.bx-wrapper {
position: relative;
padding: 0;
*zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
.bxslider {
margin: 0;
padding: 0;
}
ul.bxslider {
list-style: none;
}
.bx-viewport { -webkit-transform: translatez(0);
} .bx-wrapper {
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
} .bx-wrapper .bx-loading {
min-height: 50px;
background: url(//hayes-lawfirm.com/wp-content/themes/b4st-master/theme/plugins/jquery.bxslider/images/bx_loader.gif) center center no-repeat #ffffff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
} .bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
vertical-align: bottom;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager-item {
font-size: 0;
line-height: 0;
} .bx-wrapper .bx-prev {
left: 10px;
background: url(//hayes-lawfirm.com/wp-content/themes/b4st-master/theme/plugins/jquery.bxslider/images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
background-position: 0 0;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(//hayes-lawfirm.com/wp-content/themes/b4st-master/theme/plugins/jquery.bxslider/images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
} .bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(//hayes-lawfirm.com/wp-content/themes/b4st-master/theme/plugins/jquery.bxslider/images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(//hayes-lawfirm.com/wp-content/themes/b4st-master/theme/plugins/jquery.bxslider/images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
background-position: -86px -33px;
} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
} .bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}body {
-webkit-font-smoothing: antialiased!important;
font-family: 'Roboto', sans-serif;
font-size: 20px;
line-height: 1.5;
color: #13152c;
} img {
max-width: 100%;
}
a {
color: #2b38c5;
}
a:hover {
color: #000;
}
a:active,
a:focus,
a:hover,
a:visited {
text-decoration: none;
}
.btn,
.button,
a,
button,
input {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a,
button,
input[type="button"],
.btn,
.button {
cursor: pointer;
outline: none;
}
.alignleft {
float: left;
margin-right: 20px;
}
.alignright {
float: right;
margin-left: 20px;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.aligncenter,
.alignleft,
.alignright {
margin-bottom: 15px;
}
.social-list {
list-style: none;
padding: 10px 0;
margin: 0;
text-align: center;
}
.social-list > li {
display: inline-block;
}
.social-list > li > a {
display: block;
text-align: center;
font-size: 30px;
color: #fff;
padding: 5px 10px;
}
.social-list > li > a:hover {
color: #2b3677;
}
.check-list {
list-style: none;
padding: 0;
}
.check-list > li {
padding: 0 0 0 30px;
position: relative;
}
.check-list > li:before {
content: '\f00c';
color: #d57d36;
font-size: 20px;
position: absolute;
left: 0;
top: 0;
font-family: 'FontAwesome';
}
.logo {
display: block;
text-align: center;
} #top-header {
background-color: #191d3a;
color: #fff;
padding: 20px 0;
}
.top-phone {
text-align: center;
padding: 10px 0;
}
.top-phone h6 {
font-size: 15px;
font-weight: 700;
margin: 0 0 9px;
}
.top-phone a {
display: block;
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 1;
}
.top-phone a i {
color: #2b38c5;
display: inline-block;
margin-right: 5px;
} #nav {
background-color: #3d4686;
}
.menu-trigger {
display: none;
color: #fff;
width: 100%;
height: 35px;
border: none;
background: #df9045;
}
.nav-list {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
.nav-list > li {
display: inline-block;
border-left: 1px solid rgba(255,255,255,.2);
}
.nav-list > li+li {
margin-left: -4px;
}
.nav-list > li:last-child {
border-right: 1px solid rgba(255,255,255,.2);
}
.nav-list > li > a {
display: block;
color: #fff;
text-transform: uppercase;
font-size: 15px;
font-weight: 400;
line-height: 20px;
padding: 15px 30px;
}
.nav-list > li:hover > a {
background-color: #fff;
color: #3d4686;
}
.nav-list > li.active > a {
font-weight: 600;
}
.nav-list .dropdown-menu {
margin: 0;
border-radius: 0;
} .top-footer {
background-color: #191d3a;
color: #fff;
padding: 15px 0;
}
.foot-address {
padding: 18px 0;
}
.foot-address i {
display: inline-block;
color: #2b38c5;
font-size: 30px;
margin-right: 5px;
line-height: 40px;
vertical-align: top;
}
.foot-address span {
font-size: 15px;
display: inline-block;
line-height: 20px;
vertical-align: top;
}
.foot-address a {
color: #fff;
}
.copy {
background-color: #3d4686;
color: #fff;
}
.copy-text {
margin: 0;
font-size: 14px;
line-height: 23px;
padding: 10px 0;
}
.copy-text a {
color: #fff;
}
.otm-branding .text a {
color: #fff;
}
.copy-text a:hover {
color: #df9045;
} #hero {
padding: 90px 0 120px;
background: url(//hayes-lawfirm.com/wp-content/themes/b4st-master/theme/img/hero-bg.jpg) no-repeat center;
background-size: cover;
color: #fff;
}
#hero h4 {
font-weight: 700;
font-size: 50px;
line-height: 1.1;
margin: 0 0 5px;
text-transform: uppercase;
}
#hero h5 {
font-weight: 400;
font-size: 30px;
line-height: 1.1;
margin: 0 0 20px;
position: relative;
}
#hero h5:after {
content: "";
display: block;
width: 95px;
height: 5px;
background: #fff;
margin: 15px 0 0;
}
.hero-btn {
color: #fff;
font-weight: 300;
font-size: 15px;
line-height: 20px;
padding: 20px 25px;
border-radius: 100px;
display: inline-block;
background-color: #5164d2;
text-transform: uppercase;
}
.hero-btn:hover {
background-color: #191d3a;
color: #fff;
} #content {
padding: 60px 0 50px;
}
#content h1 {
color: #13152c;
text-align: center;
margin: 0;
font-size: 50px;
font-weight: bold;
line-height: 1.1;
}
#content h1:after {
content: "";
width: 95px;
height: 5px;
background-color: #3951d0;
margin: 20px auto 30px;
display: block;
}
#content h2 {
text-align: center;
margin: 15px 0 30px;
font-weight: 500;
font-size: 30px;
} .sidebar section {
margin: 0 0 50px;
}
.comments-section h3,
.sidebar h4 {
color: #5f5f5f;
font-size: 17px;
font-weight: 600;
letter-spacing: 0;
margin-bottom: 45px;
margin-top: 0;
position: relative;
text-transform: uppercase;
}
.comments-section h3:before,
.sidebar h4::before {
background-color: #5f5f5f;
bottom: -5px;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 120px;
letter-spacing: 1px;
}
.sidebar #searchform {
position: relative;
background-color: #f6f6f6;
}
.sidebar #searchform input {
background: #f6f6f6 none repeat scroll 0 0;
border: 1px solid transparent;
color: #989797;
font-size: 16px;
font-weight: 300;
height: 60px;
margin-bottom: 0;
padding: 2px 82px 2px 30px;
width: 100%;
border-radius: 0;
}
.sidebar #searchform input:focus {
border-color: rgba(0,0,0,.5);
}
.sidebar #searchform button {
background-color: transparent;
border: medium none;
color: #bbbbbb;
font-size: 20px;
height: 60px;
padding: 0 23px;
position: absolute;
right: 0;
top: 0;
}
.sidebar #searchform button:hover {
color: #000;
}
.sidebar #searchform button::before {
background-color: #eaeaea;
bottom: 10px;
content: "";
height: 40px;
margin: 0 auto;
position: absolute;
right: 65px;
width: 1px;
}
.sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}
.sidebar ul li {
border-bottom: 1px solid #dddddd;
margin-bottom: 12px;
padding-bottom: 12px;
list-style: none;
}
.sidebar ul li a {
color: #444444;
font-size: 14px;
letter-spacing: 0.5px;
}
.sidebar ul li a:hover {
color: #2b38c5;
} .blog-item {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
display: block;
margin-bottom: 30px;
}
.blog-item .image {
height: 230px;
background-color: #fafafa;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
overflow: hidden;
}
.blog-item .image a {
position: absolute;
background: #2b38c5;
color: rgba(0,0,0,.4);
overflow: hidden;
width: 0;
height: 0;
left: 50%;
right: 50%;
bottom: 50%;
top: 50%;
font-size: 1px;
}
.blog-item .image a:before {
content: '\f06e';
line-height: 50px;
text-align: center;
width: 50px;
height: 50px;
position: absolute;
left: 50%;
top: 50%;
margin-top: -25px;
margin-left: -25px;
font-family: 'FontAwesome';
}
.blog-item .image:hover a {
width: 100%;
height: 100%;
left: 0;
right: 0;
bottom: 0;
top: 0;
font-size: 50px;
transform: rotate(360deg);
}
.blog-item .content {
padding: 25px 30px 20px;
}
.blog-item .content .date {
color: #949494;
display: block;
font-size: 10px;
text-transform: uppercase;
font-weight: 300;
margin-bottom: 5px;
}
.blog-item .content .meta {
border-top: 1px solid #dadada;
padding-top: 18px;
padding-left: 2px;
}
.blog-item .content .meta .meta-item {
color: #7b7b7b;
display: block;
float: left;
font-size: 12px;
font-weight: 500;
line-height: 20px;
margin-right: 30px;
text-transform: uppercase;
}
.blog-item .content .meta .meta-item i {
color: #3d3d3d;
display: block;
float: left;
font-size: 14px;
line-height: 20px;
margin-right: 9px;
}
.blog-item .content h2 {
font-size: 22px;
font-weight: 600;
line-height: 26px;
margin-bottom: 17px;
margin-top: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.blog-item .content h2 a {
color: #525252;
}
.blog-item .content h2 a:hover {
color: #2b38c5;
}
.single-post-meta ul {
list-style: none;
padding: 0;
margin: 0;
}
.single-post-meta ul > li .text {
color: #7b7b7b;
padding: 5px 0;
text-transform: uppercase;
font-size: 14px;
line-height: 21px;
}
.single-post-meta ul > li .text i {
padding-right: 5px;
}
.single-post-meta ul > li .value {
font-size: 13px;
font-weight: 400;
line-height: 20px;
text-transform: initial;
}
.single-post-image {
text-align: center;
} .comments-section {
padding: 40px 0 0;
}
.commentlist {
padding: 0;
margin: 0;
list-style: none;
}
.commentlist li {
margin: 0 0 15px;
}
.commentlist h4 {
font-size: 14px;
margin: 0 0 3px;
padding-top: 5px;
}
.commentlist .comment-author {
margin-bottom: 5px;
border-bottom: 1px solid rgba(0,0,0,.2);
}
.commentlist .comment-meta {
margin: 0;
font-size: 10px;
}
.commentlist .comment-text {
padding: 5px 15px 0;
}
.commentlist .comment-text p {
font-size: 13px;
margin: 0 0 8px;
}
.commentlist .reply {
padding: 0 15px 10px;
}
#respond {
margin-top: 40px;
}
#respond .com-disc {
font-size: 12px;
margin-top: -35px;
margin-bottom: 30px;
}
#commentform .form-control {
background: #fff none repeat scroll 0 0;
border: 1px solid #dddddd;
color: #666;
font-size: 14px;
height: 48px;
letter-spacing: 1px;
padding: 2px 30px;
width: 100%;
border-radius: 0;
}
#commentform textarea.form-control {
color: #666666;
font-size: 14px;
height: 178px;
letter-spacing: 1px;
padding: 30px;
}
#commentform .com-sbt {
background-color: #000;
border: 1px solid #000;
color: #fff;
display: inline-block;
font-size: 16px;
letter-spacing: 1px;
padding: 11px 28px 10px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
border-radius: 0;
width: 100%;
height: 48px;
}
#commentform .com-sbt:hover {
background: transparent;
color: #000;
border-color: #666;
} #practices {
background-color: #191d3a;
color: #fff;
}
.practice-block {
padding: 15px;
border-left: 1px solid rgba(255,255,255,.2);
}
#practices .border-r {
border-right: 1px solid rgba(255,255,255,.2);
}
.practice-block .photo {
display: block;
background-repeat: no-repeat;
background-position: center;
width: 120px;
height: 120px;
border-radius: 50%;
border: 5px solid rgba(255,255,255,.5);
}
.practice-block .row {
align-items: center;
}
.practice-block h5 {
font-size: 15px;
line-height: 20px;
text-transform: uppercase;
margin: 0 0 5px;
}
.practice-block .prc-btn {
background-color: #5164d2;
border-radius: 100px;
color: #fff;
line-height: 20px;
font-size: 15px;
font-weight: 400;
text-transform: uppercase;
padding: 5px 20px;
}
.practice-block .prc-btn:hover {
background-color: #fff;
color: #5164d2;
}
#prcdesc {
padding: 30px 0 60px;
background-color: #f4f7fa;
}
#prcdesc.full {
background-color: #ffffff;
}
#prcdesc.full h3 {
margin-top: 60px;
}
#prcdesc h4 {
color: #13152c;
font-size: 30px;
font-weight: 500;
text-align: center;
margin: 0 0 30px;
}
.big-btn {
color: #fff;
font-weight: 300;
font-size: 15px;
line-height: 20px;
padding: 20px 25px;
border-radius: 100px;
display: inline-block;
background-color: #5164d2;
text-transform: uppercase;
}
#prcdesc h3 {
color: #13152c;
font-size: 30px;
font-weight: 700;
margin: 0 0 30px;
}
#prcdesc h3 i {
display: inline-block;
border-right: 1px solid rgba(25, 29, 58, 0.25);
width: 60px;
margin-right: 10px;
color: #2b38c5;
text-align: center;
} .immigration-lawyer-section .cotent-column {
padding: 80px 15px;
}
.immigration-lawyer-section h3,
.accordion-section h3,
.laws-and-organization h3 {
color: #13152c;
margin: 0;
font-size: 50px;
font-weight: bold;
line-height: 1.1;
margin-bottom: 25px;
}
.immigration-lawyer-section h3:after,
.accordion-section h3:after,
.laws-and-organization h3:after {
content: "";
width: 95px;
height: 5px;
background-color: #3951d0;
display: block;
margin-top: 20px;
}
.immigration-lawyer-section .img-column img {
height: 100%;
object-fit: cover;
}
@media only screen and (max-width: 767px) {
.immigration-lawyer-section .cotent-column {
padding: 30px 15px;
}
.immigration-lawyer-section h3 {
font-size: 30px;
}
.immigration-lawyer-section .img-column img {
height: unset;
}
}  .accordion-section {
padding: 80px 0;
background: #F4F7FA;
}
.accordion-section h3 {
font-size: 40px;
line-height: 50px;
text-align: center;
}
.accordion-section h3:after {
margin: auto;
margin-top: 20px;
}
.accordion-section p {
text-align: center;
}
.accordion {
margin-top: 25px;
}
.accordion .card {
border: none;
}
.accordion .card .card-header {
border-bottom: none;
border-radius: 0;
background-color: #fff;
padding: 0; 
}
.accordion .card .card-header .btn {
font-weight: 500;
font-size: 30px;
line-height: 40px;
padding: 25px 40px;
color: #191D3A;
position: relative;
}
.accordion .card .card-header .btn:after {
content: "";
width: calc(100% - 80px);
height: 1px;
background-color: #E6E6E6;
display: block;
position: absolute;
bottom: 0;
}
.accordion .card .card-header .btn[aria-expanded="true"]:before,
.accordion .card .card-header .btn[aria-expanded="false"]:before {
content: "\f068";
font-family: 'FontAwesome';
font-weight: 900;
position: absolute;
right: 40px;
color: #5164D2;
} 
.accordion .card .card-header .btn[aria-expanded="false"]:before {
content: "\f067";
}
.accordion .card .card-body {
max-width: 920px;
width: 100%;
margin: auto;
}
.accordion .card .card-body p {
text-align: left;
margin-bottom: 10px;
}
.accordion .card .card-body ul {
list-style: none;
}
.accordion .card .card-body ul li:before {
content: "\f00c";
font-family: 'FontAwesome';
color: #DF9045;
margin-right: 5px;
}
@media only screen and (max-width: 767px) {
.accordion-section {
padding: 30px 0;
}
.accordion .card .card-header .btn {
font-size: 16px;
line-height: 25px;
padding: 25px 5px;
}
}  .laws-and-organization {
background: #F2F2F2;
padding: 80px 0;
}
.laws-and-organization h3 {
text-align: center;
}
.laws-and-organization h3:after {
margin: auto;
margin-top: 20px;
}
.laws-and-organization .img-column img {
height: 100%;
object-fit: cover;
}
.laws-and-organization .after-line {
font-size: 18px;
line-height: 27px;
}
.laws-and-organization .after-line:after {
content: "";
width: 65px;
height: 2px;
background-color: #DF9045;
display: block;
margin-top: 15px;
}
@media only screen and (max-width: 991px) {
.laws-and-organization h3 {
font-size: 30px;
}
.laws-and-organization .img-column img {
height: unset;
}
}
@media only screen and (max-width: 767px) {
.laws-and-organization {
padding: 30px 0;
}
} #contact {
background: url(//hayes-lawfirm.com/wp-content/themes/b4st-master/theme/img/bg-contact.jpg) no-repeat center;
background-size: cover;
color: #fff;
}
.contact-text {
max-width: 570px;
margin: 0 auto;
padding: 60px 0;
}
.contact-text h3 {
font-size: 50px;
font-weight: 700;
margin: 0;
}
.contact-text h4 {
font-size: 30px;
margin: 0;
font-weight: 400;
}
.contact-text h4:after {
content: "";
width: 95px;
height: 5px;
display: block;
margin: 15px 0 20px;
background-color: #fff;
}
.contact-text .img-rate {
margin: 25px 0 0;
display: block;
}
.testi-list {
list-style: none;
padding: 0;
margin: 0;
}
.testi-list p {
margin: 0 0 25px;
}
.testi-list h6 {
margin: 0;
font-weight: 400;
}
.form-container {
background-color: #2b3677;
padding: 30px 15px 60px;
}
.form-container h4 {
font-size: 30px;
font-weight: 400;
margin: 0 0 15px;
text-align: center;
}
.form-container .form-group {
margin: 0 0 10px;
position: relative;
}
.form-container .form-control {
height: 50px;
padding: 15px 15px 15px 40px;
border-radius: 0;
}
.form-container textarea.form-control {
height: 100px;
}
.form-container .form-group .fa {
color: #767676;
font-size: 15px;
position: absolute;
left: 15px;
top: 17px;
z-index: 3;
}
.form-btn {
color: #fff;
background-color: #df9045;
height: 50px;
text-transform: uppercase;
font-weight: 400;
width: 100%;
text-align: center;
border: none;
font-size: 15px;
}
.otm-form-response {
font-size: 15px;
margin-top: 10px;
} .page-item.active .page-link {
background-color: #2b38c5;
border-color: #2b38c5;
}
.page-link {
color: #2b38c5;
background-color: #fff;
border: 1px solid #ddd;
}
.page-link:focus,
.page-link:hover {
color: #2b38c5;
}
.page-item:first-child .page-link {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.page-item:last-child .page-link {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
} .otm-branding {
display: table;
float: right;
}
.otm-branding > * {
display: table-cell;
vertical-align: middle;
}
.otm-branding .text {
padding: 0 5px 0 0;
font-size: 12px;
}  @media screen and (min-width: 1200px) {} @media screen and (max-width: 1199px) {} @media screen and (max-width: 991px) {
.top-phone a {
font-size: 24px;
}
.foot-address {
text-align: center;
}
#footer .logo {
display: none;
}
#prcdesc h3 {
font-size: 30px;
}
} @media screen and (max-width: 767px) {
.menu-trigger {
display: block;
}
#nav {
display: none;
}
.nav-list > li {
display: block;
border-left: none;
}
.nav-list > li+li {
border-top: 1px solid rgba(255,255,255,.1);
margin-left: 0;
}
.nav-list > li:last-child {
border-right: none;
}
.top-phone a {
font-size: 20px;
}
.top-phone a i {
display: none;
}
.practice-block {
border-left: none;
}
#hero {
padding: 25px 0;
}
} @media screen and (max-width: 479px) {}
@media (max-width: 575px) {
.navbar > .container {
position: static;
width: 100%;
}
} .size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto
} .navbar-topbar {
border-radius: 0;
}
.navbar .dropdown-menu li {
width: 100%;
margin-left: 0 !important;
}
.navbar .dropdown-menu {
margin-top: 0;
}