:root {
--blue: #1e90ff;
--white: #ffffff;
--placeholdercolor: currentColor;
}
@font-face {
font-display: swap;
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 300;
src: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/fonts/red-hat-display-v21-latin-300.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 400;
src: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/fonts/red-hat-display-v21-latin-regular.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 500;
src: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/fonts/red-hat-display-v21-latin-500.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 600;
src: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/fonts/red-hat-display-v21-latin-600.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 700;
src: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/fonts/red-hat-display-v21-latin-700.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 800;
src: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/fonts/red-hat-display-v21-latin-800.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Red Hat Display';
font-style: normal;
font-weight: 900;
src: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/fonts/red-hat-display-v21-latin-900.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
src: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/fonts/outfit-v15-latin-500.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
src: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/fonts/outfit-v15-latin-600.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
src: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/fonts/outfit-v15-latin-700.woff2) format('woff2');
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
scroll-behavior: smooth;
will-change: auto;
scroll-padding-top: 50px;
}
body {
margin: 0;
padding: 0;
font-family: 'Red Hat Display', sans-serif;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.clear {
clear: both;
}
.alignnone {
margin-bottom: 20px;
}
.alignleft {
float: left;
margin-right: 20px;
margin-top: 0;
width: 50%;
}
.alignright {
float: right;
margin-left: 20px;
margin-top: 0;
width: 50%;
}
.aligncenter {
display: block;
margin: 0 auto 20px auto;
}
iframe,
img {
max-width: 100%;
border: none;
vertical-align: middle;
}
img {
border: 0;
height: auto;
}
a {
font-family: 'Red Hat Display', sans-serif;
font-size: inherit;
line-height: normal;
color: #00528a;
text-decoration: none;
transition: 0.5s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Red Hat Display', sans-serif;
margin: 0;
padding: 0;
font-weight: normal;
}
p,
li,
ul,
ol,
blockquote {
font-family: 'Red Hat Display', sans-serif;
font-weight: normal;
margin: 0;
padding: 0;
}
ul,
li {
list-style: none;
}
a:visited {
color: #818481;
}
a:hover {
text-decoration: underline;
}
a,
a:hover,
input[type="submit"],
button {
outline: 0;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: none;
appearance: none;
border-radius: 10px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
::-webkit-input-placeholder { color: var(--placeholdercolor); }
::-moz-placeholder { color: var(--placeholdercolor); }
:-ms-input-placeholder { color: var(--placeholdercolor); }
:-moz-placeholder { color: var(--placeholdercolor); }
html {
scroll-behavior: smooth;
}
.container {
--container: 1500px;
max-width: 1500px;
width: 100%;
margin: 0 auto;
}
.d-none,
.hide {
display: none !important;
}
.fl {
float: left;
}
.fr {
float: right;
}
.fw {
float: left;
width: 100%;
}
.wrapper {
float: left;
width: 100%;
}
.clearfix {
clear: both;
}
.video_container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video_container iframe, .video_container object, .video_container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video_tag {
display: block;
clear: both;
width: 100%;
height: 100%;
}
.video_tag video {
width: 100%;
aspect-ratio: 16 / 9;
}
#site-header {
width: 100%;
}
@media screen and (min-width: 992px) {
#site-header {
top: 0;
z-index: 9;
}
}
.f-nav .site-header {
background-color: #103C61;
}
.header-top {
background-color: #fff;
border-bottom: 2px solid #F2B54E;
clear: both;
position: relative;
}
@media screen and (min-width: 992px) {
.header-top {
height: 55px;
}
}
@media screen and (min-width: 1395px) {
.header-top {
height: 80px;
}
}
@media screen and (min-width: 1595px) {
.header-top {
height: 93px;
}
}
.logoBlock {
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 15px;
gap: 20px;
}
@media screen and (min-width: 768px) {
.logoBlock {
padding: 20px 50px;
}
}
@media screen and (min-width: 992px) {
.logoBlock {
display: inherit;
max-width: 250px;
float: left;
padding: 0 10px 0 20px;
margin-right: 65px;
}
}
@media screen and (min-width: 1160px) {
.logoBlock {
max-width: 300px;
padding: 0 10px 0 40px;
}
}
@media screen and (min-width: 1395px) {
.logoBlock {
max-width: 360px;
margin-right: 80px;
}
}
@media screen and (min-width: 1465px) {
.logoBlock {
max-width: 430px;
}
}
@media screen and (min-width: 1595px) {
.logoBlock {
margin-right: 95px;
}
}
@media screen and (min-width: 1775px) {
.logoBlock {
padding: 0 20px 0 80px;
}
}
@media screen and (min-width: 1875px) {
.logoBlock {
padding: 0 20px 0 120px;
}
}
.headerRight {
display: none;
}
@media screen and (min-width: 992px) {
.headerRight {
display: inherit;
width: 100%;
max-width: 635px;
float: right;
}
}
@media screen and (min-width: 1160px) {
.headerRight {
max-width: 795px;
}
}
@media screen and (min-width: 1285px) {
.headerRight {
max-width: 895px;
}
}
@media screen and (min-width: 1395px) {
.headerRight {
max-width: 935px;
}
}
@media screen and (min-width: 1595px) {
.headerRight {
max-width: 1050px;
}
}
@media screen and (min-width: 1775px) {
.headerRight {
max-width: 1200px;
}
}
@media screen and (min-width: 1875px) {
.headerRight {
max-width: 1280px;
}
}
@media screen and (min-width: 992px) { .logoBlockbefore {
background-color: #fff;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 95px;
border-bottom: 2px solid #F2B54E;
}
}
@media screen and (min-width: 1395px) {
.logoBlockbefore {
height: 120px;
}
}
@media screen and (min-width: 1465px) {
.logoBlockbefore {
width: 50vw;
}
}
@media screen and (min-width: 1595px) {
.logoBlockbefore {
height: 130px;
}
}
@media screen and (min-width: 992px) { .logoBlockafter {
width: 65px;
height: 100%;
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/logo-shap.png);
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%;
position: absolute;
top: 0;
right: -52px;
}
}
@media screen and (min-width: 1395px) {
.logoBlockafter {
width: 95px;
right: -65px;
}
}
@media screen and (min-width: 1595px) {
.logoBlockafter {
right: -70px;
}
}
.site-logo {
position: relative;
z-index: 2;
width: 200px;
}
@media screen and (min-width: 768px) {
.site-logo {
width: inherit;
max-width: 300px;
}
}
@media screen and (min-width: 992px) {
.site-logo {
height: 95px;
display: flex;
align-items: center;
}
}
@media screen and (min-width: 1395px) {
.site-logo {
height: 120px;
}
}
@media screen and (min-width: 1595px) {
.site-logo {
height: 130px;
}
}
.site-logo a {
display: block;
}
@media screen and (min-width: 992px) {
.primary-menu {
display: flex;
justify-content: flex-end;
}
}
@media screen and (max-width: 1159px) {
.primary-menu {
width: 100%;
}
}
@media screen and (min-width: 992px) {
.headerRight {
display: flex;
align-items: stretch;
justify-content: flex-end;
height: 53px;
position: relative;
z-index: 2;
}
}
@media screen and (min-width: 1395px) {
.headerRight {
height: 80px;
}
}
@media screen and (min-width: 1595px) {
.headerRight {
height: 93px;
}
}
.headerRight .avalible-freeconsultation,
.headerRight .headerPhone,
.headerRight .headerCallUsToday {
display: flex;
align-items: center;
}
.headerRight .avalible-freeconsultation span {
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 1.6;
letter-spacing: 0;
color: #000;
text-transform: uppercase;
}
@media screen and (min-width: 1180px) {
.headerRight .avalible-freeconsultation span {
font-size: 14px;
letter-spacing: 1px;
}
}
@media screen and (min-width: 1285px) {
.headerRight .avalible-freeconsultation span {
font-size: 16px;
}
}
@media screen and (min-width: 1595px) {
.headerRight .avalible-freeconsultation span {
font-size: 18px;
letter-spacing: 1.76px;
}
}
@media screen and (min-width: 1775px) {
.headerRight .avalible-freeconsultation span {
font-size: 21px;
}
}
.headerRight .headerPhone a {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 15px;
line-height: 1;
color: #000;
position: relative;
}
@media screen and (min-width: 1180px) {
.headerRight .headerPhone a {
font-size: 17px;
margin-left: 10px;
letter-spacing: 0.7px;
}
}
@media screen and (min-width: 1285px) {
.headerRight .headerPhone a {
font-size: 18px;
margin-left: 15px;
}
}
@media screen and (min-width: 1595px) {
.headerRight .headerPhone a {
font-size: 20px;
}
}
@media screen and (min-width: 1775px) {
.headerRight .headerPhone a {
font-size: 29px;
}
}
.headerRight .headerPhone a::before {
content: " ";
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/sprites.webp);
background-position: -31px -30px;
width: 51px;
height: 51px;
display: inline-block;
vertical-align: middle;
transform: scale(0.65);
-webkit-transform: scale(0.65);
-moz-transform: scale(0.65);
-ms-transform: scale(0.65);
-o-transform: scale(0.65);
}
@media screen and (min-width: 1595px) {
.headerRight .headerPhone a::before {
transform: scale(0.85);
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
-ms-transform: scale(0.85);
-o-transform: scale(0.85);
margin-right: 8px;
}
}
@media screen and (min-width: 1775px) {
.headerRight .headerPhone a::before {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
}
@media screen and (min-width: 1775px) {
.headerRight .headerPhone a {
margin-left: 30px;
}
.headerRight .headerPhone a::before {
margin-right: 13px;
}
}
.headerRight .headerPhone a:hover {
color: #F2B54E;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
}
.headerRight .headerCallUsToday {
background-color: #F2B54E;
padding-right: 15px;
padding-left: 15px;
margin-left: 20px;
position: relative;
}
@media screen and (min-width: 1180px) {
.headerRight .headerCallUsToday {
padding-right: 20px;
padding-left: 20px;
}
}
@media screen and (min-width: 1285px) {
.headerRight .headerCallUsToday {
padding-right: 25px;
padding-left: 25px;
margin-left: 25px;
}
}
@media screen and (min-width: 1875px) {
.headerRight .headerCallUsToday {
padding-right: 40px;
padding-left: 30px;
margin-left: 35px;
}
}
@media screen and (min-width: 1875px) {
.headerRight .headerCallUsToday {
padding-right: 70px;
}
}
@media screen and (min-width: 992px) {
.headerRight .headerCallUsToday::before {
content: '';
display: block;
width: 23px;
height: 100%;
position: absolute;
top: 0;
left: -23px;
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/constaus-today-shap.png);
background-repeat: no-repeat;
background-position: right center;
background-size: auto 100%;
}
@media screen and (min-width: 1395px) {
.headerRight .headerCallUsToday::before {
width: 35px;
left: -35px;
}
}
}
.headerRight .headerCallUsToday a {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 1.3;
color: #000;
text-transform: uppercase;
}
@media screen and (min-width: 1180px) {
.headerRight .headerCallUsToday a {
font-size: 14px;
}
}
@media screen and (min-width: 1285px) {
.headerRight .headerCallUsToday a {
font-size: 16px;
}
}
@media screen and (min-width: 1595px) {
.headerRight .headerCallUsToday a {
font-size: 20px;
}
}
@media screen and (min-width: 1775px) {
.headerRight .headerCallUsToday a {
font-size: 21px;
}
}
.headerRight .headerCallUsToday a:hover {
color: #05538B;
}
.menuBlock {
display: none;
}
@media screen and (min-width: 992px) {
.menuBlock {
display: block;
}
}
@media screen and (min-width: 1160px) {
.menuBlock {
padding-right: 14px;
}
}
@media screen and (min-width: 1395px) {
.menuBlock {
padding-right: 25px;
}
}
@media screen and (min-width: 1875px) {
.menuBlock {
padding-right: 57px;
}
}
@media screen and (min-width: 1160px) {
.primary-menu {
margin-top: 20px;
}
}
@media screen and (min-width: 1395px) {
.primary-menu {
margin-top: 25px;
}
}
@media screen and (min-width: 1595px) {
.primary-menu {
margin-top: 30px;
}
}
@media screen and (min-width: 992px) {
.primary-menu>li>a {
position: relative;
font-family: 'Red Hat Display', sans-serif;
font-weight: 500;
font-size: 13px;
line-height: 1.6;
text-transform: none;
color: #fff;
text-transform: uppercase;
display: block;
padding: 0 16px;
}
}
@media screen and (min-width: 1160px) {
.primary-menu>li>a {
font-weight: 700;
font-size: 15px;
letter-spacing: 0.23px;
}
}
@media screen and (min-width: 1285px) {
.primary-menu>li>a {
font-size: 17px;
padding: 0 18px;
}
}
@media screen and (min-width: 1595px) {
.primary-menu>li>a {
font-size: 20px;
padding: 0 20px;
}
}
@media screen and (min-width: 1775px) {
.primary-menu>li>a {
font-size: 23px;
}
}
@media screen and (min-width: 992px) {
.primary-menu>li>a::before {
content: " ";
width: 2px;
height: 20px;
background-color: #fff;
position: absolute;
left: -1px;
top: 0;
bottom: 0;
margin: auto;
pointer-events: none;
}
.primary-menu>li:first-child>a:before {
display: none;
}
}
@media screen and (min-width: 1285px) {
.primary-menu>li>a::before {
width: 3px;
left: -1.5px;
}
}
.primary-menu>li.current-menu-item a,
.primary-menu>li>a:hover {
color: #F2B54E;
}
@media screen and (max-width: 1176px) and (min-width: 1160px) {
.headerRight .avalible-freeconsultation span {
letter-spacing: 1px;
}
.headerRight .headerPhone a {
margin-left: 0;
}
.primary-menu>li>a {
font-size: 14px;
}
.headerRight {
max-width: 760px;
}
}
.wrapper .site-header {
position: fixed;
width: 100%;
top: 0;
z-index: 5;
}
.f-nav .primary-menu {
margin-top: 3px;
}
@media screen and (max-width: 1594px) {
.f-nav .primary-menu {
margin-top: 8px;
}
}
@media screen and (max-width: 1159px) and (min-width: 992px) {
.menuBlock {
height: 42px;
}
.menu-main-menu-container {
position: relative;
top: -28px;
}
}
.scrollHeader {
position: fixed;
width: 100%;
top: 0;
background-color: #103C61;
z-index: 5;
padding: 15px 20px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 2px solid #F2B54E;
transform: translateY(-100%);
transition: all 0.3s ease-in-out 0s;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}
@media screen and (min-width: 1160px) {
.scrollHeader {
padding: 15px 40px;
}
}
@media screen and (min-width: 1465px) {
.scrollHeader {
padding: 15px 70px;
}
}
.scrollHeader .primary-menu {
margin: 0;
top: inherit;
}
.wrapper.f-nav .scrollHeader {
transform: translateY(0);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
.scroll-logoBlock {
width: 100%;
max-width: 250px;
}
@media screen and (min-width: 1160px) {
.scroll-logoBlock {
max-width: 300px;
}
}
@media screen and (min-width: 1285px) {
.scroll-logoBlock {
max-width: 330px;
}
}
.head-sec .container {
width: 100%;
max-width: 100%;
margin: auto;
padding: 0 80px 0 70px;
justify-content: space-between;
display: flex;
}
.head-sec {
position: fixed;
z-index: 9;
padding: 0;
}
.head-sec.f-nav {
background-color: #031e2f;
}
.head-sec:before {
position: absolute;
content: " ";
background-color: #fff;
width: 33.9%;
height: 74%;
left: 0;
top: 0;
bottom: 0;
margin: auto;
clip-path: polygon(0 0, 97% 0%, 85% 100%, 0% 100%);
z-index: 0;
border-bottom: 2px solid #F2B54E;
}
.head-sec:after {
position: absolute;
content: " ";
background-color: #fff;
width: 100%;
height: 46%;
left: 0;
top: 0;
right: 0;
margin: auto;
z-index: -1;
border-bottom: 2px solid #F2B54E;
}
.head-sec .logo {
width: 25%;
padding-top: 38px;
z-index: 1;
position: relative;
}
.head-sec .logo:before {
position: absolute;
content: " ";
height: 99%;
right: -86px;
top: -12px;
margin: auto;
z-index: 0;
border-right: 2px solid #F2B54E;
transform: rotate(28deg);
}
.head-sec .logo img {
display: block;
width: 100%;
transition-duration: 0.8s;
}
.head-sec .top-rit {
display: flex;
justify-content: space-between;
align-items: center;
padding: 23px 0 30px;
position: relative;
}
.head-sec .logo-menu {
position: relative;
z-index: 1;
}
.head-sec .logo-menu:before {
position: absolute;
content: " ";
background-color: #F2B54E;
width: 21.5%;
height: 46%;
right: 0;
top: 0;
margin: auto;
z-index: -1;
clip-path: polygon(7% 0, 100% 0%, 100% 100%, 0 100%);
}
.head-sec .top-rit .block-lft {
display: flex;
gap: 6px;
width: 37%;
}
.head-sec .top-rit .block-lft p {
font-size: 22px;
text-transform: capitalize;
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
letter-spacing: 1.76px;
line-height: 1.6;
color: #000;
display: inline-block;
}
.head-sec .top-rit .block-lft p a {
display: inline-block;
}
.head-sec .top-rit .block-lft p a:hover {
color: #F2B54E;
transition: 0.3s;
}
.head-sec .top-rit .call {
width: 33.3%;
}
.head-sec .top-rit .call a {
font-size: 35px;
line-height: 1;
letter-spacing: 0.7px;
padding-left: 58px;
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
display: inline-block;
color: #000;
position: relative;
}
.head-sec .top-rit .call a:hover {
color: #F2B54E;
transition: 0.3s;
}
.head-sec .top-rit .call a:before {
position: absolute;
content: " ";
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/sprites.webp);
background-position: -31px -30px;
width: 51px;
height: 51px;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.head-sec .top-rit .block-rgt {
width: 24.8%;
}
.head-sec .top-rit .block-rgt h5 {
font-size: 29px;
line-height: 1.3;
letter-spacing: 0;
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
text-align: right;
color: #000;
text-transform: capitalize;
}
.head-sec .top-rit .block-rgt h5 a {
display: inline-block;
}
.head-sec .top-rit .block-rgt h5 a:hover {
color: #05538B;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
}
.head-sec .logo-rit {
width: 66.3%;
}
.head-sec .menuBlock {
width: auto;
padding: 33px 0;
}
.head-sec .menuBlock ul {
position: relative;
margin: 0;
}
.head-sec .menuBlock ul li {
float: left;
position: relative;
margin-right: 64px;
}
.head-sec .menuBlock ul li a {
position: relative;
font-weight: 700;
text-transform: none;
font-size: 23px;
letter-spacing: 0.23px;
line-height: 1.6;
display: inline-block;
color: #fff;
font-family: 'Red Hat Display', sans-serif;
text-transform: capitalize;
position: relative;
}
.head-sec .menuBlock ul li a:before {
position: absolute;
content: " ";
width: 3px;
height: 20px;
background-color: #fff;
right: -37px;
top: 0;
bottom: 0;
margin: auto;
pointer-events: none;
}
.head-sec .menuBlock ul li:last-child a:before {
display: none;
}
.head-sec .menuBlock ul.primary-menu>li.current-menu-item>a,
.menuBlock ul.primary-menu>li a:hover {
color: #F2B54E;
}
.head-sec .menuBlock ul li:first-child {
margin-left: 0;
}
.head-sec .menuBlock ul li:last-child {
margin-right: 0;
}
.head-sec .menuBlock ul li:last-child a {
border: 0;
}
.menuBlock ul li {
position: relative;
}
.menuBlock ul li ul.sub-menu {
display: none;
width: 200px;
position: absolute;
top: 100%;
left: 0;
right: auto;
background-color: #031e2f;
padding: 0 0;
z-index: 999;
}
.menuBlock ul li:hover ul.sub-menu {
display: block
}
.menuBlock ul li:hover ul.sub-menu ul {
display: none
}
.menuBlock ul li:hover ul.sub-menu li {
position: relative
}
.menuBlock ul li:hover ul.sub-menu li > ul.sub-menu {
top: 0;
left: inherit;
right: 100%;
}
.menuBlock ul li:hover ul.sub-menu li:hover>ul {
display: block;
}
.menuBlock .sub-menu li.current-menu-item a {
color: #fff
}
.menuBlock .sub-menu li a:after {
display: none
}
.menuBlock .sub-menu li {
width: 100%;
float: left;
border-bottom: 1px solid rgba(255, 255, 255, .2);
margin: 0;
padding: 0
}
.menuBlock .sub-menu li a {
float: left;
font-size: 15px !important;
width: 100%;
line-height: normal;
padding: 9px 12px 8px;
color: #fff;
display: block;
text-transform: capitalize
}
.menuBlock .sub-menu li.current_page_item>a,
.menuBlock .sub-menu li:hover>a {
background-color: #000;
color: #F2B54E
}
.menuBlock ul ul a:after,
.head-sec .menuBlock ul ul a:after,
.head-sec.f-nav:after,
.head-sec.f-nav:before,
.head-sec.f-nav .top-rit,
.head-sec.f-nav .logo-menu:before,
.head-sec.f-nav .logo:before {
display: none;
}
.head-sec.f-nav .menuBlock {
width: 100%;
}
.head-sec.f-nav .logo-rit {
width: 70%;
}
.head-sec.f-nav .logo {
width: 20%;
padding: 15px;
}
.head-sec.f-nav .container {
padding: 0 50px 0 70px;
}
.head-sec.f-nav .menuBlock {
padding: 28px 0;
}
.head-sec.f-nav .menuBlock ul li a {
font-size: 22px;
}
.showhide {
width: 40px;
height: 40px;
cursor: pointer;
position: relative;
background-color: #103C61;
border: 1px solid #F2B54E !important;
border-radius: 5px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.showhide span {
font-size: 0;
width: 23px;
height: 3px;
background-color: #fff;
display: block;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.showhide {
width: 50px;
height: 48px;
}
.showhide span {
width: 30px;
height: 4px;
}
}
.showhide span.menu-bar-2 {
margin: 5px auto;
}
.mobinav {
width: 100%;
max-width: 280px;
background: #103C61;
z-index: 100;
height: 100%;
min-height: 100vh;
position: fixed;
top: 0;
left: 0;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}
.mobinav .mobinav-inner {
width: 100%;
height: 100%;
padding: 15px;
display: flex;
flex-direction: column;
overflow-y: scroll;
}
@media screen and (min-width: 992px) {
.showhide,
.mobinav {
display: none;
}
}
.mobinav.open {
transform: translateX(0%);
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
}
.navclsbtn {
width: 30px;
height: 30px;
font-size: 25px;
border: 1px solid #F2B54E;
background-color: #F2B54E;
margin-left: auto;
margin-bottom: 15px;
}
.mobile-menu-btn {
display: block;
background-color: #F2B54E;
width: 100%;
text-align: center;
padding: 10px;
color: #000;
margin-top: auto;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
font-weight: 700;
font-size: 20px;
}
.mobinav .primary-menu {
margin: 0;
padding: 0;
width: 100%;
}
.mobinav .primary-menu li {
position: relative;
width: 100%;
box-sizing: border-box;
border: 0;
margin: 0;
padding: 0;
}
.mobinav .primary-menu a {
width: 100%;
padding: 6px 0;
display: block;
font-family: 'Red Hat Display', sans-serif;
font-size: 16px;
letter-spacing: 0.5px;
line-height: normal;
color: #fff;
text-decoration: none;
border: 0;
margin: 0;
}
.mobinav a:hover {
color: #F2B54E;
}
.mobinav ul li ul {
padding: 15px;
}
.mobinav ul li ul li a {
text-transform: capitalize;
}
.mobinav ul li .drop {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 37px;
z-index: 5;
}
.mobinav ul li .drop.open {
width: 20px;
}
.mobinav ul li .drop::before,
.mobinav ul li .drop.close::after {
content: '';
background-color: #fff;
position: absolute;
}
.mobinav ul li .drop::before {
width: 20px;
height: 2px;
top: 16px;
right: 0;
}
.mobinav ul li .drop.close::after {
width: 2px;
height: 20px;
top: 7px;
right: 10px;
}
.mobile_src_nav {
display: none;
width: 100%;
float: left;
position: relative;
padding: 10px 0;
}
.mobile_src_nav .container {
position: relative;
}
.mobile_src_nav .search-form {
width: 100%;
float: left;
}
.mobileContentBlock {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
width: 100%;
height: calc(100% - 50px);
}
.mobileContentBlock .head-btn {
padding: 10px 5px;
}
.mobileContentBlock a[rel="home"] {
margin: 0;
}
.mobileContentBlock .tel {
margin-top: auto;
}
.mobileContentBlock .head-btn a {
text-align: center;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-phone:before {
content: "\f095";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.mobile-header-container {
display: flex;
align-items: stretch;
justify-content: center;
margin-top: 0;
}
.mobile-call-button,
.mobile-menu-button,
.mobile-email-button {
width: 100%;
background-color: #103C61;
border: 1px solid #103C61;
}
.mobile-email-button {
background-color: #103C61;
}
.mobile-call-button a,
.mobile-menu-button button,
.mobile-email-button a {
display: block;
width: 100%;
text-align: center;
padding: 10px;
height: 100%;
font-family: 'Red Hat Display', sans-serif;
color: #fff;
background-color: #f2b54e;
}
.mobile-menu-button button {
border: none;
background-color: transparent;
}
.tab_phone svg,
.mobile-header-container svg {
width: 20px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.mobile_src_nav {
display: none;
}
.tab_phone,
.tab_email {
display: none;
padding: 12px 20px;
color: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.tab_phone {
margin-left: auto;
background-color: #05538B;
}
.tab_email {
background-color: #103C61;
}
@media screen and (min-width: 768px) {
.mobile-header-container {
display: none;
}
}
@media screen and (min-width: 767px) and (max-width: 991px) {
.mobile_src_nav,
.tab_phone,
.tab_email {
display: block;
}
.tab_phone {
display: block;
background-color: #f2b54e;
}
}
@media screen and (min-width: 767px) and (max-width: 991px) {
.mobile-header-container span.menu-text {
font-size: 20px;
}
.mobile-header-container span {
font-size: 20px;
}
.fa-phone:before {
font-size: 20px;
}
}
.banner-sec {
padding: 180px 0 30px 0;   background-color: #103C61;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 992px) {  }
.banner-sec video {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
min-width: 100%;
height: 130%;
margin: auto;
}
@media screen and (min-width: 992px) {
.banner-sec video {
top: -117px;
height: 150%;
}
}
.banner-sec .container {
width: 100%;
max-width: 100%;
margin: auto;
padding: 0 45px;
position: relative;
z-index: 2;
}
.banner-sec .bnr-lft {
width: 50%;
position: relative;
padding: 0;
z-index: 2;
}
.banner-sec .bnr-lft .bnr-btn {
padding-left: 10px;
}
.banner-sec .bnr-lft h1 {
font-family: 'Red Hat Display', sans-serif;
font-size: 108px;
line-height: 1;
letter-spacing: -1.1px;
color: #fff;
font-weight: 900;
text-transform: capitalize;
margin-bottom: 20px;
margin-right: -56px;
}
.banner-sec .bnr-lft h1 strong {
font-weight: 400;
font-size: 50%;
display: inline-block;
vertical-align: text-top;
}
.banner-sec .bnr-lft p {
color: #fff;
font-family: 'Red Hat Display', sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.75;
letter-spacing: 0.24px;
margin-bottom: 25px;
padding-left: 10px;
}
.banner-sec .bnr-btn a {
font-size: 22px;
color: #fff;
text-transform: uppercase;
line-height: 1;
padding: 30px;
font-family: 'Red Hat Display', sans-serif;
font-weight: 800;
letter-spacing: 1.1px;
background-color: #05538B;
display: inline-block;
position: relative;
}
.banner-sec .bnr-btn a:hover {
background-color: #F2B54E;
}
.banner-sec .bnr-cnt {
position: relative;
display: flex;
justify-content: flex-start;
max-width: 1525px;
margin: 0 auto;
} .banner-sec-after {
position: absolute;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(3, 30, 47, 0.03) 14%, rgba(3, 30, 47, 0.05) 16%, rgba(3, 30, 47, 0.17) 22%, rgba(3, 30, 47, 0.24) 32%, rgba(3, 30, 47, 0.33) 36%, rgba(3, 30, 47, 0.38) 37%, rgba(3, 30, 47, 0.39) 38%, rgba(3, 30, 47, 0.46) 40%, rgba(3, 30, 47, 0.5) 41%, rgba(3, 30, 47, 0.52) 42%, rgba(3, 30, 47, 0.57) 43%, rgba(3, 30, 47, 0.59) 44%, rgba(3, 30, 47, 0.61) 45%, rgba(3, 30, 47, 0.65) 46%, rgba(3, 30, 47, 0.69) 47%, rgba(3, 30, 47, 0.71) 48%, rgba(3, 30, 47, 0.74) 49%, rgba(3, 30, 47, 0.76) 50%, rgba(3, 30, 47, 0.79) 51%, rgba(3, 30, 47, 0.8) 52%, rgba(3, 30, 47, 0.82) 53%, rgba(3, 30, 47, 0.82) 54%, rgba(3, 30, 47, 0.86) 55%, rgba(3, 30, 47, 0.87) 56%, rgba(3, 30, 47, 0.87) 57%, rgba(3, 30, 47, 0.89) 58%, rgba(3, 30, 47, 0.9) 61%, rgba(3, 30, 47, 0.92) 62%, rgba(3, 30, 47, 0.93) 63%, rgba(3, 30, 47, 0.92) 64%, rgba(3, 30, 47, 0.93) 65%, rgba(3, 30, 47, 0.94) 66%, rgba(3, 30, 47, 0.94) 68%, rgba(3, 30, 47, 0.96) 70%, rgba(3, 30, 47, 0.96) 71%, rgba(3, 30, 47, 0.97) 73%, rgba(3, 30, 47, 0.96) 74%, rgba(3, 30, 47, 0.98) 75%, rgba(3, 30, 47, 0.98) 77%, rgba(3, 30, 47, 0.97) 79%, rgba(3, 30, 47, 0.98) 81%, rgba(3, 30, 47, 1) 100%);
width: 100%;
height: 60%;
left: 0;
right: 0;
margin: auto;
bottom: 0;
z-index: 1;
pointer-events: none;
}
.banner-sec .bnr-cnt .bnr-attrny-img img {
width: 100%;
display: block;
}
.banner-sec .bnr-cnt .bnr-right {
width: 41%;
position: relative;
display: none;
}
.banner-sec .bnr-cnt .attrny-cnt {
display: none;
position: absolute;
width: 62%;
transform: rotate(-90deg);
left: 75%;
top: 27%;
z-index: 2;
}
.banner-sec .bnr-cnt .bnr-right h3 {
font-size: 112px;
line-height: 1;
font-weight: 700;
color: #fff;
font-family: 'Red Hat Display', sans-serif;
letter-spacing: 0;
text-transform: capitalize;
text-align: right;
}
.banner-sec .bnr-cnt .bnr-right h3 span {
display: block;
text-align: left;
-webkit-text-stroke: 1px #F2B54E;
-webkit-text-fill-color: transparent;
}
.banner-sec .bnr-cnt .bnr-right h4 {
font-size: 35px;
line-height: 1;
color: #fff;
text-transform: uppercase;
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
letter-spacing: 3.85px;
writing-mode: vertical-rl;
width: max-content;
position: absolute;
right: -49px;
bottom: 15px;
}
.banner-sec .bnr-btm {
position: relative;
margin-top: 15px;
z-index: 2;
opacity: 0;
display: none;
}
.banner-sec .bnr-btm h5 {
text-align: center;
color: #fff;
font-size: 55px;
line-height: 1;
letter-spacing: 1.1px;
font-weight: 400;
font-family: 'Red Hat Display', sans-serif;
}
.banner-sec .bnr-cnt .bnr-right:before {
position: absolute;
content: "";
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/hmbnr-img-bfr.webp);
width: 319px;
height: 309px;
right: -80px;
bottom: 0;
z-index: 2;
}
.banner-sec .bnr-attrny-img {
position: relative;
opacity: 0;
}
.hmchoose-sec {
background-color: #103C61;
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/choose-bg.webp);
background-repeat: no-repeat;
background-size: 100%;
background-position: top center;
width: 100%;
padding: 10px 0 0;
position: relative;
text-align: center;
--btnHeight: 31px;
}
.hmchoose-sec::before {
position: absolute;
content: " ";
background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(3, 30, 47, 0.03) 14%, rgba(3, 30, 47, 0.05) 16%, rgba(3, 30, 47, 0.17) 22%, rgba(3, 30, 47, 0.24) 32%, rgba(3, 30, 47, 0.33) 36%, rgba(3, 30, 47, 0.38) 37%, rgba(3, 30, 47, 0.39) 38%, rgba(3, 30, 47, 0.46) 40%, rgba(3, 30, 47, 0.5) 41%, rgba(3, 30, 47, 0.52) 42%, rgba(3, 30, 47, 0.57) 43%, rgba(3, 30, 47, 0.59) 44%, rgba(3, 30, 47, 0.61) 45%, rgba(3, 30, 47, 0.65) 46%, rgba(3, 30, 47, 0.69) 47%, rgba(3, 30, 47, 0.71) 48%, rgba(3, 30, 47, 0.74) 49%, rgba(3, 30, 47, 0.76) 50%, rgba(3, 30, 47, 0.79) 51%, rgba(3, 30, 47, 0.8) 52%, rgba(3, 30, 47, 0.82) 53%, rgba(3, 30, 47, 0.82) 54%, rgba(3, 30, 47, 0.86) 55%, rgba(3, 30, 47, 0.87) 56%, rgba(3, 30, 47, 0.87) 57%, rgba(3, 30, 47, 0.89) 58%, rgba(3, 30, 47, 0.9) 61%, rgba(3, 30, 47, 0.92) 62%, rgba(3, 30, 47, 0.93) 63%, rgba(3, 30, 47, 0.92) 64%, rgba(3, 30, 47, 0.93) 65%, rgba(3, 30, 47, 0.94) 66%, rgba(3, 30, 47, 0.94) 68%, rgba(3, 30, 47, 0.96) 70%, rgba(3, 30, 47, 0.96) 71%, rgba(3, 30, 47, 0.97) 73%, rgba(3, 30, 47, 0.96) 74%, rgba(3, 30, 47, 0.98) 75%, rgba(3, 30, 47, 0.98) 77%, rgba(3, 30, 47, 0.97) 79%, rgba(3, 30, 47, 0.98) 81%, rgba(3, 30, 47, 1) 100%);
width: 100%;
height: 50%;
left: 0;
right: 0;
margin: auto;
top: 0;
pointer-events: none;
}
.hmchoose-sec::after {
content: '';
width: 100%;
height: var(--btnHeight);
background-color: #edf5f9;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
z-index: 2;
}
.hmchoose-sec P:empty {
display: none;
}
.hmchoose-sec .choose-blck .choose-img {
position: relative;
}
.hmchoose-sec .choose-blck .choose-img:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0) 0%,
rgba(16, 60, 97, 0.01) 10%,
rgba(16, 60, 97, 0.02) 24%,
rgba(16, 60, 97, 0.04) 26%,
rgba(16, 60, 97, 0.03) 27%, 
rgba(16, 60, 97, 0.06) 31%, 
rgba(16, 60, 97, 0.12) 36%, 
rgba(16, 60, 97, 0.2) 41%, 
rgba(16, 60, 97, 0.24) 42%, 
rgba(16, 60, 97, 0.26) 43%, 
rgba(16, 60, 97, 0.28) 45%, 
rgba(16, 60, 97, 0.82) 63%, 
rgba(16, 60, 97, 0.89) 67%, 
rgba(16, 60, 97, 0.97) 73%, 
rgba(16, 60, 97, 1) 78%, 
rgba(16, 60, 97, 0.98) 99%, 
rgba(16, 60, 97, 0.96) 100%
);
}
@media screen and (max-width: 769px) {
.hmchoose-sec .choose-blck .choose-img img[alt="choose"] {
width: 200%;
max-width: 180%;
margin: 0 auto 0 -40%;
}  
}
.hmchoose-sec .choose-blck .choose-img .choose-case-results {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 5;
max-width: 990px;
margin: 0 auto;
}
@media screen and (min-width: 1280px) {
.hmchoose-sec .choose-blck .choose-img .choose-case-results {
max-width: 1500px;
}
}
.choose-case-results {
width: 100%;
max-width: var(--container);
display: block;
margin: 0 auto;
}
@media screen and (max-width: 550px) {
.choose-case-results {
height: 130px;
}
}
.choose-case-results .choose-case-results-items {
display: flex;
align-items: stretch;
flex-wrap: wrap;
gap: 15px;
justify-content:center;
padding:40px 0;
text-align:center;
}
@media screen and (min-width: 1280px ) {
.choose-case-results .choose-case-results-items {
gap: 30px;
}
}
.choose-case-results .choose-case-results-items .ccri-item {
text-align: center !important;
}
@media screen and (min-width: 992px) {
.choose-case-results .choose-case-results-items .ccri-item {
text-align: left;
}
}
.choose-case-results .choose-case-results-items .ccri-item strong {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 55px !important;
line-height: 1.5;
letter-spacing: normal;
color: #fff;
text-transform: capitalize;
margin: 0 0 30px;
}
.choose-case-results .choose-case-results-items .ccri-item strong .nub {
display: inline-block;
vertical-align: middle;
}
.choose-case-results .choose-case-results-items .ccri-item p {
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
font-size: 20px !important;
line-height: 1.2;
letter-spacing: 0;
color: #fff;
}
@media screen and (min-width: 992px) {
.choose-case-results .choose-case-results-items .ccri-item.ccri-item-1 {
min-width: 310px;
}
}
@media screen and (min-width: 1000px) {
.choose-case-results .choose-case-results-items .ccri-item.ccri-item-1 {
min-width: 340px;
}
}
@media screen and (min-width: 1280px) {
.choose-case-results .choose-case-results-items .ccri-item strong {
font-size: 60px;
}
.choose-case-results .choose-case-results-items .ccri-item p {
font-size: 22px;
}
.choose-case-results .choose-case-results-items .ccri-item {
min-width: 300px;
}
.choose-case-results .choose-case-results-items .ccri-item.ccri-item-1 {
min-width: 560px;
}    
}
@media screen and (min-width: 1441px) {
.choose-case-results .choose-case-results-items .ccri-item strong {
font-size: 70px;
}
.choose-case-results .choose-case-results-items .ccri-item p {
font-size: 25px;
}
}
.hmchoose-sec .awards-block.owl-carousel {
display: block;
padding: 15px 0;
position: absolute;
bottom: 0;
}
.choose-blck .container {
position: relative;
}
@media screen and (max-width: 991px) {
.choose-blck .container {
padding-bottom: 100px;
}
}
@media screen and (max-width: 767px) {
.choose-blck .container {
padding-bottom: 60px;
}
}
@media screen and (max-width: 680px) {
.choose-blck .container {
padding-bottom: 150px;
}
}
.hmchoose-sec .awards-block {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
}
.hmchoose-sec .awards-block .award-item {
padding: 0 10px;
width: calc((100% / 4) - 10px);
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 681px) {
.awards-block .award-item {
padding: 0 20px;
}
}
.hmchoose-sec .awards-block .award-item img {
width: auto;
margin: 0 auto;
max-height: 180px;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.hmchoose-sec .awards-block .award-item:hover img {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}
.hmchoose-sec h2 {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 22px;
letter-spacing: -0.8px;
line-height: 1.2;
color: #ffffff;
margin: 0 auto 20px auto;
position: relative;
max-width: 730px;
}
@media screen and (min-width: 551px) {
.hmchoose-sec h2 {
font-size: 30px;
margin: 0 auto 35px auto;
}
}
@media screen and (min-width: 769px) {
.hmchoose-sec h2 {
font-size: 35px;
margin: 0 auto 50px auto;
}
}
@media screen and (min-width: 1281px) {
.hmchoose-sec h2 {
font-size: 53px;
max-width: 1000px;
}
}
.hmchoose-sec .choose-blck .choose-cnt {
margin: auto;
width: 100%;
padding-top: 30px;
background-color: #103c61;
padding-left: 20px;
padding-right: 20px;
}
.hmchoose-sec .choose-blck .choose-cnt h3 {
font-size: 50px;
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
color: #F2B54E;
letter-spacing: 7px;
line-height: 1;
text-transform: capitalize;
margin: 0 0 16px;
position: relative;
}
.hmchoose-sec .choose-blck .choose-cnt p {
font-size: 30px;
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
color: #ffffff;
letter-spacing: 0;
line-height: 1.5;
margin: 0 auto 55px;
position: relative;
width: 100%;
max-width: 1580px;
}
.cmn-btn a {
font-size: 22px;
color: #000;
background-color: #F2B54E;
padding: 20px 68px;
line-height: 1;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
font-weight: 800;
font-family: 'Red Hat Display', sans-serif;
letter-spacing: 0.44px;
}
.cmn-btn a:hover {
color: #F2B54E;
background-color: #05538B;
}
.cmn-btn.choose-btn {
position: relative;
z-index: 3;
}
.hm-testimonials {
position: relative;
padding: 10px 0 110px;
background: #031e2f;
}
.hm-testimonials .container {
max-width: 1681px;
margin: auto;
width: 100%;
}
.hm-testimonials .text-heading {
font-size: 50px;
font-family: 'Red Hat Display', sans-serif;
font-weight: 800;
color: #ffffff;
letter-spacing: 7px;
line-height: 1;
text-transform: capitalize;
margin: 0 0 53px;
position: relative;
text-align: center;
}
.hm-testimonials .hm-testi-item {
background: #ffffff;
padding: 54px 50px 63px 40px;
width: 100%;
position: relative;
height: 100%;
border-radius: 20px 20px 100px 20px;
-webkit-border-radius: 20px 20px 100px 20px;
-moz-border-radius: 20px 20px 100px 20px;
-ms-border-radius: 20px 20px 100px 20px;
-o-border-radius: 20px 20px 100px 20px;
}
.hm-testimonials .owl-carousel .owl-stage {
display: flex;
align-items: stretch;
}
.hm-testimonials .hm-testi-item p {
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
font-size: 23px;
line-height: 1.6;
letter-spacing: 0;
color: #000000;
margin: 40px 0;
position: relative;
}
.hm-testimonials .hm-testi-item h5 {
font-size: 25px;
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
color: #000000;
letter-spacing: 0.375px;
line-height: 1;
margin: auto 0 0 0;
position: relative;
text-transform: capitalize;
}
.hm-testimonials .hm-testi-item .star-rat {
position: absolute;
content: "";
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/sprites.webp);
background-position: -33px -121px;
width: 98px;
height: 16px;
top: 0;
left: 0;
margin-top: 20px;
}
.hm-testimonials .hm-testi-item .hm-testi-cnt {
position: relative;
padding: 20px 0 0;
display: flex;
flex-direction: column;
height: 100%;
}
.hm-testimonials .hm-testi-item .hm-testi-cnt:before {
position: absolute;
content: "";
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/sprites.webp);
background-position: -155px -30px;
width: 48px;
height: 36px;
top: 0;
right: 0;
}
.hm-testimonials .hm-testi-item .hm-testi-cnt:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 90%;
height: 1px;
background-color: #F2B54E;
}
.hm-testimonials .testi-blck {
padding: 0 97px;
}
@media screen and (max-width: 450px) {
.hm-testimonials .tesimonials-slider-block {
height: 302px;
}
}
.hm-testimonials .testi-blck.owl-carousel .owl-nav button span {
font-size: 0;
}
.hm-testimonials .testi-blck.owl-carousel .owl-nav button.owl-prev,
.hm-testimonials .testi-blck.owl-carousel .owl-nav button.owl-next {
font-size: 0;
position: absolute;
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/sprites.webp);
background-position: -288px -101px;
width: 55px;
height: 55px;
transition: 0.3s;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.hm-testimonials .testi-blck.owl-carousel .owl-nav button.owl-next {
left: inherit;
right: 0;
background-position: -362px -101px;
}
.hm-testimonials .testi-blck.owl-carousel .owl-nav button.owl-prev:hover {
background-position: -288px -30px;
}
.hm-testimonials .testi-blck.owl-carousel .owl-nav button.owl-next:hover {
background-position: -362px -30px;
}
.hm-testimonials .hm-testi-item:hover {
background-color: #F2B54E;
}
.hm-testimonials .hm-testi-item:hover .star-rat {
background-position: -153px -121px;
}
.hm-testimonials .hm-testi-item:hover .hm-testi-cnt:before {
background-position: -221px -30px;
}
.hm-testimonials .hm-testi-item:hover .hm-testi-cnt:after {
background-color: #103C61;
}
.hm-testimonials .hm-testi-item:hover:before {
background-color: #05538B;
}
.hm-testimonials .hm-testi-item:hover h5 {
color: #ffffff;
}
.hm-testimonials .hm-testi-item:hover p {
color: #ffffff;
}
.hmabout-sec {
padding: 148px 0 60px;
position: relative;
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/about-bg.webp);
background-size: cover;
background-position: bottom;
width: 100%;
}
.hmabout-sec .about-hdr {
text-align: center;
padding: 0 52px;
}
.hmabout-sec .about-hdr h2 {
font-size: 80px;
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
color: #103C61;
letter-spacing: -0.8px;
line-height: 1;
text-transform: capitalize;
margin: 0 auto 36px;
position: relative;
max-width: 1010px;
}
.hmabout-sec .about-hdr h5 {
font-size: 38px;
font-family: 'Red Hat Display', sans-serif;
font-weight: 500;
color: #05538B;
letter-spacing: 0.76px;
line-height: 1;
text-transform: capitalize;
margin: 0 0 10px;
position: relative;
display: inline-block;
padding: 0 198px;
}
@media screen and (min-width: 769px) {
.hmabout-sec .about-hdr h5:before {
position: absolute;
content: "";
left: 0;
top: 0;
bottom: 0;
margin: auto;
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/line.webp);
background-repeat: no-repeat;
width: 161px;
height: 12px;
}
.hmabout-sec .about-hdr h5:after {
position: absolute;
content: "";
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/line-rit.webp);
background-repeat: no-repeat;
width: 161px;
height: 12px;
}
}
.about-hdr-bottom-mobileblock {
width: 100%;
max-width: 400px;
display: block;
margin: 0 auto;
}
@media screen and (min-width: 992px) {
.about-hdr-bottom-mobileblock {
max-width: 100%;
}
}
.about-hdr-bottom {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
padding: 50px 0;
}
.about-hdr-bottom p:empty {
display: none;
}
.about-hdr-bottom .ahdrb-block {
width: 100%;
max-width: calc((100% / 3) - 20px);
display: flex;
align-items: stretch;
justify-content: flex-start;
gap: 15px;
}
.about-hdr-bottom .ahdrb-block .iconBlock {
width: 100px;
height: 100px;
background-color: #063e66;
display: flex;
align-items: center;
justify-content: center;
}
.about-hdr-bottom .ahdrb-block .iconBlock img {
width: 50px;
}
.about-hdr-bottom .ahdrb-block .ahdrb-text {
width: 100%;
max-width: calc(100% - 130px);
font-family: 'Karla', sans-serif;
font-weight: 400;
font-size: 30px;
line-height: 1.5;
letter-spacing: normal;
}
.about-hdr-bottom .ahdrb-block .ahdrb-text::after {
content: '';
width: 100px;
height: 2px;
background-color: #063e66;
display: block;
}
@media screen and (min-width: 992px) {
.about-hdr-bottom .ahdrb-block:nth-child(even) .iconBlock {
background-color: #f1b146;
}
.about-hdr-bottom .ahdrb-block:nth-child(even) .ahdrb-text::after {
background-color: #f1b146;
}
}
.hmabout-sec .container {
max-width: 1650px;
width: 100%;
margin: auto;
}
.hmabout-sec .about-blck {
display: flex;
align-items: center;
justify-content: space-between;
}
.hmabout-sec .about-left {
width: 50%;
}
.hmabout-sec .about-rit {
width: 46%;
}
.hmabout-sec .about-blck .about-rit p {
font-size: 22px;
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
color: #103C61;
letter-spacing: 0;
line-height: 1.77;
margin: 0 0 36px;
position: relative;
}
.hmabout-sec .about-blck .about-rit ul li {
font-size: 24px;
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
color: #103C61;
letter-spacing: 0;
line-height: 1;
margin: 0 0 28px;
position: relative;
padding-left: 44px;
}
.hmabout-sec .about-blck .about-rit ul li:before {
content: "";
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/sprites.webp);
background-position: -475px -118px;
width: 19px;
height: 21px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
}
.hmabout-sec .about-blck .about-rit ul {
margin: 0 0 53px;
}
.hmabout-sec .about-blck .about-rit h5 {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
line-height: 1.3;
font-size: 29px;
letter-spacing: 0;
color: #103C61;
margin: 0 0 44px;
position: relative;
}
@media screen and (min-width: 769px) {
.hmabout-sec .about-blck .about-rit .about-rit-btm {
display: flex;
gap: 20px;
}
}
@media screen and (min-width: 1801px) {
.hmabout-sec .about-blck .about-rit .about-rit-btm {
gap: 36px;
}
}
.call-sec p {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 26px;
letter-spacing: 0;
line-height: 1.5;
color: #05538B;
margin: 0 0 0;
position: relative;
text-transform: capitalize;
display: inline-block;
padding-left: 86px;
}
.call-sec p a {
display: block;
font-size: 37px;
}
.call-sec {
position: relative;
width: 48%;
}
.call-sec p a:hover {
color: #F2B54E;
}
.call-sec:before, .call-sec:after {
content: "";
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/sprites.webp);
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.call-sec:before {
background-position: -31px -197px;
width: 49px;
height: 52px;
left: 0;
}
.call-sec:after {
background-position: -113px -192px;
width: 9px;
height: 78px;
left: 63px;
}
.hmabout-sec .about-blck .about-rit .about-rit-btm .cmn-btn.choose-btn a {
padding: 29px 108px;
}
@media screen and (min-width: 769px) {
.hmabout-sec .about-blck .about-left .about-img {
position: relative;
padding: 0 0 31px 31px;
z-index: 1;
}
.hmabout-sec .about-blck .about-left .about-img:before {
position: absolute;
content: "";
bottom: 14px;
left: 14px;
width: 95%;
height: 95%;
border: 1px solid #818486;
z-index: -1;
}
}
.hmabout-sec .cmn-btn {
width: 50%;
}
.hmabout-sec .cmn-btn a {
padding: 29px 20px;
width: 100%;
text-align: center;
font-size: 14px;
}
@media screen and (min-width: 1441px) {
.hmabout-sec .cmn-btn a {
font-size: 17px;
}
}
@media screen and (min-width: 769px) {
.hmabout-sec .about-blck .about-left .about-img:after {
width: 33.6%;
height: 48.4%;
position: absolute;
content: "";
background-color: #05538B;
left: 0;
bottom: 0;
z-index: -1;
clip-path: polygon(0 0, 0% 100%, 100% 100%);
}
}
.hmpractice-sec {
padding: 100px 0 0;
background-color: #103c61;
}
.hmpractice-sec .container {
max-width: 1780px;
width: 100%;
margin: auto;
}
.hmpractice-sec h3 {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 80px;
color: #fff;
line-height: 1;
letter-spacing: 1.6px;
text-align: center;
padding: 0 0 20px 0;
position: relative;
margin-bottom: 30px;
}
.hmpractice-sec h3::before {
content: "";
position: absolute;
width: 218px;
height: 11px;
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/pract-bfr-v2.webp);
background-repeat: no-repeat;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.hm-pract-items {
display: flex;
flex-wrap: wrap;
}
.hm-pract-item {
width: 100%;
max-width: calc(100% / 6);
height: 450px;
position: relative;
background-color: #F2B54E;
transition:all 0.3s ease-in-out 0s;
-webkit-transition:all 0.3s ease-in-out 0s;
-moz-transition:all 0.3s ease-in-out 0s;
-ms-transition:all 0.3s ease-in-out 0s;
-o-transition:all 0.3s ease-in-out 0s;
}
.hm-pract-item:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
z-index: 5;
}
.hm-pract-item::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.01) 10%, rgba(0, 25, 43, 0.01) 11%, rgba(0, 25, 43, 0.01) 20%, rgba(0, 25, 43, 0.06) 29%, rgba(0, 25, 43, 0.2) 40%, rgba(0, 25, 43, 0.30) 43%, rgba(0, 25, 43, 0.35) 45%, rgba(0, 25, 43, 0.35) 48%, rgba(0, 25, 43, 0.38) 49%, rgba(0, 25, 43, 0.39) 50%, rgba(0, 25, 43, 0.42) 51%, rgba(0, 25, 43, 0.51) 52%, rgba(0, 25, 43, 0.53) 57%, rgba(0, 25, 43, 0.56) 58%, rgba(0, 25, 43, 0.56) 59%, rgba(0, 25, 43, 0.57) 60%, rgba(0, 25, 43, 0.6) 61%, rgba(0, 25, 43, 0.61) 62%, rgba(0, 25, 43, 0.61) 63%, rgba(0, 25, 43, 0.65) 64%, rgba(0, 25, 43, 0.68) 68%, rgba(0, 25, 43, 0.72) 70%, rgba(0, 25, 43, 0.72) 71%, rgba(0, 25, 43, 0.72) 73%, rgba(0, 25, 43, 0.76) 74%, rgba(0, 25, 43, 0.75) 75%, rgba(0, 25, 43, 0.78) 78%, rgba(0, 25, 43, 0.77) 80%, rgba(0, 25, 43, 0.81) 84%, rgba(0, 25, 43, 0.83) 100%);
}
.hm-pract-item:hover .hm-pract-cnt h4 {
color: #000;
}
.hm-pract-item:hover::before {
display: none;
}
.hm-pract-cnt {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 1;
min-height: 100px;
padding: 15px;
}
.hm-pract-cnt .area-icon {
width: 100%;
max-width: 100px;
display: block;
margin: 0  auto 15px;
display: none;
}
.hm-pract-cnt h4 {
padding-top: 100px;
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 25px;
line-height: 1;
color: #fff;
text-align: center;
text-transform: uppercase;
position: relative;
}
.hm-pract-cnt h4::before {
content: '';
background-repeat: no-repeat;
background-position: top center;
background-size: auto 90px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.hm-pract-cnt.Truck h4::before {
background-image: url(//chadjoneslaw.com/wp-content/uploads/2024/01/truck-accidents-icon-w.png);
}
.hm-pract-cnt.OilField h4::before {
background-image: url(//chadjoneslaw.com/wp-content/uploads/2024/01/oil-field-injuries-icon-w.png);
}
.hm-pract-cnt.CarWrecks h4::before {
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/car-wrecks-icon-w.webp);
}
.hm-pract-cnt.Motorcycle h4::before {
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/motorcycle-icon-w.webp);
}  .hm-pract-item:hover .hm-pract-cnt.Truck h4::before {
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/truck-accidents-icon.webp);
}
.hm-pract-item:hover .hm-pract-cnt.OilField h4::before {
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/oil-field-injuries-icon.webp);
}
.hm-pract-item:hover .hm-pract-cnt.CarWrecks h4::before {
background-image: url(//chadjoneslaw.com/wp-content/uploads/2024/01/car-wrecks-icon.png);
}
.hm-pract-item:hover .hm-pract-cnt.Motorcycle h4::before {
background-image: url(//chadjoneslaw.com/wp-content/uploads/2024/01/motorcycle-icon.png);
}
.hm-pract-item:hover .hm-pract-cnt.Wrongful h4::before {
background-image: url(//chadjoneslaw.com/wp-content/uploads/2024/01/afff-icon.png);
}
.hm-pract-item:hover .hm-pract-cnt.rideshare h4::before {
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/rideshare-accidents-icon.webp);
}
.hm-pract-cnt p {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1;
color: #000;
text-align: center;
margin: 10px 0 0 0;
opacity: 0;
}
.hm-pract-item:hover .hm-pract-cnt p {
opacity: 1;
}
.hvr a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
font-size: 0;
z-index: 1;
}
.hm-pract-img {
height: 100%;
}
.hm-pract-item:hover .hm-pract-img {
opacity: 0.5;
}
.hm-pract-img img {
width: 100%;
display: block;
height: 100%;
object-fit: cover;
object-position: center;
}
.hmjustice-sec {
padding: 110px 0;
position: relative;
}
.hmjustice-sec .legal-hdr {
display: flex;
justify-content: space-between;
margin: 0 0 40px;
padding: 0 80px 0 97px;
}
.hmjustice-sec .container {
max-width: 1680px;
margin: auto;
width: 100%;
}
.hmjustice-sec .legal-hdr h2 {
font-size: 80px;
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
color: #103C61;
letter-spacing: -0.8px;
line-height: 1;
text-transform: capitalize;
margin: 0 0 0;
position: relative;
width: 45%;
}
.hmjustice-sec .legal-hdr h2 span {
color: #F2B54E;
}
.hmjustice-sec .legal-hdr p {
font-size: 25px;
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
color: #103C61;
letter-spacing: 0;
line-height: 1.64;
margin: 0 0 0;
position: relative;
width: 46%;
}
.hmjustice-sec .justice-blck {
padding: 0 84px 0 94px;
}
.hmjustice-sec .justice-blck .justice-itm {
position: relative;
outline: 1px solid #818486;
outline-offset: -20px;
}
.hmjustice-sec .justice-blck .justice-itm:before {
position: absolute;
content: "";
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/sprites.webp);
background-position: -456px -30px;
width: 100px;
height: 60px;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.hmjustice-sec .justice-blck .justice-itm .hover a {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
z-index: 1;
font-size: 0;
}
.hmjustice-sec .justice-blck .owl-nav {
display: block !important;
}
.hmjustice-sec .justice-blck.owl-carousel .owl-nav button span {
font-size: 0;
}
.hmjustice-sec .justice-blck.owl-carousel .owl-nav button.owl-prev,
.hmjustice-sec .justice-blck.owl-carousel .owl-nav button.owl-next {
font-size: 0;
position: absolute;
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/sprites.webp);
background-position: -288px -101px;
width: 55px;
height: 55px;
transition: 0.3s;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.hmjustice-sec .justice-blck.owl-carousel .owl-nav button.owl-next {
left: inherit;
right: 0;
background-position: -362px -101px;
}
.hmjustice-sec .justice-blck.owl-carousel .owl-nav button.owl-prev:hover {
background-position: -288px -30px;
}
.hmjustice-sec .justice-blck.owl-carousel .owl-nav button.owl-next:hover {
background-position: -362px -30px;
}
.locations-sec {
padding: 110px 0 120px 0;
background-color: #103C61;
}
.locations-sec h3 {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 50px;
color: #fff;
line-height: 1;
text-align: center;
margin-bottom: 35px;
}
.locations-sec .location-items {
display: flex;
gap: 15px;
justify-content: center;
}
.locations-sec .location-img img {
width: 100%;
display: block;
}
.locations-sec .location-item {
position: relative;
width: 22.5%;
overflow: hidden;
border-radius: 20px 20px 100px 20px;
-webkit-border-radius: 20px 20px 100px 20px;
-moz-border-radius: 20px 20px 100px 20px;
-ms-border-radius: 20px 20px 100px 20px;
-o-border-radius: 20px 20px 100px 20px;
}
.locations-sec .location-item::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 22.1%, rgba(0, 0, 0, 0.07) 31%, rgba(0, 0, 0, 0.48) 50%, rgba(0, 0, 0, 0.86) 79%, rgba(0, 0, 0, 0.88) 90%, rgba(0, 0, 0, 1.17) 100%);
bottom: 0;
left: 0;
}
.locations-sec .location-item:hover::before {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(6, 62, 102, 0.01) 32%, rgba(6, 62, 102, 0.01) 36%, rgba(6, 62, 102, 0.4) 55%, rgba(6, 62, 102, 1.11) 100%);
}
.locations-sec .location-img-cnt {
text-align: center;
position: absolute;
right: 0;
left: 0;
margin: auto;
bottom: 25px;
}
.locations-sec .location-img-cnt h4 {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 31px;
color: #fff;
line-height: 1;
letter-spacing: -0.15px;
margin-bottom: 20px;
}
.locations-sec .location-img-cnt p {
font-family: 'Red Hat Display', sans-serif;
font-weight: 500;
font-size: 16px;
color: #fff;
line-height: 1.6;
letter-spacing: 0.24px;
margin-bottom: 30px;
}
.locations-sec .location-img-cnt h5 {
font-family: 'Red Hat Display', sans-serif;
font-weight: 500;
font-size: 16px;
color: #F2B54E;
line-height: 1;
letter-spacing: 0.24px;
text-transform: capitalize;
}
.help-us-sec {
padding: 120px 0;
background-color: #103C61;
text-align: center;
}
.help-us-sec .container {
max-width: 1780px;
width: 100%;
margin: auto;
}
.help-us-sec h3 {
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
font-size: 38px;
color: #F2B54E;
line-height: 1;
text-align: center;
margin-bottom: 10px;
position: relative;
padding: 0 184px 0 184px;
display: inline-block;
}
@media screen and (min-width: 769px) {
.help-us-sec h3::before {
content: "";
position: absolute;
width: 162px;
height: 12px;
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/line.webp);
top: 0;
bottom: 0;
margin: auto;
left: 0;
}
.help-us-sec h3::after {
content: "";
position: absolute;
width: 162px;
height: 12px;
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/line-rit.webp);
top: 0;
bottom: 0;
margin: auto;
right: 0;
}
}
.help-us-sec h2 {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 80px;
color: #fff;
line-height: 1;
text-align: center;
margin-bottom: 50px;
}
.help-us-sec .easy-step-blks {
position: relative;
display: flex;
gap: 45px;
z-index: 1;
justify-content: center;
}
.help-us-sec .easy-step-blk {
padding: 25px 20px 40px 20px;
text-align: center;
background-color: #052b43;
width: 31.2%;
position: relative;
border-radius: 20px 20px 100px 20px;
-webkit-border-radius: 20px 20px 100px 20px;
-moz-border-radius: 20px 20px 100px 20px;
-ms-border-radius: 20px 20px 100px 20px;
-o-border-radius: 20px 20px 100px 20px;
}
.help-us-sec .easy-step-blk.step2:before {
top: inherit;
bottom: -9px;
}
.help-us-sec .easy-step-blk h6 {
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
font-size: 20px;
color: #fff;
line-height: 1;
margin-bottom: 55px;
}
.help-us-sec .easy-step-blk h4 {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 40px;
color: #fff;
line-height: 1;
letter-spacing: -0.4px;
margin-bottom: 30px;
padding-top: 125px;
position: relative;
}
.help-us-sec .easy-step-blk h4::before {
content: "";
position: absolute;
width: 85px;
height: 80px;
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/sprites.webp);
background-position: -160px -197px;
top: 0;
left: 0;
right: 0;
margin: auto;
}
.help-us-sec .easy-step-blk.step2 h4::before {
background-position: -263px -197px;
}
.help-us-sec .easy-step-blk.step3 h4::before {
background-position: -360px -197px;
}
.help-us-sec .easy-step-blk p {
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
font-size: 24px;
color: #fff;
line-height: 1.3;
}
.hm-form-sec {
padding: 120px 0 80px;
}
.hm-form-sec .form-block {
width: 87.8%;
margin: auto;
}
.hm-form-sec .form-block .form-heading {
text-align: center;
margin-bottom: 33px;
position: relative;
}
.hm-form-sec .form-block .form-heading h3 {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 69px;
line-height: 1.1;
letter-spacing: 0;
color: #000000;
margin-bottom: 12px;
position: relative;
}
.hm-form-sec .form-block .form-heading P {
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
font-size: 23px;
line-height: 1.6;
letter-spacing: 0.8px;
color: #000000;
}
.hm-form-sec .gform_wrapper .top_label input,
.hm-form-sec .gform_wrapper select,
.hm-form-sec .gform_wrapper .top_label textarea {
margin: 0;
width: 100% !important;
outline: 0;
position: relative;
border: 0;
transition: all 0.5s;
font-family: 'Red Hat Display', sans-serif !important;
font-weight: 400;
font-size: 22px !important;
line-height: 1 !important;
letter-spacing: 0.85px !important;
color: #000;
background-color: #ffffff;
padding: 33px 10px 25px 42px !important;
border: 1px solid rgba(0, 0, 0, 0.52);
}
.hm-form-sec .gform_wrapper .gfield.popfield {
position: relative;
}
.hm-form-sec div#popup-container {
position: absolute;
top: 25px;
left: 0;
pointer-events: none;
width: 100%;
z-index: 9;
}
.hm-form-sec .gform_wrapper .form-links {
font-family: 'Red Hat Display', sans-serif;
font-size: 18px;
color: #000;
text-align: left;
width: 100%;
display: inline-block;
}
.hm-form-sec .gform_wrapper.gravity-theme .gfield textarea.medium {
height: 185px;
resize: none;
}
.hm-form-sec .gform_wrapper .form-links a {
color: #000;
font-weight: 400;
text-decoration: none;
}
.hm-form-sec .gform_wrapper .form-links a:hover {
color: #F2B54E;
transition: 0.3s;
}
.hm-form-sec .gform_wrapper .gfield p {
color: #000;
}
.hm-form-sec .gform_wrapper.gravity-theme .gfield-choice-input+label {
max-width: 100%;
margin-bottom: 0;
vertical-align: middle;
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
font-size: 18px;
color: #000;
}
#field_1_7 + .spacer.gfield {
display: none !important;
}
.hm-form-sec .gform_wrapper.gravity-theme .gform_footer {
padding: 0;
width: 100%;
left: 0;
right: 0;
z-index: 5;
margin: 20px auto 0 auto;
text-align: center;
position: relative;
}
@media screen and (min-width: 992px) {
.hm-form-sec .gform_wrapper.gravity-theme .gform_footer {
max-width: 260px !important;
}
}
@media screen and (min-width: 1441px) {
.hm-form-sec .gform_wrapper.gravity-theme .gform_footer {
max-width: 350px !important;
}
}
@media screen and (min-width: 1241px) {
.hm-form-sec .gform_wrapper.gravity-theme .gform_footer {
max-width: 290px !important;
}
}
.hm-form-sec .gform_wrapper.gravity-theme .gform_footer {
max-width: 450px !important;
}
.hm-form-sec .gform_wrapper.gravity-theme .gform_fields {
grid-column-gap: 2%;
grid-row-gap: 34px;
}
.hm-form-sec .gform_wrapper .top_label input[type="submit"] {
outline: none !important;
border: 0 none !important;
cursor: pointer;
transition-duration: 0.5s;
color: #ffffff !important;
max-width: 100% !important;
padding: 26px 15px !important;
height: auto !important;
margin: 0;
font-family: 'Red Hat Display', sans-serif !important;
font-weight: 800;
font-size: 30px !important;
line-height: 1 !important;
letter-spacing: -0.3px !important;
text-transform: capitalize !important;
background-color: #F2B54E !important;
}
.hm-form-sec .gform_wrapper .top_label input[type="submit"]:hover {
background-color: #103C61 !important;
}
.hm-form-sec input::placeholder {
color: #000;
}
.hm-form-sec input:-ms-input-placeholder {
color: #000;
}
.hm-form-sec input::-ms-input-placeholder {
color: #000;
}
.hm-form-sec textarea::placeholder {
color: #000;
}
.hm-form-sec textarea:-ms-input-placeholder {
color: #000;
}
.hm-form-sec textarea::-ms-input-placeholder {
color: #000;
}
.hm-form-sec .gform_wrapper .top_label .gfield_label {
display: none;
}
.hm-form-sec .gform_wrapper div.validation_error {
text-align: center;
border: none;
padding: 0 !important;
}
.hm-form-sec .gform_legacy_markup_wrapper {
margin: 0;
}
.hm-form-sec .gform_wrapper .gform_validation_errors {
display: none;
}
.hm-form-sec .gform_wrapper .gfield {
position: relative;
text-align: left;
}
.hm-form-sec .gform_wrapper .gfield .validation_message.gfield_validation_message,
.hm-form-sec .gform_wrapper .gfield .instruction.validation_message {
position: absolute;
top: 5px;
background: none;
padding: 0;
line-height: 1;
color: #ff0000;
font-size: 16px;
right: 10px;
font-weight: 500;
width: auto;
border: none;
pointer-events: none;
}
.hm-form-sec .gform_wrapper .gfield .instruction.validation_message {
top: 50px;
}
.hm-form-sec .gform_wrapper .field_description_below .gfield_description {
padding-top: 0
}
.hm-form-sec .gform_legacy_markup_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.hm-form-sec .gform_legacy_markup_wrapper li.gfield_error textarea {
border: none;
}
.hm-form-sec .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
max-width: 100% !important;
}
.hm-form-sec .gform_wrapper .field_description_below .gfield_description {
padding-top: 0;
}
.hm-form-sec .gform_wrapper li.gfield.gfield_error,
.hm-frmsec .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: inherit !important;
border: none;
padding: 0 !important;
margin-top: 0 !important;
}
.hm-form-sec .gform_wrapper .top_label input[type="checkbox"] {
float: left;
clear: both;
width: auto !important;
margin: 4px 10px 0 0 !important;
padding: 0 !important;
border-radius: 0;
max-width: inherit !important;
}
.popup {
position: relative;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.popup .popuptext {
visibility: hidden;
color: #000;
z-index: 1;
text-align: center;
padding: 20px;
border: 1px solid rgba(0, 0, 0, 0.2);
background: #fff;
font-size: 14px;
color: black;
display: block;
line-height: 2;
}
.popup .show {
visibility: visible;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
position: inherit;
}
.gform_button.disabled {
pointer-events: none;
}
.hm-form-sec div#validation_message_2_7 {
top: -20px;
right: 50px;
}
.site-footer {
background-image: url(//chadjoneslaw.com/wp-content/uploads/2025/03/ftr-sec-bg-2.webp);
background-repeat: no-repeat;
background-size: 100% 100%;
background-color: #05538B;
padding: 0;
color: #fff;
position: relative;
}
@media(max-width:480px){
.site-footer {
background-image: url(https://chadjoneslaw.com/wp-content/uploads/2025/03/ftr-sec-bg-mobile.webp);
}
}
.site-footer:before {
position: absolute;
content: " ";
background-color: #fff;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
margin: auto;
opacity: 85%;
pointer-events: none;
}
.site-footer .container {
padding: 0 20px;
}
.ftmenu{display:none;}
.site-footer .ftr-top-right {
display: flex;
justify-content: center;
width: 100%;
align-items: center;
position: relative;
margin-bottom: 80px;
}
.site-footer .ftr-logo img {
width: 100%;
max-width: 350px;
display: block;
}
.site-footer .ftr-logo {
width: 34.38%;
padding: 23px 0 0 0;
position: relative;
display: none;
}
.site-footer .social-icons {
display: flex;
width: 375px;
justify-content: center;
}
.ftr-main-logo {
width: 375px;
margin-right: auto;
}
.site-footer .ftr-call {
width: 375px;
}
@media screen and (min-width: 992px) {
.site-footer .ftr-call {
margin-left: auto;
text-align: right;
}
}
.site-footer .ftr-call h5 {
font-size: 29px;
font-family: 'Red Hat Display', sans-serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.58px;
color: #fff;
padding-bottom: 28px;
text-transform: capitalize;
position: relative;
margin-bottom: 22px;
}
.site-footer .ftr-call h5:before {
content: " ";
background-color: #05538B;
width: 30%;
height: 3px;
position: absolute;
bottom: 0;
left: 0;
}
.site-footer .ftr-call a {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 45px;
line-height: 1;
letter-spacing: 0.45px;
color: #000;
display: inline-block;
}
.site-footer .ftr-call a:hover {
color: #F2B54E;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
}
.site-footer .social-icons a {
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/sprites.webp);
background-position: -30px -450px;
width: 67px;
height: 66px;
display: inline-block;
font-size: 0;
margin-right: 8px;
transition: 0.8s;
}
.site-footer .social-icons a:hover {
background-position: -30px -530px;
}
.site-footer .social-icons a.in {
background-position: -107px -450px;
}
.site-footer .social-icons a.in:hover {
background-position: -107px -530px;
}
.site-footer .social-icons a.insta {
background-position: -187px -450px;
}
.site-footer .social-icons a.insta:hover {
background-position: -187px -530px;
}
.site-footer .social-icons a.yt {
background-position: -267px -450px;
}
.site-footer .social-icons a.yt:hover {
background-position: -267px -530px;
}
.site-footer .social-icons a.tw {
background-position: -345px -450px;
}
.site-footer .social-icons a.tw:hover {
background-position: -345px -530px;
}
.site-footer .ftmenu ul {
text-align: center;
padding: 0 0 23px 0;
border-bottom: 1px solid #545454;
position: relative;
}
.site-footer .ftmenu ul li {
display: inline-block;
margin: 0;
}
.site-footer .ftmenu ul li a {
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 28px;
line-height: 1.6;
letter-spacing: 0.8px;
color: #000;
text-transform: capitalize;
display: inline-block;
margin-right: 73px;
position: relative;
}
.site-footer .ftmenu ul li a:before {
position: absolute;
content: " ";
width: 3px;
height: 26px;
background-color: #000;
right: -41px;
top: 0;
bottom: 0;
margin: auto;
pointer-events: none;
}
.site-footer .ftmenu ul li a:hover,
.ftmenu ul li.current_page_item a {
color: #F2B54E;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
}
.site-footer .ftmenu ul li:last-child a {
margin: 0;
}
.site-footer .ftmenu ul li:last-child a:before {
display: none;
}
.site-footer .ftr-content {
text-align: center;
padding: 38px 0 50px;
position: relative;
}
.site-footer .ftr-content p {
font-size: 19px;
line-height: 2;
letter-spacing: 0;
color: #000;
margin: 0;
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
}
.copyrights {
background: #103C61;
padding: 25px 0;
position: relative;
text-align: center;
}
.copyrights .container {
padding: 0;
}
@media screen and (min-width: 768px) {
.cpy-inr,
.ftrlink {
display: inline-block;
float: none;
width: max-content;
}
}
.copyrights p,
.copyrights a {
color: #fff;
font-size: 21px;
font-weight: 400;
line-height: 1.7;
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
letter-spacing: 0.62px;
margin: 0;
}
.copyrights a {
display: inline-block;
padding: 0 5px;
}
.full-image img {
width: 100%;
}
.footer-address-block {
padding: 40px 0 0 0;
position: relative;
z-index: 2;
}
.footer-address-block .widget-title {
display: none;
}
.footer-address-block .locations-sec {
padding: 0;
background: none;
}
.steps-to-take {
background-color: #103C61;
display: block;
clear: both;
width: 100%;
position: relative;
padding-top: 40px;
padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
.steps-to-take {
padding-top: 60px;
}
}
.steps-to-take .widget-title {
position: relative;
font-family: 'Red Hat Display', sans-serif;
font-weight: 700;
font-size: 30px;
line-height: 1;
letter-spacing: -0.8px;
color: #fff;
text-align: center;
text-transform: capitalize;
margin: 0 0 20px;
}
@media screen and (min-width: 450px ) {
.steps-to-take .widget-title {
font-size: 40px;
}
}
@media screen and (min-width: 769px ) {
.steps-to-take .widget-title {
font-size: 50px;
margin: 0 0 30px;
}
}
@media screen and (min-width: 992px ) {
.steps-to-take .widget-title {
font-size: 60px;
}
}
@media screen and (min-width: 1700px ) {
.steps-to-take .widget-title {
font-size: 80px;
}
}
.steps-to-take li {
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
font-size: 15px;
line-height: 1.5;
letter-spacing: 0;
color: #000;
margin: 0;
position: relative;
padding-left: 25px;
}
@media screen and (min-width: 769px) {
.steps-to-take li {
font-size: 18px;
padding-left: 30px;
line-height: 1.77;
}
}
@media screen and (min-width: 992px) {
.steps-to-take li {
font-size: 16px;
}
}
@media screen and (min-width: 1200px) {
.steps-to-take li {
font-size: 20px;
}
}
.steps-to-take li:before {
content: "";
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/sprites-in.webp);
background-position: -122px -5px;
width: 19px;
height: 21px;
position: absolute;
left: 0;
top: 0;
transform: scale(0.8);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
}
@media screen and (min-width: 769px) {
.steps-to-take li:before {
top: 7px;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
}
.steps-to-take .about-rit-btm {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
width: 100%;
max-width: 100%;
}
@media screen and (min-width: 992px) {
.steps-to-take .about-rit-btm {
justify-content: center;
}
}
.steps-to-take .about-rit-btm .cmn-btn {
width: 100%;
max-width: 400px;
}
.steps-to-take .about-rit-btm .cmn-btn a {
padding: 20px;
width: 100%;
text-align: center;
}
.steps-to-take .about-rit-btm .call-sec {
width: auto;
}
.steps-to-take .about-rit-btm .call-sec * {
color: #fff;
}
.steps-to-take .about-rit-btm .call-sec p {
font-size: 14px;
padding-left: 67px;
}
.steps-to-take .about-rit-btm .call-sec p a {
font-size: 20px;
}
.steps-to-take .about-rit-btm .call-sec::before {
transform: scale(0.75);
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
-ms-transform: scale(0.75);
-o-transform: scale(0.75);
}
.steps-to-take .about-rit-btm .call-sec::after {
left: 50px;
transform: scale(0.7);
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
}
@media screen and (min-width: 992px) {
.steps-to-take .about-rit-btm .call-sec p {
font-size: 19px;
padding-left: 86px;
}
.steps-to-take .about-rit-btm .call-sec p a {
font-size: 29px;
}
.steps-to-take .about-rit-btm .call-sec::after,
.steps-to-take .about-rit-btm .call-sec::before {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
}
.hm-video-block {
position: relative;
margin-bottom: 15px;
}
.hvb-left {
width: 100%;
max-width: 100%;
position: relative;
background-color: #fff;
border: 3px solid #F2B54E;
}
.hvb-left .hvb-left-content {
width: 100%;
padding: 15px;
position: relative;
}
.hvb-right {
width: 100%;
max-width: 100%;
margin: 20px 0 0 0;
}
@media screen and (min-width: 769px) {
.hvb-left .hvb-left-content {
padding: 30px;
}
}
@media screen and (min-width: 992px) {
.hm-video-block {
margin-bottom: 30px;
padding-bottom: 30px;
}
.hvb-left {
max-width: 60%;
border: none;
}
.hvb-left .hvb-left-content {
background-color: #fff;
padding: 30px 100px 30px 30px;
}
.hvb-left::before {
position: absolute;
content: '';
top: 10px;
right: 0;
bottom: 0;
left: -15px;
width: 100%;
height: 100%;
border: 3px solid #F2B54E;
}
.hvb-right {
position: absolute;
bottom: 0;
right: 0;
max-width: 45%;
margin: 0;
}
}
@media screen and (min-width: 1140px) {
.hvb-left::before {
top: 25px;
left: -25px;
border-width: 6px;
}
.hm-video-block {
padding-bottom: 60px;
}
}
@media screen and (min-width: 1601px) {
.hm-video-block {
padding-bottom: 100px;
}
.hvb-left .hvb-left-content {
padding: 50px 180px 50px 50px;
}
.hvb-right {
max-width: 750px;
}
}
.inline-buttons-list {
text-align: center;
margin-top: 20px;
}
.inline-buttons-list a {
margin: 5px 0;
}
@media screen and (min-width: 992px) {
.homeicon {
width: 50px;
padding: 0;
}
.homeicon a {
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/icons8-home-96.svg);
background-size: 25px;
background-repeat: no-repeat;
background-position: center center;
color: transparent !important;
}
.homeicon:hover>a,
.homeicon.current-menu-item a {
background-image: url(//chadjoneslaw.com/wp-content/themes/chadjoneslaw/images/icons8-home-96-hover.svg);
}
}
#awards-section {
background-color: rgba(16, 60, 97, 1);
padding: 50px 0;
}
#ez-toc-container {
width: 100%;
}
.page_default .genpg-rite ul.ez-toc-list li:before {
display: none;
}
.iframvideo {
margin-bottom: 30px;
}
#gform_widget-2 #gform_wrapper_16 {
padding: 25px;
}
#gform_widget-2 #gform_wrapper_16.gform_wrapper.gravity-theme .gform_fields {
grid-row-gap: 10px;
}
#gform_widget-2 #gform_wrapper_16.gform_wrapper.gravity-theme .gform_fields input:not([type="submit"]),
#gform_widget-2 #gform_wrapper_16.gform_wrapper.gravity-theme .gform_fields textarea {
padding: 10px;
font-family: 'Red Hat Display', sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.7;
color: #021e30;
outline: none;
max-height: 100px;
}
#gform_widget-2 #gform_wrapper_16.gform_wrapper.gravity-theme .gform_footer, 
#gform_widget-2 #gform_wrapper_16.gform_wrapper.gravity-theme .gform_page_footer {
margin: 0;
padding: 0;
margin-top: 6px;
}
#gform_widget-2 #gform_wrapper_16.gform_wrapper .gfield {
position: relative;
}
#gform_widget-2 #gform_wrapper_16.gform_wrapper .instruction, 
#gform_widget-2 #gform_wrapper_16.gform_wrapper .gfield_validation_message, 
#gform_widget-2 #gform_wrapper_16.gform_wrapper .validation_message {
background-color: transparent;
padding: 0;
margin: 0;
border: none;
position: absolute;
bottom: 0;
right: 0;
text-align: right;
width: auto;
}
#gform_widget-2 #gform_wrapper_16.gform_wrapper .instruction {
bottom: inherit;
top: 0;
}
#gform_widget-2 #gform_wrapper_16.gform_wrapper.gravity-theme #gform_submit_button_16 {
width: 100%;
background-color: #F2B54E;
font-family: 'Red Hat Display', sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 1;
letter-spacing: -0.3px;
color: #fff;
text-transform: capitalize;
text-align: center;
padding: 15px 10px;
max-width: 250px;
}
@media screen and (min-width: 992px) {
body.page-template-practice-area-layout-1 .page_content,
body.page-template-practice-area-layout-2 .page_content,
body.page-template-practice-area-layout-3 .page_content {
display: flex;
align-items: stretch;
justify-content: space-between;
}
#gform_widget-2 {
position: sticky;
top: 100px;
}
@media screen and (min-width: 1367px) {
#gform_widget-2 {
top: 128px;
}
}
@media screen and (min-width: 1501px) {
#gform_widget-2 {
top: 132px;
}
}
}
@media screen and (max-width: 768px) {
img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone {
display: block;
float: none;
clear: both;
margin: 0 auto 15px;
}
}
.googleWidgetBlock {
position: fixed;
bottom: 0;
left: 15px;
z-index: 2;
}
#gform_wrapper_2.gform_wrapper.gravity-theme .ginput_container_date input {
width: 100%;
}
.white-popup-block {
background: #FFF;
padding: 20px;
text-align: left;
max-width: 700px;
margin: 40px auto;
position: relative;
}
.page_default .genpg-rite a.popup-with-form {
width: 100%;
display: block;
max-width: 500px;
margin: 0 auto 20px auto;
background-color: #F2B54E;
color: #fff;
text-align: center;
padding: 20px 10px;
}
.liveChatFloatingButton {
color: #000 !important;
}
.gform_required_legend {
text-align: center;
color: #000;
}