/*
 *  Transitions
 *  ------------------------------------------------------------
 */

.animate-all { 
	-webkit-transition: all 175ms ease-out; 
	-moz-transition: all 175ms ease-out; 
	-ms-transition: all 175ms ease-out; 
	-o-transition: all 175ms ease-out; 
	transition: all 175ms ease-out; 
}

/*
 *  Globals & resets
 *  ------------------------------------------------------------
 */

main, footer {
	-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, body { margin: 0; padding: 0; scroll-behavior: smooth; }
button, .container-search input, .container-search select { background: transparent; border: none; }
.container-search input { -webkit-appearance: none; }
::-moz-placeholder, :-moz-placeholder { opacity: 1; }
::-webkit-search-cancel-button { -webkit-appearance: none; }
input::-webkit-outer-spin-button { -webkit-appearance: none; }
input::-webkit-inner-spin-button { -webkit-appearance: none; }
a, button {color: inherit;text-decoration: none;}
h1, h2, h3, p, ul, li, table, tr, td { margin: 0; padding: 0; }

* { -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
* { box-sizing: border-box; }

/*
 *  Webkit scrollbars
 *  ------------------------------------------------------------
 */

::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: rgba(0,0,0,1); }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.25); }

/*
 *  ------------------------------------------------------------
 *  ------------------------------------------------------------
 *  ------------------------------------------------------------
 */

/*
 *  Components: Main & wrappers
 *  ------------------------------------------------------------
 */

.wrapper {position: relative;/* overflow: auto; */}
.wrapper-narrow { width: 800px; }
.wrapper-default { width: 1280px; }
.wrapper-default img { max-width: 1280px; }

.table { display: table; }
.cell { display: table-cell; vertical-align: middle; }

/*
 *  Components: Icons, symbols & graphical objects
 *  ------------------------------------------------------------
 */

.cart .icon i { font-size: 30px; }
#language-select i { vertical-align: sub; margin: 0 0 0 7px; }
#language-select.active i, .container-search + div i { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg); }
#currency-select .currency-icon { float: left; font-size: 30px; margin: 25px 20px 0 0; }
#currency-select i { vertical-align: sub; margin: 0 0 0 7px; }
#currency-select.active i, .container-search + div i { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); transform: rotateZ(180deg); }
.container-search i.material-icons { font-size: 29px; margin: 0 10px 0 20px; vertical-align: text-bottom; }
.container-search + div i { font-size: 40px; padding-bottom: 5px; }
article .date i, .pagination button i { vertical-align: sub; }
.pagination button i { font-size: 21px; margin: 0px 20px; }
a.button i { position: absolute; top: calc(50% - 12.5px); right: 40px; font-size: 25px; }

hr { border: none; height: 1px; }
table tr td hr { background: transparent; border-top: 1px dashed rgba(0,0,0,0.5); }

/*
 *  Components: Tables & "paper" objects
 *  ------------------------------------------------------------
 */

table { width: 100%; }
.paper { overflow: auto; }
.paper .col { float: left; width: calc(50% - 40px); }
.paper a { color: -webkit-link; }
.paper label { display: block; }
.paper input[type="text"], .paper button, .paper textarea {width: 100%;border-radius: 20px;border: none;}
.paper input[type="text"] .paper textarea { border: 1px solid transparent; }
.row-price strong { float: right; }

/*
 *  Components: Form elements
 *  ------------------------------------------------------------
 */

form { position: relative; }
.container-search { border-radius: 20px; }
.container-search .row { overflow: hidden; }

.field { line-height: 80px; border-radius: 20px; }
.container-search .field { float: left; height: 80px; margin: 0 10px 10px 0; width: calc(50% - 5px); }
.container-search .row:last-child .field { margin: 0 10px 0 0; }
.container-search .field:last-child { margin: 0 0 10px 0; }
.container-search .row:last-child .field.price_min,
.container-search .row:last-child .field.price_max { margin: 0; }
.container-search .keyword { width: 100%; }

.container-search .price_min { border-radius: 20px 0 0 20px; width: 25%; }
.container-search .price_max { border-left: 1px solid rgba(120,120,120,0.25); border-radius: 0 20px 20px 0; width: 24%; }
.container-search input { width: calc(100% - 65px); height: 100%; }
.container-search .price_max input { margin-left: 20px; width: calc(100% - 25px);}

.container-search + div { position: absolute; right: 0px; cursor: pointer; }
input[type="checkbox"] { margin: 18px 20px 0px 0px; float: left; }
.select-wrapper { width: 100%; border-radius: 20px; padding: 0px 20px; background: #ffffff; overflow: hidden; margin: 10px 0; border: 1px solid transparent; }
.select-wrapper select { width: 100%; height: 72px; border: 0; outline: 0; background: #ffffff; }
div[data-search] { width: 50%; }
.container-search + [data-type="submit-search"] { border-radius: 20px; font-size: 24px; height: 80px; margin: 0 20px; text-align: center; width: 23%; }
.container-search + [data-type="submit-search"] span { font-size: 24px; font-weight: 400; line-height: 80px; }

/*
 *  Components: Buttons
 *  ------------------------------------------------------------
 */

a.button { display: block; position: relative; width: 100%; height: 80px; line-height: 76px; border-radius: 20px; text-align: center; border: 1px solid rgba(35,40,65,1); }
button.inactive { pointer-events: none; }

/*
 *  Components: Header, nav, cart
 *  ------------------------------------------------------------
 */

#mobile-menu, #mobile-back { display: none; }
.mobile-show { display: none; }
header, nav { position: fixed; left: 0px; text-align: center; }
header {
	top: 0px;
	width: 100%;
	z-index: 9;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	box-sizing: border-box;
}
nav { top: 80px; width: 100%; box-shadow: 0 20px 40px -15px rgba(0,0,0,0.16); z-index: 8; }
header, nav, header button, .cart, .cart .icon, .cart .icon i { height: 80px; line-height: 80px; }
.cart .icon { width: 100px; }
.hidden { display: none; }

/* Language and Currency Buttons */
.header-left {
	display: flex;
	align-items: center;
	float: left; /* Fallback for older browsers */
}
#language-select {
	border-right: 1px solid rgba(0,0,0,0.1);
	padding: 0 20px 0 10px;
	width: 200px;
}
#currency-select {
	padding: 0 20px;
}

/* Logo Positioning */
header #logo {
	height: 30px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 0;
	width: 194px;
}

/* Logged-in Message */
.logged-in-message {
	position: absolute;
	right: 120px;
	margin: 0;
	line-height: 80px;
	text-align: right;
}

/* Dropdowns */
#languages, #currencies {
	position: fixed;
	left: 0px;
	top: 80px;
	display: none;
	width: 239px;
}
#currencies {
	left: 240px;
	width: 179px;
}
#languages.active, #currencies.active { display: block; }
#languages a, #currencies a {
	display: block;
	text-align: left;
	border-bottom: 1px solid rgba(128,128,128,0.2);
	opacity: 1;
}
#languages a:last-child, #currencies a:last-child { border-bottom: none; }
#languages a:hover, #currencies a:hover { opacity: 0.65; }

/* Cart */

.cart {
	float: right;
	margin-left: auto; /* Pushes cart to the far right in flexbox */
}

.cart-dropdown {
	position: relative;
	display: inline-block;
}

.cart-dropdown .dropdown-content {
	display: none;
	position: absolute;
	right: 0;
	background-color: #fff;
	min-width: 120px;
	box-shadow: 0 8px 16px rgba(0,0,0,0.2);
	z-index: 1000;
	padding: 10px;
	border-radius: 6px;

}

.cart-dropdown:hover .dropdown-content {
	display: block;
}

.cart-dropdown button {
	width: 100%;
	background: none;
	border: none;
	text-align: left;
	white-space: nowrap;
	display: flex;
	align-items: center; /* Vertical centering */
	justify-content: flex-start; /* Keep text left-aligned */
	height: 48px; /* Taller buttons */
	padding: 8px 16px; /* Horizontal padding */
	font-size: 16px; /* Slightly larger text */
}

.cart-dropdown button:hover {
	background-color: #f0f0f0;
}


/*
 *  Component: Footer
 *  ------------------------------------------------------------
 */

footer hr { margin: 25px 0 65px 0; }
footer .details { display: inline-block; }
footer .details.left { width: 419px; }
footer .details.right { width: 195px; }
footer .app_container img { height: 90px; margin: 0; width: 180px; }
footer .app_container img.google_icon { margin: 0 0 0 -15px; width: 233px; }
footer + .top {background: rgba(35, 40, 65, 1);border-radius: 100%;bottom: 50px;color: rgba(255,255,255,1);opacity: 0;height: 50px;position: fixed;right: 50px;transition: opacity 300ms ease-in, background 150ms ease-in-out;width: 50px;}
footer + .top.active { opacity: 1; }
footer + .top.active:hover { background: rgba(35, 40, 65, 0.4); }
footer + .top i { left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) translateZ(0); }

/*
 *  Component: Intro
 *  ------------------------------------------------------------
 */

section#intro { 
	/* height: calc(100vh - 80px); max-height: 820px; */
	padding-bottom: 0px;
 }
section#intro .wrapper-narrow { height: 100%; }

/*
 *  Components: Articles, results and pagination
 *  ------------------------------------------------------------
 */

.posts { overflow: auto; }

article { box-shadow: 0 40px 40px -35px rgba(0,0,0,0.24); cursor: pointer; }

article.default { float: left; width: 400px; height: 590px; }
article.default .image { width: 100%; height: 225px; }

article.latest { position: relative; width: 100%; height: 360px; }
article.latest .image { width: 50%; height: 360px; float: left; }
article.latest .date { position: absolute; bottom: 0px; left: 50%; }

.pagination button { width: 400px; height: 60px; border-radius: 20px; float: right; text-align: right; }
.pagination .page { display: inline-block; line-height: 60px; min-width: 40px; height: 60px; border-radius: 20px; padding: 0 10px }
.pagination button:first-child { float: left; text-align: left; }

.results { margin: 20px 0; }
.results .hidden { display: none; }
.result { position: relative; }
.result select { cursor: pointer; }
.result .row, .extras .row { overflow: auto; }
.result .col-head, .result .col-data, .extras .col-head, .extras .col-data { float: left; }
.result .col-head, .extras .col-head { width: 320px; }
.result .col-data, .extras .col-data { width: calc(100% - 320px); }
.result select { border: none; }
.result .row button, .result .row.amount span { padding: 10px; border-radius: 20px; }
.result .row.amount span { width: 40px; display: inline-block; text-align: center; border-radius: 20px; }
.result .row button[data-button-type="amount-add"], .result .row button[data-button-type="amount-remove"] { min-width: 40px; }
.result .toggle { position: absolute; top: 40px; right: 40px; -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); }
.result.active .toggle { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); opacity: 0.2; }

.view-type { position: absolute; top: 75px; right: 0px; }
.view-type i { display: inline-block; cursor: pointer; }

.pointer { cursor: pointer; }

.list-row { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.8); border-radius: 20px; background: rgba(0, 25, 100, 0.05); padding: 0 0 0 12px }
/* .list-row.sorted .list-col:not(.sorted) a i { opacity: 0; } */
.list-row span.title {
	float: left;
    font-size: 14px;
    font-weight: 600;
}
.list-row .sort-icons {
	position: relative;
	float: left;
	margin: 5px 0 0 10px;
}
.list-row .sort-icons i {
	opacity: 0.5;
	position: absolute;
}

.list-row .sort-icons a .sort-icon {
	background-image: url(../img/triangle.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 10px;
	opacity: 0.5;
	width: 10px;
}

.list-row .sort-icons a .sort-icon[data-sort-desc] {
	transform: rotate(180deg);
}

.list-row .sort-icons a .sort-icon:hover,
.list-row .sort-icons a .sort-icon.active {
	opacity: 1;
}

.list-row .sort-icons i:hover,
.list-row .sort-icons i.active {
	opacity: 1;
}

.list-row .sort-icons i[data-sort-asc] {
	top: -3px;
}
.list-row .sort-icons i[data-sort-desc] {
	top: 3px;
}
.list-row:nth-child(1) .list-col { border-right: 0; font-weight: 600; height: 30px; line-height: 30px; padding: 0 0 20px 5px; }
.list-row:nth-child(1) .list-col a { font-size: 14px; font-weight: 600; }
.list-row:nth-child(1) .list-col a i {font-size: 32px;margin: -5px;vertical-align: middle;}
/* .list-row:not(:first-child):hover, .list-row:nth-of-type(odd):hover { background: rgba(0, 25, 100, 0.25); } */
.list-row:first-child:hover { background: transparent; }
.list-row:nth-of-type(odd) { background: rgba(255, 255, 255, 0.5); }
.list-row .list-col { border-right: 1px solid rgba(0,0,0,0.1); display: table-cell; /* overflow: hidden; */ font-size: 14px; height: 100%; min-height: 60px; /* text-align: center; */ padding: 10px; vertical-align: middle; word-break: break-all; }
.list-row .list-col:last-child { border-right: 0; }
.list-row .list-col:nth-child(1) { width: 120px }
.list-row .list-col:nth-child(2) {width: 165px;}
.list-row .list-col:nth-child(3) { width: 300px; }
.list-row:not(:first-child) .list-col:nth-child(3) { font-size: 12px; font-weight: 500; line-height: 20px; }
.list-row .list-col:nth-child(4) { width: 150px; }
.list-row .list-col:nth-child(5) {width: 132px;}
.list-row .list-col:nth-child(6) { width: 150px; }
.list-row .list-col:nth-child(7) { width: 120px; }
.list-row .list-col:nth-child(8) { width: 150px; }
.list-row .remove-from-cart { background: transparent !important; }

.list-row button { font-weight: 400; }
.list-row span.mobile-title { display: none; }

.list-row .result-select { font-size: 14px; }
.list-price { display: inline-block; font-size: 14px; padding: 0px 10px; }
/*.list-view { background: rgba(0, 0, 0, 0.25) !important; }*/

/*
 *  Component: Loader
 *  ------------------------------------------------------------
 */

.loading { width: 100%; height: 100%; }
.loader { width: 40px; height: 40px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); position: relative; }
.loader div { width: 20px; height: 20px; position: absolute; background-color: rgba(255,222,89,0); }
.loader div:nth-child(1) { left: -1px; top: -1px; }
.loader div:nth-child(2) { right: -1px; top: -1px; }
.loader div:nth-child(3) { left: -1px; bottom: -1px; }
.loader div:nth-child(4) { right: -1px; bottom: -1px; }

.loader div:nth-child(1) { animation: cube-spin 2s cubic-bezier(.09, .57, .49, .9) infinite; }
.loader div:nth-child(2) { animation: cube-spin 2s 0.5s cubic-bezier(.09, .57, .49, .9) infinite; }
.loader div:nth-child(4) { animation: cube-spin 2s 1s cubic-bezier(.09, .57, .49, .9) infinite; }
.loader div:nth-child(3) { animation: cube-spin 2s 1.5s cubic-bezier(.09, .57, .49, .9) infinite; }

loader { background: rgba(0, 0, 0, 0.75); display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10; }
loader .info-text { color: rgba(255, 255, 255, 1); text-align: center; }
loader.out, loader .info-text.out { display: none; }

@keyframes cube-spin {

	5% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		background-color: rgba(0,0,0,0); 
	}

	10% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		background-color: rgba(184,190,217,0.1);
	}

	30% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		background-color: rgba(184,190,217,1);
	}

	70% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		background-color: rgba(184,190,217,0.1); 
	}

	90% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		background-color: rgba(0,0,0,0); 
	}

	95% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		background-color: rgba(0,0,0,0); 
	}

}

/*
 *  Component: App
 *  ------------------------------------------------------------
 */

/*.app-header { padding-top: 20px; height: 100px; }*/

/*
 *  ------------------------------------------------------------
 *  ------------------------------------------------------------
 *  ------------------------------------------------------------
 */

/*
 *  Clicks, touch & action
 *  ------------------------------------------------------------
 */

*:focus { outline: none; }
button, header img { cursor: pointer; }

/*
 *  Padding & margin
 *  ------------------------------------------------------------
 */

header { padding: 0 0 0 40px; }
section, footer { padding: 20px 0; }
section.first { padding: 120px 0 40px 0; }
footer .details.right { margin: 0 0 0 85px; }
.wrapper { margin: 0 auto; padding: 40px 0 80px 0; }
.wrapper-end { padding: 0 0 70px 0; }

nav a { padding: 0 20px; }
h1, h2, h3 { padding: 20px 0; }
p { padding: 15px 0; }
ul { padding: 0 0 20px 40px; }
li, .paper label { padding: 10px 0 0 10px; }
hr { margin: 65px 0; }
table tr td hr, .paper input[type="text"], .paper textarea { margin: 10px 0; }
loader .loader { margin: 50vh auto 80px auto; }
.loader { margin: 0 auto 80px auto }
.paper, .result { padding: 40px; margin: 20px 0; }
.extras { padding: 40px; margin: -20px 0 0 0; }
.paper .col { min-height: 100px; }
.paper .col:nth-child(odd) { margin: 0 40px 0 0; }
.paper input[type="text"], .paper button, .paper textarea { padding: 20px; }
.result .row.amount button[data-button-type="cart"] { padding: 10px 20px; }
.result .row.price, .result .row.amount { margin: 20px 0 0 0; }
.paper button.submit { margin: 20px 0 0 40px; }
.paper .row { display: inline-flex; }
.paper td span.amount { border: solid 1px; border-radius: 10px; padding: 3px; }
.paper td button { color: rgba(0,0,0,1); font-weight: 800; padding: 0; width: 10%; }
table tr td, table tr th { padding: 3px 6px; }
#languages a { padding: 15px 50px 15px 55px; }
#currencies a { padding: 15px 50px 15px 77px; }
#currency-select { border-right: 1px solid rgba(0,0,0,0.1); padding: 0 20px 0 30px; width: 180px }
.container-search { margin: 25px 0; padding: 20px;}
/* .field { margin: 20px 0px 0px 20px; padding: 20px 0;} */
.field.price_max { margin: 0; }
.flag { margin: 0 20px 0 0; }
article .date i { margin: 0 20px 0 0; }
.field i { margin: 0 20px 0 40px; }
.pagination { margin: 40px 0 0 0; }

article.latest { margin: 0 0 40px 0; }
article.latest .image { margin: 0 40px 0 0; }
article.default { margin: 0 40px 40px 0; }
article.default:nth-child(3n) { margin: 0 0 40px 0; }
article h3 { padding: 35px 40px 10px 40px; }
article p, article .date { padding: 15px 40px; }
article .date, .image-main { margin: 20px 0 20px 0; }

/*
 *  Backgrounds
 *  ------------------------------------------------------------
 */

header, #languages, #currencies { background: rgba(255,255,255,1); }
.container-search, footer hr, .result .row.amount span { background: rgba(255,255,255,0.2); }
.container-search .field { background: rgba(35, 40, 65, 0.4); }
.container-search .field.brand,
.container-search .field.cas { background: rgba(35, 40, 65, 0.8); }
.paper, .extras { background: rgba(184,190,217,0.2); }

.cart .articles {
	background: rgba(228,0,43,1);
	position: absolute;
	top: 18px; /* Adjust the position as needed */
	right: 28px; /* Adjust the position as needed */
	color: white;
	border-radius: 50%;
	padding: 2px 4px;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	display: inline-block;
}

article, a.button:hover, nav, .pagination button, .pagination .page, .result, .result select { background: rgba(35,40,65,1); }
.pagination .page.active, button.inactive { background: rgba(35,40,65,0.2); }
.paper button.submit, 
.result .amount button[data-button-add-to-cart], 
.container-search + [data-type="submit-search"], 
[data-result-view-type="regular"] a[contact-us] { 
	background: rgba(30,201,84,1); 
}
[data-result-view-type="regular"] a[contact-us] {
	border-radius: 20px;
	padding: 10px;
}
.paper button.disabled { background: rgba(200,200,200,1); pointer-events: none; }
.remove-from-cart { background: rgba(228,0,43,1) !important; }

section#intro { background-image: linear-gradient(135deg, rgba(35, 40, 65, 0.75) 20%, rgba(228, 0, 43, 0.5) 100%), url(../img/bg_grass.jpg); background-size: cover; background-position: center; background-attachment: fixed; }
section#intro .overlay { background-color: rgba(35, 40, 65, 0.75); 
	/* height: calc(100% + 20px); max-height: calc(100vh - 80px); */
	padding: 60px 0;
}
section#intro .overlay .wrapper-narrow { height: auto; }
article .image { background-size: cover; background-position: center; }
footer, .loading { background-image: url(../img/bg_reaction.jpg); background-size: cover; background-position: bottom right; background-attachment: fixed; }

/*
 *  Colors
 *  ------------------------------------------------------------
 */

header, #languages a, #currencies a { color: rgba(128,128,128,1); }

h1, h2, p, table tr td, table tr th, .pagination .page, .extras { color: rgba(35,40,65,1); }

nav, section#intro p, article p, footer p, .loading p, .app_container { color: rgba(184,190,217,1); }
article .date { color: rgba(124,132,166,1); }

.error-message { color: rgba(228,0,43,1); }

nav a.active, nav a:hover, section#intro h1, footer h1, .container-search + div, article h3, a.button:hover, footer h3, footer .details, .loading h1, .paper button, .pagination button, .pagination .page, .result, .result select, .container-search input, .container-search select { color: rgba(255,255,255,1); }
/* Placeholders are written as standalone selectors as some browsers ignores this completely otherwise */ 
.container-search input::-webkit-input-placeholder { color: rgba(255,255,255,1); }
.container-search input::-moz-placeholder { color: rgba(255,255,255,1); }
.container-search input::-ms-input-placeholder { color: rgba(255,255,255,1); }
.container-search input:-moz-placeholder { color: rgba(255,255,255,1); }
.container-search i { color: rgba(255,255,255,0.2); }

/*
 *  Font styles
 *  ------------------------------------------------------------
 */

* {font-family: 'Open Sans', sans-serif;font-size: 20px;line-height: 30px;/* font-weight: 300; */-webkit-font-smoothing: antialiased;}
table tr th, table tr td, table tr td * { font-family: 'Roboto Mono', sans-serif; vertical-align: top; }
td .remove { cursor: pointer; color: rgba(228,0,43,1); }

nav a.active, .date, strong, .result .col-head, .result select, .extras .col-head { font-weight: 400; }
table tr th { font-weight: 700; text-align: left; }
table tr td strong { font-weight: 700; }

article.default p, article.default .date { font-size: 16px; line-height: 26px; }
a.button, .paper button, .pagination button, .container-search + [data-type="submit-search"], .result .amount * { font-size: 18px; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; }
h3 { font-size: 20px; line-height: 28px; font-weight: 400; }
input, textarea { font-size: 24px; }
article.latest h3, footer h3 { font-size: 24px; line-height: 34px; }
.pagination .page { font-size: 26px; }
h2 { font-size: 32px; line-height: 42px; }
h1 { font-size: 40px; line-height: 52px; }

.error-message { font-style: italic; }
.center, .pagination, .result .amount button, .result .row button[data-button-type="amount-add"], .result .row button[data-button-type="amount-remove"] { text-align: center; }

.bold { font-weight: bold; }

/*
 *  Error styles
 *  ------------------------------------------------------------
 */

.error { border: 1px solid rgba(228,0,43,1) !important; }

/*
 *  Internet Explorer -fixes
 *  ------------------------------------------------------------
 */

@media all and (-ms-high-contrast:none)
{
	section.first { padding: 140px 0 40px 0; }
}

/*
 *  Modals
 *  ------------------------------------------------------------
 */

.modal {
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.7);
	bottom: 0;
	display: none;
	left: 0;
	overflow-y: initial !important;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
}

.modal.open {
	display: block;
}

.modal-window {
	background-color: #FFFFFF;
	height: 40%;
	margin: 10% auto;
	overflow-y: auto;
	padding: 5%;
	position: relative;
	top: 3%;
	width: 50%;
}

.modal-window.small {
	width: 30%;
}

.modal-window.large {
	width: 75%;
}

.close {
	color: rgba(0,0,0,0.3);
	font-size: 60px;
	height: 30px;
	line-height: 30px;
	margin: 25px;
	position: sticky;
	left: 100%;
	text-align: center;
	top: 0;
	width: 30px;
}

.close:hover,
.close:focus {
	color: #000000;
	cursor: pointer;
}

/*
	Slider
*/
.carousel {
	padding-bottom: 56.25%;
	position: relative;
}

.carousel * {
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}

.carousel .shadow {
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);
}

.carousel .index-indicator {
	background: rgba(255,255,255,0.75);
	border-radius: 15px;
	font-size: 14px;
	padding: 0 20px;
	position: absolute;
	left: 30px;
	top: 30px;
	z-index: 10;
	letter-spacing: 2px;
}

.carousel .swapper {
	background: rgba(255,255,255,0.75);
	border-radius: 15px;
	left: 30px;
	position: absolute;
	height: 30px;
	width: 30px;
	top: 50%;
	transform: translateY(-50%) translateZ(0);
	cursor: pointer;
}

.carousel .swapper.right {
	left: auto;
	right: 30px;
}

.carousel .play-button {
	background: rgba(255,255,255,0.75);
	border-radius: 15px;
	cursor: pointer;
	height: 30px;
	position: absolute;
	right: 30px;
	top: 30px;
	width: 30px;
	z-index: 10;
}

.carousel .swapper i,
.carousel .play-button i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) translateZ(0);
	pointer-events: none;
}

.carousel .slide {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.carousel .slide.active {
	opacity: 1;
}

.carousel .slide img {
	position: absolute;
	max-height: 100%;
	max-width: 100%;
    height:auto;
	width:auto;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) translateZ(0);
}

.readonly, .readonly select, input.readonly {
	background-color: transparent;
	color: #1b1b1b;
	pointer-events: none;
}

select[disabled] {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	color: #000;
	font-size: 24px;
  }