/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
.nav-background {
	background: rgba(74, 74, 71, 0.95); 
	height:0px; 
	transition: all 0.4s ease;
}

.nav-background-responsive {
	background: rgba(74, 74, 71, 0.95); 
	height:0px; 
	transition: all 0.4s ease;
}

#navbarSupportedContent ul li a {
	color: white;
}

.nav-name {
	font-family: Bodoni Moda; 
	font-size: 30px;
	letter-spacing: -2px;
	/*font-style: italic;*/
}

@media (max-width: 575.98px) {
	.nav-name {
		font-size: 22px;
	}
}

#navbarSupportedContent ul li a {
	color: white;
	background-image: linear-gradient(#F39516, #F39516);
	background-size: 0% 0.1em;
	background-position-y: 100%;
	background-position-x: 50%;
	background-repeat: no-repeat;
	transition: background-size 0.2s ease-in-out;
	text-decoration: none;
	float: left;
}

#link-one:hover,
#link-one:focus,
#link-one:active {
	background-size: 40px 0.1em;
}

.nav-link-one {
  background-size: 40px 0.1em !important;
}

#link-two:hover,
#link-two:focus,
#link-two:active {
	background-size: 100px 0.1em;
}

.nav-link-two {
  background-size: 100px 0.1em !important;
}

#link-three:hover,
#link-three:focus,
#link-three:active {
	background-size: 110px 0.1em;
}

.nav-link-three {
  background-size: 110px 0.1em !important;
}

#link-four:hover,
#link-four:focus,
#link-four:active {
	background-size: 130px 0.1em;
}

.nav-link-four {
  background-size: 130px 0.1em !important;
}

#link-five:hover,
#link-five:focus,
#link-five:active {
	background-size: 90px 0.1em;
}

.nav-link-five {
  background-size: 90px 0.1em !important;
}

.infoEMail {
  color: white; font-style: italic; text-align: center ;
}

@media (min-width: 992px) {
  .infoEMail {
    position: absolute; color: black; top: 0px; right: -5px; background-color: #F39516; padding: 5px 25px; font-style: italic; text-align: center;
  }
}

/*--------------------------------------------------------------
# Welcome
--------------------------------------------------------------*/

#welcome {
  width: 100%;
  height: 100vh;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),  url("../assets/images/portada.jpg") top center;
  background-size: cover;
  position: relative;
  /*margin-bottom: -72px;*/
}

/*@media (max-width: 992px) {
  #welcome {
    margin-bottom: -58px;
  }
}*/

#welcome:before {
  content: "";
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.opacity {
  -webkit-filter: grayscale(95%);
  filter:opacity(95%);
}

#welcome .welcome-container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 15px;
  right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

#welcome h6 {
  color: #fff;
  margin: 15px 0 0 0;
  font-size: 24px;
}

#welcome .welcome-slash-span {
  color: #F39516;
  font-size: 24px;
}

#welcome h1 {
  margin: 0;
  font-size: 64px;
  color: #fff;
}

#welcome p {
  color: #eee;
  margin: 15px 0 0 0;
  font-size: 24px;
}

#welcome-size-hr {
  height: .25rem;
  width: 0px;
  margin: 10px 0 0;
  background: #F39516;
  border: none;
  transition: .6s ease-in-out;
}

@media (min-width: 1024px) {
  #welcome {
    background-attachment: fixed;
  }

  #welcome p {
  	margin: 15px 25% 0;
	}
}

@media (max-width: 767px) {
  #welcome h1 {
    font-size: 30px;
  }
  #welcome p {
    font-size: 18px;
  }

  #welcome h6 {
    font-size: 16px;
  }
}

@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");

.footer-social-links {
  font-size: 14px;
  text-align: center;
  margin-top: 100px;
  position: relative;
}

.footer-social-links span {
  font-size: 20px;
  color: white;
  padding-right: 5px;
}

.footer-social-links a {
  width: 25px;
  height: 25px;
  line-height: 25px !important;
  position: relative;
  margin: 0 5px;
  text-align: center;
  display: inline-block;
  color: #ECEEF3;
  -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
  -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
  -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
  transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.footer-social-links a i,
.footer-social-links a span {
  position: relative;
  top: 2px;
  left: 1px; 
}

.footer-social-links a:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #F39516;
  
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  
  -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
  -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
  -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
  transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
}

.footer-social-links a:hover {
  color: #fff;
}

.footer-social-links a:hover:before {
  background: #F39516;
}

/*--------------------------------------------------------------
# Our Sing
--------------------------------------------------------------*/

#our-sing {
  min-height: 100vh;
  background-color: #ECEEF3;
  background-size: cover;
  position: relative;
}

#our-sing .container {
  padding-top: 90px;
}

.our-sing-h4 {
  /*font-weight: bold;*/
  /*font-family: Lato, sans-serif !important;*/
}

.our-sing-decoration-line-text {
  height: 2px; 
  width: 80px; 
  background-color: #F39516; 
  position: absolute; 
  margin-left: 165px; 
  margin-top: 15px;
}

.our-sing-box-text {
  display: block;
}

#our-sing-responsive-view {
  visibility: visible;
}


  #our-sing-responsive-view {
    visibility: hidden;
    position: fixed;
  }

  .visibilityTrueView {
    visibility: visible !important;
    position: relative !important;
  }



  .visibilityTrue {
    visibility: visible !important;
    position: relative !important;
  }

  #our-sing-view {
    visibility: hidden;
    position: fixed;
  }


  #our-sing a {
    font-size: 18px;
    font-weight: bold;
  }


@media (min-height: 1365px){
  #our-sing {
    width: 100%;
    height: 100vh;
  }
}

.visibilityState {
  visibility: hidden;
  position: fixed;
}

#our-sing a {
  text-decoration: none;
  color: black;
  cursor:pointer;
}

#our-sing-responsive-view a {
  font-weight: bold;
  margin: 20px 0 0;
  background-image: linear-gradient(#F39516, #F39516);
  background-size: 0 0.1em;
  background-position-y: 100%;
  background-position-x: 50%;
  background-repeat: no-repeat;
  padding-bottom: 5px !important;
  transition: background-size 0.2s ease-in-out;
}

.our-sing-link-active {
  background-size: 100px 0.1em !important;
  background-color: #DBC3A9 !important;
}

.our-sing-div-text {
  font-weight: bold;
  z-index: 1;
  text-align: center;
  border-left: 0px solid #F39516;
  box-shadow: 0 4px 2px -2px #e1e1e1;
}

#our-sing-view a {
  text-decoration: none;
  color: black; 
}

.our-sing-div-text-active {
  border-left: 12px solid #F39516;
}

.our-sing-col {
  padding-right: 0 !important;
}

.our-sing-div-p {
  
}

#our-sing-view .col-10 {
  max-width: initial;
}

/*--------------------------------------------------------------
# Lawyers and Collaborators 
--------------------------------------------------------------*/

#lawyers-collaborators {
  min-height: 100vh;
  width: 100%;
  background-color: #ECEEF3;
  background-size: cover;
  position: relative;
}

#lawyers-collaborators .container {
  /*padding-top: 90px;*/
}

.lawyers-collaborators-decoration-line-text {
  height: 2px; 
  width: 80px; 
  background-color: #F39516; 
  position: absolute; 
  margin-left: 295px; 
  margin-top: 15px;
}

@media (max-width: 575.98px) {
  .lawyers-collaborators-decoration-line-text {
    margin-left: 170px;
    margin-top: 30px;
    width: 80px;
  }
}

/*--------------------------------------------------------------
# Attention Area 
--------------------------------------------------------------*/

#attention-area {
  min-height: 100vh;
  width: 100%;
  background-color: #ECEEF3;
  background-size: cover;
  position: relative;
}

#attention-area .container {
  padding-top: 90px;
}

.attention-area-decoration-line-text {
  height: 2px; 
  width: 80px; 
  background-color: #F39516; 
  position: absolute; 
  margin-left: 200px; 
  margin-top: 15px;
}

@media (max-width: 575.98px) {
  .attention-area-decoration-line-text {
    margin-left: 195px;
    margin-top: 15px;
    width: 60px;
  }
}

.attention-area-familiar {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),  url("../assets/images/familiar.jpg");
  /*background: url("../assets/images/familiar.jpg") center;*/
  background-size: 100% 300px;
  background-repeat: no-repeat;
  position: relative;
}

.attention-area-inmobiliaria {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),  url("../assets/images/inmobiliaria.jpg") center center;
  /*background: url("../assets/images/familiar.jpg") center;*/
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.attention-area-mercantil {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),  url("../assets/images/mercantil.jpg") center center;
  /*background: url("../assets/images/familiar.jpg") center;*/
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.attention-area-civil {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),  url("../assets/images/civil.jpg") center center;
  /*background: url("../assets/images/familiar.jpg") center;*/
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.attention-area-penal {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),  url("../assets/images/penal.jpg") center center;
  /*background: url("../assets/images/familiar.jpg") center;*/
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.attention-area-consultoria {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),  url("../assets/images/consultoria.jpg") center center;
  /*background: url("../assets/images/familiar.jpg") center;*/
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.attention-area-gestion {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),  url("../assets/images/gestiones.jpg") center center;
  /*background: url("../assets/images/familiar.jpg") center;*/
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.attention-area-documentos {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),  url("../assets/images/elaboracionCreacion.jpg") center center;
  /*background: url("../assets/images/familiar.jpg") center;*/
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

#attention-area h4 {
  color: white;
  /*
  padding-top: 30%;
  padding-left: 25px;
  */
  text-align: center;
}

#attention-area p {
  margin-bottom: 0px;
  font-size: 1em; 
  padding: 10px 25px;
}

#attention-area p span {
  font-weight: bold;
}

.attention-area-expand-div {
  height: 100px;
}

/*--------------------------------------------------------------
# Contact us 
--------------------------------------------------------------*/

#contact-us {
  min-height: 80vh;
  width: 100%;
  background-color: #ECEEF3;
  background-size: cover;
  position: relative;
}

#contact-us .container {

}

#contact-us .container-fluid {
  padding: 0px 0px;
}

.contact-us-background-icon {
  background-color: #F39516; 
  position: absolute; 
  height: 35px; 
  width: 35px;
}

.contact-us-title-icon {
 color: white; 
 margin: 5px; 
}

.our-sing-h4 {
  font-size: 20px;
  padding-left: 40px; 
  padding-top: 5px;
}

.contact-us-decoration-line-text {
  height: 2px; 
  width: 80px; 
  background-color: #F39516; 
  position: absolute; 
  margin-left: 10px; 
  margin-top: 15px;
}

@media (max-width: 575.98px) {
  .contact-us-decoration-line-text {
    margin-left: 150px;
    margin-top: 15px;
    width: 80px;
  }
}

/*--------------------------------------------------------------
# Privacy Policy
--------------------------------------------------------------*/

#privacy-policy {
  width: 100%;
  min-height: 100vh;
}

#privacy-policy {
  /*width: 100%;*/
  background-color: #ECEEF3;
  background-size: cover;
  position: relative;
}

#privacy-policy .container {
  padding-top: 90px;
}

.privacy-policy-decoration-line-text {
  height: 2px; 
  width: 80px; 
  background-color: #F39516; 
  position: absolute; 
  margin-left: 220px; 
  margin-top: 15px;
}

#privacy-policy h4, h6 {
  font-family: Lato, sans-serif !important;
}

#privacy-policy h6, span {
  font-weight: bold;
}

@media (max-width: 575.98px) {
  #privacy-policy h4 {
    font-size: 20px;
  }

  .privacy-policy-decoration-line-text {
    margin-left: 190px;
    width: 60px;
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
  background: #4A4A47;
  border-top: 5px solid #333333;
  color: white;
  text-align: center;
  position: relative;
  padding-bottom: 25px;
}

#footer h5 {
  font-weight: bold;
  margin: 20px 0 0;
  /*font-family: Lato, sans-serif !important;
  font-size: 18px;*/
  background-image: linear-gradient(#F39516, #F39516);
  background-size: 0 0.1em;
  background-position-y: 100%;
  background-position-x: 50%;
  background-repeat: no-repeat;
}

#footer a {
  color: white;
  text-align: center;
  text-decoration: none;
  display: block;
}

.footer-h5-border-one {
  /*background-size: 170px 0.1em !important;*/
}

.footer-h5-border-two {
  /*background-size: 100px 0.1em !important;*/
}

.footer-h5-border-three {
  background-size: 170px 0.1em !important;
}

.footer-copyright {
  margin: 5px 0 0;
  /*font-weight: bold;*/
}


/*
 *
 */