.store, .main {vertical-align: top; margin: 0}
.ui-select, .nextHeaderTable, .nextBannerCellLeft, .nextBannerCellCenter, .nextBannerCellRight, .nextBannerCellButton {width: 100%}
.main, .modal {text-align: left; font-size: 10pt}
.modal {padding: 0 2px}
hr {height: 1px}
.main hr {color: black; background-color: black; border-width: 0px}
.ui-content {padding: 0 1px}
td {font: inherit}
.font1, .cart, .nextTextDialogContainer, .nextNotifyInStockButton {font-size: 10pt}
.font1small, .nextSharingDiscountLimit {font-size: 8pt}, .nextPurchaseSetQtyMsg {font-size: 8pt}
.font1large {font-size: 12pt}
.font2 {font: 10pt arial,helvetica,sans-serif}
.font2small {font: 8pt arial,helvetica,sans-serif}
.font2large {font: 12pt arial,helvetica,sans-serif}
.labelSubText {font-size: 8pt; display: block}
.mlabelSubText {font-size: 8pt}
.nextCartStatus, .nextCartEmpty .nextCartEmptyMessage, .nextSharingDiscountMessage {font-style: italic}
.nextSharingDiscountMessage {padding-top: 20px}
.nextStatus {padding-top: 5px; font-style: italic}
.nextCartEmpty {padding: 10px 10px 50px 10px; text-align: center}
a.nounderline, .nounderline a, .nextCategoryTarget a, .nextProductTarget a, .nextCartProductTarget, .nextDiscountThumbnail {text-decoration: none}
.nextHeader, .nextFooter, .banner2 {height: 45px}
.nextHeaderFooter {clear: both}
.nextBannerCellRight .nextBannerText {padding-right: 6px}
.nextBannerCellLeftButton .nextBannerText {padding-right: 12px}
.nextBannerCell, .nextFirstNameLabel, .nextLastNameLabel, .nextPhoneLabel, .nextExtLabel, .nextEmailLabel, .nextAddressLabelLabel, .nextCompanyNameLabel, .nextAddress1Label, .nextAddress2Label, .nextCityLabel, .nextStateLabel, .nextZipLabel, .nextCountryLabel, .nextAddressTypeLabel, .nextAddressTypeRadio, .nextPasswordLabel {white-space: nowrap}
.nextBannerCellLeft, .nextBannerCellLeftButton, td.nextNavButton, .nextCartProductListHeader h2 {text-align: left}
.nextCentered, .nextBannerCellCenter, .nextShipName, .welcome, .nextSharingDiscountMessage, .nextPolicyContainer, .nextPoweredBy, .nextWarningsPopup, .nextGiftMessageWrap .ui-controlgroup-label, .nextGiftMessageWrap .ui-controlgroup-controls, .nextGeneralConfirmation, .nextCatalogFooter, .nextGeoTrust, .nextTrustGuard, .nextNotification, .nextLogo, .nextTrusteeEmailConfirmation, .nextMobileLoyaltyRedemptionDiv, .nextLegalDisclaimer, .nextCustomerShipperWarning {text-align: center}
.nextSKUShipText, .nextLogo {padding: 10px 0 0 10px}
.nextBannerCellRight, td.nextCartButton, .nextCartTotalAmount, .nextCartDiscount {text-align: right}
.nextNavButtonText, .nextCartButtonText {vertical-align: middle; height: 22px}
.nextCartButtonText {position: relative; left: -2px; top: -5px}
.nextCartButton, .nextCartButton:hover, .nextHomeButton, .nextHomeButton:hover, .nextContinueButton, .nextContinueButton:hover, .nextCheckoutButton, .nextCheckoutButton:hover {min-width: 80px; height: 34px; white-space: nowrap}
.nextCartButtonIcon {display: inline-block; width: 30px; height: 30px; cursor: pointer; vertical-align: middle; background-image: url(//cdn.nexternal.com/net/mobile/stylesheet/jquerymobile/images/cart_white.png); background-repeat: no-repeat; background-position: 0 50%; position: relative; height: 30px; width: 30px; top: -5px}
.nextMobileButton {min-height: 34px; min-width: 80px}
.nextSearchResultsContainer ul {position: absolute; z-index: 2; width: 100%}
.nextProductSearchResults {margin: 0 !important}
.nextShipToCartProducts, .nextPickupCartProducts, .nextEmailToCartProducts {padding: 0; border-top-width: 1px}
.nextCategoryList, .nextProductList, .nextCartProductList, .nextCartTotalRows {border: 0 solid black; border-bottom-width: 1px; list-style: none; padding: 0}
.nextCategoryListItem, .nextProductListItem, .nextCartProductListItem, .nextCartTotalRows li {display: block; border: 0 solid black; margin: 0; text-align: left}
.nextCategoryListItem, .nextProductListItem {border-top-width: 1px}
.nextCategoryListItem a {font: 10pt arial,helvetica,sans-serif}
.nextCartProductListItem {border-bottom-width: 1px}
.nextCategoryTarget, .nextProductTarget, .nextCartProductTarget, .nextDiscountThumbnail, .nextShipToLabel, .nextPriceTable, .nextSpecifications, .nextPickup, .nextPickupExplanationLink, .nextShipToExplanationLink, .nextSubscriptionDescriptionLink {display: block}
.nextCategoryTarget {padding: 0.7em 75px 0.7em 15px}
.nextCategoryListItem div {position: relative}
.nextCategoryListItem img, .nextProductListItem img, .nextCartProductListItem img {max-width: 80px; max-height: 80px; position: absolute; top: 0; left: 0; border: 0; float: left}
.nextCartProductListItem img {max-width: 80px; max-height: 80px}
.nextCategoryListItem .ui-icon, .nextProductListItem .ui-icon, .nextCartProductListItem .ui-icon {display: block; position: absolute; top: 50%; margin-top: -9px; right: 10px}
.nextCategorySubList {margin: 0; -webkit-margin-after: 15px; border-top-width: 1px; background-color: #EEE}
.nextCategorySubList .nextCategoryListItem div {margin: 0 15px}
.nextCategorySubList .nextCategoryListItem {border: 0 solid black; border-bottom-width: 1px}
.nextCategoryTargetImg {padding-left: 95px; min-height: 65px}
.nextProductListItem, .nextCartProductListItem, .nextCartTotalRows li, .nextShippingMethodSelectSalesTax {padding: 5px 0 5px 0}
.nextProductListItemContainer, .nextCartProductListItemContainer {position: relative; min-height: 80px}
.nextProductThumbnailItem, .nextCartProductThumbnailItem, .nextCategoryThumbnailItem {padding-left: 85px}
.nextCategoryThumbnailItem {min-height: 80px}
.nextMobileDialog {position: absolute; padding: 10px; border: 1px solid #aaa; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; z-index: 100; background: -moz-linear-gradient(center top , #FDFDFD, #EEEEEE) repeat scroll 0 0 #EEEEEE; background-image: -webkit-gradient(linear,center top,center bottom, color-stop(0, #FDFDFD), color-stop(1, #EEEEEE)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FDFDFD', EndColorStr='#EEEEEE')"; text-shadow: 0 1px 1px #F6F6F6; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); color: #333333;white-space:normal}
.nextOverlay {background-color: rgba(0, 0, 0, 0.5); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:0.5}
.nextOverlay, .nextLoadingOverlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99}
.ui-loader {z-index:1000; box-shadow: none}
.nextLoadingOverlay {z-index:999}
.nextPopupElement input, .nextPopupElement select, .nextNewShipToLabel, .nextNewShipName {display: block; width: 97%}
.nextProdName {font: 12pt arial,helvetica,sans-serif; font-weight: bold; display: block; text-align: left}
.nextProductDetail {padding: 5px; text-align: left}
.nextTabbedRule, .nextShipName, .nextCartBottomButton {margin: 5px 0}
.nextTabbedRule, .nextRelatedRule {border-bottom: 1px solid black}
.nextNoProductThumbnailItem, .nextNoCartProductThumbnailItem, .nextProductDetail .nextProdName, .nextProductDetail .nextShortDesc, .nextProductDetail .nextStatus, .nextProductDetail .nextAttributeLabel, .nextWriteInAttributes, .nextPrice, .nextHiddenPrice, .nextSKUContainer, .nextCustomField1Container, .nextCustomField2Container, .nextCustomField3Container, .nextCustomField4Container, .nextCustomField5Container, .nextCustomField6Container, .nextCustomField7Container, .nextCustomField8Container, .nextCustomField9Container, .nextCustomField10Container, .nextCustomField11Container, .nextCustomField12Container, .nextCustomField13Container, .nextCustomField14Container, .nextCustomField15Container, .nextCustomField16Container, .nextCustomField17Container, .nextCustomField18Container, .nextCustomField19Container, .nextCustomField20Container, .nextUOMContainer, .nextShipWeightContainer, .nextAllocationContainer, .nextInventoryContainer, .nextOrderDiscounts, .nextGiftCertificate {padding: 0 10px}
.nextOrderDiscounts, .nextCartPhoneNumber, .nextCartEmail, .nextShipTo {padding-bottom: 10px}
.nextTweet, .nextPinIt, .nextFBShare, .nextAddThis, .nextAddToCart, .nextNewShipToLabel, .nextNewShipName, .nextMainImage, .nextProductSearchContainer, .nextPagesTicker, .nextTellAFriendMessage, .nextPolicyBody, .nextSoldOut {padding: 10px}
.nextPopupElement, .nextMobileInput, .nextRegisterAddendum, .nextRegisterHeader {padding: 5px 10px}
.nextSoldOut {font-style: italic; font-weight: bold; text-align: center}
.nextBidPrice {padding: 10px 0}
.nextMiniThumb {cursor: pointer}
.nextPrice, .nextSKUText, .nextGiftMessageWrap {padding-top: 10px}
.nextGiftMessageWrap {padding-left: 10px}
.nextSKU, .nextCustomField1, .nextCustomField2, .nextCustomField3, .nextCustomField4, .nextCustomField5, .nextCustomField6, .nextCustomField7, .nextCustomField8, .nextCustomField9, .nextCustomField10, .nextCustomField11, .nextCustomField12, .nextCustomField13, .nextCustomField14, .nextCustomField15, .nextCustomField16, .nextCustomField17, .nextCustomField18, .nextCustomField19, .nextCustomField20, .nextUOM, .nextShipWeight, .nextAllocation, .nextInventory, .nextCartSubtotalLabel, .nextCartGrandTotalLabel, .banner2 {font-weight: bold}
.nextFBShareContainer {display: inline-block; position: absolute; left: 0; top: 0; padding: 10px}
.nextFBShare {position: relative; height: 80px}
.nextCartSavings, .nextCartSubscription, .nextCartOrderSubscription, .nextCartReservation, .nextCustomerShipperWarning {color: black}
.nextEditQuantity, .nextShippingMethodSelectLineItems, .nextCartDiscountRow, .nextCategoryDiscount, .nextSurcharge, .nextBuyNowButtonContainer {display: table-row}
.nextEditQuantity div, .nextBuyNowButtonContainer div, .nextGiftMessageWrap .ui-controlgroup-label, .nextGiftMessageWrap .ui-controlgroup-controls {display: table-cell; vertical-align: middle; padding-right: 15px}
.nextQuantityLabelContainer, .nextQuantityTextBoxContainer {padding-right: 20px;}
.nextQuantityLabelContainer {min-width: 55px}
.nextQuantityTextBoxContainer {min-width: 65px}
.nextAddToCartButtonContainer, .nextBuyNowButtonDiv, .nextFavoriteShoppingListContainer {width: 100%}
.nextTellAFriendCaptcha, .nextQuestionCaptcha, .nextReviewCaptcha, .nextPasswordCaptcha, .nextTrusteeCaptcha, .nextRegisterCaptcha {width: 304px; margin: 0 auto 0;}
.nextGiftMessageWrap .ui-controlgroup-label, .nextGiftMessageWrap .ui-controlgroup-controls {width: 50%}
.nextGiftMessageWrap .ui-controlgroup-controls {min-width: 160px}
.nextGiftMessageWrap, .nextInvoiceShipToAddress {border-bottom: 1px dotted black}
.nextCartTotalRows li, .nextPolicyContainer div {display: table; width: 100%}
.nextCartTotalAmount, .nextCartTotalLabel, .nextCartDiscountLabel, .nextCartDiscount, .nextPolicyLink {display: table-cell}
.nextNotification {border: 1px solid #CCC79A; background-color: #FFFACD}
.nextGeoTrust, .nextTrustGuard, .nextNotification {padding: 5px}
.nextNotificationHeader {padding-bottom: 5px}
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.star-rating {width:18px;height:18px}
div.star-rating,div.star-rating a {background:url(//cdn.nexternal.com/shared/storefront/images/star_empty.png) no-repeat 0 0px}
div.star-rating a{display:block;width:18px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a, div.star-rating-hover a {background:url(//cdn.nexternal.com/shared/storefront/images/star_full.png) no-repeat 0 0px}
div.star-rating-readonly a {cursor:default !important}
div.star-rating {background:transparent!important; overflow:hidden!important}
.nextHoverNotification {position: absolute; left: 50%; width: 200px; z-index: 5000; cursor: pointer; background: -moz-linear-gradient(center top , #666666, #222222) repeat scroll 0 0 #222222; background-image: -webkit-gradient(linear,center top,center bottom, color-stop(0, #666666), color-stop(1, #222222)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#222222')"; border: 0; border-radius: 6px; box-shadow: 0 0 6px #000000; color: #FFFFFF; font-family: Helvetica,Arial,sans-serif; font-size: 15px; z-index: 5001; text-align:center; padding: 10px}
.nextRatingLabel, .nextRatingContainer {display: inline-block}
.nextRatingLabel, .nextRatingContainer, .nextCustomerCustomFieldValue {vertical-align: top}
.nextShippingMethodSelectLineItemQty, .nextShippingMethodSelectLineItemName {display: table-cell; padding: 5px 10px 5px 0}
.nextPolicyContainer, .nextPoweredBy {padding: 20px 0}
.ui-collapsible .nextDetails .ui-corner-bottom {border-bottom-left-radius: 0; border-bottom-right-radius: 0}
.nextCurrency {display: block; position:relative; font-size:14pt; top:25px; left:9px; height:0; line-height:0; z-index:2}
.nextCurrencyInput {padding: 0.4em 17px !important}
.nextStandardStoreFrontLink {text-align: center; padding: 10px 0;}
.nextNoScriptBlock {display: block; width:100%; height:10000px; position: fixed; left: 0; top: 0; z-index: 2}
.nextNoScriptBlock .ui-header {background-image:-webkit-gradient(linear,left top,left bottom,from( #3C3C3C ),to( #111111 )); background-image:-webkit-linear-gradient( #3C3C3C,#111111 ); background-image: -moz-linear-gradient( #3C3C3C,#111111 ); background-image: -ms-linear-gradient( #3C3C3C,#111111 ); background-image: -o-linear-gradient( #3C3C3C,#111111 ); background-image: linear-gradient( #3C3C3C,#111111 );}
.nextNoScriptBlock .ui-content {padding: 15px}
.nextCartAccountInfo {padding: 0.5em 0}
#sw-wrapper {position:absolute; z-index:1000; left:0; width:100%; font-family:helvetica, sans-serif; background:rgba(0,0,0,0.7); text-align:left}
#sw-header {position:relative; width:100%; height:43px; border-top:1px solid #000; border-bottom:1px solid #000; background:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-header.png) 0 0 repeat-x; opacity: 0.9}
#sw-cancel, #sw-done {position:absolute; top:7px; height:20px; line-height:20px; padding:0 5px; margin:0; border-width:5px; font-size:12px; font-weight:bold; text-shadow:rgba(0,0,0,0.8) 0 -1px 0; color:#fff}
#sw-cancel {left:7px; float:left; -webkit-border-image:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-button-cancel.png) 5}
#sw-done {right:7px; float:right; -webkit-border-image:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-button-done.png) 5}
.sw-pressed {opacity:0.4;}
#sw-slots-wrapper {position:relative; z-index:999; display:block; height:215px; padding:0 11px; overflow:hidden}
#sw-slots {display:table; width:100%; background:#fcfcfc}
#sw-slots div {display:table-cell; height:100%; padding-top:86px; border-left:2px solid #0d0e0f; background-color:#fcfcfc; background-image: url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-slot-border.png); background-position: 0 0, 100% 0; background-repeat: repeat-y}
#sw-slots div:first-child {border:0;}
#sw-slots ul {padding:0 0 85px 0; margin:0; list-style:none}
#sw-slots .sw-right {text-align:right;}
#sw-slots .sw-shrink {width:1%;}
#sw-slots .sw-readonly {background:#ddd;}
#sw-slots li {padding:0 8px; height:44px; overflow:hidden; font:bold 24px/44px Helvetica,sans-serif}
#sw-frame {position:absolute; z-index:1000; left:0; right:0; bottom:0; height:183px; border-width:16px; -webkit-border-image:url(//cdn.nexternal.com/net/mobile/stylesheet/images/sw-alpha.png) 16}
.nextLoginHeader, .nextContactInfoHeader {margin-top: 15px}
span.ui-body-d {background: none; border: none}
.nextCategoryListItem:active, .nextProductListItem:active {-moz-box-shadow: 0 0 10px #888; -webkit-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888}
.nextTextDialogContainer {padding:5px}
.nextCollapsibleText {text-overflow: ellipsis}
.nextStaticText {position: absolute; right: 20px}
h2.ui-collapsible-heading .ui-btn-text, h3.ui-collapsible-heading .ui-btn-text {position: static}
h2.ui-collapsible-heading .ui-btn-inner, h3.ui-collapsible-heading .ui-btn-inner {padding-right: 50px !important}
.nextPickup {padding: 10px 0 10px 0;}
.nextPickupLabel {font-size:16px}
.nextCartProductListHeader h2 {font-size: 1.5em; margin: 16px 0 !important}
.nextPickupInvoiceProducts, .nextPickupExplanationLink, .nextShipToExplanationLink, .nextSubscriptionDescriptionLink {padding: 10px 0}
.nextIconInactive {color: #a5a5a5}
.nextFontHeartActive {color: red}
.nextFontStarActive {color: #f7e729}
.nextFontShopListActive {color: #e09c1e}
.nextFontBookmarkActive {color: blue}
.pac-item {font-family: arial,helvetica,sans-serif}
body .ui-btn.nextAddToCartButton, .ui-submit {background:#20a96e !important; color:white !important;}
a {text-decoration:none;}
.nextMobileDialog {z-index:9999}
#aspnetForm {margin-top:150px;}
/*mobile vanillabean 2.0*/
.nextHeader.ui-bar-a {
background:#333; /*TOP BANNER*/
}
.nextGallery div {
display:none;
}
.ui-bar-f,
.ui-bar-d,
.ui-bar-a{
font-family:'Roboto', sans-serif; /*HEADINGS FONT*/
text-shadow:none;
background:none;
border:none;
border-bottom:1px solid #CCC;
font-size:18px;
padding-left:5px;
box-sizing: border-box;
}
.nextCategorySubList {
background:rgba(0,0,0,.1);
}
.nextTweet,
.nextPlusOne,
.nextPinIt,
.nextFBLike,
.nextFBShare {
display:inline-block;
vertical-align:top;
}
a,
.ui-body-a .ui-link,
.ui-body-a .ui-link:visited,
.ui-body-a .ui-link:hover {
color:#20a96e; /*LINK COLOR*/
}
.ui-body-a .nextCategoryList ul a,
.nextGeoTrust,
.nextTrustGuard,
.nextNotification,
#sw-slots {
color:#000;
}
/*BODY BACKGROUND COLOR OR IMAGE, AND SEPEARATE CONTENT BACKGROUND COLOR*/
/*
div.main {
background:#F0F5F0;
}
.nextContent,
.nextCatalogFooter{
background-color: #FFF;
max-width:1130px;
box-sizing: border-box;
}
.nextContent{
margin: 30px auto 0;
border-radius:4px 4px 0 0;
}
.nextCatalogFooter{
margin: 0 auto;
border-radius:0 0 4px 4px;
}
.bottomHTML {
margin-top:30px;
}
.nextInvoice .bottomHTML,
.nextLogin .bottomHTML,
.nextOrderInfo .bottomHTML{
display: none;
}
*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top:30px;
}
.video-container iframe, .video-container object, .video-container embed {
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.account #footer,
.checkout #footer {
display:none;
}
.fluidWrap {
display:inline-block;
}
.fluidWrap img {
width:100%;
max-width:100%;
}
.hideMobile {
display:none !important;
}
.nextCategoryDescription {
overflow:scroll;
}
/*sale stickers*/
.onSale > .nextProductTarget,
.onSale .nextMainImage {
position:relative;
display:inline-block;
}
.onSale > .nextProductTarget:after,
.onSale .nextMainImage:after {
content:"Sale!";
position:absolute;
left:8px;
top:8px;
text-transform:uppercase;
opacity:.95;
background:#d26e4b;
width:55px;
height:55px;
line-height:55px;
border-radius:999px;
font-size:16px;
color:#ffffff;
font-weight:bold;
text-align:center;
}
.onSale > .nextProductTarget:after {
width:30px;
height:30px;
line-height:30px;
font-size:8px;
}
/*fluid gallery thumbs*/
.nextMiniThumb {
box-sizing: border-box;
display: inline-block;
padding: 0 2%;
max-width: 31%;
}
.nextMiniThumb img {
height: auto;
max-width: 100%;
width: 100%;
}
.clubPrice b {
font-weight: normal;
}
/*----------------------------------------------------------------
..discount label customization for category discounts and
customer type discoutns that display as line items in the cart
------------------------------------------------------------------*/
/*
.nextCategoryDiscount .nextCartDiscountLabel, .nextCategoryDiscount .labelSubText {
font-size: 0;
}
.nextCategoryDiscount > .nextCartDiscountLabel:before{
content: "Club Membeer Discount - 20% off all wine";
font-size: 13px;
}
.nextCustomerDiscount .nextCartDiscountLabel{
font-size: 0;
}
.nextCustomerDiscount .nextCartDiscountLabel:before{
content: "Case Discount - 15% off 12 or more bottles";
font-size: 13px;
}
*/
/*hide pickup*/
/*
#inpFulfillmentMethodPickUp,
label[for="inpFulfillmentMethodPickUp"] {
display:none;
}
*/
input.nextHTMLButton, a.nextHTMLButton, a.nextAddEditButton {
color: #FFF;
background: #333;
background: rgba(0, 0, 0, .5);
padding: 10px 12px;
border: 0;
border-radius: 0;
font-weight: 700;
font-size: 13px !important;
cursor: pointer;
/*font-family: 'Roboto', sans-serif;*/
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
-webkit-appearance: none;
text-decoration: none;
text-transform: uppercase;
border: 2px solid #888;
background: #FFF;
color: #888;
box-sizing: border-box;
}
input.nextHTMLButton:hover, a.nextHTMLButton:hover, a.nextAddEditButton:hover {
background-color: #333;
background-color: rgba(0, 0, 0, .7);
color: #FFF;
background: #888;
color: #FFF;
}
/*----------------------------------------------------------------
..Template1 content styling
------------------------------------------------------------------*/
.nextHeader {
height: 43px;
}
.ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button, .ui-btn {
font-family: 'Roboto', sans-serif !important;
}
.ui-btn-corner-all,
.ui-corner-all{
border-radius: 0;
}
.ui-shadow {
box-shadow: none;
}
.ui-btn {
border: none !important;
background-image: none;
background:#999 !important;
font-size: 13px !important;
text-transform: uppercase;
font-weight: 400 !important;
white-space: normal !important;
color: #FFF !important;
}
.ui-btn.nextAddToCartButton {
font-weight: 700 !important;
/*font-size: 13px;*/
transition: all .3s ease;
text-transform: uppercase;
box-sizing: border-box;
border: 2px solid #888 !important;
background: #FFF !important;
color: #888 !important;
}
.ui-btn.nextAddToCartButton:hover {
background: #888 !important;
color: #FFF !important;
}
.ui-btn-inner {
border: none;
}
.ui-btn-text {
text-shadow: none !important;
}
.ui-radio-off {
background: #EEE !important;
color:#999 !important;
}
.ui-controlgroup .ui-radio {
border-radius: 0;
}
.ui-shadow-inset {
box-shadow: none;
}
.nextFullCart,
.nextCartSmallButton,
#aCartCalculator{
margin-left:5px;
margin-right: 5px;
box-sizing: border-box;
}
.ui-listview li.ui-btn {
border-bottom:1px solid #FFF !important;
}
.ui-li .ui-btn-text a.ui-link-inherit {
white-space: normal;
}
.nextEmailRetype ~ hr {
display:none;
}
hr,
.main hr{
background-color: #999;
display: none;
}
div.ui-input-text {
padding:0;
}
div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text {
padding: .4em;
box-sizing: border-box;
border-radius: 0;
}
.nextMobileDialog {
border-radius: 0;
}
.nextEditQuantity div {
padding-right: 5px;
}
.nextEditQuantity div input.ui-input-text {
padding: .5em .4em;
}
/*----------------------------------------------------------------
..TOP HTML
------------------------------------------------------------------*/
:root {
font-size: 16px;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
[hidden] {
display: none
}
.aligncenter,
.alignleft,
.alignnone,
.alignright {
float: none;
margin: 0 auto 1.625rem 0;
display: inline-block;
max-width: 100%!important
}
p .aligncenter,
p .alignleft,
p .alignnone,
p .alignright {
margin-bottom: 1.25rem
}
.borderingHTML *,
.borderingHTML *:after,
.borderingHTML *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.borderingHTML ul {
padding:0;
margin:0;
}
body[data-modal-state=active],
body[data-nav-state=active] {
overflow: hidden;
position: fixed;
width: 100%
}
svg {
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
display: inline-block;
vertical-align: middle
}
.hide-text {
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute!important;
width: 1px
}
.logo {
display: block
}
.logo img.sslogo {
height:1.875rem;
width:auto
}
.logo img.phlogo {
height:6rem;
width:auto;
display:none;
}
.nextParkerHannifin .logo img.sslogo {display:none;}
.nextParkerHannifin .logo img.phlogo {display:block;}
.sprite {
visibility: hidden;
display: inline-block;
-webkit-transition: opacity .3s ease-in-out, fill .3s ease-in-out;
transition: opacity .3s ease-in-out, fill .3s ease-in-out;
-webkit-transition-duration: .2s;
transition-duration: .2s;
max-width: 100%
}
.sprite-loaded .sprite {
visibility: visible
}
.nav-toggle {
background: transparent;
display: inline-block;
position: relative;
z-index: 5;
overflow: hidden;
margin: 0;
padding: 0;
width: 1.875rem;
height: 1.375rem;
font-size: 0;
border-radius: 0;
cursor: pointer;
-webkit-box-shadow: none;
box-shadow: none;
-moz-appearance: none;
-webkit-appearance: none
}
.nav-toggle:focus,
.nav-toggle:hover {
background-color: transparent;
outline: none
}
.nav-toggle span {
top: .5625rem;
right: 0;
-webkit-transition: background 0s .25s;
transition: background 0s .25s
}
.nav-toggle span,
.nav-toggle span:after,
.nav-toggle span:before {
display: block;
position: absolute;
left: 0;
height: .25rem;
background-color: #255036
}
.nav-toggle span:after,
.nav-toggle span:before {
width: 100%;
content: ""
}
.nav-toggle span:before {
top: -.4375rem;
-webkit-transition: top .25s ease-in-out .25s, -webkit-transform .25s ease-in-out 0s;
transition: top .25s ease-in-out .25s, -webkit-transform .25s ease-in-out 0s;
transition: top .25s ease-in-out .25s, transform .25s ease-in-out 0s;
transition: top .25s ease-in-out .25s, transform .25s ease-in-out 0s, -webkit-transform .25s ease-in-out 0s
}
.nav-toggle span:after {
bottom: -.4375rem;
-webkit-transition: bottom .25s ease-in-out .25s, -webkit-transform .25s ease-in-out 0s;
transition: bottom .25s ease-in-out .25s, -webkit-transform .25s ease-in-out 0s;
transition: bottom .25s ease-in-out .25s, transform .25s ease-in-out 0s;
transition: bottom .25s ease-in-out .25s, transform .25s ease-in-out 0s, -webkit-transform .25s ease-in-out 0s
}
.nav-toggle[data-state=active] span {
background: none
}
.nav-toggle[data-state=active] span:before {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: top .25s ease-in-out 0s, -webkit-transform .25s ease-in-out .25s;
transition: top .25s ease-in-out 0s, -webkit-transform .25s ease-in-out .25s;
transition: top .25s ease-in-out 0s, transform .25s ease-in-out .25s;
transition: top .25s ease-in-out 0s, transform .25s ease-in-out .25s, -webkit-transform .25s ease-in-out .25s
}
.nav-toggle[data-state=active] span:after {
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: bottom .25s ease-in-out 0s, -webkit-transform .25s ease-in-out .25s;
transition: bottom .25s ease-in-out 0s, -webkit-transform .25s ease-in-out .25s;
transition: bottom .25s ease-in-out 0s, transform .25s ease-in-out .25s;
transition: bottom .25s ease-in-out 0s, transform .25s ease-in-out .25s, -webkit-transform .25s ease-in-out .25s
}
.hero-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
font-size: 1.875em
}
.hero-title .button {
margin-left: .375em
}
.hero-title .sprite {
fill: #fff
}
.hero-title.hero-title--long {
font-weight: 500;
text-align: left;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
max-width: 100%;
display: block;
font-size: 2.125em
}
.hero-title.hero-title--secondary {
font-weight: 500;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 2em
}
.location {
margin: 0 0 1.125em
}
.menu-item {
position: relative
}
.menu-link {
font-weight: 700;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.2;
text-align: center;
color: #2b2b2b
}
.menu-link:focus,
.menu-link:hover,
.menu-link[data-dropdown-state=active],
.menu-link[data-dropdown-state=active]:focus,
.menu-link[data-dropdown-state=active]:hover,
.menu-link[data-slide-state=active],
.menu-link[data-slide-state=active]:focus,
.menu-link[data-slide-state=active]:hover {
color: #20a96e
}
.menu-link .sprite--chevron {
width: .5625rem;
height: .875rem;
margin-left: .75rem;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}
.menu-link[data-dropdown-state=active] .sprite--chevron {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition-duration: .2s;
transition-duration: .2s
}
.menu-link--complex {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.contact-icon {
width: 2.125rem;
height: 2.125rem;
border-radius: 2.125rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #20a96e
}
.contact-icon .sprite {
fill: #fff;
max-width: 50%;
max-height: 50%
}
.profile-address {
margin: 0 0 1rem;
position: relative;
font-weight: 400
}
.profile-address:before {
content: "";
position: absolute;
display: block;
height: 100%;
right: 100%;
top: 0;
width: 1.625rem;
height: 2.375rem;
-webkit-transform: translateX(-.75rem);
transform: translateX(-.75rem);
background: transparent url("data:image/svg+xml;utf8,") 50% 50% no-repeat;
background-size: 80% auto
}
.profile-address--highlighted:before {
background-image: url("data:image/svg+xml;utf8,")
}
.profile-address .profile-title {
margin: 0 0 .25em
}
.hero-description {
font-size: 1.375em;
margin: 0 0 1.375em;
color: rgba(43, 43, 43, .75)
}
.inline-nav {
list-style: none;
padding-left: 0;
margin: 0
}
.primary-nav {
text-align: center
}
.primary-nav .menu-link {
text-transform: uppercase;
font-size: 1.125em;
padding: .25em 0;
color: #2b2b2b
}
.primary-nav .menu-link:focus,
.primary-nav .menu-link:hover {
color: #20a96e
}
.primary-nav .menu-link .sprite {
fill: currentColor
}
.primary-nav .menu-link .sprite--chevron {
display: none;
fill: #2b2b2b
}
.primary-nav .menu-item--icon .sprite {
fill: currentColor;
width: 1.375rem;
height: 1.375rem
}
.primary-nav .menu-item--icon .sprite--shopping-cart {
width: 1.6875rem;
height: 1.5rem
}
.primary-nav .menu-item--icon .menu-link[data-view-state=open] .sprite--search {
fill: #20a96e
}
.primary-nav .current-menu-ancestor>.menu-link,
.primary-nav .current-menu-ancestor>.menu-link:focus,
.primary-nav .current-menu-ancestor>.menu-link:hover,
.primary-nav .current-menu-item>.menu-link,
.primary-nav .current-menu-item>.menu-link:focus,
.primary-nav .current-menu-item>.menu-link:hover,
.primary-nav .current-post-ancestor>.menu-link,
.primary-nav .current-post-ancestor>.menu-link:focus,
.primary-nav .current-post-ancestor>.menu-link:hover {
color: #20a96e
}
.utility-nav {
width: 100%;
text-align: center
}
.utility-nav .menu-item {
text-transform: uppercase;
font-weight: 400;
font-size: .875em
}
.utility-nav .menu-link {
font-weight: inherit;
font-size: 1em;
padding: .25em 0;
-webkit-transition: border-color .3s ease-in-out;
transition: border-color .3s ease-in-out;
color: inherit
}
.utility-nav .menu-link:focus,
.utility-nav .menu-link:hover {
color: inherit
}
.footer-nav {
font-weight: 700;
text-align: center
}
.footer-nav>.inline-nav {
margin-bottom: 2rem
}
.footer-nav>.inline-nav a {
text-transform: uppercase;
color: #2b2b2b
}
.footer-nav>.inline-nav a:focus,
.footer-nav>.inline-nav a:hover {
color: #2b2b2b
}
.section-nav {
background-color: #20a96e;
color: #fff;
padding: 1.25rem 0;
margin-bottom: 2rem
}
.section-nav .inline-nav {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: .75rem;
grid-row-gap: .75rem;
margin-left: auto;
margin-right: auto;
max-width: 82.75rem;
padding-left: .75rem;
padding-right: .75rem
}
.section-nav .menu-item:not(:last-of-type) {
margin-bottom: 1.25rem
}
.section-nav .menu-link {
width: 100%;
font-weight: 700;
color: #fff
}
.section-nav .menu-link:focus,
.section-nav .menu-link:hover {
color: #fff
}
.inline-search {
position: relative;
width: 25rem;
max-width: 100%;
margin: 0 auto
}
.inline-search__input {
margin: 0;
font-size: 1.125rem;
padding: .9375rem 1.5rem;
border-radius: 1.5rem;
width:80%;
outline: none
}
.inline-search__input::-webkit-input-placeholder {
font-weight: 400;
color: rgba(43, 43, 43, .7);
font-style: italic
}
.inline-search__input:-ms-input-placeholder {
font-weight: 400;
color: rgba(43, 43, 43, .7);
font-style: italic
}
.inline-search__input::placeholder {
font-weight: 400;
color: rgba(43, 43, 43, .7);
font-style: italic
}
.inline-search__submit {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 0;
padding: 0;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 4rem;
border-radius: 0 4rem 4rem 0;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 0;
background: #fff url("data:image/svg+xml;utf8,") 50% 50% no-repeat;
background-size: 1.375rem auto
}
.inline-search--mobile {
max-width: 80%;
margin: 2rem auto 0
}
.inline-search--mobile .inline-search__input {
background-color: #f0f0f0
}
.dropdown-nav {
list-style: none;
padding-left: 0;
margin: 0
}
.dropdown-nav .menu-item {
-webkit-column-break-inside: avoid;
break-inside: avoid;
text-align: left
}
.dropdown-nav .menu-link {
text-align: left;
cursor: pointer;
display: block;
color: currentColor
}
.dropdown-nav .menu-link:focus,
.dropdown-nav .menu-link:hover {
color: currentColor
}
.dropdown-nav .menu-link input[type=radio] {
height: 0;
width: 0;
overflow: hidden;
position: absolute!important
}
.dropdown-nav input[type=checkbox],
.dropdown-nav input[type=radio] {
-moz-appearance: none;
-webkit-appearance: none
}
.dropdown-nav>.menu-item:not(:last-of-type) {
margin-bottom: .75em
}
.dropdown-nav .dropdown-nav {
-webkit-columns: 1;
columns: 1;
margin-top: .25em
}
.dropdown-nav .dropdown-nav .menu-item {
line-height: 1;
width: 100%
}
.dropdown-nav .dropdown-nav .menu-item:not(:last-of-type) {
margin-bottom: .5em
}
.dropdown-nav .dropdown-nav .menu-link {
font-size: .875em
}
.dropdown-nav .dropdown-nav .menu-link:before {
content: "-";
display: inline-block;
margin-right: .5em;
color: #2b2b2b
}
.filter-nav {
width: 100%
}
.filter-nav .inline-nav {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: .75rem
}
.quote,
.quote cite {
text-align: left
}
.quote cite {
margin: .375em 0 0
}
.phone-list {
list-style: none;
padding-left: 0;
margin: 0
}
.phone-list>li:not(:last-of-type) {
margin-bottom: .4375em
}
.buy-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.buy-bar__price {
font-size: 1.5em
}
.buy-bar__amount {
outline: none;
display: block;
width: 2.625em;
height: 2.625em;
border-radius: 2.625em;
padding: .375em .375em .375em .9375em;
text-align: center;
font-size: 1.25em;
font-weight: 700;
margin-left: .75em
}
.buy-bar,
.buy-bar__amount,
.buy-bar button {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.buy-bar,
.buy-bar button {
margin: 0 0 0 1.625em;
font-size: 1.125em
}
.bullet-list {
max-width: 100%;
list-style: none;
padding-left: 0;
margin: 0
}
.bullet-list>li {
font-size: 1.125em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-width: 100%
}
.bullet-list>li:before {
content: "";
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 0 .6875em 0 0;
width: .625em;
height: .625em;
border-radius: .625em;
background-color: #20a96e;
-webkit-transform: translateY(.5em);
transform: translateY(.5em)
}
.bullet-list>li:not(:last-child) {
margin-bottom: .6875em
}
.location-search {
margin: 2rem 0 0
}
.location-search__category,
.location-search__zip {
width: 100%;
border-radius: 2em;
padding: 1.375em 2em;
color: #2b2b2b;
outline: none
}
.location-search__category::-webkit-input-placeholder,
.location-search__zip::-webkit-input-placeholder {
opacity: 1;
color: #2b2b2b
}
.location-search__category:-ms-input-placeholder,
.location-search__zip:-ms-input-placeholder {
opacity: 1;
color: #2b2b2b
}
.location-search__category::placeholder,
.location-search__zip::placeholder {
opacity: 1;
color: #2b2b2b
}
.location-search__category {
padding-right: 2em
}
.variation-thumbs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
z-index: 2;
list-style: none;
padding-left: 0;
margin: 0;
margin-top: 2rem;
margin-left: auto;
margin-right: auto;
max-width: 82.75rem;
padding-left: .75rem;
padding-right: .75rem
}
.variation-thumbs li {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: calc(33.333333% - .5rem)
}
.variation-thumbs a {
display: block;
line-height: 0;
width: 100%
}
.header,
.variation-thumbs a img {
width: 100%
}
.header {
position: fixed;
left: 0;
top: 35px;
z-index: 5;
color: #2b2b2b;
-webkit-box-shadow: 0 .125rem 1.3125rem rgba(0, 0, 0, .12);
box-shadow: 0 .125rem 1.3125rem rgba(0, 0, 0, .12);
height: 3.6025rem;
overflow: hidden;
background-color: hsla(0, 0%, 100%, .87)
}
.header[data-scroll-state=scrolled] {
-webkit-box-shadow: 0 .125rem .875rem rgba(0, 0, 0, .2);
box-shadow: 0 .125rem .875rem rgba(0, 0, 0, .2)
}
.header__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100vh;
background-color: transparent;
padding: .625rem 0;
margin-left: auto;
margin-right: auto;
max-width: 82.75rem;
padding-left: .75rem;
padding-right: .75rem
}
.header .nav-toggle {
position: absolute;
right: .75rem;
top: 1rem;
left: auto;
border:0;
}
.header .logo,
.header .nav-toggle {
z-index: 2
}
.header .logo {
position: absolute;
left: .75rem;
top: .875rem
}
.header .utility-nav {
margin: 2rem 0;
z-index: 1
}
.header .primary-nav {
width: 100%;
z-index: 2
}
.header .primary-nav,
.header .utility-nav {
position: relative;
width: 100vw
}
.feature {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.feature:not(.feature--hero):not(.feature--standalone) .feature__bg:after {
background-color: rgba(0, 0, 0, .6)
}
.feature__bg {
z-index: 1;
overflow: hidden
}
.feature__bg,
.feature__bg:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.feature__bg:after {
content: "";
display: block;
z-index: 2
}
.feature__bg img {
display: block;
position: absolute;
left: 50%;
top: 30%;
-webkit-transform: translate(-50%, -30%);
transform: translate(-50%, -30%);
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
max-width: none
}
@supports ((-o-object-fit:cover) or (object-fit:cover)) {
.feature__bg img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 20%;
object-position: 50% 20%;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: none;
transform: none
}
}
.feature__fg {
position: relative;
z-index: 2;
color: #fff;
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 72.75rem;
padding: 5rem .75rem
}
.feature__fg-inner {
max-width: 100%;
text-align: left
}
.feature__fg-inner>:last-child {
margin-bottom: 0
}
.feature__fg-inner p:not([class]) {
font-size: 1.125em;
color: hsla(0, 0%, 100%, .85)
}
.feature__fg-inner .button {
font-size: .875em
}
.feature__media-action {
display: block;
margin-top: 2rem
}
.feature__media-action .button {
margin: 0 auto
}
.feature--hero {
padding-top: 3.6025rem
}
.feature--hero .feature__bg:after {
background-color: rgba(0, 0, 0, .22)
}
.feature--hero .feature__fg {
text-align: center
}
.feature--home-hero .feature__fg {
text-align: center;
padding: 5rem .75rem
}
.feature--standalone .feature__fg {
padding-top: 5rem;
padding-bottom: 5rem
}
.feature--standalone .feature__fg-inner {
text-align: center;
margin: 0 auto
}
.feature--map .feature__fg {
padding-top: 2rem;
padding-bottom: 2rem;
min-height: 21.875rem
}
.feature--map .feature__fg-inner {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left
}
.feature--product .feature__bg {
background-color: #f9f9f9
}
.feature--product .feature__bg:after {
display: none
}
.feature--product .hero-title {
font-size: 1.625em;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left
}
.feature--product .feature__fg {
color: #2b2b2b;
padding: 1.625rem 0 2rem;
margin-left: auto;
margin-right: auto;
max-width: 82.75rem
}
.feature--product .buy-bar {
margin: 2em 0 0
}
.feature--product .menu-link {
font-size: 1.125em
}
.feature--product .thumb__image {
overflow: hidden
}
.feature--product .thumb__image img {
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.feature--product .thumb__image img[data-variant-selected] {
position: absolute;
opacity: 0;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.feature--product .thumb__image img[data-variant-selected=selected] {
position: relative;
opacity: 1;
-webkit-transform: none;
transform: none;
left: 0;
top: 0
}
.feature .inline-search {
-webkit-box-shadow: 0 .125rem 1.5rem rgba(0, 0, 0, .1);
box-shadow: 0 .125rem 1.5rem rgba(0, 0, 0, .1);
display: none;
max-width: 80%
}
.footer {
padding: 1.25rem 0
}
.footer__inner {
margin-left: auto;
margin-right: auto;
max-width: 82.75rem;
padding-left: .75rem;
padding-right: .75rem
}
.footer .location {
text-align: center;
margin-bottom: 2rem;
font-style:normal;
font-weight:bold;
}
.content-group {
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
max-width: 72.75rem;
padding-left: .75rem;
padding-right: .75rem
}
.content-group__main h3:not(:first-child),
.content-group__main h4:not(:first-child) {
margin-top: 2.25em
}
.content-group__aside .profile:not(:last-child) {
margin-bottom: 1.5rem
}
.content-container .content-group {
padding-left: 0;
padding-right: 0
}
.content-container .group-header {
padding-left: 0;
padding-right: 0
}
.group-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 2rem
}
.group-footer>:last-child {
margin-bottom: 0
}
.slideshow {
position: relative;
background-color: #000
}
.slideshow:not([data-slideshow-state=active]) .feature+.feature {
display: none
}
.slideshow .flickity-prev-next-button {
z-index: 2
}
.slideshow .feature {
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out
}
.slideshow .feature[data-slide-state=active] {
opacity: 1
}
.slideshow .feature__fg {
padding-right: 3.625rem
}
.profile-grid {
margin-left: auto;
margin-right: auto;
max-width: 72.75rem;
padding-left: .75rem;
padding-right: .75rem;
margin-bottom: 2rem
}
.profile-grid>.profile {
margin-bottom: 1.5rem
}
.content-container .profile-grid {
padding-left: 0;
padding-right: 0
}
.dropdown {
position: absolute;
z-index: -1;
left: 0;
top: calc(100% + .25rem);
background-color: #20a96e;
color: #fff;
opacity: 0;
pointer-events: none;
-webkit-transform: scale(.9);
transform: scale(.9);
-webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: opacity .3s ease-in-out, transform .3s ease-in-out;
transition: opacity .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
-webkit-transition-duration: .2s;
transition-duration: .2s;
width: 100%;
-webkit-box-shadow: 0 .375rem 1rem rgba(0, 0, 0, .2);
box-shadow: 0 .375rem 1rem rgba(0, 0, 0, .2)
}
.dropdown__content {
padding: .75rem
}
.dropdown[data-dropdown-state=active] {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
pointer-events: auto;
z-index: 4
}
@-webkit-keyframes a {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes a {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@media (min-width:26.25rem) {
.hero-title {
font-size: calc(.084 * 100vw + -.33em)
}
.hero-title.hero-title--long {
font-size: calc(.032 * 100vw + 1.285em)
}
.hero-title.hero-title--secondary {
font-size: calc(.02 * 100vw + 1.475em)
}
.excerpt-title {
font-size: calc(.024 * 100vw + .995em)
}
.thumb__title {
font-size: calc(.008 * 100vw + .79em)
}
.logo-list {
grid-row-gap: 1.5rem;
grid-template-columns: repeat(2, 1fr)
}
.feature--home-hero .feature__fg {
padding-top: calc(-3.925rem + 34vw);
padding-bottom: calc(2.9rem + 8vw)
}
.feature--standalone .feature__fg {
padding-top: calc(1.85rem + 12vw);
padding-bottom: calc(1.85rem + 12vw)
}
.feature--product .hero-title {
font-size: calc(.02 * 100vw + 1.1em)
}
.profile-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.profile-grid>.profile {
width: calc(50% - .375rem);
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.page .feature+.content-group,
.page .slideshow+.content-group {
margin-top: calc(.2rem + 4vw)
}
}
@media (min-width:26.25rem) and (max-width:37.4rem) {
.profile-grid>.profile:nth-child(2n) {
margin-left: .75rem
}
}
@media (min-width:37.5rem) {
.alignright {
float: right;
margin: 0 0 1rem 1rem
}
.alignleft {
float: left;
margin: 0 1rem 1rem 0
}
.aligncenter {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}
p {
margin-bottom: 1.375em
}
blockquote {
margin-bottom: 3.125em
}
.logo img {
height: 2.375rem
}
.location {
margin-bottom: 1.375em
}
.quote-bubble {
padding: 2.5rem;
margin-bottom: 1.875em
}
.dropdown-action {
padding: 1.25rem
}
.section-nav {
margin-bottom: 3.25rem
}
.section-nav {
padding: 2rem 0
}
.section-nav .inline-nav {
padding-left: 1.25rem;
padding-right: 1.25rem;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem
}
.thumb--offset {
padding: 1.25rem 1.25rem 1.25rem 3.125rem
}
.excerpt__content {
margin: -1.25rem 1.25rem 0;
padding: 2.5rem 1.25rem
}
.logo-list {
margin-bottom: 3.25rem
}
.logo-list {
grid-column-gap: 1.25rem;
grid-row-gap: 2.5rem
}
.profile__content {
padding: 1.25rem
}
.profile--info .profile__content {
padding: 2.5rem
}
.dropdown-nav {
-webkit-columns: 2;
columns: 2;
-webkit-column-gap: 1.25rem;
column-gap: 1.25rem
}
.dropdown--secondary .dropdown-nav {
-webkit-columns: 1;
columns: 1
}
.modal-window {
padding: .625rem
}
.pagination {
margin-bottom: 3.25rem
}
.filter-nav .inline-nav {
grid-row-gap: 1.25rem
}
.variation-thumbs {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.variation-thumbs li {
width: calc(20% - 1rem);
margin-bottom: 1.25rem
}
.variation-thumbs li:nth-child(5n+1):nth-last-child(-n+5),
.variation-thumbs li:nth-child(5n+1):nth-last-child(-n+5)~.variation-thumbs li {
margin-bottom: 0
}
.header {
height:7.4rem
}
.header__inner {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.header .nav-toggle {
top: 1.375rem
}
.feature__fg {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.feature__media-action {
margin-top: 3.125rem
}
.feature--hero {
padding-top: 4.14562rem;
padding-left: 2.5rem
}
.feature--hero .feature__fg {
padding-top: 6.25rem;
padding-bottom: 6.25rem
}
.feature--product {
padding-left: 0
}
.feature--product .feature__fg {
padding: 1.625rem 0 2rem
}
.footer__inner {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.content-group {
margin-bottom: 3.25rem
}
.content-group {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.content-group__aside .profile:not(:last-child) {
margin-bottom: 2.5rem
}
.thumbnail-grid {
margin-bottom: 3.25rem
}
.thumbnail-grid>* {
width: calc(33.333333% - .125rem)
}
.thumbnail-grid .thumb--offset {
padding: 1.25rem 1.25rem 1.25rem 3.125rem
}
.thumbnail-carousel {
margin-bottom: 3.25rem
}
.thumbnail-carousel .thumb {
width: 33.333333%
}
.group-header {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.slideshow .feature__fg {
padding-right: 5.75rem
}
.profile-grid {
padding-left: 1.25rem;
padding-right: 1.25rem;
margin-bottom: 3.25rem
}
.profile-grid>.profile {
margin-bottom: 2.5rem;
width: calc(50% - .625rem)
}
.dropdown__content {
padding: 1.25rem
}
.modal {
padding: 1.25rem
}
.excerpt-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.excerpt-grid .excerpt {
margin-bottom: 1.25rem;
width: calc(50% - .625rem)
}
.excerpt-grid .excerpt--featured {
width: 100%;
margin-bottom: 2.5rem
}
.article {
margin-bottom: 3.25rem
}
.article {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.product__content {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.content-container {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.feature-group {
margin-bottom: 3.25rem
}
}
@media (min-width:37.5rem) and (max-width:57.4rem) {
.variation-thumbs li:not(: first-child):not(: nth-of-type(5n+1)) {
margin-left: 1.25rem
}
.thumbnail-grid>:nth-child(3n),
.thumbnail-grid>:nth-child(3n-1) {
margin-left: .125rem
}
.profile-grid>.profile:nth-child(2n) {
margin-left: 1.25rem
}
.profile-grid>.profile:nth-child(odd):nth-last-child(-n+2),
.profile-grid>.profile:nth-child(odd):nth-last-child(-n+2)~.profile-grid>.profile {
margin-bottom: 0
}
}
@media (min-width:57.5rem) {
.hero-title {
font-size: 4.5em;
text-align: left
}
.hero-title.hero-title--long {
font-size: 3.125em
}
.hero-title.hero-title--secondary {
font-size: 2.625em
}
.excerpt-title {
font-size: 2.375em
}
.logo-list-title {
text-align: center
}
.inline-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.inline-nav>.menu-item:not(:first-of-type) {
margin-left: 3rem
}
.inline-nav>.menu-item--icon+.menu-item--icon {
margin-left: 1.875rem
}
.primary-nav .inline-nav {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.primary-nav .menu-link {
font-size: unset;
padding: unset
}
.primary-nav .menu-link .sprite--chevron {
display: inherit
}
.utility-nav {
padding: .75rem 0;
background-color: #373737;
color: #fff
}
.utility-nav .inline-nav {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 0 1.25rem;
max-width: 82.75rem;
width: 100%;
margin: 0 auto
}
.utility-nav .menu-link {
font-size: unset;
padding: unset;
padding-bottom: .125em;
border-bottom: .125rem solid transparent
}
.utility-nav .current-menu-ancestor .menu-link,
.utility-nav .current-menu-item .menu-link,
.utility-nav .current-post-ancestor .menu-link,
.utility-nav .menu-link:active,
.utility-nav .menu-link:hover {
border-color: #20a96e
}
.footer-nav {
text-align: inherit
}
.footer-nav>.inline-nav {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 1rem
}
.section-nav {
margin-bottom: 4.75rem
}
.section-nav .inline-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.section-nav .menu-item:not(:last-of-type) {
margin-bottom: 0
}
.inline-search {
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.inline-search--mobile {
display: none
}
.inline-search[data-view-state=open] {
opacity: 1;
pointer-events: auto
}
.legal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.legal .inline-nav,
.legal .inline-nav>li:not(:first-of-type) {
margin-left: 1.25rem
}
.legal p {
margin-bottom: 0
}
.thumb__title {
font-size: 1.25em
}
.thumb--offset {
padding: 2rem 2rem 2rem 3.875rem
}
.excerpt__media {
height: 18.75rem
}
.excerpt__content {
margin: 0
}
.excerpt--featured {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.excerpt--featured .excerpt__media {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: auto
}
.excerpt--featured .excerpt__content {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 2.5rem;
min-height: 21.875rem
}
.logo-list {
margin-bottom: 4.75rem
}
.logo-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.logo-list li {
max-width: 11.875rem;
margin: 0 1rem
}
.contact-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.contact-nav .menu-item:not(:first-of-type) {
margin-top: 0;
margin-left: .75rem
}
.profile--info .profile__content {
padding: 2rem
}
.dropdown-nav {
-webkit-column-gap: 2.5rem;
column-gap: 2.5rem
}
.pagination {
margin-bottom: 4.75rem
}
.filter-nav .inline-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.filter-nav .inline-nav>.menu-item--aside:not(:first-child) {
margin-left: auto
}
.location-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 3.375rem 0 0
}
.location-search__category,
.location-search__zip {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: calc(50% - 1.25rem)
}
.variation-thumbs {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.variation-thumbs li {
width: 7.5rem;
margin-bottom: 0
}
.variation-thumbs li:not(:first-child) {
margin-left: 1.25rem
}
.header {
padding: 0;
height: auto;
overflow: visible
}
.header__inner {
pointer-events: auto;
z-index: 1;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding-top: 3.4rem;
padding-bottom: .5rem
}
.header .nav-toggle {
display: none
}
.header .logo {
margin-right: auto;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
position: static
}
.header .utility-nav {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
position: absolute;
width: 100%;
top: 0;
right: 0;
margin: 0
}
.header .menu-item--icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.header .primary-nav {
width: auto;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.feature:not(.feature--hero):not(.feature--standalone) .feature__bg:after {
background-color: transparent;
background-image: -webkit-gradient(linear, left top, right top, color-stop(45%, rgba(0, 0, 0, .6)), to(transparent));
background-image: linear-gradient(90deg, rgba(0, 0, 0, .6) 45%, transparent)
}
.feature__fg {
padding-top: 6.25rem;
padding-bottom: 6.25rem
}
.feature__fg-inner {
width: 65%
}
.feature__media-action {
position: absolute;
right: 25%;
top: 50%;
margin: 0;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%)
}
.feature--hero {
padding-top: 9.25rem
}
.feature--hero .feature__fg {
padding-top: 9rem;
padding-bottom: 9rem
}
.feature--hero:not(.feature--home-hero) .feature__fg-inner {
width: 100%
}
.feature--reverse:not(.feature--hero):not(.feature--standalone) .feature__bg:after {
background-image: -webkit-gradient(linear, right top, left top, color-stop(45%, rgba(0, 0, 0, .6)), to(transparent));
background-image: linear-gradient(270deg, rgba(0, 0, 0, .6) 45%, transparent)
}
.feature--reverse .feature__fg-inner {
margin-left: auto;
margin-right: 0
}
.feature--home-hero .feature__fg {
padding-top: 15.625rem;
padding-bottom: 7.5rem;
text-align: left
}
.feature--home-hero .inline-search {
opacity: 1;
pointer-events: auto;
border-radius: 2rem
}
.feature--standalone .feature__fg {
padding-top: 8.75rem;
padding-bottom: 8.75rem
}
.feature--standalone .feature__fg-inner {
width: 37.5rem
}
.feature--map .feature__fg {
min-height: 37.5rem;
padding-top: 2rem;
padding-bottom: 2rem
}
.feature--product .hero-title {
font-size: 2.25em
}
.feature--product .feature__fg {
padding-bottom: 5rem;
padding-top: 5.75rem
}
.feature--product .buy-bar {
margin: 4em 0 0
}
.feature .inline-search {
display: inherit;
position: absolute;
right: 1.25rem;
top: 2.5rem;
margin: 0
}
.footer {
padding: 2rem 0
}
.footer__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.footer .location {
text-align: left;
margin-bottom: 0
}
.content-group {
margin-bottom: 4.75rem
}
.content-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.content-group__main {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.666666%;
padding-right: 2.5rem
}
.content-group__aside {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.333333%
}
.content-group--quote .content-group__aside {
text-align: right
}
.thumbnail-grid {
margin-bottom: 4.75rem
}
.thumbnail-grid>* {
width: calc(25% - .09375rem)
}
.thumbnail-grid>:not(:nth-child(4n+1)):not(:first-child) {
margin-left: .125rem
}
.thumbnail-grid .thumb--offset {
padding: 2.625rem 2rem 2.625rem 3.875rem
}
.thumbnail-grid .contact-nav .menu-link span:not([class]) {
display: inherit
}
.thumbnail-carousel {
margin-bottom: 4.75rem
}
.thumbnail-carousel .thumb {
width: 25%
}
.group-header__main {
max-width: 50%;
padding-right: 2.5rem
}
.group-footer {
padding-top: 3.125rem
}
.group-footer>:last-child:first-child {
margin-right: auto
}
.profile-grid {
margin-bottom: 4.75rem
}
.profile-grid {
margin-bottom: 2rem
}
.profile-grid>.profile {
margin-bottom: 2rem;
width: calc(33.32% - 1.33333rem)
}
.profile-grid>.profile:nth-child(3n),
.profile-grid>.profile:nth-child(3n-1) {
margin-left: 2rem
}
.profile-grid>.profile:nth-child(3n+1):nth-last-child(-n+3),
.profile-grid>.profile:nth-child(3n+1):nth-last-child(-n+3)~.profile-grid>.profile {
margin-bottom: 0
}
.dropdown {
width: 34.375rem;
left: -3rem
}
.dropdown__content {
padding: 2.8125rem 4.25rem
}
.dropdown.dropdown--secondary {
width: 18.75rem
}
.dropdown.dropdown--secondary .dropdown__content {
padding: 1.625rem
}
.article {
margin-bottom: 4.75rem
}
.article:first-child {
padding-top: 5rem
}
.product {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.product__thumb {
width: 42%;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.product__content {
padding-top: 1.625rem;
padding-left: 2.5rem;
padding-right: 0;
width: 58%;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.content-container {
padding-top: 3.375rem;
padding-bottom: 3.375rem
}
.content-container:last-child {
padding-bottom: 0
}
.feature-group {
margin-bottom: 4.75rem
}
.page-area--highlighted {
padding: 5rem 0
}
.page .feature+.content-group,
.page .slideshow+.content-group {
margin-top: 2.5rem
}
}
@media (min-width:81.25rem) {
.logo-list--short {
grid-template-columns: repeat(3, 1fr)
}
.profile--info .profile__content {
padding: 2.625rem
}
.feature__fg-inner {
width: 50%
}
.group-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 2rem
}
.group-header__main {
width: 33.333333%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin-bottom: 0
}
.group-header__aside {
width: 66.666666%;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.group-header .inline-nav {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.product__content {
padding-left: 3.375rem
}
}
@media (max-width:37.4rem) {
.section-nav .menu-item:last-of-type:nth-of-type(3) {
grid-column: 1/3
}
.variation-thumbs li:not(:first-child):not(:nth-of-type(3n+1)) {
margin-left: .75rem
}
.variation-thumbs li:not(:nth-child(2)):not(:last-child) {
margin-bottom: .75rem
}
.thumbnail-grid>:nth-child(2n) {
margin-left: .125rem
}
.profile-grid>.profile:last-child {
margin-bottom: 0
}
}
@media (max-width:57.4rem) {
.header__inner {
-webkit-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out
}
.header .primary-nav,
.header .utility-nav {
pointer-events: none;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
[data-nav-state=active] .header {
height: 100vh
}
[data-nav-state=active] .header .header__inner {
pointer-events: auto;
background-color: #fff;
z-index: 5
}
[data-nav-state=active] .header .primary-nav,
[data-nav-state=active] .header .utility-nav {
opacity: 1;
pointer-events: auto;
-webkit-transition-delay: .3s;
transition-delay: .3s
}
}
header input {
border:0;
-webkit-box-shadow: 0 .125em .25em rgba(0,0,0,.21);
box-shadow: 0 .125em .25em rgba(0,0,0,.21);
}
/*----------------------------------------------------------------
..BOTTOM HTML
------------------------------------------------------------------*/
.legal {
color: rgba(43, 43, 43, .5);
font-size: .875em
}
.legal a {
color: rgba(43, 43, 43, .5)
}
.legal a:focus,
.legal a:hover {
color: rgba(43, 43, 43, .75)
}
.legal p {
font-size: inherit;
line-height: inherit;
margin: 0;
}