﻿html,body{height:100%;}
body{
	background: url(../images/body-tail.jpg) top center repeat;
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#535353;
	position:relative;
	min-width:320px;
}
.light{background:url(../images/light.png) center top no-repeat;}
/*********************************header*************************************/
header{width:100%; padding:19px 0 32px;}
	header .indent-bottom{padding-bottom:19px;}
h1{float:left; padding-top:1px;}
	h1 a{
		display:block;
		width:179px;
		height:31px;
		overflow:hidden;
		text-indent:-999em;
		white-space:nowrap;
		background:url(../images/logo.png) 0 0 no-repeat;
		text-decoration:none;
	}
		h1 a:hover{text-decoration:none;}
.secondary-menu{float:right; overflow:hidden; padding-top:8px;}
	.secondary-menu li{
		float:left;
		font:12px/20px Arial, Helvetica, sans-serif;
		color:#535353;
		text-shadow:1px 1px 0px #fff;
		padding: 3px 15px 0;
		background:url(../images/secondary-menu-separator.gif) right center no-repeat;
		overflow:hidden;
	}
		.secondary-menu li:first-child{padding-left:0;}
		.secondary-menu li.last-item{padding-right:0; background:none;}
		.secondary-menu a{color:#535353; text-decoration:none;}
			.secondary-menu a:hover{text-decoration:none; color:#f95e00;}
		.secondary-menu span{display:inline-block; margin-right:13px; float:left;}
/********************************* Content **********************************/
#content{width:100%; background:url(../images/pic1.png) center bottom repeat-x; padding-bottom:52px;}
/*----- Global Structure -----*/
.img-indent{float:left; margin-right:20px;}
.img-indent4-1{float:left; margin-right:22px;}
.last-item{margin-right:0 !important; margin-bottom:0 !important;}
/* ---------- Tags ---------*/
h3{font:300 30px/36px 'Lato', sans-serif; color:#473c37;}
	h3.title1{line-height:26px;}
h4{font:400 16px/19px 'Lato', sans-serif; color:#191919;}
h5{font:bold 12px/19px Arial, Helvetica, sans-serif; color:#4e4e4e;}
h6{font:normal 12px/20px Arial, Helvetica, sans-serif; color:#cd3500;}
	h6 a{color:#cd3500; text-decoration:none;}
		h6 a:hover{text-decoration:none; color:#414141;}

blockquote{
	width:100%;
	background:url(../images/quote-tail.gif) 65px bottom repeat;
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#7d7672;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:1px 1px 3px #b2b4ae;
	-moz-box-shadow:1px 1px 3px #b2b4ae;
	-webkit-box-shadow:1px 1px 3px #b2b4ae;
}
	blockquote .light{
		background:url(../images/quote-light.jpg) center top repeat-x;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}
	.quote-content{
		background:url(../images/quote.png) 17px 11px no-repeat;
		padding:21px 20px 30px 25px;
	}
	.quote-caption{
		background:url(../images/quote-bottom.png) 65px top no-repeat;
		min-height:6px;
		text-align:right;
		padding-top:13px;
		position:relative;
	}
		.quote-caption a{text-decoration:none;}
			.quote-caption a:hover{color:#414141;}
/*---------- Columns --------*/
.col-2-1{float:left; width:161px; margin-right:48px;}
.col-2-1x{float:left; width:182px; margin-right:26px;}
.col-2-1xx{float:left; width:189px; margin-right:17px;}
.col-4{float:left; width:289px; margin-right:17px;}
/*----------- Boxes ----------*/
.box{
	background:url(../images/box-tail.gif) center top repeat;
	color:#7d7672;
	box-shadow:1px 1px 2px #b2b4ae;
	-moz-box-shadow:1px 1px 2px #b2b4ae;
	-webkit-box-shadow:1px 1px 2px #b2b4ae;
}
	.box .light{background:url(../images/box-light.jpg) center top repeat-x;}
	.box .light .indents{padding:25px 18px 35px;}
	.box h3{font-size:38px; line-height:46px;}
.box2{
	border:4px solid #fff;
	background:#f2f4f2;
	box-shadow:1px 1px 3px #b2b4ae;
	-moz-box-shadow:1px 1px 3px #b2b4ae;
	-webkit-box-shadow:1px 1px 3px #b2b4ae;
	margin-bottom:3px;
}
	.box2 .indents{padding:0 12px 9px;}
	.box2 .indents1{padding:0 9px 7px;}
.img-box{
	display:block;
	background:#fff;
	padding:4px;
	box-shadow:1px 1px 3px #c0c3bb;
	-moz-box-shadow:1px 1px 3px #c0c3bb;
	-webkit-box-shadow:1px 1px 3px #c0c3bb;
	margin-bottom:3px;
}
.arrow1{background:url(../images/arrow1.png) 159px 0 no-repeat; padding-top:10px;}
.arrow2{background:url(../images/arrow2.png) 367px bottom no-repeat; padding-bottom:14px;}
.circle{
	float:left;
	margin-right:14px;
	width:53px;
	height:53px;
	overflow:hidden;
	font:bold 36px/53px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	background:url(../images/circle-tail.jpg) center top repeat-x;;
	border-radius:26px;
	-moz-border-radius:26px;
	-webkit-border-radius:26px;
}
.block1{
	float:left;
	margin-right:19px;
	padding-top:4px;
	width:53px;
	height:67px;
	overflow:hidden;
	font:bold 36px/44px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	background:url(../images/block1.png) center top no-repeat;
}
/*---------- Links ----------*/
a{color:#cd3500; outline:none; cursor:pointer; text-decoration:underline;}
	a:hover{text-decoration: none;}
a[href^="tel:"]{color:#7d7d7d; text-decoration:none;}
.button{
	display:inline-block;
	cursor:pointer;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	background: url(../images/button-tail.png) center -1px repeat-x #4a3e38;
	border-top:1px solid #f7f8f5;
	padding:7px 13px;
	margin-bottom:2px;
	height:15px;
	overflow:hidden;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow: 0px 1px 1px #c5c5c5;
	-moz-box-shadow: 0px 1px 1px #c5c5c5;
	-webkit-box-shadow: 0px 1px 1px #c5c5c5;
}
	.button:hover{text-decoration:none; background-position: center -57px; background-color: #b32600;}
/*---------- Lists -----------*/
.list-1 li{
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#cd3500;
	background:url(../images/marker-1.gif) 0 8px no-repeat;
	padding-left:18px;
	margin-bottom:5px;
}
	.list-1 a{text-decoration:none; color:#cd3500;}
		.list-1 a:hover{text-decoration:none; color:#414141;}
.list-2 li{
	font:300 25px/30px 'Lato', sans-serif;
	margin-bottom:5px;
}
	.list-2 a{
		display:block;
		color:#191919;
		text-decoration:none;
		padding:12px 17px 13px;
		background:url(../images/list2-tail.png) center -120px repeat-x;
		white-space:nowrap;
		max-height:30px;
		overflow:hidden;
		box-shadow:1px 1px 3px #c0c3bb;
		-moz-box-shadow:1px 1px 3px #c0c3bb;
		-webkit-box-shadow:1px 1px 3px #c0c3bb;
	}
		.list-2 a:hover{
			text-decoration:none;
			color:#fff;
			background-position:center top;
		}
/*---------- Borders ---------*/
.border-bottom{border-bottom:1px solid #d7d9d7;}
/*---------- Indents ---------*/
p, .p3-1{margin-bottom:18px}
	.p0{margin-bottom:0;}		.p0-1{margin-bottom:3px;}
	.p1{margin-bottom:5px;}		.p1-1{margin-bottom:8px;}
	.p2{margin-bottom:10px;}	.p2-1{margin-bottom:12px;}
	.p3{margin-bottom:15px;}
	.p4{margin-bottom:20px;}	.p4-1{margin-bottom:22px;}
	.p5{margin-bottom:25px;}	.p5-1{margin-bottom:28px;}
	.p6{margin-bottom:30px;}	.p6-1{margin-bottom:32px;}
	.p7{margin-bottom:35px;}	.p7-1{margin-bottom:37px;}
	.p8{margin-bottom:40px;}	.p8-1{margin-bottom:42px;}
.indent-top0-1{padding-top:3px;}
.indent-top1{padding-top:5px;}
.indent-right2{padding-right:10px;}
.indent-right4{padding-right:20px;}
.indent-right5{padding-right:25px;}
.indent-right6{padding-right:30px;}
.indent-left4{padding-left:20px;}
.indent-bottom3{padding-bottom:15px;}
.indent-bottom4-1{padding-bottom:22px;}
.indent-bottom5-1{padding-bottom:27px;}
.indent-bottom6-1{padding-bottom:33px;}
.indent-bottom7{padding-bottom:35px;}
.indent-bottom8-1{padding-bottom:42px;}
.indent-bottom9-1{padding-bottom:47px;}
/*----------- Map ------------*/
#map iframe{width:100%; height:271px;}
#map dl{width:100%; position:relative; overflow:hidden;}
#map dt{color:#cd3500; margin-bottom:20px;}
#map dl span {float:left; width:73px;}
/********************************* aside **********************************/
aside{
	width:100%;
	background:url(../images/pic1.png) center bottom repeat-x;
	padding:34px 0 46px;
	font:13px/20px Arial, Helvetica, sans-serif;
}
	aside .list-1 li{font-size:13px;}
	.social-icons{
		float:left;
		width:50%;
		overflow:hidden;
	}
		.social-icons li{margin-bottom:10px;}
		.social-icons a{
			color:#cd3500;
			text-decoration:none;
			display:inline-block;
			padding-left:27px;
			background-position:0 1px;
			background-repeat:no-repeat;
		}
		.social-icons .icon-1{background-image:url(../images/icon-1.png);}
		.social-icons .icon-2{background-image:url(../images/icon-2.png);}
		.social-icons .icon-3{background-image:url(../images/icon-3.png);}
		.social-icons .icon-4{background-image:url(../images/icon-4.png);}
		.social-icons a:hover{color:#688b42;}
/************************************** Footer *************************************/
footer{
	width:100%;
	padding:26px 0 35px;
	overflow:hidden;
	font:13px/20px Arial, Helvetica, sans-serif;
}
	.footer-text{float:left;}
		.footer-text a{color:#cd3500; text-decoration:none;}
			.footer-text a:hover{color:#535353;}
	.footer-link{float:right;}

/*=================================================================================*/
@media only screen and (max-width: 995px) {
	p, .p3, .p3-1{margin-bottom:15px}
		.p4-1, .p5, .p5-1, .p6, .p6-1, .p7, .p7-1, .p8, .p8-1{margin-bottom:20px;}
		h3{margin-bottom:15px !important;}
	.indent-right2, .indent-right4, .indent-right5, .indent-right6{padding-right:0;}
	.indent-left4{padding-left:0;}
	.indent-bottom4-1, .indent-bottom5-1, .indent-bottom6-1, .indent-bottom8-1, .indent-bottom9-1{padding-bottom:20px;}
	.indent-bottom3, .indent-bottom7{padding-bottom:30px;}
	.col-2-1{width:140px; margin-right:30px;}
	.col-2-1x{width:150px; margin-right:20px;}
	.col-2-1xx{width:154px; margin-right:15px;}
	.col-4{width:236px; margin-right:20px;}
	/*-----------------------------------------*/
	.box h3{font-size:30px; line-height:36px;}
	.arrow1{background-position:130px 0;}
	.arrow2{background-position:300px bottom;}
		.arrow1 .arrow2 .indent-top1{padding-top:0;}
		.arrow1 .arrow2 .wrapper{margin-bottom:10px !important;}
	.list-2 li{font-size:20px; line-height:24px;}
}

@media only screen and (max-width: 767px) {
	.indent-top0-1, .indent-top1{padding-top:0;}
	.col-2-1{width:123px; margin-right:20px;}
	.col-2-1x{width:126px;}
	.col-2-1xx{width:130px;}
	.col-4{float:none; width:100%; margin-right:0; margin-bottom:30px;}
	/*-----------------------------------------*/
	.light{background:none;}
	h1{float:none; margin-bottom:15px; padding-left:0;}
	.secondary-menu{float:none;}
	.box .light{padding:25px 0 30px;}
		.box .light .indents{padding:0 18px;}
	.circle{float:none; margin:0 auto 20px;}
	.arrow1{background-position:110px 0;}
	.arrow2{background-position:250px bottom;}
	.social-icons li{float:left; width:50%;}
	.footer-text, .footer-link{float:none;}
}

@media only screen and (max-width: 479px) {
	.col-2-1, .col-2-1x, .col-2-1xx{float:none; width:100%; margin-right:0; margin-bottom:40px;}
	/*-----------------------------------------*/
	.secondary-menu li{background:none;}
		.secondary-menu li:first-child{background:url(../images/secondary-menu-separator.gif) right center no-repeat;}
		.secondary-menu li.last-item{float:none; width:245px; padding-left:0; padding-top:15px;}
	.arrow1{padding-top:0; background:url(../images/arrow1-mp.png) 0 155px no-repeat;}
	.arrow2{padding-bottom:0; background:url(../images/arrow2-mp.png) right 340px no-repeat;}
	.social-icons li{float:none; width:100%;}
}


/* responsive website */
@media (max-width: 995px) {

	.light:after {
	content: '';
	display: block;
	clear: both;
	}

	#content img {
	width: auto;
	display: block;
	margin: 0 auto;
	}

	section#content + aside .grid_6 {
	width: 100% !important;
	text-align: center;
	}

	.indent-right6 {
	height: auto !important;
	}

	section#content + aside .grid_6 p.style12 {
	width: auto !important;
	height: auto !important;
	text-align: center;
	}

	table,
	tbody,
	tr,
	td,
	div[class*="grid"],
	p {
	display: block;
	width: 100% !important;
	height: auto !important;
	}

	img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	}

	section#content + aside .grid_3.omega {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	}

	section#content + aside img {
	width: auto;
	max-width: 100%;
	}

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

}


@media (max-width: 767px) {

	#toggle-nav {
	display: block;
	text-align: center;
	background: #363636;
	color: white;
	text-decoration: none;
	padding: .5rem 1rem;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	}

	#toggle-nav:before {
	content: '☰';
	display: inline-block;
	margin-right: 5px;
	}


	header nav ul.menu {
	display: none;
	}



	header .wrapper h1,
	header .wrapper h1 a {
	width: 100% !important;
	text-align: center;
	background-size: contain;
	background-position: center;
	}

	header ul.secondary-menu {
	text-align: center;
	}

	header ul.secondary-menu li {
	height: auto !important;
	float: none;
	padding: 0;
	}

	header ul.secondary-menu li a {
	display: block;
	}

	header ul.secondary-menu li img {
	width: auto;
	max-width: 100%;
	}
}