.status-message {
	align-items: center;
	color: #2E5372;
	display: flex;
  	font-family: Titilliumweb, sans-serif;
	font-weight: 600;
	font-size: 20px;
	justify-content: center;
	line-height: 120%;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}

.status-message .sending .icon-message {
	background: url('../images/gears.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 60px;
	margin: 0 auto 25px;
	width: 60px;
}

.status-message .success .icon-message {
	background: url('../images/check.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 60px;
	margin: 0 auto 25px;
	width: 60px;
}

.custom-select {
	background-color: transparent;
	border: 0.5px solid #2E5372;
	border-radius: 5px;
	 cursor: pointer;
	 height: 40px;
	 margin-top: 20px;
	 position: relative;
	 text-align: center;
	 width: 100%;
	 z-index: 1;
}
 .custom-select.dirty {
	 color: #333;
}
 .custom-select.invalid {
	 border: 0.5px solid #FF6600;
}
 .custom-select.invalid .invalid-message {
	 display: none !important;
	 visibility: hidden !important;
}
 .custom-select .option-selected {
 	align-items: center;
	color: #2E5372;
	display: flex;
  	font-family: Titilliumweb, sans-serif;
	font-size: 16px;
	font-weight: 600;
	justify-content: center;
	line-height: 100%;
	height: 100%;
	overflow: hidden;
	padding: 8px 10px;
	white-space: nowrap;
}
 .custom-select .option-group {
	 background: #F5F6F7;
	border: 0.5px solid #2E5372;
	border-radius: 5px;
	 height: 0;
	 left: 50%;
	 opacity: 0;
	 overflow: hidden;
	 padding: 25px;
	 pointer-events: none;
	 position: absolute;
	 top: -1px;
	 transform: translateX(-50%);
	 transition: opacity 300ms;
	 width: 101%;
	 z-index: -1;
}
 .custom-select .dropdown-button {
	 align-items: center;
	 background: url(../images/arrow.svg);
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: contain;
	 cursor: pointer;
	 display: flex;
	 height: 8px;
	 justify-content: center;
	 position: absolute;
	 right: 15px;
	 top: 16px;
	 transition: all 550ms ease-in-out;
	 width: 15px;
	 z-index: 1;
}
 .custom-select.option-group-open {
	 z-index: 2;
}

.custom-select.option-group-open .dropdown-button {
	transform: rotate(-180deg);
	 z-index: 2;
}
 .custom-select.option-group-open .dropdown-button .icon {
	 transform: rotate(90deg);
}
 .custom-select.option-group-open .option-group {
	 height: 262px;
	 opacity: 1;
	 overflow-y: scroll;
	 pointer-events: initial;
	 z-index: 1;
}
 .custom-select .option {
	color: #2E5372;
	 cursor: pointer;
  	font-family: Titilliumweb, sans-serif;
	font-size: 16px;
	line-height: 120%;
	margin-top: 25px;
	 padding: 0;
	 text-align: center;
	 transition: background 150ms, color 150ms;
}

.custom-select .option:nth-child(2) {
	margin-top: unset;
}

 .custom-select .option:first-child {
	 display: none;
	 visibility: hidden;
}
 
.block.contact {
	position: relative;
	z-index: 1;
}

.block.contact .hidden-xs, .block.contact .hidden {
	display: none;
}

.block.contact .header {
	background: url('../images/contacto-back.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 22px 50px;
}

.block.contact .my-title {
	color: #FF6600;
  	font-family: Titilliumweb, sans-serif;
	font-size: 38px;
	line-height: 100%;
	max-width: 283px;
	width: 100%;
}

.block.contact .my-desc {
	color: #FFFFFF;
  	font-family: "Roboto 0", sans-serif;
	font-size: 18px;
	line-height: 140%;
	margin-top: 30px;
	max-width: 283px;
	width: 100%;
}

.block.contact .my-desc strong {
	color: #FF6600;
  	font-family: Roboto, sans-serif;
	text-transform: uppercase;
}

.block.contact .content {
	background: #EBEEF1;
	padding: 30px 20px 100px;
}

.block.contact .contact-form {
	position: relative;
}

.block.contact .wrapper-content-form.partial-hide {
	opacity: 0;
}

.block.contact .input-container {
	margin-top: 20px;
}

.block.contact .input-container.invalid .custom-select {
	border: 0.5px solid #761C1C !important;
}

.block.contact .input-container.invalid .custom-select .option-selected {
	color: #761C1C !important;
}

.block.contact .input-container.invalid label {
	color: #761C1C !important;
}

.block.contact .input-container.invalid input[type=text] {
	border: 0.5px solid #761C1C !important;
}

.block.contact label {
	color: #2E5372;
	display: block;
  	font-family: "Roboto 0", sans-serif;
	font-size: 10px;
	line-height: 140%;
	margin-bottom: 5px;
}

.block.contact input[type=text], .block.contact textarea {
	background: transparent;
	border: 0.5px solid #2E5372;
	border-radius: 5px;
	color: #2E5372;
	display: block;
  	font-family: Titilliumweb, sans-serif;
	font-size: 16px;
	line-height: 120%;
	max-width: 100%;
	outline: none;
	padding: 10px 15px;
	width: 100%;
}

.block.contact textarea {
	height: 130px;
	resize: none;
}

.block.contact button {
	align-items: center;
	color: #2E5372;
	display: flex;
  	font-family: Titilliumweb, sans-serif;
	font-size: 22px;
	font-weight: 600;
	justify-content: center;
	line-height: 120%;
	margin-left: auto;
	margin-top: 20px;
	padding: 0;
	width: fit-content;
}

.block.contact button span, .block.contact button img {
	display: block;
}

.block.contact .icon {
	margin-left: 5px;
	max-width: 15px;
	position: relative;
	width: 100%;
}

.video-wrapper-mobile {
	left: 0;
	margin: 0 auto;
	margin-top: 100px;
	max-width: 315px;
	position: relative;
	transition: all 550ms ease-in-out;
	width: 100%;
}

.video-wrapper-mobile.opened {
    left: -20px;
	max-width: calc(100% + 40px);
	width: calc(100% + 40px);
}

.video-wrapper-mobile .image-video {
	opacity: 1;
	position: relative;
	transition: all 550ms ease-in-out;
}

.video-wrapper-mobile .image-video:after {
	background: url('../images/play.svg');
	background-position: center;
	background-repeat: no-repeat;
	content: '';
	display: block;
	height: 75px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 75px;
}

.video-wrapper-mobile.opened .image-video {
	opacity: 0;
}

.video-wrapper-mobile .image-video img {
	pointer-events: none;
}

.video-wrapper-mobile video {
	left: 0;
	max-width: 100%;
	opacity: 0;
	position: absolute;
	pointer-events: none;
	top: 50%;
	transform: translateY(-50%);
	transition: all 550ms ease-in-out;
	width: 100%;
}

.video-wrapper-mobile.opened video {
	opacity: 1;
	pointer-events: initial;
}

.video-wrapper-desktop {
	display: none;
}

.hidden {
	display: none !important;
}

@media (min-width: 481px) {

	.no-scroll {
		overflow: hidden !important;
	}

	.video-wrapper-mobile {
		display: none;
	}

	.service-wrap.opened {
		z-index: 2;
	}

	.video-wrapper-desktop {
		cursor: pointer;
		display: block;
		margin: 0 auto;
		margin-top: 150px;
		max-width: 796px;
		width: 100%;
	}

	.video-wrapper-desktop .image-video {
		position: relative;
	}
	
	.video-wrapper-desktop .image-video:after {
		background: url('../images/play.svg');
		background-position: center;
		background-repeat: no-repeat;
		content: '';
		display: block;
		height: 60px;
		left: 50%;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 60px;
	}

	.popup-video {
		align-items: center;
		background: rgba(19, 41, 60, 0.9);
		backdrop-filter: blur(3px);
		display: flex;
		height: 100vh;
		justify-content: center;
		left: 0;
		opacity: 0;
		position: fixed;
		top: 0;
		transition: opacity 750ms ease-in-out;
		width: 100vw;
		z-index: 999999;
	}

	.popup-video.ready {
		opacity: 1;
	}

	.popup-video:after {
		background: url('../images/logobanco-naranja.svg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		content: '';
		display: block;
		height: 30px;
		left: 50%;
		position: absolute;
		top: 30px;
		transform: translateX(-50%);
		width: 181px;
	}

	.video-holder {
		margin: 0 auto;
		max-width: 1218px;
		padding: 0 120px;
		position: relative;
		width: 100%;
	}

	.close-btn {
		background: url('../images/close.svg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		cursor: pointer;
		height: 22px;
		position: absolute;
		right: 0;
		top: 0;
		width: 22px;
	}

	.popup-video video {
		display: block;
		max-width: 100%;
		width: 100%;
	}
}

@media (min-width: 768px) {

	.custom-select {
		 height: 50px;
		 margin-top: 40px;
	}

	 .custom-select .option-selected {
		font-size: 18px;
		line-height: 120%;
	}
	
	.block.contact .hidden-xs {
		display: block;
	}

	.block.contact .flex-content {
		display: flex;
		justify-content: space-between;
	}

	.block.contact .header {
		max-width: 35%;
		padding: 200px 0;
		width: 100%;
	}

	.block.contact .my-title {
		font-size: 56px;
		line-height: 120%;
		max-width: 442px;
		padding: 0 50px;
	}

	.block.contact .my-desc {
		font-size: 22px;
		margin-top: 50px;
		max-width: 442px;
		padding: 0 50px;
	}

	.block.contact {
		position: relative;
	}

	.block.contact .float-image {
		margin-left: auto;
		margin-right: -70px;
		margin-top: 40px;
		max-width: 86%;
		position: relative;
		width: 100%;
		z-index: 1;
	}

	.block.contact .content {
		max-width: 65%;
		padding: 248px 50px 155px 90px;
		width: 100%;
	}

	.block.contact .contact-form {
		margin-left: auto;
		max-width: 705px;
		width: 100%;
	}

	.block.contact .contact-form .flex-content .input-container {
		max-width: 48.6%;
		width: 100%;
	}

	.block.contact .input-container {
		margin-top: 40px;
	}

	.block.contact label {
		font-size: 12px;
		margin-bottom: 10px;
	}

	.block.contact input[type=text], .block.contact textarea {
		padding: 15px;
	}
}