/* -------- canvis rohit -------- */
/* @font-face {
    font-family: 'DM Sans';
    src: url('fonts/DM_Sans/static/DMSans-Light.ttf') format('truetype');
    font-weight: lig;
    font-style: normal;
}

@font-face {
    font-family: 'DMSans';
    src: url('fonts/DMSans-Light.woff') format('tff');
    font-weight: 300;
    font-style: normal;
} */

/* @font-face {
    font-family: 'DMSans';
    src: url('fonts/DM_Sans/static/DMSans-Light.ttf') format('ttf');
    font-weight: 300;
    font-style: normal;
} */

/* @font-face {
    font-family: 'DMSans';
    src: url('fonts/DM_Sans/static/DMSans-Light.ttf');
    font-weight: 300;
} */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
body { -webkit-font-smoothing: antialiased; font-family: "DM Sans", sans-serif; -moz-osx-font-smoothing: grayscale; color: #1e1d20; letter-spacing: 0.063rem; }


/* @font-face {
    font-family: 'DMSans';
    src: url('fonts/DM_Sans/static/DMSans-Bold.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
} */

/* .light-text {
    font-family: 'DMSans', sans-serif;
    font-weight: 300;
}

.normal-text {
    font-family: 'DMSans', sans-serif;
    font-weight: 400;
}

.bold-text {
    font-family: 'DMSans', sans-serif;
    font-weight: 700;
} */

/* @font-face {
    font-family: 'DM Sans';
    src: url('fonts/DM_Sans/static/DMSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DM Sans';
    src: url('fonts/DM_Sans/static/DMSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
} */

#nav-js{
	display: inline-block;
	padding: 0;
	background-color: #0d0d0d;
}

#div-info-empresa{
	background-color: #0a3142;
	padding: 14px;
	position: absolute;
	top: 0;
	left: 0;
}

.navbar-brand{
	position: relative;

    z-index: 1000; /* Ensure it appears on top of other elements */
}

#navbar{
	width: 100%;
}

.nav-link{
	font-size: 18px;
	font-weight: 400;
}

.nav-item{
	padding-left: 8vh;
}

.navbar-nav{
	padding-top: 35px;
	padding-bottom: 20px;
	display: flex;
	justify-content: end;
}

#navbar{
	align-self: end;
}

.div_dades_empresa{
	margin-left: 10%;
	font-size: 13px;
	margin-bottom: 0;
	flex-grow: 1;
}

.div_dades_empresa > * {
	margin-left: 3%;
}


.div_logos_header{
	display: flex;
	justify-content: end;
	text-align: right;
}

.div_logos_header > a{
	max-width: 30px;
	margin-right: 0;
}


@media (max-width: 1500px) {
	.container-div-info-empresa {
		margin-left: 2%;
	}
	.navbar-brand > img{
		max-width: 200px;
	}
}


.div-continigut-empresa-contractar{
	min-height: 150px;
}
@media (max-width: 1480px) {

	.card-title-horitzontal{
		font-size: 22px!important;
	}
	.card-text-horitzontal{
		font-size: 16px!important;
	}
	.container-div-info-empresa {
		margin-left: 12%;
	}
	.navbar-brand > img{
		max-width: 200px;
	}
	.text-curt-pagina-contractar{
		font-size: 26px!important;
	}
	.titol-pagina-contractar > h1{
		font-size: 38px!important;
	}
}

@media (max-width: 1400px) {
	.container-div-info-empresa {
		margin-left: 10%;
	}
	.div_dades_empresa > * {
		margin-left: 4%;
	}
	.navbar-brand > img{
		max-width: 160px;
	}
	.slider-inici .slider_home_text {
		font-size: 48px!important;
	}
	
	.slider-inici .slider_home_nom{
		font-size: 24px!important;
	}
}

@media (max-width: 1300px) {

	.seccio-nomdins{
		font-size: 36px!important;
	}

	.container-div-info-empresa {
		margin-left: 8%;
	}
	.div_dades_empresa > * {
		margin-left: 4%;
	}

	.slider-inici .slider_home_text {
		font-size: 44px!important;
	}
	
	.slider-inici .slider_home_nom{
		font-size: 22px!important;
	}
}

@media (max-width: 1200px) {



	.nav-item{
		padding-left: 6%;
	}

	.container-div-info-empresa {
		margin-left: 10%;
	}
	.div_dades_empresa > * {
		margin-left: 4%;
	}
	.navbar-brand > img{
		max-width: 130px;
	}
	.navbar-nav{
		padding-top: 28px;
		padding-bottom: 18px;
	}
	.slider-inici .slider_home_text {
		font-size: 40px!important;
	}
	
	.slider-inici .slider_home_nom{
		font-size: 20px!important;
	}
}

@media (max-width: 1100px) {

	.seccio-nomdins{
		font-size: 30px!important;
	}
	.h1-empresa-top{
		font-size:38px!important;
	}
	.titol_noticia{
		font-size: 36px!important;
	}
	.buto_bloc_home{
		padding: 15px 22px!important;
		font-size: 16px!important;
	}	

	.buto_contactar{
		padding: 13px 25px!important;
		font-size: 16px!important;
	}
	

	.navbar-brand > img{
		max-width: 120px;
	}
	.navbar-nav{
		padding-top: 15px;
		padding-bottom: 10px;
	}
	.slider-inici .slider_home_text {
		font-size: 38px!important;
	}
	
	.slider-inici .slider_home_nom{
		font-size: 18px!important;
	}

	.titol-pagina-contractar > h1{
		font-size: 28px!important;
	}
}

.card-body-noticia > .txt{
	font-weight: 300;
}
@media (max-width: 992px) {

	.div-container-pagina-contractar{
		padding-top: 20px!important;
	} 
	.div-noticies-llistat{
		padding-top: 20px!important;
	}
	.seccio-nom-img{
		font-size: 18px!important;
	}
	.seccio-nomdins{
		font-size: 32px!important;
	}


	.margin-top-div-img-principal{
		margin-top: 0px!important;
	}

	.img-principal-empresa {
        height: 350px!important; /* Adjust this height as needed for smaller screens */
    }

	.empresa-text-top{
		font-size: 22px!important;
	}

	.img-principal-maquinaria-servicios {
        height: 350px!important; /* Adjust this height as needed for smaller screens */
    }

	.overlay-text {
		top: 35%!important;
	}


	.card-horitzontal-bloc-right{
		background-color: white!important;
	}
	.card-text-horitzontal{
		margin-top: 15px!important;
	}

	.noticia-nom{
		font-size: 20px!important;
	}

	.card-body-noticia > .txt{
		font-size: 14px!important;
	}

	.nav-item{
		padding-left: 0;
	}

	.img-horitzontal-bloc-home-left{
		border-bottom-left-radius: 0!important;
		border-bottom-right-radius: 0!important;
		border-top-left-radius: 15px!important;
		border-top-right-radius: 15px!important;
	}

	.img-horitzontal-bloc-home-right{
		border-bottom-left-radius: 0!important;
		border-bottom-right-radius: 0!important;
		border-top-left-radius: 15px!important;
		border-top-right-radius: 15px!important;
	}

	.card-horitzontal-body-left{
		padding: 20px!important;
		padding-bottom: 30px!important;
	}

	.card-horitzontal-body-right{
		padding: 20px!important;
		padding-bottom: 30px!important;
	}

	.card-horitzontal{
		border-radius: 15px;
	}

	#div-info-empresa {
		display: none;
	}
	#nav-js{
		display: inherit;
	}
	.navbar-brand > img{
		max-width: 50px;
		padding-left: 5px;
	}
	.navbar-toggler{
		font-size: 30px!important;
	}
	.navbar-nav{
		padding-top: 0;
		padding-bottom: 0;
	}
	.navbar-brand{
		position: relative;
		margin-top: 5px;
	}

	.div_idiomes_collapse{
		display: flex!important;
	}

	.slider-inici .slider_home_text {
		font-size: 30px!important;
	}
	
	.slider-inici .slider_home_nom{
		font-size: 17px;
	}



}

@media (max-width: 760px) {
	/* .img-principal-maquinaria-servicios {
        height: 200px!important;
    } */

	.seccio-nomdins{
		font-size: 28px!important;
	}
	.seccio-title{
		font-size: 22px!important;
	}
	

	.titol_noticia{
		font-size: 30px!important;
	}
	.h1-empresa-top{
		font-size: 32px!important;
	}

	.overlay-text{
		padding: 20px;
		width: 100%;
	}

	.card-blochome{
		margin-bottom: 24px;
	}

	.card-title{
		font-size: 24px!important;
	}

	.card-text-title{
		font-size: 16px!important;
	}

	.buto_bloc_home{
		padding: 15px 20px!important;
	}	
	.buto_veure_mes_noticies{
		
		padding: 13px 20px!important;
	}
}


@media (max-width: 575px) {

	.h1-empresa-top{
		font-size: 26px!important;
	}
	.slider_home_link{
		font-size: 16px!important;

		padding: 10px 25px!important;

	}

	#nav-js > .container{
		padding-left: 10px;
		padding-right: 10px;
	}

	.slider-inici .slider_home_text {
		font-size: 26px!important;
	}

	.nav-item{
		padding-left: 10px;
	}

	.div_idiomes_collapse{
		padding-left: 10px!important;
	}
	
}

.idioma-actiu > img{
	border-radius: 10px;
	border: 2px solid white;
}

.div_idiomes_collapse{
	display: none;
}

.seccio-activa{
	color: #0088c2!important;
}

.nav-link:hover{
	color: #0088c2!important;
}

.block{
	background-color: inherit!important;
}

.slide-image{
	filter: brightness(70%);
}

.slider-inici .slider_home_text {
	font-size: 52px;
	line-height: 1;
}

.slider-inici .slider_home_nom{
	font-size: 27px;
}

.block_home_slider{
	text-align: center;
}

.slider_home_link {
    background-color: inherit;
    border-radius: 18px;
    border: 1px solid white;
    font-size: 18px;
    padding: 15px 35px;
    transition: background-color 0.1s ease, border 0.1s ease; /* Smooth transition */
}

.slider_home_link:hover {
    background-color: rgba(25,136,194,0.9);
    border: 1px solid #0088c2;
}

body{
	background-color: #0d0d0d;
	color: white;
}

.card-blochome{
	background-color: transparent;
}

.card-deck .card-blochome {
	margin-bottom: 30px;
}

.card-body > .card-title{
	font-size: 30px;
}

.card-body > .card-text-title{
	font-size: 26px;
}

.card-body{
	color:white;
	padding-right: 0;
	padding-left: 0;
}

.buto_bloc_home{
	background-color: #009fe3;
	border-radius: 15px;
	padding: 18px 28px;
	font-size: 18px;
	margin-bottom: 5px;
}

.buto_veure_mes_noticies{
	background-color: #009fe3;
	border-radius: 20px;
	padding: 15px 25px;
	font-size: 18px;
}


.buto_bloc_home:hover{
	opacity: 1;
	background-color: rgb(25,136,194);
}

.buto_veure_mes_noticies:hover{
	opacity: 1;
	background-color: rgb(25,136,194);
}

.buto_contactar{
	background-color: #009fe3;
	border-radius: 15px;
	padding: 13px 30px;
	font-size: 18px;
	color: white;
	border: 0;
}

.buto_contactar:hover{
	background-color: rgb(25,136,194);
}

.card-horitzontal {
	border-radius: 20px;
}
.card-title-horitzontal {
	color: black;
}

.card-text-horitzontal {
	color: black;
}

.img-horitzontal-bloc-home-right{
	max-height: 450px; 
	width: 100%; 
	object-fit: cover;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	height: 100%;
}

.card-horitzontal-bloc-right{
	background: linear-gradient(to right, white 90%, transparent 90%);
}

.img-horitzontal-bloc-home-left{
	max-height: 450px; 
	width: 100%; 
	object-fit: cover;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	height: 100%;
}

.card-horitzontal-body-left{
	padding-top: 30px;
	padding-right: 30px;
}

.card-horitzontal-body-right{
	padding-top: 30px;
	padding-left: 30px;
}

.card{
	border: 0;
}

.card-text-horitzontal{
	font-size: 22px;
}

.slick-slider{
	margin-bottom: 20px;
}

.card-img-top{
	border-radius: 10px;
}

.rounded-input {
    border-radius: 5px!important; /* Adjust the value for more or less rounding */
	padding-top: 25px;
    padding-bottom: 25px;
	font-weight: 500;
}

#form_contactar > div > label{
	font-size: 13px;
}

.text-muted-contactar{
	color: #848c93!important;
}

.text-muted-noticia{
	color: #848c93!important;
	font-size: 13px;
}

.seccio-contractar-text-muted{
	color: #d2d2d2;
	font-size: 12px;
}

.nomdins-contactar-home{
	font-size: 30px!important;
	font-weight: 500!important;
}

.txt-curt-contactar-home{
	font-size:24px;
	font-weight: 300;
	line-height: 1.2;
}

.div-contactar-home{
	margin-top: 60px;
	/* margin-bottom: 200px; */
}

.footer-custom{
	background-color: #0d0d0d;
	/* border-top: 1px solid white; */
	font-weight: 300;
}

footer .xarxes-socials a {
	background-color: transparent;
	width: auto;
}

.nav-link-wrapper {
    display: inline-flex;
    flex-direction: column;
    position: relative;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
	border: 0;
	padding-top: 20px;
	background-color: transparent;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    min-width: 150px;
}

.nav-link-wrapper:hover .dropdown-menu {
    display: block;
}

.dropdown-item {
    padding: 10px;
    color: white;
    text-decoration: none;
    display: block;
	background-color: #0d0d0d;
}

.dropdown-item:hover {
    color: #009fe3;
	background-color: black!important;
}

.dropdown-item:hover {
    background-color: #f0f0f0;
}

.div-container-maquinaria{
	padding-top: 80px;
}

.div-container-maquinaria > div > div >img{
	height: 100%;
    background-size: cover;
    background-position: center;
}

.div-noticies-llistat{
	padding-top: 120px;
}

.card-body-noticia{
	background-color:  #0d0d0d;
}

.card-img-top-noticia{
    width: 100%;
    max-width: 675px;
    height: auto;
    object-fit: cover;
	max-height: 385px;
	background-color:  #0d0d0d;
}

.card-rounded{
	border-radius: 15px;
	background-color:  #0d0d0d;
}

.noticia-nom{
	font-size: 24px;
}

.txt-curt-noticia{
	font-size: 24px;
}

#capaCookies > *{
	color: black;
}

.pagination > .page-item{
	color: white;
	background-color: transparent;
	border: 0;
	font-size:18px;
}

.pagination .page-link{
	color: white;
	background-color: transparent;
	border: 0;
}

.pagination > .active{
	background-color: transparent;
	text-decoration: underline;
}

.pagination .page-item.active .page-link{
	background-color: transparent;
}

.padding-bottom-separador-per-footer{
	/* padding-bottom: 60px; */
}

.titol_noticia{
	font-size: 42px;
}

.img-principal-detall-noticia{
	border-radius: 10px;
}

.noticies_relaciones_titol{
	font-size: 24px;
	font-weight: 300;
}


.div-container-pagina-contractar{
	padding-top: 120px;
}

.text-center > .text-curt-pagina-contractar{
	font-size: 30px;
}

.text-curt-pagina-contractar{
	font-size: 30px;
}

.titol-pagina-contractar > h1{
	font-size: 48px;
}

.titol-pagina-contractar{
	/* max-width: 500px; */
}


.div-text-contractar {
	display: flex;
	justify-content: center;
}

.custom-control-label::after{
	background: black;
    border: 1px solid white;
	color:white;
	
}

.custom-control-label{
	padding-top: 2px;
}

.div-iframe-empresa-pagina-contractar{
	padding: 25px;
	background-color: white;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	max-width: 500px;
	margin-bottom: 40px;
}

.div-iframe-empresa-pagina-contractar > iframe {
    width: 100%;
    max-width: 500px;
    height: auto;
    aspect-ratio: 3 / 2; /* Maintain the aspect ratio (450px/300px) */
    border-radius: 20px;
    border: none;
	height: 350px;
}

div  > .slick-arrow{
	background-color: transparent!important;
}

.footer-custom{
	margin-top: 30px;
}

.div-direccio-empresa-pagina-contractar{
	color: black;
}

.image-container-noticies {
	width: 670px;
	height: 370px;
	overflow: hidden;
  }
  
  .image-container-noticies img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Crops the image while maintaining aspect ratio */
  }


  .container-blocshome-top{
	margin-top: 70px
  }

  .noticia > div > p{
	font-weight: 300;
  }

.contactar-text-2{
	font-weight: 300;
}


.img-principal-empresa {
    height: 550px;
    width: 100%; /* Adjust width if needed */
    overflow: hidden;
    position: relative;
}

.img-principal-empresa > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center; /* Centers the image within the container */
}

.img-principal-maquinaria-servicios {
    height: 550px;
    width: 100%; /* Adjust width if needed */
    overflow: hidden;
    position: relative;
}

.img-principal-maquinaria-servicios > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center; /* Centers the image within the container */
}


.text-curt-empresa{
	font-size: 30px;
	font-weight: 300;
	line-height: 1.2
}

.text-eslogan-empresa{
	font-size: 24px!important;
	font-weight: 200;
	line-height: 1.2
}


.empresa-title-slider{
	font-size: 30px;
	line-height: 1.2;
	/* max-width: 400px; */
	margin-bottom: 30px!important;
}

.empresa-text-slider{
	font-size: 20px;
	font-weight: 300;
	line-height: 1.2;
	/* max-width: 400px; */
}


.buto_link_empresa{
	background-color: #009fe3;
	border-radius: 17px;
	padding: 15px 25px;
	font-size: 14px;
}

.text-footer{
	font-size: 13px;
}

.rrss-footer{
	font-size: 14px;
}

@media (max-width: 767px){

	#logos_footer{
		display: block!important;
	}

	/* .img_footer_1{
		
	} */

	.img_footer{
		height: 53px!important;
		margin-bottom: 20px;
	}

	.text-curt-empresa{
		font-size: 24px;
	}

	.footer-custom{
		margin-top: 10px!important;
	}
	.slick-next, .slick-arrow{
		display: none!important;
	}

	.buto_bloc_home{
		font-size: 16px!important;
	}
}

.seccio-title{
	font-size: 30px;
	font-weight: 300;
}

.seccio-nomdins{
	font-size: 48px;
}

.seccio-text1{
	font-weight: 300;
	font-size: 16px;
}

.img-galeria-maquinaria{
	border-radius: 15px;
}

.seccio-nom-img{
	font-size: 24px;
	font-weight: 300;
}

.footer-border-top{
	border-top: 1px solid white;
	/* padding-top: 5px; */
}

.footer-border-top-2{
	border-top: 1px solid rgb(131, 124, 124);

}

.font-weight-300{
	font-weight: 300;
}

.margin-top-div-img-principal{
	margin-top: 150px;
}

.navbar{
	z-index: 9999;
}

.titol-noticies{
	font-size: 30px;
	font-weight: 300;
}

.sub-titol-noticies{
	margin-top: 15px;
	font-size: 20px;
	font-weight: 300;
}

.empresa-text-top{
	font-weight: 300;
	font-size: 30px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 10 10'%3e%3cpath fill='%23ffffff' d='M9 1L4 8 1 4l1-1 2 2 4-6z'/%3e%3c/svg%3e");
}