/* @override 
	https://local.t100wines.com/cont/css/styles_public_top100wines.css
	https://t100wines.com/cont/css/styles_public_top100wines.css */
/* 


*/

/* @group reset & defaults */

/* @group TPG */



/* @end */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

body, h1, h2, h3, h4, h5, h6, h7, p, ul, li, nav, header, footer {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

a, a:active, a:hover {
	text-decoration: none;
	color: inherit;
	outline: none;
}
 
ul, ol, li {
	list-style-type: none;
}

header, nav, address, section, article, footer, aside {
	display: block;
	/* HTML5 compatibility for legacy browsers and IE */
}

.imgContainer img {
	width: 100%;
	height: auto;
}

nav ul li {
	display: inline-block;
}

nav ul li a {
	display: inline-block;
}

nav ul li ul {
	/* Hide submenus */
	display: none;
}

strong {
}

em {
}

.clear {
	clear: both;
}

.flexContainer {
	display: flex;
	justify-content: space-between;
}

.contentViewport {
	width: 1170px;
	margin: 0rem auto 0rem auto;
	padding: 0rem 0% 0rem 0%;
}

/* @end */

/* @group template layouts */

body {
	padding: 0px 0px 0px 0px;
    font-family: 'Playfair Display';
}

#wrapper {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: auto;
}

#wrapper #mainContentArea {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}

.stack {
	width: 100%;
	clear: both;
}

.flexLayout1 .col1 {
	flex-basis: 48.7%;
}

.flexLayout1 .col2 {
	flex-basis: 48.7%;
}

/* @end */

/* @group Global Atoms */

/* @group Button Atoms */

.btn.rectangle {
	font-family: Montserrat;
    background-color: #919ADA;
    color: #fff;
    font-size: 0.8rem;
    text-align: center;
    padding: 1rem;
    letter-spacing: 0.1rem;
}

/* @end */

/* @end */

/* @group Default looks per element */

/* @group Prev/Next Navigation buttons */


/* @end */


/* @group generic text elements */


/* @end */

/* @group header */

#wrapper > header > div > #btnHeader {
	width: px;
	height: px;
	display: block;
	background-image: url('');
	background-position: -1px -1px;
	font-size: 0px;
}

/* @end */

/* @group boxes */


/* @end */

/* @group main Menu */


/* sub menus */



/* @end */

/* @group secondary Menu Header */

/* @end */

/* @group Footer Promo */

/* @end */

/* @group Footer */

#wrapper > footer {
	padding: 2rem 0rem 2rem 0rem;
	background-color: #202020;
}

#wrapper > footer .stack1 .col {
	flex-basis: 30%;
	align-items: center;
}

#wrapper > footer .stack1 .col1 {
	justify-content: flex-start;
	align-self: center;
}

#wrapper > footer .stack1 .col1 ul {
	display: flex;
}

#wrapper > footer .stack1 .col1 ul li a {
	margin: 0rem 0.5rem 0rem 0rem;
	color: #FFF;
}

#wrapper > footer .stack1 .col2 {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#wrapper > footer .stack1 .col2 .mainLogo, 
#wrapper > footer .stack1 .col2 .separator {
	width: 50%;
	margin: 1rem 0rem 1rem 0rem;
}

#wrapper > footer .stack1 .col3 {
	align-items: center;
	justify-content: flex-end;
	align-self: center;
	
}

#wrapper > footer .stack1 .col3 img {
	width: 90%;
}

/* @end */

/* @group Banners */



/* @end */


/* @end */

/* @group Default looks per view */

/* @group Home */


/* @end */




/* @group Detail */

/* @end */


/* @group List */



/* @end */
/* @end */

/* @group Default looks per section */


/* @group Home Screen */

#home .homeScreenSplash {
	padding: 3rem 0rem 0rem 0rem;
	background-image: url('/cont/img/splashBackground.jpg'); 
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

#home .homeScreenSplash img.mainLogo {
	width: 20%;
}

#home .homeScreenSplash img.separator {
	width: 20%;
	margin: 1rem 0rem 1rem 0rem;
}

#home .homeScreenSplash h2 {
	color: #FFF;
	font-size: 1.5rem;
	font-style: italic;
}

#home .homeScreenSplash h3 {
	width: 50%;
	margin: 1rem auto 1rem auto;
	color: #EE67C4;
	font-family: 'Montserrat';
	font-size: 1.5rem;
	font-weight: 300;
	text-shadow: 2px 2px 4px #000000;
}

#home .homeScreenSplash h4 {
	color: #FFF;
	font-family: 'Montserrat';
	font-size: 1.3rem;
	font-weight: 300;
	letter-spa cing: 0.5rem;
	text-align: center;
}

#home .homeScreenSplash p {
	color: #FFF;
	font-family: 'Montserrat';
	font-size: 1rem;
	font-weight: 300;
	letter-spa cing: 0.5rem;
	text-align: center;
}

#home .homeScreenSplash img.byLogos {
	width: 35%;
}

#home main .stack2{
	padding: 2rem 0rem 2rem 0rem;
}

#home main .newsletterRegistrationFormWithEditableClaim {
	flex-basis: 43%;
	padding: 1.8rem 10% 1.5rem 8.4%;
	background-color: #919ADA;
	height: 50%;
}

#home main .newsletterRegistrationFormWithEditableClaim h1 {
	margin: 0rem 0rem 1rem 0rem;
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 1.4rem;
	color: #363C6A;
}

#home main .newsletterRegistrationFormWithEditableClaim p {
	margin: 0rem 0% 2rem 0%;
	font-family: 'Montserrat';
	font-weight: 300;
	font-size: 0.8rem;
	line-height: 1.5;
	color: #fff;
}

#home main .newsletterRegistrationFormWithEditableClaim input[type="email"] {
	width: 100%;
	margin: 2rem 0rem 0.8rem 0rem;
	padding: 0.5rem 0rem 0.5rem 0rem;
	border: 0rem;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 300;
	font-size: 0.8rem;
	text-transform: uppercase;
	color: #777;
}

#home main .newsletterRegistrationFormWithEditableClaim input[type="submit"] {
	width: 100%;
	margin: 0rem 0rem 0.5rem 0rem;
	padding: 0.5rem 0rem 0.5rem 0rem;
	border: 0rem;
	text-align: center;
	font-family: 'Montserrat';
	font-weight: 300;
	font-size: 0.8rem;
	text-transform: uppercase;
	color: #FFF;
	background-color: #363C6A;
	letter-spacing: 0.1rem;
}

#home main .box.votingProcess {
	padding: 1.5rem 6% 0rem 0rem;
}

#home main .votingProcess h1 {
	margin: 0rem 0rem 2rem 0rem;
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 1.4rem;
	color: #EC4EBB;
}

#home main .votingProcess p {
	margin: 0rem 0rem 1rem 0rem;
	font-weight: 400;
	font-size: 1rem;
	color: #777777;
	line-height: 2;
}

#home .flexLayout2{
    margin: 3rem auto 3rem auto;
}

#home .flexLayout2 > div.carrouselItem{
	flex-basis: 20%;
	border-right: 1px solid #CDCED2;
	display: flex;
	flex-direction: column;
}

#home .flexLayout2 > div.carrouselItem:last-child{
	flex-basis: 20%;
	border:0;
}

#home .flexLayout2 div.topWinnerHeadNo{
	border-top: 2px solid #919ADA;
    border-bottom: 2px solid #919ADA;
    padding: 20px 30px;
    text-align: center;
    width: 50%;
    margin: 0 auto;
}

#home .flexLayout2 div.topWinnerHeadNo span:nth-child(1){
	font-family: Zilla Slab;
	color: #777777;
}

#home .flexLayout2 div.topWinnerHeadNo span:nth-child(2){
	font-family: Montserrat;
	color: #777777;
	font-size: 2rem;
    font-weight: 400;
}

#home .flexLayout2 div.imageContainer{
	width: 100%;
    margin: 0rem 0rem 0rem 0rem;
    padding: 1rem 0;
	text-align: center;
}

#home .flexLayout2 div.imageContainer img{
	width: auto;
	max-height: 23rem;
}

#home .flexLayout2 h2.spiritName{
	width: 80%;
	min-height: 4rem;
    font-family: Montserrat;
    color: #777777;
    font-size: 1.1rem;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 2px solid #919ADA;
    margin: 10px auto 0 auto;
}

#home .stack4{
	background-color: #919ADA;
    height: 150px;
    text-align: center;
    margin: 5rem 0 2rem 0;
}

#home .stack4 h1{
	color: #fff;
    font-family: Montserrat;
    font-weight: 300;
    letter-spacing: 0.2rem;
    position: relative;
    top: 40%;
}

#home .stack5 ul{
	margin-bottom: 30px;
	padding: 0 2rem 0 2rem;
	column-count: 3;
}

#home .stack5 ul > li{
	margin: 5px 0 5px 0;
	display: table;
    padding-right: 3rem;
    width: 100%;
}

#home .stack5 ul li > span:nth-child(1){
	color: #919ADA;
	width: 8%;
    font-size: 1.1rem;
    font-weight: 400;
    display: table-cell;
    text-align: right;
}

#home .stack5 ul li > span:nth-child(2){
	display: table-cell;
    font-size: 1.1rem;
    color: #666666;
    font-weight: 300;
    padding-left: 0.8rem;
}

#home .stack6{
	margin: 4rem auto 4rem auto;
    text-align: center;
}

#home .stack6 a{
	font-family: Montserrat;
    background-color: #919ADA;
    color: #fff;
    font-size: 0.8rem;
    text-align: center;
    padding: 1rem;
    letter-spacing: 0.1rem;
}

#home .howToSubmitProduct{
	margin: 4rem auto 4rem auto;
    text-align: center;
}

/* @end */

/* @end */