html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{color:#000;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
@font-face {
font-family: 'BrothersRegular';
src: url('../fonts/brothreg-071211005EmigreWebOnly.eot');
src: url('../fonts/brothreg-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
url('../fonts/brothreg-071211005EmigreWebOnly.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body { background: #000; /*font-family: 'Gotham XNarrow A', 'Gotham XNarrow B';*/ font-family: 'Open Sans Condensed', sans-serif; font-weight:300; letter-spacing: 0.04em; padding-top: 90px; }
body.checkout-cart-index, body.checkout-onepage-index, body.paypal-express-review { background: #353535; }
.cta { padding: 10px 15px; background: #000; color: #FFF; text-transform: uppercase; display: inline-block; font-family: 'BrothersRegular'; letter-spacing:0; text-decoration: none; }
.hide-mobile { display: none !important; }
.breadcrumbs { display: none; }
.main-container { min-height: 500px; }
header.site-header { background: #000; padding: 10px 0 8px; position: fixed; top:0; width: 100%; z-index: 9999; }
header.site-header nav { text-align: center; line-height: 75px; position: relative; text-transform: uppercase; }
header.site-header nav a { color: #FFF; text-decoration: none; font-family: 'BrothersRegular'; letter-spacing:0; padding:5px; }
header.site-header nav a.menu { display: none; }
header.site-header nav a.logo-link { position: absolute; left: 50%; margin-left: -42.5px; top: -5px; }
header.site-header nav .navlinks { max-height: 0; overflow: hidden; line-height: 30px; clear:both; }
header.site-header nav .navlinks a.menu { display: block; }
body.menu-show nav .navlinks { max-height: 600px; padding-top: 15px; padding-bottom: 15px; }
@media screen and (min-width:1000px) {
header.site-header nav .navlinks a.menu.menu-ale { margin-left: 65px !important; }
}
/* Highlight Menu */
a.menu span { padding-bottom: 2px; border-bottom:2px solid transparent; }
a.menu:hover span { border-bottom: 2px solid #65646a; }
.catalog-category-view.categorypath-ale .menu-ale span,
.cms-page-view.cms-brewery .menu-brewery span,
.cms-page-view.cms-story .menu-island span,
.is-blog .menu-news span,
.cms-page-view.cms-shop .menu-shop span,
.catalog-product-view .menu-shop span,
.cms-page-view.cms-contact .menu-contact span
{ border-bottom: 2px solid white; }
header.site-header .mobile-menu { display: inline-block; padding-left: 15px; float: left; color: #FFF; cursor: pointer; font-family: 'BrothersRegular'; letter-spacing:0; }
header.site-header .cart-link { display: inline-block; padding-right: 15px; float: right; color: #FFF; position: absolute; top: 17px; right:0; font-family: 'Gotham XNarrow A', 'Gotham XNarrow B'; font-family: 'Open Sans Condensed', sans-serif; font-weight:300;}
header.site-header .cart-link img { position: relative; top:-2px; }
header nav.navcontainer a.logo-link .logo-main { width: 75px; }
header a.logo-text-link .logo-text { display: none; }
header nav .navlinks a.logo-text-link { display: none !important; }
body.menu-show nav .navlinks a.logo-text-link { display: block !important; margin-bottom: 25px; }
body.menu-show nav .navlinks a.logo-text-link .logo-text { display: block !important; }
body.menu-show nav .navlinks a.logo-text-link img { width: 175px; margin: 0 auto; }
.sub-nav { background: #FFF; margin: 0; padding: 20px 0 17px; }
.sub-nav ul { margin: 0 auto; padding: 0; max-width: 900px; }
.sub-nav ul li { list-style: none; margin-right: 15px; display: inline-block; }
.sub-nav ul li a { color: #000; text-decoration: none; }
.sub-nav ul li a:hover { text-decoration: underline; }
.sub-nav ul li span.product-name { font-weight: bold;}
.sub-nav ul li.sel { font-weight: bold; }
/*.category-ale .sub-nav .link-core { font-weight: bold; }*/
.category-limited .sub-nav .link-limited { font-weight: bold; }
.cms-finder .sub-nav .link-finder { font-weight: bold; }
#aap-holder { background: #000; background: rgba(0,0,0,0.9); position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 9999; }
#aap { background: #FFF; width: 90%; text-align: center; margin: 30px auto; padding: 30px 0; max-width: 500px; }
#aap img { display: block; margin: 0 auto; width: 80%; max-width: 250px; height: auto; margin-bottom: 20px;}
#aap p { padding: 0 30px; font-size: 20px; line-height: 24px; }
#aap p.small { font-size: 13px; line-height: 16px; }
#aap p a { color: #000; }
a#aap-enter { font-size: 30px; padding: 7px 25px; }
#aap .aap-check { display: block; margin-top: 10px; }
footer { background: #FFF; padding: 10px 15px; position: relative; }
footer a { color: #000; text-decoration: none; }
footer img { width: 70px; height: auto; }
.footer-top { height: 12px; background: url('../img/zig.png') repeat-x bottom; position: absolute; top: -12px; left:0; width: 100%; }
footer .footer-col { margin-top: 20px; }
footer .address { font-family: 'BrothersRegular'; letter-spacing:0; }
.footer-left a { float: left; margin-right: 30px; margin-bottom: 50px; display: none; }
.footer-left { float: left; width: 50%; }
.footer-links { float: left; width: 50%; }
.footer-links a { display: block; }
.footer-social { text-align: center; }
.footer-right { border-bottom: 1px solid #000; margin-bottom: 10px; padding-bottom:20px;}
.footer-social img, .footer-social a { display: inline-block; }
.footer-social a:hover img { transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);}
footer p.drinkaware { font-weight: bold; margin-top: 0; }
footer p.drinkaware a { font-weight: normal; }
footer p.legal { font-size: 12px; }
footer .footer-legal { clear: both; padding-top: 30px; }
form.footer-newsletter { margin-top: 20px; }
form.footer-newsletter .fields { background: #DDD; position: relative; padding-left: 5px; height: 32px; overflow: hidden; width: 210px; margin: 0 auto; }
form.footer-newsletter .fields.long { width: 280px; }
form.footer-newsletter input { border: none; outline: none; width: 300px !important; position: absolute; top:0; left: 0; height: 30px; padding-left: 6px; color: #000; background: #EEE;}
form.footer-newsletter button { padding: 5px 10px 10px; background: #000; color: #FFF; font-family: 'BrothersRegular', sans-serif; text-transform: uppercase; border: none; outline: none; position: absolute; top:0; right: 0; }
/* Home */
.home-carousel { background: #000; height: 500px; overflow: hidden; }
.home-carousel a { display: block; text-decoration: none; color: #FFF; position: relative; background-position: center; height: 500px; overflow: hidden; }
.home-carousel a img { position: absolute; z-index: -5; width: auto !important; height: 500px !important; display: block; top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto; }
.home-carousel a h2 { line-height: 36px;}
.home-carousel a .container { display: table; height: 500px; }
.home-carousel a .container .text-holder { display: table-cell; vertical-align: middle; padding-right: 40%; padding-left: 1px; }
.home-carousel a img { display: block; width: 100%; height: auto; }
.home-carousel a.cta { margin-top: 10px; }
.home-carousel .owl-buttons { position: relative; top: -80px; height: 0; overflow: visible; }
.owl-carousel .owl-buttons > div { display: inline-block; width: 70px; height: 70px; text-indent: -20000px; cursor: pointer; }
.owl-carousel .owl-buttons > div.disabled { display: none; }
.owl-carousel .owl-buttons .owl-prev { position: absolute; right: 50%; background: url('../img/carousel-left.png') no-repeat center; }
.owl-carousel .owl-buttons .owl-next { position: absolute; left: 50%; background: url('../img/carousel-right.png') no-repeat center; }
.home-ales {text-align: center; width: 100%;
background: rgb(94,84,89); /* Old browsers */
background: -moz-linear-gradient(top, rgba(94,84,89,1) 0%, rgba(68,58,63,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,84,89,1)), color-stop(100%,rgba(68,58,63,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(94,84,89,1) 0%,rgba(68,58,63,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(94,84,89,1) 0%,rgba(68,58,63,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(94,84,89,1) 0%,rgba(68,58,63,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(94,84,89,1) 0%,rgba(68,58,63,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5459', endColorstr='#443a3f',GradientType=0 ); /* IE6-9 */
height: 550px; overflow: hidden;
}
.home-ales img { margin: 75px 30px 0; }
.home-ales img.lazy-700, .home-ales img.lazy-1000 { display: none; }
.home-scottish-brewing { text-align: center; color: #FFF; font-size: 22px; background: #000 url('../img/skye-mountains.jpg') no-repeat center top; padding-top: 30px; }
.home-scottish-brewing img { width: 80%; max-width: 400px; height: auto; }
.home-scottish-brewing a { display: block; text-decoration: none; padding: 75px 0; color: #FFF; }
.home-scottish-brewing span.sb-intro { font-weight: bold; font-size: 22px; display: block; margin: 60px 0 30px; }
.home-scottish-brewing span.sb-sb { display: block; font-family: 'BrothersRegular';letter-spacing:0; text-transform: uppercase; font-size: 50px; margin: 60px 0; line-height: 56px;}
.home-scottish-brewing p { display:block; font-size: 16px; max-width: 900px; display: block; margin: 0 auto; line-height: 30px; }
.home-social-content { padding: 75px 0; background: #000; }
.ale-finder { padding: 75px 0; text-align: center; background: url('../img/ale-finder.jpg') no-repeat center top; }
.ale-finder a { color: #FFF; text-decoration: none; }
.ale-finder .title { display: block; font-family: 'BrothersRegular'; letter-spacing:0; text-transform: uppercase; font-size: 50px;}
.ale-finder .desc { font-size: 21px; }
.home-gathering { padding: 75px 0; background: #353535 url('https://skyeale.com/media/wysiwyg/gathering-back.jpg'); text-align: center; }
.home-gathering a { color: #FFF; text-decoration: none; }
.home-gathering .title { display: block; font-family: 'BrothersRegular'; letter-spacing:0; text-transform: uppercase; font-size: 50px;}
.home-gathering .desc { font-size: 21px; }
/*
.ale-finder-map { height: 500px; background: url('../img/ale-finder-back.jpg') no-repeat center top; color: #FFF; }
.ale-finder-map #showmap { height: 500px; width: 100%; }
*/
.ale-finder-map { color: #FFF; }
.ale-finder-showmap #showmap { height: 400px; width: 100%; color: #000; }
.ale-finder-showmap #showmap .mapadr { white-space: nowrap; }
.ale-finder-showmap #showmap .mapadr strong { display: block; white-space: nowrap;}
.ale-finder-intro-text { background: url('../img/ale-finder-back.jpg') no-repeat center top; padding: 15px; text-align: center; }
.ale-finder-intro-text h1, .ale-finder-intro-text p, .ale-finder-intro-text span.what-is-untappd, .ale-finder-intro .ale-shop, .ale-finder-postcode { display: none; }
.ale-finder-intro button { color: #000; border: none; padding: 8px 20px 6px 14px; }
.ale-finder-intro button.finder-favs { background: #DDD }
.ale-finder-intro button.finder-untappd { background: #fbb900; }
/* Pages */
h1 { font-family: 'BrothersRegular'; letter-spacing:0; text-transform: uppercase; font-size: 36px; margin: 0; line-height: 1em; }
h2 { font-size: 22px; font-family: 'Gotham XNarrow A', 'Gotham XNarrow B'; font-weight: normal; font-family: 'Open Sans Condensed', sans-serif; font-weight:300; }
h2.block { font-family: 'BrothersRegular'; line-height: 36px; letter-spacing:0; text-transform: uppercase; font-size: 36px; margin: 0; }
p { line-height: 1.8em; }
p a { color: #000; text-decoration: underline; }
.container { width: 90%; max-width: 900px; margin: 0 auto; }
.col-main { overflow: hidden; }
.container.content-page { padding: 75px; color: #FFF; }
img.page-background { position: absolute; top: 90px; left: 0; width: 100%; z-index: -5; }
.cms-contact img.page-background { position: fixed; }
img.page-background.lazy-load { opacity: 0; transition: opacity .3s ease-in; }
img.page-background.lazy-load.lazy-loaded { opacity: 1; }
img.page-background.news-background { opacity: 0.4; }
.story { background: #FFF; margin: 200px auto 0; padding: 25px; }
#timeline-carousel { background: #353535; }
.time-block { position: relative; overflow: hidden; }
.time-block img { position: absolute; top:0; left: 0; z-index: -5;}
.time-block .time-constant { border-bottom: 3px solid #FFF; margin: 0 0 100px; position: relative; }
.time-block .time-content { left: 0; bottom:0; margin: 0 200px; color: #FFF; padding-top:100px; }
.time-block .time-content .time-line { height: 30px; border-left: 3px solid #FFF; }
.time-block .time-content h3 { margin: 0; text-transform: uppercase; font-size: 30px; font-family: 'BrothersRegular'; letter-spacing:0; }
.time-block .time-content p { margin: 0 0 10px; }
.timeline-linear .timeline-intro { color: #FFF; padding-top: 100px; }
.timeline-linear .timeline-intro h2 { font-family: 'BrothersRegular'; letter-spacing:0; text-transform: uppercase; font-size: 36px; margin: 0; padding-left:5%; }
.timeline-linear .timeline-intro p { padding-left: 5%; margin-top: 0; margin-bottom: 50px; padding-right: 10%; }
.timeline-linear .time-block .time-constant { border-bottom: none; border-left: 3px solid #FFF; width: 90%; max-width: 850px; margin: 0 auto; padding-bottom: 100px; }
.timeline-linear .time-block.timeline-intro .time-constant { padding-bottom: 0; padding-top: 0; }
.timeline-linear .time-block .time-content { margin: 0 40px; position: relative; }
.timeline-linear .time-block .time-content .time-line { height: auto; width: 20px; border-left: none; border-top: 3px solid #FFF; position: absolute; top:138px; left: -40px; }
.brewery-people { background: #353535; color: #FFF; padding: 75px 0; overflow: hidden; }
.brewery-visit { background: #222 url('../img/ale-finder.jpg') no-repeat center top;; color: #FFF; padding: 75px 0; overflow: hidden; background-size: cover !important; }
.brewery-visit p { margin-bottom: 0; }
.brewery-awards { background: #65646a; color: #FFF; padding: 75px 0; overflow: hidden; }
.brewery-ales { background: #000; color: #FFF; padding: 75px 0; overflow: hidden; }
.diamond-grid { width: 95%; max-width: 1400px; margin-left: auto; margin-right: auto; }
.diamond-grid .diamond { position: relative; height: 0; padding-bottom: 100%; width: 100%; float: left; }
.diamond-grid .diamond.spacer { display: none; }
.diamond-grid .diamond img { width: 100%; height: auto; }
.diamond-grid .diamond-content { text-align: center; margin-bottom: 30px; }
.diamond-grid { line-height: 0; position: relative; margin-top: 30px; }
.diamond-grid .diamond { width: 50%; padding-bottom: 50%; }
.diamond-grid .diamond:nth-child(3n) { position: absolute; top:25%; left:25%; }
.diamond-grid .diamond-content { display: none; }
#awards-carousel .owl-buttons { top: -260px; position: relative; }
#awards-carousel { margin-top: 50px; width:100%; height: 300px; }
#awards-carousel .owl-wrapper { padding: 0 5%; }
#ales-carousel .owl-buttons { top: -180px; position: relative; }
#ales-carousel { margin-top: 50px; width:100%; height: 350px; }
.award { width: 300px; float: left; text-align: center; padding-left:10px !important; padding-right: 10px !important; }
.award .svg { width: 70%; margin-bottom: -10px; height:90%; }
.award span { display: block; }
.award span.date { position: relative; top: -70px; font-weight: bold; color: #000; font-size: 22px; }
#awards-carousel .touchcarousel-container { padding: 0 50px !important; padding: 0 calc(50vw - 170px) !important; padding: 0 8px !important; }
#ales-carousel .touchcarousel-container { padding: 0 50px !important; padding: 0 calc(50vw - 180px) !important; padding: 0 8px !important; }
#ales-carousel.touchcarousel .arrow-holder { top: 140px; }
li.ale-badge { width: 350px; }
.award.wreath-white .svg { fill: #FFF; }
.award.wreath-white .date { color: #FFF; }
.award.wreath-gold .svg { fill: #eed006; }
.award.wreath-gold .date { color: #eed006; }
.award.wreath-silver .svg { fill: #dfdedd; }
.award.wreath-silver .date { color: #dfdedd; }
.award.wreath-bronze .svg { fill: #da8f0b; }
.award.wreath-bronze .date { color: #da8f0b; }
/* Shop */
.shop-header { background: url('../img/cash-register.jpg') no-repeat center top; padding: 25px 0; background-size: cover !important;}
.shop-header h1 { color: #FFF; }
.shop-header p { color: #FFF; }
.shop-divide { background: #646469; padding: 15px; }
.shop-divide h2 { font-family: 'BrothersRegular';letter-spacing:0; text-transform: uppercase; color: #FFF; margin: 0; font-size: 36px; }
body.catalog-category-view { background: #000 url('../img/skye-mountains.jpg') no-repeat center 100px; }
.page-title.category-title { color: #FFF; padding: 25px 0; }
.category-footer { color: #FFF; max-width: 1050px; margin: 0 auto; }
.category-footer .category-blurb { text-align: center; padding: 75px 0; background: url('../img/ale-category.jpg') no-repeat center ;}
.category-footer .category-blurb p { font-weight: bold; }
.category-footer .ale-shop { background: url('../img/cash-register.jpg') no-repeat center top; }
.category-footer .category-cta .ale-finder { position: relative; }
.category-footer .category-cta .ale-finder .or-tri { display: block; position: absolute; left: -35px; margin-left:50%; bottom: -35px; z-index: 999; }
.label-list { text-align: center; margin-bottom: 100px; }
.label-list .label { display: inline-block; width: 90%; max-width:350px; }
.label-list .label img { width: 100%; height: auto; }
.label-list .label:hover { transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1); }
.product-grid { padding: 45px 0; width: 90%; max-width: 1000px; }
.product-list-block { display: block; float: left; text-decoration: none; color: #000; width:100%; margin-bottom: 20px !important; }
.product-list-block .product-list-img { width: 100%; height: 0; padding-bottom: 115%; position: relative; overflow: hidden; }
.product-list-block img { display: block; width: 100%; position: absolute; top:0; left: 0; }
.product-list-block:hover img { transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05); }
.product-list-block .product-list-details { background: #FFF; padding: 15px; height: 105px; }
.product-list-block .product-list-details h2 { font-family: 'BrothersRegular'; letter-spacing:0; text-transform: uppercase; margin: 0 ; /*display: block;*/ line-height: 1.3em; /*width: 100%; height: 60px;*/ border-bottom:3px solid transparent; width: auto !important; display: inline; }
.product-list-block:hover .product-list-details h2 { border-bottom: 3px solid black; }
.product-list-block .product-list-details .price-box { display: inline-block; font-size: 19px; font-weight: bold; margin-right: 5px; }
.product-list-block .product-list-price { margin-top: 5px; }
.product-list-block.product-type-bundle .product-list-price { display: none; }
@media screen and (max-width:700px) {
.shop-divide h2 { font-size: 28px; }
.product-grid { padding: 25px 0; width: 90%; max-width: 1000px; }
.product-grid .product-list-block { background: #FFF; }
.product-grid .product-list-block .product-list-img { width: 30%; float: left; padding-bottom: 34.5%; }
.product-grid .product-list-block .product-list-details { width: 60%; width: calc(70% - 30px); background: none; height: auto; float: left; }
}
.product-essential { background: #4c4146; position: relative; left:0; }
.product-essential .product-name { padding: 0 0 35px; color: #FFF; }
.product-essential .product-name h1 { margin-bottom: 15px; }
.product-available-in { margin-bottom: 20px; }
.product-available-in img { margin-right: 3px; height: 24px; }
.product-available-in a { margin-right: 20px; color: #000; text-decoration: none; }
.product-available-in a:hover { color: #FFF; }
.product-available-in a:hover img { -webkit-filter: invert(100%); filter: url("data:image/svg+xml;utf8,#invert"); }
.product-img-box { text-align: center; width: 100%; }
.product-img-box img { max-height: 500px; max-width: 100%; }
/*.category-limited .product-img-box img { margin: 75px 0; }*/
.product-shop { margin-bottom: 25px; }
.product-shop .availability { display: none; }
.product-shop button { border: none; background: none; padding: 0; font-family: 'BrothersRegular'; letter-spacing:0;text-transform: uppercase; font-size: 20px; text-align: left; cursor: pointer !important; }
.product-shop button > span { display: inline-block; padding: 8px 16px; background: #FFF; color: #000; border:3px solid black; }
.product-shop button:hover > span { background: #000; color: #FFF; }
.product-shop button > div { display: inline-block; padding: 8px 16px; background: #000; color: #FFF; position: relative; margin-bottom:5px; border:3px solid black; }
.product-shop button > span span.ctapacksize { text-transform: none; font-size: 16px; }
.product-shop .free-del { display: block; margin-top: 5px; }
.product-shop .free-del.white { color: #FFF; opacity: 0.9; }
.lightback h1, .lightback .product-name * { color: #000 !important; }
.product-type-9 .product-essential { /*max-width: 1050px;*/ margin: 0 auto; }
.product-type-9 .product-essential .container { width: auto; max-width: 1050px; margin: 0 auto; }
.product-type-9 .product-img-box img { max-height: 3000px !important; width: 100%; }
.product-type-9 .product-shop { width: 90%; margin: 30px auto 0; }
.prodlink { position: absolute; top: 50%; margin-top: -36px; left: 2%; display: none; }
.prodlink.nextprodlink { left: auto; right: 2%; }
.nav-product-panel { position: absolute; height: 100%; width: 500px; top:0; left: -500px; overflow: hidden; }
.nav-product-panel.next-product-panel { left: auto; right: -500px; text-align: left; }
.config-product-options { margin-bottom: 20px; }
.product-option-select label { float: left; margin-right:20px; color: #FFF; }
.product-type-9 .product-options-bottom > .price-box { display: none; }
.product-options p.required { display: none; }
.product-options .validation-advice { display: inline-block; background: #e33c33; padding: 5px 10px; margin-top: 5px; }
.more-product-info h2 { font-family: 'BrothersRegular'; letter-spacing:0;text-transform: uppercase; font-size: 36px; margin: 0; }
.more-product-info p { margin-bottom: 0; }
.more-product-info > div { padding: 40px 0; }
.more-product-info .product-info-notes { background: #646469 url('../img/info-mountain.png') no-repeat bottom right; }
.more-product-info .product-name-origin { background: #363636 url('../img/name-mountain.jpg') no-repeat center ; padding-bottom: 100px; }
.more-product-info .product-name-origin p { font-size: 22px; max-width: 600px; line-height: 28px;}
.more-product-info .product-food-matching { background: #646469; padding-top: 0; }
.more-product-info .product-food-matching img { width: 100%; margin-bottom: 40px; height: auto; }
.more-product-info .product-food-matching h2 { line-height: 36px; white-space: nowrap; }
.more-product-info .product-food-matching p { font-size: 22px; line-height: 28px; color: #000; }
.more-product-info .product-reviews { background: #FFF; color: #000; overflow: hidden; }
.more-product-info .product-reviews h2 { line-height: 36px; }
.more-product-info .product-accolades { background: #353535; }
.more-product-info .product-accolades .touchcarousel-wrapper { overflow: hidden; }
.more-product-info .category-cta { padding: 0; }
dd { margin: 10px 0 0; }
.add-to-box { margin-bottom: 30px; }
.product-info-notes table { border-collapse:collapse; max-width: 700px; border: 1px solid #FFF; }
.product-info-notes table td { border: 1px solid #FFF; padding: 7px 15px; display: block; }
@media screen and (min-width: 400px) {
.product-info-notes table td { border: 1px solid #FFF; padding: 7px 15px; display: table-cell; }
}
.product-info-notes table td.intro { font-family: 'BrothersRegular'; letter-spacing:0;text-transform: uppercase; background: #FFF; color: #000; font-size: 40px; }
.product-info-notes table td.nobreak { white-space: nowrap; }
.product-info-notes table td strong { display: block; font-family: 'BrothersRegular'; letter-spacing:0;text-transform: uppercase; }
.product-info-notes table td strong.inline { display: inline-block; margin-right: 10px; }
/* Checkout */
.checkout-cart-index .cta { margin-top: 10px; }
ul.messages, ul.messages li, ul.messages ul { margin: 0; padding: 0; list-style: none; }
ul.messages { margin-top: 50px; }
.cart.container { color: #FFF; padding: 75px 0; position: relative; }
.cart-table { width: 100%; margin: 50px 0 0; }
.cart-table tbody tr { background: #FFF; margin-bottom: 10px; color: #000; }
.cart-table tbody tr td { border-bottom: 10px solid #353535; }
.cart-table tbody tr td:not(.image) { padding: 10px 15px; }
.cart-table tbody tr td.a-center { padding: 0; text-align: right; width: 60px; }
.cart-table a { text-decoration: none; color: #000; }
.cart-table td.price { display: none; }
.cart-table td.image { display: none; }
.checkout-types { margin: 10px 0 0; padding: 0; }
.checkout-types li { list-style: none; display: block; }
/*
.checkout-types li:nth-child(1), .checkout-types li:nth-child(3) { width: 230px; float: left; }
.checkout-types li:nth-child(2), .checkout-types li:nth-child(4) { float: right; width: calc(100% - 230px); }
*/
.checkout-types .btn-proceed-checkout { background: #000; border: none; color: #FFF; font-family: 'BrothersRegular'; letter-spacing:0;text-transform: uppercase; font-size: 20px; padding: 15px 15px 14px; }
#discount-coupon-form { margin-bottom: 11px; }
#offer-reveal { cursor: pointer; }
#discount-coupon-form input { color: #000; padding: 8px; border: none; }
#discount-coupon-form button { border: none; margin-top: 0; }
#discount-coupon-form .validation-advice { display: none !important; }
#shopping-cart-totals-table span.price { white-space: nowrap; }
#discount-giftcard-form { margin-bottom: 11px; }
#discount-giftcard-form input { color: #000; padding: 8px; border: none; }
#discount-giftcard-form button { border: none; margin-top: 0; }
#discount-giftcard-form .validation-advice { display: none !important; }
.cart-collaterals .totals { background: #FFF; color: #000; padding: 10px 0;}
.cart-collaterals .totals table { width: 100%; }
.cart-collaterals .totals table td { padding: 5px 15px; }
.cart-collaterals .totals .checkout-types { position: relative; top:0; left: 0; margin: 25px 15px 5px; }
.cart-collaterals .totals .checkout-types .btn-proceed-checkout { width: 100%; text-align: center; }
body.checkout-onepage-index { padding-top: 0 !important; }
body.checkout-onepage-index h1, body.checkout-onepage-index p { color: #FFF; }
body.checkout-onepage-index p a { color: #FFF; }
body.checkout-onepage-index header { position: relative; }
body.checkout-onepage-index .sidebar { display: none; }
body.checkout-onepage-index header.site-header nav .navlinks a.menu, /*body.checkout-onepage-index header a.cart-link,*/ body.checkout-onepage-index header .mobile-menu { opacity: 0; position: relative; z-index: -999; }
.paypal-or-3 { display: block; text-align: center; opacity: 0.5; }
body.paypal-express-review h1, body.paypal-express-review p { color: #FFF; }
body.paypal-express-review header.site-header nav .navlinks a.menu, /*body.checkout-onepage-index header a.cart-link,*/ body.checkout-onepage-index header .mobile-menu { opacity: 0; position: relative; z-index: -999; }
body.paypal-express-review address { font-style: normal; }
.container.addpadd { padding: 50px 0; }
ol.opc { margin: 0 auto 50px; padding: 0; }
ol.opc li.section { background: #FFF; margin-bottom: 10px; list-style: none; }
ol.opc li.section .step-title { padding: 20px; border-bottom: 1px solid #EEE; }
ol.opc li.section .step-title a { display: none; }
ol.opc li.section.allow .step-title a { display:inline; float: right; background: #65646a; padding: 5px 10px 4px; text-decoration: none; color: #FFF; font-size: 13px; text-transform: uppercase; margin-top: 8px; }
ol.opc li.section.active .step-title a { display: none; }
ol.opc li.section .step { padding: 20px ; }
ol.opc li.section .step label { margin-top: 10px; margin-bottom: 3px; display: block; }
ol.opc li.section .step label.required:after { content: ' *'; }
ol.opc li.section .step li.control label { display: inline-block; padding-left: 5px; }
ol.opc li.section .step label em { display: none; }
ol.opc li.section .step input[type=text], ol.opc li.section .step textarea { padding: 6px; background: #DDD; border:none; width: 100%; margin-bottom: 3px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; box-sizing: border-box; -moz-box-sizing: border-box; }
ol.opc li.section .step select { width: 100%; margin-bottom: 3px; }
ol.opc li.section .step button { padding: 7px 12px; background: #000; color: #FFF; text-transform: uppercase; display: inline-block; font-family: 'BrothersRegular'; letter-spacing:0;text-decoration: none; border: none; margin-top: 10px; }
ol.opc li.section p.required { display: none; }
ol.opc li.section p.back-link a { color: #000; text-decoration: none; display: none; }
#billing-login-link { display: none; }
/*#checkout-shipping-method-load .sp-methods dd { display: none; }*/
#checkout-shipping-method-load .sp-methods dd ul { margin: 0; padding: 0; list-style: none; }
#checkout-shipping-method-load .sp-methods dd ul input { display: none; }
#checkout-payment-method-load label { display: inline-block; }
ul.form-list, ul.form-list li { margin: 0; padding: 0; list-style: none; }
fieldset ul, fieldset li { margin: 0; padding: 0; list-style: none; }
.fields .validation-advice, .wide .validation-advice { color: #e33c33; }
.fields input.validation-failed, .wide input.validation-failed { border: 2px solid #e33c33; }
#checkout-step-review table { width: 100%; }
#checkout-step-review table th, #checkout-step-review table td { padding: 5px 10px 5px 0; border-bottom: 1px solid #000;}
#checkout-review-table h3 { margin: 0; }
.gift-messages { }
.gift-messages input[type=checkbox] { display: inline-block; }
.gift-messages label { display: inline-block; }
.gift-messages p.control { color: #000; }
.gift-messages-form { background: #eee; padding: 5px 15px 12px; }
/* Contact */
.cms-contact .col-main { max-width: 850px; padding: 0; background: #FFF; margin: 200px auto 0; }
.cms-contact .col-main h1 { padding: 20px 25px 0; font-size: 40px; }
.cms-contact .col-main p.contact-intro { padding: 0 25px 5px; margin-top: 0; }
.cms-contact .contact-methods { background: #65646a; line-height: 18px; }
.cms-contact .contact-methods > * { padding: 25px; color: #FFF; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; }
.cms-contact .contact-methods .method { display: block; text-transform: uppercase; }
.cms-contact .contact-methods .action { /*font-family: 'BrothersRegular'; letter-spacing:0;text-transform: uppercase;*/ font-weight: bold; }
.cms-contact .contact-methods .action.lrg { font-size: 19px; }
.cms-contact .contact-methods a { color: #FFF; text-decoration: none; }
.cms-contact .contact-methods img.contact-method-image { position: absolute; top:30px; right: 45px; width: 40px; height: auto; }
.cms-contact .contact-email { position: relative; }
.cms-contact .contact-email img.contact-method-image { margin-top: 8px; }
.cms-contact .contact-email img.tri-before { display: none; }
.cms-contact .contact-email img.tri-after { display: none; }
.contact-social { padding: 100px 0; text-align: center; background: #444 url('../img/skye-keg.jpg') no-repeat center center; }
.contact-social .lead { font-family: 'BrothersRegular'; letter-spacing:0;font-size: 22px; text-transform: uppercase; display: block; margin-bottom: 30px; color: #FFF; /*margin-top: 30px;*/ }
.contact-social a img { -webkit-filter: invert(100%); filter: url("data:image/svg+xml;utf8,#invert"); }
.contact-social a:hover img { transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);}
.contact-visit { background: #353535; padding: 50px 25px; }
.contact-visit > * { margin: 0; color: #FFF; }
.contact-visit h2 { font-size: 22px; margin-bottom: 10px; width: 100%; }
/* Blog */
body.is-blog .main-container { max-width:1050px; margin: 0 auto; position: relative; }
body.is-blog .main-container .col-main { background: #FFF; min-height: 1000px; }
.wp-sidebar h4 { font-size: 32px; margin: 0; padding: 20px; line-height: 36px;}
.wp-sidebar h5 { font-size: 24px; text-transform: uppercase; margin: 0; font-weight: normal; }
.sidebar-tweets { background: #353535; color: #FFF; padding: 20px 20px 15px; position: relative; }
.sidebar-tweets h5 { padding-bottom: 10px; }
.sidebar-tweets a { display: none; }
.sidebar-facebook { background: #3b5998 url('../img/facebook-f.png') no-repeat 80% bottom; color: #FFF; padding-bottom: 150px; display: block; text-decoration: none; position: relative; }
.sidebar-facebook iframe { position: absolute; left: 0; bottom: 20px; }
.sidebar-facebook a { text-decoration: none; color: #FFF; }
.sidebar-untappd { background: #fbb900; position: relative; }
.sidebar-untappd h5 { padding: 20px 20px 15px; }
a.smlink { position: absolute; top: 9px; right: 10px; display: block; }
.uptappd-update { padding: 20px; position: relative; border-top: 1px solid #000; }
.uptappd-update img { width: 66px; height: 66px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; position: absolute; top:20px; left: 20px; }
.uptappd-update .inner { padding-left: 80px; }
.uptappd-update a { color: #000; display: block; font-weight: bold; text-decoration: none; }
.uptappd-update a.upper { text-transform: uppercase; }
.post-list-item { padding: 30px; }
.post-list-item a { color: #000; text-decoration: none; }
.post-list-item p { margin-bottom: 10px; }
a.readmore { color: #646469; text-transform: uppercase; font-weight: bold; }
.post-entry p:first-child { font-size: 24px; line-height: 36px; margin-top: 20px; max-width: 500px; }
.pager p.amount { display: none; }
.wordpress-post-view .post-title, .wordpress-post-view .post-view { padding: 0 30px; }
.wordpress-post-view .featured-image { padding: 30px 30px 0; }
.is-blog .featured-image { margin-bottom: 20px; }
.is-blog .featured-image img { width: 100%; }
form.blog-newsletter { color: #FFF; margin-top: 50px; background: #DDD; padding: 30px; }
form.blog-newsletter span { display: block; margin-bottom: 15px; color: #000; text-align: center; font-weight: bold; }
form.blog-newsletter .fields { background: #FFF; position: relative; padding-left: 5px; height: 32px; overflow: hidden; max-width: 400px; margin: 0 auto; }
form.blog-newsletter input { border: none; outline: none; width: 400px !important; position: absolute; top:0; left: 0; height: 30px; padding-left: 6px; color: #000; }
form.blog-newsletter button { padding: 5px 10px 10px; background: #000; color: #FFF; font-family: 'BrothersRegular', sans-serif; text-transform: uppercase; border: none; outline: none; position: absolute; top:0; right: 0; }
.blog-header { padding: 30px; }
.all-news-link { margin: 20px 0 0 30px; color: #000; font-weight: bold; text-transform: uppercase; text-decoration: none; display: inline-block; }
.all-news-link img { margin-right: 7px; }
.pages { font-size: 0; text-align: center; margin-bottom: 20px; }
.pages ol { margin: 0; padding: 0; }
.pages ol li { display: inline-block; list-style: none; width: 50px; height: 50px; text-align: center; background: url('../img/pagination-sel.png') no-repeat center; line-height: 50px; color: #FFF; font-size: 16px; }
.pages ol li.current { background-image: url('../img/pagination.png'); }
.pages ol li.arrow-back { background-image: url('../img/pagination-back.png'); }
.pages ol li.arrow-next { background-image: url('../img/pagination-forward.png'); }
.pages ol li a { color: #FFF; text-decoration: none; display: block; }
/* Gathering */
.gathering-page { color: #FFF; padding: 25px; background: #353535; margin-top: 125px; margin-bottom: 75px; }
.gathering-page p { max-width: 600px; }
.gathering-page form.blog-newsletter { background: none; padding: 0; }
.gathering-page form.blog-newsletter .fields { margin: 0; border: 3px solid #FFF; max-width: 600px; }
@media (min-width: 700px) {
.hide-mobile { display: inline !important; }
#ales-carousel .l--paddleft, #awards-carousel .l--paddleft { padding-left: 70px !important; }
h1 { font-size: 50px; }
h2 { font-size: 28px; }
.shop-header p { width: 60%; }
.story { padding: 50px; }
h2 { width: 65%; }
#aap img { margin-bottom: 50px; }
a#aap-enter { margin-top: 15px; }
.footer-left a { display: inline; }
.sub-nav ul li { margin-right: 40px; }
.catalog-product-view.category-ale .sub-nav .link-core { font-weight: normal; }
.catalog-product-view.category-limited .sub-nav .link-limited { font-weight: normal; }
.cms-contact .col-main { margin-top: 300px; }
.cms-contact .contact-methods > * { padding: 40px 50px 35px; float: left; width: 33%; }
.cms-contact .contact-email { border-left: 1px solid #FFF; border-right: 1px solid #FFF; }
.cms-contact .contact-email img.tri-before { display:block; position: absolute; left: -36px; top: 32px;}
.cms-contact .contact-email img.tri-after { display:block; position: absolute; right: -35px; top: 32px; }
.cms-contact .contact-address { padding-bottom: 0 !important; padding-top: 30px !important; }
.contact-visit { padding: 50px; }
.cms-contact .col-main h1 { padding-top: 50px; padding-left: 50px; }
.cms-contact .col-main p.contact-intro { padding-left: 50px; padding-bottom: 25px; }
.label-list { max-width: 700px; margin-left: auto; margin-right: auto; }
/*.category-footer .category-cta > div { width: 50%; float: left; }*/
.category-footer .category-cta .ale-finder { position: relative; }
.category-footer .category-cta .ale-finder .or-tri { right: -35px; top: 95px; left: auto; }
.product-grid { width: 95%; }
.product-list-block { width: 48%; margin: 0 1%; }
.product-shop { float: left; width: 70%; margin-bottom: 0; }
.product-img-box { width: 30%; float: right; }
.product-img-box img { max-width: 2000%; }
.product-essential .product-name { padding-top: 75px; }
.product-type-9 .product-img-box { float: left; width: 50%; }
.product-type-9 .product-shop { width: 40%; float: right; margin-right: 5%; }
/*.product-type-9 .product-essential .product-name { padding-top: 0; }*/
.product-info-notes table td { display: table-cell; }
.more-product-info .product-food-matching { padding: 0; }
.more-product-info .product-food-matching img { width: 50%; float: left; margin: 0; }
.more-product-info .product-food-matching .container { width: auto; padding: 40px 0 40px 40px; float: left; max-width: 40%; }
.home-carousel a .container .text-holder { padding-right: 50%; }
.diamond-grid { line-height: 0; position: relative; margin-top: 30px; }
.diamond-grid .diamond { width: 50%; padding-bottom: 50%; }
.diamond-grid .diamond:nth-child(3n) { position: absolute; top:25%; left:25%; }
.diamond-grid .diamond-content { display: none; }
.home-ales img.lazy-700 { display: inline; }
.checkout-types { position: absolute; top:90px; right: 0; margin: 0; }
#discount-coupon-form { float: left; }
.cart-table td.image { display: table-cell; }
.cart-table h2 { white-space: nowrap; }
.cart-collaterals .totals { margin-left: 50%; width: 50%; }
.cart-collaterals .cart-additional { width: 45%; float: left; }
ol.opc li.section .step-title { padding: 30px 50px; }
ol.opc li.section .step { padding: 20px 50px; }
ol.opc li.section .step input[type=text] { padding: 10px; }
.gathering-page { padding: 50px; margin-top: 175px; margin-bottom: 175px; }
}
@media (min-width: 700px) and (max-width:999px) {
.sidebar-untappd h5 { border-bottom: 1px solid #000; }
.uptappd-update { width: 30%; display: inline-block; padding: 20px 0 20px 20px; border-top:none; }
.wp-sidebar { background: #3b5998; }
.sidebar-tweets, .sidebar-facebook { width: 50%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
}
@media (min-width: 1000px) {
body { padding-top:153px; }
body.reduced-padd { padding-top: 115px; }
/*body.cms-home { padding-top: 295px; }*/
body.menu-show nav .navlinks a.logo-text-link { display: none !important; }
footer { padding: 10px 30px 0; }
.footer-left { width: 260px; }
.footer-right { float: right !important; border-bottom: none; padding-bottom: 0; }
.footer-social { text-align: right; }
.footer-links { float: left; width: auto; height: 88px; border-left: 1px solid #000; padding-left: 10px; }
footer p.drinkaware { float: left; }
footer p.drinkaware a { display: inline; }
footer p.legal { float: right; margin-top: 0; }
header.site-header .mobile-menu { display: none; }
header.site-header .cart-link { float: none; position: relative; top:0; right: auto; padding-left: 23px; width: 38px; }
header.site-header { padding: 20px 0 15px; }
header.site-header nav a.logo-link { position: relative; left: auto; margin: 0; top:0; }
header.site-header nav a.menu { display: inline-block !important; padding: 5px 20px; }
header.site-header nav .navlinks { max-height: 200px !important; line-height: 75px; clear: none; padding: 0; }
header.site-header nav a.logo-link { padding: 5px 20px; }
body header.site-header.menu-extended:not(.not-home) { padding: 50px 0; }
header.menu-extended:not(.not-home) nav.navcontainer a.logo-link .logo-main { width: 150px; }
header.menu-extended:not(.not-home) a.logo-text-link .logo-text { width: 298px; display: block; margin: 10px auto 0; }
header.menu-extended.not-home a.logo-text-link .logo-text { width:180px; display: block !important; margin: 10px auto 0; }
header.not-home:not(.menu-extended) a.logo-text-link .logo-text { width:180px; margin: -10px auto -15px; display: block !important; opacity: 0; }
.home-carousel .owl-buttons { top: -280px; }
.home-carousel a .container .text-holder { padding-left: 50px; }
.owl-carousel .owl-buttons .owl-prev { right: auto; left:0; margin-left: 2%; }
.owl-carousel .owl-buttons .owl-next { left: auto; right:0; margin-right: 2%; }
.background-stretch, body.catalog-category-view { background-size: 100%; }
.page-title.category-title { padding: 75px 0; }
.label-list { width: 98%; max-width: 1400px; margin-left: auto; margin-right: auto; }
.label-list .label { width: 25%; }
.label-list .label img { width: 100%; height: auto; }
.story { padding: 75px 100px; margin-top: 300px; background: rgba(255,255,255,0.7); background: -moz-linear-gradient(top, rgba(255,255,255,0.65) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.65)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.65) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.cms-contact .col-main {
background: -moz-linear-gradient(top, rgba(255,255,255,0.65) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.65)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.65) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.65) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6ffffff', endColorstr='#ffffff',GradientType=0 );
}
body.is-blog .main-container { margin-bottom: 75px; }
body.is-blog .main-container .col-main { margin-right: 300px; }
body.is-blog .main-container .col-left { position: absolute; top:0; right: 0; width: 300px; }
body.is-blog .main-container { margin-top: 300px; }
.timeline-linear .timeline-intro { text-align: center; }
.timeline-linear .timeline-intro h2, .timeline-linear .timeline-intro p { width: 100%; padding: 0; }
.timeline-linear .time-block .time-constant { margin-left: 50%; width: 40%; padding-bottom: 200px; padding-top: 100px;}
.timeline-linear .time-block:nth-child(2n+2) .time-content { position: relative; left: -100%; text-align: right; }
.timeline-linear .time-block:nth-child(2n+2) .time-content .time-line { right: -40px; left: auto; }
.timeline-linear .time-block img { height: auto; left: 0; top:0; right: 0; bottom: 0; }
.product-list-block { width: 31%; margin: 0 1%; }
.shop-header { padding: 75px 0; }
.product-shop { width: 50%; }
.product-img-box { width: 50%; }
.diamond-grid { line-height: 0; position: relative; margin-top: 50px; left: 2%;}
.diamond-grid .diamond { width: 32%; padding-bottom: 32%; }
.diamond-grid .diamond.spacer { display: block; }
.diamond-grid .diamond:nth-child(3n) { position: relative; top:0; left:0; }
.diamond-grid .diamond:nth-child(4n) { position: absolute; top:25%; left:16%; }
.diamond-grid .diamond:nth-child(5n) { position: absolute; top:25%; left:48%; }
.diamond-grid .diamond:nth-child(8n) { position: relative; top:0; left:0; }
.home-ales img.lazy-1000 { display: inline; }
#blog-home { position: relative; }
.blog-header { position: absolute; top: -180px; color: #FFF; }
.wordpress-post-view .col-main { overflow: visible; }
.all-news-link { position: relative; left: -55px; }
.ale-finder-map { position: relative; }
.ale-finder-intro { width: 50%; box-sizing: border-box; -moz-box-sizing: border-box;}
.ale-finder-intro-text { text-align: left; height: 340px; padding: 30px;}
.ale-finder-intro-text h1 { margin-top: 30px; }
.ale-finder-showmap { position: absolute; left: 50%; width: 50%; top:0; }
.ale-finder-intro h1, .ale-finder-intro p, .ale-finder-intro-text span.what-is-untappd, .ale-finder-map .ale-shop, .ale-finder-postcode { display: block; }
.ale-finder-map #showmap { height: 700px; }
.ale-finder-intro button { margin-top: 10px; }
.ale-finder-intro .ale-shop { position: relative; height: 150px; background: url('../img/cash-register.jpg') no-repeat center top;}
.ale-finder-intro .ale-shop .title { margin-top: 20px; }
.ale-finder-intro .ale-shop .or-tri { position: absolute; top: -35px; margin-left: -35px; }
.ale-finder-intro-text span.what-is-untappd { color: #fbb900; margin-top: 20px; font-size: 13px; max-width: 400px; }
.ale-finder-intro-text span.what-is-untappd a { color: #fbb900; text-decoration: none; display: block; }
.ale-finder-intro-text span.what-is-untappd a span { text-decoration:underline; }
.ale-finder-postcode { background: #000; padding: 20px; }
.ale-finder-postcode input { padding: 8px; background: #DDD; border:none; width: 50%; color: #000; }
.ale-finder-postcode button { border: none; background: #353535; }
/*.cms-index-index .ale-finder, .cms-index-index .home-gathering { width: 50%; float: left; background-size: cover; } */
}
@media (min-width: 1180px) {
.home-carousel a .container .text-holder { padding-left: 0; }
.time-block img { width: 100%; }
.prodlink { display: block; }
.product-essential.slide-prev { left: 3%; }
.product-essential.slide-prev .prevprodlink { left: -1%; z-index: 9999; }
.product-essential.slide-prev .nextprodlink { right: 5%; }
.product-essential.slide-next { left: -3%; }
.product-essential.slide-next .prevprodlink { left: 5%; }
.product-essential.slide-next .nextprodlink { right: -1%; z-index: 9999; }
.product-list-block { width: 23%; margin: 0 1%; }
.cms-shop .container { max-width: 1300px; }
.cms-shop .container.product-grid { max-width: 1400px; }
}
/* Helper Classes */
.transition-all {
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
/*
* Core Owl Carousel CSS File
* v1.3.2
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/******************************************************\
*
* Base TouchCarousel stylesheet
*
* Contents:
*
* 1. Main containers
* 2. Carousel items
* 3. Arrows(direction) navigation
* 4. Paging navigation
* 5. Scrollbar
* 6. Cursors
*
\******************************************************/
/******************************************************\
*
* 1. Main containers (carousel size, background)
*
\******************************************************/
.touchcarousel {
position: relative;
width: 600px;
height: 400px;
/* style is removed after carousel is inited, use !important if you want to keep it*/
overflow: hidden;
}
.touchcarousel .touchcarousel-container {
position: relative;
margin: 0;
padding: 0;
list-style: none;
left: 0;
}
.touchcarousel .touchcarousel-wrapper {
position: relative;
width: 100%;
height: 100%;
}
/******************************************************\
*
* 2. Carousel items (item styling, spacing between items)
*
\******************************************************/
.touchcarousel .touchcarousel-item {
/* use margin-right for spacing between items */
margin: 0 0 0 0;
padding: 0;
float: left;
}
/* Last carousel item */
.touchcarousel .touchcarousel-item.last {
margin-right: 0 !important;
}
/******************************************************\
*
* 3. Arrows(direction) navigation
*
\******************************************************/
/* arrow hitstate and icon holder */
.touchcarousel .arrow-holder {
height: 70px;
width: 70px;
position: absolute;
top: 30%;
display: block;
cursor: pointer;
z-index: 25;
}
.touchcarousel .arrow-holder.left {
left: 2%;
background: url('../img/carousel-left.png') no-repeat center;
}
.touchcarousel .arrow-holder.right {
right: 2%;
background: url('../img/carousel-right.png') no-repeat center;
}
/* arrow icons */
.touchcarousel .arrow-icon{
width: 45px;
height: 90px;
top:50%;
margin-top:-45px;
position: absolute;
cursor: pointer;
}
.touchcarousel .arrow-icon.left { }
.touchcarousel .arrow-icon.right { }
.touchcarousel .arrow-holder:hover .arrow-icon { }
.touchcarousel .arrow-holder.disabled { cursor: default; opacity: 0.1; }
.touchcarousel .arrow-holder.disabled .arrow-icon { cursor: default; }
/******************************************************\
*
* 4. Paging navigation
*
\******************************************************/
.touchcarousel .tc-paging-container {
width:100%;
overflow:hidden;
position:absolute;
margin-top:-20px;
z-index:25;
}
.touchcarousel .tc-paging-centerer {
float: left;
position: relative;
left: 50%;
}
.touchcarousel .tc-paging-centerer-inside {
float: left;
position: relative;
left: -50%;
}
/* Paging items */
.touchcarousel .tc-paging-item {
float:left;
cursor:pointer;
position:relative;
display:block;
text-indent: -9999px;
}
.touchcarousel .tc-paging-item.current { }
.touchcarousel .tc-paging-item:hover { }
/******************************************************\
*
* 5. Scrollbar
*
\******************************************************/
.touchcarousel .scrollbar-holder {
position: absolute;
z-index: 30;
left: 6px;
right: 6px;
bottom: 5px;
height:4px;
overflow: hidden;
}
.touchcarousel .scrollbar {
position: absolute;
left:0;
height:4px;
bottom: 0px;
}
.touchcarousel .scrollbar.dark {
background-color: rgb(130, 130, 130);
background-color: rgba(0, 0, 0, 0.5);
}
.touchcarousel .scrollbar.light {
background-color: rgb(210, 210, 210);
background-color: rgba(255, 255, 255, 0.5);
}
/******************************************************\
*
* 6. Cursors
*
\******************************************************/
/* IE and Opera use "move", FF uses -moz-grab */
.touchcarousel .grab-cursor{ cursor:url(grab.png) 8 8, move; }
.touchcarousel .grabbing-cursor{ cursor:url(grabbing.png) 8 8, move; }
/* Cursor that used when mouse drag is disabled */
.touchcarousel .auto-cursor{ cursor:auto; }
/* Copyright 2011, Dmitry Semenov, http://dimsemenov.com */
.sell-point { margin: 0; font-size: 14px; color: #FFF; padding: 15px 0 13px; text-align: center; background: #353535 }
.sell-point ul { margin: 0; padding:0; position: relative; }
.sell-point li { padding: 0 ; display: inline-block; width: 30%; }
.sell-point li strong { text-transform: uppercase; display: block; letter-spacing: 0.1em; }
.sell-point a { color: #FFF; text-decoration: none; display: block; color: #999 }
.sell-point a strong { opacity: 1; color:#FFF; }
.sell-point a:hover { opacity: 1; color: #FFF; }
.sell-point img, #maincontent .sell-point img { height: 26px;
width: auto;
position: relative;
top: -3px;
margin-right: 6px; }
@media screen and (max-width: 900px) {
.sell-point { position: relative; height: 16px; }
.sell-point li { display: block; position: absolute; width: 100%; }
.sell-point li strong { display: inline; }
.sell-point li:nth-child(1) { animation:fade 9s infinite; -webkit-animation:fade 9s infinite; }
.sell-point li:nth-child(2) { animation:fade2 9s infinite; -webkit-animation:fade2 9s infinite; }
.sell-point li:nth-child(3) { animation:fade3 9s infinite;-webkit-animation:fade3 9s infinite; }
}
@keyframes fade
{
0% {opacity:1}
30% { opacity: 1}
35% { opacity: 0}
70% { opacity: 0}
95% { opacity: 0}
100% { opacity: 1}
}
@keyframes fade2
{
0% {opacity:0}
30% { opacity: 0}
35% { opacity: 1}
65% { opacity: 1}
70% { opacity: 0 }
100% { opacity: 0}
}
@keyframes fade3
{
0% {opacity:0}
30% { opacity: 0}
65% { opacity: 0}
70% { opacity: 1}
95% { opacity: 1}
100% { opacity: 0}
}
.checkout-cart-index .sell-point,*. .checkout-onepage-index .sell-point { display: none; }
.loadingcover { display: none; background: #000; opacity: 0.8; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.sk-folding-cube {
margin: 0px auto;
width: 40px;
height: 40px;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: rotateZ(45deg) translate(-20px,0px);
transform: rotateZ(45deg) translate(-20px,0px);
}
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #FFF;
-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
animation: sk-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
} 25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
} 90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
} 25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
} 90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
.case-types { background:#383136; }
.case-types ul { display: block; margin: 0 auto; padding: 0; text-align: center; }
.case-types ul li { display: inline-block; list-style: none; margin: 0; padding: 0; width: 23%; max-width: 200px; text-align: center; position: relative; }
.case-types ul li img { display: block; width: 100%; max-width: 100px; margin: 0 auto; }
.case-types ul li a { color: #999; display: block; padding: 15px 5px; text-decoration: none; font-size:11px; }
@media screen and (min-width: 550px) {
.case-types ul li a { font-size:14px; }
}
.case-types ul li a:hover { color: #FFF; }
.case-types ul li.selected:after { content: " "; width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #4c4146 transparent;
position: absolute; bottom: 0; left:50%; left: calc(50% - 10px);
}
.case-types ul li.selected a { color: #fff; }
@media screen and (max-width: 800px) {
.case-types ul li { float: left; width: 25%;}
}
.product-is-bundle .container { max-width: 2000px; }
.product-is-bundle h1 { line-height: 1.2em; margin-top: 0px; }
.product-is-bundle h1 em { display: block; font-size: 20px; line-height: 24px; font-style: normal !important; }
.product-is-bundle h2 { font-size: 13px; text-align: center; margin: 0 auto; text-transform: uppercase; position: relative; top: -13px; color: #999; font-weight: bold; }
.product-is-bundle .site-footer { display: none; }
.product-is-bundle body { background: #4c4146; }
.product-is-bundle .btn-cart { display: none; }
.product-is-bundle .last { margin: 0; }
.product-is-bundle .case-summary { background: #FFF; border-top: 1px solid #DDD; position: fixed; bottom:0; left: 0; width: 100%; padding: 20px; z-index: 9999; }
.product-is-bundle .case-fill { font-family: 'BrothersRegular'; font-size: 20px; width: 0%; float: left; }
.product-is-bundle .price-box { display: none; }
.product-is-bundle .product-options-bottom { position: fixed; bottom: 5px; right: 15px; width: 80% !important; z-index: 99999; text-align: right !important; }
.product-is-bundle .product-options-bottom .price-box, .product-options-bottom .add-to-cart { display: inline-block; }
.product-is-bundle .product-options-bottom .add-to-cart button { margin: 0 0 0 10px;
border: none;
background: none;
padding: 0;
font-family: 'BrothersRegular';
letter-spacing: 0;
text-transform: uppercase;
font-size: 22px;
text-align: left;
}
.product-is-bundle .product-options-bottom .add-to-cart button > span { background: #000; color: #FFF; padding: 5px 10px; display: inline-block;}
.product-is-bundle .product-options-bottom .add-to-cart .price-label { display: none; }
.product-is-bundle .bottle-panel input, .bottle-panel .qty-holder { display: none; }
.product-is-bundle p.required { display: none; }
.product-is-bundle .product-shop { width: 100%; text-align: center; }
.product-is-bundle span.price-label { display: none; }
.product-is-bundle .full-product-price { font-size: 18px; font-weight: bold; }
.product-is-bundle .bottle-panel { border-bottom: 1px solid #5a4a51; padding-bottom: 15px; margin-bottom: 15px; }
.product-is-bundle .bottle-image { float: left; position: relative; }
.product-is-bundle .bottle-image img { width: 50px; }
.product-is-bundle .bottle-image .bottle-count { position: absolute; top: 5%; right: -15px; display: inline-block; padding: 10px; border-radius: 50px; background: #000; color: #FFF; width: 14px; height: 14px; line-height: 14px; opacity: 0.5; }
.product-is-bundle .bottle-image .bottle-count.count { opacity: 1; }
.product-is-bundle .bottle-plaque { padding: 10px 25px; float: left; text-align: left; color: #FFF; width: calc(100% - 100px); }
.product-is-bundle .bottle-plaque h3 { margin: 0; }
.product-is-bundle .bottle-plaque strong { font-size: 18px; font-family: 'BrothersRegular'; }
.product-is-bundle .bottle-plaque p { margin: 10px 0 15px; line-height: 1.4em; color: #CCC; }
.product-is-bundle .bottle-cta { cursor: pointer; display: inline-block; }
.product-is-bundle .bottle-cta span { padding: 7px 12px; background: #FFF; color: #000; display: inline-block;}
.product-is-bundle .bottle-cta span.buy { background: #000; color: #FFF; font-weight: bold; text-transform: uppercase; }
.product-is-bundle .case-summary-mobile { background: #FFF; text-align: center; margin: 0 20px 100px; padding: 15px; }
.product-is-bundle .case-summary-mobile p { color: #999; margin-top: 0; position: relative; top: -15px; }
.product-is-bundle .bottles-view { display: none; text-align: center; }
.product-is-bundle .bottles-view.base { display: block; color: #000; line-height: 100px; }
.product-is-bundle .bottles-view.base img { width: 12%; margin: 5px; cursor: pointer; }
.product-is-bundle .bottles-view.base img.addglass { height: 100px; object-fit:cover; }
.product-is-bundle .about-ale { display: none; }
.product-is-bundle button { outline: none; }
.product-is-bundle button:hover { opacity: 0.85; }
.product-is-bundle button.disabled { opacity: 0.4; }
.product-is-bundle .qty-changer { background: #FFF; display: inline-block; }
.product-is-bundle .qty-changer .qty { color: #000; }
.product-is-bundle #genran { cursor: pointer; border-bottom:2px solid #65646a; font-weight: bold; }
.product-is-bundle #genran:hover { border-bottom: 2px solid #FFF; }
.product-is-bundle img.addglass { border-radius: 5px}
@media screen and (min-width: 900px ) {
.product-is-bundle h1 { margin-top: 0; }
.product-is-bundle .case-fill { width: 15%; }
.product-is-bundle .bottles-view.base, .case-summary-mobile { display: none; }
.product-is-bundle .bottles-view.bar { width: 50%; position: absolute; left: 25%; left: calc(25% - 25px); bottom: -20px; display: block; color: #000; line-height: 111px; }
.product-is-bundle .bottles-view.bar img { width: 30px; margin: 0 3px; display: inline-block; cursor: pointer; }
.product-is-bundle .bottles-view.bar img.addglass { width: 100px !important;}
.product-is-bundle .product-options-bottom { width: 35% !important; }
.product-is-bundle .input-box, .bottle-panel { display: inline-block; }
.product-is-bundle .bottle-plaque { display: none; }
.product-is-bundle .bottle-plaque p { margin: 10px 0 25px; }
.product-is-bundle .bottle-panel { border: none; padding: 0; margin: 0; }
/*.bottle-image img { width: 80px; }*/
.product-is-bundle .bottle-panel { width: calc(100% / 13)}
.product-is-bundle .bottle-image img { width: 100%; display: block; }
.product-is-bundle .bottle-image.active img { transform: scale(1.04); }
.product-is-bundle .bottle-image .bottle-count { top: 10%; right: 5px; }
.product-is-bundle .bottle-image img {
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.product-is-bundle .bottle-image.active:after, .bottle-image.active:before {
bottom: -36px;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.product-is-bundle .bottle-image.active:after {
border-color: rgba(76, 65, 70, 0);
border-bottom-color: #4c4146;
border-width: 10px;
margin-left: -10px;
}
.product-is-bundle .bottle-image.active:before {
border-color: rgba(99, 90, 94, 0);
border-bottom-color: #635a5e;
border-width: 11px;
margin-left: -11px;
}
.product-is-bundle .about-ale { display: block; border-top: 1px solid #635a5e; margin-top: 30px; padding-top: 10px; }
.product-is-bundle .about-ale { color: #DDD; }
.product-is-bundle .about-ale h3 { margin-bottom: 0; }
}
@media screen and (min-width: 1000px ) {
.product-is-bundle .bottle-panel { width: calc(100% / 13)}
.product-is-bundle .bottle-image img { width: 100%; }
}
.product-is-bundle .product-view { padding-bottom: 120px; }
.product-is-bundle .option-Glass { margin-bottom: 10vh; }
.product-is-bundle .option-Glass ul { margin: 0; padding: 0; }
.product-is-bundle .option-Glass li { display: block; list-style: none; color:#FFF; text-align: left; background:#1c1c1a; cursor: pointer; margin-bottom:10px; }
.product-is-bundle .option-Glass li input { display: none; }
.product-is-bundle .option-Glass li img { width: 140px; display: inline-block; }
.product-is-bundle .option-Glass li .price-notice { visibility: hidden; }
.product-is-bundle .option-Glass li .price-notice .price { visibility: visible; display: block; }
.product-is-bundle .option-Glass li label { display: block; border: 2px solid transparent; }
.product-is-bundle .option-Glass li span.titleprice { display:inline-block; margin-top: 55px; padding-right: 20px; }
@media screen and (min-width: 800px ) {
.product-is-bundle .option-Glass li { display: inline-block; margin: 0 3px 10px; }
}
.product-is-bundle .input-box { width: 100%; }
.product-is-bundle input[type=radio]:checked ~ label { border: 2px solid #FFF; }
.product-is-bundle .choice-title { margin: 40px 0 20px; color: #FFF; font-family: 'BrothersRegular'; text-transform: uppercase; }