@import url('https://fonts.googleapis.com/css?family=Montserrat');
/*font-family: 'Montserrat', sans-serif;*/
* { margin: 0; padding: 0; outline: 0;box-sizing:border-box; }

body, html { height: 100%; }

body {
	font-size: 12px;
	line-height: 22px;
	font-family: arial, sans-serif;
	min-width: 980px;
	background-color: #f9f9b3;
	color:#474A04;	
}
a { color: #ffffff; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
a.view { background: url(images/bullet.png) no-repeat 0 10px; padding-left: 8px; font-size: 10px; float: right;  }

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

/* =========== Globals ============= */

.bg-yellow {
	background-color: #E1E100;
}
/*.bg-cream {background-color:#f8f7e3;}*/

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
.center {text-align:center;}
.shell  { width: 980px; margin: 0 auto; }
.box {
	width:100%;
	display:block;
}
@font-face {
  font-family: 'headfont';
  src: url('../fonts/Algerian.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Algerian.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Algerian.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Algerian.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Algerian.svg#svgFontName') format('svg'); /* Legacy iOS */
}
.subhead {
	font-size:1.667em;
	padding:5px 5px 5px 0px;
	color:#A30000;
	margin: 15px 0px;
	font-family: 'Montserrat', sans-serif;
}
.subhead-2 {
	font-size:1.833em;
	padding:10px 5px;
	background-color:#fdc4d5;
	color:#eb4847;
	margin-bottom:30px;
}
.subhead-3 {
	font-size:1.500em;
	padding:0px 5px;
	color:#eb4847;
	margin-bottom:20px;
}
.donet-button{
    text-align: right;
    margin: 6px 0px;
    margin-right: 30px;
}
.donet-button a{
	background: #0089ff;
    padding: 10px 20px;
    border-radius: 4px;
	font-weight:400;
	text-decoration:none;
}
.donet-button a:hover, .donet-button a:active{

	transition:0.3s all;
	background:#C30;
	font-weight:600;
}
.purple-txt {color:#a844b2;}
.yellow-txt {color:#b87d20;}
.pink-txt {
	color: #C9625F;
}
.bdr-left {
	border-left:1px solid #000000;
}
.bdr-right {
	border-right:1px solid #B8B40C;
	padding-right: 5px;
}
/* ========== Paddings and Margins ============ */
.pad-5 {padding:5px;}
.pad-b-20 {padding-bottom:20px;}
.left-pad-5 {padding-left:5px;}
.top-indent-1 {margin-top:10px;}
.top-indent-2 {margin-top:30px;}
.bot-indent-1 {margin-bottom:20px;}
/* ====== Typography ============ */
h2 {
	font-size:2.0em;
}
h3 {
	font-size:1.50em;
}
span.txt-fauna {
	font-family:'Fauna One',serif;
}
span.txt-droid {
	font-family:'Droid Serif',serif;
}
.thick {
	font-weight:bold;
}
.size-1em {
	font-size:1em;
}
.size-2em {
	font-size:1.25em;
}
p.normal {font-size: 1.333em;
    line-height: 2.5em;
	font-family: 'Montserrat', sans-serif;
	}
p.thanks {font-size:2.500em;line-height:2em;font-style:italic;}
p.sty-1 {
	font-size:1.0em;
	color:#990000;
}
u;.txt-sty-2 li{
	font-size:16px;
}
.main-image{
       width: 100%;
    padding-top: 30px;
}
.main-image img{
    width: 100%;
    padding: 20px;
    border: 1px solid #d8d867;
}
.main-image h4{
	font-size:16px;
	display:block;
	text-align:center;
	padding:10px 0px;
	color:#C30;
	border:1px solid;
	margin-bottom: 15px;
	font-family: 'Montserrat', sans-serif;
	
		
}
.txt-sty-1 {
	font-size:1.333em;
	line-height:2em;
}
.txt-sty-2 {
	font-size:1.25em;
	line-height:1.50em;
}
.txt-sty-3 {
	font-size:0.875em;
	line-height:1.50em;
}
a.more {color:#FF0000;font-size:1em;}
.thrust-txt {font-size:1.50em;font-weight:bold;}
.thrust-txt-2 {font-size:1.500em;font-weight:bold;}
.justify {
	text-align:justify;
}

/*----- Header -------------- */

.header-1 {
	display: inline-block;
	width: 59%;
	min-height: 100px;
	vertical-align:top;
}
.header-2 {
	display:inline-block;
	width:40%;
	min-height:100px;
}
h1.headtext {
	margin-top:30px;
	padding-bottom:10px;
	color:#990000;
}

h3.headtext {
	font-size:1.5em;
	padding-left:65px;
	color:#990000;
}
span.green {
	color: #38B72B;
}
span.red {color:#d7111a;}
.header-2 img {
	padding:0px 10px 0px 0px;
	height:40px;
}
.header-2 p.phone {
    padding-top: 10px;
    font-size: 12px;
    color: #0089ff;
    font-weight: 600;
	font-family: 'Montserrat', sans-serif;
}
.header-2 p.mail {
padding-top: 10px;
    font-size: 1.2em;
    color: #0089ff;
    font-weight: 600;
}

/*-- Navigation ----- */
.top-nav .shell { position: relative; }
.top-nav { background: #54AF3E; height: 49px;  }
.top-nav ul { list-style: none; list-style-position: outside}
.top-nav ul li { float: left; padding: 0 0 0 0; border-right: 1px solid #5C8533;  }
.top-nav ul li:last-child  { border-right: 0;  }
.top-nav ul li a {display:block;color: #ffffff; padding: 12px 34px;; font-family: 'Ubuntu', sans-serif; font-size: 1.5em;}
.top-nav ul li span { float: left; }
.top-nav ul li a:hover { background-color: #33CC33;text-decoration:none;}
/*------ Slider --------- */
.slider-holder { width: 100%; height: 400px;z-index: 1000;margin:0 auto;}
.slider-holder .flexslider { width: 100%; height: 400px; position: relative; }
.slider-holder .flexslider ul.slides { list-style: none; list-style-position: outside; position: relative; }
.slider-holder .flexslider ul.slides li { width: 100%; height: 400px; float: left; }
.slider-holder .flexslider ul.slides li img { width: 100%; height: 400px; }
/* ---------- Home --------- */
.main .home-wrapper-1 {
	width:59%;
	float:left;
}
.main .home-wrapper-1 > .box {
	margin-bottom:20px;
}
.main .home-wrapper-2 {
	width:38%;
	margin-left:3%;
	float:left;
	padding:0 15px;
}
.main .home-wrapper-2 .img-wrapper {
	width:100%;
	float:left;
	padding:4px;
}
.img-wrapper h4 {
font-size: 13px;
    display: block;
    text-align: center;
    padding: 5px 0px;
    color: #635f5e;
    border: 1px solid;
    margin-bottom: 15px;
}
.home-wrapper-1  ul{
    font-size: 16px;
    padding-left: 25px;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
	line-height:200%;
	
	
	
}
.main .home-wrapper-2 .img-wrapper img {
	border:1px solid #cda6a4;
	width: 100%;
}

address.home {
	font-style:normal;
	line-height:1.667em;
	font-size:1.333em;
}
/*====== gallery ======= */
.gal-img-wrapper {
	width: 220px;
	height: 240px;
	background-color: #FCD8E4;
	float: left;
	display: inline;
	margin: 12px;
	padding: 5px;
}
.gal-img-wrapper p {
	font-size:1.250em;
	text-align:center;
	padding:5px 3px;
}
/* ========= Contact ============ */
.cont-box-left {
	width:480px;
	float:left;
	box-sizing:border-box;
	border-right:2px dotted #cf9bae;
	padding:0px 20px 10px 10px;
}

.cont-box-right {
	width:480px;
	float:left;
	box-sizing:border-box;
	padding:0px 10px 10px 20px;
}
table.contact td {
	font-size:1.250em;
	vertical-align:top;
}
table.contact input {
	border:1px solid #bd8c9d;
	max-width:250px;
	height:30px;
	font-size:1.250em;
}
table.contact textarea {
	border:1px solid #bd8c9d;
}
table.contact input[type='submit'],table.contact input[type='reset'] {
		border:1px solid #bd8c9d;;
		height:20px;
		font-size:1em;
		cursor:pointer;

}
/* ------- Content ---------- */
.main { padding: 30px 0 20px; position: relative; height: 100%; }
.main .content { width: 615px; float: left; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -286px; }
#footer span.shadow-bottom { background: url(images/main-shadow-bottom.png) repeat-x 0 0;  top: -46px; left: 0; position: absolute; width: 100%; height: 46px; z-index: 20; display: block;  }
.event-wrapper {
	border:1px solid #B2B200;
	-webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 1px 1px 6px 2px #737373;
    box-shadow: 1px 1px 6px 2px #737373;
	background-color:#DADA00;
	overflow:hidden;
	padding:8px 10px;
	margin-top:30px;
}
.event-wrapper img {
	display:inline-block;
	padding:4px;
	border:1px solid #A9A900;
	margin:10px 10px 0px 0px;
	width:226px;
}
#footer { border-top: 1px solid #fff;}
.footer-bottom { background: #54AF3E; height: 14px; padding: 22px 0 18px 0; }
.footer-nav { float: left; font-size: 11px; line-height: 11px;  }
.footer-nav ul { list-style: none; list-style-position: outside; }
.footer-nav ul li { float: left; padding: 0 10px; background: url(images/footer-nav-border.png) no-repeat 0 0; }
.footer-nav ul li.first { background: transparent; padding-left: 0;  }
.footer-nav ul a { color: #ffffff; }
.footer-bottom p.copy { float: right; color: #ffffff;  line-height: 11px; }
.footer-bottom p.copy span  { padding: 0 9px;  }
.footer-bottom p.copy a { text-decoration: underline; }
.footer-bottom p.copy a:hover { text-decoration: none; }

/* #Media Queries
================================================== */

/* ipad portrait */
@media screen and (max-width:33.9em) {
	.size-1em {
    font-size: 0.5em;
}
.size-2em {
    font-size: 1em;
}
.top-nav{margin:0px;
}
.event-wrapper img{
	width:100%;
}
	
}
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	body { min-width: 768px; }
	.shell { max-width: 768px; }
	
	#header { background: url(images/header-tablet.png) repeat-x 0 0; height: 257px; }
	.header-cnt #logo { width: 277px; font-size: 0; line-height: 0; }
	.header-cnt #logo a { height: 93px; background: url(images/logo-tablet.png) no-repeat 0 0; text-indent: -4000px; display: block;  }

	.top-nav span.top-nav-shadow { display: none; }
	.top-nav ul { font-size: 14px; }
	.top-nav ul li a { color: #239cc5; float: left; padding: 0 24px; text-shadow: rgba(255,255,255,0.8) 0px 1px 0px; }
	.top-nav ul li.last a { padding-right: 34px; } 
	.slider-holder { width: 382px !important; height: 260px !important; background: url(images/slider-tablet.png) no-repeat 0 0; padding: 30px 35px 0; top: 30px; right: 0;  }
	.slider-holder .flexslider { width: 382px; height: 220px; }
	.slider-holder .flexslider ul.slides li { width: 100%; height: 100%; }
	.slider-holder .flexslider ul.slides li img { width: 100%; height: 100%; }

	.container { padding: 0 20px;}

	.main section { background: url(images/tablet-section-shadow.png) no-repeat 0 bottom  !important; }
.main section.blog { padding-bottom: 60px; }
	.main section.blog { background: transparent  !important; padding-bottom: 0;  }
	.main .cols { background: transparent  !important; padding-bottom: 0; }
	.main .cols .col { width: 232px; padding-right: 15px; margin-right: 0; background: transparent;}
	.main .cols .col.last { padding-right: 0; width: 232px }
	.main .cols .col img { float: none; display: block; margin: 0 auto 0 auto !important;  }
	
	.main .content { width: 100%; float: none; display: block; padding-bottom: 40px; }
	
	.main .sidebar { width: 100%; float: none; display: block; }
	.main .sidebar ul li { margin: 0 0 0 0; background: url(images/tablet-section-shadow.png) no-repeat center bottom; display: block; min-height: 70px; }
	.main .sidebar ul li .mobile { display: inline;  }
	.main .sidebar a.view { margin-right: 20px;  }

	.footer-bottom { height: 48px; line-height: 17px;  }
	.footer-bottom .footer-nav { float: none; display: block; padding-bottom: 16px;  }
	.footer-bottom  p.copy { float: none; display: block; clear: both; }
	.footer-bottom .shell { padding-left: 20px; width: 748px; }
}

	
@media only screen and ( max-width: 767px) { 
	body { min-width: 320px;}
	.shell { max-width: 100%; }
	.main { padding-top: 220px !important; margin-top: -290px; }
	.header-1 {display:block;width: 100%;min-height:70px; text-align:center;
}
.header-2 {display:block;width:90%;margin:10px auto;
}
img.punch {width:90%;margin:0px auto;}
	.top-nav { position: relative; z-index: 1001;height: 48px;margin: 0px;}
	.top-nav span.top-nav-shadow { display: none; }
	.top-nav ul { font-size: 1em; position: absolute;width: 100%;line-height:1.5em; padding:0 0px 0px 0px;background: #e76669; 
		border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; }
	.top-nav ul li a { display: block; float: none;text-align:center; }
	.top-nav ul li span { display: block; float: none; }
	.top-nav ul li { display: block; float: none;  padding: 15px 0px;}
	.top-nav ul li a { padding: 0 0 0 0; }
	.top-nav ul li a:hover { display: block; float: none;background-color: #d8595c; }
	.top-nav ul li.last a { float: none; display: block;  padding-right: 0; } 
	.top-nav ul li.last {  padding-bottom: 10px }
	
	.slider-holder { width: 100% !important; height: 163px  !important;padding: 20px 0px; /*top: 630px; left: 50%;*/ margin-top: 32px; }
	.slider-holder .flexslider { /*width: 280px;*/ height: 91px; }
	.slider-holder .flexslider ul.slides li { width: 100%; height: 100%; }
	.slider-holder .flexslider ul.slides li img { width: 100%; height: 100%; }
	.container { padding: 20px 10px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .main .home-wrapper-1 {width:100%;display:block;height:auto;float:none;}
.main .home-wrapper-1 > .box {height:auto;}
	.main .home-wrapper-2 {width:100%;height:auto;margin-left:0px;background-color:#f7e0df;float:none;padding:0 15px;}
.main .home-wrapper-2 .img-wrapper {width:100%;height:auto;float:none;text-align:center;}
	.main .content { width: 100%; float: none; display: block; padding-bottom: 40px; }
	.main .content img.alignleft { margin-right: 8px; float: none; display: block; margin: 0 auto 30px auto;  }
	.main .content p { font-size: 11px; line-height: 18px; }
	.main .content ul li { font-size: 11px; padding-bottom: 0; line-height: 18px;  }
	.main .content ul li { background-position: 0 7px !important; display: block; }
/* ========= Contact ============ */
.cont-box-left {width:100%;float:none;border-right:none;padding:0px 0px 0px 0px;}
.cont-box-right {width:100%;float:none;padding:0px 0px 0px 0px;}
iframe {max-width:100%;} 
table.contact td {font-size:1.00em;vertical-align:top;}
table.contact input {border:1px solid #bd8c9d;max-width:170px;height:30px;font-size:1.00em;}
table.contact textarea {max-width:170px;}
	
	.footer-cols .shell { padding-left: 20px; padding-right: 20px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.footer-cols .col { width: 100%; display: block; padding-right: 0;  }
	.footer-cols .col ul li { padding-right: 0; }
	.footer-cols .col .col-cnt { display: none; }
	.footer-cols .col.last { padding-right: 0; }
	.footer-bottom { height: 48px; line-height: 17px; }
	.footer-bottom .footer-nav { float: none; display: block; text-align: center;  padding-bottom: 16px; font-size: 10px;  }
	.footer-bottom .footer-nav ul li { padding: 0 2px 0 4px; float: none; display: inline; background-position: 0 2px;  }
	.footer-bottom  p.copy { float: none; display: block; text-align: center;  clear: both; font-size: 10px;  }
	.footer-bottom .shell { width: 100%; }
}

@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  { 
	.slider-holder { background: url(images/slider-mobile@2x.png) no-repeat 0 0;   -webkit-background-size: 320px 202px; -moz-background-size: 320px 202px; background-size: 320px 202px; }
	.main section, 	
	.main .cols .col, 
	.main .sidebar ul li { margin: 0 0 0 0; background: url(images/mobile-section-shadow@2x.png) no-repeat center bottom;  -webkit-background-size: 299px 14px; -moz-background-size: 299px 14px; background-size: 299px 14px; }
}