@font-face {font-family: 'Lustria'; font-style: normal; font-weight: 400; src: local('Lustria'), local('Lustria-Regular'), url(../fonts/lustria.woff) format('woff');}

* {margin: 0; padding: 0; border: 0;}

a {text-decoration: none;}
a:active, a:visited {color: inherit;}
a:hover, a:focus, a:active {outline: none; -moz-outline-style: none;}

span.bold {font-weight: bold;}
span.italic {font-style: italic;}
span.small {font-size: 80%;}
div.clear {clear: both;}


html {background: #f1eeee url(../elem/bg-waves-2.jpg) no-repeat top center fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
@media (max-width: 1000px) {html {background-image: none;}}
body {font-family: 'Lustria', georgia, times, "times new roman", serif; background: url(../elem/bg-body.png) top center repeat-y;}
	div.page {width: auto; max-width: 980px; margin: 0 auto; padding-top: 20px; background: #fff;}


/*  top  */

div.top {width: auto; margin-top: 0px;}
	div.top img {display: block; max-width: 100%; height: auto;}

div.top-c {display: none;}
	div.top-c img {display: block; max-width: 100%; height: auto;}

@media (max-width: 980px) {div.top {margin-top: 0;}}

@media (max-width: 466px)
{
	div.page {background: #fff;}
	div.top {display: none;}
	div.top-c {display: block;}
}

/*  end top  */


h1 {font-size: 24px; display: none;}


/*  message  */

div.message {margin: 0 2%; padding: 10px; background: #bfd1b1 url(../elem/message.png) no-repeat 20px 10px; border-radius: 0 0 5px 5px;}
	p.quote {margin-left: 70px; padding: 10px 0 5px 0; font-size: 20px; line-height: 30px; font-weight: bold; color: #070;}
	p.quote a {text-decoration: underline; font-size: 18px; color: #060;}
	p.quote a:hover {text-decoration: underline; color: #393;}
	span.messagesmall {font-size: 18px;}

@media (max-width: 510px)
{
	p.quote {font-size: 18px; line-height: 28px;}
	p.quote a {font-size: 17px;}
	span.messagesmall {font-size: 17px;}
}

@media (max-width: 420px)
{
	p.quote {font-size: 16px; line-height: 20px;}
	p.quote a {font-size: 16px;}
	span.messagesmall {font-size: 16px;}
}

/*  end message  */


/*  navigation  */

div.nav {width: 96%; height: 30px; margin: 16px 2% 0 2%;}
	div.nav p {float: left; width: 16%; margin-right: 1%; text-align: center; font-size: 17px; overflow: hidden;}
	div.nav p.last {margin-right: 0;}
	div.nav p a {height: 26px; display: block; padding: 4px 0 1px 0; color: #fff; background: #32680a; border-radius: 5px;}
	div.nav p a:hover {color: #000; background: #6f7; transition: color 0.1s ease-in-out; transition: background 0.2s ease-in-out;}
	div.nav p.on a {color: #020; background: #bfd1b1; cursor: default;}

#mobileMenu {display: none;}

@media (max-width: 850px) {div.nav p {width: 17.5%;}}
@media (max-width: 700px)
{
div.nav p {width: 19.2%; font-size: 15px;}
div.nav p a {height: 25px; padding: 4px 0 0 0;}
}

@media (max-width: 466px) {div.nav {display: none;}

.toggleMobile {display: none;}
#mobileMenu {display: none; position: fixed; top: 0; right: 0; width: 100%; padding: 46px 0 20px 0; background: url(../elem/bg-nav2hb.png); border-bottom: 2px solid #9a9;}
	div.nav2 {width: 92%; margin-left: 4%;}
		p.nav2hb {margin-top: 12px; text-align: center;}
		p.nav2hb a {display: block; height: 31px; padding-top: 5px; font-size: 20px; color: #fff; letter-spacing: 0.4px; background: #32680a; border-radius: 5px;}
		p.nav2hb a:hover {color: #000; background: #6f7;}
		#on2 a, #on2 a:hover {color: #020; background: #bfd1b1; cursor: default;}

#mobileMenu {display: block; z-index: 99;}
.toggleMobile {position: fixed; top: 10px; right: 20px; display: block; width: 40px; height: 36px; cursor: pointer; z-index: 999;}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3 {display: block; position: absolute; width: 40px; height: 7px; left: 0; background: #6a7; -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
.toggleMobile span.menu1 {top: 0;}
.toggleMobile span.menu2 {top: 12px;}
.toggleMobile span.menu3 {top: 24px;}

.toggleMobile.active span.menu1 {top: 12px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95); background: #f66;}
.toggleMobile.active span.menu2 {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95); transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95); background: #f66;}
.toggleMobile.active span.menu3 {opacity: 0;}
}

/*  end navigation  */


/*  row 1  */

div.row1 {clear: both; margin: 0 2%;}
	h2 {margin: 50px 0 40px 20px; font-size: 21px; line-height: 30px; color: #311;}

@media (max-width: 850px) {h2 {margin: 45px 0 40px 20px;}}
@media (max-width: 550px) {h2 {margin: 40px 0 40px 20px; font-size: 19px; line-height: 28px;}}
@media (max-width: 466px) {h2 {margin: 40px 0 30px 20px;}}
@media (max-width: 330px) {h2 {margin: 30px 0 20px 20px; font-size: 18px; line-height: 26px;}}

/*  end row 1  */


/*  row 2 deleted  */


/*  main content  */

div.lcol {float: left; width: 62%; padding: 0 0 20px 2%;}
	p.left {font-size: 16px; line-height: 25px; color: #311;}
	p.left a {color: #387641;}
	p.left a:hover {border-bottom: 1px solid #387641;}
	div.lcol img {max-width: 100%; height: auto;}
	span.btn a {font-weight: bold; padding: 1px 5px 0 5px; background: #dfd; border: 1px solid #387641; border-radius: 5px;}
	span.btn a:hover {color: #000; background: #6f7; border: 1px solid #090; transition: color 0.2s ease-in-out; transition: background 0.1s ease-in-out;}

div.rcol {float: right; width: 28%; padding: 0 2% 20px 0;}
	div.rcol p.right {font-size: 16px; line-height: 25px; font-style: italic; color: #060;}
	div.rcol img {max-width: 100%; height: auto;}

@media (max-width: 550px)
{
	div.lcol {width: 96%;}
	div.rcol {display: none;}
}

/*  end main content  */


/*  row 4  */

div.row4 {margin: 0 2% 10px 2%;}
	p.prow4 {display: none; width: 90%; margin-bottom: 30px; font-size: 16px; letter-spacing: 0.2px; line-height: 24px; font-style: italic; color: #060;}
	p.prow4 img {max-width: 100%; height: auto; border-radius: 5px;}

	p.centre {padding: 20px 40px 0 40px; font-size: 18px; line-height: 24px; text-align: center; font-weight: bold; color: #363;}

@media (max-width: 550px)
{
	p.prow4 {display: block;}
	p.centre {padding: 20px 4% 0 4%;}
}

/*  end row 4  */


/*  footer  */

div.footer {clear: both; margin: 0 2%; padding: 20px 2%; background: #bfd1b1; border-radius: 5px;}
	p.contact {margin-bottom: 10px; font-size: 24px; font-weight: bold; color: #387641;}
	p.phone, p.email {float: left; font-size: 17px; line-height: 30px; font-weight: bold; color: #387641;}
	p.contact a, p.phone a, p.email a {color: #387641;}
	p.phone a, p.email a {padding: 1px 5px 0 5px; background: #dfd; border: 1px solid #387641; border-radius: 5px;}
	p.phone a:hover, p.email a:hover {color: #000; background: #6f7; border: 1px solid #090; transition: color 0.2s ease-in-out; transition: background 0.1s ease-in-out;}
	p.contact a:hover {cursor: default;}
	
	p.note {clear: both; padding-top: 14px; font-size: 14px; line-height: 21px; letter-spacing: 0.1px; color: #387641;}
	p.note a {font-weight: bold; color: #387641;}
	p.note a:hover {color: #387641; border-bottom: 1px solid #387641;}

/*  end footer  */


/*  copy  */

p.copy {padding: 10px 2%; font-size: 13px; color: #050;}
	p.copy a {color: #050;}
	p.copy a:hover {text-decoration: underline; color: #050;}
	p.copy img {border-radius: 3px;}
	img.stat {float: right; margin: 5px 0 0 10px;}

div.bottom {clear: both; height: 20px; background: #fff;}

@media (max-width: 980px) {div.bottom {height: 0;}}
@media (max-width: 510px) {img.stat {width: 150px;}}
@media (max-width: 420px) {img.stat {width: 140px;}}

/*  end copy  */





/*  [ alexanderwork.net/cssjs/alexwork_v05f.css | 200718 ]  */