/*!
Theme Name: SIT Theme

*/
:root {
	--black: #000000;
	--white: #FFFFFF;
	--primary: #115f90;
	--secondary: #ee7340;
	--yellow: #ffd004;
	--bg: #d6d7d7;
}
@font-face {
	font-display: swap;
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 400;
	src: url('assets/fonts/dm-sans-v15-latin-regular.eot');
	src: url('assets/fonts/dm-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/dm-sans-v15-latin-regular.woff2') format('woff2'),
		url('assets/fonts/dm-sans-v15-latin-regular.woff') format('woff'),
		url('assets/fonts/dm-sans-v15-latin-regular.ttf') format('truetype'),
		url('assets/fonts/dm-sans-v15-latin-regular.svg#DMSans') format('svg');
}
@font-face {
	font-display: swap;
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 500;
	src: url('assets/fonts/dm-sans-v15-latin-500.eot');
	src: url('assets/fonts/dm-sans-v15-latin-500.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/dm-sans-v15-latin-500.woff2') format('woff2'),
		url('assets/fonts/dm-sans-v15-latin-500.woff') format('woff'),
		url('assets/fonts/dm-sans-v15-latin-500.ttf') format('truetype'),
		url('assets/fonts/dm-sans-v15-latin-500.svg#DMSans') format('svg');
}
@font-face {
	font-display: swap;
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 600;
	src: url('assets/fonts/dm-sans-v15-latin-600.eot');
	src: url('assets/fonts/dm-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/dm-sans-v15-latin-600.woff2') format('woff2'),
		url('assets/fonts/dm-sans-v15-latin-600.woff') format('woff'),
		url('assets/fonts/dm-sans-v15-latin-600.ttf') format('truetype'),
		url('assets/fonts/dm-sans-v15-latin-600.svg#DMSans') format('svg');
}
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');

html, body {
	padding: 0;
	margin: 0;
	font-family: 'DM Sans', Arial, sans-serif, serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	color: var(--black);
	background-color: var(--white);
}
.bg-gradient {
	background: rgb(13, 119, 177);
	background: -moz-linear-gradient(135deg, rgba(13, 119, 177, 1) 0%, rgba(21, 62, 111, 1) 100%);
	background: -webkit-linear-gradient(135deg, rgba(13, 119, 177, 1) 0%, rgba(21, 62, 111, 1) 100%);
	background: linear-gradient(135deg, rgba(13, 119, 177, 1) 0%, rgba(21, 62, 111, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d77b1", endColorstr="#153e6f", GradientType=1);
}
.navbar {
	padding: 1.5rem 0;
}
.navbar-brand img {
	max-width: 200px;
	width: 100%;
}
.navbar-dark .navbar-nav .nav-link {
	font-family: 'Cormorant Garamond';
	font-weight: bold;
	font-size: 1.15rem;
	color: var(--white);
	padding: 8px 16px;
}
.btn--call {
	position: relative;
	background-color: var(--orange);
	border-radius: 25px;
	margin-left: 3rem;
}
.btn--call::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: auto 0 auto -3rem;
	height: 100%;
	width: 2rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: auto 1.5rem;
	background-image: url('assets/img/phone.svg');
}
.footer {
	padding: 2.5rem 0;
	color: var(--white);
}
.footer img {
	display: block;
	max-width: 230px;
	width: 100%;
}
.title {
	font-family: 'Cormorant Garamond';
	font-size: clamp(2.1875rem, -1.128rem + 5.3476vw, 3.4375rem);
	font-weight: bold;
}
.subtitle {
	font-family: 'Cormorant Garamond';
	font-size: clamp(1.75rem, 0.5896rem + 1.8717vw, 2.1875rem);
}
.btn {
	font-family: 'Cormorant Garamond';
	font-size: clamp(1rem, 0.3369rem + 1.0695vw, 1.25rem);
	font-weight: bold;
	font-style: italic;
	padding: 10px 25px;
	border-radius: 25px;
}
.btn-primary {
	background-color: var(--primary);
}
.btn-secondary {
	background-color: var(--secondary);
	border-color: #fdd9b9;
}


.header {
	padding: 150px 0;
	background-image: url('assets/img/bg_header.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	color: var(--white);
}
.header .subtitle {
	font-weight: normal;
	font-style: italic;
}
.header .btn-secondary,
.header .btn-secondary,
.header .btn-secondary {
	background-color: var(--secondary)!important;
	border-color: #fdd9b9!important;
}
.divider {
	padding: 50px 0;
}
.divider .subtitle {
	font-weight: bold;
}
.divider hr {
	width: 150px;
	border-top: 2px solid var(--orange);
}
.divider .btn-primary,
.divider .btn-primary,
.divider .btn-primary {
	background-color: var(--primary)!important;
	border-color: #489fd8!important;
}

.about {
	padding: 50px 0 150px;
}
.about img.title {
	display: block;
	max-width: 350px;
	width: 100%;
	margin-bottom: 3rem;
}
.about p {
	line-height: 1.7;
	max-width: 400px;
	width: 100%;
}
.about .image {
	position: relative;
}
.about .image::before {
	content: "";
	position: absolute;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto 1rem 1rem auto;
    height: 5rem;
    width: 5rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: auto 100%;
	background-image: url('assets/img/icono_nosotros.svg');
}
.about .img-fluid {
	display: block;
	max-width: 500px;
	width: 100%;
	height: 650px;
	object-fit: contain;
	object-position: center;
	margin: 0 auto;
}
.about .d-flex {
	gap: 0 1rem;
	align-items: center;
}
.about .btn-primary {
	font-family: 'DM Sans';
	font-style: normal;
	color: var(--primary)!important;
	background-color: transparent!important;
	border-color: #489fd8!important;
}
.about span {
	text-decoration: underline;
}
.banner img {
	display: block;
	width: 100%;
	height: auto;
}

.promise {
	position: relative;
	padding: 50px 0;
}
.promise::before {
	content: "";
	position: absolute;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	margin: auto auto 0;
    height: 55%;
    width: 100%;
	background-color: var(--bg);
}
.promise .img-fluid {
	max-width: 500px;
	margin-bottom: 4rem;
}
.promise .box {
	background-color: var(--white);
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	padding-bottom: 25px;
	height: 100%;
}
.promise .box img {
	display: block;
	width: 100%;
	margin-bottom: 1.25rem;
}
.promise hr {
	max-width: 150px;
	border-top: 2px solid var(--orange);
}
.promise .box h6 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: 'Cormorant Garamond';
	font-size: clamp(1rem, 0.3369rem + 1.0695vw, 1.25rem);
	font-weight: bold;
	font-style: italic;
	min-height: 4rem;
	width: 100%;
}
.promise .box p {
	line-height: 1.7;
	text-align: center;
	padding: 0 1rem;
}

.cost {
	padding: 75px 0 0;
	background-color: var(--primary);
}
.cost .title {
	display: block;
	max-width: 450px;
}
.cost .subtitle {
	font-weight: bold;
	color: var(--yellow);
	text-align: center;
}
.cost p {
	color: var(--white);
	line-height: 1.7;
}
.cost .image {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	height: 100%;
}
.contact {
	color: var(--white);
	padding: 100px 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url('assets/img/bg_contacto.png');
}
.contact p {
	line-height: 1.7;
}
.contact ul {
	display: flex;
	gap: 0 25px;
	padding: 0;
}
.contact li {
	list-style: none;
}
.contact li img {
	height: 2.5rem;
	width: auto;
}
.contact .bg-gradient {
	font-weight: bold;
	padding: 2rem;
	border-radius: 20px;
}
.contact p a {
	color: var(--white);
}

.clients {
	color: var(--white);
	background-color: var(--primary);
	padding: 75px 0;
}
.clients .title {
	max-width: 550px;
}
.clients .icon {
	display: block;
	width: 120px;
	height: auto;
	margin: 0 auto 2rem;
	border: 4px solid #46a3db;
	border-radius: 50%;
}
.clients p {
	font-size: clamp(1rem, 0.5694rem + 0.6944vw, 1.125rem);
	line-height: 1.7;
}
.clients .color-orange {
	font-weight: bold;
}
.color-orange {
	color: var(--secondary);
}
.forms {
	padding: 75px 0;
}
.forminator-ui.forminator-design--flat .forminator-repeater-field {
	background-color: transparent!important;
	box-shadow: none!important;
}
.forminator-ui.forminator-design--flat .forminator-button-submit {
	display: block!important;
	font-size: 1rem!important;
	color: var(--primary)!important;
	text-transform: uppercase!important;
	margin: 0 0 0 auto!important;
	background-color: transparent!important;
	border: 2px solid #46a3db!important;
	border-radius: 25px!important;
}
.forminator-ui.forminator-design--flat .forminator-label {
	font-size: 1rem!important;
	color: var(--black)!important;
}
.forminator-input-with-icon label {
	position: absolute!important;
	height: 100%;
}
#forminator-module-12.forminator-design--flat .forminator-textarea,
.forminator-ui#forminator-module-12.forminator-design--flat .forminator-select2+.forminator-select .selection .select2-selection--single[role="combobox"],
.forminator-ui#forminator-module-12.forminator-design--flat .forminator-multi-upload,
#forminator-module-12.forminator-design--flat .forminator-input,
#forminator-module-12.forminator-design--flat .forminator-input:hover,
#forminator-module-12.forminator-design--flat .forminator-input:focus,
#forminator-module-12.forminator-design--flat .forminator-input:active {
	background-color: #d6d7d7!important;
}
.link__msg {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0 25px 25px;
	z-index: 5;
}
.link__msg img {
	display: inline-block;
	width: 70px;
	height: auto;
}

/* --# Responsive #-- */
@media (max-width:1441px) {}

@media (max-width:1023px) {}

@media (min-width:992px) {
	.navbar-expand-lg .navbar-nav {
		gap: 0 15px;
	}
	.cost {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-image: url('assets/img/bg_tramite.png');
	}
	.cost .image img {
		position: relative;
		left: 50px;
	}
	.contact .box {
		padding: 75px 50px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-image: url('assets/img/bg_contacto-2.png');
	}

	.forms form {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.forms .forminator-row {
		flex: 1 0 auto;
	}
	.forms .alert,
	.forms .forminator-row.forminator-row-last {
		width: 100%;
	}
	.forminator-ui#forminator-module-12.forminator-design--flat .forminator-button-submit {
		top: -100px!important;
	}
	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=flat]:not(.forminator-size--small) .forminator-response-message, .forminator-ui.forminator-custom-form[data-design=flat]:not(.forminator-size--small) .forminator-response-message {
		width: 100%!important;
	}
}


@media (max-width: 991px) {
	.navbar {
		padding-left: .5rem;
		padding-right: .5rem;
	}
	.about {
		padding-bottom: 50px;
	}
	.link__msg img {
		width: 50px;
	}
	.contact .box {
		padding: 75px 20px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-image: url('assets/img/bg_contacto-2.png');
	}
	.promise .col-md-3.mb-4 {
		width: 50%;
	}
	.promise .box p {
		padding: 0 .5rem;
		font-size: 14px;
	}
}

@media (min-width: 769px) {}

@media (max-width: 768px) {}

@media (max-width: 376px) {}