@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


*{
  font-family: "Open Sans", sans-serif;
}

/* Global */ 
a:hover {
	transition: all 0.5s ease-out allow-discrete;
}
a {
	transition: all 0.5s ease-out allow-discrete;	
}
.uppercased-text{
	text-transform:uppercase;
}
.region-sidebar-first, .region-sidebar-second, .region-footer, .region-content {
    padding: 0;
}
html {
  font-size: 10px;
}
.backgrounded-image{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
.navbar-toggler{
	display:none;
}
.navbar-collapse{
	display:block !important;
}
.container{
	width:100%;
	max-width:unset;
	padding:0;
}
.halfed-width{
	width:50%;
}
.absoluted-supercentered{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);	
}
.fake-button {
    border: 2px solid #E30613;
    font-size: 2rem;
    padding: 1.5rem 2rem;
    line-height: 2rem;
}
.relatived{
	position:relative;
}
.absoluted{
	position:absolute;
}
.leftcentered-flexed{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    text-align:left;	
}
.ultracentered-flexed{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align:center;
}
.tns-outer{
	padding:0 4rem !important;
	position:relative;
}

.tns-outer .tns-controls button:nth-child(1){
	left:0;
}
.tns-outer .tns-controls button:nth-child(2){
	right:0;
}
a{
	text-decoration:none;
}
.row {
    --bs-gutter-x: 0;
}
.fake-button:hover {
	color: #E30613;
	background-color: #FFF;
}
.full-white-text{
	color:#fff;
}
.full-red-text{
	color: #E30613;
}
.white-back-red-text-btn{
	background-color:#fff;
	color: #E30613;
	border-radius: 100rem;
    display: inline-block;	
}
.red-back-white-text-btn{
	color:#fff;
	background-color: #E30613;
    border-radius: 100rem;
    display: inline-block;	
}
.backgrounded-image{
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
/* Preheader */ 
.preheader-block {
    background-color: #f2ece1;
    color: #713b3e;
    padding: 0;
    height: 4rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    transition: all 0.3s linear;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 995;
}
.user-logged-in .preheader-block{
	z-index: 1;
}
.scrolling .preheader-block{
	top:-5rem;
}
.preheader-block .row {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    --bs-gutter-x: 0;
}
.preheader-slot {
    display: inline-block;
    width: fit-content;
    padding: 0 1rem;
    font-size: 1.6rem;
} 
.preheader-block a {
	color: #713b3e;
	text-decoration: none;
}
.micro-mail {
	border-left: 2px solid #713b3e;
	border-right: 2px solid #713b3e;
}



/* Prefooter */
.prefooter-block {
	background-color: #2B2E2F;
	color: #FFF;
	border: .2rem solid #B3000A;
}
.prefooter-block .row {
	padding: 3rem;
}
.prefooter-block .prefooter-slot {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.prefooter-block .prefooter-slot.first{
	width:30%;
	padding-right:2rem;
}
.prefooter-block .prefooter-slot.first img{
	width:100%;
	display:block;
}
.prefooter-block .prefooter-slot.second {
    font-size: 2rem;
    border-left: 2px solid #FFF;
    border-right: 2px solid #FFF;
    padding: 5rem 2rem 3rem;
    width: 50%;
}
.prefooter-block .prefooter-slot.third{
	width:20%;
}
/* Footer */
.footer-container {
	background-color: #FFF !important;
	color: #000 !important;
	padding:0;
}
.footer-container .row {
    width: 100%;
    margin: 0 auto;
}
.footer-logo {
    width: 100%;
    max-width: 30rem;
}
.footer-container .footer-slot {
	padding: 1rem 2rem;
}
.footer-container .second {
	border-left: 2px solid #2B2E2F;
	border-right: 2px solid #2B2E2F;
}
.footer-container .footer-slot h3{
    margin: 0 0 1rem auto;
    text-align: right;
    font-size: 2.5rem;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}
.footer-container .footer-slot h4{
    margin: 1rem 0 1rem auto;
    text-align: right;
    font-size: 2rem;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}
.footer-container .footer-slot.first,
.footer-container .footer-slot.second,
.footer-container .footer-slot.third{
	width:calc(100% / 3);	
}
.half-footer-menu{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;	
}
.half-footer-menu .single-column{
    width: 50%;
    padding: 0 0 0 2rem;
    text-align: right;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    align-items: flex-end;
    justify-content: center;	
}
.half-footer-menu .single-column a{
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.6;
}
.footer-container .footer-slot p{
	font-size:1.8rem;
	color:#000;
	margin:0;
}
.footer-container .second,
.footer-container .third {
	text-align: right;
}
.footer-slogan {
    width: 100%;
    margin-top: 1rem;
    font-size: 1.8rem;
    padding-left: 1rem;
}
.footer-block .row{
    	
}
main .region-content{
    margin-top: 10rem;
}
header nav.navbar{
    padding-left: 1rem;
    padding-right: 1rem;
    position: fixed;
    background-color: #0B0B0D !important;
    width: 100%;
    top: 0;
    transition: all 0.3s linear;
    box-shadow: none;
    height: 10rem;
    z-index: 999;
    border-bottom: 4px solid #e30613;
}
.user-logged-in header nav.navbar{
	z-index: 1;
}
.navbar-brand img {
    height: 5rem;
    margin: 0 auto 0 1rem;
}
.scrolling header nav.navbar{
	top:0;
}
.navbar-nav .nav-item a,
.navbar-nav .nav-item span{
    color: #37312c;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 600;
    position:relative;
}
.navbar-nav .nav-item a::before,
.navbar-nav .nav-item span::before{
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	width:0;
	transition:all 0.3s linear;
	height:0.3rem;
	background-color:#37312c;
}
.navbar-nav .nav-item a:hover::before,
.navbar-nav .nav-item span:hover::before{
	width:90%;
}

#menu-responsive {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    position: fixed;
    top: 2.5rem;
    right: 2rem;
    width: 6rem;
    height: 5rem;
    z-index: 9999999;
    cursor: pointer;
    transition: all 0.3s linear;
}
#menu-responsive .single-bar {
    margin: 0.5rem 0;
    width: 100%;
    height: 0.3rem;
    background-color: #fff;
    transition: all 0.3s linear;
    transform-origin: center;
}
#menu-responsive.activeMenuToggle {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#menu-responsive.activeMenuToggle .single-bar.bar-uno{
	opacity:0;
}	
#menu-responsive.activeMenuToggle .single-bar.bar-due{
	margin:0;
}
#menu-responsive.activeMenuToggle .single-bar.bar-tre{
	-webkit-transform: rotate(90deg) translateX(-2.5px);
	-moz-transform: rotate(90deg) translateX(-2.5px);
	-ms-transform: rotate(90deg) translateX(-2.5px);
	-o-transform: rotate(90deg) translateX(-2.5px);
	transform: rotate(90deg) translateX(-2.5px);
	margin:0;
}

.copyright-footer {
    background-color: #000;
    padding: 3rem 2rem;
    width: 100%;
    position: relative;
    text-align: center;
}	
.copyright-footer span {
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
}
.logo-designed {
    width: 9rem;
    margin: 1rem;
}
#block-carrozzeriabassanese-main-navigation {
    opacity: 1 !important;
    left: unset;
    margin: 0;
    right: -100vw;
    position: fixed;
    z-index: 99998;
    transform: none;
    height: calc(100vh - 8rem);
    width: 100vw;
    top: 10rem;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    transition: all 0.4s linear;
    overflow: auto;
    backdrop-filter: blur(2px);
    background-color: rgba(0,0,0,0.7);
    padding: 2rem 9rem 2rem 2rem;
    overflow-y: scroll;
}
#block-carrozzeriabassanese-main-navigation.toggledMenu {
    right: 0;
}
#block-carrozzeriabassanese-main-navigation ul.navbar-nav {
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 40rem;
    height: auto;
    min-height: calc(100vh - 8rem);
    padding-bottom: 6rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start !important;
    align-items: flex-end;
}
#block-carrozzeriabassanese-main-navigation ul.navbar-nav .nav-item:first-child {
    padding-top: 3rem;
}
#block-carrozzeriabassanese-main-navigation li {
    float: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
}
#block-carrozzeriabassanese-main-navigation .navbar-nav .nav-item .nav-link {
    font-size: 2rem;
    color: #fff;
    font-weight: 400;
    text-align: right;
    width: 100%;
    padding: 1.5rem 2rem 1.5rem 1rem;
    border: none;
    transition: all 0.3s linear;
    text-transform: uppercase;
}
.home-top-banner{
    position: relative;
    height: 90vh;
    background-attachment:fixed;
}
.home-top-banner h2{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 5rem;
    font-weight: 400;
    text-align: center;
    font-style: italic;
}
.home-top-banner h2 span.red-text{
    color: #E30613;
    font-weight: 800;
    font-size: 6rem;
}
.home-top-banner .bottom-section{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5%;
}
.home-top-banner .bottom-section h3{
    margin: 0 auto 2rem;
    text-transform: uppercase;
    font-size: 4rem;
    color: #fff;
    font-style: italic;
}
.home-top-banner .bottom-section img{
    display: block;
    width: 30rem;
    height: auto;
}
.row-servizi{
	overflow:hidden;
}
.row-servizi .half-servizio{
	height:40vw;
	z-index:1;
	filter: grayscale(1);
}
.row-servizi .full-servizio{
    height: 40vw;
    filter: grayscale(1);
    transition: all 0.3s linear;
    z-index: 1;
    width: 100%;
}

.row-servizi .floating-title-icon-servizio{
	width:70%;
	height:50%;
	z-index:5;
}

.row-servizi .floating-title-icon-servizio .half-icon-title,
.row-servizi .floating-title-icon-servizio .bullet-info{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}
.row-servizi .floating-title-icon-servizio .half-icon-title{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;	
}
.row-servizi .floating-title-icon-servizio .half-icon-title img{
	width:10rem;
	height:auto;
}
.row-servizi .floating-title-icon-servizio .half-icon-title .service-title{
	color:#fff;
	font-weight:600;
	font-size:5rem;
	margin:0 auto 0 1rem;
	text-align:left;
	line-height:1.2;
}
.row-servizi .floating-title-icon-servizio .bullet-info{
	width:8rem;
	height:auto;
	transition:all 0.3s linear;
}
.row-servizi .floating-title-icon-servizio:hover .bullet-info{
    transform: translateX(-50%) scale(1.1) !important;
}
.row-servizi .floating-title-icon-servizio.first-icon-title{
	background-image:url(/sites/default/files/service-uno-back.png);
	background-size:cover;
	background-position:bottom right;
	background-repeat:no-repeat;
    top: 0;
    left: 0;
}
.row-servizi .floating-title-icon-servizio.first-icon-title .half-icon-title,
.row-servizi .floating-title-icon-servizio.first-icon-title .bullet-info{
    position: absolute;
    left: 30%;
    transform: translateX(-50%);
    z-index: 20;
}
.row-servizi .floating-title-icon-servizio.first-icon-title .half-icon-title{
	top:10%;
}
.row-servizi .floating-title-icon-servizio.first-icon-title .bullet-info{
    bottom: 10%;	
}




.row-servizi .floating-title-icon-servizio.second-icon-title{
    background-image: url(/sites/default/files/service-due-back.png);
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
}
.row-servizi .floating-title-icon-servizio.second-icon-title .half-icon-title,
.row-servizi .floating-title-icon-servizio.second-icon-title .bullet-info{
    position: absolute;
    left: 70%;
    transform: translateX(-50%);
    z-index: 20;	
}
.row-servizi .floating-title-icon-servizio.second-icon-title .half-icon-title{
	bottom:10%;
}
.row-servizi .floating-title-icon-servizio.second-icon-title .bullet-info{
    top: 10%;	
}






.row-servizi .floating-title-icon-servizio.third-icon-title{
	background-image:url(/sites/default/files/service-tre-back.png);
	background-size:cover;
	background-position:bottom right;
	background-repeat:no-repeat;
	top: 0;
    left: 0;
}
.row-servizi .floating-title-icon-servizio.third-icon-title .half-icon-title,
.row-servizi .floating-title-icon-servizio.third-icon-title .bullet-info{
    position: absolute;
    left: 48%;
    transform: translateX(-50%);
    z-index: 20;
}
.row-servizi .floating-title-icon-servizio.third-icon-title .half-icon-title{
	top:10%;
}
.row-servizi .floating-title-icon-servizio.third-icon-title .bullet-info{
    bottom: 10%;	
}







.row-servizi .floating-title-icon-servizio.four-icon-title{
	background-image:url(/sites/default/files/service-quattro-back.png);
	background-size:cover;
	background-position:top left;
	background-repeat:no-repeat;
	bottom: 0;
    right: 0;
}

.row-servizi .floating-title-icon-servizio.four-icon-title .half-icon-title,
.row-servizi .floating-title-icon-servizio.four-icon-title .bullet-info{
    position: absolute;
	left: 52%;
    transform: translateX(-50%);
    z-index: 20;	
}
.row-servizi .floating-title-icon-servizio.four-icon-title .half-icon-title{
	bottom:10%;
}
.row-servizi .floating-title-icon-servizio.four-icon-title .bullet-info{
    top: 10%;	
}





.row-servizi .floating-title-icon-servizio.five-icon-title{
	background-image:url(/sites/default/files/service-cinque-back.png);
	background-size:cover;
	background-position:top right;
	background-repeat:no-repeat;
	bottom: 0;
    left: 0;
}
.row-servizi .floating-title-icon-servizio.five-icon-title .half-icon-title,
.row-servizi .floating-title-icon-servizio.five-icon-title .bullet-info{
    position: absolute;
    left: 30%;
    transform: translateX(-50%);
    z-index: 20;
}
.row-servizi .floating-title-icon-servizio.five-icon-title .half-icon-title{
	bottom:10%;
}
.row-servizi .floating-title-icon-servizio.five-icon-title .bullet-info{
    top: 10%;	
}

.altri-servizi-section .intro-top img{
	display:block;
	margin:5rem auto;
	width:100%;
	max-width: 40rem;
}
.altri-servizi-section .big-auto-altri-servizi .relatived{
	display:block;
	margin:0 auto;
	width:100%;
	z-index:1;
}
.altri-servizi-section .big-auto-altri-servizi .absoluted{
    z-index: 10;
    transition: all 0.3s linear;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.altri-servizi-section .big-auto-altri-servizi .absoluted img{
    width: 12rem;
    height: auto;	
}
.altri-servizi-section .big-auto-altri-servizi .absoluted:hover{
	transform:scale(1.1);
}
.altri-servizi-section .big-auto-altri-servizi .absoluted h4{
	color:#fff;
	margin:0 auto 0 0;
	font-size:3rem;
	transform:translateX(-10rem);
	opacity:0;
	transition:all 0.3s linear;
}
.altri-servizi-section .big-auto-altri-servizi .absoluted:hover h4{
    transform: translateX(0);
    opacity: 1;
    text-shadow: 0px 0px 10px rgb(0,0,0);
}
.big-auto-altri-servizi .absoluted.hidden-servizio{
	opacity:0;
}
.altri-servizi-section .big-auto-altri-servizi .altro-servizio-uno{
    top: 40%;
    left: 5%;
}
.altri-servizi-section .big-auto-altri-servizi .altro-servizio-due{
    top: 35%;
    left: 20%;	
}
.altri-servizi-section .big-auto-altri-servizi .altro-servizio-tre{
    top: 55%;
    left: 28%;	
}
.altri-servizi-section .big-auto-altri-servizi .altro-servizio-quattro{
    top: 25%;
    left: 30%;	
}
.altri-servizi-section .big-auto-altri-servizi .altro-servizio-cinque{
    top: 33%;
    left: 48%;	
}
.altri-servizi-section .big-auto-altri-servizi .altro-servizio-sei{
    top: 68%;
    left: 53%;	
}
.altri-servizi-section .big-auto-altri-servizi .altro-servizio-sette{
    top: 30%;
    left: 75%;
}
.altri-servizi-section .big-auto-altri-servizi .altro-servizio-otto{
    top: 45%;
    left: 62%;	
}
.altri-servizi-section .big-auto-altri-servizi .altro-servizio-nove{
    top: 50%;
    left: 80%;	
}

.chi-siamo-section{
	overflow:hidden;
}
.chi-siamo-section .under-siamo{
	align-items: stretch;	
}
.chi-siamo-section .under-siamo .half-left-image{
    height: 35vw;
    position: relative;
    z-index: 1;   
    overflow:hidden;
}
.chi-siamo-section .under-siamo .half-left-image video{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	height:100%;
	width:auto;
}
.chi-siamo-section .under-siamo .half-right-text{
	padding-left:5vw;
	padding-top:3rem;
}
.chi-siamo-section .under-siamo .half-right-text img{
    display: block;
    margin: 0 auto 2rem 0;
    width: 22vw;
    height: auto;
}
.chi-siamo-section .under-siamo .half-right-text h3{
    color: #E30613;
    text-align: left;
    font-weight: 800;
    font-style: italic;
    font-size: 2.5vw;
}
.chi-siamo-section .upper-siamo{
    top: 0;
    right: 0;
    background-color: #1D1D1B;
    width: 100%;
    height: 100%;
    clip-path: polygon(100% 5%, 0% 100%, 100% 100%);	
}
.chi-siamo-section .upper-siamo .right-text{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 8vw 3vw 2vw;
    height: 100%;
}
.chi-siamo-section .upper-siamo .right-text img{
    display: block;
    width: 9vw;
    height: auto;
    margin-bottom: 0rem;
}
.chi-siamo-section .upper-siamo .right-text p{
    font-size: 2rem;
    text-align: right;
    color: #fff;
    margin-top: 3rem;
    margin-bottom: 2rem;
}
.chi-siamo-section .upper-siamo .right-text a{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 2.5rem;
    margin-right: 3vw;
    font-style: italic;
}
.chi-siamo-section .upper-siamo .right-text a img{
    width: 1.5rem;
    height: auto;
    margin-left: 2rem;
}
.perche-scegliere-section .half-left-info .scelta-top .tns-outer{
    position: relative;
    width: 100%;
    padding: 5rem 9rem !important;
}
.perche-scegliere-section .half-left-info .scelta-top .tns-outer button{
	display:none;
}
.perche-scegliere-section .half-left-info .scelta-top .tns-outer .tns-controls button{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background-color: transparent;
    height: 20rem;
    width: 8rem;
    display: block;
}
.perche-scegliere-section .half-left-info .scelta-top .tns-outer .tns-controls button:nth-child(1){
	left:0;
	background-image:url(/sites/default/files/left-black-triangle.svg);
}
.perche-scegliere-section .half-left-info .scelta-top .tns-outer .tns-controls button:nth-child(2){
	right:0;
	background-image:url(/sites/default/files/right-black-triangle.svg);
}
.perche-scegliere-section .scegliere-full-list .single-scelta h3{
    color: #fff;
    font-size: 3rem;
    font-style: italic;	
}
.perche-scegliere-section{
	overflow:hidden;
}
.perche-scegliere-section .half-left-info .scelta-top{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 5rem 0rem;
}
.perche-scegliere-section{
	align-items: stretch;
}
.perche-scegliere-section .half-left-info .scelta-top h2{
    font-style: italic;
    font-size: 3vw;
    color: #fff;
    margin: 0 auto 2rem;
    text-align: center;
    font-weight: 500;
}
.perche-scegliere-section .half-left-info .scelta-top p{
	font-size:2rem;
	color:#fff;
	text-align:center;
}
.perche-scegliere-section .half-left-info .bottom-image{
	min-height: 25vw;
	background-position:center top;	
}
.perche-scegliere-section .half-right-form{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 3vw;
    position: relative;
}
.perche-scegliere-section .half-right-form::before{
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 3vw);
    height: calc(100% - 3vw);
    border: 3px solid #E30613;
    z-index: -1;
    position: absolute;
}
.perche-scegliere-section .half-right-form .half-left-title{
	width:30%;
}
.perche-scegliere-section .half-right-form .half-left-title img{
	display:block;
	width:90%;
	height:auto;
	margin-bottom:2rem;
}
.perche-scegliere-section .half-right-form .half-left-title h3{
    color: #000;
    font-size: 2vw;
    margin: 0 auto 0 0;
    text-align: left;
    font-weight: 600;
}
.perche-scegliere-section .half-right-form .half-left-title h3 span{
    color: #E30613;
    font-weight: 700;
}
.perche-scegliere-section .half-right-form .contatto-form{
	width:70%;
	padding-left:2vw;
}
#block-carrozzeriabassanese-footer{
    background-color: #000;
}
.webform-submission-richiedi-informazioni-add-form .form-item label,
.webform-submission-lavora-con-noi-form .form-item label{
	display:none;
}
.webform-submission-richiedi-informazioni-add-form .form-item input,
.webform-submission-richiedi-informazioni-add-form .form-item textarea,
.webform-submission-lavora-con-noi-form .form-item input,
.webform-submission-lavora-con-noi-form .form-item textarea{
    font-size: 1.6rem;
    color: #000;
    border: 1px solid #1a1a1a;
    border-radius: 0.5rem;
    padding: 1rem;
}
.webform-submission-richiedi-informazioni-add-form .form-type-webform-terms-of-service,
.webform-submission-lavora-con-noi-form .form-type-webform-terms-of-service{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;	
}
.webform-submission-richiedi-informazioni-add-form .form-type-webform-terms-of-service label,
.webform-submission-lavora-con-noi-form .form-type-webform-terms-of-service label{
    font-size: 1.4rem;
    color: #000;
    display: block;
    padding-left: 1rem;
    text-align: left;
}
.webform-submission-richiedi-informazioni-add-form .form-actions,
.webform-submission-lavora-con-noi-form .form-actions{
	margin:0 auto;
} 
.webform-submission-richiedi-informazioni-add-form .form-actions input,
.webform-submission-lavora-con-noi-form .form-actions input{
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 1rem 3rem;
    background-color: #e30613;
    border: none;	
}
.centered-footer{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    width: 95%;
    margin: 0 auto;
    max-width: 1366px;
    padding: 5rem 2rem;  
}
.centered-footer .footer-tre{
	width:calc(100% / 3);
	padding:0 2rem;
}
.centered-footer .footer-tre p{
	font-size:2rem;
	color:#fff;
}
.centered-footer .footer-tre:first-child img{
    display: block;
    margin: 0 auto 3rem 0;
    width: 100%;
    max-width: 27rem;
    height: auto;
}
.centered-footer .footer-tre:first-child a{
    font-size: 2.5rem;
    font-weight: 600;
    color: #fff;
    margin: 2rem auto 0rem 0;
    display: block;
} 
.centered-footer .footer-tre .social-footer a{
    font-size: 4rem;
    color: #9f9f9f;
    margin-right: 2rem;
}
.centered-footer .footer-tre .social-footer a:hover{
	color: #e30613;
}
.centered-footer .footer-tre h3{
	color:#fff;
	font-size:3rem;
	font-weight:800;
	margin:0 0 1rem auto;
}
.centered-footer .footer-tre:nth-child(2) a{
    text-align: right;
    display: block;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    transition:all 0.3s linear;
}
.centered-footer .footer-tre:nth-child(2) a:hover{
	color:#e30613;
	text-decoration:underline;
}
.centered-footer .footer-tre:nth-child(2) *,
.centered-footer .footer-tre:nth-child(3) *{
	text-align:right;
}
.centered-footer .footer-tre:nth-child(3) h4{
    color: #fff;
    font-weight: 800;
    font-size: 2rem;
    margin-top: 3rem;		
}
.top-intro-title-section{
    height: 80vh;
    width: 100%;
}
.top-intro-title-section .special-servizio-title{
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    width: 100%;
    height: 70%;
    z-index: 5;
    background-image: url(/sites/default/files/service-cinque-back.png);  
}
.top-intro-title-section .special-servizio-title .centered-half-icon-title{
    position: absolute;
    left: 30%;
    transform: translateX(-50%);
    z-index: 20;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    bottom: 10%;    	
}
.top-intro-title-section .special-servizio-title .centered-half-icon-title img {
    width: 10vw;
    height: auto;
}
.top-intro-title-section .special-servizio-title .centered-half-icon-title .service-title{
    color: #fff;
    font-weight: 600;
    font-size: 4vw;
    margin: 0 auto 0 1rem;
    text-align: left;
    line-height: 1.2;
}
.page-node-type-servizio-carrozzeria .servizio-intro-desc-top{
    display: block;
    margin: 0 auto 4rem;
    padding: 10rem 2rem 4rem;
    width: 100%;
    max-width: 1170px;
    position: relative;
}
.page-node-type-servizio-carrozzeria .servizio-intro-desc-top .field--name-field-icona-servizio img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    filter: brightness(0);
    opacity: 0.075;
    height: 80%;
    width: auto;
    min-height: 35rem;
	z-index: -1;
}
.page-node-type-servizio-carrozzeria .servizio-intro-desc-top .field--name-field-introduzione-servizio{
	text-align:center;
	font-size:1.8rem;
	color:#000;
}
.page-node-type-servizio-carrozzeria .loghi-marchi-section{
	display:block;
	margin:0 auto;
	padding:0rem 2rem;
	width:100%;
	max-width:1366px;
}
.loghi-marchi-section .loghi-full-list .field--name-field-loghi-marchi{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 0 auto 3rem;	
}
.loghi-marchi-section .loghi-full-list .field--name-field-loghi-marchi .field__item{
	width:calc(100% / 6);
	padding:4rem;
	position:relative;
}
.loghi-marchi-section .loghi-full-list .field--name-field-loghi-marchi .field__item::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 3rem);
    height: calc(100% - 3rem);
    border-radius: 2rem;
    background-color: #fff;
    box-shadow: 2px 2px 6px rgb(135 135 135);
    z-index: -1;
}
.loghi-marchi-section .loghi-full-list .tns-outer{
    position: relative;
    padding: 0 4rem !important;
    width: 100%;
}
.loghi-marchi-section .loghi-full-list .tns-outer button{
	display:none;
}
.loghi-marchi-section .loghi-full-list .tns-outer .tns-controls button{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    border: none;
    background-color: transparent;
    height: 20rem;
    width: 3rem;
    display: block;
}
.loghi-marchi-section .loghi-full-list .tns-outer button:nth-child(1) {
    left: 0;
    background-image: url(/sites/default/files/left-black-triangle.svg);
}
.loghi-marchi-section .loghi-full-list .tns-outer button:nth-child(2) {
    right: 0;
    background-image: url(/sites/default/files/right-black-triangle.svg);
}

.field--name-field-descrizione-servizio .field__item{
    padding: 3rem 0;
    overflow: hidden;
}
.field--name-field-descrizione-servizio .field__item .field__item{
	background-color:transparent;
	padding:0;
	overflow:visible;
}
.field--name-field-descrizione-servizio .field__item .half-image-text .half-image,
.field--name-field-descrizione-servizio .field__item .half-image-text .half-text{
	padding:0 2rem;
}
.field--name-field-descrizione-servizio .field__item .half-image-text .half-text{
	text-align:left;
}
.field--name-field-descrizione-servizio .field__item .half-image-text .half-image{
	position:relative;
}
.field--name-field-descrizione-servizio .field__item .half-image-text .half-image::before,
.field--name-field-descrizione-servizio .field__item .half-image-text .half-image::after{
	content:'';
	position:absolute;
	bottom:-3rem;
	background-color:#e30613;
	z-index:-1;
	width:60%;
	height:60%;
}
.field--name-field-descrizione-servizio .field__item .half-image-text .half-image::after{
	bottom:unset;
	top:-3rem;
}
.field--name-field-descrizione-servizio .field__item:nth-child(even) .half-image-text .half-image{
	padding:0 0 0 5rem;
}
.field--name-field-descrizione-servizio .field__item:nth-child(even) .half-image-text .half-image::before{
	left:2rem;
}
.field--name-field-descrizione-servizio .field__item:nth-child(even) .half-image-text .half-image::after{
	right:-3rem;
}
.field--name-field-descrizione-servizio .field__item:nth-child(odd) .half-image-text .half-image{
	padding:0 5rem 0 0;
}
.field--name-field-descrizione-servizio .field__item:nth-child(odd) .half-image-text .half-image::before{
	right:2rem;
}
.field--name-field-descrizione-servizio .field__item:nth-child(odd) .half-image-text .half-image::after{
	left:-3rem;
}
.field--name-field-descrizione-servizio .field__item .half-image-text .half-text *{
	text-align:left;
}
.field--name-field-descrizione-servizio .field__item:nth-child(even) .half-image-text .half-image{
	order:2;
}
.field--name-field-descrizione-servizio .field__item:nth-child(even) .half-image-text .half-text{
	order:1;
}
.field--name-field-descrizione-servizio .centered-desc{
	width:100%;
	max-width:1366px;
	margin:0 auto;
}
.field--name-field-descrizione-servizio .centered-desc .full-single-text{
	width:100%;
	max-width:1170px;
	margin:0 auto;
}

.field--name-field-descrizione-servizio .field--name-field-descrizione-sezione{
	font-size:1.8rem;
	color:#000;
	text-align:left;
}
.field--name-field-descrizione-servizio .centered-desc.full-single-text .field--name-field-descrizione-sezione{
	text-align:center;	
}
.field--name-field-descrizione-servizio .field__item .field--name-field-titolo-sezione{
    font-size: 4rem;
    font-weight: 600;
    font-style: italic;
    margin: 0 auto 2rem;
    display: block;
    color: #e30613;
    line-height: 1.2;
}
.field--name-field-descrizione-servizio .field--name-field-descrizione-sezione ul,
.field--name-field-descrizione-servizio .field--name-field-descrizione-sezione ol{
	list-style-type:none;
	padding:0;
}
.field--name-field-descrizione-servizio .field--name-field-descrizione-sezione ul li,
.field--name-field-descrizione-servizio .field--name-field-descrizione-sezione ol li{
    position: relative;
    padding-left: 4.5rem;
    padding-bottom: 2rem;
}
.field--name-field-descrizione-servizio .field--name-field-descrizione-sezione ul li::before,
.field--name-field-descrizione-servizio .field--name-field-descrizione-sezione ol li::before{
	content:'';
	background-image:url(/sites/default/files/carrozzeria-icona-elenco.svg);
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	width:3.5rem;
	height:3.5rem;
	left:0;
	top:0;
	position:absolute;
}
.full-desc-container .contatti-single-desc{
    display: inline-block;
    margin-top: 1.5rem;
    background-color: #e30613;
    color: #fff;
    text-transform: uppercase;
    padding: 1rem 3rem;
    border-radius: 100rem;
    font-weight: 600;
    font-size: 2.2rem;
    transition: all 0.3s linear;
    box-shadow: 2px 2px 2px rgb(255,255,255);
}
.full-desc-container .contatti-single-desc i{
	font-size:2.5rem;
	margin-right:1rem;
}
.full-desc-container .contatti-single-desc:hover{
    transform: scale(1.05);
    box-shadow: 3px 3px 5px rgb(150,150,150);
}
.servizi-correlati-section .view-servizi-correlati .view-content{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: stretch;	
}
.servizi-correlati-section .view-servizi-correlati .view-content .views-row{
	width:25%;
}
.servizi-correlati-section .view-servizi-correlati .preview-service{
    height: 20vw;
    position: relative;
    display: block;
}
.servizi-correlati-section .view-servizi-correlati .preview-service .centered-icona-title{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;	
}
.servizi-correlati-section .view-servizi-correlati .preview-service .centered-icona-title{
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 55%;
    padding: 4vw 2vw 0 6vw;
    transition: all 0.3s linear;
}
.servizi-correlati-section .view-servizi-correlati .tns-outer{
	padding-top:0 !important;
}
.servizi-correlati-section .view-servizi-correlati .tns-outer button{
	display:none;
}
.servizi-correlati-section .view-servizi-correlati .tns-controls button{
    position: absolute;
    top: -12rem;
    transform: translateX(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    height: 10rem;
    width: 8rem;
    display: block;
}
.servizi-correlati-section .view-servizi-correlati .tns-controls button:nth-child(1){
	left: calc(50% - 25rem);
	background-image:url(/sites/default/files/left-black-triangle.svg);
}
.servizi-correlati-section .view-servizi-correlati .tns-controls button:nth-child(2){
	left: calc(50% + 25rem);
    background-image: url(/sites/default/files/right-black-triangle.svg);
}
.servizi-correlati-section .view-servizi-correlati .preview-service .centered-icona-title:hover{
	height:65%;
}
.servizi-correlati-section .view-servizi-correlati .preview-service .centered-icona-title .field--name-field-icona-servizio img{
    width: 10rem;
    height: auto;	
}
.servizi-correlati-section .view-servizi-correlati .preview-service .centered-icona-title .service-title{
    color: #fff;
    font-weight: 600;
    font-size: 3rem;
    margin: 0 auto 0 1rem;
    text-align: left;
    line-height: 1.2;	
}
.servizi-correlati-section{
	padding:5rem 0;
	border-top:5px solid #e30613;
	margin-top:5rem;
}
.servizi-correlati-section h3{
    text-align: center;
    font-size: 4rem;
    font-style: italic;
    color: #e30613;
    font-weight: 700;
    margin: 0 auto 5rem;	
}
.field--name-field-descrizione-servizio .field__item  .full-desc-container .tns-outer button{
	display:none;
}







.page-node-type-news_blog .centered-blog{
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 10rem 1.5rem 6rem;
}
.page-node-type-news_blog .container,
.page-node-type-news_blog .container .col-md-12{
	width:100%;
	max-width:unset;
	padding:0;
	float:none;
}
.page-node-type-news_blog .centered-blog .first-half-blog-top{
    text-align: left;
    font-size: 4rem;
    line-height: 1;
    font-weight: 700;
    color: #e30613;
    margin: 0 0 2rem;
}
.page-node-type-news_blog .centered-blog .body-article-news{
	font-size:1.8rem;
}
.page-node-type-news_blog .centered-blog .body-article-news *{
	line-height:1.6;
		color:#000;
}
.page-node-type-news_blog .centered-blog .body-article-news h4{
	font-size:2.5rem;
}
.page-node-type-news_blog .centered-blog .body-article-news h5,
.page-node-type-news_blog .centered-blog .body-article-news h6{
	font-size:2rem;
}
.page-node-type-news_blog .centered-blog .body-article-news h2,
.page-node-type-news_blog .centered-blog .body-article-news h3{
	font-size:3rem;
}
.page-node-type-news_blog section{
	padding:0 !important;
}
.page-node-type-news_blog .left-section-blog{
    width: 55%;
    float: left;
    padding: 0 4rem 2rem 0;
}
.page-node-type-news_blog .left-section-blog .tns-outer button{
	display:none;
}
.page-node-type-news_blog .left-section-blog .tns-outer .tns-controls button{
	display:block;
}
.view-list-completa-news-blog .view-content{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 1366px;
    margin: 0 auto 8rem;
}
.view-list-completa-news-blog .view-content .views-row{
	padding-bottom:4rem;
}
.full-lista-news{
	padding-top:10rem;
}
.full-lista-news h4{
    margin: 0 auto 6rem 0;
    font-size: 6rem;
    color: #000;
    font-weight: 800;
    text-align: center;
    line-height: 1;
}
.view-list-completa-news-blog .view-content .views-row{
	padding:0 2rem;
	text-align:center;
}
.view-list-completa-news-blog .view-content .views-row{
	width:calc(100% / 3);
}
.news-section-homepage .half-right-news .view-lista-news-blog-homepage .views-row .views-field-field-immagine a img{
	border-radius:2rem;
}
.news-section-homepage .half-right-news .view-lista-news-blog-homepage .views-row .views-field-body,
.view-list-completa-news-blog .view-content .views-row .views-field-body{
	font-size:1.6rem;
	color:#1a1a1a;
}
.news-section-homepage .half-right-news .view-lista-news-blog-homepage .views-row .views-field-view-node a,
.view-list-completa-news-blog .view-content .views-row .views-field-view-node a{
    font-size: 1.8rem;
    color: #000;
    font-weight: 800;
    padding: 1rem 2rem;
    font-style: italic;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}
.news-section-homepage{
	margin:0 auto 8rem;
	overflow:hidden;
}
.news-section-homepage .view-lista-news-milan-homepage .view-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 1170px;
    margin: 8rem auto 0;
}

.news-section-homepage .last-news-intro h2{
    margin: 0 auto;
    font-size: 6rem;
    color: #e30613;
    font-weight: 700;
    text-align: left;
    line-height: 1;
    font-style: italic;
}
.news-section-homepage .last-news-intro p{
    font-size: 1.8rem;
    color: #1a1a1a;
    text-align: left;
    line-height: 1.4;
    font-weight: 500;
}
.news-section-homepage .last-news-intro hr{
    display: block;
    width: 100%;
    max-width: 30rem;
    margin: 1.5rem auto 1.5rem 0;
    opacity: 1;
    border: none;
    background-color: #E30613;
    height: 0.3rem;
}
.news-section-homepage .last-news-intro a{
    font-size: 2.5rem;
    color: #000;
    font-weight: 800;
    padding: 0 4rem 1rem 2rem;
    font-style: italic;
    display: inline-block;
    margin: 2rem auto 0 0;
    text-align: left;
}
.news-section-homepage .last-news-intro a img {
    width: 1.5rem;
    height: auto;
    margin-left: 2rem;
}
.news-section-homepage .last-news-intro{
    width: 40%;
    text-align: left;
    padding: 0 4vw;
}
.news-section-homepage .half-right-news{
	width:60%;
}
.news-section-homepage .half-right-news .view-lista-news-blog-homepage .tns-outer button{
	display:none;
}
.news-section-homepage .half-right-news .view-lista-news-blog-homepage .tns-outer .tns-controls button{
	display:block;
}
.news-section-homepage .half-right-news .view-lista-news-blog-homepage .views-row,
.view-list-completa-news-blog .view-content .views-row{
	padding:0 2rem;
	text-align:center;
}
.view-list-completa-news-blog .view-content .views-row{
	width:calc(100% / 3);
}
.news-section-homepage .half-right-news .view-lista-news-blog-homepage .views-row .views-field-field-immagine a img{
	border-radius:2rem;
}

.news-section-homepage .half-right-news .view-lista-news-blog-homepage .views-row .views-field-title a,
.view-list-completa-news-blog .view-content .views-row .views-field-title a{
    color: #E30613;
    text-align: center;
    font-size: 2.5rem;
    margin: 1rem auto;
    font-weight: 700;
    font-style: italic;
    line-height: 1;
    display: block;
}
.news-section-homepage {
    margin: 8rem auto 5rem;
    overflow: hidden;
}
.news-section-homepage .view-lista-news-milan-homepage .view-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 1170px;
    margin: 8rem auto 0;
}

.map-section{
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1366px;
    padding: 0 2rem;
}
.map-section iframe{
	border-radius:2rem;
}
.half-info-webform{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 8rem 2rem;
}
.half-info-webform .half-info,
.half-info-webform .half-form{
	padding:0 2rem;
}
.half-info-webform .half-info .single-info{
	align-items: flex-start;
	margin-bottom:4rem;
}
.half-info-webform .half-info .single-info .half-icon{
    width: 6rem;
    height: 6rem;
    border-radius: 100rem;
    background-color: #E30613;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.half-info-webform .half-info .single-info .half-icon i{
	color:#fff;
	font-size:2.5rem;
}
.half-info-webform .half-info .single-info .half-info-desc{
	padding-left:2rem;
	width:calc(100% - 8rem);
}
.half-info-webform .half-info .single-info .half-info-desc h4{
    font-size: 2rem;
    font-style: italic;
    margin: 0 auto 0.5rem 0;
    color: #000;
    font-weight: 700;
}
.half-info-webform .half-info .single-info .half-info-desc p{
	color:#000;
	font-size:1.6rem;
	margin:0;
}

.half-info-webform .half-form h4{
	font-size:3rem;
	font-style:italic;
	margin:0 auto 2rem;
	text-align:center;
}
.half-info-webform .half-form .form-item{
	width:96%;
	margin:0 2% 1rem;
}
.half-info-webform .half-form .form-item-email,
.half-info-webform .half-form .form-item-telefono{
    width: 46%;
    margin: 0 1.75% 1rem;
    display: inline-block;
    vertical-align: middle;
}
.loghi-top-carrozzeria{
    position: fixed;
    top: 3rem;
    left: 30rem;
    z-index: 9999;
}
.loghi-top-carrozzeria .aci-top-logo,
.loghi-top-carrozzeria .garant-top-logo{
    height: 4rem;
    width: auto;
    margin-right: 3rem;
}
.user-logged-in .loghi-top-carrozzeria{
	z-index:1;
}
.lavora-con-noi-prefooter{
	padding:8rem 2rem;
}
.lavora-con-noi-prefooter .centered-lavora-con-noi{
	width:100%;
	max-width:1170px;
	margin:0 auto;
	border-radius:4rem;
	background-color:#fff;
	padding:5rem 3rem;
}
.lavora-con-noi-prefooter .centered-lavora-con-noi .halfed-width{
	padding:0 2rem;
}
.lavora-con-noi-prefooter .centered-lavora-con-noi .half-left-info h3{
    margin: 0 auto 1rem 0;
    font-size: 4rem;
    color: #E30613;
    font-weight: 700;
    font-style: italic;
    text-align: left;
}
.lavora-con-noi-prefooter .centered-lavora-con-noi .half-left-info p{
	color:#000;
	font-size:1.8rem;
	margin:0;
	text-align:left;
}
.lavora-con-noi-prefooter .centered-lavora-con-noi .half-right-form{
	text-align:center;
}
.lavora-con-noi-prefooter .centered-lavora-con-noi .half-right-form h4{
    margin: 0 auto 1rem;
    font-size: 3rem;
    color: #E30613;
    font-weight: 700;
    font-style: italic;
    text-align: center;
}
.lavora-con-noi-prefooter .centered-lavora-con-noi .half-right-form .form-item{
	width:46.5%;
	margin:0 1.5% 1rem;
	display:inline-block;
	vertical-align:middle;
}
.lavora-con-noi-prefooter .centered-lavora-con-noi .half-right-form .form-item.form-type-webform-terms-of-service,
.lavora-con-noi-prefooter .centered-lavora-con-noi .half-right-form .form-item.form-item-carica-il-tuo-cv{
	width:96%;
}
.lavora-con-noi-prefooter .centered-lavora-con-noi .half-right-form .form-item.form-type-webform-terms-of-service{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;	
}
.lavora-con-noi-prefooter .centered-lavora-con-noi .half-right-form .form-item.form-item-carica-il-tuo-cv{
    border: 2px dotted #000;
    padding: 1rem;
}
.lavora-con-noi-prefooter .centered-lavora-con-noi .half-right-form .form-item.form-item-carica-il-tuo-cv input{
    border: none;
    padding: 0;
    font-size: 1.2rem;
    border-radius: unset;
}
.lavora-con-noi-prefooter .centered-lavora-con-noi .half-right-form .form-item.form-item-carica-il-tuo-cv label{
    display: block;
    font-size: 1.8rem;
    color: #000;
}
.lavora-con-noi-prefooter .centered-lavora-con-noi .half-right-form .form-item.form-item-carica-il-tuo-cv .description{
    font-size: 1.1rem;	
}



.tel-mobile-call, .whatsapp-mobile-call {
    display: block;
    position: fixed;
    left: 1rem;
    bottom: 1rem;
    z-index: 5;
    background-color: #1a1a1a;
    height: 7rem;
    width: 7rem;
    border-radius: 100rem;
    box-shadow: 2px 2px 8px rgb(50,50,50);
    z-index: 999;
}

.whatsapp-mobile-call {
    left: 9rem;
    background-color: #e30613;
}
@keyframes pulsingCallAnimation {
  0% {
	transform:scale(1);
	box-shadow: -1px -1px 6px rgb(0,0,0);
  }
  10%{
	transform:scale(1.1);  
	box-shadow: -1px -1px 6px rgb(150,150,150);
  }
  20%{
	transform:scale(1); 
	box-shadow: -1px -1px 6px rgb(0,0,0);
  }
  100% {
	transform:scale(1);
	box-shadow: -1px -1px 6px rgb(0,0,0);
  }
}

.tel-mobile-call i, .whatsapp-mobile-call i {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 3rem;
    transform: translate(-50%,-50%);
}
.view-lista-collaborazioni .view-content .views-row .views-field-field-loghi-collaborazioni .tns-item{
	padding: 3rem;
}
.view-lista-collaborazioni .tns-outer button{
	display:none;
}
.view-lista-collaborazioni .view-content .views-row .views-field-field-loghi-collaborazioni .tns-item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 3rem);
    height: calc(100% - 3rem);
    border-radius: 2rem;
    background-color: #fff;
    box-shadow: 2px 2px 6px rgb(135 135 135);
    z-index: -1;
}
.convenzioni-section h4 {
    margin: 0 auto;
    font-size: 4rem;
    color: #e30613;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    font-style: italic;
}
.convenzioni-section{
	padding:8rem 2rem;
}

.intro-chi-siamo{
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    padding: 8rem 2rem;
    overflow:hidden;
    flex-wrap: nowrap;
}
.intro-chi-siamo .half-text,
.intro-chi-siamo .half-sottotitolo{
	padding:0 2rem;
	text-align:left;
}
.intro-chi-siamo .half-iso{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
}
.intro-chi-siamo .half-iso img{
	width: 20rem;
}
.intro-chi-siamo .half-iso span{
    font-size: 3rem;
    line-height: 1;
    font-weight: 600;
    color: #0b4585;
    text-transform: uppercase;
    text-decoration: underline;	
}
.intro-chi-siamo .half-text p{
	text-align:left;
	font-size:2rem;
	color:#000;
	margin:0;
}
.half-sottotitolo h2{
    margin: 0 auto;
    font-size: 4rem;
    color: #e30613;
    font-weight: 700;
    text-align: left;
    line-height: 1.3;
    font-style: italic;
}
.half-video-text{
    width: 100%;
    margin: 0 auto;
    padding: 0 5vw 8rem;
    overflow:hidden;
}
.half-video-text #videoChiSiamo{
	display:block;
	margin:0 auto;
	width:50%;
	height:auto;
}
.half-video-text .half-right-text{
	padding:0 2rem;
}
.half-video-text .half-right-text p{
	font-size:2rem;
	color:#000;
	text-align:left;
}
.special-siamo-due-image{
    width: 100%;
    margin: 0 auto;
    overflow:hidden;
    padding: 0 2.5vw 8rem;
}
.special-siamo-due-image .left-image{
	border-radius:3rem;
	width:35%;
	height:25vw;
}
.special-siamo-due-image .right-image{
	border-radius:3rem;
	width:60%;
	margin-left:5%;
	height:25vw;
}


.user-login-form {
    display: block;
    margin: 20rem auto;
    padding: 0 2rem;
    width: 100%;
    max-width: 40rem;
}
.user-login-form .js-form-type-textfield label,
.user-login-form .js-form-type-password label{
    font-size: 1.6rem;	
}
.user-login-form .js-form-type-textfield input,
.user-login-form .js-form-type-password input{
    font-size: 1.6rem;
    padding: 1rem;
    margin-top: 1rem;
}
.user-login-form .js-form-submit{
    display: block;
    margin: 0 auto;
    width: 20rem;
    padding: 1rem;
    font-size: 1.6rem;
}
.g-recaptcha div{
	display:block;
	margin:0 auto;
}
.supercentered-error {
    padding: 40vh 2rem;
}
.supercentered-error .centered-error {
    text-align: center;
    font-size: 15rem;
    color: #e30613;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.supercentered-error .centered-error img {
    width: 12rem;
    height: auto;
    margin: 3rem 1rem 0;
}
.supercentered-error .main-message {
    text-align: center;
}
.supercentered-error .main-message h2 {
    margin: 0rem auto 3rem;
    text-align: center;
    font-size: 6rem;
    font-weight: 800;
}
.supercentered-error .main-message a {
    display: inline-block;
    margin: 0 auto 0;
    background-color: #e30613;
    color: #fff;
    text-align: center;
    border-radius: 100rem;
    padding: 2rem 3rem;
    text-transform: uppercase;
    font-size: 2rem;
}



.page-node-33 .node__content .field--name-body,
.page-node-61 .node__content .field--name-body {
    width: 100%;
    max-width: 1170px;
    margin: 20rem auto 10rem;
    padding: 0 2rem;
}
.page-node-33 .node__content .field--name-body *,
.page-node-61 .node__content .field--name-body *{
	color:#000;
}
.page-node-33 .node__content .field--name-body p,
.page-node-61 .node__content .field--name-body p,
.page-node-33 .node__content .field--name-body ol li,
.page-node-33 .node__content .field--name-body ul li,
.page-node-61 .node__content .field--name-body ol li,
.page-node-61 .node__content .field--name-body ul li{
	font-size:1.6rem;
}
.page-node-33 .node__content .field--name-body ol,
.page-node-33 .node__content .field--name-body ul,
.page-node-61 .node__content .field--name-body ol,
.page-node-61 .node__content .field--name-body ul{
	list-style-type:disc;
	padding-left:3rem;
}
.page-node-33 .node__content .field--name-body h1,
.page-node-61 .node__content .field--name-body h1{
	font-size:3.5rem;
}
.page-node-33 .node__content .field--name-body h2,
.page-node-61 .node__content .field--name-body h2{
	font-size:3rem;
}
.page-node-33 .node__content .field--name-body h3,
.page-node-61 .node__content .field--name-body h3{
	font-size:2.5rem;
}
.page-node-33 .node__content .field--name-body h4,
.page-node-61 .node__content .field--name-body h4{
	font-size:2rem;
}

.bottom-footer-policy {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	padding-bottom: 0;
}
.bottom-footer-policy a {
    margin: 0 1rem;
}
.bottom-footer-policy a, .bottom-footer-policy span {
    color: #fff !important;
    font-size: 1.8rem;
    font-weight:600;
}

.conferma{
    text-align: center;
    margin: 20rem auto 10rem;
}
.conferma a{
    display: block;
    border: 3px solid #e30613;
    color: #e30613;
    background-color: transparent;
    width: 25rem;
    margin: 0 auto;
    padding: 2rem;
    font-size: 2rem;
    text-transform: uppercase;
    margin-bottom: 5rem;
    font-weight: 700;
    transition:all 0.3s linear;
}
.conferma a:hover{
    color:#ffffff;   
    background-color: #e30613;
}
.conferma h2{
    text-align: center;
    font-size: 5rem;	
}
.conferma p{
    text-align: center;
    font-size: 2rem;	
}
.view-comunicazioni-homepage .views-row .views-field-field-testo-comunicazione{
	width:100%;
	display:block;
	margin:0 auto;
	background-color:#E30613;
	padding:1rem 2rem;
}
.view-comunicazioni-homepage .views-row .views-field-field-testo-comunicazione .field-content{
    text-align: center;
    width: 100%;
    display: block;
    margin: 0 auto;
    max-width: 90rem;
    color: #fff;
    font-size: 2rem;
    line-height: 1.2;
}
.view-comunicazioni-homepage .views-row .views-field-field-testo-comunicazione .field-content *{
	margin:0;
}
.video-servizio{
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 99rem;
    height: auto;
}





@media only screen and (max-width: 1365px) {
	.row-servizi .floating-title-icon-servizio .half-icon-title .service-title {
	    font-size: 3rem;
	}
	.row-servizi .floating-title-icon-servizio .bullet-info {
	    width: 6rem;
	}
	.altri-servizi-section .intro-top img {
	    max-width: 25rem;
	}
	.chi-siamo-section .upper-siamo .right-text p {
	    font-size: 2rem;
	}
	.chi-siamo-section .under-siamo .half-left-image {
	    height: 40vw;
	}
	.altri-servizi-section .big-auto-altri-servizi .absoluted h4 {
		font-size: 2rem;
	}
	.altri-servizi-section .big-auto-altri-servizi .absoluted img {
		width:8rem;
	}
	.field--name-field-descrizione-servizio .centered-desc {
	    max-width: 1170px;
	}
	.servizi-correlati-section .view-servizi-correlati .view-content .views-row {
	    width: 50%;
	}
	.servizi-correlati-section .view-servizi-correlati .preview-service {
	    height: 32vw;
	}
	.servizi-correlati-section .view-servizi-correlati .preview-service .centered-icona-title .field--name-field-icona-servizio img {
	    width: 8rem;
	}
	.top-intro-title-section .special-servizio-title .centered-half-icon-title .service-title {
	    font-size: 3vw;
	}
	.top-intro-title-section .special-servizio-title .centered-half-icon-title img {
	    width: 8vw;
	}
	.top-intro-title-section .special-servizio-title {
	    height: 55%;
	}
	.map-section,
	.half-info-webform{
	    max-width: 1170px;
	}
	.half-info-webform .half-info{
		width:40%;
	}
	.half-info-webform .half-form{
		width:60%;
	}
	.full-lista-news h4 {
	    font-size: 4rem;
	    font-weight: 700;
	}
	.field--name-field-descrizione-servizio .field__item .field--name-field-titolo-sezione {
	    font-size: 3rem;
	}
	.intro-chi-siamo .half-iso span {
    font-size: 2.5rem;
    line-height: 1.2;
}
	.half-video-text{
		display:block;
	}
	.half-video-text #videoChiSiamo{
		width:60%;
		float:left;
		padding:0 2rem 2rem 0;
		z-index: 3;
	    position: relative;
	}
	.half-video-text .half-right-text{
	    float: none;
	    padding: 0;
	    width: 100%;
	    z-index: 2;
	    position: relative;
	}
	
	
	
	
}
@media only screen and (max-width: 1279px) {
	.chi-siamo-section .upper-siamo .right-text p {
	    font-size: 1.6rem;
	    margin-bottom: 0.5rem;
	}
	.chi-siamo-section .upper-siamo .right-text a {
	    font-size: 1.8rem;
	}
	.chi-siamo-section .upper-siamo .right-text a img {
	    width: 1rem;
	    margin-left: 1rem;
	}
	.convenzioni-section {
	    padding: 4rem 2rem;
	}
	.convenzioni-section h4 {
	    font-size: 3rem;
	}
	.perche-scegliere-section .half-left-info .scelta-top .tns-outer {
	    padding: 0rem 9rem !important;
	}
	.perche-scegliere-section .half-left-info .scelta-top .tns-outer .tns-controls button {
	    height: 10rem;
	    width: 5rem;
	}
	.perche-scegliere-section .half-right-form {
	    flex-direction: column;
	}
	.perche-scegliere-section .half-right-form .half-left-title {
	    width: 100%;
	    text-align: center;
	}
	.perche-scegliere-section .half-right-form .half-left-title img {
	    width: 100%;
	    height: auto;
	    margin-bottom: 2rem;
	    max-width: 15rem;
	    margin: 0 auto 2rem;
	}
	.perche-scegliere-section .half-right-form .half-left-title h3 {
	    text-align: center;
	    font-size: 2rem;
	}
	.perche-scegliere-section .half-right-form .contatto-form {
	    width: 100%;
	    padding-left: 0;
	}
	.news-section-homepage .last-news-intro h2 {
	    font-size: 4rem;
	}
	.news-section-homepage .half-right-news .view-lista-news-blog-homepage .views-row .views-field-title a, .view-list-completa-news-blog .view-content .views-row .views-field-title a {
	    font-size: 1.8rem;
	}
	.news-section-homepage .last-news-intro a {
	    font-size: 2rem;
	}
	.news-section-homepage .last-news-intro a img {
	    width: 1rem;
	    margin-left: 1rem;
	}
	.news-section-homepage .last-news-intro {
	    padding: 0 2rem;
	}
	.lavora-con-noi-prefooter .centered-lavora-con-noi .half-left-info h3 {
	    font-size: 3rem;
	}
	.centered-footer .footer-tre h3 {
	    font-size: 2.5rem;
	    font-weight: 700;
	}
	.centered-footer .footer-tre:first-child a {
	    font-size: 2rem;
	}
	.half-sottotitolo h2 {
	    font-size: 3rem;
	}
	.top-intro-title-section .special-servizio-title {
	    height: 40%;
	}
	.page-node-type-servizio-carrozzeria .servizio-intro-desc-top {
	    margin: 0 auto 2rem;
	    padding: 10rem 2rem 2rem;
	}
	.field--name-field-descrizione-servizio .field--name-field-descrizione-sezione ul li, .field--name-field-descrizione-servizio .field--name-field-descrizione-sezione ol li {
	    padding-bottom: 1rem;
	}
	.field--name-field-descrizione-servizio .centered-desc {
	    padding: 0 2rem;
	}
	.servizi-correlati-section h3 {
	    font-size: 3rem;
	}
	.field--name-field-descrizione-servizio .field__item .field--name-field-titolo-sezione {
	    font-size: 2.5rem;
	}
	.servizi-correlati-section .view-servizi-correlati .tns-controls button:nth-child(1){
		left: calc(50% - 25rem);
	}
	.servizi-correlati-section .view-servizi-correlati .tns-controls button:nth-child(2){
		left: calc(50% + 25rem);
	}
	.map-section {
	    margin: 0 auto 5rem;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
@media only screen and (max-width: 989px) {
	.video-servizio{
		width:95%;
	}
	.bottom-footer-policy {
    flex-direction: column;
}
	.halfed-width {
    width: 100%;
}
	/* Header */
	.navbar-nav {
	    height: 100vh;
	    background-color: rgba(0,0,0,0.8);
	    color: #FFF;
	    width: 20vw;
	    padding-top: 15vh;
	    padding-right: 2rem;
	    text-align: right;
	    position: fixed;
	    right: -21vw;
	    top: 0;
	    z-index: 100;
	    display: flex !important;
	    flex-direction: column !important;
	    flex-wrap: nowrap !important;
	    align-content: flex-end !important;
	    align-items: flex-end !important;
	    justify-content: flex-start !important;
	    transition: all 0.3s linear;
	}
	.navbar-nav.toggledMenu{
	    right: 0;
	}
	.navbar-nav a,
	.navbar-nav .nav-link {
		color: #FFF !important;
		font-size: 2rem;
	}
	.menu-desk-button {
		margin-left: 2rem; 
		padding-right: 1rem;
		cursor: pointer;
	}
	.loghi-top-carrozzeria {
	    position: fixed;
	    top: 0rem;
	    left: 0;
	    z-index: 9999;
	    width: 100%;
	    background-color: #0B0B0D;
	    height: 8rem;
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-content: center;
	    justify-content: center;
	    align-items: center;
	    transition:all 0.3s linear;
	}
	.scrolling .loghi-top-carrozzeria{
		top:-8rem;
	}
	header nav.navbar {
	    top: 8rem;
	}
	.scrolling header nav.navbar{
		top:0;
	}
	#menu-responsive {
	    top: 10.5rem;
	}
	.scrolling #menu-responsive {
	    top: 2.5rem;
	}
	.loghi-top-carrozzeria .garant-top-logo {
	    margin-right: 0;
	}
	.loghi-top-carrozzeria .aci-top-logo, .loghi-top-carrozzeria .garant-top-logo {
	    height: 5rem;
	}
	.row-servizi .half-servizio{
		width:100%;
		height:60vw;
	}
	.row-servizi .floating-title-icon-servizio {
	    width: 100%;
	    height: 25%;
	    z-index: 5;
	}
	.row-servizi .floating-title-icon-servizio.first-icon-title,
	.row-servizi .floating-title-icon-servizio.third-icon-title {
	    background-image: url(/sites/default/files/service-uno-back.png);
	    background-position: bottom right;
	    top: 0;
	    left: 0;
	}
	.row-servizi .floating-title-icon-servizio.second-icon-title,
	.row-servizi .floating-title-icon-servizio.four-icon-title{
	    background-image: url(/sites/default/files/service-resp-pari.png);
	    background-position: bottom left;
	    top: 50%;
	    bottom:unset;
	    left:unset;
	    right: 0;	
	}

	.row-servizi .floating-title-icon-servizio.four-icon-title .half-icon-title,
	.row-servizi .floating-title-icon-servizio.second-icon-title .half-icon-title {
	    bottom: unset;
	    top: 10%;
	}
	
	.row-servizi .floating-title-icon-servizio.four-icon-title .bullet-info,
	.row-servizi .floating-title-icon-servizio.second-icon-title .bullet-info{
	    bottom: 10%;
	    top: unset;
	}
	.row-servizi .floating-title-icon-servizio.third-icon-title .half-icon-title, .row-servizi .floating-title-icon-servizio.third-icon-title .bullet-info {
	    left: 30%;
	}
	.row-servizi .floating-title-icon-servizio.four-icon-title .half-icon-title, .row-servizi .floating-title-icon-servizio.four-icon-title .bullet-info {
	    left: 70%;
	}
	
	.chi-siamo-section .under-siamo .half-left-image video {
	    position: relative;
	    top: unset;
	    left: unset;
	    transform: none;
	    width: 100%;
	    height: auto;
	}
	.chi-siamo-section .under-siamo .half-left-image {
	    height: auto;
	}
	.chi-siamo-section .upper-siamo {
	    top: 0;
	    right: 0;
	    background-color: #1D1D1B;
	    width: 100%;
	    height: 100%;
	    clip-path: none;
	    position: relative;
	}
	.chi-siamo-section .under-siamo .half-right-text {
	    text-align: center;
	    padding: 2rem;
	}
	.chi-siamo-section .under-siamo .half-right-text img{
		display:none;
	}
	.chi-siamo-section .under-siamo .half-right-text h3 {
	    text-align: center;
	    font-size: 3rem;
	}
	.chi-siamo-section .upper-siamo .right-text p {
	    font-size: 1.8rem;
	    text-align: center;
	}
	.chi-siamo-section .upper-siamo .right-text img {
	    width: 10rem;
	    height: auto;
	    margin: 0 auto;
	}
	.chi-siamo-section .upper-siamo .right-text {
	    display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    align-content: center;
	    justify-content: center;
	    align-items: center;
	    padding: 8vw 3vw 2vw;
	    height: 100%;
	}
	.perche-scegliere-section .half-left-info .scelta-top h2 {
	    font-size: 4rem;
	}
	.perche-scegliere-section .half-right-form {
	    padding: 4rem 5rem;
	}
	.big-auto-altri-servizi{
		overflow:hidden;
	}
	.centered-footer {
	    flex-direction: column;
	    align-items: center;
	    padding-bottom:0;
	}
	.centered-footer .footer-tre {
	    width: 100%;
	    padding: 0 2rem 4rem;
	}
	.centered-footer .footer-tre *{
		text-align:center !important;
	}
	.centered-footer .footer-tre:first-child img {
	    margin: 0 auto 3rem;
	    max-width: 30rem;
	}
	.copyright-footer {
	    padding: 0rem 2rem 3rem;
	}
	.intro-chi-siamo .half-text{
		order:3;
		width:100%;
		padding-top:3rem;
		text-align:center;
	}
	.intro-chi-siamo .half-sottotitolo{
		order:1;
		width:60%;
	}
	.intro-chi-siamo .half-iso{
		width:40%;
		order:2;
	}
	.intro-chi-siamo {
	    flex-direction: row !important;
	    flex-wrap: wrap !important;
	    padding: 3rem 2rem 5rem;
	}
	.half-video-text #videoChiSiamo {
	    width: 100%;
	    float: none;
	    padding: 0 0rem 2rem 0;
	}
	.special-siamo-due-image {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	}
	.special-siamo-due-image .left-image {
	    border-radius: 3rem;
	    width: 75%;
	    height: 50vw;
	    margin-right: 25%;
	}
	.special-siamo-due-image .right-image {
	    border-radius: 3rem;
	    width: 75%;
	    margin-left: 25%;
	    height: 50vw;
	    margin-top: 5rem;
	}
	.lavora-con-noi-prefooter .centered-lavora-con-noi .half-right-form h4 {
	    margin: 2rem auto 1rem;
	}
	.lavora-con-noi-prefooter .centered-lavora-con-noi .half-left-info h3,
	.lavora-con-noi-prefooter .centered-lavora-con-noi .half-left-info p {
	    text-align: center;
	}
	.top-intro-title-section .special-servizio-title .centered-half-icon-title .service-title {
	    font-size: 3rem;
	}
	.top-intro-title-section .special-servizio-title .centered-half-icon-title img {
	    width: 10rem;
	}
	.field--name-field-descrizione-servizio .field__item .half-image-text .half-text{
		order:2 !important;
		padding:8rem 0 0;
	}
	.field--name-field-descrizione-servizio .field__item .half-image-text .half-image{
		order:1 !important;
	}
	.servizi-correlati-section .view-servizi-correlati .preview-service {
	    height: 75vw;
	}
	.view-list-completa-news-blog .view-content .views-row {
	    width: 100%;
	    max-width: 60rem;
	    padding-bottom: 4rem;
	}
	.view-list-completa-news-blog .view-content .views-row .views-field-title a {
	    font-size: 2rem;
	}
	.page-node-type-news_blog .left-section-blog {
	    width: 100%;
	    float: none;
	    padding: 0 0 2rem;
	}
	.page-node-type-news_blog .centered-blog .first-half-blog-top {
	    text-align: center;
	    font-size: 3rem;
	}
	.page-node-type-news_blog .centered-blog {
	    padding: 10rem 2rem 6rem;
	}
	.half-info-webform {
	    padding: 4rem 2rem;
	}
	.half-info-webform .half-form {
	    width: 100%;
	    max-width: 60rem;
	}
	.half-info-webform .half-info {
	    width: 100%;
	    display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    align-content: center;
	    justify-content: flex-start;
	    align-items: flex-start;
	}
	.half-info-webform .half-info .single-info {
	    align-items: flex-start;
	    margin-bottom: 4rem;
	    width: 50%;
	}
	.navbar-nav {
	    padding-top: 0;
	}
	.loghi-marchi-section .loghi-full-list .field--name-field-loghi-marchi .field__item {
	    width: calc(100% / 4);
	    padding: 3rem;
	    position: relative;
	}
	.home-top-banner h2 {
	    font-size: 4rem;
	}
	.home-top-banner h2 span.red-text {
	    font-size: 5rem;
	}
	.tel-mobile-call, .whatsapp-mobile-call{
		opacity:0;
		transition:all 0.3s linear;
	}
	.scrolling .tel-mobile-call, 
	.scrolling .whatsapp-mobile-call{
		opacity:1;
	}
	.view-comunicazioni-homepage .views-row .views-field-field-testo-comunicazione {
	    padding: 9rem 2rem 1rem;
	}

}
@media only screen and (max-width: 599px) {
	.view-comunicazioni-homepage .views-row .views-field-field-testo-comunicazione .field-content {
	    font-size: 1.8rem;
	}
	.home-top-banner h2 {
	    font-size: 3rem;
	    width: 100%;
	}
	.home-top-banner h2 span.red-text {
	    font-size: 4rem;
	}
	.copyright-footer {
	    padding: 3rem 2rem 10rem;
	}
	.loghi-top-carrozzeria .aci-top-logo, .loghi-top-carrozzeria .garant-top-logo {
	    height: auto;
	    width: 40vw;
	}
	.home-top-banner .bottom-section h3 {
	    font-size: 3rem;
	}
	.home-top-banner .bottom-section {
	    width: 100%;
	}
	.row-servizi .half-servizio {
	    width: 100%;
	    height: 100vw;
	}
	.row-servizi .floating-title-icon-servizio.first-icon-title, .row-servizi .floating-title-icon-servizio.third-icon-title {
	    background-position: 30%;
	}
	.row-servizi .floating-title-icon-servizio.second-icon-title, .row-servizi .floating-title-icon-servizio.four-icon-title {
	    background-position: 70%;
	}
	.row-servizi .floating-title-icon-servizio .half-icon-title .service-title {
	    font-size: 2rem;
	}
	.row-servizi .floating-title-icon-servizio .half-icon-title img {
	    width: 7rem;
	    height: auto;
	}
	.row-servizi .floating-title-icon-servizio .bullet-info {
	    width: 5rem;
	}
	
	.row-servizi .floating-title-icon-servizio .bullet-info {
	    width: 4rem;
	}
	.altri-servizi-section{
		display:none;
	}
	.convenzioni-section h4 {
	    font-size: 2rem;
	}
	.perche-scegliere-section .half-left-info .scelta-top h2 {
	    font-size: 3rem;
	}
	.perche-scegliere-section .scegliere-full-list .single-scelta h3 {
	    font-size: 2.5rem;
	}
	.perche-scegliere-section .half-left-info .scelta-top .tns-outer .tns-controls button {
	    width: 3rem;
	}
	
	.perche-scegliere-section .half-left-info .scelta-top .tns-outer {
	    padding: 0rem 4rem !important;
	}	
	.perche-scegliere-section .half-left-info .scelta-top p {
	    font-size: 1.8rem;
	}
	.perche-scegliere-section .half-right-form {
	    padding: 4rem 2rem;
	}
	.news-section-homepage .last-news-intro {
	    width: 100%;
	    text-align:center;
	}
	.news-section-homepage .last-news-intro h2 {
	    font-size: 3rem;
	    text-align: center;
	}
	.news-section-homepage .last-news-intro hr {
	    margin: 1.5rem auto;
	}
	.news-section-homepage .last-news-intro p {
	    text-align: center;
	}
	.news-section-homepage .half-right-news {
	    width: 100%;
	}
	.lavora-con-noi-prefooter .centered-lavora-con-noi .halfed-width {
	    padding: 0;
	}
	.lavora-con-noi-prefooter .centered-lavora-con-noi .half-left-info h3 {
	    font-size: 2.5rem;
	}
	.lavora-con-noi-prefooter .centered-lavora-con-noi .half-right-form .form-item {
	    width: 96%;
	}
	.lavora-con-noi-prefooter .centered-lavora-con-noi {
	    padding: 5rem 1.5rem;
	}
	.lavora-con-noi-prefooter .centered-lavora-con-noi .half-left-info p {
	    font-size: 1.6rem;
	}
	.centered-footer .footer-tre:nth-child(3){
		padding-bottom:2rem;
	}
	.copyright-footer span {
	    font-size: 1.8rem;
	}
	.logo-designed {
	    width: 11rem;
	    margin: 1rem;
	}
	.navbar-brand img {
	    height: 4rem;
	}
	.home-top-banner .bottom-section img {
	    width: 25rem;
	}
	.intro-chi-siamo .half-sottotitolo {
	    order: 1;
	    width: 100%;
	    padding: 0 0 2rem;
	}
	.half-sottotitolo h2 {
	    font-size: 2.2rem;
	    text-align: center;
	}
	.intro-chi-siamo .half-text {
	    order: 2;
	    width: 100%;
	    padding: 0;
	}
	.intro-chi-siamo .half-text p {
	    font-size: 2rem;
	}
	.intro-chi-siamo .half-iso img {
	    margin-top: 2rem;
	}
	.half-video-text .half-right-text p {
	    font-size: 1.8rem;
	    text-align: center;
	}
	.half-video-text {
	    padding: 0 2rem 4rem;
	}
	.special-siamo-due-image .left-image {
	    border-radius: 2rem;
	    width: 100%;
	    height: 75vw;
	    margin-right: 0;
	}
	.special-siamo-due-image .right-image{
		display:none;
	}
	.special-siamo-due-image {
	    padding: 0 2rem 2rem;
	}
	.lavora-con-noi-prefooter {
	    padding: 0;
	    background-image: unset !important;
	}
	.page-node-type-servizio-carrozzeria .servizio-intro-desc-top .field--name-field-icona-servizio img {
	    height: auto;
	    width: 100%;
	}
	.servizi-correlati-section h3 {
	    font-size: 2.5rem;
	}
	.servizi-correlati-section .view-servizi-correlati .preview-service .centered-icona-title .service-title {
	    font-size: 2rem;
	}
	.servizi-correlati-section .view-servizi-correlati .preview-service .centered-icona-title .field--name-field-icona-servizio img {
	    width: 6rem;
	}
	.servizi-correlati-section .view-servizi-correlati .preview-service .centered-icona-title {
	    padding: 5rem 2rem 0 3rem;
	}
	.full-desc-container .contatti-single-desc {
	    padding: 1.5rem 4rem;
	    font-size: 1.8rem;
	}
	.full-desc-container .contatti-single-desc i {
	    font-size: 2rem;
	}
	.field--name-field-descrizione-servizio .field__item .half-image-text .half-image {
	    padding: 0 !important;
	}
	.field--name-field-descrizione-servizio .field__item:nth-child(even) .half-image-text .half-image::before {
	    left: -2rem;
	}
	.field--name-field-descrizione-servizio .field__item:nth-child(odd) .half-image-text .half-image::before {
	    right: -2rem;
	}
	.page-node-type-servizio-carrozzeria .loghi-marchi-section {
	    padding: 0;
	}
	.loghi-marchi-section .loghi-full-list .tns-outer .tns-controls button {
	    height: 10rem;
	}
	.loghi-marchi-section .loghi-full-list .field--name-field-loghi-marchi .field__item::before {
	    width: calc(100% - 2rem);
	    height: calc(100% - 2rem);
	}
	.loghi-marchi-section .loghi-full-list .field--name-field-loghi-marchi .field__item {
	    padding: 2rem;
	}
	.servizi-correlati-section .view-servizi-correlati .tns-controls button {
	    display:none;
	}
	.lavora-con-noi-prefooter .centered-lavora-con-noi .half-right-form h4 {
	    font-size: 2.5rem;
	}

	.top-intro-title-section .special-servizio-title {
	    background-position: 30%;
	}
	.top-intro-title-section .special-servizio-title .centered-half-icon-title {
	    left: 40%;
	}
	.top-intro-title-section .special-servizio-title .centered-half-icon-title {
	    position: absolute;
	    left: 10%;
	    width: 85%;
	    transform: none;
	}
	.top-intro-title-section .special-servizio-title .centered-half-icon-title img {
	    width: 8rem;
	}
	.top-intro-title-section .special-servizio-title .centered-half-icon-title .service-title {
	    font-size: 2.5rem;
	}
	.page-node-type-servizio-carrozzeria .servizio-intro-desc-top {
	    padding: 2rem 1.5rem 1rem;
	    border-top: 4px solid #e30613;
	    border-radius: 0;
	}
	.field--name-field-descrizione-servizio .field__item .half-image-text .half-text *,
	.field--name-field-descrizione-servizio .field__item .half-image-text .half-text  {
	    text-align: center;
	}
	.lavora-con-noi-prefooter .centered-lavora-con-noi {
	    padding: 3rem 1.5rem 5rem;
	    border-top: 4px solid #e30613;
	    border-radius: 0;
	}
	.top-intro-title-section {
	    height: 120vw;
	}
	.top-intro-title-section .special-servizio-title {
	    height: 30%;
	}
	.top-intro-title-section .special-servizio-title {
	    height: 17rem;
	}
	.loghi-marchi-section .loghi-full-list .field--name-field-loghi-marchi .field__item {
	    width: calc(100% / 2);
	}

	.field--name-field-descrizione-servizio .field--name-field-descrizione-sezione ul li::before, .field--name-field-descrizione-servizio .field--name-field-descrizione-sezione ol li::before {
	    width: 2.5rem;
	    height: 2.5rem;
	}
	.field--name-field-descrizione-servizio .field--name-field-descrizione-sezione ul li, .field--name-field-descrizione-servizio .field--name-field-descrizione-sezione ol li {
	    padding-left: 3.5rem;
	    text-align: left !important;
	}
	.full-lista-news h4 {
	    font-size: 3rem;
	}
	.full-lista-news {
	    padding-top: 14rem;
	}
	.view-list-completa-news-blog .view-content .views-row:last-child{
		padding-bottom:0;
	}
	
	.half-info-webform .half-info .single-info {
	    width: 100%;
	}
	.half-info-webform .half-info {
	    padding: 0;
	}
	.half-info-webform .half-form {
	    padding: 0;
	}
	.half-info-webform .half-form .form-item-email, .half-info-webform .half-form .form-item-telefono {
	    width: 96%;
	}
	.map-section iframe{
    	height: 100vw;
	}
	.home-top-banner{
    	background-image: url('/sites/default/files/back-top-home-resp.jpg') !important;
    	height: calc(100vh - 10rem);
	}
	.perche-scegliere-section .half-left-info .scelta-top {
	    padding: 2rem 0rem;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
}
