/*# sourceMappingURL=home-page-styles.css.map */

.homepage section#sliderHome.one {
	background-color: #13283d;
	overflow: hidden;
	height: 52vw;
	position: relative;
	z-index: 1;
}

.homepage section#sliderHome.one .header-glider {
	background-color: #13283d;
	position: relative;
}

.homepage section#sliderHome.one .header-glider .slideImage {
	position: absolute;
	top: 0;
	left: 0;
}

.homepage section#sliderHome.one .header-glider .text-box {
	padding: 27.5vw 8vw 1vw;
	position: relative;
	z-index: 2;
}

.homepage section#sliderHome.one .header-glider .text-box h1, .homepage section#sliderHome.one .header-glider .text-box p.header {
	color: #fff;
	font-weight: 600;
	font-family: "Karla";
	margin: 0;
	padding-top: .5vw;
}

.homepage section#sliderHome.one .header-glider .text-box p.header {
	padding-top: 0;
	position: relative;
	top: -.5vw;
}

.homepage section#sliderHome.one .header-glider .text-box .title {
	color: #fff;
	font-size: 2.25rem;
	margin: 0;
	line-height: 1.3;
}

.homepage section#sliderHome.one .header-glider .text-box p.bottom {
	line-height: 1.4;
	width: 43vw;
	padding-bottom: 1vw;
}

.homepage section#sliderHome.one .header-glider .text-box p.bottom.two {
	position: relative;
	top: -.5vw;
	margin-top: 0;
	padding-bottom: 0;
}

.homepage section#sliderHome.one .header-glider .text-box p, .homepage section#sliderHome.one .header-glider .text-box a {
	color: #fff;
	transition: .3s;
}

.homepage section#sliderHome.one .header-glider .text-box a:hover {
	color: #009ba4;
}

.homepage section#sliderHome.one .header-glider .text-box .button:hover {
	color: #fff;
}

.homepage section#sliderHome.one .header-glider .text-box .phone-button {
	position: relative;
	left: 3vw;
	display: inline-block;
}

.homepage section#sliderHome.one .header-glider .text-box .button {
	display: inline-block;
}

.homepage section#sliderHome.one .slide {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: opacity .6s ease;
	opacity: 0;
	-web-animation: fadeIn .3s linear;
	animation: fadeIn .3s linear;
}

.homepage section#sliderHome.one .background-pan-right-left {
	background-size: 110%;
	animation: background-pan 13s, fadein 1.2s linear;
	-webkit-animation: background-pan 13s, fadein 1.2s linear;
}

.homepage section#sliderHome.one .accolades {
	text-align: center;
	position: absolute;
	bottom: 0vw;
	z-index: 10;
	text-align: center;
	height: 20vw;
	background: #13283d;
}

.homepage section#sliderHome.one .accolades img {
	vertical-align: middle;
	margin: 1vw 1.5vw;
}

@keyframes background-pan {
	0% {
		background-position: 0% 50%;
	}
	
	100% {
		background-position: 100% 50%;
	}
}

@keyframes image-pan-right-to-left {
	0% {
		left: -5vw;
	}
	
	100% {
		left: 0;
	}
}

.homepage .image-pan-right-to-left {
	width: 105vw;
	animation-name: image-pan-right-to-left;
	animation-duration: 13s;
	-webkit-animation-name: image-pan-right-to-left;
	-webkit-animation-duration: 13s;
}

@keyframes image-zoom {
	0% {
		width: 100vw;
		top: 0;
		left: 0;
	}
	
	100% {
		width: 110vw;
		top: -5vw;
		left: -5vw;
	}
}

@keyframes image-pan-left-to-right {
	0% {
		left: 0vw;
	}
	
	100% {
		left: -5vw;
	}
}

.homepage .image-pan-left-to-right {
	width: 105vw;
	animation-name: image-pan-left-to-right;
	animation-duration: 13s;
	-webkit-animation-name: image-pan-left-to-right;
	-webkit-animation-duration: 13s;
}

.homepage .image-zoom {
	animation-name: image-zoom;
	animation-duration: 13s;
	-webkit-animation-name: image-zoom;
	-webkit-animation-duration: 13s;
}

.homepage .fly-in-from-left {
	animation-name: fly-in-from-left;
	animation-duration: .5s;
}

@keyframes fly-in-one {
	0% {
		left: -80vw;
	}
	
	100% {
		left: 0;
	}
}

.homepage section.two {
	position: relative;
	padding: 4vw 0 5vw 8vw;
	height: auto;
}

.homepage section.two .left, .homepage section.two .middle, .homepage section.two .form {
	display: inline-block;
	vertical-align: top;
}

.homepage section.two .left {
	width: 15vw;
	text-align: right;
	padding-top: 1.8vw;
}

.homepage section.two .left p, .homepage section.two .left h2 {
	display: inline;
	font-size: 1.8vw;
	font-weight: 600;
	font-family: "Karla";
	margin: 0;
	text-transform: capitalize;
	line-height: 1.2;
}

.homepage section.two .left .phone-button {
	display: block;
	color: #009ba4;
	padding-top: .5vw;
}

.homepage section.two .grey-line::before {
	top: 0;
}

.homepage section.two .middle {
	width: 35vw;
	padding: .8vw 3vw 0 2.8vw;
}

.homepage section.two .middle .bottom {
	border-top: 1px solid #c3c3c3;
	border-bottom: 1px solid #c3c3c3;
	margin-top: 3vw;
	padding: 2.3vw 0;
}

.homepage section.two .form {
	display: inline-block;
	position: relative;
	top: 2vw;
}

.homepage section.two form input#website {
	display: none;
}

.homepage section.two form textarea {
	height: 9vw;
}

.homepage section.two .left a:hover {
	color: #13283d;
}

.homepage section.two .left a {
	transition: .3s;
}

.homepage section.two.green-clip {
	z-index: 0;
}

.homepage section.three {
	background-color: #13283d;
	padding: 0 0 5vw 8vw;
	color: #fff;
	position: relative;
}

.homepage section.three .top {
	display: flex;
	padding: 3.3vw 11vw 2.8vw 4vw;
}

.homepage section.three .top h2 {
	font-size: 1.8vw;
	width: 33vw;
}

.homepage section.three .philosophy-glider.desktop .box {
	border: 1px solid #fff;
	border-radius: 10px;
	width: 44vw;
	overflow: hidden;
	margin-right: 2vw;
}

.homepage section.three .philosophy-glider.desktop .box img {
	float: left;
	width: 13vw;
	height: auto;
}

.homepage section.three .philosophy-glider.desktop .box .text-box {
	padding: .8vw 2vw 2vw 15.6vw;
}

.homepage section.three .philosophy-glider.desktop .box .text-box .title {
	font-size: 1.35vw;
	margin-bottom: 1vw;
}

.homepage section.three .philosophy-glider.desktop .box.two {
	width: 62vw !important;
}

.homepage section.three .slick-prev {
	content: "<";
	top: 10vw;
	position: absolute;
	left: -5vw;
	color: #fff;
	right: unset;
}

.homepage section.three .slick-next {
	content: ">";
	left: -5vw;
	position: absolute;
	top: 13vw;
	color: #fff;
	right: unset;
}

.homepage section.three .philosophy-glider.mobile {
	display: none;
}

.homepage section.three .slick-prev::before, .homepage section.three .slick-next::before {
	font-size: 1.2vw;
}

.homepage section.three.green-line::before {
	top: -2vw;
}

.homepage section.four {
	padding: 5.2vw 4.3vw;
	background: linear-gradient(rgba(230, 230, 230, 0) 30%, #e6e6e6 70%);
}

.homepage section.four .top {
	display: flex;
	padding: 0 8vw;
}

.homepage section.four .top .left {
	position: relative;
	width: 20vw;
	line-height: .8;
	padding-top: 2.2vw;
	text-align: right;
}

.homepage section.four .top .left .subheader, .homepage section.four .top .left h2 {
	margin: 0;
	font-size: 1.8vw;
	font-family: "Karla";
	font-weight: 500;
	padding-left: 0;
}

.homepage section.four .top .grey-line::before {
	right: 1.5vw;
	top: 1vw;
}

.homepage section.four .top .right {
	width: 52vw;
	padding-left: 2vw;
	padding-top: 1.8vw;
}

.homepage section.four .boxes {
	padding-top: 4.3vw;
	text-align: center;
}

.homepage section.four .boxes a.box {
	text-decoration: none;
}

.homepage section.four .boxes .box {
	position: relative;
	margin: .7vw 1vw;
	display: inline-block;
}

.homepage section.four .boxes .box .outer {
	width: 20vw;
	height: 21vw;
	display: inline-block;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 1vw;
}

.homepage section.four .boxes .box .outer picture {
	width: 20vw;
	height: 21vw;
	position: relative;
	display: block;
}

.homepage section.four .boxes .box .outer picture img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	transition: .3s;
}

.homepage section.four .boxes .box .outer .text-area {
	padding: .5vw 1vw;
	color: #fff;
	background-color: rgba(1, 73, 136, .76);
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
}

.homepage section.four .boxes .box .outer .text-area p {
	font-family: "Karla";
	font-size: 1.5vw;
	margin: 0;
	font-weight: 500;
}

.homepage section.four .boxes .box .outer .text-area img {
	float: right;
	width: 2vw;
	margin-right: 2vw;
	margin-top: .3vw;
	transition: .3s;
}

.homepage section.four .boxes .box .text-box {
	display: none;
}

.homepage section.four .box:hover .outer img {
	scale: 102%;
}

.homepage section.four .box:hover .outer .text-area img {
	margin-right: 1.5vw;
}

.homepage section.four .text-box {
	font-size: .9vw;
	text-align: left;
	top: 0;
	left: 0;
	transition: .3s;
	position: absolute;
	z-index: 2;
	border-radius: 10px;
	color: #fff;
	background-color: #014888;
	padding: 1vw;
	height: 19vw;
	width: 40.2vw;
}

.homepage section.four .text-box p {
	font-size: .9vw;
}

.homepage section.four .text-box.four {
	right: 0;
	left: initial;
}

.homepage section.four .text-box.eight {
	right: 0;
	left: initial;
}

.homepage section.four .boxes.mobile {
	display: none;
}

.homepage section.four .boxes.mobile .box {
	overflow: hidden;
}

.homepage .five {
	position: relative;
	height: 35vw;
	overflow: hidden;
	padding: 2vw 1vw 1vw 8vw;
	z-index: 2;
	position: relative;
}

.homepage .five #slider {
	display: inline-block;
	width: 38vw;
	text-align: right;
	padding-top: 5.3vw;
	vertical-align: top;
}

.homepage .five #slider p {
	font-size: 1.5vw;
	font-weight: 500;
	font-family: "Karla";
	line-height: 1.3;
}

.homepage .five #slider .title {
	font-size: 1.28vw;
	font-weight: 400;
}

.homepage .five img {
	width: 45vw;
	height: auto;
	margin-left: 3vw;
	margin-top: 5vw;
	position: relative;
	z-index: 2;
	border-radius: 10px;
	box-shadow: -3px 4px 11px rgba(0, 0, 0, .25);
}

.homepage .five .slider-off {
	display: none;
}

.homepage .five .grey-line::before {
	width: 16%;
}

.homepage .five .left.grey-line::before {
	width: 17%;
}

.homepage .five.green-clip::after {
	width: 59%;
}

.homepage section.six {
	text-align: center;
	color: #fff;
	padding: 4.6vw 16vw 9vw;
	background-image: url("https://cdn-ileofmk.nitrocdn.com/wWJfAJvjebRfRYAOZCASfCxDLMuyoDLy/assets/images/optimized/rev-03922b4/mickeykeenan.com/wp-content/themes/mickeykeenan_theme/images/mickey-keenan-fair-compensation-tampa-car-accident.webp");
	background-repeat: no-repeat;
	background-size: 111%;
	position: relative;
}

.homepage section.six.nitro-lazy {
	background-image: none !important;
}

.homepage section.six h2 {
	font-size: 1.83vw;
	margin-bottom: 2.8vw;
}

.homepage section.six .button, .homepage section.six .phone-button {
	position: relative;
	top: 2vw;
}

.homepage section.six a {
	color: #fff;
	transition: .3s;
}

.homepage section.six .phone-button {
	left: 2vw;
}

.homepage section.six a:hover {
	color: #009ba4;
}

.homepage section.six .button:hover {
	color: #fff;
}

.homepage section.six.green-line::before {
	left: 50vw;
	top: -2vw;
}

.homepage .seven.one {
	background: linear-gradient(rgba(230, 230, 230, 0) 30%, #e6e6e6 70%);
}

.homepage .seven.one .button.green {
	position: relative;
	top: 1vw;
}

.homepage .seven {
	padding: 1vw 5vw 2vw 7vw;
}

.homepage .seven .left {
	display: inline-block;
	width: 24vw;
	vertical-align: top;
	padding-top: 4vw;
	text-align: right;
}

.homepage .seven .left .header {
	font-size: 1.8vw;
	line-height: 1.2;
}

.homepage .seven .left .button {
	position: relative;
	top: 1vw;
}

.homepage .seven .left.grey-line {
	top: auto;
}

.homepage .seven .right {
	display: inline-block;
	padding-left: 2.5vw;
	width: 53vw;
	padding-top: 4.5vw;
	padding-bottom: 4vw;
}

.homepage .seven .right .faq-box {
	border-bottom: 1px solid grey;
	overflow: hidden;
	position: relative;
}

.homepage .seven .right .faq-box .subheader {
	font-weight: 600;
	font-size: 1.3vw;
	padding-bottom: .5vw;
	padding-left: 0;
}

.homepage .seven .right .faq-box ul {
	margin-top: 1vw;
}

.homepage .seven .right .faq-box .answer {
	display: none;
}

.homepage .seven .right .faq-box:hover {
	cursor: pointer;
}

.homepage .seven .right .faq-box.active .answer {
	display: block;
}

.homepage .seven .right .faq-box .question::after {
	content: "+";
	font-size: 1vw;
	padding-left: 1vw;
}

.homepage .seven .right .faq-box.active .question::after {
	content: "-";
	font-size: 1vw;
	padding-left: 1vw;
}