*{font-family: 'Didact Gothic', sans-serif;}

.img-responsive{
	width: 100%;
}
.vcenter{display: flex;align-items: center;}
.mt-30{margin-top: 30px;}
.mt-50{margin-top: 50px;}
.mt-80{margin-top: 80px;}
.mb-20{margin-bottom: 20px;}
.pb-80{padding-bottom: 80px;}
.pt-50{padding-top: 50px;}


.carousel-caption{top: 25%;}
.carousel-caption .logo-banner{margin-bottom: 100px;}

.carousel-caption h3{
	font-family: 'Didact Gothic', sans-serif;
	font-weight: 200;
	text-shadow: none;
	font-size: 20px;
}

.titulo1{
  font-family: 'Lato', sans-serif;
	font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.23;
  letter-spacing: normal;
  text-align: center;
  color: #36b0c9;
}

.hr-post{
	border-top: solid 3px #a9a9a9;
    width: 50%;
    margin: 20px auto;
}

.mancha{
	font-family: 'Didact Gothic', sans-serif;
	font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: left;
  color: #1e120d;
}

.mancha-turquesa{
	font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: left;
  color: #36b0c9;
}

#servicios{  background-color: #f7f7f7;}
#servicios .list-abogados{padding-left: 0;}

#servicios .list-abogados li{
  list-style-position: inside;
    text-indent: -1.3em;
    padding-left: 1em;
}

#servicios .list-abogados li::before{margin-right: 15px;}



#contacto{  background-color: #f7f7f7;}

.list-abogados{
  padding-left: 40px;
}

.list-abogados li{
	font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: left;
  color: #1e120d;
  margin-bottom: 5px;
}

.list-abogados li{
  list-style-position: inside;
    text-indent: -1.4em;
    padding-left: 1em;
}

.list-abogados li::before {
	content: "•";  
	color: #36b0c9;
	margin-right: 20px;
	font-size: 20px;
}

.hover{position: relative;}
.ojo{position: absolute;top: 45%; left: 45%; right:45%;display: none}


.galeria .col-1{width: 43.6%;float: left;}
.galeria .col-2{width: 55%;float: right;}

.galeria .even{margin-top: 15px;}

.galeria .even .col-1{width: 43.6%;float: right;}
.galeria .even .col-2{width: 54.6%;float: left;}

.galeria .col-1 div,.galeria .col-2 div,.galeria .even .col-1 div,.galeria .even .col-2 div{position: relative;}

.ojo{position: absolute;top: 46%; left: 45%; right:45%;display: none}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{color: black;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black!important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: black!important;
}


.form-group input{
  border: 0;
    border-radius: 0;
    padding: 15px;
    height: 60px;
    font-size: 18px;
    margin-bottom: 20px;
}

textarea{resize:none}

.form-group select{
  border: 0;
    border-radius: 0;
    padding: 15px;
    height: 60px;
    font-size: 18px;
    margin-bottom: 20px;
}

.form-group textarea{
  border: 0;
    border-radius: 0;
    padding: 15px;
    height: 150px;
    font-size: 18px;
    margin-bottom: 20px;
}

.datos p{
  font-family: 'Didact Gothic', sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  color: #1e120d;
}
.datos a span{color: #36b0c9;}
.datos a, .datos a:hover { 
  font-family: 'Didact Gothic', sans-serif;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  color: #1e120d;}

.datos .col-md-10{margin-bottom: 60px;}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{
  font-size: 30px!important;
}

form{margin-bottom: 50px;}
.btn-enviar{
    background: transparent!important;
    color: #36b0c9!important;;
    border: 2px solid #36b0c9!important;;
    border-radius: 25px!important;
    font-size: 16px!important;
    text-transform: uppercase!important;
    padding: 10px 40px!important;
    width: 100%;
    font-family: 'Lato', sans-serif;
}
.btn-enviar:hover{background-color:#36b0c9!important; color: #f7f7f7!important; }

.contact-icons {
    text-align: center;
}

footer{
  padding-top: 60px;
  padding-bottom: 50px; 
  position: relative;
}
footer p, footer p a, footer p a:hover{
  font-family: 'Didact Gothic', sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #1e120d;
}

footer p a:hover{text-decoration: none;color: #36b0c9;}

footer p span{
  margin: 0 30px;
}

footer img{
  position: absolute;bottom: 0;
  left: 0;
  width: 40%;
}

#nosotros{position: relative;}
#nosotros > img{position: absolute; right: 0; top: 10%;width: 15%}

#equipo{position: relative;}
#equipo > img:nth-child(1){position: absolute; left: 0; top: 2%;width: 15%}

#contacto{position: relative;}
#contacto > img:nth-child(1){position: absolute; right: 0; top: 0%;width: 10%}

.navbar{
  margin-bottom: 0!important;
}

.clearHeader {
    padding-top: 20px;
    top: 0;
    background: white;
    width: 100%;
    z-index: 99;
    padding-bottom: 20px;
}

.darkHeader{
  position: fixed;
    padding-top: 10px;
    top: 0;
    background: rgba(255,255,255,.9);
    width: 100%;
    z-index: 99;
    padding-bottom: 10px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form, .navbar-inverse{background-color: transparent!important;border:0!important;}

.navbar-inverse .navbar-nav>li>a{
      font-family: 'Lato', sans-serif;
      text-transform: uppercase;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: left;
  color: #1e120d;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
  color: #36b0c9;
  background-color: transparent;
  border-bottom: 2px solid #36b0c9;
}


.navbar-inverse .navbar-nav>li>a:hover{
      color: #36b0c9;
  background-color: transparent;
  border-bottom: 2px solid #36b0c9;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{color: white!important;background-color: #36b0c9!important; border-color: white!important;}

.navbar-inverse .navbar-toggle:focus > .icon-bar, .navbar-inverse .navbar-toggle:hover > .icon-bar{background-color: white!important;}





.overlay {
    height: 100%;
    width: 0%;
    position: fixed;
    z-index: 99;
    top: 0;
    right: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(255,255,255, 1);
    overflow-y: hidden;
    transition: 0.5s;
}

.h100{width: 100%!important;}

.overlay-content {
    position: relative;
    top: 20%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 22px;
    color: #5d5d5d;
    text-transform: uppercase;
    display: block;
    transition: 0.3s;
    font-family: GothamL;
}

.overlay a:hover, .overlay a:focus {
    color: #5d5d5d;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 15%;
    font-size: 60px;
    font-family: GothamT;
    color:#36b0c9;
}




/*------------------------------------*\
    $MEDIA QUERIES
\*------------------------------------*/
/* Extra Small */
@media(max-width:767px){
  .navbar-inverse .navbar-toggle .icon-bar {background-color: #000;}
  .vcenter{display: block;}
  .servicios{padding-bottom: 40px;padding-top: 20px;}
  #servicios .col-xs-4{margin-bottom: 50px;}
  .logo{margin-top: 10px;}
  .mancha{text-align: justify!important;}
  .col-2 .hover:nth-child(2) img{margin-top: 5px!important;}
  #servicios .col-sm-6:nth-child(2){margin-top: 50px;}

  #equipo > img:nth-child(1){width: 30%;}
  #nosotros > img{width: 25%;}
  #contacto > img:nth-child(1){width: 20%;}
  footer img{width: 60%;}
  .carousel-caption{top:2%;}
  .carousel-caption .logo-banner {margin-bottom: 0px;width: 120px;margin: 0 auto;}
  .carousel-caption h3{font-size:15px;margin-top: 10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
  .navbar-inverse .navbar-nav>li>a{font-size: 14px;}
  .btn-enviar{    padding: 10px 25px!important;}
  .mancha{font-size: 14px;}
  .titulo1{margin-top: 0;margin-bottom: 0;}
  .carousel-caption{    top: 5%;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
  .navbar-inverse .navbar-nav>li>a{font-size: 14px;}
  .btn-enviar{    padding: 10px 25px!important;}
  .mancha{font-size: 14px;}
  .titulo1{margin-top: 0;}
  .carousel-caption{    top: 20%;}
}

/* Large */
@media(min-width:1200px){}