/* CSS Document */
/*TESTATA*/
#testata{position:relative;margin:auto;display:block;}
	.testata{margin-top:185px;position:relative;width:100%;height:auto;background-image:url(../../image/texture_grigio.png);background-position:top left;background-repeat: no-repeat;background-size:cover;min-height:72vh;}

#intro{top:-220px;position:relative;padding-bottom:377px;}
	.intro-img-accento{position:absolute;top:-200px;right:-174px;background-image:url(../../image/accento.png);background-position:center center;background-repeat: no-repeat;background-size:cover;width:530px;height:466px;z-index:1}
	.intro-img{width:100%;height:825px;position:relative;margin:auto;background-position:center center;background-repeat: no-repeat;background-size:cover;}
	#contatti .intro-img{background-image:url(../../image/contatti/bistro_union_intro.jpg);}
	#richiedi .intro-img{background-image:url(../../image/richiedi/bistro_union_intro.jpg);}
	.intro-titolo{padding-bottom:60px;}
	
#intro-testo{padding-top:50px;padding-bottom:200px;position:relative;margin:auto;z-index:100}	
	#intro-testo .testo span{color:#dab46e}
	#intro-testo .testo a:hover{color:#dab46e}
	
#blocco-richiedi{padding-bottom:130px;}	
.titolo-menu{border-bottom:2px solid #dab46e;margin-bottom:30px;padding-top:100px;}
.titolo-menu h5{padding-bottom:14px;}
#blocco-richiesta{font-size:17rem;}
.richiedi-gabbia{padding-top:30px;padding-bottom:120px;}
.richiedi-col{width:33.3333333%;position:relative;margin:auto;float:left;}
.richiedi-col-12{width:100%;position:relative;margin:auto;display:block;height:55px;margin-bottom:20px;}
	.richiedi-col-sx{padding-right:20px;}
	.richiedi-col-centro{padding-left:20px;padding-right:20px;}
	.richiedi-col-dx{padding-left:20px;}
.richiedi-text .input__label-content{color:#777777;font-size:1.7rem;padding-left:18px;padding-top:5px;}	
.richiedi-select  .input__label-content{color:#777777;font-size:1.7rem;padding-left:18px;padding-top:5px;}	
.richiedi-col .input {
	position: relative;
	z-index: 1;
	display: inline-block;
	/*margin: 16px;*/
	/*max-width: 350px;*/
	/*width: 42.8571428%;*/
	width:100%;
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 13.8px;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #dab46e;
	font-family: var(--font-regular);
	-webkit-appearance: none; /* for box shadows to show on iOS */
	font-size:2.1rem;
	
}
@-moz-document url-prefix() {
	.input__field {
		padding: 16.8px;
	}
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 16px;
	width: 40%;
	color: #dab46e;
	font-size: 2.1rem;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 16px 0;
	width: 100%;
	font-family: var(--font-regular);
	font-size:2.1rem;
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}

.icon {
	color: #dab46e;
	font-size: 150%;
}

/* Madoka */
.input--madoka {
	/*margin: 17.6px;*/
	margin:0;
	float:left;
	margin-bottom:45px;
	width:100%;
}
.input--madoka-dx{
	margin-left:14.258714%;}


.input__field--madoka {
	width: 100%;
	background: transparent;
	color: #1d1d1b;
}


.input__label--madoka {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #1d1d1b;
	text-align: left;
	cursor: text;
}

.input__label-content--madoka {
	-webkit-transform-origin: 0% 30%;
	transform-origin: 0% 30%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.graphic--madoka {
	-webkit-transform: scale3d(1, -1, 1);
	transform: scale3d(1, -1, 1);
	-webkit-transition: stroke-dashoffset 0.3s;
	transition: stroke-dashoffset 0.3s;
	pointer-events: none;

	stroke: #dab46e;
	stroke-width: 4px;
	stroke-dasharray: 962;
	stroke-dashoffset: 558;
    fill:none;
    vector-effect:non-scaling-stroke;
}
.has-error .graphic--madoka{stroke:#cc0000 !important;}

.input__field--madoka:focus + .input__label--madoka,
.input--filled .input__label--madoka {
	cursor: default;
	pointer-events: none;
}

.input__field--madoka:focus + .input__label--madoka .graphic--madoka,
.input--filled .graphic--madoka {
	stroke-dashoffset: 0;
}

.input__field--madoka:focus + .input__label--madoka .input__label-content--madoka,
.input--filled .input__label-content--madoka {
	-webkit-transform: scale3d(0.81, 0.81, 1) translate3d(0, 54px, 0);
	transform: scale3d(0.81, 0.81, 1) translate3d(0, 54px, 0);
	color:rgba(29,29,27,0.6);
}

.input-group-addon-calendario,.input-group-addon-ora{position:absolute;top:16px;right:10px}


.richiesta-text{width: 100%; position: relative; height: 120px; margin-top: 65px; border:2px solid #dab46e;resize: none;padding:22px;font-family: var(--font-regular);font-size:2.1rem;color:#000000}


.richiedi-checkbox {padding-top:100px;padding-bottom:150px;position:relative;margin:auto;width:100%;height:50px;}
	.richiedi-checkbox-int{width:80px;position:relative;margin:auto;float:left;height:50px;}
	.richiedi-checkbox-testo{width:90%;position:relative;margin:auto;float:left;font-family:var(--font-regular);font-size:1.9rem;line-height:4.0rem;height:50px;}
		.richiedi-checkbox-testo a{color:#626262;font-family:var(--font-medium);}
		.richiedi-checkbox-testo a:hover{color:#dab46e;}
.richiedi-btn{text-align:center}


input#check {
  position: absolute;
  opacity: 0;
}
input#check:checked + label svg path {
  stroke-dashoffset: 0;
}
input#check:focus + label {
  transform: scale(1.03);
}

#check + label {
  display: block;
  border: 2px solid #dab46e;
  width: var(--d);
  height: var(--d);
  border-radius: 0px;
  cursor: pointer;
  transition: all .2s ease;
}
.has-error #check + label{border: 2px solid #cc0000 !important;}
#check + label:active {
  transform: scale(1.05);
  border-radius: 0px;
}
#check + label svg {
  pointer-events: none;
}
#check + label svg path {
  fill: none;
  stroke: #dab46e;
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 101;
  transition: all 350ms cubic-bezier(1, 0, 0.37, 0.91);
}

#gin-selection{position:relative;margin:auto;padding-bottom:165px;}
	.gin-selection-img{width:100%;height:906px;position:relative;margin:auto;background-image:url(../../image/richiedi/bistro_union_contattaci.png);background-position:center center;background-repeat: no-repeat;background-size:cover;}	
	#contatti .gin-selection-img{background-image:url(../../image/contatti/bistro_union_menu.png);}
	.gin-selection-int{padding-left:16.66666667%;padding-right:16.66666667%;}
		.gin-selection-titolo .testo{padding-top:80px;padding-bottom:65px}

@media (max-width:1600px){
	.testata{margin-top:185px;position:relative;width:100%;height:auto;background-image:url(../../image/texture_grigio.png);background-position:top left;background-repeat: no-repeat;background-size:cover;min-height:72vh;}
	
#intro{top:-220px;position:relative;padding-bottom:377px;}
	.intro-img-accento{top: -280px;right: -62px;width: 453px;height: 399px;}
	.intro-img{height:800px;}
	.gin-selection-img{height:745px;}	
}
@media (max-width:1200px){
	#testata{overflow:hidden}
#intro{top:-570px;position:relative;padding-bottom:377px;}
	.intro-img-accento{position: absolute;top: -231px;right: -43px;background-image: url(../../image/accento.png);background-position: center center;background-repeat: no-repeat;background-size: cover;width: 375px;height: 330px;z-index: 1;}
	.intro-img{width:100%;height:800px;position:relative;margin:auto;background-image:url(../../image/richiedi/bistro_union_intro.jpg);background-position:center center;background-repeat: no-repeat;background-size:cover;}
	/*.menugin-col{width:25%;position:relative;margin:auto;float:left;text-align:center;padding-bottom:80px;height:620px;}*/
.richiedi-checkbox-testo{width:85%;}

	#intro-testo{padding-top:0;}	

#gin-selection{position:relative;margin:auto}
	.gin-selection-img{height:807px;}	
	.gin-selection-int{padding-left:12.5%;padding-right:12.5%;}
}
@media (min-width:901px) and (max-width:1200px){
.testata-logo{min-height:130vh;background-image:url(../../image/texture_grigio.png);background-position:top left;background-repeat: no-repeat;background-size:cover;}
.testata{background-image:none !important;height:97vh;overflow:hidden}

	#intro-testo a.btn-link	{float:right}
}
@media (max-width:900px){
.elemento-flex{ display: block;-webkit-display: block;-moz-display: block;-ms--display: block;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;}
.elemento-flex-no-center{ display: block;-webkit-display: block;-moz-display: block;-ms--display: block;}
	
	.testata{min-height:75vh;padding:10px;}
			.testata-logo{min-height:111vh;}
	
#intro{top:-920px !important;padding-left:8.33333333%;padding-right:8.33333333%;}
	.intro-img{width:100%;height:700px;}
	.intro-titolo{padding-top:80px;}
	#intro-testo{padding-top:0;}	


#blocco-richiedi{padding-left:20px;padding-right:20px;padding-bottom:0}
	
.richiedi-gabbia{padding-top:30px;padding-bottom:120px;}
.richiedi-col{width:100%;position:relative;margin:auto;float:none}
	.richiedi-col-sx{padding-right:0}
	.richiedi-col-centro{padding-left:0;padding-right:0;}
	.richiedi-col-dx{padding-left:0;}.richiedi-checkbox-int {
    width: 60px;}
	.richiedi-checkbox-testo{width:80%;
    font-size: 1.7rem;
    line-height: 3.0rem;}

#gin-selection{padding-left:8.33333333%;padding-right:8.33333333%;}
	.gin-selection-titolo{padding-top:80px;}
		.gin-selection-titolo .testo{padding-top:80px;padding-bottom:65px}
}

@media (max-width:500px){
	.testata{margin-top:70px;position:absolute}
			.testata-logo{min-height:140vh;}

#intro{top:280px !important;}
	.intro-img-accento{top: -125px;right: -15px;width: 230px;height: 202px;}
	.intro-img{height:500px;}

#intro-testo{/*padding-top:100px;*/padding-bottom:150px;position:relative;margin:auto;padding-right:20px;padding-left:20px;}	
	
#gin-selection{padding-left:0;padding-right:0;padding-bottom:100px;padding-top:50px}
	.gin-selection-img{height:520px;}
	
	#contatti .richiesta-text{margin-top:0}
	.richiedi-checkbox {
		padding-top: 50px;
		padding-bottom: 100px;
	}
	.richiedi-gabbia{padding-bottom:40px;}
	
	.select2-container--default .select2-selection--single,.input__label--madoka{height:45px}
}