/**
 * Theme Name:     OceanWP Child
 * Author:         STUDIO09
 * Template:       oceanwp
 * Text Domain:	   oceanwp-child
 * Description:    OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it
 */




@font-face {
    font-family: 'suzukiproboldregular';
    src: url('fonts/suzukiprobold-webfont.woff2') format('woff2'),
         url('fonts/suzukiprobold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'suzukiproheadlineregular';
    src: url('fonts/suzukiproheadline-webfont.woff2') format('woff2'),
         url('fonts/suzukiproheadline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'suzukiproregularregular';
    src: url('fonts/suzukiproregular-webfont.woff2') format('woff2'),
         url('fonts/suzukiproregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



:root {
  --colore_1: rgb(226, 2, 0);
  --colore_1_alpha2: rgba(226, 2, 0,.2);
  --colore_testo_1: #000000;
  --bianco: #ffffff;
  --nero: #000000;
  --errore: #B22222;
  --placeholder: #999999;
  --dark: #141213;
}

.wpcf7 form.invalid .wpcf7-response-output{clear: both;}
#section-html{width: 100%!Important;}

/*GENERALI*/
header,footer{display: none!important;}
html,body{overflow-x: hidden!important;background-color: #EEF1F6!important;}
button:focus,a:focus {outline: 0;}
h1, h2, h3, h4, h5, h6{font-family: 'suzukiproboldregular', sans-serif!important;color:var(--colore_testo_1);}
h2{color: #ffffff!important;}
p,input,ul,li,a,label,table,tr,td{font-family: 'suzukiproregularregular', sans-serif;font-weight: 400;color:var(--colore_testo_1);font-size: 18px;line-height: 25px}
label{line-height: 30px}
tr{border:1px solid #707070;}
td{border-right:1px solid #707070;padding: 10px;}

a{transition: all 0.3s ease;color:var(--colore_1);}
a:hover{color:var(--colore_1);}
dl, ol, ul {margin-top: 0;margin-bottom: 0;}

footer{background-color: #000000;color: #ffffff;padding: 30px 0px;}
footer p, footer a{color: #ffffff;font-family: 'suzukiproboldregular', sans-serif;font-size: 20px;}
footer .studio09{max-width: 100px;width: 200px;}
.wow{visibility: hidden;}
ul{padding-inline-start: 0px;}
.white{color: #ffffff;}

.navbar-toggler{background:#ffffff!important; width: 45px;height: 45px;border-radius: 60px;text-align: center;padding: 0}
.navbar-toggler-linea{transition: all 0.3s ease;border-radius:15px;background:var(--colore_1)!important;height: 2px;width: 25px;margin-bottom: 5px;display:block;margin:0px auto 5px;position:relative;top:0;}
.navbar-toggler-linea:nth-child(3){margin-bottom: 0px; }
.menu-toggle-open .navbar-toggler-linea:nth-child(1){transform: rotate(45deg) translate(6px,6px);}
.menu-toggle-open .navbar-toggler-linea:nth-child(2){transform: translate(40px);opacity: 0;}
.menu-toggle-open .navbar-toggler-linea:nth-child(3){transform: rotate(-45deg) translate(4px,-4px);}


/*MARGIN-TOP*/
.mt-10{margin-top: 10px;}.mt-20{margin-top: 20px;}.mt-30{margin-top: 30px;}.mt-40{margin-top: 40px;}.mt-50{margin-top: 50px;}.mt-60{margin-top: 60px;}.mt-70{margin-top: 70px;}.mt-80{margin-top: 80px;}.mt-90{margin-top: 90px;}.mt-100{margin-top: 100px;}.mt-120{margin-top: 120px;}
/*MARGIN-BOTTOM*/
.mb-10{margin-bottom: 10px;}.mb-20{margin-bottom: 20px;}.mb-30{margin-bottom: 30px;}.mb-40{margin-bottom: 40px;}.mb-50{margin-bottom: 50px;}.mb-60{margin-bottom: 60px;}.mb-70{margin-bottom: 70px;}.mb-80{margin-bottom: 80px;}.mb-90{margin-bottom: 90px;}.mb-100{margin-bottom: 100px;}.mb-120{margin-bottom: 120px;}

/*PADDING-TOP*/
.pt-10{padding-top: 10px;}.pt-20{padding-top: 20px;}.pt-30{padding-top: 30px;}.pt-40{padding-top: 40px;}.pt-50{padding-top: 50px;}.pt-60{padding-top: 60px;}.pt-70{padding-top: 70px;}.pt-80{padding-top: 80px;}.pt-90{padding-top: 90px;}.pt-100{padding-top: 100px;}.pt-120{padding-top: 120px;}
/*PADDING-BOTTOM*/
.pb-10{padding-bottom: 10px;}.pb-20{padding-bottom: 20px;}.pb-30{padding-bottom: 30px;}.pb-40{padding-bottom: 40px;}.pb-50{padding-bottom: 50px;}.pb-60{padding-bottom: 60px;}.pb-70{padding-bottom: 70px;}.pb-80{padding-bottom: 80px;}.pb-90{padding-bottom: 90px;}.pb-100{padding-bottom: 100px;}.pb-120{padding-bottom: 120px;}


.due-colonne{column-count: 2;column-gap: 50px;}
.tre-colonne{column-count: 3;column-gap: 50px;}


.fs-20{font-size: 20px;line-height: 26px}
.fs-22{font-size: 22px;line-height: 28px}
.fs-24{font-size: 24px;line-height: 30px}
.fs-26{font-size: 26px;line-height: 32px}
.fs-28{font-size: 28px;line-height: 34px}
.fs-30{font-size: 30px;line-height: 36px}
.fs-40{font-size: 40px;line-height: 56px}



.fw-b{font-weight: 500}
.br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.br-15{border-radius: 15px;}
.br-25{border-radius: 25px;}
.br-30{border-radius: 30px;}
.br-40{border-radius: 40px;}


/*.privacy {display: none;}*/


form input[type=text], form input[type=password], form input[type=email], form input[type=url], form input[type=date], form input[type=month], form input[type=time], form input[type=datetime], form input[type=datetime-local], form input[type=week], form input[type=number], form input[type=search], form input[type=tel], form input[type=color], form select, form textarea{background-color: #ffffff!important;border-radius: 0!important;}

input[type=submit]{background-color: #000000!important;float: right!important;width: 100%!important;}
.input-sx{float: left;width: 48%;margin-bottom: 18px!important;}
.input-dx{float: right;width: 48%;margin-bottom: 18px!important;}
.input-100{float: left;width: 100%;margin-bottom: 18px!important;}

.input-70{float: left;width: 70%;margin-bottom: 18px!important;}
.input-70,.input-70 a{color: #ffffff;}
.input-30{float: right;width: 30%;}


.wpcf7-not-valid-tip{background: #dc3232;color:#ffffff;padding: 3px 10px;font-size: 13px;}
.wpcf7 form.invalid .wpcf7-response-output{color:#ffffff;}

/* BOTTONI */
.btn{border-radius: 0px;}
.btn-success,
.btn-success:hover,
.btn-success.focus,
.btn-success:focus,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
	background-color: #000000;
	border-color: #000000;
}

.btn-success {
	transition: box-shadow .3s ease-in-out;
	transition-delay: 0;
}

.btn-success:hover,
.btn-success.focus,
.btn-success:focus {
	box-shadow: var(--colore_1_alpha2) 0 0 0 6px;
}

.btn-sm {
	padding-top: .5rem;
	padding-bottom: .375rem;
	font-size: 1rem;
}

.btn-circle.btn-sm {
	padding-left: .4375rem;
	padding-right: .4375rem;
	min-width: calc(.875rem + 1.5em + 2px);
}



/* FORMS */
.message {display: none;}
.form-check{position: relative;}
.form-group-material {
	margin-bottom: .625rem;
	padding-top: 1rem;
	position: relative;
}

.form-group-material .label {
	position: absolute;
	left: .75rem;
	font-size: 1.125rem;
	color: var(--placeholder);
	pointer-events: none;
	transform-origin: left top;
	transition: all .3s ease-in-out;
}

.form-group-material .label,
.form-group-material.active .label {
	transform: scale(.77777778);
	top: -5px;
}

.form-group-material .label {
	transform: scale(1);
	top: 1.3625rem;
}

.form-group-material .form-control {
	border-radius: 0;
	color: var(--nero);
}


.form-border-bottom .form-group-material .form-control {
	border: 0;
	padding-left: 0;
}
.form-border-bottom .form-group-material .label {
	left: 15px;
}

.form-group-material .form-control:not(textarea) {
	height: calc(1.5em + 1rem + 1px);
}

.form-group-material .form-control:focus {
	outline: none;
	box-shadow: none;
}
.invalid-tooltip{padding: .03rem .3rem;font-size: 12px;top: 98%;border-radius: 0 0 .25rem .25rem}
label.error {
	margin-top: .5rem;
	margin-bottom: 0;
	color: var(--errore);
    width: 100%;
    font-size: 90%;
}

.form-control.error,
.form-control.error:focus {
	border-color: var(--errore);
	color: var(--errore);
}

.control-file {
	margin-top: 1.625rem;
	margin-bottom: 2.5rem;
	position: relative;
}

.control-file i {
	position: absolute;
	left: -.25rem;
	top: .5625rem;
	font-size: 1.625rem;
}

.control-file .file-path-wrapper {
	overflow: hidden;
}

.control-file input.file-path {
	padding: 0 0 0 2.125rem;
	border: none;
	border-radius: 0;
	background: transparent;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.125rem;
}

.control-file input.file-path::-moz-placeholder {
	color: var(--placeholder);
	text-decoration: underline;
	opacity: 1;
	transition: color .3s ease;
}

.control-file:hover input.file-path::-moz-placeholder {
	color: var(--colore_1);
}

.control-file input.file-path:-ms-input-placeholder {
	color: var(--placeholder);
	text-decoration: underline;
	transition: color .3s ease;
}

.control-file:hover input.file-path:-ms-input-placeholder {
	color: var(--colore_1);
}

.control-file input.file-path::-webkit-input-placeholder {
	color: var(--placeholder);
	text-decoration: underline;
	transition: color .3s ease;
}

.control-file:hover input.file-path::-webkit-input-placeholder {
	color: var(--colore_1);
}

.control-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1.125rem;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0)
}
/*
.custom-checkbox .custom-control-label::before {border-radius: 0;border: var(--colore_1) solid 2px;}
.custom-control-input:checked~.custom-control-label::before {color: var(--bianco);border-color: var(--colore_1);background-color: var(--colore_1);}
*/
.control-file input[type=file]::-webkit-file-upload-button {
	display: none;
}
.custom-checkbox .custom-control-label::before {border-radius: 0;border: var(--colore_1) solid 2px;}
.custom-control-input:checked~.custom-control-label::before {color: var(--bianco);border-color: var(--colore_1);background-color: var(--colore_1);}

.glass-effect{background-color: #ffffff10;
backdrop-filter: blur(120x);
-webkit-backdrop-filter: blur(12px):}



h1{position:relative;text-transform: uppercase;display: inline-block;font-size: calc(1.375rem + 1.5vw)!important;}
h1::after {content:"";
	position:absolute;
	background:url(/img/fregio.svg) no-repeat center center;
	background-size:100%;
	top:2px;
	left:-100px;
	width:80px;
	height:35px;
}

.bg-form-vitara{padding:80px 0px;background: url(/img/bg-form-vitara.jpg) no-repeat center center; background-size: cover;}
.bg-form-vitara .form-check-label,.bg-form-vitara a{color: #ffffff;}

.bg-form-s-cross{padding:80px 0px;background: url(/img/bg-form-s-cross.jpg) no-repeat center center; background-size: cover;}
.bg-form-s-cross .form-check-label,.bg-form-s-cross a{color: #ffffff;}

.fregio2{width: 80px;}


.counter{background-color: #000000;padding: 60px 0px;}
.counter span{color: #777777;font-size: 20px;}
.counter-value{font-size: 45px;margin-top: 50px;line-height: 50px;}
.counter-value-box{width: 20%;color:#ffffff;font-family: 'suzukiproboldregular', sans-serif;text-align: center;float: left;}
.counter-value-box2{width: 25%;color:#ffffff;font-family: 'suzukiproboldregular', sans-serif;text-align: center;float: left;}
.cerchio-counter{border-radius: 500px;border: 3px solid #C9282B;width: 160px;height: 160px;margin-left: auto;margin-right: auto;margin-bottom: 20px;font-size: 15px;}








/* RESPONSIVE */

@media (max-width: 1199px) {
    .invalid-tooltip{font-size: 11px}

}



@media (max-width: 991px) {
    a,p,input,ul,li,table,tr,td{font-size: 16px;line-height: 24px}

	.counter{padding: 50px 0px;}
	.counter span{font-size: 18px;}
	.counter-value{font-size: 35px;margin-top: 35px;line-height: 45px;}
	.cerchio-counter{width: 130px;height: 130px;}


}



@media (max-width: 767px) {
    .due-colonne,.tre-colonne{column-count: 1;column-gap: 0px;}
    a,p,input,ul,li,label,table,tr,td{font-size: 15px;line-height: 22px}
	.fs-40{font-size: 30px;line-height: 40px}
	.fregio2{width: 50px;}
	.h1, h1 {font-size: calc(1.2rem + 1vw);}
	.bg-form-vitara{padding:40px 0px;}
	.bg-form-s-cross{padding:40px 0px;}

	.counter span{font-size: 18px;}
	.counter-value{font-size: 35px;margin-top: 35px;line-height: 45px;}
	.cerchio-counter{width: 130px;height: 130px;}

	.counter-value-box{width: 33.33%;margin-bottom: 30px;}
	.counter-value-box2{width: 50%;margin-bottom: 30px;}
	.counter-value-box2:nth-child(3){clear: both;}
	.counter-value-box:nth-child(4){margin-left: 16.5%;clear: both;}
	.counter-value-box:nth-child(4),.counter-value-box:nth-child(5){margin-bottom: 0;}


}


@media (max-width: 575px) {
	.fs-40{font-size: 26px;line-height: 35px}

	.counter-value-box{width: 50%;margin-bottom: 30px;}
	.counter-value-box:nth-child(3){clear: both;}
	.counter-value-box:nth-child(5){margin-left: 25%;}
	.counter-value-box:nth-child(4){margin-bottom: 30px;margin-left: 0;clear:none}
}