html { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
*, *:before, *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; }
* { padding: 0; margin: 0; overflow-wrap: break-word; word-wrap: break-word; -epub-word-break: break-all; -ms-word-break: break-all; word-break: break-word; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
html, body { background-color: #181824; }
body { font-family: "Muli", sans-serif; font-size: 18px; line-height: 23px; overflow-y: scroll; }
img { vertical-align: middle; max-width: 100%; height: auto !important; border-radius: 3px; }
p { margin-bottom: 20px; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
a { color: #cc3333; }
a:hover { color: #444; text-decoration: none; }
h1,h2,h3,h4,h5,h6 { font-family: "Playfair Display", serif; margin-bottom: 20px; color: #000; font-weight: bold; }
h1 { font-size: 30px; line-height: 35px; }
h2 { font-size: 28px; line-height: 33px; }
h3 { font-size: 26px; line-height: 31px; }
h4 { font-size: 24px; line-height: 29px; }
h5 { font-size: 22px; line-height: 27px; }
h6 { font-size: 20px; line-height: 25px; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad20 { padding: 20px; }
.pad25 { padding: 25px; }
.pad30 { padding: 30px; }
.nopad { padding: 0 !important; }

:root {
	--grid-spacing: 10px;
	--grid-padding: 20px;
	--grid-bgcolor: #eee;
	--grid-bdradius: 6px;
	--grid-bgcolor-main: #b22;
}

#wrapper { width: 1400px; padding: var(--grid-spacing) 0; margin: auto; }
/*** #wrapper width + 55 = max-width ***/
@media screen and (max-width: 1455px){
	#wrapper { width: 100%; padding: var(--grid-spacing); }
}

.row, .alwaysrow {
	display: grid;
	grid-column-gap: var(--grid-spacing);
	grid-row-gap: var(--grid-spacing);
	margin-bottom: var(--grid-spacing);
	justify-items: stretch;
	align-items: stretch;
}
.row:last-child, .alwaysrow:last-child { margin-bottom: 0; }

.row.fr1, .alwaysrow.fr1 { grid-template-columns: 1fr; }
.row.fr2, .alwaysrow.fr2 { grid-template-columns: 1fr 1fr; }
.row.fr3, .alwaysrow.fr3 { grid-template-columns: 1fr 1fr 1fr; }
.row.fr4, .alwaysrow.fr4 { grid-template-columns: 1fr 1fr 1fr 1fr; }
.row.fr5, .alwaysrow.fr5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.row.fr6, .alwaysrow.fr6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }
.row.fr7, .alwaysrow.fr7 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }
.row.fr8, .alwaysrow.fr8 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }

.row.fr1-2, .alwaysrow.fr1-2 { grid-template-columns: 1fr 2fr; }
.row.fr1-3, .alwaysrow.fr1-3 { grid-template-columns: 1fr 3fr; }

.row.fr2-1, .alwaysrow.fr2-1 { grid-template-columns: 2fr 1fr; }
.row.fr3-1, .alwaysrow.fr3-1 { grid-template-columns: 3fr 1fr; }

.row.fr1-2-1, .alwaysrow.fr1-2-1 { grid-template-columns: 1fr 2fr 1fr; }
.row.fr1-3-1, .alwaysrow.fr1-3-1 { grid-template-columns: 1fr 3fr 1fr; }

.row.fr1-1-2, .alwaysrow.fr1-1-2 { grid-template-columns: 1fr 1fr 2fr; }
.row.fr1-1-3, .alwaysrow.fr1-1-3 { grid-template-columns: 1fr 1fr 3fr; }

.row.fr2-1-1, .alwaysrow.fr2-1-1 { grid-template-columns: 2fr 1fr 1fr; }
.row.fr3-1-1, .alwaysrow.fr3-1-1 { grid-template-columns: 3fr 1fr 1fr; }

.row .col, .alwaysrow .col {
	background-color: var(--grid-bgcolor);
	border-radius: var(--grid-bdradius);
	padding: var(--grid-padding);
}

.clearbg { background-color: transparent !important; }
.redbg { background-color: var(--grid-bgcolor-main) !important; color: #fff; text-shadow: 1px 1px 2px #000; }
.redbghover:hover { background-color: #444 !important; }

#form-container { width:100%; }
#searchinput {
	background:none repeat scroll 0 0 #fff;
	border:none;
	border-radius:var(--grid-bdradius) 0 0 var(--grid-bdradius);
	color:#555;
	display:block;
	padding:10px;
	width:100%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	font-size:16px;
	margin:0;
	outline:0;
	height:40px;
}
#searchtext { overflow:hidden; }
button.search-submit-button {
	background:none repeat scroll 0 0 #b22;
	border:none;
	border-radius:0 var(--grid-bdradius) var(--grid-bdradius) 0;
	color:#fff !important;
	text-shadow:2px 2px 2px rgba(0,0,0,.6);
	display:block;
	float:right;
	font-size:20px;
	padding:8px;
	text-align:center;
	width:50px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	outline:0;
	height:40px;
	cursor:pointer;
}
button.search-submit-button:hover, button.search-submit-button:focus { background:none repeat scroll 0 0 #444; cursor:pointer; }

.showonsm { display: none; }

/*** START MOBILE MENU CSS ***/

#mobileNav {
	background-color: var(--grid-bgcolor);
	border-radius: var(--grid-bdradius);
	padding: var(--grid-padding);
	display: none;
	margin-bottom: var(--grid-spacing);
}

#mobileNav .alwaysrow .col {
	background-color: #444;
	color: #fff;
}

@media screen and (min-width:700px){
	#mobileNav { display: none !important; }
}

/*** END MOBILE MENU CSS ***/

@media screen and (max-width:700px){
	.row { grid-template-columns: 1fr !important; }
	.hideonsm { display: none; }
	.centeronsm { text-align: center; }
	.showonsm { display: grid; }
}

#header {
	background: transparent url(images/header.jpg) center center no-repeat;
}

#leftside { background-color: #ccc; }
#page { background-color: #fff; }
#rightside { background-color: #ccc; }
#bottomleft { background-color: #ddd; }
#bottommiddle { background-color: #bbb; }
#bottomright { background-color: #ddd; }

#footer {
	background-color: var(--grid-bgcolor-main);
	color: #fff;
	text-shadow: 1px 1px 2px #000;
}

.navlink {
	display: block;
	background-color: var(--grid-bgcolor-main);
	color: #fff;
	text-decoration: none;
	padding: 20px 10px;
	border-radius: var(--grid-bdradius);
}
.navlink:hover {
	background-color: #444;
	color: #fff;
}

.navlinksm {
	display: block;
	background-color: #222;
	color: #fff;
	text-decoration: none;
	padding: 12px 5px;
	border-radius: var(--grid-bdradius);
}
.navlinksm:hover {
	background-color: var(--grid-bgcolor-main);
	color: #fff;
}

.sidebox-title {
	font-family: "Playfair Display", serif;
	text-align: center;
	background-color: #333;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	border-bottom: 1px solid #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 15px 20px;
	border-radius: var(--grid-bdradius) var(--grid-bdradius) 0 0;
}
.sidebox-body {
	background-color: #eee;
	padding: 12px 14px;
	border-radius: 0 0 var(--grid-bdradius) var(--grid-bdradius);
	box-shadow: 0px 15px 15px -15px rgba(0,0,0,0.7);
	margin-bottom:20px;
}
.sidebox-body:last-child { margin-bottom:0; }
.sidebox-body ul { list-style: none; }
.sidebox-body ul li { padding: 6px 5px; border-bottom: 1px solid #bbb; }
.sidebox-body ul li:last-child { border-bottom: none; }
.sidebox-body ul li:hover { background-color: #f8f8f8; }
.sidebox-body ul li a { text-decoration: none; }

.advert { padding: 0; }
.advert img { border-radius: 0 0 var(--grid-bdradius) var(--grid-bdradius); }