/** Generated: Tuesday, 4th of November 2025, 12:47:08 PM // Powered by AIOM+ (All In One Minify) created by FlipZoom Media Inc. - David Karich (flipzoom.de) **/
.group:after {
  content: "";
  display: table;
  clear: both;
}

* {
    padding:0;
    margin:0;
    box-sizing: border-box;
	font-family:inherit;
	color:inherit;
}

html,body {
	height:100%;
}

img {
  max-width:100%;
  height:auto;
}

.wrap {
	position:relative;
	width:1000px;
	max-width:100%;
	margin:0 auto;
	padding:0 30px;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.6);
	background-color:#fff;
	min-height:100%;
}

#burger,
#mobnav {
  display:none;
}

body {
    font-size:62.5%;
	font-family: 'Droid Sans', sans-serif;
	background-color:#253f89;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color:#6c6c6c;
}

header {
    width:100%;
	margin-top:30px;
	text-align: center;
}

    nav {
		font-family: 'Rokkitt', serif;
		float:left;
		clear:left;
		width:100%;
    }
  
		#mainnav {
			list-style: none;
			border-top:2px solid #ddd;
			border-bottom:2px solid #ddd;
			text-align: center;
			margin-bottom:3em;
		}
		
			#mainnav li {
				list-style: none;
				display:inline-block;
				margin-bottom:-3px;
			}
			
				#mainnav li a {
					float:left;
					padding:0.5em 0.75em;
					font-size:2.2em;
					text-decoration: none;
					letter-spacing: 0.05em;
				}
				
				#mainnav li a:hover,
				#mainnav .active {
					color:#9a6614; /* brown */
				}
				
				.bar {
					float:left;
					font-size:2.2em;
					padding:0.5em 0;
				}

    #logo {
      margin-bottom:3em;
	  float:left;
	  clear:left;
	  width:100%;
    }
  
      #logo img {
        display:block;
      }

.flex {
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

.fcw {
  float:left;
  clear:left;
  width:100%;
}

.main p,
.main li{
  line-height:1.8;
  margin-bottom:1em;
  font-size:1.3em;
  clear:left;
}

	.main p a {
		color:#253f89;
	}

h2,h3,h4,h5,h6 {
	font-family: 'Rokkitt', serif;
	font-weight: normal;
	clear:left;
	font-size:2.6em;
	margin:0.5em 0;
	color:#9a6614; /* brown */
}

.main ul,
.main ol {
  margin:2em;
}

  .main li {
    padding-left:1em;
  }

.align_left {
  float:left;
}

.align_right {
  float:right;
}

.align_center {
  text-align: center;
}

img.align_left {
  margin:0.5em 1em 1em 0;
}

img.align_right {
  margin:0.5em 0 1em 1em;
}

img.align_center {
  display:block;
  margin-left:auto;
  margin-right:auto;
}
  
footer {
	padding:3em 0;
	margin-top:3em;
	border-top:2px solid #ddd;
}

	.socialicons {
		float:left;
	}
	
		.socialicons a {
			float:left;
			width:30px;
			margin-right:5px;
		}
		
			.socialicons a img {
				filter: grayscale(100%);
			}
			
			.socialicons a:hover img {
				filter:grayscale(0%);
			}

	.copyright {
	  color:#000;
	  float:right;
	  text-align: right;
	}
  
@media screen and (max-width:959px) {
  #burger,
  #mobnav{
    display:block;
  }
  
  #mainnav {
    display:none;
  }
  
  #burger {
	display:inline-block;
	margin:0 auto;
	float:none;
	padding-bottom:3em;
	clear:both;
  }
  
	#burger p {
	  float:left;
	  text-transform: uppercase;
	  font-weight: bold;
	  margin-top: 7px;
	}
  
    #burger img {
		float:left;
		margin-right:1em;
      max-width:100%;
      display:block;
	  width:32px;
    }
	
	#mobnav {
		float:left;
		clear:left;
		width:100%;
		list-style: none;
		margin-bottom:3em;
	}
	
		#mobnav li {
			float:left;
			clear:left;
			width:100%;
			border-top:1px solid #eee;
		}
		
			#mobnav li a {
				float:left;
				width:100%;
				text-align: center;
				font-size:1.6em;
				padding:1em;
				text-decoration: none;
			}
  
        #mobnav li a.tri {
          position:absolute;
          float:none;
          clear:none;
          right: 0;
          top: 0;
          width: 3em;
          height: 100%;
          border:none;
          padding:0;
        }
        
          .tri img {
            float:left;
            width:23px;
            margin-left:0.5em;
            margin-top:0.8em;
            height:11px;
            display:block;
          }
}

@media screen and (max-width:599px) {
	img.align_left,
	img.align_right,
	img.align_center {
		display:block;
		float:none;
		margin:0;
	}
}
h1 {
	font-family: 'Rokkitt', serif;
	font-size: 3em;
	margin-bottom: 1em;
	float: left;
	font-weight: normal;
}

.quotes {
	margin:3em 0;
}

	.quotes blockquote {
		background-image:url('/site/templates/img/cite.png');
		background-repeat: no-repeat;
		background-position: left top;
		padding:2% 4%;
	}

.boxes {
	margin:5% 0;
}

.box {
	float:left;
	width:22%;
	margin-right:4%;
}

	.box:nth-of-type(4n) {
		margin-right:0;
	}
	
	.box img {
		margin-bottom:1em;
	}
	
	.box p {
		line-height:1.8;
		margin-bottom:1em;
		font-size:1.3em;
	}

/* news */

section.blog {
	float:left;
	width:70%;
}

aside {
	float:right;
	width:25%;
	margin-top:10em;
}

	aside > h3 {
		font-size:2em;
		margin-bottom: 1em;
	}
	
	.sib {
		margin-bottom:2em;
		text-decoration: none;
	}
	
		.sib h2 {
			font-size:1.6em;
			color:#9a6614; /* brown */
			margin-bottom: 0.5em;
		}
		
		.sib:hover h2 {
			text-decoration: underline;
		}
		
		.sib p {
			font-size:1.1em;
			line-height: 1.6;
		}

.datebox {
	position:relative;
	margin-bottom:2em;
}

	.datebox img {
		float:left;
		margin-right:2em;
	}

	.month,
	.day {
		position:absolute;
	}
	
	.main p.month {
		top:1.1em;
		left:0.2em;
		font-size:1.7em;
		text-transform: uppercase;
	}
	
	.main p.day {
		top:2.2em;
		left:2.1em;
		font-size:1.8em;
		color:#fff;
	}
	
	.datebox h1{
		margin-top:1.5em;
	}
	
	.blogitem {
		text-decoration: none;
		margin-bottom: 3em;
	}
	
		.blogitem:hover h1 {
			text-decoration: underline;
		}
	
.blogitem p {
	clear:left;
}

/* contact */

.scrolloff { pointer-events: none; }

iframe {
	margin-bottom:3em;
}

.contactform {
	margin-top:3em;
}

	input,
	textarea,
	label {
		float:left;
		clear:left;
		width:100%;
		margin-bottom:1em;
		font-size:1.2em;
	}
	
	input,
	textarea{
		padding:1em;
		border:1px solid #ddd;
		outline:none;
	}
	
	.submit-btn {
		float:right;
		width:auto;
		padding:1em 3em;
		cursor: pointer;
	}
	
		.submit-btn:hover {
			background-color:#fff;
		}
	
	.errortext {
		color:red;
	}
	
	.inputerror {
		border:2px solid red;
	}

.main .left {
	float:left;
	width:49%;
}

.main .right {
	float:right;
	width:49%;
}

.prod {
	float:left;
	margin-right:2%;
	transition: opacity 0.5s ease-in-out;
}

	.prod:hover {
		opacity:0.7;
	}

.prod-left {
	float:left;
	width:20%;
}

	.prod-left img {
		width:100%;
	}

.prod-right {
	float:right;
	width:77%;
}

	.prod-right h2 {
		font-size:2em;
		color:#9a6614; /* brown */
		margin-bottom:1em;
	}
	
	.prod-right h1 {
		padding-bottom:1em;
		border-bottom:1px solid #ccc;
		width:100%;
	}
	
	.prod-right table {
		width:100%;
		border-collapse: collapse;
	}
	
	.prod-right td,
	.prod-right th{
		font-size:1.2em;
		padding:1.5em;
		border:1px solid #ddd;
	}
	
		.prod-right tr:nth-of-type(2n+1) {
			background-color:#efefef;
		}

@media screen and (max-width:599px){
	.text .left,
	.text .right {
		float:left;
		width:100%;
	}
	
	.prod {
		margin-right:0;
	}
}

@media screen and (max-width:499px){
	.main .text {
		column-count: 1;
	}
	
	.box {
		width:48%;
	}
	
		.box:nth-of-type(2n) {
			margin-right:0;
		}
	
	.prod-left,
	.prod-right {
		float:left;
		width:100%;
	}
	
		.prod-left {
			margin-bottom:3em;
		}
	
	.prod-right td,
	.prod-right th {
		word-break: break-all;
		padding:0.5em;
		font-size:1.1em;
	}
}
/* latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(https://fonts.gstatic.com/s/droidsans/v6/s-BiyweUPV0v-yRb-cjciPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(https://fonts.gstatic.com/s/droidsans/v6/EFpQQyG9GqCrobXxL-KRMYWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* vietnamese */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 400;
  src: local('Rokkitt Regular'), local('Rokkitt-Regular'), url(https://fonts.gstatic.com/s/rokkitt/v11/cgt02HCO8pqA6Y4DSz2kR_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 400;
  src: local('Rokkitt Regular'), local('Rokkitt-Regular'), url(https://fonts.gstatic.com/s/rokkitt/v11/c3WacRvDtiubLvanyGn4E_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 400;
  src: local('Rokkitt Regular'), local('Rokkitt-Regular'), url(https://fonts.gstatic.com/s/rokkitt/v11/Uu8b3yBtxQPmPTMr0WQ_CA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}