/*
Theme Name: Life Insurance Law
Theme URI: http://envoca.com/
Description: Life Insurance Law Default Theme.
Author: Envoca Design
Version: 2017.11
*/

/*---------- GENERIC SYTYLES ----------*/
html, body{
	font-family: 'Fira Sans', 'Tahoma', 'Sans-serif';
	font-size: 14px;
	font-weight: 300;
	margin: 0;
	padding: 0;
	height: 100%;
}
p, ul{
	margin-bottom: 30px;
	margin-top: 15px;
}
p, li{
	line-height: 1.5em;
}
a:link, a:visited{
	color: #2dbd5a;
	text-decoration: none;
	transition: all 0.5s ease;
}
a:hover{
	color: #333;
}
img{
	display: block;
	max-width: 100%;
}
fieldset{
	border: none;
	margin: 0;
	padding: 0;
}
input, textarea, select{
	font-family: 'Fira Sans', 'Tahoma', 'Sans-serif';
	font-size: 14px;
	font-weight: 300;
}
input[type="text"], input[type="email"], input[type="tel"], select{
	box-sizing: border-box;
	border-radius: 4px;
	background: #494949;
	border: none;
	color: #fff;
	height: 50px;
	line-height: 20px;
	margin: 5px 0 10px 0;
	padding: 10px;
	width: 100%;				
}
textarea{
	border-radius: 4px;
	box-sizing: border-box;
	background: #494949;
	border: none;
	color: #fff;
	clear: both;
	height: 160px;
	line-height: 20px;
	margin: 5px 0;
	padding: 10px;
	width: 100%;				
}
input[type='button']{
	border: none;
	background: #2dbd5a;
	color: #fff;
	width: 100%;
}
.wrapper{
	max-width: 1170px;
	margin: 0 auto;
	overflow: auto;
}
nav.arrows{
	background: transparent;
	display: block;	
	overflow: auto;
}
	.arrows a{
		text-decoration: none;
	}
	.arrows .prev{
		float: left;
	}
	.arrows .next{
		float: right;
	}
.clearfix:after{
	clear: both;
	content: '';
	display: table;
}

@media (min-width: 120px) {
	/* ---------- COMMON STYLES ---------- */
	.only-desktop{
		display: none !important;
	}
	.only-mobile{
		display: block;
	}
	.mobile-hide-br br{
		display: none;
	}
	h1, h2, h3, h4, h5, h6{
		font-weight: 300;
	}
	h1{
		font-size: 30px;
	}
	h2{
		font-size: 26px;
	}
	.button{
		border-radius: 4px;
		display: inline-block;
		margin: 20px 0;
		padding: 20px 30px;
		text-align: center;
		text-decoration: none;
	}
	.arrows .prev{
		background: url(img/icon-prev-white-m.png) no-repeat center left;
		float: left;
		padding-left: 45px;
	}
	.arrows .next{
		background: url(img/icon-next-white-m.png) no-repeat center right;
		float: right;
		padding-right: 45px;
	}


	/* ---------- HEADER STYLES ---------- */
	header{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9;
	}

		/* ---- TOP BAR ---- */
		.topbar{
			background: #fff;
			display: flex;
			align-items: stretch;
			justify-content: space-between;
			padding: 0 20px;
		}
			.topbar > .search{
				position: relative;
			}
				.search label{
					position: absolute;
					left: 0;
					top: 5px;
				}
				.search #s{
					border: none;
					height: 15px;
					outline: none;
					padding: 5px 5px 5px 17px;
				}
			.topbar > .call2action{
				flex-shrink: 0;
			}
				.call2action a{
					color: #343434;
					font-weight: 700;
					font-size: 12px;
					line-height: 25px;
					margin-left: 5px;
					text-decoration: none;
				}

		/* ---- NAVIGATION ---- */
		nav{
			background: #343434;
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			justify-content: space-between;
			max-width: 1170px;
			margin: 0 auto;		
		}
			.navbar-brand{
				margin: 10px 0;
				padding-left: 20px;
				padding-right: 20px;
			}
				.navbar-brand img{
					max-height: 30px;
				}
			.navbar-toggler{
				background: none;
				border: none;
				color: #fff;
				font-size: 30px;
				padding-left: 20px;
				padding-right: 20px;
				outline: none;
			}
			.navbar-collapse{
				opacity: 1;
				width: 100%;
			}
			.navbar-collapse.collapse{
				display: none;
			}
				.navbar-nav{
					background: #343434;
					list-style-type: none;
					margin: 0;
					padding: 0;
					position: absolute;
					width: 100%;
				}
				.navbar-nav li{
					border-bottom: 1px solid #444;
				}
				.navbar-nav li a{
					color: #fff;
					display: block;
					font-size: 15px;
					padding: 10px 20px;
					text-decoration: none;
				}

	/* ---------- CONTENT ---------- */
	.content > .wrapper{
		padding: 50px 0;
	}
		.content > .wrapper > article{
			max-width: 700px;
			padding: 0 20px 20px 20px;
		}
		.content > .wrapper > aside{
/*			max-width: 370px;*/
			padding: 0 20px 20px 20px;
		}
			article :first-child{
				margin-top: 0;
			}
			.widget:first-child{
				margin-top: 0;
			}
		.reviews, .widget.reviews{
			background: #343434 url(img/bg-quote.png) no-repeat left top;
			padding-bottom: 50px;
			padding-top: 50px;
		}
		.c2a{
			background: #20baed url(img/bg-logo.png) no-repeat 30px 50%;
			color: #fff;
			font-size: 16px;
			font-style: italic;
			margin: 50px 0;
			padding: 30px;
		}
			.c2a p{
				margin: 30px 0 0 0;
			}
			.c2a .phone{
				color: #fff;
				display: block;
				font-size: 26px;
				font-style: normal; 
				line-height: 40px;
				text-decoration: none;
			}

		.posts{
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			.posts .post, .posts .page, .posts > li{
				margin: 0 0 50px 0;
			}
				.posts .post:last-child, .posts .page:last-child, .posts .review:last-child{
					margin-bottom: 0;
				}
				.posts .post-title a{
					color: #333 !important;
					line-height: 1.2em;
				}
				.posts a.more:link, .posts a.more:visited{
					background: #fff;
					border: 1px solid #2dbd5a;
					border-radius: 4px;
					color: #2dbd5a;
					display: inline-block;
					/*margin: 20px 0;*/
					padding: 10px 60px;
					position: relative;
					text-decoration: none;
				}
				.posts a:more:hover{

				}
				.posts .more:before{
					content: "\f178";
					font-family: 'FontAwesome';
					height: 100%;
					position: absolute;
					right: 30px;
					opacity: 0;
					transition: all 0.3s;
				}
				.posts .more:hover:before{
					opacity: 1;
					right: 20px;
				} 
		.grid{
			display: flex;
			flex-wrap: wrap;
		}
			.grid a{
				display: flex;
				flex-basis: 50%;
			}

		#map{
			height: 180px;
			width: 100%;
		}

	/* ---- SIDEBAR ---- */
	.widget{
		background: #fbfbff;
		border: 1px solid #e7e7e7;
		margin: 50px 0;
		padding: 20px;
	}
		.widget-title{
			border-bottom: 1px solid #e7e7e7;
			font-weight: 400;
			margin: 0;
			padding: 10px 0;
		}
		.widget-body{
			margin: 20px 0 0 0;
		}
			.widget-body ul{
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
				.widget-body li:before{
					color: #2dbd5a;
					content: "\f0c8";
					font-family: 'FontAwesome';
					font-size: 5px;
					vertical-align: middle;
					position: absolute;
    				top: 0;
    				left: 0;
				}
				.reviews .widget-body li:before{
					content: '';
				}
				.widget-body li{
					position: relative;
					padding-left: 10px;
				}

				.widget-body li a:link, .widget-body li a:visited{
					color: #333;
					text-decoration: none;
				}
				.widget-body li a:hover{
					color: #2dbd5a;	
					text-decoration: underline;				
				}
				.widget.reviews .review-list{
					margin: 0;
				}
				.widget.reviews .review-list li{
					padding: 0;
				}
				.widget.reviews nav{
					padding: 0;
				}

	.widget-form{
		background: #333;
		color: #fff;
		display: none;
	}
		.widget-form p{
			font-size: 16px;
		}
		.widget-form .widget-title{
			border-bottom: none;
		}
		.widget-form span.wpcf7-list-item {
			display: block;
			margin: 0;
		}
		.widget-form input[type='text'], .widget-form input[type='email'], .widget-form input[type='tel'], .widget-form textarea, .widget-form select{
			color: #333;
			background: #fff !important;
		}
		.widget-form input[type='button']{
			background: #2dbd5a;
			color: #fff;
			font-size: 16px;
			font-weight: 400;
		}
		.wpcf7-submit {
		    background-color: #2dbd5a;
		    color: #fff;
		    cursor: pointer;
		    display: inline-block;
		    font-weight: 400;
		    text-align: center;
		    white-space: nowrap;
		    vertical-align: middle;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		    border: 1px solid transparent;
		    padding: 0.375rem 0.75rem;
		    font-size: 24px;
		    line-height: 1.5;
		    border-radius: 0.25rem;
		    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
		    width: 100%;
		}
		.wpcf7-submit:hover {
			background: #05759a;
		    color: #fff;
		    text-decoration: none;
		    box-shadow: 0 0 8px #05759a;
		}
		.widget-form .wpcf7-submit {
		    height: 70px !important;						
		}
		.widget-form .fld {
			margin-bottom: 10px;
		}
		.wpcf7-response-output {
    		display: none !important;
		}
	/* ---- HERO BLOCK ---- */
	.hero{
		background-repeat: no-repeat ;
		background-position: top center;
		background-size: cover;
		/*margin-top: -75px;*/
		padding: 75px 0 0 0;
	}
	.home .hero{
		background-position: -400px 0;		
	}
		.hero > .wrapper{
			display: flex;
			align-items: flex-end;
		}
		.hero .hero-wrapper{
			margin-left: 0;
			max-width: 220px;
			overflow: auto;
			padding: 20px;
		}
		.hero > .wrapper h1{
			font-size: 30px;
			font-weight: 300;
		}
		.hero > .wrapper strong{
			display: block;
		}
		.hero > .wrapper .button{
			background: #2dbd5a;
			color: #fff;
		}
			.hero > .wrapper .button span:first-child{
				display: inline;
			}
			.hero > .wrapper .button span:last-child{
				display: none;
			}
		.hero > .wrapper > .post-title{
			color: #fff;
			margin: 20px 0;
			padding: 20px;
		}
			.post-title a:link, .post-title a:visited{
				color: #fff;
				text-decoration: none;
			}

	/* ---- ABOUT BLOCK ---- */
	.about{
		display: flex;
		flex-direction: column;
		padding: 10px 20px 0 20px;
	}
		.about > .awards{
			display: flex;
			justify-content: space-between;
			flex-wrap: nowrap;
			list-style-type: none;
			margin: 20px 0;
			padding: 0;
		}
			.awards > li{
				margin: 5px;
			}
		.about > .reviews{
			order: 1;
			margin: auto -20px;
			padding: 50px 0;
		}
			.reviews .review-list{
				color: #ccc;
				font-style: italic;
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
				.review-list li{
					box-sizing: border-box;
					padding: 20px;					
				}
				.review-list .rating{
					font-size: 25px;
				}
				.review-list .rating > .checked{
					color: #ffdd87;
				}
			.reviews nav{
				padding: 0 20px;
			}
				.reviews nav a:link, .reviews nav a:visited{
					color: #fff;
				}
				.reviews nav a:hover{
					color: #ccc;
				}

	/* ---- HOW BLOCK ---- */
	.how{
		background: #04749a;
		color: #fff;
		margin: 0;
		padding: 40px 20px;
	}
		.practice-areas {
			margin: 20px auto;
		}
			.practice-areas nav{
				padding: 20px 0;
			}
			.practice-areas nav a{
				color: #fff;
			}
				.areas-list{
					list-style-type: none;
					margin: 20px 0;
					padding: 0;
				}
					.areas-list a{
						background: #20baed url(img/bg-logo.png) no-repeat 20px 40px;
						border: 1px solid #20baed;
						color: #fff;
						display: block;
						font-size: 24px;
						height: 170px;
						position: relative;
						text-decoration: none;
					}
						.areas-list span{
							position: absolute;
							line-height: 1.1;
							left: 35px;
							bottom: 35px;
						}
						.areas-list a.button-start span{
							background: transparent url(img/icon-right-circle.png) no-repeat center right;							
							display: block;
							padding: 5px 80px 5px 0;
						}
						.areas-list a.button-start{
							background: transparent;
							border: 1px solid #20baed;
						}
/*						.areas-list a.button-start:before{
							background: transparent;
							border: 1px solid #fff;
							border-radius: 26px;
							color: #fff;
							content: "\f054";
							display: block;
							font-family: 'FontAwesome';
							font-size: 30px;
							text-align: center;
							line-height: 50px;
							position: absolute;
							bottom: 30px;
							left: 150px;
							height: 50px;
							width: 50px;
						}*/

	/* ---- WHY BLOCK ---- */
	.why{
		margin: 0;
		overflow: hidden;
		padding: 20px 20px 50px 20px;
	}
		.why figure{
			position: relative;
			margin-left: 0;
			margin-bottom: 60px;
		}
			.why figure img{
				border: 1px solid #ccc;
				padding: 5px;				
			}
			.why figcaption{
				position: absolute;
				left: 20px;
				bottom: 20px;
				color: #fff;
				font-size: 12px;
			}
			.why legend{
				background: #20baed;
				border-radius: 50%;
				color: #fff;
				display: block;
				font-size: 20px;
				height: 110px;
				width: 120px;
				padding: 30px 0 0 20px;
				position: absolute;
				text-transform: uppercase;
				right: -40px;
				bottom: -50px;
			}
		.why h3{
			font-weight: 400;
		}
		.why ul{
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			.why li{
				display: block;
				margin: 0 0 15px 0;
			}
			.why li:before{
				color: #2dbd5a;
				display: block;
				float: left;
				font-family: 'FontAwesome';
				content: "\f061";
				margin: 0 10px 15px 0;
			}
		.why .button{
			border: 2px solid #2dbd5a;
			color: #2dbd5a;
			padding-bottom: 15px;
			padding-top: 15px;
		}

	/* ---- GOT BLOCK ---- */
	.got{
		background: #292929;
		color: #fff;
		padding: 40px 20px;
	}
		.got .steps{
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			.steps figure{
				text-align: center;
			}
			.steps li{
				margin: 5px 0;
				padding: 5px 0;
			}

			.steps li a{
				border-radius: 50%;
				display: inline-block;
				margin: 20px auto;
				position: relative;

			    -webkit-transition: box-shadow 0.2s;
			    -moz-transition: box-shadow 0.2s;
			    transition: box-shadow 0.2s;

			}
			.steps li a:after{
			    box-shadow: 0 0 0 3px #fff;
			    box-sizing: content-box;
				border-radius: 50%;
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;

			    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
			    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
			    transition: transform 0.2s, opacity 0.2s;

			}

			.steps li a:hover{
			    box-shadow: 0 0 0 10px rgba(255,255,255,1);
			}
			.steps li a:hover:after{
			    -webkit-transform: scale(0.85);
			    -moz-transform: scale(0.85);
			    -ms-transform: scale(0.85);
			    transform: scale(0.85);
			    opacity: 0.5;				
			}

			.steps img{
/*				border: 3px solid #fff;
				border-radius: 50%;*/
				/*margin: 20px auto;*/
			}
			.steps img:hover{
/*				border: 12px double #ccc;
				transform: scale(0.9);*/
			}
		.got .button{
			background: #2dbd5a;
			color: #fff;
			display: block;
		}

	/* ---- SETTLEMENTS BLOCK ---- */
	.settlements{
		background: #04749a;
		color: #fff;
		margin: 0;
		padding: 40px 20px;
	}
		.settle-list{
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			.settle-list .s-head{
				overflow: auto;
			}
				.settle-list .verdict{
					background: #20baed;
					display: inline-block;
					font-size: 12px;
					line-height: 1.1;
					margin: 10px 0;
					padding: 3px 10px;
					text-transform: uppercase;
				}
				.settle-list .claim{
					font-size: 40px;
					font-weight: 300;
					line-height: 1.1;
					margin: 10px 0;
				}
			.settlements nav a:link, .settlements nav a:visited{
				color: #20baed;
			}
			.settlements nav a.next{
				background-image: url(img/icon-next-blue-m.png);
				float: left;
			}

	/* ---- RESOURCES BLOCK ---- */
	.resources{
		margin: 0;
		padding: 20px 20px 50px 20px; 
	}
		.resources select{
			display: block;
			padding: 10px;
			width: 100%;
		}

	/* ---------- FOOTER ---------- */
	footer{
		background: #333;
		color: #fff;
		padding: 20px 20px 0 20px;
	}
		footer .call{
			background: url(img/icon-dial.png) no-repeat left center;
			background-size: auto 100%; 
			color: #fff;
			display: block;
			font-size: 30px;
			font-weight: 300;
			line-height: 45px;
			margin: 30px 0;
			padding: 10px 0 10px 80px;
			text-align: left;
			text-decoration: none;
		}
/*		footer .call:before{
			background: #20baed;
			border-radius: 20px;
			color: #fff;
			display: inline-block;
			content: "\f2a0";
			font-family: 'FontAwesome';
			font-size: 20px;
			height: 40px;
			margin: 0 15px 0 0;
			vertical-align: top;
			width: 40px;
			transform: rotate(330deg);
		}*/
			.at{
				overflow: auto;
				padding: 30px 1px;
			}
				.at p{
					color: #ccc;
				}
				.at a:link, .at a:visited{
					color: #fff;
				}
				.at .place{
					float: left;
					width: 45%;
				}
				.at .time{
					float: right;
					width: 45%;
				}
		.copy{
			background: #242424;
			margin: 0 -20px;
			padding: 20px;
		}
			.copy nav{
				background: transparent;
			}
			.copy nav ul li:first-child{
				display: none;
			}
			.copy ul{
				list-style-type: none;
				margin: 20px auto;
				padding: 0;
				text-align: center;
			}
			.copy li{
				display: inline-block;
				border-right: 1px solid #fff;
				line-height: 14px;
				margin: 0 3px 0 0; 
				padding: 0 6px 0 0;
			}
			.copy li:last-child{
				border-right: none;
				margin-right: 0;
				padding-right: 0;
			}
			.copy li > a{
				color: #fff;
				text-decoration: none;
			}
			.copy p{
				color: #ccc;
				font-size: 12px;
				margin: 20px 0;
				text-align: center;
			}
			.copy .social{
				margin: 5px 0;
			}
			.copy .powered {
				margin-top: 10px;
			}
			.copy .social li{
				border-right: none;
			}
			.social a:link, .social a:visited{
				background-size: contain;
				background-color: #999999;
				display: inline-block;
				height: 32px;
				width: 32px;
				position: relative;
				text-indent: -999em;
			}
			.social a:hover{
				background-color: #fff;
			}
			.social .facebook{
				background: url(img/icon-facebook.png) no-repeat center center;
			}
			.social .twitter{
				background: url(img/icon-twitter.png) no-repeat center center;
			}
			.social .googleplus{
				background: url(img/icon-googleplus.png) no-repeat center center;
			}
			.copy .additional-info{
				border-top: 1px solid #494949;
				clear: both;
				margin: 20px 0;
				padding:1px 0;
			}
			.copy .warning{
				color: #626262;
			}

			.contact input[type="text"], .contact input[type="email"], .contact input[type="tel"], .contact select, .wpcf7-submit {
				height: 50px !important;
			}
			.contact .fld-name, .contact .fld-phone, .contact .fld-email, .contact .fld-state {
				max-width: 47.5%;
				width: 100%;
			}
			.contact .fld-name,  .contact .fld-email {
				clear: left;
				float: left;
			}
			.contact .fld-phone,  .contact .fld-state {
				float: right;
			}
			.contact .fld-talk, .contact .flad-message {
				clear: both;
			}
			.contact .fld-talk {
				font-size: 16px;
				margin-bottom: 10px;
			}
			.contact .wpcf7-list-item.first {
				margin-left: 0;
			}
			.contact span.wpcf7-not-valid-tip {
				font-size: 12px;
			}



}

@media (min-width: 480px){
	/* ---- HERO BLOCK ---- */
	.home .hero{
		background-position: -450px 0;		
	}
		.hero .hero-wrapper{
			max-width: 400px;
			/*padding: 60px 0;*/
		}
			.hero > .wrapper h1{
				font-size: 50px;
			}
			.hero > .wrapper p{
				margin: 50px 0;
			}
			.hero > .wrapper p{
				font-size: 20px;
				line-height: 30px;
			}

	/* ---- WHY BLOCK ---- */
	.why figure{
		max-width: 494px;
	}

	/* ---- GOT BLOCK ---- */
	.got .button{
		margin: 20px auto;
		max-width: 160px;
	}

	/* ---------- CONTENT ---------- */
			.grid a{
				flex-basis: 33%;
			}
		#map{
			height: 280px;
			width: 100%;
		}


	/* ---------- FOOTER ---------- */
	.copy nav ul li:first-child{
		display: inline-block;
	}
}

@media (min-width: 500px){
	/* ---- HOW BLOCK ---- */
	.how nav{
		display: none;
	}
		.areas-list{
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			.areas-list li{
				display: flex;
				margin: 0 20px 20px 0;
				min-width: 240px;
			}
				.areas-list a{
					width: 100%;
				}

}

@media (min-width: 768px){
	/* ---- TOPBAR ---- */
/*	.topbar{
		display: none;
	}
*/
	/* ---- NAVIGATION ---- */
/*	.navbar-brand{
		margin: 20px 0;
	}
		.navbar-brand img{
			max-height: 30px;
		}
	.navbar-toggler{
		display: none;
	}
	.navbar-collapse.collapse{
		display: flex;
		width: auto;
	}
		.navbar-nav{
			display: flex;
			justify-content: space-between;	
			position: static;
			width: auto;
		}
			.navbar-nav li{
				border-bottom: none;
				display: flex;
			}
			.navbar-nav li a{
				display:flex;
	  			align-items:center;
				font-size: 15px;
				line-height: 1.1em;
				padding-left: 10px;
				padding-right: 10px;
				text-align: center;
				text-decoration: none;
			}
			.navbar-nav li:last-child a:link, .navbar-nav li:last-child a:visited{
				background: #2dbd5a;
				padding-left: 20px;
				padding-right: 20px;
			}
			.navbar-nav li:last-child a:hover{
				background: #33d667;
			}
			.navbar-nav li:nth-last-child(2) a:link, .navbar-nav li:nth-last-child(2) a:visited{
				background: #04749a;
				padding-left: 20px;
				padding-right: 20px;
			}
			.navbar-nav li:nth-last-child(2) a:hover{
				background: #0587b3;
			}
*/
	/* ---------- CONTENT ---------- */
		.content article{
			box-sizing: border-box;
			float: left;
			width: 66%;
		}
		.content aside{
			box-sizing: border-box;
			float: right;
			width: 33%;
		}

		.content #nav-below.arrows{
			margin: 50px 0 0 0 !important;
		}
	.widget-form{
		display: block;
	}


	/* ---- HERO BLOCK ---- */
	.hero{
		/*margin-top: -70px;*/
		padding-top: 70px;
	}
	.home .hero{
		/*background-position: -250px 0;		*/
		background-position: -230px 0;		
	}
		.hero > .wrapper{
			min-height: 300px;
		}

	/* ---- WHY BLOCK ---- */
	.why h2{
		text-align: center;
	}
	.why > div{
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
	}
		.why > div > div{
			padding-right: 2rem;
		}
}

@media (min-width: 900px){
	.mobile-hide-br br{
		display: inline-block;
	}
	.navbar-nav li.only-mobile{
		display: none !important;
	}

	/* ---- TOPBAR ---- */
	.topbar{
		display: none;
	}

	/* ---- NAVIGATION ---- */
	.navbar-brand{
		margin: 20px 0;
	}
		.navbar-brand img{
			max-height: 30px;
		}
	.navbar-toggler{
		display: none;
	}
	.navbar-collapse.collapse{
		display: flex;
		width: auto;
	}
		.navbar-nav{
			display: flex;
			justify-content: space-between;	
			position: static;
			width: auto;
		}
			.navbar-nav li{
				border-bottom: none;
				display: flex;
			}
			.navbar-nav li a{
				display:flex;
	  			align-items:center;
				font-size: 15px;
				line-height: 1.1em;
				padding-left: 10px;
				padding-right: 10px;
				text-align: center;
				text-decoration: none;
			}
			.navbar-nav li:last-child a:link, .navbar-nav li:last-child a:visited{
				background: #2dbd5a;
				padding-left: 20px;
				padding-right: 20px;
			}
			.navbar-nav li:last-child a:hover{
				background: #33d667;
			}
			.navbar-nav li:nth-last-child(2) a:link, .navbar-nav li:nth-last-child(2) a:visited{
				background: #04749a;
				padding-left: 20px;
				padding-right: 20px;
			}
			.navbar-nav li:nth-last-child(2) a:hover{
				background: #0587b3;
			}
}

@media (min-width: 992px){
	.only-desktop{
		display: block !important;
	}
	.only-mobile{
		display: none !important;
	}

	/* ---- NAVIGATION ---- */
	.navbar-nav li.only-desktop{
		display: flex !important;
	}
	.navbar-brand img{
		max-height: 60px;
	}

	/* ---------- CONTENT ---------- */
	.widget-title{
		font-size: 24px;
	}

	input[type='text'], input[type='email'], input[type='tel'], select{
		height: 70px;
	}
	textarea{
		height: 150px;
	}
	input[type="button"]{
		height: 70px;
	}
		#map{
			height: 420px;
			width: 100%;
		}

	/* ---- HERO BLOCK ---- */
	.hero{
		/*margin-top: -100px;*/
		padding-top: 100px;
	}
	.home .hero{
		background-position: -100px 0;		
	}
		.hero > .wrapper{
			min-height: 450px;
		}
			.hero .hero-wrapper{
				max-width: 550px;
			}
				.hero > .wrapper h1{
					font-size: 70px;
				}
				.hero > .wrapper p{
					margin: 50px 0;
				}
				.hero > .wrapper p{
					font-size: 24px;
					line-height: 34px;
				}
				.hero > .wrapper .button span:first-child{
					display: none;
				}
				.hero > .wrapper .button span:last-child{
					display: inline;
				}
			.hero > .wrapper > .post-title{
				font-size: 50px;
				margin-bottom: 60px;
			}

		/* ---- HOW BLOCK ---- */
	.how{
		padding: 50px 20px;
		text-align: center;
	}
		.practice-areas {
			margin: 40px auto;
		}
			.areas-list span{
				line-height: 1.1em;
				text-align: left;
			}
		.how .call{
			margin: 0 auto;
			text-align: left;
		}

	/* ---- RESOURCES BLOCK ---- */
	.resources .only-mobile{
		display: none;
	}
	.resources .only-desktop{
		display: block;
	}
	.resources .cta{
		background: url(img/icon-chat.png) no-repeat center left;
		background-size: contain;
		padding: 10px 0 10px 70px;
		text-align: left;
	}

	/* ---------- FOOTER ---------- */
	.contact{
		display: flex;
		justify-content: space-between;
		max-width: 1170px;
		margin: 0 auto;
		padding: 50px 0;
	}
		.contact h2{
			font-size: 40px;
		}
		.contact .call{
			font-size: 60px;
			line-height: 60px;
			margin: 30px 0 20px 0;
			padding-left: 100px;
			text-align: left;
		}
/*		.contact .call:before{
			border-radius: 30px;
			height: 60px;
			line-height: 60px;
			text-align: center;
			width: 60px;
		}*/
		.contact .us{
			flex-basis: 47%;
			max-height: 900px;
		}
			.us .call.only-mobile{
				display: none;
			}
			.us form{
				padding: 20px 0;
			}
				.us legend{
					display: none;
				}
				.us input[name='name']{
					float: left;
					max-width: 47%;
				}
				.us input[name='phone']{
					float: right;
					max-width: 47%;
				}
				.contact .us input[type='text']{
					margin-bottom: 10px;
				}
				.contact .us textarea{
					height: 200px;
					margin-bottom: 10px;
				}
				.contact .us input[type="button"]{
					max-width: 250px;
				}
		.contact .at{
			padding: 0;
			flex-basis: 47%;
		}
			.at .map{
				clear: both;
				max-height: 200px;
				padding: 15px 0 0 0;
			}
			.at .map.only-desktop{
				display: block;
			}

}

@media (min-width: 1200px){
	/* ---------- COMMON STYLES ---------- */
	html, body{
		font-size: 24px;
	}
	h1{
		font-size: 70px;
	}
	h2{
		font-size: 50px;
		margin: 30px 0;
	}
		.post h2{
			font-size: 40px;
		}
	h3{
		font-size: 40px;
	}
	h4{
		font-size: 20px;
		font-weight: 400;
	}
	.arrows .prev{
		background-image: url(img/icon-prev-white-d.png);
		padding-left: 50px;
	}
	.arrows .next{
		background-image: url(img/icon-next-white-d.png);
		padding-right: 50px;
	}

	/* ---------- HEADER ---------- */
	.navbar-nav li a{
		line-height: 1.25em;
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
	}
	.navbar-nav li:nth-last-child(2) a	{
		margin-left: 30px;
	}

	.navbar-nav li a:after{
		position: absolute;
	    top: 70%;
	    left: 0;
	    width: 100%;
	    height: 1px;
	    background: #fff;
	    content: '';
	    opacity: 0;
	    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	    transition: height 0.3s, opacity 0.3s, transform 0.3s;
	    -webkit-transform: translateY(-10px);
	    -moz-transform: translateY(-10px);
	    transform: translateY(-10px);
	}
	.navbar-nav li a:hover:after{
	    height: 3px;
	    opacity: 1;
	    -webkit-transform: translateY(0px);
	    -moz-transform: translateY(0px);
	    transform: translateY(0px);		
	}
	.navbar-nav li:nth-last-child(1) a:hover:after, .navbar-nav li:nth-last-child(2) a:hover:after{
		opacity: 0;
	}

	/* ---------- CONTENT ---------- */
	.content > .wrapper{
		padding: 100px 0;
	}
	.content > .wrapper > article{
		padding-left: 0;
		padding-right: 0;
	}
	.content > .wrapper > aside{
		padding-left: 0;
		padding-right: 0;
	}	
		.widget{
			font-size: 16px;
			padding: 40px;
		}
			.widget-title{
				font-size: 26px;
			}
			.widget-form input[type='button']{
				font-size: 24px;
			}
		#map{
			height: 460px;
			width: 100%;
		}

	/* ---- HERO BLOCK ---- */
	.home .hero{
		background-position: right top;		
	}	
	.hero > .wrapper{
		min-height: 600px;
		padding: 0;
	}
	.home .hero > .wrapper{
		min-height: 784px;
		padding: 0;
	}
	.hero .hero-wrapper{
		margin-bottom: 100px;
		padding-left: 0;
		padding-right: 0;
	}
		.hero .hero-wrapper h1{
			margin: 40px 0;
		}
		.hero .hero-wrapper p{
			margin: 40px 0;
		}
		.hero > .wrapper > .post-title{
			font-size: 70px;
			margin-bottom: 80px;
			padding: 20px 0;
		}

	.about{
		/*overflow: auto;*/
		overflow: hidden;
		display: block;
		max-width: 1170px;
		margin: 0 auto;
		padding: 130px 20px;
	}
		.about > .us{
			display: block;
			float: left;
			max-width: 49%;
		}
		.about > .reviews{
			float: right;
			max-width: 49%;
			margin: auto auto;
		}
		.about > .awards{
			float: right;
			max-width: 49%;
		}

	/* ---- HOW BLOCK ---- */
	.how{
		padding: 120px 20px;
		position: relative;
	}
	.how:before{
		color: #fff;
		content: "\f0d7";		
		font-family: 'FontAwesome';
		font-size: 70px;
		line-height: 15px;
		position: absolute;
		text-align: center;
		vertical-align: top;
		top: 0;
		left: 50%;
		margin-left: -40px;
	}
		.areas-list li{
			margin: 10px;
		}
			.areas-list a{
				background: #20baed url(img/bg-logo.png) no-repeat 20px 135px;
				height: 268px;
				min-width: 268px;
				text-align: left;
			}
/*			.areas-list a.button-start:before{
				bottom: 40px;
			}*/
		.how p{
			margin: 20px auto;
		}
		.how .call{
			background: url(img/icon-dial.png) no-repeat center left;
			background-size: auto 100%; 
			font-weight: 300;
			position: relative;
			padding: 5px 0 5px 80px;
			width: 1100px;
		}
/*		.how .call:before{
			background: #20baed;
			border-radius: 25px;
			color: #fff;
			display: inline-block;
			content: "\f2a0";
			font-family: 'FontAwesome';
			font-size: 30px;
			height: 50px;
			line-height: 50px;
			margin: 0 5px 5px 0;
			width: 50px;
			text-align: center;
			transform: rotate(330deg);
			vertical-align: top;
			position: absolute;
			top: 3px;
			left: 0;
		}*/

	/* ---- WHY BLOCK ---- */
	.why{
		max-width: 1170px;
		margin: 0 auto;
		padding: 100px 20px;
	}

	/* ---- GOT BLOCK ---- */
	.got{
		background: #292929 url(img/bg-got.jpg) no-repeat center top;
		background-size: cover;
		padding: 100px 20px 80px 20px;
		position: relative;
	}
	.got:before{
		color: #fff;
		content: "\f0d7";		
		font-family: 'FontAwesome';
		font-size: 70px;
		line-height: 15px;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -40px;
	}

		.got > .wrapper{
			overflow: hidden;
			text-align: center;
		}
		.got .button{
			max-width: 260px;
		}
		.got .steps{
			background: url(img/line-y.png) no-repeat bottom center;
			margin: 20px auto 60px auto;
			padding-bottom: 120px; 
			position: relative;
		}
			.steps li.line{
				background:url(img/line-x.png) no-repeat center center;
				position: absolute;
				height: 10px;
				width: 120px;
			}
			.steps li:nth-child(2){
				top: 80px;
				left: 340px;
			}
			.steps li:nth-child(4){
				top: 80px;
				right: 350px;
			}
			.steps li{
				display: inline-block;
				font-size: 22px;
				max-width: 30%;
				vertical-align: top;
			}
			.steps figure{
				margin: 0;
			}

	/* ---- SETTLEMENTS BLOCK ---- */
	.settlements{
		padding: 20px 20px 80px 20px;		
	}
		.settle-list li{
			overflow: auto;
		}
		.settle-list .s-head{
			display: flex;
			flex-direction: column-reverse;
			float: left;
			margin-top: 10px;
			min-width: 225px;
		}
		.settle-list .s-body{
			float: right;
			width: 70%;
		}
			.settlements .verdict{
				font-size: 20px;
			}
			.settlements nav a.next{
				background-image: url(img/icon-next-blue-d.png);
				float: left;
			}

	/* ---- RESOURCES BLOCK ---- */
	.resources .wrapper{
		padding: 60px 20px;
		text-align: center;
	}
		.resources .cta{
			padding: 10px 0 10px 100px;
		}

	/* ---------- FOOTER ---------- */
	.at .map{
		padding-top: 47px;
	}

	.copy{
		overflow: auto;
		position: relative;
		z-index: 9;
	}
	.copy .social{
		float: right;
	}
	.copy .powered {
		float: right;
	}
	.copy nav{
		float: left;
		font-size: 14px;
	}
		.copy nav li {
			border-right: none;
			margin: 0 60px 0 0;
			padding: 0;
		}
		.copy nav li a:link, .copy nav li a:visited{
			color: #999;
		}
		.copy nav li a:hover{
			color: #fff;
		}
		.copy .warning{
			padding-left: 120px;
			padding-right: 120px;
		}
}

@media (max-width: 319px){
	.topbar{
		display: none;
	}
}

.grecaptcha-badge {
	display: none;
}

/* CALL RAIL FOOTER FORM STYLES */

/*.callrail-container label {
	font-size: 12.35px;
}
.callrail-container input[type=text], .callrail-container input[type=tel], .callrail-container input[type=email], .callrail-container select {
	background: #494949;
	border: none;
	border-radius: 4px;
	box-sizing: border-box;
    color: #fff;
    height: 50px;
    line-height: 20px;
    margin: 0 !important;
    max-width: 100%;
    padding: 10px;
    width: 100%;
}
.callrail-container textarea {
	height: 100px !important;
}
.btn {
	background-color: #2dbd5a;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 24px;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 100%;
    height: 50px;	
}
.btn:hover {
    background: #05759a;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 0 8px #05759a;	
}
.form-group {
	margin-bottom: 20px;
}
.form-group > .form-group{
	margin-bottom: 0;
}
.form-group.name, .form-group.email {
	clear: left;
	float: left;
	width: 47%;
}
.form-group.phone, .form-group.dropdown {
	float: right;
	width: 47%;
}
.form-group.single_select {
	clear: both;
}*/