@charset "UTF-8";

/*========================================================================================================================== */
/* FONTS =================================================================================================================== */
/*========================================================================================================================== */

/* noway regular */
@font-face {
    font-family: 'noway';
    src: url('fonts/noway-regular-webfont.eot');
    src: url('fonts/noway-regular-webfont.eot?#iefix') format("embedded-opentype"), 
		 url('fonts/noway-regular-webfont.woff2') format('woff2'),
		 url('fonts/noway-regular-webfont.woff') format('woff'),
         url('fonts/noway-regular-webfont.ttf') format('truetype'),
		 url('fonts/noway-regular-webfont.svg#noway') format('svg');		 
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'noway';
    src: url('fonts/noway_regular_italic-webfont.eot');
    src: url('fonts/noway_regular_italic-webfont.eot?#iefix') format("embedded-opentype"), 
		 url('fonts/noway_regular_italic-webfont.woff2') format('woff2'),
		 url('fonts/noway_regular_italic-webfont.woff') format('woff'),
         url('fonts/noway_regular_italic-webfont.ttf') format('truetype'),
		 url('fonts/noway_regular_italic-webfont.svg#noway') format('svg');		 
    font-weight: normal;
    font-style: italic;
	font-display: swap;
}

/* noway bold */
@font-face {
    font-family: 'noway';
    src: url('fonts/noway-medium-webfont.eot');
    src: url('fonts/noway-medium-webfont.eot?#iefix') format("embedded-opentype"), 
		 url('fonts/noway-medium-webfont.woff2') format('woff2'),
		 url('fonts/noway-medium-webfont.woff') format('woff'),
         url('fonts/noway-medium-webfont.ttf') format('truetype'),
		 url('fonts/noway-medium-webfont.svg#noway') format('svg');		 
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'noway';
    src: url('fonts/noway_medium_italic-webfont.eot');
    src: url('fonts/noway_medium_italic-webfont.eot?#iefix') format("embedded-opentype"), 
		 url('fonts/noway_medium_italic-webfont.woff2') format('woff2'),
		 url('fonts/noway_medium_italic-webfont.woff') format('woff'),
         url('fonts/noway_medium_italic-webfont.ttf') format('truetype'),
		 url('fonts/noway_medium_italic-webfont.svg#noway') format('svg');		 
    font-weight: bold;
    font-style: italic;
	font-display: swap;
}

/* noway light */
@font-face {
    font-family: 'noway';
    src: url('fonts/noway-light-webfont.eot');
    src: url('fonts/noway-light-webfont.eot?#iefix') format("embedded-opentype"), 
		 url('fonts/noway-light-webfont.woff2') format('woff2'),
		 url('fonts/noway-light-webfont.woff') format('woff'),
         url('fonts/noway-light-webfont.ttf') format('truetype'),
		 url('fonts/noway-light-webfont.svg#noway') format('svg');		 
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'noway';
    src: url('fonts/noway_light_italic-webfont.eot');
    src: url('fonts/noway_light_italic-webfont.eot?#iefix') format("embedded-opentype"), 
		 url('fonts/noway_light_italic-webfont.woff2') format('woff2'),
		 url('fonts/noway_light_italic-webfont.woff') format('woff'),
         url('fonts/noway_light_italic-webfont.ttf') format('truetype'),
		 url('fonts/noway_light_italic-webfont.svg#noway') format('svg');		 
    font-weight: 300;
    font-style: italic;
	font-display: swap;
}


/*========================================================================================================================== */
/* CUSTOMIZE BOOTSTRAP ===================================================================================================== */
/*========================================================================================================================== */
i, em { font-style: italic; }

/* forms */
.form-control { display: inline-block; }
.form-group .controls { white-space: nowrap; } /* dont break inputRequirement */
.form-group .controls .form-control { width: 96%; } /* leave space for inputRequirement */
legend { border-bottom-color: #DDD; }

/* thumbnail */
.thumbnail { border-radius: 0; }
.thumbnail:hover{ border-color: #67809f; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(103, 128, 159, 0.6); }

/* panels */
.panel-heading { padding: 15px; }
.panel-title { font-size: 18px; font-weight: bold; }

/* change border if panel-heading at the end */
.panel-body + .panel-heading { border-width: 1px 0 0 0; border-style: solid; border-radius: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

/* tables */
table.table-clean, table.table-clean td { border: none !important; background: none !important; }

/* radio + checkbox */
.radio input[type="radio"], 
.radio-inline input[type="radio"], 
.checkbox input[type="checkbox"], 
.checkbox-inline input[type="checkbox"] {
	margin: 0 10px 0 5px;
    position: relative;
    top: 1px;
}
label.radio, label.checkbox { font-weight: normal; }

/* modal */
.modal-header, .modal-body, .modal-footer { padding: 20px 30px; }

@media (min-width: 768px) {
	.modal-sm { width: 370px; }
}

/* dropdowns */
.dropdown-menu > li > a { border-bottom: 1px solid #ddd; padding: 5px 10px; }
.dropdown-menu > li > a:hover { color: #67809F; }

/* buttons */
.btn:active, .btn:focus { outline: none !important; }
.btn-default:focus, .btn-default:hover, .btn-default:active { background-color: #EBEDEF; }
.btn { transition: color 0.3s ease 0s, background-color 0.3s ease 0s; }

/* wells */
.well { border-color: #DDD; }

/* header */
.page-header { border-color: #DDD; }

/* alert */
.alert h4 { font-weight: bold; }
@media (min-width: 768px) {
	.alert h4 { font-weight: normal; }
}

/* carousel */
.carousel-indicators li, .carousel-indicators .active { border-radius: 12px; height: 12px; margin: 1px; width: 12px; }
.carousel-control .icon-angle-right, 
.carousel-control .icon-angle-left { position: absolute; top: 50%; left: 0; right: 0; z-index: 6; display: block; margin-top: -26px; font-size: 40px; }
.carousel-control.left { background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0px, rgba(0, 0, 0, 0) 100%); }
.carousel-control.right { background: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.3) 100%); }
@media (min-width: 768px) {
	.carousel-caption { font-size: 22px; padding-bottom: 60px; }
	.carousel-control .icon-angle-right, 
	.carousel-control .icon-angle-left { margin-top: -31px; font-size: 50px; }
}

/* carousel fading function */
.carousel-fade .carousel-inner .item { transition: opacity 1s ease-in-out 0s; left: 0 !important; }
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }

/* popover */
.popover { z-index: 10; }


/*========================================================================================================================== */
/* EXTEND BOOTSTRAP ======================================================================================================== */
/*========================================================================================================================== */
/* new breakpoint < 480px (https://github.com/auipga/bootstrap-xxs) */
.col-xxs-1,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9,.col-xxs-10,.col-xxs-11,.col-xxs-12{min-height:1px;padding-left:15px;padding-right:15px;position:relative}@media(max-width:479px){.col-xxs-1,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9,.col-xxs-10,.col-xxs-11,.col-xxs-12{float:left}.col-xxs-12{width:100%}.col-xxs-11{width:91.66666667%}.col-xxs-10{width:83.33333333%}.col-xxs-9{width:75%}.col-xxs-8{width:66.66666667%}.col-xxs-7{width:58.33333333%}.col-xxs-6{width:50%}.col-xxs-5{width:41.66666667%}.col-xxs-4{width:33.33333333%}.col-xxs-3{width:25%}.col-xxs-2{width:16.66666667%}.col-xxs-1{width:8.33333333%}.col-xxs-pull-12{right:100%}.col-xxs-pull-11{right:91.66666667%}.col-xxs-pull-10{right:83.33333333%}.col-xxs-pull-9{right:75%}.col-xxs-pull-8{right:66.66666667%}.col-xxs-pull-7{right:58.33333333%}.col-xxs-pull-6{right:50%}.col-xxs-pull-5{right:41.66666667%}.col-xxs-pull-4{right:33.33333333%}.col-xxs-pull-3{right:25%}.col-xxs-pull-2{right:16.66666667%}.col-xxs-pull-1{right:8.33333333%}.col-xxs-pull-0{right:auto}.col-xxs-push-12{left:100%}.col-xxs-push-11{left:91.66666667%}.col-xxs-push-10{left:83.33333333%}.col-xxs-push-9{left:75%}.col-xxs-push-8{left:66.66666667%}.col-xxs-push-7{left:58.33333333%}.col-xxs-push-6{left:50%}.col-xxs-push-5{left:41.66666667%}.col-xxs-push-4{left:33.33333333%}.col-xxs-push-3{left:25%}.col-xxs-push-2{left:16.66666667%}.col-xxs-push-1{left:8.33333333%}.col-xxs-push-0{left:auto}.col-xxs-offset-12{margin-left:100%}.col-xxs-offset-11{margin-left:91.66666667%}.col-xxs-offset-10{margin-left:83.33333333%}.col-xxs-offset-9{margin-left:75%}.col-xxs-offset-8{margin-left:66.66666667%}.col-xxs-offset-7{margin-left:58.33333333%}.col-xxs-offset-6{margin-left:50%}.col-xxs-offset-5{margin-left:41.66666667%}.col-xxs-offset-4{margin-left:33.33333333%}.col-xxs-offset-3{margin-left:25%}.col-xxs-offset-2{margin-left:16.66666667%}.col-xxs-offset-1{margin-left:8.33333333%}.col-xxs-offset-0{margin-left:0}}@media(max-width:479px){.hidden-xxs{display:none !important}}.visible-xxs{display:none !important}.visible-xxs-block,.visible-xxs-inline,.visible-xxs-inline-block{display:none !important}@media(max-width:479px){.visible-xxs{display:block !important}table.visible-xxs{display:table}tr.visible-xxs{display:table-row !important}th.visible-xxs,td.visible-xxs{display:table-cell !important}.visible-xxs-block{display:block !important}.visible-xxs-inline{display:inline !important}.visible-xxs-inline-block{display:inline-block !important}}

/* mobile first nav-tabs */
.nav-tabs { padding-left: 0; margin-bottom: 0; list-style: none; width: 100%; }
.nav-tabs > li { display: block; position: relative; margin: 0 0 -1px 0; z-index: 1; }
.nav-tabs > li > a { display: block; padding: 15px 25px; border: 1px solid #DDD; line-height: 1.42857143; text-decoration: none; }
.nav-tabs > li:first-child > a { border-radius: 4px 4px 0 0; }
.nav-tabs > li > a:hover { background: #f5f5f5; }
.nav-tabs > li.active { z-index: 2; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { background: #EBEDEF; border-color: #adadad; color: #333; }

@media (min-width: 768px) {
	.nav-tabs { border-bottom: 1px solid #adadad; }
	.nav-tabs > li { float: left; }
	.nav-tabs > li > a { border-radius: 4px 4px 0 0; margin-right: 2px; border-color: #FFF; border-bottom-color: #adadad; }
	.nav-tabs > li > a:hover { border-color: #DDD; border-bottom-color: #adadad; }
	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus { background: #FFF; border-bottom-color: #FFF; }
}

.tab-content > .tab-pane { display: none; padding: 20px 0; }
.tab-content > .active { display: block; }

/* page navigation */
.pagination { margin: 20px 0 0 0; line-height: 34px; }
.pagination > div { font: inherit !important; } /* fix font-size inline css */
.pagination td, .pagination > div > div { display: block; float: none; width: 100%; text-align: center; }
.pagination td + td, .pagination > div > div + div { margin: 10px 0 0 0; }
.pagination a, .pagination strong.pageResults { display: inline-block; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #67809F; 
text-decoration: none; background: #fff; border: 1px solid #ddd; position: relative; }
.pagination a:hover, .pagination a:focus { color: #23527c; background-color: #EBEDEF; border-color: #ddd; }
.pagination a:active, .pagination a:focus { outline: none !important; }
.pagination a:active { background-color: #939a9e; color: #FFF; }
.pagination strong.pageResults, .pagination strong.pageResults:hover, .pagination strong.pageResults:focus { z-index: 2; color: #fff; cursor: default; background: #939a9e; border-color: #adadad; }

.pagination-lg a, .pagination-lg strong.pageResults { padding: 10px 16px; font-size: 18px; }
.pagination-sm a, .pagination-sm strong.pageResults { padding: 5px 10px; font-size: 12px; }

@media (min-width: 768px) {
	.pagination td, .pagination > div > div { float: left; width: auto; text-align: left; }
	.pagination td + td, .pagination > div > div + div { float: right; margin: 0; }
}

/* btn-block responsive */
@media (max-width: 479px) {
	.btn-block-xxs { display: block; width: 100%; }
	.btn-block-xxs + .btn-block-xxs { margin-top: 20px; }
}
@media (min-width: 480px) and (max-width: 767px) {
	.btn-block-xs { display: block; width: 100%; }
	.btn-block-xs + .btn-block-xs { margin-top: 20px; }
}
@media (min-width: 768px) and (max-width: 991px) {    
	.btn-block-sm { display: block; width: 100%; }
	.btn-block-sm + .btn-block-sm { margin-top: 20px; }
}

/* button inverse */
.btn-inverse { background: #939a9e; color: #fff; border-color: #CCC; }
.btn-inverse:hover { background: #6b7277; color: #FFF; border-color: #adadad; }
.btn-inverse:active, .btn-inverse:focus { background: #50565a; color: #FFF; border-color: #8c8c8c; }

/* padding box */
.padding-box { padding: 15px; }
.padding-box + .padding-box { border-left: 1px solid #DDD; }
@media (max-width: 767px) {    
	.col-xs-12.padding-box { border-left: none; }
}
@media (min-width: 768px) and (max-width: 991px) {    
	.padding-box { padding: 20px; }
	.col-sm-12.padding-box { border-left: none; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.padding-box { padding: 30px; }
	.col-md-12.padding-box { border-left: none; }
}
@media (min-width: 1200px) {
	.padding-box { padding: 30px; }
	.col-lg-12.padding-box { border-left: none; }
}


/*========================================================================================================================== */
/* CUSTOMIZE FONT AWESOME ================================================================================================== */
/*========================================================================================================================== */
/* icons margin */
[class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: 0.5em; }
[class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: 0.5em; }

/* muted icon */
.icon-muted { color: #DDD; }

/* button spacing */
.btn > [class^="icon-"] { margin-right: 10px; }
.btn-icon > [class^="icon-"] { margin-right: 0 !important; }


/*========================================================================================================================== */
/* HELPER CLASSES ========================================================================================================== */
/*========================================================================================================================== */
/* vertical align */
.val-t { vertical-align: top; }
.val-m { vertical-align: middle; }
.val-b { vertical-align: bottom; }

/* float */
.flr { float: right; }
.fll { float: left; }
.fln { float: none !important; }
img.flr { margin: 0 0 20px 20px; }
img.fll { margin: 0 20px 20px 0; }

/* clear */
.clb { clear: both; height: 1px !important; margin: 0 !important; padding: 0 !important; float: none !important; }
.clr { clear: right; }
.cll { clear: left; }

/* display */
.dis-b { display: block; }
.dis-i { display: inline; }
.dis-ib { display: inline-block; }

/* set text alignement as important */
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }

/* text style */
.text-underline { text-decoration: underline; }
.text-wrap { white-space: normal; }
.text-nowrap { white-space: nowrap; }
.text-break { word-wrap: break-word; }
.text-low { text-transform: lowercase; }
.text-up { text-transform: uppercase; }
.text-cap { text-transform: capitalize; }
.text-underline { text-decoration: underline; }
.text-italic { font-style: italic; }

/* link simulation */
.text-link { cursor: pointer; color: #67809f; transition: color 0.3s ease 0s, background-color 0.3s ease 0s; }
.text-link:hover { color: #485b72; }


/* tabulator (fixed width) */
.t-10, .t-20, .t-30, .t-35, .t-40, .t-45, .t-50, .t-55, .t-60, .t-70, .t-80, .t-90, .t-100 { display: inline-block; box-sizing: border-box; }
.t-10, .w-10 { width: 10%; }
.t-20, .w-20 { width: 20%; }
.t-30, .w-30 { width: 30%; }
.t-35, .w-35 { width: 35%; }
.t-40, .w-40 { width: 40%; }
.t-45, .w-45 { width: 45%; }
.t-50, .w-50 { width: 50%; }
.t-55, .w-55 { width: 50%; }
.t-60, .w-60 { width: 60%; }
.t-70, .w-70 { width: 70%; }
.t-80, .w-80 { width: 80%; }
.t-90, .w-90 { width: 90%; }
.t-100, .w-100 { width: 100%; }

/* padding */
.p-0 { padding: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }

.p-5 { padding: 5px !important; }
.pt-5 { padding-top: 5px !important; }
.pb-5 { padding-bottom: 5px !important; }
.pl-5 { padding-left: 5px !important; }
.pr-5 { padding-right: 5px !important; }

.p-10 { padding: 10px !important; }
.pt-10 { padding-top: 10px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pl-10 { padding-left: 10px !important; }
.pr-10 { padding-right: 10px !important; }

.p-15 { padding: 15px !important; }
.pt-15 { padding-top: 15px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pl-15 { padding-left: 15px !important; }
.pr-15 { padding-right: 15px !important; }

.p-20 { padding: 20px !important; }
.pt-20 { padding-top: 20px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pl-20 { padding-left: 20px !important; }
.pr-20 { padding-right: 20px !important; }

.p-30 { padding: 30px !important; }
.pt-30 { padding-top: 30px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pl-30 { padding-left: 30px !important; }
.pr-30 { padding-right: 30px !important; }

/* margin */
.m-0 { margin: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.mr-0 { margin-right: 0 !important; }

.m-5 { margin: 5px !important; }
.mt-5 { margin-top: 5px !important; }
.mb-5 { margin-bottom: 5px !important; }
.ml-5 { margin-left: 5px !important; }
.mr-5 { margin-right: 5px !important; }

.m-10 { margin: 10px !important; }
.mt-10 { margin-top: 10px !important; }
.mb-10 { margin-bottom: 10px !important; }
.ml-10 { margin-left: 10px !important; }
.mr-10 { margin-right: 10px !important; }

.m-15 { margin: 15px !important; }
.mt-15 { margin-top: 15px !important; }
.mb-15 { margin-bottom: 15px !important; }
.ml-15 { margin-left: 15px !important; }
.mr-15 { margin-right: 15px !important; }

.m-20 { margin: 20px !important; }
.mt-20 { margin-top: 20px !important; }
.mb-20 { margin-bottom: 20px !important; }
.ml-20 { margin-left: 20px !important; }
.mr-20 { margin-right: 20px !important; }

.m-30 { margin: 30px !important; }
.mt-30 { margin-top: 30px !important; }
.mb-30 { margin-bottom: 30px !important; }
.ml-30 { margin-left: 30px !important; }
.mr-30 { margin-right: 30px !important; }

/* border */
.b-0 { border: none !important; }
.b-1 { border: 1px solid #DDD !important; }
.bt-1 { border-top: 1px solid #DDD !important; }
.bb-1 { border-bottom: 1px solid #DDD !important; }
.bl-1 { border-left: 1px solid #DDD !important; }
.br-1 { border-right: 1px solid #DDD !important; }

/* border radius */
.rad-0 { border-radius: 0px !important; }
.rad-1 { border-radius: 1px !important; }
.rad-2 { border-radius: 2px !important; }
.rad-3 { border-radius: 3px !important; }
.rad-4 { border-radius: 4px !important; }

/* backgrounds */
.bg-none { background: none !important; }
.bg-grey { background: #EBEDEF !important; }
.bg-grey-light { background: #F5F5F5 !important; }
.bg-white { background: #FFF !important; }


/*========================================================================================================================== */
/* BASIC STYLES ============================================================================================================ */
/*========================================================================================================================== */
html, button, input, select, textarea { font-family: 'noway', Arial, Helvetica, sans-serif; } /* font-family` inconsistency fix */
body { color: #333; background: #fff; margin: 0; padding: 0; font-family: 'noway', Arial, Helvetica, sans-serif; font-size: 16px; }

ul, ol { list-style: disc inside; padding: 0 0 0 40px; }
ul li, ol li { list-style: inherit; }
hr, .divider { display: block; height: 1px; border: 0; background: #DDD; width: auto; margin: 20px 0; }
a { transition: color 0.3s ease 0s, background-color 0.3s ease 0s; }

h1, h2, h3, h4, h5 { font-family: inherit; font-weight: 400; color: #333; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; 
letter-spacing:  0.75px; margin-bottom: 15px; }

h1 { font-size: 28px; text-align: center; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4, h5, h6 { font-size: 18px; }

@media (min-width: 768px) {
	h1 { font-size: 42px; text-align: left; }
	h2 { font-size: 34px; } /* -20% */
	h3 { font-size: 28px; }
	h4 { font-size: 20px; }
	h5, h6 { font-size: 18px; }
}


/*========================================================================================================================== */
/* CONTAINER / GENERAL ===================================================================================================== */
/*========================================================================================================================== */
.body_wrap { overflow: hidden; }

.main_content { margin-bottom: 30px; margin-top: 30px; }

.main_content .page-header:first-child { margin-top: 0; }
.main_content .page-header:first-child > h1 { margin: 0; }
.main_content .page-header:first-child > p { margin-top: 15px; }
.main_content .divider:last-child { display: none !important; } /* hide divider if is last child */

/* breadcrumb */
#breadcrumb { margin: 0; padding: 0; list-style: none; }
#breadcrumb > li { display: inline-block; }
#breadcrumb > li + li:before { padding: 0 5px; color: #777; content: "/"; } /* &raquo; = \00BB */
#breadcrumb > li a { color: #333; }
#breadcrumb > li a:hover { color: #67809F; }
#breadcrumb > .last { color: #777; }

/* input required */
.inputRequirement { color: #777; margin: 0 0 0 5px; display: inline; }

/* error messages */
.messageStackError font { font: inherit !important; color: inherit !important; } /* ignore <font> from language files */
.messageStackError > img { margin: 0 5px 3px 0; }

/* popups */
.popup_body { padding: 20px; }

/* back to top button */
#back_to_top { display: none; visibility: hidden; }

@media (min-width: 992px) {
	#back_to_top { visibility: visible; background: #333; border-radius: 4px 4px 0 0; bottom: 0; color: #FFF; height: 35px; opacity: 0.9; position: fixed; right: 30px; 
	text-align: center; transition: background-color 0.3s ease-in-out 0s; width: 48px; z-index: 100; }
	#back_to_top:hover { background: #67809F; }
	#back_to_top a { display: block; width: 100%; height: 100%; line-height: 35px; font-size: 23px; color: inherit; text-decoration: none; }
}

/* availability */
.pa_text { vertical-align: middle; }
.pa_image, .pa_icon { margin: 0 10px 0 0; }
.pa_icon { display: inline-block; height: 18px; width: 18px; border-radius: 2px; vertical-align: middle; }
.pa_gt0 { background: #5cb85c; } /* green */ 
.pa_lt1 { background: #e74c3c; } /* red */
.pa_wish { background: #BBB; } /* grey */

/* captcha */
.captcha img { border: 1px solid #CCC; border-radius: 2px; background: #FFF; padding: 5px; }

/* image_credits */
.image_credits { color: #777; font-size: 14px; }

/* OLD BROWSER WARNING */
#browsehappy { background: #e74c3c; color: #FFFFFF; padding: 5px 0; margin: 0 0 20px 0; text-align: center; width: 100%; z-index: 99; }
#browsehappy a { color: #FFF; text-decoration: underline; }

/* THICKBOX */
#TB_closeWindow { display: none; }
@media (min-width: 768px) {
	#TB_closeWindow { display: block; }
}


/*========================================================================================================================== */
/* HEADER ================================================================================================================== */
/*========================================================================================================================== */
#header { margin-bottom: 20px; background: #363839; } /* footer = #363839 | sub footer = #282a2b */

/* custom links */
#header #custom_linkbar { padding: 5px 0; border-bottom: 1px solid #d2d7da; text-align: center; }
#header #custom_linkbar .links a { padding: 0 0 0 10px; margin: 0 0 0 10px; border-left: 1px solid #DDD; text-decoration: none; color: #bfbfbf; display: inline-block; }
#header #custom_linkbar .links a:hover { color: #67809F; }
#header #custom_linkbar .links a:first-child { padding: 0px; margin: 0; border: 0; }
#header #custom_linkbar .links a span { margin-right: 10px; }

/* box_languages & box_currencies */
#header #custom_linkbar .dropdown { display: inline-block; }
#header #custom_linkbar .dropdown-toggle { padding-right: 10px; margin-right: 10px; border-right: 1px solid #DDD; color: #bfbfbf; display: block; }
#header #custom_linkbar .dropdown-toggle:hover, 
#header #custom_linkbar .open .dropdown-toggle { color: #67809F; }
#header #custom_linkbar .dropdown-toggle .current { margin-right: 5px; }
#header #custom_linkbar .dropdown-menu li img { margin-right: 10px; }

/* logo */
#header #header_logo { display: block; margin: 25px 0; text-align: center; }
#header #header_logo a { margin: 0 auto; display: inline-block; }

/* tools */
#header #header_tools { padding: 10px 15px; background: #EBEDEF; }

/* box_search */
#header #box_search .advanced_search { display: none; }
#header #box_search .advanced_search .btn { margin-left: -1px; border-radius: 0; }

/* box_cart */
#header #box_cart { padding-left: 5px; }
#header #box_cart a { width: 100%; padding: 0; line-height: 46px; height: 46px; position: relative; z-index: 1; transition: all 0.3s linear; 
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }
#header #box_cart .badge { font-size: 14px; position: absolute; right: -9px; top: -9px; }


@media (min-width: 768px) {

	/** custom links **/
	#header #custom_linkbar { margin-top: 15px; margin-bottom: 15px; padding: 0; border: none; text-align: right; }
	#header #custom_linkbar .toggle .current { margin-right: 10px; }

	/* logo */
	#header #header_logo { margin: -30px 0 0 0; text-align: left; padding-left: 0; }

	/* tools */
	#header #header_tools { padding: 5px 0 5px 15px; background: none; }

	/* box_cart */
	#header #box_cart { padding-left: 15px; }
	#header #box_cart .badge { display: none; }

	#header #box_cart .icon_cart, 
	#header #box_cart .icon_arrow { position: absolute; display: inline-block; line-height: 46px; height: 46px; width: 19%; padding: 0; 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15); text-align: center; color: #FFF; }
	#header #box_cart .icon_cart { left: 0; }
	#header #box_cart .icon_arrow { right: 0; margin-right: -1%; }
	#header #box_cart .cart_contents { transition: all 0.3s linear; }
	#header #box_cart .cart_contents { color: #777; background: #fff; line-height: 44px; height: 44px; text-align: center; display: inline-block; 
	position: absolute; z-index: 2; width: 82%; right: 0; overflow: hidden; font-size: 14px; }
	#header #box_cart a:hover .cart_contents { right: 18%; }
	#header #box_cart a.cart_empty { background: #EBEDEF; }
	#header #box_cart a.cart_empty .icon_cart { color: #939a9e; }
	#header #box_cart a:hover { background: #67809F; border-color: #2e6da4; color: #fff; }
	#header #box_cart a:hover .cart_contents { color: #333; }
}


/*========================================================================================================================== */
/* HEADER NAVIGATION ======================================================================================================= */
/*========================================================================================================================== */
#navMain { width: auto; margin: 0 15px; z-index: 100; border: 15px solid #ebedef; text-align: left; display: none; }

/* defaults */
#navMain ul { margin: 0; padding: 0; }
#navMain li { list-style: none; list-style-type: none; position: relative; }
#navMain li a { display: block; text-decoration: none; position: relative; }

#navMain li > a span { position: absolute; right: 0; top: 0; width: 20%; margin: 0; font-weight: bold; color: #999; height: 100%; line-height: 59px; 
border-left: 1px solid #ebedef; text-align: center; z-index: 1; }
#navMain li:hover > a span, #navMain li.current > a span, #navMain li.open > a span { color: inherit; }
#navMain li > a span.icon-angle-right { display: none; }

/* level 0 */
#navMain .container > ul { margin: 0 -15px 0 -15px; background: #FFF; }
#navMain li.level_0 { display: block; margin: 0; border-bottom: 1px solid #ebedef; }
#navMain li.level_0:last-child { border-bottom: none; }
#navMain li.level_0 > a { padding: 18px 20px; line-height: inherit; color: #333; font-size: 16px; white-space: nowrap; 
transition: height 0.3s ease 0s, color 0.3s ease 0s, background-color 0.3s ease 0s; letter-spacing: 0.75px; }
#navMain li.level_0:hover > a, #navMain li.level_0.current > a, #navMain li.level_0.open > a { background: #67809F; color: #FFF; }
#navMain li.level_0 > a:focus { background: #526781; color: #FFF; outline: none !important; }
#navMain li.level_0 > a:active { background: #44566B; color: #FFF; outline: none !important; }

/* level 1 */
#navMain ul.level_1 { background: #FFF; border-bottom: 5px solid #ebedef; padding: 0; overflow: hidden; display: none; }
.no-js #navMain ul li:hover ul.level_1, #navMain ul li.hover ul.level_1 { display: block; }
#navMain li.level_1 { width: 100%; margin: 0; transition: background-color 0.3s ease 0s; }
#navMain li.level_1:hover, #navMain li.level_1.open { background: #F5F5F5; }
#navMain li.level_1 > a { border-bottom: 1px solid #ebedef; color: #333; font-size: 15px; padding: 10px 15px 10px 40px; transition: color 0.3s ease 0s; }
#navMain li.level_1:last-child > a { border-bottom: none; }
#navMain li.level_1:hover > a, #navMain li.level_1.open > a { color: #67809F; }

#navMain li.level_1 > a span { line-height: 41px; }

/* level 2 - drop right */
#navMain ul.level_2 { background: #FFF; border-bottom: 5px solid #ebedef; padding: 0; overflow: hidden; display: none; }
.no-js #navMain ul li.level_1:hover ul.level_2, #navMain ul li.level_1.hover ul.level_2 { display: block; }
#navMain li.level_2 { width: 100%; margin: 0; transition: background-color 0.3s ease 0s; }
#navMain li.level_2:hover { background: #F9F9F9; }
#navMain li.level_2 > a { border-bottom: 1px solid #ebedef; color: #333; font-size: 15px; padding: 10px 15px 10px 60px; transition: color 0.3s ease 0s; }
#navMain li.level_2:last-child > a { border-bottom: none; }
#navMain li.level_2 > a:hover { color: #67809F; }

/* toggle button */ 
#toggleNavMain { margin-right: 15px; }

/* hide kochkurse */ 
/*#navMain li.cat_50 > a > span, #navMain li.cat_50 > ul { display: none !important; }*/



@media (min-width: 768px) {

	#navMain { margin: 20px 0 0 0; background: #ebedef; border: none; border-bottom: 3px solid #363839; position: relative; display: block; }

	#navMain li > a span { position: static; right: auto; top: auto; width: auto; margin: 0 0 0 10px; height: auto; line-height: inherit !important; border: none; }

	/* level 0 */
	#navMain .container > ul { margin: 0; background: #ebedef; }
	#navMain li.level_0 { display: inline-block; height: 100%; border-right: 1px solid #DDD; border-bottom: none; }
	#navMain li.level_0 > a { padding: 18px 10px; font-size: 18px; height: 63px; }
	
	/* level 1 - drop down */
	#navMain ul.level_1 { position: absolute; top: 100%; background: #FFF; border: 1px solid #DDD; 
	border-top: 3px solid #363839; z-index: 10; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); opacity: 0; transition: opacity 0.3s ease-in-out 0s; 
	min-width: 250px; overflow: visible; }
	.no-js #navMain ul li:hover ul.level_1, #navMain ul li.open ul.level_1 { display: block; opacity: 1; }
	#navMain li.level_1 > a { padding: 10px 15px; }
	
	#navMain li.level_1 > a span.icon-angle-right { display: inline; float: right; }
	#navMain li.level_1 > a span.icon-angle-down { display: none; }
	
	/* level 2 - drop right */
	#navMain ul.level_2 { position: absolute; top: -2px; left: 100%; background: #FFF; border: 1px solid #DDD; 
	border-top: 3px solid #363839; z-index: 10; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); opacity: 0; transition: opacity 0.3s ease-in-out 0s; min-width: 250px; }
	.no-js #navMain ul li.level_1:hover ul.level_2, #navMain ul li.level_1.open ul.level_2 { display: block; opacity: 1; }
	#navMain li.level_2:last-child { border: none; }
	#navMain li.level_2:hover { background: #F5F5F5; }
	#navMain li.level_2 > a { padding: 10px 15px; }
	
	/* toggle button */ 
	#toggleNavMain { display: none; }	

	/* kochkurse menü */ 
	#navMain li.cat_50 > ul { width: 704px; column-count: 3; column-gap: 20px; column-rule: 1px solid #DDD; -moz-column-count: 3; -moz-column-gap: 20px; -moz-column-rule: 1px solid #DDD; -webkit-column-count: 3; -webkit-column-gap: 20px; -webkit-column-rule: 1px solid #DDD; padding: 20px; }
	#navMain li.cat_50 > ul > li { display: inline-block; width: 207px; }
	#navMain li.cat_50 > ul > li a { padding: 3px 10px; border: none; }

}

@media (min-width: 992px) {

	/* level 0 */
	#navMain li.level_0 > a { padding: 18px 15px; }

	/* kochkurse menü */ 
	#navMain li.cat_50 > ul { width: 924px; column-count: 4; -moz-column-count: 4; -webkit-column-count: 4; }
	#navMain li.cat_50 > ul > li { width: 205px; } 
}

@media (min-width: 1200px) {
	/* kochkurse menü */ 
	#navMain li.cat_50 > ul { width: 1125px; column-count: 5; -moz-column-count: 5; -webkit-column-count: 5; }
	#navMain li.cat_50 > ul > li { width: 200px; }
}

/* floating navigation */
@media (min-width: 768px) and (min-height: 601px) {
	.nav-fixed .body_wrap { padding-top: 86px; } /* body padding */
	.nav-fixed #navMain { position: fixed; top: 0; left: 0; margin: 0; width: 100%; }
	.nav-fixed #navMain li.level_0 > a { padding-top: 14px; padding-bottom: 14px; height: 53px; }
}


/*========================================================================================================================== */
/* FOOTER ================================================================================================================== */
/*========================================================================================================================== */
#global_tax_info { margin: 20px auto; }
#global_tax_info, #global_tax_info a { text-align: center; color: #777; font-size: 14px; }
#box_newsletter { background: #ebedef; padding: 10px 10px 0 10px; margin: 30px 0 0 0; }
#box_newsletter h5 { padding: 0; margin: 0; line-height: 45px; font-weight: normal; text-transform: uppercase; text-align: center; }

#footer { background: #363839; border-top: 10px solid #EBEDEF; padding-top: 40px; color: #8c8989; font-size: 14px; }
#footer h5 { font-weight: normal; font-size: 14px; margin: 0 0 20px 0; color: #DDD; text-transform: uppercase; }
#footer a { color: #bfbfbf; }
#footer a:hover { color: #67809F; text-decoration: none; }

#footer .box { margin: 0 0 50px 0; }
#footer .box ul { margin: 0; padding: 0; }
#footer .box li { list-style: none; }
#footer .box li a { display: block; padding: 10px 0; border-bottom: 1px solid #505152; }
#footer .box li:first-child a { padding-top: 0; }

#footer p { margin: 0; }
#footer .fax { margin-bottom: 20px; }

/* shop copyright + social */
#footer .sub { background: #282a2b; border-top: 1px solid #4b4c4d; font-size: 12px; line-height: 40px; margin-top: 40px; padding: 13px 0 10px 0; text-align: center; }
#footer .sub .social a { color: #67809F; margin: 0 0 0 20px; font-size: 18px; }
#footer .sub .social a:first-child { margin: 0; }
#footer .sub .social a:hover { color: #67809F; opacity: 0.8; text-decoration: none; }

/* xtc copyright + parsetime */
.copyright, .parseTime { display: none; color: #8c8989; background: #111; padding: 10px 0; font-size: 12px; text-align: center; }
.copyright a, .parseTime a { color: #8c8989; }


/* payment methods */
#footer .payments { display: inline-block; width: 77px; height: 53px; background: url(img/payment_methods.png) 0 0 no-repeat; margin: 3px 5px 3px 0; }
#footer .payments.banktransfer { background-position: 0 0; }
#footer .payments.visa { background-position: 0px -52px; }
#footer .payments.mastercard { background-position: -77px -52px; }
#footer .payments.sofort { background-position: -77px -103px; }
#footer .payments.paypal { background-position: 0 -103px; }

@media (min-width: 768px) {
	#box_newsletter h5 { text-align: left; font-size: 20px; }

	#footer .box { margin: 0; }
	#footer .box + .box { margin: 40px 0 0 0; }

	#footer .sub { text-align: left; }
	#footer .sub .social { text-align: right; }
}

@media (min-width: 768px) and (max-width: 991px) {    
	#footer .payments { margin: 0; }
}


/*========================================================================================================================== */
/* CATEGORIES NAVIGATION =================================================================================================== */
/*========================================================================================================================== */
#cat_navi { display: block; margin: 0 0 40px 0; padding: 0; border-bottom: 1px solid #DDD; }
#cat_navi ul { display: block; margin: 0; padding: 0; border: solid #DDD; border-width: 1px 1px 0 1px; }
#cat_navi li { display: block; margin: 0; padding: 0; list-style: none inside; }
#cat_navi li a { display: block; margin: 0; text-decoration: none; }
#cat_navi li a span { margin-right: 7px; font-weight: bold; margin-top: -1px; }

#cat_navi li a.level_1 { background: #ebedef; padding: 15px 20px; border: solid #DDD; border-width: 1px 1px 0 1px; font-size: 16px; }
#cat_navi li a.level_1:hover { background: #F5F5F5; }
#cat_navi li a.level_1.active { background: #363839; color: #fff; }
#cat_navi li a.level_1 span { float: right; font-size: 18px; margin: 0 5px 0 10px; }

#cat_navi li .menulevel_2 { background: #F9F9F9; }
#cat_navi li a.level_2 { padding: 5px 20px; color: #333; }
#cat_navi li a.level_2 span { display: inline-block; font-weight: bold; }
#cat_navi li a.level_2:hover { text-decoration: none; color: #67809F; }
#cat_navi li a.level_2:hover span { margin-right: 5px; margin-left: 2px; }
#cat_navi li a.level_2.active, #cat_navi li a.level_2.active span { font-weight: bold; font-size: 15px; color: #67809F; }

@media (min-width: 992px) { 
	#cat_navi { margin: 0; }
	#cat_navi li a.level_1 { background: #FFF; }
}


/*========================================================================================================================== */
/* CATEGORIES LISTING ====================================================================================================== */
/*========================================================================================================================== */
.categorylist .category_row { padding-bottom: 0;  }
.categorylist .category { text-align: center; margin-top: 15px; margin-bottom: 15px; }
.categorylist .category_image { color: #ebedef; display: block; text-shadow: 0 -1px rgba(0,0,0,0.15); max-height: 150px; overflow: hidden; }
.categorylist .category_name { display: block; font-size: 18px; margin: 10px 0; word-break: break-all; }


/*========================================================================================================================== */
/* REVIEWS LISTING ========================================================================================================= */
/*========================================================================================================================== */
.reviwslist .reviws_data { margin: 20px 0; }
.reviwslist .reviws_text { background: #F5F5F5; padding: 20px; margin: 0 0 20px 0; position: relative; }

@media (min-width: 992px) {
	.reviwslist .reviws_text:before { position: absolute; left: -30px; top: 20px; bottom: auto; display: inline-block; border: 15px solid; 
	border-color: transparent #F5F5F5 transparent transparent; content: ''; }
}

/* product reviews write */
.review_stars { width: 125px; height: 25px; background: url(img/stars.png) top left repeat-x; display: inline-block; text-align: left; }
.review_stars span { display: inline-block; width: 25px; height: 25px; cursor: pointer; }
.review_stars .selected, .review_stars .hover { background: url(img/stars.png) left -25px repeat-x; }

/* reviews stars */
.reviews_stars { width: 80px; height: 16px;  background: url(img/stars_0.gif) top left no-repeat; display: inline-block; text-align: left; }
.reviews_stars span { display: block; width: 0; height: 16px; }
.reviews_stars .selected { background: url(img/stars_5.gif) top left no-repeat; }


/*========================================================================================================================== */
/* ACCOUNT PAGE ============================================================================================================ */
/*========================================================================================================================== */
.profile { border: 1px solid #DDD; border-bottom: none; background: #ebedef; border-radius: 3px; }

/* header bar */
.profile .profile_header { border-bottom: 1px solid #DDD; line-height: 50px; font-size: 22px; font-weight: bold; padding: 10px 20px;
text-shadow: 0 1px #FFF; }
.profile .profile_header div { display: inline-block; margin: 0 10px 0 0; }
.profile .profile_header span { margin: 5px 10px 0 0; display: inline-block; }
.profile .profile_header .profile_title { font-weight: normal; color: #777; }

/* account navigation */
.profile .profile_navi { padding: 20px 25px; }
.profile .profile_navi a, .profile .profile_navi .divider { text-decoration: none; color: #333; white-space: normal; }
.profile .profile_navi a span { margin-bottom: 5px; }
.profile .profile_navi a.btn-danger, .profile .profile_navi a.btn-danger:hover { color: #fff; }
.profile .profile_navi a:hover { text-decoration: none; color: #67809F; }
.profile .profile_navi a.current { font-weight: bold; }

/* account pages */
.profile .profile_body { background: #fff; min-height: 400px; padding-top: 20px; }
.profile .profile_body > h3 { background: #F9F9F9; border: solid #DDD; border-width: 1px 0; padding: 10px 20px; font-size: 18px; line-height: 30px; margin-left: -15px; }
.profile .profile_body > h3 > .flr { width: 100%;  }
.profile .profile_body .profile_content { padding: 10px 20px; margin-left: -15px; }
.profile .profile_body .order_history > strong { margin: 0 10px; }

@media (min-width: 768px) {
	.profile { border-bottom: 1px solid #DDD; }
	
	.profile .profile_navi { padding: 20px 10px 20px 25px; }
	
	.profile .profile_body { padding-top: 0; border-left: 1px solid #DDD; }
	.profile .profile_body > h3:first-child { margin-top: 0; border-top: 0; }
	.profile .profile_body > h3 > .flr { width: auto; }
}


@media (min-width: 768px) and (max-width: 991px) {    
  .profile .profile_navi a span { display: none; }
}
  

/*========================================================================================================================== */
/* PRODUCT INFO ============================================================================================================ */
/*========================================================================================================================== */
/* back to last page button */
#product_button_back { width: 100%; margin: 0 0 20px 0; }

/* product images */
#page_product_info #product_images .product_image { margin: 0 0 20px 0; position: relative; overflow: hidden; }
#page_product_info #product_images img.product_main_image { margin: 0 auto; max-height: 555px; }

/* product more images */
#page_product_info #product_images .pimage_slider_gallery { position: static; top: auto; right: auto; z-index: auto; margin: 0; width: 100%; left: auto; }
#page_product_info #product_images .pimage_slider_gallery li { height: 102px; line-height: 75px; padding: 10px; margin: 0 3.333% 3% 0; width: 22.5%; 
text-indent: 0; cursor: pointer; border-color: #DDD; text-align: center; float: left; border-radius: 2px; }
#page_product_info #product_images .pimage_slider_gallery li:nth-child(4n) { margin-right: 0; }
#page_product_info #product_images .pimage_slider_gallery li:hover { border-color: #CCC; }
#page_product_info #product_images .pimage_slider_gallery li.active { border-color: #67809F; }
#page_product_info #product_images .pimage_slider_gallery li img { max-height: 100%; display: inline-block; }

#page_product_info #product_images .carousel-control.left, 
#page_product_info #product_images .carousel-control.right { background: none; }

/* image credits */
#page_product_info #product_images .image_credits { text-align: center; margin: 10px 0 0 10px; }

/* ratings average */
#page_product_info .product_rating_section .btn { height: 30px; }

/* products price */
#page_product_info .product_price_section { margin: 30px 0; text-align: center; padding-top: 30px; border-top: 1px solid #DDD; }
#page_product_info .product_price_section .product_price { font-size: 26px; font-weight: bold; margin-bottom: 10px; }
#page_product_info .product_price_section .product_price br, 
#page_product_info .product_price_section .product_price small { display: none; }
#page_product_info .product_price_section .productOldPrice { color: #333; font-weight: normal; font-size: 18px; display: block; margin-bottom: 5px; }
#page_product_info .product_price_section .productOldPrice small { display: inline; }

#page_product_info .product_price_section .product_tax_info, 
#page_product_info .product_price_section .product_tax_info a { font-size: 14px; color: #777; }

#page_product_info .product_price_section .product_vpe { font-size: 14px; color: #777; }

#page_product_info .product_special .product_price_section .product_price { color: #e74c3c; }

/* buy button + quantity */
#page_product_info .product_buy_section { margin: 30px 0; }
#page_product_info .product_buy_section .input-group { margin: 0 auto; }
#page_product_info .product_buy_section .product_qty { padding: 2px; position: relative; cursor: default; border-top-right-radius: 0; border-bottom-right-radius: 0; }
#page_product_info .product_buy_section .product_qty input { width: 40px; height: 40px; text-align: center; font-size: 17.5px; border: 0; }
#page_product_info .product_buy_section .product_qty input:focus { outline: 0; border-color: transparent; box-shadow: 0 0 0 transparent; }
#page_product_info .product_buy_section .product_qty:before { position: absolute; right: -17px; top: 11px; bottom: auto; display: inline-block; 
border: 11px solid; border-color: transparent transparent transparent rgba(0,0,0,0.15); content: ''; }
#page_product_info .product_buy_section .product_qty:after { position: absolute; right: -15px; top: 12px; display: inline-block; border: 10px solid; 
border-color: transparent transparent transparent #fff; content: ''; bottom: auto; }
#page_product_info .product_buy_section .product_buynow_button { border-top-left-radius: 0; border-bottom-left-radius: 0; }

/* graduated prices */
#page_product_info .product_graduated { margin-bottom: 30px; }
#page_product_info .product_graduated td.unit { width: 120px; }

/* products model, weight, manufacturer, ... */
#page_product_info .product_meta_section { border-bottom: 1px solid #DDD; }
#page_product_info .product_meta_section .item { border-top: 1px solid #DDD; padding: 8px 10px; }
#page_product_info .product_meta_section .item > div { padding: 0; }
#page_product_info .product_meta_section .item .title { font-weight: bold; }
#page_product_info .product_meta_section .item .value { padding-left: 10px; }
#page_product_info .product_meta_section .stock_info { cursor: pointer; }
/*
#page_product_info .product_meta_section .item { border: 1px solid #DDD; border-top-width: 0; padding: 8px 20px; }
#page_product_info .product_meta_section .item:first-child { border-top-width: 1px; border-radius: 2px 2px 0 0; }
#page_product_info .product_meta_section .item:last-child { border-radius: 0 0 2px 2px; }
#page_product_info .product_meta_section .item:nth-child(2n+1) { background: #f5f5f5; }
*/

/* product options */
#page_product_info .product_options_section { margin: 30px 0 0 0; }

/* navigator */
#page_product_info #product_navigator { float: right; margin: 0 0 0 10px; }

/* tabs */
#page_product_info .product_tabs_section { margin: 40px 0; }
#page_product_info .product_tabs_section .nav-tabs li { text-transform: uppercase; }

/* products details */
#page_product_info #product_details .item { border-bottom: 1px solid #DDD; padding: 8px 10px; }
#page_product_info #product_details .item .title { font-weight: bold; max-width: 200px; }

/* manufacturers details */
#page_product_info .manufacturers_image { margin: 0 auto 20px auto; }
#page_product_info .manufacturers_image img { margin: 0 auto; }
#page_product_info .tab-contents .image_credits { margin: 5px 0 0 0; }

/* products media */
#page_product_info .media-body > span { line-height: 34px; }

/* cross selling */
#page_product_info #product_cross_selling { padding: 20px 0; }

@media (min-width: 480px) {
	#page_product_info .manufacturers_image { float: right; margin: 0 0 20px 20px; max-width: 250px;  }
}

@media (min-width: 768px) {
	#product_button_back { float: left; padding: 0 20px 0 0; border: none; border-right: 1px solid #363839; margin: 0 20px 0 0;
	width: auto; background: none; font-size: inherit; border-radius: 0; box-shadow: none; }
	#product_button_back:hover { color: #67809F; }

	#page_product_info #product_images .image_credits { text-align: left; }

	#page_product_info .product_price_section { text-align: left; margin-top: 0; padding-top: 0; border: none; }
	
	#page_product_info .product_buy_section .input-group { margin: 0; }

	#page_product_info .product_meta_section .item .value { padding-left: 0; }

}

@media (min-width: 992px) {
	#page_product_info .product_data { padding-left: 25px; }

	#page_product_info .product_price_section .product_tax_info { float: right; }
	#page_product_info .product_price_section .product_vpe { float: left; }
}

@media (min-width: 1200px) {
	#page_product_info #product_images .pimage_slider_gallery li { height: 125px; line-height: 98px; }
}


/*========================================================================================================================== */
/* PRODUCTS LISTING ======================================================================================================== */
/*========================================================================================================================== */
#content_products .categories_image { margin: 0 0 40px 0; max-height: 450px; overflow: hidden; }
#content_products .categories_image img { width: 100%; }
#content_products .manufacturers_image { padding: 0 0 20px 0; background: #FFF; }
#content_products .manufacturers_image img { margin: 0 auto; }

/* image credits */
#content_products .image_credits { margin: 5px 0 0 0; }

/* sub categories select form */
#content_products .cat_select h5 { line-height: 35px; margin: 0 0 10px 0; }

@media (min-width: 480px) {
	#content_products .manufacturers_image { float: right; padding: 0 0 20px 20px; max-width: 250px; }
}

@media (min-width: 768px) {
	/* sub categories select form */
	#content_products .cat_select h5 { margin: 0; }
}


/*========================================================================================================================== */
/* PRODUCTS LISTING > GRID VIEW ============================================================================================ */
/*========================================================================================================================== */
.product_grid .product_row { padding-bottom: 0; margin-bottom: 0; }
.product_grid .product_wrap { position: relative; cursor: pointer; }
.product_grid .product { position: relative; z-index: 1; width: 100%; margin-bottom: 15px; margin-top: 15px; text-align: center; background: #eceeed; }

/* products image */
.product_grid .product_image { display: block; margin-bottom: 10px; overflow: hidden; height: 0; padding-bottom: 100%; position: relative; }
.product_grid .product_image img { width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 1; }
.product_grid .product_image img.scaled { max-height: none; }
.product_grid .product_image_credits a { color: inherit;  }

/* products name */
.product_grid .product_name { font-size: 18px; line-height: 24px; margin: 0; }
.product_grid .product_name a { text-decoration: none; }
.product_grid .product_description { margin: 0; margin-top: 10px; margin-bottom: 10px; }

/* products price */
.product_grid .product_price { font-weight: bold; font-size: 18px; position: relative; white-space: nowrap; margin-top: 10px; }
.product_grid .product_price .productOldPrice { display: block; color: #333; font-size: 14px; font-weight: normal; position: absolute; top: -20px; width: 100%; }
/* .product_grid .product_price .productOldPrice del { text-decoration: none; }
.product_grid .product_price .productOldPrice:before { border-top: 3px solid #f2b700; content: ""; height: 100%; left: 0; position: absolute; 
top: 52%; transform: rotate(-8deg); width: 103%; } */
.product_grid .product_price br, .product_grid .product_price small { display: none; }
.product_grid .product_vpe { font-size: 14px; color: #777; margin: 5px 0 0 0; }

/* tax */
.product_grid .product_tax_info { margin-top: 10px; }
.product_grid .product_tax_info, .product_grid .product_tax_info a { font-size: 11px; color: #777; }

/* bottom infos */
.product_grid .product_module { border-top: 1px solid #DDD; background: #F5F5F5; margin: 5px -4px -4px -4px; padding: 15px; font-size: 14px; 
line-height: 14px; text-align: left; white-space: nowrap; overflow: hidden; }
.product_grid .product_module a { color: #333; }
.product_grid .product_module .inner { opacity: 0.6; }
.product_grid .product:hover .product_module .inner { opacity: 1; }

/* shipping */
.product_grid .icon-time { margin: 0 5px 0 0; }
.product_grid .product_shippingtime_text { display: none; }

/* availability */
.product_grid .product .pa_icon { float: left; }

/* reviews */
.product_grid .reviews_stars { float: right; margin: 1px 0 0 0; }

/* buy button */
.product_grid .product_buynow { margin: 15px 0 0 0; display: none; }
.product_grid .product:hover .product_buynow { display: block; }

/*
@media (min-width: 768px) {
	.product_grid .product:hover { position: absolute; z-index: 3; }
}
*/

/* mark special product */
/*.product_grid .product_special, .product_grid .product_special:hover { border-color: #D00; }*/
.product_grid .badges { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; }
.product_grid .badges .badge { padding: 15px; font-size: 16px; border-radius: 0; float: right; margin-right: 10px; }
.specials_marker { background: #e74c3c; border-bottom: 2px solid #D74c3c; }
.product_grid .product_special .product_price { color: #e74c3c; }
.wish_marker { background: #f0ad4e; border-bottom: 2px solid #ec971f; }
.new_marker { background: #5cb85c; border-bottom: 2px solid #449d44; }
	
	
/* clear floats to break rows */
@media (min-width: 768px) and (max-width: 991px) {
	.product_grid_4 .product_row > div:nth-child(3n+1) { clear: left; }
}
@media (min-width: 992px) {
	.product_grid_4 .product_row > div:nth-child(4n+1) { clear: left; }
}


/*========================================================================================================================== */
/* PRODUCTS LISTING > LIST VIEW ============================================================================================ */
/*========================================================================================================================== */
.product_list .product_wrap { position: relative; cursor: pointer; }
.product_list .product_wrap:nth-child(2n) { background: #F5F5F5; }

/* products image */
.product_list .product_image { text-align: center; }
.product_list .product_image img { max-width: 100%; }
.product_list .product_image_credits a { color: inherit;  }

/* products name */
.product_list .product_name { font-size: 18px; line-height: 24px; margin: 0 0 10px 0; }
.product_list .product_name a { text-decoration: none; }	

/* products price */
.product_list .product_price { font-weight: bold; font-size: 18px; position: relative; white-space: nowrap; margin-top: 10px; }
.product_list .product_price .productOldPrice { display: block; color: #333; font-size: 14px; font-weight: normal; width: 100%; }
.product_list .product_price br, .product_list .product_price small { display: none; }
.product_list .product_vpe { font-size: 14px; color: #777; margin: 5px 0 0 0; }

/* bottom infos */
.product_list .product_module { padding-top: 10px; margin-top: 5px; border-top: 1px solid #DDD; font-size: 14px; line-height: 14px; text-align: left; white-space: nowrap; overflow: hidden; }
.product_list .product_module a { color: #333; }
.product_list .product_module .inner { opacity: 0.6; }
.product_list .product_wrap:hover .product_module .inner { opacity: 1; }

/* mark special product */
.product_list .badges { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; display: none; }
.product_list .badges .badge { padding: 15px; font-size: 16px; border-radius: 0; float: left; margin-left: 10px; }
.product_list .product_special .product_price { color: #e74c3c; }

@media (max-width: 479px) {
  .product_list .product_description, .product_list .product_buy { float: none; width: 100%; padding: 0; }
}
@media (min-width: 480px) {
	.product_list .badges { display: block; }
}
@media (min-width: 480px) and (max-width: 767px) {
  .product_list .product_description { width: 60%; }
  .product_list .product_buy { width: 40%; }
}



/*========================================================================================================================== */
/* CREATE ACCOUNT ========================================================================================================== */
/*========================================================================================================================== */
.section_create_account fieldset { margin-bottom: 40px; }
.section_create_account legend { font-weight: bold; }
.section_create_account legend small { float: right; font-weight: normal; }
.section_create_account .form-horizontal { padding: 20px; }

@media (min-width: 768px) and (max-width: 991px) {
	.section_create_account .form-horizontal { padding: 30px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.section_create_account .form-horizontal { padding: 40px 70px; }
}
@media (min-width: 1200px) {
	.section_create_account .form-horizontal { padding: 50px 100px; }
}


/*========================================================================================================================== */
/* SHOPPING CART =========================================================================================================== */
/*========================================================================================================================== */
/* products > desktop version */
#table-products { margin: 0; }
#table-products .product_image { width: 15%; max-width: 50px; }
#table-products .product_quantity { width: 5%; text-align: center; }
#table-products .product_singleprice, #table-products .product_totalprice { width: 15%; }
#table-products .product_delete { width: 10%; text-align: center; }
#table-products .product_attribute { font-weight: bold; }

@media (min-width: 992px) {
	#table-products .product_image { max-width: 100px; }
}
@media (min-width: 1200px) {
	#table-products .product_image { max-width: 150px; }
}

/* total > desktop version */
#table-products .product_subtotal { text-align: right; padding: 20px; }
#table-products .product_subtotal strong, #table-products .product_subtotal b { font-size: 18px; line-height: 30px; }

/* total > mobile version */
#div-products .total_block tr td { padding-top: 0; }
#div-products .total_block tr td:last-child { width: 20%; white-space: nowrap; }

/*========================================================================================================================== */

/* products > desktop version */
#page_shopping_cart #table-products th { background: #F5F5F5; }

/* products > mobile version */
#page_shopping_cart #div-products .product_quantity { line-height: 34px; }
#page_shopping_cart #div-products input[type="text"] { float: left; margin-right: 10px; width: auto; }

/* shipping costs > desktop version */
#page_shopping_cart .cart_shipping span { display: inline-block; width: 30%; font-weight: bold; }
#page_shopping_cart .cart_shipping input, .cart_shipping select { display: inline-block; width: 70%; }

/* buttons > desktop version */
#page_shopping_cart #cart-buttons { margin-top: -1px; padding: 20px; padding-top: 0; }
#page_shopping_cart #cart-buttons .btn, #page_shopping_cart #cart-buttons .button_paypal { margin: 20px 0 0 20px; }
#page_shopping_cart #cart-buttons .btn:first-child { margin-left: 0; }


/*========================================================================================================================== */
/* CHECKOUT ================================================================================================================ */
/*========================================================================================================================== */
/* header, logo */
.section_checkout #header #header_logo { margin-top: 23px; }
.nav-fixed .section_checkout { padding-top: 0 !important; }

/* checkout steps navi */
#checkout_navi { text-align: center; background: #ebedef; border: 0; border-bottom: 3px solid #363839; margin: 0; padding: 0 10px; }
#checkout_navi ul { margin: 0; padding: 0; }
#checkout_navi li { display: inline-block; padding: 16px 5px 15px; vertical-align: middle; line-height: 30px; }
#checkout_navi li a { text-decoration: none; color: #777; }
#checkout_navi li a span { margin-right: 10px; }
#checkout_navi li .active { border-bottom: 2px solid #67809F; color: #67809F; font-weight: bold; }
#checkout_navi .divide { color: #999; font-size: 30px; }

@media (min-width: 768px) {
	.section_checkout #header #header_logo { margin: 23px 0 21px 0; }
	#checkout_navi { white-space: nowrap; }
	#checkout_navi li { font-size: 18px; }
	#checkout_navi li { padding: 16px 10px 15px; }
}
@media (min-width: 992px) {
	#checkout_navi { padding: 0; }
	#checkout_navi li { padding: 16px 15px 15px; }
}
@media (min-width: 1200px) {
	#checkout_navi li { padding: 16px 20px 15px; }
}

/* checkout address */
.section_checkout .checkout_address_chooser ol { list-style: none; margin: 0; padding: 0; }
.section_checkout .checkout_address_chooser ol li { display: block; padding: 10px; border: 1px solid #DDD; margin-bottom: 5px; background: #F5F5F5; position: relative; cursor: pointer; }
.section_checkout .checkout_address_chooser ol li.selected_address { background: #EBEDEF; }
.section_checkout .checkout_address_chooser ol input { float: left; margin-right: 10px; }
.section_checkout .checkout_address_chooser ol label { font-weight: bold; }
.section_checkout .checkout_address_chooser ol br { display: none; }
.section_checkout .checkout_address_chooser ol .address { margin-left: 23px; display: block; }
.section_checkout .checkout_address_chooser ol .icon-ok { position: absolute; top: 15px; right: 15px; }

/* agb check */
.section_checkout .agbframe { border: 1px solid #DDD; padding: 20px; background: #FFF; color: #333; max-height: 250px; overflow: auto; }
.section_checkout .agbframe ul, .section_checkout .agbframe ol { margin-left: 20px; }

/* method select */
.section_checkout .method_selector .method { position: relative; border-bottom: 1px solid #DDD; }
.section_checkout .method_selector .method:first-child { border-top: 1px solid #DDD; }
.section_checkout .method_selector .selectable { cursor: pointer; }
.section_checkout .method_selector .selectable:hover, .section_checkout .method_selector .selected_method { background: #fcf8e3; }
.section_checkout .method_selector .icon-ok { position: absolute; right: 15px; top: 18px; }

.section_checkout .method_selector .method_select { display: none; }
.section_checkout .method_selector h5 { float: right; margin: 0; padding: 15px; width: 100%; }
.section_checkout .method_selector .method_error { float: right; margin: -10px 0 0 0; padding: 15px; width: 100%; } /* error shipping method */
.section_checkout .method_selector .alert { margin: 0 10px 10px 10px; } /* error payment method */

.section_checkout .method_selector .method_description { background: #fff; padding: 20px; position: relative; margin: 20px 10px 10px 10px; 
border: 1px solid #DDD; }
.section_checkout .method_selector .method_description:before { position: absolute; left: 25px; top: -30px; display: inline-block; border: 15px solid; 
border-color: transparent transparent #DDD transparent; content: ''; }
.section_checkout .method_selector .method_description:after { position: absolute; left: 26px; top: -28px; display: inline-block; border: 14px solid; 
border-color: transparent transparent #fff transparent; content: ''; }

@media (min-width: 768px) {
	.section_checkout .method_selector .method_select { display: block; float: left; padding: 15px 4%; width: 10%; text-align: center; }
	.section_checkout .method_selector .method_select input { margin: 0; }
	.section_checkout .method_selector h5 { padding: 15px 4% 15px 0; width: 90%; }
	.section_checkout .method_selector .method_error { padding: 0 4% 15px 0; width: 90%; }
}

/* checkout confirmation > total > desktop version */
.section_checkout #table-products .product_subtotal td { padding-top: 4px; }
.section_checkout #table-products .product_subtotal td:last-child { width: 20%; white-space: nowrap; }

/* checkout confirmation > class participants */
#page_checkout_confirmation .participants_header { cursor: pointer; }
#page_checkout_confirmation .participants_header span { font-weight: bold; margin: 2px 10px 0 0; }
#page_checkout_confirmation .participants_block { display: none; }


/* checkout success */
#page_checkout_success .alert-success { margin-bottom: 50px; }

/* downloads (checkout_success + account + account_history_info) */
#box_downloads table td { vertical-align: middle; }
#box_downloads table td.icon { width: 7%; }
#box_downloads table td.link { font-weight: bold; }


/*========================================================================================================================== */
/* CONTACT PAGE ============================================================================================================ */
/*========================================================================================================================== */
#page_contact_us .contact_form { padding: 20px; background: #F5F5F5; }
#page_contact_us .contact_content { float: right; }

@media (min-width: 768px) {
	#page_contact_us .contact_content { float: right; padding-left: 40px; }
}


/*========================================================================================================================== */
/* FRONTPAGE =============================================================================================================== */
/*========================================================================================================================== */
#box_imageslider .carousel-inner .item img { width: 100%; }
.frontpage_section { margin: 40px 0 0 0; }
.upcoming_product { margin: 0 0 2px 0; }


/*========================================================================================================================== */
/* ADMIN BOX =============================================================================================================== */
/*========================================================================================================================== */
#box_admin { background: #444; height: auto; left: 0; margin: 0px; position: absolute; top: 0; width: 100%; border: 2px solid #AAA; border-width: 0px 0px 2px 0px; color: #FFF; z-index: 101; font-size: 14px; }
#box_admin a, #box_admin input[type="submit"] { display: block; color: #FFF; font-weight: inherit; line-height: inherit; height: 25px; padding: 5px 10px; margin: 0; text-decoration: none; box-sizing: content-box; }
#box_admin input[type="submit"] { background: none; border: none; box-shadow: none; outline: none; color: inherit; cursor: pointer; font: inherit; }
#box_admin a:hover, #box_admin input[type="submit"]:hover { color: #45bbe6 !important; text-decoration: none !important; }
#box_admin .item { display: block; width: auto; line-height: 25px; float: left; position: relative; border-right: 1px solid #AAA; }
/* icons */
#box_admin .start { font-weight: bold; }
#box_admin .orders a { background: url(img/box_admin_icons.png) no-repeat 5px -50px; padding-left: 35px; }
#box_admin .orders a:hover { background-position: 5px -260px; }
#box_admin .customers a { background: url(img/box_admin_icons.png) no-repeat 5px 10px; padding-left: 35px; }
#box_admin .customers a:hover { background-position: 5px -200px; }
#box_admin .products a { background: url(img/box_admin_icons.png) no-repeat 5px -140px; padding-left: 35px; }
#box_admin .products a:hover { background-position: 5px -350px; }
#box_admin .links a { background: url(img/box_admin_icons.png) no-repeat 5px -80px; padding-left: 32px; }
#box_admin .links a:hover { background-position: 5px -290px; }
#box_admin .edit input[type="submit"], #box_admin .edit a { background: url(img/box_admin_icons.png) no-repeat 5px -20px; padding-left: 32px; }
#box_admin .edit input[type="submit"]:hover, #box_admin .edit a:hover { background-position: 5px -230px; }
#box_admin .cache input[type="submit"] { background: url(img/box_admin_icons.png) no-repeat 5px -110px; padding-left: 30px; }
#box_admin .cache input[type="submit"]:hover { background-position: 5px -320px; }
#box_admin .logout a { background: url(img/box_admin_icons.png) no-repeat center -170px; width: 10px; }
#box_admin .logout a:hover { background-position: center -380px; }
/* dropdown */
#box_admin ul { visibility: hidden; position: absolute; z-index: 1; top: 35px; left: -1px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background: #444; 
border: 1px solid #AAA; opacity: 0; transition: opacity 0.3s ease-in-out 0s; margin: 0; padding: 0; text-align: left; }
#box_admin .item:hover ul { display: block; visibility: visible; opacity: 1; }
#box_admin ul li { display: block; width: auto; min-width: 170px; white-space: nowrap; border-bottom: 1px solid #AAA; }
#box_admin ul li:last-child { border-bottom: none; }
#box_admin ul li a, #box_admin ul li input[type="submit"] { background: none !important; padding: 5px 10px !important; }

/*
#box_admin { background: #EBEDEF; border-bottom: 1px solid #DDD; padding: 20px 0; }
#box_admin .btn { margin-right: 10px; }
*/


/*========================================================================================================================== */
/* GIFT VOUCHER ============================================================================================================ */
/*========================================================================================================================== */
#gift_cart table td { vertical-align: middle; }
#gift_cart .input-group { float: left; }


/*========================================================================================================================== */
/* GIFT VOUCHER GENERATOR ================================================================================================== */
/*========================================================================================================================== */
#gv_downloads table td { vertical-align: middle; }
#gv_downloads table td.icon { width: 7%; text-align: center; }

@media (min-width: 768px) {
	#gv_generator .add_cart { margin-top: -65px; }
}


/*========================================================================================================================== */
/* GIFT VOUCHER CHECKER ==================================================================================================== */
/*========================================================================================================================== */
#gv_checker .gv_infos { margin-top: 40px; margin-bottom: 40px; }
#gv_checker .general_info { font-size: 20px; }
#gv_checker .general_info .item .title { font-weight: bold; margin: 5px 0 0 0; }
#gv_checker .general_info .item .value { margin: 5px 0 0 0; }

#gv_checker .status_info { font-size: 30px; text-transform: uppercase; font-weight: bold; margin: 20px 0 0 0; }

#gv_checker .gv_status_details { margin: 40px 0 40px 0; font-size: 20px; }

#gv_checker .gv_details, 
#gv_checker .gv_redemptions, 
#gv_checker .gv_code { margin: 40px 0 40px 0; }

@media (min-width: 992px) {
	#gv_checker .status_info { margin: 0; }
}


/*========================================================================================================================== */
/* RECIPES ================================================================================================================= */
/*========================================================================================================================== */
#page_recipes .ratings_stars { background: url(img/stars.png) top left repeat-x; float: left; height: 25px; line-height: 25px; width: 25px; 
text-align: center; font-size: 14px; }
#page_recipes .ratings_vote { background: url(img/stars.png) left -25px repeat-x; }
#page_recipes .ratings_over { background: url(img/stars.png) left -25px repeat-x; }
#page_recipes .total_votes, #page_recipes .total_votes .alert { margin: 10px 0 0 0; }  

/* feedback */
#page_recipes #contactWrap textarea { height: 100px; }  

/* clear floats to break rows */
@media (min-width: 992px) {
	#page_recipes #rating_box > div:nth-child(2n+1) { clear: left; }
}


/*========================================================================================================================== */
/* AJAX ADD TO CART ======================================================================================================== */
/*========================================================================================================================== */
#box_floating_cart .product_info .name { font-weight: bold; }


/*========================================================================================================================== */
/* CUSTOMERS REMIND ======================================================================================================== */
/*========================================================================================================================== */
#customersRemind { margin: 0 0 30px 0; padding-bottom: 26px; position: relative; overflow: hidden; color: #333; }
#customersRemind .intro-text { cursor: pointer; }
#customersRemind .heading { color: #a94442; font-weight: bold; text-transform: uppercase; margin: 0 0 10px 0; }
#customersRemind .intro { color: #a94442; }
#customersRemind .more { color: #a94442; text-align: center; cursor: pointer; position: absolute; bottom: 0; left: 0; width: 100%; }
#customersRemind.closed:hover .more, #customersRemind .more:hover { color: #333; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #faebcc 100%); }
#customersRemind .form { margin: 20px 0; }
#customersRemind.closed .form { display: none; }


/*========================================================================================================================== */
/* AJAX SEARCH SUGGEST ===================================================================================================== */
/*========================================================================================================================== */
.ac_results { z-index: 100; background: #FFF; text-align: left; border: 1px solid #CCC; font-size: 14px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
.ac_results ul { padding: 0; margin: 0; list-style: none; }
.ac_results li { background: #FFF; padding: 0; cursor: pointer; overflow: hidden; white-space: nowrap; border-bottom: 1px solid #DDD; transition: background-color 0.3s ease 0s; }
.ac_results li:hover, 
.ac_results li.ac_over { background: #EBEDEF; }
.ac_results li .image { display: inline-block; max-width: 50px; margin: 0 10px 0 0; }
.ac_results li a { display: block; padding: 5px 20px 5px 10px; text-decoration: none; }
.ac_results li .ac_header { display: block; padding: 5px 20px 5px 10px; font-weight: bold; background: #EBEDEF; }
.ac_input { border-radius: 0 !important; }
.ac_loading { background: #FFF url(img/ac_loading.gif) right center no-repeat; }


/*========================================================================================================================== */
/* PRODUCT LISTING FILTER ================================================================================================== */
/*========================================================================================================================== */
#plf_bar { width: auto; z-index: 15; font-size: 14px; line-height: 35px; }

/* DROPDOWN FELDER - ALLGEMIN */
#plf_bar .filter { position: relative; float: left; width: auto; margin: 0 15px 0 0; padding: 0 15px 0 0; border-right: 1px dotted #AAA; z-index: 2; }
#plf_bar .title { font-weight: bold; display: block; margin: 0; height: 25px; line-height: 25px; }
#plf_bar > div:last-child { margin: 0px; padding: 0px; border: none; }

/* ARTIKEL PRO SEITE */
#plf_bar #plf_limit a { margin: 0px 2px 0px 0px; }
#plf_bar #plf_limit .active { color: #485b72; }

/* SORTING */
#plf_bar #plf_sorting select { width: auto; }
#plf_bar #plf_sorting .ASC, #plf_bar #plf_sorting .DESC { display: inline-block; width: 8px; height: 10px; background: url(img/plf_sorting_arrow.png) 0px -10px no-repeat; position: relative; top: 8px; }
#plf_bar #plf_sorting .DESC { background-position: 0px 0px; }
#plf_bar #plf_sorting .ASC:hover { background-position: 0px 0px; }
#plf_bar #plf_sorting .DESC:hover { background-position: 0px -10px; }
#plf_bar #plf_sorting .ASC.active, #plf_bar #plf_sorting .DESC.active { display: none; }

/* TEMPLATE */
#plf_bar #plf_view a { display: block; width: auto; height: 35px; float: left; padding: 0px; margin: 0px 0px 0px 10px; border: 1px solid #F5F5F5; }
#plf_bar #plf_view .first { margin: 0px; }
#plf_bar #plf_view span.image { display: inline-block; width: 25px; height: 35px; padding: 0px; margin: 0px; cursor: pointer; font-size: 24px; }
#plf_bar #plf_view span.text { display: none; }
#plf_bar #plf_view .active { color: #485b72; }

/* FILTER TOGGLE */
#plf_bar #plf_toggle > span { display: block; font-size: 24px; height: 35px; margin: 0; padding: 0; }

/* FILTER BOX ALLGEMEIN */
#plf_box { margin: 0; }
#plf_box .filter a, #plf_box .filter a:hover { color: #333; text-decoration: none; }
#plf_box .filter { border-bottom: 1px solid #DDD; }
#plf_box .filter .header, #plf_box .well { font-size: 14px; font-weight: bold; line-height: 20px; margin: 0; padding: 15px 10px; cursor: default; }
#plf_box .filter.open .header { margin: 0px; }
#plf_box .filter .header span { display: inline-block; float: right; line-height: 20px; margin: 0 0 0 10px; vertical-align: middle; color: #777; }
#plf_box .filter .header .icon-plus, #plf_box .filter .header .icon-minus { display: none; }
#plf_box .filter .sub { display: none; padding-bottom: 20px; }
#plf_box .filter.open .sub { display: block; }
#plf_box .filter .sub_pad { padding: 10px 10px 20px 10px; }
#plf_box .filter ol { max-height: 250px; overflow: auto; list-style: none; margin: 0; padding: 0; }
#plf_box .filter ol li { padding: 2px 10px; position: relative; cursor: pointer; }
#plf_box .filter ol li.first { border-top: none; }
#plf_box .filter .count { position: absolute; right: 0; top: 4px; font-size: 12px; }
#plf_box .filter ol li:hover { color: #67809f; }
#plf_box .filter ol li:hover a, #plf_box .filter ol .active a { color: #67809f; }
#plf_box .filter ol .active, #plf_box .filter ol .active:hover { color: #67809f; }
#plf_box .filter ol li span { font-size: 14px; margin: 0 10px; }

/* SEARCH */
#plf_search .input { position: relative; }
#plf_search input[type="text"].error { border-color: #9E004F; }
#plf_search .activate { display: block; float: left; width: 35px; height: 32px; margin: 0px; padding: 0px; border: 1px solid #DDD; border-radius: 0px 5px 5px 0px; background: #F5F5F5 url(img/plf_search_activate.png) -4px -4px no-repeat; cursor: pointer; line-height: 0px; font-size: 0px; box-shadow: 0 0 4px -1px #DDD; }
#plf_search .activate:hover { border: 1px solid #AAA; background-position: -44px -4px; }
#plf_search .delete { display: none; position: absolute; top: 10px; right: 50px; width: 14px; height: 14px; margin: 0px; padding: 0px; border: none; background: url(img/plf_search_delete.png) 0px 0px no-repeat; cursor: pointer; line-height: 0px; font-size: 0px; z-index: 2; }
#plf_search.active .delete { display: block; }
#plf_search .search_in { margin: 10px 0px 0px 0px; white-space: nowrap; }
#plf_search label { margin: 0px 0px 2px 0px; }
#plf_search input[type="radio"], #plf_search input[type="checkbox"] { margin: 0 5px; }

/* MANUFACTURERS AND CATEGORIES */
#plf_mfilter { z-index: 3; }
#plf_cfilter .dropdown_header, #plf_mfilter .dropdown_header { width: 180px; }
#plf_cfilter .dropdown_sub, #plf_mfilter .dropdown_sub { width: 280px; overflow: auto; max-height: 300px; }
#plf_cfilter .dropdown_sub div, #plf_mfilter .dropdown_sub div { height: auto; line-height: normal; }
#plf_cfilter img, #plf_mfilter img { display: block; max-width: 50px; max-height: 30px; margin: 0 auto; padding: 0px; }
#plf_cfilter span.image, #plf_mfilter span.image { display: table-cell; width: 50px; height: 30px; margin: 0px 0px 0px 10px; padding: 0px; vertical-align: middle; text-align: center; }
#plf_cfilter span.text, #plf_mfilter span.text { display: table-cell; width: auto; height: 30px; line-height: 30px; padding: 0px 0px 0px 15px; }

/* PRICE SLIDER */
#plf_pfilter .slider { line-height: 20px; padding: 10px; position: relative; }
#plf_pfilter #plf_pfilter_amount { margin: 2px 0px 5px 0px; text-align: center; }
#plf_pfilter #plf_pfilter_slider { margin: 0px 0px 5px 0px; }
#plf_pfilter #plf_pfilter_slider .ui-slider-range { background: #67809f; cursor: pointer; }
#plf_pfilter #plf_pfilter_slider a, #plf_pfilter #plf_pfilter_slider a:hover, #plf_pfilter #plf_pfilter_slider a.ui-state-focus { background: url(javascript/jquery/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) repeat-x scroll 50% 50% #F6F6F6; cursor: pointer; }
#plf_pfilter #plf_pfilter_slider a:hover, #plf_pfilter #plf_pfilter_slider a.ui-state-focus { border: 1px solid #AAA; } 

/* DATE */
#plf_dfilter { position: relative; z-index: 15; }
#plf_dfilter .sub span { display: inline-block; width: 50px; margin: 0px 0px 5px 0px; }

/* COLOR */
#plf_box div.color .first { border-bottom: 1px solid #DDD; }
#plf_box div.color .list { padding: 10px; }
#plf_box div.color .list a { display: inline-block; margin: 0 4px 5px 0; height: 30px; width: 30px; padding: 2px; border: 2px solid #FFF; border-radius: 5px; }
#plf_box div.color .list .active { border: 2px solid #9E004F; }
#plf_box div.color .list a img { max-width: 30px; max-height: 30px; }

/* ADVANCED SEARCH */
#plf_advanced_search { margin: 10px 0px 0px 0px; }
#plf_advanced_search .label { float: left; width: 87px; margin: 0px; line-height: 25px; font-weight: bold; }
#plf_advanced_search input[type="checkbox"] { float: left; width: auto; margin: 0px 0px 0px 20px; position: relative; top: 4px; }
#plf_advanced_search span { float: left; width: auto; margin: 0px 0px 0px 10px; }

/* PROCESSING */
#processing_overlay { position: absolute; z-index: 99998; top: 0px; left: 0px; width: 100%; height: auto; background: rgba(0, 0, 0, 0.5); /*background: url(img/plf_ajax_bg.png) 0px 0px repeat;*/ /*background: #000; opacity: 0.3; filter: alpha(opacity=30);*/ cursor: wait; }
#processing_container { min-width: 300px; max-width: 600px; background: #FFF; border: solid 5px #DDD; border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; }
#processing_container .title { padding: 5px 10px 5px 10px; margin: 0px; background: #67809f; color: #FFF; border-bottom: solid 1px #DDD; font-size: 22px; line-height: 28px; }
#processing_container .message { text-align: center; padding: 15px 10px 10px 10px; }
#processing_container .loading { background: url(img/loading.gif) 0px 0px no-repeat; width: 220px; height: 19px; padding: 0px; margin: 0px auto 15px auto; }


/* ENDLESS SCROLLING */
#plf_loading .message { text-align: center; margin: 15px 0px 10px 0px; }
#plf_loading .loading { background: url(img/loading.gif) 0px 0px no-repeat; width: 220px; height: 19px; padding: 0px; margin: 0px auto 15px auto; }
#plf_listing .page_divider { border-top: 1px solid #DDD; position: relative; margin: 20px 0; }
#plf_listing .page_divider span { background: #FFF; display: block; float: left; line-height: 22px; padding: 0px 10px; position: absolute; top: -11px; width: auto; }
#plf_count { font-size: 20px; }

@media (max-width: 767px) {
	#plf_bar #plf_sorting { margin-right: 0; padding-right: 0; border: none; }
	#plf_bar #plf_sorting label { display: inline-block; margin-right: 20px; }
}
@media (min-width: 768px) {
	/* DROPDOWN FELDER - ALLGEMIN */
	#plf_bar .filter { margin-right: 10px; padding-right: 10px; }
	#plf_bar .title { display: inline-block; margin-right: 10px; }

}
@media (min-width: 992px) {
	/* TEMPLATE */
	#plf_bar #plf_view { float: right; margin: 0px; padding: 0px; border: none; }

	/* FILTER BOX ALLGEMEIN */
	#plf_box { display: block !important; opacity: 1; position: static; left: auto; right: auto; top: auto; bottom: auto; }
	#plf_box .modal-dialog { width: auto; margin: 0; transform: none; transition: none; }
	#plf_box .modal-header, #plf_box .modal-body, #plf_box .modal-footer { padding: 0; }
	#plf_box .modal-content { box-shadow: none; border: none; }
	#plf_box .modal-header { display: none; }
}


/*========================================================================================================================== */
/* PICKADATE - BASIC ======================================================================================================= */
/*========================================================================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  display: none;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
/**
 * The picker input element.
 */
.picker__input {
  cursor: default;
}
/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec;
}
/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  transition: background 0.15s ease-out, -webkit-transform 0s 0.15s;
  transition: background 0.15s ease-out, transform 0s 0.15s;
  -webkit-backface-visibility: hidden;
}
/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.15s ease-out;
}
@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%;
  }
}
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%;
  }
}
/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-height: 33.875em) {
  .picker__wrap {
    display: block;
  }
}
/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
}
@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em;
  }
}
@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
  }
}
@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px;
  }
}
/**
 * When the picker opens...
 */
 .picker--opened {
	display: block;
 }
.picker--opened .picker__holder {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.5);
  transition: background 0.15s ease-out;
}
.picker--opened .picker__frame {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0;
  }
}

/*========================================================================================================================== */
/* PICKADATE - DATE ======================================================================================================== */
/*========================================================================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em;
}
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em;
}
/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em;
}
.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic;
}
/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: auto;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em;
}
@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em;
  }
}
.picker__select--month {
  width: 35%;
}
.picker__select--year {
  width: 22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec;
}
/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em;
  }
}
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em;
  }
}
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em;
}
@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em;
  }
}
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
}
.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000;
}
.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5;
}
/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em;
}
@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em;
  }
}
.picker__table td {
  margin: 0;
  padding: 0;
}
/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */
}
@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em;
  }
}
/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent;
}
.picker__day--today {
  position: relative;
}
.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent;
}
.picker__day--disabled:before {
  border-top-color: #aaaaaa;
}
.picker__day--outfocus {
  color: #dddddd;
}
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__day--highlighted {
  border-color: #0089ec;
}
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
}
.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff;
}
.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb;
}
/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom;
}
.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0;
}
.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em;
}
.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent;
}
.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200;
}
.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777;
}
.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
}
.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa;
}

/*-- BOF - PRODUCT BUNDLES ---------------------*/
/* general */
.product-bundles { margin: 40px 0; }
.product-bundles * { box-sizing: border-box; }
.product-bundles .pb-clearfix::after { display: block; clear: both; content: ""; }
.product-bundles .pb-wrap { padding: 2rem; border: 1px solid #DDD; }

/* bundle products */
.product-bundles .heading { font-weight: bold; }
.product-bundles .pb-overview { width: 100%; margin: 0; }
.product-bundles .pb-overview td, 
.product-bundles .pb-overview th { padding: 0.5rem; vertical-align: top; text-align: left; }
.product-bundles .pb-overview th { font-weight: bold; border-bottom-color: currentColor; }
.product-bundles .pb-overview td { padding: 1rem 0.5rem; }

.product-bundles .pb-overview .product-quantity { width: 10%; text-align: center; }
.product-bundles .pb-overview .product-single { width: 15%; text-align: right; white-space: nowrap; display: none; }
.product-bundles .pb-overview .product-total { width: 15%; text-align: right; white-space: nowrap; }

.product-bundles .pb-overview .product-image { float: left; width: 25%; padding-right: 1rem; text-align: center; }
.product-bundles .pb-overview .product-image img { width: auto; height: auto; max-width: 100%; max-height: 4rem; }
.product-bundles .pb-overview .product-data { float: right; width: 75%; }
.product-bundles .pb-overview .product-desc { margin: 0.25rem 0 0 0; display: none; }

@media (min-width: 480px) {
	.product-bundles .pb-overview .product-single { display: table-cell; }
}

@media (min-width: 768px) { 
	.product-bundles .pb-overview .product-desc { display: block; }
}

/* bundle total */
.product-bundles .pb-summary { margin: 0; }
.product-bundles .pb-summary > div { padding: 0.5rem 0; border-bottom: 1px solid #DDD; background: #f9f9f9; }
.product-bundles .pb-summary > div:first-child { border-top: 1px solid #DDD; }
.product-bundles .pb-summary > div > div { width: 50%; float: left; text-align: left; padding: 0 0.5rem; }
.product-bundles .pb-summary > div > .value { text-align: right; white-space: nowrap; }
.product-bundles .pb-summary > .bundle-save { color: #e74c3c; }
.product-bundles .pb-summary > .bundle-price { font-weight: bold; }

@media (min-width: 768px) { 
	.product-bundles .pb-summary > div > div { width: 70%; text-align: right; }
	.product-bundles .pb-summary > div > .value { width: 30%; }
}

/* bundle data */
.product-bundles .pb-data { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #DDD; }
.product-bundles .pb-data .product-image { float: left; width: 13.75%; }
.product-bundles .pb-data .product-image img { width: auto; height: auto; max-width: 100%; }
.product-bundles .pb-data .product-data { float: right; width: 86.25%; padding-left: 2rem; }
.product-bundles .pb-data .product-price,
.product-bundles .pb-data .product-name { font-weight: bold; }
.product-bundles .pb-data .product-desc { margin: 0.25rem 0 0 0; }
.product-bundles .pb-data .product-button { float: right; margin-top: 1rem; }
/*-- EOF - PRODUCT BUNDLES ---------------------*/

/* -- BOC - FAQ ------------------------------ */
/* startpage */
#faq-startpage > .faq-startpage-text { margin-top: 1.5rem; }
#faq-startpage > .faq-startpage-text .contact-link { text-align: right; }
.faq-section-listing { margin-top: 3rem; }
.faq-section-listing > h2 { margin: 3rem 0 1.5rem 0; }
.faq-section-listing > h2:first-child { margin-top: 0; }

/* category */
#faq-category > .faq-category-image { text-align: center; margin-bottom: 1.5rem; }
#faq-category > .faq-category-image img { width: 100%; }
#faq-category > .faq-category-desc { margin-top: 1.5rem; }

.faq-buttons  { margin-top: 3rem; }
@media (min-width: 480px) {
	.faq-buttons > div { display: inline-block; margin-right: 1.5rem; }
}

/* post */
#faq-post > .faq-post-image { text-align: center; margin-bottom: 1.5rem; }
#faq-post > .faq-post-image img { width: 100%; }
#faq-post > .faq-post-desc { margin-top: 1.5rem; }
#faq-post > .faq-post-meta > div { float: left; width: 50%; }
#faq-post > .faq-post-meta .fa,
#faq-post > .faq-post-meta .far { margin-right: 0.75rem; }
#faq-post > .faq-post-meta .faq-post-date,
#faq-post > .faq-post-meta .faq-post-category { color: #6c757d !important; }
#faq-post > .faq-post-meta .faq-post-category { text-align: right; }

/* listing cols */
.faq-clearfix::after { display: block; clear: both; content: ""; }
.faq-row {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -0.75rem;
	margin-left: -0.75rem;
}
.faq-row > .faq-col {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	flex: 0 0 auto; 
	width: 100%;
	max-width: 100%;
	padding-right: 0.75rem;
	padding-left: 0.75rem;
	margin-top: 1rem;
	box-sizing: border-box;
}

.faq-post-listing .faq-col { width: 50%; }

/* xxs = 360px | xs = 480px | sm = 576px */
@media (min-width: 480px) {
	.faq-row > .faq-col { width: 50%; }
}

/* md = 768px | lg = 992px */
@media (min-width: 768px) { 
	.faq-row > .faq-col,
	.faq-post-listing > .faq-col { width: 33.3333333333%; }
}

@media (min-width: 1200px) { 
	.faq-post-listing > .faq-col { width: 25%; }
}

/* category listing */
.faq-category-listing .faq-category { border: 1px solid #DDD; border-radius: 0.125rem; height: 100% !important; }
.faq-category-listing .faq-category-image { overflow: hidden; }
.faq-category-listing .faq-category-image img { width: 100%; transition: all 0.3s; }
.faq-category-listing .faq-category-name { margin: 0; padding: 1rem; border: none; text-align: center; font-weight: bold; color: #444444; font-size: 14px; }
.faq-category-listing .faq-category:hover .faq-category-image img { transform: scale(1.2); }

/* boxes */
#box-faq-categories ul { list-style: none; list-style-type: none; }


/* accordion (bootstrap v5.2.0-beta1) */
.faq-accordion-item {
  background-color: #FFF;
  border: 1px solid #DDD;
}
.faq-accordion-item:first-of-type {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}
.faq-accordion-item:first-of-type .faq-accordion-button {
  border-top-left-radius: calc(0.125rem - 1px);
  border-top-right-radius: calc(0.125rem - 1px);
}
.faq-accordion-item:not(:first-of-type) {
  border-top: 0;
}
.faq-accordion-item:last-of-type {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.faq-accordion-item:last-of-type .faq-accordion-button.collapsed {
  border-bottom-right-radius: calc(0.125rem - 1px);
  border-bottom-left-radius: calc(0.125rem - 1px);
}
.faq-accordion-item:last-of-type .faq-accordion-collapse {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.faq-accordion-header {
  margin: 0;
  padding: 0;
  border: 0;
  display: flex;
}

.faq-accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem;
  font-size: 16px;
  font-weight: bold;
  color: inherit;
  text-align: left;
  background-color: #FFF;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  cursor: pointer;
}
.faq-accordion-button:hover,
.faq-accordion-button:focus {
  z-index: 2;
  outline: 0;
  background-color: #F9F9F9;
}
.faq-accordion-button:not(.collapsed),
.faq-accordion-button:active {
  color: #67809f;
  background-color: #F5F5F5;
  box-shadow: inset 0 -1px 0 #DDD;
}

.faq-accordion-button::after {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23555555' %3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1rem;
  transition: transform 0.2s ease-in-out;
}
.faq-accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%67809f' %3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}

.faq-accordion-collapse:not(.show) { display: none; }

.faq-accordion-body {
  padding: 1rem;
}

.faq-accordion-body > div p:last-child { margin-bottom: 0; }

.faq-accordion-flush .faq-accordion-collapse {
  border-width: 0;
}
.faq-accordion-flush .faq-accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.faq-accordion-flush .faq-accordion-item:first-child {
  border-top: 0;
}
.faq-accordion-flush .faq-accordion-item:last-child {
  border-bottom: 0;
}
.faq-accordion-flush .faq-accordion-item .accordion-button {
  border-radius: 0;
}

.faq-accordion-image { margin: 0 0 1.5rem 0; text-align: center; }
.faq-accordion-image img { max-width: 100%; }

@media (min-width: 480px) {
	.faq-accordion-image { width: 25%; float: left; margin: 0 1.5rem 0 0; }
}


/* list-group (bootstrap v5.2.0-beta1) */
.faq-post-list {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

.faq-post-list-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.5rem;
  width: 100%;
  text-align: inherit;
  text-decoration: none !important;
  background-color: #FFF;
  border-bottom: 1px solid #DDD;
  box-sizing: border-box;
}
.faq-post-list-item:hover, 
.faq-post-list-item:focus {
  z-index: 1;
  text-decoration: none;
  background-color: #F9F9F9;
}
.faq-post-list-item:active,
.faq-post-list-item.active {
  color: #67809f;
  background-color: #F5F5F5;
}
.faq-post-list-item:last-child {
  border-bottom-width: 0;
}

.faq-post-list-item > span { margin-right: 0.75rem; }
/* -- EOC - FAQ ------------------------------ */