@charset "utf-8";
/**
Theme Name: Uber / Lyft Accident Lawyer
*/
@font-face {font-family: 'Lato';src: url('fonts/lato-regular-webfont.eot');src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-regular-webfont.woff2') format('woff2'), url('fonts/lato-regular-webfont.woff') format('woff'), url('fonts/lato-regular-webfont.ttf') format('truetype'), url('fonts/lato-regular-webfont.svg#latoregular') format('svg');font-weight: normal;font-style: normal}
@font-face {font-family: 'Lato Bold';src: url('fonts/lato-bold-webfont.eot');src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-bold-webfont.woff2') format('woff2'), url('fonts/lato-bold-webfont.woff') format('woff'), url('fonts/lato-bold-webfont.ttf') format('truetype'), url('fonts/lato-bold-webfont.svg#latobold') format('svg');font-weight: normal;font-style: normal}
@font-face {font-family: 'Helvetica Condensed Black';src: url('fonts/helvetica-condensed-black-webfont.eot');src: url('fonts/helvetica-condensed-black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica-condensed-black-webfont.woff2') format('woff2'), url('fonts/helvetica-condensed-black-webfont.woff') format('woff'), url('fonts/helvetica-condensed-black-webfont.ttf') format('truetype'), url('fonts/helvetica-condensed-black-webfont.svg#helvetica_condensed_blackRg') format('svg');font-weight: normal;font-style: normal}
@font-face {font-family: 'Montserrat';src: url('fonts/montserrat-regular-webfont.eot');src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-regular-webfont.woff2') format('woff2'), url('fonts/montserrat-regular-webfont.woff') format('woff'), url('fonts/montserrat-regular-webfont.ttf') format('truetype'), url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');font-weight: normal;font-style: normal}
body {font-family: 'Lato';font-size: 18px;font-weight: 300;line-height: 1.5;background: #FFF;margin: auto;padding: 0}
h1 {font-size: 50px}
h1,
h2,
h3,
h4,
h5,
h6 {font-weight: 300}
hr {color: #969696;margin: 0 auto 20px}
a {text-decoration: none;-webkit-transition: all .2s;transition: all .2s}
*,
*:after,
*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0}
.wrap {width: 90%;max-width: 1200px;margin: auto}
.wrap:before,
.wrap:after {clear: both;content: "";display: table}
header {text-align: center;background: #3f5985;padding: 20px 0}
header a.logo {font-family: 'Montserrat';font-size: 30px;color: #FFF;float: left;display: block}
header .phone {float: right}
header .phone p {font-size: 16px;color: #FFF;margin: 0 10px 0 0;padding: 0 10px 0 0;display: inline-block;vertical-align: middle;border-right: 1px solid #717171}
header .phone a {font-family: 'Helvetica Condensed Black';font-size: 38px;color: #00ff12;display: inline-block;vertical-align: middle}
nav {background: #002461;border-top: 1px solid #FFF;border-bottom: 1px solid #000}
nav span.fa-bars {font-size: 24px;text-align: center;color: #FFF;margin: 10px;display: none;cursor: pointer}
nav ul {list-style: none}
nav ul li {display: inline-block;vertical-align: middle}
nav ul li a {font-family: 'Lato Bold';text-transform: uppercase;color: #FFF;padding: 10px;display: block}
nav ul li a:hover {background: #3f5985}
.banner {text-align: center;background: url(images/banner.jpg) no-repeat center;background-size: cover;padding: 40px 0}
.banner img {width: 100%;display: none}
.banner .col {width: 70%;float: right}
.banner .col p:first-child {font-family: 'Helvetica Condensed Black';font-size: 72px;-webkit-text-stroke: 2px #000;color: #60fd5c;margin: 0 auto 20px}
.banner .col p:first-child span {font-size: 95px;color: #FFF;display: block}
.banner .col p:last-child {font-family: 'Helvetica Condensed Black';font-size: 48px;-webkit-text-stroke: 2px #000;color: #60fd5c}
.middle {text-align: center;padding: 20px 0}
.middle p {font-size: 11px;margin: 0 auto 20px}
.middle ul {list-style: none}
.middle ul li {margin: 5px 20px;display: inline-block;vertical-align: middle}
.content {padding: 40px 0}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {font-family: 'Helvetica Condensed Black';margin: 0 auto 20px}
.content p {margin: 0 auto 20px}
.content strong {font-family: 'Lato Bold'}
.content a {color: #3f5985}
.content a:hover {text-decoration: underline}
.content ol {margin: 0 0 20px 20px}
.content ul {margin: 0 0 20px 20px}
.content ul li.fa {list-style: none;}
.content ul li.fa:before {margin: 0 10px 0 0}
.content img {display: block}
.content img.aligncenter {margin: 0 auto;display: block}
.content img.alignleft {margin: 0 20px 0 0;float: left}
.content img.alignright {margin: 0 0 0 20px;float: right}
.content .content-left { float:left;width:65%;padding-right:10px; }
.content .content-right { float:right;width:30%;padding:0 5px 0 20px;border-left:1px solid black; }
article { margin:0 0 40px 0; }
article a{ color:#002461 }
.home-blog  { padding:40px 0;background:#D4D4D4 }
.home-blog .wrap { display:flex;flex-wrap:wrap;justify-content:stretch }
.home-blog article{ width:45%;padding:20px;background:#00ff12;margin:10px 30px }
.home-blog article img{ width:100%;height:auto; }
.home-blog article h3{ font:bold 22px 'Lato Bold';margin:10px 0; }
.home-blog article strong{ font:16px 'Lato Bold';margin:10px 0; }
.home-blog article p{ font:16px 'Lato';margin:10px 0;line-height:25px; }
.home-blog article a{ font:16px 'Lato Bold';margin:40px 0 0 0; }
.featured-image img { width:100%; }
.blue {text-align: center;background: #002461}
.blue h1 {color: #00ff12}
.blue span {font-family: 'Lato Bold';font-size: 30px}
.blue a {color: #00ff12}
.blue p {color: #FFF}
.reviews {text-align: center;background: url(images/bkg.png) no-repeat center;background-size: cover;padding: 80px 0}
.reviews i.fa-quote-left {font-size: 80px;margin: 0 auto 40px;display: block}
.reviews p {font-size: 30px;width: 80%;margin: 0 auto 40px}
.reviews p:last-child {margin: 0 auto}
footer {background: #002461;padding: 40px 0}
footer p {font-family: 'Lato Bold';font-size: 21px;color: #FFF;margin: 0 auto 20px}
footer p:last-child {font-family: 'Lato';font-size: 14px;margin: 0}
footer a{color: #00ff12;}
.slick-slide {outline: none}
.slick-prev {left: 0!important}
.slick-next {right: 0!important}
.slick-prev,
.slick-next {width: 40px!important;height: 40px!important;z-index: 999}
.slick-prev:before,
.slick-next:before {font-size: 40px!important}
@media only screen and (min-width: 10px) and (max-width: 400px) {
	h1 {font-size: 40px}
	header a.logo {width: 100%;margin: 0 auto 20px;float: none}
	header .phone {margin: 0;float: none}
	header .phone p {margin: 0;padding: 0;display: block;border: none}
	header .phone a {font-size: 30px;display: block}
	nav span.fa-bars {display: block}
	nav ul {display: none}
	nav ul li {width: 100%;display: block}
	nav ul li a {padding: 10px}
	nav .wrap {width: 100%}
	.banner {background: none;padding: 0}
	.banner img {display: block}
	.banner .col {display: none}
	.middle ul li {margin: 0 auto 20px;display: block}
	.content img.aligncenter {width: 100%}
	.blue span {font-size: 24px}
	.reviews i.fa-quote-left {font-size: 40px}
	.reviews p {font-size: 18px}
	footer p:first-child {font-size: 20px}
	.slick-prev,
	.slick-next {width: 20px!important;height: 20px!important}
	.slick-prev:before,
	.slick-next:before {font-size: 20px!important}
}
@media only screen and (min-width: 401px) and (max-width: 979px) {
	header a.logo {margin: 0 auto 20px;float: none}
	header .phone {margin: 0;float: none}
	header .phone p {margin: 0;padding: 0;display: block;border: none}
	header .phone a {display: block}
	nav span.fa-bars {display: block}
	nav ul {display: none}
	nav ul li {width: 100%;display: block}
	nav ul li a {padding: 10px}
	nav .wrap {width: 100%}
	.banner {background: none;padding: 0}
	.banner img {display: block}
	.banner .col {display: none}
	.content img.aligncenter {width: 100%}
}
@media (max-width:700px){
		.content .content-left,.home-blog article{ float:none;width:100%; }
	.content .content-right { float:none;width:100%;border-left:0; }
}