/*
Theme Name: W3CSSPress
Theme URI: https://github.com/matteomarchiori/w3csspress
Author: matteomarchiori97
Author URI: https://github.com/matteomarchiori
Description: Universal theme with classic mode and blocks mode made to integrate the W3CSS framework inside WordPress, with global custom options and all of the W3CSS framework functionalities. The theme has been developed starting from resources on the w3schools website applied to the blankslate WordPress theme, slightly modified. The theme is accessibility ready and it is highly customizable. Please add issues on GitHub or contact me if you are interested in more options.
Tags: blog, news, e-commerce, accessibility-ready, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, featured-images, featured-image-header, sticky-post, theme-options, threaded-comments, translation-ready, rtl-language-support, flexible-header, footer-widgets, full-width-template, editor-style, post-formats, microformats, custom-colors, block-patterns, full-site-editing, template-editing, wide-blocks, buddypress
Version: 2023.2
Requires at least: 4.1
Tested up to: 6.2
Requires PHP: 5.6
License: GPL-3.0-or-later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: w3csspress

W3CSSPress WordPress Theme © 2022 Matteo Marchiori
W3CSSPress is distributed under the terms of the GNU GPL
*/

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: auto;
}

p, span, a {
	font-size:18px;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 18px;
}


.sticky {}

.bypostauthor {}

.wp-caption {}

.wp-caption-text {}

.gallery-caption {}

.alignright {}

.alignleft {}

.aligncenter {}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
    word-break: normal
}

.screen-reader-text:focus {
    background-color: #f7f7f7;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    color: #007acc;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.skip-link {
    left: -9999rem;
    top: 2.5rem;
    z-index: 999999999;
    text-decoration: underline
}

.skip-link:focus {
    display: block;
    left: 6px;
    top: 7px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    line-height: normal;
    padding: 15px 23px 14px;
    z-index: 100000;
    right: auto
}

.visually-hidden:not(:focus):not(:active),
.form-allowed-tags:not(:focus):not(:active) {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap
}

label {
    vertical-align: middle;
}

.w3-dropdown-focus:first-child,
.w3-dropdown-click:hover {
    background-color: inherit;
    color: inherit;
}

.menu a {
    text-decoration: none;
}

.w3-weight-100 {
    font-weight: 100;
}

.w3-weight-200 {
    font-weight: 200;
}

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

.w3-weight-400 {
    font-weight: 400;
}

.w3-weight-500 {
    font-weight: 500;
}

.w3-weight-600 {
    font-weight: 600;
}

.w3-weight-700 {
    font-weight: 700;
}

.w3-weight-800 {
    font-weight: 800;
}

.w3-weight-900 {
    font-weight: 900;
}

.w3-no-decoration {
    text-decoration: none;
}

.custom-logo {
    max-width: 15vmax;
}

#site-title,
#site-description {
    display: inline-block;
}

#site-description,
#site-title {
    padding: 1em 0 1em 1em;
}

.w3-padding-top {
    padding-top: 8px;
}

.w3-padding-bottom {
    padding-bottom: 8px;
}

.w3-dropdown-content {
    cursor: auto;
    clip: inherit;
    -webkit-clip-path: inherit;
    clip-path: inherit;
    overflow: inherit;
    word-wrap: inherit;
    word-break: inherit;
    position: absolute;
    min-width: 160px;
    margin: 0;
    padding: 0;
    z-index: 1
}

body.home .custom-logo-link,
body.home h1>a {
    pointer-events: none;
    text-decoration: none;
    border-radius: inherit;
}

.w3-sidebar {
    position: fixed;
    top: 0;
    width: fit-content;
    height: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#primary.w3-sidebar {
    left: 0;
}

#secondary.w3-sidebar {
    right: 0;
}

#headwidgets.w3-sidebar,
#footwidgets.w3-sidebar {
    position: relative;
    width: inherit;
    background-color: transparent;
    z-index: 0;
}

.w3-sidebar::-webkit-scrollbar {
    display: none;
}

#header {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

textarea {
    width: 100%;
    resize: none;
}

.format-aside header .entry-meta,
.format-link header .entry-meta,
.format-status header .entry-meta,
.format-quote header .entry-meta,
.format-image header .entry-meta,
.format-video header .entry-meta,
.format-audio header .entry-meta,
.format-chat header .entry-meta,
.format-aside footer,
.format-link footer,
.format-status footer,
.format-image footer,
.format-video footer,
.format-audio footer,
.format-quote footer,
.format-chat footer {
    display: none;
}

figure {
    margin: 0;
}

.w3-fifth,
.w3-sixth,
.w3-seventh,
.w3-eighth,
.w3-nineth {
    float: left
}

.w3-fifth {
    width: 19.99999%;
}

.w3-sixth {
    width: 16.66666%;
}

.w3-seventh {
    width: 14.28000%;
}

.w3-eighth {
    width: 12.49999%;
}

.w3-nineth {
    width: 11.11111%;
}

header:not(#header):not(#wpadminbar):not(#wpadminbar *):not(.sidebar),
footer:not(#footer):not(#wpadminbar):not(#wpadminbar *):not(.sidebar),
div:not(#branding):not(#wrapper):not(#content):not(#wpadminbar):not(#wpadminbar *):not(.sidebar),
p:not(#wpadminbar):not(#wpadminbar *):not(.sidebar),
form:not(#wpadminbar):not(#wpadminbar *):not(.sidebar),
img:not(#wpadminbar):not(#wpadminbar *):not(.sidebar),
table:not(#wpadminbar):not(#wpadminbar *):not(.sidebar),
article:not(#wpadminbar):not(#wpadminbar *):not(.sidebar),
section:not(#wpadminbar):not(#wpadminbar *):not(.sidebar),
figure:not(#wpadminbar):not(#wpadminbar *):not(.sidebar),
nav:not(#wpadminbar):not(#wpadminbar *):not(.sidebar),
summary:not(#wpadminbar):not(#wpadminbar *):not(.sidebar) {
    margin-top: 16px;
    margin-bottom: 16px
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table
}

table td,
table th {
    padding: 8px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: top
}

table th:first-child,
table td:first-child {
    padding-left: 16px
}

table tr {
    border-bottom: 1px solid #ddd
}

table tr th,
table tr td {
    text-align: center
}

#gototop {
    position: fixed;
    bottom: 3vmax;
    right: 3vmax;
    display: none;
    z-index: 1;
    text-decoration: none;
    font-size:2em;
}

.alignfull {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.alignwide {
    width: 80vw;
    max-width: 80vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -40vw;
    margin-right: -40vw;
}

.wp-block-post-template.w3-ul li:last-child {
    border-bottom: 1px solid #ddd;
}

@media (max-width:600px) {
    .menu {
        display: none;
    }

    .w3-sidebar {
        position: relative;
        width: 100%;
    }

    .w3-fifth,
    .w3-sixth,
    .w3-seventh,
    .w3-eighth,
    .w3-nineth {
        width: 100%;
    }

    .w3-bar-item.w3-mobile {
        width: 100%;
    }
}

@media (min-width:601px) {
    body {
        max-width: 80vw;
    }

    .w3-dropdown-content {
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        overflow: hidden;
        word-wrap: normal;
        word-break: normal;
    }

    .w3-dropdown-content.w3-show {
        clip: inherit;
        -webkit-clip-path: inherit;
        clip-path: inherit;
        overflow: inherit;
        word-wrap: inherit;
        word-break: inherit;
    }
}

.parallax {
    min-height: 0px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100vw!important;
    width: 100vw;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    left: 50%;
    right: 50%;
}

/*BANNER*/
.bghome {
	background-image: url("/wp-content/uploads/2024/02/gif.gif");
}

.parallax.bghome {
    height: 761px;
}

.wavehome {
	top:39%;
}


header#header {
	background-color: #e9ff00;
}

/*body.page-id-4 >div#container, main > div.w3-row-padding, main > div.w3-row-padding > article#post-4, main > div.w3-row-padding > article#post-4 > div.e-content {
	margin-top: -16px!important;
}*/

div#branding {
    padding-bottom: 10px;
}

li.menu-item {
	color: #ffffff;
	font-size: 18px;
}

li.menu-item:hover {
	border-bottom: 2px solid #e9ff00;
	color: #e9ff00;
}

nav#menu {
    background: #20396F;
    top: 50px !important;
    z-index: 2;
    right: 0 !important;
    padding-left: 31px;
    padding-right: 20px;
    border-radius: 40px 0px 0px 0px;
	max-height: 70px;
}

nav#menu:before {
	content: " ";
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    left: -30px;
    z-index: -1;
	background: #20396F;
    border-radius: 10px 0px 0px 22px;
    border:3px solid #20396F;
    border-right: 0px;
    transform-origin: bottom left;
    -ms-transform: skew(-32deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.parallax.bghome {
	border-top: 6px solid #20396F;
}

.brand-box.discovermore {
    height: 6.367vw;
    vertical-align: middle;
	text-align:	center;
	border: 5px solid #20396F;
    
}

.brand-box.discovermore:hover {
	animation-name: bordoo;
  	animation-duration: 0.2s;
	animation-fill-mode: forwards;
}

.brand-box.discovermore:hover > span {
    animation-name: testoslowyellow;
	animation-duration: 0.3s;
	animation-fill-mode: forwards;
}

.brand-box.discovermore > * {
    vertical-align: middle;
}

span.textmore {
    color: #ffffff;
    font-size: 25px;
    line-height: 6.159374vw;
    font-weight: bold;
    text-transform: uppercase;
}

@keyframes bordoo {
	0% {
		border-color: #20396F #20396F #20396F #20396F;

	}
	25% {
		border-color: #e9ff00 #20396F #20396F #20396F;

	}
	50% {
		border-color: #e9ff00 #e9ff00 #20396F #20396F;

	}
	75% {
		border-color: #e9ff00 #e9ff00 #e9ff00 #20396F;

	}
	100% {
		border-color: #e9ff00 #e9ff00 #e9ff00 #e9ff00;
	}
}
@keyframes testoslowyellow {
	0% {
		color: #ffffff;
	}
	100% {

		color: #e9ff00;
	}
}

.fbico, .igico, .inico {
	margin-top: 8px!important;
	margin-bottom: 8px!important;
	margin-left: 0px;
	margin-right: 0px;
	width: 45px;
}

.sosico {
	width: 145px;
	margin-top: 0!important;
	margin-bottom: 0!important;
	margin-left: 0!important;
	margin-right: 0!important;
	padding-right: 20px;
}

.nomarpad {
	margin-top: 0!important;
	margin-bottom: 0!important;
	margin-left: 0!important;
	margin-right: 0!important;
}

.topbarplus.nomarpad {
    display: inline;
    position: absolute;
    background-color: transparent;
    right: 0;
    top: 0;
	padding-right: 25px;
	font-size: 17px;
	padding-top: 10px;

}

.orario, .social, .soscont {
	display: inline;
}

.orario.nomarpad {
    padding-right: 20px;
}


img.hoverslow.w3-image {
	background: white;
	
}


img.hoverslow.w3-image:hover {
	background: #e9ff00!important;
}


.brand-box {
	display: inline-block;
	width: 9.72412vw;
	padding-left: 27px;
	padding-right: 27px;
	margin-top: 0!important;
}

.fondoblu {
	background-color: #20396F;
	color: #ffffff;
}

.spiegaservizi {
	text-align: justify;
	font-size: 18px;
	    display: block;
    vertical-align: middle;
    padding: ;
    line-height: 1.8;
	
}

.btn-new {
	border: 2px solid #e9ff00;
	color: #e9ff00;
	padding: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

footer#footer {
	background-color: #20396F;
	color: #ffffff;
}

@media screen and (min-width: 766px) and (max-width: 976px) {
	.custom-logo {
		position: relative;
		top: -22px;
	}
}

@media screen and (max-width: 976px) {
	.topbarplus.nomarpad {
		display: none;
	}
}

.e-content.entry-content {
	background-color:#20396F;
}

.w3-col.l6.m12.s12.nomarpad {
	aspect-ratio: 471 / 262;
}

.w3-col.l6.m12.s12.nomarpad {
    position: relative;
}

p.spiegaservizi {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 30vw;
}

@media screen and (max-width: 992px) {
	p.spiegaservizi {
		width: 80vw;
	}
}

@media screen and (max-width:550px) {
	p.spiegaservizi {
		padding-bottom: 25px;	
	}
}

@media screen and (max-width:768px) {
	div#branding {
   		height: 80px;
	}
	.custom-logo {
		max-width: 30vmax!important;
		width: 30vmax!important;
		margin-left: 15px!important;
	}
	div#mega-menu-wrap-main-menu, .mega-menu-toggle {
		margin-top:15px!important;
		margin-bottom:15px!important;
	}
	nav#menu {
		max-height: 60px!important;
	}
}



.lopad {
	padding-top: 0 !important;
}

.btnsc {
	float: right;
	bottom: 60px;
}
	
.widecont {
    max-width: 100vw !important;
    width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    position: relative;
    left: 50%;
    right: 50%;
}

.widetext {
    max-width: 100vw !important;
    width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    position: relative;
    left: 50%;
    right: 50%;
}

body.page-id-1884 > div#page > div#main > svg.touch-car, body.page-id-1884 > div#page > div#main > ul.parts.links {
	display:none;
}

body.page-id-1884 > div#page > div#main > div#primary > div#content > article.hentry {
    padding: 0px 0px 40px 0px;
}

span.textpuzzle {
    display: table;
    margin: auto;
    margin-top: 45%;
	cursor:pointer;
}

.still1 {
    position: absolute;
    background-color: transparent;
    width: 50%;
    height: 100%;
    color: white;
	cursor:pointer;
}

.still2 {
    position: absolute;
    background-color: transparent;
    width: 50%;
    height: 100%;
    right: 0;
    color: white;
	cursor:pointer;
}

.textbox.widetext, .colbox {
    display: inline-block;
}

.textbox.widetext {
    text-align: center;
}

.colbox {
    width: 368px;
    padding: 30px;
}

.colbox > ul > li {
	text-align: left;
}

.textbox > h3, .textbox > div.colbox > h3, .textbox > div.colbox > ul > li:before, .blue {
	color: #20386C;
}

span.blue {
	color: #20386C;
}

.textbox > h3, .textbox > .textp {
	text-align: center;
}

body.page-id-1884 > div#page > div#main > ul.services.links.wide.mobile {
	display: none !important;
}

.textp {
	hyphens: none;
	font-size: 16px;
}

@media screen and (max-width: 999px) {
	.site-title {
		width: 280px;
	}
	header#masthead {
    	height: 60px;
	}
	body{
    overflow-x: hidden;
	}
}

/*FULL WIDTH*/
@media (min-width: 601px) {
	body {
			max-width: 100vw!important;
	}
}

.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col {
		padding: 0px 0px; 
}

.w3-container, .w3-panel {
    padding: 0.01em 0px;
}
/*END FULL WITDH*/

h1.p-name.entry-title, div#site-title, div#site-description  {
    visibility: hidden;
    height: 0;
		margin: 0;
		width:0;
		overflow:hidden;
}

div#container, main > div.w3-row-padding, main > div.w3-row-padding > article#post-4, main > div.w3-row-padding > article#post-4 > div.e-content, main > div.w3-row-padding > article#post-4 > div.e-content > div.widecont, main > div.w3-row-padding > article#post-4 > div.e-content > div.widecont > div.still1, main > div.w3-row-padding > article#post-4 > div.e-content > div.widecont > div.still2, main > div.w3-row-padding > article#post-4 > div.e-content > div.widecont > img {
	margin-top: 0 !important;
}

header.header {
	margin:0 !important;
}

.w3-round-xlarge {
  border-radius: 0;
}

.dark-bg-2 {
    background: #20396F;
}

.container.small {
    max-width: 960px;
}
.container {
    max-width: 1350px;
    width: calc(100% - 80px);
    margin-left: auto;
    margin-right: auto;
    height: auto;
    position: relative;
}
.top-bottom-padding-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.animated {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.medium-title {
    text-transform: uppercase;
    font-size: 45px;
    line-height: 1.13;
    font-weight: 500;
    letter-spacing: 3px;
		color:white;
}

.client-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.top-padding-60 {
    padding-top: 60px;
}
.d-flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.client-list li {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    text-align: center;
    height: 220px;
}

.client-list li:nth-child(4n) a {
    border-right: none;
}

.client-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.d-block {
    display: block;
}

.client-list .brand-box {
    height: 150px;
    width: 150px;
    position: relative;
}
div.brand-box > img {
    vertical-align: middle;
    max-width: 100%;
    border-style: none;
    width: 100%;
}

ul.client-list > li {
	padding:0;
	border-bottom:none;
}
.client-list li:nth-last-child(1) a, .client-list li:nth-last-child(2) a, .client-list li:nth-last-child(3) a, .client-list li:nth-last-child(4) a {
    border-bottom: none;
}

.empty-spot-box {
    position: relative;
}

.empty-spot {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}

a.pointer-large.p-style-bold-up.empty-spot.d-block.animated {
		color:#F1FF24;
	text-transform:uppercase;
	text-decoration:none;
}

.empty-spot-box:before, .empty-spot-box:after {
    content: '';
    width: 1px;
    height: calc(100% - 40px);
    background: #F1FF24;
    position: absolute;
    left: 20px;
    top: 20px;
    -webkit-transform: scaleY(.4) scaleX(1);
    -ms-transform: scaleY(.4) scaleX(1);
    transform: scaleY(.4) scaleX(1);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: .5s cubic-bezier(.858, .01, .068, .99);
    -o-transition: .5s cubic-bezier(.858, .01, .068, .99);
    transition: .5s cubic-bezier(.858, .01, .068, .99);
}

.empty-spot-box:after {
    width: calc(100% - 40px);
    height: 1px;
    -webkit-transform: scaleY(1) scaleX(.4);
    -ms-transform: scaleY(1) scaleX(.4);
    transform: scaleY(1) scaleX(.4);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}

.empty-spot:before, .empty-spot:after {
    content: '';
    width: 1px;
    height: calc(100% - 40px);
    background: #F1FF24;
    position: absolute;
    right: 20px;
    bottom: 20px;
    -webkit-transform: scaleY(.4) scaleX(1);
    -ms-transform: scaleY(.4) scaleX(1);
    transform: scaleY(.4) scaleX(1);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transition: .5s cubic-bezier(.858, .01, .068, .99);
    -o-transition: .5s cubic-bezier(.858, .01, .068, .99);
    transition: .5s cubic-bezier(.858, .01, .068, .99);
}

.empty-spot:after {
    width: calc(100% - 40px);
    height: 1px;
    -webkit-transform: scaleY(1) scaleX(.4);
    -ms-transform: scaleY(1) scaleX(.4);
    transform: scaleY(1) scaleX(.4);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
}

.empty-spot-box:hover:before, .empty-spot-box:hover:after, .client-list li:hover .empty-spot:before, .client-list li:hover .empty-spot:after {
    -webkit-transform: scaleX(1) scaleY(1);
    -ms-transform: scaleX(1) scaleY(1);
    transform: scaleX(1) scaleY(1);
}

@media only screen and (max-width: 549px) {
	.client-list li {
			height: 170px;
	}
}
@media only screen and (max-width: 767px) {
	.client-list li {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
	}
}
@media only screen and (max-width: 999px) {
	.client-list li {
			height: 190px;
	}
}

@media only screen and (max-width: 767px) {
	.client-list li:nth-last-child(3) a, .client-list li:nth-last-child(4) a {
			border-bottom: 1px solid #ffffff;
	}
}
@media only screen and (max-width: 767px) {
	.client-list li:nth-child(2n) a {
			border-right: none;
	}
}

.custom-logo {
    max-width: 20vmax;
	    width: 20vmax;
		margin-left:15px
}

nav#menu {
    position: absolute;
    right: 15px;
    top: 8px;
}

.newservices {
		display: inline;
}

img.widecont.wavehome.w3-image {
    margin-top: 0px !important;
    margin-bottom: -40px !important;
	z-index:2!important;
}

article, .e-content.entry-content {
	margin-top:0!important;
}

.btmylw {
	border-bottom: 2px solid #E9FF00!important;
}

.maskmap {
	padding: 0!important;
	margin: 0!important;
	width:100vw;
	height:32vw	
}

iframe.maps {
	width:100vw;
	height:35vw;
	bottom: 61px;
  position: relative;
	
}

.fondonorm {
	background-color: white;
}

.centered {
	text-align: center;
}

span.contatti-dir {
    font-size: 20px;
}

.padparagraph {
	padding: 20px;
	padding-top:35px;
}

.toppad {
	padding-top:70px;
}

a.contactlink {
	text-decoration:unset;
}

a.contactlink:hover {
	color: #E9FF00;
	border-bottom: 1px solid #E9FF00;
}

.tab {
	display:table;
	width: 100%;
}

.tabrow {
	display:table-row;
	padding:0;
	margin:0;
}

.tabcell {
	display: table-cell;
	vertical-align: middle;
	float:unset!important;
}

.indirizzi {
	width:100vw;
	font-size:20px;
	text-align:center;
}

.vialevicenza {
	color:#20396F;
}

/*SOCIAL WALL*/

article#post-1269 > div.e-content.entry-content {
	background-color:white;
}

@media (min-width: 1200px) {
    .container-social {
        max-width: 100% !important;
        padding: 2em;
    }
}

@media (min-width: 992px) {
    .container-social {
        max-width: 100% !important;
        padding: 2em;
    }
}

@media (min-width: 768) {
    .container-social {
        max-width: 100% !important;
        padding: 1em;
    }
}

@media (min-width: 576) {
    .container-social {
        max-width: 100% !important;
        padding: 1em;
    }
}

.page-id-1415 #main-content.container {
    padding-top: 0;
}

a.google {
    display: none;
}

.fullgallery {
    max-width: 92vw !important;
    width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    position: relative;
    left: 55%;
    right: 50%;
}

@media screen and (min-width:700px) {
    .fullgallery {
        max-width: 98vw !important;
        left: 55%;
    }
}

@media screen and (min-width:600px) {
  div.socialrow.firstone {
    margin-top:35px;
  }
}

.socialrow {
	padding-left:20px;
	padding-right:20px;
	display: block;
    max-width: 100vw !important;
	justify-content:center;
}

.socialcol {
    max-width: 20vw;
	width:19.2vw;
    overflow-y: hidden;
    border-top:1px solid #DBDBDB;
    vertical-align: top;
	display:inline-block;
}

iframe.instagram-media > html > body > div.embed > div.header > div.HeaderCta {
  display:none!important;
}

iframe.instagram-media > html > body > div.embed > div.HoverCard {
  display:none!important;
}

iframe.instagram-media {
  width:100% !important;
  min-width:1px !important;
  max-width:100% !important;
  margin-top: -55px!important
}

@media screen and (max-width:1000px) {
  .socialrow {
    display: block;
      max-width: 100vw!important;
  }

  .socialcol {
      max-width: 100%;
	  width:100%;
  }
}

.breakcage {
    max-width: 100vw !important;
    width: 100vw !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    position: relative;
    left: 50%;
    right: 50%;
}

/*EO SOCIAL WALL*/

nav#menu {
    z-index: 3;
}

body.page-id-1176, body.page-id-1458, body.page-id-1615 {
	background-color: #20396F !important;
}

@media screen and (max-width: 976px) {
    .topbarplus.nomarpad {
     	display: none!important;
			max-width: 50vw;
    }
		div#site-description {
			display: unset!important;
		}
		.menu {
        display: unset!impoerant;
			
		}
		
}

@media screen and (max-width:765px) {
	.topbarplus {
		display:none;
	}
	
	nav#menu {
		top:15px!important;
	}
}

@media only screen and (max-width: 768px) {
    #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
        background: #e9ff00;
        padding: 5px 5px 5px 5px;
        display: none;
        margin-top: -6px!important;
        margin-right: -20px!important;
    }
}


.mobonly {
	display:none;
}

@media screen and (max-width:992px) {
	.mobonly {
		display:block;
	}
	.deskonly {
		display:none;
	}
}

.homeonecol {
	padding-left:10vw;
	padding-right:10vw;
}

.map{
    width:100%;
}

iframe.mappanew {
    width: 100%;
    height: 600px;
}

/*I-BRODAGLIA HEADER MOBILE - DA SISTEMARE*/
/*
.page-id-1176 > div#wrapper > header#header > div#branding,
.page-id-1269 > div#wrapper > header#header > div#branding	
{
	height: 65px;
}
*/
@media screen and (max-width:768px) {
	div#branding	
	{
		height: 65px;
	}
}
/*F-BRODAGLIA HEADER MOBILE - DA SISTEMARE*/

/*
.mapster-wp-maps-container {
    margin: 0 !important;
    top: -16px;
    position: relative;
}
*/

.freccettina {
    position: absolute;
    right: 10px;
    height: fit-content;
    margin-top: -20px !important;
	margin-bottom: 0!important;
	z-index: 999;
	display:none;
}

.swipeicon {
    width: 6vw;
    margin: 0 !important;
	z-index:999!important;
}

div#mapster-wp-maps-1373, .mapster-wp-maps-container {
    margin: 0 !important;
}

#tent {
    width: 100vw;
    height: 12vw;
    overflow: hidden;
}
#modules {
    height: 30vh;
    /*padding: 25px;*/
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
	margin-top:5px!important;
}
.module {
    display: inline-block;
    width: 9.5vw;
    height: 10vw;
    line-height: 50px;
    text-align: center;
    background: #ddd;
	margin-top: 0!important;
	margin-bottom: 0!important;
}
.module + .module {
    margin-left:5px
}

img.hoverslow.w3-image {
    height: 10vw;
}

@media screen and (max-width:1444px) and (min-width:977px) {
	.module {
		width: 9.2vw;
	}
}



@media screen and (max-width:460px) {
	#tent {
		height: 29vw;
	}
	#modules {
		height: 16vh;

	}
	.module {
		width: 24vw;
		height: 30vw;
	}
	.freccettina {
    	display:block;
		z-index:999;
	}
	img.hoverslow.w3-image {
    	height: 15vw;
	}
}


@media screen and (max-width:720px) {
	div#mapster-wp-maps-1373 {
		height:520px!important;
	
	}
}

img.hoverslow.w3-image {
    height: unset !important;
}

body.page-id-1426 {
	background-color:#20396F!important;
}

h2.pagetitle.w3-serif, p.paragrafo {
    text-align: center;
}

.btninvia {
    width: fit-content;
    color: #20396f;
    background-color: white;
    padding: 16px 0px;
    border-radius: 8px;
	position: relative;
    left: 0;
    right: 0;
    margin: auto;
}

.btnlink {
    padding: 16px 20px;
	text-decoration: none;
}

.btninvia:hover {
	background-color: #E9FF00;
}

table.noleggitab > tbody > tr > th {
	background-color: white;
	color: #20396F;
	font-size: 22px;
}

table.noleggitab > tbody > tr > td {
	font-size: 18px;
}

table.noleggitab > tbody > tr > td.marca {
	font-weight: 600;
}

table.noleggitab > tbody > tr > th, table.noleggitab > tbody > tr > td {
	vertical-align: middle;
}

table.noleggitab > tbody > tr:nth-child(odd) {
	background-color: #E7E6EF;
	color: #20396F;
}

table.noleggitab > tbody > tr:nth-child(even) {
	background-color: #D0CFDF;
	color: #20396F;
}

.logomarca {
	width: 150px;
}


.paragrafo-2 {
	max-width: 50vw;
	position: relative;
	left: 0;
	right: 0;
	margin: auto;
	text-align:justify;
}

@media screen and (max-width:1120px) {
	.paragrafo-2 {
		max-width: 80vw;
		position: relative;
		left: 0;
		right: 0;
		margin: auto;
	}
}

.infotab {
    position: fixed;
    display: block;
    z-index: 2;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background-color: rgba(0,0,0,0.6);
}

.exit {
  position: fixed;
  display: block;
  z-index: 9999;
  top: 15px;
  right: 15px;
  color: #E9FF00;
  width: 45px;
  height: 45px;
  background-color: transparent;
  text-align: center;
  border: 3px solid white;
  border-radius: 5em;
  cursor: pointer;
}

#check1:checked ~ label #cover1{
	display:block;
}

#check2:checked ~ label #cover2{
	display:block;
}

#check3:checked ~ label #cover3{
	display:block;
}

#check4:checked ~ label #cover4{
	display:block;
}

#check5:checked ~ label #cover5{
	display:block;
}

#check6:checked ~ label #cover6{
	display:block;
}

#check7:checked ~ label #cover7{
	display:block;
}

#check8:checked ~ label #cover8{
	display:block;
}

#cover1, #cover2, #cover3, #cover4, #cover5, #cover6, #cover7, #cover8{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:none;
}

#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

.idcolor-1 {
    background-color: #00052C;
	color: #FFFFFF;
}

.idcolor-2 {
    background-color: #8B0000;
	color: #FFFFFF;
}

.idcolor-3 {
    background-color: #7B9AAE;
	color: #FFFFFF;
}

.idcolor-4 {
    background-color: #EC7211;
	color: #FFFFFF;
}

.idcolor-5 {
    background-color: #014421;
	color: #FFFFFF;
}

.idcolor-6 {
    background-color: #4B0082;
	color: #FFFFFF;
}

.idcolor-7 {
    background-color: #4A90E2;
	color: #FFFFFF;
}

.idcolor-8 {
    background-color: #CC408C;
	color: #FFFFFF;
}

.legendanol {
	max-width:10px;
	width:10px;
}

.infocarimg {
    padding-top: 20vh;
	z-index: 9999;
}


.logocont {
    text-align: center;
}

.arval-logo {
	background-color: white;
	border-radius: 25px;
	width:300px;
}

.DM {
	text-decoration:none!important;
}

.DM:hover {
	color: #CC0000;
}

.blutext {
	color:#20396F;
}

h2.pagetitle {
	text-transform: uppercase;
}

.w3-container.w3-cell.w3-cell-middle {
	width: 50%;
    min-height: 500px;
    height: 500px;
}

@media screen and (max-width:768px) {
	.w3-container.w3-cell.w3-cell-middle {
		width:unset;
	}
}

@media screen and (max-width:460px){
	.coltextmobile {
		height: unset!important;
	}
}

p.halfcoltext {
	padding-left: 10%;
	padding-right: 10%;
    text-align: justify;
}

h2.halfcoltext {
	padding-left: 10%;
	padding-right: 10%;
    text-align: justify;
}

.sfondocarrozzeria {
	background: url('/wp-content/uploads/2023/12/img_carrozzeria.jpg');
	background-position: center center;
}

.sfondofficina {	
	background: url('/wp-content/uploads/2023/12/img_officina.jpg');
	background-position: center right;
}

.sfondoprima {
	background: url('/wp-content/uploads/2025/04/Padre.jpg');
	background-position: center center;
}

.sfondodopo {
	background: url('/wp-content/uploads/2025/04/Figli-2.jpg');
	background-position: center center;
}

@media screen and (min-width:2171px) {
	.sfondocarrozzeria, .sfondofficina, .sfondoprima, .sfondodopo {
		background-size: cover;
	}
}


.video50 {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bulletnew {
	font-size: 12px;
}

a#gototop {
    color: #E9FF00;
    text-shadow: 0px 0px 4px black;
}

article#post-1685 > div.e-content.entry-content {
	background-color: #ffffff;
}

#metaslider-id-1722,#metaslider-id-1724,#metaslider-id-1730,#metaslider-id-1735,#metaslider-id-1738,#metaslider-id-1741,#metaslider-id-1748,#metaslider-id-1744 {
	display:none;
}

@media screen and (max-width:600px) {
	#metaslider-id-1692,#metaslider-id-1694,#metaslider-id-1700,#metaslider-id-1705,#metaslider-id-1708,#metaslider-id-1712,#metaslider-id-1715,#metaslider-id-1718 {
		display:none;
	}
	#metaslider-id-1722,#metaslider-id-1724,#metaslider-id-1730,#metaslider-id-1735,#metaslider-id-1738,#metaslider-id-1741,#metaslider-id-1748,#metaslider-id-1744 {
		display:block!important;
	}
}

div.flexslider > div.flex-viewport > ul > li > img, div.flexslider > ul > li > img {
	margin: 0!important;
}

div#metaslider-id-1692, div#metaslider_container_1692, div#metaslider_1692, div#metaslider_1692 > .flex-viewport,
div#metaslider-id-1722, div#metaslider_container_1722, div#metaslider_1722, div#metaslider_1722 > .flex-viewport {
    margin-top: 0!important;
}{
    margin-top: 0!important;
}

article, .w3-container, .w3-row-padding {
	margin-bottom:0!important;
}

.video50 {
	max-width: 100%;
    max-height: 490px;
}

iframe.widecont.wavehome {
    height: 56vw;
}