/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* -----------------------
Base styles 2023-01-19
    Pickersfest Website
------------------------*/

:root {
  --bg: #ECF5F3;
  --text: #000000;
}

/* 
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #1e1e1e;
    --text: #fbfbfb;
  }
}
 */

*,
*:after,
*:before { /* Safari/Chrome, other WebKit */    /* Firefox, other Gecko */
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;         /* Opera/IE 8+ */
}

html { 
	overflow-y: scroll; 
	overflow-x: hidden; 
	height: 100%; 
	margin: 0;
	padding: 0; 
}

body { 
	height: 100%;
	margin: 0;
	padding: 0; 
	font: 1em/1.2 "Verdana", Verdana, Geneva, Arial, sans-serif;
}
  
/* match backgrounds to blend in */
body, .header-top {
	background: #C3EDDC;
}

body>div {
	display: table;
	margin: 0 auto;
}

/* {
  "theme_color": "#C3EDDC"
  ...
} */

div.c-table {
	background-color: var(--bg);
	color: var(--text);
	display: inline-table;
	margin: 0 auto;
	width: 98%;
	text-align: center;
}

div.cntr {
	text-align: center;
}

div.center {
	margin: 0 10px;
	text-align: center;
}

div.right {
	clear: left;
	float: right;
	height: auto;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 10px;
	max-width: 100%;
	padding: 0;
	text-align: right;
}

.narrow {
	min-width: 50%;
}

.dvform {
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
}


/* Modified Header4 Fonts  */

h1,h2,h3,h4,h5,h6
{
	margin: 0 0 .5em;
	font-weight: 500;
	line-height: 1.1;
	color: #08311C
}

h1 { font-size: 2.25em; } /* 36px */
h2 { font-size: 1.75em; } /* 28px */
h3 { font-size: 1.375em; } /* 22px */
h4 { font-size: 1.125em; } /* 18px */
h5 { font-size: 1em; } /* 16px */
h6 { font-size: .875em; } /* 14px */

h1.cntr,h2.cntr,h3.cntr,h4.cntr,h5.cntr,h6.cntr
{
	max-width: 900px ;
	margin-left: auto ;
	margin-right: auto ;
	text-align: center;
}

h1.ital,h2.ital,h3.ital,h4.ital,h5.ital,h6.ital
{
	font-style: italic;
	color: #000000;
}

h1.bld,h2.bld,h3.bld,h4.bld,h5.bld,h6.bld
{
	font-weight: bold;
	color: #000000;
}

h1.bldr,h2.bldr,h3.bldr,h4.bldr,h5.bldr,h6.bldr
{
	font-weight: bolder;
	color: #000000;
}

h1.bld-gry,h2.bld-gry,h3.bld-gry,h4.bld-gry,h5.bld-gry,h6.bld-gry
{
	font-weight: bolder;
	color: #dddddd;
}

h1.bld-rd,h2.bld-rd,h3.bld-rd,h4.bld-rd,h5.bld-rd,h6.bld-rd
{
	font-weight: bold;
	color: #AA2468;
}

h1.bld-grn,h2.bld-grn,h3.bld-grn,h4.bld-grn,h5.bld-grn,h6.bld-grn
{
	font-weight: bold;
	color: #3E815F;
}

h1.bld-blu,h2.bld-blu,h3.bld-blu,h4.bld-blu,h5.bld-blu,h6.bld-blu
{
	font-weight: bold;
	color: #2286B7;
}

h1.bld-wht,h2.bld-wht,h3.bld-wht,h4.bld-wht,h5.bld-wht,h6.bld-wht
{
	font-weight: bold;
	color: #FFFFFF;
}

/* Modified Paragraph Fonts  */

.p1, .p2, .p3, .p4, .p5, .p6
{
	margin: 0 0 .5em;
	font-weight: 500;
	line-height: 1.1;
	color: #08311C
}

.p1 { font-size: 2.25em; } /* 36px */
.p2 { font-size: 1.75em; } /* 28px */
.p3 { font-size: 1.375em; } /* 22px */
.p4 { font-size: 1.125em; } /* 18px */
.p5 { font-size: 1em; } /* 16px */
.p6 { font-size: .875em; } /* 14px */

.p1-cntr, .p2-cntr, .p3-cntr, .p4-cntr, .p5-cntr, .p6-cntr
{
	max-width: 900px ;
	margin-left: auto ;
	margin-right: auto ;
	text-align: center;
}

.p1-bld, .p2-bld, .p3-bld, .p4-bld, .p5-bld, .p6-bld
{
	font-weight: bold;
	color: #000000;
}

.p1-bldr, .p2-bldr, .p3-bldr, .p4-bldr, .p5-bldr, .p6-bldr
{
	font-weight: bolder;
	color: #000000;
}

.p1-bld-gry, .p2-bld-gry, .p3-bld-gry, .p4-bld-gry, .p5-bld-gry, .p6-bld-gry
{
	font-weight: bolder;
	color: #dddddd;
}

.p1-bld-rd, .p2-bld-rd, .p3-bld-rd, .p4-bld-rd, .p5-bld-rd, .p6-bld-rd
{
	font-weight: bold;
	color: #AA2468;
}

.p1-bld-grn, .p2-bld-grn, .p3-bld-grn, .p4-bld-grn, .p5-bld-grn, .p6-bld-grn
{
	font-weight: bold;
	color: #3E815F;
}

.p1-bld-blu, .p2-bld-blu, .p3-bld-blu, .p4-bld-blu, .p5-bld-blu, .p6-bld-blu
{
	font-weight: bold;
	color: #2286B7;
}

.p1-bld-wht, .p2-bld-wht, .p3-bld-wht, .p4-bld-wht, .p5-bld-wht, .p6-bld-wht
{
	font-weight: bold;
	color: #FFFFFF;
}

h1.bld,
h2.bld,
h3.bld,
h4.bld,
h5.bld,
h6.bld {
	color: #000000;
	font-weight: bold;
}

h1.bld-rd,
h2.bld-rd,
h3.bld-rd,
h4.bld-rd,
h5.bld-rd,
h6.bld-rd {
	color: #AA2468;
	font-weight: bold;
}

h1.bld-grn,
h2.bld-grn,
h3.bld-grn,
h2.bld-grn,
h5.bld-grn,
h6.bld-grn {
	color: #307052;
	font-weight: bold;
}

p {
	line-height: 1.25em;
	margin: 0 0 1em;
}

p.cntr {
	text-align: center;
}

p.lmarg {
	margin-left: 10px;
}

p.rmarg {
	margin-right: 10px;
}

p.prgt
{
	text-align: right;
}

/* character strike */

.strk
{
	text-decoration: line-through;
}

/* Italic or oblique */

.itl {
	font-style: italic;
}

.udrl {
	text-decoration: underline;
}

/* font mod sizes */

.lrg {
	font-size: large;
}

.lrgr {
	font-size: larger;
}

.sml {
	font-size: small;
}

.smlr {
	font-size: smaller;
}

/* bold font colors */

.bld {
	color: #000000;
	font-weight: bold;
}

.bldr {
	color: #000000;
	font-weight: bolder;
}

.litr {
	color: #000000;
	font-weight: lighter;
}

.norm {
	color: #000000;
	font-weight: normal;
}

blockquote {
	border-left: 5px solid #eee;
	margin: 0 0 2em;
	padding: 1em 2em;
}

hr {
	border: 0;
	height: 0;
	margin-bottom: 1em;
	margin-top: 1em;
}

table {
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #ddd;
}

th,
td {
	border-bottom: 1px solid #ddd;
	padding: .5em 1em;
	text-align: left;
	vertical-align: top;
}

a:link {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:focus {
	color: black;
}

a:hover {
	color: green;
}

a:active {
	color: red;
}

/* image styles */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.gmap {
	border: 2px solid #D9F4D9;
	border-radius: 8px;
	clear: left;
	float: right;
	height: 300px;
	margin: 0 5px 5px 10px;
	max-width: 450px;
	overflow: hidden;
	position: static;
}

.icon-rgt { 
	vertical-align: middle;
	text-align: right;
}

.image-rgt-nb {
	clear: left;
	float: right;
	height: auto;
	margin: 0;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
}

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

.img-rgt {
	border: 2px solid #08311C;
	border-radius: 8px;
	clear: left;
	float: right;
	height: auto;
	margin: 0 0 10px 5px;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
}

.img-lft {
	border: 2px solid #08311C;
	border-radius: 8px;
	clear: right;
	float: left;
	height: auto;
	margin: 0 5px 10px 0;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
}

.img-lft-mrg {
	border: 2px solid #08311C;
	border-radius: 8px;
	clear: right;
	float: left;
	height: auto;
	margin: 0 15px 10px 0;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
}

.img-bdr {
	border: 2px solid #08311C;
	border-radius: 8px;
	clear: both;
	height: auto;
	margin: 0;
	margin-bottom: 25px;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
}

.img-center {
	border: 2px solid #08311C;
	border-radius: 8px;
	clear: both;
	display: block;
	height: auto;
	margin: 0 auto;
	margin-bottom: 25px;
	margin-top: 25px;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
}

.img-ctr-nb
{
	max-width: 100%;
	height: auto;
	display: block;
	clear: both;
	padding: 0;
	margin: 0 auto;
}


.img-nb {
	border: 0;
	height: auto;
	max-width: 100%;
}

.img-rgt-nb {
	clear: left;
	float: right;
	height: auto;
	margin-bottom: 25px;
	margin-right: 5px;
	max-width: 100%;
	padding: 0;
}

.img-lft-nb {
	clear: right;
	float: left;
	margin-bottom: 25px;
	margin-left: 5px;
	max-width: 100%;
	padding: 0;
}

.img-thumb {
	border: 1px solid #08311C;
	border-radius: 5px;
	height: auto;
	margin-bottom: 25px;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
}

.img-full {
	border: 2px solid #08311C;
	border-radius: 8px;
	height: auto;
	margin-bottom: 25px;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
}


/* button styles */

.button {
	background: #205E3F;
	background: -o-linear-gradient(top, #34696f, #2f5f63);
	background: -webkit-gradient(linear, left top, left bottom, from(#34696f), to(#2f5f63));
	background: linear-gradient(to top, #34696f, #2f5f63);
	/* border: 2px solid rgba(33, 68, 72, 0.59); */
	border: 2px #214448;
	border-radius: 10px;
	-webkit-box-shadow: 0 5px 0 #4B6C5F;
	        box-shadow: 0 5px 0 #4B6C5F;
	color: #FFFFFF;
	display: inline-block;
	font: bold 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 50px;
	line-height: 30;
	text-align: center;
	text-decoration: none;
	/* text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2); */
	text-shadow: 0 2px 2px #FFFFFF;
	width: 175px;
}


/* The following style is for the "Top" Button */

#topBtn {
	background-color: #246B48;
	border: none;
	border-radius: 4px;
	bottom: 20px;
	color: white;
	cursor: pointer;
	display: none;
	font-size: 18px;
	outline: none;
	padding: 15px;
	position: fixed;
	right: 30px;
	z-index: 99;
}

#topBtn:hover {
	background-color: #B7E6CA;
}


/*: Link Styles*/

a.button {
	text-decoration: none;
}


/*Hover Styles*/

a.button:hover {
	background: #3D8067;
	background: -o-linear-gradient(top, #3D8067, #4D8266);
	background: -webkit-gradient(linear, left top, left bottom, from(#3D8067), to(#4D8266));
	background: linear-gradient(top, #3D8067, #4D8266);
}


/* -----------------------
Single styles
------------------------*/

.btn
{
	color: #DDDDDD !important;
	background-color: #3E3E81;
	border-color: #222222;
	display: inline-block;
	padding: .5em 1em;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 5px;
	text-decoration: none;
}

.btn:hover
{
	color: #FFFFFF !important;
	background-color: #9191EB;
}

.btn:focus
{
	color: #FFFFFF !important;
	background-color: #236E23;
}

.btn:active
{
	color: #FFFFFF !important;
	background-color: #236E23;
}

/* Italic or oblique */

.bld {
	color: #000000;
	font-weight: bold;
}

.bldr {
	color: #000000;
	font-weight: bolder;
}

.ctr-tx {
	text-align: center;
}

.u-bld {
	color: #000000;
	font-weight: bolder;
	text-decoration: underline;
}

.b-red {
	color: #AA2468;
	font-weight: bolder;
}

.b-grn {
	color: #326F56;
	font-weight: bolder;
}


/* Html Table */

table#table-l {
	display: table;
	margin-bottom: 20px;
	max-width: 100%;
	overflow-x: auto;
	text-align:center;
}

table#table-c {
	/* display: table; */
	margin: 0 auto;
	max-width: 900px;
	overflow-x: auto;
	text-align:center;
}

th,
td {
	text-align: left;
}

th.ctr,
td.ctr {
	text-align: center;
}

th.b-red,
td.b-red {
	color: #AA2468;
	font-weight: bolder;
}

th.u-bld,
td.u-bld {
	color: #000000;
	font-weight: bolder;
	text-decoration: underline;
}

th.bld,
td.bld {
	color: #000000;
	font-weight: bolder;
}

th.sm,
td.sm {
	color: #000000;
	font-size: small;
}

th.smr,
td.smr {
	color: #000000;
	font-size: smaller;
}


/*   
Responsive table build with Twitter Bootstrap
Author: Arup Senapati
Website: http://www.a2zwebhelp.com
*/

.greenBox .title {
	background-color: #619F7F;
	border-radius: 5px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 10px 0;
	padding: 5px;
}

.greenBox {
	margin: 10px 0;
	width: 95%;
}

.greenBoxN .title {
	background-color: #619F7F;
	border-radius: 5px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 10px 0;
	padding: 5px;
}

.greenBoxN {
	margin: 10px 0;
	width: 50%;
}


/* Responsive Table Layout For Table-1 */

.myTable table {
	width: 100%;
}

@media only screen and (max-width: 600px) {
	.myTable table {
		border-left: 1px solid #ddd
	}
	.myTable .flip-content:after {
		clear: both;
		content: " ";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}
	.myTable * html .flip-content {
		-webkit-transform: scale(1);
		    -ms-transform: scale(1);
		        transform: scale(1);
	}
	.myTable *:first-child+html .flip-content {
		-webkit-transform: scale(1);
		    -ms-transform: scale(1);
		        transform: scale(1);
	}
	.myTable table {
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;
	}
	.myTable th,
	.myTable td {
		margin: 0;
		vertical-align: top;
	}
	.myTable th {
		text-align: left;
	}
	.myTable table {
		display: block;
		position: relative;
		width: 100%;
	}
	.myTable thead {
		display: block;
		float: left;
	}
	.myTable tbody {
		display: block;
		overflow-x: auto;
		position: relative;
		white-space: nowrap;
		width: auto;
	}
	.myTable thead tr {
		display: block;
	}
	.myTable th {
		display: block;
		text-align: right;
	}
	.myTable tbody tr {
		display: inline-block;
		vertical-align: top;
	}
	.myTable td {
		display: block;
		min-height: 1.25em;
		text-align: left;
	}
	/* sort out borders */
	.myTable th {
		border-bottom: 0;
		border-left: 0;
	}
	.myTable td {
		border-bottom: 0;
		border-left: 0;
		border-right: 0;
	}
	.myTable tbody tr {
		border-left: 1px solid #ddd;
	}
	.myTable th:last-child,
	.myTable td:last-child {
		border-bottom: 1px solid #ddd;
	}
}

.no-more-tables table {
	width: 100%;
}


/* Design Layout For Table -2 */

.greenBox1 .title {
	background-color: #619F7F;
	border-radius: 5px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 10px 0;
	padding: 5px;
}

.greenBox1 {
	margin: 10px 0;
	width: 95%;
}

.greenBox1N .title {
	background-color: #619F7F;
	border-radius: 5px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 10px 0;
	padding: 5px;
}

.greenBox1N {
	margin: 10px 0;
	width: 50%;
}

.blueBox .title {
	background-color: #4b8df8;
	border-radius: 5px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 90%;
}

.blueBox {
	margin: 0 auto;
	width: 90%;
}


/* Responsive Table Layout For Table-2 */

@media only screen and (max-width: 600px) {
	/* Force table to not be like tables anymore */
	.no-more-tables table,
	.no-more-tables thead,
	.no-more-tables tbody,
	.no-more-tables th,
	.no-more-tables td,
	.no-more-tables tr {
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.no-more-tables thead tr {
		left: -9999px;
		position: absolute;
		top: -9999px;
	}
	.no-more-tables tr {
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}
	.no-more-tables tr:last-child {
		border-bottom: 0;
	}
	.no-more-tables td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		padding-left: 50%;
		position: relative;
		text-align: left;
		white-space: normal;
	}
	.no-more-tables td:before {
		/* Top/left values mimic padding */
		font-weight: bold;
		left: 6px;
		padding-right: 10px;
		/* Now like a table header */
		position: absolute;
		text-align: left;
		top: 6px;
		white-space: nowrap;
		width: 45%;
	}
	/*
  Label the data
  */
	.no-more-tables td:before {
		content: attr(data-title);
	}
}


/* End of responsive table CSS */

/* Lists */

.list-unstyled {
	list-style: none;
	padding-left: 0;
}

.list-inline {
	list-style: circle;
	margin-left: -5px;
	padding-left: 0;
}

.list-inline>li {
	display: inline-block;
	padding-left: 3px;
	padding-right: 3px;
}

.arrow-down {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #FFFFFF;
	height: 0;
	width: 0;
}


/* -----------------------
contact form styles
------------------------*/

.form-error {
	color: #AA2468;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	line-height: 1em;
}

.form-style-1 {
	font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 0 0;
	max-width: 400px;
	padding: 10px 12px 10px 10px;
}

.form-style-1 li {
	display: block;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

.form-style-1 label {
	display: block;
	font-weight: bold;
	margin: 0 0 3px 0;
	padding: 0;
}

.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=email],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=text],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 textarea,
.form-style-1 .tel-number-field,
select {
	border: 1px solid #C2C2C2;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 7px;
	-webkit-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
}

.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=email],
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=text]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-2 .textarea-field:focus,
.form-style-1 textarea:focus,
.form-style-1 select:focus {
	border: 1px solid #8CEDB3;
	-webkit-box-shadow: 0 0 8px #8CEDB3;
	        box-shadow: 0 0 8px #8CEDB3;
}

.form-style-1 .tel-number-field {
	text-align: center;
	width: 40px;
}

.form-style-1 input.input-field {
	width: 48%;
}

.form-style-1 .field-divided {
	width: 49%;
}

.form-style-1 .field-long {
	width: 100%;
}

.form-style-1 .field-select {
	width: 100%;
}

.form-style-1 .field-textarea {
	height: 100px;
}

.form-style-1 input[type=submit],
.form-style-1 input[type=button] {
	background: #205E3F;
	border: none;
	color: #fff;
	padding: 8px 15px 8px 15px;
}

.form-style-1 input[type=submit]:hover,
.form-style-1 input[type=button]:hover {
	background: #3D8067;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-style-1 .required {
	color: red;
}


/* -----------------------
contact form styles
------------------------*/

.form-error {
	color: #AA2468;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	line-height: 1em;
}

.form {
	font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 0 0;
	max-width: 650px;
	min-width: 300px;
	padding: 0;
}

.form li {
	display: block;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

.form label {
	display: inline;
	font-weight: bold;
	max-width: 500px;
	padding: 0;
}

.form input[type=date],
.form input[type=datetime],
.form input[type=email],
.form input[type=number],
.form input[type=search],
.form input[type=text],
.form input[type=time],
.form input[type=url],
.form .tel-number-field,
.form textarea,
.form checkbox,
.form select {
	border: 1px solid #C2C2C2;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 7px;
	-webkit-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
}

.form input[type=date]:focus,
.form input[type=datetime]:focus,
.form input[type=email]:focus,
.form input[type=number]:focus,
.form input[type=search]:focus,
.form input[type=text]:focus,
.form input[type=time]:focus,
.form input[type=url]:focus,
.form .textarea-field:focus,
.form textarea:focus,
.form checkbox:focus,
.form select:focus {
	border: 1px solid #8CEDB3;
	-webkit-box-shadow: 0 0 8px #8CEDB3;
	        box-shadow: 0 0 8px #8CEDB3;
}

.form .tel-number-field {
	max-width: 300px;
	text-align: center;
}

.form input.input-field {
	max-width: 300px;
}

.form .field-divided {
	max-width: 300px;
}

.form .field-long {
	max-width: 300px;
}

.form .field-select {
	max-width: 300px;
}

.form .field-textarea {
	max-height: 300px;
	max-width: 550px;
	min-height: 100px;
	min-width: 220px;
}

.jodit_summer_theme .jodit_wysiwyg {
	background-color: #FFFFFF;
}

.jodit_summer_theme .jodit_toolbar {
	background: #619F7F;
}

.jodit_summer_theme .jodit_toolbar svg {
	fill: #FFFFFF;
}

.form input[type=submit], .form input[type=button]
{
    background: #3E3E81;
    padding: 8px 15px 8px 15px;
    border: 1px solid black;
    color: #FFFFFF;
}

.form input[type=submit]:hover, .form input[type=button]:hover
{
    background: #9191EB;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

.form .required {
	color: #AA2468;
}

.form .chkbox {
	font-weight: bold;
	padding-left: 10px;
}

/* richtext custom style */

form .richText {
	-webkit-box-shadow: 0 0 20px 0 #999;
	box-shadow: 0 0 20px 0 #999;
	margin-top: 5px;
}


/* richtext custom style */

.richText {
	-webkit-box-shadow: 0 0 20px 0 #999;
	box-shadow: 0 0 20px 0 #999;
	margin-top: 5px;
}

.richText .richText-editor:focus {
	border: 1px solid #8CEDB3;
	-webkit-box-shadow: 0 0 8px #8CEDB3;
	        box-shadow: 0 0 8px #8CEDB3;
}

.richText .richText-initial {
	border: 1px solid #C2C2C2;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	padding: 7px;
}


/* -----------------------
Layout styles 
------------------------*/

.h-pic {
	display: -ms-grid;
	display: grid;
}

.h-title {
	display: -ms-grid;
	display: grid;
	max-width: 504px;
	min-width: 320px;
	text-align: center;
}

.h-logo {
	min-width: 150px;
}

.menu-t {
	background: #4b545f;
	/* gradient */
	background: -o-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-gradient(linear, left top, left bottom, from(#4f5964), color-stop(40%, #5f6975));
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	/* box shadow */
	-webkit-box-shadow: 0 3px 4px #8b8b8b;
	        box-shadow: 0 3px 4px #8b8b8b;
	color: #FFFFFF;
	display: -ms-grid;
	display: grid;
	max-height: 400px;
	text-align: center;
	-ms-grid-columns: auto;
	grid-template-columns: auto;
	-ms-grid-rows: auto;
	grid-template-rows: auto;
	-ms-grid-row: 2;
	grid-row: 2;
	-ms-grid-column: 1;
	grid-column: 1;
}

.menu-t > *:nth-child(1) {
 -ms-grid-row: 1;
 -ms-grid-column: 1;
}

.content-area {
	display: inline-block;
	margin: 5px;
	max-width: 100%;
}

.box1 {
	background-color: #BEEBD3;
	border: 2px solid #08311C;
	border-radius: 8px;
	color: black;
	font-size: 85%;
	max-width: 320px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.box2 {
	background-color: #BEEBD3;
	border: 2px solid #08311C;
	border-radius: 8px;
	color: black;
	font-size: 85%;
	max-width: 320px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.box3 {
	background-color: #BEEBD3;
	border: 2px solid #08311C;
	border-radius: 8px;
	color: black;
	font-size: 85%;
	max-width: 320px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.boxit {
	max-width: 850px;
	min-width: 320px;
	padding: 0;
}

.boxit2 {
	max-width: 700px;
	min-width: 320px;
	padding: 0;
}

.box-tbl1 {
	color: black;
	float: left;
	max-width: 320px;
	min-width: 300px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.box-tbl2 {
	color: black;
	float: left;
	max-width: 320px;
	min-width: 300px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.box-tbl3 {
	color: black;
	float: left;
	max-width: 320px;
	min-width: 300px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.box-notice
{
	border: 2px solid #000000;
	border-radius: 8px;
	color: black;
	max-width: 850px;
	margin: 0 auto;
	margin-bottom: 40px;
	min-width: 200px;
	text-align:center;
	padding: 20px;
}

/* CSS3 Table */

/* #table {
	display: table;
	max-width: 100%;
} */

.row {
	display: table-row;
	margin: 0 auto;
	max-width: 100%;
}

.cell {
	display: table-cell;
	margin: 0 auto;
	max-width: 100%;
}

.column {
	float: left;
	max-height: 1200px;
	max-width: 800px;
	max-height: 1200px;
	min-width: 320px;
	padding: 4px;
}

.column1 {
	float: left;
	max-height: 1200px;
	max-width: 320px;
	min-width: 300px;
	padding: 4px;
}

.column2 {
	float: left;
	max-height: 1200px;
	max-width: 750px;
	min-width: 300px;
	padding: 4px;
}


/* Clear floats after the columns */

.row:after {
	clear: both;
	content: "";
	display: table;
}

.box4 {
	background-color: #F4F8F7;
	border: 2px solid #08311C;
	border-radius: 8px;
	color: black;
	max-width: 450px;
	min-width: 300px;
	padding: 0;
	text-align: center;
}

.box5 {
	background-color: #F4F8F7;
	border: 2px solid #08311C;
	border-radius: 8px;
	color: black;
	max-width: 450px;
	min-width: 300px;
	padding: 0;
	text-align: center;
}

.box6 {
	background-color: #E0F5EC;
	border: 2px solid #08311C;
	border-radius: 8px;
	color: black;
	max-width: 350px;
	min-width: 300px;
	padding: 0;
	text-align: left;
}

.box7 {
	background-color: #E0F5EC;
	border: 2px solid #08311C;
	border-radius: 8px;
	color: black;
	max-width: 350px;
	min-width: 300px;
	padding: 0;
	text-align: left;
}

.box8 {
	background-color: #F4F8F7;
	border: 2px solid #08311C;
	border-radius: 8px;
	color: black;
	max-width: 300px;
	min-width: 250px;
	padding: 0;
	text-align: left;
}

.box9 {
	background-color: #F4F8F7;
	border: 2px solid #08311C;
	border-radius: 8px;
	color: black;
	max-width: 300px;
	min-width: 250px;
	padding: 0;
	text-align: left;
}

.box10
{
	max-width: 3180px;
	min-width: 290px;
	min-height: 380px;
	max-height:500px; 
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color: #E0F5EC;
	color: black;
	text-align:center;
	border: 2px solid #08311C;
	border-radius: 8px;
	padding: 0;
}

.box11 {
	background-color: #FFFFFF;
	color: black;
	float: left;
	max-width: 890px;
	min-width: 310px;
	padding: 0;
	text-align: left;
}

.box12 {
	background-color: #E0F5EC;
	border: 2px solid #08311C;
	border-radius: 8px;
	color: black;
	float: none;
	margin: 0 auto;
	max-width: 350px;
	min-width: 300px;
	padding: 0;
	text-align: left;
}

.ulp {
	padding-left: 20px;
}


/* -----------------------
Header and Page Wrapper
    Layout styles 
------------------------*/

/*     Desktop Layout Wrapper desktop (768px - 2000px) */

/* The following style is for the scroll to "Top ↑" Button */

#topBtn {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 25px;
  z-index: 100;
  font-size: 15px;
  border: none;
  outline: none;
  background-color: #3E3E81;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 6px;
}

#topBtn:hover {
  background-color: #9191EB;
}

@media screen and (max-width: 2000px) {

	/* Desktop Page Layout  */	

	/* can't assume only one "header" element in HTML5 */
	.header-top { 
		/* pin to top - 0 is default */
		position: fixed;
		/* raise z-index to cover */
		z-index: 10;

		/* 100% - .header-wrap can be a percentage - 
			also covers full width when zoomed */
		width: 100%;
	}

	/* match widths & margins -- add min-width value 
	   to .header-content below */

	.page-wrap, .header-wrap, .wrap { 
		max-height: 400px; 
		min-width: 320px; 
		max-width: 960px; 
		/* center on page */
		margin: 0 auto; 
		/* separate content from window edge -- 
			padding-top and -bottom specified below.
			Here (not on body) to work on fixed header */
		padding: 0;
		width: 100%; 
	}

	.page-wrap {
		/* leave room for fixed header height -- matched below -- 
	     padding-left and -right assigned above */
		padding-top: 130px;
	}

	/* padding-left and -right added above */
	.header-wrap { 
		/* to position child elements absolutely */
		position: relative;
		border-left: 2px solid #2F4F3F;
		border-right: 2px solid #2F4F3F;
		border-top: 2px solid #2F4F3F;
		overflow: hidden;
	}

	.hd-mn-bx { 
		background-color: white;
		display: block;
		margin: 0;
		max-height: 200px;
		max-width: 956px;
		padding: 0;
	}
 
	.hd-mn-container {
		background-color: #619F7F;
		display: -ms-grid;
		display: grid;
		margin: 0;
		height: 124px;
		max-width: 956px;
		overflow: hidden;
		padding: 0;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 90px 34px;
		grid-template-rows: 90px 34px;
		                grid-template-areas:
		"header-container"
		"menu-area";
	}
	
	.header-container
	{
		background-color: #619F7F;
		display: -ms-grid;
		display: grid;
		max-width: 956px;
		height:90px; 
		margin: 0;
		padding: 0;
		-ms-grid-columns: 150px 1fr 120px 140px;
		grid-template-columns: 150px 1fr 120px 140px;
		                    grid-template-areas:
		"hdr-lft-img-bx hdr-title-bx hdr-dnt-btn-bx hdr-logo-bx";
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}	

	.hdr-lft-img-bx
	{
		background-color: #619F7F;
		display: block;
		margin-top: 2px;
		margin-bottom: 2px;
		margin-left: 10px;
		max-width: 150px;
		max-height:86px; 
	}	
	
	.img-hdr-lft
	{
		max-width: 150px;
		border: 2px solid #36624B;
		border-radius: 10px;
		display: block;
		overflow: hidden;
	}

	.hdr-title-bx {
		margin-top: 2px;
		max-width: 540px;
		min-width: 200px;
		text-align: center;
	}

	h1.title {
		color: #FFFFFF;
		font-size: 155%;
		font-weight: bold;
		line-height: 1;
		margin: 0;
		text-shadow: 2px 2px #000000;
	}

	h2.title {
		color: #000000;
		font-size: 102%;
		font-weight: bold;
		line-height: 1;
		margin: 0;
	}

	h3.title {
		color: #000000;
		font-size: 94%;
		font-weight: bold;
		line-height: 1;
		margin: 0;
	}

	.hdr-dnt-btn-bx
	{
		background-color: #619F7F;
		margin-right: 20px;
		margin-top: 5px;
		margin-bottom: 5px;
		max-width: 109px;
		max-height:80px; 
	}	
	
	.img-dnt-btn
	{
		width: 100%;
		clear: both;
		display: block;
	}
 
	.hdr-logo-bx
	{
		background-color: #619F7F;
		margin-right: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
		max-width: 130px;
		max-height:80px; 
		overflow: hidden;
	}	
		
	.img-logo
	{
		width: 100%;
		border: 2px solid white;
		border-radius: 10px;
		clear: both;
		display: block;
		padding: 0;
		overflow: hidden;
	}
	
	.menu-area
	{
		background: #813E60;
	   -webkit-box-shadow: 0 3px 4px #8b8b8b;
	           box-shadow: 0 3px 4px #8b8b8b;
		display: block;
		max-height: 34px;
		max-width: 956px;
	}

	.burger-bx
	{
		display: none;
	}

	.mn-spacer1, .mn-spacer2, .mn-spacer3 {
		background-color: #813E60;
		display: block;
		height: 1px;
		max-width: 1px;
		margin: 0;
	}

	.menu-bx {
		background: #813E60;
	   -webkit-box-shadow: 0 3px 4px #8b8b8b;
	           box-shadow: 0 3px 4px #8b8b8b;
		display: block;
		height: 34px;
		max-width: 956px;
		position: fixed;
		z-index: 170;
	}

	.menu-container {
		background: #813E60;
	   -webkit-box-shadow: 0 3px 4px #8b8b8b;
	           box-shadow: 0 3px 4px #8b8b8b;
		display: -ms-grid;
		display: grid;
		max-height: 240px;
		max-width: 956px;
		-ms-grid-rows: 1fr;
		grid-template-rows: 1fr;
		        grid-template-areas:
		"menubar";
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}

	#menubar
	{
		background: #813E60;
	   -webkit-box-shadow: 0 3px 4px #8b8b8b;
	           box-shadow: 0 3px 4px #8b8b8b;
		display: block;
		height: 34px;
		left: calc((100% - 770px)/2);
		margin: 0 auto;
		max-width: 768px;
		position: fixed;
		text-align: center;
		color: #dddddd;
	}

	/* Page Content Layout */

	.page-wrap {
		background-color: var(--bg);
		color: var(--text);
		border-bottom: 2px solid #2F4F3F;
		border-left: 2px solid #2F4F3F;
		border-right: 2px solid #2F4F3F;
		height: 100%;
	 }
	
	.content-wrapper {
		display: -ms-grid;
		display: grid;
		max-width: 956px;
		height: 100%;
		margin: 0;
		overflow-x: auto;
		padding: 0;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		            grid-template-areas:
		"content-area"
		"ads-box"
		"footer";
	}

	.content-area
	{
		background-color: var(--bg);
		color: var(--text);
		display: block;
		max-width: 956px;
		margin: 20px 20px 5px 10px;
	}

	.ads-box
	{
		color: black;
		display: block;
		margin: 0 auto;
		max-height: 150px;
		max-width: 940px;
	}

	.ads-container
	{
		display: -ms-grid;
		display: grid;
		max-width: 956px;
		max-height: 145px;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr;
		grid-template-rows: 1fr;
		    grid-template-areas:
		"ad-box2 ad-box3";
		-webkit-box-pack: space-evenly;
		    -ms-flex-pack: space-evenly;
		        justify-content: space-evenly;
		justify-items: center;
	}

	.ad-box1, .ad-box2, .ad-box3
	{
		background-color: #BEEBD3;
		border: 2px solid #08311C;
		border-radius: 8px;
		color: black;
		font-size: 85%;
		height: 137px;
		width: 305px;
		overflow: hidden;
		text-align:center;
	}

	.footer
	{
		display: block;
		height: 70px;	
		max-width: 956px;
		text-align: center;
		color: white;
		text-shadow: 2px 2px #000000;
		background-color: #619F7F;
		font-size: 70%;
	}

	.conc-bx
	{
		background-color: var(--bg);
		color: black;
		display: block;
		margin: 0 auto;
		max-width: 940px;
	}

	.conc-container
	{
		display: -ms-grid;
		display: grid;
		max-width: 956px;
		-ms-grid-columns: 120px 1fr;
		grid-template-columns: 120px 1fr;
		-ms-grid-rows: 1fr;
		grid-template-rows: 1fr;
		        grid-template-areas:
		"conc-bx1 conc-bx2";
		column-gap: 10px;
		row-gap: 20px;
	}

	.conc-bx1
	{
		color: black;
		max-width: 120px;
		overflow: hidden;
	}

	.conc-bx2
	{
		color: black;
		font-size: 95%;
		max-width: 850px;
		overflow: hidden;
	}
}

/* End Wrapper Layout for desktop (max-width: 2000px) */

/* Smaller Media Screen Width styles */

@media screen and (max-width: 768px) {

	.hd-mn-bx {
		max-height: 124px;
		max-width: 764px;
	}
 
	.hd-mn-container {
		max-height: 124px;
		max-width: 764px;
		padding: 0;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 90px 300px;
		grid-template-rows: 90px 300px;
		                grid-template-areas:
		"header-container"
		"menu-area";
	}
	
	.header-container {
		max-width: 764px;
		height: 90px; 
	}	

	.menu-area {
		max-height: 68px;
		max-width: 770px;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		                    grid-template-areas:
		"burger-bx"
		"menu-bx";
	}

	/* Burger Menu Styles */

	/*Properties for burger-bx*/  

	.bgr-logo, .bgr-pickrs {
		display: none;
	}

	.burger-bx {
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;   
		background: #813E60;
	   -webkit-box-shadow: 0 3px 4px #8b8b8b;
	           box-shadow: 0 3px 4px #8b8b8b;
		color: #dddddd;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;  
		height: 34px;
		-webkit-box-pack:justify;
		    -ms-flex-pack:justify;
		        justify-content:space-between;  
		max-width: 702px;
		padding:0px 33px;  
		top:0;  
	}

	/*Properties for Hamburger*/  

	.ham input[type="checkbox"] {
		position: fixed;
		/* display: block;*/
		height: 32px;
		width: 30px;
		top: 93px;
		right: 30px;
		z-index: 20;
		opacity: 0;
	}

	#ham{  
		display:block;  
		padding:5px;  
		cursor:pointer;  
	}  

	.bar1, .bar2, .bar3{  
		display: block;  
		width: 35px;  
		height: 3px;  
		margin: 5px auto;  
		background-color: #dddddd;  
		-webkit-transition: 0.4s;  
		-o-transition: 0.4s;  
		transition: 0.4s;  
	}  

	.change .bar1 {  
		-webkit-transform: rotate(45deg) translate(8px,3px);  
		    -ms-transform: rotate(45deg) translate(8px,3px);  
		        transform: rotate(45deg) translate(8px,3px);  
	}  

	.change .bar2 {  
		opacity: 0;  
	}  

	.change .bar3 {  
		-webkit-transform: rotate(-45deg) translate(8px,-3px);  
		    -ms-transform: rotate(-45deg) translate(8px,-3px);  
		        transform: rotate(-45deg) translate(8px,-3px);  
	}  

	/* Menu Items Styles */

	.menu-bx {
		background: #813E60;
	   -webkit-box-shadow: 0 3px 4px #8b8b8b;
	           box-shadow: 0 3px 4px #8b8b8b;
		display: block;
		max-height: 300px;
		max-width: 260px;
		top: 124px;
		left: 0;
	}

	.menu-bx {
		display: block;
	}

	.menu-container {
		background: #813E60;
	   -webkit-box-shadow: 0 3px 4px #8b8b8b;
	           box-shadow: 0 3px 4px #8b8b8b;
		display: -ms-grid;
		display: grid;
		max-height: 240px;
		max-width: 125px;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		                grid-template-areas:
		"menubar";
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}

	#menubar {
		max-height: 250px;
		max-width: 250px;
		position: fixed;
		top: 124px;
		left: 0;
	}

	.hidebar {
		visibility: hidden;
	}

/*
	.mnchng .menubar {
		display: block;
	}
*/
	.mn-spacer1 {
		display: none;
	}

	.mn-spacer2 {
		display: none;
	}

}

@media screen and (max-width: 721px) {

	.ads-box {
		margin: 0 auto;
		max-height: 350px;
		max-width: 706px;
	}

	.ads-container  {
		max-width: 706px;
		max-height: 350px;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		-ms-grid-rows: 1fr;
		grid-template-rows: 1fr;
		    grid-template-areas:
		"ad-box2 ad-box3";
	}
}

@media screen and (max-width:620px) {

	.header-container 	{
		max-width: 620px;
		max-height:90px; 
		-ms-grid-columns: 131px 1fr 120px; 
		grid-template-columns: 131px 1fr 120px;
		                    grid-template-areas:
		"hdr-logo-bx hdr-title-bx hdr-dnt-btn-bx";
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}	

	.bgr-logo {
		display: block;
	}
		
	.img-logo-sm {
		max-width: 50px;
		border: 1px solid white;
		border-radius: 4px;
		clear: both;
		display: block;
		padding: 0;
		overflow: hidden;
	}
	.ads-box {
		margin: 0 auto;
		max-height: 350px;
		max-width: 619px;
	}

	.ads-container  {
		max-width: 600px;
		max-height: 350px;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		    grid-template-areas:
		"ad-box2"
		"ad-box3";
	}
	.ad-box1, .ad-box2, .ad-box3 {
		max-height: 137px;
		max-width: 305px;
	}
}


@media screen and (max-width: 540px) {

	.header-container {
		max-width: 540px;
		max-height:90px; 
		-ms-grid-columns: 131px 1fr 119px; 
		grid-template-columns: 131px 1fr 119px;
		                grid-template-areas:
		"hdr-logo-bx hdr-title-bx hdr-dnt-btn-bx";
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}	

	.ad-box1, .ad-box2, .ad-box3 {
		max-height: 137px;
		max-width: 305px;
	}
}

@media screen and (max-width: 480px) {

	.ads-box
	{
		max-height: 450px;
		max-width: 478px;
	}

	.ads-container
	{
		max-width: 478px;
		max-height: 450px;
		-ms-grid-columns: 310px;
		grid-template-columns: 310px;
		-ms-grid-rows: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		    grid-template-areas:
		"ad-box2"
		"ad-box3";
		-webkit-box-pack: space-evenly;
		    -ms-flex-pack: space-evenly;
		        justify-content: space-evenly;
		justify-items: center;
	}
}

@media screen and (max-width: 450px) {

	.header-container
	{
		max-width: 450px;
		max-height:90px; 
		-ms-grid-columns: 131px 1fr; 
		grid-template-columns: 131px 1fr;
		                    grid-template-areas:
		"hdr-logo-bx hdr-title-bx";
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}	

}

@media screen and (max-width: 415px) {

	h1.title {
		font-size: 150%;
	}

	h2.title {
		font-size: 98%;
	}

	h3.title {
		font-size: 89%;
	}

	.ads-box {
		margin: 0 auto;
		max-height: 450px;
		max-width: 306px;
	}

	.ads-container {
		max-width: 305px;
		max-height: 450px;
		-ms-grid-columns: 305px;
		grid-template-columns: 305px;
		-ms-grid-rows: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		    grid-template-areas:
		"ad-box2"
		"ad-box3";
	}
}

@media screen and (min-width: 310px) and (max-width: 320px) {

	.page-wrap, .header-wrap, .wrap { 
		min-width: 310px; 
		max-width: 320px; 
	}

}

@media screen and (min-width: 320px) and (max-width: 768px) and (orientation: landscape) {
 
	.page-wrap {
		/* leave room for fixed header height -- matched below -- 
	     padding-left and -right assigned above */
		padding-top: 35px;
	}

	.header-container {
		display: none;
	}	

	.hd-mn-container {
		height: 34px;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: 34px;
		grid-template-rows: 34px;
		                grid-template-areas:
		"menu-area";
	}

	.bgr-pickrs, .bgr-logo {
		display: block;
	}
		
	.img-logo-sm {
		max-width: 50px;
		border: 1px solid white;
		border-radius: 4px;
		clear: both;
		display: block;
		padding: 0;
		overflow: hidden;
	}

	.menu-bx {
		max-height: 300px;
		max-width: 260px;
		top: 35px;
		left: 0;
	}

	#menubar {
		max-height: 250px;
		max-width: 220px;
		position: fixed;
		top: 34px;
		left: 0;
	}
}