/*-------------------------------------------------------------------------------*/
/*      WineHandler 1.0.0.2                                                      */
/*      Copyright 2013 by Fabio Pistocchi. All Rights Reserved.                  */
/*                                                                               */
/*      Last Modified: 24-02-2021                                                */
/*      Web Site: www.sition.it                                                  */
/*      E-Mail: info@sition.it                                                   */
/*                                                                               */
/*      The following copyright display settings should                          */
/*      remain intact all the time if you are not a licensed                     */
/*      userotherwise the use of WineHandler 1.0.0.2 is illegal!!!               */
/*-------------------------------------------------------------------------------*/

/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.upl_div
{
	border:.2vw solid #EEE;
	border-radius:1vw;
	position:relative;
	text-align:center;
	margin:8% 36% 0 36%;
	font-size:100%;
	background:radial-gradient(#EEE, #000) center center fixed;
}
.upl_div[mobile=true]
{
	margin:0;
	font-size:180%;
}

.upl_label
{
	padding:4vh 0;
	letter-spacing:.5vw;
	font-size:140%;
	font-style:italic;
	color:#FFF;
}

.watermark_position_div
{
	border:0px solid red;
	position:relative;
	display:table;
	margin:auto;
	margin-bottom:2vh;
	width:100%;
}
.div_tr
{
	position:relative;
	display:table-row;
}
.position_item, .position_selected
{
	position:relative;
	display:table-cell;
	cursor:pointer;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.position_item:before
{
	content:'\f192';

	margin:.2em;
	line-height:140%;
	font-family:E_AwesomeRegular;
	font-size:inherit;
	color:#A00;
}
.position_selected:before
{
	content:'\f111';

	margin:.2em;
	line-height:140%;
	font-family:E_AwesomeRegular;
	font-size:inherit;
	color:#0A0;
}

.upl_checked, .upl_unchecked
{
	display:inline-block;
	cursor:pointer;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.upl_checked:before
{
	content:'\f058';

	margin:.2em;
	line-height:140%;
	font-family:E_AwesomeSolid;
	font-size:inherit;
	color:#0A0;
}
.upl_unchecked:before
{
	content:'\f057';

	margin:.2em;
	line-height:140%;
	font-family:E_AwesomeSolid;
	font-size:inherit;
	color:#A00;
}

.upl_progress_bar
{
	border:0px solid red;
	position:relative;
	margin:4vh 0;
	overflow:hidden;
}
.upl_progress_bar > div:nth-child(1)
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#337ab7;

	transform:translateX(-100%);
}
.upl_progress_bar > div:nth-child(2)
{
	position:relative;
	color:#FFF;
}

.upl_controls_div
{
	border:0px solid red;
	position:relative;
	display:table;
	margin:auto;
	margin-bottom:2vh;
	width:86%;
}
.upl_controls_div > div
{
	position:relative;
	display:table-cell;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.upl_button
{
	border:.2vw solid #FFF;
	border-radius:1vw;
	position:relative;
	display:inline-block;
	padding:.5% 8%;
	cursor:pointer;
	color:#FFF;
	background:#777;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.wine_item, .wine_selected
{
	border:3px solid #777;
	display:block;
}
.wine_selected
{
	border-color:#029;
}
.wine_item[mobile=true], .wine_selected[mobile=true]
{
	font-size:160%;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.head_div
{
	border:0px solid red;
	display:table;
	width:100%;
	cursor:pointer;
	background:rgba(255,255,255,.3);

	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.head_div > div
{
	border:1px solid #FFF;
	display:table-cell;
	vertical-align:middle;
}
.head_div > div:nth-child(1), .head_div > div:nth-child(2)
{
	width:1%;
	white-space:nowrap;
}
.head_div > div:nth-of-type(1) > span
{
	font-family:E_AwesomeSolid;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.wine_item > .body_div
{
	display:none;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.row_div
{
	border:0px solid magenta;
	display:table;
	width:100%;
}
.row_div[mobile=true]
{
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.field_div
{
	border:1px solid #FFF;
	display:table-cell;
	vertical-align:middle;
}
.field_div > div
{
	display:table;
	width:100%;
}
.field_div > div > span
{
	//display:table-cell;
	//width:1%;
	white-space:nowrap;
	vertical-align:middle;
}
.field_div div .toggle
{
	display:inline-block;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer;
}
.field_div div .toggle:before
{
	padding:0 .48vw;
	vertical-align:-10%;
	font-family:E_AwesomeSolid;
	font-size:140%;
}
.field_div div .toggle.on:before
{
	content:'\f205';
}
.field_div div .toggle.off:before
{
	content:'\f204';
}
.field_div > div > input[type=text], .field_div > div > input[type=number]
{
	display:table-cell;
	width:100%;
	vertical-align:middle;
	font-family:inherit;
	font-size:inherit;
	background:initial;
}
.field_div > div > input[type=email], .field_div > div > input[type=password]
{
	display:table-cell;
	width:100%;
	vertical-align:middle;
	font-family:inherit;
	font-size:inherit;
	background:initial;
}
.field_div > div > input[type=date], .field_div > div > input[type=time]
{
	display:table-cell;
	width:50%;
	vertical-align:middle;
	font-family:inherit;
	font-size:inherit;
}
.field_div > div > select
{
	display:table-cell;
	width:100%;
	vertical-align:middle;
	font-family:inherit;
	font-size:inherit;
}
.field_div > div > textarea
{
	border:0px solid red;
	display:block;
	width:100%;
	white-space:pre-wrap;
	background:transparent;
	overflow:hidden;
}

.field_div[mobile=true]
{
	border:1px solid #FFF;
	display:block;
}
.field_div[mobile=true] > div
{
	display:table;
	width:100%;
}
.field_div[mobile=true] > div > span
{
	display:table-cell;
	width:1%;
	white-space:nowrap;
	vertical-align:middle;
}
.field_div[mobile=true] > div > input[type=text], .field_div[mobile=true] > div > input[type=number]
{
	display:table-cell;
	width:100%;
	vertical-align:middle;
	font-family:inherit;
	font-size:inherit;
}
.field_div[mobile=true] > div > input[type=email], .field_div[mobile=true] > div > input[type=password]
{
	display:table-cell;
	width:100%;
	vertical-align:middle;
	font-family:inherit;
	font-size:inherit;
}
.field_div[mobile=true] > div > input[type=date], .field_div[mobile=true] > div > input[type=time]
{
	display:table-cell;
	width:100%;
	vertical-align:middle;
	font-family:inherit;
	font-size:inherit;
}
.field_div[mobile=true] > div > select
{
	display:table-cell;
	width:100%;
	vertical-align:middle;
	font-family:inherit;
	font-size:inherit;
}
.field_div[mobile=true] > div > textarea
{
	border:0px solid red;
	display:block;
	width:100%;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.objects_div
{
	border:0px solid red;
	display:table-cell;
	vertical-align:middle;
	max-height:12.5em;
	overflow:auto;

	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.objects_div > div
{
	cursor:pointer;
}

.object_item
{
	border:3px solid #777;
}
.object_selected
{
	border:3px solid #029;
}

.objects_controls_div, .objects_controls_div_mobile
{
	border:0px solid green;
	display:table-cell;
	vertical-align:middle;
	width:1%;
	background:rgba(255,255,255,.2);

	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.objects_controls_div_mobile
{
	display:block;
	width:100%;
}
.objects_controls_div > div, .objects_controls_div_mobile > div
{
	border:0px solid #FFF;
	position:relative;
	display:block;
	margin:1em;
	padding:.3em .4em;
	text-align:left;
	cursor:pointer;
	background:rgba(255,255,255,.2);
}
.objects_controls_div_mobile > div
{
	display:inline-block;
	//width:30%;
	margin:0 1%;
}
.objects_controls_div > .ins:before, .objects_controls_div_mobile > .ins:before
{
	margin-right:.5em;
	vertical-align:middle;
	font-family:E_AwesomeSolid;
	font-size:140%;

	content:'\f055';
}
.objects_controls_div > .chg:before, .objects_controls_div_mobile > .chg:before
{
	margin-right:.5em;
	vertical-align:middle;
	font-family:E_AwesomeSolid;
	font-size:140%;

	content:'\f058';
}
.objects_controls_div > .rem:before, .objects_controls_div_mobile > .rem:before
{
	margin-right:.5em;
	vertical-align:middle;
	font-family:E_AwesomeSolid;
	font-size:140%;

	content:'\f056';
}
/*-- -------------------------------------------------------------------------------- Front End ------------------------------------------------------------------------------- --*/
.wine_all_div
{
	position:relative;
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;
	min-height:65.5vh;
	font-size:50%;
	cursor:pointer;

	user-select:none;
}
.wine_all_div[mobile=true]
{
	flex-flow:row wrap;
	font-size:200%;
}
.wine_all_div > div
{
	flex-basis:100%;
	margin:.5vw;

	transition:all .3s cubic-bezier(.5,.97,.53,1.32);
}
.wine_all_div[mobile=true] > div
{
	flex-basis:33%;
	margin:2vw 0;
}
.wine_all_div > div > figure
{
	margin:0 0 .5vw 0;
	padding:100% 0;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
.wine_all_div > div > figure > *
{
	display:none;
}
.wine_all_div > div > .title
{
	text-align:center;
	letter-spacing:.15vw;
	background:#560d0d;
	color:#fff;
}
.wine_all_div > div > .sub_title
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin:0;
	width:100%;
	height:4.5em;
	//letter-spacing:.1vw;
	font-size:90%;
	color:#000;
	background:#fff;
}
.wine_all_div > div > .sub_title > div
{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-align:center;
	-webkit-line-clamp:3;
}

.wine_all_div > div:hover
{
	background:rgba(255,255,255,.4);
	transform:scale(1.05);
}
.wine_all_div > div:hover > .title
{
	color:#560d0d;
	background:#fff;
}
.wine_all_div > div:hover > .sub_title
{
	color:#fff;
	background:#560d0d;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/
.wine_item_div
{
	position:relative;
	display:flex;
	flex-direction:column;
	margin:10vw 15vw;
	font-size:50%;
	background:rgba(255,255,255,.8);
}
.wine_item_div[mobile=true]
{
	margin:10vw 2vw;
	font-size:200%;
}

.wine_item_div > .title
{
	margin:0;
	text-align:center;
	font-weight:normal;
	letter-spacing:.15vw;
	font-size:140%;
}

.wine_item_div > .sub_title
{
	margin:0;
	text-align:center;
	font-weight:normal;
	letter-spacing:.1vw;
}

.wine_item_div > .from_title
{
	text-align:center;
}

.wine_item_div > .body
{
	position:relative;
	display:flex;
	flex-flow:row nowrap;
	justify-content:center;
	//align-items:center;
	//cursor:pointer;
}
.wine_item_div[mobile=true] > .body
{
	flex-flow:column wrap;
}
.wine_item_div[mobile=false] > .body
{
	padding-top:3vw;
}
.wine_item_div > .body > *
{
	flex-basis:30%;
}
.wine_item_div > .body > .description
{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:1vw 2vw;
	white-space:pre-wrap;
}
.wine_item_div[mobile=true] > .body > .description:nth-of-type(2)
{
	border-top:1px solid #fff;
}
.wine_item_div > .body > figure
{
	margin:0;
	min-height:50vw;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
.wine_item_div > .body > figure > *
{
	display:none;
}
.wine_item_div[mobile=true] > .body > figure
{
	min-height:80vw;
	order:-1;
}

.wine_item_div > .controls
{
	display:flex;
	flex-direction:row;
	justify-content:space-evenly;
	width:100%;
	margin:3vw auto;
	padding:1vw 0;
	background:rgba(255,255,255,.8);

	user-select:none;
}
.wine_item_div[mobile=true] > .controls
{
	flex-direction:column;
	font-size:150%;
}
.wine_item_div[mobile=false] > .controls > *
{
	flex-basis:23%;

	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(100,100,100,.1);
}
.wine_item_div[mobile=true] > .controls > *
{
	display:flex;
	align-items:center;
	justify-content:space-around;
	margin:1vw 0;
	min-height:3em;
	background:rgba(100,100,100,.1);
}
.wine_item_div > .controls > .back > span:before
{
	margin:0 .7em 0 .7em;
	font-family:E_Ionicons;
	font-size:130%;
	content:'\f2b9';
}
.wine_item_div > .controls > .whatsapp > span:before
{
	margin:0 .5em;
	font-family:E_Ionicons;
	font-size:130%;
	content:'\f4ef';
}
.wine_item_div > .controls > .phone > span:before
{
	margin:0 .56em 0 .56em;
	font-family:E_Ionicons;
	font-size:130%;
	content:'\f2d2';
}
.wine_item_div > .controls > .pdf > span:before
{
	margin:0 .56em 0 .56em;
	font-family:E_Ionicons;
	font-size:130%;
	content:'\f12f';
}
.wine_item_div > .controls > div > a
{
	padding:.5vw 0;
	cursor:pointer;
	text-decoration:none;
	color:inherit;
}
.wine_item_div[mobile=true] > .controls > div > a
{
	flex-basis:90%;

	margin:1vw 0;
}
/*-- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --*/