/* General
------------------------------------------------------------*/
#wrapper,
#wrapper * {
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
        -ms-box-sizing:border-box;
            box-sizing:border-box;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased; }
html {
    top:0 !important; }
body, html {
    width:100%;
    height:100%;
    overflow:hidden;
    padding:0;
    margin:0; }
body {
    font-size:14px;
    font-family:"Source Sans Pro", sans-serif;
    font-weight:200; }
form {
    height:100%; }
a {
    color:#999; }
p {
    margin:0 0 1em; }
p:last-child {
    margin:0; }
.clear {
    clear:both;
    display:block;
    height:0;
    overflow:hidden; }
#wrapper {
    background:#37225e url("../img/slide1.jpg") no-repeat;
    background-size:cover;
    width:100%;
    height:100%;
    padding:0 70px; }
nav {
    bottom:0;
    height:100px;
    left:40px;
    margin:auto;
    position:fixed;
    text-align:center;
    top:0;
    width:10px;
    z-index:101; }
nav ul {
    line-height:1;
    list-style:none;
    padding:0;
    text-align:center; }
nav ul li {
    height:10px;
    margin:0 0 20px;
    position:relative;
    width:10px; }
nav ul a {
    background:#fff;
    border:3px solid #462968;
    border-radius:5px;
    color:rgba(255,255,255,0.5);
    display:block;
    height:10px;
    letter-spacing:2px;
    margin:0;
    text-decoration:none;
    width:10px;
    -webkit-transition:all 0.25s ease;
       -moz-transition:all 0.25s ease;
        -ms-transition:all 0.25s ease;
         -o-transition:all 0.25s ease;
            transition:all 0.25s ease; }
nav ul a.active {
    background:transparent;
    border:1px solid #fff;
    color:#fff; }
nav li a::after {
    display:none;
    font-size:11px;
    font-weight:700;
    left:20px;
    letter-spacing:2px;
    position:absolute;
    text-transform:uppercase;
    top:0; }
nav li a.brew::after {
    content:"Brew"; }
nav li a.leadership::after {
    content:"Leadership"; }
nav li a.clients::after {
    content:"Clients"; }




/* Images
------------------------------------------------------------*/
article {
    text-align:center;
    overflow:hidden; }
article .image {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:0 auto;
    background:#ccc;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain; }
article h1, article p.next {
    position:absolute;
    left:10%;
    right:10%;
    text-align:center; }
article h1 {
    color:#fff;
    font-size:48px;
    font-weight:200;
    margin:0;
    top:40px; }
article p.next {
    background:url("../img/next.png") bottom center no-repeat;
    bottom:40px;
    color:rgba(255,255,255,0.5);
    font-size:11px;
    font-weight:600;
    letter-spacing:2px;
    padding:0 0 33px;
    text-transform:uppercase; }
.slide-3 p.next {
    background:none !important;
    padding:0 !important; }
article .image {
    background:none; }
article .content {
    -webkit-transition-delay:0.25s;
    -webkit-transition:-webkit-transform 1s ease;
       -moz-transition:-moz-transform 1s ease 0.25s;
         -o-transition:-o-transform 1s ease 0.25s;
            transition:transform 1s ease 0.25s; }
article.slide-1 .content {
    -webkit-transform:scale(0.1,0.1);
       -moz-transform:scale(0.1,0.1);
        -ms-transform:scale(0.1,0.1);
         -o-transform:scale(0.1,0.1);
            transform:scale(0.1,0.1); }
article.slide-2 .content {
    -webkit-transform:translate(100%,-50%);
       -moz-transform:translate(100%,-50%);
        -ms-transform:translate(100%,-50%);
         -o-transform:translate(100%,-50%);
            transform:translate(100%,-50%);
    max-width:1600px; }
article.slide-3 .content {
    -webkit-transform:rotate(180deg);
       -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
         -o-transform:rotate(180deg);
            transform:rotate(180deg); }
article.slide-1.active .content,
article.slide-2.active .content,
article.slide-3.active .content {
    -webkit-transform:translateY(-50%);
       -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
         -o-transform:translateY(-50%);
            transform:translateY(-50%); }




/* Brew
------------------------------------------------------------*/
.left,
.right {
    display:inline-block;
    vertical-align:middle; }
.intro .right {
    padding:0 0 0 20px; }
.logo {
    background:url("../img/brew_logo_white.png") center center no-repeat;
    background-size: contain;
/*     border:1px solid #fff; */
    height:150px;
    line-height:0;
    padding:20px;
    width:360px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box; }
.intro p {
    color:#fff;
    font-size:12px;
    font-weight:600;
    letter-spacing:1px;
    line-height:1.4em;
    text-align:left;
    text-transform:uppercase; }
.social {
    display:inline-block;
    font-size:0;
    list-style:none;
    padding:0 !important;
    text-align:left; }
.social li {
    display:inline-block;
    margin:0 20px 0 0; }
.social a {
    display:block;
    height:12px; }
.social a.facebook {
    background:url("../img/facebook.png") no-repeat;
    width:7px; }
.social a.twitter {
    background:url("../img/twitter.png") no-repeat;
    width:12px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

    .social a.facebook {
        background:url("../img/facebook-2x.png") no-repeat;
        background-size:100% 100% !important;
        width:7px; }
    .social a.twitter {
        background:url("../img/twitter-2x.png") no-repeat;
        background-size:100% 100% !important;
        width:12px; }

}

.social a.rss {
    background:url("../img/rss.png") no-repeat; }
.intro {
    font-size:0;
    margin:0 auto;
    text-align:left;
    width:600px; }
.intro .bottom {
    margin:20px 0 0;
    position:relative; }
.intro .bottom p {
    display:inline-block;
    left:380px;
    position:absolute;
    top:-2px; }
.intro .bottom p a {
    color:#ddbaff;
    text-decoration:none;
    -webkit-transition:all 0.25s ease;
       -moz-transition:all 0.25s ease;
        -ms-transition:all 0.25s ease;
         -o-transition:all 0.25s ease;
            transition:all 0.25s ease; }
.intro .bottom p a:first-child {
    margin:0 20px 0 0; }
.intro .bottom p a:hover {
    color:#fff; }

.intro .bottom2 {
    margin:80px 0 0;
    position:relative; 
    text-align: center;}
.intro .bottom2 p{
  text-align: center;
  text-transform: none;
}
.intro .bottom2 p a {
    color:#ddbaff;
    text-decoration:none;
    -webkit-transition:all 0.25s ease;
       -moz-transition:all 0.25s ease;
        -ms-transition:all 0.25s ease;
         -o-transition:all 0.25s ease;
            transition:all 0.25s ease; }
.intro .bottom2 p a:hover {
    color:#fff; }
    
.intro .bottom2 img{
  max-width:140px;
  height:auto;
}


/* Leadership
------------------------------------------------------------*/
.content {
    font-size:0;
    margin:0 auto;
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
       -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
         -o-transform:translateY(-50%);
            transform:translateY(-50%);
    max-width:960px;
    width:100%; }
.content-leadership .left,
.content-leadership .right {
    -webkit-border-radius:6px;
       -moz-border-radius:6px;
        -ms-border-radius:6px;
         -o-border-radius:6px;
            border-radius:6px;
    color:#555;
    display:block;
    overflow:hidden;
    vertical-align:top !important;
    width:46.875%; }
.content-leadership .left {
    background:#fff url("http://brewpr.publishpath.com/Websites/brewpr/templates/brew/img/brooke.jpg") top right no-repeat;
    float:left;
    padding:200px 0 0; }
.content-leadership .right {
    background:#fff url("http://brewpr.publishpath.com/Websites/brewpr/templates/brew/img/dena.jpg") top right no-repeat;
    float:right;
    padding:200px 0 0; }
.content-leadership .content {
    font-weight:400;
    text-align:left; }
.content-leadership .imageElement {
    font-size:0; }
.content-leadership .textElement {
    padding:40px; }
.content-leadership p {
    font-size:14px;
    line-height:1.5em; }
.content-leadership strong {
    color:#000;
    font-weight:600 !important;
    font-size:18px;
    margin:0 10px 0 0; }
.content-leadership em {
    color:#ea6661;
    font-size:12px;
    font-style:normal;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase; }




/* Clients
------------------------------------------------------------*/
.slide-3 .content {
    max-width:800px; }
.content-clients .sldw_navigation {
    display:none !important;
    visibility:hidden !important; }
.clients {
    font-size:0;
    padding:0;
    text-align:left; }
.clients li {
    display:inline-block;
    -webkit-transition:all 0.2s ease;
       -moz-transition:all 0.2s ease;
        -ms-transition:all 0.2s ease;
         -o-transition:all 0.2s ease;
            transition:all 0.2s ease; }
.clients li:hover {
    -webkit-transform:scale(1.1,1.1);
       -moz-transform:scale(1.1,1.1);
        -ms-transform:scale(1.1,1.1);
         -o-transform:scale(1.1,1.1);
            transform:scale(1.1,1.1); }




/* Footer
------------------------------------------------------------*/
footer {
    position:fixed;
    bottom:10px;
    right:10px;
    z-index:100;
    font-size:11px; }
footer a {
    color:#999; }




/* Media Query 960
------------------------------------------------------------*/
@media screen and (max-width:960px) {

    img {
        max-width:100%; }
    .clients li {
        height:40px;
        width:12.5%; }

}




/* Media Query 768
------------------------------------------------------------*/
@media screen and (max-width:768px) {

    #wrapper {
        background:#37225e url("../img/slide1.jpg") top center no-repeat;
        background-size:cover;
        padding:0 60px; }
    article h1 {
        display:none !important; }
    .content {
        max-height:100%;
        padding:50px 0 0 !important; }
    nav {
        bottom:auto !important;
        height:auto;
        left:0 !important;
        right:0 !important;
        top:20px !important;
        width:100% !important; }
    nav ul {
        font-size:0; }
    nav ul li {
        display:inline-block;
        height:10px;
        margin:0 0 20px;
        position:relative;
        text-align:center;
        width:33.3333333333%; }
    nav ul a {
        border:3px solid #211440;
        margin:0 auto; }
    nav li a::after {
        display:block;
        left:0;
        right:0;
        text-align:center;
        top:20px; }
    .intro {
        height:auto !important;
        width:100%; }
    .intro .left {
        display:block;
        float:none !important;
        margin:0 0 20px;
        width:100% !important; }
    .intro .right {
        display:block;
        float:none !important;
        margin:0 auto;
        width:240px; }
    .logo {
        background-size:contain;
        height:95px;
        margin:0 auto;
        width:240px; }
    .intro .right,
    .intro p,
    .social {
        padding:0;
        text-align:left; }
    .intro .bottom {
        margin:20px auto 0;
        width:240px; }
    .intro .social {
        display:block !important;
        margin:0 0 20px; }
    .intro .bottom p {
        display:block;
        left:0;
        position:relative; }
    .slide-2 .imageElement {
        display:none !important; }
    p.next,
    footer {
        display:none !important; }


}




/* Media Query 480
------------------------------------------------------------*/
@media screen and (max-width:480px) {

    #wrapper {
        padding:0 10px; }


    /* Slide 2
    ---------------------------------*/
    .content-leadership .left,
    .content-leadership .right {
        background:#fff !important;
        padding:0 !important; }
    .slide-2 .content {
        padding:70px 0 0 !important; }
    .content-leadership .left,
    .content-leadership .right {
        margin:0 !important;
        width:100% !important; }
    .content-leadership .left {
        -webkit-border-radius:6px 6px 0 0;
           -moz-border-radius:6px 6px 0 0;
            -ms-border-radius:6px 6px 0 0;
             -o-border-radius:6px 6px 0 0;
                border-radius:6px 6px 0 0; }
    .content-leadership .right {
        -webkit-border-radius:0 0 6px 6px;
           -moz-border-radius:0 0 6px 6px;
            -ms-border-radius:0 0 6px 6px;
             -o-border-radius:0 0 6px 6px;
                border-radius:0 0 6px 6px; }
    .content-leadership .textElement {
        padding:10px !important; }
/*
    .content-leadership strong {
        font-size:12px; }
    .content-leadership em {
        font-size:10px; }
    .content-leadership p {
        font-size:10px;
        line-height:1em; }
*/




    /* Slide 3
    ---------------------------------*/
    .clients li {
        height:40px !important;
        width:20% !important; }


}



.photoGalleryElement .thumbnail .thumbContents {
    padding: 0;
    border: 0;
}

.photoGalleryElement .thumbnail {
    margin: 0;
    line-height: 0;
    font-size: 0;
    transition: all .2s ease-in-out;
    vertical-align: middle;    
}

.imageElement.photoGalleryElement {
    font-size: 0;
}

.photoGalleryElement .thumbnail:hover {
  transform: scale(1.2);
}

.thumbnail img {
  max-width: 160px;
  max-height: 80px;
  vertical-align: middle;
  padding: 10px;
}

/* Custom mobile view */
	
body, html {
	overflow: visible;
	
}
body {
	background: #37225e;
}

#wrapper {
	padding: 0 20px;
	background: none;
}

article h1 {
	display: block !important;
	
}


nav {
	background: #37225e;
	padding-top: 15px;
	top: 0 !important;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	display: none;
}

@media (max-width: 768px) {
	nav {
		display: block;
	}
}

.snappish-main {
	transform: none !important;
}

.snappish-wrapper {
	overflow: visible;
}

.snappish-3-slides .snappish-slide {
	height: initial;
}

article {
	overflow: visible;
	position: relative;
}

article.slide-1.active .content, 
article.slide-2.active .content, 
article.slide-3.active .content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

article.slide-1  {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
}

article.slide-3 {
	padding: 100px 0;
}

article p.next {
	display: none;
}

article.slide-1 .content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	padding: 30px 0px !important;
}

article.slide-2 .content {
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0);
    padding: 130px 0px !important;
}

article.slide-3 .content {
	-webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
	padding: 30px 0px !important;
}

article .content {
	max-width: 960px !important;
    width: 100% !important;
}

@media (max-width: 768px) {
	.content-leadership .left,
    .content-leadership .right {
        background:#fff !important;
        padding:0 !important; }
    .slide-2 .content {
        padding:70px 0 0 !important; }
    .content-leadership .left,
    .content-leadership .right {
        margin:0 !important;
        width:100% !important; }
    .content-leadership .left {
        -webkit-border-radius:6px 6px 0 0;
           -moz-border-radius:6px 6px 0 0;
            -ms-border-radius:6px 6px 0 0;
             -o-border-radius:6px 6px 0 0;
                border-radius:6px 6px 0 0; }
    .content-leadership .right {
        -webkit-border-radius:0 0 6px 6px;
           -moz-border-radius:0 0 6px 6px;
            -ms-border-radius:0 0 6px 6px;
             -o-border-radius:0 0 6px 6px;
                border-radius:0 0 6px 6px; }
    .content-leadership .textElement {
        padding:10px !important; }
    
    .content-leadership .left {
		background: #fff url('http://brewpr.publishpath.com/Websites/brewpr/templates/brew/img/brooke.jpg') top right no-repeat !important;
		padding: 200px 0 0 !important;
	}
	
	.content-leadership .right {
		background: #fff url("http://brewpr.publishpath.com/Websites/brewpr/templates/brew/img/dena.jpg") top right no-repeat !important;
		padding: 200px 0 0 !important;
	}
}

@media (max-width: 480px) {
    .snappish-slide{
        min-height: 100vh;
      padding: 0 !important;
      display: flex;
      align-items: center;
      flex-direction: column;
    }
    .slide-1{
        flex-direction: row;
    }
    
    article.slide-2 .content {
           padding: 30px 0px !important;
    }
    
    .slide-3{
        padding-top: 30px !important;
    }
    article h1{
        display:block;
        top:0;
        position:relative;
        left:0;
        right:0;
        margin-top: 0 !important;
    }
}



.snappish-main article{
    min-height: 100vh;
}