@font-face {
    font-family: 'LatoBold';
    src: url('/themes/frontend/public/vendors/fonts/lato/Lato-Bol.eot');
    src: url('/themes/frontend/public/vendors/fonts/lato/Lato-Bol.eot?#iefix') format('embedded-opentype'),
    /*url('/themes/frontend/public/vendors/fonts/lato/Lato-Bol.woff') format('woff'),*/
    url('/themes/frontend/public/vendors/fonts/lato/Lato-Bol.ttf') format('truetype'),
    url('/themes/frontend/public/vendors/fonts/lato/Lato-Bol.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoReg';
    src: url('/themes/frontend/public/vendors/fonts/lato/Lato-Reg.eot');
    src: url('/themes/frontend/public/vendors/fonts/lato/Lato-Reg.eot?#iefix') format('embedded-opentype'),
    /*url('/themes/frontend/public/vendors/fonts/lato/Lato-Reg.woff') format('woff'),*/
    url('/themes/frontend/public/vendors/fonts/lato/Lato-Reg.ttf') format('truetype'),
    url('/themes/frontend/public/vendors/fonts/lato/Lato-Reg.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoLight';
    src: url('/themes/frontend/public/vendors/fonts/lato/Lato-Lig.eot');
    src: url('/themes/frontend/public/vendors/fonts/lato/Lato-Lig.eot?#iefix') format('embedded-opentype'),
    /*url('/themes/frontend/public/vendors/fonts/lato/Lato-Reg.woff') format('woff'),*/
    url('/themes/frontend/public/vendors/fonts/lato/Lato-Lig.ttf') format('truetype'),
    url('/themes/frontend/public/vendors/fonts/lato/Lato-Lig.svg#lato-lig') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('/themes/frontend/public/vendors/fonts/helveticaneue/HelveticaNeue.eot');
    src: url('/themes/frontend/public/vendors/fonts/helveticaneue/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
    /*url('/themes/frontend/public/vendors/fonts/helveticaneue/HelveticaNeue.woff') format('woff'),*/
    url('/themes/frontend/public/vendors/fonts/helveticaneue/HelveticaNeue.ttf') format('truetype'),
    url('/themes/frontend/public/vendors/fonts/helveticaneue/HelveticaNeue.svg#tradegothiclt') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { color: #333; font-size: 12px; font-family: 'LatoReg', Arial, sans-serif; background-color: #cccccc;}

#l-wrapper { min-width: 1028px; }
#l-wrapper > div.navbar {min-width: 1028px!important; }
#l-wrapper > .container { max-width: 1100px !important; }
.content-wrapper { /*width: 824px; width: 100%;*/ min-height: 858px; overflow: hidden; /*float: left;*/ background-color: #FFFFFF;}
.content-wrapper > .row > .col-md-12 { padding: 0px; }
.content-wrapper > .row > .col-md-12 > .row > .col-md-12 { padding: 0px;}

#l-header { min-height: 110px; }
.container {max-width: 1028px; padding: 0; width: 1028px;}
.row {margin: 0;}
#topbar {
    position: relative;
    height: 40px; background-color: #1a2b44;
}
#topbar .infobox {
    display: flex;
    align-items: center;
    float: left;
    margin-right: 50px;
}

#topbar .infobox a
{
	color: #ffffff;
}

#topbar .infobox svg{
    fill: #FFFFFF;
    width: 14px;
    height: 14px;

    margin-right: 10px;;
}
#topbar .infobox:last-child {
    margin-right: 0;
}
#topbar .infobox img { margin-right: 5px; }
#topbar .infobox span { color: white; font-family: 'LatoReg', Arial; font-size: 10px;}

/* Main top bar */
#maintopbar {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    
 }

#maintopbar #l-logo img {
    max-width: 180px;
}
 
 #maintopbar svg {
     width: 20px;
     height: 20px;
 }

#maintopbar {position: relative; /*width: 1028px; height: 82px;*/ /*overflow: hidden;*/ background-color: #FFFFFF; padding: 20px 25px 15px 18px; }
#maintopbar.moved { z-index: 10000; position: fixed; top: 0px; -webkit-box-shadow: 0 4px 4px -2px #D3D2D2; -moz-box-shadow: 0 4px 4px -2px #D3D2D2; box-shadow: 0 4px 4px -2px #D3D2D2; max-width: 1028px;}

#maintopbar a:hover {text-decoration: none;}
a:hover {text-decoration: none;}
#maintopbar a:hover span {text-decoration: none;}
a:hover span {text-decoration: none;}
#maintopbar a:hover span.counter {text-decoration: none; }

/* User bar */
.userBar {
    display: flex;
    align-items: center;
}
 
.userBar svg {
    width: 25px;
    height: 25px;
    fill: black;
    transition: fill .5s;
}

.userBar a:hover svg{
    fill: #ff294b;
}

.gotoofferlist {
    display: flex;
    align-items: center;
    font-family: 'LatoBold', Arial;
    height: 30px;
    padding-right: 15px;
    border-right: solid 1px #000000;
}
#maintopbar .gotoofferlist svg {
    width: 18px;
    height: 18px;
}
.gotoofferlist:hover svg{
    fill: #ff294b;
}
.gotoofferlist span{
    margin-left: 5px;
    color: #000000;
    font-size: 1.1em;
}
.login-box {
    display: flex;
    align-items: center;
    height: 30px;
    padding-left: 15px;
}
.gotocheckout {
    position: relative;
    display: flex;
    align-items: center;
    height: 30px;
    padding-left: 15px;
}

.gotocheckout .counter{
   position: absolute;
   top: -3px;
   right: -8px;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 15px;
   height: 15px;
   line-height: 1em;
   color: #FFFFFF;
   font-size: 0.7em;
   border-radius: 50%;
   background-color: #ff294b;
}

#l-logo { margin: 0; }
div.search-form {
    width: 50%;
}
div.search-form #remote{
   padding: 0 25px;
}
div.search-form #remote span{
    width: 100%;
}

#remote .typeahead,
#remote .twitter-typeahead .twitter-typeahead {
    width: 100%;
    height: 36px;
    background-color: #dedede; border: none; float: left;
    border-radius: 20px;
    font-size: 1.1em;
    line-height: 24px;
    -webkit-appearance: none;
    opacity: 1;
    margin-left: -1px;
    padding-left: 20px;
}
#remote .twitter-typeahead .twitter-typeahead:first-child {
    display: none !important;
}

#remote input.typeahead::-webkit-input-placeholder {
   color: #6b6b6d !important;
   -webkit-appearance: none;
    opacity: 1;
}
#remote input.typeahead:-moz-placeholder { /* Firefox 18- */
   color: black!important;  
}
#remote input.typeahead::-moz-placeholder {
	color: black!important;
}	
#remote input.typeahead:-ms-input-placeholder {
	color: black!important;
}

#remote .typeahead:focus {outline: none;}

.typeahead,
.tt-query,
.tt-hint {
   width: 100%;
    height: 36px;
    outline: none;
    color: grey;
}

.typeahead {
    background-color: #ededec;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
}

.tt-hint {
    /*color: #b7b7b7;*/
   color: black;
}

.tt-dropdown-menu {
    /*width: 426px;*/ width: 160%;
    background-color: #ededec;
    border-top:none;
    max-height: 450px;
    overflow-y: scroll;
    margin-top: 10px;
}

.tt-suggestion:first-child{
    border-top:1px solid #ccc;
}
.tt-suggestion:last-child{
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

.tt-suggestion.tt-cursor {
    background-color: white;
}

.tt-suggestion p {
    margin: 0;
}

.gist {
    font-size: 13px;
}
.allr.results {
    color:#5FB4DE;
}
.nor.results {
    color:black;
    cursor:default;
    pointer-events:none;
}

.nor.results:active,
.nor.results:hover {
    color:black;
}
.results {
    font-size: 13px;
    line-height: 24px;
    padding: 3px 10px;
    color:black;
    display:block;
}
.results:active,
.results:hover {
    color: #5FB4DE;
}

div.noResultsContainer {background-color: #e7f3f9; padding-left: 37px; height: 57px; padding-top: 21px; width: 100%;}
div.noResultsContainer h3 {color: black; font-size: 16px; margin: 0; font-weight: normal; font-family: 'LatoBold', Arial;}

/* LOGIN BOX */

#topbar {
    padding: 14px 0 30px 20px;
}
#topbar div.login-box {
    height: 100%; float: right; border-left: 1px solid #5b5b5b;
}
#topbar div.login-box:hover {background-color: #dcdcdc; }
#topbar div.login-box > a { display: block; width: 100%; height: 100%; background: url('/themes/frontend/public/own/img/lock-icon-white.png') center left no-repeat; color: white; font-family: 'LatoReg', Arial; font-size: 11px; text-align: left; padding-left: 30px; padding-right: 13px; line-height: 29px;}
#topbar div.login-box > a:hover {text-decoration: none; color: black; background: url('/themes/frontend/public/own/img/lock-icon-black.png') center left no-repeat;}

/* LOCALE SWITCHER */

#l-locale-switcher { 
    position: absolute;
    top: 0;
    right: 0;
    min-width: 87px;
    height: 40px;
    font-size: 10px;
    padding-right: 10px;
}
#l-locale-switcher:hover {background-color: #3e597d; }
#l-locale-switcher span {color: white; font-size: 10px; font-family: 'LatoReg', Arial; }
#l-locale-switcher:hover span {color: #FFFFFF; }
#l-locale-switcher span img { margin-left: 7px;}

#l-locale-switcher span img.up {display: none; }
#l-locale-switcher > a.current-locale { display: block; width: 100%; height: 100%; line-height: 20px; position: relative; }
#l-locale-switcher > a.current-locale:hover {text-decoration: none;}
#l-locale-switcher > a.current-locale > span {
    display: block; width: 100%; height: 100%; padding-left: 18px; text-align: left; line-height: 40px;
    background: url('/themes/frontend/public/own/img/arrow-down-white.svg') center right no-repeat;
    background-size: 9px;
    padding-right: 20px;
}
#l-locale-switcher > ul.locale-container { z-index: 1000; width: 100%; list-style-type: none; margin: 0; padding: 0; position: absolute; display: none; background-color: #1a2b44;}
#l-locale-switcher > ul.locale-container > li {
    height: 40px;
    padding-top: 5px;
}
#l-locale-switcher > ul.locale-container > li:hover { background-color: #3e597d; }
#l-locale-switcher > ul.locale-container > li > a { display: block; width: 100%; height: 100%; }
#l-locale-switcher > ul.locale-container > li > a:hover {text-decoration: none; }
#l-locale-switcher > ul.locale-container > li > a > span { display: block; width: 100%; height: 100%; color: #FFFFFF; text-align: left; padding-top: 8px; padding-left: 18px;}


#l-country-switcher {
    position: absolute;
    top: 0;
    right: 100px;
    min-width: 87px;
    height: 40px;
    font-size: 10px;
    padding-right: 10px;
	padding-left: 30px;
}

#l-country-switcher img.country-flag
{
	max-height: 12px;
	position: absolute;
	top: 14px;
	left: -15px;
}

#l-country-switcher .locale-container > li
{
	position: relative;
	padding-left: 30px;
}

#l-country-switcher .locale-container > li > img.country-flag
{
	left: 15px;
}



#l-country-switcher:hover {background-color: #3e597d; }
#l-country-switcher span {color: white; font-size: 10px; font-family: 'LatoReg', Arial; }
#l-country-switcher:hover span {color: #FFFFFF; }
#l-country-switcher span img { margin-left: 7px;}

#l-country-switcher span img.up {display: none; }
#l-country-switcher > a.current-locale { display: block; width: 100%; height: 100%; line-height: 20px; position: relative; }
#l-country-switcher > a.current-locale:hover {text-decoration: none;}
#l-country-switcher > a.current-locale > span {
    display: block; width: 100%; height: 100%; padding-left: 18px; text-align: left; line-height: 40px;
    background: url('/themes/frontend/public/own/img/arrow-down-white.svg') center right no-repeat;
    background-size: 9px;
    padding-right: 20px;
}
#l-country-switcher > ul.locale-container { z-index: 19999; list-style-type: none; margin: 0; padding: 0; position: absolute; right: 0; min-width: 200px; display: none; background-color: #1a2b44;}
#l-country-switcher > ul.locale-container > li {
    height: 40px;
    padding-top: 5px;
}
#l-country-switcher > ul.locale-container > li:hover { background-color: #3e597d; }
#l-country-switcher > ul.locale-container > li > a { display: block; width: 100%; height: 100%; }
#l-country-switcher > ul.locale-container > li > a:hover {text-decoration: none; }
#l-country-switcher > ul.locale-container > li > a > span { display: block; width: 100%; height: 100%; color: #FFFFFF; text-align: left; padding-top: 8px; padding-left: 18px;}

#l-country-switcher .locale-container {
    display: none;
}
#l-country-switcher .locale-container.hover,
#l-country-switcher .locale-container.active {
    display: block;
}

#l-nav-header { float: right; margin-top: 0px; font-size: 11px; }
#l-nav-header ul { list-style-type: none; margin: 0; padding: 0; }
#l-nav-header ul li { position: relative; }
#l-nav-header ul li a { height: 20px; line-height: 20px; position: relative; }
/* first level */
#l-nav-header > ul { }
#l-nav-header > ul > li { float: left; }
#l-nav-header > ul > li > a { display: block; float: left; padding-left: 10px; }
#l-nav-header > ul > li > a > span { display: block; float: left; }
/* all after first level */
#l-nav-header > ul > li ul { display: none; position: absolute; top: 17px; padding-left: 10px; }

#l-nav-main { float: left; height: 100%;}
#l-nav-main ul { list-style-type: none; margin: 0; padding: 0; }
#l-nav-main ul li { position: relative; }
#l-nav-main ul li a { height: 20px; line-height: 20px; position: relative; }
/* first level */
#l-nav-main > ul { }
#l-nav-main > ul > li { float: left; }
#l-nav-main > ul > li > a { display: block; float: left; padding-left: 10px; }
#l-nav-main > ul > li > a > span { display: block; float: left; }
/* all after first level */
#l-nav-main > ul > li ul { display: none; position: absolute; top: 17px; padding-left: 10px; }

#l-nav-sub { background: #eee; padding: 10px 0; margin-bottom: 5px; }
#l-nav-sub ul { list-style-type: none; margin: 0; padding: 0; }
#l-nav-sub ul li { position: relative; }
#l-nav-sub ul li a { position: relative; }
/* first level */
#l-nav-sub > ul { }
#l-nav-sub > ul > li { margin-bottom: 5px; }
#l-nav-sub > ul > li.last { margin-bottom: 0; }
#l-nav-sub > ul > li > a { display: block; height: 20px; line-height: 20px; padding: 0px 10px; }
#l-nav-sub > ul > li > a > span { display: block;  }
/* all after first level */
#l-nav-sub > ul > li ul { display: none; }
#l-nav-sub > ul > li.active > ul { display: block; }
#l-nav-sub > ul > li ul { margin-left: 20px; font-size: 11px; }


.nav-widgetcategories { margin-bottom: 20px; }
.nav-widgetcategories ul { list-style-type: none; margin: 0; padding: 0; }
.nav-widgetcategories ul li { position: relative; }
.nav-widgetcategories ul li a { height: 20px; line-height: 20px; position: relative; }
/* first level */
.nav-widgetcategories > ul { }
.nav-widgetcategories > ul > li { float: left; margin-right: 10px; }
.nav-widgetcategories > ul > li > a { display: block; float: left; }
.nav-widgetcategories > ul > li > a > span { display: block; float: left; }
/* all after first level */
.nav-widgetcategories > ul > li ul { display: none; position: absolute; top: 17px; padding-left: 10px; }


/* MAIN CATEGORY NAV */
.main-category-nav { position: relative; background-color: #1a2b44; width: 204px; float: left; z-index: 1000;}
.main-category-nav ul { list-style-type: none; margin: 0; padding: 0; }
.main-category-nav ul li { position: relative;}
.main-category-nav ul li a { position: relative; padding: 9px 15px;}
.main-category-nav ul li a:hover {text-decoration: none;}
.main-category-nav ul span {color: #FFFFFF; display: block;}
.main-category-nav ul > li > ul > li.has-children.active > a > span {border-bottom: none;}
.main-category-nav ul ul > li {border-bottom: solid rgba(255, 2555, 255, 0.275) 1px;}
.main-category-nav ul ul > li.last > a > span {border-bottom: none;}

/* first level */
.main-category-nav > ul > li {
    background-color: #1a2b44;
    transition: background-color .5s;
    border-bottom: solid rgba(255, 2555, 255, 0.1) 1px;
}
.main-category-nav > ul > li:hover {
    background-color: #203555;
}
.main-category-nav > ul > li.last {
    margin-bottom: 0;
    background-color: #ff294b;
    transition: background-color .5s;
}
.main-category-nav > ul > li.last:hover {
    background-color: #e91b3e;
}
.main-category-nav > ul > li a { display: block; line-height: 12px; }
.main-category-nav > ul > li > a > span { display: block; font-family: 'LatoBold', Arial; font-size: 12px; }
/* all after first level */
.main-category-nav > ul > li ul { display: none; }
.main-category-nav > ul > li.active > ul { display: block; }
.main-category-nav > ul > li > ul > li > a{ 
    background-color: #3e597d;
    transition: background-color .5s;
}
.main-category-nav > ul > li > ul > li > a:hover{ 
    background-color: #45638a;
}
.main-category-nav > ul > li > ul span {font-family: 'LatoReg', Arial; font-size: 12px; color: white;}


/* SUB SUB NAVI */

.main-category-nav > ul > li > ul > li > ul > li > a {padding-top: 0px; line-height: 16px; padding-left: 16px;}
.main-category-nav > ul > li > ul > li > ul > li.first > a {padding-top: 7px;}
.main-category-nav > ul > li > ul > li > ul > li.last > a {padding-bottom: 7px;}
.main-category-nav > ul > li > ul > li > ul > li > a > span {padding-bottom: 0px; border-bottom: none;}
.main-category-nav > ul > li > ul > li > ul > li > a:hover > span {color: #3887b2;}
.main-category-nav > ul > li.last > ul > li > ul > li > a:hover > span {color: white; font-size: 11px; font-family: 'LatoReg', Arial; }
.main-category-nav > ul.tempnav > li.last {
    padding-bottom:6px;
    background-color: transparent;
}

/* SUB SUB NAVI */
.main-category-nav > ul > li > ul > li {background-image: none;}
.main-category-nav > ul > li > ul > li.active > ul { display: block; }
.main-category-nav > ul > li > ul > li > ul {padding-left: 22px; padding-right: 22px; background-color: #60b5de;}
.main-category-nav > ul > li > ul > li > ul > li > a {background-color: #cfeeff; }
.main-category-nav > ul > li > ul > li > ul > li > a > span {color: #001b36; font-family: 'LatoReg', Arial; font-size: 11px; }
.main-category-nav > ul > li > ul > li > ul > li.active > a > span {color: #001b36;}

/* HOTDEALS SUBNAVS */
.main-category-nav > ul > li.last > ul > li.last {padding-bottom: 22px;}
.main-category-nav > ul > li.last > ul > li > a > span {color: #ffffff; font-family: 'LatoReg', Arial; font-size: 11px; border-bottom-color: #ffffff;}

/* SUB NAVI BOX BEI HOVER */
.main-category-nav ul.tempnav {
    position: absolute; min-width: 205px; left: 204px; z-index: 1000;
    background-color: #1a2b44;
}
.main-category-nav ul.tempnav li{
   border-bottom: none;
}
.main-category-nav ul.tempnav li a span {font-family: 'LatoReg', Arial; font-size: 12px; color: #ffffff; line-height: 12px;padding-bottom: 0px; transition: color .5s;}
.main-category-nav ul.tempnav li:hover { background-color:transparent}
.main-category-nav ul.tempnav li a:hover span {color: #567aaa; }


div.productlist div.list-view-item { padding: 10px 0 20px; cursor: pointer}
div.productlist div.items {min-height: 80px;}
div.productlist span.empty {margin-left: 25px; font-family: 'LatoReg', Arial; font-size: 12px; }

/* PRODUCT OVERVIEW */
div.product-overview { position: relative; padding-top: 4px;}
div.product-overview div.list-view-item-pic {height: 95px; overflow: hidden;}
div.product-overview div.list-view-item-pic img {width: 122px;}
div.mproduct .price {font-family: 'LatoBold', Arial; color: black; font-size: 13px; line-height: 24px; margin-top: 5px; display: block; width: 110px;}
div.product-overview .price {font-family: 'LatoBold', Arial; color: black; font-size: 13px; line-height: 24px; margin-top: 5px; display: block; width: 110px; float: left;}
div.mproduct .price.new,
div.product-overview .price.new {margin-top: 0px;}
div.productdetailview .price {
    width: 100%;
    font-size: 22px;
    margin-bottom: 5px;
}
.price.reduced {text-decoration: line-through; color: #ff3e5e !important; font-size: 12px!important; display: block!important;height: 10px!important; line-height: 5px!important; margin-top: 1px!important;margin-left:1px;}
div.product-overview h4.list-view-item-header {color: black; font-family: 'LatoBold', Arial; font-size: 1.4em; }
.red-circle {width: 32px; height: 32px; border-radius: 32px; color: white; font-family: 'LatoBold', Arial; line-height: 32px; text-align: center; font-size: 11px; text-transform: uppercase; background-color: #ff294b;}
.blue-circle {width: 32px; height: 32px; border-radius: 32px; color: white; font-family: 'LatoBold', Arial; line-height: 32px; text-align: center; font-size: 11px; text-transform: uppercase; background-color: #1a2b44;}

span.ui-spinner {float:right; margin-top: 5px;}
div.mproduct .spinner,
div.product-overview .spinner, .spinner{width: 20px; font-size:11px;}
div.product-overview input.spinner:focus, .spinner:focus { outline-width: 0; }
a.product-list-cart-link {margin-top: 6px; width: 158px; float: right; display: block; background-color: #ff294b; border-radius: 2px; color: white; padding: 12px 15px; font-family: 'LatoBold', Arial; line-height: 12px; text-align: center; transition: background-color .5s}
a.addtocart {position: relative; }
a.product-list-cart-link:hover {text-decoration: none; background-color: #e91b3e;}
a.product-list-offer-link {position: relative; margin-top: 3px; width: 158px; float: right; display: block; background-color: #dedede; border-radius: 2px; color: black; padding: 12px 15px; font-family: 'LatoBold', Arial; line-height: 12px; text-align: center; transition: background-color .5s}
a.product-list-offer-link:hover {text-decoration: none; background-color: #e2e2e2;}
a.product-list-cart-link > img {margin-right: 5px; margin-top: -2px;}
a.product-list-offer-link > img {margin-right: 5px; margin-top: -4px;}
a.product-list-cart-link > span {font-size: 12px;}
a.product-list-offer-link > span {font-size: 12px;}

div.mproduct > div > div > div.productlist {margin-bottom: 15px;}
div.mcategorymproduct div.pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 25px;
    margin-bottom: 25px;
}
div.upselling_container span.empty {display: block; margin-left: 50px; margin-bottom: 10px; }
div.mcategorymproduct div.items > div.empty {margin-left: 24px; font-family: 'LatoReg', Arial; font-size: 13px; }

/* PRODUCT FILTERS */
div.filter-container {width: 100%; padding-bottom: 1px; background-color: #ffffff; border-top: 1px solid #eeeeff;}
div.filter-container span.caret {display: none;}
div.filter-container i {font-size:15px; position: absolute; right: 15px;}
div.filter-container h1.cat_title {color: #000000; font-family: 'LatoBold', Arial; font-size: 1.7em; margin-left: 24px; margin-top: 30px;}
div.filter-container h3.cat_title {font-size: 1.5em; margin: 25px 0 0 25px;}

/* CART SUCCESS BANNER */
div.cart_success_banner { display: none; /*min-width: 495px;*/ height: 50px; float: right; background-color: #92d861; margin-right: 27px; padding: 8px 10px 0px 13px;}
div.cart_success_banner img {margin-right: 13px; float: left; margin-top: 8px; }
div.cart_success_banner span {display: block; float: left; color: #256e00; font-family: 'LatoBold', Arial; font-size: 13px; margin-top: 7px; margin-left: 2px; font-family: 'LatoBold', Arial; font-size: 12px;}
div.cart_success_banner a.gotocheckout {display: block; float: right; /*width: 147px;*/ height:33px; text-align: center; background-color: #539b29; color: #FFFFFF; font-family: 'LatoBold', Arial; font-size: 12px; padding: 8px 10px 9px 10px;}
div.cart_success_banner a.gotocheckout:hover {background-color: #62B730; text-decoration: none;}

/* CART SUCCESS BANNER PRODUCT DETAIL */
div.cart_success_banner.productdetail { visibility: visible; display: none; margin-right: 0px; /*width: 370px; min-width: 200px;*/ height: 32px; float: left; background-color: #92d861; padding: 0px 10px 0px 13px; margin-bottom: 10px;}
div.cart_success_banner.productdetail a.gotocheckout {height: 23px; margin-top: 5px; padding-top: 3px; }

div.category-description {margin-left: 24px; /*width: 773px;*/ padding-right: 25px; margin: 10px 0 20px 24px; font-family: 'LatoReg', Arial; font-size: 0.9em; }
div.category-description h1 {font-family: 'LatoReg', Arial; font-size: 1.75em; }
div.category-description h4 {font-family: 'LatoReg', Arial; font-size: 1.25em; }
div.category-description p {font-family: 'LatoReg', Arial; font-size: 1.25em; }
div.category-description ul { margin-top: 25px;}
div.category-description li {font-family: 'LatoReg', Arial; font-size: 1.25em; }

.filterBar {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.filterBar .btn-group{
    width: 22.5%;
    margin-right: 1.5%;
}

.filterBar .btn-group:last-child {
    width: 38px;
    margin-left: auto;
}

div.filter-items-container {padding: 15px 25px; margin-bottom: 5px;}
div.filter-items-container .btn-group { float: left; margin-bottom: 10px; border: solid rgba(0,0,0, .15) 1px; transition: border .5s}
div.filter-items-container .btn-group:hover { border: solid #ff294b 1px;}
div.filter-items-container .btn-group .btn {border: none; border-radius: 0px; padding: 8px 22px 8px 8px}
div.filter-items-container .btn-group a {width: 100%; font-family:'LatoReg', Arial; font-size: 12px; }
div.filter-items-container .btn-group a > span {margin-left: 2px!important;}
div.filter-items-container .btn-group a.active {padding: 5px 20px; position: relative;}
div.filter-items-container .btn-group a.active img{width: 10px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 3px;
}
div.filter-items-container .btn-group a > span.deleteFilter {float: right; font-family:'LatoReg', Arial; font-size: 10px; line-height: 20px; color: #ff3e5e;}
div.filter-items-container .btn-group > ul.dropdown-menu {min-width: 185px;}
div.filter-items-container .btn-group > ul > li > a > img {float: right; margin-top: 5px;}
div.filter-items-container .btn-group > #resetFilters {
    padding: 8px;
}
div.filter-items-container .btn-group > #resetFilters svg {
    width: 10px;
    height: 10px;
}
div.filter-items-container .filterlist {font-family:'LatoReg',Arial;font-size:12px;line-height:17px;margin-left:4px;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  color: #333333;
  border-color: #adadad;
  background: transparent !important;
}

/* SORT FILTER */
div.product-list-topbar {min-height: 53px; padding: 24px 0px 0px 24px;}
div.product-list-topbar span {display: block; float: left; color: black; font-family: 'LatoReg', Arial; font-size: 15px; line-height: 18px; }
div.product-list-topbar span.counter { font-family: 'LatoBold', Arial; margin-right: 12px; font-size: 14px; line-height: 19px;}
div.product-list-topbar span.sort_by_title {font-family: 'LatoBold', Arial; font-size: 14px; margin-right: 37px; line-height: 19px;}
div.product-list-topbar span.arrow-down-grey {display: block; width: 9px; height: 5px; float: left; margin-right: 0px; margin-top: 8px;  background-image: url('/themes/frontend/public/own/img/arrow-down-grey.png'); background-repeat: no-repeat;}
#actual_sort_filter {margin-right: 7px;}
#actual_sort_filter:hover{cursor: pointer;}
#sort_filter {list-style-type:none; display: none; width: 131px; float: left; font-size: 13px; font-family: 'LatoReg',Arial; text-align: right; margin-top: 0px;}
#sort_filter > li {}
#sort_filter > li:hover{text-decoration: underline; cursor: pointer;}

/* PRODUCT DETAIL */
div.mproduct div.product-images {/*width: 395px;*/ height: 325px; float: left;}
div.mproduct div.product-images > div.first {/*width: 395px;*/ height: 259px; overflow: hidden;}
div.mproduct div.product-images > div.first img {/*width: 345px;*/  max-width: 90%;}
div.mproduct div.title {width: 345px; float: left; font-family: 'LatoBold', Arial; font-size: 21px; color: black; font-weight: bold; margin-bottom: 5px;}
div.mproduct div.description_1 {width: 320px; font-family: 'LatoBold',Arial; font-size: 16px; font-weight: bold;}
div.mproduct div.description_2 {width: 320px; font-family: 'LatoBold',Arial; font-size: 16px; font-weight: bold;}

div.product-descriptions {float: left; width: 100%;}
div.product-descriptions a.list-view-obj-file {display: block; float: left; margin-right: 29px; margin-bottom: 15px; display: flex; align-items: center;}
div.product-descriptions a.list-view-obj-file > svg {margin-right: 5px; width: 20px; height: 20px; fill: #1a2b44}
div.product-descriptions a.list-view-obj-file:hover > span {color: #ff294b; transition: color .5s; }
div.product-descriptions a.list-view-obj-file:hover svg{ fill:#ff294b; transition: fill .5s }
div.product-descriptions a.list-view-obj-file > span {font-family: 'LatoBold', Arial; font-size: 1.1em; color: #1a2b44; }
div.product-descriptions > h3 {font-family: 'LatoBold',Arial; font-size: 1.5em; color: black; margin-top:26px; padding-top: 16px; padding-left: 35px; margin-bottom: 20px}
div.product-descriptions > table {margin-left: 32px; /*width: 760px;*/ width: 90%; margin-bottom:20px;}
div.product-descriptions > table tr td {font-family: 'LatoReg', Arial; font-size: 1.15em; color: #757575; padding: 10px; padding-left: 25px;}
div.product-descriptions > table tr:nth-child(odd) {background-color: #dedede; }
div.product-descriptions > table tr:nth-child(even) {background-color:#fafafa;  }
div.product-descriptions > div.long_description {/*width: 740px;*/ padding-right: 25px; margin-bottom: 70px;}
div.product-descriptions > div.long_description > p {color: #757575;}
div.product-descriptions > div.long_description > p >span { font-size: 1em !important;}
div.product-descriptions > div.long_description > h2 > strong > span { font-size: 1em !important}
div.product-descriptions .long_description h2:first-child {margin-top:0;}
div.product-descriptions .long_description h1 {
    font-family: 'LatoBold', Arial;
    font-size: 1.75em;
}
div.product-descriptions .long_description h2 {
    font-family: 'LatoBold', Arial;
    font-size: 1.5em;
}
div.product-descriptions .long_description h3 {
    font-family: 'LatoBold', Arial;
    font-size: 1.15em;
}
div.product-descriptions .long_description p {
    font-family: 'LatoReg', Arial;
    font-size: 1.15em;
}

/* PRODUCT DETAIL - UPSELLING PRODUCTS */
div.upselling_container {float: left; width: 100%;}
div.upselling_container > h3 {
    font-family: 'LatoBold',Arial;
    font-size: 1.5em;
    color: black;
    margin-top: 26px;
    padding-top: 16px;
    padding-left: 35px;
    margin-bottom: 20px;
}
div.upselling_container .list-view-item.last {border-bottom: none;}
div.upselling_container .summary {display: none;}


/* STARTSITE */

/* LEFT HOME BOX */
div.cms-widget.whomeboxleft {
    width: 100%;
}
div.home-slider {position: relative; width: 100%; height: 350px;}
div.home-slider li {height: 350px;}
div.home-slider img {height: 350px;
    -webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
    -ms-transition: all 5s ease;
    transition: all 5s ease;}

div.home-slider .caption-container {
    width: 100%;
    height: 350px;
    padding: 110px 24px 0px 24px;
    position: absolute;
    bottom: 0px;
    background-color: rgba(26,43,68, .4);
}
div.home-slider .caption-container > h3 { margin-top: 0px; font-family: 'LatoBold', Arial; font-size: 2.25em; color: white; }
div.home-slider .caption-container > .caption-description {width: 320px; color: white; font-family: 'LatoReg', Arial; font-size: 1.4em; margin-bottom: 30px; }
div.home-slider .caption-container > a {
    text-decoration: none; font-family: 'LatoBold', Arial; font-size: 1.1em;
    color: #FFFFFF;
    padding: 10px 15px;
    background-color: #ff2a51;
    transition: background-color .5s;
    border-radius: 2px;
}
div.home-slider .caption-container > a:hover {
    background-color: #e91b3e;
}
div.home-slider .caption-container > a:hover {
    cursor: pointer;
}

div.home-slider div.bx-controls {
    position: absolute; bottom: 25px; right: 25px;
}
div.home-slider div.bx-controls-direction {
    display: flex;
    justify-content: space-between;
    width: 100px;
    height: 40px;
}
div.home-slider div.bx-controls-direction > a.bx-prev {position: relative; float: left; left: 0px!important; height: 40px!important; width: 40px!important; border-radius: 20px;
    background-color: #FFFFFF;
    background-image: url('/themes/frontend/public/own/img/left-arrow.svg');
    background-size: 15px;
    background-position: center;
    transition: background-position .5s;
    background-repeat: no-repeat;
}
div.home-slider div.bx-controls-direction > a.bx-prev:hover {
    background-position: left 7px center;
}
div.home-slider div.bx-controls-direction > a.bx-next {position: relative; float: left; right: 0px!important; height: 40px!important; width: 40px!important; border-radius: 20px;
    background-color: #FFFFFF;
    background-image: url('/themes/frontend/public/own/img/right-arrow.svg');
    background-size: 15px;
    background-position: center;
    transition: background-position .5s;
    background-repeat: no-repeat;
}
div.home-slider div.bx-controls-direction > a.bx-next:hover {
    background-position: right 7px center;
}


/* SMALl HOME BOX */
div.cms-widget.whomeboxright {width: 100%; float: left;}
div.home-boxes div.box {width: 213px; position: relative;float:left; }
div.home-boxes div.box  span {
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
    padding: 20px;
    color: white; font-family: 'LatoReg', Arial; font-size: 1.1em;
}
div.home-boxes div.box .transparent-label {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(26,43,68, .4);
}

div.home-boxes > a {
    display: block;
    width: 25%;
    float: left; overflow: hidden;
}

div.home-boxes > a span{
    transform: translateY(0);
    transition: transform .5s;
}
div.home-boxes > a:hover span{
    transform: translateY(-10px);
}

div.home-boxes .box {
    padding-bottom: 100%;
    background-size: cover;
}

/* STARTSITE PRODUCT OVERVIEW */
div.wstartsiteproducts {float: left; width: 100%; margin-top: 20px;}
div.startsite_product_overview {}
div.startsite_product_overview > h3 {font-family: 'LatoBold', Arial; font-size: 14px; color: black; padding-left: 15px; margin-top: 2px; margin-bottom: 27px;}
div.startsite_product_overview > a > div.product-box { width: 206px; max-width: 50%; overflow: hidden; height: 312px; float: left; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
div.startsite_product_overview > a:hover > div.product-box  {background-color: #f5fafd; }
div.startsite_product_overview > a > div.product-box { position: relative;}
div.startsite_product_overview > a > div.product-box.notopborder { border-top: none;}
div.startsite_product_overview > a > div.product-box > span {display: block; width: 187px; color: black;}
div.startsite_product_overview > a > div.product-box > span.title {margin-top: 13px; font-family: 'LatoBold', Arial; font-size: 12px; padding-left: 14px;}
div.startsite_product_overview > a > div.product-box > span.short_description {font-family: 'LatoReg', Arial; color: #707070; font-size: 11px; padding-left: 14px;}
div.startsite_product_overview > a > div.product-box > div.img-wrap  {margin: 14px 0px 14px 14px; width: 85%; height: 120px; overflow: hidden;}
div.startsite_product_overview > a > div.product-box > div.img-wrap > img { max-width: 100%;}
div.startsite_product_overview > a > div.product-box > table {margin-left: 14px; margin-bottom: 14px;}
div.startsite_product_overview > a > div.product-box > table td {color: #707070; font-family: 'LatoReg'; font-size: 11px;}
div.startsite_product_overview > a > div.product-box > span.more {color: #ff2a51; font-family: 'LatoBold', Arial; font-size: 12px; margin-left: 14px;}

div.startsite_product_overview span.price {display: block; color: black; font-size: 13px;}
div.startsite_product_overview span.price.new {margin-top: -4px;}

div.productlist {position: relative;}
div.productlist span.priceWithTax {display: block; font-family: 'LatoReg', Arial; font-size: 12px; margin-top: 8px; color: grey;}
div.productlist div.summary {display: none;}
.customerActions {
    display: flex;
    justify-content: flex-start;
    margin-top: 15px;
}
.customerActions .ui-spinner {
    margin-right: 15px !important;
    height: 30px;
}
.customerActions .ui-spinner input{
    width: 50px;
    height: 20px;
    text-align: center;
}
.productdetailview {
    margin-top: 30px;
}



/* CHECKOUT */
div.gotocheckoutcontainer:hover {background-color: #f6fafd; cursor: pointer;}
div.checkout-wrapper > div.top-banner {height: 58px; width: 100%; background-image: url('/themes/frontend/public/own/img/blue-shadow.png'); padding: 33px 0px 0px 29px;}
div.checkout-wrapper > div.top-banner > h3 {width: 133px; float: left; margin-top: 0px; margin-bottom: 0px; font-family: 'LatoBold', Arial; font-size: 16px; color: black;}
div.checkout-wrapper > div.top-banner > span {display: block; font-family: 'LatoReg', Arial; color: #424242; font-size: 12px; float: left;}
div.checkout-wrapper > div.top-banner > span.pos-label {width: 39px; text-align:right;}
div.checkout-wrapper > div.top-banner > span.product-label-label {width: 244px; margin-left:30px;}
div.checkout-wrapper > div.top-banner > span.price-label {width: 116px; text-align: right;}
div.checkout-wrapper > div.top-banner > span.amount-label {width: 67px; text-align:right;}
div.checkout-wrapper > div.top-banner > span.sum-label {width: 116px; text-align: right;}

div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box { position: relative; width: 100%; /*height: 100px;*/ overflow: hidden; padding: 0px 0px 10px 21px; border-top: 1px solid #dedede; }
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box.notopborder { border-top: none; }
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box > a.delete-prod-offer,
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box > a.delete-prod {display: block; margin-top: 30px; float: left;}
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box > a.delete-prod-offer > img,
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box > a.delete-prod > img { margin: 10px;}
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box > a.delete-prod-offer:hover,
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box > a.delete-prod:hover {cursor: pointer;}
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box > div.img-container {width: 113px; height: 83px; float: left; margin-top: 5px; margin-left: 0px;}
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box > div.img-container > a > img {width: 113px;}
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box > span,
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box .price-container > span {display: block; float: left;}
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box span.ui-spinner {font-family: 'LatoReg', Arial; font-size: 11px;}
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box > span.pos-counter {color: black; font-family: 'LatoBold', Arial; font-size: 13px; margin-top: 18px;width:39px;text-align:right;}
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box span.price {font-size: 13px; font-family: 'LatoBold', Arial; line-height: 12px;}
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box span.price.reduced {font-size: 13px; margin-top: 0px;}
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box span.product-label {display: block; color: black; font-family: 'LatoBold', Arial; font-size: 13px;}
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box span.description_1 {display: block; color: black; font-family: 'LatoReg', Arial; font-size: 11px;}
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box span.description_2 {display: block; color: black; font-family: 'LatoReg', Arial; font-size: 11px;}
div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box span.ui-spinner {margin-top: 18px;margin-left:19px;}
div.checkout-wrapper > div.totals-container {width: 100%; /*height: 110px;*/}
div.checkout-wrapper > div.totals-container > div.summary {width: 100%; /*height: 69px;*/ overflow: hidden; background-color: #5fb4de; padding: 7px 50px 17px 35px;}
div.checkout-wrapper > div.totals-container > div.totals {width: 100%; /*height: 42px;*/ overflow: hidden; background-color: #81c3e2; padding: 4px 50px 14px 35px;}
div.checkout-wrapper > div.totals-container > div.summary span,
div.checkout-wrapper > div.totals-container > div.totals span {display: block; color: white; font-family: 'LatoReg', Arial; font-size: 14px; line-height: 13px; margin-top: 10px;}


/* CHECKOUT USERINPUT */
div.user-data-container {width: 100%; min-height: 921px; position: relative;}
div.user-data-container label {color: black; font-family: 'LatoReg', Arial; font-size: 12px; font-weight: bold;}
div.user-data-container span.required {color: #ff294b; font-family: 'LatoReg', Arial; font-size: 12px;}
div.user-data-container input[type="radio"] {margin-right: 11px; }
div.user-data-container input[type="password"],
div.user-data-container input[type="text"] {width: 217px; height: 33px; float: left; border: 1px solid #d0d0d0; padding-left: 11px; font-family: 'LatoReg', Arial; font-size: 12px; margin-right: 19px;}
div.user-data-container select {height: 33px;}
div.user-data-container select:focus,
div.user-data-container textarea:focus,
div.user-data-container input[type="password"]:focus,
div.user-data-container input[type="text"]:focus { outline: none;  -moz-box-shadow: 0 0 10px #cccccc; -o-box-shadow: 0 0 10px #cccccc; -webkit-box-shadow: 0 0 10px #cccccc; box-shadow: 0 0 10px #cccccc; }
div.user-data-container select {width: 217px; margin-right: 19px; float: left;}
div.user-data-container textarea {overflow: auto!important; /*width: 456px;*/ width: 90%; max-height: 100px; height: 100px; border: 1px solid #d0d0d0; padding-left: 11px; font-family: 'LatoReg', Arial; font-size: 12px;; padding-top: 7px;}

div.user-data-container div.labelrow {width: 100%; height: 24px; margin: 0; margin-top: 11px; line-height: 28px;}
div.user-data-container div.labelrow label {width: 217px; margin-right:19px;}

div.user-data-container span.errMsg {display: block; float: left; width: 217px; min-height: 1px; margin-right: 19px; color: #ff3000; font-family: 'LatoReg', Arial; font-size: 11px;}
div.user-data-container > div.forminput {width: 100%; float: left; /*padding: 35px 20px 25px 35px;*/ padding-top: 35px;}
div.user-data-container > div.forminput > form h3 {color: black; font-family: 'LatoReg', Arial; font-size: 18px;}
div.user-data-container > div.logincontainer {width: 100%; float: left;}
div.user-data-container div.paymentContainer {width: 100%; float: left; /*height: 198px;*/ background-color: #e7f3f9; padding: 25px 37px 27px 37px;}
div.user-data-container div.paymentContainer > div.payment-method-wrapper > h3 {color: black; font-family: 'LatoReg', Arial; font-size: 18px; margin: 0px; margin-bottom: 30px;}
div.user-data-container div.paymentContainer > div.payment-method-wrapper > div.company > span {font-family: 'LatoReg', Arial; font-size: 12px; color: black; }
div.user-data-container div.paymentContainer > div.payment-method-wrapper > div.company > input {margin-right: 10px;}
div.user-data-container div.paymentContainer > div.payment-method-wrapper > div.company > label > img,
div.user-data-container div.paymentContainer > div.payment-method-wrapper > div.client > label > img{margin-left: 13px; margin-right: 29px;}
div.password-forgot-container form a.submit,
div.form-login-container form a.submit,
div.user-data-container div.paymentContainer a.submit {display: block; width: 100%; height: 37px; background-color: #5fb4de; color: white; font-family: 'LatoReg', Arial; font-size: 17px; text-transform: uppercase; text-align: center; line-height: 35px; margin-top: 40px; }
div.form-login-container form a.submit:hover,
div.password-forgot-container form a.submit:hover,
div.user-data-container div.paymentContainer a.submit:hover {text-decoration: none;}
div.form-login-container form a.submit:hover,
div.password-forgot-container form a.submit:hover,
div.user-data-container div.paymentContainer a.submit.hover:hover {background-color: #67C4F2; cursor: pointer;}


div.user-data-container > div.logincontainer {position: absolute; right: 0px; width: 284px; }
div.user-data-container > div.logincontainer h3 {color: black; font-family: 'LatoReg', Arial; font-size: 18px; margin-top: 44px;}
div.user-data-container > div.logincontainer span {color: #707070; font-family: 'LatoReg', Arial; font-size: 11px;}
div.user-data-container > div.logincontainer form > a.submit {display: block; width: 217px; height: 32px; background-color: #5fb5de; color: white; font-family: 'LatoReg', Arial; font-size: 12px; text-align: center; text-transform: uppercase; line-height: 31px; margin-top: 3px; margin-bottom: 12px;}
div.user-data-container > div.logincontainer form > a.submit:hover {background-color: #67C4F2; text-decoration: none; cursor: pointer;}
div.form-login-container form a.password-forgot,
div.user-data-container > div.logincontainer form > a.password-forgot {color: #5fb4de; font-family: 'LatoReg', Arial; font-size: 11px;}
div.user-data-container > div.logincontainer form > a.password-forgot {cursor: pointer;}

div.user-data-container > div.usermessage {position: absolute; right: 0px; width: 284px; padding-top: 44px;}
div.user-data-container > div.usermessage h1 {color: black; font-family: 'LatoReg', Arial; font-size: 18px; margin-top: 0px;}
div.user-data-container > div.usermessage h2 {color: black; font-family: 'LatoReg', Arial; font-size: 18px; margin-top: 0px;}
div.user-data-container > div.usermessage h3 {color: black; font-family: 'LatoReg', Arial; font-size: 18px; margin-top: 0px;}
div.user-data-container > div.usermessage span {color: #707070; font-family: 'LatoReg', Arial; font-size: 11px;}
div.user-data-container > div.usermessage p {color: #707070; font-family: 'LatoReg', Arial; font-size: 12px;}

/* OFFERLIST CHECKOUT */

div.cms-widget.wofferlist {min-height: 861px;}
div.user-data-container.offerlist {min-height: 701px;}
div.user-data-container.offerlist div.paymentContainer {height: 100px; margin-top: 55px;}
div.user-data-container.offerlist div.paymentContainer a.submit {margin-top: 12px;}

/* LOGIN PAGE AND PASSWORD FORGOT PAGE */

div.password-forgot-container > div.info,
div.form-login-container > div.info {background-color: #e7f3f9; padding-left: 37px; height: 57px; padding-top: 21px;}
div.password-forgot-container > div.info > h1.page-title,
div.form-login-container > div.info > h1.page-title {color: black; font-size: 16px; margin: 0; font-weight: normal; font-family: 'LatoBold', Arial; }
div.password-forgot-container > p.description,
div.form-login-container > p.description {margin-left: 38px; margin-top: 33px; width: 600px; margin-bottom: 25px; font-family: 'LatoReg', Arial;}
div.password-forgot-container span.text,
div.form-login-container span.text {font-family: 'LatoReg', Arial; font-size: 12px; color: black; }
div.password-forgot-container input[type="text"],
div.form-login-container input[type="text"],
div.form-login-container input[type="password"] {width: 280px; height: 33px; float: left; border: 1px solid #d0d0d0; padding-left: 11px; font-family: 'LatoReg', Arial; font-size: 12px; margin-right: 19px; margin-bottom: 4px!important;}
div.password-forgot-container form,
div.form-login-container form {margin-left: 38px; width: 280px;}
div.password-forgot-container input[type="text"]:focus,
div.form-login-container input[type="text"]:focus,
div.form-login-container input[type="password"]:focus {outline: none; border-color: #cccccc; -moz-box-shadow: 0 0 10px #cccccc; -o-box-shadow: 0 0 10px #cccccc; -webkit-box-shadow: 0 0 10px #cccccc; box-shadow: 0 0 10px #cccccc;}
div.password-forgot-container form a.submit,
div.form-login-container form a.submit {margin-top: 10px;}
div.form-login-container label.checkbox {margin-top: 0px;}
div.password-forgot-container span.input-group-btn {padding: 0px;}
div.password-forgot-container form input[type="text"] {margin-bottom: 0px!important; margin-right: 5px;}
div.password-forgot-container form a.submit {margin: 0px; width: 120px; height: 33px; }


div.img-overview{ width: 300px; height: 60px; overflow: hidden; margin-left: 32px;}
div.img-overview img {width: 55px; margin-right: 20px;}

.l-nav-cats-container { background: #424242; padding: 10px 0; }
.l-nav-cats-container ul { list-style-type: none; margin: 0; padding: 0; }
.l-nav-cats-container ul li { position: relative;}
.l-nav-cats-container ul li a { position: relative; }
/* first level */
.l-nav-cats-container > ul > li { margin-bottom: 10px; }
.l-nav-cats-container > ul > li.last { margin-bottom: 0; }
.l-nav-cats-container > ul > li > a { display: block; height: 20px; line-height: 20px; padding: 0px 10px; }
.l-nav-cats-container > ul > li > a > span { display: block;  }
/* all after first level */
.l-nav-cats-container > ul > li ul { display: none; }
.l-nav-cats-container > ul > li.active > ul { display: block; }
.l-nav-cats-container > ul > li ul { margin-left: 20px; font-size: 11px; }

.l-nav-cats-container > ul > li > ul > li.active > ul { display: block; }
.l-nav-cats-container > ul > li > ul > li > ul { margin-left: 20px; font-size: 11px; }





.category-detail-container { }
.category-detail-container .category-picture { height: 150px; overflow: hidden; margin-bottom: 20px; }
.category-detail-container .category-description { margin-bottom: 25px; }
.category-detail-container .category-items { margin-bottom: 25px; }
.category-detail-container .category-subcats {  }
.category-detail-container .category-subcats ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 25px; overflow: hidden; }
.category-detail-container .category-subcats ul li { float: left; margin-right: 10px; }
.category-detail-container .category-subcats ul li.last { margin-right: 0; }
.category-detail-container .category-subcats ul li a { display: block; float: left; height: 35px; line-height: 35px; padding: 0 20px; border: 1px solid #eee; }
.category-detail-container .category-subcats ul li a:hover,
.category-detail-container .category-subcats ul li a:focus,
.category-detail-container .category-subcats ul li a:active { border-color: #ddd; }

#l-body { min-height: 300px;}
#l-body > .container { position:relative; min-height: 100px; overflow: visible;}
#l-body .container { background-color: #3a3e45; padding: 0px;}

.cms-widget { /*margin-bottom: 20px;*/ }
.cms-widget p:last-child { margin-bottom: 0; }
.cms-widget:last-child { margin-bottom: 0; }

.cms-widget.cms-main-content.mstructurepagesimple {padding-left: 38px; padding-right: 20px; /*width: 600px;*/ /*max-width: 750px;*/ font-family: 'LatoReg', Arial; font-size: 12px; color: #424242;}
.cms-widget.cms-main-content.mstructurepagesimple p {font-family: 'LatoReg', Arial; font-size: 12px; color: #424242; max-width: 562px;}
.cms-widget.cms-main-content.mstructurepagesimple a {font-family: 'LatoReg', Arial; font-size: 12px; color: #424242; text-decoration: underline;}
.cms-widget.cms-main-content.mstructurepagesimple a:hover {font-family: 'LatoReg', Arial; font-size: 12px; color: #75aad7; text-decoration: underline;}
.cms-widget.cms-main-content.mstructurepagesimple h1 {font-size: 18px; font-family: 'LatoReg', Arial; margin-top: 15px; color: #75aad7;}
.cms-widget.cms-main-content.mstructurepagesimple h2 {font-size: 16px; font-family: 'LatoReg', Arial; margin-top: 15px; color: #75aad7;}
.cms-widget.cms-main-content.mstructurepagesimple h3 {font-size: 14px; font-family: 'LatoReg', Arial; margin-top: 15px; color: #75aad7;}
.cms-widget.cms-main-content.mstructurepagesimple h4 {font-size: 13px; font-family: 'LatoReg', Arial; margin-top: 15px; color: #75aad7;}

.list-view { position: relative; }
.list-view.list-view-loading { background: none; }
.list-view .list-view-item { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eeeeff; }
.list-view .list-view-item.first { padding-top: 15px; border-top: 1px solid #eeeeff; }


.list-view .list-view-item .list-view-item-header { margin-top: 0; margin-bottom: 5px; }
.list-view .list-view-item .list-view-item-meta { font-size: 1.1em; color: #777; font-family: 'LatoReg', Arial;}
.list-view .list-view-item .list-view-item-meta .list-view-item-file { margin-top: 0px; }
.list-view .list-view-item .list-view-item-file { margin-top: 10px; display: block; font-size: 11px; text-decoration: none; float: left; margin-right: 15px; }
.list-view .list-view-item .list-view-item-file i { display: inline-block; font-size: 13px; }
.list-view .list-view-item .list-view-item-file .file-label { display: inline-block; margin-left: 5px; }
.list-view .list-view-item .list-view-item-text { margin-top: 10px; }

.list-view .summary { float: left; font-size: 11px; }
.list-view .pagination { float: right; margin: 0; padding: 0; font-size: 11px; }
.list-view .pagination ul { list-style-type: none; margin: 0; padding: 0; }
.list-view .pagination ul li { float: left; }
.list-view .pagination ul li a { float: left; display: block; margin-left: 10px; }



.list-view-detail-obj { }
.list-view-detail-obj h1.page-title { margin: 0; }
.list-view-detail-obj .list-view-obj-date { color: #777; }
.list-view-detail-obj .list-view-obj-file { margin-top: 5px; display: block; font-size: 11px; text-decoration: none; float: left; margin-right: 15px; }
.list-view-detail-obj .list-view-obj-file i { display: inline-block; font-size: 13px; }
.list-view-detail-obj .list-view-obj-file .file-label { display: inline-block; margin-left: 5px; }
.list-view-detail-obj .list-view-obj-text { margin-top: 15px; }

.partner-slider { background-color: #cccccc; padding: 20px 20px 30px 20px; }
.partner-slider .bx-viewport { background: none; }
.partner-slider h3 { margin: 0; margin-bottom: 25px; font-size: 14px; font-weight: 700; }
.partner-slider ul { }
.partner-slider ul li { text-align: center; }
.partner-slider ul li img { max-height: 32px; width: auto; display: inline-block; }

.manufacturer-slider {position: relative;}
.manufacturer-slider a {width: 100%}
.manufacturer-slider > .bx-wrapper > .bx-viewport > ul > li > img {max-height: 95px;}

/* HERSTELLER WIDGET */
.cms-widget.wpartner { padding-left: 25px;  }
.cms-widget.wpartner .list-view-item {width: 178px; float: left; border: 1px solid #ececec; margin: 0px 0px 10px 10px; padding: 5px 0px;}
.cms-widget.wpartner .list-view-item.first {}
.cms-widget.wpartner .list-view-item-pic img { max-height: 45px; }
.cms-widget.wpartner div.summary {display: none; }

/* TEAM WIDGET */

div.cms-widget.wteam { padding-left: 24px;}
div.cms-widget.wteam .summary,
div.cms-widget.wteam {padding-left: 42px;}
div.cms-widget.wteam > div.nav-widgetcategories {width: 755px; height: 25px;}
div.cms-widget.wteam > div.nav-widgetcategories li {padding: 6px 10px; height: 100%; background-color: #acb3ba; margin-right: 2px;}
div.cms-widget.wteam > div.nav-widgetcategories li:hover { background-color: #5fb4de;}
div.cms-widget.wteam > div.nav-widgetcategories li.active {background-color: #5fb4de;}
div.cms-widget.wteam > div.nav-widgetcategories li a {line-height: 14px; height: 13px;}
div.cms-widget.wteam > div.nav-widgetcategories li a span {color: white; font-family: 'LatoReg', Arial; font-size: 11px; text-transform: uppercase; height: 13px; line-height: 14px;}
div.cms-widget.wteam div.summary {display: none;}

div.cms-widget.wteam .list-view-item,
div.cms-widget.wteam .list-view-item > .row{ padding: 0px; margin: 0px; width: 227px; float: left;}
div.cms-widget.wteam .list-view-item {margin-right: 20px;}
div.cms-widget.wteam .list-view .list-view-item.first {border:none;}
div.cms-widget.wteam .list-view .list-view-item {border:none;margin-bottom:20px}

.cms-widget.wteam .list-view-item > .row > .member-image {width: 227px; height: 150px; background-color: #cccccc; }
.cms-widget.wteam .list-view-item > .row:hover {cursor: pointer;}
.cms-widget.wteam .list-view-item > .row:hover a {text-decoration: none;}
.cms-widget.wteam .list-view-item > .row:hover .member-description {background-color: #ed3a00;}
.cms-widget.wteam .list-view-item > .row:hover .member-description > .member-title {color:#FFFFFF;}
.cms-widget.wteam .list-view-item > .row:hover .member-description .member-light-text {color: #FFFFFF;}

.cms-widget.wteam .list-view-item > .row .member-description { position: relative; padding: 13px 0px 0px 16px; height: 122px; width: 227px; background-color: #f6f6f6; }

.cms-widget.wteam .list-view-item > .row .member-description > .member-title { color: #ed3a00; font-family: 'LatoReg', Arial; font-size: 14px;}
.cms-widget.wteam .list-view-item > .row a {text-decoration: none;}
.cms-widget.wteam .list-view-item > .row a:hover {text-decoration: none;}
.cms-widget.wteam .list-view-item > .row .member-description > .member-contact-legend {width: 64px; height: 30px; float: left; margin-top: 25px;}
.cms-widget.wteam .list-view-item > .row .member-description > .member-contact-details{float: left; margin-top: 25px;}
.cms-widget.wteam .list-view-item > .row .member-description .member-light-text { display: block; color: #424242; font-size: 12px; font-family: 'LatoLight', Arial; }

.cms-widget.wteam .list-view-item > .row .member-description > .member-mail {position: absolute; top: 16px; right: 11px;}
.cms-widget.wteam .list-view-item > .row .member-description > .member-mail > img {text-decoration: none;}
.cms-widget.wteam .list-view-item > .row .member-description > .member-mail > img.active {display: block;}
.cms-widget.wteam .list-view-item > .row .member-description > .member-mail > img.inactive {display: none;}

/* TEAM OVERLAY */
div.member-description-overlay-box {width: 460px; height: 410px; overflow-y: auto; background-color: #757575; padding-left: 32px; padding-top: 30px; padding-right: 20px;}
div.member-description-overlay-box h2 {color: white; font-family: 'LatoLight', Arial; font-size: 19px; margin: 0px; margin-bottom: 5px;}
div.member-description-overlay-box h3 {color: white; font-family: 'LatoLight', Arial; color: #c9c9c9; font-size: 16px; margin: 0px; margin-bottom: 70px;}
div.member-description-overlay-box span,
div.member-description-overlay-box a,
div.member-description-overlay-box p {color: white;}

/* FAQ MODUL */

div.cms-widget.wfaq {padding-left: 42px;}
div.cms-widget.wfaq > div.nav-widgetcategories {width: 755px; height: 25px;}
div.cms-widget.wfaq > div.nav-widgetcategories li {padding: 6px 10px; height: 100%; background-color: #acb3ba; margin-right: 2px;}
div.cms-widget.wfaq > div.nav-widgetcategories li:hover { background-color: #5fb4de;}
div.cms-widget.wfaq > div.nav-widgetcategories li.active {background-color: #5fb4de;}
div.cms-widget.wfaq > div.nav-widgetcategories li a {line-height: 14px; height: 13px;}
div.cms-widget.wfaq > div.nav-widgetcategories li a span {color: white; font-family: 'LatoReg', Arial; font-size: 11px; text-transform: uppercase; height: 13px; line-height: 14px;}
div.cms-widget.wfaq div.summary {display: none; }

div.cms-widget.wfaq div.list-view-item {min-height: 28px; width: 755px; border: none; padding: 0px 0px 0px 0px; margin-bottom: 0px; background-color: #e7f3f9;}
div.cms-widget.wfaq div.list-view-item > div.row {min-height: 26px;}
div.cms-widget.wfaq div.list-view-item > div.row:before,
div.cms-widget.wfaq div.list-view-item > div.row:after {content:none;}
div.cms-widget.wfaq div.list-view-item > div.row > div.col-md-12 {padding: 0px 0px 0px 0px;}
div.cms-widget.wfaq div.list-view-item h4.list-view-item-header {width: 755px; margin-bottom: 0px; background-color: #768599; font-family: 'LatoReg', Arial; font-size: 11px; color: white; padding: 7px 13px;}
div.cms-widget.wfaq div.list-view-item h4.list-view-item-header:hover {background-color: #8495AA; cursor: pointer;}
div.cms-widget.wfaq div.list-view-item div.list-view-item-text {display: none; padding-left: 16px; padding-right: 20px; color: black; font-family: 'LatoReg', Arial; padding-bottom: 10px; padding-top: 5px;}

/* NEWS MODUL */

div.cms-widget.wnews {max-width: 792px; padding-left: 42px; padding-right: 20px;}
div.cms-widget.wnews div.list-view-item{max-width: 750px;}
div.cms-widget.wnews div.list-view-item .row > div{width: auto !important; max-width: 455px !important;}
div.cms-widget.wnews div.list-view-item .row > div:first-child{min-width: 182px !important; padding-bottom: 30px;}
div.cms-widget.wnews div.list-view-item.first {border-top: none;}
div.cms-widget.wnews div.list-view-item-pic img {width: 180px;}
div.cms-widget.wnews div.list-view-item div.list-view-item-pic {width: 182px; overflow: hidden;}
div.cms-widget.wnews div.list-view-item h4.list-view-item-header {color: black; font-family: 'LatoReg', Arial; font-size: 18px; margin-bottom: 0px;}
div.cms-widget.wnews div.list-view-item-meta {color: #757575; font-size: 13px; font-family: 'LatoReg', Arial;}
div.cms-widget.wnews div.list-view-item-short-description {color: black; font-family: 'LatoReg', Arial; font-size: 14px; margin-top: 4px;}
div.cms-widget.wnews div.list-view-item-show-more {width: 115px; height: 25px; background-color: #5fb5de; color: white; font-family: 'LatoReg', Arial; font-size: 12px; text-align: center; line-height: 24px; margin-top: 15px;}
div.cms-widget.wnews div.list-view-item-show-more:hover {cursor: pointer; background-color: #68C4EF;}
div.cms-widget.wnews div.list-view-item-text {display: none;}
div.cms-widget.wnews div.list-view-item-text p,
div.cms-widget.wnews div.list-view-item-text table {width: 100% !important; max-width: 100% !important;}
div.cms-widget.wnews div.nav-widgetcategories li.active > a > span {text-decoration: underline;}
div.cms-widget.wnews div.summary {display: none;}

/*div.cms-widget.wnews div.pagination {}
div.cms-widget.wnews div.pagination > ul > li.page {width: 15px; height: 15px; }
div.cms-widget.wnews div.pagination > ul > li.page > a {color: black; text-align: center; display: block; width: 100%; height: 100%; margin: 0px;}
div.cms-widget.wnews div.pagination > ul > li.page:hover {background-color: #5fb5de;}
div.cms-widget.wnews div.pagination > ul > li.page:hover > a {color: white; text-decoration: none;}
div.cms-widget.wnews div.pagination > ul > li.page.active{background-color: #5fb5de;}
div.cms-widget.wnews div.pagination > ul > li.page.active > a {color: white;}
div.cms-widget.wnews div.pagination > ul > li.next{display:none;}
div.cms-widget.wnews div.pagination > ul > li.last{display:none;}
div.cms-widget.wnews div.pagination > ul > li.previous{display:none;}
div.cms-widget.wnews div.pagination > ul > li.first{display:none;}*/

/* GLOSSARY MODUL */
div.cms-widget.mglossary,
div.cms-widget.wglossary {padding-left: 38px; /*width: 755px;*/ width: 100%; padding-right: 20px;}
ul.glossary-alphabet {}
ul.glossary-alphabet li {width: 27px; padding: 6px 5px; height: 24px; background-color: #acb3ba; margin-right: 2px; margin-bottom: 4px;}
ul.glossary-alphabet li:first-child{width: 47px;}
ul.glossary-alphabet li:hover {background-color: #5fb4de;}
ul.glossary-alphabet li.active {background-color: #5fb4de;}
ul.glossary-alphabet li a {border: none; line-height: 8px; height: 13px; text-decoration: none; color: white; font-family: 'LatoReg', Arial; font-size: 11px; text-transform: uppercase; height: 13px;}

div.glossary-items.items {}
div.glossary-items.items > ul {}
div.glossary-items.items > ul > li { height: 30px; background-color: #768599; border: none; }
div.glossary-items.items > ul > li:hover {background-color: #8495AA;}
div.glossary-items.items > ul > li > a {color: white; white-space: nowrap; padding-right: 15px; overflow: hidden; text-overflow: ellipsis;}
div.glossary-items.items > ul > li > a:hover {background-color: #8495AA; text-decoration: none; }

div.mglossary h1.page-title {display: none;}
div.mglossary div.list-view-obj-text p {font-family: 'LatoReg', Arial;}

/* GENERAL PAGINATION */
div.pagination .first, div.pagination .previous, div.pagination .next, div.pagination .last {
    display: none;
}
div.pagination > ul > li.page {width: 25px; height: 25px; }
div.pagination > ul > li.page > a {color: black; text-align: center; display: block; width: 100%; margin: 0; font-size: 1.25em; line-height: 25px; text-decoration: none;}
div.pagination > ul > li.page:hover {background-color: #ff294b;}
div.pagination > ul > li.page:hover > a {color: white; text-decoration: none;}
div.pagination > ul > li.page.active{background-color: #ff294b;}
div.pagination > ul > li.page.active > a {color: white;}

/* div.pagination > ul > li.next {margin-left:5px;padding: 0 3px;}
div.pagination > ul > li.next:hover {background-color: #5fb5de;}
div.pagination > ul > li.next > a {color: #707070; text-align: center; display: block; width: 100%; height: 100%; margin: 0px;}
div.pagination > ul > li.next:hover > a {color: white; text-decoration: none;}

div.pagination > ul > li.last {margin-left:5px;padding: 0 3px;}
div.pagination > ul > li.last:hover {background-color: #5fb5de;}
div.pagination > ul > li.last > a {color: #707070; text-align: center; display: block; width: 100%; height: 100%; margin: 0px;}
div.pagination > ul > li.last:hover > a {color: white; text-decoration: none;}

div.pagination > ul > li.previous {margin-left:5px;padding: 0 3px;}
div.pagination > ul > li.previous:hover {background-color: #5fb5de;}
div.pagination > ul > li.previous > a {color: #707070; text-align: center; display: block; width: 100%; height: 100%; margin: 0px;}
div.pagination > ul > li.previous:hover > a {color: white; text-decoration: none;}

div.pagination > ul > li.first {margin-left:5px;padding: 0 3px;}
div.pagination > ul > li.first:hover {background-color: #5fb5de;}
div.pagination > ul > li.first > a {color: #707070; text-align: center; display: block; width: 100%; height: 100%; margin: 0px;}
div.pagination > ul > li.first:hover > a {color: white; text-decoration: none;} */
/* CONTACTFORM */

div.cms-widget.wcontactform { padding-left: 38px; padding-right: 20px; padding-bottom: 30px; max-width: 520px;}
div.cms-widget.wcontactform input[type="password"],
div.cms-widget.wcontactform input[type="text"] {width: 217px; height: 33px; border: 1px solid #d0d0d0; padding-left: 11px; font-family: 'LatoReg', Arial; font-size: 12px; margin-right: 19px;}
div.cms-widget.wcontactform textarea:focus,
div.cms-widget.wcontactform input[type="password"]:focus,
div.cms-widget.wcontactform input[type="text"]:focus { outline: none;  -moz-box-shadow: 0 0 10px #cccccc; -o-box-shadow: 0 0 10px #cccccc; -webkit-box-shadow: 0 0 10px #cccccc; box-shadow: 0 0 10px #cccccc; }
div.cms-widget.wcontactform textarea {resize: vertical!important; overflow: auto!important; width: 456px; max-height: 300px; max-width: 100%; height: 100px; border: 1px solid #d0d0d0; padding-left: 11px; font-family: 'LatoReg', Arial; font-size: 12px;; padding-top: 7px;}
div.cms-widget.wcontactform button[type="submit"] {width: 100%; font-size: 14px!important; height: 37px; background-color: #5fb4de; color: white; font-family: 'LatoReg', Arial; font-size: 17px; text-transform: uppercase; text-align: center; line-height: 26px; margin-top: 0px;}
div.cms-widget.wcontactform button[type="submit"]:hover {background-color: #67C4F2; }

div.cms-widget.wcontactform div.error-message {width: 217px;}
div.cms-widget.wcontactform form div.floatLeft {max-width:100%;}




.cms-widget.wpicturegallery {  }
.cms-widget.wpicturegallery .picturegallery-pictures { list-style-type: none; margin: 0; padding: 0; margin-top: 15px; }
.cms-widget.wpicturegallery .picturegallery-pictures li { float: left; margin-right: 2px; margin-bottom: 2px; }
.cms-widget.wpicturegallery .picturegallery-pictures li a { display: block; float: left; }
.cms-widget.wpicturegallery .picturegallery-pictures li a img { height: 45px; }

.glossary-container { }
.glossary-alphabet { list-style-type: none; margin: 0; padding: 0; overflow: hidden; margin-bottom: 20px; }
.glossary-alphabet li { float: left; margin-right: 5px; }
.glossary-alphabet li a { display: block; float: left; padding: 3px 5px; border: 1px solid #eee; }
.glossary-container .glossary-items { }
.glossary-container .glossary-items ul { list-style-type: none; margin: 0; padding: 0; }
.glossary-container .glossary-items ul li { }
.glossary-container .glossary-items ul li a { display: block; height: 30px; line-height: 30px; padding: 0 15px; border-bottom: 1px solid #eeeeff; }
.glossary-container .glossary-items ul li.first a { border-top: 1px solid #ddd; }
.glossary-container .glossary-items ul li a:hover,
.glossary-container .glossary-items ul li a:active,
.glossary-container .glossary-items ul li a:focus { background: #eee; }

.items .grid-view .tree-structure { }
.items .grid-view .tree-structure .label-container { }
.items .grid-view .tree-structure .label-container a.expander { display: none !important; }
.items .grid-view .tree-structure .item { padding: 15px !important; }
.items .tree-structure ol.root li.item-container li { }


#l-homeanimation { margin-bottom: 20px; }
#l-homeanimation > .bx-wrapper > .bx-viewport { border-bottom: 1px solid #eeeeff !important; }
#l-homeanimation > .bx-wrapper > .bx-viewport > ul > li > div.image { height: 300px; overflow: hidden; }
#l-homeanimation > .bx-wrapper > .bx-viewport .animation-info-container { position: absolute; }
#l-homeanimation > .bx-wrapper > .bx-viewport .animation-info-container .animation-description { font-size: 20px; color: #fff;
    margin-top: 90px;
}
#l-homeanimation > .bx-wrapper > .bx-viewport .animation-info-container .animation-description p:last-child { margin-bottom: 0; }
#l-homeanimation > .bx-wrapper > .bx-viewport .animation-link { margin-top: 20px; }
#l-homeanimation > .bx-wrapper > .bx-viewport .animation-link a { font-size: 15px; font-weight: 700; color: #fff; }

#l-emotionpic {  position: relative;  margin-bottom: 33px; }
.searchresults #l-emotionpic { margin-bottom: 0px; }
#l-emotionpic > .container { width: 824px;}
#l-emotionpic > .container .info { background-color: #FFFFFF; padding-left: 37px; height: 57px; padding-top: 21px;  border-bottom:1px solid #ccc;}
#l-emotionpic > .container .info h1.page-title { color: black; font-size: 16px; margin: 0; font-weight: normal; font-family: 'LatoBold', Arial;}
#l-emotionpic > .image { top: 0; height: 235px; overflow: hidden; }

#l-sitemap { }
#l-sitemap ul { list-style-type: none; margin: 0; padding: 0; }
#l-sitemap ul li.last { margin-bottom: 0; }
/* first level */
#l-sitemap > ul { }
#l-sitemap > ul > li { margin-bottom: 15px; }
#l-sitemap > ul > li > a { font-size: 16px; }
#l-sitemap > ul > li > a > span { }
/* second level */
#l-sitemap > ul > li > ul { }
#l-sitemap > ul > li > ul > li { margin-top: 3px; margin-left: 10px; }
#l-sitemap > ul > li > ul > li > a { font-size: 14px; }
#l-sitemap > ul > li > ul > li > a > span { }
/* third level */
#l-sitemap > ul > li > ul > li > ul { }
#l-sitemap > ul > li > ul > li > ul > li { margin-top: 3px; margin-left: 10px; }
#l-sitemap > ul > li > ul > li > ul > li > a {  }
#l-sitemap > ul > li > ul > li > ul > li > a > span { }

/* Footer partner slider hack */
.footer-bottom {overflow: hidden;}
.footer-bottom .bx-wrapper {max-width: none !important;}
.footer-bottom .bx-wrapper .bx-prev { /*margin-left:1px;*/}

div.manufacturer-slider .bx-wrapper .bx-prev {left: -26px !important; }
div.manufacturer-slider .bx-wrapper .bx-next {right: -26px !important;}

/* bx slider allgemein */
div.cms-widget.whomeboxleft div.home-slider img {
    height: auto !important;
    width: 100% !important;
}
div.cms-widget.whomeboxleft,
div.cms-widget.whomeboxleft div.home-slider,
div.cms-widget.whomeboxleft .bx-wrapper {
    width: 100% !important;
    max-width: 100% !important;
}

div.cms-widget.whomeboxleft .bx-wrapper > .bx-viewport > ul {
    width: 800% !important;
}
div.cms-widget.whomeboxleft .bx-wrapper > .bx-viewport > ul > li{
    background-size: cover;
    background-position: center;
    width: 12.5% !important;
}

#l-wrapper .bx-wrapper { /*margin: 0;*/ }
#l-wrapper .bx-wrapper > .bx-viewport { -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; border: 0; left: 0; }
#l-wrapper .bx-wrapper > .bx-viewport > ul { margin: 0; padding: 0; }

.footer-bottom .bx-wrapper > .bx-viewport > ul { height: 100%; }
.footer-bottom .bx-wrapper > .bx-viewport > ul > li { padding: 20px; height: 100%; display: flex; justify-content: center; align-items: center; opacity: .5; transition: opacity .5s}
.footer-bottom .bx-wrapper > .bx-viewport > ul > li:hover { opacity: 1}


#l-wrapper .bx-wrapper .bx-controls-auto { padding-top: 0; bottom: 15px; z-index: 850; }
#l-wrapper .bx-wrapper .bx-controls-auto .bx-start { background: url(/themes/frontend/public/own/img/bxslider-play-default.png) center left no-repeat; }
#l-wrapper .bx-wrapper .bx-controls-auto .bx-start:hover,
#l-wrapper .bx-wrapper .bx-controls-auto .bx-start.active { background-position: top left; }

#l-wrapper .bx-wrapper .bx-controls-auto .bx-stop { background: url(/themes/frontend/public/own/img/bxslider-pause-default.png) center left no-repeat; }
#l-wrapper .bx-wrapper .bx-controls-auto .bx-stop:hover,
#l-wrapper .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: top left; }

#l-wrapper .bx-wrapper .bx-pager { padding-top: 0; bottom: 15px; z-index: 800; }
#l-wrapper .bx-wrapper .bx-pager.bx-default-pager a { background: none; border: 1px solid #fff; }
#l-wrapper .bx-wrapper .bx-pager.bx-default-pager a:hover,
#l-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; }

#l-wrapper .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { width: 100%; text-align: center; }
#l-wrapper .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 20px; }

#l-socialmedia-links {float: right; margin-right: 90px;}
#l-socialmedia-links span {color: #a8a8a8; font-family: 'LatoReg', Arial; font-size: 11px; transition: color .5s}

#l-footer { padding-bottom: 20px; }
#l-footer .container { background-color: #3a3e45;}
#l-footer h3 { font-size: 15px; margin-top: 0; }
#l-footer .footer-top { }
#l-footer .footer-top > .container {padding-left: 205px; padding-top: 37px; padding-bottom: 5px;}

#l-footer .footer-seo-text { padding-bottom: 20px; margin-bottom: 20px; color: #666; font-size: 11px; }

.pay-logos
{
	float: left;
	margin-left: 50px;
}

.pay-logos .pay-title
{
	color: #FFFFFF;
	font-family: 'LatoBold', Arial;
	display: block;
	margin-bottom: 10px;
}

.pay-logos ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.pay-logos ul li
{
	margin-bottom: 10px;
}

.pay-logos ul li > img.pay-logo
{
	height: 13px;
}

.pay-logos ul li > img.pay-logo.twint
{
	height: 19px;
}


#l-nav-footer { float: left;}
#l-nav-footer ul { list-style-type: none; margin: 0; padding: 0; }
#l-nav-footer ul li { position: relative; margin: 5px 0;}

#l-nav-footer > ul > li.first > div.contactInformation {color: #a8a8a8; font-family: 'LatoReg', Arial; font-size: 11px; margin-top: 9px; line-height: 19px;}
#l-nav-footer > ul > li.first > div.contactInformation a {color: #a8a8a8; font-family: 'LatoReg', Arial; text-decoration: none;}
#l-nav-footer > ul > li.first > div.contactInformation a:hover {color: #ffffff;}
#l-nav-footer > ul > li.first > div.contactInformation .openingTimes {
    display: inline-block;
    margin: 15px 0 10px;
    color: #FFFFFF;
    font-family: 'LatoBold', Arial;
    font-size: 12px;
}
/* first level */
#l-nav-footer > ul { }
#l-nav-footer > ul > li { float: left; margin-right: 60px; width: 170px; }
#l-nav-footer > ul > li.last {margin-right: 0px;}
#l-nav-footer > ul > li > a { display: block; float: left; font-size: 15px; }
#l-nav-footer > ul > li > a:hover {color: #FFFFFF; text-decoration: underline; }
#l-nav-footer > ul > li > a > span { display: block; float: left; color: #FFFFFF; font-family: 'LatoBold', Arial; font-size: 12px;}
/* second level */
#l-nav-footer > ul > li > ul { margin-top: 25px; }
#l-nav-footer > ul > li > ul > li {}
#l-nav-footer > ul > li > ul > li > a { display: block; height: 19px; line-height: 20px; text-decoration: none;}
#l-nav-footer > ul > li > ul > li > a:hover > span {color: #FFFFFF; }
#l-nav-footer > ul > li > ul > li > a > span { color: #a8a8a8; font-family: 'LatoReg', Arial; transition: color .5s}
/* all after second level */
#l-nav-footer > ul > li > ul > li ul { display: none; position: absolute; top: 17px; padding-left: 10px; }

#l-newsletter-subscription { }

#l-socialmedia-links {  }
#l-socialmedia-links h3 { color: #FFFFFF; font-family: 'LatoBold', Arial; font-size: 12px; }
#l-socialmedia-links ul { list-style-type: none; margin: 0; padding: 0; }
#l-socialmedia-links ul li { margin-right: 5px; margin-bottom: 15px;}
#l-socialmedia-links ul li svg { width: 30px; height: 30px; margin-right: 10px; fill: #a8a8a8; transition: fill .5s;}
#l-socialmedia-links ul li svg path{fill: #a8a8a8; transition: fill .5s;}
#l-socialmedia-links ul li.last { margin-right: 0; }
#l-socialmedia-links ul li a {display: flex; align-items: center;}
#l-socialmedia-links ul li a { color: #FFFFFF; font-size: 11px; text-decoration: none;}
#l-socialmedia-links ul li a:hover > span {color: #ffffff;}
#l-socialmedia-links ul li a:hover > svg path {fill: #ffffff;}

#l-copyright { font-size: 11px; color: #999; }

#l-createdby { float: right; }

div.error-container {}
div.error-container > h1.page-title {margin: 0px; margin-left: 28px; font-family: 'LatoReg', Arial; font-size: 28px; margin-bottom: 5px;}
div.error-container > p.error-description {margin-left: 28px; font-family: 'LatoReg', Arial; font-size: 14px;}



.mobile-button {
    display: none;
    height: 44px;
    font-size:22px;
    color: black;
    padding: 10px 15px 0;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 20000;
}

.mobile-button:hover {
    color: #60b5de;
    text-decoration: none;
}

.tt-suggestions a {
    margin-top: 7px !important;
    display: block;
    float: none !important;
}

#maintopbar.moved {
    width: 1028px;
}

#MUserAddress_clientType label:after {
    margin-left: 4px;
    content: '*';
    color: #ff294b;
    font-size: 12px;
    font-family: 'LatoReg', Arial;
}
#MUserAddress_clientType div {
    display: inline-block;
    margin-right: 20px;
}


#l-locale-switcher .locale-container {
    display: none;
}
#l-locale-switcher .locale-container.hover,
#l-locale-switcher .locale-container.active {
    display: block;
}


#l-breadcrumb { font-size: 11px; padding: 10px 24px; background-color: #dedede;}
#l-breadcrumb .breadcrumbs a {color: grey}
#l-breadcrumb .breadcrumbs > a.homepage { font-size: 14px; }
#l-breadcrumb .breadcrumbs > .separator { }
#l-breadcrumb .breadcrumbs svg {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    fill: grey;
}

#l-breadcrumb .breadcrumbs a.homepage svg{
    width: 12px;
    height: 12px;
    margin-bottom: -2px;
    fill: grey;
    transition: fill .5s;
}
#l-breadcrumb .breadcrumbs a.homepage:hover{
    text-decoration: none;
}
#l-breadcrumb .breadcrumbs a.homepage:hover svg{
    fill: #ff294b;
}

#l-breadcrumb .container {
    color: grey;
    background-color: #dedede;
    width: 100%;
    max-width: 100%;
}

@media(max-width:1028px) {

    .tt-suggestions .tt-suggestion:nth-child(n+6):not(:last-child){display: none;}

    div.product-descriptions {margin-left: -23px;}
    div.product-info {padding-left: 10px;}
    div.upselling_container > h3 {padding-left: 30px;}
    .product-overview > div.floatLeft {float: left !important; margin-left: 28px; margin-top: 10px;}

    div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box .price-container {
        /*overflow: hidden;
        width: 100%;*/
        float: left;
        margin-left: 30px;
    }
    div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box .price-container .floatLeft {
        width: auto !important;
        padding: 0;
    }
    div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box span.ui-spinner {
        margin-left: 10px;
        margin-right: 10px;
    }
    div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box > span.pos-counter {
        display: none;
    }
    div.checkout-wrapper > div.product-summary > div.gotocheckoutcontainer > div.prod-box > div.img-container{
        height: auto !important;
    }

    div.checkout-wrapper > div.top-banner span {
        display: none;
    }

    .user-data-container > div.logincontainer {
        padding-left: 35px;
        position: relative !important;
    }
    .user-data-container .logincontainer img {
        display: none;
    }
    .user-data-container .logincontainer div.floatLeft span {
        width: 100% !important;
    }
    div.user-data-container div.paymentContainer div.payment-method-wrapper label {
        display: block !important;
        white-space: nowrap;
    }
    /*div.user-data-container div.paymentContainer > div.payment-method-wrapper label > img{
        margin-left: 25px !important;
    }*/


    .container {
        max-width: 100%;
    }

    #l-wrapper {
        min-width: 100%;
    }

    #maintopbar.moved {
        width: 100%;
    }

    div.product-overview {
        padding-bottom: 12px;
    }
    div.product-overview .productLink .floatLeft:nth-child(n+2){
        padding-left: 30px !important;
        margin-left: 0 !important;
    }

    #l-nav-footer {
        /*width: 75%;*/
        max-width: 100%;
    }
    #l-nav-footer > ul {
        width: 100%;
    }
    #l-nav-footer > ul > li {
        margin: 20px 0 0 0;
        width: 33.3%;
        min-width: 160px;
        display: block;
    }
    #l-socialmedia-links {
        margin: 20px 0 0 0;
        width: 25%;
        min-width: 160px;
    }

	.pay-logos
	{
		margin: 20px 0 0 0;
	}

    div.cms-widget.whomeboxright {
        max-width: 100%;
    }
    div.home-boxes > a {
        width: 50%;
        min-width: 190px;
    }
    div.home-boxes div.box {
        width: 100%;
        /*max-height: 213px;*/
        overflow: hidden;
    }
    div.home-boxes div.box img {
        width: 100%;
    }
}


@media(max-width: 950px){
    .container {
        max-width: 100%;
    }

    #l-wrapper {
        min-width: 100%;
    }


    #topbar .daysyear {
        display: none;
    }
}
@media(min-width: 768px) {
    #l-footer .footer-bottom .container {
        padding-left: 205px;
    }
}

@media(max-width: 768px){

    #maintopbar #l-logo {
        width: 100%;
        text-align: center;
        margin-bottom: 25px;
    }

    div.search-form #remote{
        padding: 0;
     }

    .main-category-nav {
        transition: left 0.3s ease-in-out;

        height: 100%;
        position: fixed !important;
        top: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        z-index: 12000;
        padding-top: 44px;
        padding-bottom: 40px;
        background-color: white;

    }

    .main-category-nav.mobileActive {
        left: 0;

        box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 10px -2px rgba(0, 0, 0, 0.3);
    }

    #topbar {
        padding-left: 60px;
    }

    #l-nav-footer > ul > li {
        width: 50%;
    }

    #l-footer .footer-top > .container,
    #l-footer .footer-payment > .container {
        padding-left: 24px;
    }
    #l-nav-footer > ul > li {
        /*margin-right: 40px;*/
        /*width: 160px;*/
    }

    #topbar .shipping {
        display: none;
    }
    .main-category-nav {
        position: absolute;
        top: 0;
        left: -204px;
    }
    .mobile-button {
        display: block;
    }
}

@media(max-width:640px){

    .filterBar {
        flex-flow: row wrap;
        justify-content: space-between;
    }
    
    .filterBar .btn-group{
        width: 48%;
    }
    
    .filterBar .btn-group:last-child {
        width: 48%;
       margin-left: 0;
    }
}

@media(max-width:540px){

    div.checkout-wrapper > div.totals-container .summary .floatLeft span:nth-child(2) {
        display: none;
    }

    div.cart_success_banner span {
        display: none;
    }

    #topbar .hotline {
        display: none;
    }


    div.user-data-container .forminput input:nth-child(2),
    div.user-data-container .forminput div.labelrow label:nth-child(2) {
        margin-top: 30px;
    }
    div.user-data-container .forminput input[type="text"],
    div.user-data-container .forminput input[type="password"],
    div.user-data-container .forminput div.labelrow label,
    div.user-data-container .forminput select {
        width: 90% !important;
    }
}

@media(max-width:480px){

    div.home-boxes {
        display: none;
    }
    .search-form {
        width: 130px !important;
        margin-right: 10px;
    }
    .userBar {
        /* width: 100%; */
        justify-content: center;
    }
    #maintopbar {
        justify-content: center;
        padding-top: 10px;
    }
    #maintopbar #l-logo {
        margin-bottom: 20px
    }
}

@media(max-width:400px){

    div.home-boxes {
        display: none;
    }

    /*div.home-boxes > a {
        width: 100%;
        min-width: 190px;
    }*/
}

@media(max-width:359px){
    div.startsite_product_overview > a > div.product-box {
        width:100%;
        max-width:100%;
    }
}