/*  METASLIDER LOADING FIX  */

#header-slider-wrapper ul {
    display: block;
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

.metaslider .slides img {
    width: 100%;
    display: block;
    height: 100%;
}



/*   GENERAL SETTINGS   */


body.responsive.layout-full #page-wrapper .full-container {     max-width: 1130px; }

body, button, input, select, textarea {
    color: #333;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.entry-content a {
    color: #2451A1;
    text-decoration: none;
   font-weight: 400;
}

.entry-content a:hover {     color:  #CB0D0D; }

.red {    color: #CB0D0D;
    font-weight: bold;
}

.yell {
    color: #2451A1;
    font-weight: 500;
}



/*  HEADER SECTION AND NAVIGATION  */

#masthead {     display: none; }  /*  Original Header Off  */


#masthead {
    background: rgba(0, 0, 0, 0.75);
    position: fixed;
    width: 100%;
    z-index: 2;
}


#masthead .hgroup .logo img {
    vertical-align: bottom;
    width: 350px;
    height: auto;
}

#masthead .hgroup {     padding-top: 10px; 
			padding-bottom: 0px; }

#masthead .hgroup #header-sidebar  {
    padding-top: 8px !important;
    height: auto;
    padding-bottom: 0px !important;
    margin-top: -5px;
}


#header-testing {
    color: white;
    position: relative;
    z-index: 1000000000;
    display: block;
    background: red;
    width: 300px;
    margin: 0 auto;
    font-family: 'Roboto';
    font-size: 20px;
}

.main-navigation {     z-index: 2;
		       background: transparent;
    		    padding-top: 15px; 
  			clear: both;}




#masthead.masthead-logo-in-menu .main-navigation  {
    background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(253, 191, 18, 0.8);
}

.cta-small  {
    color: #cacaca;
    margin-bottom: 1px;
    line-height: 13px;
    margin-left: 5px;
}

.mobile-logo { display:none }


#header-phoneno-wrapper  {
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
}

#header-phoneno-wrapper a {
    text-decoration: none;
    color: white;
    font-size: 45px;
    font-weight: 300;
    width: 100%;
    float: right;
    text-align: right;
}

#header-phoneno-wrapper a:hover {     color: #3C7CDB; }


#hpw-left  {
    color: white;
    margin-right: 20px;
}
#hpw-right {     color: white; 
		margin-right: -12px; }

.se {     color: #00D700; }
.espanol {     color: red; font-weight: 500; }



.menu-main-menu-container  {
    float: none;
    clear: both;
}




.main-navigation a {
    color: white;
    font-weight: 400;
    font-size: 1.4em;
    text-transform: uppercase;
}

.main-navigation ul {     text-align: center; }

.current-menu-item a {     color: #6D98E3; 
			   font-weight: 400; }

.main-navigation ul li a {     padding: 9px 22px;  }

.main-navigation ul ul li a {     padding: 10px 25px; 
			         font-weight: 400; }

.main-navigation ul li a, .main-navigation ul li a > * {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.main-navigation ul li:hover > a {
    background: transparent;
    color: #688DD0;
    font-weight: 400;
}

.main-navigation ul ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: non;
    box-shadow: none;
    background: transparent;
    padding-top: 5px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 0px;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    margin-top: 0px;
     background: #323232;
   }


.main-navigation ul ul li a  {
    background: rgb(50, 50, 50);
    font-size: 16px;
    width: 300px;
}
.main-navigation ul ul li:hover > a {
    background: rgb(50, 50, 50);
    color: #6D98E3;
    border-bottom: none;
}

#sticky-container .main-navigation {     margin-top: 0px;
					 background: rgba(0, 0, 0, 0.8); }

 #sticky-container  {     margin-top: -66px; }  




/*   MAIN SLIDER   */

#main-slider {
    position: relative;
    z-index: 0;
}


#slider-contact-box-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-left: -10px;
}

#slider-contact-box {
    width: 1130px;
    margin: 0 auto;
    background: rgb(253, 191, 18);
    text-align: center;
    font-size: 2vw;
    color: black;
    padding: 10px 0px;
    font-weight: 500;
    font-family: Georgia;
    font-style: italic;
    
}


.metaslider .caption-wrap { 
    background: transparent !important;
    opacity: 1 !important;
    height: 100%;
    line-height: 6vw !important;
}

.metaslider .caption {
    padding: 0px;
    margin-top: 230px;
}

.slide-row1  {
    text-align: center;
    font-size: 3.5vw;
    color: white;
    text-shadow: 2px 2px black;
    font-weight: 500;
}

.slide-row2  {
    text-align: center;
    font-size: 3.5vw;
    color: white;
    text-shadow: 2px 2px black;
    font-weight: 500;
}


.slider-button {
    text-decoration: none;
    display: block;
    width: 300px;
    margin: 0 auto;
    padding: 10px;
    border: 2px solid red;
    font-size: 1.6vw;
    background: #20478C;
    line-height: 2vw;
    color: white;
    margin-top: 25px;
    text-align: center;
    font-weight: 400;
}

.slider-button:hover {
    background: red;
    color: white;
    border: 2px solid red;
    box-shadow: 0px 0px 5px 1px red;
}

#scb1 {  font-weight: 400; }

#scb2 {    font-weight: 800; }

#scb4 {
    color: #CB0D0D;
    font-family: Georgia;
    font-style: italic;
    font-weight: bold;
    letter-spacing: -2px;
    text-shadow: 1px 1px black;
}



/*  CONTENT AREA   */


#main {  }

article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title 
{
   text-align: center;
    font-size: 2vw;
    font-weight: 600;
    color: #E00014;
    text-shadow: none;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px black;
  }

.entry-content h2   {
    font-size: 22px;
    color: #2451A1;
    border-bottom: 2px solid #E00014;
    padding-bottom: 5px;
    font-weight: 500;
    text-shadow: none;
}

.two-column-content { -webkit-column-count: 2; 
   			 -moz-column-count: 2; 
  			  column-count: 2;
		       	column-gap: 50px;
 			  -webkit-column-gap: 50px;
  			  -moz-column-gap: 40px;
}

.entry-content ul {
    list-style-type: disc;
    margin-left: 0px;
}

/*  CUSTOM FOOTER  */

/*  PRACTICE AREAS  */

#practice-areas-wrapper {     box-shadow: 0px 0px 5px 0px; }

#practice-areas-inner-wrapper {     width: 1190px;
				    margin: 0 auto;
				    padding: 50px 0px; }

#practice-areas-wrapper {
    background: url('/wp-content/uploads/2020/05/los-angeles-personal-injury-lawyer-slide3-900wh.jpg');
    background-size: 100%;
    background-position: center;
    background-attachment: fixed;
}

#practice-areas-inner-wrapper h2  {
    text-align: center;
    font-size: 2.7vw;
    font-weight: 600;
    color: #E00014;
    text-shadow: none;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 40px;
    text-shadow: 1px 1px black;
}

.practice-area-box {   width: 22%;
   			 float: left;
			margin: 0px 15px;
                        border: 1px solid #2451A1;
			background: white;
			margin-bottom: 40px;
			height: 160px;
}

.practice-area-box:hover  {
    background: #2451A1;
    border: 1px solid #2451A1;
    box-shadow: 0px 0px 5px 1px red;
}

.practice-area-box .fa {
    font-size: 4vw;
    float: left;
    color: #E00014;
    width: 100%;
    text-align: center;
    margin: 20px 0px;
}

.practice-area-box:hover .fa { color: white; }


.practice-area-box h3 {
    display: block;
    color: #2451A1;
    font-size: 17px;
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

.practice-area-box:hover h3 {     color: white; }


.practice-area-box p {
    clear: both;
    color: #454545;
    padding-top: 10px;
    font-size: 16px;
    line-height: 20px;
}

.practice-area-box p { display: none }

.practice-area-small-box .fa {
   font-size: 1.5vw;
    border: 1px solid #2451A1;
    display: block;
    width: 1.5vw;
    text-align: center;
    padding: 5px 5px 5px 7px;
    margin: 0 auto;
    float: none;
    margin-top: 24px;
    background: white;
    text-shadow: none;
}

.practice-area-box:hover .practice-area-small-box .fa  {
    background: #E00014;
    border: 1px solid #E00014;
}

.practice-area-small-box .fa:hover {   background: #E00014 !important;
				border: 1px solid black; }



/*   SATISFACTION GURANTEED  */

#satisfaction-wrapper {
    background: #333332;
    box-shadow: 0px 0px 5px 1px black;
    position: relative;
    z-index: 1;
}

#satisfaction-inner-wrapper {    width:1130px;
				margin: 0 auto;
				padding: 30px 0px; }

#satisfaction-left  {
    width: 20%;
    float: left;
    text-align: right;
}

#satisfaction-center  {
    width: 100%;
    float: left;
}

#satisfaction-center p {text-align: center;
    font-size: 2.8vw;
    font-weight: 400;
    color: white;
    padding-bottom: 5px;
    margin-top: 20px;
    margin-bottom: 30px;
    display: none;
}

#satisfaction-right  {
    width: 20%;
    float: left;
    text-align: left;
   
}


#satisfaction-left img , #satisfaction-right img {     width: 60%; display: none; }

#satisfaction-center h3 {
    color: #005CFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 2.3vw;
    letter-spacing: 2px;
}


/*   FOOTER CONTACT FORM   */

#footer-contact-form-wrapper {     background: #2451A9; }

#footer-contact-form-inner {     width:	1130px; 
				margin: 0 auto; }

#footer-contact-form-left  {
    width: 100%;
    float: left;
    background: transparent;
    background-size: cover;
    padding: 30px 30px 30px 0px;
}

 #contact-title {
    display: block;
    width: 86%;
    float: right;
}

#footer-contact-form-left .fa  {
    color: #E00014;
    font-size: 25px;
    float: left;
    padding-top: 10px;
    margin-left: -40px;
    text-align: center;
    display: inline-block;
    width: 30px;
}



#footer-contact-form-left h3 {
    text-align: left;
    font-family: Georgia;
    Font-style: italic;
    font-size: 2.5vw;
    font-weight: 500;
    color: black;
    text-shadow: none;
    margin-bottom: 45px;
    float: left;
    width: 70%;
    margin-top: 16px;
}


#footer-contact-wrapper {
    display: block;
    width: 86%;
    float: right;
}

#address-bar-right a { text-decoration:none; }
#address-bar-right a:hover { color: #E50015; }

#footer-contact-form-right {   width: 37%;
   			      float: left;
}

#footer-contact-left {   width: 50%;
  			      float: left;
}


#footer-contact-right {
    width: 50%;
    float: left;
}


#footer-contact-bottom {  clear: both; }

input[type=text], input[type=email], input[type=tel], textarea {
    color: #666;
    border: 2px solid #333332;
    border-radius: 3px;
    width: 95%;
    padding: 10px;
    background: rgba(255, 255, 255, 1);
    float: left;
    margin-bottom: 20px;
}

textarea {     width: 97%;
	       height: 233px; }

input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus  {
    color: #111;
    outline: none;
    box-shadow: 0px 0px 5px 1px rgb(178, 30, 57);
    border: 2px solid rgb(178, 30, 57);
}

input[type="submit"]  {
    border: 2px solid #333332;
    background: transparent;
    color: black;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
    text-shadow: none;
    float: left;
    width: 110px;
    text-align: left;
    z-index: 1;
    position: relative;
}

input[type="submit"]:hover  {
    border: 2px solid #E00014;
    background: #transparent;
    color: #E00014;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
    text-shadow: none;
    box-shadow: 0px 0px 5px 1px #E00014;
}

#contactformleft {
    width: 50%;
    float: left;
}

#contactformright{
    width: 50%;
    float: left;
}

#form-seend-button {
    float: left;
    width: 110px;
    background: white;
    position: relative;
    height: 44px;
}

#form-seend-button .fa {
    position: absolute;
    top: 0px;
    right: 13px;
}

#form-seend-text {
    padding-left: 20px;
    float: left;
    padding-top: 10px;
    color: white;
}

.page-id-19 #form-seend-text {     color: #3C3C3C; }

::-webkit-input-placeholder {    color: #666; }
:-moz-placeholder {    color: #666;   }
::-moz-placeholder {    color: #666;  }
:-ms-input-placeholder {     color: #666;   }

#contactformleft a {
    color: #CACACA;
    text-decoration: none;
}

#contactformleft a:hover {     text-decoration: underline; }

#footer-contact-wrapper #contactformleft a {     color: #C6C6C6; }

input[type="checkbox"] {     vertical-align: middle; }


/*  CONTACT PAGE FIX  */

.contact-page #form-seend-text {     color: #4F4F4F; }
#contactformleft a {     color: #616161; }


/*  FOOTER ADDRESS BAR  */

#address-bar-wrapper {     background: #333332;
				position: relative;
   				 z-index: 1;
   				 margin-top: -20px;
				    box-shadow: 0px 0px 5px 1px black; }

#address-bar-inner {
    width: 1130px;
    margin: 0 auto;
    padding: 30px 0px;
}

#address-left {
    width: 49%;
    float: left;
    text-align: right;
    margin-right: 0px;
    padding-right: 59px;
    border-right: 1px solid white;
}

#address-bar-right {
    width: 41%;
    float: left;
    margin-left: 50px;
    color: white;
    font-size: 18px;
    font-weight: 400;
}

#address-bar-right h2 {
    color: #E50015;
    font-size: 26px;
    margin-bottom: 12px;
    font-weight: bold;
}

#address-bar-right .fa  {
    color: #3479FF;
    margin-right: 5px;
    width: 20px;
    text-align: center;
    text-shadow: 1px 1px #222222;
}

#address-bar-right  p {     margin-bottom: 0px; }

#address-bar-right  span {
    width: 27px;
    display: inline-block;
}

#address-left img {     width: 400px;
			margin-bottom: 28px; margin-top: 26px; }

#address-left .fa    {
    font-size: 20px;
    color: #FFFFFF;
    margin: 5px 0px 0px 18px;
    border: 2px solid #FFFFFF;
    padding: 5px;
    width: 20px;
    text-align: center;
    background: transparent;
}

#address-left .fa:hover {    box-shadow: 0px 0px 11px 3px #2451A9; }

#address-left .fa-youtube {     margin-right: 60px; }

.wpgmp_map img {
    max-width: none !important;
    padding: 0px !important;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}


/* SITE FOOTER   */

#colophon #theme-attribution {     display: none; }

#colophon {
    background: rgba(47, 48, 51, 0.5);
    padding: 30px;
    position: relative;
}

#footer-widgets .widget a {
    color: #4483FF;
    text-decoration: none;
}

#footer-widgets .widget a:hover {  text-decoration: underline; }


#footer-widgets .textwidget {     text-align: center; }

#footer-widgets .widget {     width: 100%; }

#review-links p {
    line-height: 15px;
    text-align: left;
    font-size: 12px;
    margin-bottom: 10px;
}

#review-links a { color: #b9b9b9 !important; }
#review-links a:hover { text-decoration: none !important;
			color: #4483FF !important; }

#cities p {
    line-height: 15px;
    text-align: left;
    font-size: 12px;
    margin-bottom: 10px;
}

#cities a { color:#b9b9b9 !important; }
#cities a:hover { text-decoration: none !important; 
		  color: #4483FF !important;}

#false-fraud p {
    line-height: 15px;
    text-align: left;
    font-size: 12px;
    margin-bottom: 10px;
}





/*  LANDING HEADER  */

.metaslider {     display: none; }

#landing-header-wrapper {
    color: white;
    background: url('/wp-content/uploads/2020/05/los-angelesworkers-compensation-injury-slide5-900b.jpg');
    background-size: cover;
background-position: center;
    background-attachment: fixed;
}


#landing-header-inner {
    max-width: 1130px;
    margin: 0 auto;
}

#landing-header-inner .hgroup {     padding-top: 20px; }

#landing-header-inner .logo {
    width: 450px;
    float: left;
    margin-top: -7px;
}

#landing-header-inner .logo img {     width: 100%; 
					height: auto; }




#landing-header-inner  #header-sidebar {
    width: 323px;
    float: right;
    text-align: center;
    margin-top: -5px;
	margin-right: 25px;
}


#landing-header-left {
    width: 64%;
    float: left;
    margin-top: 30px;
}

#landing-header-right {
    width: 31%;
    float: left;
    margin-left: 56px;
   margin-top: 30px;
}

.clearfix {     clear: both; }

#video-embed {    width: 624px;     height: 350px; border: 8px solid #265BB8;}
#video-embed  iframe {     width: 100%;  height: 100%; }




#header-contact-form-wrapper {     background: rgba(0, 0, 0, 0.5);
				       padding: 0px 30px; 
					margin-top: 10px;}

#header-contact-form-wrapper h3 {
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    padding-top: 20px;
    padding-bottom: 10px;
}

#header-contact-form-wrapper h4  {
    font-size: 21px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    padding-top: 0px;
    padding-bottom: 29px;
    color: #285EBD;
}

#header-contact-form-wrapper input[type=text], #header-contact-form-wrapper input[type=email], #header-contact-form-wrapper input[type=tel], #header-contact-form-wrapper textarea {
    width: 100%;
    padding: 5px 10px;
    margin-bottom: 19px;
}

#header-contact-form-wrapper textarea {     height: 150px; }


#landing-header-left h3 {
    font-size: 40px;
    font-weight: 900;
    margin-bottom: 40px;
    font-family: 'Raleway';
    line-height: 50px;
    color: #CACABA;
}

#landing-header-left  ul {
    list-style: none;
    margin-left: 0px;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 40px;
    font-family: 'Raleway';
}

.spacer {
    width: 43px;
    display: inline-block;
}


#landing-header-left  b {     font-weight: 900; }

#landing-header-left li {     margin-bottom: 20px; }

#landing-header-left .fa {
    color: #285EAF;
    font-size: 38px;
    vertical-align: text-top;
    margin-top: -7px;
    margin-right: 5px;
}


#header-contact-form-wrapper input[type="submit"] {
    clear: both;
    float: none;
    width: 100%;
    text-align: center;
    background: #285EBD;
    border: 1px solid white;
    color: white;
}

#header-contact-form-wrapper input[type="submit"]:hover {
    clear: both;
    float: none;
    width: 100%;
    text-align: center;
    background: #4C87EE;
    border: 1px solid #E00014;
    color: white;
    box-shadow: 0px 0px 8px 1px red;
}


#header-contact-form-wrapper a { text-decoration: none; }