/* General */
body, p {
	font-family: 'Montserrat', Helvetica,Arial,Lucida,sans-serif;
	font-weight: 400;
	color: #000;
}

h1, h2 ,h3, h4, h5, h6 {
	font-family: 'Montserrat', Helvetica,Arial,Lucida,sans-serif;
	font-weight: 700;
}

:root {
	--primary-color: #940427;
	--second-color: #0d172b;
	--bg-default: #dfe0e2;
	/*--second-color: #0c71c3;*/
}

.carousel-item {
	height: 100vh;
	min-height: 350px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.carousel-caption {
	bottom: 12%;
}


.divider {
	width: 100px;
	height: 4px;
	background: var(--second-color);
}

.wrapper-title {
	padding: 80px 5%;
}

.wrapper-title h2, #empresa-wrapper h2 {
	font-size: 3.5rem;
	/*font-weight: 900;*/
	text-transform: uppercase;
}

#empresa-wrapper {
	padding: 90px 0;
}

/* Menú */
.navbar-dark .navbar-nav .nav-link {
	color: #fff;
}

.navbar,
.navbar .navbar-brand img {
	transition: all .3s;
}

.navbar .navbar-brand img {
	width: 100%;
}

.navbar-shrink .navbar-nav .nav-link {
	color: rgba(255,255,255,.5);
}

#mainNav {
	background: #0d172b7a;
}

#mainNav.navbar-shrink {
	padding-top: 0;
	padding-bottom: 0;
	background-color: var(--second-color);
	/*background-color: rgb(13, 23, 43, .5);*/
}

#mainNav.navbar-shrink .navbar-brand {
	padding: 0;
}

.navbar-shrink .navbar-brand img {
	width: 80%;
}

.navbar-toggler:focus {
	background: transparent;
}
.menu-burge {
	display: block;
	width: 35px;
	height: 2px;
	background: #fff;
	position: relative;
}

.menu-burge:before, 
.menu-burge:after {
	content: '';
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	left: 0;
	background: #fff;
	transition: all .3s;
}

.menu-burge:after {
	bottom: -6px;
}

.menu-burge:before {
	top: -6px;
}

.navbar-dark .navbar-toggler {
	border: none;
}

.navbar-dark .navbar-toggler:focus {
	outline: none;
}

.open .menu-burge {
	background: transparent;
}

.open .menu-burge:before, .open .menu-burge:after {
	top: 0;
	bottom: 0;
	width: 30px;
	height: 3px;
}

.open .menu-burge:before {
	transform: rotate(45deg);
}

.open .menu-burge:after {
	transform: rotate(-45deg);
}
/* END / Menú */

/* Header */
header h2 {
	font-size: 2rem;
	font-weight: 300;
	line-height: 1;
	text-transform: uppercase;
	text-shadow: 2px 2px 5px #000;
}
/* END / Header */

/* Empresa */
#empresa-wrapper {
	background: var(--bg-default);
}

#empresa-wrapper .divider{
	margin: 25px auto 30px;
}

#empresa-wrapper h2 {
	font-size: 3.5rem;
	text-align: center;
}

/* Servicios */
.service-description {
	padding: 5%;
	flex-grow: 3;
}

.row-service img {
	width: 100%;
	height: auto;
}

.row-service {
	display: flex;
	flex-wrap: wrap;
}

.service-description, .bg-image-service {
	flex-basis: 0;
}

.bg-image-service {
	flex-grow: 5;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

.bg-image-service.bg-civil {
	background-image: url('./../img/bg-civil.jpg');
}

.bg-image-service.bg-familia {
	background-image: url('./../img/bg-civil.jpg');
}

.bg-image-service.bg-contencioso {
	background-image: url('./../img/bg-contencioso.jpg');
}

.bg-image-service.bg-comercio {
	background-image: url('./../img/bg-comercio.jpg');
}

.bg-image-service.bg-tributario {
	background-image: url('./../img/bg-tributario.jpg');
}

.bg-image-service.bg-laboral {
	background-image: url('./../img/bg-laboral.jpg');
}

.bg-image-service.bg-agrario {
	background-image: url('./../img/bg-agrario.jpg');
}

.bg-image-service.bg-inmobiliario {
	background-image: url('./../img/bg-inmobiliario.jpg');
}

.bg-image-service.bg-contable {
	background-image: url('./../img/bg-contable.jpg');
}

/*.grayscale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}*/

#servicios-wrapper .row-service:nth-child(odd) {
	flex-direction: row-reverse;
}

#servicios-wrapper .divider {
	margin: 25px auto 0;
}

#servicios-wrapper .row-service:nth-child(odd) .service-description {
	background: var(--second-color);
}

#servicios-wrapper .row-service .service-description p,
#servicios-wrapper .row-service .service-description ul,
#servicios-wrapper .row-service .service-description h2 {
	color: #fff;
}

#servicios-wrapper .row-service .service-description h2 {
	/*font-weight: 900;*/
	letter-spacing: 1px;
}

#servicios-wrapper .row-service:nth-child(even) .service-description {
	background:var(--bg-default);
}

#servicios-wrapper .row-service:nth-child(even) .service-description h2,
#servicios-wrapper .row-service:nth-child(even) .service-description ul,
#servicios-wrapper .row-service:nth-child(even) .service-description p {
	background:var(--bg-default);
	color: #000;
}

/*#servicios-wrapper .row-service h2 {
	text-shadow: 2px 2px 5px #000;
}*/

/*#servicios-wrapper .row-service:nth-child(odd) .bg-image-service:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: var (--second-color)70;
}

#servicios-wrapper .row-service:nth-child(even) .bg-image-service:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #ef4b4e4f;
}*/
/* END / Servicios */

/* Equipo */
#team {
 background: var(--bg-default);
 padding-bottom: 80px;
}

#team .divider {
	margin: 25px auto 0;
}

.row.flex {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.wrapper-people img {
	width: 100%;
	padding: 0 20px;
}

.wrapper-people, .wrapper-frase {
	width: calc((100% - 60px) / 3);
	margin: 10px;
	position: relative;
}

.wrapper-frase {
	display: flex;
	padding: 0 20px;
}

.wrapper-frase > div {
	width: 100%;
	display: flex;
	padding: 40px;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	text-transform: uppercase;
	background: var(--second-color);
}

.wrapper-frase > div > p {
	margin: 1rem;
}

.wrapper-frase p {
	color: #fff;
	font-weight: 300;
	font-family: 'Montserrat', Helvetica,Arial,Lucida,sans-serif;
}

.wrapper-data {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 0 20px;
}

.people-data a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

.people-data {
	background: #0d172bdb;
	padding: 5%;
	color: #fff;
	width: 1000%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: transform .5s cubic-bezier(.77,0,.175,1),opacity 0s .5s;
	-webkit-transition: transform .5s cubic-bezier(.77,0,.175,1),opacity 0s .5s;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	transform: scaleX(0);
}

.wrapper-data .people-data span {
	display: block;
}


.wrapper-data.hover .people-data {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform: scaleX(1);
}
/* END / Equipo */

/* Contact */
#contact-wrapper {
	background: var(--bg-default);
	padding-bottom: 100px;
}

#contact-wrapper .divider {
	background: #fff;
	margin: 25px auto 0;
}

#contact-wrapper .wrapper-title {
	background-image: linear-gradient(180deg,#313e47 0%,rgba(49,62,71,0.74) 100%), url('./../img/law-firm-06.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	padding: 100px 5%; 
}

#contact-wrapper .wrapper-title p {
	color: #fff;
}

.cards-contact {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: -40px;
	padding: 0 5%;
}

.card-contact, .card-contact a {
	color: rgba(0,0,0,.75);
	text-decoration: none;
}
.card-contact {
	background: #fff;
	padding: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc((100% - 90px) / 3);
	max-width: 350px;
	box-shadow: 0px 10px 100px 0px rgba(0,0,0,0.2);
}

.card-contact h2 {
	color: var(--second-color);
	/*font-weight: 900;*/
	text-transform: uppercase;
	font-size: 20px
}

input::placeholder, 
textarea::placeholder, 
input, textarea,
.input-field > label {
	color: #666666;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	font-size: 16px;
}

form {
	max-width: 800px;
	margin: auto;
	padding: 5%;
}

form h2 {
	text-align: center;
	color: var(--second-color);
}

textarea.materialize-textarea {
	min-height: 8rem;
}

.input-field {
	margin-bottom: 1.5rem;
}

.btn-success {
	background-color: var(--second-color);
	border-color: var(--second-color);
}

.btn-success:hover, .btn-success:active,
.btn-success:not(:disabled):not(.disabled):active {
	background-color: #0d172bdb;
	border-color: #0d172bdb;
}

.btn-success:not(:disabled):not(.disabled):active:focus {
	box-shadow: none;
}



/* END / Contact */

footer {
		background: var(--second-color);
		text-align: center;
		font-size: 12px;
		padding: 14px 5%;
		color: #fff;
}

/* Mobile */
@media (min-width: 981px) {
	.row-service img {
		display: none;
	}
}
@media (max-width: 980px) {
	/*.bg-image-service {
		height: 150px;
		background-attachment: fixed;
	}*/

	.service-description {
	flex-basis: 100%;
	}

	.row-service {
		display: block;
	}

	#servicios-wrapper .row-service .service-description h2 {
		font-size: 1.8rem;
	}

	.wrapper-title h2,
	#empresa-wrapper h2 {
		font-size: 2rem;
	}

	.card-contact {
		width: 100%;
		margin-bottom: 20px;
	}

	.bg-image-service  {
		display: none;
	}
}

@media (max-width: 767px) {
	.wrapper-people, .wrapper-frase {
		width: calc(100%);
		margin: 20px 0;
	}

	.wrapper-frase {
		padding: 40px 0;
	}
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
	}
}