@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:600|Playfair+Display|Open+Sans');
html,body{height:100%;}
body{
	/**Changed Background White (AJG)**/
	background: url(../images/background-color.gif) repeat-x top #ffffff;
	font:13px/24px "Open Sans", sans-serif;
	/**Changed Base Text Color (AJG)**/
	color:#1F222A;
	position:relative;
	min-width:320px;
  -webkit-text-size-adjust: none;
}
.spacer{
	height: 20px;
}
.white-bg{
	background: #ffffff;
}
/*********************************header*************************************/
header{width:100%; padding:25px 0 32px;}
/**Changed bottom padding (AJG)**/
	header .indent-bottom{padding-bottom:25px;}
/**Defined h1 properties to center logo (AJG)**/
h1{width: 236px; padding: 0; margin-left: auto; margin-right: auto;}
	h1 a{
		display:block;
	    /**Changed Logo Height and Width (AJG)**/
		width:236px;
		height:80px;
		overflow:hidden;
		text-align: center;
		text-indent:-999em;
		white-space:nowrap;
		/**Added Perkes Logo (AJG)**/
		background:url(../images/the-perkes-law-firm-logo.png) 0 0 no-repeat;
		text-decoration:none;
	}
		h1 a:hover{text-decoration:none;}
.secondary-menu{float:right; overflow:hidden;}
	.secondary-menu li{
		float:left;
		font:12px/20px Arial, Helvetica, sans-serif;
		color:#8f8980;
		padding: 2px 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:#8f8980; text-decoration:none;}
			.secondary-menu a:hover{text-decoration:none; color:#fff;}
		.secondary-menu span{display:inline-block; margin-right:13px; float:left;}

.header-title{
	width: 940px;
	height: 225px;
	background: url(../images/page-header-background.jpg);
	color: #ffffff;
	text-align: center;
}

.header-title h2{
		padding-top: 75px;
		font: 52px/62px "Playfair Display", sans-serif;
		text-shadow: 2px 2px rgba(0,0,0, 0.7);
}
/********************************* Content **********************************/
#content{width:100%; padding-bottom:47px;}
/*----- Global Structure -----*/
.img-indent{float:left; margin-right:20px;}
.img-indent3-1{float:left; margin-right:18px;}
.img-indent4-1{float:left; margin-right:22px;}
.img-indent5-1{float:left; margin-right: 22px;}
.last-item{margin-right:0 !important; margin-bottom:0 !important;}
/* ---------- Tags ---------*/
h3{font:300 30px/36px 'Playfair Display', sans-serif; color:#1F222A;}
.box h3{font:300 30px/36px 'Playfair Display', sans-serif; color:#ffffff;}
	h3.title1{line-height:26px;}
h4{font:400 16px/19px 'Lato', sans-serif; color:#fff;}
h5{font:bold 16px/24px 'Playfair Display', sans-serif; color:#B87B45;}
h6{font:normal 12px/20px Arial, Helvetica, sans-serif; color:#ff8d07;}
	h6 a{color:#ff8c04; text-decoration:none;}
		h6 a:hover{text-decoration:none; color:#fff;}

blockquote{
	width:100%;
	padding-bottom:19px;
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#85786e;
  position: relative;
}
  blockquote:after{
    display: block;
    position: absolute;
    bottom: 1px;
    left: 63px;
    width: 34px;
    height: 19px;
    background: url('../images/quote-bottom.gif') no-repeat;
    content: "";
  }
	.quote-content{
		border:1px solid #4b4641;
		border-bottom-color:#4b4641;
		min-height:130px;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}
	.quote-bg{
		background:url(../images/quote.png) 17px 11px no-repeat;
		padding:21px 20px 25px 25px;
	}
	.quote-caption{text-align:right; margin-top:-6px;}
		.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:184px; margin-right:24px;}
.col-2-1xx{float:left; width:191px; margin-right:15px;}
.col-4{float:left; width:291px; margin-right:13px;}
/*----------- Boxes ----------*/
.box{background: #BD7A3E; color: #F6EEE4}
#page2 .box {background:#1c1714;}
	.box .indents{padding:23px 25px 30px;}
	.box h3{font-size:38px; line-height:42px;}
.box2{
	background:#423a36;
	padding:15px 15px 14px;
}
.box3{
	background-color: #1F222A;
	color: #ffffff;
}
.box3 .indents{padding: 0px 25px 0px 25px;}
.box4{
	background-color: #13171C;
	color: #ffffff;
}
.box4 a{
	color: #BD7A3F;
}
.box4 a:hover{
	color: #ffffff;
}
.box4 .indents{padding: 0px 25px 0px 25px;}
.img-box{
	display:inline-block;
	background:#B67A43;
	padding:5px;
	width: 235px;
}
.img-box2{
	display:inline-block;
	background:#B67A43;
	padding:5px;
	width: 115px;
}
.img-box3{
	display:inline-block;
	background:#B67A43;
	padding:5px;
	width: 195px;
}
.partners .img-box{
  padding: 7px;
  border: 1px solid #57524e;
  background: #fff;
}
img{
	width: 100%;
}
.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:#ff8d07;
	border-radius:26px;
	-moz-border-radius:26px;
	-webkit-border-radius:26px;
}
.block1{
	float:left;
	margin-right:20px;
	padding-top:4px;
	width:51px;
	height:63px;
	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:#BD7A3F; 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:#BD7A3F;
	padding:8px 13px 7px;
	margin-bottom:2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	.button:hover{
		text-decoration:none;
		background-position: center -57px;
		background-color: #1F222A;
			-webkit-transition: color,background .3s linear;
    		-moz-transition: color,background .3s linear;
    		-ms-transition: color,background .3s linear;
    		-o-transition: color,background .3s linear;
    		transition: color,background .3s linear;}

.box .button{
	display:inline-block;
	cursor:pointer;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#1F222A;
	text-decoration:none;
	background:#ffffff;
	padding:8px 13px 7px;
	margin-bottom:2px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	.box .button:hover{text-decoration:none; background-position: center -57px; color: #ffffff; background-color: #1F222A;}
/*---------- Lists -----------*/
.list-1 li{
	font:13px/20px "Open Sans", sans-serif;
	color:#1F222A;
	background:url(../images/marker-1.png) 0 8px no-repeat;
	padding-left:18px;
	margin-bottom:8px;
}
	.list-1 a{text-decoration:none; color:#1F222A;}
		.list-1 a:hover{text-decoration:none; color:#B67A43;}

.list-3 li{
	font:13px/21px "Open Sans", sans-serif;
	color:#ffffff;
	background:url(../images/marker-2.png) 0 8px no-repeat;
	padding-left:18px;
	margin-bottom:5px;
}
	.list-3 a{text-decoration:none; color:#ffffff;}
		.list-3 a:hover{text-decoration:none; color:#B67A43;}

.list-4 li{
	font:12px/19px "Open Sans", sans-serif;
	color:#ffffff;
	background:url(../images/marker-3.png) 0 8px no-repeat;
	padding-left:18px;
	margin-bottom:5px;
}
	.list-4 a{text-decoration:none; color:#ffffff;}
		.list-4 a:hover{text-decoration:none; color:#1F222A;}

.list-2 li{
	font:300 25px/30px 'Lato', sans-serif;
	margin-bottom:5px;
}
	.list-2 a{
		display:block;
		color:#85786e;
		text-decoration:none;
		padding:12px 17px 13px;
		background:#201b18;
	}
		.list-2 a:hover{
			text-decoration:none;
			color:#ff8b03;
		}
/*---------- Borders ---------*/
.border-bottom{border-bottom:1px solid #4c4642;}
/*---------- Indents ---------*/
p, .p3-1{margin-bottom:20px}
	.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-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:25px;}
.indent-bottom2{padding-bottom:10px;}
.indent-bottom3{padding-bottom:15px;}
.indent-bottom4-1{padding-bottom:22px;}
.indent-bottom6{padding-bottom:30px;}
.indent-bottom7{padding-bottom:35px;}
.indent-bottom8-1{padding-bottom:42px;}
.indent-bottom10{padding-bottom:50px;}
/*----------- Map ------------*/
#map iframe{width:100%; height:265px;}
#map dl{width:100%; position:relative; overflow:hidden;}
#map dt{margin-bottom:20px;}
#map dl span {float:left; width:73px;}
/********************************* aside **********************************/
aside{
	width:100%;
	padding:25px 0 30px;
	font:13px/20px "Open Sans", sans-serif;
}
	aside .list-1 li{font-size:13px;}
	.social-icons{
		float:left;
		width:100%;
		overflow:hidden;
	}
		.social-icons li{margin-bottom:10px;}
		.social-icons a{
			color:#ff8c04;
			text-decoration:none;
			display:inline-block;
			padding-left:27px;
			background-position:0 1px;
			background-repeat:no-repeat;
		}
		.box3 .social-icons a{
			color:#ffffff;
			text-decoration:none;
			display:inline-block;
			padding-left:27px;
			background-position:0 1px;
			background-repeat:no-repeat;
						-webkit-transition: color,background .3s linear;
    		-moz-transition: color,background .3s linear;
    		-ms-transition: color,background .3s linear;
    		-o-transition: color,background .3s linear;
    		transition: color,background .3s linear;
		}
		.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);}
		.box3 .social-icons .icon-3{background-image:url(../images/box3-linkedin-icon.png);}
		.box3 .social-icons .icon-4{background-image:url(../images/box3-fb-icon.png);}
		.social-icons a:hover{
			color:#fff;
}
		.box3 .social-icons a:hover{
			color:#BD7A3F;
			-webkit-transition: color,background .3s linear;
    		-moz-transition: color,background .3s linear;
    		-ms-transition: color,background .3s linear;
    		-o-transition: color,background .3s linear;
    		transition: color,background .3s linear;
}
/************************************** Footer *************************************/
footer{
	width:100%;
	padding:25px 0 25px;
	overflow:hidden;
	font:13px/20px "Open Sans", sans-serif;
}
	.footer-text{float:left;}
		.footer-text a{color:#BD7A3F; text-decoration:none;}
			.footer-text a:hover{color:#ffffff;
			-webkit-transition: color,background .3s linear;
    		-moz-transition: color,background .3s linear;
    		-ms-transition: color,background .3s linear;
    		-o-transition: color,background .3s linear;
    		transition: color,background .3s linear;
}
	.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:20px !important;}
	.indent-right2, .indent-right6{padding-right:0;}
	.indent-left4{padding-left:25px;}
	.indent-bottom4-1, .indent-bottom8-1, .indent-bottom10{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;}
	.col-4{width:236px; margin-right:20px;}
	/*-----------------------------------------*/
	.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;}
	
	.header-title{
	width: 748px;
	height: 225px;
}
}

@media only screen and (max-width: 767px) {
	h3{margin-bottom:25px !important;}
	.indent-left4{padding-left:0px;}
	.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;}
	/*-----------------------------------------*/
	h1{float:none; margin-bottom:15px; padding-left:0;}
	.secondary-menu{float:none;}
	.box{padding:25px 0 30px;}
		.box .indents{padding:0 25px;}
	.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;}
  .img-indent4-1, .img-indent{float: none;margin-right: 0;}
  img{width: 100%;}
  .img-box{display: block; width: 97%;}
	
.header-title{
	width: 100%;
	height: 183px;
}

.header-title h2{
		padding-top: 16%;
		font: 42px/50px "Playfair Display", sans-serif;
}
.business-trans-title .header-title h2{
		padding-top: 9%;
		font: 42px/50px "Playfair Display", sans-serif;
}
.wills-title .header-title h2{
		padding-top: 10%;
		font: 42px/50px "Playfair Display", sans-serif;
}
}

@media only screen and (max-width: 479px) {
	h3{margin-bottom:25px !important;}
	.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%;}
	.header-title h2{
		padding-top: 13%;
		font: 44px/52px "Playfair Display", sans-serif;
}
.contact-us-title .header-title h2{
		padding-top: 22%;
		font: 44px/52px "Playfair Display", sans-serif;
}
.business-trans-title .header-title h2{
		padding-top: 13%;
		font: 42px/50px "Playfair Display", sans-serif;
}
.wills-title .header-title h2{
		padding-top: 13%;
		font: 42px/50px "Playfair Display", sans-serif;
}
}