@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 400;
	src: url('https://www.uhrenschmuck24.ch/skin/frontend/default/fonts/gotham/Gotham-Book.eot');
	src: local('Gotham'), local('Gotham-Regular'),
	url('https://www.uhrenschmuck24.ch/skin/frontend/default/fonts/gotham/Gotham-Book.eot?#iefix') format('embedded-opentype'),
	url('https://www.uhrenschmuck24.ch/skin/frontend/default/fonts/gotham/Gotham-Book.woff2') format('woff2'),
	url('https://www.uhrenschmuck24.ch/skin/frontend/default/fonts/gotham/Gotham-Book.woff') format('woff'),
	url('https://www.uhrenschmuck24.ch/skin/frontend/default/fonts/gotham/Gotham-Book.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 700;
	src: url('https://www.uhrenschmuck24.ch/skin/frontend/default/fonts/gotham/Gotham-Medium.eot');
	src: local('Gotham Bold'), local('Gotham-Medium'),
	url('https://www.uhrenschmuck24.ch/skin/frontend/default/fonts/gotham/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
	url('https://www.uhrenschmuck24.ch/skin/frontend/default/fonts/gotham/Gotham-Medium.woff2') format('woff2'),
	url('https://www.uhrenschmuck24.ch/skin/frontend/default/fonts/gotham/Gotham-Medium.woff') format('woff'),
	url('https://www.uhrenschmuck24.ch/skin/frontend/default/fonts/gotham/Gotham-Medium.ttf') format('truetype');
	font-display: swap;
}

/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

* { margin:0; padding:0; }
html { font-size:16px; /* Fix for Opera */ }
body {	font:75%/150% Gotham, Helvetica, sans-serif; letter-spacing: -.03em; background-color:#fff; color:#333; text-align:center; }

img           { border:0; vertical-align:top; max-width:100%; }

a             { color:#888; text-decoration:none; }
a:hover       { text-decoration:none; color:#333; }
:focus        { outline:0; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; font-weight: normal }
h1 { font-size: 32px; line-height: 40px; margin-bottom:20px }
h2 { font-size: 24px; line-height: 30px }
h3 { font-size: 20px; line-height: 24px }
h4 { font-size: 16px; line-height: 20px }
h5 { font-size: 14px; line-height: 16px }
h6 { font-size: 12px; line-height: 14px }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
strong        { font-weight:bold; }
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; min-height:147px; position:relative; }
.no-display   { display:none !important; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }



/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
@media only screen and (max-width: 990px) {
	#root-wrapper { overflow: hidden; }
}

.page { text-align:left; background-repeat:repeat; background-position:center top; }
.page-print { background:#fff; padding:20px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; background:#fff; }

.main-container { background-repeat:repeat; background-position:center top; }
.main {
	padding: 14px 0;
	min-height: 370px;
}


/* Base Columns */
.col-left { float:left; }
.col-main { float:left; }
.col-right { float:right; }

/* 1 Column Layout */
.col1-layout .col-main { width:100%; }

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main {}
.col3-layout .col-wrapper { float:left; }
.col3-layout .col-wrapper .col-main { float:right; }

/* Content Columns */
.col2-set .col-1 { float:left; width:49%; }
.col2-set .col-2 { float:right; width:49%; }
.col2-set .col-narrow { width:33%; }
.col2-set .col-wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }

/**/
.preface { clear:both; }
.postscript { clear:both; }



/* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Form Elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Basic
-------------------------------------------------------------- */
input, select, textarea, button {
	font:14px/18px Gotham, Helvetica, sans-serif;
	vertical-align:middle;
}
/* Fix: remove default formatting on iOS (e.g. rounded corners) */
input.input-text, textarea { -webkit-appearance:none; }
input.input-text, select, textarea {
	background:#fff;
	border:1px solid #ddd;
	color:#888;

	/* Box model */
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:	border-box;
	box-sizing:			border-box;

	/* Remove default formatting, fix for iOS (rounded corners and shadow) */
	-webkit-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	box-shadow:none;
}
input.input-text{
	height: 36px;
}
select {
	height:36px;
	padding:8px;
	text-overflow:ellipsis;
}
select.multiselect {
	height: auto;
}
input.input-text, textarea {
	padding:8px;
	text-overflow:ellipsis;
}

select option { padding-right:10px; padding-left:5px; }
select option:disabled { color:#ccc; }
select.multiselect option { border-bottom:1px solid #eee; padding:2px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:3em !important; text-align:center; }

/* Active and others
-------------------------------------------------------------- */
input.input-text:hover, select:hover, textarea:hover, 
input.input-text:focus, select:focus, textarea:focus { border-color:#aaa; color:#333; outline:none; }

/* Buttons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */

.button {
	display: inline-block;
	margin:0;
	border:0;
	overflow:visible;
	cursor:pointer;
	font-size:16px;
	font-weight: normal;
	white-space:nowrap;
	text-align:center;
	background-color:#ddd;
	color:#333;

	line-height:45px;
	padding:0 25px;

	border-radius: 2px;
}
.button:hover {
	background-color:#333;
	color:#fff;
}

/* Smaller button - for inline display, e.g. with input boxes
-------------------------------------------------------------- */
.button.btn-inline,
.sidebar .block .button, /* Sidebar block button */
.product-view .box-tags .form-add .button, /* Customer tags form */
.title-buttons .button /* Heading buttons */
{
	padding:0 15px;
	line-height:36px;
	font-size: 14px;
}

/* Big button: proceed to checkout
-------------------------------------------------------------- */
.btn-checkout {
	line-height: 55px;
	font-size: 18px;
}


/* Form
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
p.control input.checkbox,
p.control input.radio { margin-right:6px; }

/* Form lists */
/* Grouped fields */
.form-list li { margin:0 0 8px; }
.form-list label { float:left; font-weight:bold; position:relative; z-index:0; margin:0 0 2px 0; }
.form-list label.required {}
.form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { margin-right:6px; }
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
.form-list .input-box { display:block; clear:both; }
.form-list .field { float:left; width:275px; margin-bottom:5px; }
.form-list input.input-text { width:262px; /*244px;*/ }
.form-list textarea { width:244px; height:10em; }
.form-list select { width:262px; }
.form-list li.wide .input-box { /*width:535px;*/ }
.form-list li.wide input.input-text { /*width:529px;*/ }
.form-list li.wide textarea { /*width:529px;*/ }
.form-list li.wide select { /*width:535px;*/ }
.form-list li.additional-row { border-top:1px solid #e5e5e5; margin-top:10px; }
.form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; }
.form-list .input-range input.input-text { width:74px; }
/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }

.form-list .name-prefix { width:65px; }
.form-list .name-prefix select { width:55px; }
.form-list .name-prefix input.input-text { width:49px; }

.form-list .name-suffix { width:65px; }
.form-list .name-suffix select { width:55px; }
.form-list .name-suffix input.input-text { width:49px; }

.form-list .name-middlename { width:70px; }
.form-list .name-middlename input.input-text { width:49px; }

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname { width:140px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname { width:210px; }

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname { width:205px; }

.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { font-size:10px; font-weight:normal; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:46px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:134px; }

/* Orders and Returns form
-------------------------------------------------------------- */
#oar_widget_orders_and_returns_form .buttons-set button { float: left; margin-left: 0; }
#oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; }

/* Fieldset
-------------------------------------------------------------- */
.fieldset + .fieldset {
	margin-top: 30px;
}

/* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */
.fieldset,
.multiple-checkout .col2-set,
.multiple-checkout .col3-set,
.info-set {
	margin:0 0 10px;
	padding:0;
}
.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend {}

/* Buttons set
-------------------------------------------------------------- */
.buttons-set {
	clear: both;
	margin: 30px 0 0;
	padding-top: 10px;
	border-top: 1px solid #e5e5e5;
}
.buttons-set p.required {
	float: right;
	line-height: 1em;
	margin: -33px 0 0;
}
.buttons-set button.button {
	float: right;
	margin-left: 5px;
	min-width: 140px;
}

/* Back link */
.buttons-set .back-link {
	float: left;
	margin: 0;
	line-height: 36px;
}
.buttons-set .back-link small { display: none; }
.buttons-set .back-link a:before { margin-right:7px; }

/* Form Validation
-------------------------------------------------------------- */
.validation-advice { clear:both; font-size:0.9166em; line-height:1em; color:#ee001c; margin-top:5px; margin-bottom:5px; }
.validation-failed { border:1px solid #ee001c !important; background:#fff !important; }
.validation-passed {}

/* Required */
p.required { font-size:0.8333em; /*10px*/ text-align:right; }
p.required,
.product-options dt label.required em,
.form-list label.required em { color:#ee001c; }

/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }

/* Selected buttons sets
-------------------------------------------------------------- */
/* Log in */
.account-login .buttons-set .button,
/* Create account */
.account-create .buttons-set .button,
/* Forgot password */
.customer-account-forgotpassword .buttons-set .button,
/* Advanced search */
.catalogsearch-advanced-index .buttons-set .button,
/* Orders and Returns form */
#oar_widget_orders_and_returns_form .buttons-set .button,
/* Contact us */
.contacts-index-index .buttons-set .button
{
	min-width: 180px;
}

/* Selected forms
-------------------------------------------------------------- */
#contactForm textarea {
	width: 100%;
	max-width: 535px;
}


/* Global Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.success { color:#3d6611; font-weight:bold; }
.error { color:#ee001c; font-weight:bold; }
.notice { color:#ccc; }

.messages,
.messages ul { list-style:none !important; margin:0; padding:0; }
.messages { overflow:hidden; margin:0 0 10px; }
.messages li { margin:0 0 1%; }
.messages > li:last-child { margin-bottom:0; }
.messages li li { margin:0; }
.messages a { text-decoration:underline; }
.catalog-category-view .messages { margin-top:15px; margin-bottom:15px; }
.cms-index-index .messages,
.cms-home .messages { margin:20px 0 20px; }

.error-msg,
.success-msg,
.note-msg,
.notice-msg { 
	background-position:25px center !important;
	background-repeat:no-repeat !important;
	padding:25px 25px 25px 80px !important;
	font-size:12px !important; 
}
.error-msg {
	border-color:#c02230;
	background-color:#F5DAD3;
	background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/i_msg-error.png);
	color:#c02230;
}
.success-msg {
	border-color:#296a23;
	background-color:#e9ffca;
	background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/i_msg-success.png);
	color:#296a23;
}
.note-msg,
.notice-msg {
	border-color:#7c622a;
	background-color:#FDEDA4;
	background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/i_msg-note.png);
	color:#7c622a;
}

.item-warning-message.notice-msg { margin: 10px 0; background-position: 10px center !important; padding: 10px 15px 12px 50px !important;font-size:13px !important; }

/* BreadCrumbs
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.breadcrumbs {
	line-height: 1.5em;
	margin-bottom: 12px;
	text-align: left !important;
	overflow-x: scroll;
	overflow-y: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.breadcrumbs::-webkit-scrollbar {
	display: none;
}

.breadcrumbs ul {
	display: flex;
}

.breadcrumbs li {
	display: flex;
	align-items: center;
	gap: 3.52px
}

.breadcrumbs li > * {
	display: inline-block;
	vertical-align: middle;
}

.breadcrumbs li a {
	color: #bbbbbb;
}

.breadcrumbs li a:hover {
color: #000000;
}

/* Left padding smaller because inline-block layout adds a space between elements */
.breadcrumbs li svg {
	margin-left: 4px;
	margin-right: 6px;
    width: 7px;
	height: 7px;
	transform: rotate(-90deg);
}

.breadcrumbs li span {
	white-space: nowrap;
}

/* Page Heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-title h1,
.page-title h2 { margin-bottom:0; word-wrap: break-word; }
.page-title { margin-bottom:20px; }
/*.category-title { margin-bottom:10px; }*/

/* Links in page title */
.page-title .separator { margin:0 3px; }
.page-title .separator,
.page-title .link-reorder,
.page-title .link-rss,
.page-title .link-print { font-weight:normal; display:inline-block; margin-top:10px; }
.page-title .link-rss { float:right; margin-top:15px; }

/* Title with buttons */
.title-buttons { text-align:right; }
.title-buttons button { margin-left:1em; }
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; text-align:left; /* TRICKY: align left as opposition to other elements */ }


/* Toolbar: pager and sorter
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Sorter
-------------------------------------------------------------- */
.sorter { padding:10px 0; }

/* View mode */
.sorter .view-mode { float:right; }
.sorter .view-mode label { margin-right:5px; }
.sorter .view-mode .grid,
.sorter .view-mode .list { margin-left: 1px; }

/* Sort by */
.sorter .sort-by { float:left; margin-right:10px; padding-right:3px; background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/img/link-separator.png) right center no-repeat; }

/* Pager
-------------------------------------------------------------- */
.pager .pages { float:right; vertical-align:middle; }
.pager .pages strong,
.pager .pages span { float:left; margin-right:5px; font-weight:normal; }
.pager .pages ol { display:inline-block; vertical-align:middle; }
.pager .pages li { float:left; margin:0 0 0 1px; display:block; text-align:center; border-radius: 2px }
.pager .pages li a { display:block; color:inherit; border-radius: 2px }
.pager .pages li a:hover svg { fill: #ffffff }
.pager .pages a.previous, .pager .pages a.next { width: 12px; height: 12px; padding: 9px; line-height: 0 }

/* Toolbar. Pager and sorter inside toolbar
-------------------------------------------------------------- */
.toolbar {
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:-1px; /* To cover the top line of the products grid/list */
	
	/* Move up to cover adjacent lines/elements */
	position:relative;
	z-index:1;
}

/* Pager inside toolbar - align center */
.toolbar .pager { margin:0; border-bottom:none; border-top:1px dashed #e5e5e5; text-align:center; }
.toolbar .pager .pages { display:inline-block; float:none; }

/* Bottom toolbar */
.toolbar-bottom { margin-top:10px; }
.toolbar-bottom .toolbar { border-bottom:none; }
.toolbar-bottom .toolbar .pager { border-top:none; }
.toolbar-bottom .sorter { display:none; }

/* Common styles for toolbar elements
-------------------------------------------------------------- */

	/* Height */
	.sorter,
	.pager { line-height:36px; } /* Important: the same as the height of the form elements */

	/* Icons */
	.sorter .view-mode .grid,
	.sorter .view-mode .list,
	.sorter .sort-by .category-asc,
	.sorter .sort-by .category-desc {
		display:inline-block;
		vertical-align: middle;
		font-size:14px;
	}

	/* Icons and elements of pager */
	.sorter .view-mode .grid,
	.sorter .view-mode .list,
	.sorter .sort-by .category-asc,
	.sorter .sort-by .category-desc,
	.pager .pages .current,
	.pager .pages li a {
		font-size: 12px;
		width:30px;
		height:30px;
		line-height:30px;
		text-align:center;
	}
	
	/* Amount */
	.pager .amount,
	.sorter .amount { float:left; padding-right:10px; margin-right:10px; background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/img/link-separator.png) right center no-repeat; }
	
	/* Limiter */
	.pager .limiter,
	.sorter .limiter { float:left; margin-right:15px; }


/* Data Table
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.data-table { width:100%; }
.data-table th,
.data-table td { padding:10px; }
.data-table thead { background:none; border-bottom:1px solid #e5e5e5; }
.data-table thead th { font-weight:bold; vertical-align:bottom; border-right: none; }
.data-table thead th.wrap { white-space:normal; }

.data-table tr.odd td,
.data-table tr.odd th { border-right:1px solid #f5f5f5;}
.data-table tr.odd td.last { border-right:none; }
.data-table tr.odd {}
.data-table tr.odd.last { border-bottom:#eee solid 1px; }

.data-table tr.even td,
.data-table tr.even th { border-right:1px solid #f5f5f5; }
.data-table tr.even td.last { border-right:none; }
.data-table tr.even { background-color:#fbfbfb; }

.data-table tbody tr:hover {}
.data-table tbody tr.product-shop-row:hover { background-color:#fff; } /*TODO:?*/
.data-table tbody.odd {}
.data-table tbody.odd td { border-width:0 1px; }
.data-table tbody.odd tr.last { border-bottom:#e5e5e5 solid 1px; }
.data-table tbody.even { background-color:#f5f5f5; }
.data-table tbody.even td { border-width:0 1px; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td {}
.data-table th .tax-flag { /*white-space:nowrap;*/ font-weight:normal; }

/* Additional classes for mobile devices
-------------------------------------------------------------- */
/* Cell title */
.data-table .cell-label { display:none; }

/* Styles for tables on CMS pages
-------------------------------------------------------------- */
.data-table thead tr:last-child {
	border-bottom: #aaa solid 1px !important;
}

.data-table tr td,
.data-table tr th {
	border-right: 1px solid #f5f5f5;
}
.data-table tr td:last-child,
.data-table tr th:last-child {
	border-right: none;
}

.data-table tr:nth-of-type(2n+1):last-child {
	border-bottom: #f5f5f5 solid 1px;
}

.data-table tr:nth-of-type(2n) {
	background-color: #fbfbfb;
}

/* Styles for tables on CMS pages
-------------------------------------------------------------- */
.data-table-bordered tr td,
.data-table-bordered tr th {
	border-right: 1px solid #bbb;
}

.data-table-bordered tr {
	border-bottom: #bbb solid 1px;
}
.data-table-bordered tr:nth-of-type(2n+1):last-child {
	border-bottom: #bbb solid 1px;
}
.data-table-bordered tr:nth-of-type(2n) {
	background-color: #fbfbfb;
}


/* Shopping cart total summary row expandable to details
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
tr.summary-total { cursor:pointer; }
tr.summary-total td {}
tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; }
tr.show-details .summary-collapse { background-position:0 -53px; }
tr.show-details td {}
tr.summary-details td { font-size:11px; background-color:#f5f5f5; color:#777; padding:2px 5px !important; }
tr.summary-details-first td { border-top:1px solid #d5d5d5; }
tr.summary-details-excluded { font-style:italic; }


/* Shopping cart tax info
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-tax-info { display:block; }
.cart-tax-info,
.cart-tax-info .cart-price { padding-right:20px; }
.cart-tax-total { display:block; padding-right:20px; background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; }
.cart-tax-info .price,
.cart-tax-total .price { display:inline !important; font-weight:normal !important; }
.cart-tax-total-expanded { background-position:100% -53px; }


/* Misc
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.link-cart { font-weight:bold; }
.link-reorder { font-weight:bold; }
.link-print { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/i_print.gif) 0 center no-repeat; padding:2px 0 2px 25px; }
.link-rss { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/i_rss.gif) 0 center no-repeat; padding-left:16px; white-space:nowrap; }

.cards-list dt { margin:5px 0 0; }
.cards-list .offset { padding:2px 0 2px 20px; }

.separator { margin:0 3px; font-weight:normal; color:#e5e5e5; }
.divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#e5e5e5; text-indent:-9999em; overflow:hidden; }

/* Global site notices
-------------------------------------------------------------- */
.global-site-notice { background:#f5f5f5; color:#333; }
.global-site-notice .notice-inner { max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/i_notice.gif) 20px center no-repeat; text-align:left; }
.global-site-notice .notice-inner p { width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle; }
.global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; }

/* Cookie Notice */
.global-site-notice.notice-cookie { position: fixed; bottom: 0; right: 0; left: 0; }

/* Noscript Notice */
.noscript {}

/* Demo Notice */
.demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; }
.demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; }
.demo-notice .notice-inner p { padding:0; border:0; }


/* Buttons remove/close and edit
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Common styles for many buttons
-------------------------------------------------------------- */
.btn-remove, /* Generic "close" button */
.btn-remove2, /* Button "remove" on the cart page */
.map-popup-close,
.remember-me-popup-head .remember-me-popup-close, /* "Remember me" pop-up, only the "close" button in the header */
.btn-edit {
	display: inline-block;
	width: 10px;
}


/* Quick search
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#search_mini_form { clear:both; display:block; }

/* Clear floats of ".form-search" element inside search form */
.form-search:before,
.form-search:after {
	display: table;
	content: " ";
}
.form-search:after {
	clear: both;
}

/* Basic styles */
.form-search { position:relative; }
.form-search label { float:left; margin:3px 4px 0 0; display:none; }
.form-search .input-text {
	float:right; /* Float in the same direction as position of button */
	width:100%;
	display: block;
	height:36px;
	line-height:36px; /*IE8*/
	padding: 0 35px 0 7px;
	color:#bbb;
	background-color:#fff;
	overflow:hidden;
	text-overflow:ellipsis;
    border-radius: 2px;
}

/* Button */
.form-search .button {
	position:absolute;
	right:0;
	top:0;
	margin:1px;
	padding:0;
	background-color:transparent !important;
	color:#000;
	width:34px;
	height:34px;
	line-height:34px;
	text-align:center;
	font-size: 14px;
}

/* Quick search: skins
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search: small box. Deprecated.
-------------------------------------------------------------- */
.search-wrapper-small .form-search .input-text {
	height:28px;
	line-height:28px; /*IE8*/
}
.search-wrapper-small .form-search .button {
	width:28px;
	height:28px;
	line-height:28px;
	font-size:10px;
}
.search-wrapper-small .form-search .search-autocomplete { top:30px !important; }

/* Search: inline 
-------------------------------------------------------------- */
.search-wrapper-inline #search_mini_form { display: inline-block; vertical-align: middle; }


/* Mini-cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.after-mini-cart { clear:both; }

/* Mini-cart heading
-------------------------------------------------------------- */
.mini-cart .mini-cart-heading .ic {
	font-size: 16px;
	line-height: 1em;
}
.mini-cart .mini-cart-heading .summary {}

/* Mini-cart content
-------------------------------------------------------------- */
/* If it is a dropdown */
.mini-cart.dropdown .mini-cart-content {
	width:300px;
	padding:25px;
	text-align:left; /* Because cart can be aligned center */
}

/* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block { margin:0 0 10px; }
.block .block-title {}
.block .block-title strong { font-weight:inherit;  }
.block .block-title a { text-decoration:none !important; }
.block .block-subtitle { margin:5px 0 10px; padding:0; font-size:1em; font-weight:bold; }
.block .block-content {	padding:10px 0; }
.block .block-content li.item {	padding:5px 0; }
.block .btn-remove { float:right; }
.block .btn-edit { float:right; }
.block .actions { margin:10px 0 0 0; padding:10px 0 0; border-top:1px dotted #e5e5e5; }
.block .actions a { float:left; }
.block .actions .button { float:right; }
.block .actions .button ~ a { margin-right: 5px; line-height: 36px; /* The same height as buttons */ }


/* Block lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-viewed .block-content ol {
	list-style: outside disc none;
	padding-left: 20px;
}
.block-viewed .block-content ol li {
	padding: 3px 0;
}

/* Mini Products List
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.mini-products-list li { padding:5px 0; }
.mini-products-list .product-image { float:left; width:50px; }
.mini-products-list .product-details { margin-left:60px; }
.mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; }
.mini-products-list .item .btn-remove,
.mini-products-list .item .btn-edit { margin-left:7px; position: relative; right: 10px;}


/* Block: Account
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-account .block-title {}
.block-account .block-content { padding: 10px 0; }
.block-account .block-content ul { list-style: outside disc none; padding-left: 25px; }
.block-account li > * {
	padding:4px;
	display:block;
	text-transform:uppercase;
}
.block-account li strong { font-weight:normal; }


/* Block: Layered Navigation
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Block subtitle
-------------------------------------------------------------- */
.block-layered-nav .block-subtitle--filter {
	display: none;
	cursor: pointer;
	border-bottom: 1px solid #e5e5e5;
	padding: 7px 10px 7px 25px;
	margin-top: 10px;
	position: relative;
	/*text-transform: uppercase;
	font-weight: bold;*/
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.block-layered-nav .block-subtitle--filter:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #ddd;
	border-right: none;
	left: 6px;
	top: 50%;
	margin-top: -5px;
}
.block-layered-nav .block-subtitle--filter.active:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 5px solid #ddd;
	border-bottom: none;
	/*right: 10px;*/
	top: 50%;
	margin-top: -3px;
}

/* Attributes
-------------------------------------------------------------- */
.block-layered-nav .block-content .toggle-tabs {
	display: none;
}
.block-layered-nav .block-content > dl > dt {
	display: block;
	margin-top: 1px;
	position: relative;
	padding: 7px 0;
	text-rendering: optimizeSpeed;
	user-select: none;
}
.block-layered-nav .block-content > dl > dd { margin: 0; width: calc(100% - 2px); padding-top: 10px }
.block-layered-nav dl dd {
	margin-bottom: 10px;
	margin-top: 10px;
	border-radius: 0 0 2px 2px;
	border: #e0e0e0 solid 1px;
	border-top: none;
	background-color: #f8f8f8;
}

/* Single filter
-------------------------------------------------------------- */
.block-layered-nav dl dd ol > li > a,
.block-layered-nav dl dd ol > li > span {
	position: relative;
	display: block;
	padding: 3px 0 3px 12px;
}
.block-layered-nav dl dd ol > li > a:before {
	display: block; /* Show on desktop */
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-right: none;
	border-left: 4px solid #ddd;
	border-top: 4px solid rgba(0, 0, 0, 0);
	border-bottom: 4px solid rgba(0, 0, 0, 0);
	left: 0;
	top: 50%;
	margin-top: -5px;
	transition:			left 150ms ease-in-out;
	-moz-transition:	left 150ms ease-in-out;
	-webkit-transition:	left 150ms ease-in-out;
	-o-transition:		left 150ms ease-in-out;
}
.block-layered-nav dl dd ol > li > a:hover:before {
	left: 3px;
}


/* Currently selected filters
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-layered-nav .currently .block-subtitle {
	padding: 10px 10px 0;
	margin: 0 0 10px;
	font-size: 14px;
	font-weight: bold;
}
.block-layered-nav .currently ol {
	padding:10px;
}
.block-layered-nav .currently ol li {
	margin-bottom: 5px;
}
.block-layered-nav .currently ol li:after {
	content: '';
	display: table;
	clear: both;
}
.block-layered-nav .currently ol li .value {
	color: #d90000; /* TODO: move to common.css */
}
.block-layered-nav .currently .btn-remove {
	float: left;
	margin: 4px 8px 0 0;
}
.block-layered-nav .actions {
	border-top: none;
	margin: 0 0 15px;
	padding: 0 10px 10px;
}
.block-layered-nav .actions a {
	float: left;
}


/* Block: Related
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Ccommon styles for all types of the block */
.block-related .block-subtitle {
	display:none;
	position:absolute;
	padding:1em 0;
	margin:-20px 0 0;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	font-weight:normal;
	z-index:1;
}
.block-related:hover .block-subtitle { display:block; padding:8px; background-color:#fff; }

/* Block: Related. Single product slider
-------------------------------------------------------------- */
.block-related-slider input.checkbox { float:left; margin:7px 5px 0 0; }


/* Block: Related. Simple thumbnails slider
-------------------------------------------------------------- */
.block-related-thumbnails .product-image {
	float:left;
	margin-bottom:10px;
}
.block-related-thumbnails .product-details {
	margin-left:110px;
}
.block-related-thumbnails .product-details > * { margin-bottom:5px; }
.block-related-thumbnails .product-name,
.block-related-thumbnails .related-add-to-wishlist { font-size:1em; line-height:1.25em; font-family:inherit; font-weight:inherit; display:inline-block; }
.block-related-thumbnails .price-box { font-size:1em; line-height:1.25em; }
.block-related-thumbnails .checkbox { float:left; margin:2px 5px 0 0; }

/* Add space above item */
.block-related-thumbnails .item { padding-top: 20px; }


/* Block: Recently Viewed
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-viewed {}


/* Block: Tags
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-tags .block-content .tags-list { background:none; border:0; font-size:12px; }
.block-tags .tags-list a {}
.block-tags .tags-list a:hover {}
.block-tags .actions { text-align:right; }
.block-tags .actions a { float:none; }


/* Block: Subscribe
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-subscribe .input-box { margin-top: 5px; }
.block-subscribe input { width:155px; }
.block-subscribe .actions button.button { float:none; }


/* Block: Reorder
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-reorder input.checkbox { float:left; margin:2px -20px 0 0; }
.block-reorder .product-name { margin-left:20px; }
.block-reorder .validation-advice { margin:3px 9px 7px; }


/* Block: Banner
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-banner {}
.block-banner .block-content { text-align:center; }


/* Block: Login
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-login label { font-weight:bold; color:#666; }
.block-login input.input-text { display:block; width:167px; margin:3px 0; }

.block.categories-sidebar .block-title { border: none; color: #333333; background-color: #f5f5f5; padding: 5px; font-size: 16px }
.block.categories-sidebar .block-title svg { fill: #333333; width: 21px; height: 21px; transform: scaleX(-1); float: left; margin: 3px 10px }
@media only screen and (max-width: 1199px) {
	.block.categories-sidebar .block-title svg { display: none }
	.block.categories-sidebar .block-title { padding-left: 15px }
}
.block.categories-sidebar .block-content { padding-top: 2px }



/* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Styles for admin-controlled content */

/*.std h1, .std h2, .std h3, .std h4, .std h5, .std h6 {
	margin: 20px 0 10px;
}*/
.std .subtitle { padding:0; }
.std ol.ol { list-style:decimal outside; padding-left:1.5em; }
.std dl dt { font-weight:bold; margin: 0.5em 0; }
.std dl dd { margin:0 0 0px 10px; }
.std dl,
.std p,
.std address,
.std blockquote { margin:0 0 1em; padding:0; }
.std table { margin-bottom: 20px; }
.std .lead {
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 30px;
}


/* Lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Unordered lists
-------------------------------------------------------------- */
/* Common basic styling */
ul.bullet,
ul.disc { margin:0 0 1em; padding:0; }

/* Disc */
ul.disc { list-style:disc outside none; padding-left:1.5em; }
ul.disc li { background-image:none; padding-left:0; }

/* Bullet */
ul.bullet { list-style:none outside none; }
ul.bullet li {
	background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat;
	padding-left:25px;
	transition:			background-position 150ms ease-out;
	-moz-transition:	background-position 150ms ease-out;
	-webkit-transition:	background-position 150ms ease-out;
	-o-transition:		background-position 150ms ease-out;
}
ul.bullet li:hover { background-position:3px 0; }

	/* Different bullets. IMPORTANT: use together with class "bullet" */
	ul.list1  li { background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/infortis/_shared/cck/list/list1.png); }
	ul.list2  li { background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/infortis/_shared/cck/list/list2.png); }
	ul.list11 li { background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/infortis/_shared/cck/list/list11.png); }
	ul.list12 li { background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/infortis/_shared/cck/list/list12.png); }
	ul.list13 li { background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/infortis/_shared/cck/list/list13.png); }

/* Separator */
ul .separator {
	border-bottom:1px solid #fff;
	margin:8px 1px;
	overflow:hidden;
}

/* Nested unordered lists
-------------------------------------------------------------- */
ul.bullet ul,
ul.disc ul { margin-top:0.5em; margin-bottom:0.5em; }
ul.bullet ul li,
ul.disc ul li { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left:1.5em; }


/* Lists inside ".std"
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Unordered list without any bullets */
.std ul.no-bullets { list-style:none outside none !important; padding-left:0 !important; }
.std ul.no-bullets li { background-image:none !important; padding-left:0 !important; }

/* Ordered lists */
.std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; }
.std ol ol,
.std ul ol,
.std ol ul { margin:0.5em 0; }


/* Misc
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.std blockquote { font-style:italic; padding:0 0 0 1.5em; }
.std address { font-style:normal; }
.std b,
.std strong { font-weight:bold; }
.std i,
.std em { font-style:italic; }


/* Override std styles for selected elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.std .products-grid p { margin-bottom:0; }



/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.category-title h1 { line-height: normal; margin-top: 5px; font-size: 26px }

@media only screen and (max-width: 991px) {
	.category-title h1 { margin-bottom: 15px }
}

@media only screen and (max-width: 767px) {
	.category-title h1 { font-size: 20px }
}

.category-image { width:100%; overflow:hidden; margin: 10px 0; text-align:center; }

@media only screen and (max-width: 991px) {
    .category-image { margin-top: 0 }
}

.category-description { margin:20px 0; position:relative; }

/* Negative top margin: to cover bottom border of the category title */
.category-products { margin:-1px 0 10px; }



/* General product list styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Product name
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-name {
	display: block;
	margin: 0;
	font-weight: normal;
	font-size: 1em;
}
strong.product-name {
	font-weight: normal;
}

h2.product-name a,
h3.product-name a,
h4.product-name a,
h5.product-name a,
h6.product-name a,
strong.product-name a,
p.product-name a {
	color: inherit;
}


/* Common styles for view types: list and grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.products-list .product-name,
.products-grid .product-name,
h3.product-name,
strong.product-name {
	/* Sizes are modified for different number of columns */
	font-size: 16px;
	line-height: 20px;
	/*font-size:1.3333em;
	line-height:1.25em;*/
}

.products-list .price-box.map-info a,
.products-grid .price-box.map-info a { margin-left:3px; }

/* Product image
-------------------------------------------------------------- */
/* Product alternative image */
.products-list .product-image .alt-img,
.products-grid .product-image .alt-img {
	position:absolute;
	top:0;
	left:0;
	display: none;
}

/* Fix possible glitches during animation */
.products-list .product-image img,
.category-products-grid .product-image img {
	width: 100%;
	filter: blur(10px);
	transition: 200ms filter linear;
}

.category-products-grid .product-image img:not(.load-on-scroll) {
	filter: none;
}

/* View type: list
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.products-list .item { 
	border-top:1px solid #e5e5e5; 
	padding-top:20px; 
	padding-bottom:20px;
	background-color:#fff;
	position:relative; /* For hover effect */

	transition:			box-shadow 0ms ease-in;
	-moz-transition:	box-shadow 0ms ease-in;
	-webkit-transition:	box-shadow 0ms ease-in;
	-o-transition:		box-shadow 0ms ease-in;
}
.products-list .product-shop {}
.products-list .product-shop-inner { border-right:1px solid #e5e5e5; padding-right:15px }
.products-list .right-column { float:right; }

.products-list .product-name { margin:0 0 15px; font-size: 19px; line-height: 24px; }
.products-list .product-image { display:block; position:relative; margin-left:auto; margin-right:auto; }
.products-list .price-box { margin:0 0 15px; font-size:1.3333em; line-height:1.25em; }
.products-list .ratings { margin:10px 0; }
.products-list .desc { margin:15px 0; }
.products-list .link-learn {}
.products-list .btn-cart { width:100%; max-width:180px; }
.products-list a.btn-cart { padding-left:0; padding-right:0; }
.products-list .button span { float:none; }
.products-list .availability { float:none; margin:15px 0; }
.products-list .add-to-links { margin:15px 0 0; }

	/* Hover effect
	-------------------------------------------------------------- */
	.products-list.hover-effect .item:hover {
		margin-left:-1%;
		margin-right:-1%;
		padding-left:1%;
		padding-right:1%;
		z-index:10;
		box-shadow:0 0 20px rgba(0,0,0,0.2);
		border-color:transparent;

		transition:			box-shadow 400ms ease-out;
		-moz-transition:	box-shadow 400ms ease-out;
		-webkit-transition:	box-shadow 400ms ease-out;
		-o-transition:		box-shadow 400ms ease-out;
	}


/* View type: grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Product grid: basic styles
   (common for all types of product grids)
-------------------------------------------------------------- */
.products-grid .item {
	padding-top:20px;
	padding-bottom:20px;
	position:relative; /* For hover effect */
}
.products-grid .product-image-wrapper {
	position: relative;
	height: 0;
	margin-bottom: 100%;
}
.products-grid .product-image { display:block; overflow: hidden; }
.products-grid .price-box { margin:10px 0 10px; font-size:1em; }
.products-grid .ratings { margin:15px 0; line-height:inherit; }
.products-grid .actions { margin:10px 0 0; }
.products-grid .availability { float:none; margin:5px 0; }
.products-grid .add-to-links { margin:10px 0 0; }


/* Grid: additional styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
	/* Equal height of items (buttons displayed at the bottom of items)
	-------------------------------------------------------------- */
	.products-grid.equal-height .item .actions { position:absolute; bottom:15px; }
		
	/* Remove equal height */
	.products-grid.auto-height .item .actions { position:static; bottom:auto; } /* Deprecated */
	
	/* Display grid item elements only on hover
	-------------------------------------------------------------- */
	.products-grid .item .display-onhover { height: 0; overflow: hidden }

		/* Display grid item elements only on hover: fade-in (for sliders) */
		.products-grid .item .visible-onhover {
			visibility:hidden;
			opacity:0;
			transition:			visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
			-moz-transition:	visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
			-webkit-transition:	visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
			-o-transition:		visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
		}
		.products-grid .item:hover .visible-onhover {
			visibility:visible;
			opacity:1;
			transition:			visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
			-moz-transition:	visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
			-webkit-transition:	visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
			-o-transition:		visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
		}

	/* Product name in a single line
	-------------------------------------------------------------- */
	.products-grid.single-line-name .product-name {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.products-grid.single-line-name .item:hover .product-name {
		overflow: visible;
		white-space: normal;
	}

	/* Align to the center
	-------------------------------------------------------------- */
	.products-grid.centered .item { text-align: center; }
	.products-grid.centered .item .ratings .rating-box,
	.products-grid.centered .item .btn-cart { margin-left: 0; margin-right: 0; }
	.products-grid.centered .item .ratings .amount { margin-left: 5px; }
	.products-grid.centered .item input.checkbox { float: none; }

	.products-grid.centered .item .actions .add-to-links li { float: none; margin:0; }
	/*.products-grid.centered .item .actions .add-to-links li:last-child { margin-right:0; }*/


/* Grid: only in category view
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.category-products-grid .item {
	border-top:1px solid #e5e5e5;
	border-left:none;
	border-right:none;
	zoom:1;

	padding-top:2%;
	padding-left:1%;
	padding-right:1%;
	background-color:#fff;

	transition:			box-shadow 0ms ease-in;
	-moz-transition:	box-shadow 0ms ease-in;
	-webkit-transition:	box-shadow 0ms ease-in;
	-o-transition:		box-shadow 0ms ease-in;
}

	/* Hover effect
	-------------------------------------------------------------- */
	.category-products-grid.hover-effect .item:hover {
		margin-left:-1%;
		margin-right:-1%;
		padding-left:2%;
		padding-right:2%;
		z-index:10;
		box-shadow:0 0 20px rgba(0,0,0,0.2);
		border-color:transparent;

		transition:			box-shadow 400ms ease-out;
		-moz-transition:	box-shadow 400ms ease-out;
		-webkit-transition:	box-shadow 400ms ease-out;
		-o-transition:		box-shadow 400ms ease-out;
	}


/* Grid: override grid elements to change size
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product name
-------------------------------------------------------------- */
.products-grid.size-s .product-name {
	font-size:1.1666em; /*14px*/
	line-height:1.2307em; /*16px*/
}
.products-grid.size-xs .product-name {
	font-size:1em; /*12px*/
	line-height:1.25em;/*15px*/
}

/* Buttons
-------------------------------------------------------------- */
.products-grid.size-s .item .btn-cart {
	line-height: 3em;
	padding-left: 15px;
	padding-right: 15px;
}
.products-grid.size-xs .item .btn-cart {
	line-height: 2.5em;
	padding-left: 8px;
	padding-right: 8px;
}

.products-grid.rings {

}


/* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Rating
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ratings,
.no-rating { line-height: 15px; margin: 15px 0 15px; }
.ratings strong { float:left; margin:1px 5px 0 0; } /* For backward compatibility */

.rating-box { font-size: 0 }
.rating-box .rating { height: 16px }
.rating svg { width: 11px; height: 11px; }
.product-shop .rating svg { width: 14px; height: 14px; }

@media only screen and (min-width: 1200px) {
	.item .rating-box .rating { height: 13px }
	.item .rating svg { width: 11px; height: 11px }
}

.ratings .rating-box,
.ratings .amount,
.ratings .rating-links {
	display: inline-block;
	vertical-align: middle;
}
.ratings .rating-box { margin-right: 1px }
.ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; }
.ratings .rating-links .separator { display: inline-block; vertical-align: middle; text-indent: -9999px; border-left: 1px solid #e5e5e5; height: 13px; width: 1px; margin: 0 3px; }

.ratings .verified-purchase { margin-left: 6px; color: #008080; display: inline-block; vertical-align: middle; height: 16px; font-size: 13px; }
.ratings .verified-purchase .bi-patch-check { height: 16px; width: 16px; fill: #008080; position: initial; }
.ratings .verified-purchase abbr[data-tippy-content] { letter-spacing: 0; display: flex; align-items: center; justify-content: center; height: 16px; line-height: 16px; width: auto; }

.ratings .verified-purchase abbr[data-tippy-content] span { margin-left: 5px; }
.ratings .verified-purchase abbr[data-tippy-content]:hover { color: #000000; cursor: pointer; }
.ratings .verified-purchase abbr[data-tippy-content]:hover .bi-patch-check { fill: #000000 }

.ratings .rating-box { margin-right: 1px; height: 16px; }

#customer-reviews .heading { margin-bottom: 15px; display: block; }

.tabs-container .box-reviews .rating-box .label { display: inline-block; font-size: 13px }
.tabs-container .box-reviews .rating-box .rating { display: inline-block; position: relative; top: 0; margin-left: 5px }
.cms-kundenbewertungen .ratings { margin-top: 2px }

/* Generic block for feature presentation on product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-action {
	display: block; 
	margin: 10px 0;
}
.product-action .ic {
	vertical-align: middle;
	font-size: 16px;
	/* Fixed width of the icon container. Required because different icon widths can break the alignment. */
	width: 24px;
	text-align: center;
}
.product-action .label {
	vertical-align: middle;
	margin-left: 3px;
}

/* Availability - only X left
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
a.availability-only { cursor:pointer; } /* It may also be a link to toggle more details */

/* Enlarge the icon */
.availability-only .ic { font-size: 20px; }

/* Inside the label */
.availability-only strong { font-weight:normal; }
.availability-only .caret { margin-left:8px; opacity:1; filter:alpha(opacity=100); }

/* Table with details */
.availability-only-details { width:100%; margin:-10px auto 20px; }
.availability-only-details thead { border-bottom:1px solid #e5e5e5; }
.availability-only-details th { padding:4px 12px; font-weight:bold; }
.availability-only-details td { padding:1px 12px; border-right:1px solid #f5f5f5; }
.availability-only-details td.last { border-right:none; }

	
/* Product increments
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-pricing {}
.extrahint-wrapper .product-pricing { padding:10px; background-color:#f5f5f5; }
.product-options-bottom .product-pricing { clear:left; }


/* Alerts
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.alert-price {}
.alert-stock {}


/* Product Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.price { white-space:nowrap !important; }

.price-box { margin: 0; }
.price-box .price {}
.price-box .price-label {}

/* Common labels */
.old-price .price-label,
.special-price .price-label { white-space:nowrap; }
.old-price .price-label { display:none; }

/* Regular price */
.regular-price {}
.regular-price .price {}

/* Old price */
.old-price { margin:0; }
.old-price .price { text-decoration:line-through; }

/* Special price */
.special-price {}

/* Minimal price (as low as) */
.minimal-price { margin:0 0 5px; }
.minimal-price .price {}
.minimal-price .price-label { white-space:nowrap; }

.minimal-price-link { display:block; }

/* Excluding tax */
.price-excluding-tax { display:block; }
.price-excluding-tax .label { white-space:nowrap; }
.price-excluding-tax .price { font-weight:normal; }

/* Including tax */
.price-including-tax { display:block; }
.price-including-tax .label { white-space:nowrap; }
.price-including-tax .price {}

/* Configured price */
.configured-price { margin:0; }
.configured-price .price-label { font-weight:bold; white-space:nowrap; }
.configured-price .price { font-weight:bold; }

/* Excl tax (for order tables) */
.price-excl-tax  { display:block; }
.price-excl-tax .label { display:block; white-space:nowrap; }
.price-excl-tax .price { display:block; }

/* Incl tax (for order tables) */
.price-incl-tax { display:block; }
.price-incl-tax .label { display:block; white-space:nowrap; }
.price-incl-tax .price { display:block; font-weight:bold; }

/* Price range */
.price-from { margin:0; }
.price-from .price-label { white-space:nowrap; }

.price-to { margin:0; }
.price-to .price-label { white-space:nowrap; }

/* Price notice next to the options */
.price-notice { margin-left:5px; }
.price-notice .price { padding-left:3px; }

/* Price as configured */
.price-as-configured .price-label { font-size:1.1666em; font-weight:bold; text-transform:uppercase; white-space:nowrap; color:inherit; }

.price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; }


/* Tier Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.tier-prices { margin:0 0 10px; padding-left: 10px; }
.tier-prices li { line-height:15px; background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/img/bullet.png) 0 4px no-repeat; padding:0 0 0 11px; margin:3px 0; }
.tier-prices .benefit { color:#ee001c; font-weight:normal; }

.tier-prices-grouped li { padding:2px 0; }
.tier-prices-grouped li .price { font-weight:bold; }


/* Add-to links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.add-to-links .separator { display:none; }
.add-to-links li { float:left; }

.addto-gaps-right li { margin-right:10px; } /* Add gaps at the right side of links */

/* Add-to links: simple icons (with no text)
-------------------------------------------------------------- */

/* If displayed in a group: add margin between icons */
.addto-links-icons a { display:block; }
.addto-links-icons .ic { font-size:16px; }

/* If displayed on product image */
.addto-links-icons.addto-onimage {
	float:right;
	margin-top: -20px;
	position:relative;
	z-index:1;
}


/* Add to Cart box
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Button "Add to cart" on product page */
.product-view .btn-cart {
	min-width: 200px;
}

/* Display elements inline, no floating */
.product-view .add-to-cart {
	float: none;
}

.add-to-cart .btn-cart,
.add-to-cart .qty-wrapper {
	display: inline-block;
}

.add-to-cart .btn-cart {
	line-height: 55px;
	font-size: 17px;
}

.add-to-cart .qty-wrapper {
	line-height: 55px;
	margin-right: 5px;
	margin-bottom: 10px; /* In case button and quantity box are stacked vertically */
}
.add-to-cart .qty-wrapper > * {
	display: inline-block;
	vertical-align: middle;
}
.add-to-cart .qty-wrapper .qty {
	margin-right: 5px;
	height: 55px;
	width: 70px !important;
	text-align: center;
}

/* Quantity plus/minus
-------------------------------------------------------------- */
.qty-buttons-wrapper {
	display: inline-block;
}
.qty-button {
	margin: 0;
	cursor: pointer;
	width: 27px;
	height: 27px;
	line-height: 27px;
	display: block;
	text-align: center;
	vertical-align: middle;
	background-color: #f5f5f5;
	font-size: 18px;
	font-weight: bold;
	font-family: "Courier New";
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.qty-button.increase {
	margin-bottom: 1px;
}

/* Add class "left-side" to place the buttom at the left side
   of the quantity field
-------------------------------------------------------------- */
.add-to-cart.left-side {
	float: none !important; /* In case floating is set in some other styles */
}
.add-to-cart.left-side .btn-cart {
	float: left;
}
.add-to-cart.left-side .qty-wrapper {
	line-height: 55px; /* The same height as button */
	margin-right: 0; /* WHen button on the left side, no margin-right needed */
}
.add-to-cart.left-side .qty-wrapper label {
	padding-left: 10px;
}

/* PayPal
-------------------------------------------------------------- */
.product-view .paypal-wrapper {
	float: left;
}
.product-view .paypal-wrapper .paypal-logo {
	margin: 0;
	padding: 5px 0 0;
	text-align: right;
}
.product-view .paypal-wrapper .paypal-logo .paypal-or {
	clear: both;
	display: block;
	margin: 5px 60px 5px 0;
}

/* Magento's default */
.add-to-cart .paypal-logo {
	clear: left;
	margin: 0;
	padding: 10px 0 0;
	text-align: right;
}
.add-to-cart .paypal-logo .paypal-or {
	clear: both;
	display: block;
	margin: 5px 60px 5px 0;
}



/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Enlarged nested container. */
.product-view {
	width: 102%;
	margin-left: -1%;
}


/* Product images
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-img-column {
	float:left; margin-bottom:10px;
	position:relative; /* Stickers are positioned relative to this container. TODO: move to the stylesheet with sticker styles. */
}
.col3-layout .product-view .product-img-column { float:none; margin:0 auto; }


/* Product primary column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-shop { float:left; }
.product-view .product-shop .product-name {	margin:0 0 1.6666em; /*20px*/ }
.product-view .product-shop .product-name h1 { margin: 0; font-size: 24px; line-height: 30px }

@media only screen and (max-width: 767px) {
	.product-view .product-shop .product-name h1 { font-size: 22px; line-height: 28px }
}

/* Product secondary Column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-secondary-column .inner { padding-top:1px; padding-bottom:10px; /* Stop collapsing margins */ }


/* Product primary column's elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .short-description { margin:15px 0; line-height:1.25em; /*15px*/ }
.product-view .short-description ul { margin-top:5px; margin-bottom:5px; }

/* Add-to links */
.product-view .action-box { margin:20px 0; }

/* Add-to links in different places of the product page */
.product-view .add-to-links li { margin-right: 10px; }
.product-view .add-to-links a { display: block; }
.product-view .add-to-links .ic { font-size: 16px; }

/* Other elements */
.extrahint-wrapper { margin-bottom:15px; }

/* Downloadable product
-------------------------------------------------------------- */
.product-type-data .item-options { clear: both; }
.product-type-data .item-options dt { float:none; margin:0 0 5px; }
/* The same style as "item-options" in cart */
.product-type-data .item-options dd { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/img/bullet.png) 3px 4px no-repeat; padding-left:15px; }

/* Additional information table
-------------------------------------------------------------- */
.product-view .data-table th { font-weight:bold; }
.product-view .data-table tr:nth-of-type(2n+1):last-child { border: 0; }

/* Prices - common for product view and MAP popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Prices on product page and MSRP */
.product-view .product-shop .price-box .price-including-tax .price { font-size:18px; }
.product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; }

/* Main price (prominent) */
.product-view .product-shop .price-box .regular-price .price,
.product-view .product-shop .price-box .special-price .price,
.product-view .product-shop .price-box .special-price .price-label,
.product-view .product-shop .price-box .old-price .price,
.product-view .product-shop .price-box .old-price .price-label,
.product-view .product-shop .price-box .price-including-tax .price,
.product-view .product-options-bottom .price-box .regular-price .price,
.product-view .price-as-configured .price,
.map-popup-price .regular-price .price,
.product-view .price-box.map-info .old-price .price { font-size:1.6666em; /*20px*/ }

/* Old price */
.product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; }

/* MSRP price (only in MSRP box) */
.map-popup-msrp .price { display:block; /* Move price below the label */ }

/* Move MSRP links below the price */
.product-view .product-shop .price-box.map-info .old-price { display:block; }

/* Special price */
.product-view .price-box .special-price .price-label { white-space:normal; }
.product-view .price-box .special-price .price-including-tax,
.product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; }

/* Price box inside "Add-to-cart" box or inside product options box */
.product-view .add-to-box .price-box,
.product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; }


/* Main containers (e.g. for add-to-cart, product options)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product type specific data */
.product-view .product-type-data { margin:10px 0 0; }

/* Lower part of the container */
.product-view .container1-wrapper,
.product-view .container2-wrapper {
	padding:0 0 15px;
}
.product-view .container1-wrapper,
.product-view .container2-wrapper,
.product-view .add-to-box {
	margin:0 0 15px;
	border-bottom:1px solid #e5e5e5;
}
.product-view .container2-wrapper {
	margin-bottom:30px;
}

/* Button container */
.product-view .add-to-box {
	margin-top:15px;
}

/* Background color for main containers */
/*.product-view .product-type-data,
.container1-wrapper,
.container2-wrapper,
.product-view .add-to-box {}*/


/* Other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* TODO:? remove class .box-tabs to allow formatting even if collateral data displayed not in tabs */
/* Unordered list in product description (for lists with no bullet class) */
.product-view .short-description .std ul:not(.ic-ul),
.product-view .box-tabs .std ul:not(.ic-ul) { list-style:none outside none; }
.product-view .short-description .std ul:not(.ic-ul) li,
.product-view .box-tabs .std ul:not(.ic-ul) li { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left:25px; }

/* Margin for list in long description */
.product-view .box-tabs .std ul { margin-bottom:1em; }

/* If unordered list has "disc" class, override  */
.product-view .short-description .std ul.disc,
.product-view .box-tabs .std ul.disc { list-style:disc outside none; padding-left:1.5em; }
.product-view .short-description .std ul.disc li,
.product-view .box-tabs .std ul.disc li { background-image:none; padding-left:0; }


/* Product options 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-options dt { font-weight:normal; }
.product-options dt label { display:inline-block; font-weight:bold; }
.product-options dt label.required em { float:right; margin-left:3px; }
.product-options dd .qty-holder { display:block; padding:5px 0 0; }
.product-options dd .qty-holder label { vertical-align:middle; }
.product-options dt .qty-disabled { background:none; border:0; padding:3px; }
.product-options dd { margin:3px 0 10px; }
.product-options dl.last dd.last { border-bottom: 0; margin-bottom: 0 }
.product-options dd input.input-text { width:100%; /*98%*/ }
.product-options dd input.datetime-picker { width:150px; }
.product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; }
.product-options dd textarea { width:100%; /*width:92%;*/ height:8em; }
.product-options dd select { width:100%; }
.product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; }
.product-options ul.options-list { margin-right:5px; }
.product-options ul.options-list li { line-height:1.5; padding:2px 0; }
.product-options ul.options-list input.radio { float:left; }
.product-options ul.options-list input.checkbox { float:left; margin-top:2px; }
.product-options ul.options-list .label { display:block; margin-left:18px; }
.product-options ul.options-list label { font-weight:normal; }
.product-options ul.validation-failed { padding:0 7px; }
.product-options p.note { margin:0; font-size:0.9166em; }
.product-options p.required { position:absolute; right:0; top:-15px; }

/*bottom*/
.product-options-bottom { margin-top:20px; }
.product-options-bottom .tier-prices { margin:0 0 10px; padding:0; border:0; background:0; }
.product-options-bottom .tier-prices li { background:0; padding:2px 0; }
.product-options-bottom .price-box .price-as-configured {}
.product-options-bottom .price-label {}
.product-options-bottom .price-tax {}
.product-options-bottom .add-to-cart { clear:both; } /* To avoid floating after price */
.product-shop .product-options-bottom { margin:0; }
.product-shop .product-options-bottom .price-label { float:none; padding-right:0; }
.product-shop .product-options-bottom .price-tax { float:none; }
.product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; }


/* Grouped Product
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .grouped-items-table { margin:0; clear:both; }
.product-view .grouped-items-table thead th { font-weight:bold; }
.product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; }
.product-view .grouped-items-table .price-box .price-including-tax .price { font-size:inherit; font-family:inherit; }

.product-view .grouped-items-table td { vertical-align:middle; }
.product-view .grouped-items-table .price-box .regular-price .price { font-size:inherit; font-family:inherit; }


/* Block: Tags 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .box-tags .info { margin-bottom: 10px; }
.product-view .box-tags .product-tags { display:block; margin:0 0 25px; }
.product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #e5e5e5; }
.product-view .box-tags .product-tags li.first { padding-left:0; }
.product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; }
.product-view .box-tags .form-add label { display:block; font-weight:bold; margin:0 0 5px; }
.product-view .box-tags .form-add .input-box { float:left; margin:0 5px 5px 0; }
.product-view .box-tags .form-add input.input-text { width:auto; }
.product-view .box-tags .note { margin:3px 0 0; }


/* Block: Reviews
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .box-reviews { margin-top:15px; }
.product-view .box-reviews .heading { font-weight:normal; font-size:17px; margin-bottom: 10px; }
.product-view .box-reviews dl { margin: 0 0 15px; }
.product-view .box-reviews dt span { font-weight:bold; }
.product-view .box-reviews dt a { font-size:18px; margin-right:8px; }
.product-view .box-reviews dd { margin:0 0 15px 15px; padding-bottom:15px; border-bottom:1px dashed #e5e5e5; }
.product-view .box-reviews dd:last-child { border-bottom: none; }

.product-view .box-reviews .review-content { display: block; margin-bottom: 10px; }
.product-view .box-reviews .review-details { display: block; margin-bottom: 0; }
.product-view .box-reviews .review-author { display: inline-block; }
.product-view .box-reviews .review-date { display: inline-block; font-style: italic; }

.product-view .box-reviews .pager { margin-bottom:25px; }

.product-view .box-reviews .form-add .form-list { margin:15px 0 0; }
.product-view .box-reviews .form-add .form-list .input-box {}
.product-view .box-reviews .form-add .form-list input.input-text { width:100%; max-width:340px; }
.product-view .box-reviews .form-add .form-list textarea { width:100%; max-width:500px; }
.product-view .box-reviews .buttons-set { border: none; margin: 10px 0 0; padding: 0; }
.product-view .box-reviews .buttons-set button.button { float:left; margin-left:0; }

.product-view .box-reviews .form-add .data-table { max-width:176px; margin-top: 10px; }
.product-view .box-reviews .form-add .data-table th,
.product-view .box-reviews .form-add .data-table td { text-align:center; line-height:1em; }
.product-view .box-reviews .form-add .data-table td .radio { margin:0; }


/* Block: Finance
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view #finance-box { padding: 0; }
.product-view #finance-box .finance-title { margin: 0; }


/* Send a Friend
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.send-friend .form-list li p { margin:0 15px 0 0; }
.send-friend .form-list .field { margin-bottom:8px; }
.send-friend .form-list textarea { width:100%; }
.send-friend .buttons-set .limit { float:right; margin:0 7px; }


/* Product collateral data container
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Generic wrapper for lower part of the product page */
.product-view .box-additional {
	margin-top: 20px;
}

/* Boxes for collateral data
-------------------------------------------------------------- */
.product-view .box-collateral {
	margin-top: 0;
	margin-bottom: 30px;
}
/* Remove margin if box is inside one of the main sections of product page */
.product-view .product-img-column .box-collateral,
.product-view .product-primary-column .box-collateral,
.product-view .product-secondary-column .box-collateral {
	margin-bottom: 15px;
}
/* Remove margin if box is inside tabs */
.product-view .box-tabs .box-collateral {
	margin-bottom: 0;
}

/* Collateral container
-------------------------------------------------------------- */
.product-view .collateral-container {}
.product-view .collateral-container.box-tabs {
	/* Add large space below tabs */
	margin-bottom: 50px;
}

/* Headings
-------------------------------------------------------------- */
.product-view .box-collateral > h2:first-child,
.product-view .collateral-block > h2:first-child, /* Rule required in case a heading is not a child of "box-collateral" */
.product-view .box-collateral .section-title
{
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 15px;
	padding: 7px 0;
	border-bottom: 1px solid #e5e5e5;
}

/* Modify headings in specific cases
-------------------------------------------------------------- */

	/* Slider headings - no bottom margin (it would pull the navigation arrows down)
	-------------------------------------------------------------- */
	.product-view .block-related .section-title,
	.product-view .block-upsell .section-title {
		margin-bottom: 0;
	}

	/* Headings if box is inside one of the main sections of product page
	-------------------------------------------------------------- */
	/* Hide first heading if it's immediate child of "panel" (which is always the same as tab name) */
	/* TODO: get rid of this hack */
	.product-view .box-tabs .panel > h2:first-child, /* Deprecated */
	.product-view .box-tabs .panel > .section-title
	{
		display:none; 
	}

	/* Hide first heading also if it's NOT immediate child of "panel" but is immediate child of "box-collateral" */
	/* TODO: get rid of this hack */
	.product-view .box-tabs .box-collateral > h2:first-child, /* Deprecated */
	.product-view .box-tabs .box-collateral > .section-title
	{
		display:none;
	}

	/* Headings inside one of the main sections of product page
	-------------------------------------------------------------- */
	.product-view .product-img-column .box-collateral > h2:first-child,
	.product-view .product-primary-column .box-collateral > h2:first-child,
	.product-view .product-secondary-column .box-collateral > h2:first-child {
		font-size: 18px;
	}



/* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Product Tags */
.tags-list li { display:inline; }

/* Advanced Search */
.advanced-search-summary { padding:20px; margin:10px 0; }
.advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; }
.advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; }
.advanced-search-summary strong { margin:0 5px 0 0; }
.advanced-search-summary p { clear:both; float:left; display:block; margin:10px 0 0; }

/* Advanced Search - form */
.advanced-search .form-list label { padding-right:10px; width:140px; }
.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range {
	clear:none;
	float:left; /* Complex form fields (e.g. price range) require floating for correct layout */
}

.catalogsearch-advanced-index .fieldset { margin-bottom:3px; }
.catalogsearch-advanced-index .buttons-set { padding-left:0; }
.catalogsearch-advanced-index .buttons-set button.button { float:left; margin-left: 0; }

/* Sitemap */
.page-sitemap .links { float:right; margin:0 0 5px; text-align:center; }
.page-sitemap .links a { text-decoration:none; position:relative; }
.page-sitemap .sitemap { margin:15px; }
.page-sitemap .sitemap li { margin:3px 0; }
.page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight:bold; }
.page-sitemap .sitemap li.level-0 a {}
.page-sitemap .pager { clear:both; }

/* RSS */
.rss-title h1 { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/i_rss-big.png) 0 center no-repeat; padding-left:30px; }
.rss-table .link-rss { display:block; }



/* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Checkout Types
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .page-title .checkout-types li { margin:0 0 5px; }
.cart .title-buttons .checkout-types { float:right; }
.cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; }


/* Shopping Cart Table
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-table thead tr { border-bottom:1px solid #e5e5e5; }
.cart-table th.last { border-right:none; }

.cart-table .product-image { width:168px; display:block; }
.cart-table .product-name { margin:0 0 10px; font-weight:normal; font-size: 20px; line-height: 24px }
.cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold; color:#ee001c; }
.cart-table tfoot td { padding:5px 10px; border:none; }
.cart-table input.qty { width: 4em !important; }

/* Table bottom - buttons
-------------------------------------------------------------- */
.cart-table tfoot td.last { padding:15px 0 0; border-bottom:1px solid #eee; }
.cart-table tfoot button { padding:0; margin:0 0 15px 10px; }
.cart-table .btn-continue { float:left; margin-left:0; }
.cart-table .btn-update,
.cart-table .btn-empty { float:right; }


/* Cart Collateral blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-collaterals { margin-top:2%; /* Percentage value to keep the same margin as between columns */ }
.cart .cart-left-column > *,
.cart .cart-right-column > * { margin-bottom:20px; }
.cart .cart-right-column { float:right; }


/* Cross-sell
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .crosssell .product-image { float:left; }
.cart .crosssell .product-details { margin-left:85px; }
.cart .crosssell .btn-cart { float:left; margin-right:10px; }
.cart .crosssell .add-to-links { float:left; margin:12px 0 0; }
.cart .crosssell .price-box { margin:7px 0; }
.cart .crosssell li.item { padding:20px 0; }
.cart .crosssell li.item.odd { margin-left:0; clear:left; }
.cart .crosssell li.item.even { margin-right:0; float:right; }

/*
-------------------------------------------------------------- */
.cart-wide-box .crosssell li.item { float:left; width:265px; min-height:109px; }
.cart-wide-box .crosssell li.item.odd { padding-right:20px; border-right:1px solid #eee; }
.cart-wide-box .crosssell li.item.even { padding-left:20px; }


/* Common styles: Cross-sell, Discount Codes, Estimate Shipping
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .discount .buttons-set,
.cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; }
.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button { float:none; margin-left:0; }


/* Discount Codes (coupons)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .discount label { display:block; margin:0 0 5px; }
.cart .discount .input-box {}
.cart .discount input.input-text { width:100%; }


/* Estimate Shipping
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .shipping input.input-text,
.cart .shipping select { width:100%; }
.cart .shipping p { margin-bottom:10px; }
.cart .shipping .sp-methods { margin:10px 0 0; }


/* Shopping Cart Totals
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .totals { background-color:#f5f5f5; }
.cart .totals-inner { padding:20px; }
.cart .totals table { width:100%; }
.cart .totals td { padding:1px 0px 1px 7px; }
.cart .totals tr.last td {}
.cart .totals tfoot th { padding:5px 15px 5px 7px; }
.cart .totals tfoot td { padding-bottom:5px; }
.cart .totals tfoot th strong,
.cart .totals tfoot td strong { font-size:16px; }
/*.cart .totals tfoot .price { color:#B31F5A; } */
.cart .totals .checkout-types { text-align:right; }
.cart .totals .checkout-types li { clear:both; margin:10px 0; }


/* Item Options and Options Tool Tip
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.item-options dt { float: left; clear: left; }
.item-options dd { float: left; margin: 0 0 2px; padding-left: 7px; font-style: italic; }

/* Item options in cart/checkout tables */
.data-table .item-options { line-height: 15px; margin:0 0 0 10px; }
.data-table .item-options dt { background: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/img/bullet.png) 0 4px no-repeat; padding-left: 10px; }
.data-table .item-options dd { padding-left: 10px; /* The same left padding as "dt" in case "dd" drops to a new line */ }

/* Options Tool Tip
-------------------------------------------------------------- */
.truncated { cursor:help; display:inline-block; }
.truncated a.dots { cursor:help; }
.truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; }
.truncated .truncated_full_value { position:relative; z-index:999; }
.truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:190px; padding:15px; }
.truncated .truncated_full_value .item-options > p { font-weight:bold; margin-bottom:2px; }

/* Truncated displayed as dropdown in the mini cart */
.truncated .show .item-options { display: block; left: -210%; top: 20px; }

/* Modify position of truncated dropdown displayed on cart page */
.cart-table .truncated .show .item-options { left: 0; top: 5px; }



/* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods dt { font-weight:bold; margin:15px 0 0; }
.sp-methods dt:first-child {margin-top: 0; }
.sp-methods dt.a-center { text-align: left !important; } /* Heading "Credit Card Information" in the Order Review tab */
.sp-methods dd { margin: 3px 0 15px;  }
.sp-methods dd li { margin: 5px 0; }
.sp-methods .price { font-weight:bold; }
.sp-methods .form-list { padding:10px 10px 10px 22px; }
.sp-methods select.month { width:150px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:5em !important; }

.sp-methods .checkmo-list li {}
.sp-methods .checkmo-list label { padding-right:10px; }
.sp-methods .checkmo-list address { float:left; }

.sp-methods .centinel-logos a { margin-right:3px; }
.sp-methods .centinel-logos img { vertical-align:middle; }

#checkout-shipping-method-load dd ul li { display: inline-flex; align-items: center; width: 100%; }
#checkout-shipping-method-load dd ul li input { display: inline-flex; }
#checkout-shipping-method-load dd ul li label { display: inline-flex; align-items: center; }
#checkout-shipping-method-load dd ul li img { width: 30px; height: 30px; margin: 0 5px; }

#checkout-payment-method-load dt { display: inline-flex; align-items: center; width: 100%; }
#checkout-payment-method-load dt input { display: inline-flex; }
#checkout-payment-method-load dt label { display: inline-flex; align-items: center; }
#checkout-payment-method-load dt label svg { width: 50px; height: 30px; margin: 0 5px; }

.please-wait { float:right; margin-right:5px; }
.please-wait img { vertical-align:middle; }
.cvv-what-is-this { cursor:help; margin-left:10px; }

/* Tooltip with credit card security code explanation */
.tool-tip { margin-left: 22px; /* To align with ".sp-methods .form-list" */ }
.tool-tip .btn-close a { display:block; margin:0 0 5px; }

/* Gift Messages */
.gift-messages { margin:30px 0 10px; }
.gift-messages-form { border:1px solid #e5e5e5; padding:20px; position:relative; }
.gift-messages-form p { margin-bottom:10px; }
.gift-messages-form label { float:none !important; position:static !important; }
.gift-messages-form .item { margin:0 0 10px; }
.gift-messages-form .item .product-img-box { float:left; width:75px; }
.gift-messages-form .item .product-image { margin:0 0 7px; }
.gift-messages-form .item .number { margin:0; font-weight:bold; text-align:center; }
.gift-messages-form .item .details { margin-left:90px; }

.gift-message-link { display:block; background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; }
.gift-message-link.expanded { background-position:0 -53px; }
.gift-message-row .btn-close { float:right; padding:0 7px 0px; }
.gift-message dt strong { font-weight:bold; color:#666; }
.gift-message dd { margin:5px 0 0; font-size:13px; }
.order-gift-message { margin:15px 0; }

.checkout-agreements li, .mailchimp-general-list li { display: block; padding: 22px; background-color: #f5f5f5; margin: 0 0 10px; }
.checkout-agreements .agreement-content { overflow: auto; max-height: 144px; }
.checkout-agreements .agree input.checkbox { margin-right:8px; }
.checkout-agreements .agree label { font-weight:bold; vertical-align:middle; }

/* Centinel */
.centinel .authentication { border:1px solid #ddd; background:#fff; }
.centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; }

/* Generic Info Set */
/* For more styles see Multiple Addresses Checkout */
.info-set .data-table .item-options { margin:5px 0 0; }
/********** Common Checkout Styles > */


/* Block - progress
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-progress dl { margin-top: 15px; }
.block-progress dt {
	margin: 15px 0;
	line-height: 1.3em; /* Low line height to display the line near the heading text */
	text-transform: uppercase;
	font-weight: bold;
}
.block-progress dd {
	margin-bottom: 25px;
	padding-left: 15px;
	font-style: italic;
}
.block-progress address { font-style: italic; }
.block-progress dt a {
	/* Reset styles of the heading text */
	text-transform: none;
	font-weight: normal;
}
.block-progress p { margin:0; }


/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.opc .buttons-set.disabled button.button { display:none; }
.opc .buttons-set .please-wait { height:45px; line-height:45px; /* The same height as the button */ }
.opc .ul { list-style:disc outside; padding-left:18px; }

.opc { position:relative; }
.opc .section { margin:0 0 10px; padding:0; }

.opc .step-title { background:#f5f5f5; padding:10px; text-align:right;  }
.opc .step-title .number { float:left; background:#fff; padding:8px 12px; margin:0 8px 0 0; font-size:1.3333em; }
.opc .step-title h2 { float:left; margin:0; color:#999; font-size:1.3333em; line-height:2.125em; }
.opc .step-title a { display:none; float:right; margin-top:8px; }

.opc .section.allow { cursor:pointer; }
.opc .section.allow.active { cursor:auto; }
.opc .allow .step-title { background:#f5f5f5; }
.opc .allow .step-title:hover { background-color:#e5e5e5; }
.opc .allow .step-title h2 { color:#333; }
.opc .allow .step-title a { display:block; }

.opc .active .step-title { background-color:#e5e5e5; cursor:default; }
.opc .active .step-title .number { color:#fff; background-color:#333; }
.opc .active .step-title h2 {}
.opc .active .step-title a { display:none; }

.opc .step { padding:10px 20px; margin-top:10px; position:relative; }
.opc .step .tool-tip { right:30px; }

#opc-login .buttons-set button { float:left; margin-left:0; }
#opc-login .buttons-set a { float:right !important; }
#opc-login h3 { margin-top:10px; }
#opc-login h4 { font-family:inherit; font-weight:normal; }
#opc-login .form-list { margin:15px 0 15px; }
#opc-login .form-list li { margin:0 0 3px;}

.opc .gift-messages-form { border:1px solid #e5e5e5; border-width:1px 0;}
.opc .gift-messages-form .inner-box { overflow:visible; }

#opc-review .step { padding:0; }
#opc-review .item-options { margin:5px 0 0; }
#opc-review .btn-checkout { min-width: 200px; }
#opc-review .buttons-set p { margin:0; line-height:28px; }
#opc-review .buttons-set .please-wait { height:28px; line-height:28px; }
#opc-review .authentication { margin:0 auto; width:570px; }
#opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; }


/* Common styles for: Multiple Addresses Checkout and Generic Info Set
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.multiple-checkout h2,
.info-set h2 { font-weight:bold; margin:0 0 10px; }
.multiple-checkout h3,
.multiple-checkout h4,
.info-set h3,
.info-set h4 { font-size:15px; font-weight:bold; }
.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a,
.info-set h2 a,
.info-set h3 a,
.info-set h4 a { font-size:12px; font-weight:normal; }

.multiple-checkout .data-table .product-name,
.info-set .data-table .product-name { font-size:13px; margin:0 0 5px; }
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend { font-weight:normal; }
.multiple-checkout .col2-set h3.legend,
.info-set h3.legend { color:#ce001a; margin:0 0 10px; }
.multiple-checkout .col2-set .divider,
.info-set .divider { margin:0 -20px; padding:25px 0; position:relative; }
.multiple-checkout .box,
.info-set .box { margin:0 0 15px; }



/* Multiple Addresses Checkout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.checkout-progress { padding:0 110px; margin:-11px 0 25px; }
.checkout-progress li { float:left; width:19%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid #d5d5d5; text-align:center; color:#bbb; }
.checkout-progress li.active { border-top-color:#ce001a; color:#ce001a; }

.multiple-checkout .page-title { border-bottom:1px solid #e5e5e5; padding-bottom:5px; }
.multiple-checkout .buttons-set { border-top:1px solid #e5e5e5; margin-top:40px; padding-top:15px; }

/* Styles similar to cart-table */
.multiple-checkout .data-table thead tr { border-bottom:1px solid #bbb; }
.multiple-checkout .data-table thead th { padding:10px; font-weight:normal; }

.multiple-checkout .gift-messages { margin:15px 0 0; }
.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; }

.multiple-checkout .col2-set .col-1 { width:32%; }
.multiple-checkout p.actions { margin-bottom:10px; }

.multiple-checkout .place-order .please-wait { margin-top:10px; }
.multiple-checkout .place-order .grand-total { font-size:1.5em; text-align:right; }
.multiple-checkout .place-order .grand-total .inner div { display:inline; }
.multiple-checkout .place-order .grand-total big { display:inline; margin-right:20px; }

/* Step 1 */
#multiship-addresses-table td { padding:10px; }

/* Step 2 */
.checkout-multishipping-shipping .box-sp-methods { border:1px solid #e5e5e5; padding:15px; margin-bottom:0; position:relative; }



/* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Account Login/Create Pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.account-login .new-users,
.account-login .registered-users { margin-bottom:20px; }
.account-login p { margin-bottom:20px; }
.account-login p.required { margin:0; }
/* Make top margin smaller - in log-in form "required" element is
   in different place then in other containers "buttons-set" */
.account-login .buttons-set { margin-top: 10px; }

/* Account Login/Create box elements - login page and checkout page */
.account-login .buttons-set button { float:left; margin-left:0; }
.account-login .buttons-set a { float:right !important; margin-bottom: 10px; }


/* My Account Dashboard
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.my-account {}
.my-account .title-buttons .link-rss { float:none; margin:0; }

/********** < Dashboard */
.dashboard .welcome-msg { margin:0 0 1.6666em; }
.dashboard .welcome-msg .hello { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ }
.dashboard .welcome-msg .hello strong { font-weight: normal; }
.dashboard .col-1,
.dashboard .col-2 { margin-bottom:1.5em; }

/* General Box */
.box-account { margin:0 0 2.5em; }
.box-account .box-head { border-bottom:1px solid #e5e5e5; margin:0 0 10px; padding-bottom:5px; }
.box-account .box-head a { float:right; margin-top:10px; }
.box-account .box-head h2 { float:left; margin:0; background-position:0 0; background-repeat:no-repeat; }
.box-account.box-info .col-1 { border-right:1px solid #e5e5e5; }
.box-account.box-info .col-1 .box { padding-right:10px; }

.dashboard .box .box-title { padding:0 0 2px; margin:0 0 10px; text-align:right; border-bottom:1px solid #e5e5e5; }
.dashboard .box .box-title h3,
.dashboard .box .box-title h4 { float:left; margin:0; }

/* Block: Recent Orders */
.dashboard .box-recent .box-head h2 {}

/* Block: Account Information */
.dashboard .box-info .box-head h2 {}
.dashboard .box-info h4 { font-weight:normal; text-transform:uppercase; }

/* Block: Reviews */
.dashboard .box-reviews .box-head h2 {}
.dashboard .box-reviews .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; }
.dashboard .box-reviews .details { margin-left:38px; }
.dashboard .box-reviews li.item { margin:0 0 7px; }
.dashboard .box-reviews li.item.last { margin:0; }
.dashboard .box-reviews .ratings { margin:5px 0 0; }

/* Block: Tags */
.dashboard .box-tags .box-head h2 {}
.dashboard .box-tags .number { float:left; font-size:1.3333em; line-height:1.25em; padding:0 10px; }
.dashboard .box-tags .details { margin-left:38px; }
.dashboard .box-tags .tags { margin:5px 0 0; }
.dashboard .box-tags li.item { margin:0 0 7px; }
.dashboard .box-tags li.item.last { margin:0; }
.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li { display:inline; }
/********** Dashboard > */

/* Add left padding if icons are displayed in headings */
/*.box-account .box-head h2,
.order-items h2,
.order-about h2 { padding-left:38px; }*/


/* Address Book
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.addresses-list h3 { font-weight:normal; }
.addresses-list address { margin-bottom:10px; }
.addresses-list .link-remove:hover { color:#ee001c; }
.addresses-list .separator { margin:0 3px; }
.addresses-list .addresses-primary .item { padding:15px; margin:0 0 10px; background-color:#f5f5f5; }
.addresses-list li.empty { background:none; border:0; padding:0; }
.addresses-list li.empty p { color:#555; }
.addresses-list .addresses-additional .item { padding:15px; margin:0 0 10px; border:1px solid #e5e5e5; }

.my-account .pager { margin-bottom:20px; }


/* Order View
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.order-info { margin:20px 0 10px; }
.order-info dt,
.order-info dd,
.order-info li,
.order-info li a { float:left; }

.order-info dt { font-weight:bold; }
.order-info li { margin-right:1px; }
.order-info dt,
.order-info li.current,
.order-info li a { padding:10px; }
.order-info dt { padding-left:0; }

.order-info li a { background-color:#f8f8f8; }
.order-info li a:hover,
.order-info li.current { background-color:#e5e5e5; }

/* Date */
.order-date { margin:15px 0; color:#ee001c; clear:both; }


/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.order-info-box { margin:0 0 10px; padding:20px; }
.order-info-box .col-1 { border-right:#e5e5e5 solid 1px; }
.order-info-box h2 {}
.order-info-box .box-payment p { margin:0 0 3px; }
.order-info-box .box-payment th { font-weight:bold; padding-right:7px; }

.order-items .data-table { margin-bottom:20px; }
.order-items .data-table td { padding:5px 9px; }
.order-items .data-table .grand_total { font-size:1.3333em; }
/* Grand total color */
.order-items .data-table .grand_total .last,
.order-items .data-table .grand_total_incl .last {}

.order-items { width:100%; }
.order-items .product-name { margin:0 0 3px; font-size:12px; }
.order-items .link-print { font-weight:normal; }
.order-items p .link-print { float:none; }

.order-items h2,
.order-about h2 { margin:15px 0; }

.order-items h3.table-caption { font-size:13px; font-weight:bold; }
.order-items h2.table-caption a,
.order-items h2.sub-title a {
	font-size:12px;
	font-weight:normal;
	text-transform:none;
}
.order-items .order-links { text-align: right; }
.order-items .order-comments h2 {}

.order-details h2 {}
.order-details h2 .separator { color:#999; font-size:12px; }

.order-about { margin:0 0 15px;	padding:5px 30px; }
.order-about dt { font-weight:bold; }
.order-about dd { font-size:12px; margin-bottom:15px; }

.tracking-table { margin:0 0 15px; }
.tracking-table th { width:20%; font-weight:bold; white-space:nowrap; }
.tracking-table th,
.tracking-table td { padding:5px 9px; }

.tracking-table-popup { width:100%; }
.tracking-table-popup th { font-weight:bold; white-space:nowrap; }
.tracking-table-popup th,
.tracking-table-popup td { padding:1px 8px; }


/* Order Print Pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-print .print-head { margin:0 0 15px; }
.page-print .print-head .logo { float:left; }
.page-print .print-head address { float:left; margin-left:15px; }
.page-print h1 { font-size:16px; font-weight:bold; }
.page-print h2,
.page-print h3 { font-size:13px; font-weight:bold; }
.page-print h2.h2 { font-size:16px; font-weight:bold; }
.page-print .order-date { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; margin:0 0 10px; }
.page-print .col2-set { margin:0 0 10px; }
/* Price Rewrites */
.page-print .gift-message-link { display:none; }
.page-print .price-excl-tax,
.page-print .price-incl-tax { display:block; white-space:nowrap; }
.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price { display:inline; }

/* My Tags
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.my-tag-edit { float:left; margin:0 0 10px; }
.my-tag-edit .btn-remove { float:right; margin:5px 0 0 5px; }
#my-tags-table { clear:both; }
#my-tags-table td { padding:10px; }
#my-tags-table .add-to-links { white-space:nowrap; }


/* My Reviews TODO:deprecated
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#my-reviews-table td { padding:10px; }
.product-review .product-img-box { float:left; width:140px;  }
.product-review .product-img-box .product-image { display:block; width:125px; height:125px; }
.product-review .product-img-box .label { margin:0 0 8px; }
.product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 10px; }
.product-review .product-details { margin:0 20px 20px 155px; }
.product-review .product-name { font-size:18px; margin:0 0 18px; }
.product-review h3 { font-size:12px; margin:15px 0 5px; }
.product-review dt { font-weight:bold; }
.product-review dd { font-size:12px; margin:5px 0 0; }


/* Billing Agreements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.billing-agreements .form-list li select { float:left; }
.billing-agreements .form-list li button.button { float:left; margin-left:10px; }
.billing-agreements .table-caption { font-weight:bold; font-size:13px; }



/* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Remember Me Popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.window-overlay { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; }

.remember-me label { float:none; margin:0 6px; }
.remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; }
.remember-me-popup-head { position:relative; }
.remember-me-popup-close-button { margin-top: 15px; }


/* MAP Popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-msrp-totals {
	color:red;
	text-align:right;
	text-transform:uppercase;
}
.map-cart-sidebar-total {
	display:block;
	color:red;
	font-weight:normal;
	font-size:12px;
	line-height:1.5em;
}

.map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; }
.map-popup-heading h2 { margin:0; overflow:hidden; white-space:nowrap; word-wrap: break-word; text-align:left; text-overflow:ellipsis; }
.map-popup-arrow { display:none; }
.map-popup-content { overflow:hidden; text-align:left; }
.map-popup-checkout { float:right; text-align:right; }
.map-popup-checkout .paypal-logo { margin:0 0 5px; }
.map-popup-price .price-box,
.map-popup-price .price-box .special-price { margin:0; padding:0; }
.map-popup-price { margin:5px 0 0; }
.map-popup-text { clear:right; padding:20px; text-align:left; word-wrap:break-word; }
.map-popup-only-text { border-top:1px solid #eee; }


/* Common styles for: Remember Me Popup and MAP Popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.remember-me-popup,
.map-popup { background:#fff; text-align:left; }
.remember-me-popup-head,
.map-popup-heading { border-bottom:1px solid #e5e5e5; padding:15px 45px 15px 20px; }
.remember-me-popup-head h3,
.map-popup-heading h2 { margin:0; font-size:16px; }
.remember-me-popup-body,
.map-popup-content { padding:20px; }
.remember-me-popup-head .remember-me-popup-close, /* Only the "close" button in the header */
.map-popup-close { display:block; position:absolute; top:16px; right:16px; }


/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.calendar { z-index:200; }
.calendar .button {
	display: table-cell; /* Fix conflict with standard buttons */
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
	border: none;
}
.calendar thead .active { /* Active (pressed) buttons in header */
	border: none;
}

.calendar tbody td.active { /* Active (pressed) cells */
	padding: 2px 4px 2px 2px;
	border: none;
	color: crimson;
}
.calendar tbody td.selected { /* Cell showing selected date */
	padding: 2px 4px 2px 2px;
	border: none;
	background-color: #eee;
}
.calendar tbody td.hilite { /* Hovered cells */
	padding: 2px 4px 2px 2px;
	border: none;
	background-color: #fff;
	color: red;
}



/* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.footer-container,
.footer-container3 { background-repeat:repeat; background-position:center top; background-attachment: scroll; }
.footer {
	margin:0 auto;
	padding:0;
	text-align:left;
}
.footer .item-left { float:left }
.footer .item-right { float:right; margin-left:20px; }

/* Footer elements */
.footer .heading,
#subscribe-form label { margin-bottom:0.625em; font-size:1.3333em; font-weight:normal; }


/* Primary footer additional
-------------------------------------------------------------- */
.footer-primary-top-spacing {
	border-bottom:1px solid;
	border-color:#eee;
	border-color:rgba(0,0,0, 0.05);
	padding-bottom:20px;
	margin-bottom:10px;
}
.footer-primary-bottom-spacing {
	margin-top:10px;
}


/* Footer secondary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-secondary {}


/* Footer bottom
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-bottom {}


/* Footer elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Newsletter form
-------------------------------------------------------------- */
#subscribe-form {}
#subscribe-form form { display:block; }
#subscribe-form label { float:left; margin:0 5px 0 0; line-height:36px; font-weight:normal; position: relative; }
#subscribe-form .input-box { float:left; margin:0 5px 5px 0; position:relative; }
#subscribe-form .input-box .validation-advice {
	padding:10px 0;
	margin:0;
	width:140%;
	position:absolute;
	top:-103%;
	left:-20%;
	text-align:center;
	background-color:#fff;
	background-color:rgba(255,255,255,0.9);
	z-index:1;
}
#subscribe-form .input-text {
	float:left;
	width:auto;
}
#subscribe-form .button { float:left; }

.social-links svg { width: 16px; height: 16px; padding: 10px }

/* Other elements
-------------------------------------------------------------- */

/* Scroll to top button
-------------------------------------------------------------- */
#scroll-to-top {
	display:none;
	position:fixed;
	width: 24px;
	height: 24px;
	padding: 11px 13px 15px;
	line-height: 0;
	text-align:center;
	bottom:56px;
	right:30px;
	z-index:9999;
	border-radius:50%;
}
#scroll-to-top:hover { background-color:#333; }
#scroll-to-top:hover svg { fill: #ffffff	 }


/* Configurable Swatches %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Configurable Swatches
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Clears */
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
	content: '';
	display: table;
	clear: both;
}


/* General Swatch Styling
-------------------------------------------------------------- */
.swatch-link,
.swatch-label {
	display: block;
	border-radius: 0; /*3px;*/
	font-size: 14px;
	text-align: center;
	color: #636363;
	text-decoration: none;
	box-sizing: content-box;
}

.swatch-link {
	border: 1px solid #cccccc;
	margin: 0 0 3px;
}
.swatch-link img {
	border-radius: 0; /*2px*/
}
.swatch-link:hover {
	cursor: pointer;
	text-decoration: none;
}
.swatch-link .x {
	display: none;
	text-indent: -999em;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/bg_x.png) center no-repeat transparent;
	z-index: 10;
}
.swatch-link.has-image .swatch-label {
	position: relative;
}
.swatch-link.has-image img {
	position: absolute;
	top: 0;
	left: 0;
}

.swatch-label {
	border: 1px solid #fff;
	margin: 0;
	white-space: nowrap;
	background: #f4f4f4;
}

/* Configurable swatch list
-------------------------------------------------------------- */
.configurable-swatch-list {
	zoom: 1;
	clear: both;
	-webkit-transform: translateZ(0px);
}
.configurable-swatch-list li {
	float: left;
	zoom: 1;
	margin: 0 0 0 3px;
}
.products-grid .configurable-swatch-list li {
	display: inline-block;
	float: none;
	margin: 0;
	vertical-align: top;
}
.configurable-swatch-list .not-available .x {
	display: block;
}
.configurable-swatch-list .not-available .swatch-link {
	border-color: #ededed;
	position: relative;
}
.configurable-swatch-list .not-available .swatch-link.has-image img {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.configurable-swatch-list .not-available .swatch-label {
	color: #aaa;
	background: #fff;
}
.configurable-swatch-list .wide-swatch .swatch-label {
	padding: 0 6px;
}
.configurable-swatch-list .not-available a:focus {
	outline: 0;
}

/* In layered navigation
-------------------------------------------------------------- */
#narrow-by-list dd .configurable-swatch-list li {
	margin: 0 0 0 3px;
	width: 47%;
}
#narrow-by-list dd .swatch-link {
	border: none;
	line-height: 25px;
	margin-right: 2px;
	text-align: left;
}
#narrow-by-list dd .swatch-link.has-image {
	line-height: inherit;
}
#narrow-by-list dd .swatch-link:hover .swatch-label {
	border-color: #000;
}
#narrow-by-list dd .swatch-label {
	background: #f4f4f4;
	border: 1px solid #cccccc;
	border-radius: 0; /*3px;*/
	display: block;
	float: left;
	line-height: 1.5em;
	margin: 0 5px 0 0;
	padding: 1px 5px;
	white-space: nowrap;
}
#narrow-by-list dd .swatch-label img {
	border: 1px solid #fff;
	border-radius: 0; /*3px;*/
	box-sizing: content-box;
}
#narrow-by-list dd .has-image .swatch-label {
	padding: 0;
}

/* Remove list arrow */
.block-layered-nav dd .configurable-swatch-list li,
.block-layered-nav .currently ol.configurable-swatch-list li {
	background: none;
	padding-left: 0;
}
.block-layered-nav dd .configurable-swatch-list > li > a::before {
	display: none;
}

/* In layered navigation - current filter
-------------------------------------------------------------- */
.currently .swatch-current {
	position: relative;
}
.currently .swatch-current .btn-remove {
	margin-top: -10px;
	position: absolute;
	right: 0;
	top: 50%;
}
.currently .swatch-current span {
	display: block;
	float: left;
}
.currently .swatch-link {
	display: inline-block;
	margin: 0 0 0 3px;
}
.currently .swatch-link:hover {
	border-color: #cccccc;
	cursor: default;
}

/* Other Swatch States
-------------------------------------------------------------- */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
	border-color: #000;
}

.configurable-swatch-box {
	background: none !important;
}
.configurable-swatch-box select.swatch-select {
	display: none;
}
.configurable-swatch-box .validation-advice {
	margin: 0 0 5px;
	background: #df280a;
	padding: 2px 5px !important;
	font-weight: bold;
	color: #fff !important;
	float: left;
	display: block;
	border-radius: 0; /*3px;*/
}


/* Product page swatches
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-options .swatch-attr {
	float: none;
	display: block;
	clear: both;
	border: 0;
}
.product-view .product-options .swatch-attr label,
.product-view .product-options .swatch-attr .select-label {
	font-size: 12px;
}
.product-view .product-options .swatch-attr label {
	display: block;
}
.product-view .product-options .swatch-attr .select-label {
	display: inline;
	font-weight: normal;
	padding-left: 5px;
}
.product-view .product-options dd .input-box {
	width: auto;
	height: auto;
}
.product-view .product-options .select-label {
	display: none;
}
.product-view .add-to-cart button.out-of-stock {
	background-position: -80px -362px;
	cursor: default;
}


/* Gallery
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-image-gallery {
	/*position: relative;*/
}
.product-image-gallery .gallery-image {
	display: none !important; /* Added 'important' to override inline style of cloud zoom */
	width: 100%;
	filter: blur(10px);
	transition: 200ms filter linear;
}
.product-image-gallery .gallery-image:not(.load-on-scroll) {
	filter: none;
}
.product-image-gallery .gallery-image.visible {
	display: block !important;
}
.product-image-gallery .gallery-image.visible.hidden {
	visibility: hidden;
}

/* Overlay and spinner */
.product-image-gallery:before, .product-image-gallery:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.product-image-gallery:before {
	background-color: white;
	opacity: 0.8;
	z-index: 2;
}
.product-image-gallery:after {
	background-image: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/opc-ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	z-index: 3;
}
.product-image-gallery.loading {
	position: relative;
}
.product-image-gallery.loading:before, .product-image-gallery.loading:after {
	display: block;
}


/* Mark for required product options (next to option label)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
label.required:after,
span.required:after {
	content: ' *';
	color: #EE001C;
	font-weight: normal;
	font-size: 12px;
}
label.required em,
span.required em {
	display: none;
}



/* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* CMS pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Home page */
body.cms-index-index .breadcrumbs { display:none; }


/* Magento widgets
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.widget-new-products .products-grid .item,
.widget-viewed .products-grid .item { float: left; max-width: 165px; padding: 0 10px 15px; }

.widget-new-products .products-list,
.widget-viewed .products-list { list-style-type: none; padding: 0; }

.widget-new-products .products-list .product-image,
.widget-viewed .products-list .product-image { float: left; }

/* Static block added via widget.
   Add "div" to make the rule more specific. */
.sidebar div.widget-static-block { margin-bottom:10px; }

.lazy-loaded-image, .load-on-scroll { background: url('https://www.uhrenschmuck24.ch/skin/frontend/default/images/infortis/_shared/ajax-loader.gif') no-repeat center; }


/* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.clear { clear:both; font-size:0; line-height:0; height:0; } /* Additional simple clearing */
.clearer:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-view .box-tags .form-add:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after,

/* Additional clearing */
.breadcrumbs:after,
.product-type-data .item-options:after,
.my-account .order-info:after,
.mini-cart .mini-cart-content .mini-products-list li.item:after,
.block-related-thumbnails .product:after,
.cart .crosssell:after,
.data-table .item-options:after,
.section-line:after,
.section-title:after
{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.nosto_element h3.section-title { word-wrap: break-word; }
.nosto_element .products-grid .owl-stage-outer { width: unset; }

@media only screen and (max-width: 767px) {
	.breadcrumbs-wrapper-scrollable {
		position: relative;
		padding-bottom: 34px;
		visibility: hidden;
	}

	.breadcrumbs-wrapper-scrollable:after {
		content: " ";
		right: -10px;
		position: absolute;
		top: 0;
		bottom: 0;
		height: 20px;
		width: 38px;
		background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 100%);
	}

	.breadcrumbs-wrapper-scrollable.scroll-right:before {
		content: " ";
		left: -10px;
		position: absolute;
		z-index: 1;
		top: 0;
		bottom: 0;
		height: 20px;
		width: 38px;
		background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 100%);
	}

	.breadcrumbs-wrapper-scrollable .breadcrumbs {
		text-align: left !important;
		overflow-x: auto;
		overflow-y: hidden;
		width: 100%;
		height: 2.5em;
		position: absolute;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.breadcrumbs-wrapper-scrollable .breadcrumbs::-webkit-scrollbar {
		display: none;
	}

	.breadcrumbs-wrapper-scrollable .breadcrumbs ul {
		position: absolute;
		padding-right: 25px;
	}

	.catalog-product-view .breadcrumbs > * { display: flex!important; }
}

/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

div.amshopby-column {
    float: left;
    width: 49%;
    overflow: hidden;
}

select.amshopby-select {
    width:170px;
}

.amshopby-logo{
padding: 0 10px 10px 0; float: left;
}

.amshopby-featured {
    padding: 5px 5px 5px 5px; 
}

.amshopby-link{
    float:left;
    padding-left:5px; 
    padding-top:5px;
}

.amshopby-clearer {
	display:block; 
	clear:both; 
	overflow: hidden;
}
div.block-layered-nav dd a, div.block-layered-nav dd span.attr-to-filter { padding: 3px 0 3px 20px; display:block; float: left;  cursor: pointer; color: #008080;}
div.block-layered-nav dd .amshopby-attr, div.block-layered-nav dd .amshopby-attr:hover { background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;}
div.block-layered-nav dd .amshopby-attr::before, div.block-layered-nav dd .amshopby-attr-selected::before {border-style: none !important;}
div.block-layered-nav dd .amshopby-attr-selected {font-weight: bold; padding-left:15px; background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;}
div.block-layered-nav dd .amshopby-attr-inactive {pointer-events: none; color: #666666}
div.block-layered-nav dd .amshopby-attr img, div.block-layered-nav dd .amshopby-attr-selected img { float:left; margin-right: 5px; }
div.block-layered-nav dd .amshopby-attr .swatch-img, div.block-layered-nav dd .amshopby-attr-selected .swatch-img { padding: 8px; float:left; margin-right: 5px; border: solid 2px #6e6e6e; }

div.block-layered-nav dd .single-choice .amshopby-attr,
div.block-layered-nav dd .single-choice .amshopby-attr:hover
{background-image: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-rb1.gif);}

div.block-layered-nav dd .single-choice .amshopby-attr:hover,
div.block-layered-nav dd .single-choice .amshopby-attr-selected:hover,
div.block-layered-nav dd .amshopby-attr-selected:hover,
div.block-layered-nav dd .amshopby-attr:hover
{ color: #000000; }

div.block-layered-nav dd .single-choice .amshopby-attr-selected
{background-image: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-rb2.gif);}

div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;}
div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;}

div.block-layered-nav dd .amshopby-cat-selected {font-weight: bold;
color:black; text-decoration: none; cursor:text;}

div.block-layered-nav li.amshopby-cat-multi a {
    padding-left:15px;
    background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav li.amshopby-cat-multiselected a {
    font-weight: bold;
    background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav dd li span.amshopby-plusminus {float:left;
display:block; width:15px; height:15px; cursor:pointer;
background:transparent url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-plus.gif)  no-repeat;}
div.block-layered-nav dd li span.minus {background:transparent
url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-minus.gif) no-repeat;}
div.block-layered-nav dd li:after {display:block; content:".";
clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }



div.block-layered-nav.amshopby-collapse-enabled dl dt { cursor:pointer; padding-left: 10px; border-radius: 2px 2px 0 0; background-color: #f8f8f8; border: #e0e0e0 solid 1px; border-bottom: none }
div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed { border-radius: 2px; background-color: #e0e0e0 }

.main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dd .no-display {
    display: block!important;
}

div.block-layered-nav div.amshopby-slider {
	 position:relative; margin:10px 4px 5px 4px; z-index:9; height:18px;  background: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer;
}
div.block-layered-nav div.amshopby-slider div.handle {margin-left:-4px; width:8px; top:3px; height:14px; background: transparent url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;}

/*
 * Slider labels
 */
.amshopby-slider-price {
	color: #798794;
}
.amshopby-slider-price-from {
	float: left;
    
}
.amshopby-slider-price-to {
	float: right;
}

.amshopby-slider-handle-right {
	position: absolute;
	top: 14px;
	right: 0;
}

.amshopby-slider-handle-left {
	position: absolute;
	top: 14px;
	left: 0;
}

.amshopby-tooltip {
    padding:2px 5px;
    background:#FEC;
    border:1px solid #FAA819;
    color:#1F5070;
    text-align:left;
    width:200px;
    position:absolute;
}

.amshopby-slider-price-range 
{
	text-align: center;
	font-size: 0.9em;
}

.amshopby-tooltip-img {
    cursor:help;
    display: inline;
}

div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top {
    position: relative;
}
div.amshopby-overlay {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 555;
}
div.amshopby-overlay img {
    top: 100px;
    left: 45%;
    display: block;
    position: absolute;
}

div.amshopby-overlay div {
    margin: 0 auto;
    display: block;
	width: 300px;
	height: 200px;
	background:  url('https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-overlay.gif') 50% 50% no-repeat;
}

/*
 * Advanced Categories
 */
.amshopby-advanced li {
	clear: both;
}
.amshopby-advanced li.level1 {
	padding-left: 20px;
}
.amshopby-advanced li.level2 {
	padding-left: 30px;
}
.amshopby-advanced li.level3 {
	padding-left: 40px;
}
.amshopby-advanced li.level4 {
	padding-left: 50px;
}


.amshopby-advanced li.active > a {
	font-weight: bold;
}
.amshopby-cat-toggle.amshopby-cat-toggle-hidden {
    display: none;
}

/*
 * Slider Bar
 */
.amshopby-slider-bar {
	position:absolute; 
	background: #999; 
	height: 6px; 
	top: 6px; 
	z-index: 1;  
}

/*
 * Subcategories block
 */
.amshopby-subcategory-image {
	overflow: auto; 
}

.btn-remove-inline { background-image: url('https://www.uhrenschmuck24.ch/skin/frontend/default/images/am_btn_remove.gif'); background-repeat: no-repeat; width:13px; height:12px; margin-left: 4px; }
.btn-remove-inline:hover { /* background-position: center bottom; */ }
.amshopby-hightlighted { background: yellow;}

.btn-remove-inline img {display: inline;}

div.block-layered-nav div.amshopby-slider div.handle.active { z-index: 3; }

.amshopby-slider-ui { background: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-slider-bg.gif) repeat-x 0 50%; margin: 10px .4em; }
.amshopby-slider-ui .ui-slider-handle { background-color: #f18200; border: 1px solid #de5400; box-sizing: border-box; outline: none; }
.amshopby-slider-ui .ui-slider-range { background-color: #999999; }

.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-slider { cursor: pointer; position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.4em; }
.ui-slider-horizontal .ui-slider-range { top: 0.2em; height: 8px; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.amshopby-narrow-by-list table td { vertical-align: top; }

.filterOptions .input-text { border-radius: 2px }
input[name^="amshopby"][id$="from"].input-text, input[name^="amshopby"][id$="to"].input-text { width: 56px }

.amshopby-item-top{
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.amshopby-item-top div.amshopby-column {
    width: auto;
}

.no-display-current, .no-display, dd.current td.no-display{
    display: block;
}

@media only screen and (max-width: 770px) {
    dl#narrow-by-list,
    dl#narrow-by-list2 {
        padding: 0;
    }
    .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dt{background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-collapsed.gif) center left no-repeat;}
    .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content.accordion-open dl dt.current{background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-expanded.gif) center left no-repeat;}
}

div.block-layered-nav ol:not(.single-choice) select option[selected] { color:white; background-color: rgba(171, 171, 171, 1); }

.amshopby-apply-button {width: 180px; height: 40px; margin-top: 1em;}

/**
 * All Brands page
 */
.content .ambrands-list {
    min-width: 180px;
}
@media only screen and (max-width: 767px) {
    div.block-layered-nav dd a, div.block-layered-nav dd span.attr-to-filter { color: #333333; }
}

/* mouse grab icon */
.grabbing { 
    cursor:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/infortis/_shared/grabbing.png) 8 8, move;
}

/* 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(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.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); }
}


/* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.itemslider { margin-bottom: 20px; }

/* Items */
.itemslider .item { padding-left:10px; padding-right:10px; }

/* Lazy loading */
.itemslider .owl-item.loading { background-position: center 40px; }
.itemslider .owl-item.loading .product-image { min-height: 70px; }

/* If slider inside menu */
.navi .itemslider .price-box span { display: inline; }

/* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Generic arrows 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-arrows1 .owl-carousel .owl-nav { position:absolute; }
.slider-arrows1 .owl-carousel .owl-nav button.owl-prev, .slider-arrows1 .owl-carousel .owl-nav button.owl-next {
	float:left;
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/infortis/_shared/generic-nav/slider-arrows.png);
	background-repeat:no-repeat;
	background-color:#e5e5e5;
	transition:			opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

.slider-arrows1 .owl-carousel .owl-nav button:hover { background-color:#333; }
.slider-arrows1 .owl-carousel .owl-nav button.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; }
.slider-arrows1 .owl-carousel .owl-nav button.disabled:hover { background-color:#e5e5e5; }

.slider-arrows1 .owl-carousel .owl-nav .owl-prev { background-position:-10px -10px; margin-right:1px; }
.slider-arrows1 .owl-carousel .owl-nav .owl-prev:hover { background-position:-10px -60px; }
.slider-arrows1 .owl-carousel .owl-nav .owl-prev.disabled:hover	{ background-position:-10px -10px; }

.slider-arrows1 .owl-carousel .owl-nav .owl-next { background-position:-60px -10px; }
.slider-arrows1 .owl-carousel .owl-nav .owl-next:hover { background-position:-60px -60px; }
.slider-arrows1 .owl-carousel .owl-nav .owl-next.disabled:hover { background-position:-60px -10px; }

/* Position */
.slider-arrows1-pos-top-right .owl-carousel .owl-nav { top:-40px; right:0; width: auto; }
.slider-arrows1-pos-top-left  .owl-carousel .owl-nav { top:-40px; left:0; }


/* Generic arrows 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-arrows2 .owl-carousel .owl-nav button.owl-prev, .slider-arrows2 .owl-carousel .owl-nav button.owl-next {
	position:absolute;
	display:block;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/infortis/_shared/generic-nav/slider-arrows.png);
	background-repeat:no-repeat;
	background-color:#fff;
	transition:			opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	
	opacity:0;
	filter:alpha(opacity=0);
}
.slider-arrows2:hover .owl-carousel .owl-nav button { opacity:1; filter:alpha(opacity=100); }

.slider-arrows2 .owl-carousel .owl-nav button:hover { background-color:#000; }
.slider-arrows2 .owl-carousel .owl-nav .owl-prev { background-position:-2px 0; left:0; top:46%; }
.slider-arrows2 .owl-carousel .owl-nav .owl-prev:hover { background-position:-2px -50px; }
.slider-arrows2 .owl-carousel .owl-nav .owl-next { background-position:-48px 0; right:0; top:46%; }
.slider-arrows2 .owl-carousel .owl-nav .owl-next:hover { background-position:-48px -50px; }

@media (max-width: 767px) {
	.slides .owl-nav { display: none }

	.product-view .thumbnails-wrapper .slides .owl-nav { display: block; }
	.product-info .slides .owl-nav { display: block; }
	.product-view .thumbnails-wrapper .slides .owl-nav.disabled { display: none; }
	.product-info .slides .owl-nav.disabled { display: none; }
}

/* Generic arrows 3
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-arrows3 .owl-carousel .owl-nav button.owl-prev, .slider-arrows3 .owl-carousel .owl-nav button.owl-next {
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/infortis/_shared/generic-nav/slider-arrows.png);
	background-repeat:no-repeat;
	background-color:#fff;
	transition:			opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

.slider-arrows3 .owl-carousel .owl-nav button.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; }
.slider-arrows3 .owl-carousel .owl-nav button.disabled:hover { background-color:#fff; }

.slider-arrows3 .owl-carousel .owl-nav .owl-prev { background-position:-10px -10px; top:30%; left:-32px; }
.slider-arrows3 .owl-carousel .owl-nav .owl-prev.disabled:hover	{ background-position:-10px -10px; }

.slider-arrows3 .owl-carousel .owl-nav .owl-next { background-position:-60px -10px; top:30%; right:-32px; }
.slider-arrows3 .owl-carousel .owl-nav .owl-next.disabled:hover	{ background-position:-60px -10px; }


/* Generic pagination 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-pagination1 .owl-controls .owl-page {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.slider-pagination1 .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 7px 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#eee;
	transition:			background-color 300ms ease-in-out;
	-moz-transition:	background-color 300ms ease-in-out;
	-webkit-transition:	background-color 300ms ease-in-out;
	-o-transition:		background-color 300ms ease-in-out;
}
.slider-pagination1 .owl-controls.clickable .owl-page:hover span { background-color:#000; }
.slider-pagination1 .owl-controls .owl-page.active span { background-color:#ccc; }


/* Generic pagination 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-pagination2 .owl-dots .owl-dot {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	cursor: default;
}
.slider-pagination2 .owl-dots .owl-dot span {
	display: block;
	background-color: #e5e5e5;
	width: 10px;
	height: 5px;
	margin: 8px;
	transition: background-color 300ms ease-in-out;
	border-radius: 1px;
}
.slider-pagination2 .owl-dots .owl-dot.active span {
	background-color: #008080;
}


/* Pagination position
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.pagination-pos-bottom-centered { padding-bottom: 50px; /* Additional space for bottom pagination */ }
.pagination-pos-bottom-centered .owl-dots { padding: 10px 0; text-align: center; position: absolute; width: 100%; }
.pagination-pos-bottom-right .owl-dots { padding: 10px 0; float: right; }
.pagination-pos-bottom-left .owl-dots { padding: 10px 0; float: left; }

/**
 * Brands
 */



/* Base
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.brand-name {
	font-size: 22px;
	line-height: 18px;
	text-align: center;
}
.brand-name-wrapper {
	display: table;
	min-height: 36px; /* Two lines of text */
	margin: 0 auto;
}
.brand-name-wrapper .brand-name {
	display: table-cell;
	vertical-align: middle;
}


/* On product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.box-brand a {
	margin:0 auto;
	display:block;
}
.box-brand img {
	margin:0 auto;
	display:block;
}
.box-brand .brand-name {}
.box-brand .brand-name .label {}

/* Brand in secondary column on product page */
.product-secondary-column .box-brand .attribute {
	font-size:1.25em; /*15px*/
	line-height:1.2em; /*18px*/
	font-weight:bold;
	text-align:center;
	margin:10px 0;
}


/* Brand slider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.brand-slider .item {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}
.brand-slider .item a { display: block; }
.brand-slider .owl-item.loading { min-height:60px; }

/*
 * Accordions and collapsible blocks
 */



/* Accordion  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.accordion {
	padding:0;
	margin:0;
	list-style-type:none;
}
.accordion ul {
	display:block; /*display:none;*/
	float:left;
	width:100%;
	padding:0;
	margin:0;
}
.accordion li {
	float:left;
	display:block;
	width:100% !important;
	padding:0 !important;
	margin:0;
	list-style-type:none;
	cursor:pointer;
	position:relative;
}

.accordion li a {
	display:block;
	padding:15px 10px;
	font-size: 1.1666em; /*14px*/
	line-height: 1.2857em; /*18px*/
}
.accordion li li a { padding-left:20px; }
.accordion li li li a { padding-left:40px; }
.accordion li li li li a { padding-left:60px; }

/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
.accordion li.parent > a { padding-right:54px; }

/* Opener
-------------------------------------------------------------- */
.accordion .opener {
	position:absolute;
	right:0;
	top:0;
	display:block;
	cursor:pointer;
	text-align:center;
	width:49px;
	height:49px;
}
.accordion .opener:hover {
	background-color:rgba(0,0,0, 0.05);
}

/* Active */
.accordion li.item-active > .opener {}


/* Accordion - Style 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Padding
-------------------------------------------------------------- */
.accordion-style1 li a { padding: 0px 10px; }
.accordion-style1 li li a { padding-left: 20px; }
.accordion-style1 li li li a { padding-left: 35px; }
.accordion-style1 li li li li a { padding-left: 50px; }

/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
.accordion-style1 li.parent > a { padding-right:33px; }

/* Misc
-------------------------------------------------------------- */
.accordion-style1 li a {
	border-bottom-color:#eee;
	border-bottom:1px solid rgba(0,0,0,0.06);
	font-size:1em; /*12px*/
	line-height:1.5em; /*18px*/
}
.accordion-style1 li a:hover {
	background-color:rgba(0,0,0, 0.03);
}

/* Opener
-------------------------------------------------------------- */
.accordion-style1 .opener {
	width:28px;
	height:28px;
	background-color:rgba(0,0,0, 0.03) !important;
}
.accordion-style1 .opener:hover {
	background-color:rgba(0,0,0, 0.10);
}



/* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.collapsible .block-title {
	cursor: pointer;
}

.collapsible .block-title,
.mobile-collapsible .block-title
{
	padding-top:8px;
	/*padding-right:35px;*/ /* Rremoved space for opener */
	padding-bottom:8px;
	border-bottom:1px solid #f2f2f2;
	border-color:rgba(0,0,0, 0.05);
	margin-bottom:0.625em; /*10px*/
	
	font-size:1.3333em; /*16px*/
	line-height:1.25em; /*20px*/
	font-weight:normal;
}

.collapsible .block-content,
.collapsible .block-content > * {
	margin-top:0; /* Prevent animation jumping */
}

/* Deprecated: opener
-------------------------------------------------------------- */
.collapsible .opener {
	position:absolute;
	right:0;
	top:2px;
	display:block;
	cursor:pointer;
	text-align:center;
	
	width:30px;
	height:30px;
	line-height:30px;

	background-position:center center;
	background-repeat:no-repeat;
	background-color:#f2f2f2; /*IE*/
	background-color:rgba(0,0,0, 0.05);
}
.collapsible .opener:hover {
	background-color:#e5e5e5; /*IE*/
	background-color:rgba(0,0,0, 0.1);
}

/**
 * Category navigation menu
 *
 * .navi.nav-regular            - regular horizontal menu
 * .navi.nav-regular.nav-vert   - regular vertical menu
 * .navi.nav-mobile             - mobile menu accordion
 */



/* Common elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Category blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-block { margin-top: 1%; margin-bottom: 1%; }
.nav-block--center { margin-top: 1%; margin-bottom: 1%; }

/* Section line (separator) is lighter than other lines
-------------------------------------------------------------- */
.nav-block .section-line { border-color: #eee; }

/* Deprecated: custom static block block_header_nav_dropdown displayed as a dropdown
-------------------------------------------------------------- */
.navi .nav-custom-link .header-nav-dropdown-wrapper .heading { margin: 10px 0; }


/* Menu triggers.
   Styles shared by vertical menu trigger and mobile menu trigger.
   Styles similar to 1st-level links from the standard menu.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.menu-trigger {
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menu-trigger .label {
    margin-right: 10px;
}

/* Caret
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Only items with dropdown display the caret */
.nav-regular .caret {
    display: none;
}
.nav-regular .nav-item--parent > a .caret {
    display: inline-block;
}

/* Sticky logo
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-item--stickylogo {
    display: none;
}
.nav-item--stickylogo img {
    padding-right: 10px;
}

/* Show only when sticky header active */
.sticky-header .nav-item--stickylogo {
    display: inline;
}
.header-container:not(.sticky-header) .nav-item--stickylogo {
    display: none !important;
}


/* Home link
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Home link with icon inside a menu item
-------------------------------------------------------------- */
/* Class "feature" inside an item */
.nav-regular .nav-item--home .ic {
    display: inline-block;
    padding: 0;
    width: 18px;
    height: 18px;
    text-align: center;
    vertical-align: middle;
    float: none;
    margin: 0 5px;
}

/* Single icon as a home link
-------------------------------------------------------------- */
.navi .nav-item--homeicon a {
    padding-left: 17px; /* The same as side padding of top-level items +5px */
    padding-right: 5px;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    opacity: 1;
}
.navi .nav-item--homeicon a:hover {
    opacity: 0.6;
    transition-duration:            100ms;
    -moz-transition-duration:       100ms;
    -webkit-transition-duration:    100ms;
    -o-transition-duration:         100ms;
}


/* Category labels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cat-label {
    padding:2px 4px;
    font-size: 10px;
    line-height:18px;
    text-transform: uppercase;
}

/* labels: 1st level
-------------------------------------------------------------- */
li.level0 > a > span { position:relative; }
li.level0 > a > span > .cat-label {
    position:absolute;
    top: -6px;
    right:0;
    padding:0 6px;
    font-size: 10px;
    border-radius: 2px;
    text-transform: uppercase;
}

/* Add pin (1st level only) */
li.level0 > a > span > .pin-bottom:before {
    position:absolute;
    right:6px;
    top: 18px;
    width:0;
    height:0;
    content:"";
    border-style:solid;
    border-width:4px;
    border-color:transparent;
}

/* labels: 2nd level
-------------------------------------------------------------- */
li.level1 > a > span > .cat-label {
    display:inline-block !important;
    padding:0 4px;
    margin-left:5px;
    vertical-align:middle;
    border-radius: 2px;
}

/* labels: 3rd level
-------------------------------------------------------------- */
li.level2 > a > span > .cat-label {
    display:inline-block !important;
    padding:0 4px;
    margin-left:2px;
}

/* Category labels inside mobile menu / vertical menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-mobile li > a > span > .cat-label,
.nav-vert li > a > span > .cat-label {
    position:static;
    display:inline-block !important;
    padding:0 4px;
    margin-left:5px;

    /* Label size: all levels */
    font-size:14px;
    line-height:18px;
}

/* Hide pin */
.nav-mobile li > a > span > .pin-bottom:before,
.nav-vert li > a > span > .pin-bottom:before {
    display:none;
}


/* Non-clickable links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.navi a.no-click { cursor: default; }


/* Remove highlight color on tap
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.navi,
.menu-trigger,
.nav-regular .nav-item.level0 > a { -webkit-tap-highlight-color: transparent; }



/* Base styles of the menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.navi-wrapper {
    position: relative;
}
.navi {
    position: relative; /* Dropdown box position is relative to this container */
    -webkit-transform: translateZ(0); /* Fix possible glitches during animation */
}

/* Clearfix for menu items list */
.navi > ul:before,
.navi > ul:after {
    display: table;
    content: " ";
}
.navi > ul:after {
    clear: both;
}

/* Show/hide mobile menu */
.navi.nav-mobile-triggerable { 
    display: none;

    /* Important: menu needs to be cleared to avoid overlapping other elements inside nav bar, such as triggers and holders */
    clear: both;
}
.navi.nav-mobile-triggerable.show { 
    display: block;
}

/* Show/hide vertical menu */
.navi.nav-vert-triggerable {
    display: none;
}
.navi.nav-vert-triggerable.show {
    display: block;
}

/* Pull up dropdowns above other elements
-------------------------------------------------------------- */
/* Top menu in the header */
.header-container .navi {
    z-index: 200;
}
/* Sidebar menu */
.navi.nav-regular.navi-sidebarmenu {
    z-index: 199; /* One level below the menu */
}


/* Bottom border
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-border-bottom {
    clear: both;
}



/* Standard menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Height of the menu bar (and other elements inisde menu bar)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Top-level items and menu triggers */
.menu-trigger,
.nav-regular .nav-item.level0 > a {
    line-height: 50px;
}

/* Other elements inisde menu bar need to have the same height as height of the menu bar.
   Set max height to avoid issues with excessive height of the elements. */
.nav-holder > *,
.nav-holder .dropdown .dropdown-heading {
    line-height: 50px; 
    max-height: 50px;
}


/* Additional classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Menu items centered within the menu bar
-------------------------------------------------------------- */
.nav-regular.centered {
    text-align: center;
}
.nav-regular.centered li.level0
{
    float: none;
    display: inline-block;
}
.nav-regular.centered li.level0.right,
.nav-regular.centered li.level0.left
{
    float: none !important;
}

/* Sticky logo has to float left */
.nav-regular.centered li.nav-item--stickylogo {
    float: left;
}


/* Other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Openers */
.nav-regular .opener { display: none; }

/* Hide elements */
.nav-regular .hide-in-desktop-menu { display: none !important; }



/* Holders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Holder for additional elements inside the menu bar
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-holders-wrapper {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 201; /* One level above the menu */
    position: relative;
    /* Important: do not add floating to this element. Otherwise menu items may leave a gap (in the place where holders wrapper is displayed)
       after sticky menu suspends sticky mode. */
}
.nav-holders-wrapper .nav-holder {
    margin: 0;
    float: right; /* Required default floating */
}


/* Elements inside holder
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-holder > * {
    display: block;
}


/* Specific elements inside holder
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Dropdowns
-------------------------------------------------------------- */
.nav-holder .dropdown .dropdown-heading .label {
    vertical-align: baseline;
}

/* Search box
-------------------------------------------------------------- */
/* Common styles for search box in holder, when it's displayed inisde menu bar */
.nav-regular .nav-holder .search-wrapper, /* <-- Deprecated */
.nav-holders-wrapper .nav-holder .search-wrapper
{
    width: inherit; /* Important: to avoid stretching the box to 100% */
    float: none !important;
    display: inline-block;
    vertical-align: middle;
    padding-left: 7px;

    /* To center the search box vertically */
    margin-bottom: 1px;

    /* Override styles of search box when its inside element with class ".hp-blocks-holder--stacked" */
    max-width: none;
    margin: 0;
}
.nav-regular .nav-holder .search-wrapper .input-text, /* <-- Deprecated */
.nav-holders-wrapper .nav-holder .search-wrapper .input-text
{
    /* To center the search box vertically */
    margin-bottom: 1px;
}

/* Dropdowns
-------------------------------------------------------------- */
.nav-holder .dropdown .dropdown-heading.cover > span,
.nav-holder .dropdown .dropdown-heading.cover > div {
    padding: 0 15px;
}

/* Common styles with mobile menu trigger
-------------------------------------------------------------- */
.menu-trigger,
.nav-holder .dropdown .dropdown-heading {
    font-size: 14px;
}



/* Vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.navi.nav-vert-triggerable {
    position: absolute;
    left: 0;
}

/* The width of the trigger is the same as the width of the sidebar.
   FEATURE: it should depend on the width of the sidebar.
*/
.navi.nav-vert-triggerable,
.vertnav-trigger {
    width: 231px;
}

/* Hide selected elements
-------------------------------------------------------------- */
/* Important: added ".nav-item" class to make the rule more specific */
.nav-vert .nav-item.nav-item--home {
    display: none !important;
}
.nav-vert .nav-item--stickylogo {
    display: none !important;
}


/* Vertical menu trigger
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.vertnav-trigger {
    float: left;
}


/* Additional custom links inside menu bar
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-inline-links {
    float: left;
    margin: 0;
}



/* Mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Mobile menu trigger
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.mobnav-trigger, .mobnav-trigger2 {
    display: none;
}

/* If trigger is next to the holders wrapper, make it float left
   so that it doesn't span entire container and overlap holders. */
.nav-holders-wrapper + .mobnav-trigger, .nav-holders-wrapper + .mobnav-trigger2 {
    float: left;    
}
/* In left column, make it float right */
.left-column .nav-holders-wrapper + .mobnav-trigger, .left-column .nav-holders-wrapper + .mobnav-trigger2 {
    float: right;
}
/* In right column, make it float left */
.right-column .nav-holders-wrapper + .mobnav-trigger, .right-column .nav-holders-wrapper + .mobnav-trigger2 {
    float: left;
}


/* Dropdowns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Dropdowns inside mobile menu */
.nav-mobile .nav-panel--dropdown {
    /* Override width which can be added to dropdowns of the regular menu */
    width: 100% !important;

    /* Reset of dropdown's inline positioning */
    left: 0 !important;
    top: 0 !important;
}


/* Dropdowns - categories without category blocks but with subcategories
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Simplify dropdown */
/* Remove dropdown shadow and background color  */
.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent !important;
}
/* Remove padding of inner panel */
.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown > .nav-panel-inner {
    padding: 0 !important;
}
/* Stretch the central column */
.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown > .nav-panel-inner > .nav-block--center {
    margin: 0;
    width: 100%;
}
/* Hide category blocks (in case there are any non-standard added by user's modifications) */
.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown > .nav-panel-inner > .nav-block {
    display: none;
}


/* Dropdowns - categories which have only category blocks 
   but have no subcategories
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Special class "opt-sob" displays these items */

/* On 1st level, by default hide these items */
.nav-mobile .level0.nav-item.nav-item--only-blocks { display: none; }

/* With special class "opt-sob", show these items */
.nav-mobile.opt-sob .level0.nav-item.nav-item--only-blocks { display: block; }


/* Dropdowns - show category blocks on selected topmost levels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Structure of the selectors used below:
   mobileMenu.modifier [level] categoryBlock 
   mobileMenu.modifier [level] item > panel > innerPanel > categoryBlock 

   Classes such as opt-sb0, opt-sb1 etc. are modifiers of the mobile menu.

   To show category blocks on only the first level, we hide 
   category blocks on all lower levels and simplify dropdowns.
*/

/* Default class "opt-sb0"
   - hide category blocks on all level and simplify dropdowns.
-------------------------------------------------------------- */
.nav-mobile.opt-sb0 .nav-block { display: none; }
.nav-mobile.opt-sb0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; } /* Remove dropdown shadow and background color */
.nav-mobile.opt-sb0 .nav-item > div > div { padding: 0 !important; } /* Remove padding of inner panel */
.nav-mobile.opt-sb0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } /* Stretch the central column */
.nav-mobile.opt-sb0 .nav-item.nav-item--only-blocks { display: none; } /* Hide items containing only category blocks */

/* Override styles which simplify dropdowns when default class "opt-sb0" is present.
   When the default class is not present, we don't need to do this. */
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks .nav-block { display: block; }
/* .nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div { background-color: transparent !important; } */
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div > div { padding: 20px !important; }
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div > div > .nav-block--center { margin-top: 1%; margin-bottom: 1%; }

/* Show on 1 topmost level
-------------------------------------------------------------- */
.nav-mobile.opt-sb1 ul.level0 .nav-block { display: none; }
.nav-mobile.opt-sb1 ul.level0 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile.opt-sb1 ul.level0 .nav-item > div > div { padding: 0 !important; }
.nav-mobile.opt-sb1 ul.level0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; }
.nav-mobile.opt-sb1 ul.level0 .nav-item.nav-item--only-blocks { display: none; }

/* Show on 2 topmost levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb2 ul.level1 .nav-block { display: none; }
.nav-mobile.opt-sb2 ul.level1 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile.opt-sb2 ul.level1 .nav-item > div > div { padding: 0 !important; }
.nav-mobile.opt-sb2 ul.level1 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; }
.nav-mobile.opt-sb2 ul.level1 .nav-item.nav-item--only-blocks { display: none; }

/* Show on 3 topmost levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb3 ul.level2 .nav-block { display: none; }
.nav-mobile.opt-sb3 ul.level2 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile.opt-sb3 ul.level2 .nav-item > div > div { padding: 0 !important; }
.nav-mobile.opt-sb3 ul.level2 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; }
.nav-mobile.opt-sb3 ul.level2 .nav-item.nav-item--only-blocks { display: none; }

/* Show on 4 topmost levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb4 ul.level3 .nav-block { display: none; }
.nav-mobile.opt-sb4 ul.level3 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile.opt-sb4 ul.level3 .nav-item > div > div { padding: 0 !important; }
.nav-mobile.opt-sb4 ul.level3 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; }
.nav-mobile.opt-sb4 ul.level3 .nav-item.nav-item--only-blocks { display: none; }

/* Show on 5 topmost levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb5 ul.level4 .nav-block { display: none; }
.nav-mobile.opt-sb5 ul.level4 .nav-item > div { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
.nav-mobile.opt-sb5 ul.level4 .nav-item > div > div { padding: 0 !important; }
.nav-mobile.opt-sb5 ul.level4 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; }
.nav-mobile.opt-sb5 ul.level4 .nav-item.nav-item--only-blocks { display: none; }

/* Hide blocks on all levels below this breakpoint
-------------------------------------------------------------- */
/* Added more classes and selectors to these rules 
   to increase specificity */
@media only screen and (max-width: 479px) {
    .navi.nav-mobile.opt-hide480 .nav-block { display: none !important; }
    .navi.nav-mobile.opt-hide480 li.nav-item > div.nav-panel--dropdown { -moz-box-shadow:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; background-color: transparent !important; }
    .navi.nav-mobile.opt-hide480 li.nav-item > div.nav-panel--dropdown > div { padding: 0 !important; }
    .navi.nav-mobile.opt-hide480 li.nav-item > div > div > .nav-block--center { margin: 0 !important; width: 100% !important; }
    .navi.nav-mobile.opt-hide480 li.nav-item.nav-item--only-blocks { display: none !important; }
}

@media (max-width: 1199px) {
    .mobnav-trigger2 { display: block }
}

/* Other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Carets
-------------------------------------------------------------- */
.nav-mobile .caret { display: none !important; }

/* Sticky logo
-------------------------------------------------------------- */
.nav-mobile .nav-item--stickylogo { display: none !important; }

/* Home link
-------------------------------------------------------------- */
.nav-mobile .nav-item--home { display: none !important; }

/* Hide elements
-------------------------------------------------------------- */
.nav-mobile .hide-in-mobile-menu { display: none !important; }

/* Hide containers for additional elements
-------------------------------------------------------------- */
.nav-mobile .nav-holder { display: none !important; }



/* Miscellaneous %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Other modules/components
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Item sliders
-------------------------------------------------------------- */
.navi .itemslider { margin-top:0; margin-bottom:0; }
.navi .itemslider .item { padding-top:5px; padding-bottom:0; }
.navi .itemslider .product-name a { display: inline-block; }
.navi .itemslider .product-name { margin-top: 8px; }





/* *************************************************************************************************************
****************************************************************************************************************
 DROPDOWN BOXES ************************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */





/* Common %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* All levels
-------------------------------------------------------------- */
.nav-regular .nav-item {
    text-align: left;
}
.nav-regular .nav-item > a {
    display: block;
    text-decoration: none;
    font-size: 14px;
}

/* Level 1 only
-------------------------------------------------------------- */
.nav-regular li.level0 { float: left; }
.nav-regular li.level0 > a { padding: 0 12px; }
.nav-regular li.level0 > a > span { display: inline-block; white-space: nowrap; }

/* Top-level item on hover */
.nav-regular li.level0:hover > a {
    /* Pull up the link above the dropdown */
    z-index: 2;
    position: relative;
}

/* Dropdowns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* All levels
-------------------------------------------------------------- */
.nav-regular .nav-panel--dropdown {
    display:none;
    position:absolute;
    top:0;
    background-color:#fff; /* To avoid transparent menu */
    z-index: 1; /* To avoid links overlaping a dropdown */

    /* Uncomment below line to fix possible glitches during animation in webkit browsers */
    /*-webkit-transform: translateZ(0);*/
}

/* Inner wrapper of the dropdown (for additional padding etc.)
-------------------------------------------------------------- */
.navi .nav-panel-inner { padding: 20px; } /* Required value in pixels to keep padding consistent in different dropdowns */
.navi .nav-panel-inner:before,
.navi .nav-panel-inner:after { display: table; line-height: 0; content: ""; }
.navi .nav-panel-inner:after { clear: both; }


/* Full width dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-regular .nav-panel.full-width { width:100%; }
.nav-regular .nav-panel.tmp-full-width { width:100% !important; } /* Temporary class required by js */


/* Effects
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Fade
-------------------------------------------------------------- */
.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent > .nav-panel--dropdown {
    display: block; /* Important: has to be visible before hover */
    left: -10000px;
    opacity: 0;
    -moz-transition:    opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
    -webkit-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
    -o-transition:      opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
    transition:         opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
}
.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent:hover > .nav-panel--dropdown {
    opacity: 1;
    transition-delay:           50ms;
    -moz-transition-delay:      50ms;
    -webkit-transition-delay:   50ms;
    -o-transition-delay:        50ms;
}



/* Mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels
-------------------------------------------------------------- */
.nav-regular .mega > .nav-panel--dropdown {
    margin:0;
}

/* Level 2+
-------------------------------------------------------------- */
.nav-regular .nav-panel li.mega { 
    position: relative; /* Container of the dropdown has to be relative (only on levels 2+) */
}
.nav-regular .nav-panel li.mega:hover > .nav-panel--dropdown {
    display: block;
    left: 60px;
    top: 0;
}


/* Inside mega dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Align submenu's content (grid) with the submenu */
.nav-regular .nav-submenu--mega {
    margin-left: -1%;
    margin-right: -1%;
}

/* Items */
.nav-regular .nav-submenu--mega .nav-item > a {
    padding: 0 4px 0 7px; /* Less right padding to avoid word wrapping */
}

/* Inside mega dropdown, level 1: item
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > .nav-item {
    display: inline-block;
    float: none;
    vertical-align: top;
    padding-top: 0;
    padding-bottom: 5px;
}
.nav-regular .nav-submenu--mega > .nav-item > a {
    line-height: 24px;
    padding-top: 4px;
    padding-bottom: 4px;
}

/* If item is a parent of subcategories, add bottom margin, but romove it if item is a parent of a dropdown */
.nav-regular .nav-submenu--mega > .nav-item.parent > a {
    margin-bottom: 5px;
}
.nav-regular .nav-submenu--mega > .nav-item.nav-item--parent > a {
    margin-bottom: 0;
}

/* Inside mega dropdown, level 1: submenu
-------------------------------------------------------------- */
/* Each submenu has to be static unless it's a dropdown itself (e.g. if type "classic" was applied to the item).
   Also, add bottom margin to panel, but romove it if it's a dropdown. */
.nav-regular .nav-submenu--mega > li > .nav-panel {
    position: static;
    margin-bottom: 10px;
}
.nav-regular .nav-submenu--mega > li > .nav-panel--dropdown {
    position: absolute;
    margin-bottom: 0;
}

/* Inside mega dropdown, level 1: category blocks
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > li > .nav-block--top {
    margin-top: 0;
    margin-bottom: 10px;
}

.nav-regular .nav-submenu--mega > li > .nav-block--bottom {
    margin-top: 10px;
    margin-bottom: 0;
}

/* Inside mega dropdown, level 2: item
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > li > ul > li > a {
    line-height: 24px;
}

/* Inside mega dropdown, level 2: item with bullet.
   If mega dropdown has additional bullets 
   (displayed for 2nd and 3rd level items).
-------------------------------------------------------------- */

/* Added ":not(.nav-item--parent)" to not display bullet if the item is inside a dropdown
   (e.g. if type "classic" was applied to 2nd-level cat, 3rd level cats will be inside a dropdown so remove bullets from 3rd level cats) */
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a {
    padding-left: 24px;
    position: relative;
}
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a:before {
    content: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/icons/down-arrow.svg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: 0;
    position: absolute;
    top: 8px;
    text-align: center;
    width: 7px;
    height: 7px;
    transition:         left 150ms ease-out;
    -moz-transition:    left 150ms ease-out;
    -webkit-transition: left 150ms ease-out;
    -o-transition:      left 150ms ease-out;
}
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a:hover:before {
    left: 4px;
}

/* If there's an icon inside mega dropdown, it needs to have the same line height as the item  */
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a .ic {
    line-height: 24px;
}

/* Inside mega dropdown, level 2: submenu dropdown
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > li > ul > .nav-item--parent > .nav-panel--dropdown {
}
.nav-regular .nav-submenu--mega > li > ul > .nav-item--parent:hover > .nav-panel--dropdown {
    left: 60%;
    /* TODO - add z-index if dropdown should be displayed over the containing item (which in "classic" dropdown has a background and covers the child dropdown) */
    /* z-index: 3; */
}



/* Classic dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Level 2+
-------------------------------------------------------------- */
.nav-regular .classic > .nav-panel--dropdown > li > a {
    line-height: 36px;
    padding-left: 10px;
}
.nav-regular .classic > .nav-panel--dropdown > li > a .caret {
    float: right;
    margin-right: 10px;

    /* Important: 
       when floating, caret needs to have the same height as item.
       Caret may exceed height of the item so we apply small negative margin.
       */
    line-height: inherit; 
    margin-bottom: -2px;
}


/* Dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels
-------------------------------------------------------------- */
.nav-regular .classic > .nav-panel--dropdown {
    margin:0;
    padding:10px;
    width:16em;
    min-width:12em;
}

/* Level 2+
-------------------------------------------------------------- */
/* Container of the dropdown has to be relative */
.nav-regular .nav-panel li.classic {
    position: relative;
}
.nav-regular .nav-panel li.classic:hover > .nav-panel--dropdown {
    display:block;
    left:100%;
    top:0;
}

/* If classic dropdown is on the 1 level of mega dropdown, change positioning */
.nav-regular .nav-submenu--mega > li.classic:hover > .nav-panel--dropdown {
    left:60px;
    top:20px;
}


/* Inside dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-regular .nav-panel li.classic:hover > a {
    /* TODO - add z-index (must be greater than dropdown's) if the link should be displayed over the child dropdown 
       (link in "classic" dropdown has a background so it would cover the child dropdown and dropdown's shadow) */
    /* z-index: 1; */
    position: relative;
}

/* Dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Level 1
-------------------------------------------------------------- */
.nav-vert li.level0 > .nav-panel--dropdown {
    /* We may need to set static left positionning to prevent styling issues (inaccurate positionning via JS: non pixel-perfect) */
    left: 100% !important;
}

/* Itemgrid for menu dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.dd-itemgrid > .nav-item {
    float:left;
    padding-left:1%;
    padding-right:1%;
}

/* Itemgrid: different numbers of columns
-------------------------------------------------------------- */
/* Clear first item in each row (row: group of n items) */

/* Item grid: 1 column */
.dd-itemgrid-1col > .nav-item { width:98%; }

/* Item grid: 2 columns */
.dd-itemgrid-2col > .nav-item { width:48%; }
.dd-itemgrid-2col > .nav-item:nth-child(2n+1) { clear:left; }

/* Item grid: 3 columns */
.dd-itemgrid-3col > .nav-item { width:31.3333%; }
.dd-itemgrid-3col > .nav-item:nth-child(3n+1) { clear:left; }

/* Item grid: 4 columns */
.dd-itemgrid-4col > .nav-item { width:23%; }
.dd-itemgrid-4col > .nav-item:nth-child(4n+1) { clear:left; }

/* Item grid: 5 columns */
.dd-itemgrid-5col > .nav-item { width:18%; }
.dd-itemgrid-5col > .nav-item:nth-child(5n+1) { clear:left; }

/* Item grid: 6 columns */
.dd-itemgrid-6col > .nav-item { width:14.6666%; }
.dd-itemgrid-6col > .nav-item:nth-child(6n+1) { clear:left; }

/* Item grid: 7 columns */
.dd-itemgrid-7col > .nav-item { width:12.2857%; }
.dd-itemgrid-7col > .nav-item:nth-child(7n+1) { clear:left; }

/* Item grid: 8 columns */
.dd-itemgrid-8col > .nav-item { width:10.5%; }
.dd-itemgrid-8col > .nav-item:nth-child(8n+1) { clear:left; }





/* *************************************************************************************************************
****************************************************************************************************************
 MOBILE MENU ACCORDION *****************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */





/* Accordion
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.acco {
    list-style-type: none;
}
.acco li.nav-item {
    list-style-type:none;
    display:block;
    float:left;
    width:100% !important; /* Use "!important" to override grid units styling */
    padding:0 !important;
    margin:0 !important;
    position:relative; /* For opener positioning */
}
.acco ul.nav-panel {
    display:block;
    float:left;
    width:100%;
    padding:0;
    margin:0;
}


/* Items
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Space for openner if item has children. Space has to be a few pixels wider than openner */
.acco li.parent > a {
    padding-right: 54px;
}

/* All levels
-------------------------------------------------------------- */
.acco .nav-item > a {
    line-height: 50px;
    display: block;
    padding: 0 10px;
    font-size: 16px;
}

/* Level 1
-------------------------------------------------------------- */
.acco li.level0 > a {
    font-size: 18px;
    text-transform: uppercase;
}

/* Level 2
-------------------------------------------------------------- */
.acco li.level1 > a {
    padding-left: 30px;
    font-size: 16px;
    text-transform: uppercase;
}

/* Level 3
-------------------------------------------------------------- */
.acco li.level2 > a {
    padding-left: 50px;
    font-size: 16px;
    text-transform: none;
}

/* Level 4
-------------------------------------------------------------- */
.acco li.level3 > a
{
    padding-left: 70px;
    font-size: 14px;
    text-transform: none;
}

/* Level 5+
-------------------------------------------------------------- */
.acco li.level3 .nav-item > a
{
    padding-left: 90px;
    font-size: 12px;
    text-transform: none;
}


/* Opener
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.acco .opener {
    position:absolute;
    right:0;
    top:0;
    display:block;
    cursor:pointer;
    text-align:center;
    
    width:50px;
    height:50px;
    line-height:50px;
}
.acco .opener:hover {
    background-color:rgba(0,0,0, 0.05);
}





/* *************************************************************************************************************
****************************************************************************************************************
 SIDEBAR MENU **************************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */





/* Simple vertical accordion in sidebar menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.sideacco {
    float: left;
    width: 100%;
}

/* Number of products in category */
.sideacco .number {
    color: #aaa;
    margin-left: 3px;
}


/* Category labels inside vertical menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels */
.sideacco li > a > span > .cat-label {
    position: static;
    display: inline-block !important;
    padding: 0 4px;
    margin-left: 3px;
}

/* Hide pin */
.sideacco li > a > span > .pin-bottom:before {
    display: none;
}

.dropdown.service-container { vertical-align: top; }
.dropdown.service-container .dropdown-heading { font-weight:bold;}
.dropdown.service-container .dropdown-heading.cover span span:first-child {vertical-align: initial;}
.dropdown.service-container .dropdown-content {padding-top:20px;}
.dropdown.service-container ul.links {display:none;}
.dropdown.service-container ul.links li.ratenzahlung { padding-bottom:20px;}
.dropdown.service-container ul.links li a:hover { color: #FFFFFF;}
.header-m-container .dropdown.service-container {
    float: none;
    display: inline-block;
}
.header-m-container .skip-links-wrapper.sticky-top {
    position: fixed;
    top: -50px;
    width: 100%;
    z-index: 1000;
    margin: 0;
    padding: 0;
    left: 0;
    background-color: #fafafa;
    border-bottom: 1px solid #D3D3D3;
    transition: top 0.3s linear;
    box-shadow: 0px 0px 10px 0px rgb(127, 127, 127);
}
.header-m-container .skip-links-wrapper.transform {
    top: 0px;
}
.header-m-container .skip-links-wrapper .skip-link {
    padding: 10px 0;
    height: 30px;
    line-height:30px;
    max-height:30px;
}
.header-m-container .after-mobile-logo.sticky-shown { height: 50px; }
.
.morelesstext { overflow:hidden; }
.mllink { margin-top: 5px; }
.mllink a { font-weight: bold; }
.mllink a:hover { color: #008080; }
.underline { text-decoration: underline; }
.pager .amount-pages-mobile { display: none; }
.morelesstext.fadedText {
    overflow:hidden;
    text-overflow: ellipsis;
    content: "";
    background: -webkit-linear-gradient( currentColor 80%, transparent 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.product-view .short-description .morelesstext.fadedText {
    text-overflow: clip;
    content: normal;
    background: none;
    position: relative;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}
.product-view .short-description .morelesstext.fadedText:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 23px;
    background-image: linear-gradient( rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
}
.header-mobile .header-m-container .header-m-logo-container { background-color: #ffffff; }

@media only screen and (max-width: 1199px) {
    .pager .pages li.mobile-hidden, .pager .pages strong {display: none;}
    .pager .pages li a, .pager .pages li.current {width: 36px; height:36px; line-height:36px;}
    .pager .pages a.previous, .pager .pages a.next { padding: 12px }
    .toolbar-top { margin-top: 20px; }
    .toolbar-top .toolbar .limiter { display:none; }
    .toolbar-top .toolbar .pager { float:left; width: 50%;}
    .toolbar-top .toolbar .sorter .sort-by { float:right; width: 50%; }
    .toolbar-top .toolbar .sorter, .toolbar-top .toolbar .pager { line-height: normal;}
    .toolbar-top .toolbar .sorter { padding: 10px 0 20px 0;}
    .toolbar-top .toolbar .sorter .amount { display: none; }
    .toolbar-top .toolbar .pager label, .toolbar-top .toolbar .sort-by label { display: inline-block; margin-bottom:10px; margin-right: 5px; }
}

@media only screen and (max-width: 639px) {
    .header-m-container .skip-links-wrapper .skip-link .icon,
    .header-m-container .skip-links-wrapper .skip-link .wishlist-count,
    .header-m-container .skip-links-wrapper .skip-link .count {
        vertical-align:top;
    }
}
@media only screen and (max-width: 420px) {
    .toolbar-top .toolbar .pager label, .toolbar-top .toolbar .sort-by label { display: block; }
}

/*!
 * Bootstrap v3.3.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */


.gift-card *{box-sizing: border-box;}
.gift-card button *{box-sizing: content-box;}
.gift-card .row {
    margin-right: -10px;
    margin-left: -10px;
}

.gift-card .col-xs-1,.gift-card  .col-xs-2,.gift-card  .col-xs-3,.gift-card  .col-xs-4,.gift-card  .col-xs-5,.gift-card  .col-xs-6,.gift-card  .col-xs-7,.gift-card  .col-xs-8,.gift-card  .col-xs-9,.gift-card  .col-xs-10,.gift-card  .col-xs-11,.gift-card  .col-xs-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0;
}
@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
}
@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
}
table {
    background-color: transparent;
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}
.gift-card .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.gift-card .table > thead > tr > th,
.gift-card .table > tbody > tr > th,
.gift-card .table > tfoot > tr > th,
.gift-card .table > thead > tr > td,
.gift-card .table > tbody > tr > td,
.gift-card .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.gift-card .table > thead > tr > th {
    vertical-align: middle;
    border-bottom: 2px solid #ddd;
}
.gift-card .table > caption + thead > tr:first-child > th,
.gift-card .table > colgroup + thead > tr:first-child > th,
.gift-card .table > thead:first-child > tr:first-child > th,
.gift-card .table > caption + thead > tr:first-child > td,
.gift-card .table > colgroup + thead > tr:first-child > td,
.gift-card .table > thead:first-child > tr:first-child > td {
    border-top: 0;
}
.gift-card .table > tbody + tbody {
    border-top: 2px solid #ddd;
}
.gift-card .table .table {
    background-color: #fff;
}
.gift-card .table-condensed > thead > tr > th,
.gift-card .table-condensed > tbody > tr > th,
.gift-card .table-condensed > tfoot > tr > th,
.gift-card .table-condensed > thead > tr > td,
.gift-card .table-condensed > tbody > tr > td,
.gift-card .table-condensed > tfoot > tr > td {
    padding: 5px;
}
.gift-card .table-bordered {
    border: 1px solid #ddd;
}
.gift-card .table-bordered > thead > tr > th,
.gift-card .table-bordered > tbody > tr > th,
.gift-card .table-bordered > tfoot > tr > th,
.gift-card .table-bordered > thead > tr > td,
.gift-card .table-bordered > tbody > tr > td,
.gift-card .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}
.gift-card .table-bordered > thead > tr > th,
.gift-card .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}
.gift-card .table-striped > tbody > tr:nth-child(odd) {
    background-color: #f9f9f9;
}
.gift-card .table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}
.gift-card table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
}
.gift-card table td[class*="col-"],
.gift-card table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
}

.gift-card .table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
@media screen and (max-width: 767px) {
    .gift-card .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    .gift-card .table-responsive > .table {
        margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }
    .gift-card .table-responsive > .table-bordered {
        border: 0;
    }
    .gift-card .table-responsive > .table-bordered > thead > tr > th:first-child,
    .gift-card .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .gift-card .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .gift-card .table-responsive > .table-bordered > thead > tr > td:first-child,
    .gift-card  .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }
    .gift-card  .table-responsive > .table-bordered > thead > tr > th:last-child,
    .gift-card .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .gift-card .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .gift-card  .table-responsive > .table-bordered > thead > tr > td:last-child,
    .gift-card .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }
    .gift-card  .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .gift-card  .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .gift-card  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}


.gift-card input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.gift-card input[type="radio"],
.gift-card input[type="checkbox"] {
    margin: 3px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}
.gift-card input[type="file"] {
    display: block;
}
.gift-card input[type="range"] {
    display: block;
    width: 100%;
}
.gift-card select[multiple],
.gift-card select[size] {
    height: auto;
}
.gift-card input[type="file"]:focus,
.gift-card input[type="radio"]:focus,
.gift-card input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.gift-card output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}
.gift-card .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.gift-card .form-control:focus {
    border-color: #66afe9;
    outline:none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.gift-card .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}
.gift-card .form-control:-ms-input-placeholder {
    color: #999;
}
.gift-card .form-control::-webkit-input-placeholder {
    color: #999;
}
.gift-card .form-control[disabled],
.gift-card .form-control[readonly],

.gift-card textarea.form-control {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: none;
}
.gift-card input[type="date"],
.gift-card input[type="time"],
.gift-card input[type="datetime-local"],
.gift-card input[type="month"] {
    line-height: 34px;
    line-height: 1.42857143 \0;
}
.gift-card input[type="date"].input-sm,
.gift-card input[type="time"].input-sm,
.gift-card input[type="datetime-local"].input-sm,
.gift-card input[type="month"].input-sm {
    line-height: 30px;
    line-height: 1.5 \0;
}
.gift-card input[type="date"].input-lg,
.gift-card input[type="time"].input-lg,
.gift-card input[type="datetime-local"].input-lg,
.gift-card input[type="month"].input-lg {
    line-height: 46px;
    line-height: 1.33 \0;
}
_:-ms-fullscreen,
:root input[type="date"],
_:-ms-fullscreen,
:root input[type="time"],
_:-ms-fullscreen,
:root input[type="datetime-local"],
_:-ms-fullscreen,
:root input[type="month"] {
    line-height: 1.42857143;
}
_:-ms-fullscreen.input-sm,
:root input[type="date"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="time"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="datetime-local"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="month"].input-sm {
    line-height: 1.5;
}
_:-ms-fullscreen.input-lg,
:root input[type="date"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="time"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="datetime-local"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="month"].input-lg {
    line-height: 1.33;
}
.gift-card .form-group {
    margin-bottom: 10px;
    float:left;
    width:100%;
    text-align: left;
}
.gift-card .radio,
.gift-card .checkbox {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}
.gift-card .radio label,
.gift-card .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
.gift-card .radio input[type="radio"],
.gift-card .radio-inline input[type="radio"],
.gift-card .checkbox input[type="checkbox"],
.gift-card .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -19px;
}
.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}
.gift-card .radio-inline,
.gift-card .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}
.gift-card .form-group label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.gift-card .hide{display:none;}
.gift-card .disabled{
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: default;
}
.gift-card .text-left {
    text-align: left;
}
.gift-card .text-right {
    text-align: right;
}
.gift-card .text-center {
    text-align: center;
}
.gift-card .text-justify {
    text-align: justify;
}
.gift-card .text-nowrap {
    white-space: nowrap;
}
.gift-card .text-lowercase {
    text-transform: lowercase;
}
.gift-card .text-uppercase {
    text-transform: uppercase;
}
.gift-card .text-capitalize {
    text-transform: capitalize;
}
/**
* Giftvoucher reward template
*/
.dialog.giftcard-preview-template-dialog{
    left: 50% !important;
    margin-left: -330px !important;    
}
.input-select.validation-failed
{
    border-color: red;
}

span#giftvoucher_wait{
    color: #2F2F2F;
}

.giftvoucher-discount-code{
    color: #008000;
}
.giftvoucher-discount-code button{
    border: medium none;
    background: none repeat scroll 0 0 transparent;
}

.giftvoucher-discount-code button:hover{
    cursor: pointer;
}

.giftvoucher-media{
    border: 2px solid #F7F9F9;
}

.giftvoucher-media .giftmedia{
    border-bottom: 2px solid #F7F9F9;
    padding: 7px;
    color: #F18200;
    font-size: 15px;
}

#giftmedia pre{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.giftvoucher-media .giftmedia-image{
    overflow: hidden;
    width: 265px;
    position: relative;
}

.giftvoucher-product-info .giftvoucher-amount-desc, .giftvoucher-product-info #recipient_ship_desc {
    font-size: 0.9em;
    font-style: italic;
    color: #080;
    margin-top: -5px;
}

.giftvoucher-product-info #message{
    width: 100%;
    height: 88px;
}

.product-type-data .giftvoucher-product-info .availability,
.product-type-data .giftvoucher-product-info .delivery {
    text-align: right;
}

.giftvoucher-product-info #recipient_address{
    width: 325px;
    height: 57px;
}

.giftvoucher-product-info #recipient_email,
.giftvoucher-product-info #recipient_name,
.giftvoucher-product-info #customer_name{
    width: 100%;
}

#giftvoucher-result{
    font-size: 15px;
}

#giftvoucher-result label{
    width: 160px;
}


/* Search Grid Style */
.data-table .giftvoucher-grid-title th{
    background-image: none;
    border-bottom: 1px solid #C2D3E0;
}

.data-table .giftvoucher-grid-search th{
    vertical-align: top;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item{
    padding-bottom: 2px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{
    width: 97%;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container{
    float: left;
    padding-bottom: 2px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range{
    min-width: 121px;
    min-height: 18px;
    margin-bottom: 3px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{
    display: block;
    width: 36px;
    float: left;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{
    float: right;
    width: 50px;
    padding: 1px;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{
    width: 100%;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price,
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price{
    min-width: 100px;
}

.giftvoucher-search-button {
    padding-bottom: 5px;
    text-align: right;
}
/* End Search */
.customer-account-giftcard .balance{
    overflow: hidden; 
    margin-bottom: 10px; 
    border-bottom: 1px dotted black;
}
.customer-account-giftcard #giftvoucher_grid .gift-voucher-sent-friend{
    background-color: #F6B26B;
}
.customer-account-giftcard .account-balance{
    overflow: hidden; 
    margin-bottom: 10px; 
    border-bottom: 1px dotted black;
}
/*Hai.Tran*/
.giftcard-preview-template-dialog .top,
.giftcard-preview-template-dialog .bot{
    display: none;
}
.giftcard-preview-template-dialog .dialog_e,
.giftcard-preview-template-dialog .dialog_w {
    width: 0;	
}
.giftcard-preview-template-dialog .dialog_close{
    display: none;
}
.giftcard-preview-template-dialog .dialog_content{
    background-color: transparent !important;
    color: #2f2f2f !important;
}
.gift-active{
    border: 2px solid rgb(228,121,17) !important;
}
div.egcSwatch-arrow {
    /*    display: none;*/
    position: absolute;
    height: 11px;
    top: -2px;
    left: 1px;
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
    /*    z-index: 10;*/
    background-image: url(https://www.uhrenschmuck24.ch/skin/frontend/default/css/magestore/giftvoucher/down-arrow.png);
}
#giftcard-template-show-images:hover #giftcard-template-next{
    background-image: url(https://www.uhrenschmuck24.ch/skin/frontend/default/css/magestore/giftvoucher/arrow-slide-right.png);
}
#giftcard-template-show-images:hover #giftcard-template-prev{
    background-image: url(https://www.uhrenschmuck24.ch/skin/frontend/default/css/magestore/giftvoucher/arrow-slide-left.png);
}
/*#giftcard-template-next:hover{
    background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-right.png);
}
#giftcard-template-prev:hover{
    background-image: url(/../giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-left.png);
}*/
/** Media Library **/
.uploader .file-row { display: inline-block;width:315px; padding:0.3em 0.6em; /*margin:0.5em 0.6em;*/ border:1px solid #ccc; background-color:#f9f9f9; /*vertical-align:middle;*/ }
.uploader .file-row-narrow { width: auto; margin: 0 0 2px 40px; }
.uploader .file-row .file-info { float:left; }
/*.uploader .file-row .file-info-name { with: 80%; overflow: hidden; }
.uploader .file-row .file-info-size { width: 20%; }*/
.uploader .file-row-info { margin: 0 0 0 10px; }
.uploader .file-row-info .file-info-name  { font-weight:bold; }
.uploader .file-row .progress-text { float:right; font-weight:bold; }
.uploader .file-row .delete-button { float:right; }
.uploader .buttons { float:left; }
.uploader .flex { float:right; }
.uploader .progress { border:1px solid #f0e6b7; background-color:#feffcc; }
.uploader .error { border:1px solid #aa1717; background-color:#ffe6de; }
.uploader .error .progress-text { padding-right:10px; }
.uploader .complete { border:1px solid #90c898; background-color:#e5ffed; }

#amount_range{
    width: 80px;
    text-align: center;
}
#popup-giftcard{
    position: fixed;
    z-index: 10000;
    width: 600px;  
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px;
    text-align: left;
}
#bg-fade{
    background: #000;
    position: absolute;
    z-index: 9999;
    width: 100%;
    min-height: 800px;
    float: left;
    top: 0;
    left: 0;
    opacity: 0.8;
    filter:alpha(opacity=80);
}

#giftvoucher-view-condition {
    float: left;
    clear:both;
}

#giftvoucher-view-condition:hover {
	text-decoration: none;
}

.calendar{
    z-index: 99999;
}

.calendar .button{
    display: table-cell;
}

/* stee */
.ajax-file-upload-progress {
    width: 95% !important;
}
.ajax-file-upload-green {
    display: none !important;
}
.ajax-file-upload-abort {
    display: none !important;
}
.ajax-file-upload-statusbar {
    width: 88% !important;
}

/****************************Template 02 _ top*************************************/

#giftcard-template-top{
    overflow:hidden;
    max-height: 550px;
    font-size: 14px;
    width: 100%;
    height: 365px;
}
#giftcard-template-top .giftcard-template-content{
    margin-left:0px;
    padding: 0;
    position: relative;
}
#giftcard-template-top .giftcard-template-content-top, .giftcard-change-image-temp2{
    height: 190px;
    background-color: #FFFFFF;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#giftcard-template-top .giftcard-template-content-temp2{
    padding-top: 0px;
    background-repeat: repeat;
    background-size: 100%
}
.logo-title.logo-title-top {
    padding-left: 15px;
    float: left;
    height: 84px;
}
.logo-title.logo-title-top img{
    float: left;
    border-radius: 0px 0px 5px 5px;
    max-height: 70px;
    background-position: 15px 0px !important;
}
.name-value-top{
    float: left;
    width: 100%;
    background: url('https://www.uhrenschmuck24.ch/skin/frontend/default/css/magestore/giftvoucher/bkg-title.png') no-repeat;
    background-size: 103% 105%;
    margin-top: 55px;
    height: 50px;
    position: absolute;
    bottom: 0;
}
.name-value-top .giftcard-title{
    float: left;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15px;
    line-height: 48px;
    font-weight: 600;
}
#giftcard-template-top .giftcard-value{
    float: right;
    padding-left: 20px;
    background: url('https://www.uhrenschmuck24.ch/skin/frontend/default/css/magestore/giftvoucher/bkg-value.png') no-repeat left center;
    height: 50px;
}
.name-value-top .giftcard-value .giftcard-text-color{
    float: left;
    font-size: 12px;
    padding-top: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.name-value-top .giftcard-value .giftcard-price-change {
    float: right;
    margin-left: 15px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
.name-value-top .value-price span {
    margin-right: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 12px;
    margin-top: -3px;
}
.name-value-top .giftcard-value .giftcard-price-change .price {
    margin-right: 10px;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
}
.giftcard-date-top{
    width: 59%;
    float:left;
    padding-top: 10px;
}
.giftcard-date-top .giftcard-from-to{
    float: left;
    font-size: 16px;
    color: #636363 !important;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15px;
}
.giftcard-date-top .giftcard-from-to .giftcard-from{
    float: left;
    max-height: 25px;
}
.giftcard-date-top .giftcard-from-to .giftcard-text-color,
.giftcard-date-top .giftcard-from-to .giftcard-style-color{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}
.giftcard-information {
    float: left;
    clear: both;
    width: 342px;
    margin-top: 8px;
    margin-left: 15px;
}
.giftcard-date-top .giftcard-barcode {
    float: right;
    text-align: right;
    padding-right: 15px;
}
.giftcard-date-top span.giftcard-barcode img {
    max-width: 100%;
    float: right;
    height: 40px;
}
.giftcard-date-top .giftcard-barcode {
    padding-right: 15px;
    margin-top: -10px;
}
.giftcard-date-top .giftcard-from-to .giftcard-style-color{
    color: orange;
    font-size: 16px
}
.giftcard-date-top .giftcard-to{
    margin-left:0px;
    max-height: 25px;
    float:left;
    clear:both;
}
.giftcard-date-top .giftcard-number .giftcard-style-color{
    color: orange;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    line-height: 30px;
}
.name-value-top .value-price{
    float: right;
    line-height: 55px;
}
.giftcard-date-top .giftcard-message{
    padding: 6px;
    padding-bottom: 14px;
    padding-top: 3px;
    height: 80px;
    vertical-align: middle;
    background: #fff;
    border-radius: 5px;
    border:1px solid #cecece;
    text-align: left;
}
.barcode-note .giftcard-code{
    float: right;
    margin-right: 15px;
}
.barcode-note .barcode{
    text-align: right;
    float: right;
    width: 158px;
    height: 40px;
}

.barcode-note .barcode img{
    height: 40px;
    max-width: 100%;
    float: right;
}
.giftcard-date-top .giftcard-custom-message{
    margin: 0;
    white-space: pre-wrap;
    max-height: 85px;
    overflow: hidden;
    font-size: 11px;
}
.barcode-note .giftcard-note{
    margin-top: 5px;
    float: right;
    width: 215px;
    text-align: right;
    overflow: hidden;
    height: 90px;
    position: absolute;
    bottom: 10px;
}
.barcode-note .giftcard-note .giftcard-text-color{
    font-size: 12px;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
#timezone_to_send{visibility: visible !important;}
#giftcard-template-top .giftcard-template-content-top.giftcard-change-image-temp2{width:100% !important; position: relative;}
#giftcard-template-top .giftcard-template-content{
    width:100%;
    background-size:100% auto !important;
    float: left;
    height: 175px;
}
#giftcard-template-top .giftcard-title-top{
    width:100%;
    position: relative;
}
.hidden-giftcard-content-temp2 .giftcard-barcode-value {height: 30px !important}
#giftcard-template-top .title{width:60% !important;}
#giftcard-template-top .barcode-note{
    width: 230px;
    float: right;
    margin-top: 5px;
    position: relative;
    height: 170px;
}
#giftcard-template-top .giftcard-value-bottom {display: none}

/*---Detail Template 3---*/
/* @import url(//fonts.googleapis.com/css?family=Open+Sans:600italic,300,700,400,600); */
#giftcard-template-back .giftcard-template-content{display: none; height: 0px}
.title-value.giftcard-logo-background {
    float: left;
    width: 100%;
    background: url('https://www.uhrenschmuck24.ch/skin/frontend/default/css/magestore/giftvoucher/bkg-title.png') no-repeat;
    height: 50px;
    background-size: 100%;
}
.giftcard-logo-background .giftcard-value-color {
    float: right;
    background: url('https://www.uhrenschmuck24.ch/skin/frontend/default/css/magestore/giftvoucher/bkg-value.png') no-repeat left center;
    height: 50px;
    text-align: right;
    padding-right: 15px;
    padding-left: 20px;
    line-height: 48px;
}
.from-to-barcode-background{
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.giftcard-change-image-background-popup .giftcard-logo {
    float: left;
    height: 84px;
    margin-left: 15px;
}
.giftcard-change-image-background-popup .giftcard-logo img {
    margin-bottom: 15px;
    border-radius: 0px 0px 5px 5px;
    max-height: 70px;
    float: left;
}
.giftcard-logo-background .giftcard-text-color {
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding-right: 10px;
}
.giftcard-logo-background .giftcard-style-color.giftcard-price-change {
    font-size: 26px;
    margin-top: 6px;
}
.giftcard-logo-background .giftcard-style-color.giftcard-price-change .price {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    float: right;
    line-height: 52px;
}

.giftcard-logo-background .giftcard-title {
    float: left;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    margin-left: 15px;
    line-height: 52px;
    font-weight: 600;
}
.from-to-barcode-background .from-to {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    float: left;
    margin-left: 15px;
}
.from-to-barcode-background .from-to .giftcard-form{
    float: left;
    text-align: left;
    margin-top: 10px;
}
.from-to-barcode-background .from-to .giftcard-to {
    float: left;
    text-align: left;
    clear: both;
}
.giftcard-text {
    height: 90px;
}
.from-to-barcode-background span img {
    height: 40px;
    max-width: 100%;
}
.from-to-barcode-background .from-to .giftcard-text-color {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.from-to-barcode-background .from-to .giftcard-style-color{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}
.giftcard-box-background{
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
}
.giftcard-box-background .giftcard-text-box{
    background: #fff;
    border-radius: 5px;
    border:1px solid #cccccc;
    padding: 0;
    padding-bottom: 10px;
    padding-top: 3px;
    display:table-cell;
    vertical-align: middle;
}
.giftcard-box-background .giftcard-text-color.giftcard-custom-message{
    margin: 0;
    white-space: pre-wrap;
    max-height: 85px;
    overflow: hidden;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    padding: 0px 5px;
    color: black !important;
}
.from-to-barcode-background .giftcard-barcode{
    float: right;
    margin-right: 15px;
}
.from-to-barcode-background .giftcard-barcode .giftcard-style-color{
    color: orange;
    font-weight: bold;
    font-size:15px;
    font-family: 'Open Sans', sans-serif;
}
.from-to-barcode-background .giftcard-barcode .giftcard-style-color{
    font-size: 14px;
    line-height: 30px;
    color: orange;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}
.giftcard-note-background{
// margin-top: 8px;
    float:left;
    box-sizing: content-box;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    margin-top: 8px;
    height: 30px
}
.giftcard-note-background .form-note{
    width: 100%;
    margin: 0 auto;
}
.giftcard-note-background .giftcard-text-color{
    font-size: 12px;
    line-height: 15px;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    padding: 0 15px;
    font-weight: 600;
    max-height: 33px;
    overflow: hidden;
}
#giftcard-template-back {width: 100% ;float: left; position: relative}
#giftcard-template-back .giftcard-change-image-background-popup{
    width: 100%;

    top: 0%;
}
.giftcard-box-background .giftcard-text-box {
    display: inherit !important;
    background-size: 100% !important;
    width: 100% !important;
    height: 98px;
    text-align: left;
}
.giftcard-box-background {
    width: 93% !important;
    height: 95px;
    padding: 5px 3%;
    margin-top: 0px !important;
    box-sizing: content-box;
    float: left;
}
.from-to-barcode-background .giftcard-number{
    float: right;
    text-align: right;
}
.from-to-barcode-background .giftcard-barcode span.barcode  {
    float: right;
}

/*****template 03 width devices*******/
.giftcard-change-image-background-popup img#img-type-background{
    position: relative;
    top: 0;
    z-index: 10;
    left:0;
}
#giftcard-template-back img#img-type-background{width: 100%}
#giftcard-preview-template img#img-type-background{width: 100%}
#giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image-background-popup.giftcard-change-image{
    width: 100% !important;
    top: 0%;
    position: absolute;
}


.giftcard-product-media{
    float:Left;
    width:600px;
    height: 365px;
    transform-origin: top left;
    -webkit-transform-origin: top left;
}
.product-img-box {
// overflow: hidden\0;
}
#close-popup-giftcard {
    background: url('https://www.uhrenschmuck24.ch/skin/frontend/default/images/giftvoucher/close.png') no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    top: -25px;
    right: -25px;
}
#giftcard-preview-template-content{float:left;width: 100%;overflow: hidden;}
/****************************Template 01 _ left*************************************/
.giftvoucher-product-info{overflow: hidden}
#giftcard-template-left{
    overflow:hidden;
    width: 655px;
    font-size: 24px;
    font-weight: bold;
    float:left;
    background-size: 100% 100%;
}
#giftcard-preview-template .giftcard_value-color .giftcard-text-color{
    padding-right: 10px;
    margin-top: 15px;
}
/*#giftcard-preview-template-content {float: left;overflow: hidden;}*/
.dialog.giftcard-preview-template-dialog .dialog_e{background:none;}
.giftcard-template-content-left,.giftcard-change-image{
    width: 275px;
    height: 365px;
    display:block;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 275px 400px;
}
.logo1 { width: 100%; height: 50px; margin-top: -7px;}
#giftcard-template-left .giftcard-title {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-top: 10px !important;
    margin-left: 10px !important;
}
.giftcard-from{
    margin-right: 15px;
    overflow: hidden;
    display: table-cell;
    float: left;
    margin-bottom: 5px;
}
.giftcard-from-to  .giftcard-style-color{
    color: orange;
    font-size:16px;
    font-family: 'Open Sans', sans-serif;
}
.giftcard-to{max-height: 25px;}
.giftcard-box{overflow: hidden;margin-top: 10px;}
.giftcard-box  .giftcard-text-box{
    display: block;
    border-radius: 5px;
    border: 1px solid #cccccc;
    padding: 0 6px;
    height: 90px;
    vertical-align: middle;
    background:#fff;
    margin-top: 10px;
    text-align: left;
}
.giftcard_value .giftcard-text-color{
    float: left;
    padding-right: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
#giftcard-preview-template .giftcard-template-content .giftcard_value .giftcard-text-color{
    padding-right: 10px;
    margin-top: 10px;
}
.giftcard_value .giftcard-style-color{
    float: left;
    clear: both;
}
.giftcard_value .giftcard-style-color .price{
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    /* color: orange; */
    font-weight: bold;
}
.giftcard-number{
    width: 100%;
    float: right;
    text-align: right;
    margin-bottom: 5px;
}
.giftcard-number .giftcard-style-color{
    color: orange;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}
.giftcard-custom-message{
    margin: 0;
    white-space: pre-wrap;
    max-height: 85px;
    overflow: hidden;
    font-size: 11px;
}
.giftcard-barcode  .giftcard-style-color{
    font-size: 14px;
    color: orange;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}
.giftcard-text{
    overflow: hidden;
    vertical-align: bottom;
    height: 70px;
}
.giftcard-text  .giftcard-text-color{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-align: left;
}
#giftcard-template-show-images .gift-active{overflow:hidden}
#giftcard-template-show-images .gift-active img{ display:inline;}
/******************Detail giftcard by Crystal****************/
#giftcard-template-left .giftcard-template-content {
    background-position: 0;
    background-size: 100%;
    width: 350px;
    display: block;
    margin-left: 0;
    float: right;
    height: 365px;
    background-repeat: repeat;
    box-sizing: content-box;
}
#giftcard-template-left .giftcard-logo div{width: 100% !important; margin-top: -7px !important;background-size: 80% 50px !important;}
#giftcard-template-left .giftcard-from-to .giftcard-text-color {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
#giftcard-template-left{width: 100% !important}
#giftcard-template-left .giftcard-change-image {
    width:250px;
    background-position:inherit !important;
    background-size: 100% 100% !important;
    height:365px;
    padding-bottom: 0;
    position: relative;
}
.giftcard-change-image img{
    height: 63px;
    max-width: 100%;
    display: inline;
}
.giftcard-change-image img#img-type-left{
    position: relative;
    top: 0;
    z-index: 10;
    left:0;
}
.giftcard-template-content-left .giftcard-logo{
    position: absolute;
    top: 280px;
    text-align: center;
    width: 100%;
}
/*#giftcard-template-left .giftcard-template-content div {width: 100% !important; float: left;}*/
#giftcard-template-left .giftcard-template-content div.giftcard-style-color{
    margin: 15px 10px 0 15px;
    text-align: left;
}
#giftcard-template-left .giftcard-template-content div.giftcard_value{
    float: left;
}
#giftcard-template-left .giftcard-template-content div.giftcard-code{
    float: right;
    width: 200px;
    margin-top: -5px;
}
#giftcard-template-left .giftcard-template-content .value-barcode {
    width: 320px;
    float: left;
    margin: 15px;
    margin-bottom: 10px;
}
#giftcard-template-left .giftcard-template-content div.giftcard-from-to,
#giftcard-template-left .giftcard-template-content div.giftcard-box,
#giftcard-template-left .giftcard-template-content div.giftcard-text{
    width: 320px;
    float: left;
    margin:0 15px;
}
#giftcard-template-left .giftcard-barcode {
    float: right;
    width: 177px;
    text-align: right;
}
#giftcard-template-left .giftcard-barcode img {float: right;max-width: 100%;height: 40px;}
#giftcard-template-left .giftcard-to{float: left;clear: both;margin-left: 0px;}
#giftcard-template-show-images {overflow: hidden;position: relative;height: 60px;}
#giftcard-template-show-images .images-for-slide{
    float:left;
    position: absolute;
    height: 60px;
    left: 0;
}
.giftcard-template-control{
    z-index: 10;
    position: absolute;
    top: 10px;
    width: 27px;
    height: 31px;
    background: url("https://www.uhrenschmuck24.ch/skin/frontend/default/css/magestore/giftvoucher/icon-nav.png") left 1px no-repeat transparent;
    text-decoration: none !important;
    outline: none !important;
}
#giftcard-template-prev{left:0;}
#giftcard-template-next{
    right: 0;
    background: url("https://www.uhrenschmuck24.ch/skin/frontend/default/css/magestore/giftvoucher/icon-nav.png") left -41px no-repeat transparent;
}

/***************checkout cart by Sally***************/
.gift-card .discount{display: inline-block;width: 100%;}
.gift-card .discount .form-group label{display: inline;}
.discount .giftvoucher #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}
.giftcard_change img{display:inline;}
/*************shopping cart by Sally*************/
.discount .giftvoucher #giftvoucher{position: relative;margin-right: 0px;margin-top: -1px;margin-left: 0px;}
.giftvoucher-discount-code img{display:inline}
/************my account by Sally***********/
.gift-card .table .col-xs-12 .label{float:left;  margin-bottom: 5px;}
.gift-card .table .col-xs-12 .v-middle{float:left;margin-top: 3px;margin-left: 3px;}
/***********View giftcard*************/
#giftcard_history_table .item-hidden{display:none;}
.giftvoucher-index-email .form-list li{width:100%; float: left;}
/******History balance*******/


.dialog.giftcard-preview-template-dialog .dialog_w{background: none;}
/*---End Detail Popup Template 1---*/
.gift-card .sub-title{
    font-size: 17px;
    text-transform: none;
    font-weight: 600;
    margin: 0 0 5px;
    padding:0;
}
.gift-card label em{
    color: red;
    font-weight: normal;
    font-size: 12px;
}

/***********End Detail Popup Template 3*************/

/******************Send email***************/

.giftvoucher-product-info .giftcard-date-box img {display: inline;vertical-align: middle;}
.giftvoucher-product-info .giftcard-date-box input.validate-date-giftcard {float: left;margin-right: 3px;}
.giftcard-date-box button span{padding-left: 0 !important}
.add-to-box {clear: both}
.giftvoucher-receiver{float: left; clear: both; padding-bottom: 20px; width: 100%}
.giftvoucher-product-info .validation-advice{float: left; clear: both;}
.recipient_email,
.message,
.recipient_ship_form {float:left; clear:both;}

/******************End***********************/
/***************checkout cart by Sally***************/
.fieldset .giftvoucher  #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}
.giftcard_change img{display:inline;}
.fieldset .giftvoucher_credit #giftvoucher_credit{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}
.fieldset #giftvoucher_container{float:left; padding-bottom: 12px; width: 100% !important;}
.fieldset .sp-methods{float:left; clear:both; width: 100% !important;}
.credit_input img {display:inline;}
.credit_input  .input-text{width:68px !important;}
.notice-msg li{font-weight:700;}
.giftvoucher-index-index .pager{margin-top:7px;}
/*************shopping cart by Sally*************/
.discount-form.giftvoucher   #giftvoucher{position: relative;margin-right: 5px;margin-top: 5px;margin-left: 0px;}
.discount-form .giftvoucher_credit  #giftvoucher_credit{position: relative;margin-right: 5px;margin-left: 0px; float:left}
.giftvoucher-discount-code img{display:inline;}
dd#giftcard_shoppingcart_apply, dd.giftvoucher li, dt.giftvoucher, dt.giftvoucher_credit, dd.giftvoucher-credit,li.giftvoucher-discount-code strong{margin:5px 0;}
#payment_form_giftvoucher_credit #gift_credit_message{float: left; width: 100%;}
li.giftvoucher-discount-code strong{float:none;}
.giftcard-code-hidden{display:none;}

/* ----- Simple template ------ */
#giftcard-template-simple{
    width:600px;
    float:left;
    background:#fff;
    border-radius: 3px;
    border: 1px solid #ddd;
}
#giftcard-template-simple .simple-top{

    padding: 6px 6px 10px;
    float:left;
    width: 100%;

}
.giftcard-template-content-simple{
    float: left;
    width: 100%;
    height: 310px;
}
#giftcard-template-simple .simple-content-top{margin:0;}
.simple-content-top .simple-logo{
    min-height: 85px;
    display:flex;
}
#giftcard-template-simple  img{margin:auto;}
.simple-bottom{
    float: left;
    width: 100%;
    padding: 6px;
    border-top:  1px solid #ddd;
    min-height: 90px;
}
.two-border{
    border-left:1px solid #ddd;
    border-right: 1px solid #dddddd;
}
.no-right{border-left:1px solid #ddd;}
.giftcard-number .giftcard-style-color{
    font-size: 16px;
}
.value-price .giftcard-text-color{
    font-size: 36px;
    line-height: 1;
}
.simple-barcode img{
    height: 35px;
    margin:auto;
}
.simple-content-top .simple-logo img{max-height: 100px;max-width:100%;}
#giftcard-template-simple .form-group.giftcard-value,
#giftcard-template-simple .form-group.giftcard-number{margin:5px 0;}
.simple-bottom .giftcard-custom-message{
    width: 100%;
    float: left;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    color: #444;
    line-height: 18px;
}
#giftcard-template-simple .giftcard-template-content-simple{
    background-size: 100% auto;
}
#giftcard-template-simple .logo-title{
    padding: 0;
    float: none;
    height: auto;
}
#giftcard-template-simple img{
    display: inline;
    max-height: 90px;
    max-width: 180px;
}
#giftcard-template-simple .simple-barcode{
    min-height: 85px;
    display:flex;
}
#giftcard-template-simple .simple-content-top .col-xs-4,#giftcard-template-simple .simple-content-top .col-xs-6{
    height:90px;
}
#giftcard-template-simple .giftcard-number .giftcard-style-color{ font-style: normal;}
#giftcard-template-simple .giftcard-change-image{background-size:100%;}
/* ------ END -------- */

/* ----- Simple template ------ */
#giftcard-template-amazon {

    float:left;
    background:#fff;
    border-radius: 3px;
    border: 1px solid #ddd;
}
#giftcard-template-amazon .simple-top{

    padding: 6px 6px 10px;
    float:left;
    width: 100%;

}
.giftcard-template-content-simple{
    float: left;
    width: 100%;
    height: 310px;
}
#giftcard-template-amazon .simple-content-top{margin:0;}
.simple-content-top .simple-logo{
    min-height: 85px;
    display:flex;
}
#giftcard-template-amazon  img{margin:auto;}
.simple-bottom{
    float: left;
    width: 100%;
    padding: 6px;
    border-top:  1px solid #ddd;
    min-height: 90px;
}

#giftcard-template-amazon .form-group.giftcard-value,
#giftcard-template-amazon .form-group.giftcard-number{margin:5px 0;}
.simple-bottom .giftcard-custom-message{
    width: 100%;
    float: left;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    color: #444;
    line-height: 18px;
}
#giftcard-template-amazon .giftcard-template-content-simple{
    background-size: 100% auto;
}
#giftcard-template-amazon .logo-title{
    padding: 0;
    float: none;
    height: auto;
}

#giftcard-template-amazon .table-middle,
#giftcard-template-amazon .table-top td,
#giftcard-template-amazon .table-middle tbody tr > td table #mainImageContainer{
    width:590px;
}
#giftcard-template-amazon img{
    display: inline;
}
#giftcard-template-amazon .simple-barcode{
    min-height: 85px;
    display:flex;
}
#giftcard-template-amazon .simple-content-top .col-xs-4,#giftcard-template-amazon .simple-content-top .col-xs-6{
    height:90px;
}
#giftcard-template-amazon .giftcard-number .giftcard-style-color{ font-style: normal;}
#giftcard-template-amazon .giftcard-change-image{background-size:100%;}

.popup-giftcard-amazon .a-popover-wrapper .a-popover-inner{
    background-color: #fff;
}

.popup-giftcard-amazon {
    width: 740px;

}
.popup-giftcard-amazon .a-popover-header {
    position: relative;
    text-align: left;
    background: #f2f2f2;
    background: #f0f0f0;
    background: -webkit-linear-gradient(top,#f7f7f7,#eaeaea);
    background: linear-gradient(to bottom,#f7f7f7,#eaeaea);
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #cdcdcd;
    border-bottom-color: rgba(0,0,0,.2);
    box-shadow: 0 1px 0 rgba(255,255,255,.5) inset,0 -1px 0 rgba(255,255,255,.4) inset;
    padding: 0 14px;
    margin: 0;
    z-index: 10;
}

.popup-giftcard-amazon .a-button-close {
    display: block;
    zoom: 1;
    background-color: transparent;
    border-radius: 3px;
    border: none;
    float: right;
    padding: 8px;
    position: absolute;
    top: 50%;
    right: 5px;
    margin: -13px 0 0;
    line-height: 8px;
    font-weight: bold;
}

.popup-giftcard-amazon .a-popover-header .a-popover-header-content {
    min-height: 35px;
    line-height: 16px;
    padding: 10px 0 9px;
    font-size: 13px;
    font-weight: 700;
    margin-right: 20px;
    margin: 0;
    text-transform: none;
    color: #000;
}

.popup-giftcard-amazon .a-popover-inner {
    overflow-y: hidden!important;
}
.popup-giftcard-amazon .a-popover-inner {
    padding: 14px 18px;
    text-align: left;
    overflow-x: hidden;
}
.popup-giftcard-amazon #gc-preview-modal-wrapper {
    margin: -14px -18px;
}
.popup-giftcard-amazon #gc-preview-wrapper {
    overflow-wrap: break-word;
    word-break: break-all;
    width: 704px;
}

.popup-giftcard-amazon #gc-preview-header-recipient-email-box-wrapper {
    border-bottom: 1px solid #ddd;
}
.popup-giftcard-amazon .a-size-base {
    font-size: 13px!important;
    line-height: 19px!important;
}
.popup-giftcard-amazon .a-color-base {
    color: #111!important;
}

.popup-giftcard-amazon .a-row {
    width: 100%;
}

.popup-giftcard-amazon .a-grid-vertical-align.a-row {
    display: table !important;
    table-layout: fixed;
    zoom: 1;
    border-collapse: collapse;
}

.popup-giftcard-amazon .a-grid-vertical-align.a-row>div.a-column {
    float: none!important;
    display: table-cell!important;
    zoom: 1;
    padding-right: 14px;
}

.popup-giftcard-amazon .a-grid-vertical-align.a-row>div.a-span1 {
    width: 8.68%;
}

.popup-giftcard-amazon .a-grid-vertical-align.a-row>div.a-span10 {
    width: 87.43%;
}

.popup-giftcard-amazon .a-section {
    margin-bottom: 22px;
}

#gc-preview-modal-wrapper,
#gc-preview-template-wrapper,
#gc-preview-wrapper{
    margin: 0;
}
.popup-giftcard-amazon .a-spacing-top-extra-large {
    margin-top: 26px!important;
}

.popup-giftcard-amazon .a-text-bold {
    font-weight: 700!important;
}

.popup-giftcard-amazon .gc-hide {
    display: none;
}
.popup-giftcard-amazon .gc-text-hidden {
    display: none;
}

.popup-giftcard-amazon #gc-preview-template-wrapper {
    background-color: #f3f3f3;
}
.popup-giftcard-amazon #gc-preview-template-wrapper #gc-preview-main-sections{
    background-color: #fff;
}

.popup-giftcard-amazon #gc-preview-wrapper td {
    vertical-align: middle;
}

.popup-giftcard-amazon #gc-preview-wrapper td img{
    display: inline;
    max-width: 100%;
}
.popup-giftcard-amazon{
    width: auto !important;
    position: absolute !important;
    margin-top: 0;
    text-rendering: optimizeLegibility;
}
.popup-giftcard-amazon #close-popup-giftcard{
    background: transparent;
    top:0;
    right:0;
    z-index: 10000;
}
.popup-giftcard-amazon #close-popup-giftcard:hover{
    text-decoration: none;
}


#giftcard-template-amazon .giftcard-style-color{
    display: block;
}
.popup-giftcard-amazon .giftcard-style-color{
    font-size: 15px;
    color: #868686;
    font-weight: 600;
    display: block;
}

@media  (max-width:1199px){
    /**********add giftcard************/
    #gift-voucher-code{width:65% !important;}
}

/**********add giftcard by Sally************/
#gift-voucher-code{width:90% !important;}
#giftcard-template-left .giftcard-template-content .hidden-giftcard {
    height: 65px !important;
}
#giftcard-template-left .hidden-content {height: auto}
@media (max-width:990px){
    /************my account***********/


    /*view giftcard*/


    /**********check giftcard************/

}
@media  (max-width:880px){
    /************my account***********/



    /**********add giftcard************/
    #gift-voucher-code{width:100% !important;}
}
@media only screen and (max-width: 770px){
    /************my account by Sally***********/

    /**********add giftcard by Sally************/
    .col-main .giftvoucher-fieldset .input-box   input[type=text]{width:365px !important;}
}
@media  (max-width:640px){
    /************my account by Sally***********/

}

@media  (max-width:533px){
    /**********add giftcard by Sally************/
    .buttons-set button{margin-bottom:3px;}
    #addredeem-giftvoucher-code .buttons-set button.button{float:right !important; width:40%;}
}

@media  (max-width:440px){
    /**********check giftcard by Sally************/
    /* My account */
    .balance .button{float:none !important; width:185px !important;}
    .giftvoucher-search-button{text-align:left !important;}
    /*.button{padding:5px !important;}*/


    /*my account*/
    #giftvoucher_grid-gift_code{width:65px !important; margin-left:70px;}
}
@media  (max-width:420px){
    /***************checkout cart by Sally***************/
    .giftcard{display:block;}
}

/* fix css*/
.giftvoucher-product-info #message {
    clear: both;
    max-width: none;
}

.gift-card .form-group .value, .gift-card .form-group .label { float: right }
.gift-card .form-group .label { text-align: right; margin-right: 5px }
.gift-card .form-group .hint { clear: both; text-align: right }
.gift-card .form-group { margin-top: 10px }
.gift-card .form-group label { text-align: right }
.gift-card .checkbox label { cursor: text; margin-bottom: 10px; padding-left: 0; display: block }

@media only screen and (max-width: 767px) {
    .product-view .product-type-data .price-box.gift-cart-price { text-align: right }
}

.sticker-wrapper { position: absolute; z-index: 99; }
.product-view .product-img-column { position:relative; }

.product-view .sticker-wrapper.top-right { top:-3px; right:-3px; }
.product-view .sticker-wrapper.top-left { top:-3px; left:-3px; }

.products-grid .sticker-wrapper { z-index: 0; }
.products-grid .sticker-wrapper.top-right { top: 23px; right: 13px; }
.products-grid .sticker-wrapper.top-left { top: 23px; left: 13px; }
.products-grid .sticker-wrapper.bottom-right { float: right; margin-top: -24px; right: 13px; }
.products-grid .sticker-wrapper.bottom-left { float: left; margin-top: -21px; left: 13px; }

.sticker {
    height: 23px;
    min-width: 34px;
    padding: 0 5px;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 10px;
    text-align:center;
    display:table-cell !important; /* Add "important" to override inherited styles of parent elements */
    vertical-align:middle !important;
}
.sticker svg { width: 44px; height: 23px; padding: 0; margin: 0 -5px }

.sticker.sale{ font-size: 13px }
.sticker.limited-edition{
    color: #333333;
    border: solid 1px #333333;
    background-color: #ffffff;
    height: 20px;
}
.sticker-wrapper.add-top-space {
    margin-top: 30px;
}
.sticker.limited-edition.geschenk{
    color: #008080;
    border: solid 1px #008080;
}

@media only screen and (min-width: 1200px){
    .product-view .sticker {
        width: 46px;
        height: 25px;
    }
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
    .product-view .sticker {
        width: 46px;
        height: 25px;
    }
    .products-grid .sticker-wrapper.top-left, .products-grid .sticker-wrapper.top-left { top: 16px }
}
@media only screen and (max-width: 991px)
{
    .products-grid .sticker {
        height: 20px;
        width: 40px;
        font-size: 11px;
    }
    .sticker svg { width: 40px; height: 20px }
    .products-grid .item:hover .sticker {
        height: 20px;
        width: 40px;
    }
    .sticker.limited-edition {
        padding: 0 3px;
    }
    .sticker.limited-edition.geschenk {
        width: initial;
    }
}

@media only screen and (max-width: 639px) {
    .products-grid .sticker-wrapper.top-left, .products-grid .sticker-wrapper.top-right { top: 9px; right: 3px }
}

.section-space { padding:10px; }


/* Helper classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Magento default helper classes
-------------------------------------------------------------- */

/* Layout helper classes
-------------------------------------------------------------- */
.margin-top { margin-top:20px; }
.margin-bottom { margin-bottom:20px; }
.padding-top { padding-top:20px; }
.padding-bottom { padding-bottom:20px; }
.float-left { float:left; } /*deprecated*/
.float-right { float:right; } /*deprecated*/


/* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Video (embed)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* "videoWrapper" - depracated class, left for backward compatibility */
.video-wrapper,
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed,
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Landing pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.horizontal-section,
.vertical-section { display:block; margin-top:0; margin-bottom:10px; position:relative; }
.horizontal-section { margin-top:10px; }
.landing-page .center-block { display:block; margin:0 auto; }


/* Caption
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.caption {
	display:block;
	position:absolute;
	bottom:0;
	width:80%;
	margin:6%;
	padding:0;
}

/* Caption position
-------------------------------------------------------------- */
.caption.top {
	top:0;
	bottom:auto;
	width:80%;
}
.caption.top-right {
	top:0;
	bottom:auto;
	right:0;
	width:58%;
}
.caption.bottom-right {
	right:0;
	width:58%;
}

/* Caption elements
-------------------------------------------------------------- */
.caption > * {
	float:left;
	display:inline-block;
	margin-bottom:1px;
}
.caption .heading {
	padding:0.25em;
	margin-bottom:0.2em;
	font-size:2.8em;
	line-height:1em;
	font-weight:normal;
}
.caption p {
	clear:left;
	padding:0.25em 0.5em;
	margin-bottom:1px;
	font-size: 1.3333em;
	line-height:1em;
}
.caption button {
	clear:left;
}

/* Caption layout
-------------------------------------------------------------- */
.caption.centered {
	text-align: center;
}
.caption.centered > * {
	display:inline-block;
	float: none;
}

/* Floating (text alignment) */
.caption.right > * { text-align:right; float:right !important; }

/* Caption additional styles
-------------------------------------------------------------- */
/* Width */
.caption.full-width { width:88%; margin:6%; }
.caption.narrow { width:38%; }

/* Prevent from hiding elements of the caption on narrow screens */
.caption .permanent { display:inline-block !important; }

/* Skin
-------------------------------------------------------------- */
.caption .heading,
.caption p {
	transition:			color 450ms ease-in-out, background-color 450ms ease-in-out;
	-moz-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-webkit-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-o-transition:		color 450ms ease-in-out, background-color 450ms ease-in-out;
}
a:hover .caption .heading,
a:hover .caption p {
	transition:			color 200ms ease-in-out, background-color 200ms ease-in-out;
	-moz-transition:	color 200ms ease-in-out, background-color 200ms ease-in-out;
	-webkit-transition:	color 200ms ease-in-out, background-color 200ms ease-in-out;
	-o-transition:		color 200ms ease-in-out, background-color 200ms ease-in-out;
}

/* Dark + white text */
.caption.dark1 .heading,
.caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; }
a:hover .caption.dark1 .heading,
a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; }

/* Dark + white text */
.caption.dark2 .heading,
.caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; }
a:hover .caption.dark2 .heading,
a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; }

/* Dark + white text */
.caption.dark3 .heading,
.caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; }
a:hover .caption.dark3 .heading,
a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; }

/* Light + black text */
.caption.light1 .heading,
.caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; }
a:hover .caption.light1 .heading,
a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; }

/* Light + black text */
.caption.light2 .heading,
.caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; }
a:hover .caption.light2 .heading,
a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; }

/* Light + black text */
.caption.light3 .heading,
.caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; }
a:hover .caption.light3 .heading,
a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; }


/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Disable transitions, fade effect applied with JS */
.fade-on-hover {
	transition:			none;
	-moz-transition:	none;
	-webkit-transition:	none;
	-o-transition:		none;
}



/* Selected components from Bootstrap %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* "Code" (code.less)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  /*border-radius: 4px;*/
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}


/* Part of "Table" (table.less)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.table-responsive {
	min-height: .01%; /* Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837) */
	overflow-x: auto;
}
@media screen and (max-width: 767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}
	.table-responsive > .table {
		margin-bottom: 0;
	}
	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td {
		white-space: nowrap;
	}
}

/**
 * Theme Content Construction Kit
 */



/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Vertically centered content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.v-centered-content {
	display:table;
}
.v-centered-content .v-center {
	display:table-cell;
	vertical-align:middle;
}


/* Heading of a content section
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.section-title { clear:both; margin:0; display:block; }
.section-title.padding-right { padding-right:80px !important; }

/* Horizontal line */
.section-line {
	clear:both;
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	margin:0 0 10px;
	padding:10px 0 0;
	background:none;
	border-bottom:1px solid #e5e5e5;
	text-indent:-9999em;
	overflow:hidden;
}


/* Custom sidebars
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.custom-sidebar-right { float:right !important; }

.custom-sidebar-left { float:left !important; }
.custom-sidebar-left .inner {
	padding-right:10px;
	border-right:1px solid #e5e5e5;
}



/* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.links > li > a,
.links > li.label {
    padding: 0 7px;
}
.links > li.label {
	padding-left: 0;
}
.rtl .links > li.label {
	padding-right: 0;
	padding-left: 7px;
}

/* Basic links, no separators
-------------------------------------------------------------- */
.links > li { float:left; line-height: 36px; }
.links > li > a { display:block; }

/* Links with separators (at the right side)
-------------------------------------------------------------- */
.links-wrapper-separators .links > li { margin-left:-1px; }
.links-wrapper-separators .links > li > a {
	background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/img/link-separator.png);
	background-position:right center;
	background-repeat:no-repeat;
}
.links-wrapper-separators .links > li.last > a { background-image:none; }
.links-wrapper-separators .links > li.hide-separator > a { background-image:none; }
.links-wrapper-separators .links > li.separator-left > a { background-position:left center; }

/* Links with separators (at the left side)
-------------------------------------------------------------- */
.links-wrapper-separators-left .links > li { margin-left:-1px; }
.links-wrapper-separators-left .links > li > a {
	background-image:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/img/link-separator.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.links-wrapper-separators-left .links > li.first > a { background-image:none; }
.links-wrapper-separators-left .links > li:first-child > a { background-image:none; }
.links-wrapper-separators-left .links > li.hide-separator > a { background-image:none; }
.links-wrapper-separators-left .links > li.separator-right > a { background-position:right center; }




/* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Link with an arrow */
a.go {
	background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat;
	padding-right:17px;
	display:inline !important;
}

/**
 * Drop-down block
 */



/* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.dropdown { position:relative; }
.dropdown:hover { z-index:4000; }

/* Dropdown heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown .dropdown-heading {
	display:inline-block;
	cursor:default;
	line-height:36px;
	max-height:36px; /* Set static height to improve layout of inline elements inisde the dropdown heading */
}

/* In case a link ("a" tag) is used as a dropdown heading */
.dropdown a.dropdown-heading {
	/* Inherit color to have the same color as the text in the containing section (e.g. in primary header). */
	color: inherit;

	/* Remove transition */
	transition: none;
	transition-delay: unset;
}
.dropdown a.dropdown-heading:hover {
	/* Inherit color to have the same color as the text in the containing section (e.g. in primary header). 
	   Otherwise the dropdown heading on hover would blink showing standard link hover color. */
	color: inherit;
}

/* Inside dropdown heading
-------------------------------------------------------------- */
/* Child elements of the heading have to be aligned vertically */
.dropdown .dropdown-heading > * {
	display:inline-block;
	vertical-align: middle;
}

/* If heading has additional inner wrapper (to cover the shadow of the dropdown),
   properties of that element needs to be reset (e.g. element shouldn't be "inline-block") */
.dropdown .dropdown-heading.cover > span,
.dropdown .dropdown-heading.cover > div {
	display: block;
	vertical-align: baseline;
}
.dropdown .dropdown-heading.cover > span > *,
.dropdown .dropdown-heading.cover > div > * {
	display:inline-block;
	vertical-align: middle;
}

	/* Elements of the dropdown heading */
	.dropdown .dropdown-heading .caret,
	.dropdown .dropdown-heading .caret {
		margin-right: -3px;
	}
	.dropdown .dropdown-heading .value {
		margin-left: 2px;
	}
	/* e.g. for flags */
	.dropdown .dropdown-heading .dropdown-icon {
		width:18px;
		text-indent:-9999px;
		background-position:0 50%;
		background-repeat:no-repeat;
	}


/* Cover shadow of "dropdown-heading" and "dropdown-content"
   with additional div inside the heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown .dropdown-heading.cover > span,
.dropdown .dropdown-heading.cover > div {
	padding:0 10px;
}
.dropdown.open > .dropdown-heading.cover > span,
.dropdown.open > .dropdown-heading.cover > div {
	background-color:#fff;
	z-index:4001;
	position:relative;
}


/* Dropdown content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown .dropdown-content {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	z-index:4000;
	padding:20px;
	min-width:130px;
	line-height:1.5em;
	text-align:left;

	list-style:none;
	background-color:#fff;
}
.dropdown .dropdown-content.left-hand {
	left:auto;
	right:0;
}

/* When dropdown content is an unordered list
-------------------------------------------------------------- */
/* Everything is inline-block, except links */
.dropdown .dropdown-content > li * { display:inline-block; }
.dropdown .dropdown-content > li > a { display:block; }

.dropdown .dropdown-content > li { white-space:nowrap; }
.dropdown .dropdown-content > li .label { margin-right:8px; }
.dropdown .dropdown-content .dropdown-icon {
	width:18px;
	text-indent:-9999px;
	background-position:0 50%;
	background-repeat:no-repeat;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-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-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/css/infortis/_shared/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/**
 * Itemgrid
 */



.itemgrid .item {
	float:left;
	padding-left:1%;
	padding-right:1%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


/* Itemgrid: different numbers of columns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Clear every first item in each row (row: group of n items) */

/* Item grid: 1 column */
.itemgrid-1col .item { width:98%; }

/* Item grid: 2 columns */
.itemgrid-2col .item { width:48%; }
.itemgrid-2col > li:nth-of-type(2n+1) { clear:left; }

/* Item grid: 3 columns */
.itemgrid-3col .item { width:31.3333%; }
.itemgrid-3col > li:nth-of-type(3n+1) { clear:left; }

/* Item grid: 4 columns */
.itemgrid-4col .item { width:23%; }
.itemgrid-4col > li:nth-of-type(4n+1) { clear:left; }

/* Item grid: 5 columns */
.itemgrid-5col .item { width:18%; }
.itemgrid-5col > li:nth-of-type(5n+1) { clear:left; }

/* Item grid: 6 columns */
.itemgrid-6col .item { width:14.6666%; }
.itemgrid-6col > li:nth-of-type(6n+1) { clear:left; }

/* Item grid: 7 columns */
.itemgrid-7col .item { width:12.2857%; }
.itemgrid-7col > li:nth-of-type(7n+1) { clear:left; }

/* Item grid: 8 columns */
.itemgrid-8col .item { width:10.5%; }
.itemgrid-8col > li:nth-of-type(8n+1) { clear:left; }

/**
 * Generic tabs
 */



/* Basic styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Tabs
-------------------------------------------------------------- */
/* Total height of the tab bar should be the same as in block titles */
.gen-tabs .tabs li { float:left; margin:0; }
.gen-tabs .tabs a {
	display:block;
	padding:0 10px;
	text-decoration:none;
	outline:none;
}

/* Tab panels
-------------------------------------------------------------- */
.gen-tabs .tabs-panels { padding:15px 0; }
.gen-tabs .tabs-panels .panel {}

/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
	display:none;
	padding:0;
	margin-bottom:1px;
	font-weight:normal;
}
.gen-tabs .acctab:hover { cursor:pointer; }

/* Accordion mode enabled */
.gen-tabs.accor .tabs { display:none; }
.gen-tabs.accor .acctab { display:block; }
.gen-tabs.accor .tabs-panels { padding-top:0; padding-bottom:0; }
.gen-tabs.accor .tabs-panels .panel { margin:10px 0; padding:15px; }


/* Default skin
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs .tabs a {
	color:#333;
	background-color:#eee;
	line-height:3em;
}
.gen-tabs .tabs a:hover,
.gen-tabs .tabs a:focus   { background-color:#e5e5e5; }
.gen-tabs .tabs a.current { background-color:#ddd; }

/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
	font-size:19px;
	line-height:50px;
	background-color:#f5f5f5;
	color:#333;
}
.gen-tabs .acctab:hover,
.gen-tabs .acctab:focus,
.gen-tabs .acctab.current { background-color:#e5e5e5; }
.gen-tabs.accor .tabs-panels .panel {}


/* Tabs - skin 1: with thin borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Border exists but it is transparent. Except bottom border which has to be removed.
   Only the current tab need to have bottom border. */
.gen-tabs--style1 .tabs a {
	font-size:16px;
	line-height: 44px; /* Important: make as tall as related products block's heading  */
	color:#333;
	background-color:#eee;
	border:1px solid transparent;
	border-bottom:none;
}

.gen-tabs--style1 .tabs a:hover
/*, .gen-tabs--style1 .tabs a:focus */ {
	background-color:#e5e5e5;

	/* Border on hover has the same color as background of the tab */
	border-color:#e5e5e5;
}

.gen-tabs--style1 .tabs a.current {
	background-color:#fff;

	/* Pull up the panels */
	margin-bottom:-1px;

	/* Border of the active item has the same color as border of panels.
	   Bottom border is transparent. */
	border-color:#e5e5e5;
	border-bottom:1px solid transparent;

	/* Make a little bit higher than other tabs */
	padding-top:4px;
	margin-top:-4px;
}
.gen-tabs--style1 .tabs a.current:hover {
	/* Bottom border is transparent. */
	border-bottom-color: transparent;
}

.gen-tabs--style1 .tabs-panels {
	border-top:1px solid #e5e5e5;
	border-bottom:1px dashed #e5e5e5;
}

/* Accordion
-------------------------------------------------------------- */
.gen-tabs--style1.accor .tabs-panels {
	border-top:none;
	border-bottom:none;
}
.gen-tabs--style1 .acctab {
	border-bottom:1px solid #e5e5e5;
}
.gen-tabs--style1.gen-tabs.accor {
	margin-bottom: 25px;
}


/* Tabs - skin 1: smaller
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs--style1-small .tabs a {
	padding:0 7px;
	font-size: 14px;
	line-height: 32px;
}
/* Added main class to increase specificity of this rule to override font */
.gen-tabs--style1.gen-tabs--style1-small .tabs a {
	font-family: inherit;
}

/* Accordion
-------------------------------------------------------------- */
.gen-tabs--style1-small .acctab {
	font-size: 14px;
	line-height: 32px;
}
/* Added main class to increase specificity of this rule to override font */
.gen-tabs--style1.gen-tabs--style1-small .acctab {
	font-family: inherit;
}

.margin-auto-top.ml-opening {margin: 0 auto !important}
.ml-iconwrap {float: right}
.ml-hidden {display: none !important}
.ml-wrapper {overflow-x: hidden;position: relative}
.ml-menu, .ml-menu > .ml-panel { margin: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 0 }
.ml-menu {display: block;overflow: hidden;padding: 0}
.ml-panel {-webkit-transition: -webkit-transform .4s ease;-moz-transition: -moz-transform .4s ease;-ms-transition: -ms-transform .4s ease;-o-transition: -o-transform .4s ease;transition: transform .4s ease;-webkit-transform: translate3d(100%, 0, 0);-moz-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);-o-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)}
.ml-panel.ml-opened {-webkit-transform: translate3d(0%, 0, 0);-moz-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0)}
.ml-panel.ml-subopened {-webkit-transform: translate3d(-110%, 0, 0);-moz-transform: translate3d(-110%, 0, 0);-ms-transform: translate3d(-110%, 0, 0);-o-transform: translate3d(-110%, 0, 0);transform: translate3d(-110%, 0, 0)}
.ml-panel.ml-highest {z-index: 1}
.ml-menu > .ml-panel { box-sizing: border-box }
.ml-menu > .ml-panel:before, .ml-menu > .ml-panel:after {content: '';display: block}
.ml-menu .nav-panel-inner, .ml-listview { -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto }
.ml-vertical .ml-panel {-webkit-transform: none !important;-moz-transform: none !important;-ms-transform: none !important;-o-transform: none !important;transform: none !important}
.ml-vertical .ml-listview .ml-panel, .ml-listview .ml-vertical .ml-panel {display: none;padding: 10px 0 10px 10px}
.ml-vertical .ml-listview .ml-panel .ml-listview > li:last-child:after, .ml-listview .ml-vertical .ml-panel .ml-listview > li:last-child:after {border-color: transparent}
.ml-vertical li.ml-opened > .ml-panel, li.ml-vertical.ml-opened > .ml-panel {display: block}
.ml-vertical .ml-listview > li > .ml-next, .ml-listview > li.ml-vertical > .ml-next {height: 40px;bottom: auto}
.ml-vertical .ml-listview > li > .ml-next:after, .ml-listview > li.ml-vertical > .ml-next:after {top: 16px;bottom: auto}
.ml-vertical .ml-listview > li.ml-opened > .ml-next:after, .ml-listview > li.ml-vertical.ml-opened > .ml-next:after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
#ml-1 .ml-slidemenu {padding: 0}
#ml-1 .ml-close {display: none}
.ml-slidemenu {border-bottom: 1px solid transparent;text-align: center;line-height: 35px;padding: 0 35px;margin: 0;top: 0;left: 0;right: 0}
.ml-slidemenu a, .ml-slidemenu a:hover {text-decoration: none}
.ml-slidemenu .ml-title {text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.ml-slidemenu .ml-btn {box-sizing: border-box;width: 40px;height: 50px;position: absolute;top: 0;z-index: 998}
.ml-slidemenu .ml-btn:first-child {padding-left: 20px;left: 0;width: 50px}
.ml-slidemenu .ml-btn:last-child {text-align: right;padding-right: 20px;padding-top: 7px;right: 0}
.ml-panel .ml-slidemenu {display: none}
.ml-panel.ml-hasslidemenu .ml-slidemenu { display: block; height: 50px }
.ml-panel.ml-hasslidemenu#ml-1 .ml-slidemenu { display: block; height: auto }
.ml-panel .nav-block--center, .ml-panel .nav-block { margin: 0 }
.ml-close:after {content: 'x';text-transform: lowercase;font-size: 13px;font-weight: lighter}
.ml-listview, .ml-listview > li {list-style: none;display: block;padding: 0;margin: 0}
.ml-listview li:empty {display: none}
.ml-listview { font: inherit; font-size: 14px; line-height: 20px; height: 86.3% }
.ml-menu .nav-panel-inner { height: 93% }
.ml-listview a, .ml-listview a:hover {text-decoration: none}
.ml-listview > li { color: #333333; background-color: #f5f5f5; position: relative; padding: 15px 10px 15px 20px; text-align: left; border-bottom: #ffffff solid 1px }
.ml-listview > li > a:focus { color: #008080 }
.ml-listview > li > a, .ml-listview > li > span {text-align: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; display: block; margin: 0}
.ml-listview > li > a.ml-arrow, .ml-listview > li > span.ml-arrow {padding-right: 50px}
.ml-listview > li:hover {opacity: .8}
.ml-listview > li:not(.ml-divider):after {content: '';border-bottom-width: 1px;border-bottom-style: solid;display: block;position: absolute;left: 0;right: 0;bottom: 0}
.ml-listview > li:not(.ml-divider):after {left: 20px}
.ml-listview .ml-next, .ml-prev {background: #e0e0e0; width: 50px;padding: 0;position: absolute;right: 0;top: 0;bottom: 0;z-index: 2}
.ml-listview .ml-next:before {content: '';border-left-width: 1px;border-left-style: solid;display: block;position: absolute;top: 0;bottom: 0;left: 0}
.ml-listview .ml-next + a, .ml-listview .ml-next + span {margin-right: 50px}
.ml-listview .ml-next.ml-fullsubopen {width: 100%}
.ml-listview .ml-next.ml-fullsubopen:before {border-left: 0}
.ml-listview .ml-next.ml-fullsubopen + a, .ml-listview .ml-next.ml-fullsubopen + span {padding-right: 50px;margin-right: 0}
.ml-menu > .ml-panel > .ml-slidemenu + .ml-listview {margin-top: inherit}
.ml-listview .ml-inset {list-style: inside disc;padding: 0 10px 15px 40px;margin: 0}
.ml-listview .ml-inset > li {padding: 5px 0}
.ml-listview li button {display: none}
.ml-listview .ml-divider {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 10px;text-transform: uppercase;text-indent: 20px;line-height: 25px}
.ml-listview .ml-spacer {padding-top: 40px}
.ml-listview .ml-spacer > .ml-next {top: 40px}
.ml-listview .ml-spacer.ml-divider {padding-top: 25px}
.ml-prev:before, .ml-next:after, .ml-arrow:after {content: '';border: 2px solid transparent;display: inline-block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}
.ml-prev:before {border-right: 0;border-bottom: 0;left: 20px}
.ml-next:after, .ml-arrow:after {border-top: 0;border-left: 0;right: 20px}
.ml-menu .ml-slidemenu {border-color: rgba(255, 255, 255, .3)}
#ml-logo { padding: 5px 0 }
#ml-logo svg { max-width: 50%; display: block; margin: 0 auto }
.ml-menu .ml-slidemenu a img {max-width: 40%}
.ml-menu .ml-listview > li:after {border-color: rgba(255, 255, 255, .1)}
.ml-menu .ml-prev:before, .ml-menu .ml-next:after, .ml-menu .ml-listview > li .ml-arrow:after { border-color: #333333 }
.ml-menu .ml-listview > li .ml-prev:after, .ml-menu .ml-listview > li .ml-next:before {border-color: rgba(0, 0, 0, .1)}
.ml-menu .ml-listview > li.ml-selected > a:not(.ml-next), .ml-menu .ml-listview > li.ml-selected > span {background: inherit}
.ml-menu.ml-vertical .ml-listview li.ml-opened > a.ml-next, .ml-menu.ml-vertical .ml-listview li.ml-opened > .ml-panel, .ml-menu .ml-listview li.ml-opened.ml-vertical > a.ml-next, .ml-menu .ml-listview li.ml-opened.ml-vertical > .ml-panel {background: rgba(255, 255, 255, .7)}
.ml-menu .ml-divider {background: rgba(0, 0, 0, .05)}
.ml-page {box-sizing: border-box;position: relative}
.ml-slideout {-webkit-transition: -webkit-transform .4s ease;-ms-transition: -ms-transform .4s ease;transition: transform .4s ease}
html.ml-slide-effects.ml-opened .ml-menu.ml-slide-effects {-webkit-transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);-o-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
html.ml-slide-effects.ml-opening .ml-menu.ml-slide-effects {-webkit-transform: translate3d(0%, 0, 0);-moz-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0)}
html.ml-slide-effects .ml-menu.ml-slide-effects {-webkit-transition: -webkit-transform .4s ease;-moz-transition: -moz-transform .4s ease;-ms-transition: -ms-transform .4s ease;-o-transition: -o-transform .4s ease;transition: transform .4s ease}
html.ml-opened {overflow: hidden;position: relative}
html.ml-opened body {overflow: hidden}
html.ml-background .ml-page {background: inherit}
#ml-blocker { background: rgba(0, 0, 0, .5);cursor: pointer;display: none;width: 97%;height: 100%;position: fixed;top: 0;left: 0; z-index: 999; }
html.ml-opened #ml-blocker, html.ml-blocking #ml-blocker {display: block}
.ml-menu.ml-offcanvas {display: none;position: fixed}
.ml-menu.ml-current {display: block}
.ml-menu { max-width: 440px; min-width: 140px; width: 77.7%; z-index: 998 }
html.ml-opening .ml-slideout {-webkit-transform: translate(80%, 0);-moz-transform: translate(80%, 0);-ms-transform: translate(80%, 0);-o-transform: translate(80%, 0);transform: translate(80%, 0) }
.ml-menu .cat-label { margin-left: 5px }
#ml-blocker .modal-btn-close { top: 20px; left: 20px }
#ml-blocker .modal-btn-close:before, #ml-blocker .modal-btn-close:after { background-color: #ffffff }
#ml-sidemenu .nav-block > div { border-right: none !important }
.ml-navtitle { line-height: 46px; text-transform: uppercase }
.ml-panel svg { display: none }

@media all and (max-width: 1199px) {
    #ml-sidemenu .grid12-1, #ml-sidemenu .grid12-2, #ml-sidemenu .grid12-3, #ml-sidemenu .grid12-4,
    #ml-sidemenu .grid12-5, #ml-sidemenu .grid12-6, #ml-sidemenu .grid12-7, #ml-sidemenu .grid12-8,
    #ml-sidemenu .grid12-9, #ml-sidemenu .grid12-10, #ml-sidemenu .grid12-11, #ml-sidemenu .grid12-12,
    #ml-sidemenu .grid-full, #ml-sidemenu .grid-col2-sidebar, #ml-sidemenu .grid-col2-main,
    #ml-sidemenu .grid-col3-sidebar, #ml-sidemenu .grid-col3-main {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }
}

@media all and (max-width: 175px) {
    html.ml-opening .ml-slideout {-webkit-transform: translate(140px, 0);-moz-transform: translate(140px, 0);-ms-transform: translate(140px, 0);-o-transform: translate(140px, 0);transform: translate(140px, 0)}
}

@media all and (min-width: 550px) {
    html.ml-opening .ml-slideout {-webkit-transform: translate(440px, 0);-moz-transform: translate(440px, 0);-ms-transform: translate(440px, 0);-o-transform: translate(440px, 0);transform: translate(440px, 0)}
}

/* Elements of the cart */
.mini-cart .mini-cart-content .empty { padding: 10px 0; }
.mini-cart .mini-cart-content .block-subtitle { padding: 0; margin: 0 0 20px; font-size: 14px; font-weight: bold; line-height: 19px; }
.mini-cart .mini-cart-content .subtotal { margin: 20px 0; font-size: 14px; font-weight: bold; line-height: 19px; }
.mini-cart .mini-cart-content .incl-tax {}
.mini-cart .mini-cart-content .mini-products-list li { padding: 0; margin: 0 0 5px; height: 57px; }
.mini-cart .mini-cart-content .mini-products-list li.last { margin: 0; }
.mini-cart .mini-cart-content .product-name { max-height: 38px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mini-cart .mini-cart-content .btn-remove,
.mini-cart .mini-cart-content .btn-edit { float: right; }
.mini-cart .mini-cart-content .product-details strong { font-weight: normal; }
.mini-cart .mini-cart-content .actions { margin: 10px 0 0; padding: 0; border: 0; text-align: left; }
.mini-cart .mini-cart-content .actions button { float: left; margin-right: 1px; width: 100%; }
.mini-cart .mini-cart-content .actions button span { font-size: 14px; }
.mini-cart .mini-cart-content .truncated { margin-left: 3px; }
.mini-cart .mini-cart-content .truncated .item-options { -webkit-transform: translateZ(0); /* Fix disappearing mini-cart in Safari if product has options */ }

/* Mini Cart Skeleton */
.skeleton-minicart { position: relative; overflow: hidden; margin: 0; background: #eeeeee; }
.skeleton-minicart:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #eeeeee, hsla(0, 0%, 100%, .7), #eeeeee); content: ""; animation: skeleton-minicart 1s ease-in-out infinite; }

@keyframes skeleton-minicart {
    0% { transform: translate3d(-100%, 0, 0); }
    to { transform: translate3d(100%, 0, 0); }
}

#mini-cart-items-content .skeleton-minicart.title { width: 230px; height: 19px; margin: 0 0 20px; }
#mini-cart-items-content .skeleton-mini-products-list { max-height: 186px; overflow: hidden; }
#mini-cart-items-content.more-than-3 .skeleton-mini-products-list { max-height: 215px; }
#mini-cart-items-content .skeleton-minicart-item-container { display: flex; }
#mini-cart-items-content .skeleton-minicart-item-container .item { margin: 0 0 5px; display: flex; }
#mini-cart-items-content .skeleton-minicart-wrapper { margin-left: 10px; position: relative; }
#mini-cart-items-content .skeleton-minicart.image { width: 50px; height: 50px; margin-bottom: 7px; }
#mini-cart-items-content .skeleton-minicart.line-1 { width: 220px; height: 14px; margin: 0 0 5px; }
#mini-cart-items-content .skeleton-minicart.line-2 { width: 220px; height: 14px; margin: 0 0 5px; }
#mini-cart-items-content .skeleton-minicart.price { width: 100px; height: 13px; margin: 0; }
#mini-cart-items-content .skeleton-minicart.remove { position: absolute; top: 0; right: -20px; }
#mini-cart-items-content .skeleton-minicart.subtotal { width: 230px; height: 19px; margin: 20px 0; }

@media screen and (min-width: 768px) and (max-width: 990px) {
    #mini-cart-items-content .skeleton-minicart.line-1 { width: 360px; }
    #mini-cart-items-content .skeleton-minicart.line-2.name { display: none; }
}

/**
 * Common styles for multiple elements
 */

/* Blocks and headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.sidebar .block:first-child { margin-top:6px; } /* To align with page title */
.cms-index-index .sidebar .block:first-child { margin-top:0; } /* Remove margin on home page */

 
/* Headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/


@media only screen and (max-width: 991px) {
	.category-title { border: none }
}

/* Block titles and section headings
-------------------------------------------------------------- */
/* Sidebar blocks */
.block .block-title,

/* Filters */
.block-layered-nav .block-subtitle--filter,

/* Section title */
.section-title,
strong.section-title, /* To override default styles of "strong" tag */

/* Cart */
.cart .crosssell h2,
.cart .discount h2,
.cart .shipping h2
{
	/* padding:13px 0 7px; */ /*TODO*/
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px solid #e5e5e5;
	font-weight:normal;
	font-size:19px;
	line-height:29px;
}

/* Secondary headings
-------------------------------------------------------------- */
/* Log in */
.account-login h2,

/* Checkout log in */
#opc-login h3,

/* Fieldset and multiple checkout */
.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend
{
	padding-bottom:7px;
	border-bottom:1px solid #e5e5e5;
	font-weight:normal;
	font-size:1.5em; /*18px*/
	line-height:1.2222em; /*22px*/
	margin-bottom:15px;
}

/* Account */
.my-account .page-title,
.box-account .box-head,
.dashboard .box .box-title
{
	border-color:#e5e5e5;
}



/* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with horizontal border - standard
-------------------------------------------------------------- */
/* Blocks */
.block .actions,

/* CMS */
.section-line,

/* Misc */
.buttons-set,
.toolbar 
{
	border-color:#e5e5e5;
}

/* Elements with horizontal border - lighter
-------------------------------------------------------------- */
/* Product page - Add-to-cart area */
.product-view .product-type-data,
.product-view .product-type-data .price-box,
.container1-wrapper,
.container2-wrapper,
.product-view .add-to-box,

/* Product grid/list */
.category-products-grid .item,
.products-list li.item,

/* Pop-ups */
.remember-me-popup h3,
.map-popup-heading
{
	border-color:#f5f5f5;
}

/* Elements with vertical border - standard
-------------------------------------------------------------- */
/* Ratings separator */
.product-view .ratings .rating-links .separator,

/* Product page */
.custom-sidebar-right .inner,
.custom-sidebar-left .inner
{
	border-color:#e5e5e5;
}

/* Elements with vertical border - lighter
-------------------------------------------------------------- */
/* Product grid/list */
.products-list .product-shop-inner
{
	border-color:#f5f5f5;
}

/* Elements with darker border
-------------------------------------------------------------- */
/* Cart */
.data-table thead,
.cart-table thead tr,

/* Availability */
.availability-only-details thead
{
	border-color:#e5e5e5; /*Currently the same color as other borders*/
}

/* Other elements with border
-------------------------------------------------------------- */
.swatch-link {
	border-color:#cccccc;
}


/* Background colors
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with light gray background
-------------------------------------------------------------- */
/* Product page - increaments */
.extrahint-wrapper .product-pricing,

/* Account */
.addresses-list .addresses-primary .item,
.order-info-box,

/* Advanced search */
.advanced-search-summary,

/* Checkout */
.opc .gift-messages-form
{
	background-color:#f5f5f5;
}


/* Text color
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with lighter text
-------------------------------------------------------------- */
/* Product grid/list */
.products-list .ratings,
.products-grid .ratings,
.products-list .ratings a,
.products-grid .ratings a,

/* Layered navigation count */
.block-layered-nav dl dd ol > li > a .count,

/* Breadcrumbs */
.breadcrumbs li,
.breadcrumbs a,

/* Product page */
.block-related-simple .related-add-to-wishlist,
.block-related-thumbnails .related-add-to-wishlist,

/* Availability */
.availability,

/* Reviews */
.product-view .box-reviews .review-date,

/* Product options */
.item-options dd,
.product-options p.note
{
	color:#bbb;
}


/* Forms
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product options form colors
-------------------------------------------------------------- */
.product-options dd select,
.product-options dd .input-text,
.product-options dd textarea,
.product-options ul.options-list { color:#888; }
.product-options dd select:hover,
.product-options dd select:focus,
.product-options dd textarea:hover,
.product-options dd textarea:focus,
.product-options ul.options-list:hover { color:#333; }

/* Links and other selected elements
-------------------------------------------------------------- */
/* IMPORTANT: link transitions should be placed before other transitions */
a,
.menu-trigger .menu-trigger-inner,
.opener,
a > .ib,
a.feature-icon-hover > .ib
/*, .header-mobile .skip-link*/
{
	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out;
	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out;
	-webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out;
	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out;
}
a:hover,
.menu-trigger .menu-trigger-inner:hover,
.opener:hover,
.nav-item > a:hover + .opener, /* Opener following a link in mobile menu */
a:hover > .ib,
a.feature-icon-hover:hover > .ib
{
	transition-duration:			100ms;
	-moz-transition-duration:		100ms;
	-webkit-transition-duration:	100ms;
	-o-transition-duration:			100ms;
}

/* Carets - in menu
-------------------------------------------------------------- */
.nav-regular a > .caret {
	transition:			border-color 300ms ease-in-out, opacity 300ms ease-in-out;
	-moz-transition:	border-color 300ms ease-in-out, opacity 300ms ease-in-out;
	-webkit-transition:	border-color 300ms ease-in-out, opacity 300ms ease-in-out;
	-o-transition:		border-color 300ms ease-in-out, opacity 300ms ease-in-out;
}
.nav-regular a:hover > .caret {
	transition-duration:			100ms;
	-moz-transition-duration:		100ms;
	-webkit-transition-duration:	100ms;
	-o-transition-duration:			100ms;
}

/* Interface icons: toolbar icons, pager, prev/next slide etc.
-------------------------------------------------------------- */
.sorter .view-mode .grid,
.sorter .view-mode .list,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,

/* Add-to links */
.add-to-links.addto-icons a,

/* Scroll to top */
#scroll-to-top
{
	transition:			background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

/* Elements with animated color, background color and borders
-------------------------------------------------------------- */
/* Forms */
input.input-text, select, textarea,
.product-options ul.options-list,

/* Search */
.form-search .button,

/* Product image thumbnails */
.product-view .product-img-box .more-views .thumbnails li a,

/* Product mini-lists */
.mini-products-list .product-image,
.cart .crosssell .product-image,

/* Tabs & accordion */
.gen-tabs .tabs a,
.gen-tabs .acctab,

/* OPC accordion */
.opc .step-title
{
	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}

/**
 * Override modules
 */

.wrapper { border-top-style: solid; border-top-width: 5px }

/* Additional margin for sidebars
-------------------------------------------------------------- */
.col-left > *,
.col-left .widget-static-block { margin-right: 32px; }
.col-right > *,
.col-right .widget-static-block { margin-left: 32px; }

.category-title { margin-bottom:0; }


/* Global Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.note-msg.empty-catalog {
    background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important;
    color:inherit;
    min-height:70px;
    padding:40px 20px 40px 160px !important;
}

/* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Block lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-viewed .block-content ol {
    padding-left: 0;
    list-style: none;
}
.block-viewed .block-content li.item {
    background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/img/bullet.png) no-repeat 3px 10px;
    padding-left:15px;
}


/* Block: Related
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Align block title with the tabs on product page */
/*.block-related .section-title { padding-top: 19px; }*/


/* Block: Account
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-account .block-title { background:url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; }
.block-account .block-content { padding:10px 0 0; }
.block-account li > * { padding: 2px; }
.block-account li.current strong { font-weight:bold; }



/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.products-grid .item { -webkit-tap-highlight-color: transparent; }



/* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Availability
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.availability { float:right; margin:15px 0 10px; }



/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Bundle product */
.price-box-bundle {
    border-bottom:1px solid #e5e5e5;
    margin:-10px 0 15px; /* Move up to align with the main price box */
    padding-bottom:15px;
}


/* Main containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Margin before price box */
.product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; }

/* Upper part of the container */
.product-view .product-type-data > .price-box {
    border-top-style:solid;
    border-top-width:1px;
    margin:15px 0 0;
    padding:10px 0;
}


/* New elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .sku { margin: 15px 0; }
.product-view .sku .label { font-weight: bold; }


/* Product type specific data
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; }
.product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ }


/* Accordion/collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Collapsible blocks.
   Set position and other properties of arrow icon.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Different types of collapsible blocks share the same styles */

/* Generic tabs - accordion */
.gen-tabs .acctab:after,

/* Collapsible blocks */
.collapsible .block-title:after,
.mobile-collapsible .block-title:after,

/* Sidebar blocks */
.sidebar .block .block-title:after,

/* Layered navigation */
.block-layered-nav .block-title:after {
    float: right;
    width: 12px;
    height: 12px;
}

/* Blocks collapsible only on mobile - hide arrow */
.mobile-collapsible .block-title:after,
.sidebar .block .block-title:after,
.block-layered-nav .block-title:after {
    display: none !important;
}



/* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Collateral boxes - full width */
.cart-left-column .grid-full,
.cart-right-column .grid-full {
    width:100%;
}



/* Icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Icons applied with icon codes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* These icons needs to have the same basic styles as standard font icons.
   Except line height - it would override individual size of each icon.
*/

.btn-remove:before,
.btn-remove2:before,

.btn-edit:before,

.caret:before,

/* Styles common for all direction controls */
.slider-arrows1 .owl-controls .owl-buttons div:before,
.slider-arrows2 .owl-controls .owl-buttons div:before,
.slider-arrows3 .owl-controls .owl-buttons div:before,

/* Caret in vertical menu, 1st-level item */
.nav-vert li.level0 > a .caret:before,

/* Accordion */
.accordion .opener:before,
.acco .opener:before,

/* Generic tabs - accordion */
.gen-tabs .acctab:after,

/* Collapsible block icon */
.collapsible .block-title:after,
.mobile-collapsible .block-title:after,
.sidebar .block .block-title:after,
.block-layered-nav .block-title:after
{
    display: inline-block;
}

.btn-remove,
.btn-remove2 {
    content: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/icons/close.svg);
}
.btn-edit {
    content: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/icons/edit.svg);
}

.pswp__button--arrow--right {
    transform: rotate(-90deg);
}
.pswp__button--arrow--left {
    transform: rotate(90deg);
}

.nav-regular .caret { margin-left: 4px }
.caret svg, .skip-cart .caret svg { width: 7px; height: 7px; margin: 0 0 2px 2px }
.amshopby-narrow-by-list .caret svg { margin: 0 }
.nav-regular li.level0 > a .caret { fill: #555555 }
.nav-regular li.level0.active > a .caret { fill: #000000 }
.nav-regular :hover .caret { fill: #008080 }
.nav-regular li.level0:hover > a .caret, .nav-regular li.level0.active:hover > a .caret { fill: #ffffff }
.nav-regular li.level0.active > a .caret { fill: #333333 }

.gen-tabs .acctab:after,
.collapsible .block-title:after, .mobile-collapsible .block-title:after,
.block-layered-nav .block-title:after {
    content: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/icons/down-arrow.svg);
}
.accordion li.item-active > .opener, .acco li.item-active > .opener,
.gen-tabs .acctab.current:after,
.collapsible .block-title.active:after, .mobile-collapsible .block-title.active:after,
.sidebar .block .block-title.active:after,
.block-layered-nav .block-title.active:after {
    transform: rotate(180deg);
}

.block-layered-nav .block-title.active:after { margin-top: 16px }
.gen-tabs .acctab.current:after { margin-top: 36px }
.mobile-collapsible .block-title.active:after,
.cms-page-view .block-title.active:after { margin-top: 7px }
.totals-inner .collapsible .block-title:after { margin-top: 2px }
.totals-inner .collapsible .block-title.active:after { margin-top: 5px }

/* *************************************************************************************************************
****************************************************************************************************************
 BUILT-IN STATIC BLOCKS ****************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */





.block_category_above_collection { margin:10px 0; }
.block_category_below_collection { margin:10px 0; }
.block_category_above_empty_collection { margin:10px 0; }
.block_mini_cart_above_products { margin:0 0 10px; }
.block_cms_page_top { margin:0 0 15px; }

/* Sample block content
-------------------------------------------------------------- */
.sample-block {
    color:#999;
    margin-top:10px;
    padding: 0 !important;
    transition:         color 300ms ease-in-out, background-color 300ms ease-in-out;
    -moz-transition:    color 300ms ease-in-out, background-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
    -o-transition:      color 300ms ease-in-out, background-color 300ms ease-in-out;
}
.sample-block:hover { color:#333; }

/**
 * Page header
 */



/* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.header-container,
.header-container2,
.header-container3 {
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll;
}
.header {
    padding: 0;
}


/* User menu and Top Links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Clear floats and override custom styles to avoid incorrect position of elements */
.user-menu {
	width:100%;
	float:none;
	margin:0;

	/* Clear floats of other elements */
	clear: both;
}

/* Line breaker */
.user-menu .line-break-after { clear:both; margin-bottom: 1px; }

/* Clear floats */
.user-menu:before,
.user-menu:after {
	display: table;
	content: " ";
}
.user-menu:after {
	clear: both;
}

/* Top Links - clear floats */
.top-links ul:before,
.top-links ul:after {
	display: table;
	content: " ";
}
.top-links ul:after {
	clear: both;
}

.header .logo-wrapper a {
	display: block;
	width: 240px;
	height: 115px;
	margin-bottom: 10px;
}

.header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}


/* Skip links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Products counter */
.skip-link .count {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	background-color: red;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* To display products counter sticked above the icon, uncomment this code: */
	/*
	margin-left: -14px;
	margin-right: -7px;
	margin-top: -22px;
	position: relative;
	*/
}


/* Block markers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#nav-marker-regular,
#nav-marker-regular2,
#search-marker-regular,
#account-links-marker-regular,
#mini-cart-marker-regular,

#nav-marker-mobile,
#search-marker-mobile,
#account-links-marker-mobile,
#mini-cart-marker-mobile
{
	display: none;
}



/* Regular header mode - for desktop view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Vertically aligned grid (in "Header - Primary" section)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-regular .hp-blocks-holder {
	display:table;
	width:100%;
}
.header-regular .hp-blocks-holder .hp-block {
	float:none;
	display:table-cell;
	vertical-align:middle;
}
.header-regular .hp-blocks-holder .hp-block:before,
.header-regular .hp-blocks-holder .hp-block:after {
	display: table;
	content: " ";
}
.header-regular .hp-blocks-holder .hp-block:after {
	clear: both;
}


/* Header items
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-regular .item-left {
	float: left;
	margin-right: 5px;
	text-align: left;
}
.header-regular .item-right {
	float: right;
	margin-left: 5px;
	text-align: right;
}


/* Header columns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-regular .left-column {
	text-align: left;
}
.header-regular .central-column {
	text-align: center;
}
.header-regular .right-column {
	text-align: right;
}

/* Central column inside primary header
-------------------------------------------------------------- */
.header-regular .header-primary .central-column {
	padding-left: 10px;
	padding-right: 10px;
}

/* Left column 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Dropdowns
-------------------------------------------------------------- */
/* Force left-aligned edge of dropdowns */
.header-regular .left-column .dropdown .dropdown-content {
	left: 0;
	right: auto;
}
/* Avoid dropdown heading stretched in containing block */
.header-regular .left-column .dropdown {
	display: inline-block;
}

/* Search box
-------------------------------------------------------------- */
.header-regular .left-column .search-wrapper {
	float: left;
}

/* Elements of User Menu
-------------------------------------------------------------- */
.header-regular .left-column .user-menu .search-wrapper,
.header-regular .left-column .user-menu .mini-cart,
.header-regular .left-column .user-menu .top-links,
.header-regular .left-column .user-menu .top-links ul {
	float: left;
}

/* Menu, holders and holders wrapper
-------------------------------------------------------------- */
.header-regular .left-column .nav-holders-wrapper,
.header-regular .left-column .navi {
	float: left;
}
.header-regular .left-column .nav-holders-wrapper .nav-holder {
	float: left;
}


/* Right column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Dropdowns
-------------------------------------------------------------- */
/* Force right-aligned edge of dropdowns */
.header-regular .right-column .dropdown .dropdown-content {
	left: auto;
	right: 0;
}
.header-regular .right-column .dropdown.is-not-empty .dropdown-content  ol{
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 186px;
	min-height: 60px;
}
.mini-cart.is-not-empty .mini-cart-content ol.mini-products-list {
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 186px;
	min-height: 60px;
}

.mini-cart.is-not-empty .mini-cart-content #mini-cart-items-content.more-than-3 ol.mini-products-list {
	max-height: 215px;
}

.mini-cart .mini-cart-content .product-name {
	padding-right: 22px;
}
.header-regular .right-column .dropdown.is-not-empty .dropdown-content ol::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 9px;
}

.header-regular .right-column .dropdown.is-not-empty .dropdown-content ::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

/* Avoid dropdown heading stretched in containing block */
.header-regular .right-column .dropdown {
	display: inline-block;
}

/* Search box
-------------------------------------------------------------- */
.header-regular .right-column .search-wrapper {
	float: right;
}

/* Elements of User Menu
-------------------------------------------------------------- */
.header-regular .right-column .user-menu .search-wrapper,
.header-regular .right-column .user-menu .mini-cart,
.header-regular .right-column .user-menu .top-links,
.header-regular .right-column .user-menu .top-links ul {
	float: right;
}

/* Menu, holders and holders wrapper
-------------------------------------------------------------- */
.header-regular .right-column .nav-holders-wrapper,
.header-regular .right-column .navi {
	float: right;
}
.header-regular .right-column .nav-holders-wrapper .nav-holder {
	float: right;
}


/* Central column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search box
-------------------------------------------------------------- */
/* Centered search box */
.header-regular .central-column .form-search {
	margin:0 auto;
}

/* Elements of User Menu
-------------------------------------------------------------- */
/* Elements of the central column are centered so the "user-menu" container also needs to be centered:
   so it needs to be inline-block, it can't float and can't have 100% width. */
.header-regular .central-column .user-menu {
	display: inline-block;
	float: none;
	width: auto;
}
.header-regular .central-column .user-menu .search-wrapper,
.header-regular .central-column .user-menu #mini-cart-wrapper-regular, /* IMPORTANT: cart wrapper also needs to float */
.header-regular .central-column .user-menu .mini-cart,
.header-regular .central-column .user-menu .top-links,
.header-regular .central-column .user-menu .top-links ul {
	float: right;
}


/* Top header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-regular .header-top .central-column {
	text-align: center;
}
.header-regular .header-top .central-column .item {
	display: inline-block;
	float: none;
}


/* Top header - selected elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search box inside top header
-------------------------------------------------------------- */
.header-regular .header-top #search_mini_form {
	display: inline-block;
	vertical-align: middle;
}
.header-regular .header-top .form-search .input-text {
	height:28px;
	line-height:28px;
}
.header-regular .header-top .form-search .button {
	width:28px;
	height:28px;
	line-height:28px;
	font-size:10px;
}
.header-regular .header-top .form-search .search-autocomplete {
	top:30px !important;
}

/* User menu inside top header
-------------------------------------------------------------- */
.header-regular .header-top .item-left .user-menu > * {
	float: left;
}
.header-regular .header-top .item-right .user-menu > * {
	float: right;
}


/* Selected elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search
-------------------------------------------------------------- */
/* Let the search box have the same width as containing block */
.header-regular .search-wrapper {
	width: 100%;
}


/* Menu elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Simple menu container
-------------------------------------------------------------- */
/* Menu container is marked with "simple" class.
   It's added when menu is inside a container which is not full-width but is narrow
   and placed in one of the header sections. */

/* Expand the width of the "nav" class element */
.header-regular .nav-container.simple .nav {
	width: 100%;
}
/* Remove side padding from inner container */
.header-regular .nav-container.simple .inner-container {
	padding-left: 0;
	padding-right: 0;
}


/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-regular #lang-switcher-wrapper-regular,
.header-regular #currency-switcher-wrapper-regular,
.header-regular .header-top .dropdown {
	margin:0;
}


/* Elements hidden in regular header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-regular .header-m-container,
.header-regular .skip-links-clearer,
.header-regular #header-nav, /* Important: "#nav-marker-mobile" is wrapped inside "#header-nav" */

/* Deprecated rules to hide elements in regular header (left for backward compatibility) */
.header-regular .skip-link,
.header-regular .logo-wrapper--mobile,
.header-regular .logo--mobile,
.header-regular .header-collateral,
.header-regular .after-mobile-logo,
.header-regular #user-menu-wrapper-mobile,

/* Deprecated identifiers of wrappers */
.header-regular #search-wrapper-mobile,
.header-regular #account-links-wrapper-mobile,
.header-regular #mini-cart-wrapper-mobile,
.header-regular #nav-wrapper-mobile
{
	display: none;
}


/* Selected skip links in regular header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Cart
-------------------------------------------------------------- */
/* Skip links has to be hidden except cart */
.header-regular .mini-cart-heading { 
	display: block;
}

.header-regular .mini-cart-heading .label.no-display {
	display: none;
}



/* Mobile header mode %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Get rid of vertical padding */
.header-mobile .header-top,
.header-mobile .header-primary,
.header-mobile .nav {
	padding-top: 0;
	padding-bottom: 0;
}


/* Vertically aligned grid of blocks (in "Header - Primary" section).
   In mobile header all blocks are stretched to full width
   and stack vertically.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-mobile .hp-blocks-holder .hp-block {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}


/* Header items
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* In mobile header, only items inside mobile container can float */
.header-mobile .header-m-container .item-left {
	float: left;
	text-align: left;
}
.header-mobile .header-m-container .item-right {
	float: right;
	text-align: right;
}

/* Dropdowns
-------------------------------------------------------------- */
/* Force left-aligned edge of dropdowns */
.header-mobile .header-m-container .item-left .dropdown .dropdown-content {
	left: 0;
	right: auto;
}
/* Force right-aligned edge of dropdowns */
.header-mobile .header-m-container .item-right .dropdown .dropdown-content {
	left: auto;
	right: 0;
}


/* Selected elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Top links
-------------------------------------------------------------- */
.header-mobile .top-links {
	float: none !important;
	clear: both;
}
.header-mobile .top-links ul {
	float: none !important;
}

/* Logo and collateral elements
-------------------------------------------------------------- */
/* Regular logo */
.header-mobile .logo-wrapper--regular {
	display: none;
}

/* Mobile logo */
.header-mobile .logo-wrapper--mobile {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.header-mobile .logo-wrapper--mobile .logo {
	display: block;
	margin-top: 8px;
}

/* Header collateral elements
-------------------------------------------------------------- */
.header-mobile .header-collateral {
	float: right;
	text-align: right;
}
/* If collateral next to logo, logo floats left */
.header-mobile .header-collateral + .logo-wrapper--mobile {
	float: left;
	text-align: left;
}

/* User menu
-------------------------------------------------------------- */
.header-mobile .user-menu {
	float: none !important;
	margin: 0; /* Important: remove margins to collapse the block completely */
}

/* Language/currency switcher
-------------------------------------------------------------- */
/* The "move-switchers" class indicates that in mobile header the default language/currency switchers
   should be hidden because they are replaced with switchers in alternative position (next to the logo).
   So we need to hide both versions of switchers: regular and mobile. */
.header-mobile.move-switchers #lang-switcher-wrapper-regular,
.header-mobile.move-switchers #currency-switcher-wrapper-regular {
	display: none;
}
.header-mobile.move-switchers #lang-switcher-wrapper-mobile,
.header-mobile.move-switchers #currency-switcher-wrapper-mobile {
	display: none;
}

/* Other
-------------------------------------------------------------- */
.header-mobile .line-break-after {
	display: none !important;
}


/* Menu elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Hide/show basic elements */
.header-mobile .nav-mobile { display: block !important; } /* Always displayed */
.header-mobile .vertnav-trigger { display: none !important; } /* Always hidden */
.header-mobile .mobnav-trigger { display: none !important; } /* Always hidden */
.header-mobile .nav-inline-links { display: none !important; } /* Always hidden */

/* Containers
-------------------------------------------------------------- */
/* Important: menu container is also a "skip-content" block */
.header-mobile .nav-container {

	/* Padding for menu container may be added via admin panel so we need to remove it for mobile header */
	padding: 0;

	/* If needed, reset also other styles which are added to standard "skip-content" blocks */
	/* Remove background color */
	background-color: transparent;
}

/* Menu bar
-------------------------------------------------------------- */
/* Remove shadow */
.header-mobile .nav-container .nav,
.header-mobile .nav-container .navi {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.header-mobile .nav-border-bottom
{
	border-bottom: none;
}

/* Menu items
-------------------------------------------------------------- */
/* Mobile menu - remove possible gap from the top of the very first item.
   Gaps are added as dividers between items of the mobile menu accordion. */
.header-mobile .nav-mobile .nav-item.nav-1 {
	margin-top: 0 !important;
}


/* Elements hidden in mobile header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-mobile .container_header_primary_left_1, /* Containers for custom content */
.header-mobile .container_header_primary_central_1,
.header-mobile .container_header_primary_right_1,
.header-mobile #lang-switcher-wrapper-regular,
.header-mobile #currency-switcher-wrapper-regular
{
	display: none;
}

.header-mobile .header-top .item:not(.item-interface)
{
	display: none;
}


/* Skip links in mobile header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-mobile .skip-link {
	cursor: pointer;
	float: left;
	position: relative;
	text-align: center;
	width: 20%;
	height: 50px;
	line-height: 50px;
	max-height: 50px; /* To avoid flickering on load (height of mini cart tab is too small) in mobile view */
}
.header-mobile a.skip-link {
	text-decoration: none;
}

/* Skip link elements
-------------------------------------------------------------- */
.header-mobile .skip-link .icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
	font-size: 16px;
	line-height: 16px;
}
.header-mobile .skip-link .label {
	display: inline-block !important; /* Added "!important" because label can be hidden in cart */
	vertical-align: middle;
	line-height: 16px;
	font-size: 14px;
}
.header-mobile .skip-link .count {
	display: inline-block;
	vertical-align: middle;
}
.header-mobile .skip-link .caret {
	display: none !important;
}

/* Active link
-------------------------------------------------------------- */
.header-mobile .skip-link.skip-active,
.header-mobile .skip-link:hover {
	color: inherit;
}
.header-mobile .skip-link.skip-active span {
	color: inherit;
}
.header-mobile .skip-link.skip-active .count {
	color: #fff;
}

/* Size
-------------------------------------------------------------- */
.header-mobile .skip-links--1 .skip-link { width: 100%; }
.header-mobile .skip-links--2 .skip-link { width: 50%; }
.header-mobile .skip-links--3 .skip-link { width: 33.33%; }
.header-mobile .skip-links--4 .skip-link { width: 25%; }
.header-mobile .skip-links--5 .skip-link { width: 20%; }
.header-mobile .skip-links--6 .skip-link { width: 16.66%; }


/* Skip content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* In mobile header the content is hidden.
   It's displayed only when skip link was clicked.
-------------------------------------------------------------- */
.header-mobile .skip-content {
	display: none;
}
.header-mobile .skip-content.skip-active {
	display: block;
}

/* Styls (required in skip-content blocks) are added through
   this special class so that we can control which content
   blocks are styled.
-------------------------------------------------------------- */
.header-mobile .skip-content--style {
	position: relative;
	clear: both;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	/* Skip content blocks have to be reset the same as all grid units
	   because skip content blocks can have grid units */
	width:100% !important; /* Added "!important" to override units with "no-gutter" class */
	margin: 0;
}
.header-mobile .skip-content--style:before,
.header-mobile .skip-content--style:after {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	display: block;
	content: " ";
}
.header-mobile .skip-content--style:before {
	right: 100%;
}
.header-mobile .skip-content--style:after {
	left: 100%;
	clear: both;
}


/* Selected skip links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Selected skip content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Height of mobile menu items and vertical inline links
-------------------------------------------------------------- */
.nav-mobile .nav-item > a, /* Important: do not add ".header-mobile" at the beginning, height needs to be applied */
.header-mobile .account-links .links > li > a {
    line-height: 50px;
}

/* Generic vertical inline links (e.g. account links)
-------------------------------------------------------------- */
.header-mobile .account-links .links > li {
	float: none;
}
.header-mobile .account-links .links > li > a {
	background-image: none; /* Remove link separators */
}

/* Search
-------------------------------------------------------------- */
.header-mobile .skip-content .form-search {
	width: 100%;
}
.header-mobile .skip-content .form-search .input-text {
	width: 100%;
}

/* Cart
-------------------------------------------------------------- */
/* Important: possible value "relative" of the "position" property.
   Cart can be a dropdown, so in mobile header we need to reset "position" of the dropdown container so that it doesn't cover other skip links.
   We also need to remove float.
   */
.header-mobile .mini-cart {
	position: static;
	float: none;
	display: block; /* To make sure it's not "inline-block" */
}

.header-mobile .skip-content.mini-cart-content {
	clear: both;
	width: 100%;
}


/* Regular header - stacked columns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Special class indicates that the columns of the primary header section
   become full width and stack vertically.
   IMPORTANT: these styles need to be placed after mobile menu styles to override them.
*/

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

	/* Reset blocks below this breakpoint */
	.header-regular .hp-blocks-holder--stacked .hp-block {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.header-regular .hp-blocks-holder--stacked .right-column {
		text-align: inherit;
	}
	.header-regular .hp-blocks-holder--stacked .left-column {
		text-align: inherit;
	}
	
	/* Menu - positionning of menu, holders and holders wrapper
	-------------------------------------------------------------- */
	/* Remove floating of the menu container */
	.header-regular .hp-blocks-holder--stacked .nav-container {
		float: none;
	}

	/* Remove floating of the menu */
	.header-regular .hp-blocks-holder--stacked .navi {
		float: none;
	}

	/* Logo
	-------------------------------------------------------------- */
	.header-regular .hp-blocks-holder--stacked .logo-wrapper {
		text-align: center;
	}
	.header-regular .hp-blocks-holder--stacked .logo-wrapper .logo {
		max-width: 60%;
		margin-left: auto; /* Margins "auto" not needed. Left in case custom CSS removes "display:inline-block" from the ".logo" element. */
		margin-right: auto;
	}
		
	/* Search
	-------------------------------------------------------------- */
	.header-regular .hp-blocks-holder--stacked .search-wrapper {
		float: none;
		max-width: 440px;
		margin: 10px auto; /* Add space above and below search box */
	}

}



/* Sticky header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.sticky-header .sticky-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1000;
	background-color: #fff;
}

/* Reset selected styles of the menu bar in sticky header
-------------------------------------------------------------- */
/* Remove additional padding above and below the menu container */
.sticky-header .nav-container {
	padding-top: 0;
	padding-bottom: 0;
}
/* Remove background color and vertical padding (they work as an outline of the menu bar) from the nav container */
.sticky-header .nav-container .nav {
	background-color: transparent;
	padding-top: 0;
	padding-bottom: 0;	
}

/* Remove shadow from the menu bar wrapper and from the menu bar container */
.sticky-header .nav-container .nav,
.sticky-header .nav-container .navi-wrapper,
.sticky-header .nav-container .navi:not(.nav-vert) {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/* Category labels
-------------------------------------------------------------- */
/* Make top-level category labels invisible */
.sticky-header .nav-regular .nav-item.level0 > a .cat-label {
	display: none;
}
/* Alternatively, we can make the labels smaller */
/*.sticky-header .nav-regular .nav-item.level0 > a .cat-label {
	font-size: 11px;
	line-height: 15px;
	padding: 0 4px;
	top: 2px;
}
.sticky-header .nav-regular .nav-item.level0 > a .pin-bottom:before { display: none; }*/

/* Full width content 
-------------------------------------------------------------- */
.sticky-header .sticky-container--full-width .container {
	/* Stretch the container to take all available space */
	max-width: none;
	width: 100%;
}
.sticky-header .sticky-container--full-width .inner-container {
	padding-left: 0;
	padding-right: 0;
}

/* Hide selected elements
-------------------------------------------------------------- */
/* Text label of the dropdown when inside sticky header */
.sticky-header .nav-holder .dropdown-heading .label {
	display: none;
}

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=7394ffa92e392d0b625ad11d3617ceea)
 * Config saved to config.json and https://gist.github.com/7394ffa92e392d0b625ad11d3617ceea
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Ultimo theme:
 * This is custom build of Bootstrap, only these components were compiled:
 * "Grid system" (grid.less) and "Responsive utilities" (responsive-utilities.less).
 * We removed the styles from normalize.css (github.com/necolas/normalize.css) 
 * which are by default added at the beginning of Bootstrap CSS.
 */

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

/*
 * Grid system
 */



/* Override Bootstrap styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Remove side padding from grid containers */
.container {
    padding-left: 0;
    padding-right: 0;
}

/* Set box sizing of all Bootstrap grid units */
[class*="col-"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/**
 * Rows in Bootstrap grid are outdented (with negative margin). It's so that
 * content within grid columns is lined up with non-grid content.
 * But sometimes (e.g. on CMS pages) we may need a row with no outdent 
 * so that edges of grid columns are lined up with non-grid content.
 * We can force this behavior with additional class.
 */
.row.no-outdent {
    margin-left: 0;
    margin-right: 0;
}

/**
 * Remove gutter (gaps between column content created via side padding)
 * from selected grid units.
 */
.no-gutter {
    padding-left: 0;
    padding-right: 0;
}



/* Infortis 12-column grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Grid units
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,
.grid-full, /* Alias for full-width unit */

/* Special grid units */
.grid-col2-sidebar,
.grid-col2-main
{ 
    /*position:relative;*/
    display:inline;
    float:left;
    margin-left:1%;
    margin-right:1%;
}

/* Basic grid units width */
.grid12-1   { width:6.33%; }
.grid12-2   { width:14.66%; }
.grid12-3   { width:23%; }
.grid12-4   { width:31.33%; }
.grid12-5   { width:39.67%; }
.grid12-6   { width:48%; }
.grid12-7   { width:56.33%; }
.grid12-8   { width:64.67%; }
.grid12-9   { width:73%; }
.grid12-10  { width:81.33%; }
.grid12-11  { width:89.67%; }
.grid12-12,
.grid-full  { width:98%; }

/* Grid units without left gutter (margin) */
.no-left-gutter.grid12-1    { margin-left:0; width:7.33%; }
.no-left-gutter.grid12-2    { margin-left:0; width:15.66%; }
.no-left-gutter.grid12-3    { margin-left:0; width:24%; }
.no-left-gutter.grid12-4    { margin-left:0; width:32.33%; }
.no-left-gutter.grid12-5    { margin-left:0; width:40.67%; }
.no-left-gutter.grid12-6    { margin-left:0; width:49%; }
.no-left-gutter.grid12-7    { margin-left:0; width:57.33%; }
.no-left-gutter.grid12-8    { margin-left:0; width:65.67%; }
.no-left-gutter.grid12-9    { margin-left:0; width:74%; }
.no-left-gutter.grid12-10   { margin-left:0; width:82.33%; }
.no-left-gutter.grid12-11   { margin-left:0; width:90.67%; }
.no-left-gutter.grid12-12,
.no-left-gutter.grid-full   { margin-left:0; width:99%; }

/* Grid units without right gutter (margin) */
.no-right-gutter.grid12-1   { margin-right:0; width:7.33%; }
.no-right-gutter.grid12-2   { margin-right:0; width:15.66%; }
.no-right-gutter.grid12-3   { margin-right:0; width:24%; }
.no-right-gutter.grid12-4   { margin-right:0; width:32.33%; }
.no-right-gutter.grid12-5   { margin-right:0; width:40.67%; }
.no-right-gutter.grid12-6   { margin-right:0; width:49%; }
.no-right-gutter.grid12-7   { margin-right:0; width:57.33%; }
.no-right-gutter.grid12-8   { margin-right:0; width:65.67%; }
.no-right-gutter.grid12-9   { margin-right:0; width:74%; }
.no-right-gutter.grid12-10  { margin-right:0; width:82.33%; }
.no-right-gutter.grid12-11  { margin-right:0; width:90.67%; }
.no-right-gutter.grid12-12,
.no-right-gutter.grid-full  { margin-right:0; width:99%; }

/* Grid units without any gutter (margin) */
.no-gutter.grid12-1     { margin-left:0; margin-right:0; width:8.33%; }
.no-gutter.grid12-2     { margin-left:0; margin-right:0; width:16.66%; }
.no-gutter.grid12-3     { margin-left:0; margin-right:0; width:25%; }
.no-gutter.grid12-4     { margin-left:0; margin-right:0; width:33.33%; }
.no-gutter.grid12-5     { margin-left:0; margin-right:0; width:41.67%; }
.no-gutter.grid12-6     { margin-left:0; margin-right:0; width:50%; }
.no-gutter.grid12-7     { margin-left:0; margin-right:0; width:58.33%; }
.no-gutter.grid12-8     { margin-left:0; margin-right:0; width:66.67%; }
.no-gutter.grid12-9     { margin-left:0; margin-right:0; width:75%; }
.no-gutter.grid12-10    { margin-left:0; margin-right:0; width:83.33%; }
.no-gutter.grid12-11    { margin-left:0; margin-right:0; width:91.67%; }
.no-gutter.grid12-12,
.no-gutter.grid-full    { margin-left:0; margin-right:0; width:100%; }

/* Special grid units: basic structure of pages with 1 and 2 sidebars
-------------------------------------------------------------- */
/* 2 columns: 
   sidebar unit (fixed-width) and main unit (fluid).
   Sidebar unit has the same width for all viewports above 1280px.
   Width of the main unit is fluid.
*/
.grid-col2-sidebar  { width:23%; }
.grid-col2-main     { width:73%; }

.no-gutter.grid-col2-sidebar    { margin-left:0; margin-right:0; width:25%; }
.no-gutter.grid-col2-main       { margin-left:0; margin-right:0; width:75%; }

/* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */
.grid-col3-sidebar  { width:31.52%; }
.grid-col3-main     { width:65.90%; }

.no-gutter.grid-col3-sidebar    { margin-left:0; margin-right:0; width:31.52%; }
.no-gutter.grid-col3-main       { margin-left:0; margin-right:0; width:65.90%; }


/* New 2 and 3 columns layout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/*  Required initial styles
-------------------------------------------------------------- */
.columns .column-main {
    padding-left: 0;
    padding-right: 0;
    min-height: 370px;
}
.columns .sidebar-main {
    padding-right: 2%;
}
.columns .sidebar-additional {
    padding-left: 2%;
    clear: right;
}

.columns .column-main,
.columns .sidebar-main,
.columns .sidebar-additional {
    box-sizing: border-box;
}

/* Remove column inner margin */
.columns .sidebar-main > * {
    margin-right: 0;
}
.columns .sidebar-additional > * {
    margin-left: 0;
}

/* Basic column styles
-------------------------------------------------------------- */
.columns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;

    box-sizing: border-box;
}
.columns .column-main {
    -webkit-flex-grow: 1;
    flex-grow: 1;

    -webkit-flex-basis: 100%;
    flex-basis: 100%;

    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
.columns .sidebar-main {
    -webkit-flex-grow: 1;
    flex-grow: 1;

    -webkit-flex-basis: 100%;
    flex-basis: 100%;

    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
.columns .sidebar-additional {
    -webkit-flex-grow: 1;
    flex-grow: 1;

    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

/* 3 columns
-------------------------------------------------------------- */
.page-layout-3columns .column-main {
    width: 66.66666667%;
    display: inline-block;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.page-layout-3columns .sidebar-main {
    width: 16.66666667%;
    float: left;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
.page-layout-3columns .sidebar-additional {
    width: 16.66666667%;
    float: right;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
}

/* 2 columns - left
-------------------------------------------------------------- */
.page-layout-2columns-left .column-main {
    width: 79.16666667%;
    float: right;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}
.page-layout-2columns-left .sidebar-main {
    width: 20.83333333%;
    float: left;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
.page-layout-2columns-left .sidebar-additional {
    width: 20.83333333%;
    float: right;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

/* Additional sidebar goes left - adjust padding */
.page-layout-2columns-left .sidebar-additional {
    padding-right: 2%;
    padding-left: 0;
    clear: left;
    float: left;
}

/* 2 columns - right
-------------------------------------------------------------- */
.page-layout-2columns-right .column-main {
    width: 79.16666667%;
    float: left;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
.page-layout-2columns-right .sidebar-main {
    width: 20.83333333%;
    float: left;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}
.page-layout-2columns-right .sidebar-additional {
    width: 20.83333333%;
    float: right;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

/* Main sidebar goes right - adjust padding */
.page-layout-2columns-right .sidebar-main {
    padding-right: 0;
    padding-left: 2%;
}

/* Required overrides
-------------------------------------------------------------- */
/* Important: required after other styles to override the display for the columns container */
.columns {
    display: block;
}

/* Additional overrides
-------------------------------------------------------------- */

/* Additional override: main column can't float in 3-column layout */
.page-layout-3columns .column-main {
    float: none;
}


/* Vertically aligned grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.v-grid-container {
    display:table;
    width:100%;
}
.v-grid {
    float:none;
    display:table-cell;
    vertical-align:middle;
}


/* Utility classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */
.alpha { margin-left:0; }
.omega { margin-right:0; }

/* Hide element if screen width is lower than the width specified in the class name */
.hide-below-1680 { display:none !important; }
.hide-below-1440 { display:none !important; }
.hide-below-1360 { display:none !important; }
.hide-below-1280 { display:none !important; }


/* Basic page layout container
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Main container for page content.
   Max width of the page is applied to elements with this class.
-------------------------------------------------------------- */
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

/* Deprecated */
.nested-container {
    width:102%;
    margin-left:-1%;
}

/* Inner container.
   Additional container, horizontal padding is applied to elements with this class.
-------------------------------------------------------------- */
.inner-container {
    padding-left: 15px;
    padding-right: 15px;

    /* Clear floats */
    *zoom: 1;
    clear: both;
}
/* Clear floats */
.inner-container:before,
.inner-container:after { display: table; line-height: 0; content: ""; }
.inner-container:after { clear: both; }

/* Full width container
-------------------------------------------------------------- */
.container.full-width {
    width: 100%;
    max-width: none;
}

/* Expanded container (without inner side padding)
-------------------------------------------------------------- */
.container.no-side-padding > .inner-container
{
    padding-left: 0;
    padding-right: 0;
}


/* Grid units containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Grid units container:
   clears floats (place grid units inside "div" with this class)
-------------------------------------------------------------- */
.grid-container { *zoom: 1; clear: both; }
.grid-container:before,
.grid-container:after { display: table; line-height: 0; content: ""; }
.grid-container:after { clear: both; }

/* Grid unit container:
   clears floats and adds vertical margin between units
-------------------------------------------------------------- */
.grid-container-spaced { *zoom: 1; clear: both; }
.grid-container-spaced:before,
.grid-container-spaced:after { display: table; line-height: 0; content: ""; }
.grid-container-spaced:after { clear: both; }
.grid-container-spaced .grid12-1,
.grid-container-spaced .grid12-2,
.grid-container-spaced .grid12-3,
.grid-container-spaced .grid12-4,
.grid-container-spaced .grid12-5,
.grid-container-spaced .grid12-6,
.grid-container-spaced .grid12-7,
.grid-container-spaced .grid12-8,
.grid-container-spaced .grid12-9,
.grid-container-spaced .grid12-10,
.grid-container-spaced .grid12-11,
.grid-container-spaced .grid12-12,
.grid-container-spaced .grid-full
{
    margin-bottom: 2%;
}

/* Grid presentation
-------------------------------------------------------------- */
.show-grid [class*="grid12-"] {
    background-color: #eee;
    text-align: center;
    min-height: 40px;
    line-height: 40px;
    transition:         all 300ms ease-in-out;
    -moz-transition:    all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition:      all 300ms ease-in-out;
}
.show-grid [class*="grid12-"]:hover {
    background-color: #F08080;
}

/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2025-06-25 13:42:22 */








body,
input, select, textarea, button {
    font-size: 13px;
}

body {
            color: #333333;
    
    }

a
{
            color: #008080;
    }
a:hover,
.sideacco li.current > a,
h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
h6.product-name a:hover,
strong.product-name a:hover,
p.product-name a:hover
{
            color: #000000;
    }


.button
{
    background-color: #c8c8c8;
    color: #000000;
}
.button:hover,
.button:focus
{
    background-color: #a5a5a5;
    color: #000000;
}

.product-view .btn-cart,
.btn-checkout
{
    background-color: #008080;
    color: #ffffff;
}
.product-view .btn-cart:hover,
.btn-checkout:hover
{
    background-color: #a5a5a5;
    color: #000000;
}


.links > li > a:hover {
            background-color: #008080;
                color: #ffffff;
    }


.sticker.new {
    background-color: #008080;
    color: #ffffff;
}
.sticker.sale {
    background-color: #800000;
    color: #ffffff;
}



.price-box .price, /* All prices in price-box */
.price-as-configured .price /* Bundle product - final price on product page */
{
    color: #008080;
}

.special-price .price,
.special-price .price-label,
.minimal-price-link .price
{
    color: #ee001c !important;
}

.price-notice .price,
.old-price,
.price-box .old-price .price,
#map-popup-msrp, /* MSRP prices */
.map-popup-msrp .price
{
    color: #aaa;
}

.additional-bg-color,
.block-layered-nav .currently,
.block-layered-nav .actions,
.cart .totals,
.checkout-agreements li
{
    background-color: #f5f5f5;
}

.skip-link .count {
    background-color: #cc0000;
}


/* Custom content class */
.main-font,

/* Headings */
h1, h2, h3, h4, h5,
.section-title,
.products-list .product-name,
/* .products-grid .product-name, */
h3.product-name, /*TODO:remove*/
.block-layered-nav .block-subtitle--filter, /* Filters */

/* Generic  */
.feature .heading,
.accordion .heading,

/* Mobile header skip links */
.header-mobile .skip-link .label,

/* Mobile header account links */
.header-mobile .account-links a,

/* Block headings */
.block .block-title,

/* Checkout headings */
#opc-login h3,

/* Multiple checkout */
/*.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend,*/

/* Account */
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2,

/* Product page */
.product-view .box-reviews .heading,
.gen-tabs .tabs a,
.gen-tabs .acctab,

/* Footer headings */
.footer .heading,
#subscribe-form label,

/* Captions */
.caption .heading
{
            font-family: Gotham, georgia, serif;
    
    }










/* Toolbar */
.sorter .view-mode a,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages a,
.pager .pages .current,

/* Add-to links */
.add-to-links .ic,

/* Slider arrows */
.slider-arrows1 .owl-controls .owl-buttons div,
.slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover,
.slider-arrows2 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover,

/* Slider pagination */
.slider-pagination1 .owl-controls .owl-page span,
.slider-pagination2 .owl-controls .owl-page span,

/* Accordion and collapsible: opener */
.accordion-style1 .opener,
.collapsible .opener,

/* Quantity button */
.qty-button,

/* Scroll to top */
#scroll-to-top
{
    background-color: #f5f5f5;
    color: #333333;
}



/* Toolbar */
.sorter .view-mode a:hover,
.sorter .sort-by .category-asc:hover,
.sorter .sort-by .category-desc:hover,
.pager .pages li a:hover,

/* Add-to links */
.add-to-links .ic:hover,
.add-to-links .feature-icon-hover:hover .ic,

/* Slider arrows */
.slider-arrows1 .owl-controls.clickable .owl-buttons div:hover,
.slider-arrows2 .owl-controls.clickable .owl-buttons div:hover,
.slider-arrows3 .owl-controls.clickable .owl-buttons div:hover,

/* Slider pagination */
.slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.slider-pagination2 .owl-controls.clickable .owl-page:hover span,

/* Accordion and collapsible: opener */
.accordion-style1 .opener:hover,
.collapsible .opener:hover,

/* Quantity button */
.qty-button:hover,

/* Scroll to top */
#scroll-to-top:hover
{
    background-color: #333333;
    color: #ffffff;
}



/* Slider pagination */
.slider-pagination1 .owl-controls           .owl-page.active span,
.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */
.slider-pagination2 .owl-controls           .owl-page.active span,
.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */

.sorter .view-mode span.grid,
.sorter .view-mode span.list,
.pager .pages .current
{
    background-color: #e5e5e5;
    color: #333333;
}


.ib {
    background-color: #008080;
    color: #ffffff;
}

.ib-hover:hover,
.feature-icon-hover:hover .ib,

/* For backward compatibility: */
.icon-hover:hover,
.feature-icon-hover:hover > span.icon
{
    background-color: #333333 !important;
    color: #ffffff !important;
}


.ib.icon-color-productview,
span.icon.icon-color-productview {
    background-color: #e5e5e5;

            color: #333333;
    }
.ib-hover.icon-color-productview:hover,
.feature-icon-hover:hover .ib.icon-color-productview,
.feature-icon-hover:hover span.icon.icon-color-productview {
    background-color: #333333 !important;

            color: #ffffff !important;
    }



.wrapper
{
                border-top-color: #008080;
    
        
    }



.inner-container {
    padding-left: 12px;
    padding-right: 12px;
}
















.header-container
{
    
    }
.header
{
        
            color: #333333;
    }
.header a {
            color: #333333;
    }
.header a:hover {
            color: #008080;
    }

.header-container3
{
    
    }



.form-search .input-text
{
    background-color: #fafafa;
    border-color: #dddddd;
}
.form-search .input-text:hover,
.form-search .input-text:focus
{
    background-color: #ffffff;
    border-color: #888888;
}

.form-search .input-text,
.form-search .button {
            color: #333333;
    }
.form-search .input-text:hover,
.form-search .input-text:focus,
.form-search .input-text:hover + .button,
.form-search .button:hover {
            color: #333333;
    }






.header-container .dropdown .dropdown-content,
.header-container .dropdown.open > .dropdown-heading.cover > *,
.header-container .truncated .truncated_full_value .item-options,
.header-container .form-search .search-autocomplete
{
            background-color: #ffffff;
        
            color: #333333;     }

.header-container .dropdown .dropdown-content a,
.header-container .dropdown.open > .dropdown-heading.cover a
{
            color: #333333;
    }
.header-container .dropdown .dropdown-content a:hover,
.header-container .dropdown.open > .dropdown-heading.cover a:hover
{
            color: #008080;
    }




.header-top-container
{
    
            padding-top: 6px;
                padding-bottom: 6px;
    }
.header-top
{
        
            color: #333333;
    
        }
.header-top a
{
            color: #333333;
    }
.header-top a:hover
{
            color: #008080;
    }


.header-top,
.header-top .dropdown .dropdown-heading,
.header-top .links > li > a,
.header-top .links > li.separator
{
    line-height: 28px;
}
.header-top .dropdown .dropdown-heading
{
    max-height: 28px;
} 




.header-primary-container
{
    
        }
.header-primary
{
    
    
        }

.header-primary .dropdown .dropdown-heading,
.header-primary .links > li > a
{
    font-size: 13px;
    line-height: 32px;
}
.header-primary .dropdown .dropdown-heading
{
    max-height: 32px;
} 






.cat-label-label1 {
            background-color: #008080;
                color: #ffffff;
    }
.cat-label-label2 {
            background-color: #800000;
                color: #ffffff;
    }


li.level0 > a > span > .cat-label-label1.pin-bottom:before {
            border-top-color: #008080;
    }
li.level0 > a > span > .cat-label-label2.pin-bottom:before {
            border-top-color: #800000;
    }


li > a:hover > span > .cat-label,
.nav-regular li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */
{
            background-color: #555555;
                color: #ffffff;
    }
li.level0 > a:hover > span > .pin-bottom:before,
.nav-regular li.level0:hover > a > span > .pin-bottom:before
{
            border-top-color: #555555;
    }


.navi .nav-panel--dropdown
{
            background-color: #ffffff;
        
            color: #333333;
    }

.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div
{
            background-color: #ffffff !important;
    }

    .nav-regular .nav-panel--dropdown .nav-item > a:hover
    {
        background-color: #f5f5f5;
    }



.navi .nav-panel--dropdown a
{
            color: #333333;
    }
.navi .nav-panel--dropdown a:hover
{
            color: #008080;
    }

.navi .nav-panel--dropdown a .caret
{
            border-left-color: #333333;
        border-right-color: #333333;
    }
.navi .nav-panel--dropdown a:hover .caret
{
            border-left-color: #008080;
        border-right-color: #008080;
    }




.nav-regular .nav-panel--dropdown
{
    -moz-box-shadow:0 3px 10px rgba(0,0,0, 0.15);
    -webkit-box-shadow:0 3px 10px rgba(0,0,0, 0.15);
    box-shadow:0 3px 10px rgba(0,0,0, 0.15);
}


.nav-mobile div.nav-panel--dropdown,

.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div
{
    -moz-box-shadow:    0 3px 10px rgba(0,0,0, 0.15);
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
    box-shadow:         0 3px 10px rgba(0,0,0, 0.15);

        z-index: 1;
    position: relative;
}
.nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown
{
    -moz-box-shadow:none; 
    -webkit-box-shadow:none; 
    box-shadow:none;
}




.nav-container 
{
            background-color: #f5f5f5;
    
        }

@media only screen and (min-width: 1441px) {
    .nav-container
    {
        background-color: transparent;
    }
}

.nav
{
        
        }





    .sticky-header .nav-container,     .sticky-header .navi-wrapper,     .sticky-header .nav-regular:not(.nav-vert)     {
        background-color: #ffffff;
    }

    .sticky-header .nav-regular:not(.nav-vert) .nav-item.level0 > a,
    .sticky-header .nav-regular .nav-item--homeicon a,     .sticky-header .nav-regular .nav-item--homeicon.active a,     .sticky-header .nav-holder .dropdown .dropdown-heading
    {
        color: #333333;
    }


    .sticky-header .nav-border-bottom
    {
        border-bottom: none;
    }




    
                .navi-wrapper,
        .nav-regular
        {
            background-color: #f5f5f5;
        }

        .nav-regular:not(.nav-vert) .nav-item.level0 > a,

                .navi .nav-item--homeicon a,

                .nav-holder .dropdown .dropdown-heading,

                .nav-regular .nav-holder a.dropdown-heading:hover
        {
            color: #333333;
        }

    
                .nav-mobile .nav-item.level0 > a
        {
            background-color: #f5f5f5;
            color: #333333;
        }
        .nav-mobile .nav-item.level0 > .opener
        {
            color: #333333;
        }

                        .navi.nav-mobile ul.level0 .nav-item > a
        {
            background-color: #f5f5f5;
            color: #333333;
        }
        .nav-mobile ul.level0 .nav-item > .opener
        {
            color: #333333;
        }


    
                .nav-regular:not(.nav-vert) .nav-item.level0.active > a
        {
            position: relative;
            background-color: #ffffff;
            color: #333333;
            border: solid 1px #e5e5e5;
            border-bottom: none;
            border-top-right-radius: 2px;
            border-top-left-radius: 2px;
            padding-top: 3px;
            margin-top: -4px;
        }

        .nav-regular:not(.nav-vert) .nav-item.level0.active > a:after {
            position: absolute;
            content: "";
            width: 100%;
            bottom: -1px;
            background-color: white;
            height: 1px;
            left: 0;
        }

    
                .nav-mobile .nav-item.level0.current > a
        {
            background-color: #333333;
            color: #ffffff;
        }
        .nav-mobile .nav-item.level0.current > .opener
        {
            color: #ffffff;
        }

                        .navi.nav-mobile ul.level0 .nav-item.current > a
        {
            background-color: #333333;
            color: #ffffff;
        }
        .nav-mobile ul.level0 .nav-item.current > .opener
        {
            color: #ffffff;
        }


    
                .nav-regular:not(.nav-vert) .nav-item.level0:hover > a
        {
            background-color: #008080;
            color: #ffffff;
        }

    
                .nav-mobile .nav-item.level0 > a:hover
        {
            background-color: #008080;
            color: #ffffff;
        }
        .nav-mobile .nav-item.level0 > a:hover + .opener
        {
            color: #ffffff;
        }

                        .navi.nav-mobile ul.level0 .nav-item > a:hover
        {
            background-color: #008080;
            color: #ffffff;
        }
        .nav-mobile ul.level0 .nav-item > a:hover + .opener
        {
            color: #ffffff;
        }




    .nav-vert .nav-item.level0 > a
    {
        background-color: #f8f8f8;
        color: #333333;
    }

    
    .sideacco .nav-item > a
    {
        background-color: #f8f8f8;
        color: #333333;
    }
    .sideacco .nav-item > .opener
    {
        color: #333333;
    }


    .nav-vert .nav-item.level0.active > a
    {
        background-color: #333333;
        color: #f5f5f5;
    }

    
    .sideacco .nav-item.current > a
    {
        background-color: #333333;
        color: #f5f5f5;
    }
    .sideacco .nav-item.current > .opener
    {
        color: #f5f5f5;
    }


    .nav-vert .nav-item.level0:hover > a
    {
        background-color: #008080;
        color: #ffffff;
    }

    
        .sideacco .nav-item > a:hover
    {
        background-color: #008080;
        color: #ffffff;
    }
    .sideacco .nav-item > a:hover + .opener
    {
        color: #ffffff;
    }
    


.navi.nav-vert-triggerable
{
    -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
    box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
}




        .navi-wrapper .menu-trigger, /* TODO:NEW */
    .nav-regular .nav-item.level0 > a {
        line-height: 48px;
    }

        .navi-wrapper .navi.nav-vert-triggerable /* TODO:NEW. Replace the old one (below) */

    /* , .navi.nav-vert-triggerable */

    {
        top: 48px;
    }

    
    .nav-holder > * {
        line-height: 48px;
        max-height: 48px;
    }

    .nav-holder .dropdown .dropdown-heading {
        line-height: 48px;
        max-height: 48px;
    }





    .menu-trigger,
    .nav-vert .nav-item.level0 > a
    {
        line-height: 28px;
    }

        .vertnav-trigger + .navi.nav-vert-triggerable {
        top: 28px;
    }

    
    .sideacco .nav-item > a
    {
        line-height: 28px;
    }
    .sideacco .nav-item.parent > a
    {
                padding-right: 28px;
    }
    .sideacco .nav-item > .opener
    {
        width: 28px;
        height: 28px;
    }




        .nav-mobile .nav-item { margin-top: 1px !important; }
    .nav-mobile { background-color: #333333; }





.menu-trigger .menu-trigger-inner
{
    background-color: #f5f5f5;
    color: #333333;
}

.menu-trigger .menu-trigger-inner:hover
{
    background-color: #008080;
    color: #ffffff;
}

.menu-trigger.active .menu-trigger-inner
{
    background-color: #008080;
    color: #ffffff;
}


.vertnav-trigger .menu-trigger-inner
{
            background-color: #f7f7f7;
    
            color: #333333;
    }





    
        
                        .vertnav-trigger,
            .nav-regular .nav-item.level0 > a,

                        .nav-holder .dropdown .dropdown-heading
            {
                                    font-size:12px;
                
                                    text-transform:uppercase;
                            }

                                        .nav-regular .nav-item > a
                {
                    font-size:13px;
                }
            
        
                                        .nav-regular .nav-submenu--mega .nav-item > a
                {
                    font-size:13px;
                }
            
                        .nav-regular .nav-submenu--mega > .nav-item > a
            {
                                    font-size:13px;
                
                                    text-transform:uppercase;
                            }
            

    
                            .nav-mobile li.nav-item > a
            {
                font-size:14px;
            }
        
                .mobnav-trigger,
        #ml-sidemenu #ml-1 a
        {
                            font-size:16px;
            
                            text-transform: none;
                    }

                #ml-sidemenu *[id^="ml-"].ml-panel:not(#ml-1) a:not(.ml-navtitle)
        {
                            font-size:16px;
            
                            text-transform: none;
                    }



    @media only screen and (min-width: 1024px) and (max-width: 1279px) {

        /* Menu */
        .nav-regular:not(.nav-vert) .nav-item.level0 > a,
        .nav-regular .nav-holder .dropdown-heading
        {
                    }
        .nav-regular:not(.nav-vert) .nav-item.level0 > a {
            padding: 0 6px;
        }

    }

    @media only screen and (min-width: 960px) and (max-width: 1023px) {

        /* Menu */
        .nav-regular:not(.nav-vert) .nav-item.level0 > a,
        .nav-regular .nav-holder .dropdown-heading
        {
                    }
        .nav-regular:not(.nav-vert) .nav-item.level0 > a {
            padding: 0 4px;
        }

    }

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

        /* Menu */
        .nav-regular:not(.nav-vert) .nav-item.level0 > a,
        .nav-regular .nav-holder .dropdown-heading
        {
                    }
        .nav-regular:not(.nav-vert) .nav-item.level0 > a {
            padding: 0 3px;
        }

    }





.header-mobile.header-container, .header-mobile .header-m-container,
.header-mobile .header-top-container,
.header-mobile .header-top-container .header-top,
.header-mobile .header-primary-container,
.header-mobile .header-primary-container .header-primary,
.header-mobile .nav-container
{
            background-color: #fafafa;
    
    padding-top: 0;
    padding-bottom: 0;
}

.header-mobile .header-m-top,
.header-mobile .header-m-primary,
.header-mobile .header-top,
.header-mobile .header-primary,
.header-mobile .nav
{
    }

.header-mobile .header-container3
{
    
    }





.header-mobile .skip-link
{
            background-color: #fafafa;
                color: #333333;
    }
.header-mobile .skip-link.skip-active
{
            background-color: #f5f5f5;
                color: #008080;
    }
.header-mobile .skip-link:hover {
                color: #008080;
    }

.header-mobile .skip-content--style
{
            background-color: #f5f5f5;
    
            color: #333333;
    }
.header-mobile .skip-content--style:before
{
            background-color: #f5f5f5;
    }
.header-mobile .skip-content--style:after
{
            background-color: #f5f5f5;
    }
.header-mobile .skip-content--style a
{
            color: #333333;
    }
.header-mobile .skip-content--style a:hover
{
            color: #008080;
    }


.header-mobile .account-links .links > li > a
{
    background-color: #f5f5f5;
    color: #333333;

            font-size:16px;
    
            text-transform: none;
    }
.header-mobile .account-links .links > li > a.active
{
    background-color: #333333;
    color: #ffffff;
}
.header-mobile .account-links .links > li > a:hover
{
    background-color: #008080;
    color: #ffffff;
}



.main-container
{
    
        }
.main
{
            background-color: #ffffff;
    
        }

.truncated .item-options
{
    background-color: #ffffff;
}





.category-products-grid .item,
.products-list .item
{
    }
.category-products-grid .item:hover,
.products-list .item:hover
{
    }





.gen-tabs .tabs
{
            background-color: transparent;
    }

.gen-tabs .tabs a
{
    background-color: #eeeeee;
    color: #333333;
}

.gen-tabs .tabs a:hover
/*, .gen-tabs .tabs a:focus */
{
    background-color: #e5e5e5;
    color: #333333;

        border-color: #e5e5e5;
    border-bottom-color: transparent;
}

.gen-tabs .tabs a.current
{
    background-color: #333333;
    color: #ffffff;
}


.gen-tabs .tabs-panels
{
    background-color: #ffffff;
    border-top-color: #e5e5e5;
}
.gen-tabs .tabs a.current
{
        border-color: #e5e5e5;
    border-bottom-color: transparent;
}
.gen-tabs .tabs a.current:hover
{
        border-bottom-color: transparent;
}
.catalog-product-view .gen-tabs .tabs a.current
{
    background-color: #ffffff;
    color: #333333;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
.catalog-product-view .gen-tabs .tabs-panels
{
    padding: 20px;
    margin-bottom: 25px;
    border: solid 1px #e5e5e5;
}



.gen-tabs .acctab
{
    background-color: #f5f5f5;
    color: #333333;

    border-color: #e5e5e5;

            padding-left: 0.5em;
        padding-right: 0.5em;
    }

.gen-tabs .acctab:hover,
.gen-tabs .acctab:focus,
.gen-tabs .acctab.current {
    background-color: #e5e5e5;
    color: #333333;
}

.catalog-product-view .gen-tabs.accor .tabs-panels
{
    padding: 0;
    border: none;
    margin-bottom: 0;
}




/* Slider arrows */
.the-slideshow .owl-controls .owl-buttons div,

/* Slider pagination */
.the-slideshow.slider-pagination1 .owl-controls .owl-page span,

/* For pagination2 default color overrides color of active state and hover state */
.the-slideshow.slider-pagination2 .owl-controls .owl-page span,
.the-slideshow.slider-pagination2 .owl-controls             .owl-page.active span,
.the-slideshow.slider-pagination2 .owl-controls.clickable   .owl-page.active:hover span 
{
    background-color: #ffffff;
    color: #333333;
}


/* Slider arrows */
.the-slideshow .owl-controls.clickable .owl-buttons div:hover,

/* Slider pagination */
.the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page:hover span
{
    background-color: #000000;
    color: #ffffff;
}


.the-slideshow.slider-pagination1 .owl-controls             .owl-page.active span,
.the-slideshow.slider-pagination1 .owl-controls.clickable   .owl-page.active:hover span /* Active state overrides hover state */
{
    background-color: #de2666;
        }




.footer a
{
            color: #008080;
    }
.footer a:hover
{
            color: #008080;
    }


.footer .button
{
    background-color: ;
    color: ;
}
.footer .button:hover,
.footer .button:focus
{
    background-color: ;
    color: ;
}


/* Slider arrows */
.footer .slider-arrows1 .owl-controls .owl-buttons div,
.footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover,
.footer .slider-arrows2 .owl-controls .owl-buttons div,
.footer .slider-arrows3 .owl-controls .owl-buttons div,
.footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover,

/* Slider pagination */
.footer .slider-pagination1 .owl-controls .owl-page span,
.footer .slider-pagination2 .owl-controls .owl-page span,

/* Accordion and collapsible: opener */
.footer .accordion-style1 .opener,
.footer .collapsible .opener
{
    background-color: #f5f5f5;
    color: #333333;
}

/* Slider arrows */
.footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover,
.footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover,
.footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover,

/* Slider pagination */
.footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span,

/* Accordion and collapsible: opener */
.footer .accordion-style1 .opener:hover,
.footer .collapsible .opener:hover
{
    background-color: #008080;
    color: #ffffff;
}


.footer-top-container
{
    
        }
.footer-top
{
        
            color: #333333;
    
        }
.footer-top a
{
            color: #333333;
    }
.footer-top a:hover
{
            color: #008080;
    }


.footer-primary-container
{
            background-color: #ffffff;
        
        }
.footer-primary
{
            background-color: #ffffff;
        
            color: #333333;
    
            padding-top: 20px;
                padding-bottom: 20px;
    }
.footer-primary a
{
            color: #333333;
    }
.footer-primary a:hover
{
            color: #008080;
    }


.footer-secondary-container
{
    
        }
.footer-secondary
{
        
            color: #333333;
    
        }
.footer-secondary a
{
            color: #333333;
    }
.footer-secondary a:hover
{
            color: #008080;
    }





/* Sticky header */
.sticky-header .sticky-container,

/* Dropdowns */
.dropdown.open > .dropdown-heading.cover,
.dropdown.open .dropdown-content,

/* Mini cart options */
.truncated .truncated_full_value .item-options,

/* Pop-ups */
.remember-me-popup,
.map-popup,
#subscribe-form .input-box .validation-advice
{
    -moz-box-shadow:    0 3px 10px rgba(0,0,0, 0.15);
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15);
    box-shadow:         0 3px 10px rgba(0,0,0, 0.15);
}

/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2025-06-25 13:42:22 */
/* w:1440, b:1440*/









                .container { width: 96%; }
    
                .lte-ie8 .container { max-width:1440px; }
    




    
        




            




        




        
    @media only screen and (min-width: 1440px)     {

        
                            .container { max-width: 1440px; }
            
        
                /* Special grid units */
        .grid-col2-sidebar  { width: 17.75%; }
        .grid-col2-main     { width: 78.24%; }

        .no-gutter.grid-col2-sidebar    { width: 19.75%; }
        .no-gutter.grid-col2-main       { width: 80.24%; }

        .grid-col3-sidebar      { width:22.68%; }
        .grid-col3-main         { width:74.90%; }

        .no-gutter.grid-col3-sidebar        { width:22.68%; }
        .no-gutter.grid-col3-main           { width:74.90%; }
        
        /* Hide */
        .hide-below-1440 { display:inherit !important; }
        .hide-below-1360 { display:inherit !important; }
        .hide-below-1280 { display:inherit !important; }
    }

    




        
    @media only screen and (min-width: 1200px) and (max-width: 1439px)     {

        
            
                
                /* Special grid units */
        .grid-col2-sidebar  { width: 20.41%; }
        .grid-col2-main     { width: 75.58%; }

        .no-gutter.grid-col2-sidebar    { width: 22.41%; }
        .no-gutter.grid-col2-main       { width: 77.58%; }

        .grid-col3-sidebar      { width:27.01%; }
        .grid-col3-main         { width:70.34%; }

        .no-gutter.grid-col3-sidebar        { width:27.01%; }
        .no-gutter.grid-col3-main           { width:70.34%; }
        
        /* Hide */
        .hide-below-1280 { display:inherit !important; }
    }

    




    @media only screen and (max-width: 1199px) {
    }





        
    @media only screen and (min-width: 992px) and (max-width: 1199px)     {

        
            
        
    }

    




    @media only screen and (max-width: 991px) {
    }





        
    @media only screen and (min-width: 768px) and (max-width: 991px)     {

        
            
        
        /* 2 columns - left
        -------------------------------------------------------------- */
        .page-layout-2columns-left .column-main {
            width: 75%;
        }
        .page-layout-2columns-left .sidebar-main {
            width: 25%;
        }
        .page-layout-2columns-left .sidebar-additional {
            width: 25%;
        }

        /* 2 columns - right
        -------------------------------------------------------------- */
        .page-layout-2columns-right .column-main {
            width: 75%;
        }
        .page-layout-2columns-right .sidebar-main {
            width: 25%;
        }
        .page-layout-2columns-right .sidebar-additional {
            width: 25%;
        }

        /* 3 columns
        -------------------------------------------------------------- */
        .page-layout-3columns .column-main {
            width: 75%;
            float: right;
        }
        .page-layout-3columns .sidebar-main {
            width: 25%;
            float: left;
        }
        .page-layout-3columns .sidebar-additional {
            width: 25%;
            padding-right: 2%;
            padding-left: 0;
            clear: left;
            float: left;
        }

    }

    




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

        .hide-when-mobile-header { display:none !important; }

    }



    @media only screen and (max-width: 991px)
    {
        .catalog-category-view .columns .column-main,
        .catalog-category-view .columns .sidebar-main,
        .catalog-category-view .columns .sidebar-additional,
        .catalogsearch-result-index .columns .column-main,
        .catalogsearch-result-index .columns .sidebar-main,
        .catalogsearch-result-index .columns .sidebar-additional
        {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
            padding-right: 0;
            padding-left: 0;
        }
    }


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

                .container {
            max-width: none !important;
            width: 100%;
        }
        
                .grid12-1,
        .grid12-2,
        .grid12-3,
        .grid12-4,
        .grid12-5,
        .grid12-6,
        .grid12-7,
        .grid12-8,
        .grid12-9,
        .grid12-10,
        .grid12-11,
        .grid12-12,
        .grid-full,
        
                        .grid-col2-sidebar,
        .grid-col2-main,
        .grid-col3-sidebar,
        .grid-col3-main
        {
            width:100% !important;             margin-left:0;
            margin-right:0;
        }

                .columns .column-main,
        .columns .sidebar-main,
        .columns .sidebar-additional
        {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
            padding-right: 0;
            padding-left: 0;
        }

                .v-grid-container { display:block; }
        .v-grid { float:inherit; display:block; width:100%; }

    }





    @media only screen and (min-width: 480px) and (max-width: 767px) {

                /* Mobile grid (for browser viewport between 480px and 768px):
           Below 768px all grid units are stretched (full width) and stack vertically.
           The "mobile-grid" class forces narrow grid units to stay narrow,
           but the width is increased to avoid too small columns.
        -------------------------------------------------------------- */
        .mobile-grid.grid12-1 { width:14.66% !important;    margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */
        .mobile-grid.grid12-2 { width:31.33% !important;    margin-left:1%; margin-right:1%; } /* 1/6  turns into 1/3 */
        .mobile-grid.grid12-3 { width:48% !important;       margin-left:1%; margin-right:1%; } /* 1/4  turns into 1/2 */
        
        /* Force other grid units to take half of the available width */
        .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; }

    }




    



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

        .hide-below-1024 { display:none !important; }

    }

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

        .hide-below-992 { display:none !important; }

    }

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

        .hide-below-768 { display:none !important; }

    }

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

        .hide-below-480 { display:none !important; }

    }


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

        .hide-below-320 { display:none !important; }

    }


/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * To override or extend default CSS styles use custom.css file (refer to the user guide for details).
 * 2025-06-25 13:42:22 */

/* w:1440, b:1440*/









        




    
        




        




        
    @media only screen and (min-width: 1440px)     {
        /* Misc
        -------------------------------------------------------------- */
        /* Mini cart */
        .after-mini-cart { clear:none; }
        
        /* Item grid
        -------------------------------------------------------------- */
        /* Item grid: 2 columns */
        .itemgrid-adaptive.itemgrid-2col .item { width:23%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(4n+1) { clear:left !important; }
        
        /* Item grid: 3 columns */
        .itemgrid-adaptive.itemgrid-3col .item { width:18%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(5n+1) { clear:left !important; }
        
        /* Item grid: 4 columns */
        .itemgrid-adaptive.itemgrid-4col .item { width:14.6666%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(6n+1) { clear:left !important; }
        
        /* Item grid: 5 columns */
        .itemgrid-adaptive.itemgrid-5col .item { width:12.2857%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(7n+1) { clear:left !important; }
        
        /* Item grid: 6 columns */
        .itemgrid-adaptive.itemgrid-6col .item { width:10.5%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(8n+1) { clear:left !important; }
        
        /* Item grid: 7 columns */
        .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear:left !important; }
        
        /* Cloud zoom
        -------------------------------------------------------------- */
        .itemslider-thumbnails.count-4,
        .itemslider-thumbnails.count-5,
        .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/
        
        /* Direction navigation */
        .itemslider-thumbnails.count-4 .direction-nav { display:none; }
        
        /* Slideshow caption
        -------------------------------------------------------------- */
        .caption .heading { font-size:3.8em; }
        .caption p { font-size:1.8333em; }
        
    }

    




        
    @media only screen and (min-width: 1200px) and (max-width: 1439px)     {
        /* Cart
        -------------------------------------------------------------- */
        .cart-table .product-image { max-width:110px; }
        
        /* Misc
        -------------------------------------------------------------- */
        /* Mini cart */
        .after-mini-cart { clear:none; }
        
        /* Item grid
        -------------------------------------------------------------- */
        /* Item grid: 2 columns */
        .itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) { clear:left !important; }
        
        /* Item grid: 3 columns */
        .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) { clear:left !important; }
        
        /* Item grid: 4 columns */
        .itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) { clear:left !important; }
        
        /* Item grid: 5 columns */
        .itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) { clear:left !important; }
        
        /* Item grid: 6 columns */
        .itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) { clear:left !important; }
        
        /* Item grid: 7 columns */
        .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; }
        .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear:left !important; }
        
        /* Cloud zoom
        -------------------------------------------------------------- */
        .itemslider-thumbnails.count-4,
        .itemslider-thumbnails.count-5,
        .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/
        
        /* Direction navigation */
        .itemslider-thumbnails.count-4 .direction-nav { display:none; }
        
        /* Slideshow caption
        -------------------------------------------------------------- */
        .caption .heading { font-size:3.5em; }
        .caption p { font-size:1.6666em; }

    }

    




    @media only screen and (max-width: 1199px) {
    }





        
    @media only screen and (min-width: 992px) and (max-width: 1199px)     {

        /* Cart
        -------------------------------------------------------------- */
        .cart-table .product-image { max-width:80px; }
    }

    




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

        /* Products view
        -------------------------------------------------------------- */

            /* Product collateral data container
            -------------------------------------------------------------- */

            /* Headings */

            .product-view .box-collateral > h2:first-child,
            .product-view .collateral-block > h2:first-child,
            .product-view .box-collateral .section-title
            {
                font-size: 19px;
            }

        /* Misc
        -------------------------------------------------------------- */
        /* Scroll to top button */
        #scroll-to-top {
            /*display:none !important;*/
            width:40px;
            height:40px;
            line-height:40px;
            font-size:28px;
            bottom:81px;
            right:0;
            border-radius:0;
        }

        /* Hide amount. Note: has to be defined after aligning ".amount" center */
        .toolbar .sorter .amount {
            display:none !important;
        }

        /* Blocks collapsible only on mobile, so icon visible only on mobile */
        .mobile-collapsible .block-title:after,
        .block-layered-nav .block-title:after {
            /* Show only on mobile */
            display: inline-block !important;
        }

        .mobile-collapsible .block-title,
        .block-layered-nav .block-title {
            cursor: pointer;
        }

        .footer .mobile-collapsible .block-title { border-bottom: none; }

        /* Footer
        -------------------------------------------------------------- */

        /* Footer elements - align center */

        .footer .mobile-inline-container { text-align:center; }
        .footer .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; }

        .footer-primary-top-spacing,
        .footer-primary-bottom-spacing,
        .footer-top .links,

        .footer-primary-top-spacing .item,
        .footer-primary-bottom-spacing .item,
        #subscribe-form,
        .footer-top .links li { float:none; display:inline-block; }

        /* Simplify links */
        .footer .links-wrapper-separators .links li a,
        .footer .links-wrapper-separators-left .links li a { background-image:none; }

        /* Copyright - remove space */
        .footer-copyright { margin-left:0;  }

        /* Primary and secondary section: additional inner padding */
        .footer-primary > .grid-full > .section,
        .footer-secondary > .grid-full > .section { padding:15px 10px; }

        /* Footer elements */
        .footer-primary-bottom-spacing .item { width:100%; margin:0; }

        /* Layered navigation
        -------------------------------------------------------------- */

        .block-layered-nav { margin-top: 30px; margin-bottom: 30px; }

        /* Hide main heading of the block */
        .block-layered-nav .block-title { display: none; }
        .block-layered-nav .block-content { font-size: 14px; padding: 0; }
        #narrow-by-list, #narrow-by-list2 { margin: 0 15px; }

        /* Attributes
        -------------------------------------------------------------- */
        .block-layered-nav .block-content > dl > dt {
            padding: 7px 10px 7px 25px;
        }
        .block-layered-nav .block-content > dl > dd {
            display: none;
            padding: 10px 0;
        }

        /* Accordion opened */
        .block-layered-nav .block-content.accordion-open > dl > dt.current:after {
            content: '';
            position: absolute;
            width: 0;
            height: 0;
            display: block;
            border-right: 5px solid transparent;
            border-left: 5px solid transparent;
            border-top: 5px solid #ddd;
            border-bottom: none;
            left: 6px;
            top: 50%;
            margin-top: -3px;
        }
        .block-layered-nav .block-content.accordion-open > dl > dd.current {
            display: block;
        }

        /* Block subtitle
        -------------------------------------------------------------- */
        .block-layered-nav .block-subtitle--filter {
            margin: 0;
            display: block;
        }

        /* Single filter
        -------------------------------------------------------------- */
        .block-layered-nav dl dd ol > li > a,
        .block-layered-nav dl dd ol > li > span {
            position: static;
            padding: 7px 14px;
            margin-bottom: 5px;
        }
        .block-layered-nav dl dd ol > li > a:before {
            display: none; /* Hide on mobile */
        }
        .block-layered-nav dl dd ol > li > a {
            color: inherit;
            padding: 5px 10px;
        }
    }

        
    @media only screen and (min-width: 768px) and (max-width: 991px)     {

        /* Default Magento classes
        -------------------------------------------------------------- */
        .nobr { white-space:normal !important; }
        
        /* Cart
        -------------------------------------------------------------- */
        .cart-table .product-name { font-size: 13px; line-height: 15px; font-family: inherit; }
        .cart-table .product-image { max-width:80px; }
        
        /* Product page
        -------------------------------------------------------------- */
        /* Related - simple */
        .block-related-thumbnails .product-details {
            margin-left:0;
            margin-bottom:10px;
            clear:left;
        }
        
        /* Cloud zoom
        -------------------------------------------------------------- */
        /* Shrink the slider if to many thumbnails */
        .itemslider-thumbnails.count-3,
        .itemslider-thumbnails.count-4,
        .itemslider-thumbnails.count-5,
        .itemslider-thumbnails.count-multi { max-width:158px !important; } /*2*/
        
        /* Direction navigation */
        .itemslider-thumbnails.count-3 .direction-nav,
        .itemslider-thumbnails.count-4 .direction-nav,
        .itemslider-thumbnails.count-5 .direction-nav,
        .itemslider-thumbnails.count-multi .direction-nav { display:block; }

        /* Thumbnails */
        .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; }
        
        /* Slideshow caption
        -------------------------------------------------------------- */
        .caption .heading { font-size:2.0833em; }
        .caption p { font-size:1.1666em; }
        .caption button.button span span {
            height: 35px;
            line-height: 35px;
            padding: 0 15px;
        }

    }

    




@media only screen and (max-width: 767px)
{
    /* Grid and basic layout
    -------------------------------------------------------------- */
    
        /* Margin for basic Magento columns */
        .col-main,
        .col-left,
        .col-right
        {
            margin-bottom:30px;
        }

        /* Remove additional margin for sidebars */
        .col-left > *,
        .col-left .widget-static-block { margin-right: 0; }
        .col-right > *,
        .col-right .widget-static-block { margin-left: 0; }
    
    /* Magento utility classes
    -------------------------------------------------------------- */
    .nobr { white-space:normal !important; }
    
    /* Forms
    -------------------------------------------------------------- */
    .form-list .field,
    .form-list input.input-text,
    .form-list textarea,
    .form-list select,
    .form-list li.wide .input-box,
    .form-list li.wide input.input-text,
    .form-list li.wide textarea,
    .form-list li.wide select { max-width:100%; }
    
    /* Tables
    -------------------------------------------------------------- */
    .data-table thead .nobr { white-space:normal !important; }
    .data-table th,
    .data-table td { padding:5px; }
    
    /* Data tables formatting
    -------------------------------------------------------------- */
    
        /* Basic formatting */
            .cart .data-table thead,
            .my-wishlist .data-table thead,
            .my-account .data-table thead,
            .order-review .data-table thead { display:none; }
            
            .cart .data-table tbody,
            .my-wishlist .data-table tbody,
            .my-account .data-table tbody,
            .order-review .data-table tbody { background:transparent !important; }
            
            .cart .data-table tr,
            .cart .data-table td,
            .my-wishlist .data-table tr,
            .my-wishlist .data-table td,
            .my-account .data-table tr,
            .my-account .data-table td,
            .order-review .data-table tr,
            .order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; }
            
            .cart .data-table tr,
            .my-wishlist .data-table tr,
            .my-account .data-table tr,
            .order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; }
            
        /* Highlight first cell in table footer */
            .my-account .data-table tfoot tr td:first-child,
            .order-review .data-table tfoot tr td:first-child { font-weight:bold; }
    
        /* Show cell label */
            .data-table .cell-label {
                display:inline-block;
                width:30%;
                min-width:100px;
                max-width:140px;
                margin-right:10px;
                font-weight:bold;
            }
    
    /* Header
    -------------------------------------------------------------- */

        /* Global notices
        -------------------------------------------------------------- */
        .global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; }
        .global-site-notice .notice-inner p { width:100%; padding:0 0 10px; }
        .global-site-notice .notice-inner .actions { padding-bottom:5px; }

        /* Items in the top header
        -------------------------------------------------------------- */
        /* Make side margins smaller */
        .header-regular .item-left { margin-right: 5px; }
        .header-regular .item-right { margin-left: 5px; }
        
        /* Other
        -------------------------------------------------------------- */
        /* User menu (Top Links) */
        .user-menu { width:100%; margin-left:0; margin-right:0; }
        
        /* Top links */
        .top-links { float:left; }

        /* Line breaker - disable on narrow screens */
        .user-menu .line-break-after { clear:none; }

    /* Header - old styles applied when mobile header mode is not enabled
       and the "header-regular" class is not removed from header container on narrow screens
    -------------------------------------------------------------- */

        /* Vertically aligned blocks.
           Reset block below this breakpoint - blocks become full width and stack vertically
        -------------------------------------------------------------- */
        .header-regular .hp-blocks-holder { display:block; }
        .header-regular .hp-blocks-holder .hp-block {
            float:inherit;
            display: block;
            width: 100%;
            margin-left: 0;
            margin-right: 0;
            padding-left: 0;
            padding-right: 0;
        }

        /* Logo
        -------------------------------------------------------------- */
        .header-regular .header .logo-wrapper { text-align:center; }
        .header-regular .header .logo-wrapper .logo { width:70%; margin-left:auto; margin-right:auto; }
        
        /* Quick search
        -------------------------------------------------------------- */

            /* Search: mobile (search bar layout for narrow screens)
            -------------------------------------------------------------- */
            .header-regular .search-wrapper-mobile {
                display: block; /* To override possible inline styles */
                clear: both;
                width: 100%;
                margin: 10px 0;
                /*float: none;*/
            }
            .header-regular .search-wrapper-mobile .form-search {
                width: 100%;
                max-width: 440px;
                margin-left: auto;
                margin-right: auto;
            }
            .header-regular .search-wrapper-mobile .form-search .input-text {
                width: 100%;
                min-width: 100%; /* Cancel minimum width */
            }

            /* Search: header inline
            -------------------------------------------------------------- */
            /* Note: added .header class to override other selectors */
            .header-regular .header .search-wrapper-inline {
                display: block;
                clear: both;
                width: 100%;
                margin: 10px auto;
            }

    /* Main
    -------------------------------------------------------------- */

        /* On mobile there is no need to set minimum height of the content area */
        .main { min-height: 100px; }
    

    /* Breadcrumbs on product page
    -------------------------------------------------------------- */
    .catalog-product-view .breadcrumbs { text-align: center; }
    .catalog-product-view .breadcrumbs > * { display: inline-block; }

    /* Toolbar
    -------------------------------------------------------------- */
    
        /* All elements - align center and increase vertical spacing */
        .pager,
        .sorter { text-align:center; }
        .pager .amount,
        .pager .limiter,
        .pager .pages,
        .sorter .amount,
        .sorter .limiter,
        .sorter .view-mode,
        .sorter .sort-by { display:inline-block; float:none; padding-top:0; padding-bottom:0; }
        
        .toolbar .sort-by,
        .toolbar .sorter .amount { border-right:none; }

        .sorter .per-page,
        .pager .per-page { display:none; }

    /* Category view
    -------------------------------------------------------------- */
    
        .note-msg.empty-catalog {
            background-position:center 10px !important;
            color:inherit;
            padding:150px 10px 10px !important;
            text-align:center;
        }

        /* Page heading with RSS link */
        .page-title { position:relative; }
        .page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; }

    /* Products grid: override size of elements (values like size-s)
    -------------------------------------------------------------- */
    /* Product name */
    .products-grid .product-name {
        font-size: 14px;
        line-height: 16px;
    }

    .rings.itemgrid.itemgrid-adaptive .item {
        width: 48%;
        clear: none !important;
    }

    /* Product view
    -------------------------------------------------------------- */

        /* Reset "nested container" style */
        .product-view {
            width: 100%;
            margin-left: 0;
        }

        /* Margin for all product view columns
        -------------------------------------------------------------- */

        .product-img-column,
        .product-primary-column,
        .product-primary-column-part2,
        .product-secondary-column,
        .product-lower-primary-column,
        .product-lower-primary-column-part2,
        .product-lower-secondary-column
        {
            margin-bottom:30px;
        }

        /* Order of product page columns in mobile view
        -------------------------------------------------------------- */

        /* Make this element a flex container */
        .product-view {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        /* Order of product view columns in mobile view */
        .product-img-column {
            -ms-flex-order: 0;
             -webkit-order: 0;
                     order: 0;
        }
        .product-primary-column {
            -ms-flex-order: 10;
             -webkit-order: 10;
                     order: 10;
        }
        .product-primary-column-part2 {
            -ms-flex-order: 11;
             -webkit-order: 11;
                     order: 11;
        }
        .product-lower-primary-column {
            -ms-flex-order: 20;
             -webkit-order: 20;
                     order: 20;
        }
        .product-secondary-column {
            -ms-flex-order: 30;
             -webkit-order: 30;
                     order: 30;
        }
        .product-lower-secondary-column {
            -ms-flex-order: 40;
             -webkit-order: 40;
                     order: 40;
        }
        .product-lower-primary-column-part2 {
            -ms-flex-order: 50;
             -webkit-order: 50;
                     order: 50;
        }

        /* Product collateral data container
        -------------------------------------------------------------- */

        /* Headings */

        .product-view .box-collateral > h2:first-child,
        .product-view .collateral-block > h2:first-child, /* Rule required in case a heading is not a child of "box-collateral" */
        .product-view .box-collateral .section-title
        {
            font-size: 17px;
        }

        /* Other
        -------------------------------------------------------------- */

        /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */
        .product-view .box-additional { margin-top:0; }
        
        /* Related: remove bottom margin */
        .block-related-slider { margin-bottom:0; }

        /* Sidebar */
        .product-view .custom-sidebar-right .inner { padding-left:0; border-left:none; }
        .product-view .custom-sidebar-left .inner { padding-right:0; border-right:none; }

        /* Add-to links */
        .product-view .add-to-links { text-align: center; }
        .product-view .add-to-links li { float: none; display: inline-block; }
    
    /* Cart
    -------------------------------------------------------------- */
    
        /* Buttons below table: align center */
        .cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; }
        .cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; }
    
    /* One Page Checkout
    -------------------------------------------------------------- */
        
        /* Step title - link "edit" */
        .opc .allow .step-title a { display:none; }
    
        /* Form */
        /*.opc form fieldset { display:table-column-group; }*/

    /* Account
    -------------------------------------------------------------- */
    .my-wishlist .product-image { max-width: none;  }
    
    /* Items slider
    -------------------------------------------------------------- */
    .control-nav.control-paging { display:none; } /* Deprecated */

    /* If only one item exists */
    .itemslider.single-item .slides > li { margin: 0 auto; } /* Deprecated */
    
    /* Slideshow
    -------------------------------------------------------------- */
    .the-slideshow-wrapper-outer { margin-top: 0 !important; /* Reset nagative top margin */ }
       
    /* Slideshow navigation: move buttons to the top right corner */
    .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev { top:10px; right:60px; left:auto; }
    .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next { top:10px; right:10px; left:auto; }

        /* Deprecated */
        .the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; }
        .the-slideshow .direction-nav .next { top:4%; right:2%; }

    /* Pagination */
    .the-slideshow-wrapper .owl-pagination { display: none; }
    
    /* Slideshow caption */
    /* Shrink font, hide all elements except heading */
    .caption > * { display:none !important; }
    .caption .heading { display:inline-block !important; font-size:2.0833em; margin-bottom:1px; }
    .caption p { font-size:1.1666em; margin-bottom:1px; }        
    .caption button.button span span {
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
    }
    
    /* Cloud Zoom
    -------------------------------------------------------------- */
    /* Hide zoom */
    .cloud-zoom-big,
    .cloud-zoom-lens { display:none !important; }
    .cloud-zoom-lens { cursor:default !important; }

    /* Thumbnails */
    .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 16%; }
    
    /* Lightbox
    -------------------------------------------------------------- */
    #cboxTitle,
    #cboxCurrent { display:none !important; }
    
    /* Accordion
    -------------------------------------------------------------- */
    .accordion-style1 li a {
        padding:15px 10px;
        font-size: 14px;
        line-height: 18px;
    }
    /* Space for openner if item has children. It has to be a few pixels wider than openner */
    .accordion-style1 li.parent > a { padding-right:53px; }
    .accordion-style1 .opener { width:48px; height:48px }
}





/* 480px <= width < 768px */

@media only screen and (min-width: 480px) and (max-width: 767px)
{

    /* Category view
    -------------------------------------------------------------- */
    .products-list .product-shop,
    .products-list .right-column,
    .products-list .product-image-wrapper { width:48%; margin-left:1%; margin-right:1%; }
    
    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Broaden the slider if at least 4 thumbnails */
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/
    
    /* Direction navigation */
    .itemslider-thumbnails.count-4 .direction-nav { display:none; }

    /* Shrink and align center the main image */
    .img-box .product-image { width:100%; }

}





/* 640px <= width < 768px */

@media only screen and (min-width: 640px) and (max-width: 767px)
{

    /* Item grid
    -------------------------------------------------------------- */
    
.itemgrid.itemgrid-adaptive .item { width:31.3333%; clear:none !important; }
.itemgrid.itemgrid-adaptive > li:nth-of-type(3n+1) { clear:left !important; }
}





/* width < 640px */

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

    h1 { font-size: 24px; line-height: 30px }
    h2 { font-size: 20px; line-height: 24px }
    h3 { font-size: 16px; line-height: 20px }
    h4 { font-size: 14px; line-height: 16px }
    h5 { font-size: 12px; line-height: 12px }
    h6 { font-size: 12px; line-height: 12px }

    /* Mobile header
    -------------------------------------------------------------- */
    .header-mobile .skip-link .label { display: none !important; }
    .header-mobile .skip-link .icon { margin-right: 0; }
    .header-mobile .skip-link .count { margin-right: 0; /* Reset negative margin to align content of a skip-link */ }

    /* Dropdowns in mobile header collaterals */
    .header-mobile .header-collateral .dropdown .dropdown-heading {
        line-height: 36px;
        max-height: 36px;
    }

    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Thumbnails */
    .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 19%; }
}





/* 480 <= width < 640px */

@media only screen and (min-width: 480px) and (max-width: 639px)
{

    /* Item grid
    -------------------------------------------------------------- */
    
.itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; }
.itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; }

}





/* width < 480px */

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

    /* Buttons - stretch full width
    -------------------------------------------------------------- */
    .buttons-set .button,
    .title-buttons .button,
    .cart .btn-checkout,
    .mini-cart .actions .button,
    .buttons-set .button:last-child,
    .cart .btn-checkout:last-child,
    .mini-cart .actions .button:last-child {
        margin-bottom: 0;
    }

    /* Button on product page - stretch full width and remove vertical alignment
    -------------------------------------------------------------- */
    .product-view .add-to-cart {
        display: block;
        float: none;
    }
    .product-view .add-to-cart .btn-cart {
        display: block;
        width: 100%;
        margin: 0 0 7px;
    }
    .add-to-cart.left-side .qty-wrapper label {
        padding-left: 0;
    }

    /* Buttons set
    -------------------------------------------------------------- */
    .buttons-set .back-link {
        display: none;
    }
    .buttons-set .required {
        display: none;
    }
    
    /* Grid elements
    -------------------------------------------------------------- */
    .col2-set .col-1,
    .col2-set .col-2 { width:100%; }
    
    /* Header
    -------------------------------------------------------------- */

        /* Simplify horizontal links */
        .header .links-wrapper-separators .links li a,
        .header .links-wrapper-separators-left .links li a { background-image:none; }
        
        /* Header elements - align center.
           TODO: apply or remove in future updates.
        -------------------------------------------------------------- */
            .header .mobile-inline-container { text-align:center; }
            .header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; }

        /* Header top elements - align center
        -------------------------------------------------------------- */
            /*.header-top { text-align:center; }
            .header-top .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; }
            .header-top .links { text-align:center; }
            .header-top .links li { float:none; display:inline-block; }*/

    /* Header - old styles applied when mobile header mode is not enabled
       and the "header-regular" class is not removed from header container on narrow screens
    -------------------------------------------------------------- */
        
        /* Header elements - align center
        -------------------------------------------------------------- */

            /* Links */
            .header-regular .header .links { text-align:center; }
            .header-regular .header .links li { float:none; display:inline-block; }

            /* User menu */
            .header-regular .user-menu { text-align:center; }
            .header-regular .user-menu > *,
            .header-regular .user-menu .links,
            .header-regular .dropdown { float:none !important; display:inline-block !important; }
    
    /* Products grid: override size of elements (values like size-xs)
    -------------------------------------------------------------- */

    .rings.itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; }
    
    /* Product page
    -------------------------------------------------------------- */
    
        /* Reviews */
        .product-view .box-reviews .form-add .data-table th,
        .product-view .box-reviews .form-add .data-table td { padding: 6px 1px; }
        .product-view .box-reviews .form-add .form-list input.input-text,
        .product-view .box-reviews .form-add .form-list textarea { width: 100%; }

        /* Add-to links */
        .product-view .add-to-links { text-align: inherit; }
    
    /* Toolbar
    -------------------------------------------------------------- */
    
        .toolbar .limiter { display:none; }
        .sorter .view-mode { display:none; }
        .sorter .sort-by { background:none; margin-right:0; margin-left:0; padding-right:0; padding-left:0; } /* Remove right divider */
    
    /* Account
    -------------------------------------------------------------- */
    
        /* Account info + Order info */
            /*
            .box-account.box-info .col-1,
            .order-info-box .col-1 { border-right:none; }
            .box-account.box-info .col-1 .box,
            .order-info-box .col-1 .box { padding-right:0; }
            */
            
            .my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; }
            .my-account .col2-set .col-1 .box { padding-right:0; }
        
        /* Order details */
            .order-items .sub-title .separator { display:none; }

    /* Checkout
    -------------------------------------------------------------- */
    .opc .step-title h2 { font-size: 23px; line-height: 36px }

    /* Advanced search results
    -------------------------------------------------------------- */
    .advanced-search-summary ul { width: 100%; margin-right: 0; }

    /* Footer
    -------------------------------------------------------------- */
    #subscribe-form label {
        display: inline-block;
        float: none;
        line-height: 1em;
        margin: 15px 0 2px;
    }
    #subscribe-form .input-box {
        display: inline-block;
        float: none;
        margin: 5px 0;
        position: relative;
        width: 100%;
    }
    #subscribe-form .input-text { width:100%; max-width:100%; }
    #subscribe-form .button {
        display: inline-block;
        float: none;
    }
    /*TOOD: check on mobiles*/
    #subscribe-form .input-box .validation-advice { width: 100%; left: 0; }
    
    /* Slideshow
    -------------------------------------------------------------- */
    .the-slideshow .control-nav { display:none; } /* Deprecated */
    
    /* Slideshow caption */
        /* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */
        .caption > *,
        .caption .heading,
        .caption .permanent { display:none !important; }
        .caption .heading.permanent { display:inline-block !important; }

        .caption .heading { font-size:1.3333em; }
        .caption p { font-size:1em; }

    /* Itemslider
    -------------------------------------------------------------- */
    /* Pagination */
    .itemslider .owl-pagination { display: none; }
    
    /* Cloud zoom
    -------------------------------------------------------------- */
    #zoom-btn, .mousetrap { display:none; }

    /* Thumbnails */
    .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 24%; }
    
}





/* 320px <= width < 480px */

@media only screen and (min-width: 320px) and (max-width: 479px)
{
    
    /* Item grid
    -------------------------------------------------------------- */
    
.itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; }
.itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; }
    
    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi { max-width:237px; } /*3*/       /*{ max-width:158px; }*/ /*2*/
    
    /* Direction navigation */
    .itemslider-thumbnails.count-3 .direction-nav,
    .itemslider-thumbnails.count-4 .direction-nav,
    .itemslider-thumbnails.count-5 .direction-nav,
    .itemslider-thumbnails.count-multi .direction-nav { display:block; }
    
}





/* width < 320px */

@media only screen and (max-width: 319px)
{
    /* Mobile header
    -------------------------------------------------------------- */
    .header-mobile .header-collateral {
        float: none;
        text-align:center;
    }
    .header-mobile .header-collateral > * {
        display: inline-block;
    }
    .header-mobile .logo-wrapper--mobile {
        float: none !important;
        text-align: center !important;
    }

    /* Product page
    -------------------------------------------------------------- */
    /* Related - thumbnails */
    .block-related-thumbnails .product-details {
        margin-left:0;
        margin-bottom:10px;
        clear:left;
    }
    .block-related-thumbnails .product-details .price-box { display: inline-block; margin-right:5px; }
    .block-related-thumbnails .product-details .related-add-to-wishlist { display: inline-block; }
    
    /* Item grid
    -------------------------------------------------------------- */
    /* Always show 1 column */
    /* Important: added ".itemgrid" class to override other styles */
    .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; }
    
    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Thumbnails */
    .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; }
    
    /* Slideshow
    -------------------------------------------------------------- */
    .the-slideshow-wrapper .owl-buttons { display: none; }

    .the-slideshow .direction-nav { display:none; } /* Deprecated */

}






/* 240px <= width < 320px */

@media only screen and (min-width: 240px) and (max-width: 319px) {

    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi { max-width:158px; } /*2*/

}






/* width < 240px */

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

    /* Cloud zoom
    -------------------------------------------------------------- */
    /* Shrink the slider if to many thumbnails */
    .itemslider-thumbnails.count-2,
    .itemslider-thumbnails.count-3,
    .itemslider-thumbnails.count-4,
    .itemslider-thumbnails.count-5,
    .itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/
    
    /* Direction navigation */
    .itemslider-thumbnails.count-2 .direction-nav,
    .itemslider-thumbnails.count-3 .direction-nav,
    .itemslider-thumbnails.count-4 .direction-nav,
    .itemslider-thumbnails.count-5 .direction-nav,
    .itemslider-thumbnails.count-multi .direction-nav { display:block; }

}






/**
 * Override styles configured via admin panel
 */



/* Additional styles for interface icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Icons with no background
-------------------------------------------------------------- */
/* Toolbar */
.sorter .view-mode a,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages li a,

/* Slider arrows (for zoom thumbnails) */
.slider-arrows3 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover
{
	background-color:transparent;
}

/* Other icons
-------------------------------------------------------------- */
/* Add-to links icons in product grid - square, no rounding */
.products-grid .addto-links-icons span.icon { border-radius: 0; }

/* Pager */
.pager .pages li a { background-color:#f5f5f5; }

/* Add-to links */
.addto-links-icons .ic { background-color:#fff; }

.footer-container2 { background-color: #eeeeee }
.links-wrapper-separators { padding-bottom: 0 }
.social-links { margin-bottom: 8px }
.social-links svg { background-color: #ffffff; fill: #333333 }
.social-links :hover svg { background-color: #008080; fill: #ffffff }
.links-wrapper-separators { padding-top: 13px }
.footer-bottom-container { color: #333333; padding: 15px 0 }
.footer-copyright { font-size: 12px; padding: 5px 0 }
.payment-method-logo { display: inline-block }
.block_footer_payment svg { margin: -1px 0 0 -1px; width: 51px; height: 31px }
.recent-reviews-section .box-collateral > h2:first-child, .block_footer_primary_bottom_left h3:first-child { font-size: 18px; line-height: normal; margin-bottom: 15px; padding: 7px 0; border-bottom: 1px solid #e5e5e5 }
.footer-secondary-container { margin: 20px 0 30px }
.footer-container .ratings { margin-top: 0 }
.footer-container .row { margin: 0 -1%; }
#itemslider-video svg { margin: 15px; width: 35px; height: 35px }
#itemslider-video .item { display: inline-block }
.thumbnails-wrapper { text-align: center }

.grid-col2-sidebar, .grid-col2-main{
    position: static;
}
.top-banner-wrapper{
    margin: auto;
    position: relative;
    width: 98%;
}
.top-banner-wrapper img{
    width: 100%;
}
html.ml-opened body {
    height: 100%;
    width: 100%;
    position: fixed;
}
.wraptocenter {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.wraptocenter img {
    vertical-align: middle;
    width: 80%;
}
.sidebar .desc-block {
    margin-top: 25px;
}
.desc-block strong{
    font-size: 15px;
}
.desc-block p{
    margin-bottom: 10px;
}
.catalog-product-view .grid12-1, .catalog-product-view .grid12-2, .catalog-product-view .grid12-3,
.catalog-product-view .grid12-6, .catalog-product-view .grid12-7, .catalog-product-view .grid12-8,
.catalog-product-view .grid12-9, .catalog-product-view .grid12-10, .catalog-product-view .grid12-11, .catalog-product-view .grid12-12,
.catalog-product-view .grid4-1, .catalog-product-view .grid4-2, .catalog-product-view .grid4-3, .catalog-product-view .grid2-1, .catalog-product-view .grid-full,
.catalog-product-view .grid-col2-sidebar, .catalog-product-view .grid-col2-main{
    position:static;
}

.products-grid li.item ul.swatches { display: none }
.products-grid li.item ul.swatches li { display: inline-block; border: 1px solid #dcdcdc; margin-top: 4px }
.products-grid li.item ul.swatches li:hover{ border-color: #000000 }

.products-grid .product-name {
    font-family: "Gotham", georgia, serif;
    padding: 15px 0 5px 0;
    clear: both;
}
.add-to-links a:hover{
    cursor:pointer;
}
.catalog-category-view .category-image {
    border: 1px solid #E5E5E5;
}
.article-num{ padding-top:5px;}

.product-options-bottom {
    margin-top: 0;
    margin-bottom: 10px;
    border: 1px solid #E5E5E5;
    background: #F5F5F5;
}
.product-options-bottom .widget-static-block > div {
    padding: 0 10px
}
.product-type-data .availability {
    float: none;
    margin-bottom: 0;
	margin-top: 0;
    text-align: right;
    width: 100%;
    color: #333333;
    font-size: 17px;
    padding: 2px 0 0 0;
}

.product-type-data .availability.out-of-stock.sold-out {
    margin-top: 15px;
    margin-bottom: 15px;
}
.product-type-data .availability span { white-space: nowrap }
.product-type-data .availability span span {white-space: normal }
.product-type-data .availability.in-stock span{
    color: green;
    font-weight: bold;
}
.availability.out-of-stock span{
    font-weight: bold;
    color: #cc0000;
    font-size: 17px;
}
.products-grid .availability.out-of-stock {
    margin: 0;
}
.product-view .product-type-data .price-box{
    border: medium none;
    float: none;
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
}
.product-options-bottom .regular-price{
    line-height: 25px;
}
.product-view .product-type-data .price-box .regular-price .price{
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
}
.product-options-bottom .old-price .price{
    font-size: 15px;
}
.product-options-bottom .price-label{
    display:none;
}
.product-options-bottom .special-price .price{
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
}
.add-to-cart label{
    display:none;
}
.product-view .product-type-data{
    margin-bottom: 0;
    margin-top: 5px;
    padding: 15px 12px 0;
    border-bottom: 0;
}
.product-options-bottom .add-to-cart{
    display: block;
    margin:0;
    border-bottom:none;
    padding: 15px 12px 12px;
    float:none;
    border-top:0;
}
.product-options-bottom .add-to-cart.product-options { padding-bottom: 0; text-align: right; }
.product-options-bottom .add-to-cart.product-options dd select {
    font-size: 15px;
    text-align: center;
    border: solid 1px #008080;
    border-radius: 8px;
    height: 37px;
    color: #008080;
}
.product-options-bottom .giftVoucherAdd .add-to-cart{
    border: none;
    padding: 15px 0 0;
}

.product-options-bottom .add-to-box{
    margin: 0;
}

.product-options-bottom .add-to-cart .qty-wrapper {
    display: block;
    float: left;
    padding-top: 10px;
}
.product-options-bottom .add-to-cart .button {
    display: block;
    float: right;
}

@media (max-width: 1199px) and (min-width: 768px) {
    .right-column-wrapper { display: flex; flex-wrap: wrap; margin-bottom: 15px; }
    .product-options-bottom, .block_product_secondary_bottom { display: flex; flex-direction: column; flex: 1; width: 49%; }
    .product-options-bottom { margin-bottom: 0 }
    .container_product_secondary_2.block_product_secondary_bottom { margin: 15px 0; width: 100%; }
    .product-view .product-type-data .price-box .regular-price .price {
        font-size: 20px;
    }
    .product-view .product-type-data .price-box .special-price .price {
        font-size: 21px;
    }
}

.product-view .action-box{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.feature-wrapper.top-border{
    background: none repeat scroll 0 0 #F5F5F5;
    border: medium none;
    margin-top: 0;
    padding: 10px 0 10px 10px;
}
.product-options-bottom .add-to-cart .button.no-qty{
    float: none;
    width: 100%;
    min-width:0;
}
.product-view .no-qty span{
    float: none;
}
.product-view .add-to-links li{
    float: none;
}
.product-view .box-reviews .form-add h3{
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 0;
    font-family: inherit;
}
.product-view .box-reviews .form-add h4 {
    font-size: 1em;
    font-weight: normal;
    font-family: inherit;
}
.product-view .box-reviews .form-add h3 span{
    font-weight:bold;
}
.block_product_secondary_bottom{
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #E5E5E5;
}
.block_product_secondary_bottom .block{
    padding: 0 10px 10px;
    margin: 0;
}
.block_product_secondary_bottom .block-title{
    text-align: center;
}
/* end Right block styles*/
.prod-tax-label{
    color: #777777;
    font-size: 12px;
    text-align: right;
}
.header-top .grid-full{
    margin-top:5px;
}
.header-top .phone { background: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/icons/phone-call.svg) 0 center no-repeat; background-size: 15px 15px; padding-left: 23px }
.header #mini-cart{ padding-left:10px;}
.lang-switcher .links .active {font-weight:bold; text-decoration:underline;}
.lang-switcher .links .separator { margin: 0; padding: 0; color:#808080; }
/* hide desktop top menu subcategories */
.nav-regular .hide-subcategories .caret ,
.nav-mobile .hide-subcategories .opener {
	display:none!important;
}
#subscribe-form{
    display: inline-block;
    margin-left: 30px;
}
.footer-newsletter-banner{
    float: left;
    line-height: 36px;
    margin-bottom: 10px;
    max-width: 455px;
    min-height: 36px;
}
.review-item{
	padding-top: 10px;
}
.review-item .img{
	float: left;
}
.review-item .title{
	float: left;
	margin-top: 36px;
}
.review-item .title .rating .ratings-table th{
	display: none;
}
.review-item .title .prod-name{
	font-size: 1.6em;
	margin-bottom: 5px;
	color: #333333;
}
.review-item .title .own{
	margin-bottom: 0;
}
.review-item .title .own .nickname{
	font-weight: bold;
}
.review-item .title .heading{
	font-family: "Gotham", georgia, serif;
	font-size: 1.4em;
}
.review-item .title .rating{
}
.review-item .content{
    border-bottom: 1px solid gray;
    clear: left;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 20px;
}
.review-item .title .date{
    display: block;
    margin-bottom: 0;
}
.review-item:last-child .content{
	border-bottom: none;
}
.pager .pages ol{
    margin-bottom: 0;
    margin-top: 0;
}
.box-reviews .review{
	float:left;
    margin-right: 20px;
    width: 45%;
}
.review-item .review-title{
    margin-bottom: 10px;
    margin-top: 15px;
}
.footer .block_footer_primary_bottom_right{
	width: 70%;
}
.recent-reviews-section .product-view{
}
.block_footer_primary_bottom_right #subscribe-form{
    float: right;
}
#attributes-tab2{
	display:none;
}
#subscribe-form .footer-head {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    text-align: right;
    font-weight: bold;
}
#subscribe-form .footer-newsletter-confidence {
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    font-weight: bold;
}
#recent_products .item {
    width: 18%;
    float: left;
    padding: 20px 1%;
}
.more-images .thumbnails .item a.product-video:hover{
    cursor:pointer;
}
.RatenContainer {
    color: #333333;
    font-size: 17px;
    text-align: right;
    padding: 15px 12px 0 12px;
}
.RatenContainer .rate-button {
    display: block;
    background-color: #ffffff;
    color: #008080;
    border: solid 1px #008080;
    border-radius: 8px;
    margin-top: 5px;
    font-size: 17px;
    line-height: 37px;
    padding: 0;
}
.RatenContainer .rate-button:hover {
    color: #ffffff;
    background-color: #008080;
}
.delivery {
    text-align: right;
    font-size: 17px;
    margin-top: 7px;
}
.availability-delivery {
    margin: 10px 0 0 0;
    padding: 10px 0;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}
.border-bottom-0 { border-bottom: 0; }
.containerNewsForm{
	margin-top:30px;
}
button.newsButton span, button.newsButton{
	color: #FFFFFF;
	background-color: #008080;
}
button.newsButton:hover, button.newsButton:focus{
    color: #FFFFFF;
    background-color: #008080;
}
button.newsButton{ padding: 10px 25px;}
button.newsButton span span{
	height:18px;
	line-height:18px;
}
.newsletterPgImg{
	position:relative; 
	margin-left:0;
	margin-right:2%;
}
.newsletterPgImg img{
	width:100%;
}
.geschenktRound{
	position: absolute;
    top: 8px;
    right: 12px;
    background-color: #9B0042;
    color: #FFFFFF;
    font-size: 24px;
    width: 120px;
    border-radius: 71px;
    height: 120px;
    text-align: center;
    line-height: 22px;
}
.geschenktRound div{
	margin-top:33%;
}
.geschenktRound div span{
	font-size:15px;
}
.robotInf{
    font-weight:bold;
    font-size:13px;
}
.containerNewsForm .form-list .field{
    float:none;
}
#giftvoucher-custom-code{ margin-top: -5px;}
.giftvoucherInput{ margin-top: 5px;}
.account-login .buttons-set{
    padding:0;
    border: none;
}
.account-login h2, #opc-login h3, .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend{
    text-transform: uppercase;
}
.customer-account-login button.button span, .customer-account-create button.button span, .customer-account-forgotpassword button.button span{
    font-size:12px;
}
/*My Account changes */
button.button span {
    display: block;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;}
.my-wishlist .buttons-set button.button { float:none;}
.buttons-set button.button{ min-width:0;}
.buttons-set{
    padding:0;
    border:none;
}
.buttons-set p.required{margin-top: -20px;}
#giftvoucher-check-balance{ width: 315px;}
.gift-card .row{margin:0;}
/*end My Account changes */
.add-to-cart button.button span {
	font-size: 17px;
	display: inline;
    position: relative;
}
/*toolbar changes*/
.toolbar .pager{
    border: 0;
    padding: 0;
    display: inline-block;
}
.sorter .sort-by {
    float:right;
    margin-right:0;
    padding-right:0;
}
.pager .limiter, .sorter .limiter{
    margin-right: 60px;
}
.toolbar-bottom .sorter{ display:block;}
.toolbar-bottom .toolbar .sorter .amount, .toolbar-bottom .toolbar .sorter .limiter, .toolbar-bottom .toolbar .sorter .sort-by{display:none;}
.toolbar-bottom .toolbar .sorter .pager{ display:block; }
/* end toolbar changes */
/*filter top changes*/
.block-layered-nav.amshopby-filters-top .currently ol{
    max-width: none;
}
.block-layered-nav.amshopby-filters-top .currently ol li{
    display: table-cell;
    padding-right: 20px;
}
.block-layered-nav.amshopby-filters-top .currently ol li .color {
    margin-left: 5px;
}
.amshopby-narrow-by-list{
    overflow: hidden;
    user-select: none;
        color: #333;
}
.amshopby-narrow-by-list dd{
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}
.amshopby-narrow-by-list:hover{
    border-color: #aaa;
    color: #333;
    outline: none;
}
.filterOptions{
    position:absolute;
    background-color: #e0e0e0;
    z-index: 100;
    display:none;
    left:0;
}

.amshopby-narrow-by-list li[rel=search] { position: relative }
.amshopby-narrow-by-list li[rel=search] svg { position: absolute; top: 8px; right: 14px; width: 20px; height: 20px; fill: #dddddd }

.amshopby_attr_search{ width: 95% }
.amshopby-narrow-by-list .caret{ float:right; margin-right: 10px }
.amshopby-item-top .caret { transform: rotate(180deg) }
.amshopby-item-top .amshopby-collapsed .caret { transform: rotate(0) }

.main-filters, .additional-filters { margin-left: -4px }
.amshopby-item-top { margin-left: 4px; width: calc(16.66% - 4px) }

@media only screen and (max-width: 1199px) {
    .amshopby-item-top { width: calc(20% - 4px) }
}

@media only screen and (max-width: 991px) {
    .amshopby-item-top { width: calc(50% - 4px) }
}

.block .amshopby-item-top.block-content{
    padding: 4px 0;
    position: relative;
}
.filtersTab .block-title{display:none;}
.on-sale-option {
    padding: 15px 0 0 7px;
    text-align:left;
}
div.block-layered-nav dd .single-choice .on-sale-option a{
    background-image: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-cb1.gif);
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    display: block;
    padding: 3px 0 3px 15px!important;
    float:none;
}
div.block-layered-nav dd .single-choice .on-sale-option a:before{
    display: block;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-right: none;
    border-top: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid rgba(0, 0, 0, 0);
    left: 0;
    top: 50%;
    margin-top: -5px;
    transition: left 150ms ease-in-out;
    -moz-transition: left 150ms ease-in-out;
    -webkit-transition: left 150ms ease-in-out;
    -o-transition: left 150ms ease-in-out;
}
div.block-layered-nav dd .single-choice .on-sale-option a.amshopby-attr-selected{
    font-weight: bold;
    background-image: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-cb2.gif);
}
div.amshopby-overflow-scroll-enabled div.block-content dl dd > ol:first-of-type { max-height:210px !important; margin: 0 5px }
div.amshopby-overflow-scroll-enabled div.block-content dl dd > ol:first-of-type::-webkit-scrollbar { -webkit-appearance: none; width: 9px }
div.amshopby-overflow-scroll-enabled div.block-content dl dd > ol:first-of-type::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5) }

html:lang(fr) div.amshopby-overflow-scroll-enabled div.block-content dl dd.priceSlideMob > ol:first-of-type {max-height:228px!important;}
.priceSlideMob .button { margin: 16px auto;}
.priceSlideMob .btn-apply-price { background-color: #008083;  color: #ffffff; display:none;}
.priceSlideMob .btn-apply-price:hover { background-color: #a5a5a5;  color: #000000;}
div.amshopby-overlay div {
    margin-top:30%;
}
.multiselectBtn .button, .closeBtn .button { margin: 18px auto; display:block;}
.amshopby-item-top .button span {font-size: 14px;}
.multiselectBtn .btn-apply { display:none;}
.multiselectBtn.showPrimary .btn-apply { display:block;}
.multiselectBtn.showPrimary .btn-close { display:none;}
.multiselectBtn button.btn-checkout {line-height: 45px;}
.priceSlideMob .button { background-color: #008083;  color: #ffffff;}
.priceSlideMob .button.btn-close-price { background-color: #c8c8c8;  color: #000000;}
.priceSlideMob .button:hover { background-color: #a5a5a5;  color: #000000;}
.amshopby-container-top .additional-filters { display: none; }
div.block-layered-nav.amshopby-collapse-enabled .more-filters-button dl dt { border-radius: 2px; background-color: #e0e0e0; }
div.block-layered-nav.amshopby-collapse-enabled .more-filters-button dl dt:after { content: "\002b"; font-size: 24px; position: absolute; right: 8px; top: 5px; }
div.block-layered-nav.amshopby-collapse-enabled .more-filters-button dl dt.filter-shown:after { content: "\002d"; }

/* end filter top changes */
/* filter category tabs */
.tabsMobile{display: none;}
.tabsMobile.active{display:block;}
.categoriesTab{display:none;}
.accordion .opener, .acco .opener, .collapsible .opener{ background-color: #f5f5f5 }
.acco .opener:hover{ background-color: #f5f5f5;}
.categories-sidebar .sideacco li.level0 > a{ background-color: #f5f5f5;}
.categories-sidebar .sideacco li.level0 .opener{ background-color: #E0E0E0 !important;}
.categories-sidebar .sideacco li.level1 > a{ background-color: #E0E0E0;}
.categories-sidebar .sideacco li.level1 .opener{ background-color: #D0D0D0 !important;}
.categories-sidebar .sideacco li.level2 > a{ background-color: #D0D0D0;}
.categories-sidebar .sideacco li.level2 .opener{ background-color: #D0D0D0;}
.categories-sidebar .sideacco .nav-item > .opener { width: 10px; height: 10px; padding: 14px }
.categories-sidebar .accordion-style1 li a{ border:none;}
.categories-sidebar .sideacco .nav-item > a:hover{background-color: #008080;  color: #ffffff;}
/* end filter category tabs*/
/* cms page changes */
.accordion-style1 li a { padding: 5px 25px }

@media only screen and (max-width: 1199px) {
    .accordion-style1 li a { padding: 5px 15px }
}

/* end cms page changes */
.styla-connect-magazine-index .main-container .container {
    max-width: none !important;
}
.cms-index-index .Boardbar{
    display: none !important;
}
.top-banner-promo{
    background-color: #008080;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 7px;
    margin-top: -6px;
}
.top-banner-promo a{
    color: #FFFFFF;
    line-height: 15px;
    display: block;
}
h2.review-comment {
    margin-bottom: -5px;
}
.sp-methods .form-list{
    padding: 0;
}
.sp-methods dd{
    margin: 0;
}
.checkout-onepage-index .required{
    color:#333333;
}
/* bundle product page */
.price-box-bundle .price-label{
    display: none;
}
.product-view .price-as-configured .price{
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
    color: #008080;
}
.price-box-bundle{
    margin: 0;
    border-bottom: none;
    padding-bottom: 0;
    height: 31px;
}
.sp-label{
    display: block;
}
.sp-label img{
    display: inline-block;
}
.sp-product-info{
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 0;
    padding-left: 5px;
}
.sp-radio{
    margin-top: 23px;
}
.sp-ratings{
    margin: 0;
    display: block;
}
.sp-name{
    color: #777777;
    font-weight: bold;
    display: block;
}
.sp-single-product-img{
    margin-left: 18px;
}
/* end bundle product page */
.product-view .price-box .special-price .price-label{
    display: none;
}
.product-options p.required {display:none;}
.order-nr-msg{
    font-size: 11px;
    font-style: italic;
    margin-top: 4px;
}
.msrp-price{
    text-align: right;
    color: #777777;
}
.msrp-label{

}
.msrp-price-old{
    font-size: 14px;
}
.related-cross-sell{
    margin-bottom:10px;
}
.related-cross-sell > p {
    margin-bottom: 5px;
    font-weight: bold;
}
.items-rcs:after { content: ""; display: block; clear: both; visibility: hidden; height: 0 }
.items-rcs .product-image-related{
    display: block;
    text-align: center;
    float: left;
    margin-right: 4px;
}
.items-rcs .product-image-related img{
    display: block;
    border: 1px solid #eee;
    padding: 4px;
    width: auto;
}

.modal-content .owl-carousel .owl-nav { position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
.modal-content .owl-carousel .owl-nav .owl-prev, .modal-content .owl-carousel .owl-nav .owl-next { position: absolute; top: 45%; left: 0; right: auto; cursor: pointer; z-index: 1; font-size: 32px }
.modal-content .owl-carousel .owl-nav .owl-next { left: auto; right: 0 }

.items-rcs .product-image-related:hover img{
    border-color: #999;
}
.items-rcs .price-box .special-price {
    margin-top: 4px;
}
.items-rcs .special-price .price,
.product-secondary-column .items-rcs .special-price .price .currency-symbol,
.items-rcs .price-box .special-price,
.items-rcs .price-box .old-price {
    line-height: 12px;
    font-size: 10px;
    font-weight: normal;
}
.product-view .product-shop .items-rcs .price-box .regular-price .price,
.product-view .product-shop .items-rcs .price-box .special-price .price,
.product-view .product-shop .items-rcs .price-box .old-price .price, .items-rcs {
    display: inline-block;
    font-size: 10px;
}
.slider-more{
    overflow: hidden;
}
#desc-read-more{
    display: none;
    color: #008080;
}
.footer-primary .go-to-reviews{
    color: #008080;
    display: block;
    font-size: 12px;
    line-height: 27px;
}
.percent-price{
    color: #800000;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 3px;
    margin-top: 3px;
}
.percent-tag{
    font-size: 15px;
}
.watch-name{
    float: left;
    width: 70%;
}
.watch-brand-logo{
    float: left;
    width: 30%;
}
.watch-brand-logo img{
    float: right;
    width: 77%;
}
.product-shop .ratings,
.product-shop .no-rating{
    clear: both;
}
.tab-attributes{

}
.attr-item{
    float: left;
    width: 50%;
}
.attr-label{
    display: inline-block;
}
.attr-value{
    display: inline-block;
}
.special-price .price, .special-price .price-label{
    color: #800000 !important;
}
.fake-radio { width:16px; height: 16px; margin: 3px 0 0 -1px }
.postfinancecw_mastercard, .postfinancecw_visa, .postfinancecw_postfinanceefinance, .beiabholung { border: #dddddd solid 1px }
.postfinancecw_postfinanceefinance { background-color: #fcd205 }
.beiabholung { height: 24px; padding: 3px 0 }
#fis-info{
    display: none;
    font-weight: normal;
    margin-top: 10px;
    margin-left: 30px;
}
.fisinfo-wrapper{
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}
.mfp-wrap {
    z-index: 2400 !important;
}
.fisinfo-wrapper ul{
    list-style-type: none;
    margin: 10px;
}
.fisinfo-wrapper li:before{
    content:"-";
    position:relative;
    left:-5px;
}
.fisinfo-wrapper li{
    text-indent: -5px;
    margin-bottom: 15px;
}

#remember-me-box{
    visibility:hidden !important;
    position: absolute;
}
.link-to-shop{
    background: url("https://www.uhrenschmuck24.ch/skin/frontend/default/images/i_availability_only.gif") no-repeat 0 0;
    display: inline-block;
    height: 15px;
    opacity: 0.5;
    position: relative;
    right: -3px;
    top: 3px;
    width: 10px;
}
.link-to-shop:hover{
    opacity: 0.8;
}
.sp-methods .bankpayment-form-list{
    padding: 0;
}
.bankpayment-form-list ul{
    padding: 10px 10px 10px 30px;
}
.block_product_maurice_promo{
    margin-bottom: 6px !important;
}
.block_product_hamilton_promo{
    margin-bottom: 5px !important;
    background-color: #fff;
}
.block_product_hamilton_promo a{
    display: block;
}
.block_product_hamilton_promo a img{
    padding-top: 9px;
}
.promo-block { padding: 9px; background-color: #f5f5f5 }
.promo-blocks{
    margin-top: 3%;
    text-align: justify;
}
.promo-blocks .gap,
.small-promo{
    display: inline-block;
    width: 30.5%;
    margin-bottom: 3%;
}
.small-promo.twoperrow{
    width: 49%;
}
.clearBlock{
    clear: both;
}
.small-promo a{
    display: block;
}
.small-promo a img{

}
.medium-promo{
    display: inline-block;
    width: 65.2%;
    margin-bottom: 3%;
}
.medium-promo a{
    display: block;
}
.cat-header{
    text-align: center;
}
.mobile-img{
    display: none;
}
.mag-mobile-img{
    display: none;
}
.magazin-button{
    display: block;
    margin-bottom: 10px;
}
.aw-gc2-product-form-options .form-list input.input-text {
    width: 100%;
}
.aw-gc2-product-form-options__amount .aw-gc2-amount-entry {
    width: 100%;
}
.giftcardContainer{
    float:right;
    width:48%;
}
div.amshopby-overflow-scroll-enabled div.block-content dl dd.priceSlideMob ol li{
    text-align:center;
}
.btn-green { background-color: #008080; color: #ffffff }
.checkout-onepage-index button.btn-checkout span{
	font-size:18px;
}
.main{ padding-bottom: 0 }
.cart-table button.button span {font-size: 14px;}
.cart .checkout-types button.button span {font-size: 20px;}
.totals .collapsible { background: #ffffff; padding: 0 10px; border: #eeeeee solid 1px }
.totals .collapsible .block-title { padding-bottom: 0; border-bottom: none; font-size: 15px }
.totals .collapsible .block-title span { font-size: 12px }
.totals .collapsible .buttons-set { margin-bottom: 10px }
.header-top-container {
    padding-bottom: 10px;
    background-color: #f5f5f5;
}
.header-m-top-container {
    background-color: #f5f5f5;
}
.itemslider {margin-bottom: 0}
.products-grid .owl-item .item {padding-bottom: 10px;}
.product-view .collateral-container.box-tabs { margin-bottom: 0 }
button.btn-translate {
    background-color: #008080;
    color: #ffffff;
    line-height: 40px;
}
#contactForm .buttons-set { margin-bottom: 10px; }
#contactForm .buttons-set button.button span span { font-size: 16px; }
#contactForm.form-valid .buttons-set button {
    background-color: #008080;
    color: #ffffff;
}
.product-view .short-description .std p { margin:0; }
.product-view .short-description .std p a { text-decoration: underline; }
.product-view .short-description h2 { display: none; }
.originalSliderContent .items-rcs .product-image-related img {display: none;}
@media only screen and (max-width: 1279px) {
    #subscribe-form{
        margin-left: 0;
    }
}
@media only screen and (max-width: 1203px) {
    .sorter .sort-by {
        float:none;
        text-align:center;
        display:block;
    }
}
@media only screen and (max-width: 1085px) {
    .cms-zahlungsoptionen table, .cms-ratenzahlung table{
        width: 100% !important;
    }

    .cms-zahlungsoptionen table.rateContainer > tr, .cms-ratenzahlung table.rateContainer > tr {
        width: 100%;
    }

    .cms-zahlungsoptionen table.rateContainer tr td, .cms-ratenzahlung table.rateContainer tr td {
        width: 100%;
        display: block;
    }

    .cms-zahlungsoptionen table.rateInfo tr td, .cms-ratenzahlung table.rateInfo tr td {
        width: 33%;
        display: table-cell;
    }

    .cms-zahlungsoptionen table.rateContainer tr td p, .cms-ratenzahlung table.rateContainer tr td p {
        margin: 0;
    }
}
/* Design for a width of 960-1280 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 960px <= width < 1280px */
@media only screen and (min-width: 960px) and (max-width: 1279px) {
	.recent-reviews-section .product-view{
		/*max-width: 100%;*/
	}
	.footer .block_footer_primary_bottom_right{
	    margin-left: 0;
	    text-align: right;
	    width: 455px;
	    margin-top:39px;
	}
	.footer-newsletter-banner{
	    display: inline-block;
	    float: none;
	}
	.block_footer_primary_bottom_right #subscribe-form{
		float:none;
	}
    .gift-card .text-left {
        float: none;
        width: 100%;
    }
    #amshopby-price-top-from, #amshopby-price-top-to{
        width: 60px;
    }
}

@media only screen and (min-width: 960px) {
    .at-svc-whatsapp {
        display: none!important;
    }
}

@media only screen and (max-width: 1024px) {
    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 9px;
    }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    }
}

@media only screen and (max-width: 1140px) {
    .footer .block_footer_payment{
        float: none;
        margin: 10px 0;
        text-align: left;
    }
    .footer-bottom .item-left {
        float: none;
    }
}
@media only screen and (max-width: 991px) {
	.footer .block_footer_primary_bottom_right{
	    margin-left: 0;
	    text-align: right;
	    width: 370px;
	    margin-top:39px;
	}
	.footer-newsletter-banner{
	    display: inline-block;
	    float: none;
	    width: 370px;
	}
	.block_footer_primary_bottom_right #subscribe-form{
		float:none;
	}
	.recent-reviews-section{
		width: 100%;
	}
    .header #mini-cart{ padding-left:0 }
    .accordion .opener, .acco .opener, .collapsible .opener{font-size: 22px; background-color: #E0E0E0;}
    .acco .opener:hover{ background-color: #E0E0E0;}
    .navi.nav-mobile ul.level0 .nav-item > a{ background-color: #E0E0E0;}
    .navi.nav-mobile ul.level0 .nav-item .opener{ background-color: #D0D0D0; color: #333333;}
    .navi.nav-mobile ul.level1 .nav-item > a{ background-color: #D0D0D0;}
    .navi.nav-mobile ul.level1 .nav-item .opener{ background-color: #C0C0C0;}
    .navi.nav-mobile ul.level2 .nav-item > a{ background-color: #C0C0C0;}
}

/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.container { max-width: unset; }
	.rate-link .left {
	    display: block;
	    float: none !important;
	    text-align: center;
	    width: 100%;
	}
    .product-view .btn-cart{
        min-width:0;
        padding:0;
    }
    .feature p{
        word-wrap: break-word;
    }
    .block-account .block-content ul{
        word-wrap: break-word;
    }
    .my-wishlist .buttons-set button.button{
        width:32%;
        padding:0;
    }
    #amount_range{
        width:100%;
    }
    .gift-card .text-left {
        float: none;
        width: 100%;
    }
    .cart .totals table tr td:first-child{
        padding-left:0;
    }
    .cms-page-view .sidebar .block .block-title strong span{
        word-wrap:break-word;
        font-size: 21px;
    }
    #amshopby-price-top-from, #amshopby-price-top-to{
        width: 60px;
    }
    .header-mobile .logo-wrapper--mobile {
        width: 35%;
    }
    .footer-container .footer-bottom .row {
        margin: 0 -1%;
        width: auto;
    }
}
@media only screen and (min-width: 768px) and (max-width: 880px) {
	.add-to-cart button.button span{ font-size: 14px;}
}
@media only screen and (max-width: 768px) {
    #opc-review .buttons-set p.f-left {
        margin-bottom: 15px;
        margin-top: -35px;
    }
    .top-banner-promo{
        margin-top: 15px;
        padding-top: 10px;
    }
}
@media only screen and (max-width: 1199px) {
    .catalog-product-view .product-view .grid12-3 { float: none !important; display: block; clear: both }
    .catalog-product-view .product-view .grid12-3, .catalog-product-view .product-view .grid12-9 { width: 100%; margin: 0 }
    .catalog-product-view .product-view .grid12-5 { width: 64.67% }
    .catalog-product-view .product-view .grid12-3 .inner { border: none; padding: 0 }
}

/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

@media only screen and (max-width: 991px){
    .header-mobile .logo-wrapper--mobile .logo--mobile svg { max-height: 125px; }
    .catalog-product-view .grid12-3 { float: none !important; display: block; clear: both }
    .catalog-product-view .grid12-3, .catalog-product-view .grid12-9, .footer-container .grid12-3, .footer-container .grid12-12 { width: 100%; margin: 0 }
    .catalog-product-view .grid12-5 { width: 64.67% }
    .catalog-product-view .grid12-3 .inner { border: none; padding: 0 }
    .box-reviews .review { text-align:left }
    .categoriesTab{display:block; float:right;}
    .filtersTab{float:left;}
    .filtersTab, .categoriesTab { width: calc(50% - 2px) }
    .filtersTab .block-title, .categoriesTab .block-title { display:block; text-align:center; padding-right: 12px; font-size: 16px; border-radius: 2px; border-bottom-color: #ffffff; background-color: #e0e0e0 }
    .amshopby-container-top{ padding: 4px; background-color: #f5f5f5 }
    .filtersTab.single .block-title, .categoriesTab.single .block-title { text-align:left; padding-left:5px;}
    .filtersTab .block-title.active, .categoriesTab .block-title.active { background-color: #f5f5f5; border-bottom-color: #f5f5f5; border-radius: 2px 2px 0 0 }
    .filtersTab.single, .categoriesTab.single {float :none; width: 100%; }
    .filtersTab.single .block-title.active, .categoriesTab.single .block-title.active { border-bottom:1px solid #e5e5e5; border-right:0; text-align:left;}
    #categoriesTab .block-content.no-display{ display:block!important;}
    .block-layered-nav.amshopby-filters-top .currently ol li{display:list-item;}
    .amshopby_attr_search.input-text{width:95%; margin-left: 4px;}
    div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav dd a.amshopby-attr-selected{ margin-left:10px; font-size: 12px;}
    .block-layered-nav dl dd ol > li > a.amshopby-attr-selected:hover { background: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/amshopby-cb2.gif) no-repeat left center;}
    .priceSlideMob ol li{ width: 96%; margin-left:2%; font-size: 11px;}
    #narrow-by-list{margin:0}
    .amshopby-narrow-by-list .caret{margin-right: 0 }
    #filtersTab .block-subtitle{ margin-top:10px;}
    div.block-layered-nav.amshopby-collapse-enabled dl dt, div.block-layered-nav.amshopby-collapse-enabled dl dt.collapsed{font-weight:normal; text-transform: initial; font-size: 12px;}
    .block-layered-nav .block-content{font-size:12px;}
    .block-layered-nav dl dd ol > li > a:hover{ background-repeat: no-repeat; background-position: left center;}
    .block-layered-nav {margin-top: 0; margin-bottom: 0 }
    .block-layered-nav .actions{ padding:0 0 0 10px; margin:0 }
    .filtersState .block-subtitle{margin-top: 10px; font-size:12px;}
    .filtersState {margin-bottom: 10px;}
    #categoriesTab .sideacco li.level0 > a{ background-color: #F5F5F5;}
    #categoriesTab .sideacco li.level1 > a{ background-color: #E0E0E0;}
    #categoriesTab .sideacco li.level0 .opener{ background-color: #E0E0E0 !important;}
    #categoriesTab .sideacco li.level1 .opener{ background-color: #D0D0D0 !important;}
    #categoriesTab .sideacco li.level2 > a{ background-color: #D0D0D0;}
    #categoriesTab .sideacco li.level2 .opener{ background-color: #D0D0D0;}
    #categoriesTab .sideacco .nav-item > .opener { width: 10px; height: 10px; padding: 14px }
    #categoriesTab .accordion-style1 li a{ border:none;}
    #categoriesTab .sideacco .nav-item > a:hover{background-color: #008080;  color: #ffffff;}
    .footer-container .row { width: 100%; margin: 0; }
}

@media only screen and (max-width: 767px) {
	#subscribe-form{
	    float: none;
	}
	.footer-newsletter-banner{
		float: none;
    	margin: 10px 0 20px;
    	width: 370px;
	}
	.footer-newsletter-banner img{
		width: 100%;
	}
	.footer .block_footer_primary_bottom_right{
	    margin-top: 0;
	    text-align: center;
	}
        #subscribe-form .footer-newsletter-confidence,
        #subscribe-form .footer-head {
            text-align: center;
        }
    .couponContainer{
		float:none;
		width:100%;
	}
	.giftcardContainer{
		float:none;
		width:100%;
	}
    .newsDescription{
        margin-top:20px!important;
    }
    .product-lower-primary-column {
        -ms-flex-order: 60;
        -webkit-order: 60;
        order: 60;
    }

    .main-container .container, .header-container .container, .footer-container .container { width: 92%; padding-left: 4%; padding-right: 4%;}
    .main-container .inner-container, .header-container .inner-container, .footer-container .inner-container{margin:0; padding:0;}
    .breadcrumbs{ margin-left:0 }
    .tabsMobile{
        -webkit-animation: fadeIn 0.5s;
        animation: fadeIn 0.5s;
    }
    .main{ padding-top: 15px;}
    .sorter .limiter{float:left; margin-left:10%; }

    .cms-uhrenservice table tr > td:last-child {width: 55px;}
    .cms-versand .data-table th, .cms-versand .data-table td{ font-size:8px; padding-right:1px;}

    .my-wishlist .buttons-set button.button{ margin-left:0 }
    .product-view .feature-wrapper.bottom-border{ margin: 20px 0; padding:0; border:none;}
    .giftvoucher-index-check .columns .column-main{min-height:0;}
    .gift-card .row{ margin:0;}
    #giftvoucher_container button{width:100%;}
    .promo-blocks .gap,
    .small-promo{
        width: 48.5%;
    }
    .small-promo.twoperrow{
        width: 48.5%;
    }
    .medium-promo {
        width: 100%;
    }
    .medium-promo a,
    .small-promo a{
        text-align: center;
    }
    .mag-mobile-img{
        display: block;
        margin: 0 auto;
    }
    .mag-desk-img{
        display: none;
    }
    .catalog-category-view .hide-below-768{
        display:block!important;
    }
    .customer-account .columns .column-main{min-height:0}
    .add-to-cart button.button span {
		font-size: 20px;
	}
    .cms-ultimo-home-page .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons {
    	display:none;
    }
    .opc .step-title h2 { font-size: 16px; }
    #checkout-progress-wrapper .opc-block-progress .block-title strong span { font-size: 18px; }
    .product-view .product-type-data .price-box, .prod-tax-label, .RatenContainer, .product-type-data .availability,
    .product-type-data .delivery, .product-view .product-type-data .percent-price,
    .product-view .product-type-data .msrp-price, .product-view .product-type-data #product-extra-info .store-availability-container { text-align: left; }
    .product-view .short-description h2 { display:block; }
    .product-name-brand-container:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        height: 0;
    }
    .product-shop .ratings { margin: 15px 0 0;}
    .product-view .product-shop .product-name h1 { margin-bottom: 0; }
    .product-view .mobile-product-tabs .std ul:not(.ic-ul) li {
        background: url('https://www.uhrenschmuck24.ch/skin/frontend/default/images/infortis/_shared/cck/list/bullet.png') 0 0 no-repeat;
        padding-left: 25px;
    }
    .product-view .mobile-product-tabs .panel > .section-title { display: none; }
    .product-options-bottom .add-to-cart.product-options { text-align: left; }
}

@media only screen and (max-width: 639px){
    .header-mobile .skip-link .label {
        display: block!important;
        font-size: 13px;
        margin-top: -13px;
    }
    .header-mobile .skip-account .label, html:lang(fr) .header-mobile .skip-cart .label.cart-text { display: none!important; }
    .header-mobile .skip-account:after, html:lang(fr) .header-mobile .skip-cart:after {
        margin-top: -13px;
        font-size: 13px;
        display: block;
        vertical-align: middle;
        line-height: 16px;
    }
    .header-mobile .skip-account:after {
        content: 'Konto';
    }
    html:lang(en) .header-mobile .skip-account:after {
        content: 'Account';
    }
    html:lang(fr) .header-mobile .skip-account:after {
        content: 'Compte';
    }
    html:lang(fr) .header-mobile .skip-cart:after {
        content: 'Mon Panier';
    }
    .header-mobile .skip-link{
    	padding-bottom:2px;
    }
}
.header-mobile .skip-link .amount.label{
    display: inline-block !important;
    margin-top: 0;
    font-size: 10px;
    line-height: 18px;
}

@media only screen and (min-width: 480px) and (max-width: 911px) {
	.container { max-width:unset; }
}

/* width < 480px */
@media only screen and (max-width: 479px) {
    #attributes-tab2{
        display:block;
    }
    #attributes-tab{
        display:none;
    }
    .box-reviews .review{
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .footer-newsletter-banner{
        width: 100%;
    }
    .footer .block_footer_primary_bottom_right{
        width: 100%;
    }
    .static-block-panel1 .data-table thead th{
        vertical-align: top;
    }
    .static-block-panel1 th p{
        line-height: 12px;
    }
    .static-block-panel1 th p span{
        font-size: 10px !important;
    }
    .static-block-panel1 tr p{
        margin-bottom: 0;
    }
    .static-block-panel1 tr p span{
        font-size: 10px !important;
    }
    .panel.static-block-panel1 th,
    .panel.static-block-panel1 td{
        padding: 3px;
    }
    .gen-tabs.accor .tabs-panels .panel.static-block-panel1{
        padding-left: 0;
        padding-right: 0;
    }
    .finance-details li span.label{
        width: 190px !important;
    }
    #giftvoucher-check-balance{ width: 100%;}
}
@media only screen and (max-width: 440px) {
    .my-wishlist .add-to-cart-alt .btn-cart{
        margin-left:5px;
    }
    button.newsButton{ width:100%;}
}
@media only screen and (max-width: 400px) {
    .promo-blocks .gap,
    .small-promo{
        width: 100%;
        text-align: center;
        margin: 3% auto 0;
        display: block;
    }
    .small-promo.twoperrow{
        width: 100%;
        padding-top:0;
    }
    .clearBlock{
        margin-bottom:21px;
    }
    .medium-promo{
        display: block;
        margin-top: 3%;
    }
    .medium-promo a,
    .small-promo a{
        text-align: center;
    }
    .mobile-img{
        display: block;
        margin: 0 auto;
    }
    .desk-img{
        display: none;
    }
}
@media only screen and (max-width: 365px) {
    .opc .step-title h2 { font-size: 13px; }
}
@media only screen and (max-width: 320px) {
    .product-view .box-reviews .form-add .data-table th:first-child{
        display:block;
        word-wrap:break-word;
        width:66px;
    }
    .product-view .box-reviews .form-add .form-list{
        width:87%;
    }
    .product-view .box-reviews #re_captcha{
        transform: scale(0.87);
        -webkit-transform: scale(0.87);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
    .customer-account-forgotpassword .buttons-set{ margin: 0 0 20px 0 !important; }
    .customer-account-forgotpassword #form-validate .fieldset, .customer-account-forgotpassword ul.form-list li.wide {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 1024px){
    #scroll-to-top{
        display: none !important;
    }
}

.feature span.icon { border-radius:50% }
.feature span.icon.large { background-color: #dfeded }
.feature .large svg { fill: #008080 }
.feature:hover .large  svg { fill: #ffffff }
.feature span.icon.large { width: 35px; height: 35px; padding: 20px }
.feature > span.icon{
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 3px;
}
#subscribe-form .input-text{
    width: 200px;
}
#subscribe-form .button{
    padding: 0 10px;
}
.contacts-index-index .buttons-set p.required, .customer-account-forgotpassword .buttons-set p.required {
    float: left;
}
.contacts-index-index .buttons-set .button, .customer-account-forgotpassword .buttons-set .button{
    float: left;
    margin: 0;
}
.customer-account-forgotpassword .buttons-set { margin-bottom: 20px; }
.customer-account-forgotpassword .main.container, .customer-account-forgotpassword .columns .column-main {
    min-height:0;
}
.customer-account-forgotpassword #form-validate .fieldset p { margin-bottom: 15px;}
.customer-account-forgotpassword .btn-checkout span span { font-size:14px; }
select.amshopby-select {
    width: 100%;
}
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;}

@media only screen and (max-width: 479px)
{
    .customer-account-forgotpassword .buttons-set{ margin: 20px 0 }
    .row {
        margin-left: -13px;
        margin-right: -13px;
    }
    .data-table th, .data-table td {
        padding: 5px 5px 5px 4px;
    }
}

.stock-msg {
    text-align: right;
    color: green;
    font-weight: bold;
    margin-bottom: 7px;
}
.stock-filter-wrapper a{
    display: inline-block;
}
@media only screen and (max-width: 991px) {
    .stock-filter-wrapper{
        margin-top: 10px;
        margin-bottom: 18px;
    }
}

.margin-left{
    margin-left: 10px;
}
.owl-carousel {
    touch-action: manipulation;
}
.watch-brand-logo span{
    display: inline-block;
    padding: 10px;
    border: 1px solid #eee;
    margin-top: 6px;
}
.product-view .product-type-data .price-box .regular-price .price .currency-symbol,
.product-secondary-column .special-price .price .currency-symbol{
    font-size: 20px;
}
.products-grid .price-box {
    font-size: 13px;
}
@media screen and (max-height: 575px){
    #rc-imageselect, .g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}

.modal-content button.button { margin-top: 20px }
.modal-content button.button span { white-space: normal; font-size: 16px }
.modal-content button.button span.description { font-size: 12px; margin-top: -5px; line-height: 16px; margin-bottom: 10px }

@media only screen and (max-width: 767px) {
    .modal-content button.button { width: 100% }
    .modal-content button.btn-green { margin-left: 0 }
}

.contact-page-faq { margin-top: 40px }
.contact-page-faq .collapsible .block-title.active, .tabs-panels .collapsible .block-title.active , .cms-faq .column-main .collapsible .block-title.active { font-weight: bold; border-bottom: none }
.contact-page-faq .collapsible .block-title, .contact-page-faq .collapsible .block-content, .tabs-panels .collapsible .block-title, .tabs-panels .collapsible .block-content, .cms-faq .column-main .collapsible .block-title, .cms-faq .column-main .collapsible .block-content { padding: 8px }
.contact-page-faq .collapsible .block-content p { margin-bottom: 20px }
.contact-page-faq .collapsible .block-title.active, .contact-page-faq .collapsible .block-content, .tabs-panels .collapsible .block-title.active, .tabs-panels .collapsible .block-content, .cms-faq .column-main .collapsible .block-title.active, .cms-faq .column-main .collapsible .block-content { background-color: #f2f2f2; border-left: 3px #008080 solid; margin-bottom: 0 }
.contact-page-faq .collapsible .block-title.active:after, .tabs-panels .collapsible .block-title.active:after, .cms-faq .column-main .collapsible .block-title.active:after { margin-top: 7px }

.cart-empty { margin-bottom: 40px }

/* Icons */
svg.sprite { position: absolute; left: -5000px }

/* Home */
.nav-item--home svg { width: 18px; height: 18px; margin: -4px 5px }
.nav-item--home.active svg, .nav-item--home :hover svg { fill: #ffffff }

/* Favorites */
#wishlist-header-link { position: relative }
#wishlist-header-link svg, .skip-wishlist svg { width: 13px; height: 13px; position: relative; top: 2px }
#wishlist-header-link:hover svg { fill: #ffffff }
@media only screen and (max-width: 639px) {
    .skip-wishlist svg { top: -3px; width: 16px; height: 16px }
}
.product-options-bottom .add-to-links svg { display: inline-block; vertical-align: middle; width: 19px; height: 16px; padding: 10px 8px; border-radius: 50%; background-color: #e5e5e5 }
.product-options-bottom .add-to-links :hover svg { fill: #ffffff; background-color: #333333 }
.in-wishlist svg { fill: #ffb158 }
.product-option-bottom .link-share svg { margin-top: 5px }
/* Cart */
.skip-cart svg { width: 13px; height: 13px; margin-right: 2px }
.add-to-cart button.button svg { width: 16px; height: 16px; fill: #ffffff; top: 2px; margin-right: 5px; position: relative }
.add-to-cart button.button:hover svg { fill: #000000 }
@media only screen and (max-width: 768px) {
    .skip-cart svg { width: 16px; height: 16px; position: relative; top: 3px }
    .add-to-cart button.button svg { width: 20px; height: 20px }
}
@media only screen and (max-width: 639px) {
    .skip-cart svg { top: -2px }
}

/* Search */
.form-search span span { padding: 5px 8px }
.form-search svg { fill: #bbbbbb }
.form-search:hover svg { fill: #000000 }
.skip-search svg { width: 14px; position: relative; top: 4px; margin-right: 5px }
@media only screen and (max-width: 639px) {
    .skip-search svg { top: -4px }
}

/* Menu */
.skip-nav svg { width: 16px; position: relative; top: 4px; margin-right: 6px }
.menu-trigger-inner svg { width: 17px; margin-left: 20px; position: relative; top: 3px; margin-right: 2px }
@media only screen and (max-width: 639px) {
    .skip-nav svg { top: -4px }
}

/* Account */
.skip-account svg { width: 14px; position: relative; top: 4px; margin-right: 5px }
@media only screen and (max-width: 639px) {
    .skip-account svg { top: -3px }
}

/* Feature Icons */
.feature .icon svg { fill: #008080 }
.footer .feature-icon-hover:hover > span.icon, .block_product_secondary_bottom .feature-icon-hover:hover > span.icon { background: transparent !important }
.footer .feature > p, .block_product_secondary_bottom .feature p { padding-top: 9px }

/* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Basic styles */
.feature { margin: 10px 0; }
.feature:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; }
.feature.first { margin-top: 0; }
.feature.last { margin-bottom: 0; }

/* With top/bottom border line */
.feature.top-border { border-top: 1px solid #f5f5f5; padding-top: 10px; }
.feature.bottom-border { border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; }

/* Wrapper with top/bottom line
-------------------------------------------------------------- */
.feature-wrapper.top-border {
    border-top: 1px solid #f5f5f5;
    margin-top: 20px;
    padding-top: 20px;
}
.feature-wrapper.bottom-border {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px;
    padding-bottom: 20px;
}


/* Feature headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature .heading {
    font-size: 1.3333em; /*16px*/
    line-height: 1.25em; /*20px*/
    margin-bottom: 0.625em; /*10px*/
    font-weight: normal;
}
.feature .above-heading {
    margin: 0 0 5px;
    font-size: 11px;
    line-height: 1.4545em; /*16px*/
    text-transform: uppercase;
    color: #888;
}
.feature .below-heading {
    font-size: 1em;
    font-style: italic;
    line-height: 1.3333em; /*16px*/
    color: #888;
}


/* Feature and icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Floating icons - additional margin
-------------------------------------------------------------- */
.feature .ic.left {
    margin: 0 15px 10px 0;
}
.feature .ic.right {
    margin: 0 0 10px 15px;
}

/* Vertically centered icon
-------------------------------------------------------------- */
.feature.v-centered-content .v-center .ic {
    margin: 0 5px 0 0;
}


/* Indented feature
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* IMPORTANT: inside indented feature, the first level icon automatically floats left */
.feature.indent > .ic,
.feature.indent > .icon /* For backward compatibility */
{
    float: left;
    margin: 0 10px 0 0;
}
/* But override this behavior if an icon is explicitly floated right */
.feature.indent > .ic.right,
.feature.indent > .icon.right /* For backward compatibility */
{
    float: right;
    margin: 0 0 0 15px;
}

/* Size of indentation
-------------------------------------------------------------- */
/* Size of indentation = width of iconbox + right margin of the iconbox */

/* Default */
.feature.indent
{
    padding-left: 46px; /* 36 + 10 */
    margin: 5px 0;
}
.feature.indent > .ic,
.feature.indent > span.icon /* For backward compatibility */
{
    margin-left: -46px;
}

/* Large */
.feature.indent-size-l,
.feature.indent.large /* For backward compatibility */
{
    padding-left: 63px;
}
.feature.indent-size-l > .ic,
.feature.indent.large > .ic, /* For backward compatibility */
.feature.indent.large > span.icon.large /* For backward compatibility */
{
    margin-left: -63px;
}
@media (min-width: 768px) {
    .card-row-sm {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .card-row-sm .col-sm-6,
    .card-row-md .col-sm-4 {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .card-row-sm .col-sm-6 .block,
    .card-row-sm .col-sm-4 .block{
        width: 100%;
    }
}
@media (min-width: 991px) {
    .card-row-md {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .card-row-md .col-md-6,
    .card-row-md .col-md-4 {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .card-row-md .col-md-6 .block,
    .card-row-md .col-md-4 .block {
        width: 100%;
    }
}

.category-products-grid {
    display: flex;
    flex-wrap: wrap;
}
.category-products-grid > .item {
    float: none;
}

.banner-wrapper { position: relative; display: block; }
.page-banners .banner a { display: block; color: #000000 }
.page-banners .banner a img { display: block; margin: 0 auto; }
.page-banners .banner { margin-bottom: 2%; background-color: #eeeeee; color: #000000; text-transform: uppercase; line-height: normal; font-size: 18px }
.page-banners .banner .zero-percent { font-size: 6.5em; float: left; padding: 0.05em .15em; letter-spacing: -.07em; }
.page-banners .banner .title { font-size: 1.8em; font-weight: 700; padding: .7em 0 .1282em 0 }
.page-banners .description { font-size: .9em; line-height: 1.75em }
.page-banners .description .line-1 { letter-spacing: .003em }
.page-banners .description .line-2 {letter-spacing: -.015em }
.page-banners .banner span { color: #008080; text-decoration: underline }
.page-banners .banner .our-service { font-size: 1.6em; padding: .9em .8em .8em 1em; float: left; font-weight: 700; }
.page-banners .banner .our-service .our { letter-spacing: .23em }
.page-banners .banner .our-service .for-you { letter-spacing: .07em }
.page-banners .banner ul { padding-top: .88em }
.page-banners .banner li { margin: .8333em 0 }
.page-banners .banner ul svg { width: .7777em; height: .7777em }

html[lang="fr"] .page-banners .banner .title { padding-top: .7em; line-height: 1.1em; text-align: center; font-size: 1.7em }
html[lang="fr"] .page-banners .banner .description { text-align: center }
html[lang="fr"] .page-banners .banner ul { padding-top: 1.1em }
html[lang="fr"] .page-banners .banner li { font-size: .9em }
html[lang="fr"] .page-banners .banner .our-service { padding: 1.4em .4em 1.5em 1.2em; font-size: 1.3em }
html[lang="fr"] .page-banners .banner .our-service .our { letter-spacing: .8em }
html[lang="fr"] .page-banners .banner .our-service .service { letter-spacing: .4em }

.page-banners .banner:after { content: ""; display: block; clear: both; visibility: hidden; height: 0 }

@media (max-width: 3000px) {
    .block_cart_below_table .page-banners .banner { font-size: 15px }
}

@media (max-width: 1399px) {
    .page-banners  .banner { font-size: 16px }
    .block_cart_below_table .page-banners .banner { font-size: 14px }
}

@media (max-width: 1280px) {
    .page-banners  .banner { font-size: 14px }
    .block_cart_below_table .page-banners .banner { font-size: 13px }
}

@media (max-width: 1120px) {
    .page-banners  .banner { font-size: 12px }
    .block_cart_below_table .page-banners .banner { font-size: 11px }
}

@media (max-width: 991px) {
    .page-banners  .banner { font-size: 14px }
    .block_cart_below_table .page-banners .banner { font-size: 9px }
}

@media (max-width: 880px) {
    .page-banners  .banner { font-size: 12px }
    .block_cart_below_table .page-banners .banner { font-size: 8px }
}

@media (max-width: 767px) {
    .page-banners  .banner { font-size: 24px }
    .nested-container.container-bellow-category-collection { width: 100%; margin-left: 0; }
    .nested-container.container-bellow-cart { width: 100%; margin-left: 0; }
}

@media (max-width: 750px) {
    .page-banners  .banner { font-size: 22px }
}

@media (max-width: 680px) {
    .page-banners  .banner { font-size: 20px }
}

@media (max-width: 620px) {
    .page-banners  .banner { font-size: 18px }
}

@media (max-width: 560px) {
    .page-banners  .banner { font-size: 16px }
}

@media (max-width: 500px) {
    .page-banners  .banner { font-size: 14px }
}

@media (max-width: 430px) {
    .page-banners  .banner { font-size: 12px }
}

@media (max-width: 380px) {
    .page-banners  .banner { font-size: 10px }
}

@media (max-width: 1199px) {
    /* Disable hover effect */
    .category-products-grid.hover-effect .item:hover {
        margin-left: 0;
        margin-right: 0;
        padding-left: 1%;
        padding-right: 1%;
        box-shadow: none !important;
        border-color: #e5e5e5;
    }

    /* Show elements normally displayed only on hover */
    .category-products-grid.hover-effect .item .display-onhover { height: auto }

    /* Show full name even if enabled: display name in single line */
    .products-grid.single-line-name .item .product-name { overflow: visible; white-space: normal; }

    .products-grid li.item ul.swatches { display: block !important }

    .swipe-hint-container {
        position: absolute;
        width: 100%;
        height: 30px;
        background-image: linear-gradient(to bottom, rgba(248, 248, 248, 0), rgba(248, 248, 248, 1) 100%);
        text-align: center;
    }
    .swipe-hint-container img {
        width: 20px;
        height: 20px;
        position: absolute;
        bottom: 0;
        left: 45%;
    }
}

.modal .modal-content.video-modal { padding: 50px 10px 10px }

.rma-title  h1 {
    float: left;
}

.rma-title .rma-status-wrapper {
    float: left;
}

.rma-title .rma-status {
    font-size: 16px;
    font-weight: 600;
    border: 1px solid;
    padding: 3px 10px;
    float: right;
    margin-left: 10px;
    line-height: 24px;
    margin-top: 5px;
}

.rma-items h2.legend {
    margin-left: 165px;
}

.rma-items .image-wrapper {
    position: absolute;
    top: -15px;
    left: 0;
    width: 150px;
}

.rma-items .form-list-wrapper {
    margin-left: 165px;
}

@media (max-width: 767px) {
    .rma-items h2.legend {
        margin-left: 0;
    }

    .rma-items .image-wrapper {
        position: relative;
        top: 0;
    }

    .rma-items .form-list-wrapper {
        margin-left: 0;
        float: left;
        width: calc(100% - 165px);
        padding-left: 15px;
    }
}

@media (max-width: 680px) {
    .rma-title .rma-status-wrapper {
        float: left;
        width: 100%;
    }

    .rma-title .rma-status-wrapper .rma-status {
        float: left;
        margin-left: 0;
    }
}

.modal-outer-wrapper, .modal-outer-wrapper *, .modal-outer-wrapper :after, .modal-outer-wrapper :before {
    box-sizing: border-box;
}

.modal .modal-content {
    color: #000;
    background: #fff;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 9905;
    max-width: 100%;
    max-height: 95%;
    padding: 50px 20px 20px;
}

.modal .modal-content {
    overflow: auto;
}

.modal .modal-content:focus {
    outline: 0
}

.modal .modal-content iframe { border: none; max-width: 100% }

.modal-background {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9901;
    overflow: hidden;
    position: fixed;
    opacity: .5;
    background: url(https://www.uhrenschmuck24.ch/skin/frontend/default/images/overlay.png) repeat 0 0;
}

@media only screen and (max-width: 767px) {
    .modal-background {
        opacity: .8;
        background: #000;
    }
}

.modal-background ~ .modal-background {
    display: none
}

.modal-wrap {
    z-index: 9902;
    position: fixed;
    outline: none !important;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-backface-visibility: hidden
}

.modal-container, .modal-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal-container {
    padding: 8px;
    position: absolute;
    text-align: center
}

.modal-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.modal-btn-close {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 10px;
    line-height: 32px;
    top: 10px;
    z-index: 1;
    transition: color .15s ease-in-out;
    cursor: pointer
}

.modal-btn-close:hover:before, .modal-btn-close:hover:after {
    background-color: #008080
}

.modal-btn-close:before, .modal-btn-close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #000000;
}

.modal-btn-close:before {
    transform: rotate(45deg);
}

.modal-btn-close:after {
    transform: rotate(-45deg);
}

.modal-btn-close:active {
    margin-top: 1px
}

.modal-btn-close:focus {
    outline: none
}

.modal-btn-close:focus:before {
    box-shadow: 0 0 5px 3px rgba(125, 177, 228, .8)
}

.modal-content .button { padding: 0 12px }


.mfp-close:hover, .mfp-close:focus {
    color: #008080
}

.skeleton-modalbox {
    position: relative;
    overflow: hidden;
    margin: 0;
    background: #eeeeee;
    min-width: 200px;
    min-height: 200px;
}

.skeleton-modalbox:after {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(90deg, #eeeeee, hsla(0, 0%, 100%, .7), #eeeeee);
     content: "";
     animation: skeleton-modalbox 1s ease-in-out infinite;
}

@keyframes skeleton-modalbox {
    0% { transform: translate3d(-100%, 0, 0); }
    to { transform: translate3d(100%, 0, 0); }
}

.block-amseorichdata
{
    margin: 20px 0 10px;
    clear: both;
}

.block-amseorichdata .block-content
{
    padding: 7px 7px;
}
@media only screen and (min-width: 1440px) {
    .itemgrid-adaptive.itemgrid-3col .item {
        width: 23%;
        clear: none !important;
    }
    .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(5n+1) {
        clear: none !important;
    }
    .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) {
        clear: left !important;
    }
}
.ringsizer-wrapper{
    background: none repeat scroll 0 0 white;
    margin: 0 auto 40px;
    max-width: 610px;
    padding: 20px 30px;
    position: relative;
    text-align: left;
    z-index: 1050;
}
.ringsizer-wrapper button.button span { font-size: 16px }
.ring-option-title{
    font-family: "Gotham", Arial, sans-serif;
    font-size: 23px;
    text-transform:uppercase;
    line-height: 39px;
    margin: 0 0 4px;
}
.modalBoxTitle{
    text-align: center;
}
.ringsizer-wrapper.cmspage{ padding:0; margin:0; z-index: auto; }
.ring-sizer-description{ margin-bottom: 10px; margin-top: 10px; }
.mfp-wrap{ z-index: 2400; }
#ringsizer-wrapper .form-list .field{ padding-right:15px; }
#ringsizer-wrapper{ height:100%; }
#ringsizer-wrapper .captch-field .right-captcha{ margin: 15px 13px ; float: right; }
#ringsizer-wrapper .captch-field .left{ margin-right: 10px; }
.ringLink { padding: 15px 12px 0 12px; text-align: right; }

.form-list .mailchimp-general-list label { float: none; font-weight: normal }

.ringsizer-wrapper #form-validate-ringsizer.form-valid .form-list button.button {
    background-color: #008080;
    color: #ffffff;
}
.closePopup {
    top: 15px;
    background: none;
    right: 15px;
    font-size: 20px;
    position: absolute;
    bottom: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
.closePopup:after, .closePopup:before{
    position: absolute;
    right: 17px;
    top: 0px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #000000;
}
.closePopup:after { transform: rotate(-45deg); }
.closePopup:before { transform: rotate(45deg); }
.closePopup:hover:after, .closePopup:hover:before { background-color: #008080; }

@media only screen and (max-width: 767px) {
    #ringsizer-wrapper {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        height: 100%;
        position: fixed;
        top: 0;
    }

    #ringsizer-wrapper .form-list {
        margin-bottom: 30px;
    }

    body.popupStyle {
        overflow: hidden;
        position: fixed;
    }
}
@media only screen and (max-width:670px) {
    #ringsizer-wrapper .captch-field .right-captcha{
        float: none;
        text-align: center;
        margin: 15px 0 0 0;
    }
}
@media only screen and (max-width:479px) {
    #ringsizer-wrapper {
        max-width: calc(100% - 53px);
        padding: 20px 20px;
    }
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2001;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
}
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444; }

.mfp-figure {
  line-height: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }



/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;

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



    -webkit-transform: scale(0.8); 
    -moz-transform: scale(0.8); 
    -ms-transform: scale(0.8); 
    -o-transform: scale(0.8); 
    transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;

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

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8); 
    -moz-transform: scale(0.8); 
    -ms-transform: scale(0.8); 
    -o-transform: scale(0.8); 
    transform: scale(0.8); 

    opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out; 
    -moz-transition: opacity 0.3s ease-out; 
    -o-transition: opacity 0.3s ease-out; 
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
    transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
    transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;

    -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
    transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;

    -webkit-transition: opacity 0.3s ease-out; 
    -moz-transition: opacity 0.3s ease-out; 
    -o-transition: opacity 0.3s ease-out; 
    transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}