/*

@import url('css/reset.css');
@import url('css/font.css');
@import url('css/style.css');
@import url('css/navigation.css');
@import url('css/stories.css?v=2934');
@import url('css/desktop.css');
@import url('css/tablet.css');
@import url('css/mobile.css');
@import url('css/animations.css');
@import url('css/aoda.css');

*/



/* reset.css */


html, body, table, tr, td, th, thead, caption, tfoot, h1, h2, h3, h4, h5, h6, p, span, a, div, section, aside, article, ul, ol, li, img, figure, figcaption{
	padding:0;
	margin:0;
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
     font-family: 'nexa';
	  font-weight: 400;
}
h1, h2, h3, h4, h5 {
	font-weight: 600;
}

* {
	box-sizing: border-box;
}

body{
	width:100%;
position: relative;
}

a {
	text-decoration: none;

}


sup {
	line-height: 0;
	font-weight: inherit;
	font-size: .65em;	
	vertical-align: super;
}

.description {
	position: fixed;
	height:0;
	overflow: hidden;
	left:-99999px;
	top:-99999px;
}

.print {
	display: none !important;
}

.no-break {
	white-space: nowrap;
}

.mc, .mc * {
	background-color:pink;
}

img.mc {
	border:8px solid pink !important;
}

.mcBlock {
	border:8px solid #f0f !important;
}

a, a img {
	border:none;
	outline: none;
}

.clear {
	clear: both;
}

.clearfix:after {
	display: block;
	clear: both;
	content:'';
}



/* font.css */


    /** NEXA BLACK 900 **/
    @font-face{
        font-family:"nexa";
        font-weight: 900;
        ont-style: normal;
        src:url("../font/88a3a506-469a-4fea-81c4-ba7d609feb95.eot?#iefix");
        src:url("../font/88a3a506-469a-4fea-81c4-ba7d609feb95.eot?#iefix") format("eot"),url("../font/78d3c1ba-0cae-4d45-a4cf-92b388602557.woff2") format("woff2"),url("../font/28754e0c-b69e-42d5-b1c5-4f94f2cb7acf.woff") format("woff"),url("../font/e35620d6-1843-4992-88ac-91ac20b1522c.ttf") format("truetype");
    }






/** NEXA HEAVY 600 **/
@font-face {
    font-family: 'nexa';
        src:url("../font/2383e4e3-73cc-4ee0-9901-5a58b4718e42.eot?#iefix");
        src:url("../font/2383e4e3-73cc-4ee0-9901-5a58b4718e42.eot?#iefix") format("eot"),url("../font/430c9925-a017-483b-9f78-2a148995e464.woff2") format("woff2"),url("../font/b9df0457-1780-422e-8d4f-6eac03f9edc5.woff") format("woff"),url("../font/f795051f-3377-4294-98c1-7a82a99fbd01.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;

}


/** NEXA REGULAR 500 *******/
@font-face {
    font-family: 'nexa';
        src:url("../font/b821715c-a9b5-4fa8-97bd-d8043b6a0a54.eot?#iefix");
        src:url("../font/b821715c-a9b5-4fa8-97bd-d8043b6a0a54.eot?#iefix") format("eot"),url("../font/3868814a-b44d-4e0f-a82b-f43f0d55022e.woff2") format("woff2"),url("../font/cf185ee1-c761-4de0-82a6-24de1e15e867.woff") format("woff"),url("../font/6808a2ab-0861-4b2b-bfca-97af07bd5837.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;

}

/** NEXA BOOK 400 **/

@font-face {
    font-family: 'nexa';
        src:url("../font/2b1c96f0-58c7-438b-8190-e09895f6a349.eot?#iefix");
        src:url("../font/2b1c96f0-58c7-438b-8190-e09895f6a349.eot?#iefix") format("eot"),url("../font/c8ca8f1e-b34a-4dd0-9e89-f9cf135f425c.woff2") format("woff2"),url("../font/e033ae2c-04d6-4ad3-9533-1ba65ec45c43.woff") format("woff"),url("../font/1d2681b4-244f-43cb-8084-88b179771802.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;

}




/*
@font-face {
    font-family: 'nexa_boldregular';
    src: url('../font/nexa-bold-webfont.woff2') format('woff2'),
         url('../font/nexa-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nexa_xboldregular';
    src: url('../font/nexa-xbold-webfont.woff2') format('woff2'),
         url('../font/nexa-xbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

*/


/*


@font-face {
    font-family: 'nexa_lightregular';
    src: url('../font/nexa-light-webfont.woff2') format('woff2'),
         url('../font/nexa-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}












@font-face {
    font-family: 'nexa_thinregular';
    src: url('../font/nexathin-webfont.woff2') format('woff2'),
         url('../font/nexathin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/



/* style.css */


body {
	overflow-x: hidden;
}

.mobile {
	display: none;
}

.liquidAoda {
	display: none;
}

.scrollable {
	overflow: hidden;
}
.calloutNav {
	display: none;
}
.container {
	max-width:1280px;
	margin:0 auto;
	width:100%;
	box-sizing:border-box;
	position: relative;
}

.content.padding-bottom-50 {
	padding-bottom: 50px;
}
			
.content p, .content li {
	font-family: 'Open Sans', sans-serif;
	color: #373737;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 25px;
}
	.content p.shortMargin, .content li.shortMargin {
		margin-bottom: 12px;
	}
.content p.caption {
	color:#002255;
	font-weight: 600;
	font-style: italic;
	font-size: 13px;
	line-height: 1.4em;
	padding:0 20%;
	margin-top: 20px;
	text-align: center;
}
			
.content p a, .content li a{
	font-weight: bold;
	text-decoration: none;
	color: #00a9ce;
}
.content p a:hover, .content li a:hover{
	
	color: #00677f;

}


.content p.halfMargin {
	margin-bottom: 12px;
}
.content li {
	margin-bottom: .5em;
	margin-left: 1em;
}

.content ul {
	margin-bottom: 30px;
}

.content p.callout {
	color: #002855;
	font-size: 58px;
	line-height: .9em;
	font-weight: 900;
	    font-family: 'nexa';
	letter-spacing: -0.8px;
}

.content p.callout-quote {
	color: #002855;
	font-size: 46px;
	line-height: 1.05em;
	font-weight: 900;
	    font-family: 'nexa';
	    padding-left:70px;
	    position: relative;
	    margin: 45px 0 90px 0;
	      letter-spacing: -0.8px;
	      padding-right:70px;
}

#financial .content p.callout-quote {
	font-size: 40px;
}

.content p.callout-quote:before {
	position: absolute;
	left:0;
	top:0;
	content:'“';
	display: block;
	color:#00a9ce;
	font-size: 132px;
		font-weight: 900;
		    font-family: 'nexa';
}

svg:not(:root) {
   overflow: hidden;
}
.shape-overlays {
   width: 100vw;
   height: 100vh;
   pointer-events: none;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 9700;
}
.shape-overlays__path:nth-of-type(1) {
   fill: #002753;
}
.shape-overlays__path:nth-of-type(2) {
   fill: #00a9ce;
}
.shape-overlays__path:nth-of-type(3) {
   fill: #ffffff;
}
.liquid-button {
    margin-top: -27px;
    margin-left: -50px;
}

.liquid-button * {
	    font-family: 'nexa' !important;

    font-weight: 900;
    font-style: normal;
}

.modal {
	/*position: static;
	top:0;
	left:0;
	right:0;
	height:0; */
	opacity:1;
	transition:.6s opacity;
	overflow: hidden;
/*	z-index: 900;
	background-color: #fff;

	-webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
}

.modal.ready {
	opacity:1;
}

.home-section-01 {
	padding-top:50px;
}
.home-section-03 .home-subtitle {
	    position: relative;
    z-index: 2;

}
.home-section-04 {
	margin-top: -100px;

}
.home-title {
	float:left;
	width:40%;
	margin-right: 1%;
	padding-top:100px;
}

.home-title h1 {
	color: #00a9ce;
	margin-bottom: 7px;
    margin-left: 7px;
	line-height: 1em;
	font-weight: 600;
	font-size: 22px;
	text-transform: uppercase;
	
}

.home-title h2 {
	color: #002855;
	font-size: 122px;
	line-height: 100px;
	font-weight: 900;
	margin-bottom: 14px;
	text-transform: uppercase;
	letter-spacing: -3.4px;
}

.home-title h2 .home-title-small {
font-size: 88px;

line-height: .85em;

display: block;
	}


.home-title p{
	color: #373737;
	font-size: 22px;
	line-height: 1.4em;
	font-weight: 400;
}
#home .home-title p{
	max-width: 400px;
}
.home-subtitle {
	width:40%;
}

.home-title-right  {
	float:right;
}


.home-subtitle h1  {
	color: #00a9ce;
	margin-bottom: 7px;
    margin-left: 7px;
	line-height: 1em;
	font-weight: 600;
	font-size: 22px;
	text-transform: uppercase;	
}

.col33 {
	width:33%;
	float:left;
	padding:0 20px;
}

.col50 {
	float:left;
	width:45%;
	margin-right:10%;
}
.col50.last {
	margin-right:0;
}
.fact {
	color:#002855;
	
}

.fact .fact-title {
	display: block;
	text-transform: uppercase;
	font-size:31px;
	font-weight: 900;
	margin-bottom: 30px;
}

.fact .factNumber {
	display: block;
	font-size: 95px;
	line-height: .8em;
	margin:0;
	font-weight: 900;
}

.fact .facttext {
	font-size: 28px;
	display: block;
	line-height: 1.1em;
	font-weight: 500;
}

.scrollPrompt {
	color: #002855;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	transform: rotate(90deg);
	position: absolute;
	left: -25px;
	letter-spacing: 3px;
	display: inline-block;
	top: 109%;
}

.scrollPrompt:after {
	width:44px;
	height:2px;
	background-image: url(../_img/scrollLine.jpg);
	display: block;
	content: '';
	position: absolute;
	left:105%;
	background-size: contain;
	top:7px;
	
	
}

.home-section-02 .home-subtitle h1 {
	color: #fdb414;
}
.home-section-03 .home-subtitle h1 {
	color: #00a9ce;
}
.home-section-04 .home-subtitle h1 {
	color: #8a1b61;
}
.home-section-05 .home-subtitle h1 {
	color: #00677e;
}
.home-subtitle h2  {
	color: #002855;
	font-size: 92px;
	line-height: 80px;
	font-weight: 900;
	margin-bottom: 14px;
	text-transform: uppercase;
	letter-spacing: -3.4px;
}

.home-subtitle p{
	color: #373737;
	font-size: 17px;
	line-height: 1.3em;
	font-weight: 400;
}


.box {
position: relative;
    float: right;
    padding-top: 59%;
    width: 59%;
	background-image:url(../_img/home-circle.jpg);
    background-size: contain;
}


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

/******** HOME TOP **********/

#svg-man , #svg-woman {
	top: 0;
	position: absolute;
	right: 40%;
	z-index: 0;
	width: 700px;
	height: 700px;
	transition:2.6s;
	transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);	
}


#svg-man {
    top: -4%;
    right: -5%;
    height:80%;
    width:36%;
}
#svg-woman {
top: 22%;
position: absolute;
left: -19%;
height: 80%;
width: 56%;
}


.mouseParalax {
	transition:1.3s;
		transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);	
}

.bottle-image {
	height:100%;
	width:100%;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top:0;

}

.bottle {
	position: absolute;

}

.bottle-front {

	top:6%;
	left:33%;
	padding-top:88%;
	width:27.8%;
	z-index: 10;
}

.bottle-front .bottle-image  {
	background-image: url(../_img/home-wisers.png);
}


.bottle-middle-01 {

	top: 15.7%;
	left: 19%;
	padding-top: 74%;
	width: 26%;
	z-index: 5;
}

.bottle-middle-01 .bottle-image  {
	background-image: url(../_img/home-conspiracy.png);
}

.bottle-middle-02 {

	top:12%;
	left:48%;
	padding-top:79.3%;
	width:25%;
	z-index: 5;
}
.bottle-middle-02 .bottle-image  {
	background-image: url(../_img/home-lot40.png);
}

.bottle-back-01 {

	top:25.4%;
	left:8.2%;
	padding-top:60.9%;
	width:28.5%;
	z-index: 2;
}
.bottle-back-01 .bottle-image  {
	background-image: url(../_img/home-ungava.png);
}
.bottle-back-02 {

	top:21.2%;
	left:59%;
	padding-top:68%;
	width:27.2%;
	z-index: 2;
}

.bottle-back-02 .bottle-image  {
	background-image: url(../_img/home-absolut.png);
}


/****** JP WISERS YELLOW *******/

.yellowBox {
	position: absolute;
	right:44%;
    padding-top: 111.4%;
    width: 111.4%;
    border-radius: 50%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb500+0,ffffff+49,ffffff+100 */
background: #ffb500; /* Old browsers */
background: -moz-linear-gradient(205deg, #ffb500 0%, #ffffff 49%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(205deg, #ffb500 0%,#ffffff 49%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(205deg, #ffb500 0%,#ffffff 49%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb500', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    
}



.home-section-02 .home-subtitle {
	margin-top: 190px;

}
#svg-yellowwoman {
	width: 36%;
	height: 50%;
	position: absolute;
	left: 36%;
	top: 1%;
	background-size: contain;
	background-repeat: no-repeat;
}
#svg-yellowwoman02 {
	width: 35%;
	height: 39%;
	position: absolute;
	right: 1%;
	top: 23%;
	background-size: contain;
	background-repeat: no-repeat;
}
#svg-yellowman {
width: 30%;
height: 37%;
position: absolute;
right: 1%;
top: 5%;
background-size: contain;
background-repeat: no-repeat;
}

.bottle-yellow-front {

	top:6%;
	right:23%;
	padding-top:52.3%;
	width:17.2%;
	z-index: 10;
}

.bottle-yellow-front .bottle-image  {
	background-image: url(../_img/home-wisers.png);
}


.bottle-yellow-middle {

	top: 15.3%;
	right: 32.6%;
	padding-top: 38.4%;
	width: 17%;
	z-index: 5;
}

.bottle-yellow-middle .bottle-image  {
	background-image: url(../_img/home-wisers-1857.png);
}


/****** HOME UNGAVA BLUE *********/


.blueBox {
	position: absolute;
	left:42%;
    padding-top: 94.5%;
    width: 94.5%;
    border-radius: 50%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb500+0,ffffff+49,ffffff+100 */
background: #ffb500; /* Old browsers */
background: -moz-linear-gradient(160deg, #00a9ce 0%, #ffffff 60%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(160deg, #00a9ce 0%,#ffffff 60%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(160deg, #00a9ce 0%,#ffffff 60%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a9ce', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    
}



.home-section-03 .home-subtitle {
	margin-top: 350px;

	float:left;
}


#svg-blueman {
	width:31%;
	height:62%;

	position: absolute;
	left:6%;
	top:10.9%;
	background-size: contain;
	background-repeat: no-repeat;	
}

.bottle-blue-front {
	top: 19%;
	left: 23.2%;
	padding-top: 59%;
	width: 26.7%;
	z-index: 10;
}

.bottle-blue-front .bottle-image  {
	background-image: url(../_img/home-ungava.png);
}


.bottle-blue-middle {

	top: 22.8%;
    left: 36.6%;
	padding-top: 50.4%;
	width: 24.2%;
	z-index: 5;
}

.bottle-blue-middle .bottle-image  {
	background-image: url(../_img/home-cabot.png);
}



/****** HOME Foreign Purple *********/


.purpleBox {
position: absolute;
	right:44%;
    padding-top: 94.5%;
    width: 94.5%;
    border-radius: 50%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb500+0,ffffff+49,ffffff+100 */
background: #ffb500; /* Old browsers */
background: -moz-linear-gradient(205deg, #ffffff 0%, #ffffff 29%, #8a1b61 70%, #8a1b61 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(205deg, #ffffff 0%, #ffffff 29%, #8a1b61 70%, #8a1b61 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(205deg, #ffffff 0%, #ffffff 29%, #8a1b61 70%, #8a1b61 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a1b61', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    
}



.home-section-04 .home-subtitle {
	margin-top: 450px;

}


#svg-wine {
	width:32.2%;
	height:52.7%;

	position: absolute;
	right:3.3%;
	top:28.2%;
	background-size: contain;
	background-repeat: no-repeat;	
}

.bottle-purple-front {
	top: 26%;
	right: 26%;
	padding-top: 70%;
	width: 22.6%;
	z-index: 10;
}

.bottle-purple-front .bottle-image  {
	background-image: url(../_img/home-conspiracy.png);
	height:95%;
}


.bottle-purple-middle {
	top: 33%;
	right: 38.4%;
	padding-top: 58.6%;
	width: 21.2%;
	z-index: 5;
}

.bottle-purple-middle .bottle-image  {
	background-image: url(../_img/home-foreign.png);
	height:95%;
}



/****** HOME EXPORT Teal *********/


.tealBox {
	position: absolute;
	left:24%;
    padding-top: 130%;
    width: 130%;
    border-radius: 50%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb500+0,ffffff+49,ffffff+100 */
background: #00677f; /* Old browsers */
background: -moz-linear-gradient(90deg, #ffffff 0%,  #00677f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(90deg, #ffffff 0%,  #00677f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(90deg, #ffffff 0%,  #00677f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00677f', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    z-index: 1;
    transform-origin: top center;
}

.home-section-05 {
	overflow: hidden;
	margin-top: 150px;
}


.home-section-05 .home-subtitle {
	margin-top: 350px;
	z-index: 2;
	position: relative;
	float:left;
	padding-bottom: 170px;
}

#svg-world {
	width: 47.7%;
	height: 42.4%;
	position: absolute;
	left: 12%;
	top: 4.8%;
	background-size: contain;
	background-repeat: no-repeat;	
}

.bottle-teal-front {
	top: 16.4%;
	left: 32.8%;
	padding-top: 42.4%;
	width: 20%;
	z-index: 10;
}

.bottle-teal-front .bottle-image  {
	background-image: url(../_img/home-ungava.png);
	height:95%;
}

.bottle-teal-middle {
	top: 9.8%;
	left: 45%;
	padding-top: 44.6%;
	width: 14.9%;
	z-index: 5;
}

.bottle-teal-middle .bottle-image  {
	background-image: url(../_img/home-wisers.png);
	height:95%;
}



.innerPage .header {
	width: 100%;
	padding-top: 90px;
	background-color: transparent;
	position: relative;
	padding-bottom: 130px;
	overflow: inherit;
	box-sizing: border-box;
	min-height: 745px;
}

.innerPage .modal .header {
	padding-top:0;
}
.silo3 .header {

padding-bottom: 174px;
}
.innerPage .header .home-title {
	padding-top: 0;
	width:50%;
	    z-index:2;
	    position: relative;
}
.modal-section .header .home-title {
    padding-top: 100px;
}
.innerPage .header .home-title h1 {
	color:#00a9ce;
}
.innerPage .header .home-title h2 {
	color:#002855;
}

.innerPage .header .home-title p {
	color:#373737;
}

.hero {
	width:75%;
	position: absolute;
	top:-80px;
	padding-top:75%;
	background-size: contain;

	right:-16%;
	z-index: 1;
	background-repeat: no-repeat;

}
.ceohero {
	background-image: url(../_img/ceoMessageHero.jpg);
	padding-top: 59%;
}
.financialhero {
	background-image: url(../_img/financialHero.jpg);
	padding-top: 59.5%;
}
.whiskeyhero {
    border-radius: 50%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb500+0,ffffff+49,ffffff+100 */
background: #ffb500; /* Old browsers */
background: -moz-linear-gradient(205deg, #ffb500 0%, #ffffff 49%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(205deg, #ffb500 0%,#ffffff 49%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(205deg, #ffb500 0%,#ffffff 49%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb500', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.ownedhero {
    border-radius: 50%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb500+0,ffffff+49,ffffff+100 */
background: #ffb500; /* Old browsers */
background: -moz-linear-gradient(160deg, #00a9ce 0%, #ffffff 60%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(160deg, #00a9ce 0%,#ffffff 60%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(160deg, #00a9ce 0%,#ffffff 60%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a9ce', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#brands-owned .header p {
width: 80%;
}

.representedhero {
    border-radius: 50%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb500+0,ffffff+49,ffffff+100 */
background: #ffb500; /* Old browsers */
background: -moz-linear-gradient(160deg, #9AD80E 0%, #ffffff 60%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(160deg, #9AD80E 0%,#ffffff 60%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(160deg, #9AD80E 0%,#ffffff 60%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9AD80E', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#brands-rep .header p {
width: 80%;
}

.winehero {
    border-radius: 50%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb500+0,ffffff+49,ffffff+100 */
background: #ffb500; /* Old browsers */
background: -moz-linear-gradient(220deg, #8a1b61 0%, #ffffff 60%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(220deg, #8a1b61 0%,#ffffff 60%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(220deg, #8a1b61 0%,#ffffff 60%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a1b61', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


#brands-wine .header p {
width: 80%;
}
.culturehero {
	background-image: url(../_img/cultureHero.jpg);

}

#culture .header p {
width: 80%;
}

.csrhero {
	background-image: url(../_img/csrHero.jpg);

}

#csr .header p {
width: 80%;
}

.abouthero {
	background-image: url(../_img/aboutHero.jpg);
	padding-top: 52%;
}

#about .header p {
width: 75%;
}
.innerPage .header:after {
	display: none;
}


.innerPage .content {
	position: relative;
	z-index: 3;
}

.innerPage .content.no-margin-top {
	padding-top: 0;
}

.innerPage .content.padding-80 {
	padding-bottom:80px;
}

.innerPage .content h3 {
	color: #002855;
	font-size: 58px;
	line-height: 1em;
	margin-bottom: 10px;
	font-weight: 900;
	letter-spacing: -0.8px;
}
.innerPage .content h4 {
	color: #002855;
	font-size: 23px;
	line-height: 1em;
	margin-bottom: 8px;
	font-weight: 900;
	text-transform: uppercase;
}
.floatybottle {
	width:100%;
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.floatybottle.margin-top-30 {
	margin-top: 30px;
}

.floatybottle.margin-minus-30 {
	margin-top: -30px;
}
.floatybottle.margin-minus-40 {
	margin-top: -40px;
}

.floatybottle.margin-minus-50 {
	margin-top: -50px;
}

.floatybottle.margin-minus-60 {
	margin-top:-60px;
}

.floatybottle.margin-minus-70 {
	margin-top: -70px;
}
.floatybottle.margin-minus-90 {
	margin-top: -90px;
}
.floatybottle.margin-minus-100 {
	margin-top: -100px;
}
.floatybottle img {
	position: relative;
}

.floatybottle.floatyBlueOrb {
	background-image: url(../_img/blueOrb.png);
}
.floatybottle.floatyDarkBlueOrb {
	background-image: url(../_img/darkblueOrb.png);
}
.floatybottle.floatyOrangeOrb {
	background-image: url(../_img/orangeOrb.jpg);
}
.floatybottle.floatyGreenOrb {
	background-image: url(../_img/greenOrb.jpg);
}
.floatybottle.floatyPurpleOrb {
	background-image: url(../_img/prupleOrb.png);
}

.floatybottle img.ceo-01 {
    width: 63%;
    margin-left: 21%;
    z-index: 1;
    position: relative;
}

.floatybottle img.ceo-02 {
    width: 47%;
    margin-left: 0;
    position: absolute;
    left:1%;
    top: -18%;
    z-index: 0;
}
.floatybottle img.ceo-03 {
    width: 55%;
    margin-left: 21%;
    z-index: 1;
    position: relative;
}

.floatybottle img.ceo-04 {
    width: 44%;
    margin-left: 0;
    position: absolute;
    left: 5%;
    top: 10%;
    z-index: 0;
}
.floatybottle img.ceo-05 {
       width: 51%;
    margin-left: 34%;
    z-index: 1;
    position: relative;
}

.floatybottle img.ceo-06 {
        width: 55%;
    margin-left: 0;
    position: absolute;
    left: 4%;
    top: 12%;
    z-index: 0;
}
.floatybottle img.ceo-07 {
width: 59%;
margin-left: 0;
position: absolute;
left: 4%;
top: 6%;
z-index: 0;
}

.floatybottle img.ceo-08 {
       width: 51%;
    margin-left: 34%;
    z-index: 1;
    position: relative;

}

.floatybottle img.financial-01 {
    width: 45%;
    margin-left: 26%;
    z-index: 1;
    position: relative;
}

.floatybottle img.financial-02 {
width: 49%;
margin-left: 0;
position: absolute;
left: 1%;
top: 15%;
z-index: 0;
}

.floatybottle img.financial-03 {
width: 33%;
margin-left: 0;
position: absolute;
left: 56%;
top: 10%;
z-index: 0;
}

.floatybottle img.whiskey-01 {
    width: 45%;
    margin-left: 26%;
    z-index: 1;
    position: relative;
}

.floatybottle img.whiskey-02 {
width: 49%;
margin-left: 0;
position: absolute;
left: 1%;
top: 15%;
z-index: 0;
}


/* barcharts */
.barchart {
    margin:40px 0;
}
.barchart tr,
.barchart tbody,
.barchart {
    width:100%;
    height:300px;
    display: block;
    position: relative;
    color:#373737;
        font-weight: 400;
}
.barchart tbody {
    text-align: center;
}

.barchart tr {
    display: inline-block;
    width:25px;
    text-align: center;
    margin:0 20px;
}
.barchart__hlabel {
    position: absolute;
    bottom: -5px;
    display: block;
    text-align: center;
    width: 100%;

}
.barchart__value {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;


}
.barchart__bar {
    width:18px;
    background:#002854;
    display: block;
    margin-bottom:-10px;
    border-radius: 10px 10px 10px 10px;
    position: absolute;
    margin-left:4px;
    height:0px;
    transition: height 1s ease;
    bottom: 0;

}
.barchart__bold * {
    font-weight: 500 !important;
}
.barchart__blue .barchart__bar{
    background:#00a9ce;
}

.innerPage .content .chart-title h4 {
	margin-bottom: 0;
}
.chart-row {
width: 80%;
margin-left: 10%;
margin-top: 30px;
margin-bottom: 30px;
}
.chart-title p.subtitle {
	color: #002855;
	font-family: "Nexa";
	font-weight: 500;
	font-size: 15px;
}

p.footnote {
	font-size: 11px !important;
	margin:30px 0 3px 0;

}

ol.footnote {
	margin:30px 0 30px 1em;
}

ol.footnote li {
	font-size: 11px !important;
	margin-bottom: 4px;	
}

p.footnote.no-margin-bottom {
	margin-bottom: 3px;
	margin-top: 0;
}

.content p.chartFootnote {
	font-size: 13px;
}
/* end barcharts */

.financials-table {
	width:100%;
	max-width: 830px;
	margin: 0 auto;
}

.financials-table p, .financials-table h4 {
	padding-left:20px;

}

.financials-table table{
	width:100%;
	border-collapse:collapse;
}

.financials-table table tr td {
	color:#373737;
	font-size: 14px;
	line-height: 1em;
	padding:7px 0;
	text-align: right;
	font-family: 'Open Sans', sans-serif;
}
.financials-table table tr th:nth-child(2){
	padding-right:80px;
}
.financials-table table tr td:nth-child(2){
	font-weight: bold;
	padding-right:80px;
}

.financials-table table th, .financials-table table tr.heading td {
	font-size: 16px;
	color: #002855;
	font-weight: 900;
	text-transform: uppercase;
	padding-top:25px;
	padding-bottom: 10px;
	font-family: "nexa";
}

table .dollar {
	float: left;
}

.financials-table table th:last-child, .financials-table table td:last-child{
	padding-right: 20px;
}
.financials-table table td:first-child, .financials-table table th:first-child{
	padding-left: 20px;
}

.financials-table table tr.grayBack {
	background-image: url(../_img/tableBack.jpg);
	background-size: 100% 100%;
}


.financials-table table th:last-child{
	color: #797979;
}

.financials-table table th:first-child , .financials-table table tr td:first-child{
	text-align: left;
}

.financials-table table tr td, .financials-table table tr th  {
	text-align: right;
}

.content p.tableIntro {
	color: #002855;
	font-size: 12px;
	margin-bottom: 0;
	font-family: "Nexa";
	font-weight:500;
}

.financial-callout img {
	width:33%;
	margin-left: 60px;
	float:right;	
	margin-top: -20px;
    margin-right: 30px;
}

.content p.callout-quote .antonio-text {
	display: block;
	padding-top: 35px;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.1em;
	text-indent: -0.7em;
}

.content .factoid {
	color: #002855;
	font-size: 59px;
	font-weight: 900;
	line-height: 1em;
padding-right: 0%;
         letter-spacing: -0.8px;
}

.content .factoid .factoid-small{
display: block;
font-size: 31px;
line-height: 1.2em;
margin-top: .2em;
}

.content .factoid .factoid-small.sub{
	font-weight: 500;
	font-size: 22px;
	margin-top: 0.6em;
}

/* Whiskey header */


.header .bottle-whiskey-front {
top: 0%;
right: 39%;
padding-top: 78.3%;
width: 25.2%;
z-index: 10;
}

.bottle-whiskey-front .bottle-image  {
	background-image: url(../_img/home-wisers.png);
}


.bottle-yellow-whiskey-01 {
	top: 13.3%;
	right: 52.6%;
	padding-top: 62.4%;
	width: 29%;
	z-index: 5;
}

.bottle-yellow-whiskey-01 .bottle-image  {
	background-image:url(../_img/pike-creek.png);
}
.bottle-yellow-whiskey-02 {
top: 5.3%;

right: 27.6%;
	padding-top: 72.4%;
	width: 23%;
	z-index: 5;
}

.bottle-yellow-whiskey-02 .bottle-image  {
	background-image: url(../_img/home-lot40.png);
}


#svg-whiskey-01 {
	position: absolute;
top: 22%;
left: 12%;
width: 27%;
height: 34%;
}


#svg-whiskey-02 {
position: absolute;
top: 40.2%;
left: 10.5%;
width: 22%;
height:25%;
}


#svg-whiskey-03 {
position: absolute;
top: 21%;
left: 66%;
height:43%;
width: 22%;
}

/* whiskey content */


.whiskey-bar-01 {
	background-image: url(../_img/whiskey-bar-01.jpg);
}

.whiskey-bar-02 {
	background-image: url(../_img/whiskey-bar-02.jpg);
}
.whiskey-bar-02.graphicContent p {
	left:0;
	width:26%;
	color: #002855;
}

.whiskey-bar-01.graphicContent p {
	left:0;
	width:50%;
}




.floatybottle img.whiskey-03 {
width: 47%;
margin-left: 23%;
z-index: 1;
position: relative;
}

.floatybottle img.whiskey-04 {
width: 52%;
margin-left: 0;
position: absolute;
left: 0%;
top: 17%;
z-index: 0;
}

.floatybottle img.whiskey-05 {
width: 43%;
margin-left: 0;
position: absolute;
left: 48%;
top: 12%;
z-index: 0;
}

.floatybottle img.whiskey-06 {
    width: 60%;
    margin-left: 0;
    left: 14%;
    top: 0%;
    z-index: 0;

}


/* owned header */


.header .bottle-owned-front {
top: -3%;
right: 42%;
padding-top: 83.3%;
width: 26.2%;
z-index: 10;
}

.bottle-owned-front .bottle-image  {
	background-image: url(../_img/arctic.png);
}


.bottle-owned-01 {
top: 11.3%;
right: 55.6%;
padding-top: 63.4%;
width: 30%;
z-index: 5;
}

.bottle-owned-01 .bottle-image  {
	background-image:url(../_img/home-ungava.png);
}
.bottle-owned-02 {
	top: 4.3%;
	right: 27.6%;
	padding-top: 76.4%;
	width: 25%;
	z-index: 5;
}

.bottle-owned-02 .bottle-image  {
	background-image: url(../_img/palm-breeze.png);
}


#svg-owned-01 {
position: absolute;
top: 11%;
left: 4%;
width: 17%;
height:34%
}


#svg-owned-02 {
position: absolute;
top: 40.2%;
left: 5.5%;
height:26%;
width: 22%;
height:43%;
}


#svg-owned-03 {
position: absolute;
    top: 20%;
    left: 61%;
    width: 31%;
}

/* owned content */


.floatybottle img.top-brands-01 {
width: 62%;

margin-left: 27%;

z-index: 1;

position: relative;

top: 4%;
}

.floatybottle img.top-brands-02 {
width: 47%;

margin-left: 0;

position: absolute;

left: 4%;

top: -17%;

z-index: 0;
}

.top-bar-01 {
	background-image: url(../_img/top-brand-bar-01.jpg);
}
.top-bar-01.graphicContent p {
	width:50%;
}
.top-bar-02 {
	background-image: url(../_img/top-brand-bar-02.jpg);
}


.floatybottle img.top-brands-03 {
width: 52%;
margin-left: 2%;
z-index: 1;
position: relative;
top: -7%;
}

.floatybottle img.top-brands-04 {
width: 50%;
margin-left: 0;
position: absolute;
left: 34%;
top: 7%;
z-index: 0;
}

.floatybottle img.top-brands-05 {
width: 50%;
margin-left: 29%;
z-index: 1;
position: relative;
top: 1%;
}

.floatybottle img.top-brands-06 {
width: 45%;
margin-left: 0;
position: absolute;
left: 0%;
top: 7%;
z-index: 0;
}
.floatybottle img.top-brands-07 {
width: 55%;
margin-left: 5%;
z-index: 1;
position: relative;
top: -6%;
}

.floatybottle img.top-brands-08 {
width: 50%;
margin-left: 0;
position: absolute;
left: 37%;
top: 7%;
z-index: 0;
}


/* rep header */


.header .bottle-rep-front {
top: -5%;
right: 38%;
padding-top: 82.3%;
width: 33.2%;
z-index: 10;
}

.bottle-rep-front .bottle-image  {
	background-image: url(../_img/home-absolut.png);
}


.bottle-rep-01 {
top: 5.3%;
right: 53.6%;
padding-top: 63.4%;
width: 30%;
z-index: 5;
}

.bottle-rep-01 .bottle-image  {
	background-image:url(../_img/glenlivet-01.png);
	}
.bottle-rep-02 {
	top: -3.7%;
	right: 27.6%;
	padding-top: 76.4%;
	width: 22%;
	z-index: 5;
	
}

.bottle-rep-02 .bottle-image  {
	background-image: url(../_img/jameson-02.png);
}


#svg-rep-01 {
position: absolute;
top: 16%;
left: 3%;
width: 14%;
height:28%;
}


#svg-rep-02 {
position: absolute;
top: 19.2%;
left: 16.5%;
width: 17%;
	height:44%;
}


#svg-rep-03 {
	position: absolute;
	top: 46%;
	left: 5%;
	width: 22%;
	height:28.5%;
}

#svg-rep-04 {
	position: absolute;
	top: 18%;
	left: 62%;
	width: 38%;
	height:46%;
}

/* rep content */


.rep-bar-01 {
	background-image:url(../_img/rep-bar-01.jpg);
}

.rep-bar-01 img {
	display: inline-block;
	margin-top: 35px;
	max-width:250px;
	float:right;
	
}

.rep-bar-01.graphicContent   p {
	width:60%;
}

.rep-bar-02 {
	background-image:url(../_img/rep-bar-02.jpg);
}

.rep-bar-02.graphicContent p {
	left:0;
	width:43%;
}

.rep-bar-03 {
	background-image:url(../_img/rep-bar-03.jpg);
}
.floatybottle img.rep-brands-01 {
    width: 56%;
    margin-left: 32%;
    z-index: 1;
    position: relative;
    top: 2%;

}

.floatybottle img.rep-brands-02 {
width: 50%;
margin-left: 0;
position: absolute;
left: 2%;
top: 7%;
z-index: 0;
}

.floatybottle img.rep-brands-03 {
width: 48%;
margin-left: 2%;
z-index: 1;
position: relative;
top: 2%;

}

.floatybottle img.rep-brands-04 {
width: 43%;
margin-left: 0;
position: absolute;
left: 36%;
top: 3%;
z-index: 0;
}
.floatybottle img.rep-brands-05 {
    width: 50%;
    margin-left: 32%;
    z-index: 1;
    position: relative;
    top: 2%;

}

.floatybottle img.rep-brands-06 {
width: 45%;
margin-left: 0;
position: absolute;
left: 2%;
top: 7%;
z-index: 0;
}

/* rep header */


.header .bottle-wine-front {
top: -1%;
right: 52%;
padding-top: 77.6%;
width: 25.2%;
z-index: 10;
}

.bottle-wine-front .bottle-image  {
	background-image: url(../_img/home-conspiracy.png);
}


.bottle-wine-01 {


top: 3.3%;

right: 64.6%;

padding-top: 67.4%;

width: 23%;

z-index: 5;
}

.bottle-wine-01 .bottle-image  {
	background-image:url(../_img/stoneleigh-01.png);
	}
.bottle-wine-02 {
top: 4.3%;
right: 37.6%;
padding-top: 66.4%;
width: 22%;
z-index: 5;
}

.bottle-wine-02 .bottle-image  {
	background-image: url(../_img/jacob.png);
}
.bottle-wine-03 {
top: 9.3%;

right: 26.6%;

padding-top: 61.4%;

width: 22%;

z-index: 4;
}

.bottle-wine-03 .bottle-image  {
	background-image: url(../_img/campo.png);
}

#svg-wine-01 {
position: absolute;
top: 34%;
left: -2%;
width: 26%;
height:39%;
}


#svg-wine-02 {
position: absolute;

top: 25.2%;

left: 65.5%;

width: 18%;
height:41%;
}

#svg-wine-03 {
position: absolute;

top: 14.2%;

left: 76.5%;
height:23%;
width: 18%;
}


/* rep content */




.wine-bar-01 {
	background-image:url(../_img/wine-bar-01.jpg);
}

.wine-bar-01.graphicContent p {
	left:0;
	width:55%;
	color:#8a1b61;
}
.wine-bar-02 {
	background-image:url(../_img/wine-bar-02.jpg);
}
.wine-bar-02.graphicContent p {

	width:52%;

}
.wine-bar-03.graphicContent p {
	left:0;
	width:50%;
}

.wine-bar-03 {
	background-image:url(../_img/wine-bar-03.jpg);
}
.floatybottle img.wine-brands-01 {
width: 53%;
margin-left: 30%;
z-index: 1;
position: relative;
top: 6%;
}

.floatybottle img.wine-brands-02 {
width: 44%;
margin-left: 0;
position: absolute;
left: 7%;
top: 7%;
z-index: 0;
}

.floatybottle img.wine-brands-03 {
width: 45%;
margin-left: 10%;
z-index: 1;
position: relative;
top: -2%;

}

.floatybottle img.wine-brands-04 {
width: 44%;
margin-left: 0;
position: absolute;
left: 37%;
top: 7%;
z-index: 0;
}

.floatybottle img.wine-brands-05 {
    width: 45%;
    margin-left: 32%;
    z-index: 1;
    position: relative;
    top: 4%;
}

.floatybottle img.wine-brands-06 {
width: 42%;
margin-left: 0;
position: absolute;
left: 7%;
top: 7%;
z-index: 0;
}

.floatybottle img.wine-brands-07 {
width: 45%;
margin-left: 7%;
z-index: 1;
position: relative;
top: 4%;
}

.floatybottle img.wine-brands-08 {
width: 42%;
margin-left: 0;
position: absolute;
left: 38%;
top: 3%;
z-index: 0;
}
.floatybottle img.wine-brands-09 {
    width: 42%;
    margin-left: 9%;
    z-index: 1;
    position: relative;
    top: 4%;
}

.floatybottle img.wine-brands-10 {
    width: 44%;
    margin-left: 0;
    position: absolute;
    left: 33%;
    top: 5%;
    z-index: 0;
}
.culture-bar-01 {
	background-image:url(../_img/culture-bar.jpg);
}

.culture-bar-01.graphicContent p {
	left:0;
	width:40%;
	
}

.culture-bar-02 {
	background-color: #f0f;
}

.csr-bar-01.graphicContent {
	background-image:url(../_img/csr-bar-01.jpg);
	padding:0 0 24% 0;
	height: auto;
}
.csr-bar-02 {
	background-image:url(../_img/csr-bar-02.jpg);

}
.csr-bar-02 a {
 color:#a8e0ff;
 transition:.3s;
}
.csr-bar-02 a:hover {
	color:#002854;
}

.csr-bar-02.graphicContent p {
	width:60%;
}

#downloads .header .home-title, #management .header .home-title {
	float:none;
}
.downloads {
	padding:100px 0 300px 65px;
}

.downloads .download {
	float:left;
	width:22%;
	margin: 0 5.66%;
	padding-left:30px;
	color:#002855;
	font-size: 23px;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 1.1em;
	
}
.downloads .download  a {
	color:#002855;	
}
.downloads .download img {
	width:100%;
	height:auto;
	margin-left: -30px;
	margin-bottom: 25px;
	display: block;
	transition:.3s;
	transform:scale(1);
}

.downloads .download:hover img {
	transform:scale(1.06);

	
}

.management-block {
	width:100%;
	padding-top:35px;
}

.management-row {
	padding-top:95px;
	width:100%;
}

.management-item {
	width:30.6%;
	float:left;
	text-align: center;
	margin-right: 4%;
	box-sizing: border-box;
}


.management-item:last-child {
	margin-right: 0;
}
.management-item.management-middle {
	margin-left:34.3%;
}
.management-item img {
	display: block;
	width:100%;
	margin-bottom: 30px;
}

.management-item p {
	color: #373737;
	font-weight: 400;
	font-family: 'nexa';
	font-size: 22px;
}
.management-item p strong {
	color:#002855;
	font-weight: 900;
	display: inline-block;
	margin-bottom: 7px;
}

section.board:before {
	width:100%;
	height:130px;
	content: '';
	display: block;
	background-image: url(../_img/storyArc.png);
	top:0;
	left:0;
	right:0;
	background-size: 100% 100%;
	position: absolute;
	z-index: 800;
	transform:rotate(180deg);
}

section.board {
	background-color: #002855;
	position: relative;

}

section.board p.footnote {
	color: #fff;
	margin-top: 30px;
}

section.board .header {
	padding-top:160px;
}

section.board .header .home-title h2 {
	color: #fff;
}

section.board .management-item p, section.board .management-item p strong {
	color: #fff;
}

.antonio-row {
	width:100%;
	margin:100px 0 40px 0;
}
.antonio-row:after {
	clear:both;
	content: '';
	display: block;
}
.antonio-row img {
height:100%;
width:100%;
display: block;
}

.antonio-row .imgholder{
	float:left;
	display: block;
	position: relative;
	height:auto;
	margin-right: 45px;
	width: 200px;
}


.board .antonio-row .imgholder {
	color: #fff;
}

.antonio-row ol.footnote  {
	font-size: 12px !important;
	line-height: 1.5em;
	max-width: 75%;
	float:left;
	width: 300px;
	margin-top: -5px;

}

.management-block .antonio-row {
	position: relative;
	left:200px;
}
.board .antonio-row {
	position: relative;
	left:0;
}
.board .antonio-row ol.footnote  {
	color: #fff;

}
.board .antonio-row ol.footnote{
	max-width: 40%;
}
#svg-culture-01 {
position: absolute;
top: -1%;
left: -4%;
width: 37%;
height:68%;
height:52%;
}


#svg-culture-02 {
position: absolute;
top: 28.2%;
left: 46.5%;
width: 44%;
}
.cultureImage {
	position: relative;
}
.culureSVG {
	position: absolute;
	
}

#svg-culture-03 {
top: 63%;
left: 54%;
width: 45%;
height:43%;
	
}
#svg-culture-04 {
top: 55%;
left: 61%;
width: 45%;
height: 53%;
	
}
#svg-culture-05 {
top: 51%;
left: 48%;
width: 59%;
height:60%;
	
}


#svg-csr-01 {
    position: absolute;
    top: -8%;
    left: 7%;
    width: 36%;
    height: 26%;

}


#svg-csr-02 {
position: absolute;
top: 14.2%;
left: 64.5%;
width: 39%;
height:43%;
}
#svg-csr-03 {
position: absolute;
top: 41.2%;
left: -19.5%;
width: 55%;
height:27%;
}


#svg-csr-04 {
top: 33%;
left: 48%;
width: 57%;
height:58%;
	
}
#svg-csr-05 {
top: 35%;
left: 49%;
width: 55%;
height:53%;
	
}
#svg-csr-06 {
top: 44%;
left: 48%;
height:68%;
width: 59%;
	
}

#svg-financial {
position: absolute;

top: 7%;

left: 65%;

width: 26%;
}

#svg-about {
position: absolute;

top: 12%;

left: 60%;

width: 31%;
}

img.sdfLogo {
	width:100%;
	
	margin:70px 0 40px 0;
}


/* navigation.css */

@media screen and (min-width:1025px){
header ul li:hover ul.level2{
	opacity:1;
	pointer-events:inherit;
z-index: 2;
	transform:translateY(0px);

	
}
header ul li:hover > a {
	color: #00a9ce !important;

}

}

 .hamburger {

        width: 36px;
        z-index: 101;
        height: 30px;
        position: absolute;
        right: 6%;
        top: 5px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -ms-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    .hamburger span {
        display: block;
        position: absolute;
        height: 6px;
        width: 50%;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -ms-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        z-index: 101;
    }
    /* Icon 4 */

    .hamburger span:nth-child(even) {
        left: 50%;
        border-radius: 0 9px 9px 0;
    }
    .hamburger span:nth-child(odd) {
        left: 0px;
        border-radius: 9px 0 0 9px;
    }
    .hamburger span:nth-child(1),
    .hamburger span:nth-child(2) {
        top: 0px;
        background: #00b3dc;
    }
    .hamburger span:nth-child(3),
    .hamburger span:nth-child(4) {
        top: 13px;
        background: #00b3dc;
    }
    .hamburger span:nth-child(5),
    .hamburger span:nth-child(6) {
        top: 26px;
        background: #00b3dc;
    }
    .hamburger span:nth-child(1),
    .hamburger span:nth-child(6) {
        z-index: 102;
    }
    .hamburger.open span:nth-child(1),
    .hamburger.open span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .hamburger.open span:nth-child(2),
    .hamburger.open span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .hamburger.open span:nth-child(1) {
        left: 5px;
        top: 7px;
        background: #00b3dc;
    }
    .hamburger.open span:nth-child(2) {
        left: calc(50% - 5px);
        top: 7px;
    }
    .hamburger.open span:nth-child(3) {
        left: -50%;
        opacity: 0;
    }
    .hamburger.open span:nth-child(4) {
        left: 100%;
        opacity: 0;
    }
    .hamburger.open span:nth-child(5) {
        left: 5px;
        top: 15px;
    }
    .hamburger.open span:nth-child(6) {
        left: calc(50% - 5px);
        top: 15px;
        background: #00b3dc;
    }  



header {
	padding:23px 0 23px 0;
	background-color: rgba(255, 255, 255, .9);
	top:0;
	left:0;
	right:0;
	z-index: 1000;
}



header.reverse-header {
	background-color: #002855;
}


.logo {
	width:117px;
	height:37px;
	display: block;
	float:left;
	position: relative;
}

header .reporttitle {
	float:left;
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
	color: #373737;
	margin-left: 20px;
	margin-top: 26px;
}

header.reverse-header  .reporttitle {
	color: #fff;
}

.hamburger {
	display: none;
}

.logo img {
	position: absolute;
/*
	width:100%;
	height:100%;
*/
	height: 44px;
	display: block;
	transition:.3s;
	opacity: 1;
}


.logo img:hover {
	opacity: .7 !important;
}

header.reverse-header .logo img {
	opacity: 0;
}

.logo img.reverse {
	opacity: 0;
}

header.reverse-header .logo img.reverse {
	opacity: 1;
}


header ul.utilities {
	position: absolute;
	top:-10px; 
	right:0;
}

header ul.utilities li {
	display: inline-block;
	list-style-type: none;
	font-size: 10px;
	line-height: 10px;
	margin-right: 11px;
	text-transform: uppercase;
	font-weight: 600;
	
}

header ul.utilities li:last-child{
	margin-right: 0;
}

header ul.utilities li a {
color:#373737;
transition:.3s;
}

header.reverse-header ul.utilities li a {
	color: #fff;
}

header nav.topNav {
	float:right;
	margin-top: 20px;
	position: relative;
}
header nav.topNav ul.level1 > li {
	display: inline-block;
	font-size: 16px;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 900;
	margin-right: 40px;
}

header nav.topNav ul.level1 > li:last-child {
	margin-right: 0;
}

header nav.topNav ul.level1 > li a {
color:#002854;

display: inline-block;
position: relative;
}

header nav.topNav ul.level1 > li span {
	color:#002854;
transition:.3s;
display: inline-block;
position: relative;
}

header.reverse-header nav.topNav ul.level1 > li a {
color:#fff;
}
header ul ul.level2 {
	left:0;
	position: absolute;
	opacity:0;
	transition:.6s opacity cubic-bezier(0.2, 1, 0.3, 1), .6s;

	pointer-events:none;
	padding-top:16px;
	width:auto;
	z-index: 1;
}


header ul ul.level2.right {
	left:auto;
	right:0;
	
}

header ul ul.level2 .nav-wrapper {
	display: block;
	background-color: #002854;
	padding:25px 50px;
	border-radius: 5px;
}

header ul ul.level2 li {
	display: inline-block;
	list-style-type: none;
	margin-right: 14px;
}

header ul ul.level2 li:last-child {
	margin-right: 0;
}

header nav.topNav ul.level1 ul.level2 li a {
	color: #fff;
	position: relative;
	
}

header nav.topNav ul.level1 a .triangle {
	left:50%;
	width: 0; 
	  height: 0; 
	  top: 27px;
	  display: block;
	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  position: absolute;
	  border-bottom: 5px solid #002854;	
		opacity:0;
	transform:translateX(-50%);
	transition:.6s opacity cubic-bezier(0.2, 1, 0.3, 1);
	visibility: hidden;  
	
	
	
	
}

header nav.topNav ul.level1 li:hover .triangle {
		transform:translateY(0px) translateX(-50%);
		visibility: visible;
opacity:1;
}

header ul li > a.active {
	color: #00a9ce !important;
}



footer {
	/*background-color: #002855;*/
	background-color: #a50c0c;
	/*padding:35px 0 80px 0;*/
	/*padding:35px 0 35px 0;*/
	padding:25px 0;
	width:100%;

position: relative;
}


.modal + footer, #management footer  {
-webkit-box-shadow: -1px -1px 8px 4px rgba(0,0,0,0.69);
-moz-box-shadow: -1px -1px 8px 4px rgba(0,0,0,0.69);
box-shadow: -1px -1px 8px 4px rgba(0,0,0,0.69);
}

footer span, footer a {
	color: #fff;
	font-size: 11px;
	font-weight: 400;
	display: inline-block;
}

footer a:hover {
	text-decoration: underline;
}

footer a {
	font-size: 14px;
	font-weight: 900;
	margin-right: 21px;
}

footer .footer__right {
	float: right;
}

.utilities .share {
float: right;
transition: all 0.5s ease;
position: relative;

}
.utilities .share ul {
transition: .4s;
position: absolute;
top: 100%;
left: -12px;
opacity: 1;
padding-left: 5px;
background-color: transparent;
transform:rotate(-90deg) translateX(300px);
transform-origin:-12px 0;
opacity: 0;
}
.utilities .share:hover {
	opacity:1;
	
}

.utilities .share:hover ul {
	opacity: 1;
	transform:rotate(0deg) translateX(0);


}
.utilities .share .share-icon {

    font-size: 14px;
color: #373737;
}

header.reverse-header .utilities .share .share-icon {
	color:#fff;
}

header.reverse-header .utilities .share  ul li .fa-inverse {
	color: #002855;
}

header.reverse-header .utilities .share ul {
	background-color: #002855; 
	padding:10px 8px 10px 5px;
	border-radius: 0 0 5px 5px;
}

.utilities .share ul li {
    list-style-type: none;
    display: inline-block;
height: 25px;
width: 14px;
color: #373737;
font-size: 10px;
margin-top: 6px;
margin-right: 10px;

}
.utilities .share ul li a {

    color: #373737;
}

@media screen and (min-width:1025px) and (max-width:1220px){

	header ul.utilities {
		right:40px;
	}
}

@media screen and (min-width:1150px) and (max-width:1366px){

header nav.topNav ul.level1 > li {
    display: inline-block;
    font-size: 14px;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 900;
    margin-right: 20px;
}
}

@media screen and (min-width:1025px) and (max-width:1150px){

header nav.topNav ul.level1 > li {
    font-size: 13px;
    margin-right: 13px;
}
}

@media screen and (min-width:1025px) {
#contrastButton {
	cursor: pointer;
	display: inline-block;
		transform:rotate(0deg);
}
.aoda #contrastButton {
	transform:rotate(180deg);
	opacity:.6;
}

}


@media screen and (max-width:1024px){
 header ul li.open > a {
	color: #00a9ce !important;
}
	.navPanel {
		position: fixed;
		    top: 86px;
		right:0;
		left:0;
		bottom:0;
		background-color: #002855;
		transition:.5s;
		transform:translateX(100%);
		overflow: scroll;
		-webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
	}
	
	.navPanel.active {
		transform:translateX(0);
	}
	header {
		border-bottom:3px solid #00b3dc;
	}
	.hamburger {
		display: block;
	}
	
	body.nav-on {
		overflow: hidden;
	}
	header nav.topNav {
		margin-top: 34px;
		float:none;
	}
	header nav.topNav ul.level1 > li {
		display: block;
		width:100%;
		text-align: center;
		    font-size: 20px;
		    margin-bottom: 40px;
		    margin-right: 0;
	}
	
	header nav.topNav ul.level1 > li >  a:after {
	    content: '\f078';
	    display: inline;
	    font-family: 'fontawesome';
	    font-size: 0.7em;
	    position: relative;
	    top: -3px;
	    left: 4px;
		
	}
	
	header nav.topNav ul.level1 > li >  a.no-children:after {
		display: none;
	}
	
	header ul ul.level2 {
		position: relative;
		opacity: 1;
	display:none;
		max-height: 0;
		overflow: hidden;
		padding-top:0;
		visibility: visible;
margin-top: 0;
		    transform: translateY(0);
		    transition:.5s;
	pointer-events:inherit;
		    
	}
	
	header ul ul.level2 li {
		    display: block;		
		   		font-size: 16px;
		margin-top: 15px;
		width:100%;
		text-align: center;
	}
	
	header nav.topNav ul.level1 > li span {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
	}
	
	/*header ul li:hover ul.level2,*/
	header ul li.open ul.level2 {
		max-height: 500px;
		display: block;
	}
	
	/*header nav.topNav ul.level1 > li:hover >  a:after, */
	header nav.topNav ul.level1 > li.open >  a:after {
	    content: '\f077';
	}
	
	header ul.utilities {
		position: static;
		width:90%;
		
		margin:0 5%;
	}
	
	
	header ul.utilities li {
		margin-right: 0;
		font-size: 14px;
		float:left;
		width:33%;
		margin-top: 20px;
		padding:4px 15px;
		border-right:1px solid #fff;
		text-align: center;
		line-height: 1.1em;
		
	}
	header ul.utilities li:nth-child(3){
		border-right:none;
		position: relative;
	}
	
	header ul.utilities li:nth-child(3) a {
	display: block;
		transform:translateY(-4px);
	}
	
	.utilities .share {
		    position: static;
		    clear:both;
    width: 90%;
   margin: 0 5%;
   float:none;
	}
	
	header.reverse-header .utilities .share .share-icon {
		display: none;
	}
	.utilities .share ul {
		position: static;
		transform:none;
		opacity:1;
		padding-left:0;
		width:90%;
		margin:100px 5%;
		text-align: center;
	
	}
	
	
	.utilities .share ul li {
		border:none;
		float:none;
		display: inline-block;
		padding:0;
		margin:0;
		margin:0 10px;
	}
	
	header.reverse-header ul.utilities  .share li a {
		color:#00b3dc;
	}
	header.reverse-header .utilities .share ul li .fa-inverse {
    color: #fff;
}
	header ul.utilities .share li:nth-child(3) a{
		transform:none;
		display: inline;
	}
	.utilities .share ul li{
	height: 45px;
    width: 45px;
    color: #373737;
    font-size: 20px;
    text-align: center;
    
	}
}


@media screen and (max-width:767px) {
		header ul.utilities li:nth-child(3) a {
	display: block;
		transform:translateY(-20px);
	}
		header ul.utilities li {
			font-size: 10px;
		}
		
		.utilities .share ul li {
    width: 32px;
    font-size: 14px;
    }
	.utilities .share ul li:last-child {
		margin: 0 10px;
	}	
	footer span, footer a {
	/*margin: 3px 0 3px 0;*/
    /*display: block;*/
    /*text-align: center;*/
    text-align: left;
   
    }
    footer .footer__right {
    float:none;
}
    footer a {
    	/*font-size: 18px;*/
    	font-size: 1rem;
    	margin-bottom: 10px;
    }
	
header .reporttitle {
	margin-left: 15px;
}
	
	
}
@media screen and (min-width:768px) and (max-width:1024px){
	#contrastButton br {
		display: none;
	}
	
	#contrastButton .tablet {
		display: inline-block;
		margin-right: 8px;
	}
	header ul.utilities li:nth-child(3) a {
    display: block;
    transform: translateY(0);
}
	
	header ul.utilities .share ul {
		padding-top: 20px;
	}
	header ul.utilities .share ul li {
font-size: 16px;
}



}



/* stories.css */

.modal-section .header {

    width: 100%;
    margin-top:0;
    background-color: #002855;
    position: relative;
    padding-bottom: 130px;
    overflow: hidden;
    min-height: 740px;

}

.modal-section  .header:after {
	width:100%;
	height:130px;
	content: '';
	display: block;
	background-image: url(../_img/storyArc.png);
	bottom:-1px;
	left:0;
	right:0;
	background-size: 100% 100%;
	position: absolute;
	z-index: 800;
}


.header .home-title {
	float:left;
	width:40%;
	margin-right: 1%;
	padding-top:100px;
}

.modal-section .header .home-title h1 {
	color: #fff;
	margin-bottom: 7px;
    margin-left: 7px;
	line-height: 1em;
	font-weight: 600;
	font-size: 22px;
	text-transform: uppercase;
	
}

.modal-section  .header .home-title h2 {
	color: #fff;
	font-size: 122px;
	line-height: 100px;
	font-weight: 900;
	margin-bottom: 14px;
	text-transform: uppercase;
	letter-spacing: -3.4px;
}

.modal-section .header .home-title p{
	color: #fff;
	font-size: 22px;
	line-height: 1.3em;
	font-weight: 400;
	width:100%;
}


.header .storyOrb {
	position: absolute;
	right: -16%;
	padding-top: 75%;
	width: 75%;
	top:0;
	left:auto;
	border-radius: 50%;
	margin-top: 50px;
	
}
.header .storyBox {
	position: absolute;
	right: -16%;
	padding-top: 75%;
	width: 75%;
	top:0;
	left:auto;
	border-radius: 50%;
	margin-top: 50px;
}

.modal .liquidCSS {
	float: right;
    margin-right: -50px;
    cursor: pointer;
    position: fixed;
    right:50px;
    z-index: 6000;
}

.content {
	padding:130px 0;
}

.content.no-padding-bottom {
	padding-bottom:0;
}

.content:after {
	clear:both;
	content: '';
	display: block;
}

.content .sidebar {
	width:35%;
	float:left;
	box-sizing: border-box;
}
.content .sidebar.sidebar-left {
	margin-right:5%;
	
}

.content .sidebar.sidebar-left.floatRight {
	float:right;
	
	
}
.content .sidebar.sidebar-right.floatRight {
	float:right;
	
}

.content .contentbar.floatRight  {
	float:right;
	margin-right: 10%;
}


.content .sidebar.sidebar-right {
	margin-left:5%;
	
}
.content .contentbar{
	width:50%;
	float:left;
}


.graphicContent {
width: 100%;
height: 460px;
background-size: cover;
background-position: center;
position: relative;
}

.graphicContent .container {
	height:100%;
}

.graphicContent p{
	width: 42%;
	color: #fff;
	margin: 0;
	font-size: 32px;
	line-height: 1.18em;
	font-weight: 900;
	font-family: 'Nexa';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	z-index: 1;
}

.graphicContent:after {
	position: absolute;
	content: '';
	z-index: 0;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display: block;
	background-color:rgba(0,0,0,0);
	transition:.4s;
}

.graphicContent p.large-banner-text{
	font-size: 46px;
	line-height: 1em;
}

.learnMore {
	color: #002855;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	padding-bottom: 4px;
	font-weight: 600;
	font-size: 17px;
    font-family: 'nexa';
}

.learnMore:after {
	transition:.3s;
	width:0;
	background-color: #002855;
	position: absolute;
	left:0;
	bottom:0;
	height:2px;
	display: block;
	content: '';
}

.learnMore:hover:after {
	width:100%;
}

.footer {
	background-color: #002855;
	width:100%;
	/*padding-top: 130px;*/
	position: relative;
	/*padding-bottom: 80px;*/
	/*padding-bottom: 35px;*/
	padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.footer * {
	color: #fff;
}

/*
.footer:before {
		width:100%;
	height:130px;
	content: '';
	display: block;
	background-image: url(../_img/storyArc.png);
	transform:rotate(180deg);
	top:0;
	left:0;
	right:0;
	background-size: 100% 100%;
	position: absolute;
	z-index: 800;
}
*/

.footer h3 {
	font-size: 22px;
	/*text-align: center;*/
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 50px;
	/*margin-top: -10px;*/
}

.footer .callouts {
	padding:0 8%;
	width:100%;
}

.footer .callouts a.calloutLink {
	width:23%;
	display: block;
	float:left;
	font-size: 35px;
	line-height: 1.05em;
	font-weight: 900;
	color: #fff;
	margin-right: 15%;
	text-transform: uppercase;
	
}
.footer .callouts a.calloutLink.delay-2{
	margin-right: 0;
}
.footer .callouts a.calloutLink img {
	transition:.3s;
	transform: scale(1,1);
	width:100%;
	margin-bottom: 20px;
	
}

.footer .callouts a.calloutLink:hover img {
	transform:scale(1.05, 1.05);
}

/******** JP WISERS *****/
.header .storyOrb.yellowBox {
	background: transparent;
	z-index: 900;
	right: -14.5%;
}

.modal-section-02 .header {

overflow: inherit;

}
.overflowyelloworb {
	height:100%;
	width:100%;
	position: absolute;
	overflow: hidden;
	z-index: 700;
}

.overflowyelloworb .inner {
	position: absolute;
	background: #ffb500;

right: -16%;

padding-top: 75%;

width: 75%;

top: 0;

left: auto;

border-radius: 50%;

margin-top: 50px;
}
.header #s-svg-yellowwoman {
width: 49.6%;
height: 63%;
position: absolute;
left: -8%;
right: auto;
top: 10%;
}
.header #s-svg-yellowwoman02 {
	width: 51.7%;
	height: 57.1%;
	position: absolute;
	right: 8.6%;
	top: 24.5%;
	background-size: contain;
	background-repeat: no-repeat;
}
.header #s-svg-yellowman {
	width: 39.7%;
	height: 46.5%;
	position: absolute;
	right: 12.4%;
	top: 4%;
	background-size: contain;
	background-repeat: no-repeat;
}

.header .bottle-yellow-front {
top: -2%;
right: 36%;
width: 32.4%;
z-index: 10;
padding-top: 74.3%;
}


.header .bottle-yellow-middle {
top: 10.3%;
right: 54%;
padding-top: 54.4%;
width: 27%;
z-index: 5;
}

.modal-section-02 .floatybottle {
	background-image: url(../_img/yellowOrb.png);
}

.wisers-01 {

	margin-left:13%;
  width: 52%;
                margin-top: -120px;
	z-index: 900;
}
.wisers-02 {
    width: 70%;
    margin-top: -50px;
    margin-left: 10%;
}

.modal-section-02 .graphicContent {
	background-image: url(../_img/wisersBack.jpg);
}

/****** UNGAVAR ******/

.modal-section-03 .home-title {
	padding-bottom: 130px;
	    position: relative;
    z-index: 100;
}

.header .storyOrb.blueBox {
	background: #00a9ce;
}

.header #s-svg-blueman {
	width: 44%;
	height: 76%;
	position: absolute;
	left: 5%;
	top: -5.1%;
	background-size: contain;
	background-repeat: no-repeat;
}
.header .bottle-blue-front {
	top: 3%;
	left: 26.2%;
	padding-top: 65%;
	width: 36.7%;
	z-index: 10;
}

.header .bottle-blue-middle {
	top: 4.8%;
	left: 47.6%;
	padding-top: 60.4%;
	width: 28.2%;
	z-index: 5;
}



.modal-section-03 .floatybottle {
	background-image: url(../_img/blueOrb.png);
}

.ungava-01 {
    width: 72%;
    margin-top: -50px;
    margin-left: 5%;
}
.ungava-02 {
    width: 77%;
    margin-left: 6%;
}

.modal-section-03 .graphicContent {
	background-image: url(../_img/ungavaBack.jpg);
}

.modal-section-03 .graphicContent p {
	left:0;
	right:auto;
width: 45%;
}

/******* FOREIGN *********/ 


.modal-section-04 .home-title {
	padding-bottom: 130px;
	    position: relative;
    z-index: 100;
    width:100%;
    max-width: 660px;
}

.header .storyOrb.purpleBox {
	background: #8a1b61;
}
#s-svg-wine {
	width: 45.2%;
	height: 68.7%;
	position: absolute;
	right: 9.3%;
	top: 2.2%;
	background-size: contain;
	background-repeat: no-repeat;
}


.header .bottle-purple-front {
top: -6%;
right: 46%;
padding-top: 80%;
width: 24.6%;
z-index: 10;
}


.header .bottle-purple-middle {
	top: 5%;
	right: 59.4%;
	padding-top: 64.6%;
	width: 21.2%;
	z-index: 5;
}




.modal-section-04 .floatybottle {
	background-image: url(../_img/prupleOrb.png);
}

.foreign-01 {
width: 52%;
    margin-left: 19%;
    margin-top: -130px;
}
.foreign-02 {
width: 52%;
    margin-left: 19%;

}

.modal-section-04 .graphicContent {
	background-image:url(../_img/foreign-bar.jpg);
}

.modal-section-04 .graphicContent p {
	left:0;
	width:60%;
}






/******* EXPORT **********/


.modal-section-05 .home-title {
	padding-bottom: 130px;
	    position: relative;
    z-index: 100;
      width:100%;
    max-width: 630px;
}
.modal-section-05.modal-section .header .home-title p {
	width:90%;
}

.header .storyOrb.tealBox {
	background: #00677f;
}

#s-svg-world {
	width: 70.7%;
	height: 64.4%;
	position: absolute;
	left: -8%;
	top: -4.2%;
	background-size: contain;
	background-repeat: no-repeat;
}

.header .bottle-teal-front {
top: 8.4%;
left: 33.8%;
padding-top: 61.4%;
    width: 27%;
    z-index: 10;
}

.header .bottle-teal-middle {
    top: -2.2%;
    left: 52%;
    padding-top: 68.6%;
    width: 20.9%;
    z-index: 5;
}





.modal-section-05 .floatybottle {
	background-image: url(../_img/tealOrb.png);
}

.export-01 {

    width: 72%;
    margin-left: 5%;
}
.export-02 {
width: 65%;
margin-left: 23%;
z-index: 3;
top: 2%;
}
img.export-03 {
width: 46%;
margin-left: 0;
position: absolute;
left: 4%;
top: 12%;
z-index: 0;
}

.modal-section-05 .graphicContent {
	background-image:url(../_img/exportBack.jpg);
}




/* desktop.css */


@media screen and (min-width:1367px){
	.innerPage .content.no-padding-bottom-desktop {
		padding-bottom:0;
	}
	
	.innerPage .content.padding-50-desktop, .modal .content.padding-50-desktop {
		padding-bottom: 50px;
	}
	.innerPage .content.padding-80-desktop, .modal .content.padding-80-desktop {
		padding-bottom: 80px;
	}
	.innerPage .content.padding-30-desktop, .modal .content.padding-30-desktop {
		padding-bottom: 30px;
	}
}


@media screen and (min-width:1024px) and (max-width:1220px){
	.container {
		padding:0 40px;
	}
	
	.graphicContent p {
		padding:0 5%;
		box-sizing: content-box;
	}
	
	
}
@media screen and (min-width:1024px) and (max-width:1170px){
	.home-title h2 {
		font-size: 106px;
		line-height: .8em;
	}
	.management-block .antonio-row  {

	left:75px;
}

	.board .antonio-row  {

	left:0;
}
	
}
@media screen and (max-width:1366px){
	.container {
		max-width:1100px;
	}
	
	.home-section-03 .home-subtitle {
		width:45%;
	}
	
	.whiskey-bar-01.graphicContent p {
		width:55%;
	}
	.whiskey-bar-02.graphicContent p {
		width:30%;
	}
	.rep-bar-02.graphicContent p {
    	width: 50%;
    }
    .wine-bar-03.graphicContent p {
    width: 55%;
   	}
   	
   	.content p.callout {
   		font-size: 50px;
   	}
   	
   	#financial .content p.callout-quote {
   		font-size: 35px;
   	}
   	
   	.culture-bar-01.graphicContent p {
   		width: 55%;
   	}
   	
   	
   	}

@media screen and (min-width:1024px) and (max-width:1366px){

	.innerPage .content.laptop-padding-bottom-130 {
		padding-bottom: 130px;
	}
	
	#home .home-title {
 	  padding-top: 70px;
	}
	
}

@media screen and (min-width:1024px){
	.silo3 .header {

margin-bottom: 60px;
} 
	.home-subtitle p {
		width: 90%;
	}
	
	.desktop-margin-top-180 {
		margin-top: -180px;
	}
		.desktop-margin-top-230 {
		margin-top: -230px;
	}
	.desktopPadding50 {
		padding-top:50px;
	}
	
	.home-section-02 .home-subtitle p {
		width: 70%;
	}
	.home-section-04 .home-subtitle p {
		width: 80%;
	}
	
	#wisers .modal-section .header .home-title p {
		width: 90%;
	}
	
}


/* tablet.css */

@media screen and (max-width:1024px){
	.container {
		padding:0 5%;
	}
	.tablet {
		display: block;
	}
	.content .contentbar.floatRight {
		margin-right: 0;
	}
	
	.tablet-130-padding {
		padding:130px 0;
	}
	
	.home-title h2 {
		font-size: 96px;
		line-height: .81em;
	}
	
	.modal-section .header .home-title h2 {
		font-size: 86px;
			line-height: .81em;
	}
	
	.home-title p {
		font-size:16px;
		width: 100%;
        padding-bottom: 10px;
	}
	
	.modal-section .header .home-title p {
		font-size: 16px;
	}
	
	.home-section-03 .home-subtitle {
		margin-top: 240px;
	}
	.home-section-04 .home-subtitle {
    margin-top: 250px;
}

.home-section-05 {
    overflow: hidden;
    margin-top: 50px;
}
.home-section-05 .home-subtitle {
   margin-top: 180px;
   }
.scrollable {
	overflow-x:hidden;
}
.management-block .antonio-row  {
	margin-top: 30px;
left:0;
}
.management-block .antonio-row ol.footnote {
	max-width: 100%;
}

.antonio-row img {
	width:130px;
}
.antonio-row .imgholder {
		width:130px;
}
.graphicContent p {
	padding:0 5%;
	width:55%;
}



.content .contentbar {
	width:60%;
}

.content p.callout-quote, .content p.callout {
	font-size: 36px;
}
	#financial .content p.callout-quote {
		font-size: 30px;
	}
.graphicContent p.large-banner-text {
	font-size: 35px;
}

.innerPage .header {
	overflow: visible;
	min-height:0;
}
section.innerPage {
	overflow:hidden;
}

.chart-row {
	margin-left: 0%;
	width:100%;
}

.financial-callout img {
    width: 25%;
    float: right;
    margin-top: 0;
	margin-right: 0;
}


.silo3 .header {
	margin-bottom: 100px;
}
.silo4 .header {
	margin-bottom: 100px;
}
#svg-culture-02 {
	    position: absolute;
    top: 21.2%;
    left: 42.5%;
    width: 40%;
}
#svg-csr-02 {
    position: absolute;
    top: 27.2%;
    left: 51.5%;
    width: 35%;
}

    
}

@media screen and (min-width:768px) and (max-width:1024px){

	.desktop-margin-top-230 {
		margin-top: -130px;
	}

 .home-title {
    padding-top: 28px;
    }
    .innerPage .header {
    overflow: visible;
    min-height: 545px;
}
    .home-title h1 {
    margin-bottom: 4px;
    font-size: 18px;
    }
    
    .wisers-01 {
    	margin-left: 20%;
    width: 52%;
    margin-top: 0;
    }
    .wisers-02 {
   width: 70%;
    margin-top: 0px;
    margin-left: 0%;
    }
    .footer .callouts a.calloutLink {
    font-size: 27px;
    }
    
    .modal-section-02 .graphicContent p {
    	width:70%;
    }
    
    .modal-section-04 .home-title {
	width:50%;
}

.wine-bar-03.graphicContent p {
    width: 50%;
}
.rep-bar-01.graphicContent p,
.rep-bar-02.graphicContent p,
.rep-bar-03.graphicContent p {
	width:40%;
}
.home-title h2 .home-title-small {
    font-size: 68px;
    }


.foreign-01 {
    margin-top: 0;
    }
    .modal-section-05 .home-title {
    	width:50%;
    }
    .export-01 {
    margin-top: 0;
    }
    #financial .home-title p {
    
    width: 120%;
    }
    
    .content .factoid {
    font-size: 55px;
    }
    .top-bar-01.graphicContent {
    	 background-position: -320px top;
    }
   .top-bar-01.graphicContent p{
   width: 50%;
   }
   .top-bar-02.graphicContent p{
   width: 40%;
   }
      .tabletPadding-130 {
    	padding-top:130px;
    } 
  #brands-rep .floatybottle.margin-minus-70,
  #brands-rep .floatybottle.margin-minus-40,
  #brands-wine .floatybottle.margin-minus-60,
  #brands-wine .floatybottle.margin-minus-50
   {
  	margin-top: 0;
  }

   
   .rep-bar-03.graphicContent {
   background-position: -300px top;
    }
    
    
    .wine-bar-01.graphicContent p {
    width: 60%;
    }
    .wine-bar-01.graphicContent{
    background-position: -525px top;
    }
    

 
      .wine-bar-02.graphicContent {
       background-position: -350px top;
    }
          .wine-bar-03.graphicContent {
       background-position: -550px top;
    }

   
    #svg-culture-01 {
    left: 2%;
    }
    #svg-culture-02 {
    left: 40%;
    }
    .culture-bar-01.graphicContent p {
    width: 60%;
    }
    .csr-bar-01.graphicContent {
        height: 460px;
        background-position: -325px top;
}
    .csr-bar-02 {
    background-position: -420px top;
   }
   .downloads .download {
   float: left;
    width: 22%;
    margin: -35px 5.66%;
    padding-left: 0px;
    color: #002855;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.1em;
    }
    
}
@media screen and (min-width:724px) and (max-width:800px) {
	.col33 {
    width: 33%;
    float: left;
    padding: 0 10px;
}
.content p.callout-quote, .content p.callout {
    font-size: 29px;
}



}

@media screen and (min-width:768px) and (max-width:900px) {

.whiskey-bar-01.graphicContent p,
.wine-bar-03.graphicContent p {
    width: 70%;
}
.whiskey-bar-02.graphicContent p,
.rep-bar-01.graphicContent p,
.rep-bar-02.graphicContent p,
.rep-bar-03.graphicContent p {
	width:70%;
}
.top-bar-01.graphicContent p {
    width: 60%;
    font-size: 30px;
}
.modal-section .header .home-title h2 {
    font-size: 74px;
    }

.silo3 .header, .silo4 .header {
    margin-bottom:0;
}

	.box {
		padding-top:50%;
		width:50%;
	}
	.home-section-01 {


    margin-bottom: 120px;

}
.financials-table table th:first-child {
	width:60% !important;
}

#home .yellowBox {


    right: 42%;
    padding-top: 101.4%;
    width: 101.4%;
    }
.home-title h2 {
	font-size: 92px;
}

.innerPage .home-title h2 {
    font-size: 69px;
}
.home-title h2 .home-title-small {
    font-size: 60px;
    }
#svg-world {
    width: 47.7%;
    height: 42.4%;
    position: absolute;
    left: 17%;
    top: -1.2%;
    background-size: contain;
    background-repeat: no-repeat;
}

.bottle-teal-front {
    top: 20.4%;
    }
    .bottle-teal-middle {
    top: 16.8%;
    }
    .modal-section .header {
    min-height: 460px;
        padding-bottom: 50px;
}
    .modal-section .header:after,
    section.board:before {
    	    background-size: 180% 100%;
    	    background-position: center bottom;
    }   
    
    
    .overflowyelloworb .inner {
    right: -8%;
    padding-top: 63%;
    width: 63%;
}
  .header .storyOrb, .header .storyOrb.yellowBox {
    position: absolute;
    right: -8%;
    padding-top: 63%;
    width: 63%;
    }  
    .modal-section-03 .home-title, 
    .modal-section-04 .home-title,
    .modal-section-05 .home-title {
    padding-bottom: 0;
    }
    .modal-section-04.modal-section .header .home-title h2 {
    font-size: 70px;
    }
    
    .management-item p {
    	font-size: 15px;
    }
    
}


@media screen and (min-width:901px) and (max-width:1024px) {
.box {
    padding-top: 55%;
    width: 55%;
    }

#home .yellowBox {


    right: 42%;
    padding-top: 101.4%;
    width: 101.4%;
    }
#home .blueBox {
    position: absolute;
    left: 46%;
    padding-top: 88.5%;
    width: 88.5%;
    }
}



/* mobile.css */

@media screen and (max-width:767px) {
	.mobile {
		display: block;
	}
	
	.only-tablet {
		display:none;
	}
	
	.home-title h1 {
		font-size: 18px;
	}
	
	#home .home-title h2 {
    font-size: 90px;
}
	.home-title h2 {
    font-size: 55px;
}
.mobile-padding-top-40 {
	padding-top:40px;
}
.mobile-padding-top-80 {
	padding-top:80px;
}
	.home-title h2 .mobile-home-small-title{
    font-size: 52px;
    line-height: .7em;
    display: block;
}	
	.home-title h2.mobile-small, .home-title h2 .home-title-small {
		font-size: 44px;
	}
	
	.modal-section .header .home-title h1 {
		font-size: 18px;
	}
	.modal-section .header .home-title h2 {
		font-size: 68px;
	}
	
	.innerPage .header {
		padding-top:20px;
	}
	.home-subtitle h1 {
		font-size: 16px;
	}
	.col50, .col33 {
		width:100%;
		float:none;
	}
	.hero {
    width: 123%;
    position: relative;
    top: 0;
    padding-top: 123%;
    right: 3%;
    margin-top: 20px;
    }
	.abouthero {
		padding-top:100%;
	}
	#about .header {
    margin-bottom: 0;
}
#about .sidebar {
	margin-top: -80px;
}
	
	.home-title {
    float: none;
    width: 100%;
    margin-right: 0%;
    padding-top: 0;
}
.home-title p {
	width:100%;
}

#csr .header p, #culture .header p, #about .header p, #brands-owned .header p, #brands-rep .header p, #brands-wine .header p {
		width:100%;
}

#financial .hero, #culture .hero, #csr .hero {
	margin-bottom: -90px;
}

.home-section-01 {
    padding-top: 20px;
}
.home-section-02 .home-subtitle {
    margin-top: 50px;
        padding-top: 300px;
}

#svg-yellowwoman02 {
	top:27%;
}
.header #s-svg-yellowwoman02 {
    top: 28.5%;
    }
	.scrollPrompt {
		display: none;
	}
	.box {
		width:100%;
		float:none;
		padding-top:100%;
	}
	.yellowBox {
    position: absolute;
    right: 5%;
    padding-top: 146.4%;
    width: 146.4%;
    }
    
    .home-title-right {
    	float:none;
    	width:100%;
    }
    .home-subtitle h2 {
    	font-size: 48px;
    	line-height: 1em;
    }
    .liquid-button {
    margin-top: -27px;
    margin-left: -38px;
    transform: scale(0.75);
    transform-origin: left top;
}

.blueBox {

    left: 7%;
    padding-top: 129.5%;
    width: 129.5%;

   }
.home-section-03 .home-subtitle {
	margin-top: 370px;
	width:100%;
}
.home-section-04 {
	margin-top: -40px;
}
.home-section-04 .home-subtitle {
        margin-top: 40px;
    padding-top: 124%;
}

.purpleBox {
    position: absolute;
    right: 5%;
    padding-top: 137.5%;
    width: 137.5%;
    top: -13%;
}

.home-section-05 {
	overflow:visible;
}

.tealBox {
    position: absolute;
    left: 7%;
    padding-top: 120%;
    top: -10%;
    width: 120%;
    border-radius: 50%;
    
   }
.bottle-teal-middle {
    top: 9.8%;
    left: 45%;
    padding-top: 81.6%;
    width: 30.9%;
    z-index: 5;
}
.bottle-teal-front {
    top: 28.4%;
    left: 32.8%;
    padding-top: 69.4%;
    width: 30%;
    z-index: 10;
}
#svg-world {
    width: 69.7%;
    height: 61.4%;
    position: absolute;
    left: 2%;
    top: 4.8%;
   }
   
   
  .home-section-05 .home-subtitle {
    margin-top: 0;
    padding-bottom: 20px;
    width:100%;
    padding-top: 340px;
   }
   
   	.header .home-title {
	    float: none;
	    width: 100%;
	    margin-right: 0;
	    padding-top: 25px;
	}
		.modal-section .header {
    height: 580px;
    min-height: 0;
    padding-bottom: 0;

	}
	.modal-section .header .home-title {
		padding-top: 25px;
	}
	.modal-section .header:after {

    bottom: 0;
    background-size: 192% 100%;
    background-position: center bottom;
}

.footer:before , section.board:before{
    background-size: 192% 100%;
        background-position: center top;

}
.footer {
	padding-top:80px;
}

.footer h3 {
	font-size: 18px;
}
	.modal .liquidCSS {

    margin-right: 0;
  
    right: -55px;
    }
   .mobile-no-margin-top {
   	margin-top: 0 !important;
   }
   .header .storyOrb {
   	width:100%;
   	padding-top:100%;
   }
   
   

   
   .overflowyelloworb .inner {
    padding-top: 100%;
    width: 100%;
    top:auto;
        bottom: -100px;
    }
    
    .header .storyOrb {

    bottom: -100px;
    top: auto;
    
         width: 115%;
    padding-top: 115%;
    
}


    .modal-section .header .container  {

    }
    .modal-section .container {
    	height:100%;
    }
    

	
    .modal-section.modal-section-04  .header .home-title {
    	width:300px;
    }
    
     .header .home-title h2
  content p.callout-quote, .content p.callout {
    font-size: 35px;
    line-height: 1.05em;
	    padding-left: 40px;
	    margin: 45px 0 45px 0;
	    padding-right: 0;
    
}

    .content p.callout {
    	margin-left: 0;
    	padding-left:0;
    }
.content p.callout-quote {
 padding-left: 40px;
}
.content p.callout-quote:before {
	font-size: 66px;
} 
   .content, .innerPage .content.padding-80, .innerPage .content.padding-50 {
   	padding:20px 0;
   }
   
   .innerPage .header {
   	padding-bottom: 0;
   }
   .innerPage .header .home-title {
   	width:100%;
   }
   .innerPage .content h3 {
    font-size: 40px;
    }
   .innerPage .content h4 {
   	font-size: 20px;
   }
   	.wisers-01 {
    margin-left: 24%;
    width: 40%;
    margin-top: 0;
    z-index: 900;
}
.wisers-02 {
    width: 53%;
    margin-left: 17%;
	margin-top: 0;
}

.ungava-01 {
	margin-top: 0;
}

	.graphicContent {
		background-size:auto 235px;
		background-repeat: no-repeat;
		background-position: center top;
		background-color: #002855;
		height:auto;
		
		margin:30px 0;
	}
	.modal-section-02 .graphicContent {
		background-position: -30px top;
	}
	.modal-section-03 .graphicContent {
		background-position: -400px top;
		}
	.modal-section-04 .graphicContent {
		 background-position: -450px top;
	}
	.modal-section-05 .graphicContent {
		background-position: -110px top;
	}
	
	.whiskey-bar-01 {
		background-position: -450px top;
	}
	.whiskey-bar-02 {
		background-position: -400px top;
		padding-bottom:1px;
	}
	.top-bar-01 {
		background-position: -140px top;
	}
	
	.top-bar-02 {
		background-position: -140px top;
	}
	
	.rep-bar-01 {
		background-position: -195px top;
	}
	
	.rep-bar-02{
		 background-position: -410px top;
	}
	
	.rep-bar-03 {
		background-position: -100px top;
		padding-bottom:1px;
	}
	.wine-bar-01 {
		margin-top: 0;
		background-position: -550px top;
	}
	.wine-bar-02 {
		margin-top: 0;
		background-position: -150px top;
	}
	.wine-bar-03 {
		margin-top: 0;
		background-position: -530px top;
	}
	.culture-bar-01 {
		background-position: -350px top;
	}
	
	
	
	#svg-culture-01 {
	    width: 43%;
	}
	#svg-culture-02 {
	    width: 50%;
	}	
   	.graphicContent p, .graphicContent p.large-banner-text {
   		font-size: 18px;
   		position: static;
   		padding:0;
   		    line-height: 1.3em;
  
   		padding:253px 0 12px 0;
   		width:100%;
   	}
   	
   	.whiskey-bar-02.graphicContent p {
   		color:#fff;
   	}
   	.graphicContent p {
   			transform: translateY(18px) scale(1.1);
   	}
   	.graphicContent:after {
	display: none;
}
   	html .snap-in-vertical-center {
    transform: translateY(18px) scale(1.1);
    padding-top: 253px;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
   	}
   	html .snap-in-vertical-center.lazy--show {
   		transform: translateY(0) scale(1.0);
   		 padding-top: 253px;
   	}
   	.top-bar-01.graphicContent p, .wine-bar-01.graphicContent p {
   		width:100%;
   		color:#fff;
   	}
   	.rep-bar-01 img {
    display: inline-block;
    margin-top: 15px;
    max-width: 160px;
    float: right;
    margin-bottom: 15px;
}
    .content .sidebar, .content .sidebar.sidebar-left, .content .sidebar.sidebar-right {
width: 78%;
    float: none;
    margin: 0 11% 30px 11%;
    }
    .content .contentbar, .content .contentbar.floatRight {
    	float:none;
    	width:100%;
    	margin-bottom: 30px;
    }
    
    .management-item, .management-item.management-middle {

    float: none;
    width: 80%;
    margin-left: 10%;
    margin-right: 0;
    margin-bottom: 40px;
}
.management-item {
	width:80%;
	margin-left:10%;
}
.management-item p {
	font-size: 20px;
}
    .management-row {
    	padding-top: 0;
    }
    .floatybottle {
    	margin-top: 0 !important;
    }
    .floatybottle img.mouseParalax {
    	margin-top: 0;
    }
	.export-01 {
	    margin-top: 20px !important;
	    width: 66%;
	    margin-left: 10%;
	}
	.chart-row {
		margin:0;
	}
	.chart-column{
		margin:0 auto 55px;
		text-align: center;
	}
	
	.barchart.margin-quality {
		margin-top: 0;
	}
	
	table .dollar {
	    float: none;
	    display: inline;
	}
	.chart-title p.subtitle {
		margin-bottom: 20px;
	}
	.barchart {
		margin:50px 0;
	}
	
	
	.financials-table p, .financials-table h4 {
		text-align: center;
	}
	
	.content p.tableIntro {
		font-size: 10px;
	}
	
	.financials-table table tr td:nth-child(2), .financials-table table tr th:nth-child(2) {
		width:27.5% !important;
	    padding-right: 10px;
	}
	.financials-table table th:first-child{
		width:45% !important;
		}
	.financials-table table th:last-child{
		width:27.5% !important;
		}
		
		.financials-table table td:last-child {
    padding-right: 10px;
    padding-left: 10px;
    }
	#financial .content p.callout-quote {
		font-size: 30px;
	}	
	.fact {
		text-align: center;
	}
	.fact .fact-title {
		margin-bottom: 4px;
		font-size: 22px;
	}
	.fact .factNumber {
		font-size: 80px;
	}
	.fact .facttext {
		font-size: 22px;
		margin-bottom: 50px;
	}
	.financial-callout img {
    width: 74%;
    float: none;
    margin-top: 0;
    margin-right: 0;
    margin-left: 13%;
    }
    .content p.callout-quote .antonio-text {
    	font-size: 16px;
    	padding-top: 17px;
    }
    .cultureImage {
    	margin: 40px 0;
    }
    
    .content .factoid {
    	font-size: 36px;
    }
    .content .factoid .factoid-small {
    	font-size: 22px;
    }
    .content .factoid .factoid-small.sub {

    font-size: 18px;

}
    
	.content p.caption {
		padding:0 10%;
	}
	
	.csr-bar-01.graphicContent {
padding-bottom: 29%;
background-position: center;
background-size: cover;
	}
		
	.csr-bar-02.graphicContent {
		padding-bottom: 1px;
		background-position: -100px top;
	}
	
	.downloads {
    padding: 20px 0 20px 0;
}
.downloads .download {
    float: none;
    width: 74%;
    margin: 0 13% 40px 13%;
    padding-left: 0;
    text-align: center;
    font-size: 20px;
	
}


.downloads .download img {
    width: 100%;
    margin-left: 0;
    
    }
    
    .silo3 .header {
	margin-bottom: 0;
}


.footer .callouts a.calloutLink {
	float:none;
	    top: 60px;
	position: absolute;
	z-index: 1;
	opacity:0;
	transform:translateY(30px);
	    width: 70%;
	    font-size: 27px;
margin-right:0;
	transition-delay:0s !important;
text-align: center;
}



.footer .callouts a.calloutLink.active {
	opacity:1;
	z-index: 2;
	transform:translateY(0);
}



.footer .callouts {
	position: relative;
	min-height:400px;
    padding: 0 15%;
    width: 100%;
}

    
    .calloutNav {
    	position: absolute;
    	top:50%;
    	transform:translateY(-50%);
    	font-size: 40px;
    	display: block;
    }
 .previousCallout {
	left:2%;
}
.nextCallout {
	right:2%;
}   

.mobile-padding-bottom-10 {
	padding-bottom: 10px;
}
.graphicContent:last-child{
	margin-bottom: 1px;
}


.antonio-row .imgholder {
    float: none;
    margin-bottom: 20px;
}

.antonio-row ol.footnote {
	font-size: 12px !important;
	line-height: 1.5em;
	max-width: 100%;
	float:none;
	width:100%;
	margin-top: 0;
}



    }

@media screen and (max-width:400px){
	.modal-section .header .home-title h2 {
		font-size:55px;
	}
	.home-title h2 {
  /*  font-size: 55px;*/
}

.modal-section .header {
	/*height:450px; */
}

}



/* animations.css */

.snap-in {
	opacity:0;
	transform:translateY(30px) scale(1.1);
	-webkit-transform:translateY(30px) scale(1.1);
	transition:1.6s;
	transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);

}
.snap-in.lazy--show {
	opacity:1;
	transform:translateY(0px) scale(1.0);
}

.snap-in-vertical-center {
	opacity:0;
	transform:translateY(-50%) scale(1.1);
	transition:1.6s;
	padding-top:30px;
	transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);
}

.snap-in-vertical-center.lazy--show {
	opacity:1;
	padding-top:0;
	transform:translateY(-50%) scale(1.0);
}
.delay-1 {
	transition-delay:.4s;
}

.delay-2 {
	transition-delay:.8s;
}
.delay-3 {
	transition-delay:1.2s;
}
.delay-4 {
	transition-delay:1.6s;
}
.delay-5 {
	transition-delay:2.0s;
}


/* aoda.css */

.aoda-on {
	display: none;
}
body.aoda .aoda-off {
	display: none;
}


body.aoda .aoda-on {
	display: block;
}

body.aoda img.aoda-on {
	display: inline;
}

body.aoda {

}


body.aoda .graphicContent:after {
	background-color: rgba(0,0,0, .8);
}


body.aoda .wine-bar-01.graphicContent p {
	color: #fff;
}

body.aoda .csr-bar-01.graphicContent:after {
	background-color: transparent;
}


body.aoda .content p a, body.aoda  .content li a{
	color: #00677e;
}


body.aoda .content p a:hover, body.aoda .content li a:hover {
	text-decoration: underline;
}


body.aoda .content p.callout-quote:before {

	color:#00677e;

}

body.aoda .home-title h1 {
	color: #00677e;
}
body.aoda .home-subtitle h1  {
	color: #00677e;
}

body.aoda .home-section-03 .home-subtitle h1 {
	color: #00677e;
}

body.aoda .innerPage .header .home-title h1 {
	color:#00677e;
}

body.aoda .liquidCSS {
	display: none;
}
body.aoda .liquidAoda {
	display: block !important;
}


body.aoda section.board .header .home-title h1 {
	color: #fff;
}
@media screen and (min-width:1025px){
	body.aoda header ul li:hover > a {
		color: #00677e !important;
	
	}

	
	body.aoda header ul li > a.active {
		color: #00677e !important;
	}
	
	body.aoda header ul ul.level2 li > a.active, 
	body.aoda  header ul ul.level2 li.open > a,
	body.aoda header ul ul.level2 li > a:hover {
		color:#00A9CE  !important;

	}
	body.aoda header.reverse-header nav.topNav ul.level1 > li a.active, 
	body.aoda header.reverse-header nav.topNav ul.level1 > li:hover > a,
	body.aoda header.reverse-header ul.utilities li a:hover,
	body.aoda header.reverse-header ul.utilities li a.active {
		color:#00A9CE  !important;
	} 
	
	

}



@media screen and (min-width:768px){
	body.aoda .whiskey-bar-02.graphicContent p {
		color: #fff;
	}
}


@media screen and (max-width:767px){
body.aoda .graphicContent:after {
	display: none;
}
}
@media screen and (max-width:1024px){
body.aoda #contrastButton {
	color: #00A9CE  !important;
}

body.aoda header ul li > a.active,
body.aoda header nav.topNav ul.level1 > li.active > a,
body.aoda header ul li.open > a {
	color: #00A9CE  !important;
}


}




/* cards.css */

/* FontAwesome for working BootSnippet :> */

#team {
    background: #eee !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #108d6f;
    border-color: #108d6f;
    box-shadow: none;
    outline: none;
}

.btn-primary {
    color: #fff;
    background-color: #007b5e;
    border-color: #007b5e;
}

section {
    padding: 60px 0;
}

section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#team .card {
    border: none;
    background: #ffffff;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 312px;
}

.backside .card a {
    font-size: 18px;
    color: #007b5e !important;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #007b5e !important;
}

.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}


#epf-navbar-top {
		/*max-width: 800px;*/
		max-width: 850px;
		background-color: #a50c0c;
}