@charset "UTF-8";/*!
 * jQuery UI CSS Framework 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*!
 * jQuery UI CSS Framework 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
/*

 */


/* Component containers
----------------------------------*/

.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ url(https://www.spani.hu/assets/jquery-ui/ui-bg_flat_75_ffffff_40x100-d18e8affeba7ab0c6d4dcdd2477c53bb.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc/*{bgColorHeader}*/ url(https://www.spani.hu/assets/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100-cc349e64843eb3d6d694206e1907f537.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
	background: #e6e6e6/*{bgColorDefault}*/ url(https://www.spani.hu/assets/jquery-ui/ui-bg_glass_75_e6e6e6_1x400-9a8a9467aa3aac88e9e5a337f4a8d0a0.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999/*{borderColorHover}*/;
	background: #dadada/*{bgColorHover}*/ url(https://www.spani.hu/assets/jquery-ui/ui-bg_glass_75_dadada_1x400-da1e6ac5a5fd1dc7ce2d0fb149a0de01.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121/*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa/*{borderColorActive}*/;
	background: #ffffff/*{bgColorActive}*/ url(https://www.spani.hu/assets/jquery-ui/ui-bg_glass_65_ffffff_1x400-ef683f8e0b5fcf0f28cd9a5a3e8dc815.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee/*{bgColorHighlight}*/ url(https://www.spani.hu/assets/jquery-ui/ui-bg_glass_55_fbf9ee_1x400-4d1e9e3434a7eec605dd7b19ec0e71bb.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
	color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec/*{bgColorError}*/ url(https://www.spani.hu/assets/jquery-ui/ui-bg_glass_95_fef1ec_1x400-6ce7d9fd6ae2c6b346d347cad3b67b94.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(https://www.spani.hu/assets/jquery-ui/ui-icons_222222_256x240-9ebdf4984ebc80f5440cc69aa530be1c.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(https://www.spani.hu/assets/jquery-ui/ui-icons_222222_256x240-9ebdf4984ebc80f5440cc69aa530be1c.png)/*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
	background-image: url(https://www.spani.hu/assets/jquery-ui/ui-icons_888888_256x240-22e2620afd5b74f20af6c26e32a54483.png)/*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(https://www.spani.hu/assets/jquery-ui/ui-icons_454545_256x240-4c20e197d0a55c9a3387a50c1202afad.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon {
	background-image: url(https://www.spani.hu/assets/jquery-ui/ui-icons_454545_256x240-4c20e197d0a55c9a3387a50c1202afad.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
	background-image: url(https://www.spani.hu/assets/jquery-ui/ui-icons_2e83ff_256x240-ff641bf5602f0f291a8b4ead56e54a20.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(https://www.spani.hu/assets/jquery-ui/ui-icons_cd0a0a_256x240-3b8db78091d814fcf9520d7fa84821ac.png)/*{iconsError}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ url(https://www.spani.hu/assets/jquery-ui/ui-bg_flat_0_aaaaaa_40x100-6b0858a07f9b26b1fbf609593cf427f4.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa/*{bgColorShadow}*/ url(https://www.spani.hu/assets/jquery-ui/ui-bg_flat_0_aaaaaa_40x100-6b0858a07f9b26b1fbf609593cf427f4.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
	border-radius: 8px/*{cornerRadiusShadow}*/;
}
/*!
 * jQuery UI Datepicker 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
/*


 */

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/*

*/
/*COLORS*/
.bugfix-class {
  display: none; }

.div-table {
  display: table; }

.div-row {
  display: table-row; }

.div-cell {
  display: table-cell;
  vertical-align: top; }

/*FONTS*/
/* open-sans-regular - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: font-url("open-sans-v14-latin-ext_latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), font-url("open-sans-v14-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), font-url("open-sans-v14-latin-ext_latin-regular.woff2") format("woff2"), font-url("open-sans-v14-latin-ext_latin-regular.woff") format("woff"), font-url("open-sans-v14-latin-ext_latin-regular.ttf") format("truetype"), font-url("open-sans-v14-latin-ext_latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-600 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: font-url("open-sans-v14-latin-ext_latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), font-url("open-sans-v14-latin-ext_latin-600.eot?#iefix") format("embedded-opentype"), font-url("open-sans-v14-latin-ext_latin-600.woff2") format("woff2"), font-url("open-sans-v14-latin-ext_latin-600.woff") format("woff"), font-url("open-sans-v14-latin-ext_latin-600.ttf") format("truetype"), font-url("open-sans-v14-latin-ext_latin-600.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
/* open-sans-700 - latin-ext_latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: font-url("open-sans-v14-latin-ext_latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), font-url("open-sans-v14-latin-ext_latin-700.eot?#iefix") format("embedded-opentype"), font-url("open-sans-v14-latin-ext_latin-700.woff2") format("woff2"), font-url("open-sans-v14-latin-ext_latin-700.woff") format("woff"), font-url("open-sans-v14-latin-ext_latin-700.ttf") format("truetype"), font-url("open-sans-v14-latin-ext_latin-700.svg#OpenSans") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'icomoon4';
  src: font-url("icomoon4.eot");
  src: font-url("icomoon4.eot?#iefix") format("embedded-opentype"), font-url("icomoon4.woff") format("woff"), font-url("icomoon4.ttf") format("truetype"), font-url("icomoon4.svg#icomoon4") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'icomoon4';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-cart, .icon-menu, .icon-arrow-right, .icon-arrow-left, .icon-order, .icon-search, .icon-tick, .icon-trash, .icon-magnifier, .icon-truck, .icon-warning, .icon-cross, .icon-topa, .icon-backa, .icon-downa, .icon-forwa, .icon-user, .icon-info, .icon-check, .icon-expand {
  font-family: 'icomoon4';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-cart:before {
  content: "\e000"; }

.icon-menu:before {
  content: "\e001"; }

.icon-arrow-right:before {
  content: "\e002"; }

.icon-arrow-left:before {
  content: "\e003"; }

.icon-order:before {
  content: "\e004"; }

.icon-search:before {
  content: "\e005"; }

.icon-tick:before {
  content: "\e006"; }

.icon-trash:before {
  content: "\e600"; }

.icon-magnifier:before {
  content: "\e601"; }

.icon-truck:before {
  content: "\e500"; }

.icon-warning:before {
  content: "\e501"; }

.icon-cross:before {
  content: "\e502"; }

.icon-backa:before {
  content: "\e503"; }

.icon-topa:before {
  content: "\e504"; }

.icon-forwa:before {
  content: "\e505"; }

.icon-downa:before {
  content: "\e506"; }

.icon-info:before {
  content: "\e901"; }

.icon-user:before {
  content: "\e971"; }

.icon-check:before {
  content: "\e900"; }

.icon-expand:before {
  content: "\e903"; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

/*HELPERS*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.clear {
  clear: both; }

.just {
  text-align: justify; }

.zero-padding-top {
  padding-top: 0 !important; }

/*MIXINS*/
/*UI*/
.pace .pace-progress {
  background: #d81d1d;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s; }

.pace-inactive {
  display: none; }

.button, input[type="submit"] {
  display: inline-block;
  text-decoration: none;
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: all 0.3s ease-in-out;
  /* Firefox 4-15 */
  -o-transition: all 0.3s ease-in-out;
  /* Opera 10.50–12.00 */
  transition: all 0.3s ease-in-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
  padding: 0.5em 1em;
  line-height: 1.5;
  text-align: center; }
  .button.red, input.red[type="submit"] {
    color: white;
    background: rgba(216, 29, 29, 0.8);
    border: 1px solid #eeeeee; }
  .button.white, input.white[type="submit"] {
    background: rgba(255, 255, 255, 0.8);
    color: #1a1a1a;
    border: 1px solid #eeeeee; }
  .button.gray, input[type="submit"] {
    background: #4d4d4d;
    color: white; }
    .button.gray.small, input.small[type="submit"] {
      font-size: 0.75em; }
  .button.errorb, input.errorb[type="submit"] {
    color: white !important;
    background: rgba(216, 29, 29, 0.8) !important; }
  .button.submitize, input.submitize[type="submit"] {
    font-size: 0.75em;
    padding: 1em 1.5em; }
  .button.green, input.green[type="submit"] {
    background: rgba(42, 147, 47, 0.8) !important; }
  .button.blue, input.blue[type="submit"], input[type="submit"] .button.blue {
    background: #2a7491; }
  .button.orange, input.orange[type="submit"] {
    background: #ff6600; }
  .button.extra, input.extra[type="submit"], input[type="submit"] .button.extra {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 1em 2em;
    background: #d81d1d;
    color: #fff;
    font-size: 1em;
    letter-spacing: 0; }
  .button.extra-with-note, input.extra-with-note[type="submit"], input[type="submit"] .button.extra-with-note {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-top: 0.7em;
    padding-bottom: 1.3em;
    padding-left: 2em;
    padding-right: 2em;
    background: #2a7491;
    color: #fff;
    font-size: 1em;
    letter-spacing: 0;
    position: relative; }
  .button .extra-note, input[type="submit"] .extra-note {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: auto;
    white-space: nowrap;
    transform: translate(-50%, -40%); }
  .button.lsb, input.lsb[type="submit"] {
    float: left;
    width: 40%; }
  .button.rsb, input.rsb[type="submit"] {
    float: right;
    width: 40%; }
  .button.small-one, input.small-one[type="submit"] {
    padding-top: 0.4em;
    padding-bottom: 0.35em; }
  .button.zero-padding, input.zero-padding[type="submit"] {
    padding-left: 0em !important;
    padding-right: 0em !important; }
  .button.normal-button, input.normal-button[type="submit"] {
    font-size: 0.75em;
    padding: 1em 1.5em; }

.no-touch .button.red:hover, .no-touch input.red[type="submit"]:hover, .no-touch .button.red:focus, .no-touch input.red[type="submit"]:focus {
  background: #d81d1d;
  color: white; }
.no-touch .button.white:hover, .no-touch input.white[type="submit"]:hover, .no-touch .button.white:focus, .no-touch input.white[type="submit"]:focus {
  background: #fff; }
.no-touch .button.gray:hover, .no-touch input[type="submit"]:hover {
  background: black; }
.no-touch .button.green:hover, .no-touch input.green[type="submit"]:hover {
  background: #2a932f !important; }
.no-touch .button.blue:hover, .no-touch input.blue[type="submit"]:hover {
  background: #1f5469; }
.no-touch .button.errorb:hover, .no-touch input.errorb[type="submit"]:hover {
  color: white !important;
  background: #d81d1d !important; }
.no-touch .button.extra:hover, .no-touch input.extra[type="submit"]:hover {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #d81d1d;
  color: #fff;
  padding: 1em 2em;
  font-size: 1em;
  letter-spacing: 0; }
.no-touch .button.extra-with-note:hover, .no-touch input.extra-with-note[type="submit"]:hover {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-top: 0.7em;
  padding-bottom: 1.3em;
  padding-left: 2em;
  padding-right: 2em;
  background: #2a7491;
  color: #fff;
  font-size: 1em;
  letter-spacing: 0;
  position: relative; }

.add-to-cart, .details {
  overflow: hidden;
  font-size: 0.875em;
  position: relative; }
  .add-to-cart span, .details span {
    display: inline-block; }
  .add-to-cart .icon, .details .icon {
    font-size: 2em;
    font-family: 'icomoon4';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased; }
  .add-to-cart .b-label, .details .b-label {
    position: relative;
    top: -0.4em; }
  .add-to-cart .added, .details .added {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    padding: 0.5em 1em;
    line-height: 1.5;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: white;
    text-align: center;
    background: #2a932f !important;
    font-size: 1.4em;
    -webkit-transition: all 0.3s ease-in-out;
    /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: all 0.3s ease-in-out;
    /* Firefox 4-15 */
    -o-transition: all 0.3s ease-in-out;
    /* Opera 10.50–12.00 */
    transition: all 0.3s ease-in-out;
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%); }
  .add-to-cart.adding .added, .details.adding .added {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%); }

.add-to-cart.full, .red.full {
  background: rgba(216, 29, 29, 0.8);
  color: white; }

.blue.full, input[type="submit"] .full.blue {
  background: rgba(42, 116, 145, 0.8);
  color: white; }

.no-touch .add-to-cart.full:hover, .no-touch .red.full:hover {
  background: #d81d1d; }
.no-touch .blue.full:hover {
  color: white;
  background: #2a7491; }

.details .icon {
  position: relative;
  top: -3px;
  -webkit-transition: left 0.3s ease-in-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: left 0.3s ease-in-out;
  /* Firefox 4-15 */
  -o-transition: left 0.3s ease-in-out;
  /* Opera 10.50–12.00 */
  transition: left 0.3s ease-in-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ }

.details:hover .icon, .details:focus .icon {
  left: 4px; }

.t-link {
  color: #2a7491;
  text-decoration: none; }

.t-link.cancel {
  font-size: 0.875em;
  text-decoration: none;
  text-transform: uppercase;
  color: #c11010 !important; }
  .t-link.cancel::after {
    content: " ×"; }

.raquo {
  color: #2a7491;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: all 0.3s ease-in-out;
  /* Firefox 4-15 */
  -o-transition: all 0.3s ease-in-out;
  /* Opera 10.50–12.00 */
  transition: all 0.3s ease-in-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ }
  .raquo:after {
    content: " >>";
    -webkit-transition: left 0.3s ease-in-out;
    /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: left 0.3s ease-in-out;
    /* Firefox 4-15 */
    -o-transition: left 0.3s ease-in-out;
    /* Opera 10.50–12.00 */
    transition: left 0.3s ease-in-out;
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    position: relative;
    left: 0;
    top: -1px; }
  .raquo.inverse:before {
    content: "<< ";
    -webkit-transition: left 0.3s ease-in-out;
    /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: left 0.3s ease-in-out;
    /* Firefox 4-15 */
    -o-transition: left 0.3s ease-in-out;
    /* Opera 10.50–12.00 */
    transition: left 0.3s ease-in-out;
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    position: relative;
    left: 0;
    top: -1px; }
  .raquo.inverse:after {
    content: "";
    display: none; }

.no-touch .raquo:hover, .no-touch .raquo:focus {
  color: #1f5469; }
  .no-touch .raquo:hover:after, .no-touch .raquo:focus:after {
    left: 4px; }
  .no-touch .raquo:hover.inverse:before, .no-touch .raquo:focus.inverse:before {
    left: -4px; }

input[type="search"], input[type="password"], input[type="number"], input[type="text"], input[type="email"], input[type="tel"], textarea {
  border: 1px solid #b2b2b2;
  font-size: 0.8em;
  padding: 0.3em;
  background: #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-style: normal; }

input[type="submit"] {
  border: none;
  padding: none;
  margin: none;
  font-size: .75em;
  padding: 1em 1.5em; }

table {
  width: 100%;
  border: 1px solid #eeeeee;
  text-align: left; }
  table th {
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: left;
    background: #eeeeee;
    text-transform: uppercase; }
  table td, table th {
    font-size: 0.8em;
    padding: 0.5em; }
  table td {
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee; }

.half-size-floated-table {
  width: 50%;
  float: left; }

.third-size-floated-table {
  width: 33%;
  float: left; }

.note {
  font-size: 0.75em;
  background: #fffed9;
  clear: both;
  padding: 1em 1.5em;
  overflow: hidden;
  position: relative;
  max-width: 64em;
  margin: 1em auto 0 auto !important; }
  .note::after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0%;
    width: 0px;
    height: 0px;
    border-bottom: 22px solid white;
    border-right: 22px solid #eeeeee;
    /*Set to background color, not transparent!*/
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); }
  .note.onwhite::after {
    border-right: 16px solid white;
    /*Set to background color, not transparent!*/
    border-bottom: 22px solid #eeeeee; }
  .note .error {
    color: #c11010; }

.price {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #4d4d4d;
  font-size: 0.8em; }
  .price small {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal; }
  .price.sum {
    color: #4d4d4d;
    font-size: 1em; }

.error-container {
  display: none;
  border: 1px solid #b2b2b2;
  padding: 1em;
  color: white;
  background: rgba(216, 29, 29, 0.8);
  font-size: 0.8em; }
  .error-container ul {
    padding-left: 1em; }

.info-container {
  border: 1px solid #b2b2b2;
  background: rgba(42, 147, 47, 0.8) !important;
  padding: 1em;
  color: white;
  font-size: 0.8em; }

@media only screen and (max-width: 479px) {
  .alert-row {
    display: none; }

  .pinned {
    display: none; }

  .scrollable {
    margin-left: 0 !important; }

  #cart-summary-table .pinned {
    display: block; }
  #cart-summary-table .scrollable {
    margin-left: 35%; }

  table.responsive {
    margin-bottom: 0;
    max-width: 30em; }

  div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #ccc; }

  div.table-wrapper div.scrollable {
    margin-left: 35%; }

  div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden; }

  table.responsive td, table.responsive th {
    position: relative;
    white-space: normal;
    overflow: hidden; } }
/*ANIMATIONS*/
/*-----------------------RESPONSIVE TABLE---------------------------*/
.resp-show-u40 {
  display: none; }

.resp-show-u48 {
  display: none; }

@media only screen and (max-width: 30em) {
  .resp-hide-u30 {
    display: none; }

  .half-size-floated-table {
    width: 100%; } }
@media only screen and (max-width: 40em) {
  .resp-hide-u40 {
    display: none; }

  .resp-show-u40 {
    display: table-row; } }
@media screen and (min-width: 48em) {
  table td, table th {
    font-size: 0.9em; } }
@media only screen and (max-width: 48em) {
  .resp-hide-u48 {
    display: none; }

  .resp-show-u48 {
    display: table-cell; } }
.flexer, .progress-indicator {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.no-flexer, .progress-indicator.stacked {
  display: block; }

.no-flexer-element {
  -ms-flex: 0;
  -webkit-flex: 0;
  -moz-flex: 0;
  flex: 0; }

.flexer-element, .progress-indicator > li {
  -ms-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1; }

.progress-indicator {
  margin: 0 0 2em;
  padding: 0;
  font-size: 80%;
  text-transform: uppercase; }

.progress-indicator > li {
  list-style: none;
  text-align: center;
  width: auto;
  padding: 0;
  margin: 0;
  position: relative;
  text-overflow: ellipsis;
  color: #ddd;
  display: block; }

.progress-indicator > li:hover {
  color: #6f6f6f; }

.progress-indicator > li.completed, .progress-indicator > li.completed .bubble {
  color: #2a7491; }

.progress-indicator > li .bubble {
  border-radius: 1000px;
  width: 20px;
  height: 20px;
  background-color: #ddd;
  display: block;
  margin: 0 auto .5em;
  border-bottom: 1px solid #888; }

.progress-indicator > li .bubble:after, .progress-indicator > li .bubble:before {
  display: block;
  position: absolute;
  top: 9px;
  width: 100%;
  height: 3px;
  content: '';
  background-color: #ddd; }

.progress-indicator > li.completed .bubble, .progress-indicator > li.completed .bubble:after, .progress-indicator > li.completed .bubble:before {
  background-color: #2a7491;
  border-color: #247830; }

.progress-indicator > li .bubble:before {
  left: 0; }

.progress-indicator > li .bubble:after {
  right: 0; }

.progress-indicator > li:first-child .bubble:after, .progress-indicator > li:first-child .bubble:before {
  width: 50%;
  margin-left: 50%; }

.progress-indicator > li:last-child .bubble:after, .progress-indicator > li:last-child .bubble:before {
  width: 50%;
  margin-right: 50%; }

.progress-indicator > li.active, .progress-indicator > li.active .bubble {
  color: #337AB7; }

.progress-indicator > li.active .bubble, .progress-indicator > li.active .bubble:after, .progress-indicator > li.active .bubble:before {
  background-color: #337AB7;
  border-color: #122a3f; }

.progress-indicator > li a:hover .bubble, .progress-indicator > li a:hover .bubble:after, .progress-indicator > li a:hover .bubble:before {
  background-color: #5671d0;
  border-color: #1f306e; }

.progress-indicator > li a:hover .bubble {
  color: #5671d0; }

.progress-indicator > li.danger .bubble, .progress-indicator > li.danger .bubble:after, .progress-indicator > li.danger .bubble:before {
  background-color: #d3140f;
  border-color: #440605; }

.progress-indicator > li.danger .bubble {
  color: #d3140f; }

.progress-indicator > li.warning .bubble, .progress-indicator > li.warning .bubble:after, .progress-indicator > li.warning .bubble:before {
  background-color: #edb10a;
  border-color: #5a4304; }

.progress-indicator > li.warning .bubble {
  color: #edb10a; }

.progress-indicator > li.info .bubble, .progress-indicator > li.info .bubble:after, .progress-indicator > li.info .bubble:before {
  background-color: #5b32d6;
  border-color: #25135d; }

.progress-indicator > li.info .bubble {
  color: #5b32d6; }

.progress-indicator.stacked > li {
  text-indent: -10px;
  text-align: center;
  display: block; }

.progress-indicator.stacked > li .bubble:after, .progress-indicator.stacked > li .bubble:before {
  left: 50%;
  margin-left: -1.5px;
  width: 3px;
  height: 100%; }

.progress-indicator.stacked .stacked-text {
  position: relative;
  z-index: 10;
  top: 0;
  margin-left: 60% !important;
  width: 45% !important;
  display: inline-block;
  text-align: left;
  line-height: 1.2em; }

.progress-indicator.stacked > li a {
  border: none; }

.progress-indicator.stacked.nocenter > li .bubble {
  margin-left: 0;
  margin-right: 0; }

.progress-indicator.stacked.nocenter > li .bubble:after, .progress-indicator.stacked.nocenter > li .bubble:before {
  left: 10px; }

.progress-indicator.stacked.nocenter .stacked-text {
  width: auto !important;
  display: block;
  margin-left: 40px !important; }

@media handheld, screen and (max-width: 400px) {
  .progress-indicator {
    font-size: 60%; } }
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 1.5em;
  margin: 0;
  padding: 0; }

h2 {
  font-size: 1.3125em;
  margin: 0;
  padding: 0; }

h3 {
  font-size: 1.17em;
  margin: 0;
  padding: 0; }

h4 {
  font-size: 1em;
  margin: 0;
  padding: 0; }

h5 {
  font-size: 0.83em;
  margin: 0;
  padding: 0; }

h6 {
  font-size: 0.67em;
  margin: 0;
  padding: 0; }

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 0; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

caption, figcaption {
  font-size: 90%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 0;
  padding: 0; }

dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

.button-clickable {
  cursor: pointer; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, input[type="submit"], input[type="search"], input[type="number"] {
  -webkit-appearance: none;
  border-radius: 0; }

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222; }

a:focus {
  outline: none; }

html {
  font-size: 1em;
  line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none !important; }

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #4d4d4d; }

em, i {
  font-style: normal !important; }

b, strong {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-style: normal; }

h1, h2, h3, h4, h5, h5 {
  font-weight: normal;
  color: #4d4d4d; }

h1 {
  display: block;
  border-bottom: 1px solid #eeeeee;
  -webkit-box-shadow: 0 3px 3px -2px #eee;
  -moz-box-shadow: 0 3px 3px -2px #eee;
  box-shadow: 0 3px 3px -2px #eee;
  text-align: left;
  font-size: 1.5em; }

.h1-centered {
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
  border-bottom: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.h2-cont {
  clear: both;
  max-width: 80em;
  margin: 0em auto 1em auto;
  padding-left: 2em;
  padding-right: 2em;
  box-sizing: content-box; }
  .h2-cont h2 {
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-shadow: 0 3px 3px -2px #eee;
    -moz-box-shadow: 0 3px 3px -2px #eee;
    box-shadow: 0 3px 3px -2px #eee;
    text-align: left;
    font-size: 1em;
    color: black; }

.user-status-outer {
  display: none; }

/* -------------------------------- HEADER --------------------------------- */
.dynamic-content {
  display: none; }

#main-header {
  overflow: hidden;
  padding: 4px 8px 3px 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 37px;
  text-align: center;
  border-bottom: 1px solid #eeeeee;
  position: fixed;
  background: rgba(255, 255, 255, 0.94);
  z-index: 400;
  top: 0;
  width: 100%; }

#main-content {
  padding-top: 37px;
  overflow-x: hidden;
  overflow: hidden;
  background: white; }

#logo {
  display: inline-block; }
  #logo img {
    margin-top: 2px;
    max-width: 100%;
    width: 120px; }

.header-icon {
  text-decoration: none;
  color: #4d4d4d;
  font-size: 2em;
  position: relative;
  display: inline-block;
  -moz-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  margin-bottom: -1em; }

.header-icon:focus {
  outline: 0;
  /*removes the dotted border*/ }

.header-label {
  float: right;
  display: none;
  margin-left: 1em;
  text-decoration: none;
  color: #4d4d4d;
  font-size: 0.7em;
  margin-top: 0.55em; }

.header-label:focus {
  outline: 0;
  /*removes the dotted border*/ }

.header_user_menu_ul {
  text-align: center;
  list-style-type: none;
  padding: 0.5em; }
  .header_user_menu_ul li {
    padding: 0.5em 0;
    font-size: 0.9em; }
  .header_user_menu_ul li a {
    text-decoration: none;
    color: #000; }
  .header_user_menu_ul li a:hover {
    color: #d81d1d; }

#header-search {
  font-size: 0.6em;
  padding: 4px;
  display: none;
  text-transform: uppercase;
  -webkit-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  background-clip: padding-box;
  float: right;
  width: 100px;
  border-color: #b3b3b3;
  margin-left: 1em;
  margin-top: 3px;
  margin-right: 2px; }

#sub-menu {
  z-index: 400;
  position: fixed;
  text-align: center;
  top: 37px;
  display: none;
  margin: 0;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 1px 8px 0px #1a1a1a;
  color: #999999; }
  #sub-menu table, #sub-menu td {
    border: none; }
  #sub-menu .icon-topa {
    position: absolute;
    opacity: 0.5;
    top: 0px;
    right: 0px;
    color: #000;
    font-size: 1.2em;
    padding: 0.1em 0.3em 0.3em 0.3em; }
  #sub-menu .red-link {
    color: #d81d1d !important; }
  #sub-menu .icon-search-topa {
    font-size: 18px !important;
    padding: 8px 5px 10px 5px !important;
    border-bottom-left-radius: 0 !important; }
  #sub-menu.small-sub-menu {
    width: initial; }
    #sub-menu.small-sub-menu .simple-search {
      float: left; }
    #sub-menu.small-sub-menu .simple-search-trigger {
      float: right;
      margin-right: 2em; }
  #sub-menu.full-sub-menu {
    width: 100%; }
    #sub-menu.full-sub-menu .simple-search {
      display: inline-block; }
    #sub-menu.full-sub-menu .simple-search-trigger {
      vertical-align: top;
      display: inline-block; }

#sub-menu:hover {
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear; }
  #sub-menu:hover .icon-topa {
    opacity: 1;
    cursor: pointer;
    color: #d81d1d; }

.simple-search {
  font-size: 10px !important;
  padding: 5px !important;
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  text-transform: uppercase;
  -webkit-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  background-clip: padding-box;
  width: 160px;
  border-color: #eeeeee; }

.simple-search-trigger {
  display: inline-block;
  margin-right: 1.2em;
  text-decoration: none;
  color: #4d4d4d;
  height: 35px;
  font-size: 1.5em;
  width: 30px;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: all 0.3s ease-in-out;
  /* Firefox 4-15 */
  -o-transition: all 0.3s ease-in-out;
  /* Opera 10.50–12.00 */
  transition: all 0.3s ease-in-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ }
  .simple-search-trigger .icon {
    top: 4px !important;
    position: relative; }

.no-touch .simple-search-trigger:hover {
  color: #1a1a1a !important; }

#menu-trigger, #search-trigger {
  float: left;
  -webkit-transition: all 0.3s ease-in-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: all 0.3s ease-in-out;
  /* Firefox 4-15 */
  -o-transition: all 0.3s ease-in-out;
  /* Opera 10.50–12.00 */
  transition: all 0.3s ease-in-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ }

#menu-trigger {
  margin-top: -0.15em; }

#login-trigger {
  position: relative;
  float: right;
  margin-bottom: -1em;
  margin-top: -0.08em;
  font-size: 1.5em; }

#search-trigger {
  position: relative;
  float: left;
  margin-bottom: -1em;
  margin-top: -0.08em;
  font-size: 1.7em; }

#cart-trigger {
  position: relative;
  float: right;
  margin-bottom: -1em;
  margin-top: -0.15em; }
  #cart-trigger .counter {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: -3px;
    right: 5px;
    line-height: 25px;
    color: white;
    font-size: 0.4em;
    background: rgba(216, 29, 29, 0.7);
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box;
    -webkit-transition: all 0.3s ease-in-out;
    /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: all 0.3s ease-in-out;
    /* Firefox 4-15 */
    -o-transition: all 0.3s ease-in-out;
    /* Opera 10.50–12.00 */
    transition: all 0.3s ease-in-out;
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ }
  #cart-trigger.countered {
    margin-top: 0 !important; }
  #cart-trigger.open .counter {
    background: #d81d1d; }
  #cart-trigger.dragover .counter {
    background: #2a932f; }
  #cart-trigger.dragging .counter {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }

#cart-trigger .counter.added {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  background: #2a932f; }

#drop-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99000;
  background: rgba(255, 255, 255, 0.5) url("AjaxLoader.gif") no-repeat center center;
  display: none; }

.no-touch #cart-trigger:hover .counter, .no-touch #cart-trigger:focus .counter, .no-touch #menu-trigger:hover .counter, .no-touch #menu-trigger:focus .counter {
  background: #d81d1d; }
.no-touch #main-nav a:hover, .no-touch #main-nav a:focus {
  color: #2a7491; }

#wrapper {
  min-height: 100vh;
  background: #1e1e1e; }
  #wrapper.open {
    opacity: 0.5; }

#main-nav {
  -webkit-transform-style: preserve-3d;
  display: none;
  margin-right: 1em;
  margin-top: 0.3em;
  float: right;
  font-size: 0.9em; }
  #main-nav a {
    -webkit-transition: all 0.3s ease-in-out;
    /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: all 0.3s ease-in-out;
    /* Firefox 4-15 */
    -o-transition: all 0.3s ease-in-out;
    /* Opera 10.50–12.00 */
    transition: all 0.3s ease-in-out;
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    text-decoration: none;
    color: #4d4d4d;
    display: inline-block; }
    #main-nav a.active {
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      font-style: normal; }
      #main-nav a.active:after {
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
        font-style: normal; }

@media all and (min-width: 24em) {
  .simple-search {
    width: 190px; }

  .simple-search-trigger {
    margin-right: 0em; } }
/* ------------------------- MINI CART --------------------------- */
#mini-cart-wrapper {
  padding-top: 37px;
  margin-bottom: -37px;
  display: none;
  position: relative;
  background: #eeeeee; }
  #mini-cart-wrapper h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #1a1a1a;
    text-align: center; }
  #mini-cart-wrapper.open {
    display: block;
    position: relative;
    z-index: 4; }

#mini-cart-wrapper-inner {
  max-width: 120em;
  margin: 0 auto;
  overflow: hidden;
  position: relative; }

#mini-cart {
  padding: 2.2em 1em 1em 1em;
  width: 100%;
  position: relative; }

#cart-slider .img-link {
  display: block; }
#cart-slider .quantity-column {
  max-width: 4em;
  padding-top: 1px;
  padding-bottom: 1px; }
#cart-slider .mini-cart-product-input {
  width: 100%; }
#cart-slider .mini-cart-content {
  background: rgba(255, 255, 255, 0.8); }
#cart-slider .mini-cart-content:hover {
  background: rgba(255, 255, 255, 0.3); }
#cart-slider th {
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding-top: 3px;
  padding-bottom: 3px; }
#cart-slider .img-td {
  text-align: center;
  background: #fff !important;
  padding-top: 1px;
  padding-bottom: 1px; }
#cart-slider .mini-cart-price {
  text-align: right;
  white-space: nowrap;
  font-weight: bold;
  font-size: 0.75em; }
#cart-slider .times {
  max-width: 1.2em;
  text-align: center;
  padding-left: 0.2em !important;
  padding-right: 0.2em !important; }
#cart-slider .stock-problem {
  color: white;
  background: #d81d1d; }
#cart-slider .delivery-problem {
  color: white;
  background: #d81d1d; }
#cart-slider .stock-ok {
  color: white;
  background: #2a932f; }
#cart-slider .small-box-icon {
  height: 20px;
  padding: 2px 3px 0px 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  font-size: 0.8em;
  display: inline; }
#cart-slider .icon-trash {
  color: #c11010;
  font-size: 1.25em; }
#cart-slider .mini-cart-actions {
  text-align: center; }

#cart-sum {
  text-align: center;
  padding: 1em;
  border-top: 2px solid #fff;
  position: relative; }
  #cart-sum .button.red, #cart-sum input.red[type="submit"], #cart-sum .button.blue, #cart-sum input.blue[type="submit"] {
    display: block;
    width: 13.5em;
    margin: 0em auto;
    border: none; }
  #cart-sum .raquo {
    margin-top: 1em;
    display: block; }

#mini-cart-wrapper-inner .icon-cross {
  z-index: 300;
  position: absolute;
  top: 0px;
  right: 0px;
  color: #4d4d4d;
  font-size: 0.8em;
  padding: 0.5em 0.5em 0.7em 0.7em;
  text-decoration: none; }
#mini-cart-wrapper-inner .icon-cross:hover {
  color: #d81d1d;
  cursor: pointer; }

.arrow-down-gray {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #eeeeee;
  float: right;
  margin-right: 20%; }

.arrow_box {
  background: #eeeeee;
  position: absolute;
  right: 50%;
  top: 0%;
  z-index: 403; }

.arrow_box:after {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

#cart-table .arrow_box {
  background: none;
  position: initial; }
#cart-table .arrow_box:after {
  position: relative; }

.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: white;
  border-width: 10px;
  left: 50%;
  margin-left: -10px; }

#cart-total {
  font-size: 1.5em;
  padding: 0.5em 0em 0.7em 0em;
  line-height: 0.8;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-style: normal; }
  #cart-total span {
    font-size: 0.6em;
    font-weight: lighter;
    white-space: nowrap; }

#next-trigger, #prev-trigger {
  text-decoration: none;
  color: #1a1a1a;
  font-size: 2em;
  position: absolute;
  z-index: 2;
  top: 40%;
  opacity: 0.2;
  -webkit-transition: all 0.3s ease-in-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: all 0.3s ease-in-out;
  /* Firefox 4-15 */
  -o-transition: all 0.3s ease-in-out;
  /* Opera 10.50–12.00 */
  transition: all 0.3s ease-in-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ }

#next-trigger {
  right: 0; }

.no-touch #next-trigger:focus, .no-touch #next-trigger:hover, .no-touch #prev-trigger:focus, .no-touch #prev-trigger:hover {
  opacity: 1; }

/* -------------------------------------------- FOOTER -------------------------------------- */
.contact-data {
  width: 100%;
  text-align: center;
  float: none;
  padding: 2em 2em 1em 2em;
  clear: both; }

.contact-data-text {
  width: 100%;
  float: left;
  text-align: center;
  padding-right: 0.5em;
  font-size: 0.875em; }
  .contact-data-text a {
    color: #fff;
    text-decoration: none; }
  .contact-data-text h4 {
    font-weight: bold; }
    .contact-data-text h4 span {
      font-weight: normal;
      font-size: 0.9em; }

.contact-text-divider {
  margin-top: 0.7em; }

.contact-description {
  clear: both;
  padding-top: 1em;
  text-align: center;
  font-size: 0.9em; }

.contact-photo {
  width: 100%;
  float: right;
  margin-top: 1em; }
  .contact-photo img {
    width: 100%;
    max-width: 300px; }

.contact-data-images {
  position: relative;
  z-index: 1;
  min-height: 200px;
  width: 100%;
  float: left;
  margin-top: 1em; }
  .contact-data-images a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%; }

#contact-data-images-l {
  background: image-url("premium/lajosmizse.jpg") no-repeat center;
  background-size: 300px 200px; }

#contact-data-images-sz {
  background: image-url("premium/szigetszentmiklos.jpg") no-repeat center;
  background-size: 300px 200px; }

#aboutus {
  background: #2a7491;
  color: #fff;
  padding: 2em 0em 2em 0em; }
  #aboutus h1 {
    padding-left: 0em;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #fff; }
  #aboutus h2 {
    font-weight: bold;
    font-size: 1em;
    color: #fff; }

.about_us {
  margin-top: 1.5em;
  position: relative;
  max-height: 650px;
  height: 40vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: image-url("premium/us.webp"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .about_us {
    background-image: image-url("premium/us@2x.webp"); } }
.about_us-bisnode-container {
  width: 100%;
  text-align: center;
  margin-top: 1em; }

.reseller_contact {
  margin-top: 1em;
  text-align: center; }
  .reseller_contact img {
    max-width: 240px; }
  .reseller_contact p {
    margin-top: 0.3em; }

.contact-container {
  max-width: 80em;
  margin: 0px auto; }

.index-warning {
  text-align: center; }

.contact-warning {
  font-size: 0.9em;
  color: #d81d1d;
  padding: 1.5em 0.5em;
  margin-top: 1em;
  text-align: center; }

.contact-warning h4 {
  font-size: 1.2em;
  color: #d81d1d;
  font-weight: bold; }

.holiday_session_table {
  width: auto;
  margin: auto;
  text-align: center;
  border: none; }
  .holiday_session_table tr:not(:last-child) td {
    border: none;
    border-bottom: 1px solid #d81d1d; }
  .holiday_session_table tr:last-child td {
    border: none; }

.footer-control {
  z-index: 100000;
  display: block;
  position: fixed;
  width: 40px;
  height: 40px;
  background: #1e1e1e;
  border: 1px solid white;
  opacity: 0.15;
  color: white;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-decoration: none;
  font-size: 1.4em; }

.footer-control:hover {
  opacity: 1;
  transition: opacity .4s ease-out;
  -moz-transition: opacity .4s ease-out;
  -webkit-transition: opacity .4s ease-out;
  -o-transition: opacity .4s ease-out; }

.footer-logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5em;
  flex-wrap: wrap;
  margin-bottom: 2em; }

.bisnode-certificate-link {
  display: inline-flex;
  align-items: center;
  max-width: 100%; }
  .bisnode-certificate-link img {
    display: block;
    max-width: 100%;
    height: auto; }

#footer-top {
  bottom: 4px;
  right: 4px;
  padding-top: 0.14em;
  display: none; }

#footer-back {
  bottom: 4px;
  right: 4px;
  padding-top: 0.28em; }
  #footer-back .icon {
    padding-right: 0.2em; }
  #footer-back.scrolled {
    right: 46px; }

#main-footer {
  background: #1e1e1e;
  padding: 2em 1em 0em 1em; }
  #main-footer .footer-column {
    text-align: center;
    margin-bottom: 3em; }
  #main-footer ul {
    list-style-type: none; }
    #main-footer ul li {
      margin: 0.5em 0;
      font-size: 0.825em;
      color: #999999; }
      #main-footer ul li a {
        display: block;
        text-decoration: none;
        color: #999999; }
  #main-footer h1, #main-footer h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    color: #999999;
    font-size: 0.875em;
    display: initial;
    border-bottom: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  #main-footer .footer-credit-card {
    display: block;
    margin-top: 1em;
    margin-bottom: 0.5em; }

#copy {
  font-size: 0.875em;
  padding: 0.5em;
  text-align: center;
  background: #1e1e1e;
  color: #999999; }
  #copy a {
    color: #999999; }

#footer-logo {
  max-width: 100%;
  display: block;
  margin: 0; }

@media all and (min-width: 32em) {
  .contact-data-text {
    width: 50%;
    text-align: left; }
    .contact-data-text .contact-description {
      text-align: left; }

  .contact-data-images {
    width: 50%;
    margin-top: 0em; }

  .contact-photo {
    width: 50%; }

  #aboutus {
    padding: 2.5em 1em 2em 1em; } }
@media all and (min-width: 68em) {
  .contact-data {
    width: 50%;
    text-align: center;
    float: left;
    clear: none; } }
/* ----------------------------------------- INDEX ------------------------------------------ */
#index-promo {
  max-height: 650px;
  height: 60vh;
  overflow: hidden;
  background: image-url("premium/light_bg.png") repeat;
  border-bottom: 1px solid #eee;
  -webkit-box-shadow: 0 3px 3px -2px #eee;
  -moz-box-shadow: 0 3px 3px -2px #eee;
  box-shadow: 0 3px 3px -2px #eee;
  position: relative; }
  #index-promo .owl-controls {
    position: absolute;
    bottom: 0;
    width: 100%; }
  #index-promo .index-promo-content {
    position: relative;
    max-height: 650px;
    height: 60vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  #index-promo .bg1 {
    background-image: image-url("premium/index_promo_sample.webp"); }
  #index-promo .bg2 {
    background-image: image-url("premium/index_promo_sample2.webp"); }
  #index-promo .bg3 {
    background-image: image-url("premium/index_promo_sample3.webp"); }
  #index-promo .bg4 {
    background-image: image-url("premium/index_promo_sample4.webp"); }
  #index-promo .bg5 {
    background-image: image-url("premium/index_promo_sample5.webp"); }
  #index-promo .bg6 {
    background-image: image-url("premium/index_promo_sample6.webp"); }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  #index-promo {
    background: image-url("premium/light_bg.png") repeat;
    background-size: 200px 200px; } }
/* ---------------------------------------- COMMON ------------------------------------------ */
.hidden_holder {
  display: none; }

.soc-cnt {
  font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;
  direction: ltr;
  display: block;
  text-align: center; }
  .soc-cnt .soc-btn {
    margin-top: 0.4em;
    opacity: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in;
    transition: opacity 0.2s ease-in, top 0.2s ease-in;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0 8px;
    position: relative;
    text-align: center;
    top: 0;
    vertical-align: top;
    white-space: nowrap; }
    .soc-cnt .soc-btn svg {
      height: 16px;
      width: 16px;
      position: relative;
      top: 6px;
      vertical-align: top; }
  .soc-cnt .soc-btn:hover {
    top: -4px;
    opacity: 0.9; }
  .soc-cnt .soc-btn[data-network='print'] {
    background-color: #ff9933; }
  .soc-cnt .soc-btn[data-network='email'] {
    background-color: #7d7d7d; }
  .soc-cnt .soc-btn[data-network='facebook'] {
    background-color: #3B5998; }
  .soc-cnt .soc-btn[data-network='googleplus'] {
    background-color: #dc4e41; }
  .soc-cnt .soc-btn[data-network='twitter'] {
    background-color: #55acee; }
  .soc-cnt .soc-btn[data-network='pinterest'] {
    background-color: #CB2027; }
  .soc-cnt .soc-btn[data-network='linkedin'] {
    background-color: #0077b5; }
  .soc-cnt .soc-btn[data-network='common_share'] {
    background-color: #95D03A; }
  .soc-cnt .soc-btn[data-network='skype'] {
    background-color: #12A5F4; }
  .soc-cnt .soc-btn[data-network='messenger'] {
    background-color: #0084ff; }
  .soc-cnt .soc-btn[data-network='whatsapp'] {
    background-color: #25D366; }
  .soc-cnt .soc-btn[data-network='viber'] {
    background-color: #8f5db7; }

.common-p {
  font-size: 0.825em; }

.content-outer {
  list-style-position: inside; }
  .content-outer p, .content-outer .ctxt {
    font-size: 0.825em; }
  .content-outer p.new-block {
    padding-top: 0.5em; }
  .content-outer h1 {
    border-bottom: 1px solid #eee;
    -webkit-box-shadow: 0 3px 3px -2px #eee;
    -moz-box-shadow: 0 3px 3px -2px #eee;
    box-shadow: 0 3px 3px -2px #eee;
    font-size: 1.2em;
    text-align: left;
    margin: 0em auto 1em auto;
    color: black; }
  .content-outer .annex {
    text-align: center;
    padding-top: 4em; }
  .content-outer .subtitle {
    text-align: center;
    padding-bottom: 1em;
    font-size: 1em;
    font-weight: bold; }
  .content-outer h2 {
    font-size: 1em;
    color: #1a1a1a;
    font-weight: 600;
    padding-top: 2em; }
    .content-outer h2 span {
      font-size: 0.6em; }
  .content-outer h2 + p {
    padding-top: 0.5em; }
  .content-outer h2 + table {
    margin-top: 1em; }
  .content-outer h3 {
    font-size: 1em;
    padding-top: 1em; }
    .content-outer h3 span {
      font-size: 0.6em; }
  .content-outer h3 + p {
    padding-top: 0.5em; }
  .content-outer h4 {
    padding-top: 1em; }
  .content-outer h4 + p {
    padding-top: 0.5em; }
  .content-outer .clear-div {
    margin: 0 !important; }

.content-wrapper {
  margin: auto;
  max-width: 1280px;
  padding: 2em 1em 2em 1em; }

.width-512 {
  max-width: 512px !important; }

.width-768 {
  max-width: 768px !important; }

.width-1024 {
  max-width: 1024px !important; }

.content-inner {
  padding: 0em; }

.first-h2 {
  padding-top: 1em !important; }

.content-left {
  width: 100%;
  float: none;
  padding: 0em 0em 1em 0em;
  margin-top: 0em !important;
  margin-bottom: 0em !important; }

.content-right {
  width: 100%;
  float: none;
  padding: 0em 0em 1em 0em;
  border-bottom: 4px solid #fff;
  margin-top: 0em !important;
  margin-bottom: 0em !important; }

.outer-wrap h1 {
  border-bottom: 1px solid #eee;
  -webkit-box-shadow: 0 3px 3px -2px #eee;
  -moz-box-shadow: 0 3px 3px -2px #eee;
  box-shadow: 0 3px 3px -2px #eee;
  font-size: 1.2em;
  text-align: left;
  margin: 0em auto 0em auto;
  color: black; }

.tres {
  font-size: 0.9em !important; }

.half-content {
  width: 100%; }
  .half-content img {
    max-width: 100%; }

.half-content-left {
  width: 100%;
  padding: 0.5em 0.5em 0.5em 0.5em;
  margin-top: 1em; }

.half-content-right {
  width: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
  margin-bottom: 1em; }

.product-cell h3 {
  font-size: 0.875em !important;
  overflow: hidden; }
.product-cell .prod-image {
  height: 120px; }

.product {
  vertical-align: top;
  background: white;
  display: block;
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 0px 2px transparent;
  /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
  box-shadow: 0px 0px 2px transparent;
  /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
  -webkit-transition: all 0.3s ease-in-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: all 0.3s ease-in-out;
  /* Firefox 4-15 */
  -o-transition: all 0.3s ease-in-out;
  /* Opera 10.50–12.00 */
  transition: all 0.3s ease-in-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
  position: relative;
  text-decoration: none; }
  .product.dragging {
    background: rgba(0, 0, 255, 0.1); }
  .product.main-site {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important; }
  .product .data {
    padding: 24px 9px 0 9px;
    text-decoration: none;
    display: block; }
  .product .producer-logo {
    max-width: 35%;
    max-height: 20px;
    position: absolute; }
  .product .producer-logo0 {
    top: 132px;
    right: 0px; }
  .product .producer-logo1 {
    top: 132px;
    left: 0px; }
  .product .producer-logo2 {
    top: 0px;
    left: 0px; }
  .product .producer-logo3 {
    top: 0px;
    right: 0px; }
  .product .product-stock {
    display: inline;
    vertical-align: middle; }
  .product img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.6em; }
  .product h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #4d4d4d;
    line-height: 1.4;
    text-align: center;
    font-size: 0.95em;
    height: 39.2px;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    width: 202px; }
  .product .remove-trigger {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    color: #d81d1d;
    position: absolute;
    right: 5px;
    top: 5px; }
  .product .box-icon {
    height: 22px;
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: none; }
  .product p {
    text-align: center;
    margin-top: 0.5em;
    color: #4d4d4d; }
  .product .price {
    display: inline-block;
    color: #4d4d4d;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal; }
  .product .times {
    display: inline-block;
    padding: 0 0.2em; }
  .product input[type="number"] {
    display: inline-block;
    width: 3em; }
  .product .actions {
    padding: 0;
    overflow: hidden;
    border-top: 1px solid #eeeeee; }
    .product .actions .button, .product .actions input[type="submit"] {
      padding: 0.5em 0em;
      font-size: 0.78em; }
  .product .add-to-cart {
    float: left;
    position: relative; }
  .product .details {
    float: right; }

.old_price {
  text-decoration: line-through;
  color: #4d4d4d !important; }

.no-touch .product:hover.dragging, .no-touch .product:focus.dragging {
  background: rgba(0, 0, 255, 0.1); }
.no-touch .product:hover.main-site, .no-touch .product:focus.main-site {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important; }
.no-touch .product:hover .actions, .no-touch .product:focus .actions {
  opacity: 1; }

.touch .product .actions {
  opacity: 1; }

.no-touch .product .remove-trigger {
  opacity: 0;
  color: #4d4d4d;
  -webkit-transition: all 0.3s ease-in-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: all 0.3s ease-in-out;
  /* Firefox 4-15 */
  -o-transition: all 0.3s ease-in-out;
  /* Opera 10.50–12.00 */
  transition: all 0.3s ease-in-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ }

.no-touch .product .remove-trigger:hover, .no-touch .product .remove-trigger:focus {
  color: #d81d1d; }

#main-content {
  position: relative;
  z-index: 3; }

#content-header {
  width: 100%;
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin-left: 0.5em;
  padding: 0.8em 0.8em 0em 0em;
  overflow: hidden; }
  #content-header #content-header-inner {
    width: 100%;
    text-transform: uppercase;
    font-size: 0.75em;
    color: #4d4d4d;
    padding: 0.2em 0 0 0; }
    #content-header #content-header-inner a {
      text-decoration: none;
      color: #4d4d4d;
      -webkit-transition: all 0.3s ease-in-out;
      /* Chrome 1-25, Safari 3.2+ */
      -moz-transition: all 0.3s ease-in-out;
      /* Firefox 4-15 */
      -o-transition: all 0.3s ease-in-out;
      /* Opera 10.50–12.00 */
      transition: all 0.3s ease-in-out;
      /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ }
  #content-header .breadcrumb-level:not(:first-child) {
    border-top: 1px dotted #ddd; }
  #content-header .breadcrumb-level-outer {
    text-align: center; }
  #content-header .breadcrumb-level-left, #content-header .breadcrumb-level-right {
    width: 25px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3em;
    color: #999999; }
    #content-header .breadcrumb-level-left.inactive .icon, #content-header .breadcrumb-level-right.inactive .icon {
      display: none; }
    #content-header .breadcrumb-level-left:hover, #content-header .breadcrumb-level-right:hover {
      cursor: pointer;
      color: #000; }
    #content-header .breadcrumb-level-left.inactive:hover, #content-header .breadcrumb-level-right.inactive:hover {
      cursor: initial !important; }
    #content-header .breadcrumb-level-left .icon, #content-header .breadcrumb-level-right .icon {
      line-height: 1.6 !important; }
  #content-header .breadcrumb-level {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: middle;
    overflow-x: scroll;
    scrollbar-width: none;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
    margin: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none; }
    #content-header .breadcrumb-level::-webkit-scrollbar {
      display: none; }
    #content-header .breadcrumb-level div.breadcrumb-separator, #content-header .breadcrumb-level div.breadcrumb-link-container, #content-header .breadcrumb-level a {
      display: inline-block; }
    #content-header .breadcrumb-level div.breadcrumb-link-container {
      position: relative; }
      #content-header .breadcrumb-level div.breadcrumb-link-container a.breadcrumb-thumb {
        overflow-y: hidden; }
    #content-header .breadcrumb-level div.breadcrumb-separator, #content-header .breadcrumb-level a {
      padding-top: 0.4em;
      padding-bottom: 0.4em; }
    #content-header .breadcrumb-level div.breadcrumb-upper-link-decoration {
      height: 5px;
      width: 9px;
      border: none;
      background: image-url("premium/down_arrow.gif") no-repeat center center;
      background-size: 9px 5px;
      position: absolute;
      top: 0;
      left: calc(50% - 4px); }
    #content-header .breadcrumb-level div.breadcrumb-lower-link-decoration {
      height: 5px;
      width: 9px;
      border: none;
      background: image-url("premium/up_arrow.gif") no-repeat center center;
      background-size: 9px 5px;
      position: absolute;
      bottom: 0;
      left: calc(50% - 4px); }
    #content-header .breadcrumb-level .font-bold {
      color: #d81d1d !important; }
  #content-header .breadcrumb-top {
    text-align: left !important; }

.breadcrumb-level {
  width: calc(100% - 50px); }

.breadcrumb_v2 {
  padding-top: 0.4em !important; }

.breadcrumb-thumb {
  width: 76px;
  padding: 2px 2px 0 2px;
  border: 1px solid #ddd;
  margin-top: 7px;
  max-width: 76px;
  overflow-x: hidden;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  opacity: 0.8; }
  .breadcrumb-thumb.font-bold {
    opacity: 1 !important; }
  .breadcrumb-thumb img {
    max-width: 70px; }
  .breadcrumb-thumb p {
    display: block;
    height: 21px;
    max-height: 21px;
    line-height: 10px;
    font-size: 9px;
    padding-top: 1px;
    text-align: center;
    white-space: initial;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

.breadcrumb-arrow-right {
  display: inline-block;
  width: 17px;
  height: 9px;
  background: image-url("premium/right_arrow.svg") no-repeat center center;
  background-size: 11px 9px; }

#content-header.breadcrumb_classic #content-header-inner a:last-child {
  display: inline;
  color: #d81d1d;
  font-weight: bold;
  font-size: 1em; }
  #content-header.breadcrumb_classic #content-header-inner a:last-child:after {
    content: ""; }

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  #product-grid .help {
    background: image-url("premium/light_bg.png") repeat;
    background-size: 200px 200px; }

  #content-header .breadcrumb-level div.breadcrumb-upper-link-decoration {
    background: image-url("premium/down_arrow@2x.gif") no-repeat center center;
    background-size: 9px 5px; }
  #content-header .breadcrumb-level div.breadcrumb-lower-link-decoration {
    background: image-url("premium/up_arrow@2x.gif") no-repeat center center;
    background-size: 9px 5px; } }
.prod-photo-container {
  position: relative; }

.prod-discount-label1 {
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  background: #d81d1d;
  padding: 0.1em 0.5em 0.1em 0.5em;
  font-weight: normal;
  font-size: 1em; }

.prod-discount-label2 {
  position: absolute;
  top: 0;
  right: 0;
  color: white;
  background: #1a1a1a;
  padding: 0.1em 1em 0.1em 1em;
  font-weight: normal;
  font-size: 1em; }

#product-grid {
  overflow: hidden;
  text-align: center;
  padding-top: 2em; }
  #product-grid #product-grid-body {
    font-size: 0; }
  #product-grid h1 {
    color: #4d4d4d;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size: 1.1em;
    margin-bottom: 0.2em;
    line-height: 1.2;
    text-align: left;
    margin-left: 0.5em; }
  #product-grid a {
    text-decoration: none; }
  #product-grid.category-grid {
    padding-bottom: 2em; }
    #product-grid.category-grid h3 {
      height: 48px;
      width: 212px;
      overflow: hidden; }
    #product-grid.category-grid .data {
      padding: 24px 9px 0 9px !important; }
    #product-grid.category-grid img {
      margin-bottom: 0.5em; }
    #product-grid.category-grid a {
      padding-bottom: 1em; }
  #product-grid .product {
    display: inline-block;
    font-size: 16px;
    width: 90%;
    max-width: 230px;
    margin: 0.5em; }
    #product-grid .product .id {
      font-size: 0.75em;
      margin-bottom: 0;
      margin-top: 0.3em; }
      #product-grid .product .id em {
        text-transform: uppercase;
        font-size: 0.9em; }
    #product-grid .product .prod-desc {
      font-size: 0.75em;
      margin: 0 0.3em 0.8em 0.3em; }
    #product-grid .product .price {
      float: left;
      width: 57%;
      text-align: left;
      display: block;
      margin-top: 0.15em;
      padding-left: 0.5em;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      font-style: normal;
      color: #4d4d4d;
      font-size: 0.8em;
      overflow-x: hidden;
      white-space: nowrap; }
      #product-grid .product .price em {
        font-size: 0.9em;
        font-weight: 100; }
      #product-grid .product .price span {
        color: #d81d1d;
        font-size: 0.9em;
        font-weight: 100; }
    #product-grid .product .actions {
      overflow: hidden;
      margin-top: 0.3em;
      margin-left: auto !important;
      margin-right: auto !important; }
    #product-grid .product .details {
      display: block;
      width: 42%;
      border: none;
      float: right;
      text-align: right;
      padding: 0.5em 0.3em 0.5em 0em; }
      #product-grid .product .details .b-label {
        left: -3px; }
  #product-grid .category {
    padding-bottom: 1.5em; }
    #product-grid .category h3 {
      text-align: center;
      -webkit-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-perspective: 1000;
      -moz-perspective: 1000;
      -ms-perspective: 1000;
      -o-perspective: 1000;
      perspective: 1000; }
  #product-grid .help {
    padding-bottom: 0.7em !important;
    padding-top: 0.3em;
    background: image-url("premium/light_bg.png") repeat; }
    #product-grid .help .data {
      padding: 10px 1em 0em 1em !important; }
    #product-grid .help h3 {
      color: #999999;
      font-size: 1.5em;
      height: 36px !important; }
    #product-grid .help p {
      text-transform: uppercase; }
    #product-grid .help strong {
      color: #d81d1d;
      font-family: 'Open Sans', sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.5em; }

#product-detail-grid {
  overflow: hidden;
  text-align: center; }

.no-touch #content-header a:hover, .no-touch #content-header a:focus {
  color: #2a7491; }

#load-more-container {
  max-width: 420px;
  margin: 2.25em auto 4.125em;
  padding: 0 1em;
  text-align: center; }

.load-more-summary {
  color: #3f3f3f;
  font-size: 0.95em;
  line-height: 1.35;
  letter-spacing: 0.01em;
  margin-bottom: 0.85em; }

.load-more-visible-count,
.load-more-total-count {
  font-weight: 700;
  color: #1f1f1f; }

.load-more-progress {
  width: 100%;
  height: 2px;
  background: #d8d8d8;
  position: relative;
  margin: 0 auto 1.5em;
  overflow: hidden; }

.load-more-progress-bar {
  height: 100%;
  background: #111;
  width: 0;
  transition: width 280ms ease; }

#load-more-container .load-more-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.65em; }

#load-more-container .load-more-actions .load-more-summary-prefix {
  color: #c11010; }

#load-more-container a.load-more-button,
.product-reviews-section button.review-load-more-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 196px;
  min-height: 44px;
  padding: 0.45em 1.6em;
  border: 1.5px solid #171717;
  border-radius: 999px;
  background: #fff;
  color: #171717;
  font-weight: 700;
  font-size: 15.2px;
  line-height: 1.15;
  letter-spacing: 0.01em;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: all 0.3s ease-in-out;
  /* Firefox 4-15 */
  -o-transition: all 0.3s ease-in-out;
  /* Opera 10.50–12.00 */
  transition: all 0.3s ease-in-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ }

.no-touch #load-more-container a.load-more-button:hover,
.no-touch #load-more-container a.load-more-button:focus,
.product-reviews-section button.review-load-more-button:hover,
.product-reviews-section button.review-load-more-button:focus {
  background: #171717;
  color: #fff; }

#load-more-container a.load-more-button.loading {
  opacity: 0.65;
  pointer-events: none; }

@media (max-width: 640px) {
  #load-more-container {
    max-width: 100%;
    margin: 1.75em auto 3.3em; }

  #load-more-container a.load-more-button,
  .product-reviews-section button.review-load-more-button {
    width: 100%;
    min-width: 0;
    max-width: 320px; } }
/* --------------------------------------------------------------------------------------------------- */
/* -------------------------------------- FORM STYLE ------------------------------------------------- */
.form-error {
  padding: 0.5em 0.5em 0.5em 0em;
  background: rgba(255, 255, 255, 0.8);
  font-size: 0.825em;
  color: #d81d1d; }

.form div {
  margin: 16px 0; }
.form input, .form textarea {
  width: 100%; }
.form textarea {
  height: 10em; }
.form label {
  display: block;
  font-size: 0.825em;
  margin-bottom: 0.3em;
  color: black; }
  .form label span {
    color: #d81d1d; }
.form legend {
  color: #1a1a1a;
  font-weight: 600;
  font-size: 1em;
  width: 100%; }
  .form legend span {
    font-size: 0.6em; }
.form .short-field {
  width: 50%;
  min-width: 12em; }
.form .text-note {
  color: #000;
  font-size: 0.825em; }
.form input[type="checkbox"] {
  width: initial;
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  display: inline;
  margin-left: 1em;
  vertical-align: middle; }
.form .left-checkbox {
  margin-right: 0.5em;
  margin-left: 0.2em !important; }
.form .inline-label {
  display: inline; }
.form .expander {
  float: right; }
.form .field_with_errors {
  margin: 0 !important; }
  .form .field_with_errors input[type="text"], .form .field_with_errors input[type="email"], .form .field_with_errors input[type="password"] {
    background: #ffece8 !important; }
.form .field_note {
  margin-top: -1em;
  font-size: 0.825em; }
.form .field_error {
  color: #d81d1d;
  margin-top: -1em;
  font-size: 0.825em; }
.form .field_error_notification {
  color: #000 !important; }
  .form .field_error_notification span {
    color: #d81d1d !important; }
.form .field_error_without_margin {
  color: #d81d1d;
  margin-top: 0em;
  font-size: 0.825em; }
.form .field-wrapper {
  line-height: 100%; }
.form .submit-button {
  margin-top: 2em; }

.fast-order-wrap .form .short-field {
  width: 100%;
  min-width: 10em; }

.fast-order-half {
  width: 100%; }

.popup-form {
  padding-left: 1em;
  padding-right: 1em; }

.form-label {
  width: 200px;
  text-align: right; }

.form-field {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.form-area {
  margin: 0px;
  width: 50%;
  height: 70px;
  border-color: #000;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.form-checkbox {
  width: 30px;
  margin-top: 2px; }

.form-small-save {
  height: 26px;
  margin-bottom: 5px; }

/*
 * ============================= Contact ===========================
 */
#contact-actions {
  padding: 1em;
  margin-top: 1em;
  overflow: hidden;
  max-width: 48em;
  margin-left: auto;
  margin-right: auto; }

#contact-help {
  padding-top: 3em;
  padding-bottom: 2em; }
  #contact-help p {
    text-transform: uppercase; }
  #contact-help p.tel {
    margin: 1em 0; }
  #contact-help p.tel a {
    text-decoration: none; }
  #contact-help strong {
    color: #2a7491;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 2em; }

#contact-form .error-container, #contact-form .info-container {
  max-width: 320px; }

/* --------------------------------------------------------------------------------------------------- */
/* ----------------------------------- LOGIN/REGISTER FORM STYLE ------------------------------------- */
.forgotten-password-link {
  position: relative;
  top: 0.5em;
  font-size: 0.825em; }

.forgotten_block {
  padding-top: 1em;
  clear: both;
  color: black;
  font-size: 0.875em; }
  .forgotten_block #new_password_form {
    margin-top: 0.5em; }
  .forgotten_block .forgotten-error {
    display: none;
    background: rgba(255, 255, 255, 0.8);
    font-size: 0.9em;
    color: #d81d1d;
    margin-top: 0.5em; }

.login-box-outer .button, .login-box-outer input[type="submit"] {
  min-width: 10em; }
  .login-box-outer .button.lsb, .login-box-outer input.lsb[type="submit"] {
    float: right; }
.login-box-outer h1 {
  margin-bottom: 0.5em !important; }
.login-box-outer .content-left, .login-box-outer .content-right {
  margin-top: 0.5em !important; }
.login-box-outer .first-div {
  margin-top: 0.5em; }

.expand-fieldset {
  margin-bottom: 2em !important; }

.hidden-fieldset {
  display: none; }

/* --------------------------------------------------------------------------------------------------- */
/* -------------------------------------- RESP STYLE ------------------------------------------------- */
@media all and (min-width: 22em) {
  .half-content-left {
    width: 45%;
    float: left;
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em; }

  .half-content-right {
    width: 55%;
    float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: left; } }
@media all and (min-width: 30em) {
  #main-footer-inner {
    margin: 0 auto;
    overflow: hidden; }

  #main-footer .footer-column {
    min-height: 12em;
    width: 50%;
    float: left;
    text-align: center; }

  .page_part_footer_links {
    clear: left; }

  .note {
    font-size: 0.875em; }

  .content-wrapper {
    padding: 2em 2em 2em 2em; }

  .fast-order-half {
    width: 50%;
    float: left; } }
@media all and (min-width: 37.5em) {
  #product-grid h1 {
    font-size: 1.4em; }

  #main-footer-inner {
    max-width: 64em;
    margin: 0 auto; }

  .mobile-btn {
    display: none !important; } }
@media all and (min-width: 40em) {
  .login-box-outer .button.lsb, .login-box-outer input.lsb[type="submit"] {
    float: left; }

  .content-left {
    width: 50%;
    padding-right: 1em;
    float: left; }

  .content-right {
    width: 50%;
    float: right;
    padding-left: 1em;
    border-left: 4px solid #fff;
    border-bottom: none; }

  .half-content {
    width: 50%;
    float: left; }

  .half-content-right {
    padding-right: 2em; }

  #contact-form {
    width: 60%;
    float: left; }

  #contact-help {
    width: 40%;
    float: left;
    padding-top: 0em;
    padding-bottom: 0em;
    padding-left: 2em; }

  .product-images-top .expand-button {
    display: block !important; } }
@media all and (min-width: 46.875em) {
  #mini-cart-wrapper {
    padding-top: 37px;
    margin-bottom: -37px; } }
.live_search_result {
  background: #fff;
  position: fixed;
  width: 240px;
  z-index: 10000;
  right: 50%;
  margin-right: -120px;
  top: 73px; }
  .live_search_result a {
    text-decoration: none;
    color: #4d4d4d;
    display: block;
    overflow: hidden; }
  .live_search_result ul {
    list-style-type: none;
    width: 240px;
    border: 0 solid silver;
    border-width: 0 0 1px 1px; }
  .live_search_result li {
    background: #fff;
    border: 0 solid silver;
    border-width: 1px 1px 0 0;
    padding: 0;
    overflow: hidden;
    max-height: 42px; }
  .live_search_result li:hover {
    opacity: 1; }
    .live_search_result li:hover img {
      opacity: 1; }
  .live_search_result li img {
    width: 70px;
    float: left;
    margin: 0 5px 0 0;
    padding: 2px;
    background: white;
    opacity: 0.7; }
  .live_search_result h3 {
    font-size: 10px;
    color: #1a1a1a; }
  .live_search_result p {
    font-size: 8px; }

@media all and (min-width: 48em) {
  .live_search_result {
    position: fixed;
    right: 109px;
    top: 73px;
    margin-right: 0; } }
@media all and (min-width: 61.25em) {
  #wrapper .live_search_result {
    position: fixed; }
  #wrapper.scrolltopped .live_search_result {
    right: 98px;
    top: 42px; }
  #wrapper.scrollnottopped .live_search_result {
    right: 90px;
    top: 32px; } }
@media screen and (min-width: 48em) {
  #main-footer .footer-column {
    text-align: left;
    width: 25%;
    min-height: initial;
    margin-bottom: 0; }

  .page_part_footer_links {
    clear: none; }

  .width-20proc-after-48em {
    width: 20% !important; }

  .width-30proc-after-48em {
    width: 30% !important; }

  .padding-right-1em-after-48em {
    padding-right: 1em; }

  #wrapper.scrolltopped #main-header {
    height: 57px;
    -webkit-transition: all 0.2s;
    /* Safari */
    transition: all 0.2s;
    padding-left: 1em;
    padding-right: 1em; }
    #wrapper.scrolltopped #main-header #logo img {
      width: 160px;
      margin-top: -1px; }
    #wrapper.scrolltopped #main-header .header-group {
      margin-top: 0.6em;
      -webkit-transition: all 0.2s;
      /* Safari */
      transition: all 0.2s; }

  #wrapper.scrollnottopped #main-header {
    height: 37px;
    -webkit-transition: all 0.3s;
    /* Safari */
    transition: all 0.3s; }
    #wrapper.scrollnottopped #main-header #logo img {
      width: 120px;
      margin-top: 2px; }
    #wrapper.scrollnottopped #main-header .header-group {
      margin-top: 0;
      -webkit-transition: all 0.3s;
      /* Safari */
      transition: all 0.3s; }

  #wrapper.scrolltopped #mini-cart-wrapper {
    padding-top: 57px;
    margin-bottom: -57px; }

  #wrapper.scrollnottopped #mini-cart-wrapper {
    padding-top: 37px;
    margin-bottom: -37px; }

  #wrapper.scrolltopped #main-content {
    padding-top: 57px; }

  #wrapper.scrollnottopped #main-content {
    padding-top: 37px; }

  #ad-inner {
    overflow: hidden; }

  #ad-text {
    float: left;
    width: 70%; }

  #ad-image {
    float: left;
    width: 30%;
    text-align: center; }

  #ad-wrap h3 {
    font-size: 1.5em; }

  .tres {
    font-size: 1em !important; }

  .h2-cont h2 {
    font-size: 1.2em; }

  #logo {
    float: left; }

  #menu-trigger {
    display: none; }

  #main-nav {
    display: block; }

  #search-trigger {
    float: right; }

  #content-header #content-header-inner {
    font-size: 0.875em; }
  #content-header a {
    display: inline; }
  #content-header .breadcrumb-level-left, #content-header .breadcrumb-level-right {
    height: 25px; }

  #product-grid .product .id {
    font-size: 0.825em; }
  #product-grid .product .prod-desc {
    font-size: 0.825em; }
  #product-grid .product .price {
    font-size: 0.8em; }
    #product-grid .product .price span {
      font-size: 0.9em; }
  #product-grid .product h3 {
    font-size: 1.125em; }

  .content-outer h1 {
    font-size: 1.5em; }
  .content-outer h2 {
    font-size: 1.2em; }
    .content-outer h2 span {
      font-size: 0.6em; }
  .content-outer .subtitle {
    font-size: 1.2em; }
  .content-outer h3 {
    font-size: 1.2em; }
    .content-outer h3 span {
      font-size: 0.6em; }
  .content-outer p, .content-outer .ctxt {
    font-size: 0.9em; }

  .common-p {
    font-size: 0.9em; }

  .outer-wrap h1 {
    font-size: 1.5em; }

  .forgotten-password-link {
    font-size: 0.9em; }

  .content-inner {
    padding: 0em 0em 1em 1em; }

  .form-error {
    font-size: 0.9em; }

  .contact-data-text {
    font-size: 0.9em; }

  .contact-description {
    font-size: 0.9em; }

  #aboutus h1 {
    font-size: 1.4em; }

  .price {
    font-size: 0.9em; }

  .form legend {
    font-size: 1.2em; }
    .form legend span {
      font-size: 0.6em; }
  .form label {
    font-size: 0.9em; }
  .form .text-note, .form .field_error_without_margin, .form .field_error, .form .field_note {
    font-size: 0.9em; } }
@media all and (min-width: 60em) {
  .breadcrumb-level {
    width: 680px; } }
@media all and (min-width: 1000px) {
  .breadcrumb-level {
    width: 720px; } }
@media all and (min-width: 1040px) {
  .breadcrumb-level {
    width: 760px; } }
@media all and (min-width: 1080px) {
  .breadcrumb-level {
    width: 800px; } }
@media all and (min-width: 1120px) {
  .breadcrumb-level {
    width: 840px; } }
@media all and (min-width: 1160px) {
  .breadcrumb-level {
    width: 880px; } }
@media all and (min-width: 1200px) {
  .breadcrumb-level {
    width: 920px; } }
@media all and (min-width: 1240px) {
  .breadcrumb-level {
    width: 960px; } }
@media all and (min-width: 1280px) {
  .breadcrumb-level {
    width: 1000px; } }
@media all and (min-width: 1320px) {
  .breadcrumb-level {
    width: 1040px; } }
@media all and (min-width: 1360px) {
  .breadcrumb-level {
    width: 1080px; } }
@media all and (min-width: 1400px) {
  .breadcrumb-level {
    width: 1120px; } }
@media all and (min-width: 1440px) {
  .breadcrumb-level {
    width: 1160px; } }
@media all and (min-width: 1480px) {
  .breadcrumb-level {
    width: 1200px; } }
@media all and (min-width: 1520px) {
  .breadcrumb-level {
    width: 1240px; } }
@media all and (min-width: 1560px) {
  .breadcrumb-level {
    width: 1280px; } }
@media all and (min-width: 61.25em) {
  #header-inner {
    margin: 0 auto; }

  #header-search {
    display: inline; }

  .header-label {
    display: inline; } }
@media all and (min-width: 64em) {
  #mini-cart-wrapper {
    overflow: hidden; }

  #mini-cart-wrapper-inner .icon-cross {
    font-size: 1em; }

  #mini-cart {
    float: left;
    width: 76%;
    padding: 1em;
    border-right: 2px solid #fff;
    min-height: 20em; }

  #cart-sum {
    border-top: none;
    float: left;
    width: 24%;
    height: 20em; } }
@media all and (min-width: 75em) {
  #product-grid, #product-detail-grid, .breadcrumb_classic > #content-header-inner, .grid-pagination-inner, #footer-inner {
    max-width: 80em;
    margin-left: auto;
    margin-right: auto; }

  #product-grid, #product-detail-grid {
    max-width: 120em; } }
@media screen and (min-width: 80em) {
  #index-promo .index-promo-text {
    font-size: 64px; }

  .breadcrumb_classic > #content-header-inner {
    max-width: 180em;
    margin-left: auto;
    margin-right: auto; }

  #product-grid, #product-detail-grid {
    max-width: 180em; } }
/*
 * ----------------------------------------------------------------------------------
 * ----------------------------------------------------------------------------------
 * ----------------------------------------------------------------------------------
 * ----------------------------------------------------------------------------------
 * ----------------------------------------------------------------------------------
 */
/* 
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

/*
*   Owl Carousel Owl Demo Theme 
*   v1.3.3
*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #e6e6e6; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px; }

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease; }

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both; }

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1; } }
@-moz-keyframes empty {
  0% {
    opacity: 1; } }
@keyframes empty {
  0% {
    opacity: 1; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); } }
@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); } }
@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px); }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); } }
@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0); } }
@-moz-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0); } }
@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%); }
  75% {
    opacity: .5;
    transform: translateZ(-500px); }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0); } }
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8); } }
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8); } }
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8); } }
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%); } }
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%); } }
@keyframes goDown {
  from {
    transform: translateY(-100%); } }
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5); } }
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5); } }
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5); } }
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5); } }
.general-loading {
  background: url("AjaxLoader.gif") no-repeat center center;
  min-height: 200px;
  overflow: hidden; }

.general-page-loading {
  background: url("AjaxLoader.gif") no-repeat 50% 100px;
  min-height: 200px;
  overflow: hidden; }

/* CART TABLE */
#cart-table th, #cart-table td {
  text-align: center; }
#cart-table img {
  width: 100%;
  max-width: 100px;
  display: block;
  margin: 0.5em auto; }
#cart-table .price small {
  display: block; }
#cart-table .alert {
  background: rgba(193, 16, 16, 0.8);
  text-align: left;
  color: white;
  position: relative;
  border: none; }
#cart-table .arrow_box {
  left: 50%;
  right: auto; }
#cart-table .row:nth-child(even) {
  background: #eeeeee; }
#cart-table .row input[type="number"] {
  background: white;
  width: 50px; }
#cart-table .small-box-icon {
  height: 20px;
  padding: 2px 3px 0px 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  font-size: 13px; }
#cart-table .stock-problem {
  color: white;
  background: #d81d1d;
  display: inline-block; }

#cart-summary-table .cart-summary {
  border-top: 2px solid #999999; }
  #cart-summary-table .cart-summary tr td:first-child {
    text-align: right; }

/* MODAL */
.md-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 46em;
  min-width: 20em;
  height: auto;
  z-index: 2000;
  visibility: hidden;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.md-show {
  visibility: visible; }

.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  transition: all 0.3s; }

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible; }

.md-effect-2 .md-content {
  -webkit-transform: translateY(-20%);
  -moz-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); }

.md-show.md-effect-2 .md-content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1; }

.md-content {
  background: white;
  padding: 2em; }
  .md-content h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #4d4d4d;
    font-size: 2em;
    margin-bottom: 1em; }
  .md-content img {
    display: block;
    max-width: 100%;
    margin: 1em auto; }
  .md-content .md-link {
    text-align: center; }

.md-close {
  position: absolute;
  text-decoration: none;
  color: #c11010;
  top: -0.2em;
  right: 0.25em;
  font-size: 2em; }

#ad-wrap {
  background: #2a7491;
  color: white; }
  #ad-wrap h3 {
    font-size: 1.125em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.7em; }
  #ad-wrap p {
    font-size: 0.875em;
    margin-bottom: 1.5em; }
  #ad-wrap a {
    margin-bottom: 1em; }

#ad-inner {
  max-width: 64em;
  padding: 1em;
  margin: 0 auto; }

#ad-image {
  max-width: 100%;
  display: inline-block; }

.search-feedback {
  padding: 4em 1em;
  text-align: center;
  font-size: 1.2em; }

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden; }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.clearfix:after {
  clear: both; }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }
@media print, (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */ }
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  .product-wrapper {
    width: 100% !important; }

  .product-images {
    float: right !important;
    width: 42% !important; }

  .product-details-inner {
    float: left !important;
    width: 51% !important; }

  .product-variant-grid {
    display: none; }

  .right-content, #main-footer, #main-header, .social_holder, #breadcrumb_header, .product-form-inner {
    display: none !important; }

  .purchase-motivation {
    display: block !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #d81d1d;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  opacity: 1.0; }

/*
 * ============================= Settings ===========================
 */
.contact-data-common div.data {
  margin: 0 0 1em 0; }
  .contact-data-common div.data strong {
    display: block; }
  .contact-data-common div.data a {
    text-decoration: none;
    color: #4d4d4d; }
.contact-data-common h2 {
  padding-top: 0em; }

#contact-data {
  margin-bottom: 2em; }
  #contact-data form {
    display: none; }

#contact-data-inner {
  background: white;
  max-width: 30em;
  margin: 1em auto;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: all 0.3s ease-in-out;
  /* Firefox 4-15 */
  -o-transition: all 0.3s ease-in-out;
  /* Opera 10.50–12.00 */
  transition: all 0.3s ease-in-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */ }
  #contact-data-inner .data:last-child {
    margin-bottom: 0; }
  #contact-data-inner #edit-contact-data {
    -webkit-transition: all 0.3s ease-in-out;
    /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: all 0.3s ease-in-out;
    /* Firefox 4-15 */
    -o-transition: all 0.3s ease-in-out;
    /* Opera 10.50–12.00 */
    transition: all 0.3s ease-in-out;
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    position: absolute;
    right: 1em;
    top: 0em;
    opacity: 1; }

#contact-data-inner:hover #edit-contact-data {
  opacity: 1; }

.touch #contact-data-inner #edit-contact-data {
  opacity: 1; }

#contact-data-inner.editing {
  background: #fffed9; }
  #contact-data-inner.editing .data {
    display: none; }
  #contact-data-inner.editing #contact-data-form {
    display: block; }
  #contact-data-inner.editing #edit-contact-data {
    display: none; }

.order-history {
  max-width: 80em;
  margin: 0 auto;
  padding: 2em 1em; }
  .order-history table {
    max-width: 64em;
    margin: 1em auto; }

#address-book {
  overflow: hidden; }
  #address-book .address {
    max-width: 30em;
    margin: 1em auto; }
    #address-book .address .address-inner {
      overflow: hidden;
      padding: 0;
      background: white; }
      #address-book .address .address-inner:hover .actions {
        opacity: 1; }
    #address-book .address form {
      display: none; }
      #address-book .address form div:first-child {
        margin-top: 0; }
    #address-book .address.editing .address-inner {
      background: #fffed9; }
      #address-book .address.editing .address-inner .actions, #address-book .address.editing .address-inner strong, #address-book .address.editing .address-inner p, #address-book .address.editing .address-inner em {
        display: none; }
      #address-book .address.editing .address-inner form {
        display: block; }
  #address-book .data {
    margin-bottom: 0 !important;
    float: left; }
  #address-book .actions {
    padding-top: 0em;
    text-align: right;
    float: right;
    -webkit-transition: all 0.3s ease-in-out;
    /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: all 0.3s ease-in-out;
    /* Firefox 4-15 */
    -o-transition: all 0.3s ease-in-out;
    /* Opera 10.50–12.00 */
    transition: all 0.3s ease-in-out;
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
    opacity: 1; }
    #address-book .actions .delete-address {
      position: relative;
      top: 1px;
      font-size: 0.875em;
      text-decoration: none;
      color: #c11010; }
  #address-book .new-address {
    display: none; }

#add-new-address {
  width: 60%; }

.defaults {
  padding: 0.5em 1em;
  background: #eeeeee;
  max-width: 30em;
  margin: 0 auto; }
  .defaults label {
    font-size: 0.8em;
    margin-right: 1em;
    display: inline-block; }
  .defaults label input[type="radio"] {
    display: inline-block;
    width: auto;
    position: relative;
    top: -1px; }

#address-zip, #new-address-zip {
  width: 4em; }

.touch #address-book .address .actions {
  opacity: 1; }

#contact-data-form input, .address form input {
  background: white; }
#contact-data-form input[type="submit"], .address form input[type="submit"] {
  width: 40%;
  min-width: 12em;
  margin-right: 1em; }
#contact-data-form input[type="checkbox"], .address form input[type="checkbox"] {
  width: initial;
  max-width: initial; }

#contact-data-form div:first-child {
  margin-top: 0; }

#contact-data-form {
  padding-top: 1px;
  padding-bottom: 1px; }

.orders-table {
  margin-top: 1em;
  margin-bottom: 1.5em !important; }

.invoices-table {
  margin-top: 1em; }

@media all and (min-width: 30em) {
  #address-book .address {
    overflow: hidden; }

  .defaults label {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0; } }
@media all and (min-width: 56.25em) {
  #contact-data-inner, #address-book .address {
    margin-left: 0; }

  #contact-data-inner {
    max-width: 25em; }

  #contact-data, #address-book {
    width: 50%;
    float: left; } }
/*
 * ============================= Overview ===========================
 */
#order-confirm-wrap {
  margin-bottom: 1em; }
  #order-confirm-wrap .row-wrap {
    padding: 0em 1em 2em 1em;
    overflow: hidden;
    background: white;
    margin: auto; }
  #order-confirm-wrap .title-wrap {
    padding-left: 1em;
    padding-top: 2em;
    padding-bottom: 1.5em; }
  #order-confirm-wrap .row-wrap-inner {
    max-width: 80em;
    margin: 0 auto; }
  #order-confirm-wrap #send-order {
    width: auto;
    display: block; }
  #order-confirm-wrap #back-to-checkout {
    position: relative;
    display: block;
    margin-top: 1em;
    float: left; }
  #order-confirm-wrap .comment {
    background: #eeeeee; }
  #order-confirm-wrap .note {
    margin: 0em auto 0 auto !important; }
  #order-confirm-wrap .creditcard-desc {
    display: block; }

.payment-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 120000;
  background: white;
  top: 0;
  text-align: center; }
  .payment-screen .creditcard-forward-centered {
    position: absolute;
    width: 80%;
    left: 50%;
    top: 50%;
    margin-left: calc(-40%);
    transform: translateY(-50%); }
  .payment-screen p {
    font-size: 0.85em; }

@media all and (min-width: 30em) {
  #order-confirm-wrap .row-wrap {
    padding: 0em 2em 2em 2em; }
  #order-confirm-wrap .title-wrap {
    padding-left: 2em !important;
    padding-top: 2em !important;
    padding-bottom: 2em !important; }
  #order-confirm-wrap #send-order {
    float: right;
    margin: 0; } }
@media all and (min-width: 48em) {
  #order-confirm-wrap .row-wrap {
    padding: 0em 2em 2em 3em; }
  #order-confirm-wrap .full-row-wrap {
    padding: 0em 2em 2em 2em !important; }

  .payment-screen .creditcard-forward-centered {
    width: 60%;
    margin-left: calc(-30%); }
  .payment-screen p {
    font-size: 1em; } }
/*
 * ============================= Cart ===========================
 */
#cart-wrap h2 {
  margin-bottom: 1em; }
#cart-wrap div.data {
  margin: 0 0 2em 0; }
  #cart-wrap div.data strong {
    display: block; }
  #cart-wrap div.data a {
    text-decoration: none;
    color: #4d4d4d; }
#cart-wrap .row-wrap {
  padding: 2em 1em;
  overflow: hidden; }
  #cart-wrap .row-wrap:not(:last-child) {
    padding-bottom: 0; }
#cart-wrap .row-wrap-inner {
  max-width: 80em;
  margin: 0 auto; }
#cart-wrap #send-order {
  width: auto;
  display: block;
  margin-bottom: 2em; }
#cart-wrap #back-to-shop {
  position: relative;
  display: block;
  margin-top: 1em; }
#cart-wrap .icon-trash {
  color: #c11010; }
#cart-wrap .delete a {
  text-decoration: none; }

.cart-image-td {
  background-color: white; }

#back-to-shop {
  float: left; }

#to-order {
  float: right;
  margin: 0 0 0.5em 0.5em; }

#fast-order {
  float: right; }

#mini-fast-order {
  margin-bottom: 0.5em !important;
  position: relative;
  padding-top: 0.2em;
  padding-bottom: 0.8em; }
  #mini-fast-order .extra-note {
    transform: translate(-50%, -5%); }

@media all and (min-width: 30em) {
  #cart-wrap .row-wrap {
    padding: 2em 2em; } }
@media all and (min-width: 48em) {
  .mini-cart-price {
    font-size: 0.9em !important; } }
/*
 * ============================= Checkouts ===========================
 */
.datepicker-button-class {
  display: inline;
  margin-top: -3px;
  cursor: hand;
  cursor: pointer; }

.ui-datepicker {
  font-size: 0.8em; }
  .ui-datepicker table th {
    text-transform: initial; }

.creditcard-label {
  margin: 0.5em 0 0.5em 0; }

#order-wrap .h2-cont {
  padding: 0 0 0 0; }
#order-wrap .mbot1 {
  margin-bottom: 1em !important; }
#order-wrap div.data {
  margin: 0 0 2em 0; }
  #order-wrap div.data strong {
    display: block; }
  #order-wrap div.data a {
    text-decoration: none;
    color: #4d4d4d; }
#order-wrap .row-wrap {
  padding: 2em 1em;
  overflow: hidden; }
  #order-wrap .row-wrap:not(:last-child) {
    padding-bottom: 0; }
#order-wrap .row-wrap-inner {
  max-width: 80em;
  margin: 0 auto !important; }
#order-wrap label.data {
  -webkit-transition: all 0.3s ease-in-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: all 0.3s ease-in-out;
  /* Firefox 4-15 */
  -o-transition: all 0.3s ease-in-out;
  /* Opera 10.50–12.00 */
  transition: all 0.3s ease-in-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  font-size: 0.8em;
  margin: 0.5em auto;
  padding: 0.5em 1em;
  max-width: 30em; }
  #order-wrap label.data input {
    margin-right: 1em;
    position: relative;
    top: -0.7em;
    width: auto;
    display: inline-block; }
  #order-wrap label.data .calced-width-label {
    max-width: calc(100% - 34px); }
  #order-wrap label.data small {
    font-size: 0.75em;
    line-height: 1.2;
    display: block; }
  #order-wrap label.data div {
    display: inline-block; }
  #order-wrap label.data.selected {
    background: white; }
#order-wrap input[type="submit"] {
  width: auto;
  display: block;
  float: right; }
#order-wrap #back-to-cart {
  position: relative;
  display: block;
  margin-top: 1em;
  float: left; }
#order-wrap #comment {
  width: 100%;
  max-width: 48em;
  background: white; }
#order-wrap .form div {
  margin: 0; }
#order-wrap .form .order-div {
  margin: 1em 0;
  padding-right: 3em; }
#order-wrap .form .order-company-container input {
  background: #ffece8; }

#select-payment label.data input, #select-shipping label.data input {
  top: 0;
  vertical-align: top;
  margin-top: 3px; }

#select-billing, #select-payment {
  #padding-bottom: 2em; }

.select-billing-only #select-delivery {
  display: none; }

.cash-handling-cost {
  color: black !important; }

#courier {
  top: -1.5em !important; }

@media all and (min-width: 30em) {
  #order-wrap input[type="submit"] {
    margin: 0; }
  #order-wrap .row-wrap {
    padding: 2em 2em; }
  #order-wrap label.data {
    font-size: 0.9em; } }
@media all and (min-width: 48em) {
  #order-wrap label.data {
    font-size: 1em; } }
@media all and (min-width: 56.25em) {
  #order-wrap label.data {
    margin-left: 0; }

  #select-delivery, #select-billing, #select-shipping, #select-payment {
    width: 50%;
    float: left; }

  #select-billing, #select-payment {
    padding-bottom: 2em; }

  .select-billing-only #select-billing {
    width: 100%; }

  #select-billing, #select-payment {
    padding-bottom: 0em; } }
/*
 * ============================= Product ===========================
 */
#unsure {
  margin-bottom: 0;
  font-size: 0.875em;
  background: #eeeeee;
  color: #4d4d4d; }
  #unsure a {
    color: #194556; }
  #unsure p {
    max-width: 1024px;
    padding: 1em 1em; }

#unsure-contact-header {
  height: 2em; }

.sproduct-link, .listproduct-link {
  margin-left: 1em;
  cursor: pointer;
  display: none; }

.desc-link {
  text-decoration: none;
  font-size: 1.4em;
  color: #2ca3e5; }
  .desc-link span {
    line-height: 8px;
    display: table-cell;
    vertical-align: middle; }

.product-wrapper {
  padding: 2em 1em;
  max-width: 64em;
  display: inline-block;
  vertical-align: top; }

.general-wrapper {
  padding: 0em 1em 1em 1em;
  max-width: 64em;
  margin: 0 auto;
  display: block;
  vertical-align: top; }

#code-wrapper {
  padding: 0em 1em 1em 1em;
  max-width: 64em;
  margin: 0 auto;
  display: block;
  vertical-align: top; }

#desc-wrapper {
  padding: 0em 1em 2em 1em;
  max-width: 64em;
  margin: 0 auto;
  display: block;
  vertical-align: top; }

.product-property {
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 0.875em;
  margin: 1em 0;
  padding: 8px 15px 0px 0px;
  font-weight: bold; }

.product-property-small {
  font-size: 0.75em; }

.production-note-table {
  margin-top: 0 !important;
  text-align: left;
  border-top: none !important; }
  .production-note-table .div-cell {
    text-transform: none;
    font-weight: normal;
    padding: 0.5em !important;
    background: #eeeeee; }
  .production-note-table .lot-stock {
    background: #fff; }
  .production-note-table .small-stock {
    background: #fff; }
  .production-note-table .no-stock {
    background: #ffece8; }
  .production-note-table .icon {
    float: left;
    font-size: 2em;
    font-weight: 900;
    padding: 0.2em 0.5em 0.1em 0.3em; }
  .production-note-table .icon-tick {
    color: #2a932f; }
  .production-note-table .icon-warning {
    color: #ff6600;
    font-weight: normal; }
  .production-note-table .icon-red {
    color: #d81d1d !important; }

.price-title-property {
  vertical-align: top; }
  .price-title-property span {
    text-transform: initial;
    font-weight: normal; }

.product-main-price {
  padding: 6px 10px 3px 0px !important;
  margin: 0.4em 0 0 0 !important; }
  .product-main-price strong {
    font-size: 1.6em;
    color: #d81d1d; }
  .product-main-price em {
    font-size: 0.5625em !important; }

.product-sub-price {
  border-top: 1px solid #eee;
  padding: 3px 10px 3px 0px !important; }

.product-sub-price-desc {
  background: #eee;
  border-top: 1px solid white;
  font-size: 0.75em;
  padding: 3px; }
  .product-sub-price-desc em {
    color: #d81d1d;
    font-weight: bold; }

.product-main-price-desc {
  font-size: 0.75em;
  padding: 3px;
  color: #2a7491; }

.stock-data {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #eeeeee;
  margin-top: 1em; }
  .stock-data .div-cell {
    padding: 0.5em 0em; }

.stock-footer {
  padding: 0.4em; }

.gray-light-background {
  background: #eeeeee; }

.cell-top-line {
  border-top: 1px solid #eee; }

.property-value {
  text-transform: uppercase;
  font-size: 0.875em;
  margin: 1em 0;
  padding: 8px 10px 0px 0px; }

.property-value-small {
  font-size: 0.75em; }

.cross-producer {
  text-align: right;
  padding-right: 1em !important;
  padding-left: 1em !important;
  border-right: 1px solid #eee; }

.cross-code {
  padding-left: 1em !important; }

.product-detail {
  text-align: left;
  margin-top: 4em; }
  .product-detail:first-child {
    margin-top: 0; }
  .product-detail .name-div {
    height: 3.5em;
    display: table-cell;
    vertical-align: middle; }
  .product-detail h1 {
    font-size: 1.25em;
    text-transform: uppercase;
    color: #4d4d4d;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2; }
  .product-detail .main-price-container {
    float: left; }
  .product-detail .mpc-title {
    margin-bottom: 0.5em; }
  .product-detail .mpc-title-1st {
    display: inline-block;
    color: white;
    background: #d81d1d;
    padding: 0.1em 0.5em 0.1em 0.5em;
    font-weight: normal;
    font-size: 1em; }
  .product-detail .mpc-title-2nd {
    display: inline-block;
    color: white;
    background: #1a1a1a;
    padding: 0.1em 1em 0.1em 1em;
    font-weight: normal;
    font-size: 1em; }
  .product-detail .mpc-1st {
    margin-right: 1em; }
  .product-detail .price-property {
    text-transform: none;
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1em;
    color: #4d4d4d; }
    .product-detail .price-property em {
      font-size: 0.9em;
      font-weight: 100;
      text-transform: initial;
      color: #4d4d4d; }
    .product-detail .price-property span {
      text-transform: initial;
      font-weight: 100;
      font-size: 0.9em;
      color: #4d4d4d; }
  .product-detail .stock-property {
    text-align: center; }
    .product-detail .stock-property span {
      font-size: 0.8em; }
    .product-detail .stock-property i {
      font-size: 2em;
      vertical-align: -40%;
      line-height: 0.6em; }
  .product-detail .price {
    font-size: 1.125em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0.5em 0 1em 0; }
  .product-detail .product-text {
    font-size: 0.875em;
    text-align: justify;
    margin-bottom: 1em; }
    .product-detail .product-text p {
      margin-bottom: 0.5em; }
    .product-detail .product-text ul {
      list-style: disc;
      list-style-position: inside;
      margin-left: 0.8em; }
    .product-detail .product-text .desc-wrapper-link {
      text-align: center; }
  .product-detail .desc-p {
    text-indent: -2em;
    padding-left: 2em;
    text-align: left !important; }
  .product-detail .desc-ul {
    line-height: 130%; }
    .product-detail .desc-ul li {
      list-style: none;
      margin-bottom: 0.4em; }
    .product-detail .desc-ul li:before {
      /* For a round bullet */
      content: '\2022';
      display: block;
      position: relative;
      max-width: 0;
      max-height: 0;
      left: -10px;
      top: 0;
      font-size: 1em; }
  .product-detail .desc-p-featured {
    #background: #f2f2f2;
    display: block;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 1em;
    #border-bottom: 1px dotted #eee;
    #border-top: 1px dotted #eee; }
    .product-detail .desc-p-featured a {
      font-weight: bold;
      color: #4d4d4d; }
  .product-detail .desc-p-r-img {
    width: 40%;
    float: right;
    margin-left: 5px;
    #filter: invert(0.05); }
  .product-detail .product-variant-grid, .product-detail .product-simple-grid {
    text-align: center; }
    .product-detail .product-variant-grid .product-variant-link, .product-detail .product-simple-grid .product-variant-link {
      line-height: 1;
      display: inline-block;
      padding: 0.5em 0.2em 0.5em 0.2em;
      margin: 0 0.1em 0.4em 0.1em;
      border: 1px solid #fff;
      background: #fff;
      color: #4d4d4d;
      text-decoration: none;
      text-align: center;
      font-weight: normal;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px; }
      .product-detail .product-variant-grid .product-variant-link img, .product-detail .product-simple-grid .product-variant-link img {
        display: block;
        margin: auto; }
    .product-detail .product-variant-grid .product-variant-link:hover, .product-detail .product-simple-grid .product-variant-link:hover {
      border: 1px solid #b3b3b3; }
    .product-detail .product-variant-grid .product-variant-selected, .product-detail .product-simple-grid .product-variant-selected {
      line-height: 1;
      display: inline-block;
      padding: 0.5em 0.2em 0.5em 0.2em;
      margin: 0 0.1em 0.4em 0.1em;
      border: 1px solid #dd4747;
      background: #f2f2f2;
      color: #4d4d4d;
      text-decoration: none;
      text-align: center;
      font-weight: normal;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px; }
      .product-detail .product-variant-grid .product-variant-selected img, .product-detail .product-simple-grid .product-variant-selected img {
        display: block;
        margin: auto;
        filter: invert(0.05); }

.product-details-inner {
  overflow: hidden; }

.recommended-main-body {
  display: none;
  margin-bottom: 3em; }

.product-form {
  margin-top: 1em;
  background: #eeeeee; }
  .product-form .left-quantity {
    float: left;
    padding-top: 0em;
    padding-bottom: 0em;
    width: 50%; }
    .product-form .left-quantity input[type="number"] {
      width: 4.5em !important; }
  .product-form .product-length-setter {
    display: inline; }
  .product-form .dyn-price {
    font-size: 0.8em;
    display: inline-block;
    white-space: nowrap; }
  .product-form .left-button {
    float: right;
    padding-top: 0em;
    padding-bottom: 0em;
    width: 136px;
    max-width: 50%; }
    .product-form .left-button a {
      width: 100%; }
  .product-form .fbutton {
    display: inline-block;
    color: white;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    width: 18px; }
    .product-form .fbutton.inc {
      background: rgba(102, 102, 102, 0.8);
      -webkit-border-radius: 0 4px 4px 0;
      border-radius: 0 4px 4px 0;
      background-clip: padding-box; }
    .product-form .fbutton.inc:hover {
      background: green; }
    .product-form .fbutton.dec {
      background: rgba(102, 102, 102, 0.8);
      -webkit-border-radius: 4px 0 0 4px;
      border-radius: 4px 0 0 4px;
      background-clip: padding-box; }
    .product-form .fbutton.dec:hover {
      background: #d81d1d; }
  .product-form .purchase-motivation {
    width: 100%;
    clear: left;
    font-size: 0.8em;
    text-align: left;
    padding-top: 0.4em; }
  .product-form .product-form-inner {
    max-width: 80em;
    margin: 0 auto;
    overflow: hidden;
    padding: 0.75em 1em 0.75em 1em; }
  .product-form section {
    padding: 0 1em; }
  .product-form input {
    display: inline-block; }
  .product-form label {
    display: inline-block;
    margin-bottom: 0.25em;
    margin-right: 0.4em;
    font-size: 0.875em; }
  .product-form input[type="number"] {
    width: 5em;
    border: none;
    padding: 0.2em 0.5em 0.2em 0.5em;
    background: white; }
  .product-form .product-qty-setter {
    margin-bottom: 0.2em; }
  .product-form .fbutton.dec, .product-form .fbutton.inc {
    font-size: 1.2em; }
  .product-form .product-qty, .product-form .product-length-field {
    font-size: 1em; }
  .product-form.sub {
    margin-top: 0em; }
    .product-form.sub .fbutton.dec, .product-form.sub .fbutton.inc {
      width: 25px; }

.product-images {
  margin-top: 1.5em;
  margin-bottom: 1em; }
  .product-images .item {
    font-size: 0px; }

.social_holder {
  text-align: center; }

.product-images-no-top img {
  max-height: 125px !important; }
.product-images-no-top .owl-item {
  height: 125px !important;
  line-height: 125px !important; }

.product-images-top img {
  margin: 0 auto;
  display: inline-block;
  image-rendering: -webkit-optimize-contrast;
  max-height: 250px;
  max-width: 100%; }
.product-images-top .owl-item {
  height: 250px;
  line-height: 250px;
  text-align: center;
  overflow: hidden; }
.product-images-top .producer-logo {
  max-width: 25%;
  max-height: 20%;
  position: absolute;
  z-index: 1000000;
  display: block; }
.product-images-top .producer-logo0 {
  right: 2px;
  bottom: 1px; }
.product-images-top .producer-logo1 {
  left: 2px;
  bottom: 1px; }
.product-images-top .producer-logo2 {
  left: 2px;
  top: 1px; }
.product-images-top .producer-logo3 {
  right: 2px;
  top: 1px; }
.product-images-top .expand-button {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 1000000;
  display: none;
  color: white;
  font-size: 16px !important;
  background: black;
  padding: 6px 8px;
  cursor: pointer;
  opacity: 0.2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
.product-images-top .expand-button:hover {
  opacity: 0.5; }

.product-images-thumb {
  margin-top: 5px;
  padding: 5px; }
  .product-images-thumb img {
    margin: 0 auto;
    display: inline-block;
    max-height: 80px;
    max-width: 66%; }
  .product-images-thumb .owl-item {
    text-align: center; }
  .product-images-thumb .thumb-wrapper {
    max-height: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #eeeeee;
    margin: 1px 2px 1px 2px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }
  .product-images-thumb .synced .thumb-wrapper {
    border: 1px solid #dc4747; }

.mud-tab {
  display: table;
  border-collapse: collapse;
  margin-top: 0.5em; }

.mud-row {
  display: table-row; }

.mud-head {
  padding: 0.5em 0.2em 0.5em 0.2em;
  line-height: 1em;
  font-size: 0.75em;
  text-align: center;
  border: 1px solid #eeeeee;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle; }

.mud-data {
  padding: 0.5em 0em 0.5em 0em;
  font-size: 0.75em;
  text-align: center;
  border: 1px solid #eeeeee;
  font-weight: bold;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle; }

.variant-tab {
  margin-top: 1em;
  border-bottom: 1px solid #dd4747; }

.variant-head {
  padding: 0.5em 0.2em 0.5em 0.2em;
  line-height: 1em;
  font-size: 0.75em;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  background: #dd4747;
  border-left: 1px solid #dd4747;
  border-right: 1px solid #dd4747;
  border-top: 1px solid #dd4747;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  color: #fff; }

.variant-data-title {
  padding: 0.5em 0em 0em 0.5em;
  font-size: 0.75em;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  border-left: 1px solid #dd4747;
  border-right: 1px solid #dd4747;
  border-top: 1px solid #dd4747;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle; }

.variant-data {
  line-height: 0;
  padding: 0em 0em 0.5em 0em;
  font-size: 0.75em;
  text-align: center;
  border-left: 1px solid #dd4747;
  border-right: 1px solid #dd4747;
  font-weight: bold;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle; }

.product-simple-grid-tab {
  border-bottom: 1px solid #666666 !important; }

.product-simple-grid-head {
  color: #fff !important;
  background: #666666 !important;
  border-left: 1px solid #666666 !important;
  border-right: 1px solid #666666 !important;
  border-top: 1px solid #666666 !important; }

.product-simple-grid-data {
  padding: 0em 0em 0.5em 0em;
  font-size: 0.75em;
  text-align: center;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-top: 1px solid #666666;
  font-weight: bold;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 1em; }
  .product-simple-grid-data a {
    display: inline-block;
    border: 1px solid #fff;
    text-decoration: none;
    color: #4d4d4d !important;
    font-weight: normal;
    padding: 0.5em;
    margin-top: 1em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px; }

.product-simple-grid-data a.product-simple-non-selected {
  border: 1px solid #e6e6e6; }

.product-simple-link:hover {
  border: 1px solid #b3b3b3; }

.product-simple-selected {
  display: inline-block;
  border: 1px solid #dd4747;
  text-decoration: none;
  color: #4d4d4d !important;
  font-weight: normal;
  padding: 0.5em;
  margin-top: 1em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #f2f2f2; }
  .product-simple-selected img {
    filter: invert(0.05); }

.product-simple-box .product-thumb-price {
  margin-top: 0.4em;
  line-height: 1.2;
  font-size: 1em; }
.product-simple-box .product-thumb-price-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1em; }
.product-simple-box .product-thumb-price-label {
  text-align: left; }
.product-simple-box .product-thumb-price-value {
  text-align: right; }
.product-simple-box .product-thumb-price-value-discount {
  color: #d81d1d; }

.simple-grid-stock {
  vertical-align: unset !important; }

.cta {
  background: #eeeeee;
  padding: 1em;
  margin: 2em 0;
  color: #999999;
  text-align: left; }
  .cta p {
    max-width: 80em;
    margin: 0 auto; }
  .cta a {
    color: #2a7491; }
  .cta .error {
    color: #d81d1d;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal; }

@media all and (max-width: 48.02em) {
  .multiprod5, .multiprod4, .multiprod3, .multiprod2, .multiprod1 {
    width: 100%; }

  #unsure {
    font-size: 0.875em; } }
@media all and (min-width: 48.02em) {
  .multiprod5, .multiprod4, .multiprod3, .multiprod2 {
    width: 49.5%; }

  .multiprod1 {
    width: 100%; } }
@media all and (min-width: 72em) {
  .multiprod5, .multiprod4, .multiprod3 {
    width: 33%; }

  .multiprod2 {
    width: 49.5%; }

  .multiprod1 {
    width: 100%; } }
@media all and (min-width: 96em) {
  .multiprod5, .multiprod4 {
    width: 24.5%; }

  .multiprod3 {
    width: 33%; }

  .multiprod2 {
    width: 49.5%; }

  .multiprod1 {
    width: 100%; } }
@media all and (min-width: 120em) {
  .multiprod5 {
    width: 19.5%; }

  .multiprod4 {
    width: 24.5%; }

  .multiprod3 {
    width: 33%; }

  .multiprod2 {
    width: 49.5%; }

  .multiprod1 {
    width: 100%; } }
@media all and (min-width: 40em) {
  .multiprod1 .product-detail {
    max-width: 80em;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
    .multiprod1 .product-detail h1 {
      font-size: 1.5em;
      text-transform: uppercase;
      color: #4d4d4d;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      font-style: normal;
      line-height: 1.2; }
  .multiprod1 .product-details-inner {
    float: left;
    margin: 0 auto;
    margin-bottom: 0em;
    width: 51%; }
    .multiprod1 .product-details-inner .product-text {
      margin-top: 1em;
      margin-bottom: 1em; }
  .multiprod1 .product-images {
    float: right;
    width: 42%;
    margin-right: 2%;
    margin-top: 0.2em;
    margin-bottom: 1em; }
  .multiprod1 .product-form {
    clear: both; } }
@media all and (min-width: 40em) and (max-width: 48em) {
  .multiprod2 .product-detail, .multiprod3 .product-detail, .multiprod4 .product-detail, .multiprod5 .product-detail {
    max-width: 80em;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
    .multiprod2 .product-detail h1, .multiprod3 .product-detail h1, .multiprod4 .product-detail h1, .multiprod5 .product-detail h1 {
      font-size: 1.5em;
      text-transform: uppercase;
      color: #4d4d4d;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      font-style: normal;
      line-height: 1.2; }
  .multiprod2 .product-details-inner, .multiprod3 .product-details-inner, .multiprod4 .product-details-inner, .multiprod5 .product-details-inner {
    float: left;
    margin: 0 auto;
    margin-bottom: 0em;
    width: 51%; }
    .multiprod2 .product-details-inner .product-text, .multiprod3 .product-details-inner .product-text, .multiprod4 .product-details-inner .product-text, .multiprod5 .product-details-inner .product-text {
      margin-top: 1em;
      margin-bottom: 1em; }
  .multiprod2 .product-images, .multiprod3 .product-images, .multiprod4 .product-images, .multiprod5 .product-images {
    float: right;
    width: 42%;
    margin-right: 2%;
    margin-top: 0.2em;
    margin-bottom: 1em; }
  .multiprod2 .product-form, .multiprod3 .product-form, .multiprod4 .product-form, .multiprod5 .product-form {
    clear: both; } }
@media all and (min-width: 85em) {
  .multiprod2 .product-detail {
    max-width: 80em;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
    .multiprod2 .product-detail h1 {
      font-size: 1.5em;
      text-transform: uppercase;
      color: #4d4d4d;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      font-style: normal;
      line-height: 1.2; }
  .multiprod2 .product-details-inner {
    float: left;
    margin: 0 auto;
    margin-bottom: 0em;
    width: 51%; }
    .multiprod2 .product-details-inner .product-text {
      margin-top: 1em;
      margin-bottom: 1em; }
  .multiprod2 .product-images {
    float: right;
    width: 42%;
    margin-right: 2%;
    margin-top: 0.2em;
    margin-bottom: 1em; }
  .multiprod2 .product-form {
    clear: both; } }
@media all and (min-width: 120em) {
  .multiprod3 .product-detail {
    max-width: 80em;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
    .multiprod3 .product-detail h1 {
      font-size: 1.5em;
      text-transform: uppercase;
      color: #4d4d4d;
      font-family: 'Open Sans', sans-serif;
      font-weight: 700;
      font-style: normal;
      line-height: 1.2; }
  .multiprod3 .product-details-inner {
    float: left;
    margin: 0 auto;
    margin-bottom: 0em;
    width: 51%; }
    .multiprod3 .product-details-inner .product-text {
      margin-top: 1em;
      margin-bottom: 1em; }
  .multiprod3 .product-images {
    float: right;
    width: 42%;
    margin-right: 2%;
    margin-top: 0.2em;
    margin-bottom: 1em; }
  .multiprod3 .product-form {
    clear: both; } }
/*
 * ============================= Thankyou ===========================
 */
#thankyou-wrap h2 {
  font-size: 1em; }
#thankyou-wrap .row-wrap {
  padding: 0em 1em 2em 1em;
  overflow: hidden;
  background: white;
  margin: auto; }
#thankyou-wrap .title-wrap {
  padding-left: 1em;
  padding-top: 2em;
  padding-bottom: 1em; }
#thankyou-wrap .row-wrap-inner {
  max-width: 80em;
  margin: 0 auto; }

#delivery_date {
  font-weight: bold; }

@media all and (min-width: 30em) {
  #thankyou-wrap .row-wrap {
    padding: 0em 2em 2em 2em; }
  #thankyou-wrap .title-wrap {
    padding-left: 2em !important;
    padding-top: 2em !important;
    padding-bottom: 1em !important; } }
@media all and (min-width: 48em) {
  #thankyou-wrap h2 {
    font-size: 1.2em; }
  #thankyou-wrap .row-wrap {
    padding: 0em 2em 2em 3em; } }
/*
 * --------------- AL ----------------
 */
.desc-float-right {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.desc-max-width-200 {
  max-width: 205px; }

.desc-margin-top {
  margin-top: 2em; }

@media screen and (min-width: 30em) {
  .desc-float-right {
    float: right;
    margin-right: 0;
    display: initial; }

  .desc-margin-1em {
    margin-left: 1em;
    margin-bottom: 1em; } }
.uppercase {
  text-transform: uppercase; }

.style-italic {
  font-style: italic !important; }

.desc-h2 {
  margin-bottom: 0.3em; }
  .desc-h2 span {
    font-weight: normal;
    text-transform: lowercase;
    font-size: 0.8em; }

.desc-h3 {
  margin-top: 0.8em;
  margin-bottom: 0.3em; }

.desc-50 {
  width: 100%;
  padding: 1em; }
  .desc-50 img, .desc-50 figure {
    width: 100%;
    margin: auto;
    max-width: 300px; }
  .desc-50 small {
    display: inline-block; }

.centered-figure {
  text-align: center; }
  .centered-figure img {
    max-width: 300px;
    width: 100%; }

.centered-figure-100p {
  text-align: center; }
  .centered-figure-100p img {
    max-width: 900px;
    width: 100%; }

.centered-figure-500px {
  text-align: center; }
  .centered-figure-500px img {
    max-width: 500px;
    width: 100%; }

.formula {
  text-align: center;
  padding: 1em 0 1em 0;
  font-size: 1.2em;
  font-weight: bold; }

.or-spacer {
  margin-right: 20%;
  margin-left: 20%;
  position: relative; }
  .or-spacer .mask {
    overflow: hidden;
    height: 20px; }
    .or-spacer .mask:after {
      content: '';
      display: block;
      margin: -25px auto 0;
      width: 100%;
      height: 25px;
      border-radius: 125px / 12px;
      box-shadow: 0 0 8px #e6e6e6; }

.or-spacer-above-aboutus {
  margin-bottom: -1em; }

.or-spacer-above-product-grid {
  margin-bottom: -2em; }

.or-space-fixed-short {
  width: 120px;
  margin-left: auto;
  margin-right: auto; }

.formatted-ul {
  list-style-type: none; }
  .formatted-ul li {
    margin-top: 0.5em;
    margin-left: 1em; }

.js-desc, .js-lvt-gtag {
  display: none; }

.premium-breadcrumb {
  display: none; }

.modification-success {
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  color: darkgreen;
  font-weight: bold;
  font-size: 0.8em; }

.sync-helper {
  height: 1px; }

.sync-point1 {
  height: 1px; }

.sync-point2 {
  height: 1px; }

.sync-point3 {
  height: 1px; }

.sync-point4 {
  height: 1px; }

.loupe {
  z-index: 2000000;
  background-color: #fff;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  background-clip: padding-box;
  border: 2px solid #ddd; }

#side-animator {
  width: 100%;
  max-width: 100%; }
  #side-animator .prod-discount-label1 {
    font-size: 0.8em !important; }
  #side-animator .prod-discount-label2 {
    font-size: 0.8em !important; }

#ajax-content {
  overflow: hidden; }

#content-container.side-display, #content-container.full-display {
  width: 100%;
  display: block; }

.left-content.side-display, .left-content.full-display {
  width: 100%;
  overflow: hidden; }

.right-content.side-display, .right-content.full-display {
  display: block;
  background: #fff;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  color: #4d4d4d;
  text-align: center;
  padding: 0 5px 0.3em 5px; }
  .right-content.side-display .marketing-flag, .right-content.full-display .marketing-flag {
    text-align: center;
    margin-bottom: 1em; }
  .right-content.side-display .side-display-only, .right-content.full-display .side-display-only {
    display: none; }
  .right-content.side-display .marketing-long-content, .right-content.full-display .marketing-long-content {
    display: inline-block;
    text-align: left;
    margin-left: 1em; }
  .right-content.side-display .marketing-content-row-link, .right-content.full-display .marketing-content-row-link {
    color: #4d4d4d;
    max-width: 200px;
    display: block;
    margin: 0 auto;
    border-bottom: 1px solid #5c93ab; }
  .right-content.side-display .marketing-content-row-link:hover, .right-content.full-display .marketing-content-row-link:hover {
    color: #eeeeee; }
  .right-content.side-display .marketing-long img, .right-content.full-display .marketing-long img {
    vertical-align: top; }

@media all and (min-width: 28em) {
  .desc-50 {
    float: left;
    width: 50%; } }
@media all and (min-width: 60em) {
  .recommended-main-body {
    display: block; }

  #content-container.side-display {
    width: 100%;
    display: table; }

  .left-content.side-display {
    width: initial;
    vertical-align: top; }

  .right-content.side-display {
    display: table-cell;
    width: 190px;
    max-width: 190px;
    vertical-align: top;
    border-top: none;
    border-left: 1px solid #eeeeee; }
    .right-content.side-display .or-spacer {
      display: none; }
    .right-content.side-display .marketing-flag {
      text-align: left;
      margin-bottom: 0; }
    .right-content.side-display .side-display-only {
      display: block; }
    .right-content.side-display #side-animator {
      width: 180px;
      max-width: 180px; }
    .right-content.side-display .marketing-long-content {
      display: inline-block;
      text-align: center;
      margin-left: 0em; }
    .right-content.side-display .marketing-long img {
      vertical-align: middle; }

  .marketing-normal-content {
    height: auto !important; }

  .marketing-semi-normal-content {
    height: auto !important; } }
@media screen and (min-width: 80em) {
  #index-promo h1 {
    font-size: 64px; } }
@media screen and (min-width: 1310px) {
  #content-container.side-display #content-header.breadcrumb_classic {
    padding-left: calc((100% - 1104px)/2);
    padding-left: -moz-calc((100% - 1104px)/2);
    padding-left: -webkit-calc((100% - 1104px)/2); }
  #content-container.side-display #content-header-inner {
    margin-left: 0;
    margin-right: 0; } }
.marketing-long {
  max-width: 100% !important;
  width: auto !important; }

.marketing-flag {
  margin-top: 0.4em;
  display: inline-block;
  width: 100%;
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
  color: #4d4d4d;
  text-decoration: none;
  padding-left: 0.5em; }
  .marketing-flag div {
    display: inline-block; }
    .marketing-flag div span {
      font-weight: normal; }
  .marketing-flag h3 {
    font-size: 1em;
    display: inline-block;
    box-sizing: border-box;
    font-weight: bold; }

.marketing-block {
  margin-bottom: 0.8em;
  margin-top: 0.3em;
  display: inline-block;
  vertical-align: top;
  color: #4d4d4d;
  text-decoration: none;
  text-align: center;
  width: 100%;
  max-width: 180px;
  padding: 1px; }

.marketing-name {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: normal;
  margin-top: 0.3em;
  max-height: 2.8em;
  overflow: hidden; }

.marketing-img {
  max-width: 140px;
  border: 5px solid #fff;
  background-color: #fff;
  display: inline-block; }

.marketing-desc {
  font-size: 0.8em; }

.marketing-price {
  margin-top: 0.3em;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #4d4d4d;
  font-size: 0.8em; }
  .marketing-price em {
    font-size: 0.9em;
    font-weight: 100; }
  .marketing-price span {
    color: #d81d1d;
    font-size: 0.9em;
    font-weight: 100; }

.marketing-semi-normal-content {
  height: 2em; }

.category-content {
  width: 100%;
  text-align: left; }

.recommended-admin-command {
  width: 100%;
  border: none; }
  .recommended-admin-command td {
    border: none;
    text-align: center; }

.admin-ct {
  clear: both;
  background: #b8cff2;
  color: black;
  padding: 1em; }

.admin-ct .div-button {
  font-size: 0.75em;
  padding: 1em 1.5em; }

.question-mark {
  width: 15px;
  display: inline;
  margin-left: 5px;
  margin-top: -2px;
  cursor: pointer; }

.large-mark {
  width: 18px;
  margin-left: 10px; }

.tooltip {
  display: none;
  position: absolute;
  border: 1px solid #b3b3b3;
  background-color: #f2f2f2;
  color: #000;
  border-radius: 2px;
  padding: 10px;
  font-size: 0.8em;
  max-width: 30%; }

#mask {
  background: rgba(200, 200, 200, 0.5);
  position: fixed;
  z-index: 100000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: none; }

#mask .big-img {
  border: 1px solid #4d4d4d;
  background: white;
  position: fixed;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 90vh;
  max-width: 90vw; }
  #mask .big-img .big-img-img {
    padding: 1em;
    object-fit: contain;
    max-height: 90vh;
    max-width: 90vw; }
  #mask .big-img.img-with-data {
    width: 90vw; }
    #mask .big-img.img-with-data .big-img-img {
      padding-bottom: 4.5em !important; }
  #mask .big-img .close-button {
    position: absolute;
    background: #4d4d4d;
    color: white;
    top: -1em;
    right: -1em;
    padding: 0.5em;
    border-radius: 1em;
    cursor: pointer; }
  #mask .big-img .mud-tab {
    position: absolute;
    bottom: 0; }
#mask .big-img-control {
  position: absolute;
  top: 45%;
  cursor: pointer;
  background: #4d4d4d;
  color: white;
  opacity: 0.1;
  font-size: 1.5em;
  padding: 0.2em; }
  #mask .big-img-control:hover {
    opacity: 1; }
  #mask .big-img-control .icon {
    position: relative;
    top: 4px;
    left: 0px; }
#mask .big-img-control-right {
  right: 0; }
#mask .big-img-control-left {
  left: 0; }

.mask-message {
  border: 1px solid #eeeeee;
  position: absolute;
  max-width: 80%;
  background: rgba(255, 255, 255, 0.94);
  color: black;
  border-radius: 2px; }
  .mask-message .icon-cross {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #4d4d4d;
    font-size: 1em;
    padding: 0.5em 0.5em 0.7em 0.7em; }

.mask-message:hover {
  background-color: #fff;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear; }
  .mask-message:hover .icon-cross {
    color: #d81d1d;
    cursor: pointer; }

.mask-message-header {
  border-bottom: 1px solid #b3b3b3;
  margin: 16px 16px 0em 16px;
  font-size: 1.2em; }
  .mask-message-header h2 {
    display: inline-block;
    vertical-align: middle; }

.mask-message-body {
  padding: 16px;
  font-size: 0.9em; }

.mask-header-icon {
  width: 32px;
  display: inline;
  margin-right: 0.5em; }

.checkmark-icon {
  width: 20px;
  display: inline;
  margin-right: 0.5em; }

#accept-cookie {
  background-color: rgba(30, 30, 30, 0.9);
  border-top: 1px solid #4d4d4d;
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-height: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  text-align: left;
  transition: all 0.3s ease-in-out;
  visibility: visible;
  width: 100%;
  z-index: 1000000; }

#accept-cookie.accept-cookie-open {
  max-height: 500px;
  opacity: 1;
  transition: all 0.3s ease-in-out; }

#accept-cookie.accept-cookie-open #accept-cookie-button {
  transition: all 0.3s ease-in-out; }

#accept-cookie.accept-cookie-open #accept-cookie-link {
  bottom: 13px;
  transition: all 0.3s ease-in-out; }

#accept-cookie-details {
  color: #999999;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  padding: 20px 10px 0px 10px;
  width: 100%; }

#accept-cookie-link {
  color: #e6e6e6;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  transition: all 0.3s ease-in-out; }

#accept-cookie-link:hover {
  text-decoration: none; }

#accept-cookie-button {
  float: right;
  cursor: pointer;
  width: 115px;
  margin: 10px 10px 10px 0px;
  font-size: .75em;
  padding: 1em 1.5em; }

@media all and (min-width: 40em) {
  #accept-cookie-inner-wrapper {
    margin-right: 135px; }

  #accept-cookie-details {
    float: left;
    padding: 20px 10px 20px 10px; }

  #accept-cookie-button {
    margin: 10px -125px 10px 0px;
    position: absolute;
    bottom: 0; } }
.feedback-div {
  padding: 0em 0em 0.3em 0em;
  font-size: 1em;
  text-align: left;
  list-style-position: inside;
  width: 100%;
  z-index: 1100000;
  display: block;
  position: fixed;
  right: 0px;
  bottom: 0px;
  background-color: rgba(30, 30, 30, 0.9);
  border-top: 1px solid #4d4d4d;
  color: #e6e6e6; }
  .feedback-div h6 {
    font-weight: bold;
    font-size: 0.9em; }
  .feedback-div a, .feedback-div a:hover, .feedback-div a:active {
    color: #e6e6e6; }
  .feedback-div p {
    margin-top: 0.2em;
    font-size: 0.9em; }
  .feedback-div .icon-cross {
    position: absolute;
    top: 12px;
    right: 7px;
    color: #e6e6e6;
    font-size: 0.8em;
    padding: 0.1em 0.3em 0.3em 0.3em; }
  .feedback-div .icon-cross:hover {
    color: #d81d1d;
    cursor: pointer; }
  .feedback-div .error-div-header span {
    color: #d81d1d;
    padding-right: 0.3em; }
  .feedback-div .notification-div-header span {
    color: #2a932f;
    font-weight: bold;
    padding-right: 0.3em; }

.error-div-inner {
  padding: 0.5em 1em 0.5em 1em;
  margin: auto;
  max-width: 1024px; }

.feedback-div-inner {
  padding: 0.5em 1em 0.5em 1em;
  margin: auto;
  max-width: 1024px; }

.feedback-div:hover {
  background-color: rgba(30, 30, 30, 0.95);
  cursor: pointer;
  -webkit-transition: background-color 200ms linear;
  -moz-transition: background-color 200ms linear;
  -o-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear; }
  .feedback-div:hover .icon-downa {
    opacity: 1; }

.uc-container {
  line-height: 1.4;
  margin: 0px auto;
  padding: 0px 20px;
  font-size: 14px; }

.uc-container-bc-width {
  padding: 0px 20px; }

.uc-container h2 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 12px 0; }

.uc-container p {
  margin: 0 0 10px 0; }

.uc-container ul {
  margin: 0 0 10px 20px;
  padding: 0;
  list-style-type: disc; }

.uc-container li {
  margin-bottom: 6px; }

.category-post-content {
  margin-top: 2em; }

@media (min-width: 48em) {
  .uc-left-content, .uc-right-content {
    width: 50%;
    float: left;
    border-bottom: none; } }
@media all and (min-width: 60em) {
  .breadcrumb-level {
    width: 680px; }

  .uc-container-bc-width {
    width: 680px;
    padding: 0px; } }
@media all and (min-width: 1000px) {
  .breadcrumb-level {
    width: 720px; }

  .uc-container-bc-width {
    width: 720px; } }
@media all and (min-width: 1040px) {
  .breadcrumb-level {
    width: 760px; }

  .uc-container-bc-width {
    width: 760px; } }
@media all and (min-width: 1080px) {
  .breadcrumb-level {
    width: 800px; }

  .uc-container-bc-width {
    width: 800px; } }
@media all and (min-width: 1120px) {
  .breadcrumb-level {
    width: 840px; }

  .uc-container-bc-width {
    width: 840px; } }
@media all and (min-width: 1160px) {
  .breadcrumb-level {
    width: 880px; }

  .uc-container-bc-width {
    width: 880px; } }
@media all and (min-width: 1200px) {
  .breadcrumb-level {
    width: 920px; }

  .uc-container-bc-width {
    width: 920px; } }
@media all and (min-width: 1240px) {
  .breadcrumb-level {
    width: 960px; }

  .uc-container-bc-width {
    width: 960px; } }
@media all and (min-width: 1280px) {
  .breadcrumb-level {
    width: 1000px; }

  .uc-container-bc-width {
    width: 1000px; } }
@media all and (min-width: 1320px) {
  .breadcrumb-level {
    width: 1040px; }

  .uc-container-bc-width {
    width: 1040px; } }
@media all and (min-width: 1360px) {
  .breadcrumb-level {
    width: 1080px; }

  .uc-container-bc-width {
    width: 1080px; } }
@media all and (min-width: 1400px) {
  .breadcrumb-level {
    width: 1120px; }

  .uc-container-bc-width {
    width: 1120px; } }
@media all and (min-width: 1440px) {
  .breadcrumb-level {
    width: 1160px; }

  .uc-container-bc-width {
    width: 1160px; } }
@media all and (min-width: 1480px) {
  .breadcrumb-level {
    width: 1200px; }

  .uc-container-bc-width {
    width: 1200px; } }
@media all and (min-width: 1520px) {
  .breadcrumb-level {
    width: 1240px; }

  .uc-container-bc-width {
    width: 1240px; } }
@media all and (min-width: 1560px) {
  .breadcrumb-level {
    width: 1280px; }

  .uc-container-bc-width {
    width: 1280px; } }
@media all and (min-width: 1600px) {
  .breadcrumb-level {
    width: 1320px; }

  .uc-container-bc-width {
    width: 1320px; } }
@media all and (min-width: 1640px) {
  .breadcrumb-level {
    width: 1360px; }

  .uc-container-bc-width {
    width: 1360px; } }
@media all and (min-width: 1680px) {
  .breadcrumb-level {
    width: 1400px; }

  .uc-container-bc-width {
    width: 1400px; } }
@media all and (min-width: 1720px) {
  .breadcrumb-level {
    width: 1440px; }

  .uc-container-bc-width {
    width: 1440px; } }
@media all and (min-width: 1760px) {
  .breadcrumb-level {
    width: 1480px; }

  .uc-container-bc-width {
    width: 1480px; } }
@media all and (min-width: 1800px) {
  .breadcrumb-level {
    width: 1520px; }

  .uc-container-bc-width {
    width: 1520px; } }
@media all and (min-width: 1840px) {
  .breadcrumb-level {
    width: 1560px; }

  .uc-container-bc-width {
    width: 1560px; } }
@media all and (min-width: 1880px) {
  .breadcrumb-level {
    width: 1600px; }

  .uc-container-bc-width {
    width: 1600px; } }
@media all and (min-width: 1920px) {
  .breadcrumb-level {
    width: 1640px; }

  .uc-container-bc-width {
    width: 1640px; } }
@media all and (min-width: 1960px) {
  .breadcrumb-level {
    width: 1680px; }

  .uc-container-bc-width {
    width: 1680px; } }
@media all and (min-width: 2000px) {
  .breadcrumb-level {
    width: 1720px; }

  .uc-container-bc-width {
    width: 1720px; } }
@media all and (min-width: 2040px) {
  .breadcrumb-level {
    width: 1760px; }

  .uc-container-bc-width {
    width: 1760px; } }
@media all and (min-width: 2080px) {
  .breadcrumb-level {
    width: 1800px; }

  .uc-container-bc-width {
    width: 1800px; } }
@media all and (min-width: 2120px) {
  .breadcrumb-level {
    width: 1840px; }

  .uc-container-bc-width {
    width: 1840px; } }
@media all and (min-width: 2160px) {
  .breadcrumb-level {
    width: 1880px; }

  .uc-container-bc-width {
    width: 1880px; } }
@media all and (min-width: 2200px) {
  .breadcrumb-level {
    width: 1920px; }

  .uc-container-bc-width {
    width: 1920px; } }
@media all and (min-width: 2240px) {
  .breadcrumb-level {
    width: 1960px; }

  .uc-container-bc-width {
    width: 1960px; } }
@media all and (min-width: 2280px) {
  .breadcrumb-level {
    width: 2000px; }

  .uc-container-bc-width {
    width: 2000px; } }
@media all and (min-width: 2320px) {
  .breadcrumb-level {
    width: 2040px; }

  .uc-container-bc-width {
    width: 2040px; } }
@media all and (min-width: 2360px) {
  .breadcrumb-level {
    width: 2080px; }

  .uc-container-bc-width {
    width: 2080px; } }
@media all and (min-width: 2400px) {
  .breadcrumb-level {
    width: 2120px; }

  .uc-container-bc-width {
    width: 2120px; } }
@media all and (min-width: 2440px) {
  .breadcrumb-level {
    width: 2160px; }

  .uc-container-bc-width {
    width: 2160px; } }
@media all and (min-width: 2480px) {
  .breadcrumb-level {
    width: 2200px; }

  .uc-container-bc-width {
    width: 2200px; } }
@media all and (min-width: 2520px) {
  .breadcrumb-level {
    width: 2240px; }

  .uc-container-bc-width {
    width: 2240px; } }
@media all and (min-width: 2560px) {
  .breadcrumb-level {
    width: 2280px; }

  .uc-container-bc-width {
    width: 2280px; } }
@media all and (min-width: 2600px) {
  .breadcrumb-level {
    width: 2320px; }

  .uc-container-bc-width {
    width: 2320px; } }
@media all and (min-width: 2640px) {
  .breadcrumb-level {
    width: 2360px; }

  .uc-container-bc-width {
    width: 2360px; } }
@media all and (min-width: 2680px) {
  .breadcrumb-level {
    width: 2400px; }

  .uc-container-bc-width {
    width: 2400px; } }
@media all and (min-width: 2720px) {
  .breadcrumb-level {
    width: 2440px; }

  .uc-container-bc-width {
    width: 2440px; } }
@media all and (min-width: 2760px) {
  .breadcrumb-level {
    width: 2480px; }

  .uc-container-bc-width {
    width: 2480px; } }
@media all and (min-width: 2800px) {
  .breadcrumb-level {
    width: 2520px; }

  .uc-container-bc-width {
    width: 2520px; } }
@media all and (min-width: 2840px) {
  .breadcrumb-level {
    width: 2560px; }

  .uc-container-bc-width {
    width: 2560px; } }
@media all and (min-width: 2880px) {
  .breadcrumb-level {
    width: 2600px; }

  .uc-container-bc-width {
    width: 2600px; } }
.formula-table {
  border: none;
  width: auto;
  margin: auto;
  font-size: 1.2em; }
  .formula-table td {
    border: none;
    text-align: center; }
  .formula-table .upper-td {
    border-bottom: 1px solid #bbb !important; }

.clear-div {
  clear: both; }

.width_120px {
  width: 120px; }

.width_100p {
  width: 100%; }

.max_width_100p {
  max-width: 100%; }

.width_80p {
  width: 80%; }

.width_75p {
  width: 75%; }

.width_60p {
  width: 60%; }

.width_50p {
  width: 50%; }

.width_40p {
  width: 40%; }

.width_33p {
  width: 33%; }

.width_25p {
  width: 25%; }

.width_20p {
  width: 20%; }

.max-width-40em {
  max-width: 40em; }

.max-width-150px {
  max-width: 150px !important; }

.font-1em {
  font-size: 1em; }

.font-600 {
  font-weight: 600; }

.font-bold {
  font-weight: bold; }

.display-block {
  display: block; }

.vertical_middle {
  vertical-align: middle; }

.vertical_top {
  vertical-align: top; }

.nowrap {
  white-space: nowrap; }

.align_left {
  text-align: left; }

.align_right {
  text-align: right; }

.align_center {
  text-align: center; }

.align_justify {
  text-align: justify; }

.clear_left {
  clear: left; }

.float_left {
  float: left; }

.float_right {
  float: right; }

.float_none {
  float: none !important; }

.height-1em {
  height: 1em; }

.auto-margin {
  margin: auto; }

.margin_left_2px {
  margin-left: 2px; }

.margin_right_2px {
  margin-right: 2px; }

.margin_top_0 {
  margin-top: 0 !important; }

.margin_top_05em {
  margin-top: 0.5em; }

.margin_top_15em {
  margin-top: 1.5em; }

.margin_top_2em {
  margin-top: 2em; }

.margin_top_20px {
  margin-top: 20px; }

.margin_bottom_2em {
  margin-bottom: 2em; }

.margin_bottom_0 {
  margin-bottom: 0px; }

.min-width-200px {
  min-width: 200px; }

.border-bottom-none {
  border-bottom: none; }

.border-none {
  border: none; }

.line-height-0 {
  line-height: 0em; }

.padding-left-80px {
  padding-left: 80px; }

.padding-top-10px-imp {
  padding-top: 10px !important; }

.color-white {
  color: #fff; }

.force-lower {
  text-transform: lowercase !important; }

.green-color {
  color: green; }

.red-color {
  color: #d81d1d; }

.orange-color {
  color: #ff6600; }

.small {
  font-size: 0.75em; }

.smooth-link {
  color: #4d4d4d; }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome and Opera */ }

.load-more-new-item {
  opacity: 0;
  transform: translateY(14px);
  animation: loadMoreItemIn 280ms cubic-bezier(0.2, 0.7, 0.2, 1) forwards; }

@keyframes loadMoreItemIn {
  from {
    opacity: 0;
    transform: translateY(14px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  .load-more-new-item {
    animation: none !important;
    opacity: 1;
    transform: none; } }
/* Product reviews */
.product-review-summary {
  display: flex;
  width: max-content;
  position: relative;
  top: -5px;
  align-items: center;
  gap: .55rem;
  margin: 0 0 -12px;
  color: #252525;
  text-decoration: none;
  font-size: .9rem; }

.product-review-summary:hover, .product-review-summary:focus {
  text-decoration: none; }

.review-stars {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  font-size: 1.45rem;
  line-height: 1;
  letter-spacing: .06em;
  color: #c9c9c9; }

.review-stars-fill {
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  top: 0;
  left: 0;
  color: #e7ae00; }

.product-review-summary .review-average {
  font-size: .83rem; }

.product-review-summary .review-count {
  font-size: .8rem;
  color: #686868; }

.product-reviews-section {
  padding: 4rem 1.5rem;
  background: #f7f8f8;
  color: #222;
  font-size: 16px;
  scroll-margin-top: 4rem; }

.product-reviews-section h2, .product-reviews-section h3, .product-reviews-section p {
  color: #222; }

.product-reviews-inner {
  max-width: 1180px;
  margin: 0 auto; }

.product-reviews-inner > h2 {
  text-align: center;
  margin: 0 0 1rem;
  text-transform: uppercase;
  font-size: 1.7rem; }

.reviews-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 1.5rem 0;
  flex-wrap: wrap; }

.reviews-overall {
  display: flex;
  align-items: center;
  gap: .6rem; }

.reviews-overall small {
  color: #676767; }

.review-write-button, .review-submit-button {
  display: inline-block;
  border: 1px solid #272727;
  background: #272727;
  color: white !important;
  padding: .7rem 1.1rem;
  font: 600 14px/1.4 Arial, sans-serif;
  text-decoration: none;
  cursor: pointer; }

.review-write-button:hover, .review-write-button:focus {
  background: #444;
  border-color: #444;
  color: #fff !important; }

.review-submit-button:hover, .review-submit-button:focus {
  background: #000;
  color: #fff !important; }

.review-own-status {
  color: #454545;
  font-size: .95rem;
  text-align: center;
  margin: 0 0 1.5rem; }

.reviews-toolbar .reviews-empty {
  margin: 0;
  text-align: left; }

.reviews-toolbar .review-write-button {
  margin-left: auto; }

.review-batch {
  columns: 2;
  column-gap: 1rem;
  column-fill: balance; }

.review-batch + .review-batch {
  margin-top: 1rem; }

.review-load-more-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: .75rem;
  margin: 1.5rem 0 0; }

.review-load-error {
  color: #a00000;
  font-size: .875rem; }

.review-load-error[hidden] {
  display: none; }

.review-card {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  padding: 1.3rem;
  border: 1px solid #ddd;
  background: #fff;
  color: #222;
  min-width: 0;
  box-sizing: border-box;
  break-inside: avoid; }

.review-card-header {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .25rem .75rem;
  margin-bottom: .4rem; }

.review-card h3 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 700; }

.card-stars {
  color: #e7ae00;
  letter-spacing: .08em; }

.card-stars span {
  color: #d3d3d3; }

.review-body {
  line-height: 1.5;
  overflow-wrap: anywhere; }

.review-body p {
  margin: .8rem 0; }

.review-full p:first-child {
  margin-top: 0; }

.review-text-details summary {
  cursor: pointer;
  list-style: none;
  white-space: pre-wrap; }

.review-text-details summary::-webkit-details-marker {
  display: none; }

.review-text-details summary:focus-visible {
  outline: 2px solid #222;
  outline-offset: 3px; }

.review-more-label, .review-less-button {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
  white-space: nowrap; }

.review-text-details[open] > summary {
  display: none; }

.review-less-button {
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  cursor: pointer; }

.review-less-button:focus-visible {
  outline: 2px solid #222;
  outline-offset: 3px; }

.review-admin-reply {
  display: flex;
  gap: .65rem;
  margin-top: 1rem;
  padding-left: 1rem;
  border-left: 2px solid #d6d6d6;
  line-height: 1.5;
  overflow-wrap: anywhere; }

.review-reply-icon {
  font-size: 1.4rem;
  line-height: 1;
  color: #777; }

.review-reply-text p {
  margin: .45rem 0 0; }

.review-card time {
  color: #696969;
  font-size: .8rem; }

#product-grid .product .product-grid-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .3rem;
  min-height: 1.2rem;
  padding: 0 9px;
  text-align: left; }

#product-grid .product .product-grid-code {
  display: flex;
  align-items: center;
  min-width: 0;
  margin: .3em 0 0;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

#product-grid .product .product-grid-code .product-stock {
  flex: none;
  margin: 0 .2em 0 0; }

#product-grid .product .product-grid-rating {
  flex: none;
  margin-left: auto;
  cursor: default; }

#product-grid .product .product-grid-rating .review-stars {
  font-size: .78rem;
  letter-spacing: 0; }

.reviews-empty {
  text-align: center;
  color: #555; }

.review-dialog {
  width: 560px;
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
  padding: 2.4rem;
  border: 0;
  box-shadow: 0 16px 60px #0005;
  color: #222; }

.review-dialog::backdrop {
  background: #0009; }

.review-dialog-complete[open] {
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center; }

.review-dialog-complete > h2 {
  margin: 0;
  text-align: center; }

.review-dialog > h2 {
  margin: 0 2rem .3rem 0;
  font-size: 1.5rem; }

.review-dialog-product {
  margin: 0 0 1.4rem;
  color: #555; }

.review-dialog-close {
  position: absolute;
  top: .7rem;
  right: .8rem;
  border: 0;
  background: transparent;
  font-size: 2rem;
  cursor: pointer; }

.review-entry-form {
  display: grid;
  gap: .7rem; }

.review-entry-form label {
  font-weight: 600; }

.review-entry-form input[type=text], .review-entry-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: .75rem;
  border: 1px solid #aaa;
  font: inherit;
  background: #fff;
  color: #222; }

.review-entry-form textarea {
  resize: vertical; }

.review-rating-field {
  margin: 0 0 .4rem;
  padding: 0;
  border: 0; }

.review-rating-field legend {
  margin-bottom: .5rem;
  font-weight: 600; }

.review-rating-options {
  display: inline-flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: .08rem; }

.review-rating-options input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px; }

.review-rating-options label {
  font-size: 2.3rem;
  line-height: 1;
  color: #ccc;
  cursor: pointer; }

.review-rating-options .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.review-rating-options label:hover, .review-rating-options label:hover ~ label, .review-rating-options input:checked ~ label {
  color: #e7ae00; }

.review-rating-options input:focus-visible + label {
  outline: 2px solid #222;
  outline-offset: 2px; }

.review-form-note {
  margin: .3rem 0;
  color: #555;
  font-size: .88rem; }

.review-submit-button {
  justify-self: start; }

.review-form-error {
  color: #a90000; }

.product-review-page {
  padding: 3rem 1.5rem; }

.product-review-page-inner {
  max-width: 620px;
  margin: 0 auto; }

.product-review-page h1 {
  margin: 1rem 0 .3rem; }

.product-review-page h2 {
  margin: 0 0 1.5rem;
  font-size: 1.1rem;
  font-weight: normal; }

.review-current-status {
  padding: 1rem;
  background: #f3f3f3; }

@media (max-width: 900px) {
  .product-reviews-section {
    margin-top: 50px; } }
@media (max-width: 640px) {
  .product-reviews-section {
    padding: 2.5rem 1rem; }

  .review-batch {
    columns: 1; }

  .review-dialog {
    padding: 1.5rem; } }
#order-wrap .checkout-note-consent {
  display: flex;
  align-items: flex-start;
  gap: 24px; }

#order-wrap .checkout-note-consent #comment {
  flex: 1 1 50%;
  min-width: 0;
  box-sizing: border-box; }

#order-wrap .checkout-review-consent {
  display: flex;
  flex: 1 1 50%;
  align-items: flex-start;
  gap: 10px;
  margin: 10px 0 0;
  padding: 0;
  color: #000;
  cursor: pointer;
  line-height: 1.45; }

#order-wrap .checkout-review-consent input[type="checkbox"] {
  flex: none;
  margin: 4px 0 0; }

#order-wrap .checkout-review-consent span {
  color: #000; }

@media (max-width: 700px) {
  #order-wrap .checkout-note-consent {
    flex-direction: column;
    gap: 0; }

  #order-wrap .checkout-note-consent #comment, #order-wrap .checkout-review-consent {
    width: 100%;
    flex-basis: auto; } }
.review-email-unsubscribe-page {
  max-width: 620px;
  margin: 45px auto 80px;
  padding: 0 20px; }

.review-email-unsubscribe-page h1 {
  margin: 0 0 20px; }

.review-email-unsubscribe-page p {
  margin: 0 0 20px;
  line-height: 1.5; }