@font-face {
font-family: Lato-Black;
src: url(Lato-Black.ttf);
font-display: swap;
}

@font-face {
font-family: Lato-Medium;
src: url(Lato-Medium.ttf);
font-display: swap;
}
@font-face {
font-family: Lato-Light;
src: url(Lato-Light.ttf);
font-display: swap;
}
html {
position: relative;
min-height: 100%;
}
body {
width: 100%;
max-width: 100%;
background-color:#fff;
margin-bottom: 70px;
overflow-x: hidden;
}
.background a
{
text-decoration: none;
color: #212121;
}
.background a:hover, .background a:focus
{
text-decoration: none;
color: #424242;
}
#reviews, #specialty
{
background-color: #fff;
}
#reviews h1, #specialty h1
{
color: #a28700;
}
#reviews p, #specialty p
{
color: #666347;
}
.fa-leaf:before, .fa-truck:before {color: #8b8b8b;}

.reviews_pic
{
width: 100%;
padding: 0;
max-width: 100%;
height: auto;
}
.over_reviews
{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
position: relative;
overflow: hidden;
display: block;
box-sizing: border-box;
}
.over_reviews:hover
{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-filter: grayscale(90%);
}
.box
{
position: relative;
overflow: hidden;
display: block;
box-sizing: border-box;
}
#rev 
{
padding: 0;
color: #666347;
text-align:center;
font-size: 22px;
font-family: "Lato-Light";
background-color: #1111;
}
#rev p
{
padding: 50px 50px 20px 50px;
}
#specialty
{
margin-top: 0;
}
.no_pdn
{
padding: 0;
}
.parallax { 
background-image: url("law33.jpg");
height: 600px; 
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-filter: sepia(40%) ;
}

@media only screen and (max-device-width: 1366px) {
.parallax {
background-attachment: scroll;
}
}
.paraltext{
background-color: rgba(0,0,0,0.3);
color: #fff;
text-align:center;
margin: 0 auto;
padding: 30px;
font-size: 30px;
}

.parallax2 { 
background-image: url("law1.jpg");
height: 600px; 
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-filter: sepia(40%) ;
}

@media only screen and (max-device-width: 1366px) {
.parallax2 {
background-attachment: scroll;
}
}
.paraltext{
background-color: rgba(0,0,0,0.3);
color: #fff;
text-align:center;
margin: 0 auto;
padding: 30px;
font-size: 30px;
}

#phones {
text-align: center;
margin: 0 auto;
width: 100%;
margin-bottom: 40px;
margin-top: 40px;
}
#phones a{
font-size: 22px;
}

.fullscreen-bg {
overflow: hidden;
z-index: -100;
position: relative;
height: 100%;
width: 100%;
padding-top:50%;
margin-top: 50px;
}

.fullscreen-bg__video {
position: absolute;
top: 0;
left: 0;
width: 100%;
}

.overlay {
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
z-index: 4;
}

.overlay h1 {
text-align:center;
color: #fff;
font-size: 70px;
font-family: "Lato-Black";
margin-top:17%;
}

@media (max-width: 767px) {
.fullscreen-bg {
background: url('law1.jpg') center center / cover no-repeat;
padding-top:70%;
}
.overlay{
background: rgba(0,0,0,0.6);
}

.fullscreen-bg__video {
display: none;
}
}

.logo img {
width: 100%;
height: auto;
max-width: 700px;
max-height: 350px;
text-align:center;
margin: 0 auto;
}
.logo {
width: 100%;
height: auto;
max-width: 700px;
max-height: 350px;
margin: 0 auto;
margin-top: 70px;
}

.background
{background-color: #fff;
text-align:center;
padding-top: 5%;
color: #424242;
font-size: 24px;
font-family: "Lato-Light";
}
.backgroundleft
{
text-align:left;
padding-top: 3%;
font-size: 20px;
font-family: "Lato-Light";
}
.whitefont
{
background-color: #424242;
color: #fff;
}

.col-lg-12{
padding-left: 0;
padding-right: 0;
}

.row, .container {
margin-left: 0;
margin-right: 0;
}

.cent_cont{
margin: 0 auto;
}
.centerwhite{
font-family: "Lato-Medium";
padding-bottom: 50px;
font-size: 30px;
text-align: center;
}

.cont_h1{
padding-bottom: 0px;
margin-bottom: 40px;
margin-top: 50px;
}

.pbtm{
padding-bottom: 70px;
}

.navbar-default
{
height: 50px;
}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a
{
color: #fff;
text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
{
color: #fff;
background-color: #212121;
}

.navbar-default .navbar-brand {
color: #fff;
font-family: "Lato-Medium";
text-transform: uppercase;}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
color: #fff;
}

.grey
{
width: 100%;
height: auto;
background-color: #fff;
}

.center2 {
text-decoration: none;
text-align: center;
padding-top: 20px;
margin: 0 auto;
}
.center2 a{
text-decoration: none;
text-align: center;
margin: 0 auto;
color: #fff;
}
.center2 a:hover{
text-decoration: none;
text-align: center;
margin: 0 auto;
color: #fff;
}

.center3 {
text-align: center;
margin: 0 auto;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-toggle {
border-color: transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #fff;
background-color: transparent;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: transparent;
}

@media screen and (max-width: 740px) {
.overlay h1{
font-size: 50px;
}
#phones a {
font-size: 16px;
}
}
@media screen and (max-width: 400px) {
.overlay h1{
font-size: 40px;
}
#phones a {
font-size: 15px;
}
}

@media screen and (min-width: 768px) {
.less_w{
width: 630px;
margin: 0 auto;
}
.navbar-nav {
float: right;
}
.container>.navbar-header{
float: left;
}
}

@media screen and (min-width: 1000px) {
.less_w{
width: 900px;
margin: 0 auto;
}
.navbar-nav {
float: right;
}
.container>.navbar-header{
float: left;
}
}
.centerwhite{
font-size: 24px;
}
.navbar
{
margin-bottom: 0px;
}
.centermarg
{
margin: 0 auto;
text-align: left;
}
a .background
{
text-decoration: none;
color: #fff;
}

.mid {
font-family: Lato-Medium;
}
.icon {
width: 25px;
height: auto;
}
footer {
height: 70px;
background-color: #424242;
position: absolute;
bottom: 0;
width: 100%;
}
.mt{
margin-top: 70px;
}

.quotes li:before {content: "› ";}
.quotes li {list-style:none;padding-bottom:12px;text-align:justify;font-size:20px;}

.animated {
-webkit-animation-duration: 2s;
-o-animation-duration: 2s;
-moz-animation-duration: 2s;
animation-duration: 2s;
}

.navbar-default {
background-color: #424242;
border-color: transparent;
border-bottom: 1px solid #424242;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: #fff;
background-color: #424242;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #fff;
}
a {
color: #424242;
}
a:focus, a:hover {
color: #212121;
text-decoration: none;
}

.nav>li {
display: inline-block;
}
.nav>li>a, .nav>li>a {
color: #fff;
background-color: #424242;
text-decoration: none;
padding-top: 15px;
padding-bottom: 15px;
}
.nav>li>a:focus, .nav>li>a:hover{
color: #fff;
background-color: #212121;
text-decoration: none;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
color: #fff;
background-color: #424242;
}

@media screen and (max-width: 767px) {
.nav>li {
display: block;
}
.nav>li>a, .nav>li>a{
padding-top: 10px;
padding-bottom: 10px;
}
}

.logo2 {
max-width: 170px;
width: auto;
height: auto;
text-align:center;
margin: 0 auto;
}
@media screen and (max-width: 550px) {
.logo2 {
max-width: 120px;
}
}
.flex1 {
display: inline-flex;
}
.table2 {
margin: 0 auto;
}
@media screen and (max-width: 710px) {
.table {
font-size: 19px;
}
}
@media screen and (min-width: 500px) {
.flex2 {
display: inline-flex;
}
}
@media screen and (max-width: 590px) {
.table2 {
font-size: 18px;
}
}
@media screen and (max-width: 570px) {
.table {
font-size: 18px;
}
.table2 {
font-size: 16px;
}
}
@media screen and (max-width: 535px) {
.table {
font-size: 17px;
}
.table2 {
font-size: 15px;
}
}
@media screen and (max-width: 495px) {
.table2 {
font-size: 14px;
}
}
@media screen and (max-width: 480px) {
.table {
font-size: 16px;
}
.table2 {
font-size: 13px;
}
}
@media screen and (max-width: 450px) {
.table2 {
font-size: 12px;
}
}
@media screen and (max-width: 420px) {
.table2 {
font-size: 11px;
}
}
@media screen and (max-width: 390px) {
.table2 {
font-size: 10px;
}
.table {
font-size: 14px;
}
}
@media screen and (max-width: 370px) {
.table2 {
font-size: 10px;
}
}
@media screen and (max-width: 320px) {
.table {
font-size: 12px;
}
.table2 {
font-size: 9px;
}
}
.navbar-nav{
margin: 0;
}

.pdbtmno{
padding-bottom: 0;
}
.navbar-toggle{
border: none;
background-color: transparent;
}
.navbar-toggle .icon-bar {
width: 22px;
transition: all 600ms ease-in-out;
}
.navbar-toggle .top-bar {
transform: rotate(45deg);
transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
opacity: 0;
}
.navbar-toggle .bottom-bar {
transform: rotate(-45deg);
transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
transform: rotate(0);
}
.navbar-toggle.collapsed {
.top-bar {
transform: rotate(0);
}
.middle-bar {
opacity: 1;
}
.bottom-bar {
transform: rotate(0);
}
}

/*end animated x navbar-toggle bootstrap*/

.navbar, .navbar-header{
padding: 0;
margin: 0;
}
.btn-primary {
background-color: #616161;
border-style: none;
padding: 15px;
font-size: 15px;
}
.btn-primary:hover {
background-color: #424242;
border-style: none;
}
.line {
display: inline-block;
}
#contacts h1, #price h1 {
color: #a28700;
}