@charset "utf-8";

/*
 * ESTILOS BASE
*/

* {
	-webkit-touch-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	outline: none;
}

.float.clear:after { clear: both; display: table; content: ''; }
.float.left { float: left; }
.float.right { float: right; }

body {
	background: #1D1D1B url(../Images/Background.jpg) top center no-repeat;
	font: 16px "PT Sans", sans-serif;
}


/*
 * ESTILO DO MENU
*/

nav.menu {
	position: fixed;
	right: 10px;
	top: 50%;
	margin-top: -67.5px;
	z-index: 1000;
	text-align: right;
}

nav.menu li {
	display: block;
}

nav.menu li a:hover {
	background-color: rgba(0,0,0,.5);
}

nav.menu li:hover a .text {
	display: inline-block;
}

nav.menu li a {
	display: block;
	display: block;
	padding: 5px;
	border-radius: 3px;
}

nav.menu li a .square {
	width: 17px;
	height: 17px;
	border-radius: 2px;
	border: 1px solid #FFF;
	float: right;
	background: transparent;
	-webkit-transition: all .2s linear;
}

nav.menu li a .square.in {
	background: #FFF;
	opacity: .6;
	
}

nav.menu li a .text {
	float: right;
	font-size: 13px;
	color: #EEE;
	display: none;
	margin-right: 5px;
}


/*
 * ESTILO DA PÁGINA
*/

.wrapper {
	display: block;
	position: relative;
	margin: 108px auto;
	width: 627px;
	height: 2692px;
}

.wrapper .logo-handler {
	text-align: center;
	display: block;
}

.bottle {
	position: relative;
	margin-top: 30px;
	width: 627px;
	height: 2659px;
}

.bottle .bottle-handler {
	position: relative;
	width: 627px;
	height: 2659px;
	overflow: hidden;
	background: transparent url(../Images/Bottle.png) no-repeat;
}

.bottle-handler .wine-back {
	position: absolute;
	z-index: 0;
	width: 602px;
	height: 1967px;
	margin: 760px 12px 0;
	background: url(../Images/Wine-Back.html) no-repeat
}

.bottle-handler .wine {
	position: relative;
	width: 602px;
	height: 1967px;
	margin: 690px 12px 0;
	background: url(../Images/Wine.png) no-repeat
}

.bottle  .bottle-handler .mask {
	position: absolute;
	top: 0;
	width: 627px;
	height: 2659px;
	background: transparent url(../Images/Bottle-Mask.png) no-repeat;
}

.bottle  .bottle-handler .reflex {
	position: absolute;
	top: 820px;
	left: 35px;
	width: 64px;
	height: 1814px;
	background: transparent url(../Images/Bottle-Reflex.png) no-repeat;
}

.bottle  .bottle-bottom {
	position: relative;
	width: 627px;
	height: 33px;
	background: transparent url(../Images/Bottle-Bottom.png) no-repeat;
}

.bottle  .bottle-handler .bottle-content {
	position: absolute;
	top: 860px;
	left: 65px;
	width: 493px;
}

.bottle  .bottle-handler .bottle-content  section {
	display: block;
	margin-bottom: 15px;
}

.bottle  .bottle-handler .bottle-content  section .title {
	display: block;
}

.bottle  .bottle-handler .bottle-content section .title .title-arrow {
	height: 58px;
	width: 23px;
	margin-right: -1px;
	background: transparent url(../Images/Arrow-Title.png) no-repeat top right;
}

.bottle  .bottle-handler .bottle-content section .title .title-block {
	background-color: #1C1C1A;
	font-family: 'PT Sans Caption', sans-serif;
	font-weight: 6000;
	font-size: 20px;
	color: #FFF;
	padding: 17px;
	height: 58px;
	min-width: 226px;
	border: 1px solid rgba(255,255,255,.01);
	border-left: 0;
}

.bottle  .bottle-handler .bottle-content  section .content {
	background-color: #FFF;
	min-height: 100px;
	border-radius: 50px 0 50px 0;
	-webkit-border-radius: 50px 0 50px 0;
	-moz-border-radius: 50px 0 50px 0;
	font-family: 'PT Sans', sans-serif;
}


/*
 * SECTIONS
*/

section .content { display: block; position: relative; }
section .content .hide { display: none; }

section#page-1 .content { height: 260px; padding: 20px; }
section#page-1 .content .drops-s1 { position: absolute; z-index: 250; right: 15px; top: 15px; width: 71px; height: 71px; background: url(../Images/Drops-S1.png) no-repeat; }

section#page-2 .content { height: 500px; padding: 0 19px; overflow: hidden; }
section#page-2 .content .drops-s2 { position: absolute; right: 15px; bottom: 15px; width: 71px; height: 70px; background: url(../Images/Drops-S2.png) no-repeat; }

section#page-3 .content { height: 440px; padding: 0 20px; overflow: hidden; }
section#page-3 .content .drops-s3 { position: absolute; left: 25px; top: 25px; width: 19px; height: 29px; background: url(../Images/Drops-S3.png) no-repeat; }
section#page-3 .content .drops-s3-2 { position: absolute; right: 25px; bottom: 15px; width: 27px; height: 62px; background: url(../Images/Drops-S3-2.png) no-repeat; }

section#page-4 .content { height: 315px; padding: 0 16px; overflow: hidden; }
section#page-4 .content .drops-s4 { position: absolute; right: 10px; top: 10px; width: 71px; height: 58px; background: url(../Images/Drops-S4.png) no-repeat; }
section#page-4 .content .drops-s4-2 { position: absolute; left: 10px; bottom: 10px; width: 31px; height: 14px; background: url(../Images/Drops-S4-2.png) no-repeat; }

/*
 * SECTION #PAGE-1
*/

.wine-infograph { width: 283px; height: 220px; margin-left: 10px; position: relative; font-family: 'PT Sans', sans-serif; }

.wine-infograph .wi-box { position: absolute; font-size: 16px; color: #9D9D9C; }
.wine-infograph .caption { font-size: 8px; color: #9D9D9C; display: block; text-align: center; }

.wine-infograph #wi-type { top: 0; left: 15px; font-size: 15px; }

.wine-infograph #wi-wines { top: 19px; left: 15px; font-size: 13px; }
.wine-infograph #wi-wines .wi-wines-line { line-height: 13px; }

.wine-infograph #wi-glass { bottom: 0; left: 15px; }
.wine-infograph #wi-glass #wi-glass-fill { position: absolute; background-position: center bottom; background-repeat: no-repeat; }
.wine-infograph #wi-glass #wi-glass-cl { position: relative; display: block; text-align: center; color: #FFF; font-size: 12px; }

.wine-infograph #wi-glass.glass-1 { width: 65px; height: 181px; background-image: url(../Images/Glass-1.pre.png); left: 25px; }
.wine-infograph #wi-glass.glass-1 #wi-glass-fill { width: 55px; height: 84px; bottom: 79px; left: 5px; background-image: url(../Images/Glass-1-Fill.pre.png); }
.wine-infograph #wi-glass.glass-1 #wi-glass-cl { margin-top: 70px; color: #999; }

.wine-infograph #wi-glass.glass-2 { width: 85px; height: 161px; background-image: url(../Images/Glass-2.pre.png); }
.wine-infograph #wi-glass.glass-2 #wi-glass-fill { width: 79px; height: 53px; bottom: 79px; left: 3px; background-image: url(../Images/Glass-2-Fill.pre.png); }
.wine-infograph #wi-glass.glass-2 #wi-glass-cl { margin-top: 50px; }

.wine-infograph #wi-glass.glass-3 { width: 62px; height: 161px; background-image: url(../Images/Glass-3.pre.png); left: 26.5px; }
.wine-infograph #wi-glass.glass-3 #wi-glass-fill { width: 45px; height: 49px; bottom: 73px; left: 9px; background-image: url(../Images/Glass-3-Fill.pre.png); }
.wine-infograph #wi-glass.glass-3 #wi-glass-cl { margin-top: 50px; }

.wine-infograph #wi-glass.glass-4 { width: 81px; height: 165px; background-image: url(../Images/Glass-4.pre.png); left: 19px; bottom: -1px; }
.wine-infograph #wi-glass.glass-4 #wi-glass-fill { width: 69px; height: 26px; bottom: 79px; left: 5px; background-image: url(../Images/Glass-4-Fill.pre.png); }
.wine-infograph #wi-glass.glass-4 #wi-glass-cl { margin-top: 65px; }

.wine-infograph #wi-glass.glass-5 { width: 73px; height: 155px; background-image: url(../Images/Glass-5.pre.png); left: 16px; }
.wine-infograph #wi-glass.glass-5 #wi-glass-fill { width: 65px; height: 26px; bottom: 69px; left: 4px; background-image: url(../Images/Glass-5-Fill.pre.png); }
.wine-infograph #wi-glass.glass-5 #wi-glass-cl { margin-top: 65px; }

.wine-infograph #wi-glass.glass-6 { width:59px; height: 145px; background-image: url(../Images/Glass-6.pre.png); left: 27px; }
.wine-infograph #wi-glass.glass-6 #wi-glass-fill { width: 37px; height: 28px; bottom: 72px; left: 11px; background-image: url(../Images/Glass-6-Fill.pre.png); }
.wine-infograph #wi-glass.glass-6 #wi-glass-cl { margin-top: 48px; }

.wine-infograph #wi-temperature { top: 62px; left: 135px; text-align: center; }
.wine-infograph #wi-temperature-graph { display: block; margin-bottom: 5px; position: relative; text-align: center; }
.wine-infograph #wi-temperature-graph #wi-temperature-graph-bar { z-index: 7; position: absolute; background: #09F url(../Images/Thermometer-Mask.png) bottom center no-repeat; bottom: 0; width: 31px; height: 0px; }
.wine-infograph #wi-temperature-graph #wi-temperature-graph-image { z-index: 10; position: relative; width: 31px; height: 121px; background: transparent url(../Images/Thermometer.png) no-repeat; }
.wine-infograph #wi-temperature-info #wi-temperature-info-2 { font-size: 11px; }

.wine-infograph #wi-calories { top: 72px; left: 215px; width: 69px; text-align: center; }

.wine-infograph #wi-alcohol { top: 108px; left: 220px; width: 62px; text-align: center; }

.wine-infograph #wi-lastsopen { top: 144px; left: 208px; width: 87px; text-align: center; }
.wine-infograph #wi-lastsopen .caption { margin-top: -5px; }


/*
 * SECTION #PAGE-2
*/

ul.wine-combo { list-style: none; height: 475px; margin: 15px auto; position: relative; }

ul.wine-combo li.wc-list { background-color: transparent; width: 65px; padding: 15px 5px 0; float: left; transition: all .2s linear; height: 100%; border-radius:50px; text-align: center; }
ul.wine-combo li.wc-list:hover { background-color: rgba(251,234,236,.5); }

ul.wine-combo li.wc-list div[class*='bottle-'] { width: 55px; height: 165px; background-repeat: no-repeat; background-position: center bottom; margin-bottom: 20px; }

ul.wine-combo li.wc-list div.bottle-1 { background-image: url(../Images/Bottle-1.png); }
ul.wine-combo li.wc-list div.bottle-2 { background-image: url(../Images/Bottle-2.png); }
ul.wine-combo li.wc-list div.bottle-3 { background-image: url(../Images/Bottle-3.png); }
ul.wine-combo li.wc-list div.bottle-4 { background-image: url(../Images/Bottle-4.png); }
ul.wine-combo li.wc-list div.bottle-5 { background-image: url(../Images/Bottle-5.png); }
ul.wine-combo li.wc-list div.bottle-6 { background-image: url(../Images/Bottle-6.png); }
ul.wine-combo li.wc-list div.bottle-7 { background-image: url(../Images/Bottle-7.png); }

ul.wine-combo li.wc-list ul.food-list { opacity: 0; list-style: none; transition: all .4s linear; }
ul.wine-combo li.wc-list:hover ul.food-list { opacity: 1; display: block; }

ul.wine-combo li.wc-list ul.food-list li { text-align: center; position: relative; margin-bottom: 15px; }

ul.wine-combo li.wc-list ul.food-list li i[class*='icon-'] { margin: 0 auto; display: table; }
ul.wine-combo li.wc-list ul.food-list li i.icon-fish { width: 42px; height: 24px; background-image: url(../Images/Food/Fish.png); }
ul.wine-combo li.wc-list ul.food-list li i.icon-soup { width: 42px; height: 42px; background-image: url(../Images/Food/Soup.png); }
ul.wine-combo li.wc-list ul.food-list li i.icon-grilled-fish { width: 42px; height: 36px; background-image: url(../Images/Food/Grilled-Fish.png); }
ul.wine-combo li.wc-list ul.food-list li i.icon-cheese { width: 42px; height: 39px; background-image: url(../Images/Food/Cheese.png); }
ul.wine-combo li.wc-list ul.food-list li i.icon-spicy-sausage { width: 42px; height: 19px; background-image: url(../Images/Food/Spicy-Sausage.png); }
ul.wine-combo li.wc-list ul.food-list li i.icon-pizza { width: 42px; height: 35px; background-image: url(../Images/Food/Pizza.png); }
ul.wine-combo li.wc-list ul.food-list li i.icon-pasta { width: 42px; height: 14px; background-image: url(../Images/Food/Pasta.png); }
ul.wine-combo li.wc-list ul.food-list li i.icon-steak { width: 42px; height: 29px; background-image: url(../Images/Food/Steak.png); }
ul.wine-combo li.wc-list ul.food-list li i.icon-sushi { width: 42px; height: 27px; background-image: url(../Images/Food/Sushi.png); }
ul.wine-combo li.wc-list ul.food-list li i.icon-beef { width: 42px; height: 25px; background-image: url(../Images/Food/Beef.png); }
ul.wine-combo li.wc-list ul.food-list li i.icon-pudding { width: 42px; height: 28px; background-image: url(../Images/Food/Pudding.png); }
ul.wine-combo li.wc-list ul.food-list li i.icon-cake { width: 42px; height: 42px; background-image: url(../Images/Food/Cake.png); }
ul.wine-combo li.wc-list ul.food-list li i.icon-fruits { width: 42px; height: 39px; background-image: url(../Images/Food/Fruits.png); }
ul.wine-combo li.wc-list ul.food-list li i.icon-dry-fruits { width: 42px; height: 19px; background-image: url(../Images/Food/Dry-Fruits.png); }
ul.wine-combo li.wc-list ul.food-list li i.icon-roasted { width: 42px; height: 56px; background-image: url(../Images/Food/Roasted.png); }
ul.wine-combo li.wc-list ul.food-list li i.icon-aperitif { width: 42px; height: 30px; background-image: url(../Images/Food/Aperitif.png); }

ul.wine-combo li.wc-list ul.food-list li div { color: #888; font-size: 9px; line-height: 10px; text-align: center; display: block; margin-top: 2px; }


/*
 * SECTION #PAGE-3
*/

.wine-howto { height: calc(100% - 140px); margin: 70px 20px; position: relative; font-family: 'PT Sans', sans-serif; }
.wine-howto .wh-smelling, .wine-howto .wh-tasting { display: block; position: relative; height: 150px; }
.wine-howto .wh-smelling > *, .wine-howto .wh-tasting > * { position: absolute; }
.wine-howto .wh-smelling { margin-bottom: 50px; }

.wine-howto .wh-smelling #wh-smelling-face, .wine-howto .wh-tasting #wh-tasting-face { width: 102px; height: 121px; background: url(../Images/Face.png) no-repeat; }
.wine-howto .wh-smelling #wh-smelling-text, .wine-howto .wh-tasting #wh-tasting-text { width: 200px; font-size: 13px; color: #9D9D9B; line-height: 14px; left: 230px; top: -20px; }
.wine-howto .wh-smelling #wh-smelling-text .title, .wine-howto .wh-tasting #wh-tasting-text .title { color: #706E6E; font-size: 18px; margin-bottom: 5px; }

.wine-howto .wh-smelling .wh-smelling-path { width: 96px; height: 102px; background: url(../Images/Path.png) no-repeat; left: 130px; top: -18px; }
.wine-howto .wh-smelling #wh-smelling-glass { width: 73px; height: 85px; background: url(../Images/Smelling-Glass.png) no-repeat; left: 94px; top: 69px; }

.wine-howto .wh-tasting .wh-tasting-path { width: 96px; height: 93px; background: url(../Images/Path-2.png) no-repeat; left: 130px; top: -18px; }
.wine-howto .wh-tasting #wh-tasting-glass { width: 83px; height: 45px; background: url(../Images/Tasting-Glass.png) no-repeat; left: 98px; top: 46px;  }


/*
 * SECTION #PAGE-4
*/

.wine-aromas { height: calc(100% - 40px); margin: 20px 0; position: relative; font-family: 'PT Sans', sans-serif; }

.wine-aromas .wa-white { width: 175px; height: 100%; padding-top: 40px; }

.wine-aromas .wa-glass { width: 110px; height: 100%; background: url(../Images/Aroma-Glass.png) bottom center no-repeat; position: relative; }
.wine-aromas .wa-glass .wa-glass-fill { position: absolute; width: 101px; height: 67px; background: url(../Images/Aroma-Glass-Fill.png) bottom center no-repeat; bottom: 98px; left: 4px; }

.wine-aromas .wa-red { width: 175px; height: 100%; padding-top: 40px; }
.wine-aromas .wa-red * { text-align: right; }

.wine-aromas .wa-wine-aromas { display: block; position: relative; margin-top: 5px;}
.wine-aromas .wa-wine-aromas .wa-wine-aromas-title { font-size: 17px; margin-bottom: 2px; color: #706F6F; }
.wine-aromas .wa-wine-aromas .wa-wine-aromas-content { font-size: 10px; color: #9D9D9C; }

.wine-aromas .wa-white .wa-wine-aromas .wa-wine-aromas-content > div { width: auto; margin-right: 10px; }
.wine-aromas .wa-red .wa-wine-aromas .wa-wine-aromas-content > div { width: auto; margin-left: 10px; }