/* Gambelli - 2023 - website by tonidigrigio.it */

/*import*/
@import url(animsition.min.css);

/*variabili*/
:root {
    --bianco: #FFF;
    --nero:   #000;
    --gambelli-01: #000;
    --gambelli-02: #e2e2e2;
	--gambelli-03: #212121;
}

/*normalize*/
html{color:#222;font-size:1em;line-height:1.4;}::-moz-selection{background:#b3d4fc;text-shadow:none;}::selection{background:#b3d4fc;text-shadow:none;}hr{display:block;height:1px;border:0;border-top:1pxsolid#ccc;margin:1em0;padding:0;}audio,canvas,iframe,img,svg,video{vertical-align:middle;}fieldset{border:0;margin:0;padding:0;}textarea{resize:vertical;}hidden{display:none!important;visibility:hidden;}.visuallyhidden{border:0;clip:rect(0000);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}.invisible{visibility:hidden;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1pxdotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}sibnputmall{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,htmlinput[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],htmlinput[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1pxsolid#c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}ul li, ol li {list-style:none;}

/*default*/
html, button, input, select, textarea {color:#000;overflow-x:hidden;}
html, body {margin:0px;padding:0px;background:var(--gambelli-01);}
::-moz-selection {background:#0070BF;text-shadow:none;color:#FFF;}
::selection {background:#0070BF;text-shadow:none;color:#FFF;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;}
img {margin:0px;padding:0px;border:0px;outline:none;vertical-align: middle;border-radius:0px;}
a {text-decoration:none;outline:none;border:none;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize: vertical;}
.chromeframe { margin: 0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}

/*default link*/
a, a:link, a:visited, a:active, a:hover {transition:all 0.3s ease-in-out;}

/*animation*/
.animation, .animation > * {transition:all 0.5s ease-in-out;}

/*typographic*/
body {font-family: area-normal, sans-serif;font-weight: 400;font-style: normal;}
html, body  {font-family: area-normal, sans-serif;font-weight: 400;font-style: normal;}
strong {font-weight:900;}
.text-indent {text-indent:-9999px !important;}

/*font dimension*/
html, body, input  {font-size:14px !important;}
@media (max-width: 1200px) {
	html, body, input  {font-size:12px !important;}
}

/*font weight*/
.fw-regular   {font-weight:400 !important;}
.fw-semi-bold {font-weight:600 !important;}
.fw-bold      {font-weight:700 !important;}

/*text color*/
.txt-black {color:var(--nero)}
a.txt-black, a.txt-black:hover {color:var(--nero)}
.txt-white {color:var(--bianco)}
a.txt-white, a.txt-white:hover {color:var(--bianco)}
.txt-gambelli-01 {color:var(--gambelli-01) !important;}
a.txt-gambelli-01, a.txt-gambelli-01:hover {color:var(--gambelli-01)}
.txt-gambelli-02 {color:var(--gambelli-02) !important;}
a.txt-gambelli-02, a.txt-gambelli-02:hover {color:var(--gambelli-02)}

/*background*/
.bg-gambelli-01 {background:var(--gambelli-01);}
.bg-gambelli-02 {background:var(--gambelli-02);}
.bg-gambelli-03 {background:var(--gambelli-03);}
.bg-gambelli-texture {background: url("../img/bg_gambelli_200.jpg") repeat}

.pre-footer {height: 200px; display: none;}

/*z-index*/
.z-index-1    {z-index:1;}
.z-index-2    {z-index:2;}
.z-index-3    {z-index:3;}
.z-index-4    {z-index:4;}
.z-index-5    {z-index:5;}
.z-index-9    {z-index:9;}
.z-index-99   {z-index:99;}
.z-index-999  {z-index:999;}
.z-index-9999 {z-index:9999;}

/*button*/
.btn-gambelli-01 {background:var(--gambelli-01); color:#FFF;}
.btn-gambelli-01:hover { background: #FFF; color: var(--gambelli-01);}

.btn-white:hover { background: transparent; color: #FFF; border: solid 1px #FFF;}


.btn-gambelli-02, .btn-gambelli-02:hover {background:var(--gambelli-02);}

/*opacity*/
.opacity-0 {opacity:0;}
.opacity-20 {opacity:0.8;}
.opacity-50 {opacity:0.5;}

/*background cover*/
.bg-cover {background-position:center !important;background-repeat: no-repeat !important;background-size: cover !important;}

/*border radius*/
.rounded-full {border-radius:5rem;}
@media (max-width: 1280px) {
	.rounded-full {border-radius:2.5rem;}
}

/*clip path diagonal */

.top-cutted-image { clip-path: polygon(0 25%, 100% 0, 100% 100%, 0 100%); }
.bottom-cutted-image { clip-path: polygon(0 0, 100% 0, 100% 75%, 0 100%); }
.top-and-bottom-cutted-image { clip-path: polygon(0 25%, 100% 0, 100% 75%, 0 100%); }

/*loading*/
.animsition-loading {
	position:fixed;
	width:100%;height:100%;
	left:0px;right:0px;bottom:0px;top:0px;
	border:none;
	margin:0px;
	padding:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;		
}
.animsition-loading .image {position:absolute;top:35%;left:50%;margin:0px 0px 0px -40px;width:80px;height:145px;background:url('../img/logo-white.svg') no-repeat center center;background-size:80px 145px;}
.animsition-loading span {display:none;}
.animsition-loading::after {
	content: "";
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px;
	position:fixed;
	top:calc(30% + 220px);
	left:50%;
	border-radius: 50%;
	z-index:100;
	background-color: transparent;
	border-top: 2px solid #083a70;
	border-right: 2px solid #083a70;
	border-bottom: 2px solid #083a70;
	border-left: 2px solid var(--gambelli-02);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-name: animsition-loading;
	animation-name: animsition-loading;
}

/*position*/
@media (max-width:768px) {
	.position-sm-relative {position:relative !important;}
}

/*padding*/
@media (max-width: 680px) {
	.py-20 {
		padding-top: 5rem !important;
		padding-bottom: 5rem !important;
	}
}

/*template*/
@media screen and (min-width:1023px)  {
	#main-container {padding-top: 0px;}
}

/*container*/
@media (max-width: 1200px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 100%;}
}
@media (min-width: 1200px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1320px;}
}
@media (min-width: 1680px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {max-width: 1680px;}
}
@media (max-width: 1280px) {
	.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
		padding-right: var(--bs-gutter-x, 40px);
    	padding-left: var(--bs-gutter-x, 40px);
	}
}
@media (max-width: 680px) {
	.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
		padding-right: var(--bs-gutter-x, 20px);
    	padding-left: var(--bs-gutter-x, 20px);
	}
	.row>*{
		padding-right: calc(var(--bs-gutter-x) * .5);
    	padding-left: calc(var(--bs-gutter-x) * .5);
	}
}

/*header*/
@media screen and (min-width:1023px)  {
	#head-wrapper {position:fixed;top:0px;left:0px;right:0px;z-index:999;width:100%;height:125px;transition:top 0.5s ease-in-out;}
	#head-wrapper.scrolled {box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;}
	#head-wrapper.nav-up {top:-125px;}
	#head-wrapper.nav-dw {top:0px}
}

/*scroll-top*/
#up-button  {width:50px;height:50px;position:fixed;right:40px;z-index:1002;border-radius:50%;transition:all 0.3s ease;display:none;}
#up-button a {width:50px;height:50px;display:block;overflow:hidden;border-radius:50%;background:var(--gambelli-02);text-align:center;line-height:54px;color:var(--bianco);font-size:1.3rem;}
#up-button a:hover {transform:scale(.8);}
#up-button.godown {bottom:-100px;}
#up-button.goup {bottom:40px;}
@media screen and (min-width: 1100px)  {
    #up-button  {display:block;}
}

/*logo*/
#logo .svg-container {width: 250px; height:90px;position:relative;}
#logo .svg-container svg {position:absolute;top:0px;left:0px;width: 250px; height:90px;fill:var(--bianco);}
#logo-footer .svg-container {width:150px;height:50px;position:relative;}
#logo-footer .svg-container svg {position:absolute;top:0px;left:0px;width:150px;height:50px;fill:var(--bianco);}
@media screen and (max-width: 680px)  {
    #logo .svg-container, #logo .svg-container svg {width:160px;height:45px;}
}
.navbar-brand img { width: 220px; max-height: none;}
.headroom--not-top .navbar-sticky.navbar-dark { background: transparent !important;}



/*main menu*/
#main-menu li a {color:var(--bianco);position:relative;}
#main-menu li a::after {content:"";position:absolute;bottom:-2px;width:0px; left:0px;height:2px;background:var(--bianco);transition:all 0.35s ease-in-out;opacity:0;}
#main-menu li a:hover {color:var(--gambelli-02);}
#main-menu li a:hover::after {width:100%;opacity:1;background:var(--gambelli-02);}

#mainNav li img {width:20px;}

/*service menu*/
#service-menu li a {color:var(--bianco)}
#service-menu:hover li a {opacity:.35;}
#service-menu:hover li a:hover {opacity:1;}

/*citazioni wrapper*/
#citazione-wrapper .carousel .tns-controls button[data-controls="prev"] {left:1rem;opacity:1;background:var(--gambelli-01);}
#citazione-wrapper .carousel .tns-controls button[data-controls="next"] {right:1rem;opacity:1;background:var(--gambelli-01);}
@media (min-width:769px) {
	#citazione-wrapper figure::after {content: "";border:3px solid var(--bianco);border-radius:2.5rem;position:absolute;top:2.5rem;left:2.5rem;right:2.5rem;bottom:2.5rem;z-index:1;}
}

/*intro*/
#intro-section h1.txt-gambelli-01 {color: var(--bianco) !important;}

/*slider*/
.tns-controls button {background: rgba(32,176,230,0.4);}
.tns-controls button:hover {background:var(--gambelli-02);}

/*lang*/
#lang a {opacity:.5;border-bottom:1px solid rgba(255,255,255,0)}
#lang a:hover {opacity:1;border-bottom:1px solid var(--bianco);}
#lang a.active {opacity:1;border-bottom:1px solid var(--bianco);cursor:pointer;}

/*footer */
@media screen and (max-width: 680px)  {
   footer {text-align: center !important;}
	#intro-section { margin-top: 120px;}
	.footer-brochure { width: 100% !important;}
}


.equal-16-10::before{display:block;content:"";width:100%;padding-top:66%}