.store, .main {vertical-align: top; margin: 0} .ui-select, .nextHeaderTable, .nextBannerCellLeft, .nextBannerCellCenter, .nextBannerCellRight, .nextBannerCellButton {width: 100%} .main, .modal {text-align: left; font-size: 11pt} .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: 11pt} .font1small, .nextSharingDiscountLimit {font-size: 8pt}, .nextPurchaseSetQtyMsg {font-size: 8pt} .font1large {font-size: 14pt} .font2 {font: 11pt Open Sans,sans-serif} .font2small {font: 8pt Open Sans,sans-serif} .font2large {font: 14pt Open Sans,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: 11pt Open Sans,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: 14pt Open Sans,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: Open Sans,sans-serif} /*mobile vanillabean 201.004*/ .nextHeader.ui-bar-a { background:#333; /*TOP BANNER*/ } .nextGallery div { display:none; } .ui-body-a, .ui-overlay-a { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; /*BODY FONT*/ text-shadow:none; } .ui-bar-f, .ui-bar-d, .ui-bar-a{ font-family:"Helvetica Neue",Helvetica,Arial,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:#337ab7; /*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 { padding: 10px 12px; border-radius: 0; font-weight: 700; font-size: 13px !important; cursor: pointer; -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 #555; background: #FFF; color: #555; box-sizing: border-box; } input.nextHTMLButton:hover, a.nextHTMLButton:hover, a.nextAddEditButton:hover { background-color: #555; background-color: rgba(0, 0, 0, .7); color: #FFF; background: #555; 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:"Helvetica Neue",Helvetica,Arial,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:#555 !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: #222 !important; } .ui-btn.nextAddToCartButton:hover { background: #555 !important; color: #FFF !important; } .ui-btn-inner { border: none; } .ui-btn-text { text-shadow: none !important; } .ui-radio-off { background: #EEE !important; color:#222 !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; } /*---------------------------------------------------------------- ****************************************************************** ..CHILD THEME ****************************************************************** ------------------------------------------------------------------*/ body .nextHeader .ui-btn { background:#000 !important; } body .nextHeader .ui-btn .nextNavButtonText { color:#fff; } a {text-decoration:none;} .nextMobileDialog {z-index:9999} .nextLogin #aspnetForm {padding-bottom:30px} select {font-size:16px;} .nextHeader.ui-bar-a { background:#555; /*TOP BANNER*/ } .ui-body-a, .ui-overlay-a { font-family:Open Sans, sans-serif; /*BODY FONT*/ } .ui-bar-f, .ui-bar-d, .ui-bar-a{ font-family:'Big Noodle Titling', sans-serif; /*HEADINGS FONT*/ } a, .ui-body-a .ui-link, .ui-body-a .ui-link:visited, .ui-body-a .ui-link:hover { color:#000; /*LINK COLOR*/ } .ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button, .ui-btn { font-family:Open Sans, sans-serif !important; } /*---------------------------------------------------------------- ..BORDERING HTML ------------------------------------------------------------------*/ body, body.master { color:#666; -webkit-text-size-adjust: 100%; font-family:Open Sans,sans-serif; font-size: 16px; margin:0 } a { color:#8b272d; } .borderingHTML a { text-decoration:none } .borderingHTML *, .borderingHTML *:before, .borderingHTML *:after { box-sizing: border-box; } /* main.css */ .arrow-down:before { content: "\EA01"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .arrow-left:before { content: "\EA02"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .arrow-right:before { content: "\EA03"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .caret-down:before { content: "\EA04"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .caret-left:before { content: "\EA05"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .caret-right:before { content: "\EA06"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .circle:before { content: "\EA07"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .clipboard:before { content: "\EA08"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cloud-upload:before { content: "\EA09"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .compatibility:before { content: "\EA0A"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cross:before { content: "\EA0B"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .diamond-filled:before { content: "\EA0C"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .diamond:before { content: "\EA0D"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .double-caret-right:before { content: "\EA0E"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .down-caret-filled:before { content: "\EA0F"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .download:before { content: "\EA10"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .email:before { content: "\EA11"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .facebook:before { content: "\EA12"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flickr:before { content: "\EA13"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gear:before { content: "\EA14"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hexagon:before { content: "\EA15"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .houzz:before { content: "\EA16"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .instagram:before { content: "\EA17"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .link:before { content: "\EA18"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .linkedin:before { content: "\EA19"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .newspaper:before { content: "\EA1A"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pause:before { content: "\EA1B"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .phone:before { content: "\EA1C"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pinterest:before { content: "\EA1D"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .play:before { content: "\EA1E"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .quote:before { content: "\EA1F"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .search:before { content: "\EA20"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .shopping_bag:before { content: "\EA21"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .shopping_cart:before { content: "\EA22"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .short-arrow-right:before { content: "\EA23"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .square-caret-right:before { content: "\EA24"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .square:before { content: "\EA25"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .time:before { content: "\EA26"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .tools:before { content: "\EA27"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .twitter:before { content: "\EA28"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .user:before { content: "\EA29"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .vimeo:before { content: "\EA2A"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .volume-high:before { content: "\EA2B"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .volume-mute:before { content: "\EA2C"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .youtube:before { content: "\EA2D"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: inherit; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ /** * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after, .AffixColumn-root:before, .AffixColumn-root:after, .Example-row:before, .Example-row:after, .Container:before, .Container:after, .SiteHeader-container:before, .SiteHeader-container:after, .SiteHeader-notice:before, .SiteHeader-notice:after, .SiteHeader-cart_menu #CartContainer:before, .SiteHeader-cart_menu #CartContainer:after, .SiteHeader-cart_menu #CartContainer .ajaxcart__product:before, .SiteHeader-cart_menu #CartContainer .ajaxcart__product:after, .form-aside-container:before, .form-aside-container:after, .Contact-form ul:before, .Contact-form ul:after, .MosaicGrid:before, .MosaicGrid:after, .VideoEmbed-container:before, .VideoEmbed-container:after, .Checkout-review_before_order--login:before, .Checkout-review_before_order--login:after, .FileBlocks-list:before, .FileBlocks-list:after, .CourseInformation-info:before, .CourseInformation-info:after, .Gallery-container:before, .Gallery-container:after, .BlogInner-content:before, .BlogInner-content:after, .BlogInner-share_components:before, .BlogInner-share_components:after, .BlogInner-related_posts:before, .BlogInner-related_posts:after, .Search-result:before, .Search-result:after, .DefaultForm_wrapper:before, .DefaultForm_wrapper:after, .DefaultForm_wrapper ul:before, .DefaultForm_wrapper ul:after, .GalleryInner-container:before, .GalleryInner-container:after, .GalleryInner-filters--wrapper:before, .GalleryInner-filters--wrapper:after, .GalleryInner-filters--collapse_target:before, .GalleryInner-filters--collapse_target:after, .GalleryInner-filters .searchandfilter ul:before, .GalleryInner-filters .searchandfilter ul:after, .GalleryInner-posts_list:before, .GalleryInner-posts_list:after, .GalleryInner-posts_list_item--taxonomies:before, .GalleryInner-posts_list_item--taxonomies:after, .ProjectDescription:before, .ProjectDescription:after, .Project-RelatedProducts--list:before, .Project-RelatedProducts--list:after, .WooCategory-subcats .products:before, .WooCategory-subcats .products:after, .WooCategory-filters--collapse_target:before, .WooCategory-filters--collapse_target:after, .WooCategory-product--filters .searchandfilter ul:before, .WooCategory-product--filters .searchandfilter ul:after, .WooCategory-products--items .products:before, .WooCategory-products--items .products:after, .WooCategory-products--container:before, .WooCategory-products--container:after, .WooCategory-filters--wrapper:before, .WooCategory-filters--wrapper:after, .Product-row_col_reset:before, .Product-row_col_reset:after, .Product-order_data--menu_wrapper:before, .Product-order_data--menu_wrapper:after, .Product-upsells:before, .Product-upsells:after, .Product-upsells .products:before, .Product-upsells .products:after, .WooCommerce-cart--title_wrapper:before, .WooCommerce-cart--title_wrapper:after, .HeroHeader-container:before, .HeroHeader-container:after, .HeroHeader--mobile-container:before, .HeroHeader--mobile-container:after, .Modal-content:before, .Modal-content:after, .Footer-container:before, .Footer-container:after, .Footer-container:before, .Footer-container:after, .container:before, .container:after, .SplitText-container:before, .SplitText-container:after, .MosaicCTA-container:before, .MosaicCTA-container:after, .VideoSlider-container:before, .VideoSlider-container:after, .CenteredText-container:before, .CenteredText-container:after, .Login-container:before, .Login-container:after, .FileBlocks-container:before, .FileBlocks-container:after, .WeepFileUpload-container:before, .WeepFileUpload-container:after, .CourseInformation-container:before, .CourseInformation-container:after, .TriptychCTA:before, .TriptychCTA:after, .InfoPanels:before, .InfoPanels:after, .HeadingDivider:before, .HeadingDivider:after, .ConsultSchedule:before, .ConsultSchedule:after, .ContentOverlap-container:before, .ContentOverlap-container:after, .EnvironmentSlider-container:before, .EnvironmentSlider-container:after, .HeroHeader-faded-careersSingle:before, .HeroHeader-faded-careersSingle:after, .jobsNavWrapper-careersSingle:before, .jobsNavWrapper-careersSingle:after, .jobsSection .jobsSectionContainer:before, .jobsSection .jobsSectionContainer:after, .jobListing .jobListingContainer:before, .jobListing .jobListingContainer:after, .BenefitsOverview-container:before, .BenefitsOverview-container:after, .EmployeeBenefits-benefit--row_container:before, .EmployeeBenefits-benefit--row_container:after, .BlogOverview-container:before, .BlogOverview-container:after, .BlogInner-container:before, .BlogInner-container:after, .Search-container:before, .Search-container:after, .QuoteRequest-container:before, .QuoteRequest-container:after, .ProjectDescription-container:before, .ProjectDescription-container:after, .Project-RelatedProducts--container:before, .Project-RelatedProducts--container:after, .Project-slider--container:before, .Project-slider--container:after, .WooCategory-description--container:before, .WooCategory-description--container:after, .WooCategory-subcats--container:before, .WooCategory-subcats--container:after, .Product-description--container:before, .Product-description--container:after, .Product-upsells--container:before, .Product-upsells--container:after, .WooCommerce-cart--container:before, .WooCommerce-cart--container:after, .WooCommerce-checkout--container:before, .WooCommerce-checkout--container:after, .adq-billing:before, .adq-billing:after, .Checkout-billing_col_container:before, .Checkout-billing_col_container:after, .woocommerce-adq > .woocommerce:before, .woocommerce-adq > .woocommerce:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after, .AffixColumn-root:after, .Example-row:after, .Container:after, .SiteHeader-container:after, .SiteHeader-notice:after, .SiteHeader-cart_menu #CartContainer:after, .SiteHeader-cart_menu #CartContainer .ajaxcart__product:after, .form-aside-container:after, .Contact-form ul:after, .MosaicGrid:after, .VideoEmbed-container:after, .Checkout-review_before_order--login:after, .FileBlocks-list:after, .CourseInformation-info:after, .Gallery-container:after, .BlogInner-content:after, .BlogInner-share_components:after, .BlogInner-related_posts:after, .Search-result:after, .DefaultForm_wrapper:after, .DefaultForm_wrapper ul:after, .GalleryInner-container:after, .GalleryInner-filters--wrapper:after, .GalleryInner-filters--collapse_target:after, .GalleryInner-filters .searchandfilter ul:after, .GalleryInner-posts_list:after, .GalleryInner-posts_list_item--taxonomies:after, .ProjectDescription:after, .Project-RelatedProducts--list:after, .WooCategory-subcats .products:after, .WooCategory-filters--collapse_target:after, .WooCategory-product--filters .searchandfilter ul:after, .WooCategory-products--items .products:after, .WooCategory-products--container:after, .WooCategory-filters--wrapper:after, .Product-row_col_reset:after, .Product-order_data--menu_wrapper:after, .Product-upsells:after, .Product-upsells .products:after, .WooCommerce-cart--title_wrapper:after, .HeroHeader-container:after, .HeroHeader--mobile-container:after, .Modal-content:after, .Footer-container:after, .Footer-container:after, .container:after, .SplitText-container:after, .MosaicCTA-container:after, .VideoSlider-container:after, .CenteredText-container:after, .Login-container:after, .FileBlocks-container:after, .WeepFileUpload-container:after, .CourseInformation-container:after, .TriptychCTA:after, .InfoPanels:after, .HeadingDivider:after, .ConsultSchedule:after, .ContentOverlap-container:after, .EnvironmentSlider-container:after, .HeroHeader-faded-careersSingle:after, .jobsNavWrapper-careersSingle:after, .jobsSection .jobsSectionContainer:after, .jobListing .jobListingContainer:after, .BenefitsOverview-container:after, .EmployeeBenefits-benefit--row_container:after, .BlogOverview-container:after, .BlogInner-container:after, .Search-container:after, .QuoteRequest-container:after, .ProjectDescription-container:after, .Project-RelatedProducts--container:after, .Project-slider--container:after, .WooCategory-description--container:after, .WooCategory-subcats--container:after, .Product-description--container:after, .Product-upsells--container:after, .WooCommerce-cart--container:after, .WooCommerce-checkout--container:after, .adq-billing:after, .Checkout-billing_col_container:after, .woocommerce-adq > .woocommerce:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix, .AffixColumn-root, .Example-row, .Container, .SiteHeader-container, .SiteHeader-notice, .SiteHeader-cart_menu #CartContainer, .SiteHeader-cart_menu #CartContainer .ajaxcart__product, .form-aside-container, .Contact-form ul, .MosaicGrid, .VideoEmbed-container, .Checkout-review_before_order--login, .FileBlocks-list, .CourseInformation-info, .Gallery-container, .BlogInner-content, .BlogInner-share_components, .BlogInner-related_posts, .Search-result, .DefaultForm_wrapper, .DefaultForm_wrapper ul, .GalleryInner-container, .GalleryInner-filters--wrapper, .GalleryInner-filters--collapse_target, .GalleryInner-filters .searchandfilter ul, .GalleryInner-posts_list, .GalleryInner-posts_list_item--taxonomies, .ProjectDescription, .Project-RelatedProducts--list, .WooCategory-subcats .products, .WooCategory-filters--collapse_target, .WooCategory-product--filters .searchandfilter ul, .WooCategory-products--items .products, .WooCategory-products--container, .WooCategory-filters--wrapper, .Product-row_col_reset, .Product-order_data--menu_wrapper, .Product-upsells, .Product-upsells .products, .WooCommerce-cart--title_wrapper, .HeroHeader-container, .HeroHeader--mobile-container, .Modal-content, .Footer-container, .Footer-container, .container, .SplitText-container, .MosaicCTA-container, .VideoSlider-container, .CenteredText-container, .Login-container, .FileBlocks-container, .WeepFileUpload-container, .CourseInformation-container, .TriptychCTA, .InfoPanels, .HeadingDivider, .ConsultSchedule, .ContentOverlap-container, .EnvironmentSlider-container, .HeroHeader-faded-careersSingle, .jobsNavWrapper-careersSingle, .jobsSection .jobsSectionContainer, .jobListing .jobListingContainer, .BenefitsOverview-container, .EmployeeBenefits-benefit--row_container, .BlogOverview-container, .BlogInner-container, .Search-container, .QuoteRequest-container, .ProjectDescription-container, .Project-RelatedProducts--container, .Project-slider--container, .WooCategory-description--container, .WooCategory-subcats--container, .Product-description--container, .Product-upsells--container, .WooCommerce-cart--container, .WooCommerce-checkout--container, .adq-billing, .Checkout-billing_col_container, .woocommerce-adq > .woocommerce { *zoom: 1; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { height: 0; overflow: hidden; transition-property: height, visibility; transition-duration: 0.35s; transition-timing-function: ease; } /* A Matrix is a series of equally sized elements arranged like Columns, but * with the ability to break correctly. * * It is possible to add interior borders to a Matrix akin to that of an HTML * table. */ .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Big Noodle Titling', sans-serif; font-weight: 700; color: #333639; -webkit-font-smoothing: antialiased; } h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, .h1::-moz-selection, .h2::-moz-selection, .h3::-moz-selection, .h4::-moz-selection, .h5::-moz-selection, .h6::-moz-selection { background: #333639; color: #FFFFFF; } h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, .h1::selection, .h2::selection, .h3::selection, .h4::selection, .h5::selection, .h6::selection { background: #333639; color: #FFFFFF; } .h1 { font-size: 40px; line-height: 45px; letter-spacing: 0.08em; } @media (min-width: 768px) { .h1 { font-size: 80px; line-height: 85px; } } @media (min-width: 992px) { .h1 { font-size: 120px; line-height: 120px; letter-spacing: 0.09em; } } h1::-moz-selection, .h1::-moz-selection { background: #333639; color: #FFFFFF; } h1::selection, .h1::selection { background: #333639; color: #FFFFFF; } .h2 { font-size: 20px; line-height: 36px; letter-spacing: 0.04em; } @media (min-width: 768px) { h2, .h2 { font-size: 30px; line-height: 36px; } } @media (min-width: 992px) { .h2 { font-size: 48px; line-height: 60px; } } h2::-moz-selection, .h2::-moz-selection { background: #333639; color: #FFFFFF; } h2::selection, .h2::selection { background: #333639; color: #FFFFFF; } .h3 { font-size: 16px; line-height: 24px; letter-spacing: 0.08em; } @media (min-width: 768px) { .h3 { font-size: 30px; line-height: 36px; } } @media (min-width: 992px) { .h3 { font-size: 40px; line-height: 48px; letter-spacing: 0.16em; } } h3::-moz-selection, .h3::-moz-selection { background: #333639; color: #FFFFFF; } h3::selection, .h3::selection { background: #333639; color: #FFFFFF; } .h4 { font-size: 24px; line-height: 36px; letter-spacing: 0.04em; } @media (min-width: 768px) { .h4 { font-size: 28px; line-height: 40px; letter-spacing: 0.06em; } } @media (min-width: 992px) { .h4 { font-size: 36px; line-height: 48px; letter-spacing: 0.04em; } } h4::-moz-selection, .h4::-moz-selection { background: #333639; color: #FFFFFF; } h4::selection, .h4::selection { background: #333639; color: #FFFFFF; } .h5 { font-size: 22px; line-height: 1.67em; letter-spacing: 0.04em; } @media (min-width: 768px) { .h5 { font-size: 24px; } } h5::-moz-selection, .h5::-moz-selection { background: #333639; color: #FFFFFF; } .h5::selection { background: #333639; color: #FFFFFF; } .h6 { font-size: 26px; line-height: 1.67em; letter-spacing: 0.02em; } @media (min-width: 768px) { .h6 { font-size: 50px; letter-spacing: 0.04em; } } @media (min-width: 992px) { .h6 { font-size: 80px; } } h6::-moz-selection, .h6::-moz-selection { background: #333639; color: #FFFFFF; } h6::selection, .h6::selection { background: #333639; color: #FFFFFF; } .p { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 0.01em; font-weight: 400; color: #939598; -webkit-font-smoothing: antialiased; } @media (min-width: 768px) { .p { line-height: 26px; } } @media (min-width: 992px) { .p { font-size: 18px; line-height: 28px; } } p::-moz-selection, .p::-moz-selection { background: #333639; color: #FFFFFF; } p::selection, .p::selection { background: #333639; color: #FFFFFF; } p.small, .p.small { font-size: 14px; line-height: 20px; letter-spacing: 0.02em; } li { -webkit-font-smoothing: antialiased; } li::-moz-selection { background: #333639; color: #FFFFFF; } li::selection { background: #333639; color: #FFFFFF; } .subheader { text-transform: uppercase; color: #333639; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; letter-spacing: 0.12em; font-weight: 700; } @media (min-width: 768px) { .subheader { font-size: 14px; line-height: 20px; letter-spacing: 0.12em; } } @media (min-width: 992px) { .subheader { font-size: 16px; letter-spacing: 0.16em; } } .subheader::-moz-selection { background: #333639; color: #FFFFFF; } .subheader::selection { background: #333639; color: #FFFFFF; } span::-moz-selection, td::-moz-selection { background: #333639; color: #FFFFFF; } span::selection, td::selection { background: #333639; color: #FFFFFF; } .select2-container { font-family: 'Open Sans', sans-serif; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { height: 0; overflow: hidden; transition-property: height, visibility; transition-duration: 0.35s; transition-timing-function: ease; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .fade { opacity: 0; transition: opacity .15s linear; } .fade.in { opacity: 1; } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; background-color: #000000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.slow { animation-duration: 1.5s; } .animated.slow.fade { animation-delay: 0s, 0.2s; animation-duration: 1.5s, 2.5s; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { animation-duration: .75s; } @keyframes changeOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes slideDownRight { 0% { transform: translatex(-200px) translatey(-200px); } 100% { transform: translatex(0px) translatey(0px); } } .slideDownRight { animation-name: slideDownRight; } .slideDownRightFade { animation-name: slideDownRight, changeOpacity; } keyframes slideRight 0% { transform: translateX(-200px); } keyframes slideRight 100% { transform: translateX(0px); } .changeOpacityLeft-right-1 { animation-name: changeOpacity; animation-delay: .2s; } .changeOpacityLeft-right-2 { animation-name: changeOpacity; animation-delay: .4s; } .changeOpacityLeft-right-3 { animation-name: changeOpacity; animation-delay: .6s; } .changeOpacityLeft-right-4 { animation-name: changeOpacity; animation-delay: .8s; } .changeOpacityLeft-right-5 { animation-name: changeOpacity; animation-delay: .10s; } @keyframes slideDownLeft { 0% { transform: translatex(200px) translatey(-200px); } 100% { transform: translatex(0px) translatey(0px); } } .slideDownLeft { animation-name: slideDownLeft; } .slideDownLeftFade { animation-name: slideDownLeft, changeOpacity; } @keyframes slideUpRight { 0% { transform: translatex(-200px) translatey(200px); } 100% { transform: translatex(0px) translatey(0px); } } .slideUpRight { animation-name: slideUpRight; } .slideUpRightFade { animation-name: slideUpRight, changeOpacity; } @keyframes slideUpLeft { 0% { transform: translatex(200px) translatey(200px); } 100% { transform: translatex(0px) translatey(0px); } } .slideUpLeft { animation-name: slideUpLeft; } .slideUpLeftFade { animation-name: slideUpLeft, changeOpacity; } @keyframes fadeInUpAlt { 0% { transform: translate3d(0, 100%, 0); } 100% { transform: none; } } .fadeInUpAlt { animation-name: fadeInUpAlt, changeOpacity; } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { 0%, 100% { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } 100% { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { 0% { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { 11.1% { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } 100% { transform: none; } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } 100% { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } 100% { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } 100% { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } 100% { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } 100% { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } 100% { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } 100% { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } 100% { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } 100% { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { 0% { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { backface-visibility: visible; animation-name: flip; } @keyframes flipInX { 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); } } .flipInX { backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { 0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { transform: perspective(400px); } } .flipInY { backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { 0% { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { 0% { transform-origin: center; opacity: 1; } 100% { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } .slideInDownFade { animation-name: slideInDown, changeOpacity; } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } .slideInUpFade { animation-name: slideInUp, changeOpacity; } @keyframes slideOutDown { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } .AffixColumn { position: fixed; top: 0; } .AffixColumn.is-AffixColumn--top { position: absolute; } .AffixColumn.is-AffixColumn--bottom { position: absolute; bottom: 0; top: auto; } .AffixColumn.is-AffixColumn--tallest { position: static; } .AffixColumn-root { position: relative; } .Example-row { *zoom: 1; } .Example-row--gutter { background-color: orange; } .Example-column { border: 1px solid gray; background-color: white; padding: 5px; } .Example-column_four { float: left; width: 33.33333333%; min-height: 1px; } .Example-column_six { float: left; width: 50%; min-height: 1px; } .Example-column_two { float: left; width: 16.66666667%; min-height: 1px; } .Example-column_three { float: left; width: 25%; min-height: 1px; } .Example-column_eight { float: left; width: 66.66666667%; min-height: 1px; } .Example-column_four--gutter { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 30.30913978%; width: calc( 33.33333333% - 30px ); } .Example-column_six--gutter { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 46.97580645%; width: calc( 50% - 30px ); } .Example-column_three--gutter { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 21.97580645%; width: calc( 25% - 30px ); } .Example-column_eight--gutter { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 63.64247312%; width: calc( 66.66666667% - 30px ); } .Example-column--padded { background-color: #92E292; } .Example-column--padded > div { background-color: white; } .Example-column_four--padded { float: left; width: 33.33333333%; padding-left: 15px; padding-right: 15px; min-height: 1px; } .Example-column_six--padded { float: left; width: 50%; padding-left: 15px; padding-right: 15px; min-height: 1px; } .Example-column_three--padded { float: left; width: 25%; padding-left: 15px; padding-right: 15px; min-height: 1px; } .Example-column_eight--padded { float: left; width: 66.66666667%; padding-left: 15px; padding-right: 15px; min-height: 1px; } .Example-column_four--viewport-sm { min-height: 1px; } @media (min-width: 768px) { .Example-column_four--viewport-sm { float: left; width: 33.33333333%; } } .Example-column_six--viewport-xs { min-height: 1px; } @media (min-width: 480px) { .Example-column_six--viewport-xs { float: left; width: 50%; } } .Example-column_three--viewport-xs { min-height: 1px; } @media (min-width: 480px) { .Example-column_three--viewport-xs { float: left; width: 25%; } } .Example-column_eight--viewport-md { min-height: 1px; } @media (min-width: 992px) { .Example-column_eight--viewport-md { float: left; width: 66.66666667%; } } .Example-column_four--viewport-md { min-height: 1px; } @media (min-width: 992px) { .Example-column_four--viewport-md { float: left; width: 33.33333333%; } } .Example-column_four--adjusted_gutter { margin-left: 2.5px; margin-right: 2.5px; min-height: 1px; float: left; width: 32.82930108%; width: calc( 33.33333333% - 5px ); } .Example-column_four--adjusted_gutter_big { margin-left: 25px; margin-right: 25px; min-height: 1px; float: left; width: 28.29301075%; width: calc( 33.33333333% - 50px ); } .Example-column_three--adjusted_gutter { margin-left: 12.5px; margin-right: 12.5px; min-height: 1px; float: left; width: 22.47983871%; width: calc( 25% - 25px ); } .Example-column_six--adjusted_gutter { margin-left: 12.5px; margin-right: 12.5px; min-height: 1px; float: left; width: 47.47983871%; width: calc( 50% - 25px ); } .Example-column_eight--adjusted_gutter { margin-left: 50px; margin-right: 50px; min-height: 1px; float: left; width: 56.58602151%; width: calc( 66.66666667% - 100px ); } .Example-column_four--offset { margin-left: 33.33333333%; } .Example-column_six--offset { margin-left: 50%; } .Example-column_three--offset { margin-left: 25%; } .Example-column_eight--offset { margin-left: 66.66666667%; } .Example-column_two--offset { margin-left: 16.66666667%; } .Example-column_four--after { padding-right: 345.66666667px; padding-right: calc( 33.33333333% + 15px ); } .Example-column_six--after { padding-right: 511px; padding-right: calc( 50% + 15px ); } .Example-column_three--after { padding-right: 263px; padding-right: calc( 25% + 15px ); } .Example-column_eight--after { padding-right: 676.33333333px; padding-right: calc( 66.66666667% + 15px ); } .Example-column_two--after { padding-right: 180.33333333px; padding-right: calc( 16.66666667% + 15px ); } .Example-column_four--push { left: 33.33333333%; position: relative; } .Example-column_six--push { left: 50%; position: relative; } .Example-column_three--push { left: 25%; position: relative; } .Example-column_ten--push { left: 83.33333333%; position: relative; } .Example-column_eight--push { left: 66.66666667%; position: relative; } .Example-column_nine--push { left: 75%; position: relative; } .Example-column_two--push { left: 16.66666667%; position: relative; } .Example-column_four--pull { right: 33.33333333%; position: relative; } .Example-column_six--pull { right: 50%; position: relative; } .Example-column_three--pull { right: 25%; position: relative; } .Example-column_eight--pull { right: 66.66666667%; position: relative; } .Example-column_two--pull { right: 16.66666667%; position: relative; } .Example-column_one--pull { right: 8.33333333%; position: relative; } .Example-column_four--pull-sm { min-height: 1px; position: relative; } @media (min-width: 992px) { .Example-column_four--pull-sm { float: right; width: 33.33333333%; } } .Grid-example--affix_column-content_content { margin-left: 15px; margin-right: 15px; min-height: 1px; margin-left: 0; } @media (min-width: 992px) { .Grid-example--affix_column-content_content { float: left; width: 63.64247312%; width: calc( 66.66666667% - 30px ); } } .Grid-example--affix_column-content_content.is-AffixColumn--tallest { width: 100%; } .Grid-example--affix_column-sidebar_content { margin-left: 15px; margin-right: 15px; min-height: 1px; padding-top: 20px; } @media (min-width: 992px) { .Grid-example--affix_column-sidebar_content { float: left; width: 30.30913978%; width: calc( 33.33333333% - 30px ); } } .Grid-example--affix_column-sidebar_content.is-AffixColumn--tallest { width: 100%; } .Sidebar-list { list-style: none; padding: 0; margin: 0; } .Sidebar-list a { text-decoration: none; color: black; } .Sidebar-list li { padding-top: 5px; padding-bottom: 5px; } @media (max-width: 991px) { .Grid-example--affix_column-sidebar_content { position: static !important; } } .Container, .HeroHeader-container, .HeroHeader--mobile-container, .Modal-content, .Footer-container, .Footer-container, .container, .SplitText-container, .MosaicCTA-container, .VideoSlider-container, .CenteredText-container, .Login-container, .FileBlocks-container, .WeepFileUpload-container, .CourseInformation-container, .TriptychCTA, .InfoPanels, .HeadingDivider, .ConsultSchedule, .ContentOverlap-container, .EnvironmentSlider-container, .HeroHeader-faded-careersSingle, .jobsNavWrapper-careersSingle, .jobsSection .jobsSectionContainer, .jobListing .jobListingContainer, .BenefitsOverview-container, .EmployeeBenefits-benefit--row_container, .BlogOverview-container, .BlogInner-container, .Search-container, .QuoteRequest-container, .ProjectDescription-container, .Project-RelatedProducts--container, .Project-slider--container, .WooCategory-description--container, .WooCategory-subcats--container, .Product-description--container, .Product-upsells--container, .WooCommerce-cart--container, .WooCommerce-checkout--container, .adq-billing, .Checkout-billing_col_container, .woocommerce-adq > .woocommerce { position: relative; margin: 0 auto; } @media (min-width: 768px) { .Container, .HeroHeader-container, .HeroHeader--mobile-container, .Modal-content, .Footer-container, .Footer-container, .container, .SplitText-container, .MosaicCTA-container, .VideoSlider-container, .CenteredText-container, .Login-container, .FileBlocks-container, .WeepFileUpload-container, .CourseInformation-container, .TriptychCTA, .InfoPanels, .HeadingDivider, .ConsultSchedule, .ContentOverlap-container, .EnvironmentSlider-container, .HeroHeader-faded-careersSingle, .jobsNavWrapper-careersSingle, .jobsSection .jobsSectionContainer, .jobListing .jobListingContainer, .BenefitsOverview-container, .EmployeeBenefits-benefit--row_container, .BlogOverview-container, .BlogInner-container, .Search-container, .QuoteRequest-container, .ProjectDescription-container, .Project-RelatedProducts--container, .Project-slider--container, .WooCategory-description--container, .WooCategory-subcats--container, .Product-description--container, .Product-upsells--container, .WooCommerce-cart--container, .WooCommerce-checkout--container, .adq-billing, .Checkout-billing_col_container, .woocommerce-adq > .woocommerce { max-width: 750px; } } @media (min-width: 992px) { .Container, .HeroHeader-container, .HeroHeader--mobile-container, .Modal-content, .Footer-container, .Footer-container, .container, .SplitText-container, .MosaicCTA-container, .VideoSlider-container, .CenteredText-container, .Login-container, .FileBlocks-container, .WeepFileUpload-container, .CourseInformation-container, .TriptychCTA, .InfoPanels, .HeadingDivider, .ConsultSchedule, .ContentOverlap-container, .EnvironmentSlider-container, .HeroHeader-faded-careersSingle, .jobsNavWrapper-careersSingle, .jobsSection .jobsSectionContainer, .jobListing .jobListingContainer, .BenefitsOverview-container, .EmployeeBenefits-benefit--row_container, .BlogOverview-container, .BlogInner-container, .Search-container, .QuoteRequest-container, .ProjectDescription-container, .Project-RelatedProducts--container, .Project-slider--container, .WooCategory-description--container, .WooCategory-subcats--container, .Product-description--container, .Product-upsells--container, .WooCommerce-cart--container, .WooCommerce-checkout--container, .adq-billing, .Checkout-billing_col_container, .woocommerce-adq > .woocommerce { max-width: 970px; } } @media (min-width: 1200px) { .Container, .HeroHeader-container, .HeroHeader--mobile-container, .Modal-content, .Footer-container, .Footer-container, .container, .SplitText-container, .MosaicCTA-container, .VideoSlider-container, .CenteredText-container, .Login-container, .FileBlocks-container, .WeepFileUpload-container, .CourseInformation-container, .TriptychCTA, .InfoPanels, .HeadingDivider, .ConsultSchedule, .ContentOverlap-container, .EnvironmentSlider-container, .HeroHeader-faded-careersSingle, .jobsNavWrapper-careersSingle, .jobsSection .jobsSectionContainer, .jobListing .jobListingContainer, .BenefitsOverview-container, .EmployeeBenefits-benefit--row_container, .BlogOverview-container, .BlogInner-container, .Search-container, .QuoteRequest-container, .ProjectDescription-container, .Project-RelatedProducts--container, .Project-slider--container, .WooCategory-description--container, .WooCategory-subcats--container, .Product-description--container, .Product-upsells--container, .WooCommerce-cart--container, .WooCommerce-checkout--container, .adq-billing, .Checkout-billing_col_container, .woocommerce-adq > .woocommerce { max-width: 1170px; } } a { -webkit-font-smoothing: antialiased; } .Button--menu_toggle { background: #FFFFFF; border: 1px solid #FFFFFF; padding: 5px; border-radius: 2px; } .Button--menu_toggle .Button--menu_toggle-bar { display: block; width: 20px; height: 3px; border-radius: 1px; background-color: #333639; margin-top: 4px; transform: translate(0%, 0px) rotate(0deg) translate(0%, 0px) scaleX(1); transition: transform 0.5s, opacity 0.5s; } .Button--menu_toggle .Button--menu_toggle-bar:first-child { margin-top: 0; } .Button--menu_toggle:hover, .Button--menu_toggle:focus { background: #333639; } .Button--menu_toggle:hover .Button--menu_toggle-bar, .Button--menu_toggle:focus .Button--menu_toggle-bar { background-color: #FFFFFF; } .Button--menu_toggle:focus { outline-width: 0; } .Button--itzel_round { display: inline-block; vertical-align: top; background: transparent; color: #000000; position: relative; overflow: hidden; z-index: 1; padding: 15px 25px; border: none; border-radius: 5px; margin-bottom: 20px; } .Button--itzel_round:after { content: "\EA22"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #000000; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Button--itzel_round span { display: block; transition: transform 0.3s, opacity 0.3s; transition-delay: 0.3s; } .Button--itzel_round:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 2px; border-style: solid; border-color: #000000; border-radius: inherit; -webkit-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%); -moz-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%); -ms-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%); clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%); transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0); transform-origin: 50% 100%; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--itzel_round:after { position: absolute; top: 100%; left: 50%; padding: 15px 25px; transform: translate3d(-50%, 0, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--itzel_round:hover span, .Button--itzel_round:focus span { opacity: 0; transform: translate3d(0, -50%, 0); transition-delay: 0s; } .Button--itzel_round:hover:before, .Button--itzel_round:focus:before { transform: translate3d(0, 0, 0); } .Button--itzel_round:hover:after, .Button--itzel_round:focus:after { transition-delay: 0.1s; transform: translate3d(-50%, -100%, 0); } .Button--itzel_round:before, .Button--itzel_round:after { border-radius: 5px; } .Button--itzel_rounder { display: inline-block; vertical-align: top; background: transparent; color: #000000; position: relative; overflow: hidden; z-index: 1; padding: 15px 25px; border: none; border-radius: 40px; } .Button--itzel_rounder:after { content: "\EA22"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #000000; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Button--itzel_rounder span { display: block; transition: transform 0.3s, opacity 0.3s; transition-delay: 0.3s; } .Button--itzel_rounder:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 2px; border-style: solid; border-color: #000000; border-radius: inherit; -webkit-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%); -moz-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%); -ms-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%); clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%); transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0); transform-origin: 50% 100%; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--itzel_rounder:after { position: absolute; top: 100%; left: 50%; padding: 15px 25px; transform: translate3d(-50%, 0, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--itzel_rounder:hover span, .Button--itzel_rounder:focus span { opacity: 0; transform: translate3d(0, -50%, 0); transition-delay: 0s; } .Button--itzel_rounder:hover:before, .Button--itzel_rounder:focus:before { transform: translate3d(0, 0, 0); } .Button--itzel_rounder:hover:after, .Button--itzel_rounder:focus:after { transition-delay: 0.1s; transform: translate3d(-50%, -100%, 0); } .Button--itzel_rounder:before, .Button--itzel_rounder:after { border-radius: 40px; } .Button--itzel { display: inline-block; vertical-align: top; background: transparent; color: #000000; position: relative; overflow: hidden; z-index: 1; padding: 15px 25px; border: none; } .Button--itzel:after { content: "\EA22"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #000000; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Button--itzel span { display: block; transition: transform 0.3s, opacity 0.3s; transition-delay: 0.3s; } .Button--itzel:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 2px; border-style: solid; border-color: #000000; border-radius: inherit; -webkit-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%); -moz-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%); -ms-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%); clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%); transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0); transform-origin: 50% 100%; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--itzel:after { position: absolute; top: 100%; left: 50%; padding: 15px 25px; transform: translate3d(-50%, 0, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--itzel:hover span, .Button--itzel:focus span { opacity: 0; transform: translate3d(0, -50%, 0); transition-delay: 0s; } .Button--itzel:hover:before, .Button--itzel:focus:before { transform: translate3d(0, 0, 0); } .Button--itzel:hover:after, .Button--itzel:focus:after { transition-delay: 0.1s; transform: translate3d(-50%, -100%, 0); } .Button--winona { display: inline-block; vertical-align: top; background: transparent; color: #000000; position: relative; overflow: hidden; z-index: 1; padding: 15px 25px; border-width: 1px; border-style: solid; border-color: #000000; transition: border-color 0.3s, background-color 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--winona span { display: block; } .Button--winona:after { content: 'Buy something will ya'; position: absolute; padding: 15px 25px; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #3f51b5; transform: translate3d(0, 25%, 0); } .Button--winona:after, .Button--winona span { transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--winona:hover, .Button--winona:focus { border-color: #3f51b5; background-color: #3f51b5; background-color: rgba(63, 81, 181, 0.1); } .Button--winona:hover span, .Button--winona:focus span { opacity: 0; transform: translate3d(0, -25%, 0); } .Button--winona:hover:after, .Button--winona:focus:after { opacity: 1; transform: translate3d(0, 0, 0); } .Button--winona_round { display: inline-block; vertical-align: top; background: transparent; color: #000000; position: relative; overflow: hidden; z-index: 1; padding: 15px 25px; border-width: 1px; border-style: solid; border-color: #000000; transition: border-color 0.3s, background-color 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); border-radius: 5px; } .Button--winona_round span { display: block; } .Button--winona_round:after { content: 'Buy something will ya'; position: absolute; padding: 15px 25px; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #3f51b5; transform: translate3d(0, 25%, 0); } .Button--winona_round:after, .Button--winona_round span { transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--winona_round:hover, .Button--winona_round:focus { border-color: #3f51b5; background-color: #3f51b5; background-color: rgba(63, 81, 181, 0.1); } .Button--winona_round:hover span, .Button--winona_round:focus span { opacity: 0; transform: translate3d(0, -25%, 0); } .Button--winona_round:hover:after, .Button--winona_round:focus:after { opacity: 1; transform: translate3d(0, 0, 0); } .Button--winona_round:before, .Button--winona_round:after { border-radius: 5px; } .Button--winona_rounder { display: inline-block; vertical-align: top; background: transparent; color: #000000; position: relative; overflow: hidden; z-index: 1; padding: 15px 25px; border-width: 1px; border-style: solid; border-color: #000000; transition: border-color 0.3s, background-color 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); border-radius: 40px; } .Button--winona_rounder span { display: block; } .Button--winona_rounder:after { content: 'Buy something will ya'; position: absolute; padding: 15px 25px; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #3f51b5; transform: translate3d(0, 25%, 0); } .Button--winona_rounder:after, .Button--winona_rounder span { transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--winona_rounder:hover, .Button--winona_rounder:focus { border-color: #3f51b5; background-color: #3f51b5; background-color: rgba(63, 81, 181, 0.1); } .Button--winona_rounder:hover span, .Button--winona_rounder:focus span { opacity: 0; transform: translate3d(0, -25%, 0); } .Button--winona_rounder:hover:after, .Button--winona_rounder:focus:after { opacity: 1; transform: translate3d(0, 0, 0); } .Button--winona_rounder:before, .Button--winona_rounder:after { border-radius: 40px; } .Button--tamaya_round { display: inline-block; vertical-align: top; background: #7986cb; overflow: hidden; position: relative; z-index: 1; color: #000000; padding: 15px 25px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 5px; } .Button--tamaya_round span { display: block; transform: scale3d(0.2, 0.2, 1); opacity: 0; transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--tamaya_round:before { top: 0; padding-top: 15px; } .Button--tamaya_round:after { bottom: 0; line-height: 0; } .Button--tamaya_round:before, .Button--tamaya_round:after { content: 'Buy something will ya'; position: absolute; width: 100%; height: 50%; left: 0; background: #7986cb; color: #000000; overflow: hidden; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--tamaya_round:hover, .Button--tamaya_round:focus { background: transparent; } .Button--tamaya_round:hover span, .Button--tamaya_round:focus span { opacity: 1; transform: scale3d(1, 1, 1); } .Button--tamaya_round:hover:before, .Button--tamaya_round:focus:before { transform: translate3d(0, -100%, 0); } .Button--tamaya_round:hover:after, .Button--tamaya_round:focus:after { transform: translate3d(0, 100%, 0); } .Button--tamaya_round:before, .Button--tamaya_round:after { border-radius: 0; } .Button--tamaya_rounder { display: inline-block; vertical-align: top; background: #7986cb; overflow: hidden; position: relative; z-index: 1; color: #000000; padding: 15px 25px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 40px; } .Button--tamaya_rounder span { display: block; transform: scale3d(0.2, 0.2, 1); opacity: 0; transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--tamaya_rounder:before { top: 0; padding-top: 15px; } .Button--tamaya_rounder:after { bottom: 0; line-height: 0; } .Button--tamaya_rounder:before, .Button--tamaya_rounder:after { content: 'Buy something will ya'; position: absolute; width: 100%; height: 50%; left: 0; background: #7986cb; color: #000000; overflow: hidden; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--tamaya_rounder:hover, .Button--tamaya_rounder:focus { background: transparent; } .Button--tamaya_rounder:hover span, .Button--tamaya_rounder:focus span { opacity: 1; transform: scale3d(1, 1, 1); } .Button--tamaya_rounder:hover:before, .Button--tamaya_rounder:focus:before { transform: translate3d(0, -100%, 0); } .Button--tamaya_rounder:hover:after, .Button--tamaya_rounder:focus:after { transform: translate3d(0, 100%, 0); } .Button--tamaya_rounder:before, .Button--tamaya_rounder:after { border-radius: 0; } .Button--tamaya { display: inline-block; vertical-align: top; background: #7986cb; overflow: hidden; position: relative; z-index: 1; color: #000000; padding: 15px 25px; border-width: 2px; border-style: solid; border-color: #000000; } .Button--tamaya span { display: block; transform: scale3d(0.2, 0.2, 1); opacity: 0; transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--tamaya:before { top: 0; padding-top: 15px; } .Button--tamaya:after { bottom: 0; line-height: 0; } .Button--tamaya:before, .Button--tamaya:after { content: 'Buy something will ya'; position: absolute; width: 100%; height: 50%; left: 0; background: #7986cb; color: #000000; overflow: hidden; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--tamaya:hover, .Button--tamaya:focus { background: transparent; } .Button--tamaya:hover span, .Button--tamaya:focus span { opacity: 1; transform: scale3d(1, 1, 1); } .Button--tamaya:hover:before, .Button--tamaya:focus:before { transform: translate3d(0, -100%, 0); } .Button--tamaya:hover:after, .Button--tamaya:focus:after { transform: translate3d(0, 100%, 0); } /* Strip browser default styling from a button. */ /* Strip browser default styling from an anchor. */ button { display: inline-block; vertical-align: top; background: #FFFFFF; color: #333639; border: 2px solid #FFFFFF; font-family: 'Open Sans', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 15px 25px; -webkit-font-smoothing: antialiased; } .Button--rayen_round { display: inline-block; vertical-align: top; background: transparent; overflow: hidden; position: relative; z-index: 1; color: #000000; border-width: 1px; border-style: solid; border-color: #000000; padding: 0; border-radius: 5px; margin-bottom: 20px; } .Button--rayen_round span { display: block; padding: 15px 25px; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--rayen_round:before { content: 'Buy something will ya'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px 25px; background: #7986cb; color: #000000; border-radius: inherit; transform: translate3d(-100%, 0, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transform-origin: 50% 100%; } .Button--rayen_round:hover span, .Button--rayen_round:focus span { transform: translate3d(0, 100%, 0); } .Button--rayen_round:hover:before, .Button--rayen_round:focus:before { transition: transform 0.3s; transform: translate3d(0, 0, 0); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--rayen_round:before, .Button--rayen_round:after { border-radius: 0px; } .Button--rayen_rounder { display: inline-block; vertical-align: top; background: transparent; overflow: hidden; position: relative; z-index: 1; color: #000000; border-width: 1px; border-style: solid; border-color: #000000; padding: 0; border-radius: 40px; } .Button--rayen_rounder span { display: block; padding: 15px 25px; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--rayen_rounder:before { content: 'Buy something will ya'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px 25px; background: #7986cb; color: #000000; border-radius: inherit; transform: translate3d(-100%, 0, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transform-origin: 50% 100%; } .Button--rayen_rounder:hover span, .Button--rayen_rounder:focus span { transform: translate3d(0, 100%, 0); } .Button--rayen_rounder:hover:before, .Button--rayen_rounder:focus:before { transition: transform 0.3s; transform: translate3d(0, 0, 0); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--rayen_rounder:before, .Button--rayen_rounder:after { border-radius: 40px; } .Button--rayen { display: inline-block; vertical-align: top; background: transparent; overflow: hidden; position: relative; z-index: 1; color: #000000; border-width: 1px; border-style: solid; border-color: #000000; padding: 0; } .Button--rayen span { display: block; padding: 15px 25px; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--rayen:before { content: 'Buy something will ya'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px 25px; background: #7986cb; color: #000000; border-radius: inherit; transform: translate3d(-100%, 0, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transform-origin: 50% 100%; } .Button--rayen:hover span, .Button--rayen:focus span { transform: translate3d(0, 100%, 0); } .Button--rayen:hover:before, .Button--rayen:focus:before { transition: transform 0.3s; transform: translate3d(0, 0, 0); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--ujarak { display: inline-block; vertical-align: top; background: transparent; overflow: hidden; position: relative; color: #000000; padding: 15px 25px; border-width: 2px; border-style: solid; border-color: #000000; } .Button--ujarak:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; background: #7986cb; transform: scale3d(0.7, 1, 1); transition: transform 0.4s, opacity 0.4s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--ujarak:hover, .Button--ujarak:focus { color: #FFFFFF; } .Button--ujarak:hover:before, .Button--ujarak:focus:before { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--ujarak_round { display: inline-block; vertical-align: top; background: transparent; overflow: hidden; position: relative; color: #000000; padding: 15px 25px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 5px; } .Button--ujarak_round:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; background: #7986cb; transform: scale3d(0.7, 1, 1); transition: transform 0.4s, opacity 0.4s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--ujarak_round:hover, .Button--ujarak_round:focus { color: #FFFFFF; } .Button--ujarak_round:hover:before, .Button--ujarak_round:focus:before { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--ujarak_round:before, .Button--ujarak_round:after { border-radius: 2px; } .Button--ujarak_rounder { display: inline-block; vertical-align: top; background: transparent; overflow: hidden; position: relative; color: #000000; padding: 15px 25px; border-width: 2px; border-style: solid; border-color: #000000; border-radius: 40px; } .Button--ujarak_rounder:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; background: #7986cb; transform: scale3d(0.7, 1, 1); transition: transform 0.4s, opacity 0.4s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--ujarak_rounder:hover, .Button--ujarak_rounder:focus { color: #FFFFFF; } .Button--ujarak_rounder:hover:before, .Button--ujarak_rounder:focus:before { opacity: 1; transform: translate3d(0, 0, 0); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--ujarak_rounder:before, .Button--ujarak_rounder:after { border-radius: 40px; } .Button--wayra { display: inline-block; vertical-align: top; background: transparent; overflow: hidden; position: relative; color: #000000; z-index: 1; padding: 15px 25px; border-width: 2px; border-style: solid; border-color: #000000; transition: background-color 0.3s, border-color 0.3s, color 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--wayra:before { content: ''; position: absolute; top: 0; left: 0; width: 150%; height: 100%; z-index: -1; background: #7986cb; transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform-origin: 0% 100%; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; } .Button--wayra:hover, .Button--wayra:focus { background: #7986cb; color: #FFFFFF; border-color: #7986cb; transition: background-color 0.3s; } .Button--wayra:hover:before, .Button--wayra:focus:before { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--wayra_round { display: inline-block; vertical-align: top; background: transparent; overflow: hidden; position: relative; color: #000000; z-index: 1; padding: 15px 25px; border-width: 2px; border-style: solid; border-color: #000000; transition: background-color 0.3s, border-color 0.3s, color 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); border-radius: 5px; } .Button--wayra_round:before { content: ''; position: absolute; top: 0; left: 0; width: 150%; height: 100%; z-index: -1; background: #7986cb; transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform-origin: 0% 100%; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; } .Button--wayra_round:hover, .Button--wayra_round:focus { background: #7986cb; color: #FFFFFF; border-color: #7986cb; transition: background-color 0.3s; } .Button--wayra_round:hover:before, .Button--wayra_round:focus:before { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--wayra_round:before, .Button--wayra_round:after { border-radius: 0; } .Button--wayra_rounder { display: inline-block; vertical-align: top; background: transparent; overflow: hidden; position: relative; color: #000000; z-index: 1; padding: 15px 25px; border-width: 2px; border-style: solid; border-color: #000000; transition: background-color 0.3s, border-color 0.3s, color 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); border-radius: 40px; } .Button--wayra_rounder:before { content: ''; position: absolute; top: 0; left: 0; width: 150%; height: 100%; z-index: -1; background: #7986cb; transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform-origin: 0% 100%; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; } .Button--wayra_rounder:hover, .Button--wayra_rounder:focus { background: #7986cb; color: #FFFFFF; border-color: #7986cb; transition: background-color 0.3s; } .Button--wayra_rounder:hover:before, .Button--wayra_rounder:focus:before { opacity: 1; transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--wayra_rounder:before, .Button--wayra_rounder:after { border-radius: 0; } .Button--pipaluk_round { display: inline-block; vertical-align: top; background: transparent; position: relative; color: #000000; padding: 15px 45px; border-width: 0px; border-style: solid; border-color: #000000; border-radius: 0px; border-radius: 5px; } .Button--pipaluk_round:before { border: 2px solid #7986cb; transform: scale3d(0.7, 0.7, 1); } .Button--pipaluk_round:after { background: #7986cb; } .Button--pipaluk_round:before, .Button--pipaluk_round:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; border-radius: inherit; transition: transform 0.3s, background-color 0.3s; transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); } .Button--pipaluk_round:hover:before, .Button--pipaluk_round:focus:before { transform: scale3d(1, 1, 1); } .Button--pipaluk_round:hover:after, .Button--pipaluk_round:focus:after { transform: scale3d(0.7, 0.7, 1); } .Button--pipaluk_round:before, .Button--pipaluk_round:after { border-radius: 5px; } .Button--pipaluk_rounder { display: inline-block; vertical-align: top; background: transparent; position: relative; color: #000000; padding: 15px 45px; border-width: 0px; border-style: solid; border-color: #000000; border-radius: 0px; border-radius: 40px; } .Button--pipaluk_rounder:before { border: 2px solid #7986cb; transform: scale3d(0.7, 0.7, 1); } .Button--pipaluk_rounder:after { background: #7986cb; } .Button--pipaluk_rounder:before, .Button--pipaluk_rounder:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; border-radius: inherit; transition: transform 0.3s, background-color 0.3s; transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); } .Button--pipaluk_rounder:hover:before, .Button--pipaluk_rounder:focus:before { transform: scale3d(1, 1, 1); } .Button--pipaluk_rounder:hover:after, .Button--pipaluk_rounder:focus:after { transform: scale3d(0.7, 0.7, 1); } .Button--pipaluk_rounder:before, .Button--pipaluk_rounder:after { border-radius: 40px; } .Button--pipaluk { display: inline-block; vertical-align: top; background: transparent; position: relative; color: #000000; padding: 15px 45px; border-width: 0px; border-style: solid; border-color: #000000; border-radius: 0px; } .Button--pipaluk:before { border: 2px solid #7986cb; transform: scale3d(0.7, 0.7, 1); } .Button--pipaluk:after { background: #7986cb; } .Button--pipaluk:before, .Button--pipaluk:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; border-radius: inherit; transition: transform 0.3s, background-color 0.3s; transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); } .Button--pipaluk:hover:before, .Button--pipaluk:focus:before { transform: scale3d(1, 1, 1); } .Button--pipaluk:hover:after, .Button--pipaluk:focus:after { transform: scale3d(0.7, 0.7, 1); } @keyframes Button--moema-animation_1 { 60% { transform: scale3d(0.8, 0.8, 1); } 85% { transform: scale3d(1.1, 1.1, 1); } 100% { transform: scale3d(1, 1, 1); } } @keyframes Button--moema-animation_2 { to { opacity: 0; transform: scale3d(1, 1, 1); } } .Button--moema_round { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; background: #7986cb; position: relative; color: #000000; padding: 15px 25px; border-width: 0px; border-style: solid; border-color: #000000; transition: background-color 0.3s, color 0.3s; border-radius: 5px; } .Button--moema_round:before { content: ''; position: absolute; top: -20px; left: -20px; bottom: -20px; right: -20px; background: inherit; z-index: -1; opacity: 0.4; transform: scale3d(0.8, 0.5, 1); } .Button--moema_round:hover, .Button--moema_round:focus { color: #FFFFFF; background: #3f51b5; transition: background-color 0.1s 0.3s, color 0.1s 0.3s; animation: Button--moema-animation_1 0.3s forwards; } .Button--moema_round:hover:before, .Button--moema_round:focus:before { opacity: 1; animation: Button--moema-animation_2 0.3s 0.3s forwards; } .Button--moema_round:before, .Button--moema_round:after { border-radius: 5px; } .Button--moema_rounder { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; background: #7986cb; position: relative; color: #000000; padding: 15px 25px; border-width: 0px; border-style: solid; border-color: #000000; transition: background-color 0.3s, color 0.3s; border-radius: 40px; } .Button--moema_rounder:before { content: ''; position: absolute; top: -20px; left: -20px; bottom: -20px; right: -20px; background: inherit; z-index: -1; opacity: 0.4; transform: scale3d(0.8, 0.5, 1); } .Button--moema_rounder:hover, .Button--moema_rounder:focus { color: #FFFFFF; background: #3f51b5; transition: background-color 0.1s 0.3s, color 0.1s 0.3s; animation: Button--moema-animation_1 0.3s forwards; } .Button--moema_rounder:hover:before, .Button--moema_rounder:focus:before { opacity: 1; animation: Button--moema-animation_2 0.3s 0.3s forwards; } .Button--moema_rounder:before, .Button--moema_rounder:after { border-radius: 40px; } .Button--moema { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; background: #7986cb; position: relative; color: #000000; padding: 15px 25px; border-width: 0px; border-style: solid; border-color: #000000; transition: background-color 0.3s, color 0.3s; } .Button--moema:before { content: ''; position: absolute; top: -20px; left: -20px; bottom: -20px; right: -20px; background: inherit; z-index: -1; opacity: 0.4; transform: scale3d(0.8, 0.5, 1); } .Button--moema:hover, .Button--moema:focus { color: #FFFFFF; background: #3f51b5; transition: background-color 0.1s 0.3s, color 0.1s 0.3s; animation: Button--moema-animation_1 0.3s forwards; } .Button--moema:hover:before, .Button--moema:focus:before { opacity: 1; animation: Button--moema-animation_2 0.3s 0.3s forwards; } .Button--isi_round { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; background: #7986cb; overflow: hidden; position: relative; color: #000000; padding: 15px 25px; z-index: 1; border-width: 0px; border-style: solid; border-color: #000000; border-radius: 5px; } .Button--isi_round:before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; right: -30px; height: 30px; background: #3f51b5; transform-origin: 100% 50%; transform: scale3d(1, 2, 1); transition: left 0.3s, transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); } .Button--isi_round:hover, .Button--isi_round:focus { color: #000000; } .Button--isi_round:hover:before, .Button--isi_round:focus:before { left: -10%; transform: scale3d(1, 9, 1); } .Button--isi_round:before, .Button--isi_round:after { border-radius: 50%; } .Button--isi_rounder { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; background: #7986cb; overflow: hidden; position: relative; color: #000000; padding: 15px 25px; z-index: 1; border-width: 0px; border-style: solid; border-color: #000000; border-radius: 40px; } .Button--isi_rounder:before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; right: -30px; height: 30px; background: #3f51b5; transform-origin: 100% 50%; transform: scale3d(1, 2, 1); transition: left 0.3s, transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); } .Button--isi_rounder:hover, .Button--isi_rounder:focus { color: #000000; } .Button--isi_rounder:hover:before, .Button--isi_rounder:focus:before { left: -10%; transform: scale3d(1, 9, 1); } .Button--isi_rounder:before, .Button--isi_rounder:after { border-radius: 50%; } .Button--isi { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; background: #7986cb; overflow: hidden; position: relative; color: #000000; padding: 15px 25px; z-index: 1; border-width: 0px; border-style: solid; border-color: #000000; } .Button--isi:before { content: ''; z-index: -1; position: absolute; top: 50%; left: 100%; margin: -15px 0 0 1px; right: -30px; height: 30px; background: #3f51b5; transform-origin: 100% 50%; transform: scale3d(1, 2, 1); transition: left 0.3s, transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1); } .Button--isi:hover, .Button--isi:focus { color: #000000; } .Button--isi:hover:before, .Button--isi:focus:before { left: -10%; transform: scale3d(1, 9, 1); } .Button--aylen_round { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; background: #F8F8F8; overflow: hidden; position: relative; color: #000000; padding: 15px 25px; z-index: 1; border-width: 0px; border-style: solid; border-color: #000000; transition: color 0.3s; border-radius: 5px; } .Button--aylen_round:before { background: #7986cb; } .Button--aylen_round:after { background: #3f51b5; } .Button--aylen_round:before, .Button--aylen_round:after { content: ''; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; z-index: -1; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--aylen_round:hover, .Button--aylen_round:focus { color: #FFFFFF; } .Button--aylen_round:hover:after, .Button--aylen_round:focus:after { transition-delay: 0.175s; } .Button--aylen_round:hover:before, .Button--aylen_round:focus:before, .Button--aylen_round:hover:after, .Button--aylen_round:focus:after { transform: translate3d(0, 100%, 0); } .Button--aylen_round:before, .Button--aylen_round:after { border-radius: 5px; } .Button--aylen_rounder { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; background: #F8F8F8; overflow: hidden; position: relative; color: #000000; padding: 15px 25px; z-index: 1; border-width: 0px; border-style: solid; border-color: #000000; transition: color 0.3s; border-radius: 40px; } .Button--aylen_rounder:before { background: #7986cb; } .Button--aylen_rounder:after { background: #3f51b5; } .Button--aylen_rounder:before, .Button--aylen_rounder:after { content: ''; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; z-index: -1; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--aylen_rounder:hover, .Button--aylen_rounder:focus { color: #FFFFFF; } .Button--aylen_rounder:hover:after, .Button--aylen_rounder:focus:after { transition-delay: 0.175s; } .Button--aylen_rounder:hover:before, .Button--aylen_rounder:focus:before, .Button--aylen_rounder:hover:after, .Button--aylen_rounder:focus:after { transform: translate3d(0, 100%, 0); } .Button--aylen_rounder:before, .Button--aylen_rounder:after { border-radius: 40px; } .Button--aylen { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; background: #F8F8F8; overflow: hidden; position: relative; color: #000000; padding: 15px 25px; z-index: 1; border-width: 0px; border-style: solid; border-color: #000000; transition: color 0.3s; } .Button--aylen:before { background: #7986cb; } .Button--aylen:after { background: #3f51b5; } .Button--aylen:before, .Button--aylen:after { content: ''; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; z-index: -1; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--aylen:hover, .Button--aylen:focus { color: #FFFFFF; } .Button--aylen:hover:after, .Button--aylen:focus:after { transition-delay: 0.175s; } .Button--aylen:hover:before, .Button--aylen:focus:before, .Button--aylen:hover:after, .Button--aylen:focus:after { transform: translate3d(0, 100%, 0); } .Button--saqui_round { display: inline-block; vertical-align: top; background: #3f51b5; overflow: hidden; position: relative; color: #FFFFFF; padding: 15px 25px; z-index: 1; border-width: 0px; border-style: solid; border-color: #000000; transition: background-color 0.3s ease-in, color 0.3s ease-in; border-radius: 5px; } .Button--saqui_round:after { content: 'Buy something will ya'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px 25px; color: #FFFFFF; transform-origin: -25% 50%; transform: rotate3d(0, 0, 1, 45deg); transition: transform 0.3s ease-in; } .Button--saqui_round:hover, .Button--saqui_round:focus { color: #000000; background: #7986cb; transition-timing-function: ease-out; } .Button--saqui_round:hover:after, .Button--saqui_round:focus:after { transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: ease-out; } .Button--saqui_round:before, .Button--saqui_round:after { border-radius: 5px; } .Button--saqui_rounder { display: inline-block; vertical-align: top; background: #3f51b5; overflow: hidden; position: relative; color: #FFFFFF; padding: 15px 25px; z-index: 1; border-width: 0px; border-style: solid; border-color: #000000; transition: background-color 0.3s ease-in, color 0.3s ease-in; border-radius: 40px; } .Button--saqui_rounder:after { content: 'Buy something will ya'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px 25px; color: #FFFFFF; transform-origin: -25% 50%; transform: rotate3d(0, 0, 1, 45deg); transition: transform 0.3s ease-in; } .Button--saqui_rounder:hover, .Button--saqui_rounder:focus { color: #000000; background: #7986cb; transition-timing-function: ease-out; } .Button--saqui_rounder:hover:after, .Button--saqui_rounder:focus:after { transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: ease-out; } .Button--saqui_rounder:before, .Button--saqui_rounder:after { border-radius: 40px; } .Button--saqui { display: inline-block; vertical-align: top; background: #3f51b5; overflow: hidden; position: relative; color: #FFFFFF; padding: 15px 25px; z-index: 1; border-width: 0px; border-style: solid; border-color: #000000; transition: background-color 0.3s ease-in, color 0.3s ease-in; } .Button--saqui:after { content: 'Buy something will ya'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px 25px; color: #FFFFFF; transform-origin: -25% 50%; transform: rotate3d(0, 0, 1, 45deg); transition: transform 0.3s ease-in; } .Button--saqui:hover, .Button--saqui:focus { color: #000000; background: #7986cb; transition-timing-function: ease-out; } .Button--saqui:hover:after, .Button--saqui:focus:after { transform: rotate3d(0, 0, 1, 0deg); transition-timing-function: ease-out; } .Button--wapasha_round { display: inline-block; vertical-align: top; background: #3f51b5; overflow: hidden; position: relative; color: #FFFFFF; padding: 15px 25px; z-index: 1; border: none; transition: background-color 0.3s, color 0.3s; border-radius: 5px; } .Button--wapasha_round:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 2px; border-style: solid; border-color: #3f51b5; border-radius: inherit; opacity: 0; z-index: -1; transform: scale3d(0.6, 0.6, 1); transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--wapasha_round:hover, .Button--wapasha_round:focus { color: #3f51b5; background: #FFFFFF; transition-timing-function: ease-out; } .Button--wapasha_round:hover:before, .Button--wapasha_round:focus:before { opacity: 1; transform: scale3d(1, 1, 1); } .Button--wapasha_round:before, .Button--wapasha_round:after { border-radius: 5px; } .Button--wapasha_rounder { display: inline-block; vertical-align: top; background: #3f51b5; overflow: hidden; position: relative; color: #FFFFFF; padding: 15px 25px; z-index: 1; border: none; transition: background-color 0.3s, color 0.3s; border-radius: 40px; } .Button--wapasha_rounder:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 2px; border-style: solid; border-color: #3f51b5; border-radius: inherit; opacity: 0; z-index: -1; transform: scale3d(0.6, 0.6, 1); transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--wapasha_rounder:hover, .Button--wapasha_rounder:focus { color: #3f51b5; background: #FFFFFF; transition-timing-function: ease-out; } .Button--wapasha_rounder:hover:before, .Button--wapasha_rounder:focus:before { opacity: 1; transform: scale3d(1, 1, 1); } .Button--wapasha_rounder:before, .Button--wapasha_rounder:after { border-radius: 40px; } .Button--wapasha { display: inline-block; vertical-align: top; background: #3f51b5; overflow: hidden; position: relative; color: #FFFFFF; padding: 15px 25px; z-index: 1; border: none; transition: background-color 0.3s, color 0.3s; } .Button--wapasha:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 2px; border-style: solid; border-color: #3f51b5; border-radius: inherit; opacity: 0; z-index: -1; transform: scale3d(0.6, 0.6, 1); transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--wapasha:hover, .Button--wapasha:focus { color: #3f51b5; background: #FFFFFF; transition-timing-function: ease-out; } .Button--wapasha:hover:before, .Button--wapasha:focus:before { opacity: 1; transform: scale3d(1, 1, 1); } .Button--nuka_round { display: inline-block; vertical-align: top; position: relative; color: #000000; padding: 15px 25px; z-index: 1; border-radius: 5px; margin-right: 20px; } .Button--nuka_round:before { top: -4px; bottom: -4px; left: -4px; right: -4px; opacity: 0.2; transform: scale3d(0.7, 1, 1); transition: transform 0.3s, opacity 0.3s; } .Button--nuka_round:after { top: 0; left: 0; width: 100%; height: 100%; transform: scale3d(1.1, 1, 1); transition: transform 0.3s, background-color 0.3s; } .Button--nuka_round:before, .Button--nuka_round:after { content: ''; position: absolute; background: #7986cb; border-radius: inherit; z-index: -1; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--nuka_round:hover, .Button--nuka_round:focus { color: black; } .Button--nuka_round:hover:before, .Button--nuka_round:focus:before { opacity: 1; } .Button--nuka_round:hover:after, .Button--nuka_round:focus:after { background: #3f51b5; } .Button--nuka_round:hover:before, .Button--nuka_round:focus:before, .Button--nuka_round:hover:after, .Button--nuka_round:focus:after { transform: scale3d(1, 1, 1); } .Button--nuka_round:before, .Button--nuka_round:after { border-radius: 5px; } .Button--nuka_rounder { display: inline-block; vertical-align: top; position: relative; color: #000000; padding: 15px 25px; z-index: 1; border-radius: 40px; margin-right: 20px; } .Button--nuka_rounder:before { top: -4px; bottom: -4px; left: -4px; right: -4px; opacity: 0.2; transform: scale3d(0.7, 1, 1); transition: transform 0.3s, opacity 0.3s; } .Button--nuka_rounder:after { top: 0; left: 0; width: 100%; height: 100%; transform: scale3d(1.1, 1, 1); transition: transform 0.3s, background-color 0.3s; } .Button--nuka_rounder:before, .Button--nuka_rounder:after { content: ''; position: absolute; background: #7986cb; border-radius: inherit; z-index: -1; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--nuka_rounder:hover, .Button--nuka_rounder:focus { color: black; } .Button--nuka_rounder:hover:before, .Button--nuka_rounder:focus:before { opacity: 1; } .Button--nuka_rounder:hover:after, .Button--nuka_rounder:focus:after { background: #3f51b5; } .Button--nuka_rounder:hover:before, .Button--nuka_rounder:focus:before, .Button--nuka_rounder:hover:after, .Button--nuka_rounder:focus:after { transform: scale3d(1, 1, 1); } .Button--nuka_rounder:before, .Button--nuka_rounder:after { border-radius: 40px; } .Button--nuka { display: inline-block; vertical-align: top; position: relative; color: #000000; padding: 15px 25px; z-index: 1; margin-right: 20px; } .Button--nuka:before { top: -4px; bottom: -4px; left: -4px; right: -4px; opacity: 0.2; transform: scale3d(0.7, 1, 1); transition: transform 0.3s, opacity 0.3s; } .Button--nuka:after { top: 0; left: 0; width: 100%; height: 100%; transform: scale3d(1.1, 1, 1); transition: transform 0.3s, background-color 0.3s; } .Button--nuka:before, .Button--nuka:after { content: ''; position: absolute; background: #7986cb; border-radius: inherit; z-index: -1; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .Button--nuka:hover, .Button--nuka:focus { color: black; } .Button--nuka:hover:before, .Button--nuka:focus:before { opacity: 1; } .Button--nuka:hover:after, .Button--nuka:focus:after { background: #3f51b5; } .Button--nuka:hover:before, .Button--nuka:focus:before, .Button--nuka:hover:after, .Button--nuka:focus:after { transform: scale3d(1, 1, 1); } .Button--antiman { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; background: transparent; overflow: hidden; position: relative; color: #FFFFFF; padding: 15px 25px; z-index: 1; border: none; transition: color 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--antiman:before { opacity: 0; border-color: #7986cb; border-width: 2px; transform: scale3d(1.2, 1.2, 1); } .Button--antiman:after { background: #7986cb; } .Button--antiman:before, .Button--antiman:after { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: -1; border-radius: inherit; border-width: 2px; border-style: solid; border-color: #7986cb; -webkit-backface-visibility: hidden; transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--antiman:hover, .Button--antiman:focus { color: #7986cb; } .Button--antiman:hover:before, .Button--antiman:focus:before { opacity: 1; transform: scale3d(1, 1, 1); } .Button--antiman:hover:after, .Button--antiman:focus:after { opacity: 0; background: #7986cb; transform: scale3d(0.8, 0.8, 1); } .Button--antiman_round { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; background: transparent; overflow: hidden; position: relative; color: #FFFFFF; padding: 15px 25px; z-index: 1; border: none; transition: color 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); border-radius: 5px; } .Button--antiman_round:before { opacity: 0; border-color: #7986cb; border-width: 2px; transform: scale3d(1.2, 1.2, 1); } .Button--antiman_round:after { background: #7986cb; } .Button--antiman_round:before, .Button--antiman_round:after { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: -1; border-radius: inherit; border-width: 2px; border-style: solid; border-color: #7986cb; -webkit-backface-visibility: hidden; transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--antiman_round:hover, .Button--antiman_round:focus { color: #7986cb; } .Button--antiman_round:hover:before, .Button--antiman_round:focus:before { opacity: 1; transform: scale3d(1, 1, 1); } .Button--antiman_round:hover:after, .Button--antiman_round:focus:after { opacity: 0; background: #7986cb; transform: scale3d(0.8, 0.8, 1); } .Button--antiman_round:before, .Button--antiman_round:after { border-radius: 5px; } .Button--antiman_rounder { display: inline-block; vertical-align: top; font-family: 'Open Sans', sans-serif; background: transparent; overflow: hidden; position: relative; color: #FFFFFF; padding: 15px 25px; z-index: 1; border: none; transition: color 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); border-radius: 40px; } .Button--antiman_rounder:before { opacity: 0; border-color: #7986cb; border-width: 2px; transform: scale3d(1.2, 1.2, 1); } .Button--antiman_rounder:after { background: #7986cb; } .Button--antiman_rounder:before, .Button--antiman_rounder:after { content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: -1; border-radius: inherit; border-width: 2px; border-style: solid; border-color: #7986cb; -webkit-backface-visibility: hidden; transition: transform 0.3s, opacity 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--antiman_rounder:hover, .Button--antiman_rounder:focus { color: #7986cb; } .Button--antiman_rounder:hover:before, .Button--antiman_rounder:focus:before { opacity: 1; transform: scale3d(1, 1, 1); } .Button--antiman_rounder:hover:after, .Button--antiman_rounder:focus:after { opacity: 0; background: #7986cb; transform: scale3d(0.8, 0.8, 1); } .Button--antiman_rounder:before, .Button--antiman_rounder:after { border-radius: 40px; } @keyframes Button--naira-animation_1 { 50% { transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg); animation-timing-function: ease-out; } 100% { transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg); } } .Button--naira_round_down { display: inline-block; vertical-align: top; background: transparent; overflow: hidden; position: relative; color: #000000; padding: 15px 25px; z-index: 1; border-width: 3px; border-style: solid; border-color: #000000; transition: background-color 0.3s; border-radius: 5px; } .Button--naira_round_down:after { content: "\EA10"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #000000; font-size: 16px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Button--naira_round_down span { display: block; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--naira_round_down:before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; z-index: -1; background: #7986cb; transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg); } .Button--naira_round_down:after { position: absolute; top: 0; width: 100%; left: 0; color: #FFFFFF; padding: 15px 25px; transform: translate3d(0, -100%, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--naira_round_down:hover, .Button--naira_round_down:focus { background: #3f51b5; transition: background-color 0s 0.3s; } .Button--naira_round_down:hover span, .Button--naira_round_down:focus span { opacity: 0; transform: translate3d(0, 100%, 0); } .Button--naira_round_down:hover:before, .Button--naira_round_down:focus:before { animation: Button--naira-animation_1 0.3s forwards ease-in; } .Button--naira_round_down:hover:after, .Button--naira_round_down:focus:after { transform: translate3d(0, 0, 0); } .Button--naira_round_down:before, .Button--naira_round_down:after { border-radius: 5px; } .Button--naira_rounder_down { display: inline-block; vertical-align: top; background: transparent; overflow: hidden; position: relative; color: #000000; padding: 15px 25px; z-index: 1; border-width: 3px; border-style: solid; border-color: #000000; transition: background-color 0.3s; border-radius: 40px; } .Button--naira_rounder_down:after { content: "\EA10"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #000000; font-size: 16px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Button--naira_rounder_down span { display: block; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--naira_rounder_down:before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; z-index: -1; background: #7986cb; transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg); } .Button--naira_rounder_down:after { position: absolute; top: 0; width: 100%; left: 0; color: #FFFFFF; padding: 15px 25px; transform: translate3d(0, -100%, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--naira_rounder_down:hover, .Button--naira_rounder_down:focus { background: #3f51b5; transition: background-color 0s 0.3s; } .Button--naira_rounder_down:hover span, .Button--naira_rounder_down:focus span { opacity: 0; transform: translate3d(0, 100%, 0); } .Button--naira_rounder_down:hover:before, .Button--naira_rounder_down:focus:before { animation: Button--naira-animation_1 0.3s forwards ease-in; } .Button--naira_rounder_down:hover:after, .Button--naira_rounder_down:focus:after { transform: translate3d(0, 0, 0); } .Button--naira_rounder_down:before, .Button--naira_rounder_down:after { border-radius: 40px; } .Button--naira_down { display: inline-block; vertical-align: top; background: transparent; overflow: hidden; position: relative; color: #000000; padding: 15px 25px; z-index: 1; border-width: 3px; border-style: solid; border-color: #000000; transition: background-color 0.3s; } .Button--naira_down:after { content: "\EA10"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #000000; font-size: 16px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Button--naira_down span { display: block; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--naira_down:before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; z-index: -1; background: #7986cb; transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg); } .Button--naira_down:after { position: absolute; top: 0; width: 100%; left: 0; color: #FFFFFF; padding: 15px 25px; transform: translate3d(0, -100%, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--naira_down:hover, .Button--naira_down:focus { background: #3f51b5; transition: background-color 0s 0.3s; } .Button--naira_down:hover span, .Button--naira_down:focus span { opacity: 0; transform: translate3d(0, 100%, 0); } .Button--naira_down:hover:before, .Button--naira_down:focus:before { animation: Button--naira-animation_1 0.3s forwards ease-in; } .Button--naira_down:hover:after, .Button--naira_down:focus:after { transform: translate3d(0, 0, 0); } @keyframes Button--naira-animation_2 { 50% { transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg); animation-timing-function: ease-out; } 100% { transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg); } } .Button--naira_round_up { background: transparent; overflow: hidden; position: relative; color: #000000; padding: 15px 25px; z-index: 1; border-width: 3px; border-style: solid; border-color: #000000; transition: background-color 0.3s; border-radius: 5px; } .Button--naira_round_up:after { content: "\EA10"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #000000; font-size: 16px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Button--naira_round_up span { display: block; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--naira_round_up:before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; z-index: -1; background: #7986cb; transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg); } .Button--naira_round_up:after { position: absolute; top: 0; width: 100%; left: 0; color: #FFFFFF; padding: 15px 25px; transform: translate3d(0, 100%, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--naira_round_up:hover, .Button--naira_round_up:focus { background: #3f51b5; transition: background-color 0s 0.3s; } .Button--naira_round_up:hover span, .Button--naira_round_up:focus span { opacity: 0; transform: translate3d(0, -100%, 0); } .Button--naira_round_up:hover:before, .Button--naira_round_up:focus:before { animation: Button--naira-animation_2 0.3s forwards ease-in; } .Button--naira_round_up:hover:after, .Button--naira_round_up:focus:after { transform: translate3d(0, 0, 0); } .Button--naira_round_up:before, .Button--naira_round_up:after { border-radius: 5px; } .Button--naira_rounder_up { background: transparent; overflow: hidden; position: relative; color: #000000; padding: 15px 25px; z-index: 1; border-width: 3px; border-style: solid; border-color: #000000; transition: background-color 0.3s; border-radius: 40px; } .Button--naira_rounder_up:after { content: "\EA10"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #000000; font-size: 16px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Button--naira_rounder_up span { display: block; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--naira_rounder_up:before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; z-index: -1; background: #7986cb; transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg); } .Button--naira_rounder_up:after { position: absolute; top: 0; width: 100%; left: 0; color: #FFFFFF; padding: 15px 25px; transform: translate3d(0, 100%, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--naira_rounder_up:hover, .Button--naira_rounder_up:focus { background: #3f51b5; transition: background-color 0s 0.3s; } .Button--naira_rounder_up:hover span, .Button--naira_rounder_up:focus span { opacity: 0; transform: translate3d(0, -100%, 0); } .Button--naira_rounder_up:hover:before, .Button--naira_rounder_up:focus:before { animation: Button--naira-animation_2 0.3s forwards ease-in; } .Button--naira_rounder_up:hover:after, .Button--naira_rounder_up:focus:after { transform: translate3d(0, 0, 0); } .Button--naira_rounder_up:before, .Button--naira_rounder_up:after { border-radius: 40px; } .Button--naira_up { background: transparent; overflow: hidden; position: relative; color: #000000; padding: 15px 25px; z-index: 1; border-width: 3px; border-style: solid; border-color: #000000; transition: background-color 0.3s; } .Button--naira_up:after { content: "\EA10"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #000000; font-size: 16px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Button--naira_up span { display: block; transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--naira_up:before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; z-index: -1; background: #7986cb; transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg); } .Button--naira_up:after { position: absolute; top: 0; width: 100%; left: 0; color: #FFFFFF; padding: 15px 25px; transform: translate3d(0, 100%, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--naira_up:hover, .Button--naira_up:focus { background: #3f51b5; transition: background-color 0s 0.3s; } .Button--naira_up:hover span, .Button--naira_up:focus span { opacity: 0; transform: translate3d(0, -100%, 0); } .Button--naira_up:hover:before, .Button--naira_up:focus:before { animation: Button--naira-animation_2 0.3s forwards ease-in; } .Button--naira_up:hover:after, .Button--naira_up:focus:after { transform: translate3d(0, 0, 0); } .Button--quidel_round { display: inline-block; vertical-align: top; background: #3f51b5; z-index: 1; position: relative; overflow: hidden; color: #000000; padding: 15px 25px; border: none; transition: color 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); border-radius: 5px; } .Button--quidel_round:before { background: #000000; width: 100%; height: 100%; top: 0; left: 0; transform: translate3d(0, 100%, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--quidel_round:after { background: #FFFFFF; top: 2px; left: 2px; right: 2px; bottom: 2px; } .Button--quidel_round:before, .Button--quidel_round:after { content: ''; position: absolute; z-index: -1; border-radius: inherit; } .Button--quidel_round:hover, .Button--quidel_round:focus { color: #000000; } .Button--quidel_round:hover:before, .Button--quidel_round:focus:before { transform: translate3d(0, 0, 0); } .Button--quidel_round:before, .Button--quidel_round:after { border-radius: 5px; } .Button--quidel_rounder { display: inline-block; vertical-align: top; background: #3f51b5; z-index: 1; position: relative; overflow: hidden; color: #000000; padding: 15px 25px; border: none; transition: color 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); border-radius: 40px; } .Button--quidel_rounder:before { background: #000000; width: 100%; height: 100%; top: 0; left: 0; transform: translate3d(0, 100%, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--quidel_rounder:after { background: #FFFFFF; top: 2px; left: 2px; right: 2px; bottom: 2px; } .Button--quidel_rounder:before, .Button--quidel_rounder:after { content: ''; position: absolute; z-index: -1; border-radius: inherit; } .Button--quidel_rounder:hover, .Button--quidel_rounder:focus { color: #000000; } .Button--quidel_rounder:hover:before, .Button--quidel_rounder:focus:before { transform: translate3d(0, 0, 0); } .Button--quidel_rounder:before, .Button--quidel_rounder:after { border-radius: 40px; } .Button--quidel { display: inline-block; vertical-align: top; background: #3f51b5; z-index: 1; position: relative; overflow: hidden; color: #000000; padding: 15px 25px; border: none; transition: color 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--quidel:before { background: #000000; width: 100%; height: 100%; top: 0; left: 0; transform: translate3d(0, 100%, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--quidel:after { background: #FFFFFF; top: 2px; left: 2px; right: 2px; bottom: 2px; } .Button--quidel:before, .Button--quidel:after { content: ''; position: absolute; z-index: -1; border-radius: inherit; } .Button--quidel:hover, .Button--quidel:focus { color: #000000; } .Button--quidel:hover:before, .Button--quidel:focus:before { transform: translate3d(0, 0, 0); } .Button--sacnite_round { display: inline-block; vertical-align: top; background: transparent; z-index: 1; position: relative; color: #FFFFFF; padding: 20px; border: none; transition: color 0.3s; border-radius: 5px; } .Button--sacnite_round:after { content: "\EA14"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FFFFFF; font-size: 22px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Button--sacnite_round:before { content: ''; width: 100%; height: 100%; top: 0; left: 0; border-radius: inherit; z-index: -1; box-shadow: inset 0 0 0 35px #3f51b5; transform: scale3d(0.9, 0.9, 1); transition: box-shadow 0.3s, transform 0.3s; } .Button--sacnite_round:after { display: inline-block; vertical-align: middle; } .Button--sacnite_round:before { position: absolute; } .Button--sacnite_round:hover:after, .Button--sacnite_round:focus:after { color: #000000; } .Button--sacnite_round:hover:before, .Button--sacnite_round:focus:before { box-shadow: inset 0 0 0 2px #37474f; transform: scale3d(1, 1, 1); } .Button--sacnite_round:before, .Button--sacnite_round:after { border-radius: 5px; } .Button--sacnite_rounder { display: inline-block; vertical-align: top; background: transparent; z-index: 1; position: relative; color: #FFFFFF; padding: 20px; border: none; transition: color 0.3s; border-radius: 40px; } .Button--sacnite_rounder:after { content: "\EA14"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FFFFFF; font-size: 22px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Button--sacnite_rounder:before { content: ''; width: 100%; height: 100%; top: 0; left: 0; border-radius: inherit; z-index: -1; box-shadow: inset 0 0 0 35px #3f51b5; transform: scale3d(0.9, 0.9, 1); transition: box-shadow 0.3s, transform 0.3s; } .Button--sacnite_rounder:after { display: inline-block; vertical-align: middle; } .Button--sacnite_rounder:before { position: absolute; } .Button--sacnite_rounder:hover:after, .Button--sacnite_rounder:focus:after { color: #000000; } .Button--sacnite_rounder:hover:before, .Button--sacnite_rounder:focus:before { box-shadow: inset 0 0 0 2px #37474f; transform: scale3d(1, 1, 1); } .Button--sacnite_rounder:before, .Button--sacnite_rounder:after { border-radius: 40px; } .Button--sacnite { display: inline-block; vertical-align: top; background: transparent; z-index: 1; position: relative; color: #FFFFFF; padding: 20px; border: none; transition: color 0.3s; } .Button--sacnite:after { content: "\EA14"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FFFFFF; font-size: 22px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Button--sacnite:before { content: ''; width: 100%; height: 100%; top: 0; left: 0; border-radius: inherit; z-index: -1; box-shadow: inset 0 0 0 35px #3f51b5; transform: scale3d(0.9, 0.9, 1); transition: box-shadow 0.3s, transform 0.3s; } .Button--sacnite:after { display: inline-block; vertical-align: middle; } .Button--sacnite:before { position: absolute; } .Button--sacnite:hover:after, .Button--sacnite:focus:after { color: #000000; } .Button--sacnite:hover:before, .Button--sacnite:focus:before { box-shadow: inset 0 0 0 2px #37474f; transform: scale3d(1, 1, 1); } .Button--shikoba_round { display: inline-block; vertical-align: top; background: #FFFFFF; z-index: 1; position: relative; overflow: hidden; color: #000000; padding: 15px 25px 15px 45px; border-width: 1px; border-style: solid; border-color: #3f51b5; transition: background-color 0.3s, border-color 0.3s, color 0.3s; border-radius: 5px; margin-bottom: 20px; } .Button--shikoba_round span { display: inline-block; transform: translate3d(-10px, 0, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--shikoba_round .Button--shikoba_icon { position: absolute; left: 20px; transform: translate3d(-40px, 2.5em, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--shikoba_round .Button--shikoba_icon:before { content: "\EA14"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FFFFFF; font-size: 18px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Button--shikoba_round .Button--shikoba_icon:before { display: inline-block; } .Button--shikoba_round:hover, .Button--shikoba_round:focus { background: #3f51b5; border-color: #3f51b5; color: #FFFFFF; } .Button--shikoba_round:hover span, .Button--shikoba_round:focus span { transform: translate3d(0, 0, 0); } .Button--shikoba_round:hover .Button--shikoba_icon, .Button--shikoba_round:focus .Button--shikoba_icon { transform: translate3d(0, 0, 0); } .Button--shikoba_round:before, .Button--shikoba_round:after { border-radius: 5px; } .Button--shikoba_rounder { display: inline-block; vertical-align: top; background: #FFFFFF; z-index: 1; position: relative; overflow: hidden; color: #000000; padding: 15px 25px 15px 45px; border-width: 1px; border-style: solid; border-color: #3f51b5; transition: background-color 0.3s, border-color 0.3s, color 0.3s; border-radius: 40px; } .Button--shikoba_rounder span { display: inline-block; transform: translate3d(-10px, 0, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--shikoba_rounder .Button--shikoba_icon { position: absolute; left: 20px; transform: translate3d(-40px, 2.5em, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--shikoba_rounder .Button--shikoba_icon:before { content: "\EA14"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FFFFFF; font-size: 18px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Button--shikoba_rounder .Button--shikoba_icon:before { display: inline-block; } .Button--shikoba_rounder:hover, .Button--shikoba_rounder:focus { background: #3f51b5; border-color: #3f51b5; color: #FFFFFF; } .Button--shikoba_rounder:hover span, .Button--shikoba_rounder:focus span { transform: translate3d(0, 0, 0); } .Button--shikoba_rounder:hover .Button--shikoba_icon, .Button--shikoba_rounder:focus .Button--shikoba_icon { transform: translate3d(0, 0, 0); } .Button--shikoba_rounder:before, .Button--shikoba_rounder:after { border-radius: 40px; } .Button--shikoba { display: inline-block; vertical-align: top; background: #FFFFFF; z-index: 1; position: relative; overflow: hidden; color: #000000; padding: 15px 25px 15px 45px; border-width: 1px; border-style: solid; border-color: #3f51b5; transition: background-color 0.3s, border-color 0.3s, color 0.3s; } .Button--shikoba span { display: inline-block; transform: translate3d(-10px, 0, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--shikoba .Button--shikoba_icon { position: absolute; left: 20px; transform: translate3d(-40px, 2.5em, 0); transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .Button--shikoba .Button--shikoba_icon:before { content: "\EA14"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FFFFFF; font-size: 18px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Button--shikoba .Button--shikoba_icon:before { display: inline-block; } .Button--shikoba:hover, .Button--shikoba:focus { background: #3f51b5; border-color: #3f51b5; color: #FFFFFF; } .Button--shikoba:hover span, .Button--shikoba:focus span { transform: translate3d(0, 0, 0); } .Button--shikoba:hover .Button--shikoba_icon, .Button--shikoba:focus .Button--shikoba_icon { transform: translate3d(0, 0, 0); } .FormItem { margin-bottom: 10px; } .FormItem label { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 12px; text-transform: uppercase; } .FormItem input { height: 40px; font-size: 12px; padding: 0 15px; border: 1px solid #CFCFCF; } .FormItem select { border: 0px solid transparent; border-bottom: 2px solid #000000; } .FormItem--stacked label { display: block; margin-bottom: 10px; } .FormItem-quantity_selector { position: relative; } .FormItem-quantity_selector input { background-color: #CFCFCF; max-width: 100%; } .FormItem-quantity_selector_button { background: transparent; border-width: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; position: absolute; right: 15px; } .FormItem-quantity_selector_button--plus { top: 5px; font-size: 0; border: 5px solid transparent; border-bottom-color: #6a6a6a; } .FormItem-quantity_selector_button--minus { bottom: 5px; font-size: 0; border: 5px solid transparent; border-top-color: #6a6a6a; } #gform_1 .gform_validation_container { display: none; } .Offcanvas { position: fixed; height: 100%; border-right: 2px solid #FFFFFF; width: 180px; transition: transform 0.5s; } @media (min-width: 480px) { .Offcanvas { width: 240px; } } @media (min-width: 768px) { .Offcanvas { width: 320px; } } html.no-csstransforms .Offcanvas { transition: left 0.5s; } .Offcanvas.is-Offcanvas--open { transform: translateX(-36px); } @media (min-width: 480px) { .Offcanvas.is-Offcanvas--open { transform: translateX(-48px); } } @media (min-width: 768px) { .Offcanvas.is-Offcanvas--open { transform: translateX(-64px); } } .Offcanvas.is-Offcanvas--closed { transform: translateX(-396px); } @media (min-width: 480px) { .Offcanvas.is-Offcanvas--closed { transform: translateX(-528px); } } @media (min-width: 768px) { .Offcanvas.is-Offcanvas--closed { transform: translateX(-704px); } } html.no-csstransforms .Offcanvas.is-Offcanvas--open { left: 0; } html.no-csstransforms .Offcanvas.is-Offcanvas--open_sublvl_1 { left: 36px; } @media (min-width: 480px) { html.no-csstransforms .Offcanvas.is-Offcanvas--open_sublvl_1 { left: 48px; } } @media (min-width: 768px) { html.no-csstransforms .Offcanvas.is-Offcanvas--open_sublvl_1 { left: 64px; } } html.no-csstransforms .Offcanvas.is-Offcanvas--open_sublvl_2 { left: 72px; } @media (min-width: 480px) { html.no-csstransforms .Offcanvas.is-Offcanvas--open_sublvl_2 { left: 96px; } } @media (min-width: 768px) { html.no-csstransforms .Offcanvas.is-Offcanvas--open_sublvl_2 { left: 128px; } } html.no-csstransforms .Offcanvas.is-Offcanvas--open_sublvl_3 { left: 108px; } @media (min-width: 480px) { html.no-csstransforms .Offcanvas.is-Offcanvas--open_sublvl_3 { left: 144px; } } @media (min-width: 768px) { html.no-csstransforms .Offcanvas.is-Offcanvas--open_sublvl_3 { left: 192px; } } html.no-csstransforms .Offcanvas.is-Offcanvas--closed { left: -216px; } @media (min-width: 480px) { html.no-csstransforms .Offcanvas.is-Offcanvas--closed { left: -288px; } } @media (min-width: 768px) { html.no-csstransforms .Offcanvas.is-Offcanvas--closed { left: -384px; } } .Offcanvas--lv1 { z-index: 910; } .Offcanvas--lv1.is-Offcanvas--open { transform: translateX(0px); } @media (min-width: 480px) { .Offcanvas--lv1.is-Offcanvas--open { transform: translateX(0px); } } @media (min-width: 768px) { .Offcanvas--lv1.is-Offcanvas--open { transform: translateX(0px); } } .Offcanvas--lv1.is-Offcanvas--depth_1 { transform: translateX(36px); } @media (min-width: 480px) { .Offcanvas--lv1.is-Offcanvas--depth_1 { transform: translateX(48px); } } @media (min-width: 768px) { .Offcanvas--lv1.is-Offcanvas--depth_1 { transform: translateX(64px); } } .Offcanvas--lv1.is-Offcanvas--depth_2 { transform: translateX(72px); } @media (min-width: 480px) { .Offcanvas--lv1.is-Offcanvas--depth_2 { transform: translateX(96px); } } @media (min-width: 768px) { .Offcanvas--lv1.is-Offcanvas--depth_2 { transform: translateX(128px); } } .Offcanvas--lv1.is-Offcanvas--depth_3 { transform: translateX(108px); } @media (min-width: 480px) { .Offcanvas--lv1.is-Offcanvas--depth_3 { transform: translateX(144px); } } @media (min-width: 768px) { .Offcanvas--lv1.is-Offcanvas--depth_3 { transform: translateX(192px); } } .Offcanvas--lv2 { z-index: 920; } .Offcanvas--lv3 { z-index: 930; } .Offcanvas--lv4 { z-index: 940; } .Offcanvas-scroller { background: #FFFFFF; height: 100%; overflow-y: auto; overflow-x: hidden; } @media (min-width: 320px) and (max-width: 991px) { .Offcanvas-scroller { padding-bottom: 60px; } } .Offcanvas--reveal { max-height: 0; overflow: hidden; } .Offcanvas--reveal.is-Offcanvas--open { max-height: 400px; max-height: 100vh; height: calc( 100vh - 60px ); } .admin-bar .Offcanvas--reveal.is-Offcanvas--open { height: calc( 100vh - 106px ); } @media (min-width: 992px) { .admin-bar .Offcanvas--reveal.is-Offcanvas--open { height: calc( 100vh - 122px ); } } .make-Offcanvas--auxiliary_lv2 { z-index: 920; } .make-Offcanvas--auxiliary_lv3 { z-index: 930; } .make-Offcanvas--auxiliary_lv4 { z-index: 940; } .Offcanvas--auxiliary { position: fixed; height: 100%; border-right: 2px solid #FFFFFF; width: 180px; transition: transform 0.5s; } @media (min-width: 480px) { .Offcanvas--auxiliary { width: 240px; } } @media (min-width: 768px) { .Offcanvas--auxiliary { width: 320px; } } html.no-csstransforms .Offcanvas--auxiliary { transition: right 0.5s; } .Offcanvas--auxiliary.is-Offcanvas--open { transform: translateX(36px); } @media (min-width: 480px) { .Offcanvas--auxiliary.is-Offcanvas--open { transform: translateX(48px); } } @media (min-width: 768px) { .Offcanvas--auxiliary.is-Offcanvas--open { transform: translateX(64px); } } .Offcanvas--auxiliary.is-Offcanvas--closed { transform: translateX(396px); } @media (min-width: 480px) { .Offcanvas--auxiliary.is-Offcanvas--closed { transform: translateX(528px); } } @media (min-width: 768px) { .Offcanvas--auxiliary.is-Offcanvas--closed { transform: translateX(704px); } } html.no-csstransforms .Offcanvas--auxiliary.is-Offcanvas--open { left: 0; } html.no-csstransforms .Offcanvas--auxiliary.is-Offcanvas--open_sublvl_1 { right: 36px; } @media (min-width: 480px) { html.no-csstransforms .Offcanvas--auxiliary.is-Offcanvas--open_sublvl_1 { right: 48px; } } @media (min-width: 768px) { html.no-csstransforms .Offcanvas--auxiliary.is-Offcanvas--open_sublvl_1 { right: 64px; } } html.no-csstransforms .Offcanvas--auxiliary.is-Offcanvas--open_sublvl_2 { right: 72px; } @media (min-width: 480px) { html.no-csstransforms .Offcanvas--auxiliary.is-Offcanvas--open_sublvl_2 { right: 96px; } } @media (min-width: 768px) { html.no-csstransforms .Offcanvas--auxiliary.is-Offcanvas--open_sublvl_2 { right: 128px; } } html.no-csstransforms .Offcanvas--auxiliary.is-Offcanvas--open_sublvl_3 { right: 108px; } @media (min-width: 480px) { html.no-csstransforms .Offcanvas--auxiliary.is-Offcanvas--open_sublvl_3 { right: 144px; } } @media (min-width: 768px) { html.no-csstransforms .Offcanvas--auxiliary.is-Offcanvas--open_sublvl_3 { right: 192px; } } html.no-csstransforms .Offcanvas--auxiliary.is-Offcanvas--closed { right: -216px; } @media (min-width: 480px) { html.no-csstransforms .Offcanvas--auxiliary.is-Offcanvas--closed { right: -288px; } } @media (min-width: 768px) { html.no-csstransforms .Offcanvas--auxiliary.is-Offcanvas--closed { right: -384px; } } .Offcanvas--auxiliary_lv1 { z-index: 910; } .Offcanvas--auxiliary_lv1.is-Offcanvas--open { transform: translateX(0px); } @media (min-width: 480px) { .Offcanvas--auxiliary_lv1.is-Offcanvas--open { transform: translateX(0px); } } @media (min-width: 768px) { .Offcanvas--auxiliary_lv1.is-Offcanvas--open { transform: translateX(0px); } } .Offcanvas--auxiliary_lv1.is-Offcanvas--depth_1 { transform: translateX(-36px); } @media (min-width: 480px) { .Offcanvas--auxiliary_lv1.is-Offcanvas--depth_1 { transform: translateX(-48px); } } @media (min-width: 768px) { .Offcanvas--auxiliary_lv1.is-Offcanvas--depth_1 { transform: translateX(-64px); } } .Offcanvas--auxiliary_lv1.is-Offcanvas--depth_2 { transform: translateX(-72px); } @media (min-width: 480px) { .Offcanvas--auxiliary_lv1.is-Offcanvas--depth_2 { transform: translateX(-96px); } } @media (min-width: 768px) { .Offcanvas--auxiliary_lv1.is-Offcanvas--depth_2 { transform: translateX(-128px); } } .Offcanvas--auxiliary_lv1.is-Offcanvas--depth_3 { transform: translateX(-108px); } @media (min-width: 480px) { .Offcanvas--auxiliary_lv1.is-Offcanvas--depth_3 { transform: translateX(-144px); } } @media (min-width: 768px) { .Offcanvas--auxiliary_lv1.is-Offcanvas--depth_3 { transform: translateX(-192px); } } .Offcanvas--auxiliary_lv2 { z-index: 920; } .Offcanvas--auxiliary_lv3 { z-index: 930; } .Offcanvas--auxiliary_lv4 { z-index: 940; } .NavMenu--main_menu { padding: 0; margin: 0; list-style: none inside none; font-family: 'Big Noodle Titling', sans-serif; font-weight: 400; font-size: 0; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .NavMenu--main_menu { -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 992px) { .NavMenu--main_menu { height: 100%; -ms-flex-positive: 1; flex-grow: 1; } } .NavMenu--main_menu-link { font-size: 30px; line-height: 34px; letter-spacing: 0.08em; -webkit-font-smoothing: antialiased; } @media (max-width: 991px) { .NavMenu--main_menu-link.NavMenu--top_menu-link { border-bottom: 1px solid #E7E7E7; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 1 1 auto; flex: 1 1 auto; } } @media (min-width: 992px) { .NavMenu--main_menu-link { font-size: 20px; line-height: 30px; letter-spacing: 0.08em; height: 100%; } } @media (min-width: 992px) { .NavMenu--main_menu-link.NavMenu--main_menu-link--home { display: none; } } .NavMenu--main_menu-link.is-NavMenu--parent_link > a > span:after { line-height: 0.9; } .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link { position: relative; transition: linear 0.3s; background-position: center; background-repeat: no-repeat; display: inline-block; transition: all linear 0.3s; -ms-flex: 1; flex: 1; } @media (min-width: 992px) { .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link { font-family: 'Big Noodle Titling', sans-serif; font-weight: 700; color: #333639; -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 36px; letter-spacing: 0.04em; font-weight: 400; width: 100%; } .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link::-moz-selection { background: #333639; color: #FFFFFF; } .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link::selection { background: #333639; color: #FFFFFF; } .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link::-moz-selection { background: #333639; color: #FFFFFF; } .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link::selection { background: #333639; color: #FFFFFF; } } @media (min-width: 992px) and (min-width: 768px) { .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link { font-size: 28px; line-height: 40px; letter-spacing: 0.06em; } } @media (min-width: 992px) and (min-width: 992px) { .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link { font-size: 36px; line-height: 48px; letter-spacing: 0.04em; } } @media all and (-ms-high-contrast: none) { .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link *::-ms-backdrop, .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link { -ms-flex: auto; flex: auto; } } @media all and (-ms-high-contrast: none) and (min-width: 992px) { .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link *::-ms-backdrop, .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link { width: 25%; } } .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link.grow { -ms-flex: 2; flex: 2; transition: all linear 0.3s; } @media all and (-ms-high-contrast: none) { .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link.grow { /* IE11 */ } .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link.grow *::-ms-backdrop, .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link.grow { -ms-flex: auto; flex: auto; } } @media all and (-ms-high-contrast: none) and (min-width: 992px) { .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link.grow *::-ms-backdrop, .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link.grow { width: 50%; } } .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link.shrink { transition: all linear 0.3s; -ms-flex: 1; flex: 1; } @media all and (-ms-high-contrast: none) { .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link.shrink { /* IE11 */ } .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link.shrink *::-ms-backdrop, .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link.shrink { -ms-flex: auto; flex: auto; } } @media all and (-ms-high-contrast: none) and (min-width: 992px) { .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link.shrink *::-ms-backdrop, .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link.shrink { width: 25%; } } .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link a { color: #FFFFFF; min-height: auto; } @media (max-width: 991px) { .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media (min-width: 992px) { .NavMenu--main_menu-link.dropdown-list-item .NavMenu--main_menu-link a span { vertical-align: bottom; padding-bottom: 100px; } } @media (max-width: 991px) { .NavMenu--main_menu-link.dropdown-list-item > a > span:after { content: "\EA0E"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #000000; font-size: 10px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } @media (min-width: 992px) { .NavMenu--main_menu-link.dropdown-list-item > a > span:after { content: "\EA0F"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #000000; font-size: 5px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } .NavMenu--main_menu-link.dropdown-list-item > a > span:after { margin-left: 5px; vertical-align: middle; } @media (max-width: 991px) { .NavMenu--main_menu-link.dropdown-list-item > a > span:after { font-weight: 700; } } @media (min-width: 992px) { .NavMenu--main_menu-link { transition: linear 0.3s; display: inline-block; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } } .NavMenu--main_menu-link a, .NavMenu--main_menu-link a:hover, .NavMenu--main_menu-link a:focus { color: #333639; text-decoration: none; text-transform: uppercase; height: 100%; display: block; } @media all and (max-width: 991px) and (-ms-high-contrast: none) { .NavMenu--main_menu-link a *::-ms-backdrop, .NavMenu--main_menu-link a:hover *::-ms-backdrop, .NavMenu--main_menu-link a:focus *::-ms-backdrop, .NavMenu--main_menu-link a, .NavMenu--main_menu-link a:hover, .NavMenu--main_menu-link a:focus { height: auto; display: inherit; } } @media (min-width: 992px) { .NavMenu--main_menu-link a, .NavMenu--main_menu-link a:hover, .NavMenu--main_menu-link a:focus { display: inline-block; vertical-align: middle; width: 100%; } .NavMenu--main_menu-link a:before, .NavMenu--main_menu-link a:hover:before, .NavMenu--main_menu-link a:focus:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } } .NavMenu--main_menu-link a span, .NavMenu--main_menu-link a:hover span, .NavMenu--main_menu-link a:focus span { display: inline-block; padding: 10px 20px; } @media (min-width: 992px) { .NavMenu--main_menu-link a span, .NavMenu--main_menu-link a:hover span, .NavMenu--main_menu-link a:focus span { display: inline-block; vertical-align: middle; padding-top: 13px; padding-bottom: 15px; } } @media (min-width: 992px) { .NavMenu--main_menu-link a span, .NavMenu--main_menu-link a:hover span, .NavMenu--main_menu-link a:focus span { padding-left: 5px; padding-right: 5px; } } @media (min-width: 992px) { .NavMenu--main_menu-link a span, .NavMenu--main_menu-link a:hover span, .NavMenu--main_menu-link a:focus span { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1200px) { .NavMenu--main_menu-link a span, .NavMenu--main_menu-link a:hover span, .NavMenu--main_menu-link a:focus span { padding-left: 12px; padding-right: 12px; } } .NavMenu--main_menu-link a span.NavMenu-link--arrow, .NavMenu--main_menu-link a:hover span.NavMenu-link--arrow, .NavMenu--main_menu-link a:focus span.NavMenu-link--arrow { width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #333639 transparent transparent transparent; padding: 0; margin-bottom: 2px; display: inline-block; } @media (min-width: 992px) { .NavMenu--main_menu-link a span.NavMenu-link--arrow, .NavMenu--main_menu-link a:hover span.NavMenu-link--arrow, .NavMenu--main_menu-link a:focus span.NavMenu-link--arrow { display: none; } } .dropdown-list-lv2 .NavMenu--main_menu-link a span { text-shadow: 0px 0px 10px #333; } .NavMenu-link { background-size: cover; } .NavMenu--dropdown { padding: 0; margin: 0; list-style: none inside none; height: calc( 100vh - 60px ); width: 100%; display: -ms-flexbox; display: flex; } @media (max-width: 991px) { .NavMenu--dropdown { -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 992px) { .NavMenu--dropdown { height: calc( 100vh - 90px ); } } .admin-bar .NavMenu--dropdown { height: calc( 100vh - 106px ); } @media (min-width: 992px) { .admin-bar .NavMenu--dropdown { height: calc( 100vh - 122px ); } } .NavMenu--dropdown .LineAnimation-border--top, .NavMenu--dropdown .LineAnimation-border--bottom_left, .NavMenu--dropdown .LineAnimation-border--bottom_right { height: 13px; } @media (max-width: 991px) { .NavMenu--dropdown .LineAnimation-border--top, .NavMenu--dropdown .LineAnimation-border--bottom_left, .NavMenu--dropdown .LineAnimation-border--bottom_right { display: none; } } .NavMenu--dropdown .LineAnimation-border--left, .NavMenu--dropdown .LineAnimation-border--right { width: 13px; } @media (max-width: 991px) { .NavMenu--dropdown .LineAnimation-border--left, .NavMenu--dropdown .LineAnimation-border--right { display: none; } } @media (min-width: 992px) { .NavMenu--dropdown .NavMenu--main_menu-link { transition: font-size linear 0.3s, line-height linear 0.3s; } .NavMenu--dropdown .NavMenu--main_menu-link:hover { font-size: 48px; line-height: 60px; transition: font-size linear 0.3s, line-height linear 0.3s; } } .NavMenu--dropdown .NavMenu--main_menu-link a { background-color: rgba(0, 0, 0, 0.3); } @media (min-width: 992px) { .NavMenu--dropdown span:before { content: ''; display: block; height: 2px; width: 80px; margin: 0 auto 11px auto; background-color: #FFFFFF; } } .NavMenu--dropdown.dropdown-list-lv2 { overflow-y: auto; } .NavMenu--dropdown-link { font-size: 14px; line-height: 1; position: relative; } .NavMenu--dropdown-link.expanded > a:before { position: absolute; right: 8px; top: 10px; } .NavMenu--dropdown-link a, .NavMenu--dropdown-link a:hover, .NavMenu--dropdown-link a:focus { color: #333639; text-decoration: none; text-transform: none; display: block !important; } .NavMenu--dropdown-link a span, .NavMenu--dropdown-link a:hover span, .NavMenu--dropdown-link a:focus span { display: block !important; padding: 15px 15px; } @media (min-width: 992px) { .NavMenu--dropdown-link a span, .NavMenu--dropdown-link a:hover span, .NavMenu--dropdown-link a:focus span { padding: 7px 15px; white-space: nowrap; } } .NavMenu--tabs { font-family: 'Open Sans', sans-serif; font-size: 0px; text-transform: uppercase; padding: 0 0 0 1px; margin: 0; list-style: none inside none; thin: border-bottom solid #000000; } .NavMenu--tabs-link { display: inline-block; font-size: 16px; line-height: 1.1em; margin-bottom: -1px; margin-left: -1px; width: 100%; text-align: center; } .NavMenu--tabs-link > a { display: inline-block; padding: 8.2px 14px; background: #FFFFFF; width: 100%; thin: 2px solid #000000; } .NavMenu--tabs-link > a, .NavMenu--tabs-link > a:hover, .NavMenu--tabs-link > a:focus { color: #333639; text-decoration: none; } .NavMenu--tabs-link.active > a { background: #000000; } .NavMenu--tabs-link.active > a, .NavMenu--tabs-link.active > a:hover, .NavMenu--tabs-link.active > a:focus { color: #FFFFFF; } @media (min-width: 768px) { .NavMenu--tabs-link { width: auto; text-align: left; } } .hidden { overflow-y: hidden; } .SiteHeader { position: fixed; width: 100%; margin: 0; background: #FFFFFF; z-index: 100; transition: linear 0.3s; } @media (min-width: 992px) { .SiteHeader { border-bottom: 1px solid transparent; } } .SiteHeader.is-SiteHeader--scrolled { transition: linear 0.3s; border-color: #E7E7E7; } @media (max-width: 767px) { .SiteHeader.is-SiteHeader--scrolled { top: 0; } } .SiteHeader--fixed { position: fixed; top: 0; left: 0; right: 0; } .SiteHeader--flush { max-width: none; margin: 0; } .SiteHeader--flush.is-SiteHeader--at_top { margin: 0; } .SiteHeader--detached.is-SiteHeader--at_top { margin: 10px; } @media (min-width: 1320px) { .SiteHeader--detached { max-width: none; margin: 0 auto; } .SiteHeader--detached.is-SiteHeader--at_top { margin: 10px 2%; } } .SiteHeader-spacing { height: 60px; } .SiteHeader-container { margin: 0 auto; } @media (min-width: 992px) { .SiteHeader-container { max-width: 750px; } } @media (min-width: 992px) { .SiteHeader-container { max-width: 970px; } } @media (min-width: 1200px) { .SiteHeader-container { max-width: 1170px; } } .SiteHeader-overlap { padding-top: 60px; } @media (min-width: 992px) { .SiteHeader-overlap { padding-top: 90px; } } @media (max-width: 991px) { .SiteHeader-wrapper { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex: 1 1 25%; flex: 1 1 25%; width: 100%; } } @media (min-width: 992px) { .SiteHeader-spacing { height: 116px; } .SiteHeader-content { -ms-flex-order: 1; order: 1; } .SiteHeader.is-SiteHeader--scrolled .SiteHeader-content { height: 70px; } .SiteHeader.is-SiteHeader--scrolled .SiteHeader-brand { height: 70px; padding: 10px 15px; } .SiteHeader.is-SiteHeader--scrolled .SiteHeader-search { height: 70px; } .SiteHeader.is-SiteHeader--scrolled .SiteHeader-search input[type='search'] { height: 25px; } .SiteHeader.is-SiteHeader--scrolled .SiteHeader-cart { height: 70px; } .SiteHeader.is-SiteHeader--scrolled .SiteHeader-cart_button { padding: 21px 10px; } .SiteHeader.is-SiteHeader--scrolled .SiteHeader-cart_button:after { font-size: 18px; line-height: 28px; } .SiteHeader.is-SiteHeader--scrolled .SiteHeader-clipboard { height: 70px; } .SiteHeader.is-SiteHeader--scrolled .SiteHeader-clipboard_button { padding: 0 10px; } .SiteHeader.is-SiteHeader--scrolled .SiteHeader-clipboard_button:after { font-size: 18px; line-height: 28px; } .SiteHeader.is-SiteHeader--scrolled .SiteHeader-account { height: 70px; } .SiteHeader.is-SiteHeader--scrolled .SiteHeader-account_button { padding: 0 10px; } .SiteHeader.is-SiteHeader--scrolled .SiteHeader-account_button:before { font-size: 18px; line-height: 28px; } .SiteHeader.is-SiteHeader--scrolled > .NavMenu--main_menu-link { font-size: 18px; line-height: 28px; } } .SiteHeader-brand { transition: linear 0.3s; transform-origin: center; display: block; height: 60px; padding: 10px 10px; float: left; } .SiteHeader-logo { height: 100%; } .SiteHeader-toggle { float: right; margin: 15.5px 10px; } .SiteHeader-toggle.is-Offcanvas--target_open .Button--menu_toggle-bar { opacity: 0; } .SiteHeader-toggle.is-Offcanvas--target_open .Button--menu_toggle-bar:first-child { transform: translate(-40%, 0px) rotate(40deg) translate(55%, 0px) scaleX(1.2); opacity: 1; } .SiteHeader-toggle.is-Offcanvas--target_open .Button--menu_toggle-bar:nth-child(3n+3) { transform: translate(-40%, 0px) rotate(-40deg) translate(55%, 0px) scaleX(1.2); opacity: 1; } .SiteHeader-banner--with_notice_bar { margin-top: 25px; } @media (max-width: 991px) { .SiteHeader-banner { border-bottom: 1px solid #E7E7E7; width: 100%; height: 60px; background: #FFFFFF; position: relative; } } @media (min-width: 992px) { .SiteHeader-banner { z-index: 1000; } .SiteHeader-brand--centered { position: absolute; left: 50%; transform: translateX(-50%); } .SiteHeader-brand { height: 90px; padding: 15px 15px; } .SiteHeader-toggle { display: none; } } .SiteHeader-content { top: 60px; left: 0; transition: linear 0.3s; background: rgba(255, 255, 255, 0.9); } .SiteHeader-content > .Offcanvas-scroller { background: transparent; } .SiteHeader-navigation { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; /*padding-top: 10px; padding-bottom: 20px;*/ } @media (max-width: 991px) { .SiteHeader-content { max-height: 0; overflow: hidden; } .SiteHeader-content.is-Offcanvas--open { max-height: 400px; max-height: 100vh; height: calc( 100vh - 60px ); } .admin-bar .SiteHeader-content.is-Offcanvas--open { height: calc( 100vh - 106px ); } .SiteHeader-content > .Offcanvas-scroller { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .SiteHeader-navigation { -ms-flex: 1 1 75%; flex: 1 1 75%; width: 100%; } } @media (max-width: 991px) and (min-width: 992px) { .admin-bar .SiteHeader-content.is-Offcanvas--open { height: calc( 100vh - 122px ); } } @media (min-width: 992px) { .SiteHeader-content { top: auto; left: auto; background: transparent; height: 90px; } .SiteHeader-content > .Offcanvas-scroller { overflow: visible; } .SiteHeader-content--with_notice_bar { margin-top: 25px; } .SiteHeader-content_wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .SiteHeader-navigation { padding-top: 0px; padding-bottom: 0px; height: 100%; } .SiteHeader-navigation--first_menu { float: right; } .SiteHeader-navigation--second_menu { float: left; } .SiteHeader-block { float: right; position: relative; } .SiteHeader-block--main_menu { height: 58px; margin: 0; } } .SiteHeader-form_item { position: relative; font-size: 0; margin: 10px 0; } .SiteHeader-form_item ::-webkit-input-placeholder { color: #333639; } .SiteHeader-form_item :-moz-placeholder { /* Firefox 18- */ color: #333639; } .SiteHeader-form_item ::-moz-placeholder { /* Firefox 19+ */ color: #333639; } .SiteHeader-form_item :-ms-input-placeholder { color: #333639; } .SiteHeader-form_item input[type="search"] { font-family: 'Open Sans', sans-serif; font-weight: 700; border: 1px solid #333639; -webkit-appearance: none; border-radius: 0; float: left; padding-right: 25px; color: #333639; } .SiteHeader-form_button_wrapper { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); } .SiteHeader-form_button { background: transparent; border-width: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; height: 25px; min-width: 25px; margin: 10px 0; display: inline-block; vertical-align: middle; color: #333639; } .SiteHeader-form_item { float: left; } @media (min-width: 992px) { .SiteHeader-form_item { margin: 0; padding-left: 0px; padding-right: 0px; height: 100%; } .SiteHeader-form_item:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } .SiteHeader-form_item > * { display: inline-block; vertical-align: middle; } .SiteHeader-form_item input[type="search"] { float: none; } } .SiteHeader-notice_bar { position: absolute; top: 0; left: 0; right: 0; font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: 700; line-height: 1.67em; background-color: #858585; } .SiteHeader-notice { text-align: center; margin: 3.315px auto; color: #FFFFFF; } @media (min-width: 992px) { .SiteHeader-notice { max-width: 750px; } } @media (min-width: 992px) { .SiteHeader-notice { max-width: 970px; } } @media (min-width: 1200px) { .SiteHeader-notice { max-width: 1170px; } } @media (min-width: 992px) { .SiteHeader-notice_bar { height: 25px; } } .SiteHeader-account_button { border-bottom-width: 0px; line-height: initial; text-decoration: none; padding: 0px 5px; display: block; } .SiteHeader-account_button:before { content: "\EA29"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #000000; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .SiteHeader-account_button:before { transition: linear 0.3s; display: block; font-weight: 700; } .SiteHeader-account_button:hover:before, .SiteHeader-account_button:focus:before { color: #8B262D; transition: linear 0.3s; } .SiteHeader-account_menu { top: 0; right: 0; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2); } .SiteHeader-account { float: right; padding-left: 10px; } .SiteHeader-block--main_menu { float: left; width: 100%; } @media (min-width: 992px) { .SiteHeader-account { transition: linear 0.3s; height: 90px; } .SiteHeader-account_button { transition: linear 0.3s; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 10px; } .SiteHeader-block--main_menu { float: right; width: auto; } } @media (max-width: 991px) { .SiteHeader-dropdown.Offcanvas { position: static; height: auto; width: auto; border-right-width: 0; transition: none; transform: none; } html.no-csstransforms .SiteHeader-dropdown.Offcanvas { transition: none; left: auto; } .SiteHeader-dropdown > .Offcanvas-scroller { background: transparent; height: auto; overflow-y: visible; overflow-x: visible; } .SiteHeader-dropdown, .SiteHeader-dropdown.Offcanvas { position: absolute; top: 0; bottom: 0; right: 0; width: 100%; transition: transform 0.5s; } .SiteHeader-dropdown.is-Offcanvas--closed, .SiteHeader-dropdown.Offcanvas.is-Offcanvas--closed { transform: translateX(100%); } .SiteHeader-dropdown.is-Offcanvas--open, .SiteHeader-dropdown.Offcanvas.is-Offcanvas--open { transform: translateX(0%); } .SiteHeader-dropdown > .Offcanvas-scroller, .SiteHeader-dropdown.Offcanvas > .Offcanvas-scroller { background: rgba(255, 255, 255, 0.9); height: 100%; overflow-y: auto; } } @media (min-width: 992px) { .SiteHeader-dropdown.Offcanvas { position: static; height: auto; width: auto; border-right-width: 0; transition: none; transform: none; } html.no-csstransforms .SiteHeader-dropdown.Offcanvas { transition: none; left: auto; } .SiteHeader-dropdown > .Offcanvas-scroller { background: transparent; height: auto; overflow-y: visible; overflow-x: visible; } .SiteHeader-dropdown, .SiteHeader-dropdown.Offcanvas { position: absolute; top: 0; left: 0; right: 0; z-index: 1; background-color: #FFFFFF; transition: opacity 0.15s; transform-origin: top; } .SiteHeader-dropdown.is-Offcanvas--closed, .SiteHeader-dropdown.Offcanvas.is-Offcanvas--closed { transform: scaleY(0); opacity: 0; transition: opacity 0.15s, transform 0s 0.15s; } .SiteHeader-dropdown.is-Offcanvas--open, .SiteHeader-dropdown.Offcanvas.is-Offcanvas--open { transform: scaleY(1); opacity: 1; } } .SiteHeader-dropdown--close { background-color: #FFFFFF; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; height: 60px; padding-right: 15px; cursor: pointer; } @media (max-width: 991px) { .SiteHeader-dropdown--close { width: 50%; float: right; } } @media (min-width: 992px) { .SiteHeader-dropdown--close { height: 90px; padding-right: 25px; } } .SiteHeader-dropdown--close p { color: #939598; margin: 0; text-transform: uppercase; } @media (max-width: 991px) { .SiteHeader-dropdown--close p { font-size: 0; } } @media (min-width: 992px) { .SiteHeader-dropdown--close .arrow-left { display: none; } } .SiteHeader-dropdown--close .arrow-left:before { vertical-align: middle; font-size: 30px; color: #000000; } .SiteHeader-dropdown--close .cross { color: #939598; margin-left: 10px; display: inline-block; } @media (max-width: 991px) { .SiteHeader-dropdown--close .cross { display: none; } } .SiteHeader-dropdown--close .cross:before { vertical-align: middle; font-size: 30px; } .SiteHeader-cart_button { border-bottom-width: 0px; line-height: initial; text-decoration: none; padding: 0px 5px; display: block; position: relative; transition: linear 0.3s; } .SiteHeader-cart_button:after { content: "\EA22"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #000000; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .SiteHeader-cart_button .red-bubble { position: absolute; top: 30%; right: 5px; background: #8B262D; color: #FFFFFF; border-radius: 50%; width: 15px; height: 15px; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 700; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .SiteHeader-cart_button:after { transition: linear 0.3s; display: block; font-weight: 700; } .SiteHeader-cart_button:hover:after, .SiteHeader-cart_button:focus:after { color: #8B262D; transition: linear 0.3s; } .SiteHeader-cart_menu { top: 0; right: 0; font-family: 'Open Sans', sans-serif; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2); } .SiteHeader-cart_menu .drawer__header { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 0px) { .SiteHeader-cart_menu .drawer__header { float: left; width: 96.97580645%; width: calc( 100% - 30px ); } } .SiteHeader-cart_menu .drawer__header .h3 { text-align: left; position: relative; font-size: 16px; margin-top: 15px; margin-bottom: 40px; } .SiteHeader-cart_menu .drawer__header .h3 .SiteHeader-cart_dismiss { position: absolute; right: 20px; top: 5px; font-weight: lighter; cursor: pointer; font-size: 12px; transition: 0.3s; } .SiteHeader-cart_menu #CartContainer { *zoom: 1; } .SiteHeader-cart_menu #CartContainer .ajaxcart__product { *zoom: 1; } .SiteHeader-cart_menu #CartContainer p { text-align: center; } .SiteHeader-cart_menu #CartContainer .ajaxcart__row { margin-left: 15px; margin-right: 15px; min-height: 1px; border-bottom: 1px solid #F8F8F8; padding-bottom: 15px; margin-bottom: 15px; } @media (min-width: 0px) { .SiteHeader-cart_menu #CartContainer .ajaxcart__row { float: left; width: 96.97580645%; width: calc( 100% - 30px ); } } .SiteHeader-cart_menu #CartContainer .one-quarter { min-height: 1px; padding-right: 15px; } @media (min-width: 0px) { .SiteHeader-cart_menu #CartContainer .one-quarter { float: left; width: 25%; } } .SiteHeader-cart_menu #CartContainer .one-quarter img { max-width: 100%; width: 100%; height: auto; } .SiteHeader-cart_menu #CartContainer .three-quarters { min-height: 1px; } @media (min-width: 0px) { .SiteHeader-cart_menu #CartContainer .three-quarters { float: left; width: 75%; } } .SiteHeader-cart_menu #CartContainer .three-quarters .ajaxcart__product-data { min-height: 1px; } @media (min-width: 0px) { .SiteHeader-cart_menu #CartContainer .three-quarters .ajaxcart__product-data { float: left; width: 91.66666667%; } } .SiteHeader-cart_menu #CartContainer .three-quarters .ajaxcart__product-close { min-height: 1px; } @media (min-width: 0px) { .SiteHeader-cart_menu #CartContainer .three-quarters .ajaxcart__product-close { float: left; width: 8.33333333%; } } .SiteHeader-cart_menu #CartContainer .ajaxcart__product-image { position: relative; display: inline-block; } .SiteHeader-cart_menu #CartContainer .ajaxcart__product--pattern { width: 25px; height: 25px; position: absolute; bottom: 0; right: 0; z-index: 999; } .SiteHeader-cart_menu #CartContainer .ajaxcart__product-qty { color: #CFCFCF; } .SiteHeader-cart_menu #CartContainer .ajaxcart__product-title { color: #404041; text-decoration: none; } .SiteHeader-cart_menu #CartContainer .ajaxcart__product-variant, .SiteHeader-cart_menu #CartContainer .ajaxcart__product-price { color: #CFCFCF; font-size: 12px; } .SiteHeader-cart_menu #CartContainer .ajaxcart__product-remove { text-decoration: none; color: #404041; cursor: pointer; } .SiteHeader-cart_menu #CartContainer .ajaxcart__product-remove:before { content: "\EA0B"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: 12px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .SiteHeader-cart_menu #CartContainer .ajaxcart__qty-num { display: none; } .SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 0px) { .SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content { float: left; width: 96.97580645%; width: calc( 100% - 30px ); } } .SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .ajaxcart__footer--label { min-height: 1px; font-weight: lighter; color: #404041; text-transform: uppercase; } @media (min-width: 0px) { .SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .ajaxcart__footer--label { float: left; width: 50%; } } .SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .ajaxcart__footer--total { min-height: 1px; text-align: right; font-weight: bold; color: #404041; } @media (min-width: 0px) { .SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .ajaxcart__footer--total { float: left; width: 50%; } } .SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .cart__checkout { display: block; width: 100%; display: inline-block; vertical-align: top; background: #FFFFFF; color: #333639; border: 2px solid #FFFFFF; font-family: 'Open Sans', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 15px 25px; } .SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .cart__page { margin-top: 35px; display: block; width: 100%; text-align: center; display: inline-block; vertical-align: top; background: #FFFFFF; color: #333639; border: 2px solid #FFFFFF; font-family: 'Open Sans', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 15px 25px; } .SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .cart__page span { transition: 0.3s; } .SiteHeader-cart_menu #CartContainer .ajaxcart__footer--content .cart__page span:hover { color: #FFFFFF; } .SiteHeader-cart_item_count { background-color: #8B262D; color: #FFFFFF; min-width: 20px; height: 20px; font-size: 13px; line-height: 1; padding: 3.5px; border-radius: 100%; text-align: center; float: left; } @media (min-width: 992px) { .SiteHeader-cart { float: right; height: 90px; transition: linear 0.3s; } .SiteHeader-cart_button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 10px; transition: linear 0.3s; } .SiteHeader-cart_button:after { float: left; } } .SiteHeader-navigation--third_menu { clear: left; float: left; width: 100%; height: 68px; } .SiteHeader-navigation--third_menu:before { content: ""; border-top: 1px solid #E7E7E7; position: absolute; left: 0; right: 0; } .SiteHeader-search { transition: linear 0.3s; /*::-ms-clear { margin-right: 5px; }*/ } .SiteHeader-search input[type='search'] { height: 25px; border-radius: 20px; letter-spacing: 0.04em; } .SiteHeader-search_button { margin: 0; } .SiteHeader-search_button:before { content: "\EA20"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: 14px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 992px) { .SiteHeader-search { height: 90px; } .SiteHeader-search--first_menu { float: right; } .SiteHeader-search--second_menu { float: left; } } @media (min-width: 992px) { .SiteHeader-clipboard { height: 90px; transition: linear 0.3s; display: -ms-flexbox; display: flex; float: right; -ms-flex-align: center; align-items: center; } } .SiteHeader-clipboard_button { border-bottom-width: 0px; line-height: initial; text-decoration: none; padding: 0 5px; display: block; height: 100%; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .SiteHeader-clipboard_button:after { content: "\EA08"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #000000; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .SiteHeader-clipboard_button .red-bubble { position: absolute; top: 30%; right: 5px; background: #8B262D; color: #FFFFFF; border-radius: 50%; width: 15px; height: 15px; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 700; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 992px) { .SiteHeader-clipboard_button { transition: linear 0.3s; padding: 0 10px; float: right; } } .SiteHeader-clipboard_button:after { transition: linear 0.3s; display: block; font-weight: 700; } @media (min-width: 992px) { .SiteHeader-clipboard_button:after { float: left; } } .SiteHeader-clipboard_button:hover:after, .SiteHeader-clipboard_button:focus:after { color: #8B262D; transition: linear 0.3s; } .SiteHeader-clipboard_menu { top: 0; right: 0; font-family: 'Open Sans', sans-serif; box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2); } .SiteHeader-clipboard_menu .drawer__header { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 0px) { .SiteHeader-clipboard_menu .drawer__header { float: left; width: 96.97580645%; width: calc( 100% - 30px ); } } .SiteHeader-clipboard_menu .drawer__header .h3 { text-align: left; position: relative; font-size: 16px; margin-top: 15px; margin-bottom: 40px; } .SiteHeader-clipboard_menu .drawer__header .h3 .SiteHeader-clipboard_dismiss { position: absolute; right: 20px; top: 5px; font-weight: lighter; cursor: pointer; font-size: 12px; transition: 0.3s; } .ScrollEffects--appear { transition: opacity 0.5s; } .ScrollEffects--appear.is-ScrollEffects--inactive { opacity: 0; } .ScrollEffects--appear.is-ScrollEffects--active { opacity: 1; } .HeroHeader { display: table; width: 100%; background-size: cover; background-position: center right; min-height: 320px; } @media (min-width: 768px) { .HeroHeader { min-height: 400px; } } @media (min-width: 992px) { .HeroHeader { min-height: 500px; } } @media (min-width: 1200px) { .HeroHeader { min-height: 600px; } } .HeroHeader--light_bg { color: #333639; } .HeroHeader--light_bg h1, .HeroHeader--light_bg h2, .HeroHeader--light_bg h3, .HeroHeader--light_bg h4, .HeroHeader--light_bg h5, .HeroHeader--light_bg h6, .HeroHeader--light_bg .h1, .HeroHeader--light_bg .h2, .HeroHeader--light_bg .h3, .HeroHeader--light_bg .h4, .HeroHeader--light_bg .h5, .HeroHeader--light_bg .h6 { color: #333639; } .HeroHeader--dark_bg { color: #FFFFFF; } .HeroHeader--dark_bg h1, .HeroHeader--dark_bg h2, .HeroHeader--dark_bg h3, .HeroHeader--dark_bg h4, .HeroHeader--dark_bg h5, .HeroHeader--dark_bg h6, .HeroHeader--dark_bg .h1, .HeroHeader--dark_bg .h2, .HeroHeader--dark_bg .h3, .HeroHeader--dark_bg .h4, .HeroHeader--dark_bg .h5, .HeroHeader--dark_bg .h6 { color: #FFFFFF; } .HeroHeader-background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-image: url('//cdn.nexternal.com/assets/img/home-hero-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; transition: linear 0.3s; } .HeroHeader-background.show { opacity: 1; } .HeroHeader-container { height: 100%; } @media (max-width: 991px) { .HeroHeader-container { text-align: center; } } @-moz-document url-prefix() { .HeroHeader-container { height: 90vh; } } .HeroHeader-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; top: 60px; right: 0; bottom: 0; left: 0; } @media (max-width: 767px) { .HeroHeader-wrapper { -ms-flex-pack: center; justify-content: center; } } .HeroHeader-valign { display: table-cell; vertical-align: middle; } .HeroHeader-content_wrapper--home, .HeroHeader-anchor_wrapper--home { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 320px) { .HeroHeader-content_wrapper--home, .HeroHeader-anchor_wrapper--home { float: left; width: 96.97580645%; width: calc( 100% - 30px ); } } @media (min-width: 768px) { .HeroHeader-content_wrapper--home, .HeroHeader-anchor_wrapper--home { float: left; width: 80.30913978%; width: calc( 83.33333333% - 30px ); } } @media (min-width: 768px) { .HeroHeader-content_wrapper--home, .HeroHeader-anchor_wrapper--home { margin-left: 97.66666667px; margin-left: calc( 8.33333333% + 15px ); } } .HeroHeader-content_wrapper--home { padding-bottom: 100px; } .HeroHeader-anchor_wrapper--home { position: absolute; bottom: 0; left: 0; padding-bottom: 20px; } .HeroHeader--home { height: 100vh; min-height: auto; } @media (min-width: 992px) { .HeroHeader--home { height: 100vh; } } .admin-bar .HeroHeader--home { height: calc( 100vh - 46px ); } @media (min-width: 992px) { .admin-bar .HeroHeader--home { height: calc( 100vh - 32px ); } } .HeroHeader-title--home { color: #333639; text-transform: uppercase; font-weight: 700; letter-spacing: 0.16em; transition: linear 0.3s; } @media (min-width: 992px) { .HeroHeader-title--home { font-size: 16px; } } .HeroHeader-title--home.change-color { color: #FFFFFF; } .HeroHeader-subtitle--wrapper { position: relative; width: 100%; } .HeroHeader-subtitle--home { color: #333639; margin-top: 0; margin-bottom: 30px; transition: linear 0.7s; } @media (min-width: 992px) and (min-height: 1024px) { .HeroHeader-subtitle--home { margin-bottom: 60px; } } @media (min-width: 992px) and (max-width: 1199px) { .HeroHeader-subtitle--home { font-size: 110px; line-height: 110px; } } .HeroHeader-subtitle--home.opaque { color: #FFFFFF; } .HeroHeader-subtitle--home.transparent { background-image: url('//cdn.nexternal.com/assets/img/home-hero-bg.jpg'); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .HeroHeader-subtitle--home.hide { opacity: 0; transition: linear 0.5s; } .HeroHeader-subtitle--home.show { opacity: 1; transition: linear 0.5s; } .backgroundcliptext .HeroHeader-subtitle--home.transparent { -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } .HeroHeader-subtitle--home.HeroHeader-subtitle--image { transition: linear 0.8s; } .HeroHeader-subtitle--home.HeroHeader-subtitle--image .HeroHeader-subtitle--home_image { opacity: 1; transition: linear 0.7s; } .HeroHeader-link { border-bottom-width: 0px; line-height: initial; text-decoration: none; font-size: 12px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; letter-spacing: 0.08em; padding: 16px 45px; display: inline-block; width: auto; border: 2px solid #000000; font-weight: 700; color: #000000; background-color: transparent; transition: background linear 0.3s, color linear 0.3s, border linear 0.3s; -webkit-font-smoothing: antialiased; text-align: center; position: relative; } @media (min-width: 992px) { .HeroHeader-link { padding: 20px 40px; font-size: 14px; letter-spacing: 0.12em; } } .HeroHeader-link:hover { color: #FFFFFF; background-color: #000000; } .HeroHeader-link:hover .HeroHeader-link--text_nohover { opacity: 0; } .HeroHeader-link:hover .HeroHeader-link--text_hover { opacity: 1; } .HeroHeader-link--text { transition: linear 0.3s; } .HeroHeader-link--text_nohover { opacity: 1; color: #000000; } .HeroHeader-link--text_hover { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; color: #FFFFFF; } .HeroHeader-section_anchor { border-bottom-width: 0px; line-height: initial; text-decoration: none; font-family: 'Open Sans', sans-serif; display: inline-block; } .HeroHeader-section_anchor:before { color: #333639; font-size: 60px; transition: linear 0.3s; } .HeroHeader-section_anchor:hover, .HeroHeader-section_anchor:focus { text-decoration: none; } .HeroHeader-section_anchor.change-color:before { color: #FFFFFF; } .HeroHeader-mosaic { display: block; padding: 60px 0 0 0; height: 200px; margin-bottom: 40px; } @media (min-width: 480px) { .HeroHeader-mosaic { padding: 60px 0 0 0; } } @media (min-width: 768px) and (max-width: 991px) and (min-height: 768px) { .HeroHeader-mosaic { height: 575px; } } @media (min-width: 768px) { .HeroHeader-mosaic { height: 550px; margin-bottom: 0; } } @media (min-width: 992px) { .HeroHeader-mosaic { height: 100vh; max-height: 1080px; } } .HeroHeader-mosaic keyframes slideRight 0% { transform: translate(-200px, -50%); opacity: 0; } .HeroHeader-mosaic keyframes slideRight 100% { transform: translate(-50%, -50%); opacity: 1; } .HeroHeader-images--desktop { height: 100%; width: 100%; overflow: hidden; } .HeroHeader-images--desktop-container { position: relative; text-align: center; height: 100%; width: 100%; } @media (max-width: 767px) { .HeroHeader-images--desktop-container { display: none; } } .HeroHeader--mobile-container { height: 100%; margin-top: 20px; } @media (min-width: 768px) { .HeroHeader--mobile-container { display: none; } } .HeroHeader-mosaic--content { margin-left: 15px; margin-right: 15px; min-height: 1px; background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; } @media (min-width: 320px) { .HeroHeader-mosaic--content { float: left; width: 96.97580645%; width: calc( 100% - 30px ); } } @media (max-height: 1024px) { .HeroHeader-mosaic--content { background-size: contain; } } .HeroHeader-image { position: absolute; margin: 0 auto; top: 50%; left: 50%; width: auto; height: auto; max-width: 100%; max-height: calc(100vh - 90px); transform: translate(-50%, -50%); opacity: 0; } .HeroHeader-mosaic-images--wrapper { height: 100%; width: 100%; } .HeroHeader-mosaic-title--wrapper { margin-left: 15px; margin-right: 15px; min-height: 1px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; text-align: center; } @media (min-width: 320px) { .HeroHeader-mosaic-title--wrapper { float: left; width: 80.30913978%; width: calc( 83.33333333% - 30px ); } } @media (min-width: 320px) { .HeroHeader-mosaic-title--wrapper { margin-left: 97.66666667px; margin-left: calc( 8.33333333% + 15px ); } } @media (min-width: 480px) { .HeroHeader-mosaic-title--wrapper { float: left; width: 71.97580645%; width: calc( 75% - 30px ); } } @media (min-width: 480px) { .HeroHeader-mosaic-title--wrapper { margin-left: 139px; margin-left: calc( 12.5% + 15px ); } } @media (min-width: 768px) { .HeroHeader-mosaic-title--wrapper { float: left; width: 88.64247312%; width: calc( 91.66666667% - 30px ); } } @media (min-width: 768px) { .HeroHeader-mosaic-title--wrapper { margin-left: 56.33333333px; margin-left: calc( 4.16666667% + 15px ); } } @media (min-width: 480px) and (max-height: 434px) { .HeroHeader-mosaic-title--wrapper { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 38.64247312%; width: calc( 41.66666667% - 30px ); margin-left: 304.33333333px; margin-left: calc( 29.16666667% + 15px ); padding: 0 10px; } } @media (min-width: 992px) { .HeroHeader-mosaic-title--wrapper { opacity: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .HeroHeader-mosaic-title--wrapper { padding-top: 10px; } } .HeroHeader-mosaic-title--wrapper .HeroHeader-title--mosaic { text-align: center; color: #FFFFFF; margin: auto auto; font-weight: 400; letter-spacing: 0.08em; text-shadow: 0px 0px 10px #333; } @media (min-width: 992px) { .HeroHeader-mosaic-title--wrapper .HeroHeader-title--mosaic { letter-spacing: 0.16em; padding-left: 24px; } } @media (min-width: 992px) and (max-width: 1199px) { .HeroHeader-mosaic-title--wrapper .HeroHeader-title--mosaic { font-size: 110px; line-height: 110px; } } @media (min-width: 1600px) { .HeroHeader-mosaic-title--wrapper .HeroHeader-title--mosaic { font-size: 155px; line-height: 155px; } } @media (min-width: 845px) and (max-width: 945px) { } @media (min-width: 946px) and (max-width: 992px) { } @media (min-device-width: 768px) and (max-device-width: 1024px) { } @media (min-device-width: 800px) and (max-device-width: 1280px) { } .HeroHeader-link--mosaic { border-bottom-width: 0px; line-height: initial; text-decoration: none; font-size: 12px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; letter-spacing: 0.08em; padding: 16px 10px; display: inline-block; width: auto; border: 2px solid #FFFFFF; font-weight: 700; color: #000000; transition: 0.3s; -webkit-font-smoothing: antialiased; text-align: center; background-color: #FFFFFF; margin-top: 5px; } @media (min-width: 992px) { .HeroHeader-link--mosaic { padding: 20px 40px; font-size: 14px; letter-spacing: 0.12em; } } .HeroHeader-link--mosaic:hover { color: #FFFFFF; background-color: #000000; border-color: #000000; } @media (min-width: 480px) { .HeroHeader-link--mosaic { padding: 14px 25px; } } .HeroHeader-section_anchor--mosaic { margin-top: 30px; animation-delay: 2s; position: relative; display: none; } @media (min-width: 768px) and (max-width: 991px) { .HeroHeader-section_anchor--mosaic { display: none; } } .HeroHeader-section_anchor--mosaic:before { color: #FFFFFF; position: absolute; top: 100px; right: 128.55px; } .HeroHeader-faded { margin: 0 auto; } @media (max-width: 767px) { .HeroHeader-faded { min-height: 275px; } } @media (min-width: 1200px) { .HeroHeader-faded { max-width: 1170px; } } .HeroHeader-faded .HeroHeader-faded--Wrapper { position: relative; width: 100%; } .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--backgroundText { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 96.97580645%; width: calc( 100% - 30px ); width: 100%; text-align: center; margin-top: 20%; } @media (min-width: 320px) and (max-width: 479px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--backgroundText { margin-top: 125px; margin-left: 0px; margin-right: 0px; } } @media (min-width: 480px) and (max-width: 767px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--backgroundText { margin-top: 115px; margin-left: 0px; margin-right: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--backgroundText { margin-top: 165px; margin-left: 0px; margin-right: 0px; } } @media (min-width: 992px) and (max-width: 1199px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--backgroundText { margin-top: 215px; margin-left: 0px; margin-right: 0px; } } .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--backgroundText h1 { color: #EEEEEE; letter-spacing: 0.16em; font-size: 130px; line-height: 20px; word-spacing: 2px; } @media (min-width: 320px) and (max-width: 479px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--backgroundText h1 { font-size: 40px; word-spacing: 0px; line-height: none; } } @media (min-width: 480px) and (max-width: 767px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--backgroundText h1 { font-size: 60px; } } @media (min-width: 768px) and (max-width: 991px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--backgroundText h1 { font-size: 90px; } } @media (min-width: 992px) and (max-width: 1199px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--backgroundText h1 { font-size: 115px; } } .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--overlapText { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 96.97580645%; width: calc( 100% - 30px ); width: 100%; text-align: center; position: absolute; top: 265px; } @media (min-width: 320px) and (max-width: 479px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--overlapText { top: 125px; margin-left: 0px; margin-right: 0px; } } @media (min-width: 480px) and (max-width: 767px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--overlapText { top: 120px; margin-left: 0px; margin-right: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--overlapText { top: 180px; margin-left: 0px; margin-right: 0px; } } @media (min-width: 992px) and (max-width: 1199px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--overlapText { top: 240px; margin-left: 0px; margin-right: 0px; } } .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--overlapText h4 { font-family: 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.12em; font-weight: 700; color: #000; } @media (min-width: 320px) and (max-width: 479px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--overlapText h4 { font-size: 15px; } } @media (min-width: 480px) and (max-width: 767px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--overlapText h4 { font-size: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--overlapText h4 { font-size: 28px; } } @media (min-width: 992px) and (max-width: 1199px) { .HeroHeader-faded .HeroHeader-faded--Wrapper .HeroHeader-faded--overlapText h4 { font-size: 32px; } } @media (min-width: 768px) and (max-width: 991px) { .page-id-343 .HeroHeader-title--mosaic { font-size: 75px; } } @media (min-width: 992px) and (max-width: 1199px) { .page-id-343 .HeroHeader-title--mosaic { font-size: 90px; letter-spacing: 0.11em; } } @media (min-width: 1200px) and (max-width: 1442px) { .page-id-343 .HeroHeader-title--mosaic { font-size: 105px; letter-spacing: 0.13em; } } @media (min-width: 1600px) { .page-id-343 .HeroHeader-title--mosaic { font-size: 130px; line-height: 130px; } } .no-backgroundcliptext .HeroHeader-subtitle--home { background: none !important; } .Flex { padding-top: 50px; } .Flex h3 { text-align: center; text-decoration: underline; } .Flex .description { text-align: center; margin-bottom: 60px; clear: both; } .block { margin-left: 15px; margin-right: 15px; min-height: 1px; border: 2px solid #000; text-transform: uppercase; text-align: center; margin-bottom: 40px; padding: 3px; } @media (min-width: 992px) { .block { float: left; width: 21.97580645%; width: calc( 25% - 30px ); } } .block p { font-weight: bold; } .Modal { background-color: white; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 90vh; z-index: 1110; } .Modal.is-Offcanvas--closed { display: none; } .Modal-content { padding-left: 15px; padding-right: 15px; position: relative; max-height: 90vh; overflow-y: auto; } .Modal-close { position: absolute; top: 0; right: 0; background-color: black; color: #FFFFFF; padding: 10px; z-index: 1; } .VideoPlayer { position: relative; } .VideoPlayer-video iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .VideoPlayer-video video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .VideoPlayer-video--sixteen_by_nine { padding-top: 56.25%; } .VideoPlayer-video--four_by_three { padding-top: 75%; } .VideoPlayer-controls { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; display: -ms-flexbox; display: flex; } .VideoPlayer-scrubber { width: 100%; } .VideoPlayer-play_pause { float: left; background: transparent; border-width: 0px; padding: 5px 10px; } .VideoPlayer-play_pause.is-VideoPlayer--paused:before { content: "\EA1E"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: 15px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: left; } .VideoPlayer-play_pause.is-VideoPlayer--paused .VideoPlayer-pause_text { display: none; } .VideoPlayer-play_pause.is-VideoPlayer--playing:before { content: "\EA1B"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: 15px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: left; } .VideoPlayer-play_pause.is-VideoPlayer--playing .VideoPlayer-play_text { display: none; } .VideoPlayer-scrubber { float: left; background: transparent; border-width: 0px; position: relative; padding-left: 0; padding-right: 0; margin: 0 10px; } .VideoPlayer-scrubber_range { background: #CFCFCF; height: 5px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .VideoPlayer-scrubber_fill { background: #FFFFFF; height: 5px; position: absolute; top: 50%; transform: translateY(-50%); } .VideoPlayer-scrubber_knob { position: absolute; top: 50%; transform: translate(-50%, -50%); border-radius: 100%; width: 20px; height: 20px; background-color: #FFFFFF; border: 2px solid white; } .VideoPlayer-mute { float: left; background: transparent; border-width: 0px; padding: 5px 10px; } .VideoPlayer-mute.is-VideoPlayer--muted:before { content: "\EA2B"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: 15px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: left; } .VideoPlayer-mute.is-VideoPlayer--muted .VideoPlayer-mute_text { display: none; } .VideoPlayer-mute.is-VideoPlayer--audible:before { content: "\EA2C"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: 15px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: left; } .VideoPlayer-mute.is-VideoPlayer--audible .VideoPlayer-unmute_text { display: none; } .LineAnimation-border--top { position: absolute; top: 0; left: 50%; right: 50%; height: 5px; z-index: 10; background: rgba(255, 255, 255, 0.8); transition: left 0.33333333s 0.66666667s, right 0.33333333s 0.66666667s; } .LineAnimation-border--left { position: absolute; top: 0; bottom: 100%; left: 0; width: 5px; z-index: 10; background: rgba(255, 255, 255, 0.8); transition: bottom 0.33333333s 0.33333333s; } .LineAnimation-border--right { position: absolute; top: 0; bottom: 100%; right: 0; width: 5px; z-index: 10; background: rgba(255, 255, 255, 0.8); transition: bottom 0.33333333s 0.33333333s; } .LineAnimation-border--bottom_left { position: absolute; bottom: 0; left: 0; right: 100%; height: 5px; z-index: 10; background: rgba(255, 255, 255, 0.8); transition: left 0.33333333s, right 0.33333333s; } .LineAnimation-border--bottom_right { position: absolute; bottom: 0; left: 100%; right: 0; height: 5px; z-index: 10; background: rgba(255, 255, 255, 0.8); transition: left 0.33333333s, right 0.33333333s; } .no-touchevents .LineAnimation-target:hover .LineAnimation-border--top { left: 0; right: 0; transition: left 0.33333333s, right 0.33333333s; } .no-touchevents .LineAnimation-target:hover .LineAnimation-border--left { bottom: 0; transition: bottom 0.33333333s 0.33333333s; } .no-touchevents .LineAnimation-target:hover .LineAnimation-border--right { bottom: 0; transition: bottom 0.33333333s 0.33333333s; } .no-touchevents .LineAnimation-target:hover .LineAnimation-border--bottom_left { right: 50%; transition: right 0.33333333s 0.66666667s; } .no-touchevents .LineAnimation-target:hover .LineAnimation-border--bottom_right { left: 50%; transition: left 0.33333333s 0.66666667s; } .Footer-top { background-color: #333639; } .Footer-bottom { background-color: #FFFFFF; } .Footer-container--top { padding: 60px 0 45px 0; } .Footer-container--bottom { padding: 30px 0; } @media (max-width: 767px) { .Footer-site_links { float: left; width: 100%; margin: 40px 0 25px 0; } } @media (min-width: 768px) and (max-width: 991px) { .Footer-site_links { float: left; width: 75%; min-height: 1px; margin-left: 12.5%; margin-top: 40px; margin-bottom: 25px; } } .Footer-links--list { list-style-type: none; padding-left: 0; margin: 0; } @media (max-width: 991px) { .Footer-links--list { text-align: center; } } .Footer-links--list a { border-bottom-width: 0px; line-height: initial; text-decoration: none; font-family: 'Open Sans', sans-serif; color: #FFFFFF; display: inline-block; font-size: 14px; font-weight: 700; padding: 15px 0; } .Footer-links--list a:hover, .Footer-links--list a:focus { text-decoration: underline; } .Footer-site_links--col { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 320px) { .Footer-site_links--col { float: left; width: 46.97580645%; width: calc( 50% - 30px ); } } @media (min-width: 992px) { .Footer-site_links--col { float: left; width: 13.64247312%; width: calc( 16.66666667% - 30px ); } } .Footer-social_links { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 320px) { .Footer-social_links { float: left; width: 96.97580645%; width: calc( 100% - 30px ); } } @media (min-width: 992px) { .Footer-social_links { float: left; width: 13.64247312%; width: calc( 16.66666667% - 30px ); } } @media (min-width: 992px) { .Footer-social_links { margin-left: 97.66666667px; margin-left: calc( 8.33333333% + 15px ); } } @media (max-width: 991px) { .Footer-social_links { text-align: center; } } .Footer-social_link_wrapper { padding: 15px 8px; display: inline-block; } @media (min-width: 768px) { .Footer-social_link_wrapper { padding: 15px 15px; } } @media (min-width: 992px) { .Footer-social_link_wrapper { padding: 15px 10px; } } .Footer-social_link { border-bottom-width: 0px; line-height: initial; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 1; color: #FFFFFF; display: inline-block; } @media (min-width: 768px) { .Footer-social_link { font-size: 30px; } } @media (min-width: 992px) { .Footer-social_link { font-size: 20px; } } .Footer-social_link:nth-child(2n+1) { clear: both; } .Footer-social_link:before { transition: 0.3s color; } .Footer-social_link:hover:before, .Footer-social_link:active:before { color: #8B262D; } .Footer-logo { display: inline-block; padding: 15px 10px; } .Footer-logo_image { max-height: 25px; width: auto; max-width: 100%; } .Footer-newsletter { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 768px) { .Footer-newsletter { float: left; width: 80.30913978%; width: calc( 83.33333333% - 30px ); } } @media (min-width: 768px) { .Footer-newsletter { margin-left: 97.66666667px; margin-left: calc( 8.33333333% + 15px ); } } @media (min-width: 992px) { .Footer-newsletter { float: right; width: 30.30913978%; width: calc( 33.33333333% - 30px ); } } @media (min-width: 992px) { .Footer-newsletter { margin-left: 97.66666667px; margin-left: calc( 8.33333333% + 15px ); } } .Footer-newsletter_form { position: relative; color: #FFFFFF; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; } .Footer-newsletter_form ::-webkit-input-placeholder { color: #FFFFFF; } .Footer-newsletter_form :-moz-placeholder { /* Firefox 18- */ color: #FFFFFF; } .Footer-newsletter_form ::-moz-placeholder { /* Firefox 19+ */ color: #FFFFFF; } .Footer-newsletter_form :-ms-input-placeholder { color: #FFFFFF; } .Footer-newsletter_form .gform_heading { width: 100%; } @media (max-width: 991px) { .Footer-newsletter_form .gform_heading { text-align: center; } } .Footer-newsletter_form .gform_title { font-family: 'Big Noodle Titling', sans-serif; font-weight: 700; color: #333639; -webkit-font-smoothing: antialiased; font-size: 22px; line-height: 1.67em; letter-spacing: 0.04em; color: #FFFFFF; margin: 0; letter-spacing: 0.08em; } .Footer-newsletter_form .gform_title::-moz-selection { background: #333639; color: #FFFFFF; } .Footer-newsletter_form .gform_title::selection { background: #333639; color: #FFFFFF; } @media (min-width: 768px) { .Footer-newsletter_form .gform_title { font-size: 24px; } } .Footer-newsletter_form .gform_title::-moz-selection { background: #333639; color: #FFFFFF; } .Footer-newsletter_form .gform_title::selection { background: #333639; color: #FFFFFF; } .Footer-newsletter_form .gform_description { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.01em; line-height: 20px; -webkit-font-smoothing: antialiased; display: block; margin: 5px 0 40px 0; } @media (min-width: 992px) { .Footer-newsletter_form .gform_description { margin: 5px 0 30px 0; } } .Footer-newsletter_form .gform_body { -ms-flex: 1 1 auto; flex: 1 1 auto; } .Footer-newsletter_form .gform_fields { padding-left: 0; margin: 0; } .Footer-newsletter_form .gform_footer { -ms-flex: 0 0 0%; flex: 0 0 0%; } @media (min-width: 320px) and (max-width: 991px) { .Footer-newsletter_form .gform_footer { -ms-flex: inherit; flex: inherit; } } .Footer-newsletter_form .gform_ajax_spinner { position: absolute; top: 120px; left: 100%; margin-top: 5px; margin-left: 5px; } @media (max-width: 767px) { .Footer-newsletter_form .gform_ajax_spinner { display: none; } } .Footer-newsletter_form .validation_error { display: none; } .Footer-newsletter_form .gform_confirmation_message { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 0.01em; font-weight: 400; color: #939598; -webkit-font-smoothing: antialiased; color: #FFFFFF; } @media (min-width: 768px) { .Footer-newsletter_form .gform_confirmation_message { line-height: 26px; } } @media (min-width: 992px) { .Footer-newsletter_form .gform_confirmation_message { font-size: 18px; line-height: 28px; } } .Footer-newsletter_form .gform_confirmation_message::-moz-selection { background: #333639; color: #FFFFFF; } .Footer-newsletter_form .gform_confirmation_message::selection { background: #333639; color: #FFFFFF; } .Footer-newsletter_form .gform_confirmation_message.small { font-size: 14px; line-height: 20px; letter-spacing: 0.02em; } .Footer-newsletter_form.gform_confirmation_wrapper { -ms-flex-pack: center; justify-content: center; } .Footer-newsletter_form--email { list-style-type: none; position: relative; } .Footer-newsletter_form--email .gfield_label { display: none; } .Footer-newsletter_form--email input { background-color: #333639; border: 1px solid #FFFFFF; border-right: 0; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; -webkit-font-smoothing: antialiased; padding: 10px 15px; width: 100%; } @media (min-width: 320px) and (max-width: 991px) { .Footer-newsletter_form--email input { border-radius: 0px; } } .Footer-newsletter_form--email .validation_message { position: absolute; margin-top: 5px; font-family: 'Open Sans', sans-serif; font-size: 12px; letter-spacing: 0.01em; line-height: 20px; color: #ff4c4c; -webkit-font-smoothing: antialiased; } .Footer-newsletter_form--submit_button { padding: 10px 15px; font-size: 12px; background-color: #333639; color: #FFFFFF; border: 1px solid #FFFFFF; border-left: 0; } .Footer-container--bottom { text-align: center; } .Footer-copy { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.01em; color: #939598; } @media (min-width: 768px) { .Footer-copy br { display: none; } } .Footer-link_back { display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 12px; letter-spacing: 0.01em; color: #000000; transition: 0.3s color; } .Footer-link_back:hover { color: #8B262D; } .Footer-newsletter_form_buttonlink { display: inline-block; vertical-align: top; background: #FFFFFF; color: #333639; border: 2px solid #FFFFFF; font-family: 'Open Sans', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 15px 25px; padding: 10px 15px; font-size: 12px; font-weight: bold; background-color: #333639; color: #FFFFFF; border: 1px solid #FFFFFF; text-decoration: none; letter-spacing: 1.7px; } footer .hbspt-form { width: 100%; } footer .hbspt-form .hs_email.hs-email > div.input { margin-top: 15px; } footer .hbspt-form .hs_email.hs-email > div.input input.hs-input { padding: 0 10px; height: 48px; border: 2px solid #CFCFCF; color: #333639; font-family: 'Open Sans', sans-serif; transition: border 0.3s; } footer .hs_submit.hs-submit input { display: inline-block; vertical-align: top; background: #FFFFFF; color: #333639; border: 2px solid #FFFFFF; font-family: 'Open Sans', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 15px 25px; padding: 10px 15px; font-size: 12px; font-weight: bold; background-color: #333639; color: #FFFFFF; border: 1px solid #FFFFFF; text-decoration: none; letter-spacing: 1.7px; text-transform: uppercase; margin-top: 15px; } .container { margin: 60px auto 100px auto; } @media (max-width: 479px) { .container { padding-bottom: 20px; } } .contact { position: relative; } .content { margin: 0 15px; background-color: #FFFFFF; text-align: center; } @media (min-width: 992px) { .content { margin-bottom: 50px; } } @media (max-width: 991px) { .content .br-hide { display: none; } } @media (max-width: 479px) { .content .contact-p-display { display: none; } } .content h5 { font-size: 18px; line-height: 20px; margin-bottom: 0; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding-top: 10px; padding-bottom: 20px; margin-top: 0; } @media (max-width: 479px) { .content h5 { padding-top: 0; } } .content p { font-size: 16px; padding-bottom: 20px; font-weight: 400; font-family: 'Open Sans', sans-serif; } .form-aside-container { *zoom: 1; } .aside { min-height: 1px; } @media (min-width: 992px) { .aside { float: left; width: 27.08333333%; } } @media (min-width: 992px) { .aside { margin-left: 6.25%; } } @media (max-width: 479px) { .aside img { margin-top: 60px; } .aside p:last-child { padding-bottom: 0; } } @media (max-width: 991px) { .aside { margin-left: 15px; margin-right: 15px; text-align: center; } } .aside h5 { font-size: 18px; margin-bottom: 0; font-weight: 300; letter-spacing: 0.08em; } @media (max-width: 991px) { .aside h5 { font-size: 32px; } } .aside p { font-size: 13px; padding-bottom: 10px; font-weight: 400; } @media (max-width: 991px) { .aside p { font-size: 17px; } } .aside img { width: 100%; margin: 0 auto; height: auto; } @media (max-width: 991px) { .aside img { padding-top: 50px; } } .Contact-form { min-height: 1px; } @media (min-width: 992px) { .Contact-form { float: left; width: 66.66666667%; } } .Contact-form ::-moz-placeholder { color: #CFCFCF; font-family: 'Open Sans', sans-serif; } .Contact-form :-ms-input-placeholder { color: #CFCFCF; font-family: 'Open Sans', sans-serif; } .Contact-form ::placeholder { color: #CFCFCF; font-family: 'Open Sans', sans-serif; } .Contact-form .gform_body { margin: 0 10px; } @media (min-width: 768px) { .Contact-form .gform_body { margin: 0 7.5px; } } @media (min-width: 992px) { .Contact-form .gform_body { margin: 0 -7.5px; } } @media (max-width: 991px) { .Contact-form .gform_footer { margin: 0 15px; } } @media (max-width: 991px) { .Contact-form .gform_confirmation_wrapper { margin: 0 15px; } } .Contact-form .gform_confirmation_message { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 0.01em; font-weight: 400; color: #939598; -webkit-font-smoothing: antialiased; color: #000000; } @media (min-width: 768px) { .Contact-form .gform_confirmation_message { line-height: 26px; } } @media (min-width: 992px) { .Contact-form .gform_confirmation_message { font-size: 18px; line-height: 28px; } } .Contact-form .gform_confirmation_message::-moz-selection { background: #333639; color: #FFFFFF; } .Contact-form .gform_confirmation_message::selection { background: #333639; color: #FFFFFF; } .Contact-form .gform_confirmation_message.small { font-size: 14px; line-height: 20px; letter-spacing: 0.02em; } @media (max-width: 991px) { .Contact-form .gform_confirmation_message { text-align: center; } } @media (max-width: 991px) { .Contact-form { margin-top: 50px; } } .Contact-form li { list-style-type: none; } .Contact-form ul { *zoom: 1; padding-left: 0; margin-top: 0; } .Contact-form input[type="submit"], .Contact-form button[type="submit"] { width: 150px; height: 50px; background-color: #000000; color: #FFFFFF; border: none; font-family: 'Open Sans', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 0.16em; font-weight: 600; } .Contact-form input[type="text"], .Contact-form select { height: 50px; font-family: 'Open Sans', sans-serif; padding: 0 12px; width: 100%; border: 2px solid #CFCFCF; transition: border 0.3s; } @media (max-width: 991px) { .Contact-form input[type="text"], .Contact-form select { height: 40px; } } .Contact-form input[type="text"]:focus, .Contact-form select:focus { outline: none; border-color: #000000; } .Contact-form select { color: #CFCFCF; background-color: transparent; } .Contact-form select.color-change { color: #000000; } .Contact-form select option { color: #000000; } .Contact-form .textarea { width: 100%; font-family: 'Open Sans', sans-serif; padding: 12px; border: 2px solid #CFCFCF; transition: border 0.3s; } @media (max-width: 991px) { .Contact-form .textarea { height: 145px; } } .Contact-form .textarea:focus { outline: none; border-color: #000000; } .Contact-form .gfield_label { display: none; } .Contact-form .validation_error { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #8B262D; text-align: center; margin-bottom: 20px; } .Contact-form .validation_message { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #8B262D; } .contact-form--third { margin-left: 7.5px; margin-right: 7.5px; min-height: 1px; margin-left: 5px; margin-right: 5px; margin-bottom: 20px; } @media (min-width: 320px) { .contact-form--third { float: left; width: 48.99193548%; width: calc( 50% - 10px ); } } @media (min-width: 768px) { .contact-form--third { float: left; width: 31.82123656%; width: calc( 33.33333333% - 15px ); } } @media (max-width: 767px) { .contact-form--third:nth-child(2n+1) { clear: left; } } @media (min-width: 768px) { .contact-form--third { margin-left: 7.5px; margin-right: 7.5px; } .contact-form--third:nth-child(3n+1) { clear: left; } } .contact-form--third .select2-container { font-family: 'Open Sans', sans-serif; width: 100% !important; } .contact-form--third .select2-container.select2-container--focus .select2-selection, .contact-form--third .select2-container.select2-container--open .select2-selection { outline: none; border-color: #000000; } .contact-form--third .select2-container .select2-selection { border-radius: 0; height: auto; border: 2px solid #CFCFCF; } .contact-form--third .select2-container .select2-selection .select2-selection__rendered { padding: 4px 16px 4px 12px; } @media (min-width: 992px) { .contact-form--third .select2-container .select2-selection .select2-selection__rendered { padding: 9px 16px 9px 12px; } } .contact-form--third .select2-container .select2-selection .select2-selection__arrow { height: 36px; } @media (min-width: 992px) { .contact-form--third .select2-container .select2-selection .select2-selection__arrow { height: 47px; } } .contact-form--third .select2-selection span[title="Reason for Inquiry*"] { color: #CFCFCF; } @media (max-width: 767px) { .contact-form--full { margin-left: 5px; margin-right: 5px; } } .contact-form--file { font-family: 'Open Sans', sans-serif; margin-bottom: 20px; text-align: center; } .contact-form--whole { margin-left: 7.5px; margin-right: 7.5px; min-height: 1px; margin-left: 5px; margin-right: 5px; } @media (min-width: 768px) { .contact-form--whole { float: left; width: 98.48790323%; width: calc( 100% - 15px ); } } @media (min-width: 768px) { .contact-form--whole { margin-left: 7.5px; margin-right: 7.5px; } } .contact-form--fourths { margin-left: 4px; margin-right: 4px; min-height: 1px; } @media (min-width: 992px) { .contact-form--fourths { float: left; width: 24.19354839%; width: calc( 25% - 8px ); } } .header { height: 465px; position: relative; margin: 0 40px; text-align: center; background-size: cover; background-position: center; margin: 0 auto; } @media (min-width: 1600px) { .header { max-width: 1596px; } } @media (min-width: 992px) { .SplitText { padding: 100px 0; } } .SplitText-container { /*padding: 100px 0;*/ } @media (max-width: 991px) { .SplitText-container { text-align: center; } } .SplitText-title_wrapper { margin-left: 15px; margin-right: 15px; min-height: 1px; background-size: cover; background-position: center; background-repeat: no-repeat; } @media (min-width: 768px) { .SplitText-title_wrapper { float: left; width: 76.14247312%; width: calc( 79.16666667% - 30px ); } } @media (min-width: 768px) { .SplitText-title_wrapper { margin-left: 118.33333333px; margin-left: calc( 10.41666667% + 15px ); } } @media (min-width: 992px) { .SplitText-title_wrapper { float: left; width: 46.97580645%; width: calc( 50% - 30px ); } } @media (min-width: 992px) { .SplitText-title_wrapper { margin-left: 15px; margin-left: calc( 0% + 15px ); } } .page-template-front-page .SplitText-title_wrapper { margin-left: 15px; margin-right: 15px; min-height: 1px; padding: 40px 100px; } @media (min-width: 992px) { .page-template-front-page .SplitText-title_wrapper { float: left; width: 34.47580645%; width: calc( 37.5% - 30px ); } } @media (min-width: 1200px) { .page-template-front-page .SplitText-title_wrapper { float: left; width: 30.30913978%; width: calc( 33.33333333% - 30px ); } } @media (max-width: 991px) { .page-template-front-page .SplitText-title_wrapper { display: none; } } .SplitText-title_wrapper h2 { margin: 0; text-transform: uppercase; font-weight: 400; } @media (max-width: 767px) { .SplitText-title_wrapper h2 { font-size: 24px; line-height: 30px; } } @media (max-width: 991px) { .SplitText-title_wrapper h2 { text-align: center !important; } } @media (min-width: 992px) { .SplitText-title_wrapper h2 { margin-top: -5px; } } .SplitText-title_wrapper p { line-height: 30px; } @media (min-width: 992px) { .SplitText-title_wrapper p { font-size: 16px; line-height: 30px; } } .SplitText-title_wrapper.add-quote h2 { position: relative; padding: 0 55px; } @media (min-width: 992px) { .SplitText-title_wrapper.add-quote h2 { padding: 0 15px 0 0; } } .SplitText-title_wrapper.add-quote h2:before, .SplitText-title_wrapper.add-quote h2:after { display: inline-block; font-weight: 400; } .SplitText-title_wrapper.add-quote h2:before { content: '“'; } @media (min-width: 992px) { .SplitText-title_wrapper.add-quote h2:before { position: absolute; left: -15px; } } @media (min-width: 1600px) { .SplitText-title_wrapper.add-quote h2:before { left: -25px; } } .SplitText-title_wrapper.add-quote h2:after { content: '”'; } @media (min-width: 1600px) { .SplitText-title_wrapper.add-quote h2:after { margin-left: 10px; } } .SplitText-text_wrapper { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 768px) { .SplitText-text_wrapper { float: left; width: 71.97580645%; width: calc( 75% - 30px ); } } @media (min-width: 768px) { .SplitText-text_wrapper { margin-left: 139px; margin-left: calc( 12.5% + 15px ); } } @media (min-width: 992px) { .SplitText-text_wrapper { float: left; width: 46.97580645%; width: calc( 50% - 30px ); } } @media (min-width: 992px) { .SplitText-text_wrapper { margin-left: 15px; margin-left: calc( 0% + 15px ); } } .page-template-front-page .SplitText-text_wrapper { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 768px) { .page-template-front-page .SplitText-text_wrapper { float: left; width: 80.30913978%; width: calc( 83.33333333% - 30px ); } } @media (min-width: 768px) { .page-template-front-page .SplitText-text_wrapper { margin-left: 97.66666667px; margin-left: calc( 8.33333333% + 15px ); } } @media (min-width: 992px) { .page-template-front-page .SplitText-text_wrapper { float: left; width: 55.30913978%; width: calc( 58.33333333% - 30px ); } } @media (min-width: 992px) { .page-template-front-page .SplitText-text_wrapper { margin-left: 56.33333333px; margin-left: calc( 4.16666667% + 15px ); } } @media (min-width: 1200px) { .page-template-front-page .SplitText-text_wrapper { float: left; width: 59.47580645%; width: calc( 62.5% - 30px ); } } @media (min-width: 992px) { .page-template-front-page .SplitText-text_wrapper { padding: 40px 0; } } .SplitText-text_wrapper p { line-height: 30px; } @media (min-width: 992px) { .SplitText-text_wrapper p { margin-top: 0; font-size: 16px; line-height: 30px; } } @media (max-width: 991px) { .page-id-104 .SplitText { padding-top: 35px; } } .MosaicCTA { overflow: hidden; } @media (min-width: 768px) { .MosaicCTA { padding-bottom: 50px; } } .MosaicCTA-container { padding: 50px 0; } @media (min-width: 768px) { .MosaicCTA-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0; min-height: 400px; } } @media (min-width: 992px) { .MosaicCTA-container { min-height: 550px; } } @media (min-width: 1200px) { .MosaicCTA-container { min-height: 650px; } } @media (min-width: 768px) { .MosaicCTA-container.MosaicCTA-container--mobile { display: none; } } .MosaicCTA-container.MosaicCTA-container--mobile .MosaicCTA-content { background-size: 100% 100%; background-position: center; background-repeat: no-repeat; padding: 130px 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 480px) { .MosaicCTA-container.MosaicCTA-container--mobile .MosaicCTA-content { background-size: cover; padding: 180px 0; } } @media (max-width: 767px) { .MosaicCTA-container.MosaicCTA-container--desktop { display: none; } } .MosaicCTA-content_wrapper { width: 100%; } .MosaicCTA-image--desktop { position: absolute; top: 0; left: 0; width: 100%; } .MosaicCTA-content { min-height: 1px; position: relative; text-align: center; } @media (max-width: 767px) { .MosaicCTA-content { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 96.97580645%; width: calc( 100% - 30px ); } } @media (min-width: 992px) { .MosaicCTA-content { float: left; width: 75%; } } @media (min-width: 992px) { .MosaicCTA-content { margin-left: 12.5%; } } @media (min-width: 1200px) { .MosaicCTA-content { float: left; width: 66.66666667%; } } @media (min-width: 1200px) { .MosaicCTA-content { margin-left: 16.66666667%; } } .MosaicCTA-title { display: block; margin-bottom: 30px; text-shadow: 0px 0px 10px #333; font-family: 'Big Noodle Titling', sans-serif; color: #FFFFFF; font-size: 26px; line-height: 36px; letter-spacing: 0.04em; } @media (min-width: 768px) { .MosaicCTA-title { font-size: 50px; line-height: 81px; } } @media (min-width: 992px) { .MosaicCTA-title { font-size: 80px; line-height: 85px; } } @media (min-width: 1200px) { .MosaicCTA-title { line-height: 110px; } } .MosaicCTA-link { border-bottom-width: 0px; line-height: initial; text-decoration: none; font-size: 12px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; letter-spacing: 0.08em; padding: 16px 45px; display: inline-block; width: auto; border: 2px solid #FFFFFF; font-weight: 700; color: #000000; transition: 0.3s; -webkit-font-smoothing: antialiased; text-align: center; background-color: #FFFFFF; } @media (min-width: 992px) { .MosaicCTA-link { padding: 24px 65px; font-size: 14px; letter-spacing: 0.12em; } } .MosaicCTA-link:hover { color: #FFFFFF; background-color: #000000; border-color: #000000; } .MosaicGrid { *zoom: 1; height: calc( 100vh - 60px ); } @media (min-width: 992px) { .MosaicGrid { height: calc( 100vh - 90px ); } } @media (min-width: 768px) { .admin-bar .MosaicGrid { height: calc( 100vh - 106px ); } } @media (min-width: 992px) { .admin-bar .MosaicGrid { height: calc( 100vh - 122px ); } } .MosaicGrid-block { overflow: hidden; position: relative; } @media (max-width: 767px) { .MosaicGrid-block { height: calc( 25% - 3px ); margin-left: 0; margin-right: 0; margin-top: 3px; } } .MosaicGrid-block--1 { margin-left: 0.75px; margin-right: 0.75px; margin-left: 1.5px; margin-right: 1.5px; min-height: 1px; } @media (min-width: 768px) { .MosaicGrid-block--1 { float: left; width: 49.84879032%; width: calc( 50% - 1.5px ); } } @media (min-width: 992px) { .MosaicGrid-block--1 { float: left; width: 39.28091398%; width: calc( 39.58333333% - 3px ); } } @media (max-width: 767px) { .MosaicGrid-block--1 { margin-top: 0; } } @media (min-width: 768px) { .MosaicGrid-block--1 { margin-left: 0; margin-right: 1.5px; height: 100%; } } @media (min-width: 992px) { .MosaicGrid-block--1 { margin-right: 3px; } } .MosaicGrid-block--2 { margin-left: 0.75px; margin-right: 0.75px; margin-left: 1.5px; margin-right: 1.5px; min-height: 1px; } @media (min-width: 768px) { .MosaicGrid-block--2 { float: left; width: 49.84879032%; width: calc( 50% - 1.5px ); } } @media (min-width: 992px) { .MosaicGrid-block--2 { float: left; width: 60.11424731%; width: calc( 60.41666667% - 3px ); } } @media (min-width: 768px) { .MosaicGrid-block--2 { height: 33.33%; padding-bottom: 3px; margin-left: 1.5px; margin-right: 0; } } @media (min-width: 992px) { .MosaicGrid-block--2 { height: calc( 50% - 3px ); padding-bottom: 0; margin-bottom: 3px; margin-left: 3px; } } .MosaicGrid-block--3 { margin-left: 0.75px; margin-right: 0.75px; margin-left: 3px; margin-right: 3px; min-height: 1px; } @media (min-width: 768px) { .MosaicGrid-block--3 { float: left; width: 49.84879032%; width: calc( 50% - 1.5px ); } } @media (min-width: 992px) { .MosaicGrid-block--3 { float: left; width: 29.60349462%; width: calc( 30.20833333% - 6px ); } } @media (min-width: 768px) { .MosaicGrid-block--3 { height: 33.33%; padding: 3px 0; margin-left: 1.5px; margin-right: 0; } } @media (min-width: 992px) { .MosaicGrid-block--3 { height: calc( 50% - 3px ); padding: 0; margin-top: 3px; margin-bottom: 0; margin-left: 3px; margin-right: 3px; } } .MosaicGrid-block--4 { margin-left: 0.75px; margin-right: 0.75px; margin-left: 1.5px; margin-right: 1.5px; min-height: 1px; } @media (min-width: 768px) { .MosaicGrid-block--4 { float: left; width: 49.84879032%; width: calc( 50% - 1.5px ); } } @media (min-width: 992px) { .MosaicGrid-block--4 { float: left; width: 29.90591398%; width: calc( 30.20833333% - 3px ); } } @media (max-width: 767px) { .MosaicGrid-block--4 { margin-bottom: 0; } } @media (min-width: 768px) { .MosaicGrid-block--4 { height: 33.33%; padding-top: 3px; margin-left: 1.5px; margin-right: 0; } } @media (min-width: 992px) { .MosaicGrid-block--4 { height: calc( 50% - 3px ); margin-top: 3px; padding-top: 0; margin-left: 3px; } } .MosaicGrid-block--link { border-bottom-width: 0px; line-height: initial; text-decoration: none; width: 100%; height: 100%; } .no-touchevents .MosaicGrid-block--link:hover .MosaicGrid-block--image { transform: scale(1.1); } .MosaicGrid-block--image { background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; transition: 0.5s linear; } .MosaicGrid-block--content { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .MosaicGrid-block--title { color: #FFFFFF; width: 100%; font-weight: 400; letter-spacing: 0.06em; margin: 0; padding-left: 25px; padding-top: 20px; padding-bottom: 25px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); } @media (min-width: 992px) { .MosaicGrid-block--title { padding-left: 50px; padding-bottom: 35px; padding-top: 100px; } } .VideoEmbed-container { padding-top: 50px; } .VideoEmbed-video--wrapper { margin: 0 15px; } .VideoEmbed-video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .VideoEmbed-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .VideoEmbed-caption--wrapper { text-align: right; margin: 0 15px; } .VideoEmbed-caption { font-style: italic; } .VideoSlider-container { padding: 50px 0; } .VideoSlider-video_slider { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 768px) { .VideoSlider-video_slider { float: left; width: 88.64247312%; width: calc( 91.66666667% - 30px ); } } @media (min-width: 768px) { .VideoSlider-video_slider { margin-left: 56.33333333px; margin-left: calc( 4.16666667% + 15px ); } } @media (min-width: 992px) { .VideoSlider-video_slider { float: left; width: 84.47580645%; width: calc( 87.5% - 30px ); } } @media (min-width: 992px) { .VideoSlider-video_slider { margin-left: 77px; margin-left: calc( 6.25% + 15px ); } } @media (min-width: 1600px) { .VideoSlider-video_slider { float: left; width: 88.64247312%; width: calc( 91.66666667% - 30px ); } } @media (min-width: 1600px) { .VideoSlider-video_slider { margin-left: 56.33333333px; margin-left: calc( 4.16666667% + 15px ); } } .VideoSlider-video_slider--slide_wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .VideoSlider-video_slider--slide_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .VideoSlider-video_slider--button { background: transparent; border-width: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; background-color: #333639; font-size: 0; border: 0; padding: 11px 9px; position: absolute; top: 50%; z-index: 2; } @media (min-width: 768px) { .VideoSlider-video_slider--button { padding: 15px 12px; } } .VideoSlider-video_slider--left { padding-left: 7px; right: 100%; transform: translateX(50%) translateY(-50%); } .VideoSlider-video_slider--left:after { content: "\EA05"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FFFFFF; font-size: 18px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) { .VideoSlider-video_slider--left { padding-left: 10px; } } @media (min-width: 992px) { .VideoSlider-video_slider--left:after { font-size: 22px; } } .VideoSlider-video_slider--right { padding-right: 7px; left: 100%; transform: translateX(-50%) translateY(-50%); } .VideoSlider-video_slider--right:after { content: "\EA06"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FFFFFF; font-size: 18px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) { .VideoSlider-video_slider--right { padding-right: 10px; } } @media (min-width: 992px) { .VideoSlider-video_slider--right:after { font-size: 22px; } } .VideoSlider-video_slider--dots { padding-left: 0; text-align: center; font-size: 0; margin: 15px 15px; } .VideoSlider-video_slider--dots li { display: inline-block; padding: 0 5px; } .VideoSlider-video_slider--dots button { background: transparent; border-width: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; font-size: 0; border-radius: 50%; padding: 4px; background-color: #333639; } .VideoSlider-video_slider--dots li.slick-active button { background-color: #939598; } .VideoSlider-nav_slider { margin-left: 15px; margin-right: 15px; min-height: 1px; border: 2.5px solid #FFFFFF; } @media (min-width: 768px) { .VideoSlider-nav_slider { float: left; width: 88.64247312%; width: calc( 91.66666667% - 30px ); } } @media (min-width: 768px) { .VideoSlider-nav_slider { margin-left: 56.33333333px; margin-left: calc( 4.16666667% + 15px ); } } @media (min-width: 992px) { .VideoSlider-nav_slider { float: left; width: 84.47580645%; width: calc( 87.5% - 30px ); } } @media (min-width: 992px) { .VideoSlider-nav_slider { margin-left: 77px; margin-left: calc( 6.25% + 15px ); } } @media (min-width: 1600px) { .VideoSlider-nav_slider { float: left; width: 88.64247312%; width: calc( 91.66666667% - 30px ); } } @media (min-width: 1600px) { .VideoSlider-nav_slider { margin-left: 56.33333333px; margin-left: calc( 4.16666667% + 15px ); } } @media (max-width: 767px) { .VideoSlider-nav_slider { display: none; } } .VideoSlider-nav_slider--slide.slick-current .VideoSlider-nav_slider--slide_shade { opacity: 1; } .VideoSlider-nav_slider--slide_col { border: 2.5px solid #FFFFFF; position: relative; overflow: hidden; } .no-touchevents .VideoSlider-nav_slider--slide_col:hover .VideoSlider-nav_slider--slide_image { transform: scale(1.2); } .VideoSlider-nav_slider--slide_image { transition: 0.5s transform; width: 100%; } .VideoSlider-nav_slider--slide_shade { position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: 0.5s opacity; opacity: 0; background-color: rgba(0, 0, 0, 0.4); } .CenteredText-container { padding: 50px 0 100px 0; } .CenteredText-title { text-align: center; } .CenteredText-text--wrapper { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 992px) { .CenteredText-text--wrapper { float: left; width: 63.64247312%; width: calc( 66.66666667% - 30px ); } } @media (min-width: 992px) { .CenteredText-text--wrapper { margin-left: 180.33333333px; margin-left: calc( 16.66666667% + 15px ); } } @media (min-width: 992px) { .CenteredText-text--wrapper p { font-size: 20px; line-height: 30px; } } .OverlapHeader { height: 205px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .OverlapHeader { height: 350px; } } @media (min-width: 768px) { .OverlapHeader-with_copy { height: 205px; } } @media (min-width: 992px) { .OverlapHeader-with_copy { margin-top: 50px; } } .OverlapHeader--title_effect_wrapper { position: relative; } .OverlapHeader--title { font-size: 14px; text-align: center; margin: 0; line-height: initial; background: transparent; position: relative; z-index: 2; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } @media (min-width: 768px) { .OverlapHeader--title { font-size: 30px; } } @media (min-width: 992px) { .OverlapHeader--title { font-size: 40px; } } .OverlapHeader--subtitle_wrapper { top: 50%; z-index: 1; color: rgba(207, 207, 207, 0.49); position: absolute; transform: translate(-50%, -50%); left: 50%; } .OverlapHeader--subtitle_wrapper span { font-size: 45px; color: rgba(207, 207, 207, 0.49); font-family: 'Big Noodle Titling', sans-serif; white-space: nowrap; } @media (min-width: 768px) { .OverlapHeader--subtitle_wrapper span { font-size: 80px; } } @media (min-width: 992px) { .OverlapHeader--subtitle_wrapper span { font-size: 140px; } } .OverlapHeader-search_form--wrapper { margin-left: 15px; margin-right: 15px; min-height: 1px; position: relative; z-index: 1; margin-top: 45px; } @media (min-width: 768px) { .OverlapHeader-search_form--wrapper { float: left; width: 46.97580645%; width: calc( 50% - 30px ); } } @media (min-width: 992px) { .OverlapHeader-search_form--wrapper { float: left; width: 38.64247312%; width: calc( 41.66666667% - 30px ); } } @media (min-width: 1600px) { .OverlapHeader-search_form--wrapper { float: left; width: 26.14247312%; width: calc( 29.16666667% - 30px ); } } @media (min-width: 992px) { .OverlapHeader-search_form--wrapper { margin-top: 75px; } } .OverlapHeader-search_form ::-moz-placeholder { color: #000000; } .OverlapHeader-search_form :-ms-input-placeholder { color: #000000; } .OverlapHeader-search_form ::placeholder { color: #000000; } .OverlapHeader-search_form input[type="text"] { height: 30px; border-radius: 20px; letter-spacing: 0.04em; font-size: 14px; width: 100%; font-family: 'Open Sans', sans-serif; font-weight: 700; border: 1px solid #333639; -webkit-appearance: none; float: left; padding: 0 25px 0 15px; color: #333639; } .OverlapHeader-form_button_wrapper { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); } .OverlapHeader-search_button { background: transparent; border-width: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; height: 25px; min-width: 25px; margin: 0; display: inline-block; vertical-align: middle; color: #333639; } .OverlapHeader-search_button:before { content: "\EA20"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: 14px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .OverlapHeader-search_button:before { vertical-align: middle; } .Login { padding-top: 110px; padding-bottom: 100px; } @media (min-width: 992px) { .Login { padding-top: 150px; } } .Login-text--wrapper, .WooCommerce-login--text_wrapper, .WooCommerce-lost_password--text-wrapper { margin-left: 15px; margin-right: 15px; min-height: 1px; text-align: center; } @media (min-width: 992px) { .Login-text--wrapper, .WooCommerce-login--text_wrapper, .WooCommerce-lost_password--text-wrapper { float: left; width: 63.64247312%; width: calc( 66.66666667% - 30px ); } } @media (min-width: 992px) { .Login-text--wrapper, .WooCommerce-login--text_wrapper, .WooCommerce-lost_password--text-wrapper { margin-left: 180.33333333px; margin-left: calc( 16.66666667% + 15px ); } } .Login-title { font-family: 'Big Noodle Titling', sans-serif; font-weight: 700; color: #333639; -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 36px; letter-spacing: 0.04em; margin: 0; } .Login-title::-moz-selection { background: #333639; color: #FFFFFF; } .Login-title::selection { background: #333639; color: #FFFFFF; } @media (min-width: 768px) { .Login-title { font-size: 28px; line-height: 40px; letter-spacing: 0.06em; } } @media (min-width: 992px) { .Login-title { font-size: 36px; line-height: 48px; letter-spacing: 0.04em; } } .Login-title::-moz-selection { background: #333639; color: #FFFFFF; } .Login-title::selection { background: #333639; color: #FFFFFF; } @media (min-width: 992px) { .Login-text { font-size: 20px; } } .Login-form--employee, .WooCommerce-user_login, .WooCommerce-lost_password--fields { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 480px) { .Login-form--employee, .WooCommerce-user_login, .WooCommerce-lost_password--fields { float: left; width: 71.97580645%; width: calc( 75% - 30px ); } } @media (min-width: 480px) { .Login-form--employee, .WooCommerce-user_login, .WooCommerce-lost_password--fields { margin-left: 139px; margin-left: calc( 12.5% + 15px ); } } @media (min-width: 768px) { .Login-form--employee, .WooCommerce-user_login, .WooCommerce-lost_password--fields { float: left; width: 46.97580645%; width: calc( 50% - 30px ); } } @media (min-width: 768px) { .Login-form--employee, .WooCommerce-user_login, .WooCommerce-lost_password--fields { margin-left: 263px; margin-left: calc( 25% + 15px ); } } @media (min-width: 992px) { .Login-form--employee, .WooCommerce-user_login, .WooCommerce-lost_password--fields { float: left; width: 34.47580645%; width: calc( 37.5% - 30px ); } } @media (min-width: 992px) { .Login-form--employee, .WooCommerce-user_login, .WooCommerce-lost_password--fields { margin-left: 325px; margin-left: calc( 31.25% + 15px ); } } .Login-form--user { float: left; width: 100%; } .Login-form--user table th { padding-bottom: 10px; } .Login-form--user table td { padding: 5px 10px; text-align: center; } .Login-form form { margin-top: 50px; } @media (min-width: 992px) { .Login-form form { margin-top: 30px; } } .Login-form form legend { font-family: 'Open Sans', sans-serif; } .Login-form .login-username, .Login-form .login-password, .Login-form .login-submit, .Login-form .WooCommerce-user_login--field, .Login-form .Checkout-review_before_order--login_field { margin: 0; } .Login-form .login-username, .Login-form .WooCommerce-user_login--username, .Login-form .Checkout-review_before_order--username { padding: 30px 20px 20px 20px; background-color: #F8F8F8; border: 1px solid #CFCFCF; border-bottom: 0; } @media (max-width: 767px) { .Login-form .login-username, .Login-form .WooCommerce-user_login--username, .Login-form .Checkout-review_before_order--username { text-align: center; } } @media (min-width: 992px) { .Login-form .login-username, .Login-form .WooCommerce-user_login--username, .Login-form .Checkout-review_before_order--username { padding: 30px 30px 20px 30px; } } .Login-form .login-password, .Login-form .WooCommerce-user_login--password, .Login-form .Checkout-review_before_order--password { padding: 20px 20px 40px 20px; background-color: #F8F8F8; border: 1px solid #CFCFCF; border-bottom: 0; border-top: 0; } @media (max-width: 767px) { .Login-form .login-password, .Login-form .WooCommerce-user_login--password, .Login-form .Checkout-review_before_order--password { text-align: center; } } @media (min-width: 992px) { .Login-form .login-password, .Login-form .WooCommerce-user_login--password, .Login-form .Checkout-review_before_order--password { padding: 20px 30px 40px 30px; } } .Login-form label { text-transform: uppercase; color: #333639; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0.12em; } @media (min-width: 768px) { .Login-form label { letter-spacing: 0.16em; } } .Login-form .required { border-bottom: none; } .Login-form input:not([type="submit"]):not([type="checkbox"]) { width: 100%; margin-top: 5px; border: 1px solid #CFCFCF; padding: 8px; color: #333639; } .Login-form input[type="submit"], .Login-form button[type="submit"] { background: transparent; border-width: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; font-size: 12px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; letter-spacing: 0.08em; padding: 16px 45px; display: inline-block; width: auto; border: 2px solid #000000; font-weight: 700; color: #000000; background-color: transparent; transition: background linear 0.3s, color linear 0.3s, border linear 0.3s; -webkit-font-smoothing: antialiased; text-align: center; background-color: #333639; border-color: #333639; color: #FFFFFF; width: 100%; } @media (min-width: 992px) { .Login-form input[type="submit"], .Login-form button[type="submit"] { padding: 24px 65px; font-size: 14px; letter-spacing: 0.12em; } } .Login-form input[type="submit"]:hover, .Login-form button[type="submit"]:hover { color: #FFFFFF; background-color: #000000; } .Login-form input[type="submit"]:hover, .Login-form button[type="submit"]:hover { border-color: #000000; } .Checkout-review_before_order--login { *zoom: 1; } @media (max-width: 767px) { .Checkout-review_before_order--login { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 96.97580645%; width: calc( 100% - 30px ); } } .Checkout-review_before_order--login .form-row { margin-top: 0; } .WooCommerce-user_login--remember, .Checkout-review_before_order--remember { display: block; text-align: center; margin-top: 5px; } .WooCommerce-user_login--link-wrapper, .Checkout-review_before_order--password_link-wrapper { text-align: center; } .WooCommerce-user_login--link, .Checkout-review_before_order--password_link { border-bottom-width: 0px; line-height: initial; text-decoration: none; display: inline-block; text-transform: uppercase; color: #333639; font-size: 12px; letter-spacing: 0.08em; font-family: 'Open Sans', sans-serif; font-weight: 700; } @media (min-width: 992px) { .WooCommerce-user_login--link, .Checkout-review_before_order--password_link { font-size: 14px; letter-spacing: 0.12em; } } .WooCommerce-user_login--link:hover, .Checkout-review_before_order--password_link:hover, .WooCommerce-user_login--link:focus, .Checkout-review_before_order--password_link:focus { text-decoration: underline; } .WooCommerce-user_login--remember { margin-top: 20px; } .Woocoommerce-user_login_button_wrapper { margin-top: 0; } .woocommerce-breadcrumb { text-align: center; color: #939598; -webkit-font-smoothing: antialiased; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; font-family: 'Open Sans', sans-serif; display: none; } @media (min-width: 768px) { .woocommerce-breadcrumb { display: block; } } .woocommerce-breadcrumb a { text-decoration: none; color: #939598; transition: 0.3s color; } .woocommerce-breadcrumb a:hover { color: #000000; } .CollapseContent--collapse-body { overflow: hidden; transition: max-height 0.5s; } .CollapseContent--collapse-body.is-CollapseContent--visible { max-height: 100vh; } .CollapseContent--collapse-body.is-CollapseContent--hidden { max-height: 0vh; } .FileBlocks { margin-bottom: 90px; } .FileBlocks-list { *zoom: 1; margin-left: -1px; margin-right: -1px; list-style: none; padding-left: 0; margin: 0; } .FileBlocks-list_item { margin-left: 1px; margin-right: 1px; min-height: 1px; height: 350px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 5px; overflow: hidden; } @media (min-width: 992px) { .FileBlocks-list_item { float: left; width: 33.13172043%; width: calc( 33.33333333% - 2px ); } } @media (min-width: 992px) { .FileBlocks-list_item { margin-bottom: 1px; } } .FileBlocks-file_link { display: block; text-decoration: none; } .no-touchevents .FileBlocks-file_link:hover .FileBlocks-item_background { transform: scale(1.1); } .FileBlocks-item_background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: 0.3s transform; } .FileBlocks-item_shade { position: absolute; bottom: 0; right: 0; left: 0; height: 60px; z-index: 1; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); } @media (min-width: 992px) { .FileBlocks-item_shade { height: 130px; } } .FileBlocks-file_name { position: relative; z-index: 2; color: #FFFFFF; margin: 0; padding-left: 25px; padding-right: 25px; } .WeepFileUpload { margin-bottom: 80px; overflow: hidden; padding-top: 60px; padding-bottom: 60px; background-color: #F8F8F8; } .WeepFileUpload-title, .WeepFileUpload-copy { margin: 0; padding-left: 15px; padding-right: 15px; } @media (min-width: 992px) { .WeepFileUpload-title, .WeepFileUpload-copy { padding-left: 0; padding-right: 0; } } .WeepFileUpload-title { margin-bottom: 29px; } .WeepFileUpload-copy { margin-bottom: 38px; } @media (min-width: 992px) { .WeepFileUpload-copy { padding-right: 250px; } } .WeepFileUpload-form .Contact-form { width: 100%; margin-left: 0; } @media (max-width: 991px) { .WeepFileUpload-form .Contact-form { margin: 0; } } .WeepFileUpload-form .Contact-form .validation_error { display: block; color: #8B262D; font-family: 'Open Sans', sans-serif; font-size: 12px; margin-bottom: 10px; } .WeepFileUpload-form .Contact-form .validation_message { display: block; color: #8B262D; font-family: 'Open Sans', sans-serif; font-size: 12px; } .WeepFileUpload-form .Contact-form .gform_fields { margin-left: -4px; margin-right: -4px; } .WeepFileUpload-form .Contact-form .gform_fields li { margin-top: 15px; } .WeepFileUpload-form .Contact-form .gform_fields li:first-child { margin-top: 0; } @media (min-width: 992px) { .WeepFileUpload-form .Contact-form .gform_fields li { margin-top: 0; } } .WeepFileUpload-form .contact-file-upload { clear: both; padding-top: 30px; } @media (min-width: 992px) { .WeepFileUpload-form .contact-file-upload { padding-left: 4px; } } .CourseInformation { margin-bottom: 103px; } @media (min-width: 768px) { .CourseInformation-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } .CourseInformation-image_cols { min-height: 1px; margin-bottom: 15px; } @media (min-width: 768px) { .CourseInformation-image_cols { float: left; width: 41.66666667%; } } @media (min-width: 768px) { .CourseInformation-image_cols { margin-bottom: 0; } } .CourseInformation-data_cols { min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .CourseInformation-data_cols { float: left; width: 58.33333333%; } } @media (min-width: 768px) { .CourseInformation-data_cols { padding-left: 50px; padding-right: 0; } } .CourseInformation-image { height: 320px; background-size: cover; background-position: center; background-repeat: no-repeat; } .CourseInformation-title, .CourseInformation-copy { margin: 0; } .CourseInformation-title { margin-bottom: 29px; } .CourseInformation-info { *zoom: 1; margin-top: 35px; text-align: center; } .CourseInformation-info--split { margin-left: 15px; margin-right: 15px; min-height: 1px; text-align: left; } @media (min-width: 320px) { .CourseInformation-info--split { float: left; width: 46.97580645%; width: calc( 50% - 30px ); } } @media (min-width: 320px) { .CourseInformation-info--split:first-child { margin-left: 0; } } .CourseInformation-info--split a { font-size: 10px; line-height: 20px; letter-spacing: 0.02em; text-transform: uppercase; color: #000000; transition: 0.3s color; } @media (min-width: 768px) { .CourseInformation-info--split a { font-size: 14px; } } .CourseInformation-info--split a:hover { color: #8B262D; } .Filter-has_no_items { display: none !important; } .FlexibleContent-plain { margin: 75px auto; padding: 0 15px; max-width: 320px; } @media (min-width: 768px) { .FlexibleContent-plain { max-width: 768px; } } .TriptychCTA { margin-top: 50px; margin-bottom: 50px; } @media (min-width: 992px) { .TriptychCTA:hover > TriptychCTA-panel .TriptychCTA-panel_shade { opacity: 1; } .TriptychCTA:hover > TriptychCTA-panel:hover .TriptychCTA-panel_shade { opacity: 0; } } .TriptychCTA-panel { position: relative; height: 300px; background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 2px; overflow: hidden; } @media (min-width: 768px) { .TriptychCTA-panel { height: 700px; } } .TriptychCTA-panel:hover .TriptychCTA-panel_content { transform: translate(0, 0); } .TriptychCTA-panel img { width: 100%; font-size: 0; } .TriptychCTA-panel--two_up { margin-left: 1px; margin-right: 1px; min-height: 1px; } @media (min-width: 768px) { .TriptychCTA-panel--two_up { float: left; width: 49.7983871%; width: calc( 50% - 2px ); } } .TriptychCTA-panel--three_up { margin-left: 1px; margin-right: 1px; min-height: 1px; } @media (min-width: 768px) { .TriptychCTA-panel--three_up { float: left; width: 33.13172043%; width: calc( 33.33333333% - 2px ); } } @media (min-width: 992px) { .TriptychCTA-panel_shade { background-color: #000000; background-color: rgba(0, 0, 0, 0.5); position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; transition: 0.3s opacity; opacity: 0; display: block; } } .TriptychCTA-mobile_overlay_link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; } @media (min-width: 992px) { .TriptychCTA-mobile_overlay_link { display: none; } } .TriptychCTA-mobile_title_shade { position: absolute; bottom: 0; right: 0; left: 0; height: 60px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); z-index: 1; } @media (min-width: 768px) { .TriptychCTA-mobile_title_shade { height: 130px; } } .TriptychCTA-mobile_title { font-family: 'Big Noodle Titling', sans-serif; font-weight: 700; color: #333639; -webkit-font-smoothing: antialiased; font-size: 20px; line-height: 36px; letter-spacing: 0.04em; } .TriptychCTA-mobile_title::-moz-selection { background: #333639; color: #FFFFFF; } .TriptychCTA-mobile_title::selection { background: #333639; color: #FFFFFF; } @media (min-width: 768px) { .TriptychCTA-mobile_title { font-size: 30px; line-height: 36px; } } @media (min-width: 992px) { .TriptychCTA-mobile_title { font-size: 48px; line-height: 60px; } } .TriptychCTA-mobile_title::-moz-selection { background: #333639; color: #FFFFFF; } .TriptychCTA-mobile_title::selection { background: #333639; color: #FFFFFF; } .TriptychCTA-panel_content { display: none; } @media (min-width: 992px) { .TriptychCTA-panel_content { position: relative; z-index: 5; background-color: #F8F8F8; max-width: 300px; height: 100%; padding: 60px 40px; transform: translate(-400px, 0); transition: 0.5s transform; display: block; } } .TriptychCTA-title_wrapper { margin-bottom: 25px; } .TriptychCTA-title { font-family: 'Big Noodle Titling', sans-serif; font-weight: 700; color: #333639; -webkit-font-smoothing: antialiased; font-size: 22px; line-height: 1.67em; letter-spacing: 0.04em; margin: 0; font-weight: 400; position: relative; } .TriptychCTA-title::-moz-selection { background: #333639; color: #FFFFFF; } .TriptychCTA-title::selection { background: #333639; color: #FFFFFF; } @media (min-width: 768px) { .TriptychCTA-title { font-size: 24px; } } .TriptychCTA-title::-moz-selection { background: #333639; color: #FFFFFF; } .TriptychCTA-title::selection { background: #333639; color: #FFFFFF; } .TriptychCTA-title:after { content: ''; width: 60px; background-color: #000000; position: absolute; left: 0; top: 100%; height: 2px; margin-top: 10px; } .TriptychCTA-content_link { border-bottom-width: 0px; line-height: initial; text-decoration: none; font-size: 12px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; letter-spacing: 0.08em; padding: 18px 0; display: inline-block; width: auto; border: 2px solid #000000; font-weight: 700; color: #000000; background-color: transparent; transition: background linear 0.3s, color linear 0.3s, border linear 0.3s; -webkit-font-smoothing: antialiased; text-align: center; margin-top: 30px; width: 100%; } @media (min-width: 992px) { .TriptychCTA-content_link { padding: 18px 0; font-size: 14px; letter-spacing: 0.12em; } } .TriptychCTA-content_link:hover { color: #FFFFFF; background-color: #000000; } .TriptychCTA-content_body { color: #939598; } .TriptychCTA-content_body ul { padding-left: 17px; list-style: disc; margin-top: 30px; } .TriptychCTA-content_body li { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 0.01em; font-weight: 400; color: #939598; -webkit-font-smoothing: antialiased; } @media (min-width: 768px) { .TriptychCTA-content_body li { line-height: 26px; } } @media (min-width: 992px) { .TriptychCTA-content_body li { font-size: 18px; line-height: 28px; } } .TriptychCTA-content_body li::-moz-selection { background: #333639; color: #FFFFFF; } .TriptychCTA-content_body li::selection { background: #333639; color: #FFFFFF; } .TriptychCTA-content_body li.small { font-size: 14px; line-height: 20px; letter-spacing: 0.02em; } @media (min-width: 992px) { .TriptychCTA-content_body li { font-size: 14px; } } .TriptychCTA-mobile_overlay_link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; } @media (min-width: 992px) { .TriptychCTA-mobile_overlay_link { display: none; } } .TriptychCTA-mobile_overlay_link--visible { cursor: pointer; } @media (min-width: 992px) { .TriptychCTA-mobile_overlay_link--visible { display: block; } } .InfoPanels { margin: 50px auto; } .InfoPanels-panel { margin-left: 15px; margin-right: 15px; min-height: 1px; text-align: center; } @media (min-width: 768px) { .InfoPanels-panel { float: left; width: 30.30913978%; width: calc( 33.33333333% - 30px ); } } .InfoPanels-panel p { font-size: 16px; color: #333639; } .InfoPanels-panel_title { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.2em; letter-spacing: 0; border-bottom: 2px solid black; padding: 15px 15px; margin: 0px 30px; } .HeadingDivider { background-color: #F8F8F8; padding: 15px; margin: 15px auto; text-align: center; } .HeadingDivider-heading { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 400; margin: 0; line-height: 1.2em; } @media (min-width: 768px) { .HeadingDivider-heading { font-size: 22px; } } .ConsultSchedule { margin: 15px auto; } .ConsultSchedule-consultant { text-align: center; } .ConsultSchedule-consultant--2up, .ConsultSchedule-contact_form--2up { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 768px) { .ConsultSchedule-consultant--2up, .ConsultSchedule-contact_form--2up { float: left; width: 46.97580645%; width: calc( 50% - 30px ); } } .ConsultSchedule-consultant--2up:nth-child(2n+1), .ConsultSchedule-contact_form--2up:nth-child(2n+1) { clear: left; } .ConsultSchedule-consultant--3up, .ConsultSchedule-contact_form--3up { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 768px) { .ConsultSchedule-consultant--3up, .ConsultSchedule-contact_form--3up { float: left; width: 30.30913978%; width: calc( 33.33333333% - 30px ); } } .ConsultSchedule-consultant--3up:nth-child(3n+1), .ConsultSchedule-contact_form--3up:nth-child(3n+1) { clear: left; } .ConsultSchedule-consultant_image, .ConsultSchedule-consultant_image img { width: 100%; height: auto; margin-bottom: 15px; } .ConsultSchedule-consultant_name { font-size: 18px; margin: 3px 0; } .ConsultSchedule-consultant_title { font-size: 10px; } .ConsultSchedule-contact_form p:first-child { margin-top: 0; } .Tab-content > .Tab-pane { display: none; } .Tab-content > .active { display: block; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .Example--affix_column-sidebar { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 992px) { .Example--affix_column-sidebar { float: left; width: 30.30913978%; width: calc( 33.33333333% - 30px ); } } .Example--affix_column-content { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 992px) { .Example--affix_column-content { float: left; width: 63.64247312%; width: calc( 66.66666667% - 30px ); } } .Example--affix_column-sidebar_content { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 992px) { .Example--affix_column-sidebar_content { float: left; width: 30.30913978%; width: calc( 33.33333333% - 30px ); } } .Example--affix_column-sidebar_content.is-AffixColumn--tallest { width: 100%; } .Example--affix_column-content_content { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 992px) { .Example--affix_column-content_content { float: left; width: 63.64247312%; width: calc( 66.66666667% - 30px ); } } .Example--affix_column-content_content.is-AffixColumn--tallest { width: 100%; } .Example--affix_column-sidebar_content--in_container { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 992px) { .Example--affix_column-sidebar_content--in_container { float: left; width: 293.99865591px; width: calc( 323.33333333px - 30px ); } } @media (min-width: 1200px) { .Example--affix_column-sidebar_content--in_container { float: left; width: 354.61693548px; width: calc( 390px - 30px ); } } .Example--affix_column-sidebar_content--in_container.is-AffixColumn--tallest { width: 100%; } .Example--affix_column-content_content--in_container { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 992px) { .Example--affix_column-content_content--in_container { float: left; width: 617.33198925px; width: calc( 646.66666667px - 30px ); } } @media (min-width: 1200px) { .Example--affix_column-content_content--in_container { float: left; width: 744.61693548px; width: calc( 780px - 30px ); } } .Example--affix_column-content_content--in_container.is-AffixColumn--tallest { width: 100%; } .Gallery { padding-top: 90px; } .Gallery-container { *zoom: 1; padding: 80px 0; padding-top: 0; } .Gallery-list { list-style: none; padding: 0 15px; } @media (min-width: 992px) { .Gallery-list { padding: 0; } } .Gallery-list_item { margin-left: 1px; margin-right: 1px; min-height: 1px; height: 400px; position: relative; margin-bottom: 2px; overflow: hidden; } @media (min-width: 768px) { .Gallery-list_item { float: left; width: 33.13172043%; width: calc( 33.33333333% - 2px ); } } .Gallery-list_item--link, .Gallery-list_item--backgroundImage { height: 100%; } .Gallery-list_item--link { display: block; text-decoration: none; } .no-touchevents .Gallery-list_item--link:hover .Gallery-list_item--backgroundImage { transform: scale(1.1); } @media (min-width: 992px) { .no-touchevents .Gallery-list_item--link:hover .Gallery-list_item--backgroundImage { filter: grayscale(0%); } } .Gallery-list_item--link .grayscale, .Gallery-list_item--link .grayscale-sticky { /* Firefox 10+, Firefox on Android */ } .Gallery-list_item--link .grayscale.grayscale-replaced > svg { opacity: 1; transition: opacity 1s ease; } .Gallery-list_item--link .grayscale.grayscale-replaced.grayscale-off > svg { opacity: 0; } .Gallery-list_item--backgroundImage { background-size: cover; background-position: center; background-repeat: no-repeat; transition: 0.5s linear; width: 100%; height: 100%; } @media (min-width: 992px) { .Gallery-list_item--backgroundImage { filter: grayscale(100%); } } .Gallery-list_item--backgroundImage.image { display: none; } @media all and (-ms-high-contrast: none) { .Gallery-list_item--backgroundImage.bgImage { display: none; } .Gallery-list_item--backgroundImage.image { display: block; } } .Gallery-list_item--list_item_shade { position: absolute; bottom: 0; right: 0; left: 0; height: 60px; z-index: 1; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); } @media (min-width: 992px) { .Gallery-list_item--list_item_shade { height: 130px; } } .Gallery-list_item--title { font-family: 'Big Noodle Titling', sans-serif; font-weight: 700; color: #333639; -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 36px; letter-spacing: 0.04em; color: #FFFFFF; font-weight: 400; margin: 0; position: absolute; bottom: 30px; max-width: 230px; left: 20px; line-height: 1em !important; z-index: 2; } .Gallery-list_item--title::-moz-selection { background: #333639; color: #FFFFFF; } .Gallery-list_item--title::selection { background: #333639; color: #FFFFFF; } @media (min-width: 768px) { .Gallery-list_item--title { font-size: 28px; line-height: 40px; letter-spacing: 0.06em; } } @media (min-width: 992px) { .Gallery-list_item--title { font-size: 36px; line-height: 48px; letter-spacing: 0.04em; } } .Gallery-list_item--title::-moz-selection { background: #333639; color: #FFFFFF; } .Gallery-list_item--title::selection { background: #333639; color: #FFFFFF; } .ContentOverlap { position: relative; margin: 100px 0 150px 0; } .ContentOverlap-container { padding: 35px 0; } @media (max-width: 991px) { .ContentOverlap-container { text-align: center; } } .ContentOverlap-background { position: absolute; top: 50%; left: 45%; right: 0; bottom: 0; transform: translateY(-50%); height: 100%; background-color: #F4F4F4; } @media (max-width: 991px) { .ContentOverlap-background { display: none; } } @media (min-width: 1600px) { .ContentOverlap-background { right: auto; width: 770px; } } .ContentOverlap-image--wrapper { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 992px) { .ContentOverlap-image--wrapper { float: left; width: 63.64247312%; width: calc( 66.66666667% - 30px ); } } @media (max-width: 991px) { .ContentOverlap-image--wrapper { display: none; } } .ContentOverlap-image--wrapper img { width: 100%; height: auto; } .ContentOverlap-content--wrapper { margin-left: 30px; margin-right: 30px; min-height: 1px; background-color: #FFFFFF; margin-left: 15px; margin-right: 15px; } @media (min-width: 320px) { .ContentOverlap-content--wrapper { float: left; width: 96.97580645%; width: calc( 100% - 30px ); } } @media (min-width: 480px) { .ContentOverlap-content--wrapper { float: left; width: 93.9516129%; width: calc( 100% - 60px ); } } @media (min-width: 768px) { .ContentOverlap-content--wrapper { float: left; width: 80.30913978%; width: calc( 83.33333333% - 30px ); } } @media (min-width: 768px) { .ContentOverlap-content--wrapper { margin-left: 97.66666667px; margin-left: calc( 8.33333333% + 15px ); } } @media (min-width: 992px) { .ContentOverlap-content--wrapper { float: left; width: 46.97580645%; width: calc( 50% - 30px ); } } @media (min-width: 992px) { .ContentOverlap-content--wrapper { margin-left: 0%; } } @media (min-width: 1200px) { .ContentOverlap-content--wrapper { float: left; width: 41.66666667%; } } @media (min-width: 1366px) { .ContentOverlap-content--wrapper { float: left; width: 50%; } } @media (min-width: 480px) and (max-width: 767px) { .ContentOverlap-content--wrapper { margin-left: 30px; margin-right: 30px; } } @media (min-width: 992px) { .ContentOverlap-content--wrapper { padding: 40px; position: absolute; top: 50%; left: 47%; transform: translateY(-50%); } } @media (min-width: 1200px) { .ContentOverlap-content--wrapper { margin-left: 0; margin-right: 0; left: 50%; padding: 60px; } } .ContentOverlap-content--title { margin: 0; } .ContentOverlap-content--title:after { content: ''; display: block; width: 60px; height: 2px; background-color: #333639; margin: 20px auto; } @media (min-width: 992px) { .ContentOverlap-content--title:after { margin: 15px 0; } } @media (min-width: 1200px) { .ContentOverlap-content--title:after { margin: 20px 0; } } .ContentOverlap-content--list { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 0.01em; font-weight: 400; color: #939598; -webkit-font-smoothing: antialiased; min-height: 1px; padding-left: 20px; margin-bottom: 0; margin-top: 0; overflow: auto; } @media (min-width: 768px) { .ContentOverlap-content--list { line-height: 26px; } } @media (min-width: 992px) { .ContentOverlap-content--list { font-size: 18px; line-height: 28px; } } .ContentOverlap-content--list::-moz-selection { background: #333639; color: #FFFFFF; } .ContentOverlap-content--list::selection { background: #333639; color: #FFFFFF; } .ContentOverlap-content--list.small { font-size: 14px; line-height: 20px; letter-spacing: 0.02em; } @media (min-width: 320px) { .ContentOverlap-content--list { float: left; width: 100%; } } @media (max-width: 991px) { .ContentOverlap-content--list { list-style-type: none; padding-left: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .ContentOverlap-content--list { max-height: 260px; } } @media (min-width: 1200px) { .ContentOverlap-content--list { max-height: 285px; } } @media (max-width: 767px), (min-width: 992px) { .ContentOverlap-content--list_item { float: left; width: 100%; min-height: 1px; margin: 10px 0; } } @media (min-width: 768px) and (max-width: 991px) { .ContentOverlap-content--list_item { display: inline; } } @media (min-width: 992px) and (max-width: 1599px) { .ContentOverlap-content--list_item { font-size: 14px; line-height: 24px; } } .ContentOverlap-content--link_wrapper { padding-left: 20px; margin-bottom: 40px; } @media (min-width: 992px) and (max-width: 1199px) { .ContentOverlap-content--link_wrapper { margin-top: 25px; } } .ContentOverlap-content--link { border-bottom-width: 0px; line-height: initial; text-decoration: none; font-size: 12px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; letter-spacing: 0.08em; padding: 16px 45px; display: inline-block; width: auto; border: 2px solid #000000; font-weight: 700; color: #000000; background-color: transparent; transition: background linear 0.3s, color linear 0.3s, border linear 0.3s; -webkit-font-smoothing: antialiased; text-align: center; } @media (min-width: 992px) { .ContentOverlap-content--link { padding: 24px 65px; font-size: 14px; letter-spacing: 0.12em; } } .ContentOverlap-content--link:hover { color: #FFFFFF; background-color: #000000; } .termContentWrapper { padding-top: 100px; padding-bottom: 100px; background-color: #F8F8F8; } @media (min-width: 320px) and (max-width: 479px) { .termContentWrapper { padding-top: 15px; } } @media (min-width: 480px) and (max-width: 767px) { .termContentWrapper { padding-top: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .termContentWrapper { padding-top: 25px; } } @media (min-width: 992px) and (max-width: 1199px) { .termContentWrapper { padding-top: 30px; } } .termContentWrapper .termContent { margin: 0 auto; } @media (min-width: 1200px) { .termContentWrapper .termContent { max-width: 1170px; } } @media (min-width: 320px) and (max-width: 479px) { .termContentWrapper .termContent ul { margin-top: 0px; padding-right: 35px; } } @media (min-width: 480px) and (max-width: 767px) { .termContentWrapper .termContent ul { margin-top: 0px; padding-right: 35px; } } @media (min-width: 768px) and (max-width: 991px) { .termContentWrapper .termContent ul { margin-top: 0px; padding-right: 35px; } } @media (min-width: 992px) and (max-width: 1199px) { .termContentWrapper .termContent ul { margin-top: 0px; } } .termContentWrapper .termContent li { list-style-type: none; } .termContentWrapper .termContent li h5 { color: #4C5051; line-height: 20px; font-family: 'Big Noodle Titling', sans-serif; font-weight: 400; text-transform: uppercase; } .termContentWrapper .termContent p { padding-bottom: 20px; line-height: 36px; word-spacing: 2px; } .EnvironmentSlider-container { padding: 50px 0 200px 0; } @media (max-width: 991px) { .EnvironmentSlider-container { padding: 50px 0 75px 0; } } .EnvironmentSlider-text_slider--dots { position: absolute; top: 85px; z-index: 999; } @media (max-width: 991px) { .EnvironmentSlider-text_slider--dots { left: 50%; transform: translateX(-50%); } } @media (min-width: 992px) { .EnvironmentSlider-text_slider--dots { padding-left: 50px; top: 80px; } } @media (min-width: 1200px) { .EnvironmentSlider-text_slider--dots { top: 90px; } } .EnvironmentSlider-text_slider--dots .slick-dots { padding-left: 0; margin: 0; list-style-type: none; } .EnvironmentSlider-text_slider--dots .slick-dots li { display: inline-block; margin-left: 2.5px; margin-right: 2.5px; line-height: initial; } .EnvironmentSlider-text_slider--dots .slick-dots li button { background: transparent; border-width: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; font-size: 0; } .EnvironmentSlider-text_slider--dots .slick-dots li:not(.slick-active) button { padding: 0; font-size: 0; } .EnvironmentSlider-text_slider--dots .slick-dots li:not(.slick-active) button:after { content: "\EA0D"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #333639; font-size: 14px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .EnvironmentSlider-text_slider--dots .slick-dots li:not(.slick-active) button:after { font-weight: 700; } .EnvironmentSlider-text_slider--dots .slick-dots li.slick-active button:after { content: "\EA0C"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #333639; font-size: 14px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .EnvironmentSlider-text_slider--dots .slick-dots li.slick-active button:after { font-weight: 700; } .EnvironmentSlider-button { background: transparent; border-width: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; background-color: #333639; font-size: 0; border: 0; padding: 11px 9px; position: absolute; z-index: 2; bottom: -20px; } @media (min-width: 768px) { .EnvironmentSlider-button { padding: 15px 12px; } } @media (min-width: 992px) { .EnvironmentSlider-button { bottom: auto; top: 45%; transform: translateY(-50%); } } @media (min-width: 992px) { .EnvironmentSlider-button.EnvironmentSlider-button--mobile { display: none !important; } } @media (max-width: 991px) { .EnvironmentSlider-button.EnvironmentSlider-button--desktop { display: none !important; } } .EnvironmentSlider-button--left { padding-left: 7px; position: absolute; left: -10px; } .EnvironmentSlider-button--left:after { content: "\EA05"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FFFFFF; font-size: 18px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) { .EnvironmentSlider-button--left { padding-left: 10px; } } @media (min-width: 992px) { .EnvironmentSlider-button--left:after { font-size: 22px; } } @media (min-width: 992px) { .EnvironmentSlider-button--left { left: 0; } } @media (min-width: 1600px) { .EnvironmentSlider-button--left { left: -40px; } } .EnvironmentSlider-button--right { padding-right: 7px; position: absolute; right: -10px; } .EnvironmentSlider-button--right:after { content: "\EA06"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FFFFFF; font-size: 18px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) { .EnvironmentSlider-button--right { padding-right: 10px; } } @media (min-width: 992px) { .EnvironmentSlider-button--right:after { font-size: 22px; } } .EnvironmentSlider-text_slider--wrapper { margin-left: 15px; margin-right: 15px; min-height: 1px; position: relative; z-index: 1; background-color: rgba(248, 248, 248, 0.9); } @media (min-width: 992px) { .EnvironmentSlider-text_slider--wrapper { float: left; width: 42.80913978%; width: calc( 45.83333333% - 30px ); } } @media (min-width: 992px) { .EnvironmentSlider-text_slider--wrapper { margin-left: 56.33333333px; margin-left: calc( 4.16666667% + 15px ); } } @media (min-width: 1600px) { .EnvironmentSlider-text_slider--wrapper { margin-left: 15px; margin-left: calc( 0% + 15px ); } } @media (max-width: 991px) { .EnvironmentSlider-text_slider--wrapper { text-align: center; } } @media (min-width: 992px) { .EnvironmentSlider-text_slider--wrapper { position: absolute; top: -10px; } } .EnvironmentSlider-text_slider--col { padding: 25px 20px 40px 20px; } @media (min-width: 992px) { .EnvironmentSlider-text_slider--col { padding: 40px; } } @media (min-width: 1200px) { .EnvironmentSlider-text_slider--col { padding: 40px 50px; } } .EnvironmentSlider-title { margin: 0; padding-bottom: 40px; } @media (min-width: 992px) { .EnvironmentSlider-title { padding-bottom: 35px; } } @media (min-width: 992px) and (max-width: 1199px) { .EnvironmentSlider-title { font-size: 30px; line-height: 40px; padding-bottom: 45px; } } .EnvironmentSlider-text { line-height: 30px; margin-top: 25px; font-size: 16px; } @media (min-width: 992px) and (max-width: 1199px) { .EnvironmentSlider-text { font-size: 16px; margin-top: 25px; } } .EnvironmentSlider-image_slider { z-index: -1; } .EnvironmentSlider-image_slider--wrapper { margin-left: 15px; margin-right: 15px; min-height: 1px; position: relative; } @media (min-width: 992px) { .EnvironmentSlider-image_slider--wrapper { float: right; width: 67.80913978%; width: calc( 70.83333333% - 30px ); } } @media (min-width: 1200px) { .EnvironmentSlider-image_slider--wrapper { float: right; width: 63.64247312%; width: calc( 66.66666667% - 30px ); } } @media (min-width: 992px) { .EnvironmentSlider-image_slider--wrapper { background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 0.3) 97%, rgba(255, 255, 255, 0.5) 98%, #ffffff 100%); } } .EnvironmentSlider-image_slider--wrapper img { width: 100%; } .EnvironmentSlider-image_slider--wrapper .slick-list { padding-left: 0 !important; } .EnvironmentSlider-image_slider--image_wrapper { padding: 0 5px; position: relative; z-index: -1; } @media (min-width: 992px) { .EnvironmentSlider-image_slider--image_wrapper { padding: 0 15px; } } @media (min-width: 1200px) { .EnvironmentSlider-image_slider--image_wrapper { padding: 0 25px; } } .jobOpeningsWrapper { border-top: 1px solid #B7B7B7; } .jobOpeningsWrapper a { padding: 25px 0; display: block; text-decoration: none; } @media (min-width: 320px) and (max-width: 479px) { .jobOpeningsWrapper a { background-color: #f8f8f8; border-top: 1px solid #ebebeb; } } @media (min-width: 480px) and (max-width: 767px) { .jobOpeningsWrapper a { background-color: #f8f8f8; border-top: 1px solid #ebebeb; } } .jobOpeningsWrapper a .jobOpeningContainer { text-align: center; margin: 0 auto; padding: 15px 0; } @media (min-width: 992px) { .jobOpeningsWrapper a .jobOpeningContainer { max-width: 970px; } } @media (min-width: 320px) and (max-width: 479px) { .jobOpeningsWrapper a .jobOpeningContainer ul { padding-left: 0px; } } @media (min-width: 480px) and (max-width: 767px) { .jobOpeningsWrapper a .jobOpeningContainer ul { padding-left: 0px; } } .jobOpeningsWrapper a .jobOpeningContainer ul li { list-style-type: none; } .jobOpeningsWrapper a .jobOpeningContainer ul li h2.jobPosition { margin-bottom: 0; letter-spacing: 0.09em; } .jobOpeningsWrapper a .jobOpeningContainer ul li div.jobDescription p { display: inline-block; padding: 0 15px; border-right: 1px solid #9395A4; line-height: 100%; text-transform: uppercase; font-weight: 600; font-size: 15px; letter-spacing: 0.2em; } @media (min-width: 320px) and (max-width: 479px) { .jobOpeningsWrapper a .jobOpeningContainer ul li div.jobDescription p { padding: 0 7px; font-size: 12px; letter-spacing: normal; } } @media (min-width: 480px) and (max-width: 767px) { .jobOpeningsWrapper a .jobOpeningContainer ul li div.jobDescription p { padding: 0 7px; font-size: 14px; } } .jobOpeningsWrapper a .jobOpeningContainer ul li div.jobDescription p:nth-child(3) { border: none; } .jobOpeningsWrapper:hover { background: black; } .jobOpeningsWrapper:hover h2.jobPosition { color: #fff; } .jobOpeningsWrapper:hover div.jobDescription p { color: #fff; } .HeroHeader-careersSingle { display: table; width: 100%; background-size: cover; background-position: center right; min-height: 500px; } @media (min-width: 768px) { .HeroHeader-careersSingle { min-height: 400px; } } @media (min-width: 992px) { .HeroHeader-careersSingle { min-height: 500px; } } @media (min-width: 1200px) { .HeroHeader-careersSingle { min-height: 500px; } } .HeroHeader-faded-careersSingle { margin: 0 auto; } @media (max-width: 767px) { .HeroHeader-faded-careersSingle { min-height: 275px; } } .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle { position: relative; width: 100%; } .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--backgroundText-careersSingle { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 96.97580645%; width: calc( 100% - 30px ); width: 100%; text-align: center; margin-top: 15%; } @media (min-width: 320px) and (max-width: 479px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--backgroundText-careersSingle { margin-top: 150px; margin-left: 0px; margin-right: 0px; } } @media (min-width: 480px) and (max-width: 767px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--backgroundText-careersSingle { margin-top: 115px; margin-left: 0px; margin-right: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--backgroundText-careersSingle { margin-top: 165px; margin-left: 0px; margin-right: 0px; } } @media (min-width: 992px) and (max-width: 1199px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--backgroundText-careersSingle { margin-top: 215px; margin-left: 0px; margin-right: 0px; } } .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--backgroundText-careersSingle h1 { color: #EEEEEE; letter-spacing: 0.16em; font-size: 140px; line-height: 20px; word-spacing: 2px; } @media (min-width: 320px) and (max-width: 479px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--backgroundText-careersSingle h1 { font-size: 40px; word-spacing: 0px; line-height: none; } } @media (min-width: 480px) and (max-width: 767px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--backgroundText-careersSingle h1 { font-size: 60px; } } @media (min-width: 768px) and (max-width: 991px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--backgroundText-careersSingle h1 { font-size: 90px; } } @media (min-width: 992px) and (max-width: 1199px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--backgroundText-careersSingle h1 { font-size: 115px; } } .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--overlapText-careersSingle { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 96.97580645%; width: calc( 100% - 30px ); width: 100%; text-align: center; position: absolute; top: 210px; } @media (min-width: 320px) and (max-width: 479px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--overlapText-careersSingle { top: 150px; margin-left: 0px; margin-right: 0px; } } @media (min-width: 480px) and (max-width: 767px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--overlapText-careersSingle { top: 120px; margin-left: 0px; margin-right: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--overlapText-careersSingle { top: 180px; margin-left: 0px; margin-right: 0px; } } @media (min-width: 992px) and (max-width: 1199px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--overlapText-careersSingle { top: 240px; margin-left: 0px; margin-right: 0px; } } .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--overlapText-careersSingle h4 { font-family: 'Open Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.12em; font-weight: 700; color: #000; font-size: 38px; line-height: 28px; } @media (min-width: 320px) and (max-width: 479px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--overlapText-careersSingle h4 { font-size: 15px; } } @media (min-width: 480px) and (max-width: 767px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--overlapText-careersSingle h4 { font-size: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--overlapText-careersSingle h4 { font-size: 28px; } } @media (min-width: 992px) and (max-width: 1199px) { .HeroHeader-faded-careersSingle .HeroHeader-faded--Wrapper-careersSingle .HeroHeader-faded--overlapText-careersSingle h4 { font-size: 32px; } } .jobsNavWrapper-careersSingle { position: relative; margin: 0 auto; text-align: center; } @media (min-width: 320px) and (max-width: 991px) { .jobsNavWrapper-careersSingle { display: none; } } .jobsNavWrapper-careersSingle ul.jobsNav-careersSingle { position: absolute; top: -255px; left: 140px; padding-left: 0px; } @media (min-width: 1200px) and (max-width: 1599px) { .jobsNavWrapper-careersSingle ul.jobsNav-careersSingle { top: -280px; left: 21%; } } @media (min-width: 1600px) { .jobsNavWrapper-careersSingle ul.jobsNav-careersSingle { top: -280px; left: 21%; } } .jobsNavWrapper-careersSingle ul.jobsNav-careersSingle li { list-style-type: none; display: inline-block; border-right: 1px solid #9395A4; padding: 0 10px; line-height: 100%; text-transform: uppercase; font-weight: 700; font-size: 15px; letter-spacing: 0.16em; font-family: 'Open Sans', sans-serif; color: #939598; } .jobsNavWrapper-careersSingle ul.jobsNav-careersSingle li:nth-child(4) { border: none; } .applyNow { background-color: #323639; text-align: center; } .applyNow p { font-size: 13px; padding: 5px 0; font-weight: 600; } .applyNow p a { text-decoration: none; color: #fff; } .jobsSection { margin-bottom: 100px; } @media (min-width: 320px) and (max-width: 480px) { .jobsSection { margin-bottom: 85px; } } .jobsSection .jobsSectionContainer { padding-top: 40px; } @media (min-width: 320px) and (max-width: 480px) { .jobsSection .jobsSectionContainer { position: relative; } } @media (min-width: 480px) and (max-width: 767px) { .jobsSection .jobsSectionContainer { position: relative; } } @media (min-width: 768px) and (max-width: 991px) { .jobsSection .jobsSectionContainer { position: relative; } } .jobsSection .jobsSectionContainer .jobOutline-left { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 55.30913978%; width: calc( 58.33333333% - 30px ); } @media (min-width: 320px) and (max-width: 480px) { .jobsSection .jobsSectionContainer .jobOutline-left { padding-top: 747px; margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 96.97580645%; width: calc( 100% - 30px ); } } @media (min-width: 480px) and (max-width: 767px) { .jobsSection .jobsSectionContainer .jobOutline-left { padding-top: 747px; margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 96.97580645%; width: calc( 100% - 30px ); } } @media (min-width: 768px) and (max-width: 991px) { .jobsSection .jobsSectionContainer .jobOutline-left { padding-top: 747px; margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 96.97580645%; width: calc( 100% - 30px ); } } .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons h2 { font-weight: 500; margin-bottom: 15px; } @media (min-width: 320px) and (max-width: 480px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons h2 { margin: 0; font-size: 32px; margin-top: 25px; } } @media (min-width: 480px) and (max-width: 767px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons h2 { margin: 0; font-size: 32px; } } @media (min-width: 768px) and (max-width: 991px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons h2 { margin: 0; font-size: 32px; } } .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons p { font-size: 16px; } @media (min-width: 320px) and (max-width: 480px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons p { line-height: 30px; font-size: 18px; } .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons p br { display: none; line-height: 10px; } } @media (min-width: 480px) and (max-width: 767px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons p { line-height: 30px; font-size: 18px; } .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons p br { display: none; line-height: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons p { line-height: 30px; font-size: 18px; } .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons p br { display: none; line-height: 10px; } } .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons ul { margin-top: 30px; } @media (min-width: 320px) and (max-width: 480px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons ul { padding-left: 20px; padding-top: 10px; } } @media (min-width: 480px) and (max-width: 767px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons ul { padding-left: 20px; padding-top: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons ul { padding-left: 20px; padding-top: 10px; } } .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons ul li { list-style-type: none; } .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons ul li p { margin-top: -20px; } .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons ul li:before { content: ".."; margin-left: -40px; color: #939598; } @media (min-width: 320px) and (max-width: 480px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons ul li:before { color: #757779; margin-left: -20px; } } @media (min-width: 480px) and (max-width: 767px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons ul li:before { color: #757779; margin-left: -20px; } } @media (min-width: 768px) and (max-width: 991px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-duties-respons ul li:before { color: #757779; margin-left: -20px; } } .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req h2 { font-weight: 500; margin-top: 75px; margin-bottom: 30px; } @media (min-width: 320px) and (max-width: 480px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req h2 { margin: 0; font-size: 32px; padding-top: 25px; padding-bottom: 15px; } } @media (min-width: 480px) and (max-width: 767px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req h2 { margin: 0; font-size: 32px; padding-top: 25px; padding-bottom: 15px; } } @media (min-width: 768px) and (max-width: 991px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req h2 { margin: 0; font-size: 32px; padding-top: 25px; padding-bottom: 15px; } } @media (min-width: 320px) and (max-width: 480px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req ul { padding-left: 20px; } } @media (min-width: 480px) and (max-width: 767px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req ul { padding-left: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req ul { padding-left: 20px; } } .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req ul li { list-style-type: none; } .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req ul li p { margin-top: -20px; font-size: 16px; } @media (min-width: 320px) and (max-width: 480px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req ul li p { font-size: 18px; } } @media (min-width: 480px) and (max-width: 767px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req ul li p { font-size: 18px; } } @media (min-width: 768px) and (max-width: 991px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req ul li p { font-size: 18px; } } .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req ul li:before { content: ".."; margin-left: -40px; color: #939598; } @media (min-width: 320px) and (max-width: 480px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req ul li:before { color: #757779; margin-left: -20px; } } @media (min-width: 480px) and (max-width: 767px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req ul li:before { color: #757779; margin-left: -20px; } } @media (min-width: 768px) and (max-width: 991px) { .jobsSection .jobsSectionContainer .jobOutline-left .job-qual-req ul li:before { color: #757779; margin-left: -20px; } } .jobsSection .jobsSectionContainer .jobInfo-right { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 38.64247312%; width: calc( 41.66666667% - 30px ); margin-top: 55px; } @media (min-width: 320px) and (max-width: 480px) { .jobsSection .jobsSectionContainer .jobInfo-right { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 96.97580645%; width: calc( 100% - 30px ); position: absolute; top: -35px; left: 0; } } @media (min-width: 480px) and (max-width: 767px) { .jobsSection .jobsSectionContainer .jobInfo-right { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 96.97580645%; width: calc( 100% - 30px ); position: absolute; top: -35px; left: 0; } } @media (min-width: 768px) and (max-width: 991px) { .jobsSection .jobsSectionContainer .jobInfo-right { margin-left: 15px; margin-right: 15px; min-height: 1px; float: left; width: 96.97580645%; width: calc( 100% - 30px ); position: absolute; top: -35px; left: 0; } } .jobsSection .jobsSectionContainer .jobInfo-right .quickJob-info-wrapper table { width: 100%; border: 1px solid #E1E1E1; } .jobsSection .jobsSectionContainer .jobInfo-right .quickJob-info-wrapper table tr { height: 75px; border: 1px solid #E1E1E1; font-family: 'Open Sans', sans-serif; color: #939598; } .jobsSection .jobsSectionContainer .jobInfo-right .quickJob-info-wrapper table tr th { border: 1px solid #E1E1E1; height: 70px; text-transform: uppercase; font-size: 16px; font-weight: 700; } .jobsSection .jobsSectionContainer .jobInfo-right .quickJob-info-wrapper table tr td.bold { border: 1px solid #E1E1E1; text-align: center; width: 50%; font-weight: 700; } .jobsSection .jobsSectionContainer .jobInfo-right .quickJob-info-wrapper table tr td.light { border: 1px solid #E1E1E1; text-align: center; width: 50%; font-weight: 400; } .jobsSection .jobsSectionContainer .jobInfo-right .quickJob-info-wrapper table tr:nth-child(even) { background-color: #F8F8F8; } .jobsSection .jobsSectionContainer .jobInfo-right .video-content { padding-top: 40px; } @media (min-width: 320px) and (max-width: 480px) { .jobsSection .jobsSectionContainer .jobInfo-right .video-content { padding-top: 0px; } } @media (min-width: 480px) and (max-width: 767px) { .jobsSection .jobsSectionContainer .jobInfo-right .video-content { padding-top: 0px; } } @media (min-width: 768px) and (max-width: 991px) { .jobsSection .jobsSectionContainer .jobInfo-right .video-content { padding-top: 0px; } } .jobsSection .jobsSectionContainer .jobInfo-right .video-content .video-content-wrapper .video-content-title h5 { font-weight: 400; margin-bottom: 25px; font-size: 26px; border-bottom: 1px solid #E1E1E1; } .jobsSection .jobsSectionContainer .jobInfo-right .video-content .video-content-wrapper .video-content-video { padding-top: 15px; position: relative; padding-bottom: 56.25%; height: 0; } .jobsSection .jobsSectionContainer .jobInfo-right .video-content .video-content-wrapper .video-content-video iframe { position: absolute; width: 100%; height: 250px; top: 0; left: 0; } .jobListing { margin-bottom: -25px; } @media (min-width: 320px) and (max-width: 480px) { .jobListing { width: 90%; margin: 0 auto; margin-bottom: -25px; } } @media (min-width: 480px) and (max-width: 767px) { .jobListing { width: 90%; margin: 0 auto; margin-bottom: -25px; } } .jobListing .jobListingContainer { background-color: #939598; text-align: center; } .jobListing .jobListingContainer a { text-decoration: none; } .jobListing .jobListingContainer a h3 { color: #fff; } .jobListing .jobListingContainer:hover { background-color: #757779; } .main-nav-scrolled { position: fixed; width: 100%; top: 70px; z-index: 100; margin-bottom: 400px; } @media (min-width: 320px) and (max-width: 480px) { .main-nav-scrolled { top: 60px; } } @media (min-width: 480px) and (max-width: 767px) { .main-nav-scrolled { top: 60px; } } @media (min-width: 768px) and (max-width: 991px) { .main-nav-scrolled { top: 60px; } } .main-nav-scrolled p { margin: 0; } .BenefitsOverview-container { padding-bottom: 50px; } .BenefitsOverview-benefit { margin-left: 15px; margin-right: 15px; min-height: 1px; text-align: center; padding: 20px 0; } @media (min-width: 768px) { .BenefitsOverview-benefit { float: left; width: 30.30913978%; width: calc( 33.33333333% - 30px ); } } @media (min-width: 992px) { .BenefitsOverview-benefit { padding: 40px 0; } } @media (min-width: 768px) { .BenefitsOverview-benefit:nth-child(3n+1) { clear: left; } } .BenefitsOverview-benefit--image_wrapper { width: 50px; display: inline-block; } @media (min-width: 768px) { .BenefitsOverview-benefit--image_wrapper { width: 70px; } } .BenefitsOverview-benefit--title { width: 170px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .BenefitsOverview-benefit--title { width: 200px; } } @media (min-width: 992px) { .BenefitsOverview-benefit--title { width: 230px; } } .EmployeeBenefits-wrapper { background-color: #F8F8F8; } .EmployeeBenefits-benefit--row_wrapper { border-bottom: 1px solid #F8F8F8; } .EmployeeBenefits-benefit--row_wrapper:last-child { border-bottom: none; } .EmployeeBenefits-benefit { padding-left: 15px; padding-right: 15px; padding-left: 30px; padding-right: 30px; padding-left: 37.5px; padding-right: 37.5px; min-height: 1px; border-bottom-width: 0px; line-height: initial; text-decoration: none; padding: 70px 15px 80px 15px; transition: background 0.3s; } @media (min-width: 320px) { .EmployeeBenefits-benefit { float: left; width: 100%; } } @media (min-width: 768px) { .EmployeeBenefits-benefit { float: left; width: 50%; } } @media (min-width: 992px) { .EmployeeBenefits-benefit { float: left; width: 50%; } } @media (max-width: 991px) { .EmployeeBenefits-benefit { text-align: center; } } @media (min-width: 768px) and (max-width: 991px) { .EmployeeBenefits-benefit { padding-left: 30px; padding-right: 30px; } } @media (min-width: 992px) { .EmployeeBenefits-benefit { padding: 70px 15px 80px 60px; } } @media (min-width: 1200px) { .EmployeeBenefits-benefit { padding: 70px 15px 80px 60px; } } .EmployeeBenefits-benefit:nth-child(odd) { border-right: 1px solid #F8F8F8; } .EmployeeBenefits-benefit--image_wrapper { width: 50px; font-size: 0; } @media (max-width: 991px) { .EmployeeBenefits-benefit--image_wrapper { margin: 0 auto; } } @media (min-width: 992px) { .EmployeeBenefits-benefit--image_wrapper { width: 70px; } } .EmployeeBenefits-benefit--image { width: 100%; } .EmployeeBenefits-benefit--text_wrapper { min-height: 1px; clear: left; } @media (min-width: 992px) { .EmployeeBenefits-benefit--text_wrapper { float: left; width: 87.5%; } } .EmployeeBenefits-benefit--desc { transition: color 0.3s; } .EmployeeBenefits-benefit--desc a { color: #000000; transition: color 0.3s; cursor: pointer; } .EmployeeBenefits-benefit--desc a:hover { color: #8B262D; } .EmployeeBenefits-benefit--title { margin-top: 0; margin-bottom: 20px; letter-spacing: 0.08em; transition: color 0.3s; } .EmployeeBenefits-benefit--link_text { border-bottom-width: 0px; line-height: initial; text-decoration: none; display: inline-block; text-transform: uppercase; color: #333639; font-size: 12px; letter-spacing: 0.08em; font-family: 'Open Sans', sans-serif; font-weight: 700; margin-top: 5px; transition: color 0.3s; } @media (min-width: 992px) { .EmployeeBenefits-benefit--link_text { font-size: 14px; letter-spacing: 0.12em; } } @media (min-width: 992px) { .EmployeeBenefits-benefit--link_text { margin-top: 10px; } } .EmployeeBenefits-benefit--link { text-decoration: none; transition: 0.3s color; } .EmployeeBenefits-benefit--link:hover { color: #8B262D; } .BlogOverview { margin-bottom: 70px; } .BlogOverview .searchandfilter { text-align: center; margin-bottom: 20px; background-color: #F8F8F8; padding: 15px 25px; } .BlogOverview .searchandfilter ul { padding-left: 0; } .BlogOverview .searchandfilter .sf-level-0 { font-family: 'Open Sans', sans-serif; font-weight: 700; display: inline-block; color: #858585; transition: 0.3s color; text-transform: uppercase; } @media (min-width: 992px) { .BlogOverview .searchandfilter .sf-level-0 { font-size: 16px; } } .BlogOverview .searchandfilter .sf-level-0:hover, .BlogOverview .searchandfilter .sf-level-0:focus { color: #000000; } .BlogOverview .searchandfilter .sf-level-0 label { cursor: pointer; } .BlogOverview .searchandfilter .sf-field-category, .BlogOverview .searchandfilter .sf-field-taxonomy-buechel-stories_categories { padding-left: 0; padding-top: 0; padding-bottom: 0; } .BlogOverview .searchandfilter .sf-field-category input[type="radio"], .BlogOverview .searchandfilter .sf-field-taxonomy-buechel-stories_categories input[type="radio"] { display: none; } .BlogOverview .searchandfilter .sf-field-category input[checked="checked"] + label, .BlogOverview .searchandfilter .sf-field-taxonomy-buechel-stories_categories input[checked="checked"] + label { color: #000000; padding-left: 20px; } .BlogOverview .searchandfilter li[data-sf-field-input-type=radio] label { padding-left: 20px; } .BlogOverview .navigation { clear: both; text-align: center; } .BlogOverview .navigation .screen-reader-text { display: none; } .BlogOverview .navigation .nav-links { font-family: 'Open Sans', sans-serif; color: #858585; } .BlogOverview .navigation .nav-links a { color: #858585; text-decoration: none; margin-left: 20px; } .BlogOverview .navigation .nav-links .current { color: #000000; position: relative; margin-left: 20px; } .BlogOverview .navigation .nav-links .current:after { content: ''; height: 1px; background-color: #000000; width: 15px; position: absolute; top: 100%; left: 50%; margin-top: 5px; transform: translateX(-50%); } .BlogOverview .navigation .nav-links .dots { margin-left: 20px; } .BlogOverview .navigation .nav-links .prev:first-child, .BlogOverview .navigation .nav-links span:first-child { margin-left: 0 !important; } .BlogOverview-post_list { list-style: none; padding-left: 0; margin: 0; } .BlogOverview-post_list_item { margin-left: 15px; margin-right: 15px; min-height: 1px; margin-bottom: 60px; } @media (min-width: 768px) { .BlogOverview-post_list_item { float: left; width: 46.97580645%; width: calc( 50% - 30px ); } } @media (min-width: 992px) { .BlogOverview-post_list_item { float: left; width: 30.30913978%; width: calc( 33.33333333% - 30px ); } } @media (min-width: 768px) { .BlogOverview-post_list_item:nth-child(2n+1) { clear: left; } } @media (min-width: 992px) { .BlogOverview-post_list_item:nth-child(2n+1) { clear: none; } .BlogOverview-post_list_item:nth-child(3n+1) { clear: left; } } .BlogOverview-post_link { display: block; height: 100%; text-decoration: none; } .BlogOverview-post_link:hover .BlogOverview-hover_element, .BlogOverview-post_link:focus .BlogOverview-hover_element { opacity: 1; } .BlogOverview-post_image { height: 345px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: center; justify-content: center; } .BlogOverview-hover_element { background-color: #000000; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: 0.3s opacity; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .BlogOverview-post_button { background: transparent; border-width: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; font-size: 12px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; letter-spacing: 0.08em; padding: 20px 40px; display: inline-block; width: auto; border: 2px solid #000000; font-weight: 700; color: #000000; background-color: transparent; transition: background linear 0.3s, color linear 0.3s, border linear 0.3s; -webkit-font-smoothing: antialiased; text-align: center; color: #FFFFFF; border-color: #FFFFFF; } @media (min-width: 992px) { .BlogOverview-post_button { padding: 20px 40px; font-size: 14px; letter-spacing: 0.12em; } } .BlogOverview-post_button:hover { color: #FFFFFF; background-color: #000000; } .BlogOverview-post_button:hover { border-color: #000000; } .BlogOverview-post_title { text-align: center; margin: 0; margin-top: 27px; } .BlogOverview-post_category { text-align: center; margin-bottom: 14px; } .BlogOverview-post_category span { color: #FFFFFF; text-transform: uppercase; font-size: 14px; letter-spacing: .02em; font-weight: 700; } .BlogInner-container header { margin-top: 70px; } @media (min-width: 992px) { .BlogInner-container header { margin-top: 171px; } } .BlogInner-content_cols { margin-left: 15px; margin-right: 15px; min-height: 1px; margin-bottom: 30px; clear: both; } @media (min-width: 992px) { .BlogInner-content_cols { float: left; width: 80.30913978%; width: calc( 83.33333333% - 30px ); } } @media (min-width: 992px) { .BlogInner-content_cols { margin-left: 97.66666667px; margin-left: calc( 8.33333333% + 15px ); } } .BlogInner-content_cols p a { color: #000000; transition: 0.3s color; } .BlogInner-content_cols p a:hover { color: #8B262D; } .BlogInner-content_cols .video-container { margin-bottom: 30px; } .BlogInner-post_category { text-align: center; color: #000000; margin-bottom: 30px; } .BlogInner-post_category_content { font-size: 14px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 600; } .BlogInner-post_title { text-align: center; margin: 0; margin-bottom: 60px; } @media (min-width: 768px) { .BlogInner-post_title { font-size: 60px; line-height: 1.1em; } } .BlogInner-content { *zoom: 1; } .BlogInner-content img { max-width: 100%; height: auto; } .BlogInner-content p { text-align: center; } @media (min-width: 992px) { .BlogInner-content p { font-size: 16px; } } .BlogInner-content blockquote p { font-family: 'Big Noodle Titling', sans-serif; font-size: 28px; color: #000000; line-height: 1.4em; } .BlogInner-content .video-container { overflow: hidden; position: relative; width: 100%; } .BlogInner-content .video-container:after { padding-top: 56.25%; /* 16:9 ratio */ display: block; content: ''; } .BlogInner-content .video-container iframe, .BlogInner-content .video-container object, .BlogInner-content .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ResponsiveAcfOembed .video-container { overflow: hidden; position: relative; width: 100%; } .ResponsiveAcfOembed .video-container:after { padding-top: 56.25%; /* 16:9 ratio */ display: block; content: ''; } .ResponsiveAcfOembed .video-container iframe, .ResponsiveAcfOembed .video-container object, .ResponsiveAcfOembed .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .BlogInner-container--true_stories header { margin-top: 30px; } @media (min-width: 992px) { .BlogInner-container--true_stories header { margin-top: 60px; } } .BlogInner-container--true_stories .ResponsiveAcfOembed { margin-top: 70px; } @media (min-width: 992px) { .BlogInner-container--true_stories .ResponsiveAcfOembed { margin-top: 171px; } } .BlogInner-container--true_stories .BlogInner-post_category { margin-bottom: 0; } .BlogInner-share_components { *zoom: 1; margin-top: 30px; margin-bottom: 80px; text-align: center; clear: both; position: relative; padding-top: 20px; } .BlogInner-share_components:before { content: ''; height: 1px; background-color: #CFCFCF; position: absolute; bottom: 100%; left: 0; right: 0; width: 100%; } .BlogInner-share-social--list { list-style: none; padding-left: 0; margin: 0; text-align: center; display: inline-block; } .BlogInner-share-social_title { font-size: 14px; text-transform: uppercase; font-weight: 700; color: #CFCFCF; font-family: 'Open Sans', sans-serif; } .BlogInner-share-social--list_item { text-decoration: none; display: inline-block; margin-left: 20px; } .BlogInner-share-social--list_item:first-child { margin-left: 0; } .BlogInner-share-social--list_item:after { transition: 0.3s color; } .BlogInner-share-social--list_item:hover:after { color: #000000; } .BlogInner-share-social--list_item-facebook:after { content: "\EA12"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #CFCFCF; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .BlogInner-share-social--list_item-pinterest:after { content: "\EA1D"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #CFCFCF; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .BlogInner-share-social--list_item-houzz:after { content: "\EA16"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #CFCFCF; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .BlogInner-share-social--list_item-twitter:after { content: "\EA28"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #CFCFCF; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .BlogInner-share-social--list_item-linkedin:after { content: "\EA19"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #CFCFCF; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .BlogInner-share-social--list_item-email:after { content: "\EA11"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #CFCFCF; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .BlogInner-related_posts { *zoom: 1; } .BlogInner-related_posts .BlogOverview-post_list_item { clear: none; } .search:before { display: none; } .Search { padding-top: 110px; } @media (min-width: 992px) { .Search { padding-top: 150px; } } .Search-wrapper { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 768px) { .Search-wrapper { float: left; width: 80.30913978%; width: calc( 83.33333333% - 30px ); } } @media (min-width: 768px) { .Search-wrapper { margin-left: 97.66666667px; margin-left: calc( 8.33333333% + 15px ); } } .Search-container { padding-bottom: 100px; } .Search-result { *zoom: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding: 30px 0; border-bottom: 1px solid #F8F8F8; clear: both; } @media (min-width: 768px) { .Search-result { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 992px) { .Search-result { padding: 50px 0; } } .Search-result:last-child { padding-bottom: 0; border-bottom: none; } .Search-result--image_wrapper { margin-left: 7.5px; margin-right: 7.5px; min-height: 1px; margin-left: 0; margin-right: 0; } @media (min-width: 768px) { .Search-result--image_wrapper { float: left; width: 23.48790323%; width: calc( 25% - 15px ); } } @media (min-width: 768px) { .Search-result--image_wrapper { margin-right: 15px; margin-left: 0; } } .Search-result--image { width: 100%; padding-bottom: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .Search-result--text { min-height: 1px; } @media (min-width: 768px) { .Search-result--text { float: left; width: 75%; } } .Search-title { margin-bottom: 0; } .Search-result--type { margin: 0; } .Search-result--title { margin: 0; } .Search-result--categories { margin: 0 0 15px 0; } .Search-query_name { margin-top: 15px; } .Search-result--link { border-bottom-width: 0px; line-height: initial; text-decoration: none; color: #333639; font-weight: 400; } .Search-result--link:hover, .Search-result--link:focus { text-decoration: underline; } .Search-result--link_small { border-bottom-width: 0px; line-height: initial; text-decoration: none; display: inline-block; text-transform: uppercase; color: #333639; font-size: 12px; letter-spacing: 0.08em; font-family: 'Open Sans', sans-serif; font-weight: 700; margin-top: 5px; } @media (min-width: 992px) { .Search-result--link_small { font-size: 14px; letter-spacing: 0.12em; } } .Search-result--link_small:hover, .Search-result--link_small:focus { text-decoration: underline; } .Search-result--excerpt p { margin-top: 0; } @media (min-width: 992px) { .Search-result--excerpt p { font-size: 16px; line-height: 26px; } } .page404 { padding-top: 60px; } @media (min-width: 992px) { .page404 { padding-top: 91px; } } .page404--Container { margin: 0 auto; text-align: center; min-height: 601px; width: 100%; background-color: #fff; background-image: none; position: relative; } @media (min-width: 320px) and (max-width: 479px) { .page404--Container { padding-top: 185px; padding-left: 20px; padding-right: 20px; } } @media (min-width: 480px) and (max-width: 767px) { .page404--Container { padding-top: 200px; } } @media (min-width: 768px) and (max-width: 991px) { .page404--Container { padding-top: 150px; } } .page404--title-clip-transparent { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; transition: color 5.3s linear; } @media (min-width: 480px) and (max-width: 767px) { .page404--title-clip-transparent { font-size: 55px; } } .page404--link-text { font-size: 12px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; letter-spacing: 0.08em; padding: 16px 45px; display: inline-block; width: auto; border: 2px solid #000000; font-weight: 700; color: #000000; background-color: transparent; transition: background linear 0.3s, color linear 0.3s, border linear 0.3s; -webkit-font-smoothing: antialiased; text-align: center; text-decoration: none; position: relative; } @media (min-width: 992px) { .page404--link-text { padding: 20px 40px; font-size: 14px; letter-spacing: 0.12em; } } .page404--link-text:hover { color: #FFFFFF; background-color: #000000; } .hide { opacity: 0; } .show { opacity: 1; } .page404-background { background-image: url("//cdn.nexternal.com/assets/img/404-background.jpg"); } .page404--title-clip-opaque { color: #fff; transition: color 5.3s linear; } @media (min-width: 480px) and (max-width: 767px) { .page404--title-clip-opaque { font-size: 55px; } } .error404 footer { float: left; width: 100%; } .error404 .HeroHeader-container, .error404 .HeroHeader-content_wrapper--home { display: table; height: 100%; } .no-backgroundcliptext .page404--title { background: none; } .page404-center_copy { text-align: center; display: table-cell; vertical-align: middle; } .page404-transparent_bg.transparent { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .page404-center_copy .HeroHeader-subtitle { margin-bottom: 0; } .Woocommerce-account_navigation { margin-left: 15px; margin-right: 15px; min-height: 1px; margin-bottom: 40px; } @media (min-width: 768px) { .Woocommerce-account_navigation { float: left; width: 30.30913978%; width: calc( 33.33333333% - 30px ); } } @media (min-width: 768px) { .Woocommerce-account_navigation { margin-bottom: 0; } } .Woocommerce-account_navigation .woocommerce-MyAccount-navigation-link { margin-top: 10px; list-style: none; } .Woocommerce-account_navigation .woocommerce-MyAccount-navigation-link.is-active a { color: #8B262D; } .Woocommerce-account_navigation .woocommerce-MyAccount-navigation-link:first-child { margin-top: 0; } .Woocommerce-account_navigation .woocommerce-MyAccount-navigation-link a { color: #000000; font-family: 'Open Sans', sans-serif; text-decoration: none; font-size: 14px; transition: color 0.3s; } .Woocommerce-account_navigation .woocommerce-MyAccount-navigation-link a:hover { color: #8B262D; } .Woocommerce-account_content { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 768px) { .Woocommerce-account_content { float: left; width: 63.64247312%; width: calc( 66.66666667% - 30px ); } } .Woocommerce-account_content .select2-container .select2-choice { padding: 8px; border-radius: 0; } .Woocommerce-account_content .Checkout-order_details--product-row { padding-left: 0; padding-right: 0; } .Woocommerce-account_content .Checkout-button--wrapper { display: none; } .Woocommerce-account_content mark { background-color: #F4F4F4; padding-left: 5px; padding-right: 5px; } .Woocommerce-account_content table { width: 100%; max-width: 100%; margin-top: 20px; margin-bottom: 20px; font-family: 'Open Sans', sans-serif; } .Woocommerce-account_content h2 { margin: 0; } .Woocommerce-account_content fieldset { margin: 0; } .Woocommerce-account_content .variation dt, .Woocommerce-account_content .quote_details dt { margin-top: 15px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #333639; } .Woocommerce-account_content .variation dt:first-child, .Woocommerce-account_content .quote_details dt:first-child { margin-top: 0; } .Woocommerce-account_content .variation dd, .Woocommerce-account_content .quote_details dd { margin-left: 0; } .Woocommerce-account_content .variation dd p, .Woocommerce-account_content .quote_details dd p { margin: 0; } .Woocommerce-account_content .quote_details dt { text-transform: capitalize; } .Woocommerce-account_content .quote_details dd { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 0.01em; font-weight: 400; -webkit-font-smoothing: antialiased; color: #939598; } @media (min-width: 768px) { .Woocommerce-account_content .quote_details dd { line-height: 26px; } } @media (min-width: 992px) { .Woocommerce-account_content .quote_details dd { font-size: 18px; line-height: 28px; } } .Woocommerce-account_content .quote_details dd::-moz-selection { background: #333639; color: #FFFFFF; } .Woocommerce-account_content .quote_details dd::selection { background: #333639; color: #FFFFFF; } .Woocommerce-account_content .quote_details dd.small { font-size: 14px; line-height: 20px; letter-spacing: 0.02em; } .Woocommerce-account_content .shop_table tfoot { background-color: #F8F8F8; } .Woocommerce-account_content .shop_table tfoot th { text-align: left; padding: 10px; } .Woocommerce-account_content .shop_table tfoot td { text-align: right; padding: 10px; } .Woocommerce-account_content .Checkout-order_details--wrapper { float: none; width: 100%; margin-left: 0; } .Woocommerce-account_content .Checkout-order_details--totals-label { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #333639; } .Woocommerce-account_content .Checkout-order_details--product-name { margin-bottom: 30px; } .Woocommerce-account_content .Checkout-order_details--title, .Woocommerce-account_content .Checkout-order_details--products-table-header-row, .Woocommerce-account_content .Checkout-order_details--products-table-header div, .Woocommerce-account_content .Checkout-order_details--products-table-footer-row { padding: 0; } .Woocommerce-account_message_wrapper { margin-bottom: 30px; } .Woocommerce-account_message_wrapper p { color: #939598; } .Woocommerce-account_message_wrapper a { color: #000000; transition: color 0.3s; } .Woocommerce-account_message_wrapper a:hover { color: #8B262D; } .WooCommerce-account_message_link--wrapper p { color: #939598; } .WooCommerce-account_message_link--wrapper a { color: #000000; transition: color 0.3s; } .WooCommerce-account_message_link--wrapper a:hover { color: #8B262D; } .Login-form--user table .order:nth-child(2n+1) { background: #F8F8F8; } .Login-form--user table .order a { text-decoration: none; color: #8B262D; } .Login-form--user table .adq-accept, .Login-form--user table .adq-reject, .Login-form--user table .pay { display: none; } .Woocommerce-account_navigation_title { margin: 0; } @media (min-width: 768px) { .Woocommerce-account_navigation_title { padding-left: 40px; } } .Woocommerce-account_table_quote_row .order-actions a { padding-left: 5px; } .Woocommerce-account_table_quote_row .order-actions a:first-child { padding-left: 0; } .Woocommerce-account_orders_table .order-actions a { padding-left: 5px; } .Woocommerce-account_orders_table .order-actions a:first-child { padding-left: 0; } .Woocommerce-account_orders_table .order-actions .pay { display: none; } .woocommerce-Pagination a { text-decoration: none; color: #000000; transition: 0.3s color; } .woocommerce-Pagination a:hover { color: #8B262D; } .Woocommerce-address_edit_link { font-family: 'Open Sans', sans-serif; text-decoration: none; color: #8B262D; margin-bottom: 10px; display: inline-block; } .Woocommerce-address_title_copy { margin: 0; margin-bottom: 20px; } .woocommerce-Address { margin-top: 20px; } .woocommerce-Address:first-child { margin-top: 0; } .woocommerce-Address address { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 0.01em; font-weight: 400; color: #939598; -webkit-font-smoothing: antialiased; } @media (min-width: 768px) { .woocommerce-Address address { line-height: 26px; } } @media (min-width: 992px) { .woocommerce-Address address { font-size: 18px; line-height: 28px; } } .woocommerce-Address address::-moz-selection { background: #333639; color: #FFFFFF; } .woocommerce-Address address::selection { background: #333639; color: #FFFFFF; } .woocommerce-Address address.small { font-size: 14px; line-height: 20px; letter-spacing: 0.02em; } .Woocommerce-account_table_wrapper { overflow: auto; } .Woocommerce-account_navigation_list { padding-left: 0; } @media (min-width: 768px) { .Woocommerce-account_navigation_list { padding-left: 40px; } } .Login-form--wrapper .woocommerce-info { text-align: center; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; color: #000000; } .QuoteRequest-header { height: 465px; position: relative; margin: 0 40px; text-align: center; background-size: cover; background-position: center; margin: 0 auto; } @media (min-width: 1600px) { .QuoteRequest-header { max-width: 1596px; } } .QuoteRequest-container { margin: 0 auto 100px auto; padding-top: 55px; } @media (max-width: 479px) { .QuoteRequest-container { padding-bottom: 20px; } } .QuoteRequest-title--wrapper { text-align: center; padding-bottom: 55px; } .QuoteRequest-title { font-family: 'Big Noodle Titling', sans-serif; font-weight: 700; color: #333639; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 24px; letter-spacing: 0.08em; text-transform: uppercase; font-family: 'Open Sans', sans-serif; margin: 0; } .QuoteRequest-title::-moz-selection { background: #333639; color: #FFFFFF; } .QuoteRequest-title::selection { background: #333639; color: #FFFFFF; } @media (min-width: 768px) { .QuoteRequest-title { font-size: 30px; line-height: 36px; } } @media (min-width: 992px) { .QuoteRequest-title { font-size: 40px; line-height: 48px; letter-spacing: 0.16em; } } .QuoteRequest-title::-moz-selection { background: #333639; color: #FFFFFF; } .QuoteRequest-title::selection { background: #333639; color: #FFFFFF; } @media (min-width: 992px) { .QuoteRequest-title { line-height: 60px; } } .QuoteRequest-title--gray { color: #939598; } .QuoteRequest-form { min-height: 1px; } @media (min-width: 992px) { .QuoteRequest-form { float: left; width: 66.66666667%; } } @media (max-width: 991px) { .QuoteRequest-form .gform_confirmation_wrapper { margin: 0 15px; } } .QuoteRequest-form .gform_confirmation_message { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; letter-spacing: 0.01em; font-weight: 400; color: #939598; -webkit-font-smoothing: antialiased; color: #000000; } @media (min-width: 768px) { .QuoteRequest-form .gform_confirmation_message { line-height: 26px; } } @media (min-width: 992px) { .QuoteRequest-form .gform_confirmation_message { font-size: 18px; line-height: 28px; } } .QuoteRequest-form .gform_confirmation_message::-moz-selection { background: #333639; color: #FFFFFF; } .QuoteRequest-form .gform_confirmation_message::selection { background: #333639; color: #FFFFFF; } .QuoteRequest-form .gform_confirmation_message.small { font-size: 14px; line-height: 20px; letter-spacing: 0.02em; } @media (max-width: 991px) { .QuoteRequest-form .gform_confirmation_message { text-align: center; margin: 0 15px; } } .DefaultForm_wrapper { *zoom: 1; } .DefaultForm_wrapper .gform_body { margin: 0 10px; } @media (min-width: 768px) { .DefaultForm_wrapper .gform_body { margin: 0 7.5px; } } @media (min-width: 992px) { .DefaultForm_wrapper .gform_body { margin: 0 -7.5px; } } @media (max-width: 991px) { .DefaultForm_wrapper .gform_footer { margin: 0 15px; } } .DefaultForm_wrapper .gform_validation_container { display: none; } .DefaultForm_wrapper .FormItem--small { margin-left: 7.5px; margin-right: 7.5px; min-height: 1px; margin-left: 5px; margin-right: 5px; margin-bottom: 20px; } @media (min-width: 320px) { .DefaultForm_wrapper .FormItem--small { float: left; width: 48.99193548%; width: calc( 50% - 10px ); } } @media (min-width: 768px) { .DefaultForm_wrapper .FormItem--small { float: left; width: 31.82123656%; width: calc( 33.33333333% - 15px ); } } @media (max-width: 767px) { .DefaultForm_wrapper .FormItem--small:nth-child(2n+1) { clear: left; } } @media (min-width: 768px) { .DefaultForm_wrapper .FormItem--small { margin-left: 7.5px; margin-right: 7.5px; } .DefaultForm_wrapper .FormItem--small:nth-child(3n+1) { clear: left; } } .DefaultForm_wrapper .FormItem--small .select2-container { font-family: 'Open Sans', sans-serif; width: 100% !important; } .DefaultForm_wrapper .FormItem--small .select2-container.select2-container--focus .select2-selection, .DefaultForm_wrapper .FormItem--small .select2-container.select2-container--open .select2-selection { outline: none; border-color: #000000; } .DefaultForm_wrapper .FormItem--small .select2-container .select2-selection { border-radius: 0; height: auto; border: 2px solid #CFCFCF; } .DefaultForm_wrapper .FormItem--small .select2-container .select2-selection .select2-selection__rendered { padding: 4px 16px 4px 12px; } @media (min-width: 992px) { .DefaultForm_wrapper .FormItem--small .select2-container .select2-selection .select2-selection__rendered { padding: 9px 16px 9px 12px; } } .DefaultForm_wrapper .FormItem--small .select2-container .select2-selection .select2-selection__arrow { height: 36px; } @media (min-width: 992px) { .DefaultForm_wrapper .FormItem--small .select2-container .select2-selection .select2-selection__arrow { height: 47px; } } .DefaultForm_wrapper .FormItem--small .select2-selection span[title="Budget*"] { color: #CFCFCF; } .DefaultForm_wrapper .FormItem--small input { height: 50px; font-family: 'Open Sans', sans-serif; padding: 10px; background-color: #FFFFFF; width: 100%; border: 2px solid #CFCFCF; outline: none; color: #000000; } @media (max-width: 991px) { .DefaultForm_wrapper .FormItem--small input { height: 40px; } } .DefaultForm_wrapper .FormItem--small input:focus { outline: none; border-color: #000000; } .DefaultForm_wrapper .FormItem--large { margin-left: 7.5px; margin-right: 7.5px; min-height: 1px; margin-left: 5px; margin-right: 5px; clear: both; } @media (min-width: 992px) { .DefaultForm_wrapper .FormItem--large { float: left; width: 98.48790323%; width: calc( 100% - 15px ); } } @media (min-width: 768px) { .DefaultForm_wrapper .FormItem--large { margin-left: 7.5px; margin-right: 7.5px; } } .DefaultForm_wrapper .FormItem--large textarea { width: 100%; font-family: 'Open Sans', sans-serif; padding: 12px; border: 2px solid #CFCFCF; transition: border 0.3s; resize: none; } @media (max-width: 991px) { .DefaultForm_wrapper .FormItem--large textarea { height: 145px; } } .DefaultForm_wrapper .FormItem--large textarea:focus { outline: none; border-color: #000000; } .DefaultForm_wrapper ::-moz-placeholder { color: #CFCFCF; font-family: 'Open Sans', sans-serif; } .DefaultForm_wrapper :-ms-input-placeholder { color: #CFCFCF; font-family: 'Open Sans', sans-serif; } .DefaultForm_wrapper ::placeholder { color: #CFCFCF; font-family: 'Open Sans', sans-serif; } .DefaultForm_wrapper ul { *zoom: 1; list-style: none; padding-left: 0; margin-top: 0; } .DefaultForm_wrapper .gfield_label { display: none; } .DefaultForm_wrapper .validation_error { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #8B262D; text-align: center; margin-bottom: 20px; } .DefaultForm_wrapper .validation_message { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #8B262D; } .DefaultForm_wrapper input[type="submit"], .DefaultForm_wrapper button[type="submit"] { font-size: 12px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; letter-spacing: 0.08em; padding: 16px 45px; display: inline-block; width: auto; border: 2px solid #000000; font-weight: 700; color: #000000; background-color: transparent; transition: background linear 0.3s, color linear 0.3s, border linear 0.3s; -webkit-font-smoothing: antialiased; text-align: center; background-color: #000000; font-weight: 600; color: #FFFFFF; } @media (min-width: 992px) { .DefaultForm_wrapper input[type="submit"], .DefaultForm_wrapper button[type="submit"] { padding: 24px 65px; font-size: 14px; letter-spacing: 0.12em; } } .DefaultForm_wrapper input[type="submit"]:hover, .DefaultForm_wrapper button[type="submit"]:hover { color: #FFFFFF; background-color: #000000; } .DefaultForm_wrapper input[type="submit"]:hover, .DefaultForm_wrapper button[type="submit"]:hover { background-color: #FFFFFF; color: #000000; } .DefaultForm_wrapper .DefaultForm-checkboxes { clear: both; margin-left: 5px; margin-right: 5px; margin-bottom: 20px; font-family: 'Open Sans', sans-serif; } @media (min-width: 768px) { .DefaultForm_wrapper .DefaultForm-checkboxes { margin-left: 7.5px; margin-right: 7.5px; } } .DefaultForm_wrapper .DefaultForm-checkboxes .gfield_label { display: block; margin-bottom: 10px; } .DefaultForm_wrapper .DefaultForm-checkboxes li { margin-top: 5px; } .DefaultForm_wrapper .DefaultForm-checkboxes li:first-child { margin-top: 0; } .QuoteRequest-aside { min-height: 1px; margin-top: 50px; } @media (min-width: 992px) { .QuoteRequest-aside { float: left; width: 27.08333333%; } } @media (min-width: 992px) { .QuoteRequest-aside { margin-left: 6.25%; } } @media (max-width: 479px) { .QuoteRequest-aside p:last-child { padding-bottom: 0; } } @media (min-width: 992px) { .QuoteRequest-aside { margin-top: -10px; } } @media (max-width: 991px) { .QuoteRequest-aside { margin-left: 15px; margin-right: 15px; text-align: center; } } .QuoteRequest-aside h5 { font-size: 32px; margin: 0; font-weight: 300; letter-spacing: 0.08em; } @media (min-width: 992px) { .QuoteRequest-aside h5 { font-size: 20px; } } .QuoteRequest-aside p { font-size: 13px; margin-top: 0; padding-bottom: 10px; font-weight: 400; } @media (max-width: 991px) { .QuoteRequest-aside p { font-size: 17px; } } .QuoteRequest-aside .showrooms:after { content: ''; display: block; background-color: #CFCFCF; width: 100%; height: 1px; margin-top: 25px; margin-bottom: 35px; } .GalleryInner-wrapper { padding-top: 60px; } @media (min-width: 992px) { .GalleryInner-wrapper { padding-top: 90px; } } .GalleryInner { padding-bottom: 80px; } .GalleryInner-container { *zoom: 1; position: relative; } .GalleryInner-filters { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 992px) { .GalleryInner-filters { float: left; width: 21.97580645%; width: calc( 25% - 30px ); } } .GalleryInner-filters--affix_cols { margin-left: 15px; margin-right: 15px; min-height: 1px; top: 71px !important; } @media (min-width: 992px) { .GalleryInner-filters--affix_cols { float: left; width: 21.97580645%; width: calc( 25% - 30px ); } } @media (min-width: 992px) { .GalleryInner-filters--affix_cols { background-color: #F8F8F8; } } .GalleryInner-filters--affix_cols.is-AffixColumn--tallest { width: 100%; } /* Filter Styling */ .GalleryInner-filters--wrapper { *zoom: 1; padding: 20px 0; margin-top: -20px; } .GalleryInner-filters--collapse_button { font-weight: 700; font-size: 10px; background-color: #F8F8F8; width: 100%; text-transform: uppercase; letter-spacing: 1px; border: none; outline: none; text-align: left; } @media (min-width: 992px) { .GalleryInner-filters--collapse_button { font-family: 'Big Noodle Titling', sans-serif; font-weight: 700; color: #333639; -webkit-font-smoothing: antialiased; font-size: 22px; line-height: 1.67em; letter-spacing: 0.04em; } .GalleryInner-filters--collapse_button::-moz-selection { background: #333639; color: #FFFFFF; } .GalleryInner-filters--collapse_button::selection { background: #333639; color: #FFFFFF; } .GalleryInner-filters--collapse_button::-moz-selection { background: #333639; color: #FFFFFF; } .GalleryInner-filters--collapse_button::selection { background: #333639; color: #FFFFFF; } } @media (min-width: 992px) and (min-width: 768px) { .GalleryInner-filters--collapse_button { font-size: 24px; } } .GalleryInner-filters--collapse_button.collapsed span:after { transform: rotate(45deg); } .GalleryInner-filters--collapse_button span:after { content: "\EA0B"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #000000; font-size: 8px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .GalleryInner-filters--collapse_button span:after { padding-left: 5px; display: inline-block; transition: 0.3s transform; transform: rotate(0deg); position: relative; top: -1px; vertical-align: middle; } @media (min-width: 992px) { .GalleryInner-filters--collapse_button span:after { font-weight: 700; } } .GalleryInner-filters--collapse_target { *zoom: 1; background-color: #F8F8F8; clear: both; } .GalleryInner-filters--affix_cols { margin-left: 7.5px; margin-right: 7.5px; min-height: 1px; margin-left: 0; margin-right: 0; } @media (min-width: 992px) { .GalleryInner-filters--affix_cols { float: left; width: 23.48790323%; width: calc( 25% - 15px ); } } @media (min-width: 992px) { .GalleryInner-filters--affix_cols { position: fixed; top: 0; top: 73px !important; margin-right: 15px; margin-left: 0; overflow-y: auto; max-height: 90%; background-color: transparent; } .GalleryInner-filters--affix_cols.is-AffixColumn--top { position: absolute; } .GalleryInner-filters--affix_cols.is-AffixColumn--bottom { position: absolute; bottom: 0; top: auto; } .GalleryInner-filters--affix_cols.is-AffixColumn--tallest { position: static; } .admin-bar .GalleryInner-filters--affix_cols { top: 103px !important; } .GalleryInner-filters--affix_cols.is-AffixColumn--top { top: 0px !important; } .GalleryInner-filters--affix_cols.is-AffixColumn--bottom { top: auto !important; } } @media (min-width: 992px) { .GalleryInner-affix_content { position: fixed; top: 0; } .GalleryInner-affix_content.is-AffixColumn--top { position: absolute; } .GalleryInner-affix_content.is-AffixColumn--bottom { position: absolute; bottom: 0; top: auto; } .GalleryInner-affix_content.is-AffixColumn--tallest { position: static; } } .GalleryInner-filters .searchandfilter ul { padding: 0 10px 20px 10px; *zoom: 1; } .GalleryInner-filters .searchandfilter [data-sf-field-type="taxonomy"] { margin-left: 15px; margin-right: 15px; min-height: 1px; } @media (min-width: 768px) { .GalleryInner-filters .searchandfilter [data-sf-field-type="taxonomy"] { float: left; width: 30.30913978%; width: calc( 33.33333333% - 30px ); } } @media (min-width: 992px) { .GalleryInner-filters .searchandfilter [data-sf-field-type="taxonomy"] { float: left; width: 96.97580645%; width: calc( 100% - 30px ); } } @media (min-width: 992px) { .GalleryInner-filters .searchandfilter [data-sf-field-type="taxonomy"] { padding: 0; padding-top: 10px; } .GalleryInner-filters .searchandfilter [data-sf-field-type="taxonomy"]:nth-child(2) { padding-top: 0; } } .GalleryInner-filters .searchandfilter [data-sf-field-type="taxonomy"] ul { padding: 0; } .GalleryInner-filters .searchandfilter [data-sf-field-type="taxonomy"] input[type="checkbox"] { display: none; } .GalleryInner-filters .searchandfilter [data-sf-field-type="taxonomy"] label { font-size: 11px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; color: #939598; letter-spacing: 1px; cursor: pointer; transition: 0.3s color; padding-left: 0; white-space: nowrap; } @media (min-width: 992px) { .GalleryInner-filters .searchandfilter [data-sf-field-type="taxonomy"] label { padding-left: 5px; } } .GalleryInner-filters .searchandfilter [data-sf-field-type="taxonomy"] label:hover { color: #000000; } .GalleryInner-filters .searchandfilter [data-sf-field-type="taxonomy"] label:before { padding-right: 10px; } .GalleryInner-filters .searchandfilter h4 { padding: 0; font-family: 'Open Sans', sans-serif; font-size: 12px; text-transform: uppercase; text-decoration: underline; } .GalleryInner-filters .searchandfilter input[name="_sft_buechel_project_color[]"], .GalleryInner-filters .searchandfilter input[name="_sft_buechel_project_stone_type[]"], .GalleryInner-filters .searchandfilter input[name="_sft_buechel_project_stone_pattern[]"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; cursor: pointer; } .GalleryInner-filters .searchandfilter input[name="_sft_buechel_project_color[]"] + label:before { content: "\EA07"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: 10px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .GalleryInner-filters .searchandfilter input[name="_sft_buechel_project_stone_type[]"] + label:before { content: "\EA25"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: 10px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .GalleryInner-filters .searchandfilter input[name="_sft_buechel_project_stone_pattern[]"] + label:before { content: "\EA15"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: 10px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .GalleryInner-filters .searchandfilter input[checked="checked"] + label:before { content: "\EA0B"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: 10px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .GalleryInner-filters .searchandfilter input[checked="checked"] + label { color: #333639 !important; } .GalleryInner-filters ul li h4 { line-height: 1em; padding-bottom: 10px !important; } .sf-field-taxonomy-buechel_project_category { display: none !important; } .GalleryInner-filters--title { padding: 0; font-family: 'Open Sans', sans-serif; font-size: 12px; text-transform: uppercase; text-decoration: underline; margin: 0; line-height: 1em; padding-bottom: 10px; } .GalleryInner-filters--terms { margin-left: 15px; margin-right: 15px; min-height: 1px; background-color: #F8F8F8; padding: 0px 10px 20px 10px; list-style: none; margin-top: 0; margin-bottom: 0; text-align: left; } @media (min-width: 768px) { .GalleryInner-filters--terms { float: left; width: 96.97580645%; width: calc( 100% - 30px ); } } .GalleryInner-filters--term { padding: 5px 0; display: block; } .GalleryInner-filters--term_link { border-bottom-width: 0px; line-height: initial; text-decoration: none; font-size: 11px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; color: #939598; letter-spacing: 1px; cursor: pointer; transition: 0.3s color; padding-left: 0; white-space: nowrap; } @media (min-width: 992px) { .GalleryInner-filters--term_link { padding-left: 5px; } } .GalleryInner-filters--term_link:hover { color: #000000; } .GalleryInner-filters--term_link--active { color: #8B262D; pointer-events: none; cursor: none; } .GalleryInner-posts { margin-left: 30px; margin-right: 30px; min-height: 1px; } @media (min-width: 992px) { .GalleryInner-posts { float: left; width: 68.9516129%; width: calc( 75% - 60px ); } } @media (max-width: 992px) { .GalleryInner-posts { margin-left: 15px; margin-right: 15px; } } .GalleryInner-posts .GalleryInner-affix_content { min-height: 1px; } @media (min-width: 992px) { .GalleryInner-posts .GalleryInner-affix_content { float: left; width: 75%; } } @media (min-width: 992px) { .GalleryInner-posts .GalleryInner-affix_content { position: fixed; top: 0; } .GalleryInner-posts .GalleryInner-affix_content.is-AffixColumn--top { position: absolute; } .GalleryInner-posts .GalleryInner-affix_content.is-AffixColumn--bottom { position: absolute; bottom: 0; top: auto; } .GalleryInner-posts .GalleryInner-affix_content.is-AffixColumn--tallest { position: static; } } .GalleryInner-posts .GalleryInner-affix_content.is-AffixColumn--tallest { width: 100%; } .GalleryInner-posts_list_item { margin-left: 1px; margin-right: 1px; min-height: 1px; } @media (min-width: 768px) { .GalleryInner-posts_list_item { float: left; width: 49.7983871%; width: calc( 50% - 2px ); } } @media (min-width: 992px) { .GalleryInner-posts_list_item:nth-child(3n+3) { width: 100%; clear: both; } .GalleryInner-posts_list_item:nth-child(3n+3) .GalleryInner-posts_list_item--summary { max-width: 50%; } } .GalleryInner-postst-list_item--title_shade { position: absolute; bottom: 0; right: 0; left: 0; height: 120px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); z-index: 1; } @media (min-width: 992px) { .GalleryInner-postst-list_item--title_shade { height: 0px; } } .GalleryInner-posts_list { *zoom: 1; padding-left: 0; margin: 0; list-style: none; } @media (min-width: 992px) { .GalleryInner-posts_list:hover > li .GalleryInner-posts_list_item--shade { opacity: 1; } .GalleryInner-posts_list:hover > li:hover .GalleryInner-posts_list_item--shade { opacity: 0; } } .GalleryInner-posts_list_item { height: 300px; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; margin-bottom: 2px; position: relative; } .GalleryInner-posts_list_item:hover .GalleryInner-posts_list_item--summary { transform: translate(0, 0); } @media (min-width: 992px) { .GalleryInner-posts_list_item { height: 402px; } } .GalleryInner-posts_list_item--mobile_link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-decoration: none; } @media (min-width: 992px) { .GalleryInner-posts_list_item--mobile_link { display: none; } } .GalleryInner-posts_list_item--shade { display: none; } @media (min-width: 992px) { .GalleryInner-posts_list_item--shade { background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.5); position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; transition: 0.3s opacity; opacity: 0; display: block; } } .GalleryInner-posts_list_item--summary { display: none; overflow-y: auto; } @media (min-width: 992px) { .GalleryInner-posts_list_item--summary { background-color: rgba(0, 0, 0, 0.55); height: 100%; padding: 60px 40px; transform: translate(-100%, 0); transition: 0.5s transform; display: block; } } .GalleryInner-posts_list_item--title_wrapper { margin-bottom: 25px; } .GalleryInner-posts_list_item--title { margin: 0; font-weight: 400; position: relative; z-index: 2; color: #FFFFFF; } .GalleryInner-posts_list_item--title:after { content: ''; width: 60px; background-color: #FFFFFF; position: absolute; left: 0; top: 100%; height: 2px; margin-top: 10px; } .GalleryInner-posts_list_item--title_mobile { color: #FFFFFF; display: inline-block; position: absolute; left: 20px; bottom: 20px; } .GalleryInner-posts_list_item--title_mobile:after { display: none; } .GalleryInner-posts_list_item--taxonomies { *zoom: 1; margin-bottom: 15px; -moz-column-count: 2; column-count: 2; -moz-column-gap: 5px; column-gap: 5px; } .GalleryInner-posts_list_item--taxonomies_color { margin-right: 5px; } .GalleryInner-posts_list_item--taxonomies_name { font-size: 11px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; color: #FFFFFF; padding-top: 15px; letter-spacing: 1px; white-space: nowrap; font-weight: 600; } .GalleryInner-taxonomies_shape--buechel_project_color:before { content: "\EA07"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: 10px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .GalleryInner-taxonomies_shape--buechel_project_stone_type:before { content: "\EA25"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: 10px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .GalleryInner-taxonomies_shape--buechel_project_stone_pattern:before { content: "\EA15"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: inherit; font-size: 10px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .GalleryInner-posts_list_item--link_wrapper { display: block; } .GalleryInner-posts_list_item--link { border-bottom-width: 0px; line-height: initial; text-decoration: none; font-size: 12px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; letter-spacing: 0.08em; padding: 18px 0; display: inline-block; width: auto; border: 2px solid #000000; font-weight: 700; color: #000000; background-color: transparent; transition: background linear 0.3s, color linear 0.3s, border linear 0.3s; -webkit-font-smoothing: antialiased; text-align: center; margin-top: 20px; width: 100%; max-width: 200px; color: #FFFFFF; border-color: #FFFFFF; } @media (min-width: 992px) { .GalleryInner-posts_list_item--link { padding: 18px 0; font-size: 14px; letter-spacing: 0.12em; } } .GalleryInner-posts_list_item--link:hover { color: #FFFFFF; background-color: #000000; } .GalleryInner-posts_list_item--link:hover { border-color: #000000; } .ProjectDescription { *zoom: 1; } .ProjectDescription-container { background-color: #FFFFFF; } .ProjectDescription-cols { min-height: 1px; padding: 70px 15px; } @media (min-width: 992px) { .ProjectDescription-cols { float: left; width: 83.33333333%; } } @media (min-width: 992px) { .ProjectDescription-cols { margin-left: 8.33333333%; } } @media (min-width: 992px) { .ProjectDescription-cols { padding: 70px 0 40px 0; margin-top: 40px; } } .ProjectDescription-title { font-size: 18px; line-height: 20px; font-weight: 700; text-align: center; margin: 0; margin-bottom: 30px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; -webkit-font-smoothing: antialiased; letter-spacing: 1px; } .ProjectDescription-content { text-align: center; } @media (min-width: 992px) { .ProjectDescription-content { text-align: left; } } .ProjectDescription-download--wrapper { text-align: center; margin-top: 40px; } .ProjectDescription-download { border-bottom-width: 0px; line-height: initial; text-decoration: none; font-size: 12px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; letter-spacing: 0.08em; padding: 20px; display: inline-block; width: auto; border: 2px solid #000000; font-weight: 700; color: #000000; background-color: transparent; transition: background linear 0.3s, color linear 0.3s, border linear 0.3s; -webkit-font-smoothing: antialiased; text-align: center; } @media (min-width: 992px) { .ProjectDescription-download { padding: 20px; font-size: 14px; letter-spacing: 0.12em; } } .ProjectDescription-download:hover { color: #FFFFFF; background-color: #000000; } .ProjectDescription-social { margin-top: 20px; text-align: center; } .ProjectDescription-social--list_item { text-decoration: none; display: inline-block; margin-left: 20px; } .ProjectDescription-social--list_item:first-child { margin-left: 0; } .ProjectDescription-social--list_item:after { transition: 0.3s color; } .ProjectDescription-social--list_item:hover:after { color: #000000; } .ProjectDescription-social--list_item-facebook:after { content: "\EA12"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #CFCFCF; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ProjectDescription-social--list_item-pinterest:after { content: "\EA1D"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #CFCFCF; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ProjectDescription-social--list_item-houzz:after { content: "\EA16"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #CFCFCF; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ProjectDescription-social--list_item-twitter:after { content: "\EA28"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #CFCFCF; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ProjectDescription-social--list_item-linkedin:after { content: "\EA19"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #CFCFCF; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ProjectDescription-social--list_item-email:after { content: "\EA11"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #CFCFCF; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ProjectDescription-social--list_wrapper { text-align: center; } .ProjectDescription-social--list { list-style: none; padding-left: 0; margin: 0; text-align: center; display: inline-block; } .ProjectDescription-social--share_text { font-family: 'Open Sans', sans-serif; color: #939598; margin: 0; text-transform: uppercase; font-size: 12px; margin-top: 10px; display: inline-block; } /* Related Products */ .Project-RelatedProducts { background-color: #F8F8F8; } .Project-RelatedProducts--container { padding: 60px 0; } .Project-RelatedProducts--title_wrapper { text-align: center; margin-bottom: 50px; } .Project-RelatedProducts--title_wrapper span { font-size: 18px; line-height: 20px; font-weight: 700; text-transform: uppercase; color: #939598; -webkit-font-smoothing: antialiased; letter-spacing: 1px; } .Project-RelatedProducts--list { *zoom: 1; padding-left: 0; margin: 0; list-style: none; } .Project-RelatedProducts--list_item { margin-left: 1px; margin-right: 1px; min-height: 1px; height: 150px; position: relative; margin-top: 2px; overflow: hidden; } @media (min-width: 992px) { .Project-RelatedProducts--list_item { float: left; width: 24.7983871%; width: calc( 25% - 2px ); } } .Project-RelatedProducts--list_item:first-child { margin-top: 0; } @media (min-width: 992px) { .Project-RelatedProducts--list_item { height: 350px; margin-top: 0; } } .Project-RelatedProducts--list_item_several { margin-top: 2px; } .Project-RelatedProducts--list_item_title { font-family: 'Big Noodle Titling', sans-serif; font-weight: 700; color: #333639; -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 36px; letter-spacing: 0.04em; color: #FFFFFF; font-weight: 400; margin: 0; position: absolute; bottom: 30px; max-width: 230px; left: 20px; line-height: 1em; } .Project-RelatedProducts--list_item_title::-moz-selection { background: #333639; color: #FFFFFF; } .Project-RelatedProducts--list_item_title::selection { background: #333639; color: #FFFFFF; } @media (min-width: 768px) { .Project-RelatedProducts--list_item_title { font-size: 28px; line-height: 40px; letter-spacing: 0.06em; } } @media (min-width: 992px) { .Project-RelatedProducts--list_item_title { font-size: 36px; line-height: 48px; letter-spacing: 0.04em; } } .Project-RelatedProducts--list_item_title::-moz-selection { background: #333639; color: #FFFFFF; } .Project-RelatedProducts--list_item_title::selection { background: #333639; color: #FFFFFF; } @media (min-width: 992px) { .Project-RelatedProducts--list_item_title { line-height: 1em; } } .Project-RelatedProducts--list_item_link { display: block; height: 100%; } .Project-RelatedProducts--list_item_link:hover .Project-RelatedProducts--list_item_background { transform: scale(1.1); } .Project-RelatedProducts--list_item_background { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; transition: 0.5s linear; } .Project-RelatedProducts--list_item_shade { position: absolute; bottom: 0; right: 0; left: 0; height: 60px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); } @media (min-width: 992px) { .Project-RelatedProducts--list_item_shade { height: 130px; } } .Project-RelatedProducts--return_wrapper { width: 100%; padding: 0 40px; position: relative; bottom: -80px; } @media (min-width: 992px) { .Project-RelatedProducts--return_wrapper { margin-top: 10px; } } .Project-RelatedProducts--return { border-bottom-width: 0px; line-height: initial; text-decoration: none; background-color: #98999A; color: #FFFFFF; padding-top: 25px; padding-bottom: 25px; display: block; text-align: center; transition: 0.3s background-color; } .Project-RelatedProducts--return:hover { background-color: #000000; } @media (min-width: 992px) { .Project-RelatedProducts--return { padding-top: 45px; padding-bottom: 45px; } } .Project-RelatedProducts--return span { font-family: 'Big Noodle Titling', sans-serif; font-weight: 700; color: #333639; -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 36px; letter-spacing: 0.04em; color: #FFFFFF; } .Project-RelatedProducts--return span::-moz-selection { background: #333639; color: #FFFFFF; } .Project-RelatedProducts--return span::selection { background: #333639; color: #FFFFFF; } @media (min-width: 768px) { .Project-RelatedProducts--return span { font-size: 28px; line-height: 40px; letter-spacing: 0.06em; } } @media (min-width: 992px) { .Project-RelatedProducts--return span { font-size: 36px; line-height: 48px; letter-spacing: 0.04em; } } .Project-RelatedProducts--return span::-moz-selection { background: #333639; color: #FFFFFF; } .Project-RelatedProducts--return span::selection { background: #333639; color: #FFFFFF; } .Project-RelatedProducts--return span:before { content: "\EA05"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FFFFFF; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Project-RelatedProducts--return span:before { padding-right: 15px; position: relative; font-size: 15px; top: -1px; } @media (min-width: 992px) { .Project-RelatedProducts--return span:before { font-size: 20px; top: -3px; } } .Project-slider { padding: 0 40px; padding-top: 60px; } @media (min-width: 992px) { .Project-slider { padding-top: 90px; } } .Project-slider--inner { height: auto; position: relative; } .Project-slider--inner .Project-slider--container, .Project-slider--inner .Project-slider--init, .Project-slider--inner .slick-list, .Project-slider--inner .slick-track { height: 100%; } .Project-slider--nav_img_item { background-size: cover; background-repeat: no-repeat; background-position: center; } .Project-slider--slide { height: auto; } .Project-slider--nav_list { display: none; z-index: 9; } @media (min-width: 992px) { .Project-slider--nav_list { display: block; font-size: 0; position: absolute; bottom: -70px; left: 0; right: 0; text-align: center; padding-left: 0; } } .Project-slider--nav_list_item { background-color: #FFFFFF; height: 97px; width: 115px; display: inline-block; padding: 2px 1px; cursor: pointer; transition: 0.5s padding; } .Project-slider--nav_list_item:first-child { padding-left: 2px; } .Project-slider--nav_list_item:last-child { padding-right: 2px; } .Project-slider--nav_list_item:hover .Project-slider--nav_img_item { transform: scale(1.2); } .Project-slider--nav_img { height: 100%; position: relative; overflow: hidden; } .Project-slider--nav_img_item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: 0.5s transform; } .Project-slider--nav_shade { position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); opacity: 0; transition: 0.5s opacity; } .is-Project-slider--active .Project-slider--nav_shade { opacity: 1; } /* Slider Arrows */ .Project-slider-prev, .Project-slider-next { height: 50px; width: 50px; background-color: #000000; position: absolute; top: 50%; margin-top: -25px; cursor: pointer; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox !important; display: flex !important; } .Project-slider-prev { left: -20px; } .Project-slider-next { right: -20px; } .Project-slider-prev--arrow:after { content: "\EA05"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FFFFFF; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Project-slider-next--arrow:after { content: "\EA06"; font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #FFFFFF; font-size: 20px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Project-slider-prev--arrow:after, .Project-slider-next--arrow:after { line-height: 0; vertical-align: middle; } .spacer { height:90px } /* a11y overrides */ .Footer-copy { color:#767676 } /*end ..BORDERING HTML*/ /*---------------------------------------------------------------- ..UNIQUE STYLES FOR THIS STORE ------------------------------------------------------------------*/ /*for a11y*/ .ui-btn-hidden { /*removed - this was causing a second button label with 1px font size to lie on top of the white button labels (example: enter coupon) - Still passing lighthouse audit without this opacity:1; text-indent: 0; */ } .nextProductImageContainer { margin-bottom: 30px; } body.adaFocusOutline :focus, body.adaFocusOutline .ui-focus { outline-color: #74b0f8 !important; outline-style: solid !important; } body.adaFocusOutline .nextHeader a:focus { outline-color: #74b0f8 !important; outline-style: solid !important; }