/* Brand Page: Kraft */
.brand.kraft .layout { margin-top: 4%; padding: 16px 16px; background: url(../img/kraft/bg.png); }
.brand.kraft .layout.two-column { display: inline-block; }
.brand.kraft .layout.two-column:after { content: ""; position: absolute; top: 16px; right: 17px; bottom: 16px; left: 16px; background: url(../img/kraft/product.jpg) bottom right no-repeat; background-size: 75.5%; }
.brand.kraft .layout.two-column > .left { position: relative; z-index: 100; width: 24.5%; min-height: 900px; margin-right: 0; background: url(../img/kraft/nav-bg.jpg); box-shadow: -2px 2px 12px rgba(0, 0, 0, 0.25) inset; }
.brand.kraft .left .nav { margin: 0 0 0 22%; padding: 32px 12px 16px 0; background: transparent; box-shadow: none; }
.brand.kraft .left .nav:before { display: none; }
.brand.kraft .left .nav li a { font-size: 15px; font-weight: normal; }
.brand.kraft .left .nav li a:hover { background-color: transparent; color: #ee2e24; }

.brand.kraft .left .video-promo { display: block; margin: 0 10% 16px; }
.brand.kraft .left .video-promo img { width: 100%; }

.brand.kraft .left .film-strip { display: inline-block; position: relative; margin: 0 10% 48px; padding: 0; border: 1px solid #ADBE47; border-bottom: none; list-style: none; }
.brand.kraft .left .film-strip:after { content: ""; position: absolute; bottom: -40px; width: 100%; height: 47px; background: url(../img/kraft/nav-bottom-cap.) no-repeat center 0; }
.brand.kraft .left .film-strip li { position: relative; margin: 8px 8px 16px 8px; }
.brand.kraft .left .film-strip li:last-child { margin-bottom: 8px; }
.brand.kraft .left .film-strip li:before { content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: inset 0 2px 8px rgba(0,0,0,0.9); }
.brand.kraft .left .film-strip li img { display: block; width: 100%; }

.brand.kraft .layout.two-column > .right { z-index: 100; border-bottom: 1px solid #ADBE47; padding: 0; background-color: #fff; }
.brand.kraft .layout.two-column > .right { width: 75.5%; background: #fff url(../img/kraft/banner.png) top center no-repeat; background-size: 100%; /*box-shadow: 0 32px 16px -16px #fff;*/ }
.brand.kraft .layout > .center:before,
.brand.kraft .layout.two-column > .right:before { content: ""; position: absolute; top: -84px; left: 0; right: 0; height: 148px; background: url(../img/kraft/banner-logo.) center center no-repeat; }
.brand.kraft .layout > .center:before { background-size: 22.22%; top: -68px; z-index: 100; }
.brand.kraft .layout.two-column > .right:before { background-size: 30%; }
.brand.kraft .layout.two-column > .right section { display: inline-block; margin: 0 50px 0 64px; }
.brand.kraft .layout.two-column > .right section:first-child { padding: 16% 0 0 0; }

.brand.kraft .layout > .center section:first-child { margin-top: 0; }
.brand.kraft .layout > .center .title h1 { font-style: italic; color: #fff; }

.brand.kraft .content { font-size: 13px; line-height: 140%; /*overflow: hidden;*/ }
.brand.kraft .content .text-container { width: 100%; float: left; margin-right: -320px; }
.brand.kraft .content .text { box-sizing: border-box; float: none; }
.brand.kraft .content .two-thirds { width: auto; margin-right: 320px; }
.brand.kraft .content .two-thirds.center { width: auto; margin-left: 16%; margin-right: 16%; }
.brand.kraft .content .one-third { width: 285px; }
.brand.kraft .content h1 { font-size: 24px; font-weight: normal; }
.brand.kraft .content p { margin: 12px 0 16px; }
.brand.kraft .content sup { font-size: 50%; top: -0.7em; }
.brand.kraft .content .carousel { width: 285px; height: 159px; margin-top: 32px; }
.brand.kraft .content .controls { padding: 0; list-style: none; font-size: 0; text-align: center; }
.brand.kraft .content .controls li { display: inline-block; width: 44px; height: 44px; cursor: pointer; text-indent: -9999px; }
.brand.kraft .content .controls li.prev { background: url(../img/carousel-left-over.png) center center no-repeat; }
.brand.kraft .content .controls li.next { background: url(../img/carousel-right-over.png) center center no-repeat; }
.brand.kraft .content .controls li.prev:hover { background: url(../img/carousel-left.png) center center no-repeat; }
.brand.kraft .content .controls li.next:hover { background: url(../img/carousel-right.png) center center no-repeat; }
.brand.kraft .content .one-slide + .controls { display: none; }

@media (max-width: 1200px) {
	.brand.kraft .layout.two-column > .right { border-bottom: none; }
	.brand.kraft .layout.two-column > .right section { margin: 0 16px; }
	.brand.kraft .content .text-container { float: none; width: auto; }
	/*.brand.kraft .content > .right { float: none; width: auto; margin: 0; text-align: center; }*/
	.brand.kraft .content > .right .carousel { display: inline-block; margin-top: 0; }
}
@media (max-width: 1000px) {
	.brand.kraft .left .nav { margin-left: 10%; }
}
@media (max-width: 760px) {
	.brand.kraft .layout.two-column > .left { min-height: 800px; }
}
@media (max-width: 720px) {
	.brand.kraft .layout { margin-top: 10%; }
	.brand.kraft .layout.one-column { margin-left: 0; margin-right: 0; }
	.brand.kraft .layout.two-column > .right { width: 100%; }
	.brand.kraft .layout > .center:before { background-size: 28.65%; }
}

.brand.kraft .layout.two-column > .right.inner-shadow::after { display: none; }
.brand.kraft .layout.two-column::after { background-position: right 470px; }
.brand.kraft .layout.two-column > .left .nav li a { font-family: 'Muli', sans-serif; font-weight: bold;color: #003366; }
.brand.kraft .layout.two-column > .left .nav li a:hover,.brand.kraft .layout.two-column > .left .nav li a:focus { text-decoration: underline; }
.brand.kraft .layout.two-column > .left { background-size: 30% 100%; padding-top: 3em; border-right: 16px solid #003366; box-sizing: border-box; } 
.brand.kraft .content .two-thirds p { font-size: 18px; line-height: 1.5em; }
.brand.kraft .content .two-thirds {  }
.brand.kraft .layout.two-column {box-shadow: 0 0 12px rgba(0,0,0,0.75) inset;}
.brand.kraft .left .film-strip { border: 1px solid #003366; border-bottom: 1px solid #003366; }
.brand.kraft .layout.two-column > .right { border-bottom: none;} 
.brand.kraft .layout.two-column > .right section:first-child { min-height: 26em; }
/*.brand.kraft .layout.two-column > .right { width: 75.42%; }*/
  .brand.kraft .layout.two-column::after { right: 16px; } 
@media (max-width: 1200px) {
  .brand.kraft .content .two-thirds { margin-right: 0; }
  .brand.kraft .layout.two-column > .right section:first-child { display: flex; flex-direction: column; }
  .brand.kraft .content .text-container { max-width: 100%; }
  .brand.kraft .content .one-third { margin: auto; }
  .brand.kraft .content .two-thirds p { font-size: 16px; }
  .brand.kraft .layout.two-column > .right section:first-child { min-height: 28em; }
}
@media (max-width: 1070px) {
  .brand.kraft .layout.two-column::after { background-size: 100%; right: 16px; } 
}
@media (max-width: 1025px) {
  .brand.kraft .layout.two-column > .right section:first-child { min-height: 29em; }
}
@media (max-width: 855px) {
  .brand.kraft .layout.two-column > .right section:first-child { min-height: 31em; }
}
@media (max-width: 720px) {
  .brand.kraft .layout.two-column > .right section:first-child { min-height: 0; }
}