@charset "UTF-8";

/* GENERAL */
:focus,button:focus{outline:none}
a,a:hover,a:focus,a:active{color:inherit;text-decoration:none;outline:0}
p a:not(.btn){color:var(--bs-primary)}
[data-link],[data-eliminar],[data-toggle="collapse"]{cursor:pointer}
b,strong,.strong{font-weight:700}
s{color:var(--bs-danger)}
::-moz-selection{background:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.2)}
::selection{background:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.2)}
.bg-primary ::-moz-selection{background:var(--bs-secondary);background:rgba(var(--bs-secondary-rgb),.2)}
.bg-primary ::selection{background:var(--bs-secondary);background:rgba(var(--bs-secondary-rgb),.2)}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,
textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,
select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{
	-webkit-text-fill-color:var(--bs-body-color);-webkit-box-shadow:0 0 0 50px rgba(var(--bs-primary-rgb),.2) inset;transition:background-color 5000s ease-in-out 0s
}

/* BUTTONS */
.btn-circle.btn-xs{width:20px;height:20px;line-height:10px;padding-left:.35rem;padding-right:.35rem}
.btn-group>.btn-group:not(:last-child)>.btn.btn-rounded,.btn-group>.btn.btn-rounded:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn-group:not(:first-child)>.btn.btn-rounded, .btn-group>.btn.btn-rounded:nth-child(n+3),.btn-group>:not(.btn-check)+.btn.btn-rounded{border-top-left-radius:0;border-bottom-left-radius:0}
.btn-check:focus+.btn,.btn:focus,.btn-check:active+.btn:focus,.btn-check:checked+.btn:focus,.btn.active:focus,.btn.dropdown-toggle.show:focus,.btn:active:focus{box-shadow:0 0 0 0}

/* FORMS */
.input{margin-bottom:1.4rem}
input,select,option,textarea,.form-control{color:var(--bs-body-color)}
input:focus,select:focus,option:focus,textarea:focus,.form-control:focus{border-color:var(--bs-primary)}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
option{font-weight:inherit}
body .select2-dropdown{text-align:left}
input[type="datetime"],input[type="datetime-local"],input[type="date"]{min-width:120px}
.form-floating:not(.checkbox):not(.radio)>label:not(.error){color:var(--bs-body-color)}
.form-floating.input-group>label{padding-left:3.7rem}
.input-group-text{justify-content:center}
.form-floating.input-group .input-group-text{height:3.55rem;line-height:2.8rem}
.input-group-prepend,.input-group-append{width:2.7rem}
.input-group-prepend .input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}
.input-group-append .input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}
.input-group>.form-control,.input-group>.form-select{max-width:calc(100% - 5rem)}
.input-group>.form-control+label,.input-group>.form-select+label{z-index:4}
.form-floating>.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:3rem!important}
.form-floating>.select2-container .select2-selection--single{padding:1rem .25rem 0}
.form-floating>.select2-container .select2-selection--multiple{padding:1.5rem .25rem .5rem}
.form-floating>.form-control:focus~label.error,.form-floating>.form-control:not(:placeholder-shown)~label.error,.form-floating>.form-select~label.error{opacity:1;transform:none}
.input_help{position:relative;top:-1rem;left:1.2rem;cursor:help}
.input_help+.input{margin-top:0}

input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
textarea:focus,
textarea.form-control:focus,
select:focus,
select.form-control:focus,
.select2 .selection:focus,
.select2-container:focus,
.select2-container--default .select2-selection--single:focus,.select2-container--default .select2-selection--multiple:focus{outline:0;box-shadow:0 0 0}
.select2 .selection{display:block}
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{border:1px solid #e6e6e6!important;border-radius:0!important}
.form .select2-container .select2-selection--single,.form .select2-container .select2-selection--multiple{height:auto}
.form .select2-container--default .select2-selection--single .select2-selection__arrow,
.form .select2-container--default .select2-selection--multiple .select2-selection__arrow{top:1.7rem}
.select2-container,.select2-dropdown,.select2-search,.select2-results{transition:none!important}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:var(--bs-primary)!important}

/* PASSWORD INPUT */
.input.password{position:relative}
.input.password:before,.input.password:after{content:'';position:absolute;top:10px;right:5px;width:50px;height:20px;background:no-repeat center right / auto 100%;cursor:pointer}
.form-floating.input.password:before,.form-floating.input.password:after{top:25px}
.input.password:before{background-image:url(../img/icons/ver.svg)}
.input.password:after{opacity:1;right:8px;background-image:url(../img/icons/no-ver.svg)}
.input.password.visible:after{opacity:0}

input[type="file"],input[type="checkbox"],input[type="radio"]{float:left;width:0.1px;height:0.1px;opacity:0;overflow:hidden;margin:0;padding:0}

/* FILE INPUT */
input[type="file"]+label{color:var(--bs-white);background-color:var(--bs-secondary);border-color:var(--bs-secondary);cursor:pointer;padding:.5rem .75rem;opacity:.8}
input[type="file"]:focus+label,input[type="file"]+label:hover,input[type="file"].has-focus+label{opacity:1}

/* CHECKBOX & RADIO ELEMS */
input[type="checkbox"]+label,input[type="radio"]+label{display:block;cursor:pointer;position:relative;padding-left:2rem;margin-bottom:1.4rem;text-align:left}
input[type="checkbox"]+label .icon-radio,input[type="radio"]+label .icon-check{display:none}
input[type="checkbox"]+label svg,input[type="radio"]+label svg{position:absolute;top:0;left:0;width:1.15rem;height:1.15rem;border:1px solid var(--bs-primary)}
input[type="radio"]+label svg{border-radius:50%}
input[type="checkbox"]+label svg path,input[type="radio"]+label svg circle{fill:none}
input[type="checkbox"]+label svg polyline,input[type="radio"]+label svg polyline{fill:none;stroke:var(--bs-secondary);stroke-width:2;stroke-dasharray:18px;stroke-dashoffset:18px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}
input[type="checkbox"]:checked+label svg,input[type="radio"]:checked+label svg{background-color:var(--bs-primary)}
input[type="checkbox"]:checked+label svg polyline,input[type="radio"]:checked+label svg polyline{stroke:var(--bs-white);stroke-dashoffset:0}

/* TEXTAREA ELEMS */
textarea,textarea.form-control,select[multiple],select[size],.form-floating>textarea.form-control{resize:vertical;line-height:1.25;height:7rem}

/* ERROR MESSAGES */
.alert{margin-bottom:0;border-radius:0;cursor:pointer}
input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:var(--bs-danger);-webkit-box-shadow:0 0 6px var(--bs-primary);-moz-box-shadow:0 0 6px var(--bs-primary);box-shadow:0 0 6px var(--bs-primary)}
input.error{border:1px solid var(--bs-danger);}
label.error,.error-message{color:var(--bs-danger);text-align:left}
label.error{display:block}
:not(.form-floating)>input+label.error,:not(.form-floating)>input+.error-message{position:relative;top:-12px;left:10px}
.form-floating>label.error,.form-floating>.error-message{position:static;height:auto;padding:0;border:0}
.input-group .error-message{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding-right:0;padding-left:0;margin-left:0;margin-top:.3rem}
input[type="checkbox"]+label+label.error,input[type="radio"]+label+label.error{top:0;left:0;float:left}

/* ERROR PAGE */
.errorpage .alert-error{font-weight:600;font-size:3rem;text-transform:uppercase;margin-bottom:3rem;-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
.errorpage figure.adjust-h{position:relative;height:50vh}
.errorpage figure figcaption{position:absolute;top:50%;left:50%;font-weight:600;font-size:15vw;line-height:1;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

/* UTILIDADES */
iframe{border:0!important}
figure{margin:0 auto}
figure>img,figure>svg,figure>video,
figure>a,figure>a>img,figure>a>svg,figure>a>video{display:block;width:100%}
figure.adjust-h,figure.adjust-h>a{height:100%}
figure.adjust-h img,figure.adjust-h svg,figure.adjust-h video{width:auto;max-width:none;height:100%;margin:0 auto}
figure.fixed-h{position:relative;overflow:hidden}
figure.fixed-h img,figure.fixed-h svg,figure.fixed-h video{position:absolute;top:50%;left:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}
figure.fixed-h.align-bottom img,figure.fixed-h.align-bottom svg,figure.fixed-h.align-bottom video{top:auto;bottom:0;-ms-transform:translateY(0);transform:translateY(0)}
figure.fixed-h.adjust-h img,figure.fixed-h.adjust-h svg,figure.fixed-h.adjust-h video{position:absolute;top:50%;left:50%;width:auto;max-width:none;height:100%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
figure.fixed-h.adjust-h.align-bottom img,figure.fixed-h.adjust-h.align-bottom svg,figure.fixed-h.adjust-h.align-bottom video{top:auto;bottom:0;-ms-transform:translate(-50%,0);transform:translate(-50%,0)}
figure.play{position:relative;cursor:pointer}
figure.play:not(.playing):before{content:'';position:absolute;top:50%;left:50%;width:4rem;height:4rem;z-index:1;background:url(../img/icons/play.svg) no-repeat center / contain;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
figure.fig-inside{position:relative}
figure.fig-inside>figcaption{position:absolute;bottom:0;left:0;width:100%;padding:2rem;text-align:center}
.valign{width:0;display:inline-block;vertical-align:middle;height:100%}
.inline{width:100%;display:inline-block;vertical-align:middle}
.lazy{background-repeat:no-repeat;background-position:50% 50%}
.video_responsive{position:relative;padding-bottom:56.25%;/* 16:9 */padding-top:25px;height:0}
.video_responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.scrolltop{display:none;position:fixed;bottom:10vh;right:0;width:40px;height:40px;z-index:99;border-radius:50%;cursor:pointer;padding:10px 5px}
.scrolltop svg{width:100%}
.scrolltop svg *{fill:var(--bs-white)!important}
.content_flex{width:100%}
[class*="anti-container"]{margin-right:calc(-1*var(--bs-gutter-x,.75rem));margin-left:calc(-1*var(--bs-gutter-x,.75rem))}
.estrecho{max-width:600px;margin:0 auto;text-align:center}
.wrapper_showed_more{display:none}

/* THIRD-PARTY TOOLS */
.g-recaptcha:not([data-size="invisible"]){display:inline-block;margin:20px auto}
.grecaptcha-badge{z-index:99;right:-386px!important}
.grecaptcha-badge.show{right:-186px!important}
.google-maps{position:relative;padding-bottom:35%;height:0;overflow:hidden}
.google-maps iframe,.capa-anti-eventos{position:absolute;top:0;left:0;width:100%!important;height:100%!important}
.capa-anti-eventos{z-index:1;cursor:pointer}
a.eapps-link[style]{display:none!important;pointer-events:none!important;position:relative!important;z-index:-100!important}

/* PAGINATION */
.page-link:hover{color:var(--bs-primary);background-color:var(--bs-primary-extralight)}
.page-item.active .page-link{background-color:var(--bs-primary);border-color:var(--bs-primary)}

/* COOKIES */
.show_cookies>div.cookies_actions button,#cm_primary_btn,#cs_acceptall_btn,#cc_div .c_b_toggle input:checked~.sc_toggle{background-color:var(--bs-primary)!important}
#cc_div #cm .cc-link,#cc_div #cs .cc-link{color:var(--bs-secondary)!important}

/* SOCIAL LINKS */
.social a{display:inline-block;vertical-align:middle}
.social a:not(:last-child){margin-right:1rem}
.social img,.social svg{height:32px;width:32px}

/* MOSCA CONTACTO */
.mosca_contacto{position:fixed;bottom:2rem;right:-220px;width:220px;z-index:9;transition:all .5s ease;text-align:left}
.mosca_contacto.visible{right:0}
.mosca_contacto .icon{position:absolute;right:100%;top:0;height:3rem;padding:.5rem;cursor:pointer;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}
.mosca_contacto h4{height:3rem;line-height:3rem;padding:0 1rem;margin:0}

/* WHATSAPP FLOATING LINK */
.whatsapp_floating {position:fixed;right:1rem;bottom:6rem;z-index:9;width:3rem}

/* ESTATICOS */
.estaticos{text-align:left;padding:4rem 0}
.estaticos h1:not(:first-child),.estaticos h2:not(:first-child),.estaticos h3:not(:first-child),.estaticos h4:not(:first-child){margin-top:4rem}
.estaticos li{margin-bottom:.5rem}
.estaticos p,.estaticos ul,.estaticos ol{margin-bottom:2rem}
.estaticos p:last-child{margin-bottom:0}
.estaticos a{font-style:italic;color:var(--bs-primary)}
.estaticos a:hover{text-decoration:underline}
.estaticos img,.estaticos svg,.estaticos video{max-width:100%}


/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 */
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}


/** MEDIA QUERIES **/
/* Small devices (landscape phones, 576px and up) */
@media (min-width:576px){
	figure.adjust-sm-h{height:100%}
	figure.adjust-sm-h img,figure.adjust-sm-h svg,figure.adjust-sm-h video{width:auto;max-width:none;height:100%}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width:768px){
	.w-md-50{width:50%}
	.w-md-100{width:100%!important}
	section:not(.main_container){padding-top:4rem;padding-bottom:4rem}
	figure.adjust-md-h{height:100%}
	figure.adjust-md-h img,figure.adjust-md-h svg,figure.adjust-md-h video{width:auto;max-width:none;height:100%}
	figure.fixed-md-h{position:relative;overflow:hidden}
	figure.fixed-md-h img,figure.fixed-md-h svg,figure.fixed-md-h video{position:absolute;top:50%;left:0;-ms-transform:translateY(-50%);transform:translateY(-50%)}
	figure.fixed-md-h.adjust-md-h img,figure.fixed-md-h.adjust-md-h svg,figure.fixed-md-h.adjust-md-h video{position:absolute;top:50%;left:50%;width:auto;max-width:none;height:100%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
	figure.fixed-md-h.align-bottom img,figure.fixed-md-h.align-bottom svg,figure.fixed-md-h.align-bottom video{top:auto;bottom:0;-ms-transform:translateY(0);transform:translateY(0)}
}

/* Large devices (desktops, 992px and up) */
@media (min-width:992px){
	figure.adjust-lg-h{height:100%}
	figure.adjust-lg-h img,figure.adjust-lg-h svg,figure.adjust-lg-h video{width:auto;max-width:none;height:100%}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width:1200px){
	figure.adjust-xl-h{height:100%}
	figure.adjust-xl-h img,figure.adjust-xl-h svg,figure.adjust-xl-h video{width:auto;max-width:none;height:100%}
}

/* Extra extra large devices (large desktops, 1400px and up) */
@media (min-width:1400px){
	figure.adjust-xxl-h{height:100%}
	figure.adjust-xxl-h img,figure.adjust-xxl-h svg,figure.adjust-xxl-h video{width:auto;max-width:none;height:100%}
}

/* Tiny devices (small phones, 270px and down) */
@media (max-width:270px){
	header .row.justify-content-between{-ms-flex-pack:center!important;justify-content:center!important}
}
@charset "UTF-8";

/* EMPRESA CSS Document */

@font-face {
	font-family: 'Kanit';
	src: url('fonts/Kanit-Regular.eot');
	src: url('fonts/Kanit-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Kanit-Regular.woff2') format('woff2'),
		url('fonts/Kanit-Regular.woff') format('woff'),
		url('fonts/Kanit-Regular.ttf') format('truetype'),
		url('fonts/Kanit-Regular.svg#Kanit-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto-Light.eot');
	src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Roboto-Light.woff2') format('woff2'),
		url('fonts/Roboto-Light.woff') format('woff'),
		url('fonts/Roboto-Light.ttf') format('truetype'),
		url('fonts/Roboto-Light.svg#Roboto-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Kanit';
	src: url('fonts/Kanit-Light.eot');
	src: url('fonts/Kanit-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Kanit-Light.woff2') format('woff2'),
		url('fonts/Kanit-Light.woff') format('woff'),
		url('fonts/Kanit-Light.ttf') format('truetype'),
		url('fonts/Kanit-Light.svg#Kanit-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

header {
	z-index: 100;
	position: sticky;
	background-size: cover;
	top: 0;
}

header.scrolling {
	background-color: var(--bs-primary);
}

header.scrolling .btnsolicitar {
	border: 2px solid white;
	border-radius: 2rem;
}


header #menuDropdown {
	transition: all ease .5s;
}

header.scrolling #menuDropdown {
	transform: scale(.85);
	transition: all ease .5s;
	background-color: var(--bs-primary);
	border: 4px solid white;
}


header.scrolling .button_menu svg * {
	stroke: var(--bs-primary);
}

header .logo {
	transition: all ease .5s;
}

header.scrolling .logo {
	width: 10rem;
	height: 6rem;
	padding: 1.5rem 1rem;
	transition: all ease 1s;
}

.kanit-head {
	font: 400 20px "Kanit";
	color: white;
}

.servicio {
	list-style-type: none;
}

header .servicios {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	display: none;
}

.light {
	font: 300 19px "Roboto";
	line-height: 2rem;
}

.kanit-sector {
	font: 400 50px "Kanit";
}

.wrapp{
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}

.li_dropdown .content_dropdown:not(.active) {
	height: 0 !important;
}

.li_dropdown .content_dropdown {
	overflow: hidden;
	height: 0;
	transition: height ease .2s !important;
}


.li_dropdown .content_dropdown ul {
	transition: opacity ease .5s !important;
	opacity: 0 !important;
}

.li_dropdown .content_dropdown.active {
	transition-delay: .15s !important;
}

.li_dropdown .content_dropdown.active ul {
	transition-delay: .3s;
	opacity: 1 !important;
}


#menu {
	visibility: hidden;
	display: none;
}

.btnsolicitar-menu {
	border-radius: 2rem;
	padding: 0.8rem 3rem;
	font: 300 19px "Kanit";
	border: 3px solid white;
	margin-top: 3rem;
}

.img-ini-ban {
	position: absolute;
	background: url(../img/banner-img-degradado.png) no-repeat center;
	background-size: cover;
	min-height: 40rem;
	z-index: 2;
	top: -14rem;
	left: 0;
	width: 100%;




}

.sec-banner {
	padding-top: 0;
	position: relative;
	z-index: 10;
}

.logo {
	max-width: 220px;
	background-color: var(--bs-primary);
	padding: 5rem 2rem;
}

.btnsolicitar:active,
.btnsolicitar:hover {
	background-color: var(--bs-primary);
}

.sec_port_menu {
    padding: 21px;
}

.sec_aceit_menu {
    padding: 21px;
}
.sec_mine_menu {
    padding: 21px;
}
.servicios_2{
	padding-left: 0px;
    margin-left: -3rem;
	margin-right: -2rem;
}

.title-sec{
	margin-left: 1.8rem;
}
.tl-serv{
	padding-bottom: 12px;
}

.servicio_portuario_sec{
	list-style-type: none;
    margin-left: 1.5rem;
    color: black;
}

.servicio_aceitero_sec{
	list-style-type: none;
    margin-left: 1.5rem;
    color: black;
}

.servicio_minero_sec{
	list-style-type: none;
    margin-left: 1.5rem;
    color: black;
}

.background-color-p{
	position: absolute;
    left: 50%;
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: -1;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

#menuDropdown {
	border-radius: 3rem;
	position: relative;
	padding: 1rem 0.6rem;
	background-color: var(--bs-primary);
	cursor: pointer;
	margin-right: 1rem;
	border: 3px solid white;
	display: none;
}

#menuDropdown-telf {
	border-radius: 3rem;
	position: relative;
	padding: 1rem 1rem;
	background-color: var(--bs-primary);
	cursor: pointer;
	margin-right: 1rem;
	border: 3px solid white;
}

.dropdown-toggle::after {
	content: none;
}

.dropdown-menu {
	width: 24rem;
	height: 19.1rem;
	padding-top: 0.2rem;
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: white;
	background-color: var(--bs-primary);
}

.dropdown-item {
	line-height: 3.2rem !important;
	font: 300 18px "Roboto";
	padding-left: 2rem;
}

#menu.active {
	opacity: 1;
	-ms-transform: translateX(0);
	transform: translateX(0);
}

#menu {
	position: fixed;
	left: 0;
	top: 0;
	/* width: 65vh; */
	height: 100vh;
	z-index: 15;
	opacity: 0;
	-ms-transform: translateX(100%);
	transform: translateX(100%);
	transition: all ease .65s;
	overflow: auto;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}

.circle-menu-cerrar {
	border-radius: 43rem;
	position: relative;
	padding: 0.5rem 0.5rem;
	width: 3rem;
	margin-top: 2rem;
	border: 2px solid var(--bs-primary);
	margin-left: 3rem;
}

.div-head-cerrar {
	margin-left: 0rem;
}

.kanit-title-menu {
	font: 800 41px "Kanit";
	margin-left: 1rem;
	color: var(--bs-primary);
}

.kanit-men-ti {
	font: 300 24px "Kanit";
	padding-top: 2rem;
}

.btnsolicitar-ventajas:focus,
.btnsolicitar-ventajas:hover {
	color: var(--bs-btn-hover-color) !important;
	background-color: var(--bs-secondary) !important;
	border-color: var(--bs-secondary) !important;
}

.btnsolicitar-insitu:focus,
.btnsolicitar-insitu:hover {
	color: white;
	background-color: transparent;
	border-color: white;
}

.btn-enviar:focus,
.btn-enviar:hover {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: white;
}

.btnsolicitar-ventajas svg {
	width: 0;
	transition: all ease .5s;
}

.btnsolicitar-ventajas:focus svg,
.btnsolicitar-ventajas:hover svg {
	opacity: 1;
	width: 20px;

}

.slick-dots {
	display: flex;
	justify-content: center;
	padding-top: 30px;
}

.slick-dots li {
	margin-left: 30px;
	position: relative;
}

.dots-slick {
	height: 10px;
	width: 10px;
	background-color: #54595f;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	left: -15px;
	z-index: 1;
	transition: all ease 0.3s;
}

.slick-active .dots-slick {
	height: 15px;
	width: 15px;
	top: 3px;
}

.btnsolicitar-insitu svg {
	width: 0;
	transition: all ease .5s;
}

.btnsolicitar-insitu:focus svg,
.btnsolicitar-insitu:hover svg {
	opacity: 1;
	width: 20px;
}

.btnsolicitar {
	border-radius: 2rem;
	padding: 0.8rem 2rem;
	font: 300 21px "Kanit";
}

.btnsolicitar svg {
	width: 0;
	transition: all ease .5s;
}

.btnsolicitar:focus svg,
.btnsolicitar:hover svg {
	opacity: 1;
	width: 20px;
}

.btnsolicuan svg {
	width: 0;
	transition: all ease .5s;
}

.btnsolicuan:focus svg,
.btnsolicuan:hover svg {
	opacity: 1;
	width: 20px;
}

.btninfo svg {
	width: 0;
	transition: all ease .5s;
}

.btninfo:focus svg,
.btninfo:hover svg {
	opacity: 1;
	width: 20px;
}

.btninfo svg {
	width: 0;
	transition: all ease .5s;
}

.btninfo:focus svg,
.btninfo:hover svg {
	opacity: 1;
	width: 20px;
}

.btnproyectos:focus,
.btnproyectos:hover {
	color: white !important;
	background-color: var(--bs-primary) !important;
	border-color: var(--bs-btn-hover-border-color);
}

.fig-quest {
	width: 15rem;
}

.inicio {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}

.cnt-naranja {
	background-color: var(--bs-primary);
	position: relative;
	height: 98rem;
}

.cnt-sin-naranja {
	position: relative;
	height: 98rem;
}

.r-white {
	background-color: white;
	margin-right: 5rem;
	margin-left: 4rem;
	position: absolute;
	margin-top: -2rem;
}

.sec-inicial {
	position: absolute;
	left: 5rem;
	right: 5rem;
	z-index: 20;
	padding-top: 11rem !important;
}

.cnt-white {
	width: 53%;
	background-color: white;
	margin-top: -80rem;

}

.cnt-orange {
	width: 75%;
	background-color: var(--bs-primary);
	height: 73rem;
	margin-top: -12rem;
}

.kanit {
	font: 400 65px "Kanit";
	padding-left: 3rem;
	padding-top: 4rem;
	line-height: 4rem;
}

.txt-title {
	color: var(--bs-primary) !important;
}

.txt-desc {
	padding-right: 33%;
	padding-bottom: 0rem;
	padding-left: 3rem;
	font: 300 21px "Roboto";
}

.btninfo {
	border-radius: 2rem;
	font-size: 20px;
	padding: 0.8rem 2rem;
	width: 11rem;
	font: 300 21px "Kanit";
}

.btn-info {
	padding: 2rem 0rem 1rem 3rem;
	margin-top: 2rem;
}

.btnproyectos {
	border-radius: 2rem;
	font-size: 20px;
	padding: 0.8rem 2rem;
	width: 11rem;
	font: 300 21px "Kanit";
	text-align: center;
	color: var(--bs-primary) !important;
	border-color: var(--bs-primary) !important;
}

.btn-proyectos {
	padding-left: 3rem;
}

.img-metal {
	padding-bottom: 16rem;
	padding-right: 3rem;
}

.img-laser {
	height: 100%;
	position: relative;
	z-index: 30;
	padding-top: 2rem;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.fig-laser {
	height: 56rem;
}

.i-laser {
	padding-top: 70.8rem !important;
	padding-bottom: 0rem !important;
}

.cnt-laser {
	padding-left: 0rem !important;
	padding-right: 0rem !important;
}

.cnt-orange-2 {
	width: 75%;
	background-color: var(--bs-primary);
	padding-top: 2rem;
	padding-bottom: 0rem;
}

.cnt-oragne-background {
	background-color: var(--bs-primary);
}

.accordion {
	--bs-accordion-bg: var(--bs-primary) !important;
}

.accordion-item {
	border-top: 2px solid white;
	border-radius: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 2px solid white;
}

.accordion-button:not(.collapsed) {
	color: var(--bs-primary) !important;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
	cursor: pointer;
	color: white;
}

.accordion-button::after {
	background: url(../img/saber-mas.svg) no-repeat center center/cover;
	width: 30px;
	height: 30px;
}

.accordion-button:not(.collapsed)::after {
	background: url(../img/saber-menos.svg) no-repeat center center/cover;
	width: 30px;
	height: 30px;
}


.accordion-button:not(.collapsed) {
	background-color: var(--bs-secondary);
}

.accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}


.accordion-header {
	margin-bottom: 0;
	font: 300 27px "Kanit";
}

.accordion-body {
	padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
	background-color: var(--bs-secondary);
	color: white;
	font: 300 21px "Roboto";
}

.accordion-button {
	font-size: 32px;
}

.accordion-button:focus {
	z-index: 3;
	border-color: var(--bs-accordion-btn-focus-border-color);
	outline: 0;
	box-shadow: var(--bs-primary);
}

.fig-mas {
	display: flex;
	justify-content: center;
}

.img-mas {
	max-width: 30px;
}

.beneficios {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}

.bg-highlight {
	background-color: var(--bs-secondary);
}

.txt-beneficio {
	color: white;
	font: 300 21px "Roboto";
	padding-right: 3rem;
}

.title-beneficio {
	color: var(--bs-primary);
	font: 400 25px "Kanit";
	padding-left: 2rem;
	line-height: 2rem;
}

.kanit-bene {
	font: 400 25px "Kanit";
	padding-left: 3rem;
	color: white;
}

.raya-blanca {
	border: 1px solid white;
	opacity: 100%;
	width: 92%;
	margin-left: 3.7rem;
	margin-bottom: 1rem;
	margin-top: -0.4rem;
}

.cursor-pointer {
	cursor: pointer;
}

#txt-din {
	cursor: pointer;
}

#txt-est {
	cursor: pointer;
}

.sec-bene {
	padding-top: 0.4rem !important;
	padding-bottom: 3rem !important;
}

.sec-cuando {
	background-color: white;
	padding-bottom: 0rem !important;
	overflow-x: hidden;
}

.kanit-cuando {
	font: 400 65px "Kanit";
	padding-left: 4rem;
	padding-top: 3rem;
	line-height: 4rem;
}

.txt-cuando {
	font: 300 21px "Roboto";
	padding: 4rem 1rem 2rem 0rem;
}

.cnt-img-metal {
	position: relative;
	background-color: #303030;
	height: 45.1rem;
}

.cnt-img-metal figure {
	width: 100%;
	height: 100%;

}

.img-metal02 {
	padding-left: 6rem;
	padding-right: 6rem;
	position: absolute;
	top: -3rem;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.txt-img-metal {
	background-color: var(--bs-primary);
	position: absolute;
	z-index: 2;
	top: -6.9rem;
	left: 41.6rem;
	padding: 2rem;
	font: 400 35px "Kanit";
	color: white;
	padding-right: 17.5rem;
}

.sec-tipos {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
	margin-bottom: 40rem;
}

.kanit-tipos {
	font: 400 65px "Kanit";
	padding-left: 7rem;
	padding-top: 3rem;
}

.kanit-tipos-text {
	font: 300 21px "Roboto";
	padding: 3rem 25rem 5rem 7rem;
}

.txt-title-whi {
	color: white !important;
}

.cnt-tipos {
	background-color: var(--bs-primary);
	position: absolute;
	margin-top: -2rem;

}

.txt-tipos {
	font: 300 21px "Roboto";
	color: white;
	padding: 3rem 26rem 7rem 7rem;
}

.div-taller {
	background-color: var(--bs-secondary);
	width: 9rem;
	padding: 2rem;
	margin-left: 7rem;
}

.cnt-in-situ {
	background-color: var(--bs-secondary);
}

.sec-in-situ {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;

}

.div-situ {
	background-color: var(--bs-primary);
	width: 9rem;
	padding: 2rem;
	margin-left: 8rem;
	margin-top: 10rem;
}

.title-tipos {
	font: 400 0px "Kanit";
	background-color: white;
	padding: 1rem 2rem 0.5rem 2.5rem;
	color: var(--bs-primary);
	margin-left: 6.3rem;
	width: 25.2rem;
	margin-bottom: 3rem;
}

.sec-ventajas {
	padding-top: 0rem !important;
}

.img-mas-ventajas {
	max-width: 22px;
	margin-left: 8rem;
	margin-top: -0.5rem;
	fill: #fff;
}

.img-mas-ventajas-2 {
	max-width: 22px;
	margin-left: 8rem;
	margin-top: -0.5rem;
	fill: #fff;
}

.txt-ventaja {
	font: 400 25px "Kanit";
	color: white;
	margin-bottom: 1rem;
	line-height: 2rem;
	cursor: pointer;
	padding-top: 2.5rem;
}

.txt-taller {
	font: 300 21px "Roboto";
	color: white;
	padding-right: 4rem;
	min-height: 335px;
}

.btnsolicitar-ventajas {
	border-radius: 2rem;
	padding: 0.8rem 2rem;
	font: 300 25px "Kanit";
	border: 3px solid white;
	margin-top: 3rem;
}

.title-insitu {
	font: 400 0px "Kanit";
	background-color: white;
	padding: 1rem 2rem 0.5rem 2.5rem;
	color: var(--bs-primary);
	margin-left: 6.5rem;
	width: 11rem;
	margin-bottom: 3rem;
}

.btnsolicitar-insitu {
	border-radius: 2rem;
	padding: 0.8rem 2rem;
	font: 300 25px "Kanit";
	border: 3px solid var(--bs-primary);
	margin-top: 3rem;
	color: var(--bs-primary);
	margin-bottom: 3rem;
}

.title-tecno {
	font: 400 36px "Kanit";
	padding-left: 3rem;
}

.txt-tecno {
	font: 300 21px "Roboto";
	padding-left: 3rem;
	padding-bottom: 3rem;
	padding-top: 1rem;
}

.txt-tecno-porciento {
	font: 400 25px "Roboto";
	color: var(--bs-primary);
	padding-left: 3rem;
}

.cnt-naranja-2 {
	background-color: var(--bs-primary);
}

.r-white-2 {
	background-color: white;
	margin-right: 4rem;
	margin-left: 4rem;
}

.sec-inicial-2 {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}

.sec-certificacion {
/*	background-color: #303030;*/
	padding-top: 0rem !important;
	padding-bottom: 4rem !important;
}

.kanit-certi {
	font: 400 65px "Kanit";
	padding-left: 8rem;
	padding-top: 5rem;
/*	color: white !important;*/
	line-height: 4rem;
}

.txt-certi {
	font: 300 21px "Roboto";
/*	color: white;*/
	padding-left: 8rem;
}

.img-aenor {
	width: 6rem;
	border: 2px solid var(--bs-primary);
}

.img-aenor-2 {
	width: 6rem;
	border: 2px solid var(--bs-primary);
}

.btn-info-2 {
	padding: 0rem 0rem 1rem 8.7rem;
}

.sec-casos {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}

.img-maquinaria {
	width: 32rem;
	padding-left: 3rem;
	margin: auto;
}

.txt-cliente {
	font: 700 21px "Kanit";
	color: var(--bs-primary);
	font-weight: 800;
}

.txt-empresa {
	font: 700 21px "Kanit";
	font-weight: 800;
}

#datos-casos {
	margin-left: 2.5rem;
	margin-top: 4.2rem;
}

.first-txt-cli {
	padding-left: 2.5rem;
	margin-left: -2.5rem;
	width: 30rem;
}

.txt-casos {
	padding-top: 1rem;
	font: 300 21px "Roboto";
	padding-right: 5rem;
	padding-bottom: 0.2rem;
}

.div-datos {
	background-color: #EFBFAE;
	padding-top: 1rem;
	width: 30rem;
	padding-left: 2.5rem;
	margin-left: -3rem;
	padding-bottom: 3.45rem;
}

.title-datos {
	font: 700 21px "Kanit";
	color: var(--bs-primary);
	font-weight: 800;
	padding-top: 1rem;
}

.hamburger-container {
	height: 60px;
	width: 60px;
	background-color: var(--bs-primary);
	border-radius: 50%;
	position: relative;
}

.hamburger-line {
	height: 2.5px;
	width: 32px;
	background-color: white;
	border-radius: 2rem;
	position: absolute;
}

.h-line-1 {top: 12px; left: 17px;}
.h-line-2 {top: 25px; left: 7px;}
.h-line-3 {top: 38px; left: 17px;}

.header-button {
	background-color: var(--bs-primary); 
	font-family: "Kanit", Sans-serif;
    font-weight: 400;
    border-radius: 40px;
    font-size: 21px;
    border: none;
    transition: all ease-in-out 0.3s;
}

.header-border {
	border: 2px solid white;
}

.hamburger-scroll {
	background-color: white;
}

.hamburger-line-scroll {
	background-color: var(--bs-primary);
}

.header-dropdown-menu {
	height: auto;     
	top: 5px !important;
    right: -20px !important;
}
.header-dropdown-menu li {
	font-family: "Kanit", Sans-serif;
    font-size: 21px;
    font-weight: 300;
}
.header-dropdown-menu li:hover {
	background-color: white;
	color: var(--bs-primary);
}

.selected_item a {
	color: var(--bs-primary);
}

.fa-question-circle {
	display: none;
}

.txt-datos {
	font: 300 16px "Roboto";
	line-height: 0.7rem;
}

.num-casos {
	font-weight: bold;
	color: var(--bs-primary) !important;
	font: 700 18px "Kanit";
}

.sec-grupo {
	background-color: white;
}


.sec-grupo {
	padding-top: 6rem !important;
	padding-bottom: 2rem !important;
}

.img-grupochia {
	width: 17rem;
}

.kanit-grupo {
	font: 400 52px "Kanit";
	text-align: center;
	padding-top: 6rem;
	line-height: 3.9rem;
}

.fig-sombra {
	background-color: var(--bs-primary);
}

.sec-form {
	background-color: var(--bs-primary);
}

#nombre {
	background-color: var(--bs-primary);
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-radius: 0px;
	border-bottom: 2px solid white;
}

#apellidos {
	background-color: var(--bs-primary);
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-radius: 0px;
	border-bottom: 2px solid white;
}

#empresa {
	background-color: var(--bs-primary);
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-radius: 0px;
	border-bottom: 2px solid white;
}

#telefono {
	background-color: var(--bs-primary);
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-radius: 0px;
	border-bottom: 2px solid white;
}

#cif {
	background-color: var(--bs-primary);
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-radius: 0px;
	border-bottom: 2px solid white;
}

#comentario {
	background-color: var(--bs-primary);
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-radius: 0px;
	border-bottom: 2px solid white;
	height: 224px !important;
}

#mail {
	background-color: var(--bs-primary);
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-radius: 0px;
	border-bottom: 2px solid white;
}

#lab {
	color: white;
	opacity: 100%;
	font: 300 23px "Roboto";
	padding: 0rem 0rem;
}

.lab-comm {
	margin-left: 6.5px;
}

.kanit-form {
	font: 400 65px "Kanit";
	padding-top: 3rem;
	color: white !important;
	padding-right: 14rem;
}

.equili-dinam.active {
	color: var(--bs-secondary);
}

.prue-sobreveloci.active {
	color: var(--bs-primary);
}

.active .img-mas-ventajas * {
	fill: var(--bs-secondary) !important;
}

.active .img-mas-ventajas-2 * {
	fill: var(--bs-primary) !important;
}


input[type="checkbox"]+label svg,
input[type="radio"]+label svg {
	border: 1px solid #ffffff !important;
}

.btn-enviar {
	border-radius: 56px;
	background-color: #303030;
	padding: 0.9rem 3rem;
	font: 400 21px "Kanit";
}

.cnt-foot {
	background-color: #303030;
}

.fig-logo-naranja {
	width: 14rem;
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.sec-form {
	padding-bottom: 0rem !important;
}

.sec-mapas {
	padding-top: 0rem !important;
}

.div-btn-env {
	padding-right: 9.6rem;
	padding-bottom: 15rem;
}

.kanit-contacto {
	font: 400 65px "Kanit";
	padding-left: 7.6rem;
	padding-bottom: 1rem;
	line-height: 4rem;
}

.datos-contacto {
	background-color: #303030 !important;
	padding-top: 4rem;
	padding-bottom: 3rem;
	width: 61rem;
	margin-left: 7rem;
}

.button_menu svg * {
	stroke: #fff;
}

.div-num-mail {
	font: 300 21px "Kanit";
	padding-left: 8.6rem;
}

.div-direccion {
	font: 300 21px "Kanit";
	padding-right: 7rem;
}

.mail-color {
	color: white !important;
}

.txt-title-num {
	color: white !important;
}

.div-contact {
	position: absolute;
	z-index: 2;
	top: -10rem;
}

.div-coment {
	padding-right: 0rem;
	width: 61rem;

}

#acep-terminos {
	color: white;
	font-size: 18px;
	padding-left: 11rem;
}

#googlemaps {
	height: 50rem;
}

.fig-sombra {
	position: absolute;
	top: 0;
	left: 25%;
	width: 50%;
}

#formu-sect {
	position: relative;
}

.social-media-icon {
	height: 35px;
	width: 35px;
	background-color: white;
	border-radius: 50%;
}

.fab {
	color: #F15923;
}

.fo-legal {
	font: 300 21px "Kanit";
	padding-bottom: 3rem;
}

label.error,
.error-message {
	color: #ee1818;
	margin-left: 10rem;
	background-color: rgb(239, 146, 146);
	width: 76%;
	padding: 1rem;
	font: 400 19px "Roboto";
	text-align: center;
	margin-bottom: 2rem;
}

.txt-error {
	color: #ffffff;
	background-color: rgb(239, 146, 146);
	font: 400 23px "Roboto";
}

.txt-success {
	color: #ffffff;
}

.success-message {
	color: var(--bs-primary);
	margin-left: 10rem;
	background-color: var(--bs-secondary);
	width: 76%;
	padding: 1rem;
	font: 400 19px "Roboto";
	text-align: center;
	margin-bottom: 2rem;
}

.btnsolicuan {
	border-radius: 2rem;
	padding: 0.8rem 2rem;
	font: 300 20px "Kanit";
	width: 18rem;
}

@media (max-width:1400px) {

	.first-txt-cli {
		padding-left: 5rem;
		margin-left: -2.5rem;
		width: 30rem;
	}

	#comentario {
		margin-left: 1rem;
		width: 100%;
	}

	.lab-comm {
		margin-left: 23.5px;
	}

	#comment-form {
		padding-left: 8.3rem;
		padding-right: 9rem;
	}

	.div-datos {
		margin: auto;
		padding-bottom: 2.1rem;
	}

	#bt-solicitar {
		width: 23rem;
	}

	.img-metal {
		padding-bottom: 16rem;
		padding-top: 3rem;
	}

	.txt-img-metal {
		top: -6.9rem;
		left: 33.6rem;
		padding-right: 14.3rem;
	}

	.cnt-img-metal {
		height: 37.5rem;
	}

	.logo {
		width: 12rem;
	}

	.txt-desc {
		padding: 0rem 5rem 0rem 3rem;
	}

	.i-laser {
		padding-top: 67.8rem !important;
	}

	.div-direccion {
		font: 300 21px "Roboto";
		padding-right: 4rem;
	}

	.div-num-mail {
		font: 300 21px "Roboto";
		padding-left: 5rem;
	}

	/*#datos-casos {
		margin-left: -4.6rem;
		margin-top: 4.3rem;
	}*/

	.txt-casos {
		padding-top: 1rem;
		font: 300 21px "Roboto";
		padding-right: 5rem;
		padding-bottom: 0.2rem;
		padding-left: 0rem;
	}

	.txt-empresa {
		font: 700 21px "Kanit";
		font-weight: 800;
		padding-left: 0rem;
	}

	.txt-cliente {
		font: 700 21px "Kanit";
		color: var(--bs-primary);
		font-weight: 800;
		padding-left: 0rem;
	}

	.datos-contacto {
		background-color: #303030 !important;
		padding-top: 4rem;
		padding-bottom: 3rem;
		width: 52rem;
		margin-left: 6rem;
	}

	.kanit-contacto {
		font: 400 65px "Kanit";
		padding-left: 3.6rem;
		padding-bottom: 1rem;
		line-height: 4rem;
	}
}

@media (max-width:1200px) {

	.first-txt-cli {
		padding-left: 0rem;
		margin: auto;
	}

	.div-datos {
		padding-left: 1.5rem;
		padding-bottom: 3.7rem;
	}

	#comentario {
		margin-left: -0.4rem;
		width: 100%;
	}

	.lab-comm {
		margin-left: 2.5px;
	}

	.datos-contacto {
		background-color: #303030 !important;
		padding-top: 4rem;
		padding-bottom: 3rem;
		width: 52rem;
		margin-left: 0rem;
	}

	.txt-img-metal {
		top: -6.8rem;
		left: 25.8rem;
		right: 6rem;
		padding-right: 10.8rem;
	}

	.txt-desc {
		padding: 0rem 5rem 0rem 3rem;
	}

	.i-laser {
		padding-top: 115.8rem !important;
	}

	.cnt-img-metal {
		height: 29.9rem;
	}

	.div-direccion {

		padding-right: 4rem;
	}

	.div-num-mail {
		padding-left: 5rem;
	}

	/*#datos-casos {
		margin: auto;
		padding-left: 3rem;
	}*/

	.sec-casos {
		margin-left: 10rem;
		margin-right: 10rem;
	}

	.kanit-form {
		padding-right: 0rem;
	}

	.sec-tipos {
		margin-bottom: 40rem;
	}

	.cnt-naranja {
		background-color: var(--bs-primary);
		position: relative;
		height: 112rem;
	}

	.cnt-sin-naranja {
		position: relative;
		height: 112rem;
	}

	.img-metal {
		padding: 0;
		margin-top: 3rem;
		padding-bottom: 10rem;
	}
}

@media (max-width:992px) {

	.datos-contacto {
		background-color: #303030 !important;
		padding-top: 4rem;
		padding-bottom: 3rem;
		width: 43rem;
		margin-left: 0rem;
	}

	.div-num-mail {
		padding-left: 4.7rem;
	}

	.div-direccion {
		padding-right: 2rem;
	}

	.sec-casos {
		margin-left: 5rem;
		margin-right: 5rem;
	}

	#div-taller {
		margin-left: 2rem;
		padding-top: 4rem;
	}

	.txt-tipos {
		padding: 3rem 3rem 7rem 7rem;
	}

	.cnt-img-metal {
		height: 19.8rem;
	}

	.txt-img-metal {
		top: -6.7rem;
		left: 20rem;
		padding-right: 2.8rem;
	}

	.btn-info-2 {
		padding: 2rem 0rem 1rem 8rem;
	}

	.btnsolicitar {
		border-radius: 2rem;
		padding: 0.8rem 1rem;
		font: 300 22px "Kanit";
	}

	.btnsolicuan {
		border-radius: 2rem;
		padding: 0.8rem 2rem;
		font: 300 15px "Kanit";
		width: 18rem;
	}

	.raya-blanca {
		margin-left: 1.7rem;
	}

	.i-laser {
		padding-top: 101.8rem !important;
	}

	.txt-desc {
		padding: 0rem 13rem 0rem 3rem;
		font: 300 17px "Roboto";
		padding: 0rem 4rem 0rem 3rem;
	}

	.sec-tipos {
		margin-bottom: 60rem;
	}

	#comment-form {
		padding-left: 0.8rem;
		padding-right: 0rem;
	}

	#acep-terminos {
		color: white;
		font-size: 18px;
		padding-left: 1rem;
	}

	.div-btn-env {
		padding-right: 0rem;
		padding-bottom: 15rem;
	}

	.img-metal {
		padding-bottom: 7rem;
	}
}

@media (max-width: 920px) {

	.r-white {
		margin-left: 4rem;
	}

}

@media (max-width:870px) {
	.i-laser {
		padding-top: 103.8rem !important;
	}
}

@media (max-width:851px) {
	.i-laser {
		padding-top: 99.8rem !important;
	}
}

@media (max-width:810px) {
	.i-laser {
		padding-top: 98.8rem !important;
	}

	.datos-contacto {
		background-color: #303030 !important;
		padding-top: 4rem;
		padding-bottom: 3rem;
		width: 43rem;
		margin-left: -2rem;
	}
}

@media (max-width:784px) {
	.i-laser {
		padding-top: 95.8rem !important;
	}
}

@media (max-width:767px) {

	.offset-1 {
		margin-left: 2.333333%;;
	}

	.first-txt-cli {
		padding-left: 2.5rem;
		margin: auto;
		width: 100%;
	}

	/*#datos-casos {
		margin: auto;
		padding-left: 0rem;
	}*/

	#comentario {
		margin-left: -0.4rem;
		width: 100%;
	}

	.lab-comm {
		margin-left: 2.5px;
	}

	.datos-contacto {
		margin-left: -7rem;
	}

	.div-btn-sol {
		margin-left: -6rem;
	}

	.txt-desc {
		padding: 0rem 3rem 0rem 3rem;
		font: 300 18px "Roboto";
	}

	.img-metal {
		padding-top: 3rem;
	}

	.img-metal {
		padding-bottom: 6rem;
		padding-left: 3rem;
	}

	.i-laser {
		padding-top: 97.8rem !important;
	}

	.cnt-naranja {
		height: 95rem;
		max-width: 577px;
	}

	.cnt-sin-naranja {
		height: 95rem;
		max-width: 577px;
	}

	.cnt-img-metal {
		height: 12.3rem;
	}

	.txt-img-metal {
		top: -6.5rem;
		left: 15.2rem;
		padding-right: 2.8rem;
		visibility: hidden;
	}

	#div-taller {
		margin-left: 5rem;
		padding-top: 4rem;
	}

	.sec-tipos {
		margin-bottom: 57rem;
	}

	#bt-soli {
		padding-bottom: 3rem;
	}

	.kanit {
		font: 400 57px "Kanit";
		padding-left: 1rem;
		padding-top: 4rem;
		line-height: 4rem;
	}

	.kanit-certi {
		font: 400 65px "Kanit";
		padding-left: 5rem;
		padding-top: 3rem;
		color: white !important;
		line-height: 4rem;
	}

	.txt-certi {
		padding-left: 5rem;
	}

	.img-maquinaria {
		width: 26rem;
		padding-left: 0rem;
	}

	.div-datos {
		padding-bottom: 2.1rem;
	}

	.kanit-contacto {
		font: 400 59px "Kanit";
		padding-left: 7rem;
		padding-bottom: 1rem;
		line-height: 3rem;
	}

	.div-num-mail {
		font: 300 26px "Kanit";
		padding-left: 8rem !important;
		width: 23rem !important;
	}

	.div-direccion {
		font: 300 24px "Kanit";
		padding-right: 0rem;
		margin-left: 7rem !important;
		padding-top: 1rem;
	}

	.sec-form {
		padding-bottom: 6rem !important;
	}

	.btnsolicitar {
		border-radius: 2rem;
		padding: 0.8rem 1rem;
		font: 300 16px "Kanit";
	}

	.txt-beneficio {
		color: white;
		font: 300 21px "Roboto";
		padding-right: 0rem;
		margin-left: 5rem;
	}

	.title-beneficio {
		width: 15rem;
	}

	.r-white {
		margin-left: 2rem;
		margin-right: 3rem;
	}
}

@media (max-width:732px) {
	.i-laser {
		padding-top: 95.8rem !important;
	}
}

@media (max-width:702px) {
	.i-laser {
		padding-top: 95.8rem !important;
	}

	.datos-contacto {
		background-color: #303030 !important;
		padding-top: 4rem;
		padding-bottom: 3rem;
		width: 32rem;
		margin-left: -2rem;
	}
}

@media (max-width:684px) {
	.i-laser {
		padding-top: 92.8rem !important;
	}
}

@media (max-width:665px) {
	.txt-desc {
		padding: 0rem 13rem 0rem 3rem;
		font: 300 18px "Roboto";
	}

	.img-metal {
		padding-top: 3rem;
	}

	.r-white {
		margin-left: 2rem;
	}

	.txt-desc {
		padding: 0rem 0rem 0rem 0rem;
		font: 300 18px "Roboto";
	}

	#div-taller {
		margin-left: 2rem;
		padding-top: 4rem;
	}

	.div-datos {
		padding-bottom: 2.1rem;
		width: 103%;
	}

	.sec-tipos {
		margin-bottom: 58rem;
	}
}

@media (max-width:593px) {
	.i-laser {
		padding-top: 97.8rem !important;
	}

	.img-metal02 {
		padding-left: 2rem;
		padding-right: 2rem;

	}
}

/* Medium devices (moviles, 576px and up) */
@media (max-width:576px) {

	.dropdown-menu {
		width: 20rem;
	}

	.header-dropdown-menu {
		right: 0px !important;
	}

	.title-tipos {
		width: 18rem;
	}

	main {
		background-color: white !important;
	}

	.img-ini-ban {
		position: absolute;
		background: url(../img/banner-img.png) no-repeat center;
		background-size: contain;
		min-height: 34rem;
		z-index: 2;
		top: -14rem;
		left: 0;
		width: 100%;
	}

	header.scrolling {
		background-color: var(--bs-primary);
	}


	.div-btn-header {
		display: none;
	}

	#menuDropdown {
		display: block;
	}

	.serv-plus svg {
		width: 1.5rem;
		padding-bottom: 5px;
	}

	.serv-icono-plus svg{
		width: 1.5rem;
		padding-bottom: 5px;
	}

	.div-cerrar {
		display: block !important;
		margin-bottom: 3rem;
	}

	header #menuDropdown {
		transition: all ease .5s;
	}

	header.scrolling #menuDropdown {
		transform: scale(.85);
		transition: all ease .5s;
		background-color: white;
	}

	header.scrolling .button_menu svg * {
		stroke: var(--bs-primary);
	}

	header .logo {
		transition: all ease .5s;
	}

	header.scrolling .logo {
		width: 10rem;
		height: 6rem;
		padding: 1.5rem 1rem;
		transition: all ease 1s;
	}

	label.error,
	.error-message {
		margin-left: 2rem;
	}

	.success-message {
		margin-left: 2rem;
	}

	.logo {
		width: 10rem;
		height: 6rem;
		padding: 1.5rem 1rem;
		margin-left: 0.5rem;
	}

	.btnsolicitar-insitu {
		border-radius: 2rem;
		padding: 0.8rem 2rem;
		font: 300 20px "Kanit";
		border: 3px solid var(--bs-primary);
		margin-top: 3rem;
		margin-bottom: 3rem;
		color: var(--bs-primary);
	}

	.btnsolicuan {
		border-radius: 2rem;
		padding: 0.8rem 2rem;
		font: 300 21px "Kanit";
		width: 17rem;
	}

	.datos-contacto {
		background-color: #303030 !important;
		padding-top: 4rem;
		padding-bottom: 3rem;
		width: 21rem;
		margin-left: 5rem;
	}

	.btnsolicitar {
		border-radius: 2rem;
		padding: 0.8rem 2rem;
		font: 300 20px "Kanit";
		width: 16rem;
		margin-left: -5rem;
		display: none;
		visibility: hidden;
	}

	/*.dropdown-menu {
		display: none !important;
		visibility: hidden;
	}*/

	#menu {
		visibility: visible;
		display: flex;
	}

	.div-men {
		margin-left: -2rem;
		margin-top: 0rem;
	}

	.img-ini-ban {
		top: -19rem;
	}

	.sec-inicial {
		left: 0rem;
		right: 0rem;
		padding-top: 15rem !important;
	}

	.r-white {
		background-color: white;
		margin-right: 2rem;
		margin-left: 1rem;
		position: absolute;
		margin-top: -10rem;
		width: auto;
	}

	.txt-desc {
		padding: 0rem 0rem 0rem 0rem;
		font: 300 18px "Roboto";
	}

	.cnt-naranja {
		height: 87rem;
		max-width: 577px;
	}

	.cnt-sin-naranja {
		height: 87rem;
		max-width: 577px;
	}

	.i-laser {
		padding-top: 98.8rem !important;
	}

	.title-beneficio {
		color: var(--bs-primary);
		font: 400 29px "Kanit";
		padding-left: 1rem;
		line-height: 2rem;
	}

	.txt-beneficio {
		color: white;
		font: 300 15px "Roboto";
		padding-right: 0rem;
		margin-left: 2rem;
	}

	.kanit-bene {
		font: 400 23px "Kanit";
		padding-left: 0rem;
		color: white;
		line-height: 1.7rem;
	}

	.raya-blanca {
		margin-left: 0.7rem;
	}

	.kanit-cuando {
		font: 400 57px "Kanit";
		padding-left: 1rem;
		padding-top: 3rem;
		line-height: 3rem;
	}

	.img-metal02 {
		top: -2rem;
	}

	.cnt-img-metal {
		height: 13.6rem;
	}

	.txt-img-metal {
		top: -4.1rem;
		left: 15.5rem;
		padding-right: 4.9rem;
		visibility: hidden;
	}

	.txt-img-metal h2 {
		font: 400 18px "Kanit";
	}

	.kanit-tipos {
		font: 400 57px "Kanit";
		padding-left: 1rem;
	}

	.kanit-tipos-text {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.txt-tipos {
		padding: 3rem 3rem 7rem 3rem;
	}

	.div-taller {
		margin-left: 1rem;
	}

	.title-tipos {
		margin-left: 0.3rem;

	}

	.txt-ventaja {
		margin-left: -8rem;
	}

	.txt-taller {
		font: 300 21px "Roboto";
		color: white;
		padding-right: 2rem;
	}

	#div-taller {
		margin-left: 1rem;
	}

	.div-situ {
		margin-left: 2rem;

	}

	.title-insitu {
		margin-left: 0.5rem;

	}

	.r-white-2 {
		background-color: white;
		margin-right: 0rem;
		margin-left: 0rem;
	}

	.kanit-certi {
		font: 400 57px "Kanit";
		padding-left: 2rem;

	}

	.txt-certi {
		padding-left: 1rem;
		margin-right: -8rem;
		padding-bottom: 2rem;
	}

	.div-aenor {
		margin-left: 9rem;
	}

	.img-aenor {
		width: 6rem;
		border: 2px solid var(--bs-primary);
		margin-left: -4rem;
	}

	.img-aenor-2 {
		margin-left: 2rem;
	}

	.sec-casos {
		margin-left: -4rem;
		margin-right: 0rem;
	}

	.img-maquinaria {
		width: 19rem;
	}

	.r-grey {
		margin-left: 3rem;
	}

	/*#datos-casos {
		margin-top: 2rem;

	}*/

	.div-datos {

		padding-bottom: 2.1rem;

	}

	.kanit-form {
		font: 400 57px "Kanit";
		padding-left: 4rem;
	}

	#lab {
		color: white;
		opacity: 100%;
		font: 300 16px "Roboto";
	}

	#comment-form {
		padding-left: 0rem;
		padding-right: 1rem;
	}

	#acep-terminos {
		padding-left: 0rem;
	}

	.kanit-contacto {
		font: 400 59px "Kanit";
		padding-left: 3rem;
		padding-bottom: 1rem;
		line-height: 3rem;
	}

	.div-num-mail {
		font: 300 21px "Kanit";
		padding-left: 3rem !important;
		width: 23rem !important;
	}

	.div-direccion {
		font: 300 18px "Kanit";
		padding-right: 3rem;
		margin-left: 2rem !important;
		padding-top: 1rem;
		width: 20rem;
	}

	.sec-tipos {
		margin-bottom: 86rem;
	}

	.cnt-orange-2 {
		width: 100%;
		background-color: var(--bs-primary);
		padding-top: 2rem;
		padding-bottom: 0rem;
	}

	.btnsolicitar-ventajas {
		border-radius: 2rem;
		padding: 0.8rem 2rem;
		font: 300 20px "Kanit";
		border: 3px solid white;
		margin-top: 0rem;
	}

	.btnsolicitar-insitu {
		border-radius: 2rem;
		padding: 0.8rem 2rem;
		font: 300 20px "Kanit";
		border: 3px solid var(--bs-primary);
		margin-top: -5rem;
		color: var(--bs-primary);
	}

	.title-tecno {

		padding-left: 2rem;
	}

	.txt-tecno {
		padding-left: 2rem;
	}

	.txt-tecno-porciento {
		padding-left: 2rem;
		padding-right: 1rem;
	}

	.kanit-certi {
		padding-left: 1rem;
		line-height: 3rem;
	}

	.btn-info-2 {
		margin-left: -6.4rem;
	}

	.div-coment {
		padding-right: 0.5rem;
		width: 100%;
		margin-left: 1.4rem;
	}

	.accordion-button {
		font-size: 23px;
	}

	.accordion-body {
		padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
		background-color: var(--bs-secondary);
		color: white;
		font: 300 19px "Roboto";
	}

	.div-btn-sol {
		padding-bottom: 5rem !important;
	}

	.kanit-grupo {
		font: 400 41px "Kanit";
		text-align: center;
		padding-top: 6rem;
		line-height: 3rem;
	}

	.kanit-grupo {
		font: 400 41px "Kanit";
		text-align: center;
		padding-top: 6rem;
		line-height: 3rem;
	}

	.kanit-form {
		font: 400 57px "Kanit";
		padding-left: 1rem;
		line-height: 3rem;
	}

	.btn-enviar {
		border-radius: 56px;
		background-color: #303030;
		padding: 0.9rem 7.7rem;
		font: 400 21px "Kanit";
	}

	.div-btn-env {
		padding-right: 0rem;
		padding-bottom: 15rem;
		padding-top: 2rem;
	}


	.btninfo {
		width: 20rem;

	}

	.btnproyectos {
		border-radius: 2rem;
		font-size: 20px;
		padding: 0.8rem 2rem;
		width: 20rem;
		font: 300 21px "Kanit";
		text-align: center;
		color: var(--bs-primary) !important;
		border-color: var(--bs-primary) !important;
	}

	.img-metal {
		padding-bottom: 6rem;
		padding-left: 0.3rem;
	}

	.no-margin-mobile {
		margin-left: 0;
	}

	.no-margin-mobile svg {
		margin-left: 0;
	}

	.mobile-dark {
		color: black !important;
	}
}

@media (max-width: 547px) {

	.sec-tipos {
		margin-bottom: 53rem;
	}

	#comentario {
		margin-left: -0.4rem;
		width: 100%;
	}

	.lab-comm {
		margin-left: 2.5px;
	}
}


@media (max-width: 527px) {
	.sec-tipos {
		margin-bottom: 53rem;
	}
}

@media (max-width: 497px) {
	.sec-tipos {
		margin-bottom: 53rem;
	}

	.datos-contacto {
		margin-left: 2rem;
	}

	.btn-info {
		padding: 2rem 0rem 1rem 1rem;
		margin-top: 2rem;
	}

	.btn-proyectos {
		padding-left: 1rem;
	}
}

@media (max-width: 420px) {

	#btninfoid {
		width: 20rem !important;
	}

	.r-white {
		margin-left: 0.7rem;
	}

	.cnt-img-metal {
		height: 13.3rem;
	}

	.txt-img-metal {
		left: 11.5rem;
	}

	.sec-casos {
		margin-left: -5rem;
		margin-right: 0rem;
	}

	.i-laser {
		padding-top: 91.8rem !important;
	}

	.cnt-naranja {
		height: 90rem;
		max-width: 577px;
	}

	.cnt-sin-naranja {
		height: 90rem;
		max-width: 577px;
	}

	.sec-tipos {
		margin-bottom: 57rem;
	}

	.div-aenor {
		margin-left: 7rem;
	}

	.btn-info-2 {
		margin-left: -6rem;
	}

	.div-datos {
		margin-left: 0rem;
		padding-bottom: 2.1rem;
		width: 106%;
		padding-right: 2rem;
		padding-left: 2.5rem;
	}

	.datos-contacto {
		background-color: #303030 !important;
		padding-top: 4rem;
		padding-bottom: 3rem;
		width: 22rem;
		margin-left: 0rem;
	}

	.kanit-contacto {
		font: 400 59px "Kanit";
		padding-left: 2rem;
		padding-bottom: 1rem;
		line-height: 3rem;
	}

	.div-btn-env {
		padding-right: 1.5rem;
		padding-bottom: 15rem;
		padding-top: 2rem;
	}

	#acep-terminos {
		padding-left: 1rem;
	}

	.btninfo {
		width: 17rem;
	}

	.btnproyectos {
		width: 17rem;

	}

	.cnt-img-metal {
		height: 12.3rem;
	}
}

@media (max-width: 414px) {
	.i-laser {
		padding-top: 95.8rem !important;
	}

	#comentario {
		margin-left: -0.4rem;
		width: 100%;
	}
}

@media (max-width: 412px) {
	.i-laser {
		padding-top: 96.8rem !important;
	}

	#comentario {
		margin-left: -0.4rem;
		width: 100%;
	}
}

@media (max-width: 410px) {
	.div-datos {
		margin-left: 0rem;
		padding-bottom: 2.1rem;
		width: 106%;
	}


}

@media (max-width: 395px) {
	.div-datos {
		margin-left: 0rem;
		padding-bottom: 2.1rem;
		width: 106%;
		padding-right: 2rem;
	}
}

@media (max-width: 390px) {

	#comentario {
		margin-left: -0.4rem;
		width: 100%;
	}

	.div-datos {
		margin-left: 0rem;
		padding-bottom: 2.1rem;
		width: 106%;
		padding-right: 1rem;
	}

	.datos-contacto {
		background-color: #303030 !important;
		padding-top: 4rem;
		padding-bottom: 3rem;
		width: 21rem;
		margin-left: 0rem;
	}

	.fig-maqui {
		margin-left: -0.5rem;
	}
}

@media (max-width: 375px) {

	.r-white {
		background-color: white;
		margin-right: 1rem;
		margin-left: 1rem;
		position: absolute;
		margin-top: -10rem;
		width: auto;
	}

	.btn-info {
		padding: 2rem 0rem 1rem 1rem;
		margin-top: 2rem;
	}

	.btn-proyectos {
		padding-left: 1rem;
	}

	.sec-tipos {
		margin-bottom: 59rem;
	}

	#comentario {
		margin-left: -0.4rem;
		width: 100%;
	}

	.fig-maqui {
		margin-left: 1rem;
	}

	.sec-casos {
		margin-left: -7rem;
		margin-right: 0rem;
	}

	.i-laser {
		padding-top: 91.8rem !important;
	}

	.kanit-form {
		font: 400 57px "Kanit";
		padding-left: 1rem;
		line-height: 3rem;
	}

	.kanit {
		font: 400 50px "Kanit";
		padding-left: 3rem;
		padding-top: 4rem;
		line-height: 3rem;
	}

	.kanit-tipos {
		font: 400 50px "Kanit";
		padding-left: 1rem;
		line-height: 3rem;
	}

	.kanit-tipos-text {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.r-white {
		margin-left: 0rem;
	}

	.div-datos {
		margin-left: 0.8rem;
		padding-bottom: 2.1rem;
		width: 24.9rem;
		padding-left: 4rem;
	}

	.datos-contacto {
		background-color: #303030 !important;
		padding-top: 4rem;
		padding-bottom: 3rem;
		width: 109%;
		margin-left: -1rem;
	}

	.sec-tipos {
		margin-bottom: 55rem;
	}

	.datos-contacto div {
		width: 96%;
	}

	.img-metal02 {
		padding-left: 2rem;
		padding-right: 2rem;

	}

	.first-txt-cli {
		padding-left: 5rem;
		margin: auto;
		width: 100%;
	}

}

@media (max-width: 369px) {

	#comentario {
		margin-left: -0.4rem;
		width: 100%;
	}

	.sec-tipos {
		margin-bottom: 57rem;
	}

	.div-datos {
		margin-left: 0rem;
		padding-bottom: 2.1rem;
		width: 106%;
	}

	.btninfo {
		width: 18rem;
	}

	.btnproyectos {
		width: 18rem;
	}

	.title-tipos {
		width: 18.2rem;
	}

	.title-insitu {
		width: 17.2rem;
	}
}

@media (max-width: 360px) {
	.cnt-naranja {
		height: 85rem;
		max-width: 579px;
	}

	.cnt-sin-naranja {
		height: 85rem;
		max-width: 579px;
	}

	.sec-inicial {
		left: 0rem;
		right: 0rem;
		padding-top: 13rem !important;
	}

	#btn-info1 {
		width: 16rem !important;
	}

	.btnproyectos {
		width: 16rem;
	}

	.btnsolicitar-insitu {
		margin-top: -3rem;
	}

	.btnsolicitar-ventajas {
		margin-top: 5rem;
	}

	.img-maquinaria {
		width: 100%;
		padding-left: 3rem;
	}

	.first-txt-cli {
		padding-left: 4.5rem;
		margin: auto;
		width: 100%;
	}

	#btninfoid {
		width: 18rem !important;
	}

	.fig-maqui {
		margin-left: 0.5rem;
	}

	.img-metal02 {
		top: -1rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.title-tipos h3 {
		font-size: 26px !important;
	}

	.r-white {
		margin-left: 0.2rem;
	}

	.txt-img-metal {
		left: 9.6rem;
		visibility: hidden;
	}

	.title-tipos {
		width: 18.2rem;

	}

	.title-insitu {
		width: 18.2rem;

	}

	.datos-contacto {
		background-color: #303030 !important;
		padding-top: 4rem;
		padding-bottom: 3rem;
		width: 22rem;
		margin-left: -1.5rem;
	}

	.kanit-certi {
		font: 400 53px "Kanit";
		padding-left: 1rem;
		line-height: 3rem;
	}

	.div-direccion {
		font: 300 18px "Kanit";
		padding-right: 3rem;
		margin-left: 0rem !important;
		padding-top: 1rem;
		padding-left: 49px;
		width: 20rem;
	}

	.div-num-mail {
		font: 300 21px "Kanit";
		padding-left: 3rem !important;
		width: 23rem !important;
	}

	.kanit-contacto {
		font: 400 59px "Kanit";
		padding-left: 2rem;
		padding-bottom: 1rem;
		line-height: 3rem;
	}

	.sec-tipos {
		margin-bottom: 60rem;
	}

	.datos-contacto {
		background-color: #303030 !important;
		padding-top: 4rem;
		padding-bottom: 3rem;
		width: 19rem;
		margin-left: 0rem;
	}

	.div-btn-env {
		padding-right: 0rem;
		padding-bottom: 15rem;
		padding-top: 2rem;
	}
}

@media (max-width: 355px) {
	.sec-tipos {
		margin-bottom: 60rem;
	}
}

@media (max-width: 328px) {
	.sec-tipos {
		margin-bottom: 65rem;
	}
}

@media (max-width: 315px) {
	.sec-tipos {
		margin-bottom: 72rem;
	}
}

@media (max-width: 309px) {
	.sec-tipos {
		margin-bottom: 74rem;
	}
}

@media (min-width: 1000px) {
	.footer-logos {width: 950px;}
}