/*************************************************** # SECTION styles ***************************************************/
#our-practice-areas {
}
#practice-areas {
	max-width: 1800px;
	margin: 0px auto;
	padding: 0px 20px 0px 20px;
	text-align: center;
}
#pa-text {
	max-width: 1000px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}
#pa-text h2 {
	line-height:48px;
	font-size: 40px;
	color: #855100;
	padding: 0px 20px 2px 20px;
	font-weight:700;
}
#pa-text h2 a, #pa-text h2 a:hover {color: #ffffff;}
#pa-text p {
	color:#000000;
	font-size: 20px;
	line-height: 24px;
	padding: 10px 20px 10px 20px;
}
#pa-links {
	padding: 3.79% 10px 20px 10px;
	text-align: center;
}

#pa-links a {
	width: calc(32.27% - 4px);
	margin: 0px .53% 2.39% .53%;
	padding: 0px 0px 0px 0px;
	position: relative;
	overflow: hidden;
	-o-transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -webkit-transition: .25s; transition:.25s;
	display: inline-block;
	vertical-align: top;
	color: #855100;
	font-size: 34px;
	line-height: 40px;
	text-decoration: underline;
}
#pa-links a span {display: block; padding: 0px 20px;}
#pa-links a:hover {color: #a25327;}
@media only screen and (min-width : 960px) and (max-width : 1839px) {
#pa-text h2 {line-height: 2.60vw; font-size: 2.17vw;}
#pa-links a {font-size: 1.84vw;line-height: 2.17vw;}
}
@media only screen and (min-width : 960px) and (max-width : 1450px) {
#pa-text p {font-size: 18px;line-height: 22px;padding: 8px 0px 8px 0px;}

}
@media only screen and (min-width : 960px) and (max-width : 1250px) {
#pa-text p {font-size: 16px;line-height: 20px;padding: 6px 0px 6px 0px;}

}
/*************************************************** # SECTION about styles ***************************************************/
#about-our-firm {
}
#about-us {
	max-width: 1640px;
	margin: 0px auto;
	padding: 85px 0px 0px 0px;
}

.about-pic {
	width: 50.12%;
	height: 0;
	padding-bottom: 37.33%;
}

.about-text {
	width: 41%;
	padding: 0px 2.9% 0px 6.79%;
	display: table;
}
.about-cell {
	width: 100%;
	height:100%;
	display: table-cell;
	vertical-align: middle;
}
#about-us h2 {
	line-height:48px;
	font-size: 40px;
	color: #855100;
	padding: 0px 0px 2px 0px;
	font-weight:700;
}
#about-us h2 a, #about-us h2 a:hover {color: #855100;}
#about-us p {
	color:#000000;
	font-size: 18px;
	line-height: 28px;
	padding: 10px 0px 10px 0px;
}
#about-us a.brown-button {margin: 3.73% 0px 0px 0px;}

@media only screen and (min-width : 960px) and (max-width : 1679px) {
#about-us h2 {line-height: 2.85vw; font-size: 2.38vw;}
}
@media only screen and (min-width : 960px) and (max-width : 1450px) {
#about-us p {font-size: 16px;line-height: 24px;padding: 8px 0px 8px 0px;}
}
@media only screen and (min-width : 960px) and (max-width : 1250px) {
#about-us p {font-size: 14px;line-height: 20px;padding: 6px 0px 6px 0px;}

}
/*************************************************** # SECTION awards memberships styles ***************************************************/
#awards-memberships {
}
#memberships-awards {
	max-width: 1680px;
	margin: 0px auto;
	padding: 0px 20px;
}
#our-featured-awards {
	padding: 9.61% 0px 11.14% 0px;
	text-align: center;
}
#our-featured-awards h2 {
	line-height:48px;
	font-size: 40px;
	color: #855100;
	padding: 0px 0px 4.88% 0px;
	font-weight:700;
}
#our-featured-awards h2 a, #our-featured-awards h2 a:hover {color: #855100;font-weight:700;width:auto;}

#our-featured-awards a, #our-featured-awards div {
	width: calc(25% - 4px);
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	display: inline-block;
	vertical-align: top;
	color: #282828;
	font-weight: 400;
}
#our-featured-awards a strong, #our-featured-awards div strong {
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
	display: inline-block;
	margin-bottom: 8px;
	padding: 0px 10px;
}

#our-featured-awards a span.img, #our-featured-awards div span.img {
	height: 82px;
	display: block;
	margin: 0px auto 39px auto;
	width: 100%;
}
#our-featured-awards a.cala span.img, #our-featured-awards div.cala span.img {width: 301px;}
#our-featured-awards a.cac span.img, #our-featured-awards div.cac span.img {width: 192px;}
#our-featured-awards a.biac span.img, #our-featured-awards div.biac span.img {width: 255px;}
#our-featured-awards a.aaj span.img, #our-featured-awards div.aaj span.img {width: 214px;}
#our-featured-awards a:hover {
	color: #282828;
}
#our-featured-awards a:hover span.img {
	filter: Alpha(opacity= 90); 
	-moz-opacity: .9; 
	opacity: .9;
}
@media only screen and (min-width : 960px) and (max-width : 1413px) {
#our-featured-awards h2 {line-height:3.39vw;font-size: 2.82vw;}

#our-featured-awards a span.img, #our-featured-awards div span.img {height: 5.79vw;margin: 0px auto 2.75vw auto;}
#our-featured-awards a.cala span.img, #our-featured-awards div.cala span.img {width: 21.26vw;}
#our-featured-awards a.cac span.img, #our-featured-awards div.cac span.img {width: 13.56vw;}
#our-featured-awards a.biac span.img, #our-featured-awards div.biac span.img {width: 18.01vw;}
#our-featured-awards a.aaj span.img, #our-featured-awards div.aaj span.img {width: 15.22vw;}
#our-featured-awards a strong, #our-featured-awards div strong {font-size: 22px;line-height: 26px;margin-bottom: 7px;}
}
@media only screen and (min-width : 960px) and (max-width : 1250px) {
#our-featured-awards a strong, #our-featured-awards div strong {font-size: 20px;line-height: 24px;margin-bottom: 6px;}
}
@media only screen and (min-width : 960px) and (max-width : 1050px) {
#our-featured-awards a strong, #our-featured-awards div strong {font-size: 18px;line-height: 20px;margin-bottom: 5px;}
}

/*************************************************** # SECTION Contact styles ***************************************************/
#contact-maples-law {
}
#contact-maples-law-firm {
	max-width: 1920px;
	margin: 0px auto;
}
#contact-maples-law .fltlt {
	padding: 13.69% 5.2% 0px 7.81%;
	width: 36.99%;
}
#contact-maples-law .fltrt {
	width: 38.03%;
	background: #481b00;
	padding: 4.94% 6.77% 7.81% 5.2%;
}
#contact-maples-law h2 {
	line-height:72px;
	font-size: 69px;
	color: #855100;
	padding: 0px 0px 2px 0px;
	font-weight:700;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
}
#contact-maples-law h2 a, #contact-maples-law h2 a:hover {color: #855100;}
#contact-maples-law h3 {
	line-height:48px;
	font-size: 40px;
	color: #ffffff;
	padding: 0px 0px 4.82% 0px;
	font-weight:700;
	text-align: center;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
}
#contact-maples-law h3 a, #contact-maples-law h3 a:hover {color: #ffffff;}
#contact-maples-law p {
	color:#000000;
	font-size: 20px;
	line-height: 24px;
	padding: 10px 0px 10px 0px;
}
@media only screen and (min-width : 960px) and (max-width : 1919px) { 
#contact-maples-law h2 {line-height:3.75vw;font-size: 3.59vw;}

}
@media only screen and (min-width : 960px) and (max-width : 1450px) {
#contact-maples-law h3 {line-height:3.31vw;font-size: 2.75vw;}

#contact-maples-law p {font-size: 18px;line-height: 22px;padding: 8px 0px 8px 0px;}

}
@media only screen and (min-width : 960px) and (max-width : 1250px) {
#contact-maples-law p {font-size: 16px;line-height: 20px;padding: 6px 0px 6px 0px;}

}
/*************************************************** # FOOTER styles ***************************************************/
footer {
	background: #855100;
}
footer-inner {
	max-width: 1425px;
	margin: 0px auto;
	padding: 37px 20px 15px 20px;
}
a#home-footer-link {
	width: 263px;
	height: 70px;
	display: block;
	margin: 0px auto 64px auto;
	padding: 0px 0px 0pxpx 0px;
	text-indent: -999999px;
	color: #ffffff;
}
#footer-fltlt {
	width: 55.65%;
	float: left;
}
#footer-fltrt {
	width: 35.09%;
	float: right;
}
footer-inner h2 {
	color: #ffffff;
	font-size: 22px;
	line-height: 22px;
	border-bottom: 1px solid #897058;
	padding: 0px 0px 13px 0px;
	margin: 0px 0px 17px 0px;
	font-weight: 400;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
}
footer-inner h2 a, footer-inner h2 a:hover{color: #ffffff;font-weight: 400;}
#sitemap ul {
	display: inline-block;
	color: #ffffff;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 13px -13px;
	font-size: 16px;
	line-height: 16px;
}
#sitemap ul li {
	display: inline-block;
	float: left;
	padding: 0px 0px 20px 0px;
}
#sitemap ul li a {
	color: #ffffff;
	text-decoration: none;
	border-right: 1px #ffffff solid;
	font-weight: 400;
	padding: 0px 13px 0px 13px;
}
#sitemap ul li.last a {
	border-right: none;
}
/*** # blog styles ***/
#blog {
	padding: 0px 0px 35px 0px;
}
#blog ul {
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	line-height: 22px;
	color: #ffffff;
	list-style: none;
}
#blog ul li {
	width: calc(50% - 10px);
	height: 95px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 14px 0px;
	float: left;
	position: relative;
}
#blog ul li a {
	color: #ffffff;
	font-weight: 400;
	text-decoration: none;
}
#blog ul li a:hover {
	color: #ffffff;
	font-weight: 400;
	text-decoration: none;
}
#blog ul li a span.date {
	width: 76px;
	height: 59px;
	padding: 17px 0px 0px 0px;
	float: left;
	font-weight: 700;
	text-align: center;
	color: #5c3a05;
	display: block;
	position: absolute;
	top: 14px;
	left: 0;
	background: #ffffff;
	font-family: 'Poppins', Arial, Helvetica, sans-serif;
}
#blog ul li a span.date strong {
	color: #5c3a05;
	font-weight: 700;
}
#blog ul li a span.blog-title {
	height: 95px;
	width: 100%;
	display: table;
	table-layout: fixed;
	overflow: hidden;
}
#blog ul li a span.blog-title span {
	height: 104px;
	width: calc(100% - 98px);
	padding: 0px 0px 0px 98px;
	display: table-cell;
	vertical-align: middle;
}
#blog ul li a:hover span.blog-title span {
	text-decoration: underline;
}
/*** # Footer Float Right styles ***/
#footer-fltrt p {
	font-size: 17px;
	color: #ffffff;
	line-height: 20px;
	padding: 0px 0px 12px 0px;
}
#footer-fltrt p a {
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
}
#footer-fltrt p a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#footer-fltrt p span {display: inline-block;}
#social {
	padding: 0px 0px 61px 0px;
}
#social a {
	width: 43px;
	height: 43px;
	display: inline-block;
	margin: 0px 13px 0px -2px;
	color: #ffffff;
	text-align:left;
	text-indent: -9999px;
}
#social a:hover {
	filter: Alpha(opacity= 75); 
	-moz-opacity: .75; 
	opacity: .75;
}

a.google-map {
	width: 100%;
	max-width: 497px;
	height: 155px;
	display: block;
	margin: 10px 0px 55px 0px;
	text-align:center;
	border: none;
	color:#ffffff;
	text-indent: -999999px;
}
/*** # disclaimer styles ***/
#disclaimer {
	padding: 12px 0px 0px 0px;
	border-top: 1px solid #897058;
	color: #ffffff;
}
#disclaimer p {
	padding: 7px 0px 7px 0px;
	font-size: 12px;
	line-height: 15px;
}
#disclaimer p a {
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
}
#disclaimer p a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#disclaimer p.copy {
	padding: 2.8% 0px 10px 0px;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}
@media only screen and (min-width : 960px) and (max-width : 1359px) {#sitemap ul {margin: 0px 0px 13px -10px;}#sitemap ul li a {padding: 0px 10px 0px 10px;}#blog ul {font-size: 16px;line-height: 20px;}}
@media only screen and (min-width : 960px) and (max-width : 1159px) {#footer-fltlt {width: 57.65%;}#footer-fltrt {width: 37.09%;}#sitemap ul {margin: 0px 0px 13px -8px;}#sitemap ul li a {padding: 0px 8px 0px 8px;}#blog ul {font-size: 15px;line-height: 19px;}}
@media only screen and (min-width : 960px) and (max-width : 1059px) {#sitemap ul {margin: 0px 0px 13px -6px;}#sitemap ul li a {padding: 0px 6px 0px 6px;}#blog ul {font-size: 14px;line-height: 18px;}}
input.search-button {color:#ffffff;}
/******************************************** # Styles Tablet and Mobile SHARED ********************************************/
@media only screen and (max-width : 959px) {



/* practice areas */
#pa-text h2 {line-height:24px;font-size:20px;}
#pa-text p {font-size: 16px;line-height: 20px;padding: 6px 0px 6px 0px;}
#pa-links a {width: calc(48.94% - 4px);font-size:16px;line-height:20px;margin: 0px .53% 2.39% .53%;}

/* about */
.about-pic {padding-bottom: 57.33%;}
.about-text {width: 45%;padding: 0px 2.9% 0px 2.79%;}
#about-us h2 {line-height:24px;font-size: 20px;}
#about-us p {font-size: 14px;line-height: 20px;padding: 9px 0px 10px 0px;}

/* awards */
#our-featured-awards {padding: 40px 0px 40px 0px;}
#our-featured-awards h2 {line-height:24px;font-size: 20px;}
#our-featured-awards a strong, #our-featured-awards div strong {font-size: 16px;line-height: 18px;margin-bottom: 3px;}
#our-featured-awards a span.img, #our-featured-awards div span.img {height: 5.79vw;margin: 0px auto 2.75vw auto;}
#our-featured-awards a.cala span.img, #our-featured-awards div.cala span.img {width: 21.26vw;}
#our-featured-awards a.cac span.img, #our-featured-awards div.cac span.img {width: 13.56vw;}
#our-featured-awards a.biac span.img, #our-featured-awards div.biac span.img {width: 18.01vw;}
#our-featured-awards a.aaj span.img, #our-featured-awards div.aaj span.img {width: 15.22vw;}
/*  */
/*  */
/* contact */
#contact-maples-law .fltlt {width: 42%;padding: 13.69% 4% 0px 4%;}
#contact-maples-law .fltrt {width: 42%;padding: 40px 4% 40px 4%;}
#contact-maples-law h2 {line-height:30px;font-size: 28px;} 
#contact-maples-law h3 {line-height:24px;font-size: 20px;}
#contact-maples-law p {font-size: 16px;line-height: 20px;padding: 6px 0px 6px 0px;}
/* footer */
footer-inner {padding: 30px 20px 15px 20px;}
a#home-footer-link {margin: 0px auto 40px auto;}
#footer-fltlt {width: auto;float: none;}
#footer-fltrt {width: auto;float: none;padding: 20px 0px 10px 0px;}
footer-inner h2 {padding: 0px 0px 11px 0px;margin: 0px 0px 14px 0px;}
#sitemap ul {margin: 0px 0px 13px -15px;}
#sitemap ul li a {padding: 0px 15px 0px 15px;}
#blog {padding: 0px 0px 15px 0px;}
#blog ul {font-size: 14px;line-height: 18px;}
#social {padding: 20px 0px 31px 0px;}
#disclaimer p {padding: 10px 0px 10px 0px;}
#disclaimer p.copy {font-size: 14px;line-height: 18px;}
a.google-map {float:right;width: 55%;max-width:none;height: 155px;margin: 10px 0px 20px 0px;}
}
/******************************************** # Styles THIN Tablet ONLY ********************************************/
@media only screen and (min-width : 640px) and (max-width : 739px) {
#contact-maples-law-inner {padding: 0px 0px 30px 0px;}
#contact-maples-law .fltlt {width: auto;padding: 40px 4% 0px 4%;margin: 0px 0px 30px 0px;text-align:center;float:none;}
#contact-maples-law .fltrt {width: auto;float:none;}
#contact-maples-law p {padding: 12px 0px 12px 0px;line-height: 24px; font-size: 18px;}
}
/******************************************** # Styles Mobile ONLY  ********************************************/
@media only screen and (min-width : 1px) and (max-width : 639px) {

/* practice areas */
#practice-areas {padding: 0px 20px 30px 20px;}
#pa-links a {width: auto;display:block;font-size:16px;line-height:20px;margin: 0px 0px 20px 0px;}

/* about */
#about-us {padding: 10px 0px 0px 0px;}
.about-pic {width: auto;padding-bottom: 74.26%;margin-bottom: 30px;}
.about-text {width: auto;padding: 0px 10px 0px 10px;}
#about-us a.brown-button {margin: 11px 0px 0px 0px;}

/* awards */
#our-featured-awards {padding: 40px 0px 10px 0px;}
#our-featured-awards a, #our-featured-awards div {width: calc(50% - 4px);margin: 0px 0px 20px 0px;}
#our-featured-awards a strong, #our-featured-awards div strong {font-size: 14px;line-height: 16px;max-width:150px;margin: 0px auto 8px auto;}
#our-featured-awards a span.img, #our-featured-awards div span.img {height: 37px; margin: 0 auto 5px auto;}
#our-featured-awards a.cala span.img, #our-featured-awards div.cala span.img {width: 136px;}
#our-featured-awards a.cac span.img, #our-featured-awards div.cac span.img {width: 87px;}
#our-featured-awards a.biac span.img, #our-featured-awards div.biac span.img {width: 115px;}
#our-featured-awards a.aaj span.img, #our-featured-awards div.aaj span.img {width: 98px;}
/* contact */
#contact-maples-law .fltlt {width: auto;margin: 0px 0px 30px 0px;padding: 0px 4% 0px 4%;text-align:center;}
#contact-maples-law .fltrt {width: auto;}

/* footer */
footer-inner {padding: 30px 20px 20px 20px;}
a#home-footer-link {margin: 0px auto 20px auto;}
footer-inner h2 {padding: 0px 0px 8px 0px;margin: 0px 0px 11px 0px;}
.search-form#footer-search {padding: 0px 0px 28px 0px;}
#blog {padding: 0px 0px 15px 0px;}
#blog ul li {width: 100%;padding: 0px 0px 0px 0px;}
#social {padding: 20px 0px 31px 0px;text-align:center;}
a.google-map {float:none;width: auto;max-width: 497px;margin: 10px auto 0px auto;}
}
/******************************************** # Styles THIN Mobile ONLY  ********************************************/
@media only screen and (min-width : 1px) and (max-width : 459px) {
#pa-links a span.text span.text-cell span {font-size: 12px;line-height: 14px;}
#our-featured-awards a strong, #our-featured-awards div strong {font-size: 12px;line-height: 14px;max-width:130px;}
#blog ul {font-size: 12px;line-height: 16px;}
}