/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/
:root {
	--imn-black: #0f131f;
	--imn-green: #128870;
	--imn-red: #e12a1f;
	--imn-blue: #0c71c3;
	--imn-light-green: #7cd924;
	--imn-orange: #df9a00;
	--imn-light-blue: #1ed7df;
	--imn-light-orange: #fcb97b;
	--imn-pink: #efb2cd;
	--imn-green-pastello: #b1d889;
}
@font-face {
    font-family: 'mazzard-regular';
    src: url('fonts/MazzardH-Regular.woff2') format('woff2'),
         url('fonts/MazzardH-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'mazzard-semibold';
    src: url('fonts/MazzardH-SemiBold.woff2') format('woff2'),
         url('fonts/MazzardH-SemiBold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'mazzard-bold';
    src: url('fonts/MazzardH-Bold.woff2') format('woff2'),
         url('fonts/MazzardH-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'mazzard-light';
    src: url('fonts/MazzardH-Light.woff2') format('woff2'),
         url('fonts/MazzardH-Light.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

p {
	font-family: 'mazzard-regular'!important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'mazzard-semibold'!important;
}
.pt-0 .l-section-h.i-cf {
	padding-top: 0!important;
}
.txt-bordo {
	opacity: 0.5!important;
}
.top0 .l-section-h.i-cf {
	padding-top: 0!important;
}
h4.w-iconbox-title {
	color: #fff;
	font-weight: 600;
}
.icona-home .w-iconbox-icon {
	opacity: 0.7;
}
.sottolineato,
.sottolineato-nero {
	position: relative;
}
.sottolineato:after {
	position: absolute;
	content: '';
	background: #e6e6e6;
	height: 1px;
	width: 0%;
	bottom: 0;
	left: 0;
	transition: width 0.5s ease-in-out;
}
.sottolineato:hover:after,
.sottolineato-nero:hover:after {
	width: 100%;
}
.sottolineato-nero:after {
	position: absolute;
	content: '';
	background: #c4c4c4;
	height: 1px;
	width: 0%;
	bottom: 0;
	left: 0;
	transition: width 0.5s ease-in-out;
}
.title h1,
.title h2,
.title h3,
.title h4 {
	font-size: 60px;
	color: #fff;
	font-weight: 600;
	position: relative;
	z-index: 5;
	transition: padding-left 0.5s ease-in-out;
	font-family: 'mazzard-semibold';
}
.title-black h1,
.title-black h2,
.title-black h3,
.title-black h4 {
	font-size: 60px;
	color: #070604;
	font-weight: 600;
	position: relative;
	z-index: 5;
	transition: padding-left 0.5s ease-in-out;
	font-family: 'mazzard-semibold';
}
.title-big h1,
.title-big h2,
.title-big h3,
.title-big h4 {
	font-size: 75px;
	color: #fff;
	font-weight: 600;
	position: relative;
	z-index: 5;
	transition: padding-left 0.5s ease-in-out;
	font-family: 'mazzard-semibold';
}
.title-back-big h1,
.title-back-big h2,
.title-back-big h3,
.title-back-big h4 {
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
	font-size: 75px;
	color: var(--imn-black);
	font-weight: 600;    
	margin-top: -75px;
    z-index: 1;
    position: relative;
	opacity: 0.7;
	font-family: 'mazzard-semibold';
}
.title-back h1,
.title-back h2,
.title-back h3,
.title-back h4 {
	text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
	font-size: 60px;
	color: var(--imn-black);
	font-weight: 600;    
	margin-top: -55px;
    z-index: 1;
    position: relative;
	opacity: 0.7;
	font-family: 'mazzard-semibold';
}
.title-back-black h1,
.title-back-black h2,
.title-back-black h3,
.title-back-black h4 {
	text-shadow: -1px 0 #070604, 0 1px #070604, 1px 0 #070604, 0 -1px #070604;
	font-size: 60px;
	color: #fff;
	font-weight: 600;    
	margin-top: -55px;
    z-index: 1;
    position: relative;
	opacity: 0.7;
	font-family: 'mazzard-semibold';
}
.title h1:hover,
.title h2:hover,
.title h3:hover,
.title h4:hover {
	padding-left: 20px;
}
.title-black h1:hover,
.title-black h2:hover,
.title-black h3:hover,
.title-black h4:hover {
	padding-left: 20px;
}
.title-big h1:hover,
.title-big h2:hover,
.title-big h3:hover,
.title-big h4:hover {
	padding-left: 20px;
}
.number h6,
h6 span.number {
	font-size: 60px;
	color: #fff;
	font-weight: 600;
	margin-right: 20px;
}
.indice h6 {
	color: #e3e7f0;
}
p.name {
	font-size: 25px;
    color: #fff;
    margin-bottom: 10px;
	font-family: 'mazzard-regular';
}
p.ruolo {
	font-size: 19px;
}
.team:hover {
	margin-left: 50px;
}
.team {
	position: relative;
	transition: margin-left 0.5s ease-in-out;
}
.img-loghi .w-image-h {
	justify-content: center;
    display: flex!important;
}
.us_testimonial_author .w-post-elm-value {
	font-size: 22px;
    color: #fff;
	padding-top: 20px;
}
.link-contatti p a {
	font-size: 21px;
	color: #fff;
	font-weight: 600;
}
.subtitle h1,
.subtitle h2,
.subtitle h3,
.subtitle h4 {
	font-size: 45px;
	color: #fff;
	font-weight: 600;
}
.title-footer p {
	color: #000;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}
.txt-footer p {
	color: #555555;
    font-size: 15px;
	padding-top: 10px;
}
.social-footer {
	border: solid 1px #000;
	border-radius: 50%;
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 4px;
}
.social-footer:hover .w-iconbox-icon {
	color: #1a1a1a!important;
}
h5.w-iconbox-title {
	font-size: 18px;
}
.txt-basso p,
.txt-basso p a {
	color: #7B7B7B;
	font-size: 14px;
}
.g-breadcrumbs-item a span {
	color: #dbdbdb;
}


.carousel-container {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    position: relative;
}
.carousel-container::-webkit-scrollbar {
    display: none;
}
.carousel-item {
    flex: 0 0 auto;
    width: 450px;
    height: 450px;
    scroll-snap-align: start;
    margin-right: 20px;
    box-sizing: border-box;
}
.carousel-container .w-grid-item-h {
	justify-content: center;
	display: flex;
	width: 450px;
}
.carousel-container .w-grid-item {
	width: auto;
}
.title-project-preview {
	color: #fff;
	font-size: 27px;
	font-family: 'mazzard-regular'!important; 
}
.overlay {
	position: relative;
}
.overlay:after {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	background: #0000005e;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}
.horizontal-sliders {
    display: flex;
    width: 100%;
}
.next-block {
    height: 10vh!important;
}
.img-right .vc_column-inner {
	justify-content: flex-end;
	display: flex!important;
}
.box-color {
	transition: background 0.5s ease-in-out;
}
.w-tabs-item {
	background: #1c1c1c;
}
.w-tabs-item:hover {
	background: #070604!important;
}
.w-tabs.style_default>.w-tabs-list {
	background: #070604;
}
/*.img-loghi img {
	filter: grayscale(1);
	transition: filter 0.5s ease-in-out;
}
.img-loghi img:hover {
	filter: grayscale(0);
}*/
.w-tabs-section.active {
	padding-top: 30px;
	padding-bottom: 30px;
}
.m-share .w-tabs-list-h:first-child .w-tabs-item.active:first-child,
.w-tabs-section.green.active .w-tabs-section-title,
.w-tabs-section.green.active .w-tabs-section-control{
	color: var(--imn-green);
}
.m-share .w-tabs-list-h .w-tabs-item:nth-child(2).active,
.w-tabs-section.red.active .w-tabs-section-title,
.w-tabs-section.red.active .w-tabs-section-control{
	color: var(--imn-red);
}
.m-share .w-tabs-list-h .w-tabs-item:nth-child(3).active,
.w-tabs-section.blue.active .w-tabs-section-title,
.w-tabs-section.blue.active .w-tabs-section-control{
	color: var(--imn-blue);
}
.m-share .w-tabs-list-h .w-tabs-item:nth-child(4).active,
.w-tabs-section.light-green.active .w-tabs-section-title,
.w-tabs-section.light-green.active .w-tabs-section-control{
	color: var(--imn-light-green);
}
.m-share .w-tabs-list-h .w-tabs-item:nth-child(5).active,
.w-tabs-section.orange.active .w-tabs-section-title,
.w-tabs-section.orange.active .w-tabs-section-control{
	color: var(--imn-orange);
}
.m-share .w-tabs-list-h .w-tabs-item:nth-child(6).active,
.w-tabs-section.light-blue.active .w-tabs-section-title,
.w-tabs-section.light-blue.active .w-tabs-section-control{
	color: var(--imn-light-blue);
}
.m-box .w-tabs-list-h:first-child .w-tabs-item.active:first-child,
.w-tabs-section.light-orange.active .w-tabs-section-title,
.w-tabs-section.light-orange.active .w-tabs-section-control{
	color: var(--imn-light-orange);
}
.m-box .w-tabs-list-h .w-tabs-item:nth-child(2).active,
.w-tabs-section.pink.active .w-tabs-section-title,
.w-tabs-section.pink.active .w-tabs-section-control{
	color: var(--imn-pink);
}
.m-box .w-tabs-list-h .w-tabs-item:nth-child(3).active,
.w-tabs-section.green-pastello.active .w-tabs-section-title,
.w-tabs-section.green-pastello.active .w-tabs-section-control{
	color: var(--imn-green-pastello);
}
.w-tabs-item {
	background: #070604;
}
.w-tabs-item.active,
.w-tabs-sections.titles-align_none.icon_chevron.cpos_right{
	background: #1c1c1c!important;
}
.ghiaccio,
.scacchi,
.regina,
.cavallo {
	position: relative;
}
.ghiaccio:before {
	position: absolute;
    content: '';
    background: url(img/ghiaccio.webp);
    background-repeat: no-repeat;
    height: 116%;
  	width: 100%;
	background-position: center;
    bottom: -50px;
    left: 50%;
    background-size: contain;
    transform: translateX(-50%);
    z-index: 2;
}
.scacchi:before {
	position: absolute;
    content: '';
    background: url(img/re.webp);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
	background-position: center;
    bottom: -50px;
    left: 50%;
    background-size: contain;
    transform: translateX(-50%);
    z-index: 2;
}
.regina:before {
	position: absolute;
    content: '';
    background: url(img/regina.webp);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
	background-position: center;
    bottom: -50px;
    left: 50%;
    background-size: contain;
    transform: translateX(-50%);
    z-index: 2;
}
.cavallo:before {
	position: absolute;
    content: '';
    background: url("img/cavallo.webp");
    background-repeat: no-repeat;
    height: 89%;
    width: 100%;
	background-position: center;
    bottom: -50px;
    left: 50%;
    background-size: contain;
    transform: translateX(-50%);
    z-index: 2;
}
.service-name-title h1 {
	font-size: 75px;
    padding-top: 40px;
    color: #070604;
    font-weight: 600;
    letter-spacing: 10px;
    margin-bottom: -26px;
	font-family: 'mazzard-bold'!important;
}
h6.w-iconbox-title {
	color: #fff;
	font-size: 22px;
	font-family: 'mazzard-regular'!important;
}
.affiancamento,
.gestione,
.riposizionamento,
.budget,
.target,
.kpi,
.organigramma,
.prodotti,
.comunicazione,
.implementazione,
.distribuzione,
.creazione,
.interlocutori,
.squadre-sportive,
.influencer,
.video,
.shooting,
.branding,
.essenziale,
.enterprise,
.logo-design,
.applicazione {
	position: relative;
}
.affiancamento:after {
	position: absolute;
    content: '';
    background: url(img/user.svg);
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -75px;
    right: 0;
    opacity: 0.5;
}
.riposizionamento:after {
	position: absolute;
    content: '';
    background: url("img/management.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.target:after {
	position: absolute;
    content: '';
    background: url("img/target.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.kpi:after {
	position: absolute;
    content: '';
    background: url("img/chart.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.organigramma:after {
	position: absolute;
    content: '';
    background: url("img/structure.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.prodotti:after {
	position: absolute;
    content: '';
    background: url("img/new-product.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.comunicazione:after {
	position: absolute;
    content: '';
    background: url("img/promotion.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.implementazione:after {
	position: absolute;
    content: '';
    background: url("img/cloud.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.distribuzione:after {
	position: absolute;
    content: '';
    background: url("img/expenses.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.creazione:after {
	position: absolute;
    content: '';
    background: url("img/content-management.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.interlocutori:after {
	position: absolute;
    content: '';
    background: url("img/customer-engagement.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.squadre-sportive:after {
	position: absolute;
    content: '';
    background: url("img/sports.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.influencer:after {
	position: absolute;
    content: '';
    background: url("img/influencer.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.video:after {
	position: absolute;
    content: '';
    background: url("img/video.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.shooting:after {
	position: absolute;
    content: '';
    background: url("img/camera.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.branding:after {
	position: absolute;
    content: '';
    background: url("img/branding.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.essenziale:after {
	position: absolute;
    content: '';
    background: url("img/must-have.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 74%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.enterprise:after {
	position: absolute;
    content: '';
    background: url("img/enterprise.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 60%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.logo-design:after {
	position: absolute;
    content: '';
    background: url("img/logo-design.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 82%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}
.applicazione:after {
	position: absolute;
    content: '';
    background: url("img/grafica.svg");
    background-repeat: no-repeat;
	background-size: contain;
	height: 82%;
    width: 19%;
    bottom: -80px;
    right: 0;
    opacity: 0.5;
}

.service-title {
	font-size: 25px;
	padding-top: 20px;
}
.service-title.red p {
	color: var(--imn-red);
}
.service-title.blue p {
	color: var(--imn-blue);
}
.service-title.light-green p {
	color: var(--imn-light-green);
}
.service-title.orange p {
	color: var(--imn-orange);
}
.service-title.light-blue p {
	color: var(--imn-light-blue);
}
.service-title.green p {
	color: var(--imn-green);
}
.service-title.pink p {
	color: var(--imn-pink);
}
.service-title.green-pastello p {
	color: var(--imn-green-pastello);
}
.service-title.light-orange p {
	color: var(--imn-light-orange);
}
.costi-title p {
	font-size: 25px;
	font-family: 'Poppins';
	color: var(--imn-black);
	font-weight: 600;
}
.costi-subtitle p {
	font-size: 18px;
	font-family: 'Poppins';
	color: #5c5038;
}
/*.costi {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}*/
span.price-costi {
	font-size: 70px;
    line-height: 70px;
    color: var(--imn-light-orange);
}
span.price-costi-pink {
	font-size: 70px;
    line-height: 70px;
    color: var(--imn-pink);
}
span.price-costi-green-pastello {
	font-size: 70px;
    line-height: 70px;
    color: var(--imn-green-pastello);
}
.bottom h4.w-iconbox-title {
	font-weight: 400;
	color: #d4d4d4;
}
.w-iconbox.bottom.iconpos_left.style_default.color_primary {
	align-items: baseline;
}
.w-iconbox.iconpos_left.bottom .w-iconbox-icon {
	margin-right: 13px!important;
}
.g-breadcrumbs-item:not(:last-child) {
	position: relative;
}
.g-breadcrumbs-item:not(:last-child):after {
	position: absolute;
    content: '';
    background: #707070;
    background-repeat: no-repeat;
    height: 18px;
    width: 2px;
    right: 0%;
    top: 50%;
	transform: translateY(-50%);
}
.g-breadcrumbs-item {
	padding-right: 10px;
	padding-left: 10px;
}
.website p {
	font-size: 30px;
	padding-bottom: 30px;
}
.btn-indice .fal.fa-arrow-right {
	transform: rotate(45deg);
}




/*.box-color:hover {
	background: #6f6f6f!important;
}*/

/*PULSANTI SERVIZI*/
.w-btn.sottolineato.green {
	color: var(--imn-green)!important;
}
.w-btn.sottolineato.red {
	color: var(--imn-red)!important;
}
.w-btn.sottolineato.blue {
	color: var(--imn-blue)!important;
}
.w-btn.sottolineato.light-green {
	color: var(--imn-light-green)!important;
}
.w-btn.sottolineato.orange {
	color: var(--imn-orange)!important;
}
.w-btn.sottolineato.light-blue {
	color: var(--imn-light-blue)!important;
}
.w-btn.sottolineato.light-orange {
	color: var(--imn-light-orange)!important;
}
.w-btn.sottolineato.pink {
	color: var(--imn-pink)!important;
}
.w-btn.sottolineato.green-pastello {
	color: var(--imn-green-pastello)!important;
}
/*FINE PULSANTI SERVIZI*/

.service-name-title h1 {
	color: #fff;
}
.us-nav-style_2>*, .navstyle_2>.owl-nav button, .us-btn-style_2,
button[type=submit]:not(.w-btn), input[type=submit]:not(.w-btn), .us-nav-style_1>*, .navstyle_1>.owl-nav button, .us-btn-style_1 {
	font-family: 'mazzard-light';
}
.black h6.w-iconbox-title,
.txt-black p,
.txt-black ul li {
	color: var(--imn-black);
}
.black .w-iconbox-text p {
	color: #444444;
}
.title.green h1,
.title.green h2,
.title.green h3,
.title.green h4,
.title.green h5 {
	color: var(--imn-green);
}
.title-back.green h1,
.title-back.green h2,
.title-back.green h3,
.title-back.green h4,
.title-back.green h5 {
	text-shadow: -1px 0 var(--imn-green), 0 1px var(--imn-green), 1px 0 var(--imn-green), 0 -1px var(--imn-green);
	color: #fff;
}
.title.red h1,
.title.red h2,
.title.red h3,
.title.red h4,
.title.red h5 {
	color: var(--imn-red);
}
.title-back.red h1,
.title-back.red h2,
.title-back.red h3,
.title-back.red h4,
.title-back.red h5 {
	text-shadow: -1px 0 var(--imn-red), 0 1px var(--imn-red), 1px 0 var(--imn-red), 0 -1px var(--imn-red);
	color: #fff;
}
.title.blue h1,
.title.blue h2,
.title.blue h3,
.title.blue h4,
.title.blue h5 {
	color: var(--imn-blue);
}
.title-back.blue h1,
.title-back.blue h2,
.title-back.blue h3,
.title-back.blue h4,
.title-back.blue h5 {
	text-shadow: -1px 0 var(--imn-blue), 0 1px var(--imn-blue), 1px 0 var(--imn-blue), 0 -1px var(--imn-blue);
	color: #fff;
}
.title.light-green h1,
.title.light-green h2,
.title.light-green h3,
.title.light-green h4,
.title.light-green h5 {
	color: var(--imn-light-green);
}
.title-back.light-green h1,
.title-back.light-green h2,
.title-back.light-green h3,
.title-back.light-green h4,
.title-back.light-green h5 {
	text-shadow: -1px 0 var(--imn-light-green), 0 1px var(--imn-light-green), 1px 0 var(--imn-light-green), 0 -1px var(--imn-light-green);
	color: #fff;
}
.title.orange h1,
.title.orange h2,
.title.orange h3,
.title.orange h4,
.title.orange h5 {
	color: var(--imn-orange);
}
.title-back.orange h1,
.title-back.orange h2,
.title-back.orange h3,
.title-back.orange h4,
.title-back.orange h5 {
	text-shadow: -1px 0 var(--imn-orange), 0 1px var(--imn-orange), 1px 0 var(--imn-orange), 0 -1px var(--imn-orange);
	color: #fff;
}
.title.light-blue h1,
.title.light-blue h2,
.title.light-blue h3,
.title.light-blue h4,
.title.light-blue h5 {
	color: var(--imn-light-blue);
}
.title-back.light-blue h1,
.title-back.light-blue h2,
.title-back.light-blue h3,
.title-back.light-blue h4,
.title-back.light-blue h5 {
	text-shadow: -1px 0 var(--imn-light-blue), 0 1px var(--imn-light-blue), 1px 0 var(--imn-light-blue), 0 -1px var(--imn-light-blue);
	color: #fff;
}
.title.light-orange h1,
.title.light-orange h2,
.title.light-orange h3,
.title.light-orange h4,
.title.light-orange h5 {
	color: var(--imn-light-orange);
}
.title-back.light-orange h1,
.title-back.light-orange h2,
.title-back.light-orange h3,
.title-back.light-orange h4,
.title-back.light-orange h5 {
	text-shadow: -1px 0 var(--imn-light-orange), 0 1px var(--imn-light-orange), 1px 0 var(--imn-light-orange), 0 -1px var(--imn-light-orange);
	color: #fff;
}
.title.green-pastello h1,
.title.green-pastello h2,
.title.green-pastello h3,
.title.green-pastello h4,
.title.green-pastello h5 {
	color: var(--imn-green-pastello);
}
.title-back.green-pastello h1,
.title-back.green-pastello h2,
.title-back.green-pastello h3,
.title-back.green-pastello h4,
.title-back.green-pastello h5 {
	text-shadow: -1px 0 var(--imn-green-pastello), 0 1px var(--imn-green-pastello), 1px 0 var(--imn-green-pastello), 0 -1px var(--imn-green-pastello);
	color: #fff;
}
.txt-black-23 p {
	color: #1c1c1c;
	font-size: 20px;
    padding-top: 20px;
	font-weight: 600!important;
}
.txt-white-23 p {
	color: #fff;
	font-size: 20px;
    padding-top: 20px;
	font-weight: 600!important;
}
.due-due,
.due-tre,
.due-quattro {
	position: relative;
}
.due-due:before {
	position: absolute;
    content: '';
    background: url(img/ventidue.svg);
    background-repeat: no-repeat;
	height: 115px;
    width: 360px;
    right: 0;
    bottom: -15px;
}
.due-tre:before {
	position: absolute;
    content: '';
    background: url(img/ventitre-white.svg);
    background-repeat: no-repeat;
	height: 115px;
    width: 360px;
    right: 0;
    bottom: -15px;
}
.due-quattro:before {
	position: absolute;
    content: ''; 
    background: url(img/ventiquattro.svg);
    background-repeat: no-repeat;
	height: 115px;
    width: 360px;
    right: 0;
    bottom: -15px;
}

/*FORM*/
.form-row p {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.form-row p label {
	width: 49%;
}
.campo-form input,
.campo-form textarea {
	border-bottom: 1px solid #A8A8A8!important;
}
.campo-form input:not([type=submit]), select {
	line-height: 2.2rem;
	min-height: 2.2rem;
}
.campo-form textarea {
	height: 100px;
}
p.check-text {
	font-size: 18px;
}
p.check input {
	background: transparent;
	border: 1px solid #a8a8a8;
	border-radius: 0px;
}
p.check.check-text {
	color: #a8a8a8;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #ffffff;
}
/*FINE FORM*/

/*QUERY*/
@media screen and (max-width: 353px) {
	.page-id-501 .title-big-one-row h2 {
		margin-top: -130px;
	}
	#m-marketing .title-one-row h2 {
        margin-top: -75px;
    }
}
@media screen and (max-width:400px) {
	.page-id-138 .title-big h2,
	.page-id-138 .title-back-big h2 {
		font-size: 45px;
	}
	.title-back-big h1,
	.title-back-big h2,
	.title-back-big h3,
	.title-back-big h4 {
		margin-top: -60px;
	}
	.title-back-big h2,
	.title-big h2 {
		font-size: 60px;
	}
}
@media screen and (max-width:401px) {
	.title h1,
	.title h2,
	.title-back h2,
	.title-black h2,
	.title-back-black h2 {
		font-size: 35px;
	}
	.title-one-row h2 {
		margin-top: -35px;
	}
	.title-one-row-coloured h2 {
		margin-top: -50px;
	}
	.title-two-row h2 {
		margin-top: -75px!important;
	}
	.title-three-row h2 {
		margin-top: -120px!important;
	}
	.title-four-row h2 {
		margin-top: -160px!important;
	}
	.title-big-one-row h2 {
		margin-top: -60px;
	}
	.title-big-two-row h2 {
		margin-top: -130px;
	}
	/*.title-big-three-row h2{
		margin-top: -195px;
	}*/
	
	.service-name-title h1 {
		font-size: 30px;
		margin-bottom: -10px;
	}
	.title.service h2,
	.title-back.service h2 {
		font-size: 50px;
	}
	.title h1:hover,
	.title h2:hover,
	.title h3:hover,
	.title h4:hover {
		padding-left: 0;
	}
}
@media screen and (max-width: 500px) {
	.horizontal-sliders .us-btn-style_2 {
		padding: 1em;
	}
	.horizontal-sliders .w-grid-list {
		flex-wrap: nowrap !important;
	}
	.carousel-container .w-grid-item-h {
		width: 60px !important;
	}
	.horizontal-sliders .w-grid-item  {
		margin-bottom: 0 !important;
	}
	.carousel-container {
		padding: 0;
	}
	.subtitle h3 {
		font-size: 35px;
	}
	
}
@media screen and (min-width: 402px) and (max-width:499.98px) {
	.title h1,
	.title h2,
	.title-back h2,
	.title-black h2,
	.title-back-black h2 {
		font-size: 40px;
	}
	.title-one-row h2 {
		margin-top: -40px;
	}
	.title-one-row-coloured h2 {
		margin-top: -50px;
	}
	.title-two-row h2 {
		margin-top: -88px!important;
	}
	.title-three-row h2 {
		margin-top: -138px!important;
	}
	.title-four-row h2 {
		margin-top: -185px!important;
	}
	.page-id-501 .title-big h2,
	.page-id-501 .title-back-big h2 {
		font-size: 70px;
	}
	.title-big-one-row h2 {
		margin-top: -60px;
	}
	.title-big-two-row h2 {
		margin-top: -130px;
	}
	.page-id-180 .title-big-two-row h2,
	.page-id-523 .title-big-two-row h2 {
		margin-top: -122px;
	}
	.title-big-three-row h2 {
		margin-top: -195px;
	}
	.service-name-title h1 {
		font-size: 35px;
		margin-bottom: -12px;
	}
	.single-us_portfolio .title-back h2 {
		margin-top: -38px;
	}
	.affiancamento:after,
	.riposizionamento:after,
	.organigramma:after,
	.prodotti:after,
	.comunicazione:after,
	.implementazione:after,
	.distribuzione:after,
	.creazione:after,
	.interlocutori:after,
	.squadre-sportive:after,
	.influencer:after,
	.video:after,
	.shooting:after,
	.branding:after,
	.essenziale:after,
	.enterprise:after,
	.logo-design:after,
	.applicazione:after,
    .target:after,
	.kpi:after {
    	width: 30%;
    	bottom: 0;
		background-position: bottom;
	}
}
@media screen and (min-width: 420px) and (max-width: 480px) {
	/*	.page-id-501 .title h2,
	.page-id-501 .title-back h2{
		font-size: 15px;
	}
	.page-id-501 .title-one-row h2 {
        margin-top: -35px;
    }*/
}
@media screen and (min-width: 450px) and (max-width:500px) {
	.page-id-501 .title-two-row h2 {
		margin-top: -40px!important;
	}
}
@media screen and (min-width: 565px) and (max-width: 599px) {
	.page-id-501 .title-two-row h2 {
        margin-top: -50px!important;
    }
}
@media screen and (min-width: 500px) and (max-width:599.98px) {
	.service-name-title h1 {
		font-size: 60px;
		margin-bottom: -20px;
	}
	.title h1,
	.title h2,
	.title-back h2,
	.title-black h2,
	.title-back-black h2 {
		font-size: 50px;
	}
	.title-one-row h2 {
		margin-top: -50px;
	}
	.title-two-row h2 {
		margin-top: -110px!important;
	}
	.title-three-row h2 {
		margin-top: -170px!important;
	}
	.title-four-row h2 {
		margin-top: -230px!important;
	}
	.title-big-three-row h2 {
		margin-top: -195px;
	}
}
@media screen and (min-width: 391px) and (max-width: 600px) {
	.page-id-138 .title-big h2,
	.page-id-138 .title-back-big h2 {
		font-size: 58px;
	}
	.page-id-138 .title-back-big h2 {
		margin-top: -60px;
	}
}
@media screen and (max-width: 600px) {
	.title.service h2,
	.title-back.service h2 {
		font-size: 50px;
	}
	/*.title-big h2,
	.title-back-big h2{
		font-size: 58px;
	}*/
	.single-us_portfolio .title-back-big h2 {
		margin-top: -58px;
	}
	.single-us_portfolio .title-two-row.title-back-big h2 {
		margin-top: -128px!important;
	}
}
@media screen and (max-width:700px) {
	.scacchi:before,
	.regina:before {
		height: 85%;
	}
	.cavallo:before {
		height: 80%;
	}
}
@media screen and (max-width: 767.98px) {
	.loghi-mobile {
		display: flex!important;
		flex-wrap: wrap;
	}
	.loghi-mobile .vc_column_container {
		width: 40%!important;
	}
	.loghi-mobile .service-title p {
		font-size: 20px;
	}
}
@media screen and (min-width: 600px) and (max-width: 820px) {
	.display-column.g-cols.via_grid,
	.display-column .g-cols.via_grid {
		display: flex;
		flex-direction: column;
	}
	.display-column-reverse .g-cols.via_grid,
	.display-column-reverse.g-cols.via_grid {
		display: flex;
		flex-direction: column-reverse;
	}
	.title-big-three-row h2 {
		margin-top: -255px;
	}
	.one-column.g-cols.cols_3,
	.one-column.g-cols.cols_2 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
	#page-footer .social-footer {
		margin-right: 10px;
	}
	#page-footer .social-footer i {
		font-size: 1.5rem;
	}
	#marco-mantegazza .ruolo-dipendente p,
	#fabio-gasparini .ruolo-dipendente p,
	#tony-resta .ruolo-dipendente p {
		font-size: 20px;
	}
	#marco-mantegazza .w-iconbox-icon i,
	#fabio-gasparini .w-iconbox-icon i,
	#tony-resta .w-iconbox-icon i {
		font-size: 2rem;
	}
	.carousel-container .w-grid-item-h {
		width: 360px !important;
	}
	.horizontal-sliders .w-grid-list {
		flex-wrap: nowrap !important;
	}
	.horizontal-sliders .w-grid-item {
		width: 20% !important;
	}
	.horizontal-sliders .w-grid-item {
		margin-bottom: 0 !important;
	}
	.carousel-container {
		padding: 0 !important;
	}
}
@media screen and (max-width: 900px) {
	.due-due:before,
	.due-tre:before,
	.due-quattro:before {
		height: 60px;
		width: 100%;
		top: -5px;
		background-position: right;
	}
	.due-due:before {
		top: 0 !important;
	}
}
@media screen and (min-width: 1000px) {
	#video .title-two-row h2,
	#riposizionamento .title-two-row h2 {
		margin-top: -55px!important;
	}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
	.title-two-row h2 {
		margin-top: -130px!important;
	}
	/*.page-id-501 .title-two-row h2{
		margin-top: -60px;
	}*/
	.page-id-177 .green.title-three-row h2 {
		margin-top: -130px!important;
	}
	.title-three-row h2 {
		margin-top: -200px!important;
	}
	.title-four-row h2 {
		margin-top: -275px!important;
	}
	.service-name-title h1 {
		font-size: 80px;
		margin-bottom: -33px;
	}
	.two-columns.g-cols.cols_4,
	.two-columns.g-cols.cols_5 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	h6.w-iconbox-title {
		font-size: 20px;
	}
	.affiancamento:after,
	.riposizionamento:after,
	.organigramma:after,
	.prodotti:after,
	.comunicazione:after,
	.implementazione:after,
	.distribuzione:after,
	.creazione:after,
	.interlocutori:after,
	.squadre-sportive:after,
	.influencer:after,
	.video:after,
	.shooting:after,
	.branding:after,
	.essenziale:after,
	.enterprise:after,
	.logo-design:after,
	.applicazione:after,
	.target:after,
	.kpi:after {
    	width: 20%;
    	bottom: 0;
		background-position: bottom;
	}
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
	#grafiche .title-two-row h2,
	#eventi .title-two-row h2,
	#kpi .title-two-row h2,
	#report .title-two-row h2,
	#applicazione .title-two-row h2 {
		margin-top: -55px!important;
	}
	#comunicazione .title-three-row h2,
	#funnel .title-three-row h2 {
		margin-top: -130px!important;
	}
	.single-us_portfolio .title-two-row.title-back-big h2 {
		margin-top: -75px!important;
	}
	#collaborazioni-home h2 {
		text-align: center;
	}
	.page-id-501 .title-two-row h2 {
		margin-top: -55px!important;
	}
	
}
@media screen and (min-width: 800px) and (max-width: 1024px) {
	#prodotti .title-two-row h2,
	#distribuzione-budget .title-two-row h2 {
		margin-top: -55px!important;
	}
	span.price-costi,
	span.price-costi-pink,
	span.price-costi-green-pastello {
	font-size: 55px;
	}
	.carousel-container .w-grid-item-h {
		width: 360px !important;
	}
	.horizontal-sliders .w-grid-list {
		flex-wrap: nowrap !important;
	}
	.horizontal-sliders .w-grid-item {
		width: 20% !important;
	}
	.horizontal-sliders .w-grid-item {
		margin-bottom: 0 !important;
	}
	.carousel-container {
		padding: 0 !important;
	}
}
@media screen and (min-width: 851px) and (max-width: 951px) {
	.page-id-138 .title-back-big h2 {
		margin-top: -250px;
	}
}
@media screen and (min-width: 952px) and (max-width: 1024px) {
	.page-id-138 .title-back-big h2 {
		margin-top: -165px;
	}
}
@media screen and (min-width: 851px) and (max-width: 1024px) {
	#creazione .title-three-row h2 {
		margin-top: -130px!important;
	}
	#marco-mantegazza,
	#fabio-gasparini,
	#tony-resta {
		padding-bottom: 0 !important;
	}
	#marco-mantegazza .ruolo-dipendente p,
	#fabio-gasparini .ruolo-dipendente p,
	#tony-resta .ruolo-dipendente p {
		font-size: 20px;
	}
	#marco-mantegazza .w-iconbox-icon i,
	#fabio-gasparini .w-iconbox-icon i,
	#tony-resta .w-iconbox-icon i {
		font-size: 2rem;
	}
}
@media screen and (min-width: 900px) and (max-width: 1024px) {
	.due-due:before,
	.due-tre:before,
	.due-quattro:before {
		height: 90px;
		width: 100%;
		bottom: -5px;
		background-position: right;
	}
}
@media screen and (max-width: 1024px) {
	.title h1:hover, 
	.title h2:hover, 
	.title h3:hover, 
	.title h4:hover {
    	padding-left: 0;
	}
	.title-black h1:hover,
	.title-black h2:hover,
	.title-black h3:hover,
	.title-black h4:hover {
		padding-left: 0;
	}	
	.title-big h1:hover,
	.title-big h2:hover,
	.title-big h3:hover,
	.title-big h4:hover {
		padding-left: 0;
	}
}
@media screen and (min-width: 755px) and (max-width: 1280px) {
	#shooting .title-three-row h2 {
		margin-top: -130px!important;
	}
}
@media screen and (min-width: 700px) and (max-width: 1380px) {
	#allocazione .title-four-row h2 {
		margin-top: -130px!important;
	}
}
@media screen and (min-width: 900px) and (max-width: 1440px) {
	#interlocutori .title-three-row h2,
	#budget-com .title-three-row h2,
	#squadre-sportive .title-three-row h2,
	#influencer .title-three-row h2 {
		margin-top: -130px!important;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1340px) {
	#organigramma .title-three-row h2 {
		margin-top: -130px!important;
	}
	.affiancamento:after,
	.riposizionamento:after,
	.organigramma:after,
	.prodotti:after,
	.comunicazione:after,
	.implementazione:after,
	.distribuzione:after,
	.creazione:after,
	.interlocutori:after,
	.squadre-sportive:after,
	.influencer:after,
	.video:after,
	.shooting:after,
	.branding:after,
	.essenziale:after,
	.enterprise:after,
	.logo-design:after,
	.applicazione:after,
	.target:after,
	.kpi:after {
    	width: 20%;
    	bottom: -40px;
		background-position: bottom;
	}
	.page-id-138 .title-back-big h2 {
		margin-top: -165px;
	}
	.carousel-container .w-grid-item-h {
		width: 360px !important;
	}
	.horizontal-sliders .w-grid-list {
		flex-wrap: nowrap !important;
	}
	.horizontal-sliders .w-grid-item {
		width: 20% !important;
	}
	.horizontal-sliders .w-grid-item {
		margin-bottom: 0 !important;
	}
	.carousel-container {
		padding: 0 !important;
	}
}
@media screen and (min-width: 1224px) and (max-width: 1440px) {
	#canali-com .title-three-row h2,
	#implementazione .title-three-row h2 {
		margin-top: -130px!important;
	}
}
@media screen and (min-width: 1441px) and (max-width: 1600px) {
	.page-id-13 .layout_161 .usg_vwrapper_1 {
		height: 350px !important;
		width: 350px !important;
	}
}
@media screen and (min-width: 1601px) and (max-width: 1800px) {
	.page-id-13 .layout_161 .usg_vwrapper_1 {
		height: 400px !important;
		width: 400px !important;
	}
}
@media screen and (max-width: 767.98px) {
	.title-back h1,
	.title-back h2,
	.title-back h3,
	.title-back h4 {
		margin-top: -42px;
	}
	.title-back-big.mt-170 {
		margin-top: -170px;
	}
	.title-big h1,
	.title-big h2,
	.title-big h3,
	.title-big h4 {
		font-size: 55px;
	}
	.title-back-big h1,
	.title-back-big h2,
	.title-back-big h3,
	.title-back-big h4 {
		font-size: 55px;
	}
}
@media screen and (max-width: 401.98px) {
	.title-back h1,
	.title-back h2,
	.title-back h3,
	.title-back h4 {
        margin-top: -35px;
    }
	.title h1,
	.title h2,
	.title-back h2,
	.title-black h2,
	.title-back-black h2 {
        font-size: 38px;
    }
	
}
@media screen and (max-width: 465.98px) {
	.title-back-big.mt-170 {
        margin-top: -122px;
    }
	
}
@media screen and (min-width: 466px) and (max-width: 767.98px) {
	.title-back-big.mt-170 {
        margin-top: 22px;
    }
}
@media screen and (min-width: 466px) and (max-width: 600.98px) {
	.title-big h1,
	.title-big h2,
	.title-big h3,
	.title-big h4,
	.title-back-big h1,
	.title-back-big h2,
	.title-back-big h3,
	.title-back-big h4 {
        font-size: 65px;
    }
	.title-back-big.mt-170 {
        margin-top: -126px;
    }
}
@media screen and (min-width: 542px) and (max-width: 569.98px) {
	.title-big h1,
	.title-big h2,
	.title-big h3,
	.title-big h4,
	.title-back-big h1,
	.title-back-big h2,
	.title-back-big h3,
	.title-back-big h4 {
        font-size: 70px;
    }
	.title-back-big.mt-170 {
        margin-top: -145px;
    }
}
@media screen and (min-width: 570px) and (max-width: 600.98px) {
	.title-back-big.mt-170 {
        margin-top: -64px;
    }
}