/*==================== Header CSS ====================*/
header.main-header {
    z-index: 999;
    top: 0px;
    width: 100%;
    position: fixed;
    background: #181818;
}
header.main-header.small-header{ 
    /* background:#820024; */
    background: #181818;
}
.small-header {
    box-shadow: 0 0 10px rgba(0,0,0,0.50);
}
.top-menuc{
    border-bottom: 1px solid #929292;
}
.top-menu{
    padding: 10px 0px;
}
.top-menu span{
    font-size: 21px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.top-logo img {
    display: block;
}
.ph-number{
    display: flex;
    flex-direction: row;
    justify-content: right;
}
.ph-number p{
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    margin: 0px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    position: relative;
    padding-right: 15px;
}
/* .main-header .ph-number p::after{
    position: absolute;
    content: '';
    top: 28px;
    right: -13px;
    width: 30px;
    height: 1px;
    background: #fff;
} */
.ph-number a {
    color: #fff;
    display: inline-flex;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    text-align: right;
    text-transform: uppercase;
    border: 1px solid #fff;
    padding: 15px 30px;
}
.ph-number a:hover{
    background: #820024;
    border: 1px solid #820024;
}
.ph-number a svg, .ph-number a img {
    width: 20px;
    height: 20px;
    margin-right: 9px;
    fill: #fff;
}
.trin-trin
{
    animation-name: trin;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes trin {

    from {
        transform:rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0,0,1,15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0,0,1,0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0,0,1,-15deg);
    }
    80% {
        transform:rotate3d(0, 0, 1, 0deg);
    }

}
.phn-row a:hover .phone-text-warp, .phn-row:hover .phone-text-warp{
    display:block;
}
.phone-text-warp{
    position: absolute;
    top: 60px;
    left: 157px;
    right: 0;
    bottom: auto;
    /* display: block; */
    background: white;
    width: 100%;
    max-width: 100px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    z-index: 999;
    margin: 0px auto;
    display: none;
}
.phone-text-warp .phone-text {
    padding: 10px 10px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
body #header .phone-text-warp .phone-text a {
    font-size: 15px;
    position: relative;
    color: #000;
    line-height: 120%;
    margin-bottom: 0;
    padding: 15px 0px 0px 0px;
    top: 0 ;
    right: 0 ;
    font-weight: normal;
    padding: 0px;
    border: 0px;
    background: none;
    text-transform: capitalize;
}
.phone-text-warp .text{
    margin-bottom: 10px !important;
}
.phone-text-warp svg{
    margin: 0px 5px 0px 0px !important;
}
.phone-text-warp svg, .phone-text-warp svg path{
    fill: #000;
}
.menu{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.menuc{
    border-top: 1px solid #929292;
    border-bottom: 1px solid #929292;
}

/*========= Header Search CSS END =========*/
.search-row{
    position: relative;
}
.search-icon {
    cursor: pointer;
    transition: all ease-in-out .45s;
    width: 18px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    left: 10px;
    top: 22px;
}
.search-icon svg, .search-icon img {
    width: 18px;
    height: 18px;
    fill: #fff;
}
.search-icon svg path{
    fill: #fff;
}
.header-search-box {
    position: fixed;
    background-color: #fff;
    width: 100%;
    transition: all 0.5s ease 0s;
    opacity: 0;
    height: 0;
    top: 0;
    right: 0;
}
.header-search-box.open-search {
    opacity: 1;
    height: 110px;
    z-index: 999999;
}
.header-search-box span.closebtn {
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 20px;
    width: 35px;
    height: 35px;
}
.header-search-box span.closebtn::before, .header-search-box span.closebtn::after {
    position: absolute;
    content: "";
    height: 30px;
    width: 2px;
    background-color: #000;
}
.header-search-box span.closebtn::before {
    transform: rotate(45deg);
}
.header-search-box span.closebtn::after {
    transform: rotate(-45deg);
}
.header-search-box span.closebtn:hover::before, .header-search-box span.closebtn:hover::after{
    background-color: #006564;
}

.header-search-box .search-input-wrap .searchform {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 70%;
    margin: 0 auto;
    width: 100%;
}
.header-search-box input.search {
    height: 55px;
    color: #000;
    padding: 8px 58px 8px 10px;
    border: none;
    border-bottom: 1px solid #ddd;
    width: 100%;
}
.header-search-box input.search:focus ~ .msg-side-form{
    display:none;
}
#site-searchs {
    top: 0;
    position: absolute;
    right: 0px;
    width: auto;
    height: 55px;
    border: none;
    padding: 13px 20px;
    line-height: 38px;
    cursor: pointer;
    background: none;
}
#site-searchs svg, #site-searchs img{
    width: 20px;
    height: 20px;
}
#site-searchs svg, #site-searchs svg path{
    fill:#1E191A;
}
/*========= Header Search CSS END =========*/

/*==================== Header CSS END ====================*/

/*========= Nav Multiple CSS =========*/
/* .wrap-header {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
} */
.menu-top {
    position: relative;
    margin: 0px;
}
ul.menu-top li {
    display: inline-block;
    margin: 0;
    color: #fff;
    position: relative;
    padding: 10px 30px;
    line-height: normal;
}
ul.menu-top > li.menu-item-has-children {
    padding-right: 17px;
}
ul.menu-top li:last-child{
    padding-right:0;
}
ul.menu-top li:first-child{
    padding-left:0;
}
ul.menu-top li ul {
    display: none;
}
.menu-top li a {
    color: #fff;
    position: relative;
    text-decoration: none;
    height: 100%;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.05em;
}
.menu-top li a:hover{
    transition: .3s ease-in-out all;
    color: #fff;
}
.menu-top li a:hover::before{
    position: absolute;
    content: "";
    background: #fff;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 2px;
}
.menu-top li a:hover::before, .menu-header>ul>li.current_page_item > a::before, .menu-header>ul>li.current_page_ancestor > a::before {
    width:100%;
}
/* .menu-header>ul>li.current_page_item > a, .menu-header>ul>li.current_page_ancestor > a{
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
} */
.menu-header>ul>li.current_page_item > a::before, .menu-header>ul>li.current_page_ancestor > a::before {
    position: absolute;
    content: "";
    background: #fff;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 2px;
}
#mainNav>li.menu-item-has-children::before {
    content: "";
    right: 5px;
    position: absolute;
    top: 50%;
    width: 7px;
    height: 7px;
    transform: rotate(45deg) translateY(-50%);
    -webkit-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    border-right: 2px solid #9f9f9f;
    border-bottom: 2px solid #9f9f9f;
    transform-origin: 5px 0px;
}
.small-header .menu-top::before {
    display:none;
}
.sub-menu li.menu-item-has-children {
    position: relative;
}
.menu-top li > .sub-menu > li.menu-item-has-children:after {
    content: "";
    right: 7px;
    position: absolute;
    top: 50%;
    width: 7px;
    height: 7px;
    transform: rotate(-45deg) translateY(-50%);
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -moz-transform: rotate(-45deg) translateY(-50%);
    -o-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform-origin: 0 2px;
}
ul.menu-top li:hover > ul {
    display: block;
    position: absolute;
    top: 100%;
}
ul.menu-top li:hover li {
    float: none;
}
.sub-menu li ul.sub-menu {
    position:absolute; 
    background-color:#820024;
    z-index:99;
    top:0!important;
    left:100%;
}
.menu-top li ul li {
    border-top: 0;
    display: block;
    margin: 0;
}
ul.menu-top li .sub-menu li ul.sub-menu li > a {
    background: #820024;
}
ul.menu-top li .sub-menu li ul.sub-menu li > a:hover, ul.menu-top li .sub-menu li ul.sub-menu li.current-menu-item > a{
    background: #820024;
}
ul.menu-top li:hover li a:hover, .menu-top ul.sub-menu li.current_page_item a {
    background: #000;
}
ul.menu-top ul ul {
    left: 100%;
}
.sub-menu {
    background: #4d0015;
    min-width: 230px;
    text-align: left;
}
ul.menu-top li .sub-menu li {
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
ul.menu-top li .sub-menu li:last-child{
    border-bottom:none;
}
ul.menu-top li .sub-menu li a {
    font-size: 13px;
    padding: 9px 10px;
    text-transform: uppercase;
    line-height: normal;
    margin: 0;
    color: #fff;
    border: none;
    display: block;
    font-weight: 300;
}
ul.menu-top li .sub-menu li a:hover{
    border: none;
}
ul.menu-top li .sub-menu li a:hover::before, ul.menu-top li .sub-menu li a:hover::after {
    display: none;
}
.pointer-hide a {
    pointer-events: none;
}
.submenu-scroll .sub-menu{
	overflow-y: scroll;
	height:450px;
}
.submenu-scroll .sub-menu::-webkit-scrollbar-track{
	background-color: #fff;
}
.submenu-scroll .sub-menu::-webkit-scrollbar{
	width: 4px;
	background-color: #fff;
}
.submenu-scroll .sub-menu::-webkit-scrollbar-thumb{
	background-color: #820024;
}
/*========= Nav Multiple CSS END =========*/


/*==================== Footer CSS ====================*/
#footer {
    color: #FFFFFF;
	font-weight:400;
    padding: 50px 0px 0px 0px;    
    background: #181818;
}
.footer-logo img {
    max-width: 280px;
}
.footer-heading {
    margin-bottom: 28px;
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
}
.footer-heading::after{
    position: absolute;
    content: "";
    background: #820024;
    left: 0;
    right: 0;
    bottom: -11px;
    height: 2px;
    width: 32px;
}
.footer .ph-number{
    width: fit-content;
    display: block;
}
.footer .ph-number span{
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    justify-content: center;
    display: flex;
}
.footer .ph-number a{
    background: none;
    padding: 0px;
    font-size: 35px;
    line-height: 41px;
    letter-spacing: 0.02em;
    font-weight: 400;
    border: 0px;
}
.footer-links, .footer-contact-wrap{
    padding-top: 25px;
}
.quick-links {
    padding-left: 60px;
}
.footer-nav ul {
    display: block;
    padding: 0px;
}
.footer-nav ul li {
    padding: 14px 0px;
    display: block;
	line-height: normal;
}
.footer-nav ul li:nth-child(1) {
    padding-top: 0px;
}
.footer-nav ul li a {
    display: block;
    font-weight: 300;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
}
.footer-locations .footer-nav ul li a {
    position: relative;
}
.footer-nav ul li a:hover, .footer-nav ul li.current-menu-item a {
    text-decoration: underline;
}
.sociallink ul {
    display: inline-flex;
    list-style-type: none;
}
.sociallink ul li{
    margin-right: 13px;
}
.sociallink ul li:last-child{
	margin-right:0px;
}
.sociallink ul li a {
    display: flex;
    width: 35px;
    height: 35px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    align-items: center;
    justify-content: center;
}
.sociallink ul li a svg, .sociallink ul li a svg img{
    width: 15px;
    height: 15px;
    fill: #fff;
    margin-right: 0px;
}
.sociallink ul li a svg path, .sociallink ul li a svg g {
    fill: #fff;
    opacity: 1;
}
.sociallink ul li a:hover{
	background: #820024;;
	border-color:#820024;;
}
.sociallink ul li a:hover svg path, .sociallink ul li a:hover svg g {
    fill: #fff;
    opacity: 1;
}
.footer-contact-wrap .selected-default-nap{
    column-count: 2;
    
}
.nap-address-item{
    margin-bottom: 40px;
}
.nap-address-item:last-child {
    margin-bottom: 0px;
}
.nap-title{
    font-size: 18px;
    line-height: 23px;
    text-transform: uppercase;
    padding-left: 40px;
    margin-bottom: 15px;
}
.nap-title a{
    color: #821327;
}
.footer .nap-title a{
    color: #fff;
}
.nap-title a:hover{
    font-weight: 600;
}
.nap-address, .nap-info a {
    position: relative;
    padding-left: 40px;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    color: #FFFFFF;
    font-weight: 300;
}
.nap-address .direction-link {
    display: inline-block;
    color: #fff;
    line-height: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    text-decoration: underline;
}
.nap-info a {
    font-weight: 300;
    display: inline-block;
    text-decoration: underline;
}
.nap-info a:hover, .nap-address .direction-link:hover{
    font-weight: 600;
}
.nap-address-item svg, .nap-address-item img {
	width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: -38px;
}

.copyright{
	background: rgba(255, 255, 255, 0.1);
}
.copyright .copyright-text {
    padding: 12px 0;
    letter-spacing: 0.05em;
    text-transform: capitalize;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 19px;
    font-weight:300;
}
.copyright a{
    padding: 12px 0;
    font-size: 15px;
    line-height: 19px;
    text-transform: capitalize;
    color: #FFFFFF;
}
.copyright a:hover{
    text-decoration: underline;
}

#apexchat_prechat_main_container .apexchat_prechat_chat_icon{
    
    background-image: url('https://aronberglawstg.wpengine.com/wp-content/uploads/2023/05/chat-icon.png')!important;
}
/*==================== Footer CSS END ====================*/


/*================ IE CSS =================*/
@media all and (-ms-high-contrast:none){
    .menu-top::before{
        bottom:12px;
    }
}
/*================ IE CSS END =================*/

/*================ Contact Page CSS =================*/
.light-bg{
	background: #FCFCFC;
}
.map-section {
    position: relative;
    display: block;
}
.map-section iframe {
    height: 550px;
    display: block;
}
.map-section .address-listing .loc-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    text-transform: capitalize;
    color: #000;
}
.map-section .address-listing {
    background: #FFFFFF;
    box-shadow: 5px 4px 25px rgba(0,0,0,0.25);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    padding: 10px 20px;
    max-width: 330px;
    width: 100%;
}
.map-section .address-listing .direction-link {
    font-weight: 400;
    text-transform: capitalize;
    color: #1B75BC;
    border-bottom: 1px solid #1B75BC;
    display: inline-block;
    margin-top: 7px;
}
.map-section .address-listing .direction-link:hover{
	color: #000;
    border-bottom: 1px solid #000;
}
/*================ Contact Page CSS END =================*/

/*================ FAQs Page CSS =================*/
/* .legal_questions .img-block {
    position: relative;
	margin-right:35px;
}
.legal_questions .img-block::before {
    position: absolute;
    content: "";
    left: 15%;
    right: 0;
    top: 20px;
    bottom: 0;
    border: 1px solid #D9D9D9;
}
.legal_questions .img-block img {
    display: block;
    width: 100%;
    padding: 0 25px 25px 0;
}


.faqs-page .faq-listing .accordion-item {
    background: none;
    border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 0;
	margin:8px 0;
}
.faqs-page .faq-listing .accordion-item button {
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    color: #000;
    border: none;
    padding: 13px 25px 13px 20px;
    width: 100%;
    text-align: left;
	background: none;
	position: relative;
	box-shadow: none;
}
.faqs-page .faq-listing .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.faqs-page .faq-listing .accordion-item button::before {
    position: absolute;
    content: "";
    background: #1B75BC;
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    top: 25px;
    left: 0;
}
.faqs-page .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}
.faqs-page .accordion-body {
    padding: 20px 0 30px;
}
.faqs-page .accordion-button::after {
    position: absolute;
    right: 0;
    top: 14px;
	width: 22px;
    height: 22px;
    background-size: 22px;
	background-image:url(../img/light-arrow.svg);
}


.faq-search input.form-control {
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 20px 15px;
    background: none;
    height: auto;
}
.faq-search .search-btn {
    background: #1B75BC;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    border: 2px solid #1B75BC;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px 32px;
    width: auto;
    height: auto;
}
.faq-search .search-btn:hover{
	background:none;
	color:#1B75BC;
	border-color:#1B75BC;
}
.faq-search .msg-side-form {
    right: 145px;
} */
/*================ FAQs Page CSS END =================*/


/*================ Slideshows & Infographics Page CSS =================*/
.infographic-page .infographic-listing{
	padding-right:80px;
}
.infographic-page .infographic-listing .item {
	margin-bottom:40px;
}
.infographic-page .infographic-listing .item:last-child {
	margin-bottom:40px;
}
.infographic-page .infographic-listing .item iframe {
    height: 500px;
}
.infographic-page .infographic-listing .infographic-title {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    color: #000;
    margin-top: 8px;
}
/*================ Slideshows & Infographics Page CSS END =================*/

/*================ Community Involvement Page CSS =================*/
.community-page .community-content {
    padding-left: 50px;
}
.community-page .flex-row-reverse .community-content {
    padding-left: 0px;
    padding-right: 50px;
}
.community-page .community-list {
    padding: 50px 0;
}
.light-gray-bg{
    background: #fbfbfb;
}
/*================ Community Involvement Page CSS END =================*/

/*================ Practice Areas Page CSS =================*/
.practice-page .practice-list-wraper {
    padding: 32px 15px;
    text-align: center;
    border: 1px solid #CFCFCF;
    height: 100%;
	-webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    position: relative;
}
.practice-page .practice-list {
    padding-top: 40px;
}
.practice-page .practice-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.practice-page .practice-heading {
    font-size: 24px;
    font-weight: 600;
}
.practice-page .practice-list-icon {
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
    position: relative;
}
.practice-page .practice-list-icon::before {
    position: absolute;
    content: "";
    background: rgba(8, 27, 51, 0.04);
    right: -5px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    bottom: 0px;
}
.practice-page .practice-list-icon img, .practice-page .practice-list-icon svg {
    width: 70px;
    height: 70px;
	position:relative;
	z-index:9;
}
.practice-page .practice-list-icon svg path {
    fill: #1b75bc;
}
.practice-page .read-arrow {
    position: absolute;
    right: 20px;
    bottom: 10px;
    width: 25px;
    height: 25px;
}
.practice-page .read-arrow img, .practice-page .read-arrow svg {
    width: 25px;
    height: 25px;
}
.practice-page .read-arrow svg path {
    fill: #fff;
}
.practice-page .practice-list-wraper:hover {
    background: #1b75bc;
    color: #fff;
    box-shadow:0px 0px 58px 3px rgba(0, 0, 0, 0.1);
    transform: scale(1.05);
}
.practice-page .practice-list-wraper:hover .practice-list-icon svg path{
    fill: #fff;
}
.practice-page .practice-list-wraper:hover .practice-list-icon::before{
	background: rgba(8, 69, 117, 0.29);
}
/*================ Practice Areas Page CSS END =================*/

.postid-374 .team-bg.space-pd.text-white {
	display: none;
}