@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800;900&display=swap'); /* font-family: 'Barlow', sans-serif; */ @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap'); /* font-family: 'Oswald', sans-serif; */ a{color:#000} a:hover, a:focus{color:#000;} body, html{ font-family: 'Barlow', sans-serif; font-weight:400; color:#000; font-size:14px; letter-spacing:normal; overflow-x:hidden;} h1, h2, h3, h4, h5, h6{ font-family: 'Barlow', sans-serif; font-weight:700; line-height:normal; letter-spacing:normal; color:#000; } a, a:hover{text-decoration:none;} p{margin:0 0 10px 0;} .body{margin-top:0;} .body{margin-bottom:0; min-height:400px;} .header{border:none; margin-bottom:0; } .container{max-width:1320px; padding:0 20px;} code, kbd, pre, samp { font-family: 'Barlow', sans-serif; } html{ overflow-x:hidden; } body, html{color:#000;} .body{margin-top:0;} body, .navPages-mainNav, .navPages-list, h1, h2, h3, h4, h5, h6, .stock-badge, .card .card-title, .card .button, .button:not(.dropdown-button), .page-heading, .sidebarBlock-heading, .page-sidebar .accordion-title, .main-heading, .navPage-childList-action{ font-family: 'Barlow', sans-serif; font-weight:normal; } .productView .form-label.form-label--alternate, .productView .productView-shipping .productView-info-name, .productView .productView-giftWrap .productView-info-name, .form-field--stock .productView-info-name{color:#000; font-family: 'Barlow', sans-serif; font-weight:600;} p{ font-size:15px; } .container{ max-width:1320px; margin:0 auto; padding:0 20px; } body { padding-top: 0 !important; } .header { position: relative; height: auto !important; background: #000000; border-bottom: 1px solid #e0e0e0; } .header .header-logo--wrap { background-color: transparent; padding: 0;} .header .header-logo--wrap .header-logo { padding: 0; } .header .header-logo--wrap .header-logo .logo-wrap { padding: 0; margin: 0;flex: unset; } .headerLeft { width: 18%; display: inline-block; vertical-align:middle;} .headerRight { width: 82%; display: inline-block; vertical-align: middle; margin-left: -3px; background: #efefef; border-left: 22px solid #ee3223; position: relative; } .header .headerRightTop { text-align: right; line-height: 0; position: relative; } .header .headerRightTop::after { width: 100%; height: 100%; position: absolute; right: -100%; top: 0; background: #154ca1; content: ""; } .header .headerRightTop .navUser { padding-left: 0; position: relative; } .navUser-action { font-size: 15px; font-weight: 400; color: #000;} .navUser-section--alt { border-left: 1px solid #d7d7d8; padding-left: 20px !important; } .navUser-section--alt > li { display: inline-block; vertical-align: middle; float: none; line-height: 60px; } .navUser-section--alt > li.navUser-item-Search a { font-size: 16px; } .navUser-section--alt > li .navUser-action { line-height: normal; display: inline-block; vertical-align: middle; } .navUser-section--alt > li.hdr-buy-btn { background-color: #154ca1; margin-left: -3px; } .navUser-section--alt > li.hdr-buy-btn a { border: 1px solid #fff; padding: 5px 18px; color: #fff; text-transform: uppercase; font-size: 16px; font-family: 'Oswald', sans-serif; line-height: 28px; font-weight: 400; margin-top: -3px; } .navUser-section--alt > li:last-child { border: 0 !important; } .navUser-section--alt > li.certificates-btn { background-color: #154ca1; margin-left: 17px; } .navUser-section--alt > li.certificates-btn a { color: #fff; padding-right: 10px; padding-left: 15px;} .navUser-section--alt > li img { margin-right: 7px;} #cart-preview-dropdown .cart-preview-list-item-remove { text-align: left; } #cart-preview-dropdown .previewCartItem-name { text-align: left; } #cart-preview-dropdown { line-height: normal;} #cart-preview-dropdown .or-use-label { text-align: center;} #cart-preview-dropdown .previewCartItem { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; } #cart-preview-dropdown .cart-preview-footer { margin-top: 0;} #cart-preview-dropdown .previewCartAction .cart-preview-close { line-height: 16px;} #cart-preview-dropdown .previewCart-additionalCheckoutButtons { padding-bottom: 10px; } .header .navUser-item--cart { position: relative; padding: 0 20px;} .header .navUser-item--cart img { margin-right: 0;} .header .navUser-item--cart .cart-quantity { position: absolute; right:0px; top: 32%; width: 27px; height: 27px; background: #ee3223; transform: translate(0, -50%); font-size: 15px; color: #fff; text-align: center; line-height: 22px; border-radius: 50%; font-weight: 400; border: 2px solid #fff; font-family: 'Barlow', sans-serif;} #quickSearch { display: inline-block; } .navUser-wrap { display: inline-block; position: relative;} .header #quickSearch { display: none; } .header #quickSearch.is-open { display: block; position: absolute; top: 64px !important; left: 0; z-index: 99; } .header #quickSearch.is-open .form { margin: 0; } .header #quickSearch.is-open .form .form-field { margin: 0; } .header #quickSearch.is-open .aria-description--hidden { margin: 0; } .quickSearchWrap .form-fieldset{border:1px solid #cccccc; position:relative; overflow:hidden;} .quickSearchWrap .form-field{position:relative; } .quickSearchWrap .form-input, .navPages-quickSearch .form-input{ font-family: 'Barlow', sans-serif; min-width:410px; height:48px; border:1px solid #efefef; font-size:14px; color:#333333; padding:0 50px 0 20px;} .quickSearchWrap .form-button, .navPages-quickSearch .form-button{position:absolute; right:3px; top:3px; width:42px; height:42px; padding:0; background:url(../img/hdr-search-icon.png) no-repeat center center; left:auto;} .quickSearchWrap .form-button .icon, .navPages-quickSearch .form-button .icon{display:none;} .quickSearchWrap ::-webkit-input-placeholder { color:#333333 !important; opacity: 1; } .quickSearchWrap :-ms-input-placeholder { color:#333333 !important; opacity: 1;} .quickSearchWrap ::placeholder { color:#333333 !important; opacity: 1; } .navUser .dropdown-menu { border: 1px solid #ddd; } .quickSearchResults .stock-badge{ display:none; } .quickSearchResults .cardAddtoCartButton, .quickSearchResults .card .card-text.brand-name{ display:none; } .quickSearchResults .card .card-figure{ height:auto; } .quickSearchResults .card .card-title{ margin:0; text-align:left; font-size:15px; padding-bottom: 10px; } .quickSearchResults .card-title > a{ font-size:13px; } .quickSearchResults .card-details.cardReview{ display:none; } .quickSearchResults .card .price-section{ justify-content: left; } .quickSearchResults .product .stock-badge { display:none; } .quickSearchResults div.card-body { text-align:left; } .quickSearchResults .card .card-title { text-align:left; height:auto; } .quickSearchResults .card .card-body .card-title { text-align: left;} .quickSearchResults .card .card-body .card-text { justify-content:flex-start;} .quickSearchResults .card .card-details { display: none;} .quickSearchResults .card .card-btn { display: none;} .quickSearchResults .card .card-body .card-title { height: auto;} .quickSearchResults button { font-family: 'Oswald', sans-serif; font-weight: 400; } .quickSearchResults .card:hover { border-color: #ebebeb; } #search-results-content ul { margin: 0; } #search-results-content ul strong { padding-right: 5px; } .previewCartList .previewCartItem { align-items: flex-start; } .sale-flag-side { font-size: 15px; font-weight: 500; font-family: 'Oswald', sans-serif; padding: 2px 10px; right: -20px; left: auto; background-color: #65cb45; } .sale-text { text-transform: capitalize;} .heroCarousel .slick-prev, .heroCarousel .slick-next { opacity: 1; padding: 0; } .heroCarousel .slick-prev { left: 7%; } .heroCarousel .slick-next { right: 7%;} .heroCarousel .slick-prev::before, .heroCarousel .slick-next::before { height: 43px; width: 23px; } .compare-button { display: none; position: fixed; left: 0; top: 20%; background: #154ca1; font-size: 14px; color: #fff; padding: 10px 5px; z-index:9; } .compare-button.show { display: inline-block;} .SecTitle { font-size: 45px; text-transform: uppercase; letter-spacing: 0; color: #000; font-weight: 600; font-family: 'Oswald', sans-serif; margin: 0; padding: 0; line-height: 1.4; } .button { font-weight: 400; font-family: 'Oswald', sans-serif; border-radius: 0; } .button:not(.dropdown-button) { border-radius: 0; font-family: 'Oswald', sans-serif;} .PatriotDistributorSec{position: relative; font-size:16px; background:#f5f5f5; padding:50px 0;} .PatriotDistributorSec .actionBlockCntn{display: flex; flex-wrap:wrap;} .PatriotDistributorSec .actionBlockCntn .seclogoImg{width:20%; position:relative;} .PatriotDistributorSec .actionBlockCntn .secCntn{width:80%; position:relative; padding:0 0 0 40px;} .PatriotDistributorSec .actionBlockCntn .secCntn .secTitle{font-size: 32px; font-weight: 600; margin:0 0 10px 0; font-family:'Oswald', sans-serif; color:#000; letter-spacing:normal; line-height:1.2;} .PatriotDistributorSec .actionBlockCntn .secCntn p{font-size:20px; line-height: 26px; margin:0 0 20px 0;} .PatriotDistributorSec .button {background:url(../img/btn-arrow.png) no-repeat right 20% center #ee3223;; font-size: 16px; padding: 11px 52px 11px 30px; line-height: 24px; margin-bottom: 0; margin:0;} .PatriotDistributorSec .button:hover { background-color:#000; } .ActionSec { padding: 40px 0 100px 0; text-align: center;} .ActionSec .SecTitle { text-align: center; margin-bottom: 7px; font-weight: 500; } .ActionSec .actionBoxs { display: flex; flex-wrap: wrap; align-items:stretch; justify-content: center; background: #f5f5f5; } .ActionSec .actionBoxs .actionBox { width: 50%; text-align: center;} .ActionSec .actionBoxs .actionBox:first-child { display: flex; flex-wrap: wrap; justify-content: center; align-items:flex-end; } .ActionSec h4 { margin: 0; padding: 0 0 10px 0; color: #000; font-size: 24px; line-height: 1.4; font-weight: 600; letter-spacing: 0; } .ActionSec p { font-size: 18px; line-height: 1.4; color: #000; } .ActionSec iframe { padding: 10px 10px 5px 20px;} .ActionSec .button { background:url(../img/btn-arrow-big.png) no-repeat right 19% center #ee3223; font-size: 25px; padding: 15px 65px 15px 34px; line-height: 30px; margin-bottom: 0; margin-top: 48px; } .ActionSec .button:hover { background:url(../img/btn-arrow-big.png) no-repeat right 19% center #000; } .ProvenSec { background:url(../img/proven-bg.jpg) no-repeat center; background-size: cover; padding: 65px 0 50px 0; } .body .container .ProvenSec .container { max-width: 1750px; } .ProvenSec .SecTitle { text-align: center; } .ProvenSec .ProvenBoxs { display: flex; flex-wrap: wrap; align-items: center; } .ProvenSec .ProvenBoxs .ProvenBox { width: 100%;} .ProvenSec .ProvenBoxs .ProvenBox:first-child { max-width: 21%;} .ProvenSec .ProvenBoxs .ProvenBox:nth-child(2) { max-width: 22%;} .ProvenSec .ProvenBoxs .ProvenBox:nth-child(3) { max-width: 43.5%;} .ProvenSec .ProvenBoxs .ProvenBox:last-child { max-width: 13.5%;} .ProvenSec ul { margin: 0; padding: 0 0 20px 0; list-style: none; } .ProvenSec ul li { font-size: 17.5px; font-weight: 400; color: #000000; line-height: 22px; letter-spacing: 0; position: relative; padding: 0 0 0 10px; } .ProvenSec ul li::before { width: 6px; height: 1px; position: absolute; left: 0; top: 1px; content: "-"; color: #000; font-size: 14px; } .ProvenSec ul li:first-child::before { display: none; } .ProvenSec ul li:first-child { font-size: 31.5px; color: #fff; font-weight: 400; display: inline-block; padding: 1px 30px 3px 30px; background: #ee3223; line-height: 1.4; font-family: 'Oswald', sans-serif; margin: 0 0 3px 0; } .ProvenSec ul:nth-child(even) li:first-child { background-color: #154ca1; } .ProvenSec ul:first-child { margin-left: -15px; } .ProvenSec ul:nth-child(even) { margin: 0 0 0 27%; } .ProvenSec .ProvenBoxs .ProvenBox:first-child img { margin-top: -90px;} .ProvenSec .ProvenBoxs .ProvenBox:nth-child(3) img { margin-top: 50px;} .ProvenSec .ProvenBoxs .ProvenBox:last-child img { margin-top: -30px;} .ShopSec { padding: 100px 0 50px 0;} .ShopSec .productsBox { position: relative;} .ShopSec .SecTitle { text-align: center; margin-bottom: 20px; } .ShopSec .page-heading { display: none;} .ShopSec .productGrid { margin-bottom: 0; } .ShopSec .BoxRight { width: 23%; background: #ee3223; text-align: center; color: #fff; font-family: 'Oswald', sans-serif; height: 170px; font-size: 20px; text-transform: uppercase; font-weight: 400; display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; bottom: 17%; right: 0; } .ShopSec .BoxRight a { text-transform: capitalize; color: #fff; padding-right: 20px; position: relative; background:url(../img/btn-arrow.png) no-repeat right top 10px; padding-left: 5px; } .card { border: 1px solid #e3e3e3; padding: 20px;} .card .card-figure { border: 0; } .card .card-figcaption { border: 0; background: transparent; top: 0%; height: 100% !important; } .card .card-figcaption .card-figcaption-body { max-width: 150px;} .card .card-figcaption-body .button.quickview { background-color: #ee3223; color: #fff; border: 1px solid #fff;} .card .card-figcaption-body .button.quickview:hover { background-color: #000; } .card .card-figcaption-body .button { width: 100%; margin: 0;} .card .card-figcaption-body .card-figcaption--action-buttons + .button { margin-top: 10px; background-color: #000000; color: #fff; border: 1px solid #000;} .card .card-body { text-align: center;} .card .card-body .card-title { text-align: center; height: 62px; overflow: hidden; } .card .card-body .card-title a { font-size: 15px; color: #222222; line-height: 22px; } .card .card-body .card-text.brand-name { display: none;} .card .card-body .card-text { justify-content: center; } .card .card-body .card-btn { width: 100%; margin-top: 15px; } .card .card-body .card-figcaption-button { background:url(../img/btn-arrow.png) no-repeat right 20% center #ee3223; } .card .card-body .card-figcaption-button:hover { background-color: #000; } .card .card-body .button:not(.dropdown-button) { font-size: 16px; font-family: 'Oswald', sans-serif; font-weight: 400; } .card .card-body .button { padding: 11px 52px 11px 30px; border-radius: 0; } .card .card-body .card-figcaption--action-buttons .button { flex: unset; } .card .card-body .card-figcaption--action-buttons { justify-content: center; } .card .card-body .rating--small .icon { width: 18px; height: 18px; } .card .card-body .rating--small .icon svg { stroke: #efce4a; fill: #efce4a; } .card .card-text[data-test-info-type="price"] { color: #ee3223; font-weight: 700; margin-top: 15px; margin-bottom: 15px; font-size: 18px; } .card .price-section .price { margin-right: 0; } .HomeBlogSec { padding:30px 0 45px 0;} .body .HomeBlogSec .container { max-width: 1320px; padding: 0 20px; } .HomeBlogSec .page-heading { font-size: 32px; font-weight: bold; color: #000; margin: 0; padding: 20px 0; margin-bottom: 20px; } .HomeBlogSec .blogHeader { position: relative; margin-bottom: 30px; } .HomeBlogSec .viewBtn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); text-decoration: underline; color: #989898; font-size: 15px; } .HomeBlogSec .blog-posts { margin: 0 -10px; } .HomeBlogSec .blog-posts .blog { width: 100%; max-width: 50%; flex: auto; padding: 0 10px; display: flex; align-items:flex-start; flex-wrap: wrap; } .HomeBlogSec .blog-posts .blog .blog-post-figure { width: 100%; margin: 0; } .HomeBlogSec .blog-posts .blog .blog-post-body { width: 100%; position: relative; } .HomeBlogSec .blog-posts .blog:last-child { border-right: 0; } .HomeBlogSec .blog-posts .blog-thumbnail { margin: 0; max-width: 100%; } .HomeBlogSec .blog-posts .blog .blog-thumbnail img { width: 100%; height: 316px; max-width: 100%; object-fit: cover; } .HomeBlogSec .blog-posts .blog .blog-title { font-size: 32px; font-weight: 600; line-height: 1.2; margin: 30px 0 20px 0; font-family: 'Oswald', sans-serif; letter-spacing: 0; } .HomeBlogSec .blog-posts .blog .blog-date { background: #ff0000; color: #fff; font-size: 0px; font-style: normal; font-weight: 600; padding:5px; line-height: normal; display: flex; align-items: center; justify-content: center; position: absolute; left: 30px; top: -130px; width: 110px; height: 96px; text-align: center; } .HomeBlogSec .blog-posts .blog .blog-date span { font-size: 20px;} .HomeBlogSec .blog-posts .blog .blog-post { color: #000; font-size: 15px; line-height: 22px; max-width: 70%; } .HomeBlogSec .blog-posts .blog .blog-post .read-more { display: inline-block; margin: 0;} .HomeBlogSec .blog-posts .blog .read-more strong { text-transform: capitalize; font-weight: 600; text-decoration: underline; } .HomeBlogSec .blog-posts .blog .read-more i { display: none;} .BlogPost .blog .blog-post-figure .blog-thumbnail img { height: 290px; object-fit: cover; } .BlogPost .blog .blog-post-figure .blog-thumbnail { margin: 0 0 10px 0; max-width: 100%; } .BlogPost .blog .blog-title { font-weight: 600; font-size: 24px; } .BlogPost .blog .read-more { text-transform: uppercase; } .pagination-item:not(.pagination-item--next):not(.pagination-item--previous) a { padding: 6px 20px; } .pagination-list li a, .pagination-list li button { color: #000;} li.pagination-item--next a, li.pagination-item--previous a { font-family: 'Barlow', sans-serif; } .footer{padding:0; margin:0; font-size:14px; color:rgba(255,255,255,0.8); position:relative; font-weight:400; border:none; position:relative; background: #000; } .footerTop{position:relative; background:#fcb738; text-align:center; padding:25px 0; margin:0 0 50px 0;} .ftrNewsletter { padding:0; border-bottom:0; margin-bottom: 0px; margin-top: 50px; } .ftrNewsletter .ftrNewsletterBox { background-color: #154ca1; padding: 27px 50px; margin-bottom: -74px; position: relative; z-index: 1; } .ftrNewsletter p{font-size:18px; color:#000; margin:0;} .ftrNewsletter .form{margin:0; position:relative; display:inline-block; vertical-align:middle; width: 100%; } .ftrNewsletter .form .form-field{margin:0; display:block;} .ftrNewsletter .form-prefixPostfix{ display: flex; flex-wrap: unset; position: relative; } .ftrNewsletter .form-prefixPostfix .form-input { height: 45px; border-radius: 0; color: #000; font-size: 14px; margin: 0 0px 0 0; background: #fff; padding: 0 170px 0 30px; display: inline-block; vertical-align: middle; border: 0; width: auto; min-width: 100%; max-width: 100%; font-family: 'Barlow', sans-serif; letter-spacing: 0; } .ftrNewsletter .form-prefixPostfix .form-input::-webkit-input-placeholder{color:rgba(0,0,0,0.5); opacity:1;} .ftrNewsletter .form-prefixPostfix .form-input::-moz-placeholder{color:rgba(0,0,0,0.5); opacity:1;} .ftrNewsletter .form-prefixPostfix .form-input:-ms-input-placeholder{color:rgba(0,0,0,0.5); opacity:1;} .ftrNewsletter .form-prefixPostfix .form-input:-moz-placeholder{color:rgba(0,0,0,0.5); opacity:1;} .ftrNewsletter .form-prefixPostfix .button{ height: 45px; font-size: 16px; letter-spacing: 0; font-weight: 600; border:0; border-radius: 0; padding: 0 40px 0 10px; color: #fff; margin: 0; min-width: 165px; width: auto; display: inline-block; vertical-align: middle; text-transform: uppercase; position: absolute; right: 0; top: 0; font-family: 'Barlow', sans-serif; background:url(../img/btn-arrow.png) no-repeat right 21% center #ff0000; border: 2px solid #ff0000; } .ftrNewsletter .form-prefixPostfix .button:hover { border: 2px solid #fff; } .newsletterLeft { display:inline-block; vertical-align:middle; width: 59.8%; text-align:left; } .newsletterRight { display:inline-block; text-align:left; padding-right:0; width: 40.2%; margin-left: -4px;} .ftrNewsletter .newsletterHead{display:inline-block; vertical-align:middle; text-align:left; background:url(../img/newsletter-ic.png) no-repeat left center; padding:6px 40px 6px 83px; margin-top: -5px; margin-bottom: 5px; } .newsletterLeft h3{ font-size:32px; color:#fff; font-weight: bold; margin: 0 0 0 0; padding: 0; letter-spacing:0; font-family: 'Oswald', sans-serif; text-transform: uppercase; } .newsletterLeft p{ font-size:14px; line-height: normal; margin:0; color:#fff; font-weight: 400; } .footer-info-col{ color: rgba(255,255,255,0.9); font-size:14px; margin:0 0 0px 0; padding: 0 10px; order: unset; flex: unset; } .footer-info-list a, .footer-info-col a{ color: rgba(255,255,255,0.9);} .footer-info-list a:hover, .footer-info-col a:hover{color:#fff; opacity:1;} .footer-info-col-categories li{ width:40%; display:inline-block; } .footer .footer-info { margin: 0 -10px; display: flex; flex-wrap: wrap; padding: 161px 0 0 0; } .footer-info-col[data-section-type="storeInfo"] { flex: unset; order: unset; } .footer-info-col { width: 100%; } .footer-info-col:first-child { max-width: 29%; } .footer-info-col:nth-child(2) { max-width: 17%; } .footer-info-col:nth-child(3) { max-width: 35%; } .footer-info-col:last-child{ max-width: 19%; } .ftr-logo { margin-bottom: 20px; display: inline-block; } .footer-info-col:first-child p { max-width: 270px;} .footer-info-col:nth-child(2) .footer-info-col + .footer-info-col .footer-info-heading { padding-bottom: 15px;} .footer-info-col:nth-child(2) .footer-info-col { max-width: 100%; padding: 0;} .footer-info-col:nth-child(2) .footer-info-col li:last-child { background-image: none;} .footer-info-col:nth-child(2) .footer-info-col li:last-child a { text-decoration: underline;} .footer-info-col:nth-child(3) ul { column-count: 2;} .footer-info-heading{ color: #fff; font-size: 20px; text-transform: uppercase; padding: 0px 0 38px 0; margin: 0; font-weight: bold; letter-spacing: normal; line-height: normal; border-bottom: 0; margin:0px; letter-spacing: 0; font-family: 'Oswald', sans-serif;} .footer-info-col .footer-info-list{margin:0 0 30px 0; padding: 0;} .footer-info-list li{line-height:25px; margin-bottom: 10px; background:url(../img/arrow.png) no-repeat left center; padding: 0 0 0 15px; } .footer-info-list li a { line-height: 1; color: #f2f2f2; font-size: 15px; } .footer-info-list li a:hover{ color:#ff0000; } .footer-info-list a.viewallLink{text-decoration:underline; font-weight:700;} .footer-copyright a:hover { color: #fff; } .footer .socialLinks { margin: 25px 0 0 0; } .footer .socialLinks .socialLinks-item { margin: 0 18px 0 0; padding: 0; width: auto; height: auto; background-color: transparent;} .footer .socialLinks .socialLinks-item .icon { width: 22px; height: 22px; } .contactInfo {position:relative; padding:0 0 0 0; margin: 0;} .contactInfo li{margin:0 0 5px 0; font-weight:400; padding:3px 0 3px 26px; line-height:22px; font-size:15px; color:#f2f2f2; list-style: none;} .contactInfo li:last-child{margin:0;} .contactInfo li a{ color:#f2f2f2;} .contactInfo .ftrlocationIc{background:url(../img/ftr-location-ic.png) no-repeat left top 5px;} .contactInfo .ftrcallIc{background:url(../img/ftr-call-ic.png) no-repeat left top 3px;} .footerBottom{position:relative; padding:19px 0; margin:10px 0 0 0; border-top:1px solid rgba(255, 255, 255, 0.1);} .ftrbtmLeft{width:60%; display:inline-block; vertical-align:middle;} .ftrbtmRight{width:40%; display:inline-block; vertical-align:middle; margin-left:-4px; text-align:right;} .footer-copyright{text-align:left; color: #fff; margin: 0; } .footer-copyright strong {color: #fff; } .footer-copyright > .powered-by{font-size:14px; color: #fff; line-height:normal;} .footer-copyright > .powered-by a{color: #fff;} .footer-copyright a { color: #fff; } .bull{padding:0 8px; color: #242424;} .footerBottom .copyright { font-size: 15px; line-height: normal; margin: 0; padding: 0; color: #fff; } .footerBottom .copyright a { color: #fff; } .breadcrumbs { text-align: left; margin: 0; padding: 15px 0; display: block !important; } .breadcrumb{font-size:15px; position:relative; text-align: left; margin: 0; padding: 0; } .breadcrumb a { margin-right: 15px; padding-right: 18px; position: relative; } .breadcrumb a{color:#797979; font-weight:400; font-family: 'Barlow', sans-serif;} .breadcrumb.is-active > .breadcrumb-label{color:#797979; font-weight:400;} .breadcrumbs .breadcrumb:before { display: none;} .breadcrumbs .breadcrumb a:after { content: " ยป"; font-size: 18px; color: #797979; margin: 0 7px; border: 0; transform: unset; height: auto; margin: 0; right: 0; left: auto; position: absolute; top: 5px; line-height: 7px; } .breadcrumbs .breadcrumb:first-child a { color: #000;} .breadcrumbs .breadcrumb:last-child a::after { display: none;} .page-heading { font-size: 75px; text-transform: uppercase; font-weight: 600; color: #000; font-family: 'Oswald', sans-serif; text-align: center; } .body:not(.home) .page-heading { text-align: center; } .grid-bg { background-color: #f8f8f8; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 65px; margin-bottom: 50px; padding-top: 15px; } .actionBar-section .form-field { margin: 0; } .sort-and-pagination { border-bottom: 1px solid #cfcfcf; padding-bottom: 13px; margin-bottom: 40px; justify-content: flex-end; } .actionBar-section .form-field { border: 0; background-color: transparent;} .actionBar-section .form-label { font-size: 14px; color: #000; font-weight: 600; } .actionBar-section .form-select { font-size: 14px; color: #6d6d6d; min-width: 200px; height: 40px; padding:5px 15px; line-height: normal; border: 1px solid #dcdcdc; background-position: right 10px center; width: auto !important; } #product-listing-container .productGrid { margin-bottom: 0;} #product-listing-container .productGrid .card-btn { margin-bottom: 5px;} #product-listing-container .card { background: #fff; } #product-listing-container .card .card-body .rating--small .icon { margin: 0 2px; width: 20px; height: 20px; } #product-listing-container .card .card-image { max-height: calc(250px - 0px); } #product-listing-container .card .card-figure { height: 260px; } .productView { flex-wrap: wrap;} .productView .productView-images { width: 100%; max-width: 50%; flex: unset; padding: 0 50px;} .productView .productView-details { width: 100%; max-width: 50%; flex: unset; } .productView .productView-images .productView-image { min-height: 635px; } .productView .productView-images .productView-img-container::after { padding-bottom: 95%; } .productView-thumbnail { width: 25%; padding: 5px; box-sizing: border-box; } .productView-thumbnail-link { height: 133px; max-width: 133px; padding: 10px; border: 1px solid #dcdcdc; box-sizing: border-box; } .productView .productViewBox { padding: 40px; -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.10); box-shadow: 0 0 25px 0 rgba(0,0,0,0.10);} .productView .productView-brand strong { font-size: 16px; font-weight: 600; color: #8c8c8c; } .productView .productView-title { font-size: 30px; font-weight: bold; color: #000; line-height: 1.2; margin: 0; } .productView .productView-price { font-size: 30px; font-weight: 300; color: #000; } .productView [data-content-region="product_below_price"] { padding: 0;} .productView [data-content-region="product_below_price"] div { padding: 0;} .productView [data-content-region="product_below_price"] p:first-child { color: #ee3223; font-size: 18px;} .productView [data-content-region="product_below_price"] p { font-size: 16px; font-weight: 500; line-height: 24px; margin: 0; color: #404040;} .productView .productUPC { width: 100%; border-top: 1px solid #dcdcdc; padding-top: 20px; } .productView .productUPC .productView-info-name { display: block; font-size: 16px; font-weight: 600; margin: 0; font-family: 'Barlow', sans-serif; } .productView .productUPC .productView-info-value { display: block; font-size: 16px; font-weight: 400; margin: 0; font-family: 'Barlow', sans-serif; } .productView .productView-details { color: #000; } .productView .productView-rating a { color: #5a5a5a; } .productView-reviewLink strong { font-weight: 400; font-size: 14px;} .productView-reviewLink--new { margin-left: 10px !important; margin-top: -5px; } .productView .productView-rating #productReview_link { margin-left: 10px; } .productView .productView-rating { display: inline-block; width: 100%; border-top: 1px solid #dcdcdc; padding: 10px 0; border-bottom: 1px solid #dcdcdc; padding: 10px 0; font-size: 14px; margin-bottom: 20px; } .productView .productView-rating .icon { width: 15px; height: 15px;} .productView-rating .icon svg { fill: #efce4a; stroke: #efce4a; } .productView .productView-rating a { color: #5a5a5a;} .productView-thumbnails img{ width:100%; } .productView-options .form-increment .button:first-child { border-radius:0; } .productView-options .form-increment .button:last-child { border-radius:0; } .productView-options .form-increment .button { height:40px; width:40px; border:solid 1px #dadada; background:#f0f0f0; color: #767676; font-size: 24px; font-weight: 400; font-family: 'Oswald', sans-serif; } .form-increment .button svg { fill: #767676; } .productView-options .form-increment .form-input--incrementTotal { height:40px; width:60px; border:0; border-bottom:solid 1px #dadada; border-top:solid 1px #dadada; color: #767676; font-family: 'Oswald', sans-serif; font-weight: 400; } .productView-options .form-field.form-field--increments { border-bottom:solid 1px #dcdcdc; padding-bottom:23px; margin-bottom:25px; padding-top:0; } .productView-options .form-field--increments .form-label { font-size:14px; font-weight: 700; text-transform: capitalize; } .productView-details .productView-specs > div:last-child { border-bottom: 1px solid #dcdcdc;} .productView-details .productView-specs > div:first-child { border-top: 1px solid #dcdcdc;} .productView-details .productView-info > :first-child { margin-top: 0; } .compareTable-product .card-title + .price-section{ padding:10px 0 0 0; width:100%; justify-content: center; } .productView-details .socialLinks { margin: 25px 0 0 0; padding: 25px 0 0px 0; border-top: 1px solid #dcdcdc; display: flex; width: 100%; } .productView-details .socialLinks li { margin: 0 8px 0 0; padding: 0;} .productView-details .socialLinks li a { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(0,0,0,0.2); filter: brightness(0.7);} .productView-details .socialLinks li a svg { color: #a6a6a6; fill: #a6a6a6; width: 18px; height: 18px; } .form-wishlist a.button{ background:#000000 ; font-size:18px; color:#fff; border-radius:0; border:none; width: 100%; font-weight: 500;} .form-wishlist a.button:hover { background-color:#000; } .productView-options .form-action { width: 50%; margin: 0; padding-right: 5px; } .productView-options .form-action.form-wishlist { padding-right: 0; padding-left: 5px;} .productView-options .form-action .button { width: 100%; margin: 0; font-size: 16px; color: #fff; text-transform: uppercase; padding: 18px 0; background:url(../img/btn-arrow.png) no-repeat right 28% center #ee3223; font-weight: 400;} .productView-options .form-action .button .icon { display: none;} .productView-options .form-action.form-wishlist .button { background:url(../img/btn-arrow-down.png) no-repeat right 20% center #154ca1; } .productView-options #wishlist-dropdown.is-open { padding-right: 5px; top: 50px !important; } .productView-options #wishlist-dropdown.is-open li { border-bottom: 1px solid #e6e6e6; } .productView-options #wishlist-dropdown.is-open li .button { text-align:center; padding:15px;} .productView-options #wishlist-dropdown.is-open li:last-child { border-bottom: 1px solid #fff; } .productDescTabs { display: inline-block; width: 100%; padding: 80px 0 20px 0;} .productDescTabs .icon--ratingFull svg { fill: #efce4a; stroke: #efce4a; } .productDescTabs .productReview-title { font-weight: 600;} .productDescTabs li.pagination-item--next a, .productDescTabs li.pagination-item--previous a { font-family: 'Barlow', sans-serif; } .productDescTabs { color: #000000; font-size: 15px; font-weight: 400; font-family: 'Barlow', sans-serif; } .productDescTabs p span { font-family: 'Barlow', sans-serif !important; } .productDescTabs p { color: #000000; font-size: 15px; font-weight: 400; font-family: 'Barlow', sans-serif !important;} .productDescTabs p strong { font-weight: 600;} .productDescTabs ul.tabs { border-bottom:solid 1px #dcdcdc; margin-bottom: 10px; } .productDescTabs .tabs { border-bottom: 1px solid #dcdcdc; } .productDescTabs .tab { border:solid 1px #dcdcdc; border-radius:0; margin-right:10px; border-bottom:0; } .productDescTabs .tab.is-active { background:#f0f0f0; border:solid 1px #dcdcdc; } .productDescTabs .tab-title, .productDescTabs .tab.is-active .tab-title { font-size:18px; color:#acacac; font-weight:600; text-transform:uppercase; font-family: 'Barlow', sans-serif; } .productDescTabs .tab.is-active .tab-title { color:#000; } .productDescTabs .tab-title { padding:11px 20px; } .RelatedTitle { margin: 0 0 20px 0; padding: 0; border-bottom:solid 1px #dcdcdc; display: inline-block; width: 100%; } .RelatedTitle span{ font-size:18px; color:#1d1d1d; font-weight:600; text-transform:uppercase; font-family: 'Barlow', sans-serif; background:#f0f0f0; padding:13px 20px; display: inline-block; border:solid 1px #dcdcdc; margin-bottom: -1px; } #tab-related { margin-bottom: 100px; } #tab-related .productCarousel { margin: 0; } #tab-related .productCarousel .slick-list { margin: 0 -0.75rem; } #tab-related .slick-arrow {top:50%; transform:translateY(-50%); width:36px; height:36px; position:absolute; font-size: 0; border: 0; z-index: 1; cursor: pointer; opacity: 1; } #tab-related .slick-arrow::before { display: none;} #tab-related .slick-arrow span { display: none;} #tab-related .slick-prev {background:#ededed url(../img/left-arrow.png) no-repeat center center; left:-7%;} #tab-related .slick-next {background:#ededed url(../img/right-arrow.png) no-repeat center center; right:-7%;} #product-reviews { margin-top: 0;} #product-reviews .productReviews-list li + li { border: 0;} #tab-related .slick-dots { display: none !important;} .writeReview-productDetails .writeReview-productImage-container { margin-bottom: 20px;} .writeReview-productDetails .product-brand { text-align: center;} .writeReview-productDetails .product-title { text-align: center;} .form-increment .button { background: #f0f0f0; border: 1px solid #dadada; } .form-input--incrementTotal { border: 1px solid #dadada; margin: 0 -5px; } .cart-total-label { color: #000; } .coupon-code-add, .coupon-code-cancel, .shipping-estimate-show, .gift-certificate-add, .gift-certificate-cancel { color: #000; } .cart-item-figure .cart-item-image { padding: 10px;} .alertBox { margin-top: 50px;} .form-actions { text-align: left;} .form-label { color: #000;} .form-actions a.forgot-password {margin-top: 10px;} .panel-header .panel-title { font-weight: 600;} .account-body .form-actions { margin-top: 0; } .button--primary { background-color: #000; border-color: #000; } .cart-list .form-input { color: #000;} .blog .socialLinks { text-align: left;} .blog .socialLinks { margin: 0px 0 0 0; padding: 10px 0 10px 0; display: flex; width: 100%; } .blog .socialLinks li { margin: 0 8px 0 0; padding: 0;} .blog .socialLinks li a { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(0,0,0,0.2); filter: brightness(0);} .blog .socialLinks li a svg { color: #000; fill: #000; width: 18px; height: 18px; } .table-responsive table tbody { font-size: 16px;} #policy h2.text-center { text-align: left !important; } #policy th { vertical-align: middle !important; } #policy h2 { font-size: 24px; font-weight: 500;} .sitemapSec ul { margin-bottom: 30px; display: inline-block; width: 100%;} .sitemapSec ul ul { margin-bottom: 5px;} .sitemapSec ul li { width: 30%; float: left; } .sitemapSec ul li li { width: 100%; float: left; } #add-shipping .estimator-form .estimator-form-input + button.button { float:right; } #add-shipping .select-shipping-quote{ float:right; } .page-heading.sub-page-heading { font-size: 70px; padding-top: 10px; } .reviewSec{ position:relative; font-size:17px; line-height: 22px; color:#3e3e3e; text-align:center; padding:0px 0 0 0; } .reviewSec .slick-slider .slick-list { margin: 0 -15px; } .reviewSec .customer-list { padding: 0 15px; } .reviewSec .customer-list .customer-box { padding:50px 0; } .reviewSec .customer-list .customer-box .customer-box-in { padding:60px 45px 30px 45px; position: relative; min-height: 290px; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); } .reviewSec .customer-list .customer-box .customer-box-in::before { border: 5px solid #154ca1; margin: 0 auto; width: 76px; height: 76px; position: absolute; top: -40px; left: 0; right: 0; background:#fff url(../img/quotes-ic.png) no-repeat center center; border-radius: 76px; content: ""; z-index: 1; } .reviewSec .customer-list .customer-box .customer-box-in::after { margin: 0 auto; width: 100%; height: 1px; position: absolute; top: 0px; left: 0; right: 0; background: url(../img/review-box-shadow.png) no-repeat center center; content: ""; } .reviewSec .customer-list .customer-box .customer-dtl p { font-size: 17px; line-height: 22px;color:#000000; } .reviewSec .customer-list .customer-box .customer-dtl { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; font-style: italic; } .reviewSec .customer-list .customer-box .customer-dtl .ratingStar { margin: 0 0 20px 0; } .reviewSec .customer-list .customer-box .customer-dtl .authorDtl { font-style: normal; font-weight: 800; color: #000000; margin-top: 15px; line-height: 1.3; font-size: 18px; } .reviewSec .customer-list .customer-box .customer-dtl .authorDtl small { display: block; font-size: 14px; color: #7c7c7c; font-weight: 500; margin-top: 5px; } .reviewSec .slick-arrow {top:50%; transform:translateY(-50%); width:36px; height:36px; position:absolute; font-size: 0; border: 0; z-index: 1; cursor: pointer; opacity: 1; } .reviewSec .slick-arrow::before { display: none;} .reviewSec .slick-arrow { background-size: contain !important;} .reviewSec .slick-arrow span { display: none;} .reviewSec .slick-prev {background:#ececec url(../img/left-arrow.png) no-repeat center center; left:-5%;} .reviewSec .slick-next {background:#ececec url(../img/right-arrow.png) no-repeat center center; right:-5%;} .reviewSec .slick-prev:hover {background:#154ca1 url(../img/left-arrow-white.png) no-repeat center center; } .reviewSec .slick-next:hover {background:#154ca1 url(../img/right-arrow-white.png) no-repeat center center; } .cateSec{ position:relative; text-align:center; padding:0px 0 40px 0; overflow: hidden;} .cateSec .cateBoxes{margin:0 -7px 0 -7px; padding:0; list-style:none; display: flex; flex-wrap: wrap;} .cateSec .cateBox{display:inline-block; vertical-align:middle; padding:7px; width:100%; max-width: 33.33%; position:relative;} .cateSec .cateBox .cateBoxIn { border: 1px solid #e3e3e3;} .cateSec .cateBox img{display:block; width:100%;} .cateSec .cateDtl{position:relative; width:100%; display:block; padding:24px 20px 25px 20px; min-height: 205px; } .cateSec .cateDtl .cateDtlIn { min-height: 120px; } .cateSec .cateDtl .cateTitle{font-size:18px; color:#000000; line-height:1.4; font-weight:500; display:block; letter-spacing:0; margin: 0 auto; padding-top: 5px; font-family: 'Oswald', sans-serif; } .cateSec .cateBox .cateBoxIn .cateInfo { font-size: 15px; line-height: 20px; color: #000000; } .cateSec .cateDtl .shopLink{display:inline-block; color:#ee3223; font-size:16.5px; font-weight:400; text-decoration:none; text-transform: uppercase; line-height:1.4; font-family: 'Oswald', sans-serif; margin: 0; padding: 0; } .cateSec .cateDtl .shopLink a { color:#ee3223; background: url(../img/red-arrow.png) no-repeat right center; padding-right: 25px; } .cateSec .cateDtl .shopLink a:hover { color: #000;} .cateSec .cateBox .cateBoxIn .catImg { overflow: hidden; } .cateSec .cateBox .cateBoxIn .catImg img { transition: transform .5s ease; } .cateSec .cateBox .cateBoxIn:hover .catImg img { transform: scale(1.1); } .how-to-use-top { text-align: center; max-width: 78%; margin: 0 auto 45px auto;} .how-to-use-top p a {text-decoration: underline;} .how-to-use-top p a:hover{ text-decoration: none;} .how-to-use-img { background: #f9f9f9; text-align: center; border: 1px solid #e3e3e3; padding: 30px 20px; } .how-to-use-sec { padding: 60px 0 0px 0; text-align: center;} .how-to-use-sec h2 { text-transform: unset; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 30px; text-align: center; margin: 0 0 15px 0;} .how-to-use-boxs { overflow: hidden; margin: 30px 0 50px 0; } .how-to-use-boxs .how-to-use-boxs-in { display: flex; flex-wrap: wrap; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; justify-content: center; margin: 0 -3px; } .how-to-use-boxs .how-to-use-box { width: 25%; border: 1px solid #dddddd; margin: -1px 0 0 -1px; text-align: center; padding: 50px 25px 30px 25px; } .how-to-use-boxs .how-to-use-box:nth-child(n+9) { border-bottom: 0;} .how-to-use-boxs .how-to-use-box p { font-size: 18px; line-height: 22px; color: #000; } .how-to-use-boxs .how-to-use-box h4 { font-size: 24px; color: #ffffff; font-family: 'Oswald', sans-serif; border: 1px solid #154ca1; background: #154ca1; display: inline-block; width: 70px; height: 70px; border-radius: 70px; line-height: 64px; margin: 0 0 20px 0;} .BetterSec{ position:relative; text-align:center; padding:10px 0 50px 0; overflow: hidden;} .BetterSec .BetterBoxes{margin:0px; padding:0; list-style:none; display: flex; flex-wrap: wrap; border-left: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; } .BetterSec .BetterBox{display:inline-block; vertical-align:middle; padding:0; width:100%; max-width: 25%; position:relative;} .BetterSec .BetterBox .BetterBoxIn { border: 1px solid #e3e3e3; border-top: 0; border-left: 0; height: 100%; } .BetterSec .BetterBox img{ max-width: 100%; } .BetterSec .BetterDtl{position:relative; width:100%; display:block; padding:0px 25px 40px 25px; } .BetterSec .BetterDtl .BetterTitle{font-size:24px; color:#000000; line-height:1.4; font-weight:500; display:block; letter-spacing:0; margin: 0 auto; padding-top: 0; padding-bottom: 15px; font-family: 'Oswald', sans-serif; } .BetterSec .BetterBox .BetterBoxIn .BetterInfo { font-size: 15px; line-height: 20px; color: #000000; } .BetterSec .BetterBox:nth-child(2), .BetterSec .BetterBox:nth-child(4), .BetterSec .BetterBox:nth-child(5), .BetterSec .BetterBox:nth-child(7), .BetterSec .BetterBox:nth-child(10), .BetterSec .BetterBox:nth-child(12), .BetterSec .BetterBox:nth-child(13), .BetterSec .BetterBox:nth-child(15) { background-color: #f9f9f9; } .BetterSec .BetterBox .BetterBoxIn .catImg { overflow: hidden; padding-top: 10px; } .BetterSec .BetterBox .BetterBoxIn .catImg img { transition: transform .5s ease; } .BetterSec .BetterBox .BetterBoxIn:hover .catImg img { transform: scale(1.1); } .PageNavigation { margin: 0; padding: 0 20px;} .PageNavigation ul { list-style: none; margin: -10px 0 90px 0; padding: 0; text-align: center;} .PageNavigation ul li { list-style: none; margin: 0; padding: 0 25px; text-align: center; display: inline-block; border-right: 1px solid #dadada; } .PageNavigation ul li:last-child { border-right: 0;} .PageNavigation ul li a { font-size: 20px; text-transform:uppercase; color: #737373; font-family: 'Oswald', sans-serif; font-weight: 500; text-decoration: none; position: relative; } .PageNavigation ul li a:hover { color: #000;} .PageNavigation ul li a::before { width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #737373; content: "";} .WhatBarrelBuddySec { position: relative; margin: 0; padding: 0; background: url(../img/better-bg.jpg) no-repeat center; background-size: cover; padding: 80px 0 70px 0; } .WhatBarrelBuddySec h3 { text-align: center; font-family: 'Oswald', sans-serif; font-size: 33px; text-transform: uppercase; color: #000000; line-height: 1; margin: 0; padding: 0 0 60px 0; } .WhatBarrelBuddySec h3 span { font-size: 44px; font-weight: 600; display: block; line-height: normal; } .WhatBarrelBuddySec .WhatBarrelBuddyBoxs { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .WhatBarrelBuddySec .WhatBarrelBuddyBoxs .WhatBarrelBuddyBox { width: 100%; max-width: 33.33%; text-align: center; padding: 0 50px; } .WhatBarrelBuddySec .WhatBarrelBuddyBoxs .WhatBarrelBuddyBox h4{ font-family: 'Oswald', sans-serif; font-size: 24px; font-weight: 500; text-transform: uppercase; margin: 20px 0 10px 0; padding: 0; } .WhatBarrelBuddySec .WhatBarrelBuddyBoxs .WhatBarrelBuddyBox p { font-size: 15px; line-height: 20px; color: #000000; } .CleaningSec { margin: 0; padding: 80px 0 60px 0; border-bottom: 1px solid #c9c9c9; } .CleaningSec h4 {margin:0px 0 15px 0; } .CleaningSec h4 span { font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: 500; text-transform: uppercase; padding: 0; color: #fff; background: #154ca1; display: inline-block; padding: 9px 15px; line-height: 1.4; } .CleaningSec ul { list-style: none; margin: 0; padding:0; width: 47%; display: inline-block;} .CleaningSec ul:last-child { float: right;} .CleaningSec ul li { font-size: 15px; line-height: 1.4; color: #000000; border-bottom: 1px solid #e2e2e2; padding: 14px 5px 14px 25px; position: relative; } .CleaningSec ul li:last-child { border-bottom: 0;} .CleaningSec ul li::before { width: 6px; height: 6px; position: absolute; left: 10px; top: 22px; background: #afafaf; border-radius: 6px; content: "";} .DegreeSec { margin: 0; padding: 70px 0 70px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .DegreeSec .DegreeCol { width: 100%; } .DegreeSec .DegreeCol:first-child { width: 22%; padding: 0 10px 0 0; } .DegreeSec .DegreeCol:last-child { width: 78%; } .DegreeSec h4 { font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: 500; text-transform: uppercase; padding: 0; color: #fff; background: #ee3223; display: inline-block; padding: 9px 15px; line-height: 1.4; margin: 0 0 20px 0; } .DegreeSec p { font-size: 15px; line-height: 1.4; margin-bottom: 20px; } .DegreeSec p strong { font-weight: 600; font-size: 17px;} .TraditionSec { margin:0; padding: 70px 0 40px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-top: 1px solid #d6d6d6; } .TraditionSec .TraditionCol { width: 100%; } .TraditionSec .TraditionCol:first-child { width: 68%; padding: 0 10px 0 0; } .TraditionSec .TraditionCol:last-child { width: 32%; text-align: center; } .TraditionSec h4 { font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: 500; text-transform: uppercase; padding: 0; color: #fff; background: #154ca1; display: inline-block; padding: 9px 25px; line-height: 1.4; margin: 0 0 20px 0; } .TraditionSec p { font-size: 15px; line-height: 1.4; margin-bottom: 20px; } .TraditionSec p strong { font-weight: 600; font-size: 17px;} h1.page-heading.page-heading-title{ font-size:70px; color:#000000; font-weight:600; font-family: 'Oswald', sans-serif; text-align:center !important; margin:30px 0; } .pick-your-size-pack-description{ text-align:center; border-bottom:solid 1px #dddddd; padding:0 0 40px; margin:0 0 60px; } .pick-your-size-pack-description h3{ font-size:22px; color:#000000; font-weight:700; margin:0 0 15px; } .pick-your-size-pack-description p{ max-width:1010px; margin:0 auto; margin-bottom:12px; } .pick-your-size-color-boxes{ display:flex; flex-wrap:wrap; gap:0; justify-content: center; margin-bottom: 50px; } .pick-your-size-color-boxes a {display: flex;} .pick-your-size-color-box{ width:33.33%; padding-right:20px; margin-bottom:50px; display:flex; } .color-box-content{ padding-left:18px; } .color-box-content h4{ margin:0 0 12px; font-size:22px; font-weight:700; text-transform: uppercase; } .color-box-content h5{ margin:0 0 12px; font-size:16px; font-weight:700; min-height: 58px } .color-box-content p{ font-size:15px; color:#000000; } .redSizeColor{ color:#ed1c24; } .orangeSizeColor{ color:#f6931e; } .yellowSizeColor{ color:#cac307; } .greenSizeColor{ color:#85ca2a; } .graySizeColor{ color:#818285; } .blueSizeColor{ color:#00aeef; } .brownSizeColor{ color:#764c29; } .sizechartbtn{ width:100%; text-align:center; } .sizechartbtn a{ font-size:18px; color:#ffffff; text-transform:uppercase; background:#ee3223 url(../img/btn-arrow.png) no-repeat right 25px center; display:inline-block; padding:9px 50px 9px 25px; font-weight:700; letter-spacing:1px; } .sizechartbtn a:hover{ background:#000000 url(../img/btn-arrow.png) no-repeat right 25px center; } .size-chart-page-products{ background:#f8f8f8; padding:40px 0; margin-bottom:40px; } h2.size-chart-page-products-title{ font-size:45px; color:#000000; font-weight:700; text-transform:uppercase; text-align:center; margin:20px 0 30px; font-family: 'Oswald', sans-serif; } .size-chart-page-products .product .card{ background:#ffffff; } .about-our-story-section{ padding-top:20px; } .about-us-page p{ font-size:15px; line-height:22px; color:#000000; margin-bottom:18px; } .about-our-story-inner{ display:flex; margin-bottom:30px; align-items: flex-start; } .about-our-story-inner img{ max-width:50%; } .about-our-story-content{ padding-left:30px; } .about-us-page h3{ position:relative; margin:0 0 20px; } .about-us-page h3 span{ display:inline-block; vertical-align:middle; background:#154ca1; font-size:22px; font-weight:500; text-transform:uppercase; font-family: 'Oswald', sans-serif; color:#ffffff; position:relative; padding:10px 25px; } .about-us-page h3 span::after{ position:absolute; content:''; right:-8px; width:4px; height:100%; background:#e2e2e2; top:0; } .about-us-page h3 span::before{ position:absolute; content:''; right:-16px; width:4px; height:100%; background:#ee3223; top:0; } .our-mission-section{ background:url(../img/our-mission-bg.jpg) no-repeat center center; background-size:cover; padding:70px 0 50px; margin:70px 0 0 0;} .our-mission-content{ padding-right:50px; } .our-mission-section .container{ display:flex; align-items: center; } .our-mission-section p strong{ font-size:17px; } .our-mission-content h3 span{ background:#ee3223; } .our-mission-content h3 span::after{ background:#d3d3d3; } .our-mission-content h3 span::before{ background:#154ca1; } .our-giving-section { padding:80px 0; } .our-giving-section p strong{ font-size:17px; } #add-to-cart-wrapper .bo-inventory-section{ display:none; } .form-field.form-field--increments.instockproduct{ margin:0; } .instockproduct + .bo-inventory-section{ margin-top:10px !important } .icon.icon--twitter {background:url(https://cdn11.bigcommerce.com/s-ur5x9nb/images/stencil/original/image-manager/twitter-logo.png) no-repeat center center; } .icon.icon--twitter svg{ display: none;} .color-red{ color: #ee3223;} body .bo-in-stock-label:before { left: auto; right: -20px; } /* banner css start */ .home-banner-section .banner-slide{ position: relative;} .home-banner-section .slick-dotted.slick-slider { margin-bottom: 0; } .banner-details { position: absolute; width: 50%; left: 50%; top: 50%; transform: translateY(-50%); } .banner-details .banner-subtitle{ color: #ee3223; font-size: 60px; font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: uppercase; margin: 0px; line-height: 1.2;} .banner-details .banner-title{ color: #fff; font-size: 80px; font-weight: 600; font-family: 'Oswald', sans-serif; text-transform: uppercase; margin: 0px; line-height: 1.2;} .banner-details .button { background: url(../img/btn-arrow-big.png) no-repeat right 19% center #ee3223; font-size: 25px; padding: 15px 65px 15px 34px; line-height: 30px; margin-bottom: 0; margin-top: 40px; border: 1px solid #ffffff; border-radius: 1px; } .banner-details .banner-title-large{ font-size: 150px;} .banner-details .banner-title-big{ font-size: 100px;} .banner-details.left{ left: 20%; } .home-banner-section .slick-prev { left: 0; } .home-banner-section .slick-next { right: 0; } .home-banner-section .slick-prev:before, .home-banner-section .slick-next:before { height: 30px; width: 30px; filter: invert(1); } .banner-bottom-section{ position: absolute; width: 100%; margin-top: -89px; } .banner-bottom-row{ display: flex; justify-content: center; flex-wrap: wrap; align-items: center; column-gap: 20px;} .banner-bottom-col{ width: calc(33.33% - 40px/3); text-align: center; background-color: #000000; border: 10px solid #ffffff; border-bottom: 0; color: #ffffff; font-size: 22px; font-weight: 500; font-family: 'Oswald', sans-serif; text-transform: uppercase; padding: 23px 20px;} .card .card-image { margin: 0 auto;} /* banner css end */ @media only screen and (min-width: 801px){ .header .navPages-container { z-index: 1; top: 0 !important; border: 0; } .header .navPages-container:after { width: 100%; height: 100%; position: absolute; right: -100%; top: 0; background: #fff; content: ""; } .navPages-mainNav .navPages-action { font-size: 18px; font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: unset; } .navPages-mainNav > li.navPages-item:last-child .navPages-action { padding-right: 0; } .navPages-mainNav { justify-content: flex-end; } .navPages-mainNav > li { flex: unset; } .navPages-action:hover, .navPages-action.activePage { color: #154ca1; } .navPages-action { color: #000; padding: 15px 22px; } .navPages:hover .navPages-action { color: #000; } .navPages-mainNav .navPages-item:first-child .navPages-action { padding-left: 0; } .navPages li:hover .navPages-action { color: #154ca1; } .navPages li.navPages-item:hover > .navPages-action::before { display: none; } .navPages li:hover { background: #fff; } .header .navUser-item--cart img + img { display: none;} .footerBottom img + img { display: none;} .navPage-subMenu li .navPages-action { padding: 0; font-weight: 400; } .navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action { padding:5px 10px; } .navPages-list .navPage-subMenu-item > .navPage-subMenu-action { font-weight: 400; color: #fff !important;} .navPage-subMenu { border-top: 4px solid #000 !important; padding: 0px !important; background: #ee3223; } .navPages li.navPage-subMenu-item:hover { background:transparent; } .navPage-subMenu-item .icon { display: none !important;} .navPages li:hover .navPages-action::before{ display: none;} .navPages li.navPage-subMenu-item { border-bottom: 1px solid rgba(255, 255, 255, 0.4); display: inline-block; width: 100%; } .navPages li.navPage-subMenu-item a { border: 0; width: 100%;} .navPages-mega .navPage-subMenu ul { flex: unset !important;} } @media only screen and (max-width: 1640px){ #tab-related .slick-prev { left: -50px; } #tab-related .slick-next { right: -50px;} #tab-related .productCarousel .slick-list { margin: 0 -10px;} .reviewSec .slick-prev { left:-50px;} .reviewSec .slick-next { right:-50px;} } @media only screen and (max-width: 1499px){ .banner-details .banner-subtitle { font-size: 50px; } .banner-details .banner-title { font-size: 70px; } } @media only screen and (max-width: 1440px){ .headerLeft { padding-right: 10px;} .ProvenSec ul li:first-child { font-size: 24px; padding: 1px 20px 3px 20px; } .ProvenSec { padding: 40px 0 30px 0;} #tab-related .slick-arrow { width: 22px; height: 22px; background-size: contain;} #tab-related .slick-prev { left: -10px; } #tab-related .slick-next { right: -10px;} #tab-related .productCarousel .slick-list { margin:0px; padding: 0 10px; } .reviewSec .slick-prev { left:-15px;} .reviewSec .slick-next { right:-15px;} .reviewSec .slick-arrow { width: 22px; height: 22px; background-size: contain;} .reviewSec .slick-slider .slick-list { margin: 0; } } @media only screen and (max-width: 1349px){ .banner-details .banner-subtitle { font-size: 40px; } .banner-details .banner-title { font-size: 60px; } } @media only screen and (max-width: 1300px){ .SecTitle { font-size: 36px;} .ActionSec p { font-size: 15px; } .ActionSec h4 { font-size: 18px;} .ActionSec iframe { padding: 10px 10px 5px 10px;} .page-heading { font-size: 60px;} .page-heading.sub-page-heading { font-size: 60px;} .productView .productView-title { font-size: 24px;} .productView .productView-price { font-size: 24px;} .productView .productViewBox { padding: 20px;} .productView-options .form-action .button { background-position: right 18% center;} .productView-options .form-action.form-wishlist .button { background-position: right 15% center; } .navPages-mainNav .navPages-action { font-size: 15px; } .navPages-action { padding: 15px 15px;} .reviewSec .customer-list .customer-box .customer-dtl p { font-size: 15px; } .reviewSec .customer-list .customer-box .customer-box-in { padding: 50px 20px 20px 20px; } .reviewSec .customer-list .customer-box { padding: 50px 0 20px 0; } .cateSec .cateDtl .cateTitle { font-size: 16px; padding-bottom: 5px; } .cateSec .cateDtl { min-height: 220px; } .how-to-use-top { max-width: 100%;} .how-to-use-img { padding: 20px 20px; } .how-to-use-boxs .how-to-use-box { padding: 30px 15px 20px 15px; } .BetterSec .BetterDtl .BetterTitle { font-size: 20px; } .BetterSec .BetterDtl { padding: 0px 10px 20px 10px; } .PageNavigation ul { margin: 0 0 50px 0; } .WhatBarrelBuddySec .WhatBarrelBuddyBoxs .WhatBarrelBuddyBox { padding: 0 20px; } .WhatBarrelBuddySec { padding: 40px 0 40px 0; } .WhatBarrelBuddySec h3 { padding: 0 0 30px 0; } .CleaningSec { padding: 40px 0 30px 0; display: inline-block; width: 100%; } .DegreeSec { padding: 40px 0 30px 0; } .TraditionSec { padding: 50px 0 40px 0;} h1.page-heading.page-heading-title{ font-size:50px; } } @media only screen and (max-width: 1199px){ .banner-details .banner-subtitle { font-size: 35px; } .banner-details .banner-title { font-size: 35px; } .banner-details .button { font-size: 18px; padding: 6px 55px 6px 20px; margin-top: 25px; border: 1px solid #ffffff; } .banner-bottom-section { position: relative; margin-top: -64px; } .banner-bottom-col { width: calc(50% - 20px/2); font-size: 16px; padding: 15px 20px;} } @media only screen and (max-width: 1100px){ .headerRight { border-left: 5px solid #ee3223; } .navUser-section--alt { padding-left: 8px !important; } .navUser-section--alt li.hdr-buy-btn a { font-size: 12px; padding: 5px 8px; } .navUser-section--alt li.navUser-item-Search a { font-size: 14px; } .navUser-action { font-size: 14px;} .navUser > ul > li:not(:last-child):not(:first-child):not(.navUser-item-currency) { padding: 0 8px; } .navUser-section--alt li.certificates-btn { margin-left: 5px; } .navUser-section--alt li.certificates-btn a { padding-left: 0; padding-right: 0;} .navUser-section--alt li.hdr-buy-btn { padding-left: 0px !important;} .navUser > ul > li:first-child { padding: 0 8px 0 0; } .navUser-section--alt li img { margin-right: 4px; } .heroCarousel .slick-prev { left: 20px; } .heroCarousel .slick-next { right: 20px;} .heroCarousel .slick-prev::before, .heroCarousel .slick-next::before { height: 28px; width: 15px; } .ActionSec h4 { max-width: 60%;} .ActionSec p { max-width: 60%; margin: 0 auto; padding-bottom: 10px;} .ProvenSec ul li { font-size: 15px;} .HomeBlogSec .blog-posts .blog .blog-post { max-width: 100%;} .HomeBlogSec .blog-posts .blog .blog-title { font-size: 26px; } .ftrNewsletter .ftrNewsletterBox { padding: 27px 20px; } .newsletterLeft { width: 55%; } .newsletterRight { width: 45%; } .footerBottom .copyright { font-size: 14px; } .bull { padding: 0 5px; } .productView-thumbnail-link { height: 80px; max-width: 80px; } .productView .productView-images .productView-img-container::after { padding-bottom: 100%; } .productView .productView-images .productView-image { min-height: 500px; } #tab-related { margin-bottom: 40px; } .navPages-mainNav .navPages-action { font-size: 14px; } .navPages-action { padding: 15px 12px;} .fastCart .previewCartCheckout > div { -ms-flex: 0 1 100%; flex: 0 1 100%; width: 100%; } .page-heading.sub-page-heading { font-size: 50px; } h1.page-heading.page-heading-title{ font-size:30px; } .pick-your-size-color-box{ width:50%; } .our-mission-section img{ max-width:40%; } .our-mission-content { padding-right: 20px; } } @media only screen and (max-width: 991px){ .ActionSec h4 { max-width: 70%;} .ActionSec p { max-width: 70%; margin: 0 auto; padding-bottom: 10px;} .ProvenSec ul li:first-child { font-size: 18px; padding: 1px 15px 3px 15px; } .ProvenSec ul:nth-child(2n) { margin: 0 0 0 17%; } .navPages-mainNav .navPages-action { font-size: 14px; } .navPages-action { padding: 15px 5px;} .navPage-subMenu .navPages-action { font-size: 14px;} .ShopSec .productGrid .product { max-width: 33.33%; width: 33.33%; flex: 0 1 33.33%;} .ShopSec .BoxRight { width: 66%; bottom: 13%; } .ShopSec { padding: 30px 0 50px 0; } .newsletterLeft { width: 100%; margin: 0 0 20px 0; } .newsletterRight { width: 100%; margin-left: 0; } .ftrNewsletter .ftrNewsletterBox { padding: 27px 20px; } .ftrbtmLeft { width: 100%;} .ftrbtmRight { width: 100%; text-align: center; margin-top: 10px;} .footerBottom .copyright { text-align: center;} .footer-info-col:nth-child(3) { max-width: 38%; } .footer-info-col:first-child { max-width: 26%; } .footer-info-heading { font-size: 18px; padding: 0px 0 20px 0;} .footer .footer-info { padding: 130px 0 0 0;} .productGrid .product { -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; max-width: 33.333%; } #product-listing-container .card .card-body .rating--small .icon { margin: 0 1px; width: 16px; height: 16px; } .page-heading { font-size: 40px;} .grid-bg { margin-top: 40px;} .productView-options .form-action { width: 100%; padding-right: 0; } .productView-options .form-action.form-wishlist { width: 100%; padding-left: 0;} .productView-options .form-action .button { background-position: right 10% center; } .productView-options .form-action.form-wishlist .button { background-position: right 10% center; } .productView .productView-title { font-size: 20px; } .productView .productView-price { font-size: 20px; } .BlogPost .blog:not(.full-post) { width: 50%; flex: 0 1 50%; padding: 10px; } .blog.full-post .blog-title { font-size: 24px; } .reviewSec .customer-list .customer-box .customer-box-in { min-height: 340px; } .cateSec .cateBox { max-width: 50%; } .cateSec .cateDtl { min-height: 220px; } .how-to-use-boxs .how-to-use-box { width: 33.33%; } .how-to-use-boxs .how-to-use-box:nth-child(n+10) { border-bottom: 0; } .how-to-use-boxs .how-to-use-box:nth-child(9) { border-bottom: 1px solid #dddddd;} .how-to-use-boxs .how-to-use-box h4 { font-size: 20px; line-height: 65px; } .how-to-use-boxs { margin: 10px 0 30px 0; } .how-to-use-sec { padding: 20px 0 0px 0; } .how-to-use-sec h2 { font-size: 24px;} .how-to-use-top { margin: 0 auto 20px auto; } .BetterSec .BetterBox { max-width: 33.33%; } .BetterSec .BetterBox:nth-child(2), .BetterSec .BetterBox:nth-child(4), .BetterSec .BetterBox:nth-child(6), .BetterSec .BetterBox:nth-child(8), .BetterSec .BetterBox:nth-child(10), .BetterSec .BetterBox:nth-child(12), .BetterSec .BetterBox:nth-child(14), .BetterSec .BetterBox:nth-child(15) { background-color: #f9f9f9; } .BetterSec .BetterBox:nth-child(5), .BetterSec .BetterBox:nth-child(7), .BetterSec .BetterBox:nth-child(13), .BetterSec .BetterBox:nth-child(15) { background-color: #fff; } .PageNavigation ul li { padding: 0 15px; } .PageNavigation ul li a { font-size: 18px;} .WhatBarrelBuddySec h3 { font-size: 24px; } .WhatBarrelBuddySec h3 span { font-size: 36px; } .WhatBarrelBuddySec .WhatBarrelBuddyBoxs .WhatBarrelBuddyBox h4 { font-size: 20px;} .WhatBarrelBuddySec .WhatBarrelBuddyBoxs .WhatBarrelBuddyBox { padding: 0 10px;} .CleaningSec ul { width: 100%; } .CleaningSec ul:last-child { border-top: 1px solid #e2e2e2;} .CleaningSec h4 span { font-size: 18px;} .bannerImg img { min-height: 400px; object-fit: cover; } } @media only screen and (max-width: 800px){ .headerLeft { width: 100%; padding-right: 0; } .headerRight { border-left: 0; width: auto; position: absolute; right: 20px; top: 25px; border: 0; background-color:transparent; } .header .navUser-section--alt { margin: 0; border: 0; padding: 0; } .navUser-section--alt li.navUser-item--account { display: none;} .navUser-section--alt li.certificates-btn { display: none;} .navUser-section--alt li.hdr-buy-btn { display: none;} .navPages-container.is-open { position: fixed;} .header .headerRightTop::after { display: none; } .header .navUser-item--cart { height: auto !important;} .header .header-logo--wrap .header-logo { padding: 21px 0;} .header .navUser-item--cart img { display: none;} .header .navUser-item--cart img + img { display: block;} .navUser-section--alt li.navUser-item-Search { display: none;} .header { border-bottom: 1px solid #334457; } .header .navUser-item--cart .cart-quantity { width: 24px; height: 24px; font-size: 12px; line-height: 18px;} .header .header-logo--wrap .header-logo img { width: 152px;} .header .navUser-item--cart img + img { margin-right: 5px;} .navPages-list + .navPages-mainNav { border-top: 1px solid #d2d2d2; } .navPages-container.is-open { background: rgba(0, 0, 0, 0.8); } .navPages-item--content-first { border-top: 0; } .navPages-action:hover, .navPages-action.activePage { color: #000; } .navPage-subMenu-item { border-bottom: 1px solid #d2d2d2; } .navPage-subMenu-item:last-child { border-bottom: 0;} .navPage-subMenu-item .navPages-action-moreIcon { display: none;} .navPage-subMenu ul { padding-left: 20px;} .mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::before, .mobileMenu-toggle .mobileMenu-toggleIcon::after { width: 28px;} .mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::before, .mobileMenu-toggle .mobileMenu-toggleIcon::after, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after { background: #fff; } .header .mobileMenu-toggle { left: 20px; padding: 0;} .SecTitle { font-size: 40px;} .ActionSec { border-bottom: 1px solid #dbdbdb; padding: 30px 0 40px 0; } .ActionSec .actionBoxs .actionBox { width: 100%;} .ActionSec .actionBoxs .actionBox:first-child { flex-direction: column; justify-content: center; align-items: center;} .ActionSec .actionBoxs { padding: 40px 10px 20px 10px;} .ActionSec p { padding-bottom: 0; max-width: 100%; font-size: 16px; line-height: 20px; padding-top: 10px; } .ActionSec h4 { max-width: 100%; font-size: 24px; line-height: 26px; margin: 30px 0 20px 0; } .ActionSec .SecTitle { margin-bottom: 20px;} .ActionSec .button { font-size: 22px; padding: 11px 60px 11px 34px; margin-top: 30px; } .ProvenSec .ProvenBoxs .ProvenBox:nth-child(2) { order: 1; max-width: 100%;} .ProvenSec .ProvenBoxs .ProvenBox:first-child { order: 2; max-width: 25%; } .ProvenSec .ProvenBoxs .ProvenBox:nth-child(3) { order: 3; max-width: 50%;} .ProvenSec .ProvenBoxs .ProvenBox:last-child { order: 4; max-width: 25%;} .ProvenSec .ProvenBoxs .ProvenBox:first-child img { margin-top: 0; } .ProvenSec .ProvenBoxs .ProvenBox:last-child img { margin: 0;} .ProvenSec .ProvenBoxs .ProvenBox:nth-child(3) img { margin: 0; padding: 0 20px;} .ProvenSec ul:first-child { margin-left: 0; } .ProvenSec ul:nth-child(2n) { margin: 0 0 0 35%; } .ProvenSec ul { margin: 0; padding: 0 0 10px 0;} .ShopSec { padding: 30px 0 30px 0;} .ShopSec .productGrid .product { max-width: 50%; width: 50%; flex: 0 1 50%; } .ShopSec .BoxRight { width: 48%; bottom: 9%; } .MobUpDown { display: flex; flex-direction: column; flex-wrap: wrap;} .MobUpDown .ProvenSec { order: 2; } .MobUpDown .ShopSec { order: 1; } .HomeBlogSec .blog-posts .blog { width: 100%; max-width: 100%; } .HomeBlogSec .blog-posts .blog .blog-post-figure { flex: unset; } .HomeBlogSec .blog-posts .blog .blog-post-body { flex: unset; } .HomeBlogSec .blog-posts .blog .blog-date { left: 13px; top: -110px; } .HomeBlogSec .blog-posts .blog:last-child { display: none;} .HomeBlogSec { padding: 30px 0 40px 0; } .footer-info-col:first-child { max-width: 100%; } .footer-info-col:nth-child(2) { max-width: 100%; } .footer-info-col:nth-child(3) { max-width: 100%; } .footer-info-col:last-child { max-width: 100%; } .footer-info-col { text-align: left;} .footer-info-col:first-child p { max-width: 500px; } footer .socialLinks { justify-content: flex-start; } .footer .socialLinks { margin: 0 0 25px 0;} .ftrbtmRight img { display: none;} .ftrbtmRight img + img { display: inline-block;} .ftrbtmRight { text-align: left;} .footerBottom .copyright { text-align: left;} .footerBottom .copyright .bull { font-size: 0; display: block; line-height: 0; } .footer-info-heading { font-size: 20px; position: relative; } .footer-info-heading::before { content: "+"; position: absolute; right: 5px; top: 5px; color: #646464; font-weight: 300; font-size: 36px; } .footer .is-open .footer-info-heading:before { content: "-"; position: absolute; right: 5px; top: 0px; color: #646464; font-weight: 300; font-size: 40px; } .footer-info-col { border: 0; padding: 0;} .footer .container { padding: 0; } .footer .footer-info { margin: 0; } .footer .footer-info-col { padding: 0 20px; border-top: 1px solid #333333; } .footer-info-col:nth-child(2) { padding: 0;} .footer .footer-info-col .footer-info-col { padding: 0 20px; } .footer .footerBottom { margin-top: 0; padding: 20px 20px; } .footerBottom .copyright { padding-bottom: 10px;} .footerBottom .copyright { font-size: 15px; line-height: 24px; } .footer-info-col:first-child { border-top: 0; } .footer .contactInfo { padding-bottom: 25px; } .ftrNewsletter { margin-top: 0; } .actionBar-section .form-label { padding-left: 0;} .productGrid .product { -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; } .productView .productView-images { max-width: 100%;} .productView .productView-details { max-width: 100%; } .productView .productView-images .productView-img-container::after { padding-bottom: 70%; } .productView .productView-images .productView-image { min-height: 400px; } .productView .productView-thumbnail-link { height: 110px; max-width: 110px; } .productView-options .form-action { width: 50%; padding-right: 2px; } .productView-options .form-action.form-wishlist { width: 50%; padding-left: 2px;} .productView-options .form-action .button { background-position: right 15% center; } .productView-options .form-action.form-wishlist .button { background-position: right 15% center; } .productView-details .socialLinks { margin: 20px 0 0 0; } .productDescTabs { padding: 10px 0 20px 0; } .productDescTabs .tab { display: inline-block;} .account-body { margin: 0; } .cart-totals .cart-total-value { width: 50%; } .cart-totals .cart-total-label { width: 50%;} .navPages-action { color: #000;} .sitemapSec ul li { width: 100%; float: left; } .modal-body .previewCart .productView .productView-image{ padding:20px 0; } .reviewSec .customer-list .customer-box .customer-box-in { min-height: auto; } .page-heading.sub-page-heading { font-size: 40px; padding-top:0px; } .cateSec .cateDtl { padding: 24px 10px 25px 10px; min-height: 210px; } .cateSec .cateDtl .cateTitle { font-size: 15px;} .BetterSec .BetterBox { max-width: 50%; background-color: #fff !important; } .WhatBarrelBuddySec .WhatBarrelBuddyBoxs .WhatBarrelBuddyBox { width: 100%; max-width: 100%; padding: 0 20%; margin-bottom: 15px;} .WhatBarrelBuddySec .WhatBarrelBuddyBoxs .WhatBarrelBuddyBox:last-child { margin-bottom: 0;} .WhatBarrelBuddySec .WhatBarrelBuddyBoxs .WhatBarrelBuddyBox h4 { font-size: 18px; margin-top: 10px;} body .checkoutHeader-logo{ max-width: 100px;} } @media (max-width: 767px){ .about-our-story-inner img{ order:2; } .about-our-story-content{ padding-left:0; } .about-our-story-inner{ flex-wrap:wrap; } .our-mission-section .container{ flex-wrap:wrap; } .our-mission-section{ padding: 40px 0 20px; margin: 40px 0 0 0; } .our-mission-section img{ max-width:60%; } .our-giving-section { padding: 40px 0; } .bannerImg img { min-height: 400px; object-fit: cover; } .banner-bottom-col { width: 100%; } .banner-details { left: 40%; top: 25%; width: 100%;} } @media (max-width: 670px){ .pick-your-size-color-box { width: 100%; padding-right:0; margin-bottom:20px; } .color-box-content h4{ font-size:18px; } .sizechartbtn a{ font-size:16px; } .pick-your-size-pack-description { padding-bottom:20px; margin-bottom:25px; } } @media only screen and (max-width: 640px){ .BlogPost .blog:not(.full-post) { width: 100%; flex: 0 1 100%; padding: 10px; } .cateSec .cateBox { max-width: 100%; } .cateSec .cateDtl { min-height: auto; } .cateSec .cateDtl .cateDtlIn { min-height: auto; } .how-to-use-boxs .how-to-use-box { width: 50%; } .how-to-use-boxs .how-to-use-box:nth-child(9) { border-bottom: 0; } .DegreeSec .DegreeCol:first-child { width: 100%; padding: 0 0 20px 0; } .DegreeSec .DegreeCol:last-child { width: 100%; } .DegreeSec .DegreeCol { text-align: center;} .TraditionSec .TraditionCol:first-child { width: 100%; padding: 0 0 20px 0; } .TraditionSec .TraditionCol:last-child { width: 100%;} .TraditionSec .TraditionCol { text-align: center;} .TraditionSec h4 { font-size: 18px;} .TraditionSec img { max-width: 200px;} .DegreeSec img { max-width: 150px;} } @media only screen and (max-width: 550px){ .footer-info-col { max-width: 100%; } .footer-info-col:first-child, .footer-info-col:nth-child(2), .footer-info-col:nth-child(3), .footer-info-col--small:last-child { width: 100%; max-width: 100%;} .heroCarousel .slick-prev::before, .heroCarousel .slick-next::before { height: 21px; width: 12px; } .ActionSec iframe { height: 180px; padding: 0; } .ProvenSec { padding: 25px 0 30px 0;} .ProvenSec .ProvenBoxs .ProvenBox:nth-child(2) { order: 2; max-width: 100%; margin-bottom: 20px;} .ProvenSec .ProvenBoxs .ProvenBox:first-child { order: 1; max-width: 100%; margin-bottom: 45px; } .ProvenSec .ProvenBoxs .ProvenBox:nth-child(3) { order: 3; max-width: 100%; margin-bottom: 40px;} .ProvenSec .ProvenBoxs .ProvenBox:last-child { order: 4; max-width: 100%; text-align: center;} .ProvenSec .ProvenBoxs .ProvenBox:nth-child(3) img { padding: 0;} .ProvenSec .ProvenBoxs .ProvenBox:first-child { text-align: center;} .ProvenSec .SecTitle { margin-bottom: 20px;} .ProvenSec .ProvenBoxs .ProvenBox:first-child img { max-width: 312px;} .ProvenSec .ProvenBoxs .ProvenBox:last-child img { max-width: 156px;} .ProvenSec ul li:first-child { font-size: 32px; line-height: 45px; padding: 0px 30px 1px 30px; } .ProvenSec ul li { font-size: 18px; line-height: 22px;} .ProvenSec ul { padding: 0 0 20px 0;} .ProvenSec ul:nth-child(2n) { margin: 0 0 0 110px;} .ShopSec .productGrid .product { padding: 5px; margin-bottom: 10px;} .ShopSec .productGrid { margin: 0 -5px;} .ShopSec .productGrid .product .card { padding: 10px;} .sale-flag-side { right: -10px; } .card .card-body .button:not(.dropdown-button) { font-size: 12px;} .card .card-body .button { padding: 8px 35px 8px 25px; } .card .card-body .card-figcaption-button { background-size: 10px;} .card .card-body .rating--small .icon { width: 12px; height: 18px; } .card .card-text[data-test-info-type="price"] { font-size: 14px;} .card .card-body .card-title a { font-size: 12px; line-height: 14px;} .card .card-body .card-title { height: 45px; } .card .card-figure { height: 150px; } .card .card-body { height: calc(100% - 150px); } .card .card-image { max-height: calc(170px - 20px); } .card .card-text[data-test-info-type="price"] { margin-top: 5px; margin-bottom: 5px; } .card .card-body .card-btn { margin-top: 5px;} .ShopSec .BoxRight { font-size: 16px; height: 165px; } #product-listing-container .card .card-image { max-height: calc(150px - 6px); } #product-listing-container .card { padding: 10px;} #product-listing-container .productGrid .card-btn { margin-bottom: 0;} .productGrid .product {padding-left: 5px; padding-right: 5px; } .productGrid { margin: 0 -5px; } #product-listing-container .card .card-figure { height: 150px; } .sort-and-pagination { margin-bottom: 20px;} .HomeBlogSec .viewBtn { position: relative;} .HomeBlogSec .SecTitle { margin-bottom: 15px; font-weight: 700; } .HomeBlogSec .blog-posts .blog .blog-post-body { text-align: center;} .HomeBlogSec .blog-posts .blog .blog-post { text-align: center; line-height: 20px; } .HomeBlogSec .blog-posts .blog .blog-title { font-size: 32px; line-height: 34px; } .ftrNewsletter { background: #154ca1;} .ftrNewsletter .ftrNewsletterBox { margin: 0 0 0 0; padding: 40px 0;} .ftrNewsletter .newsletterHead { padding: 65px 0 0 0; text-align: center; background-position: center top; } .ftrNewsletter .form-prefixPostfix .button { position: relative; right: auto; top: auto; width: 100%; margin-top: 10px; background-position: right 35% center; } .ftrNewsletter .form-prefixPostfix .form-input { width: 100%; padding: 0 30px 0 25px;} .ftrNewsletter .form-prefixPostfix { flex-wrap: wrap; } .newsletterLeft h3 { font-size: 30px;} .newsletterLeft p { line-height: 18px; letter-spacing: 0.4px; } .grid-bg { margin-top: 20px; } .breadcrumb { font-size: 14px;} .page-heading { font-size: 34px; } .page-heading.sub-page-heading { font-size: 34px; line-height: 1.3;} .productView .productView-images .productView-image { min-height: 300px; } .productView .productView-thumbnail-link { height: 80px; max-width: 80px; } .productView-details .socialLinks { margin: 20px 0 25px 0; } .productView-options .form-action { width: 100%; padding-right: 0; } .productView-options .form-action.form-wishlist { width: 100%; padding-left: 0;} .productView-options .form-action .button { background-position: right 10% center; } .productView-options .form-action.form-wishlist .button { background-position: right 10% center; } .productView .productView-images .productView-img-container::after { padding-bottom: 90%; } .productView .productView-images { padding: 0 20px; } .cart-additionalCheckoutButtons .FloatRight p, .previewCart-additionalCheckoutButtons .FloatRight p { text-align: center;} .footer .footer-info { padding: 60px 0 0 0; } #add-to-cart-wrapper .form-action #form-action-addToCart{ margin-bottom:10px; } .cart-list .cart-item .cart-item-quantity{ padding:10px 0; } .how-to-use-boxs .how-to-use-box { padding: 30px 10px 20px 10px; } .how-to-use-boxs .how-to-use-box p { font-size: 15px; } .how-to-use-boxs .how-to-use-box h4 { font-size: 18px; line-height: 60px; width: 60px; height: 60px; } .BetterSec .BetterDtl .BetterTitle { font-size: 16px; padding-bottom: 10px; } .BetterSec .BetterBox .BetterBoxIn .BetterInfo { font-size: 14px;} .PageNavigation ul li { padding: 5px 0; width: 100%; border: 0;} .PageNavigation ul { margin: 0 0 30px 0; } .CleaningSec h4 span { font-size: 16px; } .WhatBarrelBuddySec .WhatBarrelBuddyBoxs .WhatBarrelBuddyBox { padding: 0 2%; } .WhatBarrelBuddySec h3 { font-size: 20px;} .WhatBarrelBuddySec h3 span { font-size: 26px;} .DegreeSec h4 { font-size: 18px;} .banner-details { left: 0; top: 22%; text-align: center; } .banner-details.left { left: 0; } body .bo-in-stock-label:before { left: auto; right: -12px; } .PatriotDistributorSec .actionBlockCntn .seclogoImg{width:100%;} .PatriotDistributorSec .actionBlockCntn .seclogoImg img{max-width: 220px;} .PatriotDistributorSec .actionBlockCntn .secCntn{width:100%; padding:20px 0 0 0;} .PatriotDistributorSec .actionBlockCntn .secCntn .secTitle{font-size: 26px;} .PatriotDistributorSec .actionBlockCntn .secCntn p{font-size: 17px; line-height: 22px;} } @media (max-width: 479px){ h1.page-heading.page-heading-title{ font-size:24px; } .pick-your-size-pack-description h3{ font-size:18px; } .sizechartbtn a{ font-size:14px; padding:9px 35px 9px 20px; background-position:right 15px center; } .about-our-story-inner img , .our-mission-section img{ max-width: 100%; } .about-us-page h3 span{ font-size: 18px; padding: 7px 15px; } }