body{
  font-family: 'Open Sans', sans-serif;
  color: #1a1f32;
  font-size: 16px;
}
.logo{
  font-weight: 700;
  font-size: 32px;
  color: #1a1f32;
}
.logo-color{
color: #da4e09;
}
.nav-link, .nav-item{
   color: #1a1f32;
   padding: 5px 20px;
   font-size: 16px;
}

.nav-legal{
  margin-right: 20px;
  

}
.active{

  border-bottom: 1px solid #b6b7b9;
}
.nav-link:hover{
  color: #da4e09;
}
.nav-item{
   border-bottom: 1px solid white;
  
}
.nav-item:hover{
  border-bottom: 1px solid #da4e09;
    border-top: 1px solid #da4e09;
}
.btn-login{

  padding: 10px 45px ;
  background-color: #b6b7b9;
  text-transform: uppercase;
  outline: hidden;
  border: hidden;
  font-size: 16px;
}
.btn-login:hover{
  background-color: #da4e09;
   cursor: pointer;

}
.navbar{
  background-color: white;
  /*background-color: rgba(255,255,255,0.9);*/
   border-bottom: 1px solid #da4e09;
}

.hero-header{
  min-height: 750px;
  background-image: url(../img/hero.jpg);
   background-repeat: repeat-x;
   border-bottom: 2px solid #da4e09;
/*   margin-bottom: 115px;*/
   background-position: center bottom;
   background-color: #d3c4ba;
	/* background-attachment:fixed; */

} 
h1{

font-size: 50px;
padding: 110px 0;
/*margin-bottom: 50px;*/

  font-weight: 600;
}
.text-bold{
  font-weight: 700;
}
.hero-h1{
  padding-top: 130px;
  margin-bottom: -70px;
  font-weight: 600;
  font-size: 60px;
}

.btn-hero{
 margin-top: 40px;
  padding: 15px 45px ;
  background-color: #da4e09;
  text-transform: uppercase;
  outline: hidden;
  border: hidden;
  font-size: 16px;
  /* margin-bottom: 300px; */
}
.btn-hero:hover{
   background-color: #b6b7b9;
    cursor: pointer;
}

.legal-services{
  margin: 0 auto;
  font-size: 18px;
   text-align: center;
   /*margin-bottom: 250px;*/
}
.legal-services .nav-link {
  padding: 20px 0;
}

.nav-tabs .nav-link{

 border-color: white;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{

  border: 3px solid;
  border-color: #fff #fff #da4e09;
  font-weight: 700;

  
}
.tab-content{
  padding: 100px 0;
  text-align: left;

  background-color:white;
  min-height: 500px;
   border-bottom: 2px solid #da4e09;
   -webkit-box-shadow: 0px 20px 15px 10px rgba(0,0,0,0.1); 
box-shadow: 0px 20px 15px 10px rgba(0,0,0,0.1);
position: relative;
margin-bottom: -200px;
}
.tab-pane{
  padding: 0 50px;
  border-bottom: 0px;
}

.tab-img{
  border: 3px solid #b09f8e;
  margin-right: 20px;
}
.tab-links{
  margin-top: 55px;
}
.tab-icon{
font-size: 30px;
color: #bfbfbf;
padding-right: 1em;
}
.content-tablinks{
color: #da4e09;

}
.tab-links p{
  font-size: 14px;
  line-height: 28px;
  margin: 20px 0;

}

.link-content-tab{
  margin-top: 5px;
  margin-bottom: 20px;
}

.taking-care p {

  font-size: 16px;
}
.taking-care h1{
  margin-bottom: 0;
  padding-bottom: 45px;
}
.legal-services h1 {
  margin-bottom: 0;
  padding-bottom: 45px;
}
.taking-care{

  background-color: #f7f9fc;
  padding-bottom: 120px;
}
.taking-box{
  padding: 50px;
  text-align: left;
  min-height: 400px;
  background-color: white;

   -webkit-box-shadow: 0px 15px 15px 5px rgba(0,0,0,0.1); 
box-shadow: 0px 15px 15px 5px rgba(0,0,0,0.1);
}
.taking-box p{
margin-top: 20px;
  font-size: 14px;
  color: #7a7e87;
}
.h1-taking{
 padding-top: 300px;
}
h4{
  margin-top: 30px;
  font-weight: 600;
  font-size: 22px;
}
.pricing h1{

  padding-top: 110px;
  margin-bottom: 70px;
}
.pricing-col {
  -webkit-box-shadow: 0px 15px 15px 5px rgba(0,0,0,0.05); 
box-shadow: 0px 15px 15px 5px rgba(0,0,0,0.05);

min-height: 600px;

}

.pricing-hero{
  -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.05); 
box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.05);
z-index: 10;
min-height: 700px;
margin-top: -50px;
border: 1px solid white;
}
.pricing h5{
  margin-top: 60px;
  color: #bfbfbf;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;

}
.pricing hr{
  width: 80%;
  margin: 0 auto;
  color: #bfbfbf;
  margin-top: 30px;
}

.pricing h6{
  font-size: 50px;
  font-weight: 600;
  margin-top: 30px;

}
.pricing-hero h6{
 color: #da4e09;
}
.pricing-col h6{
  color: gray;
}
.pricing p{
font-size: 14px;
color: #bfbfbf;
margin-top: 20px;
}

.list-group{
   margin-top: 30px;

}
.list-group-item{
  border: 0;
  text-align: left;
  margin-left: 50px;
  font-size: 16px;
/*  margin-top: -20px;*/
padding: 5px 0;
color: #bfbfbf;
}
.pricing-hero .list-check-icon{

 color: #da4e09;
 font-size: 30px;
 padding: 0px;
}
.list-check-icon {
  margin-right: 20px;

}

.btn-pricing{
  margin-bottom: 0;
 /* padding-bottom: 0;*/
 margin-top: 50px;
}

.btn-pricing-gray{
   background-color: #b6b7b9;
   margin-bottom: 25px;
}
.btn-pricing-gray:hover{
   background-color: #da4e09;
}

.contact{
  background-color: #f7f9fc;
  margin-top: 210px;
  min-height: 750px;

   background-image: url("../img/bg-contact.jpg"); /* The image used */

  background-position: right; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
}

.contact p {

  font-size: 16px;
  /*color: #7a7e87;*/
  color: #bfbfbf;
  margin-bottom: 50px;
}
.contact h1{
  margin-bottom: 0;
  padding-bottom: 45px;

}

.form-control{
  color: #bfbfbf;
  padding: 15px 5px;
  padding-left: 24px;
  margin-bottom: 35px;
  background-color: #f7f9fc;

}

.form-help{
   text-align: start;
  min-height: 170px;
}

.form-control::placeholder{
  color: #bfbfbf;
}

.contact .btn-hero{
  margin-bottom: 150px;
  margin-top: 0;
  padding: 20px 70px;
  
}

footer{
  background-color: #1a1f32;
  color: #7a7e87;
  min-height: 480px;
}


footer .logo{
  color: white;
  font-size: 28px;
  text-decoration: none;
}

footer {
  padding-top: 110px;
}

footer p{
  font-size: 16px;
  font-weight: 300;
  margin-top: 40px;
  margin-bottom: 20px;
}

.footer-contact-p{
color: #7a7e87;
  font-size: 14px;
  font-weight: 300;
  margin-top: 10px;
}


footer .tab-icon{

  color: #7a7e87;
  font-size: 20px;
  padding-right: 20px;
  margin-bottom: 50px;
}

footer {

   font-size: 14px;
  font-weight: 300;
}


#loginForm .form-control{
  margin-bottom: 0;
}
footer hr{
  width: 230px;
  margin: 0 auto;
}

.footer-rights{

  font-size: 14px;
  margin-bottom: 20px;
  margin-top: 90px;
}



.footer-white{
  color: white;
  font-weight: 400;
  margin-top: 0;
}

.footer-nav li{

  padding: 10px 0;
  border-bottom: 1px solid #a9a9a929;

}
.footer-nav{
  list-style-type: none;
}

.footer-nav li a{
color: #7a7e87;
  text-decoration: none;
}

.footer-nav li a:hover{
  text-decoration: underline;
  color: #da4e09;
}

.navbar-toggler{
   color: #1a1f32;
   font-size: 35px;
}

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 400px;
  border-top: 5px solid #da4e09;
}
@media only screen and (max-width : 768px) {

.pricing-hero{
  margin-top: 0;
  background-color: white;
}
.nav-link{
  border-bottom: 1px solid moccasin;
}
.hero-h1{
  font-size: 50px;
  padding-top: 90px;
}
.footer-white{
  margin-top: 2em;
  text-transform: uppercase;
}
.pricing h1{
  margin-bottom: 0;
}
.contact h1{
  padding: 1em;;
}
.btn-hero{
  margin-top: 20px;
  margin-bottom: 50px;
}
.contact .btn-hero{
  margin-bottom: 50px;
}
.btn-pricing{
  margin-top: 20px;
}
.footer-nav li {
  padding: 20px 0;
  border-bottom: 1px solid #a9a9a929;
  width: 70%;
  margin: 0 auto;
}
.contact p{
  margin-bottom: 0;
}
.hero-header{
  background-position: right;
  padding-bottom: 50px;
  min-height:400px
}
.modal-content{
  width: 100%;
}
}
.navbar{
  padding: 0.75rem 0;
}
.modal {
  display: none; 
  position: fixed;
  z-index: 11; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
}


.close {
  color: #aaaaaa;
    position: absolute;
    top: 0px;
    font-size: 50px;
    font-weight: bold;
    right: 20px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.error {
  color: red;
}

.formMessage.error {
  color: red;
}

.formMessage.success {
  color: green;
}