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

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

.brand.black-diamond .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.black-diamond .left .film-strip:after { content: ""; position: absolute; bottom: -40px; width: 100%; height: 47px; background: url(../img/black-diamond/nav-bottom-cap.png) no-repeat center 0; }
.brand.black-diamond .left .film-strip li { position: relative; margin: 8px 8px 16px 8px; }
.brand.black-diamond .left .film-strip li:last-child { margin-bottom: 8px; }
.brand.black-diamond .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.black-diamond .left .film-strip li img { display: block; width: 100%; }

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

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

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

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

@font-face { font-family: 'Libre Baskerville'; font-weight: normal; font-style: normal; text-rendering: optimizeLegibility;
    src: url('font/librebaskerville-regular.eot');
    src: url('font/librebaskerville-regular.eot?#iefix') format('embedded-opentype'),
         url('font/librebaskerville-regular.woff2') format('woff2'),
         url('font/librebaskerville-regular.woff') format('woff'),
         url('font/librebaskerville-regular.ttf') format('truetype'),
         url('font/librebaskerville-regular.svg#libre_baskervilleregular') format('svg');
}

@font-face { font-family: 'Libre Baskerville'; font-weight: bold; font-style: normal; text-rendering: optimizeLegibility;
    src: url('font/librebaskerville-bold.eot');
    src: url('font/librebaskerville-bold.eot?#iefix') format('embedded-opentype'),
         url('font/librebaskerville-bold.woff2') format('woff2'),
         url('font/librebaskerville-bold.woff') format('woff'),
         url('font/librebaskerville-bold.ttf') format('truetype'),
         url('font/librebaskerville-bold.svg#libre_baskervillebold') format('svg');
}


.brand.black-diamond .layout { font-family: "Libre Baskerville", serif; }
.brand.black-diamond .layout.two-column { box-shadow: -2px 2px 12px rgba(0, 0, 0, 0.25) inset; }
.brand.black-diamond .layout.two-column > .right::before { top: -99px; height: 180px; background-size: 25% auto; }
.brand.black-diamond .layout.two-column > .right::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin-top: 15.4%;/* border-top: 1px solid #b19559;*/ box-shadow: 0 0 64px rgba(177,149,89,0.2) inset; }
.brand.black-diamond .layout.two-column > .right { border-color: #b19559; }

.brand.black-diamond .left .nav { margin-left: 16%; padding-bottom: 32px; }
.brand.black-diamond .left .nav li a { font-family: "Libre Baskerville", serif; font-weight: bold; font-size: 16px; line-height: 180%; color: #000; }
.brand.black-diamond .left .nav li a:hover { color: #b19559; }

.brand.black-diamond .left .film-strip { border-color: #B5985A; }
.brand.black-diamond .left .film-strip li { z-index: 2; }
.brand.black-diamond .left .film-strip::after { bottom: -14px; height: 28px; }

.brand.black-diamond .content { line-height: 140%; z-index: 1; }
.brand.black-diamond .content h1 { font-family: "Libre Baskerville", serif; font-size: 22px; font-weight: bold; color: #b19559; }
.brand.black-diamond .content p { font-size: 13px; font-weight: bold; color: #000; line-height: 180%; }

.brand.black-diamond .content .controls li.prev { background: url(../img/carousel-gold-left.png) center center no-repeat; }
.brand.black-diamond .content .controls li.next { background: url(../img/carousel-gold-right.png) center center no-repeat; }
.brand.black-diamond .content .controls li.prev:hover { background: url(../img/carousel-gold-left-over.png) center center no-repeat; }
.brand.black-diamond .content .controls li.next:hover { background: url(../img/carousel-gold-right-over.png) center center no-repeat; }

.brand.black-diamond .left .film-strip { padding-bottom: 8px; }

.brand.black-diamond .content .one-third {margin: 0 auto;}
.brand.black-diamond .content .one-third>div {margin: 0 auto;}
.brand.black-diamond .layout.two-column > .right {border-left: 15px solid  #211d1e; box-sizing: border-box; border-bottom: none;}
.brand.black-diamond .layout.two-column:after {margin-left: 20px;}
.brand.black-diamond .left .promos {margin-top: 0;}
@media (max-width: 720px) {
    .brand.black-diamond .layout.two-column > .right {border-left: none;}
}
@media (max-width: 1200px) {
    .brand.black-diamond .content .one-third {float: none;}
    .brand.black-diamond .content .two-thirds {margin-top: 5%; margin-right: auto}
    .brand.black-diamond .content .text-container {margin-right: auto;}
}