.whoweare {background: #eaeaea url('vm_img/bg_gray.png') no-repeat center;}
.whowearebox {border: 1px solid #D7D7D7; padding: 50px;}
.whowearebox .lawyer {position:absolute; margin-right: 120px;}
.whowearebox .book {position: absolute;}
.whowearebox p {text-align: center;}
.whowearebox a {color: #bbbbbb;}

.services {background: #FFFFFF url('vm_img/services_bg.png') repeat-x top;}
.services .item {margin-bottom: 65px;}
.services .item .inner {
padding: 1px;
text-align: center;
/* background: url('vm_img/item_bg.png') repeat-x top; */
border:1px solid #d7d7d7;
/* background: rgb(125,185,232);
background: -moz-linear-gradient(top, rgb(125,185,232) 0%, rgb(255,255,255) 100%); 
background: linear-gradient(to bottom, rgb(125,185,232) 0%,rgb(255,255,255) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#ffffff',GradientType=0 );  */
}
.services .item .inner .content {background:#fdfdfd; padding: 50px 20px 50px 20px;}
.services .item .inner .content h4 {font-size: 15px; padding-top: 20px; color: #555555;}

.paralax {
  padding: 85px 0px 75px 0px;
  margin: 0px 0;
  background-size: 100%;
  background-position: 50% 50%;
}

.paralax_content {
  width: 81%;
  margin: 0 auto;
  padding: 50px 20px;
  color: #FFFFFF;
  font-size: 20px;
  text-align: center;
}
.paralax_content p {color: white; font-size: 18px;}
.paralax_content h5 {font-size: 15px;}

.topcontact {width: 60%; text-align: right; color: white; padding-right: 25px; padding-top: 10px;}
.topcontact h3 {color: white;}
.topcontact .fa {font-size: 30px; padding-right: 15px;}

.makeandappointment {background: #087ec3; padding: 25px; font-size: 14px !important;}

.logoafter {width: 93px; height: 52px; background: url('vm_img/logoafter.png') no-repeat;}
.logo {width: 266px; height: 136px; background: url('vm_img/logo2.png') no-repeat;}
.meetourteam {margin-left: 65px !important; margin-top:15px !important;}
.innerbanner {width:100%; padding: 0px;}
/* .ourteam {background: #FFFFFF url('vm_img/services_bg.png') repeat-x top;} */
.ourteam {background:#EBEBEB;}
.ourteam .inner {padding:10px 20px; margin-bottom: 25px; text-align: justify; -moz-text-align-last: center;
    text-align-last: center; background: white;}
.ourteam .inner a {color:#bbbbbb;}
.ourteam .inner img {margin-top:25px;}

.ourteam .inner2 {background: #FFFFFF; padding:40px 35px 35px 40px; margin-bottom: 25px; text-align: justify;}  
.ourteam .inner2 h3 {padding-bottom: 0px;} 
.ourteam .inner2 img {border: 1px solid #E0E0E0; width: 100%; height: 100%;}
.ourteam .inner2 p {}
.ourteam .inner2 hr {border-bottom: 1px solid #ECECEC; width: 400px !important; margin-left:0px !important;}

.contact {}
.contact .location {border: 1px solid #E0E0E0; padding: 25px;}
.contact .location h3 {padding-bottom: 25px;}
.contact .details {border: 1px solid #E0E0E0; padding: 25px;}
.contact .details p {border-bottom: 1px solid #E2E2E2; padding-bottom: 15px;}
.contact .details h3 {padding-bottom: 25px;}
.contact .details .fa {font-size: 18px; padding-right: 20px;}

.manuel {background: #E3E3E3; padding: 15px 35px 15px 35px;}
.manuel h4 {}
.manuel span {font-size: 18px; color: #555555;}

.appointment {background:#EDEDED url('vm_img/appointment_bg.png') no-repeat top; background-size: 100%;}
.appointment .card {padding:20px 40px 20px 40px; padding-top: 0; background:#f8f9fab8;}

.footertop {padding: 50px; background: #4C4C4C; color: white;}

.button {
  border-radius: 4px;
  background-color: #c8a103;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 240px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

footer {background:#212121; padding: 20px 0px 20px 0px; color: white; font-size: 14px;}
footer .designedby {text-align: right;}


@media (min-width: 200px) {
	.whowearebox p {padding-left: 0px; padding-top: 430px;}
	.whowearebox .lawyer {margin-left: 0px;}
	.whowearebox .book {display: none;}
  .topcontact {display: none;}
  .ml-auto,
  .mx-auto {
    margin-left: auto !important;
    margin-top: 35px;
  }
  .navbar-nav .nav-link {background:white; padding: 10px;}
  .navbar-toggler {background-color: white;}
  .footercontact {font-size: 15px !important; text-align: center;}
  .footeremail {font-size: 15px !important; text-align: center !important;}
  .footerlogo {display: none;}
  .copyright {text-align: center;}
  .designedby {text-align: center !important;}
  .bgnonenav {background: #c7c7c7 !important;}
  .nav-item a {border-bottom: 1px solid;color:#000}
  h3, .h3 {
    font-size: 22px;
    margin-top: 20px;
}
}

@media (min-width: 350px) {
  .bgnonenav {background: white;}

}

@media (min-width: 576px) {
  .bgnonenav {background: none !important;}

}

@media (min-width: 768px) {
  .bgnonenav {background: none !important;}
.nav-item a {border-bottom: 0px solid;color:#000}
}

@media (min-width: 992px) {
  .bgnonenav {background: none !important;}
.nav-item a {border-bottom: 0px solid;color:#000}
}

@media (min-width: 1200px) {
  .topcontact {display: block;}
	.whowearebox p {padding-left: 270px; padding-top: 0px;}
	.whowearebox .lawyer {margin-left: -35px; margin-top: -106px; bottom: 0px;}
	.whowearebox .book {right: 0px; display: block; bottom: 0px;}
  .practiceareaclear {margin-left: 145px;}
  .ml-auto,
  .mx-auto {
    margin-left: auto !important;
  }
  .navbar-nav .nav-link {background:none; margin-top: -65px;}
  .navbar-toggler {background: none;}
  .footercontact {}
  .footeremail {}
  .footercontact {font-size: 18px !important; text-align: left;}
  .footeremail {font-size: 18px !important; text-align: right !important;}
  .footerlogo {display: block;}
  .copyright {text-align: left !important;}
  .designedby {text-align: right !important;}
  .bgnonenav {background: none !important;}
}




.vmm-t-10 {margin-top:10px;}
.vmm-t-20 {margin-top:20px;}
.vmm-t-30 {margin-top:30px;}
.vmm-t-40 {margin-top:40px;}
.vmm-t-50 {margin-top:50px;}
.vmm-t-100 {margin-top:100px;}
.vmm-t-150 {margin-top:150px;}

.vmm-b-5 {margin-bottom:5px;}
.vmm-b-10 {margin-bottom:10px;}
.vmm-b-20 {margin-bottom:20px;}
.vmm-b-30 {margin-bottom:30px;}
.vmm-b-40 {margin-bottom:40px;}
.vmm-b-50 {margin-bottom:50px;}
.vmm-b-100 {margin-bottom:100px;}
.vmm-b-150 {margin-bottom:150px;}

.vmp-0 {padding: 0px;}

.vmp-t-0 {padding-top:0px !important;}
.pvmp-tt-10 {padding-top:10px;}
.vmp-t-20 {padding-top:20px;}
.vmp-t-30 {padding-top:30px;}
.vmp-t-40 {padding-top:40px;}
.vmp-t-50 {padding-top:50px;}
.vmp-t-100 {padding-top:100px;}
.vmp-t-150 {padding-top:150px;}

.vmp-b-0 {padding-bottom:0px !important;}
.vmp-b-5 {padding-bottom:5px;}
.vmp-b-10 {padding-bottom:10px;}
.vmp-b-20 {padding-bottom:20px;}
.vmp-b-30 {padding-bottom:30px;}
.vmp-b-40 {padding-bottom:40px;}
.vmp-b-50 {padding-bottom:50px;}
.vmp-b-100 {padding-bottom:100px;}
.vmp-b-150 {padding-bottom:150px;}

.vmp-l-0 {padding-left: 0;}
.vmp-l-20 {padding-left: 20px;}
.vmp-l-30 {padding-left: 30px;}
.vmp-l-15 {padding-left: 15px;}

.bgnone {background: none !important;}
.mrgnreset {margin: 0 !important;}
.pdreset {padding: 0px !important;}
.transformnone {text-transform: none !important;}
.textwhite {color: white !important;}
.bgwhite {background: white !important;}
.topborder {border-top:1px solid #D1D1D1;}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 16px;
    color: #555555;
    font-family: arial;
    line-height: 28px;
}

a{font-size: 14px;color: ##bbbbbb;}

h1, h2, h3, h4, h5, h6 {
    font-family: arial;
}

hr {
    max-width: 50px;
    border-width: 1px;
    border-color: #d3ac0b;
}

section {
    padding: 4rem 0 !important;
}
h4, .h4 {
    font-size: 20px;
}