/* Theme Name: Brasscraft Custom Theme Theme URI: http://brasscraft.com Description: A custom theme for Brasscraft Version: 1.9.0 Author: AMBR Detroit Author URI: http://ambrdetroit.com License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: custom-theme, mobile Text Domain: brasscraft */ @charset "utf-8"; @font-face{ font-family:"Rockwell W01 Extra Bold"; src:url("assets/fonts/0a0a3b6d-c6d4-4867-b940-2fc5a433345f.eot?#iefix"); src:url("assets/fonts/0a0a3b6d-c6d4-4867-b940-2fc5a433345f.eot?#iefix") format("eot"),url("assets/fonts/afea79af-1eb2-4e32-9820-348f1f2256ed.woff2") format("woff2"),url("assets/fonts/5c3157e8-1685-449b-8e7d-ea65660cdffc.woff") format("woff"),url("assets/fonts/7c244623-7559-4bf4-b3c4-bb6874d2acfa.ttf") format("truetype"),url("assets/fonts/f0aba0f2-7ae4-47f0-94aa-6d62a938e55f.svg#f0aba0f2-7ae4-47f0-94aa-6d62a938e55f") format("svg"); } /* @font-face { font-family: 'BrassCraft-Icon-Webfont'; src: url('assets/fonts/BrassCraft-Icon-Webfont-Regular.eot'); src: url('assets/fonts/BrassCraft-Icon-Webfont-Regular.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BrassCraft-Icon-Webfont-Regular.woff') format('woff'), url('assets/fonts/BrassCraft-Icon-Webfont-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } */ /* Reset Styles */ *, *::after, *::before { margin: 0; padding: 0; border: 0; line-height: inherit; color: inherit; text-transform: inherit; font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; background-color: transparent; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling: touch; } ol, ul { list-style: none; list-style-position: inside; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: inherit;} blockquote::before, blockquote::after, q::before, q::after { content: ""; } blockquote, q { quotes: "" ""; } button { cursor: pointer; } button:focus, button:active { outline:0; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { padding:0; border: 0; margin: 0; line-height: normal; } header, footer, nav, article, section, main { display: block; } :-ms-input-placeholder { color: #7f8c8d; opacity: 1; font-weight:600;} ::-webkit-input-placeholder { color: #7f8c8d; opacity: 1; font-weight:600;} ::-moz-placeholder { color: #7f8c8d; opacity: 1; font-weight:600;} select.__placeholder { color: #7f8c8d; opacity: 1; } input, textarea, select { background: none; margin: 0; padding: 0; display: block; width: 100%; line-height: normal; -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="number"]{} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; } select::-ms-expand { display: none; } .hide {display: none;} .relative {position:relative;} /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } .breadcrumbs.breadcrumbs--products::-webkit-scrollbar { width: 0px; height: 0px; } .products__gallery-thumbnails-container::-webkit-scrollbar { width: 0px; height: 0px; } /*------------------------- Core Elements/Tags ---------------------------*/ html { font-size: 16px;} body {font-size: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #26272d; font-family: 'Varela Round', sans-serif; color: #383838; overflow-x: hidden;} em { font-style: italic; } strong { font-weight: bold; } .clear {clear: both;} .clear:after { content : ""; display: block; clear: both; } @media only screen and (min-width : 480px) {} @media only screen and (min-width : 768px) {} @media only screen and (min-width : 992px) {} @media only screen and (min-width : 1200px) {} /*------------------------- CSS Animations ---------------------------*/ @-moz-keyframes pulse { 0% { -moz-transform: scale(0); opacity: 0;} 50% {opacity: 0.6;} 100% { -moz-transform: scale(1); opacity: 0;} } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.1); opacity: 0;} 50% {opacity: 0.6;} 100% { -webkit-transform: scale(1); opacity: 0;} } @-ms-keyframes pulse { 0% { -webkit-transform: scale(0.1); opacity: 0;} 50% {opacity: 0.6;} 100% { -ms-transform: scale(1); opacity: 0;} } /*------------------------- Page Content ---------------------------*/ .page-content{background-color: #fff;} /* .page-content--2{background-color: #f7f7f7;} */ /*------------------------- Headlines ---------------------------*/ .headline { font-weight: bold;} .headline--1, .user-content h1, .gform_title { font-size: 1.75rem; line-height:1.3;} .headline--2, .user-content h2 { font-size: 1.5rem; line-height:1.2; } .headline--3 { font-size: 1.375rem; font-weight: 400;} .headline--4, .user-content h4 { font-size: 1.25rem;} .headline--5, .gform_description { font-size: 1.125rem; font-weight: 400; margin:2px 0 6px;} .headline--6 { font-size: 1.125rem; font-weight: 400;} .headline--7, .user-content h5 {font-size: 1.125rem; line-height:1.3; margin-bottom:4px;} .headline--hero{font-family:'Rockwell W01 Extra Bold', sans-serif; font-size: 1.5rem; line-height:1;} .headline--hero2{font-family:'Rockwell W01 Extra Bold', sans-serif; font-size: 2.75rem; line-height:1;} @media only screen and (min-width : 480px) { } @media only print, only screen and (min-width : 768px) { .headline--1, .user-content h1, .gform_title { font-size: 2.375rem; font-weight: 600; padding-bottom: 0;} .headline--2, .user-content h2 { font-size: 2rem; } .headline--3 { font-size: 1.5rem;} .headline--4, .user-content h4 { font-size: 1.375rem; font-weight: 400;} .headline--5, .gform_description { font-size: 1.375rem;} } @media only screen and (min-width : 992px) { .headline--hero{font-size: 3rem;} .headline--hero2{font-size: 4.125rem;} } @media only screen and (min-width : 1200px) { .headline--hero{font-size: 5rem;} .headline--hero2{font-size: 5.5rem;} } /*------------------------- Buttons ---------------------------*/ .btn, .pagination .page-numbers.next, .pagination .page-numbers.prev, .gform_button, .gform_page_footer input{ position: relative; display: inline-block; vertical-align: middle; text-align: center; margin: 0; text-decoration: none; padding: 11px 40px; width:100%; transition:.3s; line-height: normal; border: 1px solid transparent; font-weight: normal; cursor:pointer; border-radius: 32px; font-family: 'Varela Round', sans-serif;} .btn:hover, .btn:focus, .pagination .page-numbers.next:hover, .pagination .page-numbers.next:focus, .pagination .page-numbers.prev:hover, .pagination .page-numbers.prev:focus, .gform_page_footer input:focus, .gform_page_footer input:hover {} .btn--1, .pagination .page-numbers.next, .pagination .page-numbers.prev, .gform_button, .gform_page_footer input{background-color: #0060a9; color: #fff; width: 100%; display: inline-block; height: 44px; -webkit-appearance: none !important;} .btn--1:hover, .gform_button:hover, .gform_page_footer input:hover{background-color: #003365;} .btn--2{background-color: transparent; color: #fff; border: 2px solid #fff;} .btn--2:hover{background-color: #fff; color: #0060a9;} .btn--secondary { font-size:0.778rem; padding: 6px 12px; } .btn--positive, .btn--positive:active, .btn--positive:visited { color: #fff; background-color: #a2cc66; } .btn--positive:hover, .btn--positive:focus { color: #fff; background-color: #7fad3e; } .btn--neutral, .btn--neutral:active, .btn--neutral:visited { color: #fff; background-color: #70bdc5; } .btn--neutral:hover, .btn--neutral:focus { color: #fff; background-color: #5eadb5; } .btn--negative, .btn--negative:active, .btn--negative:visited { color: #fff; background-color: #d7d5d5; color: #999; } .btn--negative:hover, .btn--negative:focus { color: #fff; background-color: #aaa; color: #fff; } .btn-search, .btn-menu{position: absolute; top: 50%; transform: translateY(-50%); right: 15px; font-size: 2.125rem; display: block;} .btn-search:after, .btn-menu:after{content: '\E8B6'; font-family: 'Material Icons'; color: #000;} .btn-menu{left: 15px; right: auto; top: 55%; } .btn-menu:after{content: '\E5D2';} .gform_page_footer input{margin: 20px 10px 20px 0; width: auto;} .gform_previous_button{background-color: #7f8c8d !important; } .gform_previous_button:hover{background-color: #515353 !important; } @media only print, only screen and (min-width : 480px) { .btn, .pagination .page-numbers.next, .pagination .page-numbers.prev, .gform_button, .gform_page_footer input{ width: auto; max-height: 44px;} } @media only screen and (min-width : 768px) {} @media only screen and (min-width : 992px) {} @media only screen and (min-width : 1200px) {} /*------------------------- Preloader ---------------------------*/ .preloader{position:absolute; top:0; left:0; right:0; bottom:0; background:#FFF; z-index:9999;} .preloader img{display:block; position:absolute; top:100px; right:50%; -webkit-transform: translateX(50%); transform: translateX(50%);} /*------------------------- Background Images ---------------------------*/ .img-bkg{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center center;} .img-bkg--contain{object-fit: contain;} /*------------------------- Spinner ---------------------------*/ .sk-fading-circle {position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); width: 40px;height: 40px;position: relative;} .sk-fading-circle .sk-circle {width: 100%; height: 100%;position: absolute;left: 0;top: 0;} .sk-fading-circle .sk-circle:before {content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #333; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;} .sk-fading-circle .sk-circle2 {-webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);} .sk-fading-circle .sk-circle3 {-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg);} .sk-fading-circle .sk-circle4 {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);} .sk-fading-circle .sk-circle5 {-webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg);} .sk-fading-circle .sk-circle6 {-webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg);} .sk-fading-circle .sk-circle7 {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} .sk-fading-circle .sk-circle8 {-webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg);} .sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg);} .sk-fading-circle .sk-circle10 {-webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);} .sk-fading-circle .sk-circle11 {-webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle12 {-webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle2:before {-webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle3:before {-webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle4:before {-webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle5:before {-webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle6:before {-webkit-animation-delay: -0.7s; animation-delay: -0.7s;} .sk-fading-circle .sk-circle7:before {-webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle8:before {-webkit-animation-delay: -0.5s; animation-delay: -0.5s;} .sk-fading-circle .sk-circle9:before {-webkit-animation-delay: -0.4s; animation-delay: -0.4s;} .sk-fading-circle .sk-circle10:before {-webkit-animation-delay: -0.3s; animation-delay: -0.3s;} .sk-fading-circle .sk-circle11:before {-webkit-animation-delay: -0.2s; animation-delay: -0.2s;} .sk-fading-circle .sk-circle12:before {-webkit-animation-delay: -0.1s; animation-delay: -0.1s;} @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } /*------------------------- Forms + Gravity Form Styles ---------------------------*/ .form-element, .gfield { display: block; margin: 8px 0 0; position: relative;} .form-element:nth-of-type(1) { margin: 0; } .form-element__label, .gfield_label { display: block; margin-bottom: 5px; font-weight: bold; font-size: 0.813rem; transition:all 0.5s;} .form-element__label--color1{color: #383838; font-size: .938rem; font-weight: 400} .form-element__label--cities{display: inline; font-weight: 400;} .form-element__field, .ginput_container {transition:all 0.5s; position:relative; display: block; width: 100%; background: transparent; border-bottom: 2px solid #7f8c8d; color: #7f8c8d; min-height: 33px; margin-bottom: 22px;} .form-element__field--location{border-bottom: 2px solid #0060a9; color: #0060a9; padding: 0 0 0 20px;} .form-element__field--keywords{border-bottom: 2px solid #7f8c8d; color: #7f8c8d; font-size: 0.875rem; height: 30px;} .form-element__field input, .ginput_container input, .form-element__field select, .ginput_container_select select { position: relative; z-index: 2; color: #7f8c8d; font-family: 'Hind', sans-serif; opacity: 1; padding-left:10px;} .form-element.is-active .form-element__label, .gfield.is-active .gfield_label { color: #0060a9; } .form-element.is-active .form-element__field, .gfield.is-active .ginput_container{border-bottom: 2px solid #0060a9;} .form-element__field--select:after, .form-element__field--icon:after { position: absolute; top: 50%; right: 10px; width: 20px; height: 20px; z-index: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight:normal; } .form-element__field--select-config{height: 45px; border: 1px solid #C2C2C2; border-radius: 5px;} .form-element__field--select-config:after{width: auto; height: auto;} .form-element__field--select-config select{height: 100%; padding-right: 40px;} .form-element__field--select-products{border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; width: 250px; height: 30px; font-size: 0.875rem; display: -ms-inline-flexbox;} .form-element__field input, .form-element__field--select-products select{font-weight: 400; color: #7f8c8d; padding-top: 5px; padding-left:10px; } .form-element__field--select.form-element__field--select-products:after{color: #7f8c8d;} .form-element__field--select.is-active{border-bottom: 2px solid #7f8c8d;} .form-element.is-active .form-element__field--select--products{border-bottom: 1px solid #c7c7c7;} .form-element__field input::webkit-input-placeholder{color: #7f8c8d;} .form-element__field--search input::-webkit-input-placeholder{color: #fff; font-family: 'Hind', sans-serif; font-weight: 600;} .form-element__field--search input::-moz-placeholder {color: #fff; font-family: 'Hind', sans-serif; font-weight: 600;} .form-element__field--search-2 input::-webkit-input-placeholder {color: #000} .form-element__field--search-2 input::-moz-placeholder {color: #000} .form-element__field--search-2.form-element__field--icon:after{color: #aaa;} .form-element__field--search{color: #fff; border-bottom:3px solid #fff; height: 35px;} .form-element.is-active .form-element__field--search{border-bottom: 3px solid #fff;} .form-element__field--search input{font-family: 'Hind', sans-serif;} .form-element__field--search-2{color: #000; border-bottom:3px solid #000;} .form-element.is-active .form-element__field--search-2{border-bottom: 3px solid #000;} .form-element__field--search-2 input{color: #000;} .form-element__field--location input{padding-top: 20px; color: #0060a9; font-family: 'Hind', sans-serif;} .form-element__field--location input::-webkit-input-placeholder {color: #0060a9; font-family: 'Hind', sans-serif;} .form-element__field--location input::-moz-placeholder {color: #0060a9; font-family: 'Hind', sans-serif;} .form-element__field--select:after { content: "\E313"; font-family: "Material Icons"; color: #7f8c8d; font-size: 1.5rem;} .form-element__field--icon:after { content: "\E8B6"; font-family: "Material Icons"; color: #80b0d4; font-size: 1.5rem;} .form-element__field--keywords.form-element__field--icon:after{color: #7f8c8d; font-size: 1.25rem; right: 10px; top: 50%;} .form-element__field--keywords input{padding-top: 3px;} .form-element__field--cities{font-size: 1.5rem; font-family: 'Hind', sans-serif; font-weight: 700; padding-bottom: 35px; margin-left: 10px; width: 230px; display: inline-block; vertical-align: top;} input[type="checkbox"], .form-element input[type="radio"] { display: none; } input[type="checkbox"] + label {cursor:pointer; position: relative; padding-left: 40px; font-weight: 400; font-size: 0.937rem; line-height:1.3;} input[type="checkbox"] + label:before { content: ""; position: absolute; top: 8px; left: 0; width: 20px; height: 20px; border-radius: 5px; border: 2px solid #c8c8c8; background-color: transparent; transform: translateY(-50%);} input[type="checkbox"]:checked + label:before{border: 2px solid #0060a9;} input[type="checkbox"]:checked + label:after { line-height:1.1; content: "\E5CA"; color: #fff; font-family: Material Icons; padding: 1px 0 0 1px; position: absolute; top: -1px; left: 1px; width: 18px; height: 18px; border-radius: 5px; background-color: #0060a9;} input[type="radio"] + label { position: relative; padding-left: 30px; padding-right: 30px; margin-bottom: 15px; font-weight: 400; font-size: 0.937rem;} input[type="radio"] + label:before{ content: ''; position: absolute; top: 2px; left: 0; width: 20px; height: 20px; border: 1px solid #c8c8c8; border-radius: 100%; background-color: #fff; } input[type="radio"]:checked + label:after { content: ""; position: absolute; top: 12px; left: 10px; width: 18px; height: 18px; border-radius: 100%; background-color: #0060a9; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } input[type="radio"]{visibility: hidden;} .form-field__radio .ginput_container{height: auto; border-bottom: none; list-style-type: none; display: flex;} .ginput_container_textarea{height: 135px; width: 100%; padding-top: 10px; margin-bottom: 30px; border-bottom: 2px solid #7f8c8d;} .form-element__textarea{width: 100%; margin-top: 40px;} .textarea{height: 125px;} .form-field__full{width: 100%; height: 44px; margin-bottom: 40px;} .validation_message{margin-top: -15px; color: #d50d0d; font-weight: 700; font-size: 0.875rem;} .validation_error{color: #d50d0d; font-weight: 700; padding-top: 20px;} .gform_footer{margin-top: 20px;} #field_2_1 ul{margin-left: 50px;} .gfield h4{margin-bottom:40px !important;} .form-field__multi-line-checkboxes input[type="checkbox"] + label{height:80px; width:100%;} .form-element__field--heading{width:100%;} .form--style2{} .form--style2 input[type="radio"] + label, .gfield_radio label{ padding-left: 22px; color: #383838 !important;} .form--style2 input[type="radio"] + label:before{top: 4px; left: 0; width: 14px; height: 14px; border: 1px solid #383838;} .form--style2 input[type="radio"]:checked + label:after {top: 7px; left: 3px; width: 8px; height: 8px; -webkit-transform: translate(0,0); transform: translate(0,0);} .form--style2 .ginput_container{margin: 0 !important;} .form--style2 .ginput_container_select select{ color: #383838; font-size: 0.813rem;} .form--style2 .gfield_radio{margin: 15px 0 0 0} .form--style2 .gfield{margin-top: 30px;} .form--style2 .gfield:nth-of-type(1){margin-top: 0;} .form--style2 .ginput_container.ginput_container_text{padding: 5px 0 0 0;} .form--style2 .gform_button, .form--style2 .gform_page_footer input{margin: 0;} .form--style2 .gform_page_footer{margin: 35px 0 0 0;} .form--style2 .validation_message{margin: 0;} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) { .form-element__field--search{width: 70%; margin: 0 auto;} .form-element__field--third{width: 30%; max-height: 90px;} .form-element__field--half{width: 47.5%; max-height: 90px;} .form-element__field--whole{width: 100%;} .gform_body{padding-top: 40px; position: relative;} .gform_page_footer{width: 100%; float: left;} .form-field__multi-line-checkboxes input[type="checkbox"] + label{height:100px; width:190px;} .form--style2 input[type="radio"] + label{margin-bottom: 0px;} } @media only screen and (min-width : 992px) { .form-element__field--search{font-size: 2rem; height: 66px; width:750px;} .gform_body ul{display: flex; flex-wrap: wrap; justify-content: space-between;} .form-element__field--search-2{border-bottom: 3px solid #000;} .form-element__field--search input{padding-right: 50px;} .form-element__field--icon:after{font-size: 2.75rem; right: 30px; top: 33%;} .form-element__field--location{width: 65%; position: relative;} .form-element__field--location input{font-size: 1.125rem; padding-top: 0;} .form-element__field--cities{margin-left: 10px;} } @media only screen and (min-width : 1200px) { .form-element__field--search input{padding-left: 20px; padding-right: 60px;} .form-element__field--icon:after{right: 45px;} } /*------------------------- Pagination ---------------------------*/ .pagination {padding: 25px 0;} .pagination .page-numbers{transition:all 0.5s; position: relative; height: 50px; width: 50px; border-radius: 100%; text-decoration: none; display: inline-block; text-align: center; padding-top: 10px; border: 2px solid #ededed; margin: 0 3px;} .pagination .page-numbers.next, .page-numbers.prev{width: auto; height: auto; margin-right: 3px;} .pagination .page-numbers.next {margin-left: 3px; margin-right: 0;} .pagination .page-numbers.current, .pagination .page-numbers:hover{background-color: #0060a9; border: 2px solid transparent; color: #fff; } .page-numbers.next:hover, .page-numbers.prev:hover{border: 1px solid #003365; background-color: #003365;} @media only screen and (min-width : 480px) {} @media only screen and (min-width : 768px) { .pagination {padding: 50px 0;} } @media only screen and (min-width : 992px) {} @media only screen and (min-width : 1200px) {} /*------------------------- Container ---------------------------*/ .container{width: 90%; margin: 0 auto;} .container:after{content: ''; display: block; clear: both;} @media only screen and (min-width : 480px) {} @media only screen and (min-width : 768px) {} @media only screen and (min-width : 992px) { .container{max-width: 1320px;} .container--product{max-width: 1000px;} } @media only screen and (min-width : 1200px) {} /*------------------------- Divider ---------------------------*/ .divider{background-color: #fff; text-align: center; width: 100%; padding: 20px 0 15px; color: #000; border-top:1px solid #ededed; border-bottom:1px solid #ededed; font-family: 'Hind', sans-serif;} .divider__heading{font-weight: 600; font-size: 1.5rem;} @media only screen and (min-width : 480px) {} @media only screen and (min-width : 768px) { .divider__heading{font-size: 1.75rem;} } @media only screen and (min-width : 992px) {} @media only screen and (min-width : 1200px) {} /*------------------------- Alert Box ---------------------------*/ .alert{display: none; width: 90%; color: #fff; padding: 15px 45px 15px 20px; border-radius: 5px; position: relative;} .alert--success{background-color: #a4bb54; text-align: left} .alert--neutral{background-color: #0060a9;} .alert--failure{background-color: #bb5465;} .alert--open{ opacity: 0; transition: 400ms; display: block; position: fixed; max-width: 500px; width: auto; min-width: 200px; height: auto; bottom: 50%; right: 50%; z-index: 99999; transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%);} .alert--fade-in{opacity: 1;} .alert button{position: absolute; transition: 0.5s all; width: 26px; border-radius: 100%; height: 26px; bottom: 10px; right: 10px; top: 11px;} .alert button:after{content: '\E888'; z-index: 10; font-size: 1.5rem; font-family: Material Icons; color: rgba(255, 255, 255, 0.6); position: absolute; bottom: 50%; right: 50%; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%);} .alert button:hover{background-color: red;} @media only screen and (min-width : 480px) {} @media only screen and (min-width : 768px) {} @media only screen and (min-width : 992px) {} @media only screen and (min-width : 1200px) {} /*------------------------- Social Media Menu ---------------------------*/ .social-media-menu__icon{font-family: FontAwesome; color: #7F8C8D; text-decoration: none; margin: 0 18px;} .social-media-menu__icon:hover{color: #0060a9;} .social-media-menu__icon--facebook:before{content: '\f09a';} .social-media-menu__icon--instagram:before{content: '\f16d';} .social-media-menu__icon--twitter:before{content: '\f099';} .social-media-menu__icon--linkedin:before{content: '\f0e1';} .social-media-menu__icon--youtube:before{content: '\f167';} @media only screen and (min-width : 480px) {} @media only screen and (min-width : 768px) {} @media only screen and (min-width : 992px) { .social-media-menu__icon{font-family: FontAwesome; color: #7F8C8D; text-decoration: none; margin: 0 9px;} } @media only screen and (min-width : 1200px) {} /*------------------------- Tabs ---------------------------*/ .tabs__content{display: none; padding: 50px 0; margin: 0 auto; width: 100%; position: relative;} .tabs__content.is-open{display: block;} @media only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) { .tabs__content{padding: 100px 0; margin: 0 auto;} .tabs__content--3{padding: 60px 0 0;} .tabs__content--4{padding: 70px 0 40px;} } @media only screen and (min-width : 992px) { .tabs__content{ width: 60%;} } @media only screen and (min-width : 1200px) {} /*------------------------- Media ---------------------------*/ .products__link{display: flex; flex-direction: column; text-decoration: none; height: 100%; width: 100%; text-align: left; border: 1px solid #EFEFEF; border-radius: 5px;} .products__list{padding-top: 40px; padding-bottom:20px; font-family: 'Hind', sans-serif; position: relative; display: flex; overflow: hidden;} .products__list--search{display: block;} .products__list--type{flex-wrap: wrap; display: block; overflow-x:hidden; width:100%; padding-top: 25px;} .products__list-item{position: relative; max-width: 300px; transition:all 0.5s; margin-right: 40px; background-color: #fff; text-decoration: none; overflow: hidden; display: inline-block; border-radius: 5px;} .products__list-item--advice{min-width: 270px; max-width: 270px;} .products__list-item:after{content: ''; display: block; clear: both;} .products__list-item--search{width: 100%; display: block; margin: 0 auto; background-color: transparent; padding: 20px 0 10px; font-size: 0.8rem; line-height: 1.3;} .products__list-item--type{margin: 0 auto 30px; width: 100%; display: block;} /*.products__list-item--type:last-child {margin-bottom:0;}*/ .products__list-item--thumbnail{max-width: 50px; min-width: 50px; margin-right: 15px;} .products__list-item:hover .products__heading{color: #0060a9; transition:all 0.5s;} .products__list-item-btn{width: 40px; height: 40px; position: absolute; z-index: 10; bottom: 50%; -webkit-transform: translateY(50%); transform:translateY(50%); left: 0} .products__list-item-btn:before{content: '\e314'; transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%); bottom: 50%; right: 50%; font-family: Material Icons; font-size: 2rem; color: #0060a9;} .products__list-item-btn--right{right: 0; left: initial;} .products__list-item-btn--right:before{content: '\e315';} .products__media{ border-bottom: 1px solid #EFEFEF; border-radius: 5px; height: 180px; width:100%; position: relative;} .products__media--type{height: 200px;} .products__media--search{height: 120px; border-bottom: 1px solid transparent; float: left; margin-right: 20px;} .products__media--thumbnail{width: 50px; height: 50px; border-bottom: none;} .products__media--expanded{height: 50vh; overflow: hidden;} .products__media--border{border: 1px solid #EFEFEF;} .products__media-preview{display: block; width: 100%; height: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; border-top-left-radius: 5px; border-top-right-radius: 5px;} .products__media-preview--expanded{background-size: contain;transition: transform .5s ease-out;} .products__media-preview--thumbnail{width: 50px; height: 50px; background-size: contain; padding: 10px; background-origin: content-box;} .products__media-preview--video{background-size: cover;} .products__media-preview--search{border: 1px solid #ededed; background-size: contain; background-color: #fff; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 120px; margin: 0 auto;} .products__media-preview--icon:after{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-family: Material Icons; content: '\E037'; font-size: 5rem; filter: drop-shadow(1px 1px 1px #222);} .products__media-preview--icon-thumbnail:after{font-size: 2rem; color: rgba(255, 255, 255, 0.75);} .products__info{padding: 35px 0 50px; color: #7f8c8d;} .products__info .container{width: 85%;} .products__info.products__info--search{padding: 0;} .products__info--type{padding: 30px 0; line-height: 1.4;} .products__heading{font-weight: 600; color: #000; line-height: 1.3;} .products__heading--search{font-size: 0.937rem;} .products__description{font-size: 0.937rem; margin-top: 15px; color: #383838} .products__description--search{font-size: 1rem; } .products__slider{text-align: center; position: relative; margin-top: 12px;} .products__slider-button{width: 25px; height: 5px; background-color: #0060a9; margin-right: 10px; display: inline-block;} .products__slider-button--alternate{background-color: #fff;} .products__slider-button--disabled{background-color: #7f8c8d;} .products__gallery{margin: 100px 0 35px; position: relative;} .products__gallery .products__list-item--expanded { width:100%; height: 100%;} .products__gallery-thumbnails{margin: 15px 0; float:left; width:100%;} .products__gallery-thumbnails-btn{transition: 300ms; border-radius: 100%; background: #F7F7F7 ;position: absolute; bottom: 10px; left: 10px; width: 30px; height: 30px;} .products__gallery-thumbnails-btn:hover{ background: #cbcbcb} .products__gallery-thumbnails-btn--down{left: auto; right: 10px} .products__gallery-thumbnails-btn:before{content: '\e316'; font-family: Material Icons; font-size: 2rem; color: #0260AA; position: absolute; bottom: 50%; right: 50%; transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%)} .products__gallery-thumbnails-btn--down:before{content: '\e313'} .products__gallery-thumbnails .products__list-item, .products__gallery-thumbnails .products__list-item:nth-of-type(2n), .products__gallery-thumbnails .products__list-item:nth-of-type(3n), .products__gallery-thumbnails .products__list-item:nth-of-type(4n) {width:75px; margin:0 18px 18px 0;} .products__media--expanded{padding: 25px;} .products__viewport{position: relative;} .products__media--mobile{background-color: #fff;} .products__media--mobile a{height: 100%; max-width: 100%; min-width: 100%} .products__media--mobile div{width: 100%; height: 100%} @media only print, only screen and (min-width : 480px) { .products__gallery .products__list-item--expanded { width:350px;} } @media only print, only screen and (min-width : 768px) { .products__list-item {width:calc((100% - 80px ) / 2 ); margin: 0 40px 40px 0;} .products__info--search{margin-top: 15px;} .products__list--type{display: flex; flex-direction: row; overflow:visible; padding-top: 60px;} .products__list-item--search{display: flex; width: 70%; font-size: 1rem; padding: 30px 0 0; max-width: 100%;} .products__list-item--search-pages{padding-top: 15px;} .products__media--search{margin-right: 40px;} .products__heading--search{font-size: 1.125rem; font-weight: 600;} .products__description--search{font-size: 0.937rem; line-height: 1.5;} .products__subgroup{margin-bottom: -85px;} .products__subgroup:last-of-type{margin-bottom: -50px;} .products__info .container{width: 74%;} .products__gallery .products__list-item--expanded{width: calc(100% - 100px); max-width: none; } .products__list-item-btn{left: -5px;} .products__list-item-btn--right{right: 95px; left: initial;} } @media only screen and (min-width : 992px) { .products__list-item:hover{box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25); transform:translatey(-10px);} .products__list-item--thumbnail.products__list-item:hover{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); transform:translatey(-10px);} .products__list-item-btn{display: none;} .products__list-item--search:hover, .products__list-item--expanded:hover{box-shadow: none; transform: none;} .products__gallery{display: flex; flex-direction: row-reverse; justify-content: flex-end; margin-top: 20px;} .products__gallery-thumbnails{float: left; margin: 0 20px 0 0; width:75px;} .products__list-item--thumbnail{max-width: 75px; min-width: 75px; margin-bottom: 18px; display: block;} .products__media--thumbnail{width: 75px; height: 75px;} .products__media--expanded{height:100%;} .products__list-item--expanded {width: 100%; max-width: none;} .products__media-preview--thumbnail{width: 75px; height: 75px;} .products__media-preview--icon-thumbnail:after{font-size: 3rem;} .products__gallery .products__list-item--expanded{margin-right: 100px;} .products__media--mobile{display: none;} } @media only screen and (min-width : 1200px) { .products__list-item {width:calc((100% - 120px) / 4 ); min-width: inherit; max-width: 300px; margin: 0 40px 40px 0;} .products__list-item:nth-of-type(4n) {margin-right:0;} .products__list--type{justify-content: flex-start;} } /*------------------------- Title ---------------------------*/ .title{text-align: center; padding: 35px 5px; word-wrap: break-word; background-color:#FFF; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;} .title:before{content: ''; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .title__heading{color: #ffdd00; text-transform: uppercase; margin-bottom: 5px; position: relative;} @media only screen and (min-width : 480px) {} @media only screen and (min-width : 768px) {} @media only screen and (min-width : 992px) { .title{padding: 108px 50px;} } @media only screen and (min-width : 1200px) {} /*------------------------- Top Content ---------------------------*/ .top-content{padding: 20px 0 40px; position: relative; font-family: 'Hind', sans-serif; background-color: #fff;} .top-content:first-of-type{padding: 45px 0;} .top-content--alternate{background-color: #fff;} .top-content h1, .top-content h2, .top-content h4{color: #000;} .top-content.top-content--no-padding{padding: 0 0 40px;} @media only screen and (min-width : 992px) { .top-content .container{width: 60%; margin: 0 auto;} .top-content{padding: 80px 0;} } @media only screen and (min-width : 1200px) {} /*------------------------- User Generated Content ---------------------------*/ .user-content {color: #383838} .user-content h1, .user-content h2, .user-content h3, .user-content h4, .user-content h5, .user-content h6 {color: #000; padding-top: 20px; font-weight: 600; line-height: 1.2;} .user-content h4{margin-top: 0; line-height: 1.4;} .user-content h4.user-content__date{margin: 0;} .user-content p{color: #383838; padding: 10px 0; line-height: 1.8;} .user-content--color1 p{color: #383838;} .user-content ul{list-style-type: disc; list-style-position: outside; margin:0 0 10px 35px; width: 100%;} .gform_page_fields ul{margin-left: 0;} .gform_wrapper .gform_body ul{margin-left: 0;} .user-content .form-field__radio ul{list-style-type: none;} .user-content ol{list-style-type: decimal; list-style-position: outside; margin:0 0 10px 35px;} .user-content a{transition: 0.5s all; color: #0060a9;} .user-content a:hover{color: #000080;} .user-content .italic, .user-content em { font-style: italic; } .user-content strong, .user-content b{font-weight:700;} .user-content img{max-width:100%; height:auto; display:block; margin-bottom:40px;} .user-content .wp-caption-text{line-height:1.4; margin-top:-30px; font-style:italic;} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) { .user-content .alignright {float:right; margin:0 0 20px 40px;} .user-content .alignleft {float:left; margin:0 40px 20px 0;} .user-content .aligncenter {display: block; margin-left: auto; margin-right: auto;} .user-content a img.alignright {float:right; margin:0 0 20px 40px;} .user-content a img.alignleft {float:left; margin:0 40px 20px 0;} .user-content a img.aligncenter {display: block; margin-left: auto; margin-right: auto;} .gform_page_fields ul{display: flex; flex-wrap: wrap; justify-content: space-between;} } @media only screen and (min-width : 992px) { .user-content .container{width: 60%; margin: 0 auto;} .user-content__text p{padding: 15px 0;} } @media only screen and (min-width : 1200px) {} /*------------------------- Bread Crumbs ---------------------------*/ .breadcrumbs{font-size: 0.813rem; padding-bottom: 15px; font-family: 'Varela Round', sans-serif; line-height:1.5; display:block; color: #717A7B;} .breadcrumbs--products{padding: 0px; overflow-x: auto; white-space: nowrap; } .breadcrumbs__list-item{display: inline-block; padding-left:5px;} .breadcrumbs__list-item:first-of-type{padding-left:0;} .breadcrumbs a{text-decoration: none; display: inline; transition: 0.5s all; padding-right:3px;} .breadcrumbs a:hover{color: #0060a9;} @media only screen and (min-width : 480px) {} @media only screen and (min-width : 768px) { .breadcrumbs:after{content: ''; display: block; clear: both;} .breadcrumbs{padding-bottom: 30px;} .breadcrumbs--products{padding: 0px;} } @media only screen and (min-width : 992px) { .breadcrumbs{width: 45%;} .breadcrumbs--products{width: 100%;} } @media only screen and (min-width : 1200px) {} /*------------------------- 404 Page ---------------------------*/ .error-page{padding: 100px 0; font-family: 'Hind', sans-serif; text-align: center;} .error-page:before{content: '\E000'; font-family: Material Icons; color: #0060a9; text-align: center; font-size: 2.5rem; display: block; padding-bottom: 20px;} .error-page__heading{color: #0060a9; font-weight: 700; line-height: 1.2;} .error-page__text{font-size: 1.125rem;} @media only print, only screen and (min-width : 480px) { .error-page:before{padding-bottom: 30px;} } @media only print, only screen and (min-width : 768px) { .error-page:before{padding-bottom: 40px; font-size: 3rem;} } @media only screen and (min-width : 992px) { .error-page{padding: 140px 0 200px;} .error-page:before{font-size: 4rem;} } @media only screen and (min-width : 1200px) {} /*------------------------- Results + Dropdown ---------------------------*/ .results{margin: 20px 0;} .results__pages{color: #000; font-size: 0.8125rem; margin-right: 10px;} .results__dropdown{margin: 10px 0 0;} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) { .results{margin: 0;} .results__dropdown{display: inline-block; margin: 0; font-family: 'Varela Round', sans-serif;} } @media only screen and (min-width : 992px) { .results{position: absolute; top: 25px; right: 5%; margin: 0;} .results__dropdown{margin-left: 25px;} } @media only screen and (min-width : 1200px) { .results__dropdown{margin-left: 45px;} } /*------------------------- Call Out Boxes ---------------------------*/ .callout-boxes{font-family: 'Hind', sans-serif; color: #fff; display: flex;} .callout-box{padding: 33px 0 52px; flex: 1; min-height: 275px;} .callout-box .container{width: 90%; margin: 0 auto;} .callout-box--1{background-color: #0060a9;} .callout-box--2{display: none; background-color: #0a41c0;} .callout-box--3{display: none; background-color: #003365;} .callout-box__button{margin: 40px 0 0;} .callout-box__text{margin-top: 7px;} .callout-box__text.headline--3 {font-size:1.25rem;} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) { .callout-box--2{display: block;} .callout-box .container{width: 80%;} .callout-box__text.headline--3 {font-size:1.5rem; line-height:1.5; padding-bottom: 50px;} .callout-box{position: relative; min-height: 300px;} .callout-box__button{position: absolute; bottom: 33px;} } @media only screen and (min-width : 992px) { .callout-box--3{display: block;} } @media only screen and (min-width : 1200px) { .callout-box .container{width: 70%;} } /*------------------------- Featured Product ---------------------------*/ .featured-product{ position: relative; display: block; border-radius: 5px; height: 220px; width: 100%; background-color: #fff; padding:35px 20%; text-decoration: none;} .featured-product:after{content: 'Featured'; text-transform: uppercase; font-weight: 700; padding: 7px 20px; background-color: #ffdd00; color: #0060a9; position: absolute; top: 0; left: 0; border-bottom-right-radius: 5px; border-top-left-radius: 5px; font-size: 0.75rem; letter-spacing: 1px; text-decoration: none;} .featured-product__image{ display: block; border-radius:5px; max-height: 300px; position: absolute; top: 50%; left: 50%; transform: scale(0.5) translate(-100%, -100%);} .featured-product__caption{text-align: center; padding: 15px 0;} @media only screen and (min-width : 480px) {} @media only screen and (min-width : 768px) {} @media only screen and (min-width : 992px) {} @media only screen and (min-width : 1200px) {} /*------------------------- Video Player ---------------------------*/ .video{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;} .video.is-open{display: block;} .video-button{position: absolute; top: 0; right: 0; width: 100px; height: 100px; z-index : 10;} .video-button:after{content: '\E5CD'; font-family: 'Material Icons'; color: #c5c5c5; font-size: 2.75rem;} .video-popup{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5;} @media only screen and (min-width : 480px) {} @media only screen and (min-width : 768px) {} @media only screen and (min-width : 992px) {} @media only screen and (min-width : 1200px) {} /*------------------------- Search Overlay ---------------------------*/ .search-overlay{width: 100%; height: 100%; position: fixed; top: -140%; right: 0; background-color: rgba(255, 255, 255, 1); z-index: 500; transition: 1s all;} .search-overlay__button{position: absolute; top: 15px; right: 10px; z-index: 15;} .search-overlay__button:after{content: '\E5CD'; font-family: 'Material Icons'; color: #7f7f7f; font-size: 2rem; top: 15px; right: 17px;} .search-overlay.is-open{top: 0; z-index: 1000;} .search-overlay__input{position: absolute; top: 25%; width: 90%; z-index: 5; transition: 1s all;} .search-overlay__input.is-submitted{top: 65px; } .search-overlay__input.is-submitted .search-overlay__tabs{display: block;} .search-overlay .products__link{display: flex;} .search-overlay .products__list{padding: 0 0 60px; overflow-x:hidden;} .search-overlay .headline--4{color: #000; font-family: 'Hind', sans-serif; text-align: center; font-weight: 700;} .search-overlay__section{border-bottom: 1px solid #7f8c8d; margin:0 auto 40px; width:90%;} .search-overlay__section:last-of-type{border-bottom: none;} .search-overlay__section .products__link{display: block; border: 0; } .search-overlay__results{width:100%; overflow: auto; height: 80vh; z-index: 1; position: absolute; left: 0; top: 180px; } .search-overlay__results .products__media--search {float:left;} .search-overlay__results .products__media-preview--search {float:left; padding: 10px; background-size: contain; background-origin: content-box;} .search-overlay__results .products__list-item {width:100%; margin-right:0px; max-width:none;} .search-overlay__tabs{padding-top: 0px; max-width: 750px;margin: 0 auto; display: none; font-size: 0.875rem; background:#FFF;} .search-overlay__tab{display: inline-block; font-family: 'Varela Round', sans-serif; margin-right: 15px; padding-bottom: 5px; border-bottom: 3px solid transparent; cursor:pointer; transition:all 0.5s;} .search-overlay__tab-content{display: none;} .search-overlay__tab-content.is-open, .gform_wrapper.is-open{display: block;} .search-overlay__tab:last-of-type{margin-right: 0;} .search-overlay__tab.is-open, .search-overlay__tab:hover, .search-overlay__tab:active{border-bottom: 3px solid #0060a9; color: #000;} .search-overlay__tabs{padding-bottom: 30px;} .search-overlay .products__description{margin-top: 0;} .search-overlay__no-results{padding: 50px 0; text-align: center;} .search-overlay__document-list{width: 100%; list-style-type: none; margin-bottom:30px;} .search-overlay__document-list-item{padding: 20px 30px 20px; position: relative; transition: 0.5s all;} .search-overlay__document-list-item:hover{background-color: #f7f7f7;} .search-overlay__document-list-item:before{content: '\E415'; font-family: Material Icons; color: #0060a9; font-size: 1.3rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .search-overlay__document-list-item:after{content: '\E2C4'; font-family: Material Icons; color: #7f8c8d; vertical-align: middle; font-size: 1.7rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .search-overlay__document-list-item:hover:after{color: #0060a9;} .search-overlay__document-list-link{text-decoration: none; display: block; line-height: 1;} .search-overlay__document-list-item-details{font-size: 0.75rem; font-weight: 700;} .search-overlay__document-list-item:hover .resources__subheading {color:#0060a9;} @media only screen and (min-width : 480px) {} @media only screen and (min-width : 768px) { .search-overlay__section{margin-bottom:0px;} .search-overlay__input{width: 100%; left: 0;} .search-overlay__document-list-item{padding: 20px 30px 20px 33px;} .search-overlay .products__info--search{margin-top: 0;} .search-overlay__results {top: 180px; } .search-overlay__tabs{padding-top: 30px; max-width: 750px; margin: 0 auto; width: 70%; font-size: 1rem;} .search-overlay__tab{display: inline-block; font-family: 'Varela Round', sans-serif; margin-right: 40px;} .search-overlay__tab:last-of-type{margin-right: 0;} } @media only screen and (min-width : 992px) { .search-overlay__results{top: 150px; } .search-overlay__section{max-width:750px; width:100%; margin:0 auto 40px;} .search-overlay__tab-content{padding-top: 0;} .search-overlay__input{top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;} .search-overlay__button:after{font-size: 2.75rem;} .search-overlay__input.is-submitted{top: 100px;} .search-overlay .headline--4{font-size: 2.375rem; padding-top: 40px;} } @media only screen and (min-width : 1200px) {} /*------------------------- Header ---------------------------*/ .header__menu-list--mobile .sub-menu{display: none; border-bottom: 2px solid #bfc5c6;} .header__menu-list--mobile .sub-menu .header__menu-list-item-link{border: none; font-size: .875rem; padding: 12px 25px;} .secondary-menu__item-link{padding: 10px 10px 10px 45px; color:#7F8C8D; position: relative; display: block; text-decoration: none;} .secondary-menu__item-link:before{content: "\E894"; position: absolute; font-family: Material Icons; bottom: 50%; left: 15px; font-size: 1.2rem; transform: translateY(50%); font-size: 1.2rem} .secondary-menu .secondary-menu__item-link.menu-item--lang:before{content:'\E896';} .header{position: relative; padding: 18px 0; border-bottom: 1px solid #ededed; font-family: 'Varela Round', sans-serif; background-color: #fff;} .header__logo{margin: 0 auto; display: block; height: 35px; width: 175px;} .header__logo-menu{margin-left: 65px; background-color: #fff; height: 35px; width: 175px;} .header__menu-overlay-content { position: fixed; top: -100%; z-index: 10000; width: 100%; transition: 1s all; background-color: #fff; padding-top: 20px; overflow: auto; height: 100%; z-index: 100;} .header__menu-overlay-content-container{width: 95%; margin: 0 auto;} .header__menu-overlay-close{position: absolute; top: 11px; left: 10px;} .header__menu-overlay-close:after{content: '\E5CD'; font-family: 'Material Icons'; color: #c5c5c5; font-size: 2.75rem;} .header__menu.is-open .header__menu-overlay, .header__menu.is-open .header__menu-overlay-content {top: 0;} .header__social-media{text-align: center; font-size: 1.125rem; padding: 10px 0 20px; background-color: #fff;} .header__menu-list{background-color: #fff; margin-top:10px;} .header__menu-link{text-decoration: none; display: inline-block;} .header__menu-list-item{position: relative;} .header__menu-list-item-link--arrow:after{content: '\E313'; font-family: 'Material Icons'; font-size: 1.5rem; color: #000; position: absolute; cursor: pointer; bottom: 50%; right: 15px; transform: translateY(50%);} .header__menu-list-item-link{z-index: 5; position: relative; border-bottom: 2px solid #bfc5c6; padding: 10px 15px; display: block; text-decoration: none; color: #000;} .header__menu-sub-list{display: none; border-bottom: 2px solid rgb(191, 197, 198);} .header__menu-sub-list.is-open{display: block;} .header__menu-sub-list-item{position: relative;} .header__menu-sub-list-item-link{font-size: .875rem; padding: 12px 25px; display: block; text-decoration: none; color: #000;} .header__menu-list--alternate .header__menu-list-item-link{color: #7f8c8d; border-bottom: none; padding-left: 10px; display: inline-block;} .header__menu-info .header__menu-list-item-link{border-bottom: none; display: inline-block;} .header__menu-list-item--list, .header__menu-list-item--language, .header__menu-list-item--address, .header__menu-list-item--number{display: flex; padding: 10px 0;} .header__menu-list-item--list a, .header__menu-list-item--language a, .header__menu-list-item--address a, .header__menu-list-item--number a{padding: 0 10px;} .header__menu-list-item--list:before, .header__menu-list-item--language:before, .header__menu-list-item--address:before, .header__menu-list-item--number:before{content: '\E896'; font-family: 'Material Icons'; font-size: 0.937rem; display: inline-block; vertical-align: middle; padding-left: 15px;} .header__menu-list-item--list:before{font-size: 1.2rem;} .header__menu-list-item--language:before{content: '\E894';} .header__menu-info{color: #000; font-size: 0.8rem; margin: 25px 0 15px;} .header__menu-info .header__menu-list-item{border-bottom: none;} .header__menu-list-item--list a, .header__menu-list-item--language a{display: inline-block; text-decoration: none;} .header__menu-list-item--address:before{content: '\E88A';} .header__menu-list-item--number:before{content: '\E0CD';} .header__copyright{font-size: 0.688rem; text-align: center; background-color: #fff; padding: 10px 0 30px; color: #000;} .header__nav{display: none;} .header__sub-header{display: none;} .header__products-categories{display: none;} .header__menu-sub-list--products.is-open{display: block; border-bottom: 1px solid #000;} .header__products-dropdown-subcategory{display: none;} .header__brand-links {width:100%; text-align:center; margin-top: 20px; padding: 0 10px;} .header__brand-links img {height:17px; margin:5px;} @media only screen and (min-width : 480px) {} @media only screen and (min-width : 768px) {} @media only screen and (min-width : 992px) { .header {border-bottom: none; padding: 0;} .header .btn-menu, .btn-search{display: none;} .header__logo{float: left; height: 40px; width: 215px;} .header__logo--mobile{display: none;} .header__menu{position: static; top: auto;} .header__menu:after{content: ''; display: block; clear: both;} .header__menu--mobile{display: none;} .header__menu-link{text-decoration: none; display: inline-block; cursor: pointer;} .header__sub-header{display: block; background-color: #f7f7f7; width: 100%; height:46px;} .header__sub-header:after{content: ''; display: block; clear: both;} .header__social-media{float: left; background-color: transparent; padding: 0;} .header__social-media-icon{margin: 0 5px;} .header__social-media a {transition:all 0.5s; margin-right:25px; float:left; height:46px; display:flex; align-items:center;} .header__social-media-icon:hover{color: #0060a9;} .header__social-media img {height:17px;} .header__menu-list{margin-top:0;} .header__menu-list-item-link{border-bottom: none; padding: 0; color: #7f8c8d} .header__menu-list--submenu{color: #7f8c8d; float: right; font-size: 0.875rem; background-color: transparent;} .header__menu-list--submenu li {border-bottom: none; padding: 0; display: inline-flex; align-items:center; height:46px; margin-left:15px; position: static; color: #7f8c8d;} .header__menu-list--submenu a{text-decoration: none;} .header__menu-list--submenu a:hover{color: #0060a9;} .header__menu-list-item{border-bottom: none; padding: 0; display: inline-block; position: static;} .header__menu-list-item--expand:after{right: auto;} .header__menu-list-item--search:before{content: '\E8B6'; font-family: 'Material Icons'; font-size: 1.5rem; vertical-align: middle;} .header__menu-list-item--list:before{display: none;} .header__menu-list-item--language:before{display: none;} .header__nav{display: block; padding: 30px 0 0px; position: relative;} .header__nav:after{content: ''; display: block; clear: both;} .header__nav-list{float: right; margin-top: 10px; color: #1b1b1b;} .header__nav .header__menu-list-item{padding-bottom: 3px; font-weight: 500; height: 55px; padding: 0 6px;} .header__menu-list-item:hover .header__resources-dropdown{display: block; position: absolute; z-index: 50; background-color: #f7f7f7; width: auto; margin-top: 32px; box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.35); padding: 25px 40px 10px; overflow: hidden;} .header__nav .header__menu-list-item:hover > a{border-bottom: 3px solid #0060a9;} .header__nav .header__menu-list-item--search:hover{border-bottom: none;} .header__nav .header__menu-list-item a.is-active{border-bottom: 3px solid #0060a9;} .header__menu-list-item--products .page-nav{transition: display 1s linear 5s; display: none; overflow: visible; position: absolute; width: 100%; z-index: 100; right: 0; top: 100%; background-color: #fff; } .header__menu-list-item--products:hover .page-nav{display: flex; flex-flow:row nowrap; justify-content: flex-start; padding: 0 5%;} .header__products-category{display: inline-block; margin-right: 90px; color: #7f8c8d; padding-bottom: 10px; text-align: center; border-bottom: 3px solid transparent;} .header__products-category:last-of-type{margin-right: 0;} .header__products-category:hover{border-bottom: 3px solid #0060a9; color: #000;} .page-nav__item:hover .header__products-dropdown {display: block;} .page-nav__item:hover .header__products-dropdown ul:first-child{display: flex; flex-wrap: wrap;} .header__products-dropdown{position: absolute; z-index: 100; left: 0; background-color: #f7f7f7; width: 100%; padding: 40px 5%; overflow: hidden; display: none; box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.35)} .header__products-dropdown:after{clear: both; content: ''; display: block;} .header__products-dropdown-list li{padding: 0 0 5px;} .header__products-dropdown-list .header__menu-link:hover a {padding:0;} .header__products-dropdown a:hover{color: #3464a7; } .header__products-dropdown-list .header__menu-link, .header__products-dropdown-list .header__menu-link:hover {border:0px; padding-bottom:0px; line-height:1.4;} .header__products-dropdown-title{font-size: 0.937rem; color: #000; padding-bottom: 3px;} .header__products-dropdown-subcategory{display: block; width: 25%; text-align: left;} .header__products-dropdown-list{padding: 0 50px 40px 10px; line-height: 2; color: #7f8c8d; font-size: 0.875rem;} .header__resources-dropdown{display: none;} .header__resources-dropdown ul{margin-left:20px;} .header__resources-dropdown ul a{color:#7f8c8d;} .header__resources-dropdown-link{ text-decoration: none; margin-bottom: 15px; display: block; font-size: 0.938rem;} .header__resources-dropdown-link:hover{color: #0060a9;} .header .social-media-menu__icon:first-of-type{margin-left: 0;} .header__products-featured-products{width: 50%; float: right; text-align:right;} .header__products-dropdown-with-featured-products{width: 50%; float: left;} .header__products-dropdown-with-featured-products .header__products-dropdown-subcategory{width: 33%;} .header__products-featured-products .header__products-dropdown-subcategory{width: 46%; display:inline-block; vertical-align:top; padding-left:4%;} .header__menu-list-item--list a, .header__menu-list-item--language a, .header__menu-list-item--address a, .header__menu-list-item--number a{padding: 0;} .header__menu-list-item-link--arrow:after{content: ''} } @media only screen and (min-width : 1200px) {} @media only screen and (min-width : 1300px) { .header__nav .header__menu-list-item{padding: 0 16px;} } /*------------------------- Page Nav ---------------------------*/ .page-nav {background-color: #fff; text-align: center; font-family: 'Varela Round', sans-serif;} .page-nav > .container{width: 100%;} .page-nav--tabs{height: auto;} .page-nav__item{ line-height:22px; transition:all 0.5s; color: #7f8c8d; display: inline-block; cursor:pointer; flex-grow: 1;} .page-nav__item > a{border-bottom: 3px solid transparent; display: inline-block; padding: 12px 0 9px; margin: 0 10px;} .page-nav__item.is-active > a, .page-nav__item:hover > a{border-bottom: 3px solid #0060a9; color: #000;} .page-nav__item--2{padding: 35px 0; margin-right: 30px; border-top: 3px solid transparent; flex-grow: 0;} .page-nav__item--2.is-active{border-bottom: none; border-top: 3px solid #0060a9; color: #000;} .page-nav__item--2:hover{border-bottom: none; border-top: 3px solid #0060a9; color: #000;} .page-nav__viewport{width: 100%; overflow: hidden; white-space: nowrap;} .page-nav__link{text-decoration: none;} .page-nav__viewport ul {display: flex; flex-flow: row nowrap; overflow-x: auto;} .page-nav__viewport--2 ul{display: inline-block; justify-content: center;} @media only screen and (min-width : 480px) {} @media only screen and (min-width : 768px) { .page-nav__item--2{padding: 35px 0; margin-right: 45px; font-size: 1.2rem;} .page-nav__item > a{margin: 0 20px;} } @media only screen and (min-width : 992px) { .page-nav{border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;} .page-nav > .container{width: 90%;} .page-nav__item > a{margin: -1px 0 0;} .page-nav__item{flex-grow: 0; margin-right: 90px;} } @media only screen and (min-width : 1200px) { .page-nav--tabs .page-nav__viewport ul{justify-content: center;} } /*------------------------- Home Page ---------------------------*/ .home-page{font-family: 'Hind', sans-serif;} .home-page__heading{font-family: 'Hind', sans-serif; font-weight: 700; color: #1b1b1b;} .home-page__description, .home-page__description p{line-height: 1.6; color: #383838; padding-bottom: 30px;} .home-page__hero{text-align: center; padding: 35px 0; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;} .home-page__hero:before{content: ''; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .home-page__hero .container{position: relative; width: 80%; margin: 0 auto;} .home-page__hero-title{color: #ffdd00; text-transform: uppercase; margin-bottom: 12px; line-height: 0.8; position:relative;} .home-page__hero .home-page__description{color: #fff; margin-bottom: 10px; padding-bottom: 0; line-height: 1.4; font-weight: 600;} .home-page_hero-sup{font-size: 1rem; position:relative; top:4px; left:5px;} .home-page__hero-link{ font-family: 'Hind', sans-serif; text-decoration: none; color: #fff; font-size: 1.188rem; font-weight: 600;} .home-page__hero-link--video:before{ content: '\E039'; font-family: 'Material Icons'; padding-right: 10px; vertical-align: middle; font-size: 3rem; font-weight: 400;} a.home-page__hero-link {transition:all 0.5s;} a.home-page__hero-link:hover {color:#ffdd00; } .home-page__search{background-color: #0060a9; padding: 15px 0 1px;} .home-page__section{padding: 50px 0; font-family: 'Hind', sans-serif;} .home-page__products{background-color: #fff;} .home-page__products .products__list{max-width: 300px; margin: 0 auto;} .home-page__products .products__list-item {width:300px; min-width: 300px;} .home-page__advice{background-size: cover; background-position: top center; background-repeat: no-repeat; color: #fff; position: relative;} .home-page__advice .products__list{padding-top: 33px;} .home-page__advice .products__list-item { margin:0; max-width:270px;} .home-page__advice-content{z-index: 5; position: relative;} .home-page__advice:before{content: ''; background: linear-gradient(rgba(38, 39, 45, 0.9), rgba(38, 39, 45, 0.9)); position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .home-page__advice-heading{text-align: center;} .home-page__advice-heading--video{font-size: 1rem; font-weight: 600; line-height:1.4; color:#000;} .home-page__advice-button{margin: 90px 0 25px; text-align: center;} .home-page__buy-button{margin: 25px 0;} .home-page__buy-content{position: relative; z-index: 40;} .home-page__buy .home-page__description{padding-bottom: 40px;} .home-page__buy .form-element__field--location input {padding-top:initial;} .home-page__buy{padding: 50px 0; background-size: contain; background-position: bottom center; position: relative; color: #0060a9; background-color: #ffdd00;} .home-page__buy:after{content: ''; display: block; clear: both;} .home-page__buy-map{display: none;} .home-page__buy:before{content: ''; background: linear-gradient(to bottom, rgba(255, 221, 0,1) 25%, rgba(255, 221, 0, 0.5)); position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .home-page__buy-product{display: none;} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) { .home-page__hero .home-page__description{font-size: 1.5rem; margin-top: 30px; margin-bottom: 35px;} .home-page__description{margin-bottom: 35px; font-size: 1rem;} .home-page__hero-link{font-size: 2.375rem; font-weight: 700;} .home-page__hero-link:before{font-size: 5rem;} .home-page__buy{background-position: bottom center; background-size: contain;} .home-page__advice{padding: 78px 0;} .home-page__advice-button{margin: 90px 0 25px;} .home-page__search{padding: 15px 0 20px;} .home-page__products .products__list{max-width: 700px;} } @media only screen and (min-width : 992px) { .home-page__heading{padding-bottom: 5px;} .home-page__hero{padding: 230px 0 130px;} .home-page__search{padding: 35px 0 45px;} .home-page__products-slider{display: none;} .home-page__products-content, .home-page__buy-content{float: left; width: calc(50% - 65px); margin-right: 65px; padding: 115px 0;} .home-page__buy-content{padding: 30px 0 40px; } .home-page__products:after{content: ''; display: block; clear: both;} .home-page__products .home-page__description{margin-bottom: 0; padding-bottom: 40px;} .home-page__buy{background-position: right center; background-size: 50%; padding-bottom: 55px;} .home-page__buy .home-page__description{margin-bottom: 0; padding-bottom: 35px;} .home-page__buy-map{display: block; width:50%; height:100%; top:0; right:0; position: absolute; z-index: 0;} .home-page__buy-form{display: flex;} .home-page__buy-button{margin: -10px 0 0 20px;} .home-page__buy:before{background: linear-gradient(to right, rgba(255, 221, 0,1) 25%, rgba(255, 221, 0, 0.5));} .home-page__buy-product{display:inline-block; height: 85px; width: 85px; border-radius: 50%; position: absolute;} .home-page__buy-product-image{display: block; background-color: #fff; background-size: contain; background-position: center center; height: 65px; width: 66px; border-radius: 100%; border: 3px solid #0060a9; position: absolute; bottom: 50%; right: 50%; transform: translate(50%, 50%); background-origin: content-box; padding: 7px; background-repeat: no-repeat; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; z-index:99;} .home-page__buy-product-glow{background-color:#000; width:85px; height:85px; display:block; border-radius:50%; -webkit-animation: pulse 3s ease-out; -moz-animation: pulse 3s ease-out; animation: pulse 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;} .home-page__buy-product-pointer{height: 28px; width: 1px; background-color: #0060a9; position: absolute; bottom: -50%; right: 50%;} .home-page__buy-product-pointer:after{content: ''; background-color: #0060a9; height: 5px; width: 5px; border-radius: 50%; position: absolute; bottom: 0; right: -2px;} .home-page__buy-product--1{left:100px; bottom:80px;} .home-page__buy-product--2{left:250px; top:40px; } .home-page__buy-product--3{left:450px; bottom:160px;} .home-page__products .products__list{max-width: 300px;} .home-page_hero-sup{top:-5px;} } @media only screen and (min-width : 1200px) { .home-page__products .container{display: flex;} .home-page__products .products__list{max-width: 700px; overflow: none;} .home-page__products .products__list-item{min-width: 250px;} .home-page_hero-sup{font-size: 2.25rem; top:-2px;} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active){ /* IE10+ CSS styles go here */ .home-page_hero-sup{top:4px;} } /*------------------------- Resources ---------------------------*/ .resources-page{padding: 45px 0 0; font-family: 'Hind', sans-serif;} .resources-page .page-nav__item:last-of-type{margin-right: 0;} .resources__heading{color: #000; text-align: center;} .resources__subheading{color: #000; transition:all 0.5s; margin-bottom: 4px; overflow: hidden;} .resources__catalogs{margin-bottom: 50px;} .resources__catalogs-image{border: 1px solid #EFEFEF; margin-bottom: 20px; background-size: cover; background-repeat: no-repeat; background-color: #fff; background-position: center center; height: 0; padding-top: 140%; border-radius: 5px;} .resources__catalogs-list{margin: 40px 0; text-align: center; color: #000; font-weight: 700;} .resources__catalogs-list-item{margin: 0 auto 20px; max-width: 300px; font-size: 1.125rem;} .resources__catalogs-list-item-link{text-decoration: none; display: block;} .resources__catalogs-heading {transition:all 0.5s; word-break: break-all; text-align: left;} .resources__catalogs-heading:hover, .resources-page__catalogs-heading:active{color: #0060a9;} .resources__faq{background-color: #fff; padding: 45px 0; border-top: 1px solid #ededed;} .resources__faq-list{padding: 30px 0;} .resources__faq-list-item-content{display: none; padding: 20px 50px 10px; font-size: 0.875rem;} .resources__faq-list-item-content.is-open{display: block; border-bottom: 1px solid #7f8c8d;} .resources__faq-list-item-heading{transition:all 0.5s; cursor:pointer; display: block; position: relative; padding: 8px 50px 5px 45px; border-bottom: 1px solid #7f8c8d; color: #000; font-size: 0.875rem; line-height: 1.3;} .resources__faq-list-item-heading.is-open{color: #0060a9;} .resources__faq-list-item-heading:hover {color:#0060a9;} .resources__faq-list-item-heading:before, .resources__faq-list-item-heading:after{font-weight:400; content: '\E887'; font-family: Material Icons; color: #0060a9; font-size: 2rem; position: absolute; top: 50%; transform: translateY(-50%); left: 10px;} .resources__faq-list-item-heading:before {font-size:1.375rem;} .resources__faq-list-item-heading:after{content: '\E145'; color: #7f8c8d; right: 10px; font-weight: 500; left: auto;} .resources__faq-list-item-heading.is-open:after{content: '\E15B'; color: #0060a9;} .resources__video-library, .resources__document-library{padding: 30px 0 100px;} .resources__select .form-element__field{margin-bottom: 20px; width: 100%;} .resources__document-list{width: 100%; list-style-type: none; margin-bottom:30px; margin-top:15px;} .resources__document-list-item{border-bottom: 1px solid #7f8c8d; padding: 10px 0 5px; transition: 0.5s all;} .resources__document-list-item:hover{background-color: #f7f7f7;} .resources__document-list-link:before{content: '\E415'; font-family: Material Icons; color: #0060a9; font-size: 1.3rem; position: absolute; left: 0; top: 40%; transform: translateY(-50%);} .resources__document-list-link:after{content: '\E2C4'; font-family: Material Icons; color: #7f8c8d; vertical-align: middle; font-size: 1.7rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .resources__document-list-item:hover:after{color: #0060a9;} .resources__document-list-link{text-decoration: none; display: block; line-height: 1; position: relative; padding: 0 30px;} .resources__document-list-item-details{font-size: 0.75rem; font-weight: 700;} .resources__document-list-item:hover .resources__subheading {color:#0060a9;} .resources-documents .resources__select {vertical-align:top; margin-top:0;} .resources-documents__filter-container {position:relative; overflow:auto;} .resources-documents__filter-container select {/*line-height:20px;*/} .resources-documents__filter-container .form-element {margin-top:0;} .resources-page .page-nav__item {border-bottom:0; margin:0 20px;} .resources__no-results{text-align: center; padding: 50px 0 0; width: 100%;} .resources-documents__filter-container .resources__form-button-go{ width:100%; margin:0;} @media only print, only screen and (min-width : 480px) { .resources-documents__filter-container .resources__form-button-go{width:auto;} } @media only print, only screen and (min-width : 768px) { .resources-page .tabs__content{width: 100%; border-top:1px solid #ededed; overflow:auto; overflow-x:hidden;} .resources__catalogs .container{width: 86%;} .resources__catalogs-image{margin-bottom: 20px;} .resources__catalogs-list{text-align: left; margin: 40px 0; display: flex; justify-content: center; flex-wrap: wrap;} .resources__catalogs-list-item{width: 50%; margin: 15px 25px; } .resources__button{text-align: center;} .resources__button--documents{margin-top: 50px;} .resources__faq{padding: 90px 0;} .resources__faq .container{width: 80%;} .resources__faq-list{padding: 30px 0 50px;} .resources__faq-list-item-heading{padding: 25px 60px 20px; font-size: 1.125rem;} .resources__faq-list-item-heading:before{left: 20px;} .resources__faq-list-item-heading:after{right: 20px;} .resources__faq-list-item-content{padding: 35px 60px; font-size: 1rem; line-height: 1.2;} .resources__select {display:block; width: calc(100% / 3 - 10px); float:left; margin-right:40px !important;} .resources__select:nth-child(3) {margin-right:0 !important;} .resources-documents__filter-container .results {position:static; display:block; float:left;} .resources__video-library-categories .resources__select {display:block; width: calc(100% / 4 - 11.25px ); } .resources__document-list{padding-left: 0;} .resources__document-list-item{padding: 25px 30px 10px;} .resources__catalogs {margin-bottom:100px;} .resources-page{padding-top:90px;} .resources-documents__filter-container .resources__form-button-go {padding: 5px 33px; height:30px; margin-left:20px;} .resources-documents__filter-container .results {width:100%;} .resources__document-list .resources__no-results{padding-top: 100px;} .resources__video-library .resources__no-results{padding-bottom: 50px;} } @media only screen and (min-width : 992px) { .resources__catalogs-list-item{width: calc(33% - 50px);} .resources-documents__filter-container .resources__form-button-go {width:auto;} .resources__catalogs .container{max-width: 1010px;} .resources__select:nth-child(even){margin-right: 40px;} .resources__select {display:block; width: calc(100% / 4 - 10px);} .resources__video-library-categories .resources__select {display:block; width: calc(100% / 5); } } @media only screen and (min-width : 1200px) { .resources__video-library-categories{width: auto;} .resources__select{width: 250px;} } @media only screen and (min-width : 1300px) { .resources-documents__filter-container .results {position:absolute; right:0; top:0; width:auto;} } /*------------------------- Resources - Template ---------------------------*/ .resources-template__bottom{padding: 45px 0;} .resources-template__link{position:relative; transition:all 0.5s; display: block; font-family: 'Hind', sans-serif; text-decoration: none; margin: 40px 0 60px; text-align: center; color: #000; font-weight: 600; font-size: 1.125rem;} .resources-template__link:hover{color: #0060a9;} .resources-template__link:before{position:absolute; left:0; right:0; top:-35px; content: '\E157'; font-family: Material Icons; color: #0060a9; font-size: 2rem; font-weight: 400; vertical-align: middle;} .resources-template__link--pdf:before{content: '\E415';} @media only print, only screen and (min-width : 480px) { .resources-template__link:before{position:static; padding-right: 20px; font-size: 1.5rem; } .resources-template__link{margin: 0 0 15px 0;} } @media only print, only screen and (min-width : 768px) { .resources-template__bottom{padding: 75px 0;} } @media only screen and (min-width : 992px) {} @media only screen and (min-width : 1200px) {} /*------------------------- Resources - Pages ---------------------------*/ .resources-faq, .resources-documents, .resources-videos{font-family: 'Hind', sans-serif; position: relative; padding: 30px 0 20px;} .resources-faq .resources__faq-list{padding: 30px 0 0;} .resources-videos .resources__video-library{padding-bottom: 50px;} .resources-videos .products__list-item{margin-bottom: 40px;} .resources-videos .pagination{padding-top: 8px;} @media only print, only screen and (min-width : 480px) { .resources-videos .resources__video-library{padding-bottom: 20px;} } @media only screen and (min-width : 768px) { } @media only screen and (min-width : 992px) {} @media only screen and (min-width : 1200px) {} /*------------------------- Resources - No Lead Products ---------------------------*/ .resources-lead{font-family: 'Hind', sans-serif;} .resources-lead__compliant-image{height: 35px; width: auto; padding: 0 3px 7px 3px; display: inline-block; vertical-align: middle;} .resources-lead__section{padding: 40px 0;} .resources-lead__section .container{display: flex; flex-direction: column;} .resources-lead__section--alternate{color: #0060a9; background-color: #ffdd00;} .resources-lead__heading{color: #000; line-height: 1.2; margin-bottom: 12px;} .resources-lead__heading--alternate{color: #0060a9;} .resources-lead__video{padding: 25px 0;} .resources-lead__image{display: none; background-position: center center; background-size: contain; background-repeat: no-repeat; width: 100%; height: auto;} .resources-lead__image--faqs{min-height: 445px;} .resources-lead__video-preview{width: 100%; height: 175px; background-position: center center; background-size: contain; background-repeat: no-repeat; border-radius: 5px; position: relative;} .resources-lead__video-preview:after{content: '\E037'; font-family: Material Icons; color: #fff; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3rem; filter: drop-shadow(1px 1px 1px #222);} .resources-lead__section--faqs .headline--4{color: #1b1b1b; margin-bottom: -20px;} .resources-lead__content--faqs p{line-height: 2;} .resources-lead__content p{color: #383838} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) {} @media only screen and (min-width : 992px) { .resources-lead__section .container{display: flex; flex-flow: row wrap; justify-content: center;} .resources-lead__section--faqs{display: flex; flex-flow: row wrap; padding: 0;} .resources-lead__section--faqs .container{width: calc(60% - 50px); } .resources-lead__content{width: calc(50% - 50px); margin-right: 50px; padding: 110px 0 100px;} .resources-lead__content--faqs{width: 100%; padding: 90px 0 50px;} .resources-lead__content--alternate{margin-right: 0; padding: 40px 0 35px; width: calc(60% - 50px);} .resources-lead__video {width: calc(50% - 50px); margin-left: 50px; padding-top: 45px;} .resources-lead__image{display: block; margin-left: 0; width: calc(40% - 50px);} .resources-lead__image--faqs{width: calc(40% - 50px); background-size: cover; padding: 0; margin-left: 50px; margin-right: 0;} .resources-lead__video-preview{height: 350px;} .resources-lead__video-preview:after{font-size: 5rem;} } @media only screen and (min-width : 1200px) { .resources-lead__video-preview:after{font-size: 8rem;} } /*------------------------- Resources - Form ---------------------------*/ .resources-form{font-family: 'Hind', sans-serif;} .resources-form__form{padding: 20px 0;} .resources-form__input{margin-bottom: 30px;} .resources-form__input:first-of-type{margin-bottom: 30px;} .resources-form__input--select{font-weight: 500;} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) { .resources-form__form{padding: 30px 0; display: flex; flex-flow: row wrap; justify-content: flex-start; } .resources-form__input{margin-top: 0; flex: 0 0 30%; margin: 0 0 30px;} .resources-form__input:first-of-type{margin: 0 0 30px;} .resources-form__input:nth-child(3n-1){margin-left: 5%; margin-right: 5%;} .resources-form__checkboxes{display: block; margin: 15px 0 20px;} } @media only screen and (min-width : 992px) {} @media only screen and (min-width : 1200px) {} /*------------------------- Professional Bag Form ---------------------------*/ .pro-bag-form{font-family: 'Hind', sans-serif; padding: 0 0 15px;} .pro-bag-form__form{padding: 20px 0;} .pro-bag-form__textarea{width: 100%;} .pro-bag-form__form-textarea{height: 135px; margin-bottom: 30px; border-bottom: 2px solid #7f8c8d;} .pro-bag-form__input{margin-bottom: 30px;} .pro-bag-form__input--test{margin-right: 100%;} .pro-bag-form__input:first-of-type{margin-bottom: 30px;} .pro-bag-form__input-radio .ginput_container_radio ul{display: flex; justify-content: flex-start;} .pro-bag-form__input--select{font-weight: 500;} .pro-bag-form__text{padding: 15px 0 10px;} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) { .pro-bag-form__form{padding: 30px 0 25px;} .pro-bag-form__form-section{display: flex; flex-flow: row wrap; justify-content: flex-start;} .pro-bag-form__note{margin: 40px 0 0 40px;} .pro-bag-form__input{margin-top: 0; flex: 0 0 30%; margin: 0 0 30px;} .pro-bag-form__input:first-of-type{margin: 0 0 30px;} .pro-bag-form__input:nth-child(3n-1){margin-left: 5%; margin-right: 5%;} } @media only screen and (min-width : 992px) { .pro-bag-form__heading{ margin-bottom: -5px; line-height: 1.2;} } @media only screen and (min-width : 1200px) {} /*------------------------- About Us ---------------------------*/ .about-page{} .about-page label.form-element__label.form-element__label--cities {font-size:1.500rem;} .about-page .form-element__field select, .about-page .form-element__field--select:after { color: #fff;} .about-page option{color: #000;} .about-page .form-element__field {border-color:#fff;} .about-page__heading{font-family: 'Hind', sans-serif; color: #000; transition:all 0.5s; font-weight:700;} .about-page__heading--craft{color: #ffdd00;} .about-page__heading--subtext{margin-top: -10px; color:#fff;} .about-page__text{margin-top: 15px; line-height: 1.8;} .about-page__craft{color: #fff; text-align: center; padding: 35px 0 100px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;} .about-page__craft:before{content: ''; background: linear-gradient(rgba(42, 49, 57, 0.75), rgba(42, 49, 57, 0.75)); position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .about-page__craft-content{position: relative;} .about-page__craft-text{text-align: center; line-height: 1.8;} .about-page__craft-text--motto{font-weight: 700; padding: 20px 0 45px; font-family: 'Hind', sans-serif;} .about-page__craft-dropdown{font-size: 1.5rem; font-weight: 400; text-align: left; padding-bottom: 50px; font-family: 'Hind', sans-serif; text-align: center;} .about-page__employees{padding: 50px 0 0;} .about-page__employees .about-page__text {font-size:0.938rem; line-height:1.5rem;} .about-page__employees-grid{position: relative; top: -150px; padding-bottom: 10px;} .about-page__employees-grid-item{background-color: #fff; border-radius: 5px; border: 1px solid #efefef; margin-bottom: 20px; display: none;} .about-page__employees-grid-item.is-active{display: block;} .about-page__employees-image{background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 205px; border-top-left-radius: 5px; border-top-right-radius: 5px;} .about-page__employees-content{padding: 45px 10px;} .about-page__employees-name{color: #000; font-family: 'Hind', sans-serif;} .about-page__employees-years{font-family: 'Hind', sans-serif; margin-top: -5px; padding-bottom:5px;} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) { .about-page__craft-text{padding-top: 20px;} .about-page__craft-dropdown{padding-bottom: 60px;} .about-page__employees-grid{display: flex; flex-wrap: wrap;} .about-page__employees-grid-item{width: calc(50% - 40px); margin: 0 20px; margin-bottom: 40px;} } @media only screen and (min-width : 992px) { .about-page__text{margin-top: 10px;} .about-page__craft{padding: 80px 0;} .about-page__craft .container{width: 60%; margin: 0 auto;} .about-page__craft-text--motto{padding: 20px 0 60px;} .about-page__employees-content{padding: 45px 20px;} .about-page__craft-dropdown{padding-bottom: 90px;} } @media only screen and (min-width : 1200px) { .about-page__employees-grid-item{width: calc(100% / 3 - 40px);} } /*------------------------- About Page - Founder ---------------------------*/ .about-page-founder{background-color: #fff;} .about-page-founder__image{background-position: top center; background-repeat: no-repeat; background-size: cover; width: 100%; margin: 40px auto 0;} .about-page-founder__image:after{content: ''; display: block; padding-top: 150%;} .about-page-founder__list{padding-left: 45px;} .about-page-founder__list-item{margin-top: 30px; position: relative;} .about-page-founder__list-item:before{content: '\E00C'; font-family: 'BrassCraft-Icon-Webfont'; font-size: 4rem; position: absolute; top: -20px; left: -45px; color: #0060a9;} .about-page-founder__list-item--1:before{content: '\E00B'} .about-page-founder__list-item--2:before{content: '\E00D'} .about-page-founder__list-item--3:before{content: '\E00A'} .about-page-founder__quote{padding: 45px 0; background-color: #ffdd00; background-position: 10% 10%; background-repeat: no-repeat; background-size: 100px;} .about-page-founder__quote-text{font-size: 1.25rem; font-family: 'Hind', sans-serif; font-weight: 600; color: #0060a9; line-height: 1.2;} .about-page-founder__list .about-page-founder__list-item {padding-left:10px;} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) { .about-page-founder__content .container{width: 90%; margin: 0 auto;} .about-page-founder__quote{padding: 90px 0; background-position: 12% 30%;} .about-page-founder__quote .container{width: 80%; margin: 0 auto;} .about-page-founder__quote-text{font-size: 2.25rem;} .about-page-founder__list{padding-left: 60px;} .about-page-founder__list-item:before{font-size: 6rem; top: -32px; left: -65px;} .about-page-founder__list .about-page-founder__list-item {padding-left:20px;} } @media only screen and (min-width : 992px) { .about-page-founder__image{width: 50%; margin: 40px auto 0;} .about-page-founder__quote{margin-top: 90px; background-size: 180px; background-position: 5% 30%;} .about-page-founder .top-content {padding: 80px 0 0px;} .about-page-founder__info{padding-bottom: 100px;} } @media only screen and (min-width : 1200px) { .about-page-founder__content{display: flex; padding: 0;} .about-page-founder__image{order: 1; width: 36%; margin-top:0;} .about-page-founder__info{width: calc(64%); order: 2;} .about-page-founder__list{display: flex; flex-wrap: wrap; margin-top:40px;} .about-page-founder__list-item{width: calc(50% - 45px); margin-right: 90px;} .about-page-founder__list-item:nth-child(even) {margin-right:0;} .about-page-founder__quote{margin-top: 0;} } /*------------------------- About Page - Press Room ---------------------------*/ .about-page-press{padding: 45px 0; font-family: 'Hind', sans-serif;} .about-page-press.page-content{background-color: #fff;} .about-page-press__content{} .about-page-press__list{} .about-page-press__list-item{position: relative; display: block; text-decoration: none; border-bottom: 1px solid #7f8c8d; padding: 20px 40px 20px 0;} .about-page-press__list-item:after{transition: all 0.5s;content: '\E315'; font-size: 3rem; font-family: Material Icons; position: absolute; right: 0; top: 50%; transform: translateY(-50%)} .about-page-press__list-item:hover .headline{color: #0060a9;} .about-page-press__list-item:hover:after{color: #0060a9;} .about-page-press__subheading{margin-top: -5px; font-weight: 600; margin-bottom:10px;} .about-page-press__text{font-size: 0.937rem;} .about-page-press__contacts{padding: 40px 0;} .about-page-press__contacts a {transition:all 0.5s;} .about-page-press__contacts a:hover {color:#0060a9;} .about-page-press__contacts-email{text-decoration: none;} .about-page-press__contacts-title{padding-top: 5px;} .about-page-press__contacts-name{padding-top: 12px;} .about-page-press__contacts-company{font-weight: 500;} .about-page-press__contacts-phone{padding-top: 15px;} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) { .about-page-press{padding: 90px 0; } .about-page-press .container{display: flex; flex-wrap: wrap;} .about-page-press__content{order: 1; width: calc(65% - 50px); margin-right: 50px;} .about-page-press__contacts{order: 2; width:35%; padding: 0;} .about-page-press__list{padding-top: 30px;} .about-page-press__list-item{padding: 30px 60px 30px 0 ;} .about-page-press__list-item:after{font-size: 3.5rem;} .about-page-press__text{padding-top: 10px;} .about-page-press__subheading{margin-bottom:0px;} } @media only screen and (min-width : 992px) { .about-page-press__content{order: 1; width: calc(70% - 100px); margin-right: 100px;} .about-page-press__contacts{order: 2; width:30%; padding: 0;} } @media only screen and (min-width : 1200px) {} /*------------------------- About Page - Press Release Article ---------------------------*/ .about-page-release {position: relative;} .about-page-release .headline--1.user-content h1 {margin-top:40px; line-height: 1.2;} .about-page-release .top-content {padding: 50px 0 70px;} .about-page-release .breadcrumbs{display:none;} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) { .about-page-release .top-content {padding: 120px} .about-page-release .breadcrumbs{display:block;} } @media only screen and (min-width : 992px) { .about-page-release .top-content {padding: 85px 0 70px;} } @media only screen and (min-width : 1200px) {} /*------------------------- About Page - Community ---------------------------*/ .about-page-community__grid{padding: 50px 0; text-align: center;} .about-page-community__grid-item{ padding:20px; display: inline-block; background-color: #fff; border:1px solid #ccc; width: 200px; height: 115px; margin: 0 0 10px 0; background-position: center center; background-size: contain; background-repeat: no-repeat; background-origin: content-box;} @media only print, only screen and (min-width : 480px) { .about-page-community__grid-item{margin: 0 10px 10px 0;} } @media only print, only screen and (min-width : 768px) { .about-page-community__grid{padding: 100px 0; display: flex; flex-wrap: wrap;} .about-page-community__grid-item{margin: 0 15px 30px;} } @media only screen and (min-width : 992px) {} @media only screen and (min-width : 1200px) {} /*------------------------- About Page - Scholarship ---------------------------*/ .about-page-scholarship{padding: 50px 0; font-family: 'Hind', sans-serif;} .about-page-scholarship__heading label, .about-page-scholarship__heading h2, .gform_confirmation_wrapper{line-height: 1; color: #000; margin: 35px 0 20px; font-size: 1.125rem; font-weight: 400;} #gform_wrapper_2 .gform_body{padding: 0;} .about-page-scholarship__subheading{margin-bottom: 20px;} .about-page-scholarship__instructions{margin: 20px 0;} .about-page-scholarship__instructions h2{font-weight: 400; font-size: 1.125rem;} .gform_page_fields ul ul{margin: 20px 0 0 35px; /*list-style-type: none;*/} .gform_page_fields ul .gfield_checkbox{margin: 0; padding-bottom: 45px;} .gform_page_fields ul .gfield_checkbox li{margin: -30px 0;} .gform_page_fields ul .gfield_checkbox label, .gform_page_fields ul .gfield_radio label{color: #7f8c8d;} .ginput_container_radio {border-bottom: none; } .ginput_container_radio ul{list-style-type:none;} .gform_page_fields .ginput_container_radio ul{margin-left: 0;} .about-page-scholarship__instructions-list{list-style-type: inherit; } .about-page-scholarship__instructions-list-item{list-style-position: outside; margin-left: 20px;} .about-page-scholarship__input{margin-bottom: 30px;} .about-page-scholarship__input--select{font-weight: 500;} .about-page-scholarship__input--select:after{padding-top: 12px;} .about-page-scholarship .btn{margin-top: 20px; width: auto; clear:left; float:left;} .about-page-scholarship__button{margin-left: 20px;} .about-page-scholarship__form{margin: 50px 0; overflow:auto; max-width:855px;} .about-page-scholarship__form-section{margin: 30px 0;} .about-page-scholarship .form-element__field{height: 35px;} .about-page-scholarship__form-textarea{height: 135px; margin-bottom: 30px; border-bottom: 2px solid #7f8c8d;} .about-page-scholarship__redirect-button{text-align: center; margin-left: 0;} .about-page-scholarship .form-element__field input {font-weight:400;} .about-page-scholarship .form-element__field input::-webkit-input-placeholder, .about-page-scholarship .form-element__field input::-moz-placeholder {color:#7f8c8d;} .about-page-scholarship span.form-element__field.form-element__field--select {height:auto;} .about-page-scholarship h2.headline.headline--5.about-page-scholarship__heading {margin-top:40px;} .about-page-scholarship__inline { width:100%; } .about-page-scholarship__inline ul { justify-content:baseline; } .about-page-scholarship__inline li { margin-right:10px; } .about-page-scholarship__inline .gfield_checkbox li { margin:0 30px 0 0 !important; display:block; } .about-page-scholarship__inline .ginput_container { height:auto; } .about-page-scholarship__inline .ginput_container_checkbox ul { margin-top:20px; max-width:100%; padding-bottom:0; } @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px){ .about-page-scholarship{padding: 75px 0;} .about-page-scholarship__heading label, .about-page-scholarship__heading h2, .gform_confirmation_wrapper{font-size: 1.375rem; width: 100%;} .gform_page_fields ul .gfield_checkbox li{margin: -30px 0 -10px;} .gform_page_fields ul .gfield_checkbox{padding-bottom: 0px;} .about-page-scholarship .container{width: 60%;} .about-page-scholarship .form-element:nth-of-type(1) {padding: 18px 0 0;} .about-page-scholarship__instructions{margin: -20px 0 0;} .about-page-scholarship__instructions-list{margin: 40px 10px 30px;} .about-page-scholarship__input{width: calc(50% - 20px); display: inline-block; margin-right: 40px; padding-top:10px; float:left; } .about-page-scholarship__input:nth-child(even) {margin-right:0;} .about-page-scholarship__input .form-element__field select {padding:6px 0 0 12px;} .about-page-scholarship__input--2{max-width: 350px;} .about-page-scholarship__form{margin: 35px 0;} .about-page-scholarship__full-width{width: 100%;} .about-page-scholarship__full-width li{width: 100%;} .about-page-scholarship .form-element:nth-of-type(1){margin-right: 40px; margin-bottom:0px;} .about-page-scholarship h2.headline.headline--5.about-page-scholarship__heading {margin-top:0;} .about-page-scholarship span.form-element__field.form-element__field--select {height:35px;} .about-page-scholarship__input--full{width: 100%; margin-right: 0;} .about-page-scholarship__input--half{width: 48%; margin-right: 0;} .about-page-scholarship__input--half:nth-of-type(even){margin-right: 25px;} .about-page-scholarship__input--select:after{padding-top: 3px;} .about-page-scholarship__inline .gfield_checkbox li { display:inline-block; } } @media only screen and (min-width : 992px) { .about-page-scholarship__input--half:nth-of-type(even){margin-right: 0px;} .about-page-scholarship__input--full{width: 100%; margin-right: 0;} .about-page-scholarship__input--half{width: 48%; margin-right: 0;} } @media only screen and (min-width : 1200px) { .about-page-scholarship__input{width: calc(100% / 3 - 26.6666667px); display: inline-block; margin-right: 0; padding-top:0;} .about-page-scholarship__input--2{width: calc(49% - 40px); max-width: none;} .about-page-scholarship .form-element:nth-of-type(1) {padding:8px 0 0;} .about-page-scholarship__input--full{width: 100%; margin-right: 0;} .about-page-scholarship__input--half{width: 48%; margin-right: 0;} .about-page-scholarship__input--select:after{padding-top: 0px;} } /*------------------------- Supply List Page ---------------------------*/ .supply-list-page{padding: 45px 0; font-family: 'Hind', sans-serif; border-top: 1px solid #EFEFEF} .supply-list-page__heading{color: #000; display: inline-block;} .supply-list-page__table{max-width: 750px; width: 100%; border-radius: 5px; border-collapse: collapse; margin: 30px 0; /*display: block;*/} .supply-list-page__table:after{content: ''; display: block; clear: both;} .supply-list-page__table td{display: block; padding: 10px 0; width:100%;} .supply-list-page__table td:before{content: attr(data-th)" "; display: inline-block; font-weight: 600; padding-right: 5px; color: #000; width: 100%;} .supply-list-page__table tr:first-child { display: none; } .supply-list-page__table tr:nth-child(2) {border-top: 1px solid #7f8c8d;} .supply-list-page__table tr{border-bottom: 1px solid #7f8c8d; padding:10px 0; float:left; width:100%;} .supply-list-page__table-item{font-size: 0.938rem; color: #000; font-weight: 600; position: relative;} .supply-list-page__table-item .supply-list-page__table-item-delete:before{ line-height: 1; width: 20px; margin-right: 25px; border-radius: 50%; height: 20px; padding: 0; cursor:pointer; transition:all 0.5s; font-family: Material Icons; content: '\E5CD'; display: inline-block; color: #000; vertical-align: middle; font-size: 1.25rem; font-weight: 400;} .supply-list-page__table-item .supply-list-page__table-item-delete:hover:before {background-color: #c00; color: #fff;;} .supply-list-page__quantity{ display: block; border: 2px solid #7f8c8d; border-radius: 30px; width: 115px; margin-top: 10px; padding: 8px 0;} .supply-list-page__quantity input { width: 40%; text-align: center; margin: 0 auto; } .supply-list-page__menu{position: relative; margin-bottom: 30px;} .supply-list-page__menu-item{display:block; margin-top:10px; cursor:pointer; font-family: 'Varela Round', sans-serif; font-size: 0.875rem; margin-bottom: 5px; position: relative; transition:all 0.5s; text-decoration:none;} .supply-list-page__menu-item:hover {color:#0060a9;} .supply-list-page__menu-item:before{font-family: Material Icons; padding-right: 5px; font-size: 1.5rem; vertical-align: -7px;} .supply-list-page__menu-item--email:before{content: '\E0BE';} .supply-list-page__menu-item--email:after{content: ''; width: 100px; height: 100px; background-color: transparent; display: block; position: absolute;} .supply-list-page__menu-item--print:before{content: '\E8AD';} .supply-list-page__menu-item--download:before{content: '\E2C4';} .supply-list-page__product-image{display: none;} .supply-list-page__product-name{display: inline-block; text-decoration: none;} .supply-list-page__email-popup:before{content: ''; display: block; width: 7px; height: 7px; background-color: #0060a9; top: -2px; left: 25px; position: absolute; transform: rotate(45deg);} .supply-list-page__email-popup{display: none; width: 290px; background-color: #0060a9; position: absolute; padding: 25px; color: #fff; top: 30px; border-radius: 5px; z-index: 100;} .supply-list-page__menu-item--email:hover{color: #0060a9;} .supply-list-page__menu-item--email:hover .supply-list-page__email-popup{display: block;} .supply-list-page__email-popup .btn{margin-top: 10px; font-size: 1rem; width:auto; float:right;} .supply-list-page__email-input-field{border-bottom: 2px solid #fff; display: block; padding-left: 15px; font-family: 'Hind', sans-serif; margin-top: 20px;} .supply-list-page__email-input{font-size: 1.125rem; color: #fff; font-weight: 600;} .supply-list-page__email-input-label{font-family: 'Hind', sans-serif; font-weight: 500; font-size: 1rem; } .supply-list-page__email-popup.is-active{display: block;} .supply-list-page__no-products{padding-bottom: 100px;} .supply-list-page__no-products-message{text-align: center; font-size: 1.125rem; margin-top: 40px; color: #383838} .supply-list-page__no-products-btn{text-align: center; float: none; position: absolute; left: 50%; margin-top: 20px; transform: translateX(-50%); width: 90%;} .supply-list-page__menu input::-webkit-input-placeholder {color:#fff;} .supply-list-counter{display: none; margin-left: 5px; border-radius:50%; color:#FFF; padding:2px 0 0 0; background:#0060a9; font-size:0.600rem; position:relative; top:-2px; width:16px; height:16px; text-align:center;} .supply-list-counter--show{display:inline-block; } @media only screen and (min-width : 480px) { .supply-list-page__email-popup{width: 380px;} .supply-list-page__menu-item { display:inline-block; margin:10px 30px 0 0;} .supply-list-page__table tr{padding:20px 0;} .supply-list-page__email-popup {width:350px; padding:35px;} } @media only screen and (min-width : 768px){ .supply-list-page{padding: 90px 0;} .supply-list-page .btn{width: auto; float: right;} .supply-list-page__menu{float: right; margin-bottom: 50px;} .supply-list-page__menu-item{display: inline-block; margin-left: 35px; margin-right: 0;} .supply-list-page__table{max-width: 100%;} .supply-list-page__table tr:first-child { display: table-row; } .supply-list-page__table tr {float:none;} .supply-list-page__table th{display: table-cell; color: #000; font-size: 0.75rem; font-weight: 700; padding: 5px 30px;} .supply-list-page__table th:first-child {padding-left:80px;} .supply-list-page__table td{display: table-cell; padding: 20px 0 20px 30px; float:none;} .supply-list-page__table td:before{content: ''; display: none;} .supply-list-page__table td {width:22%;} .supply-list-page__table td:first-child {width:40%;} .supply-list-page__table td:nth-child(4) {width:16%;} .supply-list-page__table-item{display: flex; flex-wrap: nowrap;} .supply-list-page__product-image{position: absolute; top: 50%; left: 40px; transform: translateY(-50%); width: 45px; height: 45px; background-color: #fff; display: inline-block; border-radius: 5px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-origin: content-box; padding: 5px;} .supply-list-page__product-name{margin-left: 75px;} .supply-list-page__quantity{margin-top: 0;} .supply-list-page__email-popup{top: 45px;} .supply-list-page__no-products{padding-bottom: 250px} .supply-list-page__no-products-btn{width: auto;} .supply-list-page__table {margin:50px 0 35px;} } @media only screen and (min-width : 992px) {} @media only screen and (min-width : 1200px) {} /*------------------------- Support Page ---------------------------*/ .support-page{font-family: 'Hind', sans-serif; padding: 45px 0 0;} .support-page__heading{color: #000;} .support-page__contact-tabs{margin-top:20px;} .support-page__tab{display: inline-block; font-family: 'Varela Round', sans-serif; margin-right: 15px; padding-bottom: 5px; border-bottom: 3px solid transparent; cursor:pointer; transition:all 0.5s;} .support-page__tab-content{display: none; margin-top:40px;} .support-page__tab-content.is-open, .gform_wrapper.is-open{display: block;} .support-page__tab:last-of-type{margin-right: 0;} .support-page__tab.is-open, .support-page__tab:hover, .support-page__tab:active{border-bottom: 3px solid #0060a9; color: #000;} .support-page__input:first-of-type{margin-bottom: 25px;} .support-page__input--comments{margin: 35px 0 50px;} .support-page__checkbox, .gfield_checkbox li{margin-bottom: 20px; display: flex;} .support-page__checkbox-section, .ginput_container_checkbox {border-bottom: none; height: auto;} .support-page__checkbox:last-of-type, .gfield_checkbox li:last-of-type{margin-bottom: 40px;} .support-page .textarea{height: 125px;} .support-page__headquarters{padding: 45px 0;} .support-page__headquarters-address{margin-bottom: 20px;} .support-page__headquarters-address a{text-decoration: none; display: inline-block;} .support-page__headquarters-list-item-heading:before, .support-page__headquarters-list-item-heading:after{content: '\E8A3'; font-family: Material Icons; color: #0060a9; font-size: 1.5rem; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; font-weight: 400;} .support-page__headquarters-list-item-heading:after{content: '\E145'; color: #7f8c8d; right: 10px; font-weight: 500; left: auto;} .support-page__headquarters-list-item-heading.is-open{color: #0060a9;} .support-page__headquarters-list-item-heading.is-open:after{content: '\E15B'; font-family: Material Icons; color: #0060a9;} .support-page__headquarters-list-item-heading{cursor:pointer; display: block; position: relative; padding: 8px 0 5px 40px; border-bottom: 1px solid #7f8c8d; color: #000;} .support-page__headquarters-list-item-content{display: none;} .support-page__headquarters-list-item-content.is-open{display: block; border-bottom: 1px solid #7f8c8d;} .support-page__customer-support-item{padding: 20px 0 10px;} .support-page__customer-support-item a{text-decoration: none; display: block; overflow: hidden;} .support-page__customer-support-item a:hover{color: #0060a9;} .support-page__tracking{background-color: #0060a9; padding: 40px 0; color: #fff; text-align: center; font-family: 'Hind', sans-serif;} .support-page__tracking input{font-weight: 400;} .support-page__find-rep{background-color: #ffdd00; color: #0060a9; display: flex; flex-direction: column-reverse;} .support-page__find-rep-info{padding: 45px 0;} .support-page__fine-rep-description{padding: 10px 0 25px;} .support-page__find-rep-image{width: 100%;} .support-page__tracking .form-element__field.is-active {border-color:#fff;} .support-page__tracking .form-element__field--search {height:auto;} .support-page__tracking input {font-weight:400; color:#fff;} .support-page__tracking input::placeholder {font-weight:400;} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px){ .support-page{padding: 85px 0 0;} .support-page__tab{display: inline-block; font-family: 'Varela Round', sans-serif; margin-right: 40px;} .support-page__tab:last-of-type{margin-right: 0;} .support-page__tab-content{margin-top:0;} .support-page__customer-support{display: flex; flex-flow: row wrap; margin: 15px 0;} .support-page__customer-support-item{width: 50%; border-top: 1px solid #ededed; border-right: 1px solid #ededed;} .support-page__customer-support-item:nth-of-type(even){padding-left: 20px; border-right: none;} .support-page__customer-support-item:nth-of-type(odd){padding-right: 20px; border-left: none; } .support-page__customer-support-item:nth-of-type(3n){padding-bottom: 0; } .support-page__customer-support-item:nth-of-type(-n+ 2){padding-top: 0; border-top: none;} .support-page__headquarters-list-item-heading{padding: 15px 0 15px 60px;} .support-page__headquarters-list-item-heading:before{left: 20px;} .support-page__headquarters-list-item-heading:after{right: 20px;} .support-page__headquarters-list-item-content{padding: 0 20px; line-height: 1.3; font-size: 0.937rem;} .support-page__tracking{padding: 35px 0 50px;} .support-page__tracking input{font-size: 1.75rem;} .support-page__tracking-form-field{margin-top: 38px;} .support-page__find-rep-info{padding: 85px 0 100px;} .support-page__fine-rep-description{padding: 2px 0 45px;} } @media only screen and (min-width : 992px) { .support-page__info{display: flex; padding: 0 0 100px;} .support-page__input--half{width: calc(50% - 40px); margin-right: 40px; display: inline-block;} .support-page__input--half:nth-child(odd){margin-right: 0;} .support-page__checkbox-section, .ginput_container_checkbox ul{display: flex; flex-flow: row wrap; max-width: 550px;} .support-page__checkbox-section, .ginput_container_checkbox {border-bottom: none; height: auto; } .support-page__checkbox--half li{width: 50%; margin-top: 0; font-size: 0.937rem; display: flex;} .support-page__checkbox--bottom li{width: 100%; margin-top: 0; font-size: 0.937rem; display: flex;} .support-page__contact{width: 50%; margin-right: 100px;} .support-page__headquarters{width: calc(50% - 50px);} .support-page__headquarters{padding: 0;} .support-page__find-rep{flex-direction: row;} .support-page__find-rep-info{width: 55%;} .support-page__find-rep-image-container{display: block; width: 45%; } .support-page__find-rep-image{width: 100%; height: 100%;} .support-page__find-rep-info .container {width:82%;} } @media only screen and (min-width : 1200px) {} /*------------------------- Freight Tracking Page ---------------------------*/ .freight-tracking-page{padding: 45px 0; font-family: 'Hind', sans-serif;} .freight-tracking-page .container{position: relative;} .freight-tracking-page .btn{padding: 5px 33px; height: 33px;} .freight-tracking-page .results{right: 0; top: 5px;} .freight-tracking-page__filter-container{position: relative; overflow: auto; margin-top: 20px;} .freight-tracking-page__input{width: 100%; display: inline-block;} .freight-tracking-page__heading{color: #000; display: inline-block;} .freight-tracking-page__table{max-width: 750px; width: 100%; border-radius: 5px; border-collapse: collapse; margin: 30px 0; line-height:1.3;} .freight-tracking-page__table td{display: block; padding: 10px 0; /*width:100%;*/} .freight-tracking-page__table td:before{content: attr(data-th)" "; display: inline-block; font-weight: 600; padding-right: 5px; color: #000; width: 100%;} .freight-tracking-page__table th{display: none;} .freight-tracking-page__table tr{border-bottom: 1px solid #7f8c8d; padding:10px 0; float:left; width:100%;} .freight-tracking-page__table-item{font-size: 0.938rem; color: #000; font-weight: 600; position: relative;} .freight-tracking-page__table-item span:first-child:before{ width: 20px; margin-right: 25px; border-radius: 50%; height: 20px; padding: 0; cursor:pointer; transition:all 0.5s; font-family: Material Icons; content: '\E5CD'; display: inline-block; color: #000; vertical-align: middle; font-size: 1.25rem; font-weight: 400;} .freight-tracking-page__table-item span:first-child:hover:before {background-color: #c00; color: #fff;} .freight-tracking-page__no-products{padding: 100px 0;} .freight-tracking-page__no-products-message{text-align: center; font-size: 1.125rem; margin-top: 40px;} .freight-tracking-page__menu input::-webkit-input-placeholder {color:#fff;} .freight-tracking-page__information{margin-bottom:3px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;} .freight-tracking-page__track{text-decoration: none; position: relative;display:block;} .freight-tracking-page__track:after{font-family: Material Icons; content: '\E315'; font-size: 1.5rem; transition: 0.5s all; position: absolute; top: -2px; right: 50%; transform: translateX(-50%);} .freight-tracking-page__tracking-number{min-width: 50%; word-break: break-all;} .freight-tracking-page__tracking-number--multiple:hover:after, .freight-tracking-page__track:hover:after{color: #0060a9;} .freight-tracking-page__tracking-number--multiple{width: 50%; transition: 0.5s all; cursor: pointer; color: #000; font-weight: 600; position: relative; white-space: nowrap;} .freight-tracking-page__tracking-number--multiple:after{transition: 0.5s all; position: absolute; top: -2px; right: -20px; content: '\E145'; font-size: 1rem; font-family: Material Icons; vertical-align: middle; display: inline-block; padding-bottom: 4px; margin-left: 5px; color: #7f8c8d;} .freight-tracking-page__date-shipped{width: 100%;} .freight-tracking-page__track{width: 25%;} .freight-tracking-page__expanded-information{display: none;} .freight-tracking-page__expanded-information p{font-size: 1rem; color: #7f8c8d; font-weight: 400;} .freight-tracking-page__expanded-information-categories{font-size: 0.75rem; color: #000; width: 28%; font-weight: 600;} .freight-tracking-page__expanded-information.is-active{display: flex; justify-content: space-between; padding:4px 0;} .freight-tracking-page__tracking-number--multiple.is-active, .freight-tracking-page__tracking-number--multiple:hover{color: #0060a9; font-weight: 600;} .freight-tracking-page__tracking-number--multiple.is-active:after {content: '\E15B'; color: #0060a9; right: -20px;} .freight-tracking-page__track--not-available{display:inline-block; padding-top:6px;} .freight-tracking-page__group{position: relative; border-bottom: 1px solid #e0e0e0; margin-top: 30px;} .freight-tracking-page__group:last-of-type{border-bottom: none;} .freight-tracking-page__group-tracking-url{margin: 20px 0;} @media only print, only screen and (min-width : 480px) { .freight-tracking-page__table td{padding: 20px 20px 0 0;} .freight-tracking-page__menu-item { display:inline-block; margin:10px 30px 0 0;} .freight-tracking-page__tracking-number{min-width: 25%;} .freight-tracking-page__tracking-number--multiple:after, .freight-tracking-page__tracking-number--multiple.is-active:after {right: 0;} .freight-tracking-page__table tr{padding:20px 0;} .freight-tracking-page__input{width: 350px; display: inline-block;} } @media only print, only screen and (min-width : 768px){ .freight-tracking-page{padding: 90px 0;} .freight-tracking-page__input{width: 350px; display: flex;} .freight-tracking-page .btn{padding: 5px 33px; margin-left: 15px; max-height: 33px;} .freight-tracking-page__table th{display: block;} .freight-tracking-page__table{max-width: 100%;} .freight-tracking-page__table tr {float:none;} .freight-tracking-page__table th{display: table-cell; color: #000; font-size: 0.75rem; font-weight: 700; padding: 5px 30px;} .freight-tracking-page__table td{display: table-cell; padding: 13px 0 13px 30px; float:none; max-width:200px;} .freight-tracking-page__table td:before{content: ''; display: none;} .freight-tracking-page__table td {vertical-align: top;} .freight-tracking-page__table td:first-child {width:15%;} .freight-tracking-page__table td:nth-child(2) {width:20%;} .freight-tracking-page__information{width: 86%;} .freight-tracking-page__table {margin:50px 0 35px;} .freight-tracking-page__track{position: relative; width: auto;} .freight-tracking-page__date-shipped{width: 30%;} .freight-tracking-page__track:after{position: static; font-size: 2rem; } table .freight-tracking-page__tracking-data{padding-top: 8px;} .freight-tracking-page__tracking-number{width: auto; min-width: 35%;} .freight-tracking-page__tracking-number--multiple{width: 100px;} .freight-tracking-page__tracking-number--multiple:after, .freight-tracking-page__tracking-number--multiple.is-active:after {right: -30px; width: 10px; margin-left: 5px;} .freight-tracking-page__table th:nth-child(3){padding-right: 122px;} .freight-tracking-page__group{border-bottom: none; margin-top: 30px;} .freight-tracking-page__group-tracking-url.btn{margin-left: 0;} .freight-tracking-page__group:after{content: ''; position: absolute; bottom: 0; width: 160%; left: -60%; height: 1px; background-color: #e0e0e0;} .freight-tracking-page__group:last-of-type:after{content: ''; display: none;} .freight-tracking-page__group:first-of-type{margin-top: 0px;} } @media only screen and (min-width : 992px) { .freight-tracking-page__information{width: 80%;} .freight-tracking-page__tracking-number{width: auto; min-width: auto;} .freight-tracking-page__tracking-number--multiple{width: 30%; min-width: auto;} .freight-tracking-page__group-tracking-url{margin: 0; position: absolute; top: -1px; transform: translateY(-20%); right: 0; font-weight: 700; font-size: 0.875rem; font-family: Hind;} .freight-tracking-page__group:after{bottom: -10px;} } @media only screen and (min-width : 1200px) { .freight-tracking-page__tracking-number--multiple{width: 25%;} } /*------------------------- Careers Page ---------------------------*/ .careers-page{font-family: 'Hind', sans-serif;} .careers-page__category{text-align: center; color: #383838} .careers-page__category-heading{color: #000; margin-bottom:15px;} .careers-page__category:before{content: ''; display: block; font-family: 'BrassCraft-Icon-Webfont'; font-size: 5rem; color: #0060a9; } .careers-page__category--1:before{content: '\E009';} .careers-page__category--2:before{content: '\E007';} .careers-page__category--3:before{content: '\E008';} .careers-page__image{width: 100%; margin: 10px 0;} .careers-page__section-content{position: relative;} .careers-page__section-heading{line-height: 1;} .careers-page__section-subheading{font-size: 1.375rem;} .careers-page__section-text{padding: 20px 0; color: #fff;} .careers-page__section--info{padding: 0 0 45px;} .careers-page__section--work{color: #fff; text-align: center; padding: 50px 0 100px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;} .careers-page__section--work:before{content: ''; background: linear-gradient(rgba(42, 49, 57, 0.75), rgba(42, 49, 57, 0.75)); position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .careers-page__section--positions{background-color: #0060a9; padding: 0 0 20px; text-align: center; position: relative; top: -80px;} .careers-page__section--images{margin-top: -55px; padding-bottom: 35px;} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) { .careers-page__section-button{width: auto;} .careers-page__section--info{padding: 40px 0 100px;} .careers-page__section-text--positions-box{text-align: center; font-size: 1.125rem;} .careers-page__category:before{font-size: 7rem;} } @media only screen and (min-width : 992px) { .careers-page__category{width: calc(100% / 3 - 33.3333333px); margin-right:50px;} .careers-page__category:last-of-type{margin-right: 0;} .careers-page__image{margin-bottom: 0; max-height: 220px;} .careers-page__image--full{width: calc(60% - 50px); max-height: 480px; margin-right: 50px; background-size: cover; background-repeat: no-repeat; background-position: center center;} .careers-page__image--half{width: 100%; margin-bottom: 30px;} .careers-page__image--half:last-of-type{margin-bottom: 0;} .careers-page__section-button{position: absolute; top: 50%; transform: translateY(-50%); right: 5%;} .careers-page__section-content{width: 60%; margin: 0 auto;} .careers-page__section--work{padding: 100px 0 150px;} .careers-page__section--positions{padding: 15px 0;} .careers-page__images-row{display: flex; flex-wrap: wrap;} .careers-page__images-column{display: flex; flex-wrap: wrap; flex-direction: column; width: 35%;} .careers-page__section--images{margin-top: 10px; padding-bottom: 100px;} .careers-page__section-text--positions-box{width: 70%; text-align: left;} .careers-page__section--info .container{display: flex; flex-wrap: wrap;} .careers-page__category:before{font-size: 9rem;} } @media only screen and (min-width : 1200px) { .careers-page__category{width: calc(100% / 3 - 50px); margin-right:75px;} .careers-page__category:last-of-type{margin-right: 0;} .careers-page__category:before{font-size: 11rem;} } /*------------------------- Products Overview Page ---------------------------*/ .products-page{font-family: 'Hind', sans-serif;} .products-page__image{display: block; height: 300px; background-size: cover; background-position: center center; background-repeat: no-repeat;} .products-page__item{text-decoration: none; text-align: center; display: block; padding: 0;} .products-page__item-heading{color: #000;} .products-page__item-heading.headline--2 {font-size:1.5rem; transition:all 0.5s;} .products-page__item-text{padding-top: 10px;} .products-page__item-content {transition:all 0.5s; background-color:#fff;} .products-page__item-content:hover {background-color:#efefef;} .products-page__item-content-box {padding: 40px 20px;} .products-page__item-content-box img{height: 100px; padding-bottom: 15px;} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) { .products-page__item-content{overflow: hidden; height: 0; padding:0; padding-top: 50%; position: relative;} .products-page__item-content-box{padding-bottom:0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75%;} .products-page__item-content-box img{height: 120px; display: block; margin: 0 auto; padding-bottom: 25px;} .products-page__item-heading.headline--2 {font-size:1.75rem; line-height:1.75rem;} .products-page__item-content-box {padding:0;} } @media only screen and (min-width : 992px) { .products-page{display: flex; flex-flow: row wrap; padding-bottom: 0;} .products-page__item-content{padding-top: 100%;} .products-page__item-content-box{overflow: hidden; width: 90%;} .products-page__item-content-box img{height: 100px;} .products-page__image{display: block; height: auto; width:calc(100% / 3); background-size: cover; background-position: center center; background-repeat: no-repeat;} .products-page__item{width:calc(100% / 3);} .products-page__item-heading.headline--2 {font-size:1.5rem; line-height:1.5rem;} .products-page__item-text {font-size:0.938rem;} } @media only screen and (min-width : 1200px) { .products-page__item-heading.headline--2 {font-size:2rem; line-height:2rem; padding-bottom: 5px;} .products-page__item-text {font-size:1rem;} .products-page__item-content-box img{height: 120px;} } /*------------------------- Products Type Page ---------------------------*/ .products-type-page{position: relative; padding: 30px 0 70px; font-family: 'Hind', sans-serif; overflow:auto;} .products-type-page__heading{color: #000;} .products-type-page__subheading{font-size: 2rem; color: #000; margin: 80px 0 -40px; float:left;} .products-type-page .pagination{padding: 25px 0 0; float:left;} .products-type-page .form-element__field--select-products select {padding-top:3px; line-height:26px; padding-right: 35px;} @media only print, only screen and (min-width : 480px) {} @media only print, only screen and (min-width : 768px) { .products-type-page .pagination{padding: 50px 0 0;} } @media only screen and (min-width : 992px) {} @media only screen and (min-width : 1200px) {} /*------------------------- Single Products Page ---------------------------*/ .single-products-page{border-top: 1px solid #EEE; padding: 30px 0 0 0; font-family: 'Hind', sans-serif; position: relative;} .single-products-page__heading{font-size: 1.875rem; line-height: 1.2; color: #242424; font-weight: bold;} .single-products-page__subheading{color: #000; font-size: 1.125rem} .single-products-page__select{margin-top: 30px} .single-products-page__title{order:-1;} .single-products-page__tabs{order: -1; margin: 5px 0 0 0;} .single-products-page__tabs-list{display: flex; flex-flow: wrap; color: #0260AA; font-size: 0.938rem} .single-products-page__tabs-item{margin-right: 20px;} .single-products-page__form{background-color: #fff; border-radius: 5px; margin: 40px 0; padding: 40px 0 35px;} .single-products-page__form-heading{color: #000; font-size:1.375rem; font-weight:400; margin-bottom:10px;} .single-products-page__form-content{margin: 18px 0 28px;} .single-products-page__content{margin: 70px 0 15px;} .single-products-page__list{list-style: disc; margin-top: 30px; list-style-position: outside;} .single-products-page__list-item{padding: 10px 0; margin: 0 0 0 30px;} .single-products-page__list-item:first-of-type{padding-top: 0;} .single-products-page .products__list-item--expanded{min-width: 100%;} .single-products-page .products__list{padding: 25px 0 0 0;} .single-products-page__related-products{background: #EFEFEF;} .single-products-page__related-products-title{padding-top: 37px; color: #242424; font-weight: 500;} .single-products-page__table-block{margin-top: 50px} .single-products-page__table-title{color: #242424; margin-bottom: 10px;} .single-products-page__table{border-collapse: separate; background-color: #fff; line-height:1.3; width: 100%;} .single-products-page__table th{display: none;} .single-products-page__table td{border-bottom: 1px solid #EFEFEF; text-align: right; display: block; padding: 10px 15px; color: #383838; font-size: .875rem;} .single-products-page__table td:nth-last-of-type(1){border-bottom: 0px;} .single-products-page__table td:before{content: attr(data-th); display: inline-block; padding-right: 5px; color: #6D6D6D; font-size: .875rem; float: left;} .single-products-page__table td[data-th="UPC"] {pointer-events: none;} .single-products-page__table td[data-th="UPC"] > a {text-decoration:none; color:inherit;} .single-products-page__table td.single-products-page__table-supply-list:before{content: 'Add to Supply List'} .single-products-page__table tr{width: 100%; float:left; border: 1px solid #EFEFEF; border-radius: 5px; margin-bottom: 15px;} .single-products-page__table tr:nth-of-type(1){display: none;} .single-products-page__badges{margin: 30px;} .single-products-page__badges-images{height: 50px; width: 50px; margin-right: 15px;} .single-products-page .pagination{padding-left: 14px; padding: 40px 0;} .single-products-page .resources__document-list-item:hover{background-color: #d3d3d3;} .single-products-page .products__viewport .products__list-item {width:275px; min-width:275px; margin-right:0px; margin-bottom:0;} .single-products-page .products__gallery {margin:20px 0 0;} .single-products-page .products__gallery-thumbnails{display: none;} .single-products-page .products__gallery-thumbnails .products__list-item--thumbnail {margin:0;} .single-products-page .products__list-item-container{padding-bottom: 20px;} .single-products-page__product-content{display:flex; flex-flow: column wrap; margin-top: 22px} .single-products-page__product-content:after{content: ''; display: block; clear: both;} .single-products-page__form .form-element__field input, .single-products-page__form .form-element__field select {padding: 0 30px 0px 20px; font-weight:600;} .single-products-page__form .form-element__field input {padding-right:0;} .single-products-page .page-nav__viewport ul li{height: auto;} .single-products-page .products__gallery .products__list-item.products__list-item--expanded{margin: 0; position: relative; overflow: hidden;} .single-products-page .products__gallery .products__media--expanded{min-width: 100%;background:#FFF;} .single-products-page__actions{margin-top: 15px} .single-products-page__actions-btn{margin-bottom: 8px; color: #fff; display: block; border: 1px solid #0260AA; background: #0260AA; width: 100%;} .single-products-page__actions-btn--default{background: #fff; color:#0260AA} .single-products-page__actions-btn--default:hover{background: #0260AA; color:#fff} .single-products-page__info{padding: 35px 0;} .single-products-page__info-block{padding-bottom: 11px;} .single-products-page__info-tab{cursor: pointer; position: relative; display: flex; align-items: center; color: #242424; padding: 0 31px; height: 45px; background: #F7F7F7; border: 1px solid #EFEFEF;} .single-products-page__info-tab:before{content: '\E145'; font-family: 'Material Icons'; position: absolute; right: 30px; bottom: 50%; transform: translateY(50%); -webkit-transform: translateY(50%); font-size: 1.75rem;} .single-products-page__info-tab--minus:before{content:'\E15B';} .single-products-page__info-text{padding: 30px 0;} .single-products-page__info-text.user-content ul{margin: 0; padding: 0 0 10px 35px;} .single-products-page__info-toggle{display: none;} .single-products-page__related-products .flex-control-nav.flex-control-paging{position: relative; bottom: 0; padding-top: 20px;} .single-products-page__table-form-container{display: flex; justify-content: space-between; width: 100%; padding-top: 10px;} .single-products-page__table-quantity{width: 75px; border: 1px solid #EFEFEF; height: 30px; border-radius: 5px; display: flex; justify-content: space-between; align-items: center;} .single-products-page__table-quantity span{padding: 4px 0; min-width: 35px; height: 100%; border-left: 1px solid #EFEFEF; border-right: 1px solid #EFEFEF; } .single-products-page__table-quantity input{text-align: center;} .single-products-page__table-btn{position: relative; min-width: 18px; height: 100%; font-size: .813rem; color: #C2C2C2} .single-products-page__table-btn:before{content: '\e15b'; position: absolute; font-family: Material Icons; bottom: 50%; right: 50%; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%);} .single-products-page__table-btn--add:before{content: '\e145';} .single-products-page__table-action{transition: 300ms; position: relative; background: #F7F7F7; border:1px solid #EFEFEF; color:#0260AA; padding: 7px 25px 8px 35px; height: 30px; border-radius: 5px;} .single-products-page__table-action:before{content: '\e147'; position: absolute; font-family: Material Icons; left: 18px; bottom: 50%; transform: translateY(50%); -webkit-transform: translateY(50%);} .single-products-page__table-action:hover{background: #cbcbcb} .single-products-page--online{display: none; padding: 0 0 75px 0} .single-products-page__online{ padding: 50px 0;} .single-products-page__online .products__media{width: 100%; height: 200px; border: 1px solid #EFEFEF;} .single-products-page__online-info{margin-top: 30px;} .single-products-page__available-locations{ display:none; } .single-products-page__available-locations--visible { display:block; opacity: 0;} .single-products-page__available-locations--fade { opacity: 1; transition: 1s; } .single-products-page__available-locations-title{ color: #2E2C2C; font-size: .938rem} .single-products-page__available-locations-list{margin-top: 15px} .single-products-page__available-locations-item{margin-bottom: 16px; padding: 19px 22px; border: 1px solid #C2C2C2; border-radius: 5px;} .single-products-page__available-locations-company{display: flex; align-items: center;} .single-products-page__available-locations-img{margin-right: 60px; width: 60px; padding-top: 60px; background-repeat: no-repeat; background-size: contain; background-position: center;} .single-products-page__available-locations-name{color: #383838; max-width: 450px;} .single-products-page__available-locations .single-products-page__actions-btn{margin: 10px 0 0 0} .single-products-page__back{padding: 30px 0 0;} .single-products-page__back-btn{position: relative; padding: 0 0 0 20px; transition: 300ms;} .single-products-page__back-btn:before{content: '\e314'; position: absolute; font-family: Material Icons; left: 0; bottom: 55%; -webkit-transform: translateY(50%); transform: translateY(50%); font-size: 1.25rem;} .single-products-page__back-btn:hover{color: #0060a9;} .single-products-page--hidden{display: none;} .single-products-page--shown {display: block;} .single-products-page__tabs-item-link{text-decoration: underline; font-weight: 500;} @media only print, only screen and (min-width : 480px) { .single-products-page .page-nav__item { float:none; font-size:0.938rem; width:auto; padding:20px 0;} .single-products-page .page-nav__viewport ul {display:flex; justify-content: space-between;} } @media only print, only screen and (min-width : 768px) { .single-products-page .products__gallery {width:375px; margin-top:0; float:left;} .single-products-page__title, .single-products-page__tabs, .single-products-page__actions{position: static; order:initial; width:calc(100% - 375px); float:left;} .single-products-page__table-block{margin-top: 25px; position: static; order:initial; width:100%; float:left;} .single-products-page__content{margin: 15px 0;} .single-products-page__description {width:calc(100% - 375px); float:left; display:block;} .single-products-page__select{ max-width: 425px;} .single-products-page__table{border-collapse: separate; background-color: transparent; border: 1px solid #ededed; border-radius: 5px;} .single-products-page__table th{display: table-cell; background-color: #F7F7F7; color: #6D6D6D; font-size: 0.813rem; padding: 7px 15px 5px; font-weight:500;} .single-products-page__table td{border-top: 1px solid #EFEFEF; text-align: left; display: table-cell; padding: 12px 15px 7px; border-bottom: 0px;} .single-products-page__table td:nth-of-type(2){ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 125px;} .single-products-page__table td:nth-last-of-type(1){border-bottom: 0; padding: 7px 15px} .single-products-page__table td:before{content: ''; display: none;} .single-products-page__table td:first-of-type{white-space: nowrap; max-width: 25%;} .single-products-page__table tr{float:none; color: #383838; border-radius: 0px; margin-bottom: 0px;} .single-products-page__table tr:nth-of-type(1){display: table-row;} .single-products-page table th:first-of-type{border-top-left-radius: 5px;} .single-products-page table th:last-of-type{border-top-right-radius: 5px; text-align: right; padding-right: 81px;} .single-products-page__list-item{padding: 0;} .single-products-page__search{position: absolute; top: 20px; width: 250px;} .single-products-page .results{right: 53px; top: 25px;} .single-products-page .products__media--expanded {height:275px;} .single-products-page .page-nav__item {padding:40px 0; font-size: 1.2rem; margin:0 30px;} .single-products-page .page-nav__viewport ul {justify-content: center;} .single-products-page__product-content {display:block; flex-flow: row wrap; margin: 40px 0 0;} .single-products-page .products__gallery {display:flex; justify-content: space-around;} .single-products-page .products__gallery .products__list-item.products__list-item--expanded{margin: 0 100px 0 0 ;} .single-products-page__actions{margin-top: 40px} .single-products-page__info{padding: 10px 0 90px 0;} .single-products-page__info-text{padding: 30px 0 40px 30px} .single-products-page .products__list-item--expanded{min-width: auto;} .single-products-page__table-form-container{justify-content: flex-end; padding: 0} .single-products-page__table-quantity{margin-right: 10px;} .single-products-page__online{display: flex} .single-products-page__online .products__media{height: 168px; width: 168px; margin-right: 60px;} .single-products-page__online-info{margin-top: 0px;} .single-products-page__available-locations-item{display: flex; justify-content: space-between; align-items: center;} .single-products-page__available-locations .single-products-page__actions-btn{margin: 0px; width: auto; max-width: 250px; } .single-products-page--online{padding: 0 0 150px 0; min-height:600px;} } @media only screen and (min-width : 992px) {.single-products-page__table-btn .single-products-page__subnav{display: none;} .single-products-page__select-1{width: calc(100% - 135px); display:block; float:left;} .single-products-page__select-2{width: 75px; display:block; margin-left: 40px; float:left; margin-top:0px;} .single-products-page__form{margin: 50px 0 100px;} .single-products-page__form:after{content: ''; display: block; clear: both;} .single-products-page__form-content{width: 100%; float: left;} .single-products-page__form-button{margin: 27px 0 0 35px;} .single-products-page .products__slider{display: none;} .single-products-page .products__gallery {width: 50%; margin-top:0; float:left;} .single-products-page__actions, .single-products-page__table-block, .single-products-page__tabs, .single-products-page__title{width:50%;} .single-products-page__description {width:calc(100% - 500px);} .single-products-page__table-block{margin: 50px 0 60px; overflow-x: auto} .single-products-page .products__gallery-thumbnails { display: block; order:1; margin: 0px; float:left; position: relative; height: 520px; width: 115px; left: -10px; top: 0px;} .single-products-page .products__gallery-thumbnails-container{height: 470px; overflow-y: hidden; width: 100%; position: relative;} .single-products-page .products__gallery-thumbnails-canvas{position: absolute; top: 0; transition: 300ms; display: flex; flex-direction: column; align-items: center; width: 100%;} .single-products-page__form .btn {margin:0;} .single-products-page .products__media--expanded {height: 400px;} .single-products-page .products__list-item--expanded{margin-right: 50px} .single-products-page__actions-block{display: flex;} .single-products-page__actions-btn{ margin-right: 15px; margin-bottom: 0; max-width: 250px; width: auto;} .single-products-page .products__gallery .products__list-item.products__list-item--expanded{margin: 0 50px 0 0 ;} } @media only screen and (min-width : 1200px) { .single-products-page .products__media--expanded {height: 455px;} .single-products-page .products__list-item--expanded{height: 100%; margin-right: 100px} .single-products-page .products__gallery {width: 50%; margin-top:0; float:left;} .single-products-page__table-block, .single-products-page__title, .single-products-page__tabs{width: 50%} .single-products-page__description {width:calc(100% - 650px);} .single-products-page__form-content{width:calc(100% - 140px); margin-right:30px;} .single-products-page__form .btn {width:110px; padding-left:0; padding-right:0; margin-top:8px;} .single-products-page .products__gallery .products__list-item.products__list-item--expanded{margin: 0 100px 0 0 ;} } /*------------------------- Where To Buy ---------------------------*/ .where-to-buy{font-family: 'Hind', sans-serif; position: relative; z-index: 15;} .where-to-buy__map{background-color: #666; width: 100%; height: 55vh;} .where-to-buy__contacts { display: inline-block; margin-right:-5px; width:50%; } .where-to-buy__link{display:block;text-decoration: none;transition:all 0.5s; } .where-to-buy__link:hover{color: #0060a9;} .where-to-buy__location{width: calc(100% - 32%);} .where-to-buy__location-options{font-weight: 700; width: 32%; text-align: right;} .where-to-buy__location-details{line-height: 1.2; } .where-to-buy__location-filter{height: 12px; width: 12px; border-radius: 100%; display: inline-block; margin-left: 5px; float: right;} .where-to-buy__location-filter--wholesale{background-color: #003365;} .where-to-buy__location-filter--retail{background-color: #ffcd20;} .where-to-buy__link--website {width:100%;} .where-to-buy__link--website:after { content: "\e89e"; margin-left: 5px; font-family: "Material Icons"; vertical-align: middle; margin-bottom: 3px; display: inline-block;} .where-to-buy__form{box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.4); background-color: #f7f7f7;} .where-to-buy__form-heading{background-color: #0060a9; color: #fff; font-weight: 700; padding: 12px 15px 10px 20px; font-size: 1.375rem; } .where-to-buy__form-options{padding: 20px; border-bottom: 1px solid #ededed;} .where-to-buy__form-input{background-color: #fff; display: block; font-weight: 700; border-radius:5px;} .where-to-buy__form-field input{height: 40px; padding: 3px 20px 0; font-weight: 700; border: 1px solid #ededed; border-radius: 5px; color: #7f8c8d;} .where-to-buy__form-checkbox{display: inline-block; margin-right: 20px;} .where-to-buy__form-checkbox label:before, .where-to-buy__form-checkbox label:after{display: none;} .where-to-buy__form input[type="checkbox"]{ display: none; } .where-to-buy__form input[type="checkbox"] + label { position: relative; padding-left: 30px; font-weight: 700; font-size: 0.75rem;} .where-to-buy__form input[type="checkbox"] + label span { position: absolute; top: 8px; left: 0; width: 20px; height: 20px; border-radius: 5px; background-color: #003365; transform: translateY(-50%);} .where-to-buy__form input[type="checkbox"]:checked + label span:after { content: "\E5CA"; color: #fff; font-size: 1rem; font-family: Material Icons; padding: 0 0 0 2px; position: absolute; font-weight: 400; top: 50%; left: 50%; width: 20px; height: 20px; border-radius: 5px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .where-to-buy__form--alternate input[type="checkbox"] + label span{background-color: #ffcd20;} .where-to-buy__form-results{color: #000;} .where-to-buy__form-results-text{border-bottom: 1px solid #ededed; padding: 10px 20px 5px; color: #000;} .where-to-buy__form-list{ background-color: #fff; font-size: 0.937rem;} .where-to-buy__form-list-item{padding: 20px 20px 20px 40px; border-bottom: 1px solid #ededed;} .where-to-buy__form-list-item:hover, .where-to-buy__form-list-item--active{background:#f7f7f7;} .where-to-buy__form-list-item-container{position: relative;} .where-to-buy__form-list-item-content {width: 100%;} .where-to-buy__form-list-item-content > span{display: flex; width: 100%; text-align: left; padding-bottom: 35px; justify-content: space-between; } .where-to-buy__form-list-item--selected{background-color: #f7f7f7;} .where-to-buy__name{position: relative; word-break: break-word;} .where-to-buy__name:before{content: attr(name) ". "; font-weight: 700; font-family: 'Hind', sans-serif; color: #000; position: absolute; transform: translateX(-100%); left: -10px;} .where-to-buy__link--directions{text-align:right; font-weight: 700; display:inline-block; width:50%;} .where-to-buy__overlay-location-options{display: none;} .where-to-buy__overlay-location-options--mobile{margin-top: 5px; display: flex; justify-content: space-between;} .where-to-buy__overlay-location-options--mobile > .where-to-buy__overlay-distance{display: flex; align-items: center;} .where-to-buy__overlay-location-details{line-height: 1.2; } .where-to-buy__overlay-location-filter{height: 12px; width: 12px; border-radius: 100%; display: inline-block; margin-left: 5px; float: right;} .where-to-buy__overlay-location-filter--wholesale{background-color: #003365;} .where-to-buy__overlay-location-filter--retail{background-color: #ffcd20;} .where-to-buy__form-list-item-overlay{padding: 5px;} .where-to-buy__form-list-item-overlay-container{position: relative; color: #000; font-size: 0.875rem;} .where-to-buy__overlay-link{text-decoration: none; display: inline-block; transition:all 0.5s; margin-right:-5px;} .where-to-buy__overlay-link:hover{color: #0060a9;} .where-to-buy__overlay-link--website {width:100%; margin-bottom:4px;} .where-to-buy__overlay-link--website:after { content: "\e89e"; margin-left: 5px; font-family: "Material Icons"; vertical-align: middle; margin-bottom: 3px; display: inline-block;} .where-to-buy__overlay-name{position: relative; padding-bottom: 3px; line-height:1.2;} .where-to-buy__overlay-distance{font-weight: 700;} .where-to-buy__overlay-link--directions{font-weight: 700; display: block;} .where-to-buy__form-list-item-overlay-content{padding-bottom: 15px; width: 100%; text-align: left;} @media only print, only screen and (min-width : 480px) { .where-to-buy__map{height: 50vh;} .where-to-buy__overlay-link--website {width:100%;} .where-to-buy__overlay-link--directions{text-align:right; display: block; margin-top: 0px;} .where-to-buy__overlay-location{width: calc(100% - 32%);} .where-to-buy__overlay-location-options{display: flex; align-items: center;} .where-to-buy__overlay-location-options--mobile{margin-left: 2px; display: inline-block; width: 50%;} .where-to-buy__overlay-location-options--mobile .where-to-buy__overlay-distance{display: none;} .where-to-buy__form-list-item-overlay{padding: 10px 5px 5px 5px; width: 300px;} .where-to-buy__form-list-item-overlay-content{display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 35px;} } @media only print, only screen and (min-width : 768px) { .where-to-buy__map{height: 40vh;} } @media only screen and (min-width : 992px) { .where-to-buy__map{height: 85vh;} .where-to-buy__form{border-radius: 10px; width: 400px; max-height: 75vh; position: absolute; top: 20px; bottom: 20px; overflow: auto; left: 5%; z-index: 200; border-radius: 10px;} .where-to-buy__form-results{overflow-y: auto; -ms-overflow-y: auto; overflow-x:hidden; top: 157px; position: absolute; left: 0; width: 100%; bottom: 0; z-index: 0; border-bottom-left-radius: 15px;} .where-to-buy__form-results-text, .where-to-buy__form-options{position: relative; z-index: 0; background-color: #f7f7f7;} .where-to-buy__form-heading{position: relative; z-index: 0;} } @media only screen and (min-width : 1200px) {} /*------------------------- Shop Online ---------------------------*/ .shop-online{padding: 50px 0 150px 0; color: #383838;} .shop-online__list{margin-top: 63px; display: flex; flex-wrap: wrap; align-items: stretch;} .shop-online__list-item{margin: 0 17px 17px 0; height: auto; } .shop-online__list-item:hover .shop-online__list-link{box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25); transform: translatey(-10px); color: #0060a9;} .shop-online__list-link{transition: 300ms; box-shadow: 0; transform: translatey(0px); border: 1px solid #C2C2C2; border-radius: 5px; padding: 19px 22px; width: 283px; height: 100%; display: flex; align-items: center; text-decoration: none;} .shop-online__list-link p{max-width: 150px; width: auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .shop-online__list-img{width: 60px; height: auto; padding-top: 60px; margin-right: 40px; background-size: contain; background-repeat: no-repeat; background-position: center;} /*------------------------- PEX landing page ---------------------------*/ .pex-pg{font-family: 'Hind', sans-serif;} .pex-pg__hero{background: #ffd503; padding: 50px 0 60px; text-align: center; position: relative;} .pex-pg__hero-content{max-width: 975px; margin: 0 auto; position: relative; z-index: 2;} .pex-pg__hero-headline{color: #fff; text-transform: uppercase;} .pex-pg__hero-subheadline{color: #000; margin: 20px 0 0 0; line-height: 1.65; font-weight: 500;} .pex-pg__products{background-color: rgb(247, 247, 247); position: relative; overflow: hidden; margin: 0 0 -30px 0; padding: 50px 0;} .pex-pg__products-headline{color : #26272d; font-weight: 700; text-align: center; margin: 0 0 25px 0;} .pex-pg__products-content{max-width: 975px; margin: 0 auto; position: relative; height: auto; transition: 300ms;} .pex-pg__products-list{-webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; transition: 350ms; display: none; flex-wrap: wrap; width: calc(100% + 25px); margin-left: -12.5px;} .pex-pg__products-list.is-active{display: flex;} .pex-pg__products-list.animate-out{opacity: 0;} .pex-pg__products-list.preset-animate-in{position: absolute; top: 0; left: 100%; opacity: 0; display: flex;} .pex-pg__products-list.animate-in{left: 0; opacity: 1} .pex-pg__products-item{width: 100%; margin: 0 0 25px 0} .pex-pg__products-wrapper{transform: translatey(0px); text-decoration: none; transition: 300ms; text-align: center; height: 100%; margin: 0 12.5px; display: block; width: calc(100% - 25px); border-radius: 5px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25); background: #fff;} .pex-pg__products-wrapper:hover{box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25); transform: translatey(-10px); } .pex-pg__products-wrapper:hover .pex-pg__products-title{color: #0060a9; } .pex-pg__products-item--product .pex-pg__products-wrapper{box-shadow: none; border: 1px solid #EFEFEF; padding: 0; text-align: left} .pex-pg__products-image{width: 100%; height: 0; padding-top: 70%; position: relative;} .pex-pg__products-title{padding: 15px 20px 35px; font-size: 1.125rem; color: rgb(27, 27, 27); font-weight: 600; line-height: 1.2; transition: 300ms;} .pex-pg__products-info{padding: 25px 20px; text-align: left;} .pex-pg__products-id{color: rgb(127, 140, 141); text-transform: uppercase;} .pex-pg__products-breadcrumbs{font-size: 1rem; font-weight: 600; display: flex; flex-flow: wrap; max-width: 975px; margin: 0 auto 35px;} .pex-pg__products-breadcrumbs-link{padding: 0 32px 0 0; opacity: 1; position: relative; color: #0061aa; text-decoration: none; transition: 300ms; } .pex-pg__products-breadcrumbs-link:before{content:"\f178"; font-weight: 400 !important; font-family: FontAwesome; position: absolute; right: 5px; top: 4px; opacity: 1;} .pex-pg__products-breadcrumbs-link:hover{color: #0060aaad} .pex-pg__products-breadcrumbs-link:nth-last-of-type(1):before{color: #7f8c8d;} .pex-pg__products-breadcrumbs span{color: #7f8c8d;} .pex-pg__products-list .pex-pg__products-breadcrumbs{display: none;} .pex-pg__cta{text-align: center;} .pex-pg__cta-item{background: #0060a9; padding: 30px 0 73px; position: relative;} .pex-pg__cta-background{z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: none; background-position: center; background-size: cover;} .pex-pg__cta-content{position: relative; z-index: 2; max-width: 525px; width: 90%; margin: 0 auto;} .pex-pg__cta-image{width: 150px; position: relative; margin: 0 auto;} .pex-pg__cta-placeholder{width: 100%; height: 0; padding-top: 75%; position: relative; top: 0; left: 0;} .pex-pg__cta-product{display: inline-block; height: 85px; width: 85px; border-radius: 50%; position: relative;} .pex-pg__cta-product-image{display: block; background-color:#fff; background-size: contain; background-position: center center; height: 80px; width: 80px; border-radius: 100%; border: 3px solid #0060a9; position: absolute; bottom: 50%; right: 50%; transform: translate(50%, 50%);background-origin: content-box; padding: 10px; background-repeat: no-repeat; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; z-index: 99;} .pex-pg__cta-product-pointer{height: 35px; width: 1px;background-color: #0060a9; position: absolute; bottom: -50%; right: 50%;} .pex-pg__cta-product-pointer:after{content: ''; background-color: #0060a9; height: 5px; width: 5px; border-radius: 50%; position: absolute; bottom: 0; right: -2px;} .pex-pg__cta-product-glow{background-color:#000; width: calc(100% + 20px); height: calc(100% + 20px); display:block; border-radius:50%; -webkit-animation: pulse 3s ease-out; -moz-animation: pulse 3s ease-out; animation: pulse 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; position: absolute; top: -10px; left: -10px;} .pex-pg__cta-headline{color: #0060a9; margin: 45px 0 0 0; font-weight: 700;} .pex-pg__cta-description{margin: 10px 0 0; line-height: 1.9;} .pex-pg__cta-actions{display: flex; justify-content: center; margin: 40px 0 0 0;} .pex-pg__cta-btn{margin: 0 15px; width: 100%; max-width: 160px;} .pex-pg__cta-item--style2{color: #fff !important;} .pex-pg__cta-item--style2 .pex-pg__cta-background{display: none;} .pex-pg__cta-item--style2 .pex-pg__cta-headline{color: #fff; margin: 35px 0 0 0;} .pex-pg__cta-item--style2 .pex-pg__cta-btn{width: auto; max-width: none;} .pex-pg__videos{padding: 64px 0; position: relative;} .pex-pg__videos-background{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat;} .pex-pg__videos-background:before{content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2a3139; opacity: .88;} .pex-pg__videos-headline{color: #fff; text-align: center; z-index: 2; position: relative; font-weight: 700;} .pex-pg__videos .flex-control-nav{position: relative; bottom: 0; margin: 40px 0 0;} .pex-pg__videos .products__list-item { margin:0; max-width:270px;} .pex-pg__overlay-nav{border-radius: 5px 5px 0 0; background: #f7f7f7; padding: 50px 0 40px; position: sticky; width: 100%; z-index: 10; top: 0; left: 0;} .pex-pg__overlay-container{width: 80%; margin: 0 auto;} .pex-pg__overlay-headline{color: #0060a9; font-weight: 700; text-align: center;} .pex-pg__overlay-actions{margin: 25px 0 0;} .pex-pg__overlay-btn{display: block; width: auto; margin: 0 0 15px 0; transition: 300ms; cursor: default; line-height: 1.2; color: #717a7b; font-size: .875rem; font-weight: 700; padding: 0 0 3px; text-align: left; border-bottom: 2px solid rgb(113, 122, 123);} .pex-pg__overlay-btn:nth-last-of-type(1){margin: 0} .pex-pg__overlay-btn.is-active{color: #0060a9; border-bottom: 2px solid #0060a9; } .pex-pg__overlay-btn.is-completed{cursor: pointer;} .pex-pg__overlay-btn.is-completed:hover{color: #0060a9; border-bottom: 2px solid #0060a9;} .pex-pg__overlay-form{padding: 0 0 40px 0;} .pex-pg__overlay-form .gform_body{padding: 40px 0 0;} .pex-pg__overlay-form .gfield_html h1, .pex-pg__overlay-form .gfield_html h2, .pex-pg__overlay-form .gfield_html h3, .pex-pg__overlay-form .gfield_html h4, .pex-pg__overlay-form .gfield_html h5, .pex-pg__overlay-form .gfield_html h6{font-size: 1.625rem; color: #000000; font-weight: 700;} .pex-pg__overlay-form .gfield_html p{margin: 8px 0 0; color: #383838; line-height: 1.8;} .pex-pg__overlay-form .gform_page_footer{float: none; display: flex; justify-content: space-between;} .pex-pg__overlay-form .gfield_radio{justify-content: flex-start;} .pex-pg__overlay-form .gform_ajax_spinner{display: none;} .pex-pg__overlay-form .ginput_container_radio label{display: inline-block;} .pex-pg__overlay-form .form-element__field, .pex-pg__overlay-form .ginput_container{height: auto !important;} .pex-pg__overlay-form .ginput_container_select{border: 0; position: relative; max-width: 430px;} .pex-pg__overlay-form .ginput_container_select:before{content: "\e313"; font-family: 'Material Icons'; font-size: 1.375rem; position: absolute; right: 15px; top: 9px; } .pex-pg__overlay-form .ginput_container_select select{width: 100%; padding: 8px 45px 8px 10px; border: 2px solid #7f8c8d; position: relative; z-index: 2; border-radius: 0px; } .pex-pg__overlay--confirmation{display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 10; background: #fff;} .pex-pg__overlay--confirmation.is-active{display: block;} .pex-pg__overlay-confirmation{padding: 50px 30px; margin: 0 auto; max-width: 600px; text-align: center; height: 100%; display: flex; flex-direction: column; justify-content: center;} .pex-pg__overlay-confirmation-headline{color: #0060a9;} .pex-pg__overlay-confirmation-text{color: #7f8c8d; font-size: .938rem; margin: 32px 0 0 0;} .pex-pg__overlay-confirmation-btn{margin: 35px auto 0;} .pex-pg__products-none{max-width: 975px; margin-left: 12.5px;} @media only screen and (min-width : 480px) {} @media only screen and (min-width : 768px) { .pex-pg__hero{padding: 78px 0 89px;} .pex-pg__products{padding: 75px 0;} .pex-pg__products-list{width: calc(100% + 50px); margin-left: -25px;} .pex-pg__products-item{width: 50%; margin: 0 0 50px 0;} .pex-pg__products-wrapper{margin: 0 25px; width: calc(100% - 50px);} .pex-pg__products-breadcrumbs{font-size: 1.125rem} .pex-pg__cta{display: flex;} .pex-pg__cta-item{flex: 1;} .pex-pg__videos{padding: 81px 0 76px;} .pex-pg__videos .flex-control-nav{margin: 10px 0 0;} .pex-pg__overlay-btn{display: inline-block; margin: 0 30px 0px 0; width: calc((99.99% / 3) - 30px);} .pex-pg__overlay-btn:nth-last-of-type(1){margin: 0} .pex-pg__products-none{margin-left: 25px;} } @media only screen and (min-width : 992px) { .pex-pg__products{padding: 105px 0 95px;} .pex-pg__products-item{width: calc(99.99%/3);} .pex-pg__hero{background: #ffd503; padding: 107px 0 117px;} } @media only screen and (min-width : 1200px) {} /*------------------------- Overlay Element ---------------------------*/ .overlay-el{display: none; transition: 300ms; z-index: 10; opacity: 0; position: fixed; top: 0; left: 0; height: 100%; width: 100%; font-family: 'Hind', sans-serif;} .overlay-el__uiblock{z-index: 1; position: absolute; cursor: default; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(20, 20, 23); opacity: 0.702;} .overlay-el__block{background: #fff; margin: 0 auto; position: absolute; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); top: 50px; z-index: 2; border-radius: 5px; max-width: 900px; width: 90%; max-height: calc(100% - 100px); height: auto; overflow: auto; } .overlay-el__block-exit{position: absolute; z-index: 5; right: 20px; top: 20px; width: 20px; height: 20px; transition: 300ms;} .overlay-el__block-exit:before{content:"\e5cd"; font-size: 1.25rem; font-family: 'Material Icons'; position: absolute; right: 50%; bottom: 50%; transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%);} .overlay-el__block-exit:hover{color: #0060a9;} .overlay-el.is-showing{display: block;} .overlay-el.is-visible{opacity: 1;} /*------------------------- Footer ---------------------------*/ .footer{background-color: #26272d; font-family: 'Hind'; color: #fff; text-align: center; padding: 45px 0; line-height: 1;} .footer__logo{margin: 0 auto; height: 31px; width: 175px; display: inline-block;} .footer__address{padding: 20px 0 15px; line-height:1.3;} .footer__info-title{padding: 35px 0 15px;} .footer__social-media-menu{padding: 35px 0;;} .footer__social-media-menu-list{padding-top: 15px; font-size: 2rem; display: flex; justify-content: center;} .footer__copyright-menu{font-size: 0.75rem; color: #7f8c8d; border-top: 1px solid #7f8c8d; padding: 45px 0 0; text-decoration: none;} .footer__sitemap-menu a, .footer__link, .footer__copyright-menu-links a, .footer__menu-item a{text-decoration: none; transition:all 0.5s; cursor: pointer;} .footer__sitemap-menu a:hover, .footer__link:hover, .footer__menu-item a:hover, .footer__copyright-menu-links a:hover{color: #0060a9;} .footer__copyright-menu-links li{padding: 10px 0;} .footer__copyright{padding: 10px 0;} .footer__products-menu{display: none;} .footer__sitemap-menu{display: none;} .footer__number{padding-top: 20px; display: inline-block; text-decoration: none;} .footer__social-media-name{display: none;} @media only screen and (min-width : 480px) {} @media only screen and (min-width : 768px) {} @media only screen and (min-width : 992px) { .footer{padding: 70px 0 100px; text-align: left; position: relative;} .footer:after{content: ''; display: block; clear: both;} .footer__info{float: left; width: 31.5%;} .footer__address{padding: 30px 0 15px;} .footer__logo{margin: 0; height: 35px; width: 220px;} .footer__link-list{width: 100%;} .footer__copyright{float: left;} .footer__copyright-menu-links li{display: inline-block; margin-right: 10px;} .footer__menu{float: left; width:calc(68% / 3); font-family: 'Varela Round'; margin-top: 10px;} .footer__sitemap-menu li, .footer__menu-item{padding: 9px 0;} .footer__copyright-menu{padding: 10px 0; position: absolute; bottom: 0; width: 100%;} .footer__copyright-menu:after{content: ''; display: block; clear: both;} .footer__copyright-menu-links{float: right;} .footer__social-media-menu{padding-top: 10px; } .footer__social-media-menu-list{font-size: 1rem; display: block;} .footer .social-media-menu__icon{display: inline-block; padding: 5px 0;} .footer__social-media-name{display: inline-block; font-size: 0.875rem; color: #7f8c8d; padding-left: 15px; font-family: 'Varela Round'; transition: 0.5s all;} .footer__link:hover .footer__social-media-name{color: #0060a9;} .footer__products-menu{display: block;} .footer__products-menu ul{font-size: 0.875rem; color: #7f8c8d; padding: 0 0 0 10px; } .footer__products-menu .sub-menu li:first-child{font-size: 0.875rem; color: #7f8c8d; } .footer__menu-item a{padding: 9px 0; display: inline-block; text-decoration: none;} .footer__menu-item li:first-child{padding: 0; font-size: 1rem; color: #fff;} .footer__sitemap-menu{display: block;} } @media only screen and (min-width : 1200px) {} /*------------------------- Swipe min JS ---------------------------*/ .swipe {overflow: hidden; visibility: hidden; position: relative;} .swipe-wrap {overflow: hidden;position: relative; display: flex; max-width: 100%;} .swipe-wrap > div{float: left; width: 100%; position: relative;} /*------------------------- Alert Bar ---------------------------*/ .alert-bar{color: #fff; line-height: 1.5; font-family: "Helvetica Neue", sans-serif; display:none;} .alert-bar__message a{transition: 300ms;} .alert-bar__message a:hover{color: #000;}