a { color: #576071; } a:hover { color: #414854; } .page-id-28 .content.content_top_margin .container { background-color: #fff; } .gfield_checkbox, .gform_wrapper ul { list-style: none; } .gform_wrapper ul li.gfield { clear: none!important; } body .gform_wrapper .gform_fields .gfield { margin-bottom: 1.5rem; margin-top: 0; } body .gform_wrapper input[type=email], body .gform_wrapper input[type=number], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=text], body .gform_wrapper select { border: 1px solid #576071; outline: 0; width: 100%; padding: .5em; border-radius: 0; -webkit-appearance: none; margin-bottom: 0; height: 50px; font-weight: 500; font-size: 16px; } body .gform_wrapper textarea { border: 1px solid #576071; outline: 0; width: 100%; padding: .5em; border-radius: 0; -webkit-appearance: none; margin-bottom: 0; height: 100px; font-weight: 500; font-size: 16px; color: #000; } .regis-checkbox { margin-bottom: 1rem!important; } .gfield_checkbox { padding: 0 0!important; } .gform_wrapper ul.gfield_checkbox li { display: inline-block; position: relative; width: 100%; } .gform_wrapper ul.gfield_checkbox li input[type=checkbox] { position: relative; top: 2px; opacity: 0; width: 100%; border: 1px solid #576071; outline: 0; padding: .5em; border-radius: 0; -webkit-appearance: none; box-sizing: border-box; } .contactus-container input[type=checkbox]:checked + label:before { background: url("theme_assets_image_tick-icon-min.svg") center center no-repeat #576071; background-size: 15px; } .gform_wrapper ul.gfield_checkbox li label { width: 100%; position: absolute; top: 0; cursor: pointer; font-weight: 700; color: #576071; font-size: 16px; display: block; } .gform_wrapper ul.gfield_checkbox li label:before { content: ''; background: #fff; border: 1px solid #576071; display: inline-block; vertical-align: middle; width: 25px; height: 25px; padding: 2px; margin-right: 10px; text-align: center; } .enquiry-signup label { font-weight: 400!important; color: #000!important; } body .gform_wrapper .top_label div.ginput_container { margin-top: 0; } .enquiry-message { margin: 0 0!important; padding-bottom: 0!important; } .gf_left_third, .gf_middle_third, .gf_right_third { float: left; width: 33.33%; } .gf_middle_third { padding-right: 1em; } .facade .gfield_label { display: none; } body .gform_wrapper input[type=submit] { color: #fff; line-height: 40px!important; font-size: 13px; font-weight: 600; background-color: #576071; letter-spacing: 0; text-transform: uppercase; border: 0; font-family: Raleway, sans-serif; text-align: center; text-decoration: none; cursor: pointer; white-space: nowrap; outline: 0; font-style: normal; position: relative; display: inline-block; width: 150px!important; height: 40px; margin: 0!important; padding: 0!important; box-sizing: initial!important; font: 600 1rem raleway, Georgia, Times New Roman, serif; touch-action: manipulation; border-radius: 0; text-transform: none; float: right; -webkit-transition: .6s; transition: .6s; } body .gform_wrapper input[type=submit]:hover { background: #75889b; cursor: pointer; } body .gform_wrapper div.validation_error { margin-bottom: 20px; } body .gform_wrapper .validation_message { color: red; font-size: .85em; width: 100%; font-weight: 500; } .contactus-container form { width: 80%; } input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea { border: 1px solid #576071; outline: 0; width: 100%; padding: .5em; border-radius: 0; -webkit-appearance: none; margin-bottom: 0; height: 50px; font-weight: 500; font-size: 16px; } textarea.wpcf7-form-control.wpcf7-textarea { border: 1px solid #576071; outline: 0; width: 100%; padding: .5em; border-radius: 0; -webkit-appearance: none; margin-bottom: 0; height: 100px; font-weight: 500; font-size: 16px; } .contactus-container .wpcf7-list-item, .contactus-container input[type=checkbox] { width: 100%; margin: 0; } .contactus-container select { position: relative; padding: .5em 1em!important; border-radius: 0; width: 100%; border: 1px solid #576071; color: #576071; outline: 0; -moz-user-select: -moz-none; user-select: none; appearance: none; background: url("theme_assets_image_icons_down-arrow-icon-alt-min.svg") 95% no-repeat; background-size: 20px; } .control-group .wpcf7-list-item-label { display: block; position: absolute; width: 100%; top: 0; cursor: pointer; font-weight: 600; } .control-group .wpcf7-list-item-label:before { content: ''; background: #fff; border: 1px solid #576071; display: inline-block; vertical-align: middle; width: 25px; height: 25px; padding: 2px; margin-right: 10px; text-align: center; } .contactus-container input[type=checkbox]:checked + .wpcf7-list-item-label:before { background: url("theme_assets_image_tick-icon-min.svg") center center no-repeat #576071; background-size: 15px; } #ship-to-different-address-checkbox:checked { background: url("theme_assets_image_tick-icon-min.svg") center center no-repeat #576071; background-size: 15px; } .control-group span.enquiryType { display: block; width: 100%; } .control-group span.enquiryType input, .form-content input { opacity: 0; width: 100%; } .form-content { margin-bottom: 30px; } .form-content .wpcf7-list-item { position: relative; } .contact-thankyou { padding: 100px 0; } .contact-thankyou h2 { font-weight: 400!important; } .woocommerce .addresses .col-1.address, .woocommerce .addresses .col-2.address { width: 100%; padding: 10px; background-color: #f0f8ff; margin-bottom: 10px; } .menu-account-list { padding-bottom: 80px; } .logo-print { display: none; } .title img { display: inline-block!important; width: 20px!important; -moz-transform: rotate(90deg)!important; -ms-transform: rotate(90deg)!important; -o-transform: rotate(90deg)!important; -webkit-transform: rotate(90deg)!important; } .anno-specify-hide { display: none; } .two_columns_25_75 > .column1 { background: #f5f5f5; padding: 20px 15px; } .checkbox-custom:checked + .checkbox-custom-label:before { background: url("theme_assets_image_tick-icon-min.svg") center center no-repeat #576071; background-size: 15px; } .colour-checklist input[type=checkbox]:checked + label { background: url("theme_assets_image_check-icon-min.svg") top right no-repeat; background-size: 35px; border-color: #000; } .colour-checklist input:hover[type=checkbox]:checked + label { background-image: url("theme_assets_image_check-close-icon-min.svg"); } .fcolor-silv { margin-bottom: 15px; } .powdercoat-icon { width: 35px; height: 35px; border-radius: 35px; border: 1px solid #576071; display: inline-block; vertical-align: middle; background: url("theme_assets_image_icons_powder-icon-min.svg") center no-repeat; } .ano-icon { width: 25px; height: 25px; border-radius: 35px; border: 1px solid #576071; display: inline-block; vertical-align: middle; background: url("theme_assets_image_icons_anodised-icon-min.svg") center no-repeat; } span.ano-symbol { background: url("theme_assets_image_icons_anodised-icon-min.svg") center no-repeat; border: 1px solid #576071; border-radius: 50%; } span.powder-symbol { background: url("theme_assets_image_icons_powder-icon-min.svg") center no-repeat; border: 1px solid #576071; border-radius: 50%; } .tx-anod { background: url("theme_assets_image_finishes_anodised.png") center; } .shopping_cart_dropdown { display: none!important; } aside .widget { margin: 0 0 20px; padding-bottom: 5px; /* border-bottom: 1px solid #576071; */ } aside .widget:last-child { border-bottom: 0!important; } .yit-wcan-select-open { background-color: #fff; } .yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li { box-shadow: none !important; border: none !important; margin-bottom: 0 !important; } .yith-woocommerce-ajax-product-filter.with-checkbox h5 { font-weight: 600; text-transform: none; } .yith-woocommerce-ajax-product-filter.with-checkbox ul li { position: relative; display: block; vertical-align: middle; cursor: pointer; overflow: hidden; margin-bottom: 15px; padding: 0 0; } .yith-woocommerce-ajax-product-filter.with-checkbox ul.colours-filter li:before { content: ' '; position: absolute; left: 30px; top: 0; width: 21px; height: 21px; border: 1px solid #576071; object-fit: cover; display: block; } .yith-woocommerce-ajax-product-filter.with-checkbox ul.colours-filter li.reset-all:before { content: none; } .yith-woocommerce-ajax-product-filter.with-checkbox ul.colours-filter li.chosen::before { display: block; } .yith-woocommerce-ajax-product-filter.with-checkbox ul li a, .yith-woocommerce-ajax-product-filter.with-checkbox ul li span { display: block; font-weight: 700; color: #576071; text-transform: uppercase; font-size: 11px; cursor: pointer; } .yith-woocommerce-ajax-product-filter.with-checkbox ul li a:before, .yith-woocommerce-ajax-product-filter.with-checkbox ul li span:before { content: ''; background: #fff; border: 1px solid #576071; display: inline-block; vertical-align: middle; width: 25px; height: 25px; padding: 2px; margin-right: 10px; text-align: center; height: 20px; width: 20px; float: left; } .yith-woocommerce-ajax-product-filter.with-checkbox .chosen a:before { background: url("theme_assets_image_tick-icon-min.svg") center center no-repeat #576071; background-size: 15px; } .yith-woocommerce-ajax-product-filter.with-checkbox ul li small.count { position: absolute; right: 0; top: 0; font-weight: 700; color: #576071; font-size: 13px; } .woocommerce-error { text-align: center; } .title { color: #fff; font-family: aw_conqueror, Avenir, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 300; text-transform: uppercase; line-height: 1em; height: auto; } .image--expand h4 { font-weight: 600; font-size: 16px; color: #000; } .woocommerce-result-count-wrapper { margin-bottom: 50px; } .woocommerce .woocommerce-result-count { float: none; text-align: left; line-height: normal; height: auto; margin-bottom: 0; font-family: inherit; width: auto; padding-top: 10px; } .woocommerce-ordering { display: none; } .in-cat-product { float: left; height: 40px; line-height: 40px; } .in-cat-product a { display: inline-block; margin-right: 20px; } .toggle-product-name { text-align: right; padding-right: .5rem; position: relative; margin-bottom: 20px !important; } .toggle-product-name button { position: relative; background: #576071; color: #fff!important; border: 0; border-radius: 0; cursor: pointer; -webkit-transition: .6s; transition: .6s; font-weight: 500; height: 40px; width: 19%; } .toggle-product-name button:hover { background: #75889b; cursor: pointer; } .colour-note-text { clear: both; padding: 8px; padding-top: 20px; border-top: 1px solid #576071; margin: 40px 0 !important; display: inline-block; } #no-warranty, #years-10, #years-15, #years-20, #years-25, #years-30, #years-35 { display: none; padding-bottom: 2rem; border-bottom: 1px solid #576071; } .wrapper-10, .wrapper-15, .wrapper-20, .wrapper-30, .wrapper-no-warranty { clear: left; overflow: hidden; } .image--expand .add_to_cart_button, .image--expand .product_type_simple, .image--expand .remove_from_wishlist, .single-product .add_to_cart_button { display: block; text-align: center; color: #576071; background: #fff; padding: 0 0; width: 100%; height: 100%; line-height: 50px; margin-bottom: .5rem; margin-top: 1.5rem; border: 1px solid #576071; } .single-product .add_to_cart_button:hover { border-color: #75889b; } #yith-infs-button { width: 120px; margin: 0 auto; height: 45px; line-height: 45px; cursor: pointer; border: 1px solid #576071; } #yith-infs-button:hover { background: #798899; color: #fff; } .image--expand .remove_from_wishlist { margin-top: 0; } .btn-shine { position: relative; background: #576071; color: #fff!important; width: 200px; height: 40px; border: 0; border-radius: 0; user-select: none; -webkit-transition: .6s; transition: .6s; line-height: 40px!important; } .btn-shine-alt { padding: 0 0; border: none; } .image--expand .add_to_cart_button:hover { color: #fff; border: 1px solid transparent; } .wishlist_content { visibility: visible; -webkit-transform: translateY(0); opacity: 1; transform: translateY(0); opacity: 1; -webkit-transition: -webkit-transform 2s ease 0.3s, opacity 2s ease 0.3s; transition: transform 2s ease 0.3s, opacity 2s ease 0.3s; } .wishlist_content .arrow-container { width: 80%; right: 0; } .yith-wcwl-add-to-wishlist, .yith-wcwl-wishlistaddedbrowse, .yith-wcwl-wishlistexistsbrowse { width: 100%; height: 100%; color: #576071; background: 0 0; } .yith-wcwl-add-button { height: 100%; line-height: 50px; border: 1px solid #576071; } .yith-wcwl-add-button a, .yith-wcwl-wishlistaddedbrowse a, .yith-wcwl-wishlistexistsbrowse a { font-size: 13px; color: #576071; display: block; line-height: 50px; position: relative; } .yith-wcwl-add-button a:after { content: ""; } .yith-wcwl-wishlistaddedbrowse a:before, .yith-wcwl-wishlistexistsbrowse a:before { content: ""; position: absolute; left: 5px; top: -2px; width: 20px; background-image: url("theme_assets_image_icons_star-icon-white-min-1.svg"); background-repeat: no-repeat; background-size: 16px; height: 50px; display: block; background-position: center center; } .save-to-cart .added:after, .yith-wcwl-wishlistaddedbrowse a:after, .yith-wcwl-wishlistexistsbrowse a:after { content: ""; position: absolute; right: 0; top: 0; width: 40px; background-image: url("theme_assets_image_icons_tick-icon-1-min.svg"); background-position: center center; background-repeat: no-repeat; background-size: 16px; height: 50px; display: block; } .save-to-cart a.added:before, .icon-cart { content: ""; position: absolute; left: 5px; top: -2px; width: 20px; background-image: url("theme_assets_image_icons_cart-icon-white-min.svg"); background-repeat: no-repeat; background-size: 16px; height: 50px; display: block; background-position: center center; } .save-to-cart a.added:after { background-image: url("theme_assets_image_icons_tick-icon-1-min.svg"); background-position: center center; background-repeat: no-repeat; background-size: 16px; height: 50px; display: block; } .save-to-cart .added, .yith-wcwl-wishlistaddedbrowse a, .yith-wcwl-wishlistexistsbrowse a { pointer-events: none; cursor: not-allowed; background-color: #75889b !important; border-color: #75889b !important; color: #bfc8d1 !important; } .save-to-cart .added_to_cart.wc-forward { display: none; } #yith-wacp-popup.fade-in.open .yith-wacp-main { padding: 0 0; } #yith-wacp-popup .yith-wacp-content { padding: 0; } .yith-wacp-message { background: #393a3c!important; padding: 14px 58px 10px 24px; position: relative; line-height: 24px; color: #fff!important; text-transform: uppercase; font-weight: 600; } #yith-wacp-popup .yith-wacp-message:before { background-image: url("theme_assets_image_icons_cart-icon-white-min.svg")!important; background-position: center center; background-repeat: no-repeat; background-size: 20px; } #yith-wacp-popup .yith-wacp-close { position: absolute; top: 0; right: 0; color: #fff!important; line-height: 50px; z-index: 999999; width: 80px; height: 50px; padding: 0 0; font-size: 12px; font-weight: 600; text-indent: -9999px; } .yith-wacp-close:after { content: "×"; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .2s; box-sizing: border-box; z-index: 2; } .yith-wacp-head .yith-wacp-close:after { font-size: 0; width: 44px; height: 44px; background: url("theme_assets_image_icons_cart-close-icon-min.svg") no-repeat; } .yith-wacp-content .product-info { border-bottom: none!important; } .yith-wacp-content .info-box { padding: 0 20px; } .yith-wacp-content .popup-actions .go-cart { position: relative; background: #576071!important; color: #fff!important; border-radius: 0; font-family: raleway, Georgia, "Times New Roman", serif; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -moz-user-select: none; user-select: none; -webkit-transition: .6s; transition: .6s; padding: 0 0; } .yith-wacp-content .popup-actions .button { height: 50px; line-height: 50px; text-align: center; } .yith-wacp-content .product-price { display: none; } .link-result { text-align: center; font-size: 14px; } #yith-searchsubmit { border: none; cursor: pointer; } .custom-color-btn { border: 1px solid #576071!important; } .yith-woocommerce-ajax-product-filter.with-checkbox ul li { position: relative; } img.thumb_cat { width: 21px; height: 21px; border: 1px solid #576071; position: absolute; top: 0; left: 30px; object-fit: cover; } .yith-woocommerce-ajax-product-filter.with-checkbox .categories a:before { margin-right: 42px; } .content-container, main { /* overflow: hidden; */ } section.finish-sidebar { width: 25%; float: left; position: relative; } section.finish-sidebar:after { content: ''; position: absolute; top: 0; left: 60px; width: 100%; height: 100%; background: #f5f5f5; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: skew(-1.5deg); transform: skew(-1.5deg); z-index: 0; } .sidebar-container { padding-top: 180px; position: relative; z-index: 1; } .p-l-6-wd { padding-left: 4rem; } .p-r-0-lg { padding-right: 0; } .m-b-1 { margin-bottom: 1rem; } .db-lg { display: block; } .fcolor-silv { color: #576071!important; } .finish-sidebar-hr { width: 10px; border: 1px solid #576071; opacity: 1; } .main-content .colour-board { padding-top: 100px; } .sharing-icons { margin-bottom: 20px!important; } .add_to_wishlist_finished svg .wishlist-icon { fill: #576071!important; stroke: #576071!important; } #quickview-icon-wrapper { /*position: relative;*/ } .color-board-save { position: absolute; right: 40px; bottom: 4px; width: 25px; height: 25px; background: url("theme_assets_image_color-board-save-min.svg") center center no-repeat; background-size: 25px; z-index: 0; } .ft-ano-symbol, .ft-powder-symbol { position: relative; background: rgba(255,255,255,0.8); border: 1px solid #ccc; width: 25px; height: 25px; background-size: 25px; z-index: 0; border-radius: 50%; display: inline-block; } .ft-ano-symbol:before, .ft-powder-symbol:before { position: absolute; text-align: center; margin: auto; left: 0; right: 0; top: 0; bottom: 0; font-weight: bold; line-height: 25px; font-size: 14px; top: -1px; } .ft-ano-symbol:before { content: 'A'; } .ft-powder-symbol:before { content: 'P'; } .finish-type-legend { margin-bottom: 20px; } .finish-type-legend .finish-type-item { display: inline-block; vertical-align: middle; margin-right: 1.2em; } .finish-type-item .ft-icon, .finish-type-item .ft-text { display: inline-block; vertical-align: middle; line-height: 25px; } .finish-type-item .ft-icon { margin-right: 7px; } .finish-type-icon { position: absolute; top: 8px; left: 8px; } .colour-board #save-to-cart .btn-shine-alt { margin-bottom: .5rem!important; } .colour-board .add-to-cart-button { height: 50px; background: #fff; margin-bottom: .5rem!important; margin-top: 1.5rem!important; padding: 0 0!important; line-height: 50px!important; } .wl-moredetails { line-height: 50px!important; } .tooltiptext { font-size: 12px!important; line-height: 20px!important; padding: 0 0!important; line-height: 24px!important; } .colour-board #save-to-board:hover .tooltiptext { visibility: visible; opacity: 1; } .login-register { padding: 4rem 0; } .login-register .title-w-arrow-r .arrow-container { right: -15%; } .login-register .title-w-arrow-r { margin-bottom: 2.5rem!important; } .acc-form { margin-top: 30px; } .acc-form h2 { text-transform: uppercase; color: #576071!important; margin-bottom: 20px; } .woocommerce-form__label-for-checkbox span { display: inline-block; } #order_review .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text:before, #signup_field_order .checkbox:before, .acc-form .woocommerce-form__label-for-checkbox span:before, .login-user-inLeft .woocommerce-form-login__rememberme span:before, .woocommerce-account-fields .woocommerce-form__label-for-checkbox span:before { content: ''; border: 1px solid #576071; display: inline-block; vertical-align: middle; width: 25px; height: 25px; padding: 2px; margin-right: 10px; text-align: center; } #signup_field_order .tick-check:before, .woocommerce-form__input-checkbox:checked + span:before { background: url("theme_assets_image_icons_tick-icon-1-min.svg") center center no-repeat #576071; background-size: 15px; } #signup_field_order { clear: both; } #signup_field_order .checkbox .optional { display: none; } #signup_field_order a, .woocommerce-terms-and-conditions-wrapper a { color: #576071; } #signup_field_order a:hover, .woocommerce-terms-and-conditions-wrapper a:hover { color: #414854; } .login-register .woocommerce .button { margin-top: 10px; } .woo-lost_password2, .woocommerce #customer_login .lost_password { margin-left: 0; } .woocommerce ul.woocommerce-error { list-style: none; color: #ff6e6e; padding: 10px 0; } .woocommerce-MyAccount-navigation ul { padding-left: 0!important; padding-top: 0!important; } .woocommerce-MyAccount-navigation ul li:first-child { border-top: 1px solid #576071; } .woocommerce-MyAccount-navigation ul li { padding: 20px; border-left: 1px solid #576071; border-bottom: 1px solid #576071; border-right: 1px solid #576071; } .woocommerce-MyAccount-navigation ul li a { padding: 0 0!important; font-weight: 400!important; font-size: 15px!important; color: #576071!important; } .woocommerce-account .woocommerce-MyAccount-navigation li a:hover { font-weight: 700!important; } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { font-weight: 700!important; } .woocommerce form.lost_reset_password input[type=text] { width: 185px; border: 1px solid #576071!important; padding: 10px 10px; } .content-top-login .heading-page h1 { padding-top: 0; padding-bottom: 0; } .woocommerce-notices-wrapper ul.woocommerce-error li { line-height: 26px; } @media only screen and (min-width:1000px) { .woocommerce-account.woocommerce-page .page_container_inner > .woocommerce { padding-top: 150px; } } .woocommerce-lost-password .page_container_inner > .woocommerce { padding-top: 150px; width: 80%; margin: 50px auto; } @media only screen and (min-width:1000px) { .woocommerce-lost-password .page_container_inner > .woocommerce { padding-top: 150px; } } @media only screen and (max-width:999px) { .woocommerce-lost-password .page_container_inner > .woocommerce { padding-top: 80px; padding-bottom: 80px; } div#customer_login { padding-bottom: 80px!important; } .woocommerce-notices-wrapper { width: 80%; margin: 0 auto; } } .edit-profile { margin-bottom: 40px; } .edit-account input, .woocommerce-address-fields input { border: 1px solid #576071!important; outline: 0!important; height: 44px; padding: 0 10px; border-radius: 0; -webkit-appearance: none; margin-bottom: 0; width: 100%!important; } .select2-container--default .select2-selection--single { border: 1px solid #576071!important; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #e6e6e6!important; } #customer_details, .woocommerce-NoticeGroup, .woocommerce-form-login-toggle { width: 80%; margin: 0 auto; } #customer_details { padding-bottom: 90px; } .woocommerce-NoticeGroup { padding-bottom: 50px; } .page_container_inner > .woocommerce { padding-top: 50px; } .woocommerce-form-login-toggle { padding-bottom: 0; display: none; } .woocommerce-form-login-toggle .woocommerce-info { margin-bottom: 0!important; padding: 10px!important; } .ck-top { width: 80%; margin: 0 auto 30px; overflow: hidden; } .ck-top .title-w-arrow-r .arrow-container { top: 50%; width: 100%; right: -15%; } .ckl-left { float: left; width: 60%; visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 2s ease .3s, opacity 2s ease .3s; transition: transform 2s ease .3s, opacity 2s ease .3s; } .ckl-right { float: right; width: 30%; color: #576071!important; visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 2s ease .3s, opacity 2s ease .3s; transition: transform 2s ease .3s, opacity 2s ease .3s; } .ckl-right ul { display: block; text-align: right; } .ckl-right li { list-style: none; margin-bottom: .5em; } .woocommerce-billing-fields { width: 95%; } .woocommerce-address-fields input, .woocommerce-billing-fields input { border: 1px solid #576071!important; outline: 0!important; height: 44px; padding: 0 10px!important; border-radius: 0; -webkit-appearance: none; margin-bottom: 0; width: 100%!important; color: #000!important; } .order-sample-checklist { visibility: visible; -webkit-transform: translateY(0); opacity: 1; transform: translateY(0); opacity: 1; -webkit-transition: -webkit-transform 2s ease .3s, opacity 2s ease .3s; transition: transform 2s ease .3s, opacity 2s ease .3s; } .checkout .col-2 { border-left: 1px solid #c6cad2; border-top: 1px solid #c6cad2; padding-bottom: 50px; } #order_review { padding: 30px 0 0 30px; } .title-m-bottom { margin-top: -.75em; text-align: right; } p.title-m-bottom b { background: #fff; } .wc_payment_methods.payment_methods { display: none; } .woocommerce-form__label-for-checkbox span.required:before { content: ""; width: auto; } #customer_details input[type=checkbox] { display: inline-block; vertical-align: middle; margin-right: 10px; cursor: pointer; font-weight: 600; color: #576071; margin-bottom: 10px; opacity: 0; position: absolute; } #customer_details .select2-selection__rendered { font-size: 12px; padding: 0 10px; } .select2-container--default .select2-dropdown { border: 1px solid #576071!important; } .product-remove.remove.btn-shine { line-height: 30px!important; height: 30px!important; } .order-sample-checklist .btn-shine a { color: #fff!important; display: block; padding: 0 0; line-height: 25px; } #customer_details #order_review { display: flex; flex-direction: column; } #customer_details #payment { order: 3; margin-top: 0!important; } #customer_details #signup_field_order { order: 2; margin-top: 30px; } #signup_field_order #interested_field { margin-bottom: 5px; } .order-samples a:hover { color: #414854; } .yith-ajaxsearchform-container { width: 100%; position: relative; height: 44px; } .search-navigation { float: left; width: 100%; border: 1px solid #576071; } .search-navigation .screen-reader-text { display: none; } .search-navigation input { outline-offset: unset; height: 40px; background: #fff; border: none; color: #576071; margin: 0; padding: 0 10px; width: 100%; } .search-navigation input::placeholder { color: #576071; font-weight: 600; text-transform: uppercase; font-size: 13px; } #yith-searchsubmit { border: 1px solid transparent; cursor: pointer; position: absolute; top: 1px; right: 1px; height: 40px; width: 50px; text-indent: -99999px; background-color: #fff; background-image: url("theme_assets_image_icons_search-brow-min.svg"); background-repeat: no-repeat; background-size: 22px!important; background-position: center center; } #yith-searchsubmit:hover { background-image: url("theme_assets_image_icons_search-white-min.svg"); background-color: #576071; border-left: 1px solid #576071; } .autocomplete-suggestions { width: 99%!important; } .autocomplete-suggestion .yith_wcas_result_content .title { color: #576071!important; } .widget.yith_woocommerce_ajax_search { padding-bottom: 25px; } .yith-ajaxsearchform-wide .search-navigation { padding-right: 0; } .side-bar-finish { position: relative; z-index: 99999; padding-bottom: 150px; } a.download.url-to-download:hover p.item-brochure { opacity: .5; } a.download.url-to-download { font-size: 18px; line-height: 20px; position: relative; -webkit-transition: opacity 350ms linear; transition: opacity 350ms linear; } a.download.url-to-download:before { content: ""; position: absolute; background: url("theme_assets_image_download-icon-min.svg") no-repeat!important; background-repeat: no-repeat; background-size: 22px!important; background-position: bottom; width: 22px; height: 22px; } p.item-brochure { margin-bottom: 15px; padding-left: 40px; } .side-bar-finish h3.fcolor-silv { position: relative; padding-bottom: 20px; } .side-bar-finish h3.fcolor-silv:before { position: absolute; content: ""; background: #576071; height: 2px; width: 20px; bottom: 0; left: 0; } h3.title-download { color: #576071!important; margin-top: 10px; font-size: 18px; margin-bottom: 20px; } .yith-ajaxsearchform-wide .search-navigation, .yith-ajaxsearchform-wide .search-submit-container, .yith-ajaxsearchform-wide .yith-ajaxsearchform-select { padding-right: 0; } .btn-contact { margin-top: 30px!important; } .btn-contact button.btn-shine-alt.custom-color-btn { border: 1px solid #576071; } .widget.woocommerce.widget_product_search.yith_woocommerce_ajax_search h5 { padding-bottom: 10px; } .finish-sidebar .sidebar-container { padding-top: 100px; } .finish-sidebar .arrow-container.arrow-sidebar { left: 4em; bottom: -165px; min-width: 100%; top: initial; } .finish-sidebar .arrow-container .arrow-line { height: 2px; width: 100%; background: #576071; position: relative; } .finish-sidebar .arrow-tip { position: absolute; right: 100%; background: url("theme_assets_image_icons_right-arrow-line-min.svg") center center no-repeat; background-size: contain; width: 16px; height: 16px; top: -7.2px; z-index: 2; left: 97%; -webkit-transform: rotate(0); transform: rotate(0); } .finish-sidebar .search-container p { margin-bottom: 10px; } .find-finish h3.title { font-weight: 400!important; font-style: normal!important; font-family: AW-Conqueror; } .finish-sidebar button.btn-shine-alt.custom-color-btn { border: 1px solid #576071; margin-top: 10px; width: 100%; height: 50px; } .find-finish { padding-top: 100px!important; background: #fff; } .btn-shine:after, .btn-shine:before { display: block; position: absolute; height: 100%; top: 0; } .post-type-archive-product .two_columns_25_75.woocommerce_with_sidebar .column2 { padding-top: 120px; background: #fff; } .post-type-archive-product .two_columns_25_75.woocommerce_with_sidebar .column1 { padding-top: 156px; } .post-type-archive-product .two_columns_25_75.woocommerce_with_sidebar { background: #fff; } .title { font-weight: 400!important; font-style: normal!important; font-family: AW-Conqueror; } .post-type-archive-product .woocommerce_with_sidebar .title-w-arrow-r .arrow-container { top: 61%; } .post-type-archive-product .two_columns_25_75 > .column2 > .column_inner { padding-left: 60px; padding-right: 50px; } .arrow-results-header .arrow-line { width: 93%; } .finish-result-headers h3 { padding-bottom: 40px; } .finish-result-headers .filters-radio-finish p { margin-bottom: 0!important; } .finish-result-headers .in-cat-product { padding-top: 30px; } .finish-result-headers .in-cat-product a { margin: 0 10px 0 0; } .finish-result-headers a { text-transform: none; cursor: default; } .finish-result-headers a:hover { opacity: 1; } .woocommerce .content .container .container_inner, .woocommerce-page .content .container .container_inner { background: #fff; } @media only screen and (min-width:1440px) { .woocommerce .content .container .container_inner, .woocommerce-page .content .container .container_inner { width: 1440px!important; } } .yith-woocommerce-ajax-product-filter.with-checkbox ul { padding-right: 20px; } .yith-ajaxsearchform-wide .search-input-container { width: 100%; display: inline-block; } #yith_woocommerce_ajax_search-2 form#yith-ajaxsearchform #yith-searchsubmit { border-left: 1px solid #fff; } #yith_woocommerce_ajax_search-2 form#yith-ajaxsearchform:hover #yith-searchsubmit { border-left: 1px solid #576071; } .find-finish-detail h1.title { font-size: 2.25rem; margin-bottom: 20px; } .single-product .content .container .container_inner { padding-top: 100px; } .single-product .btn-shine-alt { border: 1px solid #576071!important; width: 100%; height: 50px; } .save-to-board-button { display: block; } .btn-product-single .btn-shine-alt { width: 100%; } .single-product .yith-wcwl-add-button { border: none!important; } .single-product .sharing-icons { right: 0; } .anno-specify .btn-shine-alt { max-width: 250px; height: auto; padding: 1em; margin-top: 10px; } .single-product .arrow-container { display: block!important; } button.btn-shine-alt.m-b-05.remove-button { margin-bottom: 0!important; } a.remove_from_wishlist:hover { border: 1px solid transparent!important; } .wishlist_table .add_to_cart.button { border-radius: 0!important; } .container-login, .content-top-login { width: 60%; margin: 0 auto; padding-bottom: 60px; } label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme { margin-bottom: 20px; } .container-login h2 { color: #576071; font-weight: 700; } .arrow-container.arrow-line-login { right: calc(-45% + 100px); } #customer_login input.woocommerce-Input { border: 1px solid #576071; outline: 0; width: 100%; height: 44px; padding: 0 10px; border-radius: 0; -webkit-appearance: none; margin-bottom: 0; } .login-user-inLeft { padding-right: 20px; } .login-user-inLeft input[type=checkbox] { opacity: 0; position: absolute; } .login-user-inRight { padding-left: 20px; } .woocommerce-privacy-policy-text { padding-bottom: 15px; } .woocommerce-LostPassword a { text-decoration: underline; } .woocommerce-LostPassword a:hover { color: #576071; } .container-login .woocommerce-Button { min-width: 160px; text-align: center; } .content-my-account { padding-top: 50px; } .content-inner-my-account { width: 60%; margin: 0 auto; } .post-type-archive-product .two_columns_25_75.woocommerce_with_sidebar .column2 .woocommerce-notices-wrapper { display: none!important; overflow: hidden!important; } body.woocommerce-checkout .woocommerce { min-height: 95vh; } @media only screen and (min-width:999px) { body.woocommerce-checkout .woocommerce { padding-top: 100px; } } @media only screen and (min-width:960px) { .woocommerce-account .woocommerce-MyAccount-content { padding-left: 30px; } } .woocommerce-MyAccount-navigation select { display: none; } @media only screen and (max-width:959px) { .woocommerce-MyAccount-navigation ul { display: none; } .woocommerce-MyAccount-navigation select { display: inline-block; width: 100%; border: 1px solid #576071; border-radius: 0; height: 50px; padding: 10px; position: relative; background-color: #fff; background-image: url("theme_assets_image_down-arrow-icon-alt-min.svg")!important; background-size: 40px 20px!important; background-position: right; background-repeat: no-repeat; } } @media only screen and (min-width:960px) { section.finish-sidebar { width: 25%; float: left; position: relative; } .find-finish { width: 72%; float: right; } } @media only screen and (max-width:1399px) { .title-in-left .arrow-container.arrow-results-header { top: 62%; left: 18px; } .title-in-left .arrow-results-header .arrow-line { width: 70%; float: left; } .title-in-left .arrow-results-header .arrow-tip { position: absolute; right: inherit; left: 97%; -webkit-transform: rotate(0); transform: rotate(0); } .title-in-right .arrow-container.arrow-results-header { min-width: 100%; right: inherit; left: -15px; } } @media only screen and (max-width:1280px) { .arrow-container.arrow-line-login { right: 0; width: 80%!important; } .arrow-container.arrow-line-login { right: calc(-40% - 0px); width: 80%!important; } .container-login { padding-bottom: 100px; } } @media only screen and (max-width:1200px) { .finish-sidebar a.download img { margin-right: 6px; width: 20px; } .finish-sidebar a.download p { font-size: 15px; } } @media only screen and (max-width:1100px) { .login-user-inLeft { padding-right: 0; padding-bottom: 40px; } .login-user-inRight { padding-left: 0; } } @media only screen and (max-width:1024px) { .content-my-account { padding-bottom: 20px; } .container-login, .content-top-login { padding-bottom: 30px!important; } .content-inner-my-account { width: 80%; margin: 0 auto; } .finish-sidebar a.download p { font-size: 14px; } section.finish-sidebar { width: 26%; float: left; position: relative; } .find-finish { width: 70%; float: right; } .title-in-right .arrow-results-header .arrow-line { width: 95%; } .title-in-right .arrow-container.arrow-results-header { left: 0; position: relative; } .title-in-right .arrow-results-header .arrow-line { width: 100%; } .finish-result-headers .in-cat-product { padding-top: 10px; } .finish-result-headers .in-cat-product a { display: block; margin-bottom: 10px; } .title-in-right p.fcolor-silv.m-b-1-wd { padding-bottom: 15px; } .title-in-left .arrow-results-header .arrow-tip { left: 96%; } } @media only screen and (max-width:1000px) { .yith-woocommerce-ajax-product-filter.with-checkbox ul li a { padding: 0; } .yith-woocommerce-ajax-product-filter.with-checkbox .categories a:before { margin-right: 40px; } .yith-woocommerce-ajax-product-filter.with-checkbox ul { padding-right: 0; } .content-my-account { padding-top: 120px; } .header_inner_right .side_menu_button_wrapper { display: none; } } @media only screen and (max-width:959px) { .colour-note-text { padding-bottom: 40px; } .woocommerce-form-login-toggle { padding-bottom: 0; padding-top: 0; } .page_container_inner > .woocommerce { padding-top: 80px; } .yith-woocommerce-ajax-product-filter ul.yith-wcan-list.yith-wcan { overflow: hidden; display: none; padding-top: 15px; } .yith-woocommerce-ajax-product-filter { padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #57607157!important; } .post-type-archive-product .two_columns_25_75.woocommerce_with_sidebar { padding-top: 80px; } .widget.yith_woocommerce_ajax_search { display: none; } .yith-woocommerce-ajax-product-filter h5 { width: 100%; display: block; transition: all .2s; margin-bottom: 0!important; font-weight: 600!important; } .yith-woocommerce-ajax-product-filter { padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #57607157!important; margin-bottom: 15px!important; padding-bottom: 15px!important; } span.mobile_accordian { float: right; padding-top: 3px; } .yith-woocommerce-ajax-product-filter h5 i.fa.fa-plus { display: block; } .yith-woocommerce-ajax-product-filter h5 i.fa.fa-minus { display: none; } .yith-woocommerce-ajax-product-filter h5.active i.fa.fa-minus { display: block; } .yith-woocommerce-ajax-product-filter h5.active i.fa.fa-plus { display: none; } .yith-woocommerce-ajax-product-filter h5.no-active i.fa.fa-plus { display: block; } .yith-woocommerce-ajax-product-filter h5.no-active i.fa.fa-minus { display: none; } .woocommerce-account .woocommerce-MyAccount-content { float: left; width: 100%; padding-top: 30px; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 100%; } .footer_top .three_columns > .column3 .column_inner { padding-right: 0; } .footer_top .three_columns { padding-top: 10px; padding-bottom: 30px; } .copy-text-desktop { display: none; } .copy-text-mobile { display: block; } .menu-menu-footer-container { text-align: center; } .menu-menu-footer-container ul li:not(:last-child) a { margin-right: 0!important; padding-right: 0; border-right: 0; } .menu-menu-footer-container ul li { display: block; padding-bottom: 5px!important; } .footer_top .three_columns > .column1 { padding-bottom: 10px; } .footer_top .footer_col3 .widget_text { text-align: center; } .footer_top .footer_col3 .vc_row.wpb_row.section.vc_row-fluid { width: auto; float: inherit; display: block; text-align: center!important; } .colour-checklist .color-text { color: #576071; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; background: #fff; font-size: .8em; border-top: 1px solid #d3d3d3; bottom: -90px; position: relative; } section.finish-sidebar { width: 100%; float: left; position: relative; } .find-finish { width: 100%; float: left; } .finish-sidebar .sidebar-container { padding-top: 0; padding-left: 20px; padding-right: 20px; } .finish-sidebar a.download { text-align: left; } .finish-sidebar p.m-t-2.fcolor-silv { text-align: left; } section.find-finish { padding-bottom: 0; } .post-type-archive-product .two_columns_25_75.woocommerce_with_sidebar aside.sidebar { padding: 30px 20px 0 20px; border: 1px solid #c7c7c7; } .post-type-archive-product .two_columns_25_75.woocommerce_with_sidebar .column1 { width: 100%; padding-top: 0; background: #fff; } .post-type-archive-product .two_columns_25_75.woocommerce_with_sidebar .column2 { padding-top: 0; background: #fff; width: 100%; } .title-in-left .arrow-container.arrow-results-header, .title-in-right .arrow-container { display: inline-block; } .title-in-left .arrow-results-header .arrow-line { width: calc(100% - 40px); } .title-in-left .arrow-results-header .arrow-tip { left: inherit; right: -5px; } .title-in-right p.fcolor-silv.m-b-1-wd { padding-bottom: 0; } .title-in-left .arrow-container.arrow-results-header { top: 78%; } .finish-result-headers h3 { padding-bottom: 20px; } .find-finish h3.title { margin-bottom: 0; } .single-product .content .container .container_inner { padding-top: 80px; } } @media only screen and (max-width:800px) { .container-login, .content-top-login { width: 80%; margin: 0 auto; } } @media only screen and (max-width:768px) { .woocommerce-account .woocommerce-MyAccount-content { padding-top: 0; } .woocommerce-result-count-wrapper { margin-bottom: 20px; } .color-board-save { width: 20px; height: 20px; bottom: 4px; right: 35px; background-size: 20px; } .image__cell .center-hover-text { top: calc(50% - 0px) !important; } .contactus-container form { width: 100%; padding-left: 20px; padding-right: 20px; } .contactus-container .below-title p, .contactus-container h1 { padding-left: 20px; } } @media only screen and (max-width:720px) { .image--expand .fl { float: none!important; } .yith-wcwl-add-button { padding: 0 15px; height: 40px!important; line-height: 40px!important; } .image--expand .add_to_cart_button, .image--expand .product_type_simple, .single-product .add_to_cart_button { height: 40px!important; line-height: 40px!important; } .image--expand .remove_from_wishlist { line-height: 40px!important; } .image--expand .btn-shine, .image--expand .btn-shine-alt { height: 40px!important; } .image--expand .btn-shine { padding: 0 10px!important; } .yith-wcwl-add-button a, .yith-wcwl-wishlistaddedbrowse a, .yith-wcwl-wishlistexistsbrowse a { line-height: 40px!important; padding: 0 40px 0 20px; } } @media only screen and (max-width:600px) { .post-type-archive-product .two_columns_25_75.woocommerce_with_sidebar .column1 { margin-bottom: 20px; } .woocommerce-form-login-toggle .woocommerce-info { line-height: 1.5; text-transform: inherit; } .ckl-right.reveal-on-scroll { width: 100%; } .ckl-left.reveal-on-scroll { width: 100%; padding-bottom: 20px; } .ckl-right ul { display: block; text-align: left; font-weight: 700; } .box-hasTab .p-b-2 { padding-bottom: 10px; } .woocommerce form.checkout #signup_field_order label { padding-left: 40px; position: relative; font-size: 15px; } .woocommerce form.checkout #signup_field_order .checkbox:before { left: 0; top: 4px; position: absolute; } .woocommerce-terms-and-conditions-wrapper label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox { position: relative; padding-left: 40px; font-size: 15px; } span.woocommerce-terms-and-conditions-checkbox-text:before { position: absolute; left: 0; margin: 0; } .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox span { display: contents; } /* .toggle-product-name, .finish-type-icon, .color-board-save { display: none; } */ } @media only screen and (max-width:480px) { #customer_details { padding-bottom: 0; } .ck-top .list-links li { margin-bottom: 2px; border: 1px solid #dedede; padding: 10px; } .title-m-bottom { margin-top: 0; text-align: left; } header .q_logo img.mobile { height: 36px!important; } .post-type-archive-product .two_columns_25_75 > .column2 > .column_inner { padding-left: 10px!important; padding-right: 10px!important; } .order-sample-checklist .w-33 { width: 48%; } .popup-actions a.button.go-cart { margin-bottom: 10px; } .yith-wacp-content .popup-actions { padding-left: 20px; padding-right: 20px; } .content-top-login .heading-page h1 { padding-top: 20px; padding-bottom: 10px; font-size: 38px; } .checkout .col-2 { border-left: 0; padding-bottom: 0; padding-top: 20px; } #order_review { padding: 30px 0 0 0; } .page-id-2412 .order-samples { min-height: auto; } .woocommerce-result-count-wrapper h3 { margin: 0 !important; } .color-board-save { width: 16px; height: 16px; bottom: 4px; left: 4px; background-size: 16px; } } @media only screen and (max-width:425px) { .title-header-mobile { right: calc(100% - 300px); } .logo_wrapper { padding-bottom: 17px; height: 43px!important; } header .q_logo img.mobile { height: 30px!important; } } @media only screen and (max-width:420px) { .shopping_cart_inner { padding-left: 12px; } .label-icon { font-size: 12px; } } @media only screen and (max-width:375px) { #find-a-finish-form .colour-checklist .w-50 { width: 100%; } .sidebarBtn { right: 0; } .order-sample-checklist .w-33 { width: 75%; } } @media only screen and (max-width:320px) { .find-finish h3.title { font-size: 31px; margin-bottom: 0; } .image--expand .fl { float: none!important; } .btn-shine-alt.disabled .icon { width: 15px!important; height: 10px!important; right: 2px!important; top: 15px!important; } .yith-wcwl-wishlistaddedbrowse a:after, .yith-wcwl-wishlistexistsbrowse a:after { right: 2px; top: 15px; width: 15px; height: 10px; } } @media only screen and (max-width:1400px) { .tooltiptext { padding: 10px 0!important; } .toggle-product-name button { width: auto; padding: 8px 10px; font-size: 14px; height: auto; } } @media only screen and (max-width:1230px) { .tooltiptext { padding: 0 0!important; } } progress, sub, sup { vertical-align: baseline; } .modal--close img, .v-mid, input[type=radio] + label span { vertical-align: middle; } figure, sub, sup { line-height: 0; } .image--expand, hr { -webkit-box-sizing: content-box; } body, figure { margin: 0; } .tx-none { visibility: hidden; } img, legend { max-width: 100%; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } small { font-size: 80%; } sub, sup { font-size: 75%; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } hr { box-sizing: content-box; height: 0; overflow: visible; } [type=checkbox], [type=radio], legend { -webkit-box-sizing: border-box; padding: 0; } .ajax-active:before, [type=checkbox], [type=radio], legend { box-sizing: border-box; } button, input, select, textarea { font: inherit; margin: 0; } optgroup { font-weight: 700; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px; } legend { color: inherit; display: table; white-space: normal; } .v-align--content, .v-align:before { display: inline-block; vertical-align: middle; } textarea { overflow: auto; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-input-placeholder { color: inherit; opacity: .54; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } .lh-none, picture { line-height: 0; } .h-mid { margin-left: auto; margin-right: auto; } .v-align:before { content: ""; margin-right: -.3rem; height: 100%; } .aspect-ratio { height: 0; position: relative; } .aspect-ratio--16x9 { padding-bottom: 56.25%; } .aspect-ratio--9x16 { padding-bottom: 177.77%; } .aspect-ratio--4x3 { padding-bottom: 75%; } .aspect-ratio--3x4 { padding-bottom: 133.33%; } .aspect-ratio--6x4 { padding-bottom: 66.6%; } .aspect-ratio--4x6 { padding-bottom: 150%; } .aspect-ratio--8x5 { padding-bottom: 62.5%; } .aspect-ratio--5x8 { padding-bottom: 160%; } .aspect-ratio--7x5 { padding-bottom: 71.42%; } .aspect-ratio--5x7 { padding-bottom: 140%; } .aspect-ratio--1x1 { padding-bottom: 100%; } .aspect-ratio--object { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } .cover { background-size: cover!important; } .contain { background-size: contain!important; } *, .border-box, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; } .cf:after, .cf:before { content: " "; display: table; } .cf:after { clear: both; } .cl { clear: left; } .cr { clear: right; } .cb { clear: both; } .cn { clear: none; } @media only screen and (min-width:22.5em) { .cover-nw { background-size: cover!important; } .contain-nw { background-size: contain!important; } .cl-nw { clear: left; } .cr-nw { clear: right; } .cb-nw { clear: both; } .cn-nw { clear: none; } } @media only screen and (min-width:30em) { .cover-sm { background-size: cover!important; } .contain-sm { background-size: contain!important; } .cl-sm { clear: left; } .cr-sm { clear: right; } .cb-sm { clear: both; } .cn-sm { clear: none; } } @media only screen and (min-width:45em) { .cover-md { background-size: cover!important; } .contain-md { background-size: contain!important; } .cl-md { clear: left; } .cr-md { clear: right; } .cb-md { clear: both; } .cn-md { clear: none; } } @media only screen and (min-width:60em) { .cover-lg { background-size: cover!important; } .contain-lg { background-size: contain!important; } .cl-lg { clear: left; } .cr-lg { clear: right; } .cb-lg { clear: both; } .cn-lg { clear: none; } } @media only screen and (min-width:87.5em) { .cover-wd { background-size: cover!important; } .contain-wd { background-size: contain!important; } .cl-wd { clear: left; } .cr-wd { clear: right; } .cb-wd { clear: both; } .cn-wd { clear: none; } } .pre { overflow-x: auto; overflow-y: hidden; overflow: scroll; } .sw-l1 { HEIGHT: 250PX; WIDTH: 250PX; margin: 0 auto; } .ls-ano-bri-poli, .ls-ano-brig, .ls-ano-co-text, .ls-ano-fros, .ls-ano-illu, .ls-ano-lini, .ls-ano-lo-she, .ls-ano-matt, .ls-ano-poli, .ls-pow-bri-poli, .ls-pow-co-text, .ls-pow-flat, .ls-pow-glos, .ls-pow-lini, .ls-pow-lo-she, .ls-pow-matt, .ls-pow-poli, .ls-pow-sati, .tx-anod, .tx-azte, .tx-fine, .tx-hamm, .tx-mann, .tx-ripp, .tx-sabl, .tx-saro, .tx-scyll, .tx-text, .tx-texta { height: 100%; width: 100%; } .sw-l2, .sw-l3 { HEIGHT: 100%; WIDTH: 100%; } .top-0 { top: 0; } .right-0 { right: 0; } .bottom-0 { bottom: 0; } .left-0 { left: 0; } .top-1 { top: 1rem; } .right-1 { right: 1rem; } .bottom-1 { bottom: 1rem; } .left-1 { left: 1rem; } .top-2 { top: 2rem; } .right-2 { right: 2rem; } .bottom-2 { bottom: 2rem; } .left-2 { left: 2rem; } .top--1 { top: -1rem; } .right--1 { right: -1rem; } .bottom--1 { bottom: -1rem; } .left--1 { left: -1rem; } .top--2 { top: -2rem; } .right--2 { right: -2rem; } .bottom--2 { bottom: -2rem; } .left--2 { left: -2rem; } .absolute--fill { top: 0; right: 0; bottom: 0; left: 0; } .debug * { outline: red solid 1px; } .debug-grid { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDOTY4N0U2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDOTY4N0Q2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3NjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3NzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBS+GMAAAAjSURBVHjaYvz//z8DLsD4gcGXiYEAGBIKGBne//fFpwAgwAB98AaF2pjlUQAAAABJRU5ErkJggg==) top left; } .debug-grid-16 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODYyRjhERDU2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODYyRjhERDQ2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QTY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3QjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCS01IAAABMSURBVHjaYmR4/5+BFPBfAMFm/MBgx8RAGWCn1AAmSg34Q6kBDKMGMDCwICeMIemF/5QawEipAWwUhwEjMDvbAWlWkvVBwu8vQIABAEwBCph8U6c0AAAAAElFTkSuQmCC) top left; } .debug-grid-8-solid { background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAAAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMjI0OTczNjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMjI0OTc0NjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEyMjQ5NzE2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEyMjQ5NzI2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAbGhopHSlBJiZBQi8vL0JHPz4+P0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHAR0pKTQmND8oKD9HPzU/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAAIAAgDASIAAhEBAxEB/8QAWQABAQAAAAAAAAAAAAAAAAAAAAYBAQEAAAAAAAAAAAAAAAAAAAIEEAEBAAMBAAAAAAAAAAAAAAABADECA0ERAAEDBQAAAAAAAAAAAAAAAAARITFBUWESIv/aAAwDAQACEQMRAD8AoOnTV1QTD7JJshP3vSM3P//Z) top left #fff; } .debug-grid-16-solid { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzY3MkJEN0U2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzY3MkJEN0Y2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3RDY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pve6J3kAAAAzSURBVHjaYvz//z8D0UDsMwMjSRoYP5Gq4SPNbRjVMEQ1fCRDg+in/6+J1AJUxsgAEGAA31BAJMS0GYEAAAAASUVORK5CYII=) top left #fff; } .dn { display: none; } .di { display: inline; } .db { display: block; } .dib { display: inline-block; } .dit { display: inline-table; } .dt { display: table; } .dtc { display: table-cell; } .dt-row { display: table-row; } .dt-row-group { display: table-row-group; } .dt-column { display: table-column; } .dt-column-group { display: table-column-group; } .dt--fixed { table-layout: fixed; width: 100%; } @media only screen and (min-width:22.5em) { .top-0-nw { top: 0; } .left-0-nw { left: 0; } .right-0-nw { right: 0; } .bottom-0-nw { bottom: 0; } .top-1-nw { top: 1rem; } .left-1-nw { left: 1rem; } .right-1-nw { right: 1rem; } .bottom-1-nw { bottom: 1rem; } .top-2-nw { top: 2rem; } .left-2-nw { left: 2rem; } .right-2-nw { right: 2rem; } .bottom-2-nw { bottom: 2rem; } .top--1-nw { top: -1rem; } .right--1-nw { right: -1rem; } .bottom--1-nw { bottom: -1rem; } .left--1-nw { left: -1rem; } .top--2-nw { top: -2rem; } .right--2-nw { right: -2rem; } .bottom--2-nw { bottom: -2rem; } .left--2-nw { left: -2rem; } .absolute--fill-nw { top: 0; right: 0; bottom: 0; left: 0; } .dn-nw { display: none; } .di-nw { display: inline; } .db-nw { display: block; } .dib-nw { display: inline-block; } .dit-nw { display: inline-table; } .dt-nw { display: table; } .dtc-nw { display: table-cell; } .dt-row-nw { display: table-row; } .dt-row-group-nw { display: table-row-group; } .dt-column-nw { display: table-column; } .dt-column-group-nw { display: table-column-group; } .dt--fixed-nw { table-layout: fixed; width: 100%; } } @media only screen and (min-width:30em) { .dn-sm { display: none; } .di-sm { display: inline; } .db-sm { display: block; } .dib-sm { display: inline-block; } .dit-sm { display: inline-table; } .dt-sm { display: table; } .dtc-sm { display: table-cell; } .dt-row-sm { display: table-row; } .dt-row-group-sm { display: table-row-group; } .dt-column-sm { display: table-column; } .dt-column-group-sm { display: table-column-group; } .dt--fixed-sm { table-layout: fixed; width: 100%; } } @media only screen and (min-width:45em) { .top-0-md { top: 0; } .left-0-md { left: 0; } .right-0-md { right: 0; } .bottom-0-md { bottom: 0; } .top-1-md { top: 1rem; } .left-1-md { left: 1rem; } .right-1-md { right: 1rem; } .bottom-1-md { bottom: 1rem; } .top-2-md { top: 2rem; } .left-2-md { left: 2rem; } .right-2-md { right: 2rem; } .bottom-2-md { bottom: 2rem; } .top--1-md { top: -1rem; } .right--1-md { right: -1rem; } .bottom--1-md { bottom: -1rem; } .left--1-md { left: -1rem; } .top--2-md { top: -2rem; } .right--2-md { right: -2rem; } .bottom--2-md { bottom: -2rem; } .left--2-md { left: -2rem; } .absolute--fill-md { top: 0; right: 0; bottom: 0; left: 0; } .dn-md { display: none; } .di-md { display: inline; } .db-md { display: block; } .dib-md { display: inline-block; } .dit-md { display: inline-table; } .dt-md { display: table; } .dtc-md { display: table-cell; } .dt-row-md { display: table-row; } .dt-row-group-md { display: table-row-group; } .dt-column-md { display: table-column; } .dt-column-group-md { display: table-column-group; } .dt--fixed-md { table-layout: fixed; width: 100%; } } @media only screen and (min-width:60em) { .top-0-lg { top: 0; } .left-0-lg { left: 0; } .right-0-lg { right: 0; } .bottom-0-lg { bottom: 0; } .top-1-lg { top: 1rem; } .left-1-lg { left: 1rem; } .right-1-lg { right: 1rem; } .bottom-1-lg { bottom: 1rem; } .top-2-lg { top: 2rem; } .left-2-lg { left: 2rem; } .right-2-lg { right: 2rem; } .bottom-2-lg { bottom: 2rem; } .top--1-lg { top: -1rem; } .right--1-lg { right: -1rem; } .bottom--1-lg { bottom: -1rem; } .left--1-lg { left: -1rem; } .top--2-lg { top: -2rem; } .right--2-lg { right: -2rem; } .bottom--2-lg { bottom: -2rem; } .left--2-lg { left: -2rem; } .absolute--fill-lg { top: 0; right: 0; bottom: 0; left: 0; } .dn-lg { display: none; } .di-lg { display: inline; } .db-lg { display: block; } .dib-lg { display: inline-block; } .dit-lg { display: inline-table; } .dt-lg { display: table; } .dtc-lg { display: table-cell; } .dt-row-lg { display: table-row; } .dt-row-group-lg { display: table-row-group; } .dt-column-lg { display: table-column; } .dt-column-group-lg { display: table-column-group; } .dt--fixed-lg { table-layout: fixed; width: 100%; } } @media only screen and (min-width:87.5em) { .dn-wd { display: none; } .di-wd { display: inline; } .db-wd { display: block; } .dib-wd { display: inline-block; } .dit-wd { display: inline-table; } .dt-wd { display: table; } .dtc-wd { display: table-cell; } .dt-row-wd { display: table-row; } .dt-row-group-wd { display: table-row-group; } .dt-column-wd { display: table-column; } .dt-column-group-wd { display: table-column-group; } .dt--fixed-wd { table-layout: fixed; width: 100%; } } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .flex-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; min-height: 0; } .flex-none { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-row, .table__row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; } .flex-row { -ms-flex-direction: row; flex-direction: row; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .self-start { -ms-flex-item-align: start; align-self: flex-start; } .self-end { -ms-flex-item-align: end; align-self: flex-end; } .self-center { -ms-flex-item-align: center; align-self: center; } .self-baseline { -ms-flex-item-align: baseline; align-self: baseline; } .self-stretch { -ms-flex-item-align: stretch; align-self: stretch; } .justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-around { -ms-flex-pack: distribute; justify-content: space-around; } .content-start { -ms-flex-line-pack: start; align-content: flex-start; } .content-end { -ms-flex-line-pack: end; align-content: flex-end; } .content-center { -ms-flex-line-pack: center; align-content: center; } .content-between { -ms-flex-line-pack: justify; align-content: space-between; } .content-around { -ms-flex-line-pack: distribute; align-content: space-around; } .content-stretch { -ms-flex-line-pack: stretch; align-content: stretch; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-last { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; } .flexbox .flex-grid { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flexbox .flex-grid.cf:after, .flexbox .flex-grid.cf:before { content: none; display: none; } .flexbox .flex-col { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width:22.5em) { .flexbox .flex-grid--nw { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flexbox .flex-grid--nw.cf:after, .flexbox .flex-grid--nw.cf:before { content: none; display: none; } .flexbox .flex-col--nw { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (min-width:30em) { .flexbox .flex-grid--sm { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flexbox .flex-grid--sm.cf:after, .flexbox .flex-grid--sm.cf:before { content: none; display: none; } .flexbox .flex-col--sm { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (min-width:45em) { .flexbox .flex-grid--md { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flexbox .flex-grid--md.cf:after, .flexbox .flex-grid--md.cf:before { content: none; display: none; } .flexbox .flex-col--md { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (min-width:60em) { .flexbox .flex-grid--lg { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flexbox .flex-grid--lg.cf:after, .flexbox .flex-grid--lg.cf:before { content: none; display: none; } .flexbox .flex-col--lg { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .grid-item:hover .grid-item-text, .grid:after, picture { display: block; } .fl { float: left; } .fr { float: right; } .fn { float: none; } @media only screen and (min-width:22.5em) { .fl-nw { float: left; } .fr-nw { float: right; } .fn-nw { float: none; } } @media only screen and (min-width:30em) { .fl-sm { float: left; } .fr-sm { float: right; } .fn-sm { float: none; } } @media only screen and (min-width:45em) { .fl-md { float: left; } .fr-md { float: right; } .fn-md { float: none; } } @media only screen and (min-width:60em) { .fl-lg { float: left; } .fr-lg { float: right; } .fn-lg { float: none; } } @media only screen and (min-width:87.5em) { .fl-wd { float: left; } .fr-wd { float: right; } .fn-wd { float: none; } } img { border-style: none; height: auto; } .container { margin-left: auto; margin-right: auto; max-width: 90rem; left: auto; right: auto; } .grid { left: -1rem; right: -1rem; min-height: 1px; } .col { float: left; position: relative; } .col--one { width: 8.333333333333%; } .col--two { width: 16.66666666666%; } .col--three { width: 24.99999999999%; } .col--four { width: 33.33333333333%; } .col--five { width: 41.66666666666%; } .col--six { width: 50%; } .col--seven { width: 58.33333333331%; } .col--eight { width: 66.66666666664%; } .col--nine { width: 74.99999999997%; } .col--ten { width: 83.33333333333%; } .col--eleven { width: 91.66666666663%; } .col--twelve { width: 100%; } .push-by-twelve { left: 100%; } .push-by-eleven { left: 91.66666667%; } .push-by-ten { left: 83.33333333%; } .push-by-nine { left: 75%; } .push-by-eight { left: 66.66666667%; } .push-by-seven { left: 58.33333333%; } .push-by-six { left: 50%; } .push-by-five { left: 41.66666667%; } .push-by-four { left: 33.33333333%; } .push-by-three { left: 25%; } .push-by-two { left: 16.66666667%; } .push-by-one { left: 8.33333333%; } .push-by-none { left: 0; } .pull-by-twelve { right: 100%; } .pull-by-eleven { right: 91.66666667%; } .pull-by-ten { right: 83.33333333%; } .pull-by-nine { right: 75%; } .pull-by-eight { right: 66.66666667%; } .pull-by-seven { right: 58.33333333%; } .pull-by-six { right: 50%; } .pull-by-five { right: 41.66666667%; } .pull-by-four { right: 33.33333333%; } .pull-by-three { right: 25%; } .pull-by-two { right: 16.66666667%; } .pull-by-one { right: 8.33333333%; } .pull-by-none { right: 0; } @media only screen and (min-width:45em) { .col-md--one { width: 8.333333333333%; } .col-md--two { width: 16.66666666666%; } .col-md--three { width: 24.99999999999%; } .col-md--four { width: 33.33333333333%; } .col-md--five { width: 41.66666666666%; } .col-md--six { width: 50%; } .col-md--seven { width: 58.33333333331%; } .col-md--eight { width: 66.66666666664%; } .col-md--nine { width: 74.99999999997%; } .col-md--ten { width: 83.33333333333%; } .col-md--eleven { width: 91.66666666663%; } .col-md--twelve { width: 100%; } .push-md-by-twelve { left: 100%; } .push-md-by-eleven { left: 91.66666667%; } .push-md-by-ten { left: 83.33333333%; } .push-md-by-nine { left: 75%; } .push-md-by-eight { left: 66.66666667%; } .push-md-by-seven { left: 58.33333333%; } .push-md-by-six { left: 50%; } .push-md-by-five { left: 41.66666667%; } .push-md-by-four { left: 33.33333333%; } .push-md-by-three { left: 25%; } .push-md-by-two { left: 16.66666667%; } .push-md-by-one { left: 8.33333333%; } .push-md-by-none { left: 0; } .pull-md-by-twelve { right: 100%; } .pull-md-by-eleven { right: 91.66666667%; } .pull-md-by-ten { right: 83.33333333%; } .pull-md-by-nine { right: 75%; } .pull-md-by-eight { right: 66.66666667%; } .pull-md-by-seven { right: 58.33333333%; } .pull-md-by-six { right: 50%; } .pull-md-by-five { right: 41.66666667%; } .pull-md-by-four { right: 33.33333333%; } .pull-md-by-three { right: 25%; } .pull-md-by-two { right: 16.66666667%; } .pull-md-by-one { right: 8.33333333%; } .pull-md-by-none { right: 0; } } @media only screen and (min-width:60em) { .col-lg--one { width: 8.333333333333%; } .col-lg--two { width: 16.66666666666%; } .col-lg--three { width: 24.99999999999%; } .col-lg--four { width: 33.33333333333%; } .col-lg--five { width: 41.66666666666%; } .col-lg--six { width: 50%; } .col-lg--seven { width: 58.33333333331%; } .col-lg--eight { width: 66.66666666664%; } .col-lg--nine { width: 74.99999999997%; } .col-lg--ten { width: 83.33333333333%; } .col-lg--eleven { width: 91.66666666663%; } .col-lg--twelve { width: 100%; } .push-lg-by-twelve { left: 100%; } .push-lg-by-eleven { left: 91.66666667%; } .push-lg-by-ten { left: 83.33333333%; } .push-lg-by-nine { left: 75%; } .push-lg-by-eight { left: 66.66666667%; } .push-lg-by-seven { left: 58.33333333%; } .push-lg-by-six { left: 50%; } .push-lg-by-five { left: 41.66666667%; } .push-lg-by-four { left: 33.33333333%; } .push-lg-by-three { left: 25%; } .push-lg-by-two { left: 16.66666667%; } .push-lg-by-one { left: 8.33333333%; } .push-lg-by-none { left: 0; } .pull-lg-by-twelve { right: 100%; } .pull-lg-by-eleven { right: 91.66666667%; } .pull-lg-by-ten { right: 83.33333333%; } .pull-lg-by-nine { right: 75%; } .pull-lg-by-eight { right: 66.66666667%; } .pull-lg-by-seven { right: 58.33333333%; } .pull-lg-by-six { right: 50%; } .pull-lg-by-five { right: 41.66666667%; } .pull-lg-by-four { right: 33.33333333%; } .pull-lg-by-three { right: 25%; } .pull-lg-by-two { right: 16.66666667%; } .pull-lg-by-one { right: 8.33333333%; } .pull-lg-by-none { right: 0; } } @media only screen and (min-width:87.5em) { .col-wd--one { width: 8.333333333333%; } .col-wd--two { width: 16.66666666666%; } .col-wd--three { width: 24.99999999999%; } .col-wd--four { width: 33.33333333333%; } .col-wd--five { width: 41.66666666666%; } .col-wd--six { width: 50%; } .col-wd--seven { width: 58.33333333331%; } .col-wd--eight { width: 66.66666666664%; } .col-wd--nine { width: 74.99999999997%; } .col-wd--ten { width: 83.33333333333%; } .col-wd--eleven { width: 91.66666666663%; } .col-wd--twelve { width: 100%; } .push-wd-by-twelve { left: 100%; } .push-wd-by-eleven { left: 91.66666667%; } .push-wd-by-ten { left: 83.33333333%; } .push-wd-by-nine { left: 75%; } .push-wd-by-eight { left: 66.66666667%; } .push-wd-by-seven { left: 58.33333333%; } .push-wd-by-six { left: 50%; } .push-wd-by-five { left: 41.66666667%; } .push-wd-by-four { left: 33.33333333%; } .push-wd-by-three { left: 25%; } .push-wd-by-two { left: 16.66666667%; } .push-wd-by-one { left: 8.33333333%; } .push-wd-by-none { left: 0; } .pull-wd-by-twelve { right: 100%; } .pull-wd-by-eleven { right: 91.66666667%; } .pull-wd-by-ten { right: 83.33333333%; } .pull-wd-by-nine { right: 75%; } .pull-wd-by-eight { right: 66.66666667%; } .pull-wd-by-seven { right: 58.33333333%; } .pull-wd-by-six { right: 50%; } .pull-wd-by-five { right: 41.66666667%; } .pull-wd-by-four { right: 33.33333333%; } .pull-wd-by-three { right: 25%; } .pull-wd-by-two { right: 16.66666667%; } .pull-wd-by-one { right: 8.33333333%; } .pull-wd-by-none { right: 0; } } .masonry-grid { max-width: 1160px; left: 0; right: 0; margin: 0 auto; } @media screen and (min-width:650px) { .masonry-grid { width: 580px; } } @media screen and (min-width:950px) { .masonry-grid { width: 870px; } } @media screen and (min-width:1250px) { .masonry-grid { width: 1160px; } } .grid:after { content: ''; clear: both; } .btn-shine-alt:after, .btn-shine-alt:before, .btn-shine-wide:after, .btn-shine-wide:before, .btn-shine:after, .btn-shine:before, .tab-links:after, button.evans-accordion:after, button.evans-service-accordion:before, li.active:after { content: ''; } .br-n { display: none; } .br { display: block; } .list { list-style-type: none; padding-left: 0; margin-bottom: 0; } .list-style-custom li, section.services .services-content li { list-style-type: circle; } ol, ul { margin: 0; padding: 0; } .bullet-list > li, .numbered-list > li { margin-bottom: 1em; } .bullet-list { list-style: disc; padding-left: 1em; } .numbered-list { list-style: decimal; padding-left: 1em; } .mw-100 { max-width: 100%; } .mw-1 { max-width: 31.25em; } .mw-2 { max-width: 43.75rem; } .mw-3 { max-width: 48.75em; } .mw-4 { max-width: 68.25em; } .mw-5 { max-width: 75em; } .mw-none { max-width: initial; } .o-100 { opacity: 1; } .o-90 { opacity: .9; } .o-80 { opacity: .8; } .o-70 { opacity: .7; } .o-60 { opacity: .6; } .o-50 { opacity: .5; } .o-40 { opacity: .4; } .o-30 { opacity: .3; } .o-20 { opacity: .2; } .o-10 { opacity: .1; } .o-05 { opacity: .05; } .o-025 { opacity: .025; } .o-0 { opacity: 0; } .overflow-visible { overflow: visible; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .modal, .overflow-auto { overflow: auto; } .overflow-x-visible { overflow-x: visible; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-scroll { overflow-x: scroll; } .overflow-x-auto { overflow-x: auto; } .overflow-y-visible { overflow-y: visible; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-scroll { overflow-y: scroll; } .modal__content, .overflow-y-auto { overflow-y: auto; } .static { position: static; } .fixed { position: fixed; } .relative { position: relative; } .absolute { position: absolute; } .p-a-0 { padding: 0; } .p-a-05 { padding: .5rem; } .p-a-1 { padding: 1rem; } .p-a-2 { padding: 1.5rem; } .p-a-3 { padding: 2rem; } .p-a-4 { padding: 2.5rem; } .p-a-5 { padding: 3rem; } .p-a-6 { padding: 4rem; } .p-l-0 { padding-left: 0; } .p-l-05 { padding-left: .5rem; } .p-l-1 { padding-left: 1rem; } .p-l-2 { padding-left: 1.5rem; } .p-l-3 { padding-left: 2rem; } .p-l-4 { padding-left: 2.5rem; } .p-l-5 { padding-left: 3rem; } .p-l-6 { padding-left: 4rem; } .p-r-0 { padding-right: 0; } .p-r-05 { padding-right: .5rem; } .p-r-1 { padding-right: 1rem; } .p-r-2 { padding-right: 1.5rem; } .p-r-3 { padding-right: 2rem; } .p-r-4 { padding-right: 2.5rem; } .p-r-5 { padding-right: 3rem; } .p-r-6 { padding-right: 4rem; } .p-b-0 { padding-bottom: 0; } .p-b-05 { padding-bottom: .5rem; } .p-b-1 { padding-bottom: 1rem; } .p-b-2 { padding-bottom: 1.5rem; } .p-b-3 { padding-bottom: 2rem; } .p-b-4 { padding-bottom: 2.5rem; } .p-b-5 { padding-bottom: 3rem; } .p-b-6 { padding-bottom: 4rem; } .p-t-0 { padding-top: 0; } .p-t-05 { padding: .5rem; } .p-t-1 { padding-top: 1rem; } .p-t-2 { padding-top: 1.5rem; } .p-t-3 { padding-top: 2rem; } .p-t-4 { padding-top: 2.5rem; } .p-t-5 { padding-top: 3rem; } .p-t-6 { padding-top: 4rem; } .p-h-0 { padding-top: 0; padding-bottom: 0; } .p-h-05 { padding-top: .5rem; padding-bottom: .5rem; } .p-h-1 { padding-top: 1rem; padding-bottom: 1rem; } .p-h-2 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .p-h-3 { padding-top: 2rem; padding-bottom: 2rem; } .p-h-4 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .p-h-5 { padding-top: 3rem; padding-bottom: 3rem; } .p-h-6 { padding-top: 4rem; padding-bottom: 4rem; } .p-v-0 { padding-left: 0; padding-right: 0; } .p-v-1 { padding-left: 1rem; padding-right: 1rem; } .p-v-2 { padding-left: 1.5rem; padding-right: 1.5rem; } .p-v-3 { padding-left: 2rem; padding-right: 2rem; } .p-v-4 { padding-left: 2.5rem; padding-right: 2.5rem; } .p-v-5 { padding-left: 3rem; padding-right: 3rem; } .p-v-6 { padding-left: 4rem; padding-right: 4rem; } .m-a-0 { margin: 0; } .m-a-05 { padding: .5rem; } .m-a-1 { margin: 1rem; } .m-a-2 { margin: 1.5rem; } .m-a-3 { margin: 2rem; } .m-a-4 { margin: 2.5rem; } .m-a-5 { margin: 3rem; } .m-a-6 { margin: 4rem; } .m-l-0 { margin-left: 0; } .m-l-05 { margin-left: .5rem; } .m-l-1 { margin-left: 1rem; } .m-l-2 { margin-left: 1.5rem; } .m-l-3 { margin-left: 2rem; } .m-l-4 { margin-left: 2.5rem; } .m-l-5 { margin-left: 3rem; } .m-l-6 { margin-left: 4rem; } .m-r-0 { margin-right: 0; } .m-r-05 { margin-right: .5rem; } .m-r-1 { margin-right: 1rem; } .m-r-2 { margin-right: 1.5rem; } .m-r-3 { margin-right: 2rem; } .m-r-4 { margin-right: 2.5rem; } .m-r-5 { margin-right: 3rem; } .m-r-6 { margin-right: 4rem; } .m-b-0 { margin-bottom: 0; } .m-b-05 { margin-bottom: .5rem; } .m-b-1 { margin-bottom: 1rem; } .m-b-2 { margin-bottom: 1.5rem; } .m-b-3 { margin-bottom: 2rem; } .m-b-4 { margin-bottom: 2.5rem; } .m-b-5 { margin-bottom: 3rem; } .m-b-6 { margin-bottom: 4rem; } .m-t-0 { margin-top: 0; } .m-t-05 { margin-top: .5rem; } .m-t-1 { margin-top: 1rem; } .m-t-2 { margin-top: 1.5rem; } .m-t-3 { margin-top: 2rem; } .m-t-4 { margin-top: 2.5rem; } .m-t-5 { margin-top: 3rem; } .m-t-6 { margin-top: 4rem; } .m-h-0 { margin-top: 0; margin-bottom: 0; } .m-h-05 { margin-top: .5rem; margin-bottom: .5rem; } .m-h-1 { margin-top: 1rem; margin-bottom: 1rem; } .m-h-2 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .m-h-3 { margin-top: 2rem; margin-bottom: 2rem; } .m-h-4 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .m-h-5 { margin-top: 3rem; margin-bottom: 3rem; } .m-h-6 { margin-top: 4rem; margin-bottom: 4rem; } .m-v-0 { margin-left: 0; margin-right: 0; } .m-v-05 { margin-left: .5rem; margin-right: .5rem; } .m-v-1 { margin-left: 1rem; margin-right: 1rem; } .m-v-2 { margin-left: 1.5rem; margin-right: 1.5rem; } .m-v-3 { margin-left: 2rem; margin-right: 2rem; } .m-v-4 { margin-left: 2.5rem; margin-right: 2.5rem; } .m-v-5 { margin-left: 3rem; margin-right: 3rem; } .m-v-6 { margin-left: 4rem; margin-right: 4rem; } @media only screen and (min-width:22.5em) { .br-n-nw { display: none; } .br-nw { display: block; } .mw-100-nw { max-width: 100%; } .mw-1-nw { max-width: 31.25em; } .mw-2-nw { max-width: 43.75rem; } .mw-3-nw { max-width: 48.75em; } .mw-4-nw { max-width: 68.25em; } .mw-5-nw { max-width: 75em; } .mw-none-nw { max-width: initial; } .overflow-visible-nw { overflow: visible; } .overflow-hidden-nw { overflow: hidden; } .overflow-scroll-nw { overflow: scroll; } .overflow-auto-nw { overflow: auto; } .overflow-x-visible-nw { overflow-x: visible; } .overflow-x-hidden-nw { overflow-x: hidden; } .overflow-x-scroll-nw { overflow-x: scroll; } .overflow-x-auto-nw { overflow-x: auto; } .overflow-y-visible-nw { overflow-y: visible; } .overflow-y-hidden-nw { overflow-y: hidden; } .overflow-y-scroll-nw { overflow-y: scroll; } .overflow-y-auto-nw { overflow-y: auto; } .static-nw { position: static; } .fixed-nw { position: fixed; } .relative-nw { position: relative; } .absolute-nw { position: absolute; } .p-a-0-nw { padding: 0; } .p-a-1-nw { padding: 1rem; } .p-a-2-nw { padding: 1.5rem; } .p-a-3-nw { padding: 2rem; } .p-a-4-nw { padding: 2.5rem; } .p-a-5-nw { padding: 3rem; } .p-a-6-nw { padding: 4rem; } .p-l-0-nw { padding-left: 0; } .p-l-1-nw { padding-left: 1rem; } .p-l-2-nw { padding-left: 1.5rem; } .p-l-3-nw { padding-left: 2rem; } .p-l-4-nw { padding-left: 2.5rem; } .p-l-5-nw { padding-left: 3rem; } .p-l-6-nw { padding-left: 4rem; } .p-r-0-nw { padding-right: 0; } .p-r-1-nw { padding-right: 1rem; } .p-r-2-nw { padding-right: 1.5rem; } .p-r-3-nw { padding-right: 2rem; } .p-r-4-nw { padding-right: 2.5rem; } .p-r-5-nw { padding-right: 3rem; } .p-r-6-nw { padding-right: 4rem; } .p-b-0-nw { padding-bottom: 0; } .p-b-1-nw { padding-bottom: 1rem; } .p-b-2-nw { padding-bottom: 1.5rem; } .p-b-3-nw { padding-bottom: 2rem; } .p-b-4-nw { padding-bottom: 2.5rem; } .p-b-5-nw { padding-bottom: 3rem; } .p-b-6-nw { padding-bottom: 4rem; } .p-t-0-nw { padding-top: 0; } .p-t-1-nw { padding-top: 1rem; } .p-t-2-nw { padding-top: 1.5rem; } .p-t-3-nw { padding-top: 2rem; } .p-t-4-nw { padding-top: 2.5rem; } .p-t-5-nw { padding-top: 3rem; } .p-t-6-nw { padding-top: 4rem; } .p-h-0-nw { padding-top: 0; padding-bottom: 0; } .p-h-1-nw { padding-top: 1rem; padding-bottom: 1rem; } .p-h-2-nw { padding-top: 1.5rem; padding-bottom: 1.5rem; } .p-h-3-nw { padding-top: 2rem; padding-bottom: 2rem; } .p-h-4-nw { padding-top: 2.5rem; padding-bottom: 2.5rem; } .p-h-5-nw { padding-top: 3rem; padding-bottom: 3rem; } .p-h-6-nw { padding-top: 4rem; padding-bottom: 4rem; } .p-v-0-nw { padding-left: 0; padding-right: 0; } .p-v-1-nw { padding-left: 1rem; padding-right: 1rem; } .p-v-2-nw { padding-left: 1.5rem; padding-right: 1.5rem; } .p-v-3-nw { padding-left: 2rem; padding-right: 2rem; } .p-v-4-nw { padding-left: 2.5rem; padding-right: 2.5rem; } .p-v-5-nw { padding-left: 3rem; padding-right: 3rem; } .p-v-6-nw { padding-left: 4rem; padding-right: 4rem; } .m-a-0-nw { margin: 0; } .m-a-05-nw { margin: .5rem; } .m-a-1-nw { margin: 1rem; } .m-a-2-nw { margin: 1.5rem; } .m-a-3-nw { margin: 2rem; } .m-a-4-nw { margin: 2.5rem; } .m-a-5-nw { margin: 3rem; } .m-a-6-nw { margin: 4rem; } .m-l-0-nw { margin-left: 0; } .m-l-05-nw { margin-left: .5rem; } .m-l-1-nw { margin-left: 1rem; } .m-l-2-nw { margin-left: 1.5rem; } .m-l-3-nw { margin-left: 2rem; } .m-l-4-nw { margin-left: 2.5rem; } .m-l-5-nw { margin-left: 3rem; } .m-l-6-nw { margin-left: 4rem; } .m-r-0-nw { margin-right: 0; } .m-r-05-nw { margin-right: .5rem; } .m-r-1-nw { margin-right: 1rem; } .m-r-2-nw { margin-right: 1.5rem; } .m-r-3-nw { margin-right: 2rem; } .m-r-4-nw { margin-right: 2.5rem; } .m-r-5-nw { margin-right: 3rem; } .m-r-6-nw { margin-right: 4rem; } .m-b-0-nw { margin-bottom: 0; } .m-b-05-nw { margin-bottom: .5rem; } .m-b-1-nw { margin-bottom: 1rem; } .m-b-2-nw { margin-bottom: 1.5rem; } .m-b-3-nw { margin-bottom: 2rem; } .m-b-4-nw { margin-bottom: 2.5rem; } .m-b-5-nw { margin-bottom: 3rem; } .m-b-6-nw { margin-bottom: 4rem; } .m-t-0-nw { margin-top: 0; } .m-t-05-nw { margin-top: .5rem; } .m-t-1-nw { margin-top: 1rem; } .m-t-2-nw { margin-top: 1.5rem; } .m-t-3-nw { margin-top: 2rem; } .m-t-4-nw { margin-top: 2.5rem; } .m-t-5-nw { margin-top: 3rem; } .m-t-6-nw { margin-top: 4rem; } .m-h-0-nw { margin-top: 0; margin-bottom: 0; } .m-h-1-nw { margin-top: 1rem; margin-bottom: 1rem; } .m-h-2-nw { margin-top: 1.5rem; margin-bottom: 1.5rem; } .m-h-3-nw { margin-top: 2rem; margin-bottom: 2rem; } .m-h-4-nw { margin-top: 2.5rem; margin-bottom: 2.5rem; } .m-h-5-nw { margin-top: 3rem; margin-bottom: 3rem; } .m-h-6-nw { margin-top: 4rem; margin-bottom: 4rem; } .m-v-0-nw { margin-left: 0; margin-right: 0; } .m-v-1-nw { margin-left: 1rem; margin-right: 1rem; } .m-v-2-nw { margin-left: 1.5rem; margin-right: 1.5rem; } .m-v-3-nw { margin-left: 2rem; margin-right: 2rem; } .m-v-4-nw { margin-left: 2.5rem; margin-right: 2.5rem; } .m-v-5-nw { margin-left: 3rem; margin-right: 3rem; } .m-v-6-nw { margin-left: 4rem; margin-right: 4rem; } } @media only screen and (min-width:30em) { .br-n-sm { display: none; } .br-sm { display: block; } .mw-100-sm { max-width: 100%; } .mw-1-sm { max-width: 31.25em; } .mw-2-sm { max-width: 43.75rem; } .mw-3-sm { max-width: 48.75em; } .mw-4-sm { max-width: 68.25em; } .mw-5-sm { max-width: 75em; } .mw-none-sm { max-width: initial; } .overflow-visible-sm { overflow: visible; } .overflow-hidden-sm { overflow: hidden; } .overflow-scroll-sm { overflow: scroll; } .overflow-auto-sm { overflow: auto; } .overflow-x-visible-sm { overflow-x: visible; } .overflow-x-hidden-sm { overflow-x: hidden; } .overflow-x-scroll-sm { overflow-x: scroll; } .overflow-x-auto-sm { overflow-x: auto; } .overflow-y-visible-sm { overflow-y: visible; } .overflow-y-hidden-sm { overflow-y: hidden; } .overflow-y-scroll-sm { overflow-y: scroll; } .overflow-y-auto-sm { overflow-y: auto; } .static-sm { position: static; } .fixed-sm { position: fixed; } .relative-sm { position: relative; } .absolute-sm { position: absolute; } .p-a-0-sm { padding: 0; } .p-a-05-sm { padding: .5rem; } .p-a-1-sm { padding: 1rem; } .p-a-2-sm { padding: 1.5rem; } .p-a-3-sm { padding: 2rem; } .p-a-4-sm { padding: 2.5rem; } .p-a-5-sm { padding: 3rem; } .p-a-6-sm { padding: 4rem; } .p-l-0-sm { padding-left: 0; } .p-l-05-sm { padding-left: .5rem; } .p-l-1-sm { padding-left: 1rem; } .p-l-2-sm { padding-left: 1.5rem; } .p-l-3-sm { padding-left: 2rem; } .p-l-4-sm { padding-left: 2.5rem; } .p-l-5-sm { padding-left: 3rem; } .p-l-6-sm { padding-left: 4rem; } .p-r-0-sm { padding-right: 0; } .p-r-05-sm { padding-right: .5rem; } .p-r-1-sm { padding-right: 1rem; } .p-r-2-sm { padding-right: 1.5rem; } .p-r-3-sm { padding-right: 2rem; } .p-r-4-sm { padding-right: 2.5rem; } .p-r-5-sm { padding-right: 3rem; } .p-r-6-sm { padding-right: 4rem; } .p-b-0-sm { padding-bottom: 0; } .p-b-1-sm { padding-bottom: 1rem; } .p-b-2-sm { padding-bottom: 1.5rem; } .p-b-3-sm { padding-bottom: 2rem; } .p-b-4-sm { padding-bottom: 2.5rem; } .p-b-5-sm { padding-bottom: 3rem; } .p-b-6-sm { padding-bottom: 4rem; } .p-t-0-sm { padding-top: 0; } .p-t-1-sm { padding-top: 1rem; } .p-t-2-sm { padding-top: 1.5rem; } .p-t-3-sm { padding-top: 2rem; } .p-t-4-sm { padding-top: 2.5rem; } .p-t-5-sm { padding-top: 3rem; } .p-t-6-sm { padding-top: 4rem; } .p-h-0-sm { padding-top: 0; padding-bottom: 0; } .p-h-1-sm { padding-top: 1rem; padding-bottom: 1rem; } .p-h-2-sm { padding-top: 1.5rem; padding-bottom: 1.5rem; } .p-h-3-sm { padding-top: 2rem; padding-bottom: 2rem; } .p-h-4-sm { padding-top: 2.5rem; padding-bottom: 2.5rem; } .p-h-5-sm { padding-top: 3rem; padding-bottom: 3rem; } .p-h-6-sm { padding-top: 4rem; padding-bottom: 4rem; } .p-v-0-sm { padding-left: 0; padding-right: 0; } .p-v-1-sm { padding-left: 1rem; padding-right: 1rem; } .p-v-2-sm { padding-left: 1.5rem; padding-right: 1.5rem; } .p-v-3-sm { padding-left: 2rem; padding-right: 2rem; } .p-v-4-sm { padding-left: 2.5rem; padding-right: 2.5rem; } .p-v-5-sm { padding-left: 3rem; padding-right: 3rem; } .p-v-6-sm { padding-left: 4rem; padding-right: 4rem; } .m-a-0-sm { margin: 0; } .m-a-1-sm { margin: 1rem; } .m-a-2-sm { margin: 1.5rem; } .m-a-3-sm { margin: 2rem; } .m-a-4-sm { margin: 2.5rem; } .m-a-5-sm { margin: 3rem; } .m-a-6-sm { margin: 4rem; } .m-l-0-sm { margin-left: 0; } .m-l-1-sm { margin-left: 1rem; } .m-l-2-sm { margin-left: 1.5rem; } .m-l-3-sm { margin-left: 2rem; } .m-l-4-sm { margin-left: 2.5rem; } .m-l-5-sm { margin-left: 3rem; } .m-l-6-sm { margin-left: 4rem; } .m-r-0-sm { margin-right: 0; } .m-r-1-sm { margin-right: 1rem; } .m-r-2-sm { margin-right: 1.5rem; } .m-r-3-sm { margin-right: 2rem; } .m-r-4-sm { margin-right: 2.5rem; } .m-r-5-sm { margin-right: 3rem; } .m-r-6-sm { margin-right: 4rem; } .m-b-0-sm { margin-bottom: 0; } .m-b-1-sm { margin-bottom: 1rem; } .m-b-2-sm { margin-bottom: 1.5rem; } .m-b-3-sm { margin-bottom: 2rem; } .m-b-4-sm { margin-bottom: 2.5rem; } .m-b-5-sm { margin-bottom: 3rem; } .m-b-6-sm { margin-bottom: 4rem; } .m-t-0-sm { margin-top: 0; } .m-t-1-sm { margin-top: 1rem; } .m-t-2-sm { margin-top: 1.5rem; } .m-t-3-sm { margin-top: 2rem; } .m-t-4-sm { margin-top: 2.5rem; } .m-t-5-sm { margin-top: 3rem; } .m-t-6-sm { margin-top: 4rem; } .m-h-0-sm { margin-top: 0; margin-bottom: 0; } .m-h-1-sm { margin-top: 1rem; margin-bottom: 1rem; } .m-h-2-sm { margin-top: 1.5rem; margin-bottom: 1.5rem; } .m-h-3-sm { margin-top: 2rem; margin-bottom: 2rem; } .m-h-4-sm { margin-top: 2.5rem; margin-bottom: 2.5rem; } .m-h-5-sm { margin-top: 3rem; margin-bottom: 3rem; } .m-h-6-sm { margin-top: 4rem; margin-bottom: 4rem; } .m-v-0-sm { margin-left: 0; margin-right: 0; } .m-v-1-sm { margin-left: 1rem; margin-right: 1rem; } .m-v-2-sm { margin-left: 1.5rem; margin-right: 1.5rem; } .m-v-3-sm { margin-left: 2rem; margin-right: 2rem; } .m-v-4-sm { margin-left: 2.5rem; margin-right: 2.5rem; } .m-v-5-sm { margin-left: 3rem; margin-right: 3rem; } .m-v-6-sm { margin-left: 4rem; margin-right: 4rem; } } .collapse { border-collapse: collapse; border-spacing: 0; } .striped--light-gray:nth-child(odd) { background-color: #999; } .tl { text-align: left; } .tr { text-align: right; } .tc { text-align: center; } @media only screen and (min-width:22.5em) { .tl-nw { text-align: left; } .tr-nw { text-align: right; } .tc-nw { text-align: center; } } @media only screen and (min-width:45em) { .br-n-md { display: none; } .br-md { display: block; } .mw-100-md { max-width: 100%; } .mw-1-md { max-width: 31.25em; } .mw-2-md { max-width: 43.75rem; } .mw-3-md { max-width: 48.75em; } .mw-4-md { max-width: 68.25em; } .mw-5-md { max-width: 75em; } .mw-none-md { max-width: initial; } .overflow-visible-md { overflow: visible; } .overflow-hidden-md { overflow: hidden; } .overflow-scroll-md { overflow: scroll; } .overflow-auto-md { overflow: auto; } .overflow-x-visible-md { overflow-x: visible; } .overflow-x-hidden-md { overflow-x: hidden; } .overflow-x-scroll-md { overflow-x: scroll; } .overflow-x-auto-md { overflow-x: auto; } .overflow-y-visible-md { overflow-y: visible; } .overflow-y-hidden-md { overflow-y: hidden; } .overflow-y-scroll-md { overflow-y: scroll; } .overflow-y-auto-md { overflow-y: auto; } .static-md { position: static; } .fixed-md { position: fixed; } .relative-md { position: relative; } .absolute-md { position: absolute; } .p-a-0-md { padding: 0; } .p-a-05-md { padding: .5rem; } .p-a-1-md { padding: 1rem; } .p-a-2-md { padding: 1.5rem; } .p-a-3-md { padding: 2rem; } .p-a-4-md { padding: 2.5rem; } .p-a-5-md { padding: 3rem; } .p-a-6-md { padding: 4rem; } .p-l-0-md { padding-left: 0; } .p-l-05-md { padding-left: .5rem; } .p-l-1-md { padding-left: 1rem; } .p-l-2-md { padding-left: 1.5rem; } .p-l-3-md { padding-left: 2rem; } .p-l-4-md { padding-left: 2.5rem; } .p-l-5-md { padding-left: 3rem; } .p-l-6-md { padding-left: 4rem; } .p-r-0-md { padding-right: 0; } .p-r-05-md { padding-right: .5rem; } .p-r-1-md { padding-right: 1rem; } .p-r-2-md { padding-right: 1.5rem; } .p-r-3-md { padding-right: 2rem; } .p-r-4-md { padding-right: 2.5rem; } .p-r-5-md { padding-right: 3rem; } .p-r-6-md { padding-right: 4rem; } .p-b-0-md { padding-bottom: 0; } .p-b-1-md { padding-bottom: 1rem; } .p-b-2-md { padding-bottom: 1.5rem; } .p-b-3-md { padding-bottom: 2rem; } .p-b-4-md { padding-bottom: 2.5rem; } .p-b-5-md { padding-bottom: 3rem; } .p-b-6-md { padding-bottom: 4rem; } .p-t-0-md { padding-top: 0; } .p-t-1-md { padding-top: 1rem; } .p-t-2-md { padding-top: 1.5rem; } .p-t-3-md { padding-top: 2rem; } .p-t-4-md { padding-top: 2.5rem; } .p-t-5-md { padding-top: 3rem; } .p-t-6-md { padding-top: 4rem; } .p-h-0-md { padding-top: 0; padding-bottom: 0; } .p-h-1-md { padding-top: 1rem; padding-bottom: 1rem; } .p-h-2-md { padding-top: 1.5rem; padding-bottom: 1.5rem; } .p-h-3-md { padding-top: 2rem; padding-bottom: 2rem; } .p-h-4-md { padding-top: 2.5rem; padding-bottom: 2.5rem; } .p-h-5-md { padding-top: 3rem; padding-bottom: 3rem; } .p-h-6-md { padding-top: 4rem; padding-bottom: 4rem; } .p-v-0-md { padding-left: 0; padding-right: 0; } .p-v-1-md { padding-left: 1rem; padding-right: 1rem; } .p-v-2-md { padding-left: 1.5rem; padding-right: 1.5rem; } .p-v-3-md { padding-left: 2rem; padding-right: 2rem; } .p-v-4-md { padding-left: 2.5rem; padding-right: 2.5rem; } .p-v-5-md { padding-left: 3rem; padding-right: 3rem; } .p-v-6-md { padding-left: 4rem; padding-right: 4rem; } .m-a-0-md { margin: 0; } .m-a-1-md { margin: 1rem; } .m-a-2-md { margin: 1.5rem; } .m-a-3-md { margin: 2rem; } .m-a-4-md { margin: 2.5rem; } .m-a-5-md { margin: 3rem; } .m-a-6-md { margin: 4rem; } .m-l-0-md { margin-left: 0; } .m-l-1-md { margin-left: 1rem; } .m-l-2-md { margin-left: 1.5rem; } .m-l-3-md { margin-left: 2rem; } .m-l-4-md { margin-left: 2.5rem; } .m-l-5-md { margin-left: 3rem; } .m-l-6-md { margin-left: 4rem; } .m-r-0-md { margin-right: 0; } .m-r-1-md { margin-right: 1rem; } .m-r-2-md { margin-right: 1.5rem; } .m-r-3-md { margin-right: 2rem; } .m-r-4-md { margin-right: 2.5rem; } .m-r-5-md { margin-right: 3rem; } .m-r-6-md { margin-right: 4rem; } .m-b-0-md { margin-bottom: 0; } .m-b-1-md { margin-bottom: 1rem; } .m-b-2-md { margin-bottom: 1.5rem; } .m-b-3-md { margin-bottom: 2rem; } .m-b-4-md { margin-bottom: 2.5rem; } .m-b-5-md { margin-bottom: 3rem; } .m-b-6-md { margin-bottom: 4rem; } .m-t-0-md { margin-top: 0; } .m-t-1-md { margin-top: 1rem; } .m-t-2-md { margin-top: 1.5rem; } .m-t-3-md { margin-top: 2rem; } .m-t-4-md { margin-top: 2.5rem; } .m-t-5-md { margin-top: 3rem; } .m-t-6-md { margin-top: 4rem; } .m-h-0-md { margin-top: 0; margin-bottom: 0; } .m-h-1-md { margin-top: 1rem; margin-bottom: 1rem; } .m-h-2-md { margin-top: 1.5rem; margin-bottom: 1.5rem; } .m-h-3-md { margin-top: 2rem; margin-bottom: 2rem; } .m-h-4-md { margin-top: 2.5rem; margin-bottom: 2.5rem; } .m-h-5-md { margin-top: 3rem; margin-bottom: 3rem; } .m-h-6-md { margin-top: 4rem; margin-bottom: 4rem; } .m-v-0-md { margin-left: 0; margin-right: 0; } .m-v-1-md { margin-left: 1rem; margin-right: 1rem; } .m-v-2-md { margin-left: 1.5rem; margin-right: 1.5rem; } .m-v-3-md { margin-left: 2rem; margin-right: 2rem; } .m-v-4-md { margin-left: 2.5rem; margin-right: 2.5rem; } .m-v-5-md { margin-left: 3rem; margin-right: 3rem; } .m-v-6-md { margin-left: 4rem; margin-right: 4rem; } .tl-md { text-align: left; } .tr-md { text-align: right; } .tc-md { text-align: center; } } @media only screen and (min-width:60em) { .br-n-lg { display: none; } .br-lg { display: block; } .mw-100-lg { max-width: 100%; } .mw-1-lg { max-width: 31.25em; } .mw-2-lg { max-width: 43.75rem; } .mw-3-lg { max-width: 48.75em; } .mw-4-lg { max-width: 68.25em; } .mw-5-lg { max-width: 75em; } .mw-none-lg { max-width: initial; } .overflow-visible-lg { overflow: visible; } .overflow-hidden-lg { overflow: hidden; } .overflow-scroll-lg { overflow: scroll; } .overflow-auto-lg { overflow: auto; } .overflow-x-visible-lg { overflow-x: visible; } .overflow-x-hidden-lg { overflow-x: hidden; } .overflow-x-scroll-lg { overflow-x: scroll; } .overflow-x-auto-lg { overflow-x: auto; } .overflow-y-visible-lg { overflow-y: visible; } .overflow-y-hidden-lg { overflow-y: hidden; } .overflow-y-scroll-lg { overflow-y: scroll; } .overflow-y-auto-lg { overflow-y: auto; } .static-lg { position: static; } .fixed-lg { position: fixed; } .relative-lg { position: relative; } .absolute-lg { position: absolute; } .p-a-0-lg { padding: 0; } .p-a-05-lg { padding: .5rem; } .p-a-1-lg { padding: 1rem; } .p-a-2-lg { padding: 1.5rem; } .p-a-3-lg { padding: 2rem; } .p-a-4-lg { padding: 2.5rem; } .p-a-5-lg { padding: 3rem; } .p-a-6-lg { padding: 4rem; } .p-l-0-lg { padding-left: 0; } .p-l-05-lg { padding-left: .5rem; } .p-l-1-lg { padding-left: 1rem; } .p-l-2-lg { padding-left: 1.5rem; } .p-l-3-lg { padding-left: 2rem; } .p-l-4-lg { padding-left: 2.5rem; } .p-l-5-lg { padding-left: 3rem; } .p-l-6-lg { padding-left: 4rem; } .p-r-0-lg { padding-right: 0; } .p-r-05-lg { padding-right: .5rem; } .p-r-1-lg { padding-right: 1rem; } .p-r-2-lg { padding-right: 1.5rem; } .p-r-3-lg { padding-right: 2rem; } .p-r-4-lg { padding-right: 2.5rem; } .p-r-5-lg { padding-right: 3rem; } .p-r-6-lg { padding-right: 4rem; } .p-b-0-lg { padding-bottom: 0; } .p-b-1-lg { padding-bottom: 1rem; } .p-b-2-lg { padding-bottom: 1.5rem; } .p-b-3-lg { padding-bottom: 2rem; } .p-b-4-lg { padding-bottom: 2.5rem; } .p-b-5-lg { padding-bottom: 3rem; } .p-b-6-lg { padding-bottom: 4rem; } .p-t-0-lg { padding-top: 0; } .p-t-05-lg { padding-top: .5rem; } .p-t-1-lg { padding-top: 1rem; } .p-t-2-lg { padding-top: 1.5rem; } .p-t-3-lg { padding-top: 2rem; } .p-t-4-lg { padding-top: 2.5rem; } .p-t-5-lg { padding-top: 3rem; } .p-t-6-lg { padding-top: 4rem; } .p-h-0-lg { padding-top: 0; padding-bottom: 0; } .p-h-1-lg { padding-top: 1rem; padding-bottom: 1rem; } .p-h-2-lg { padding-top: 1.5rem; padding-bottom: 1.5rem; } .p-h-3-lg { padding-top: 2rem; padding-bottom: 2rem; } .p-h-4-lg { padding-top: 2.5rem; padding-bottom: 2.5rem; } .p-h-5-lg { padding-top: 3rem; padding-bottom: 3rem; } .p-h-6-lg { padding-top: 4rem; padding-bottom: 4rem; } .p-v-0-lg { padding-left: 0; padding-right: 0; } .p-v-1-lg { padding-left: 1rem; padding-right: 1rem; } .p-v-2-lg { padding-left: 1.5rem; padding-right: 1.5rem; } .p-v-3-lg { padding-left: 2rem; padding-right: 2rem; } .p-v-4-lg { padding-left: 2.5rem; padding-right: 2.5rem; } .p-v-5-lg { padding-left: 3rem; padding-right: 3rem; } .p-v-6-lg { padding-left: 4rem; padding-right: 4rem; } .m-a-0-lg { margin: 0; } .m-a-1-lg { margin: 1rem; } .m-a-2-lg { margin: 1.5rem; } .m-a-3-lg { margin: 2rem; } .m-a-4-lg { margin: 2.5rem; } .m-a-5-lg { margin: 3rem; } .m-a-6-lg { margin: 4rem; } .m-l-0-lg { margin-left: 0; } .m-l-1-lg { margin-left: 1rem; } .m-l-2-lg { margin-left: 1.5rem; } .m-l-3-lg { margin-left: 2rem; } .m-l-4-lg { margin-left: 2.5rem; } .m-l-5-lg { margin-left: 3rem; } .m-l-6-lg { margin-left: 4rem; } .m-r-0-lg { margin-right: 0; } .m-r-1-lg { margin-right: 1rem; } .m-r-2-lg { margin-right: 1.5rem; } .m-r-3-lg { margin-right: 2rem; } .m-r-4-lg { margin-right: 2.5rem; } .m-r-5-lg { margin-right: 3rem; } .m-r-6-lg { margin-right: 4rem; } .m-b-0-lg { margin-bottom: 0; } .m-b-1-lg { margin-bottom: 1rem; } .m-b-2-lg { margin-bottom: 1.5rem; } .m-b-3-lg { margin-bottom: 2rem; } .m-b-4-lg { margin-bottom: 2.5rem; } .m-b-5-lg { margin-bottom: 3rem; } .m-b-6-lg { margin-bottom: 4rem; } .m-t-0-lg { margin-top: 0; } .m-t-1-lg { margin-top: 1rem; } .m-t-2-lg { margin-top: 1.5rem; } .m-t-3-lg { margin-top: 2rem; } .m-t-4-lg { margin-top: 2.5rem; } .m-t-5-lg { margin-top: 3rem; } .m-t-6-lg { margin-top: 4rem; } .m-h-0-lg { margin-top: 0; margin-bottom: 0; } .m-h-1-lg { margin-top: 1rem; margin-bottom: 1rem; } .m-h-2-lg { margin-top: 1.5rem; margin-bottom: 1.5rem; } .m-h-3-lg { margin-top: 2rem; margin-bottom: 2rem; } .m-h-4-lg { margin-top: 2.5rem; margin-bottom: 2.5rem; } .m-h-5-lg { margin-top: 3rem; margin-bottom: 3rem; } .m-h-6-lg { margin-top: 4rem; margin-bottom: 4rem; } .m-v-0-lg { margin-left: 0; margin-right: 0; } .m-v-1-lg { margin-left: 1rem; margin-right: 1rem; } .m-v-2-lg { margin-left: 1.5rem; margin-right: 1.5rem; } .m-v-3-lg { margin-left: 2rem; margin-right: 2rem; } .m-v-4-lg { margin-left: 2.5rem; margin-right: 2.5rem; } .m-v-5-lg { margin-left: 3rem; margin-right: 3rem; } .m-v-6-lg { margin-left: 4rem; margin-right: 4rem; } .tl-lg { text-align: left; } .tr-lg { text-align: right; } .tc-lg { text-align: center; } } .badge, button.evans-accordion { text-align: center; cursor: pointer; } .f-headline { font-size: 4rem; } .f-subheadline { font-size: 2.5rem; } .f1 { font-size: 3rem; } .f2 { font-size: 2.25rem; } .f3 { font-size: 2rem; } .f4 { font-size: 1.5rem; } .f5 { font-size: 1rem; } .f6 { font-size: .875rem; } .lh-solid { line-height: 1; } .lh-title { line-height: 1.3em; } .lh-copy { line-height: 1.5rem; } .v-top { vertical-align: top; } .v-bottom { vertical-align: bottom; } .v-baseline { vertical-align: baseline; } @media only screen and (min-width:22.5em) { .f-headline-nw { font-size: 4rem; } .f-subheadline-nw { font-size: 2.5rem; } .f1-nw { font-size: 3rem; } .f2-nw { font-size: 2.25rem; } .f3-nw { font-size: 2rem; } .f4-nw { font-size: 1.5rem; } .f5-nw { font-size: 1rem; } .f6-nw { font-size: .875rem; } .lh-none-nw { line-height: 0; } .lh-solid-nw { line-height: 1; } .lh-title-nw { line-height: 1.3em; } .lh-copy-nw { line-height: 1.5rem; } .v-mid-nw { vertical-align: middle; } .v-top-nw { vertical-align: top; } .v-bottom-nw { vertical-align: bottom; } .v-baseline-nw { vertical-align: baseline; } } @media only screen and (min-width:30em) { .f-headline-sm { font-size: 4rem; } .f-subheadline-sm { font-size: 2.5rem; } .f1-sm { font-size: 3rem; } .f2-sm { font-size: 2.25rem; } .f3-sm { font-size: 2rem; } .f4-sm { font-size: 1.5rem; } .f5-sm { font-size: 1rem; } .f6-sm { font-size: .875rem; } .lh-none-sm { line-height: 0; } .lh-solid-sm { line-height: 1; } .lh-title-sm { line-height: 1.3em; } .lh-copy-sm { line-height: 1.5rem; } .v-mid-sm { vertical-align: middle; } .v-top-sm { vertical-align: top; } .v-bottom-sm { vertical-align: bottom; } .v-baseline-sm { vertical-align: baseline; } } @media only screen and (min-width:45em) { .f-headline-md { font-size: 4rem; } .f-subheadline-md { font-size: 2.5rem; } .f1-md { font-size: 3rem; } .f2-md { font-size: 2.25rem; } .f3-md { font-size: 2rem; } .f4-md { font-size: 1.5rem; } .f5-md { font-size: 1rem; } .f6-md { font-size: .875rem; } .lh-none-md { line-height: 0; } .lh-solid-md { line-height: 1; } .lh-title-md { line-height: 1.3em; } .lh-copy-md { line-height: 1.5rem; } .v-mid-md { vertical-align: middle; } .v-top-md { vertical-align: top; } .v-bottom-md { vertical-align: bottom; } .v-baseline-md { vertical-align: baseline; } } @media only screen and (min-width:60em) { .f-headline-lg { font-size: 4rem; } .f-subheadline-lg { font-size: 2.5rem; } .f1-lg { font-size: 3rem; } .f2-lg { font-size: 2.25rem; } .f3-lg { font-size: 2rem; } .f4-lg { font-size: 1.5rem; } .f5-lg { font-size: 1rem; } .f6-lg { font-size: .875rem; } .lh-none-lg { line-height: 0; } .lh-solid-lg { line-height: 1; } .lh-title-lg { line-height: 1.3em; } .lh-copy-lg { line-height: 1.5rem; } .v-mid-lg { vertical-align: middle; } .v-top-lg { vertical-align: top; } .v-bottom-lg { vertical-align: bottom; } .v-baseline-lg { vertical-align: baseline; } } @media only screen and (min-width:87.5em) { .br-n-wd { display: none; } .br-wd { display: block; } .mw-100-wd { max-width: 100%; } .mw-1-wd { max-width: 31.25em; } .mw-2-wd { max-width: 43.75rem; } .mw-3-wd { max-width: 48.75em; } .mw-4-wd { max-width: 68.25em; } .mw-5-wd { max-width: 75em; } .mw-none-wd { max-width: initial; } .overflow-visible-wd { overflow: visible; } .overflow-hidden-wd { overflow: hidden; } .overflow-scroll-wd { overflow: scroll; } .overflow-auto-wd { overflow: auto; } .overflow-x-visible-wd { overflow-x: visible; } .overflow-x-hidden-wd { overflow-x: hidden; } .overflow-x-scroll-wd { overflow-x: scroll; } .overflow-x-auto-wd { overflow-x: auto; } .overflow-y-visible-wd { overflow-y: visible; } .overflow-y-hidden-wd { overflow-y: hidden; } .overflow-y-scroll-wd { overflow-y: scroll; } .overflow-y-auto-wd { overflow-y: auto; } .static-wd { position: static; } .fixed-wd { position: fixed; } .relative-wd { position: relative; } .absolute-wd { position: absolute; } .p-a-0-wd { padding: 0; } .p-a-1-wd { padding: 1rem; } .p-a-2-wd { padding: 1.5rem; } .p-a-3-wd { padding: 2rem; } .p-a-4-wd { padding: 2.5rem; } .p-a-5-wd { padding: 3rem; } .p-a-6-wd { padding: 4rem; } .p-l-0-wd { padding-left: 0; } .p-l-1-wd { padding-left: 1rem; } .p-l-2-wd { padding-left: 1.5rem; } .p-l-3-wd { padding-left: 2rem; } .p-l-4-wd { padding-left: 2.5rem; } .p-l-5-wd { padding-left: 3rem; } .p-l-6-wd { padding-left: 4rem; } .p-r-0-wd { padding-right: 0; } .p-r-1-wd { padding-right: 1rem; } .p-r-2-wd { padding-right: 1.5rem; } .p-r-3-wd { padding-right: 2rem; } .p-r-4-wd { padding-right: 2.5rem; } .p-r-5-wd { padding-right: 3rem; } .p-r-6-wd { padding-right: 4rem; } .p-b-0-wd { padding-bottom: 0; } .p-b-1-wd { padding-bottom: 1rem; } .p-b-2-wd { padding-bottom: 1.5rem; } .p-b-3-wd { padding-bottom: 2rem; } .p-b-4-wd { padding-bottom: 2.5rem; } .p-b-5-wd { padding-bottom: 3rem; } .p-b-6-wd { padding-bottom: 4rem; } .p-t-0-wd { padding-top: 0; } .p-t-1-wd { padding-top: 1rem; } .p-t-2-wd { padding-top: 1.5rem; } .p-t-3-wd { padding-top: 2rem; } .p-t-4-wd { padding-top: 2.5rem; } .p-t-5-wd { padding-top: 3rem; } .p-t-6-wd { padding-top: 4rem; } .p-h-0-wd { padding-top: 0; padding-bottom: 0; } .p-h-1-wd { padding-top: 1rem; padding-bottom: 1rem; } .p-h-2-wd { padding-top: 1.5rem; padding-bottom: 1.5rem; } .p-h-3-wd { padding-top: 2rem; padding-bottom: 2rem; } .p-h-4-wd { padding-top: 2.5rem; padding-bottom: 2.5rem; } .p-h-5-wd { padding-top: 3rem; padding-bottom: 3rem; } .p-h-6-wd { padding-top: 4rem; padding-bottom: 4rem; } .p-v-0-wd { padding-left: 0; padding-right: 0; } .p-v-1-wd { padding-left: 1rem; padding-right: 1rem; } .p-v-2-wd { padding-left: 1.5rem; padding-right: 1.5rem; } .p-v-3-wd { padding-left: 2rem; padding-right: 2rem; } .p-v-4-wd { padding-left: 2.5rem; padding-right: 2.5rem; } .p-v-5-wd { padding-left: 3rem; padding-right: 3rem; } .p-v-6-wd { padding-left: 4rem; padding-right: 4rem; } .m-a-0-wd { margin: 0; } .m-a-1-wd { margin: 1rem; } .m-a-2-wd { margin: 1.5rem; } .m-a-3-wd { margin: 2rem; } .m-a-4-wd { margin: 2.5rem; } .m-a-5-wd { margin: 3rem; } .m-a-6-wd { margin: 4rem; } .m-l-0-wd { margin-left: 0; } .m-l-1-wd { margin-left: 1rem; } .m-l-2-wd { margin-left: 1.5rem; } .m-l-3-wd { margin-left: 2rem; } .m-l-4-wd { margin-left: 2.5rem; } .m-l-5-wd { margin-left: 3rem; } .m-l-6-wd { margin-left: 4rem; } .m-r-0-wd { margin-right: 0; } .m-r-1-wd { margin-right: 1rem; } .m-r-2-wd { margin-right: 1.5rem; } .m-r-3-wd { margin-right: 2rem; } .m-r-4-wd { margin-right: 2.5rem; } .m-r-5-wd { margin-right: 3rem; } .m-r-6-wd { margin-right: 4rem; } .m-b-0-wd { margin-bottom: 0; } .m-b-1-wd { margin-bottom: 1rem; } .m-b-2-wd { margin-bottom: 1.5rem; } .m-b-3-wd { margin-bottom: 2rem; } .m-b-4-wd { margin-bottom: 2.5rem; } .m-b-5-wd { margin-bottom: 3rem; } .m-b-6-wd { margin-bottom: 4rem; } .m-t-0-wd { margin-top: 0; } .m-t-1-wd { margin-top: 1rem; } .m-t-2-wd { margin-top: 1.5rem; } .m-t-3-wd { margin-top: 2rem; } .m-t-4-wd { margin-top: 2.5rem; } .m-t-5-wd { margin-top: 3rem; } .m-t-6-wd { margin-top: 4rem; } .m-h-0-wd { margin-top: 0; margin-bottom: 0; } .m-h-1-wd { margin-top: 1rem; margin-bottom: 1rem; } .m-h-2-wd { margin-top: 1.5rem; margin-bottom: 1.5rem; } .m-h-3-wd { margin-top: 2rem; margin-bottom: 2rem; } .m-h-4-wd { margin-top: 2.5rem; margin-bottom: 2.5rem; } .m-h-5-wd { margin-top: 3rem; margin-bottom: 3rem; } .m-h-6-wd { margin-top: 4rem; margin-bottom: 4rem; } .m-v-0-wd { margin-left: 0; margin-right: 0; } .m-v-1-wd { margin-left: 1rem; margin-right: 1rem; } .m-v-2-wd { margin-left: 1.5rem; margin-right: 1.5rem; } .m-v-3-wd { margin-left: 2rem; margin-right: 2rem; } .m-v-4-wd { margin-left: 2.5rem; margin-right: 2.5rem; } .m-v-5-wd { margin-left: 3rem; margin-right: 3rem; } .m-v-6-wd { margin-left: 4rem; margin-right: 4rem; } .f-headline-wd { font-size: 4rem; } .f-subheadline-wd { font-size: 2.5rem; } .f1-wd { font-size: 3rem; } .f2-wd { font-size: 2.25rem; } .f3-wd { font-size: 2rem; } .f4-wd { font-size: 1.5rem; } .f5-wd { font-size: 1rem; } .f6-wd { font-size: .875rem; } .lh-none-wd { line-height: 0; } .lh-solid-wd { line-height: 1; } .lh-title-wd { line-height: 1.3em; } .lh-copy-wd { line-height: 1.5rem; } .v-mid-wd { vertical-align: middle; } .v-top-wd { vertical-align: top; } .v-bottom-wd { vertical-align: bottom; } .v-baseline-wd { vertical-align: baseline; } } .clip { position: fixed!important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } @media only screen and (min-width:22.5em) { .clip-nw { position: fixed!important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } } @media only screen and (min-width:45em) { .clip-md { position: fixed!important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } } @media only screen and (min-width:60em) { .clip-lg { position: fixed!important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } } .accent, .site-container, .vert-al-col { position: relative; } .w-100 { width: 100%; } .w-90 { width: 90%; } .w-80 { width: 80%; } .w-75 { width: 75%; } .w-70 { width: 70%; } .w-66 { width: 66.66%; } .w-60 { width: 60%; } .w-50 { width: 50%; } .w-40 { width: 40%; } .w-33 { width: 33.33%; } .w-30 { width: 30%; } .w-25 { width: 25%; } .w-20 { width: 20%; } .w-10 { width: 10%; } .word-normal { word-break: normal; } .word-wrap { word-break: break-all; } .word-nowrap { word-break: keep-all; } @media only screen and (min-width:22.5em) { .w-100-nw { width: 100%; } .w-90-nw { width: 90%; } .w-80-nw { width: 80%; } .w-75-nw { width: 75%; } .w-70-nw { width: 70%; } .w-66-nw { width: 66.66%; } .w-60-nw { width: 60%; } .w-50-nw { width: 50%; } .w-40-nw { width: 40%; } .w-33-nw { width: 33.33%; } .w-30-nw { width: 30%; } .w-25-nw { width: 25%; } .w-20-nw { width: 20%; } .w-10-nw { width: 10%; } .word-normal-nw { word-break: normal; } .word-wrap-nw { word-break: break-all; } .word-nowrap-nw { word-break: keep-all; } } @media only screen and (min-width:30em) { .w-100-sm { width: 100%; } .w-90-sm { width: 90%; } .w-80-sm { width: 80%; } .w-75-sm { width: 75%; } .w-70-sm { width: 70%; } .w-66-sm { width: 66.66%; } .w-60-sm { width: 60%; } .w-50-sm { width: 50%; } .w-40-sm { width: 40%; } .w-33-sm { width: 33.33%; } .w-30-sm { width: 30%; } .w-25-sm { width: 25%; } .w-20-sm { width: 20%; } .w-10-sm { width: 10%; } .word-normal-sm { word-break: normal; } .word-wrap-sm { word-break: break-all; } .word-nowrap-sm { word-break: keep-all; } } @media only screen and (min-width:45em) { .w-100-md { width: 100%; } .w-90-md { width: 90%; } .w-80-md { width: 80%; } .w-75-md { width: 75%; } .w-70-md { width: 70%; } .w-66-md { width: 66.66%; } .w-60-md { width: 60%; } .w-50-md { width: 50%; } .w-40-md { width: 40%; } .w-33-md { width: 33.33%; } .w-30-md { width: 30%; } .w-25-md { width: 25%; } .w-20-md { width: 20%; } .w-10-md { width: 10%; } .word-normal-md { word-break: normal; } .word-wrap-md { word-break: break-all; } .word-nowrap-md { word-break: keep-all; } } @media only screen and (min-width:60em) { .w-100-lg { width: 100%; } .w-90-lg { width: 90%; } .w-80-lg { width: 80%; } .w-75-lg { width: 75%; } .w-70-lg { width: 70%; } .w-66-lg { width: 66.66%; } .w-60-lg { width: 60%; } .w-50-lg { width: 50%; } .w-40-lg { width: 40%; } .w-33-lg { width: 33.33%; } .w-30-lg { width: 30%; } .w-25-lg { width: 25%; } .w-20-lg { width: 20%; } .w-10-lg { width: 10%; } .word-normal-lg { word-break: normal; } .word-wrap-lg { word-break: break-all; } .word-nowrap-lg { word-break: keep-all; } } @media only screen and (min-width:87.5em) { .w-100-wd { width: 100%; } .w-90-wd { width: 90%; } .w-80-wd { width: 80%; } .w-75-wd { width: 75%; } .w-70-wd { width: 70%; } .w-66-wd { width: 66.66%; } .w-60-wd { width: 60%; } .w-50-wd { width: 50%; } .w-40-wd { width: 40%; } .w-33-wd { width: 33.33%; } .w-30-wd { width: 30%; } .w-25-wd { width: 25%; } .w-20-wd { width: 20%; } .w-10-wd { width: 10%; } .word-normal-wd { word-break: normal; } .word-wrap-wd { word-break: break-all; } .word-nowrap-wd { word-break: keep-all; } } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-3 { z-index: 3; } .z-4 { z-index: 4; } .z-5 { z-index: 5; } .z-999 { z-index: 999; } .z-9999 { z-index: 9999; } .z-max { z-index: 2147483647; } .z-inherit { z-index: inherit; } .z-initial { z-index: initial; } .z-unset { z-index: unset; } .fcolor-silv { color: #576071!important; } .fcolor-silv-dark { color: #393a3b!important; } .fcolor-blue { color: #161719!important; } .site-container { background-color: #fff; max-width: 1440px; margin: 0 auto; -webkit-box-shadow: 0 0 1.25em rgba(0, 0, 0, .15); box-shadow: 0 0 1.25em rgba(0, 0, 0, .15); overflow-x: hidden; min-height: 100%; min-height: calc(100vh - 89px); } .content-container, main { min-height: 100%; max-width: 1440px; margin: 0 auto; right: 0; left: 0; } main { z-index: 2; } .content-container { position: relative; z-index: 1; } hr, p { margin-top: 0; } body, html { height: 100%; } .badge:hover, .bg-brown { background-color: #161719; } body.no-hero .site-container { padding-top: 90px; } .js-modal-terms-open { overflow: hidden; } .js-modal-terms-open .site-container { overflow: hidden; height: 100%; } .bg-grey { background-color: #576071; } .bg-lightgrey { background-color: #f5f5f5; } .bg-white { background-color: #fff!important; } .bg-light { background-color: #f5f5f5; } .bg-dark { background-color: #393a3b; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; text-rendering: optimizeLegibility; -webkit-overflow-scrolling: none; font: 100 16px raleway, Georgia, Times New Roman, serif; color: #000; } a.link-dark { color: #787878; } a.link-dark:hover { color: #576071; } a.hover-opacity { -webkit-transition: opacity 350ms linear; transition: opacity 350ms linear; } a.hover-opacity:hover { -webkit-transition: opacity 350ms linear; transition: opacity 350ms linear; opacity: .5; } .btn__action, div.evans-panel { -webkit-transition: all .25s ease-in-out; } p { line-height: 1.5rem; color: #000; } .headline, .subtitle { color: #576071; text-transform: uppercase; font-weight: 100; } .small-heading { color: #576071; font-size: 1.1em; } .badge, .badge:hover { color: #fff; } .swsh { -webkit-font-feature-settings: "swsh"; font-feature-settings: "swsh"; } hr { border: 1px solid #576071; border-width: 1px 0 0; opacity: .5; } hr.menu-hr, hr.submenu-hr { margin-top: .5em; opacity: .4; } hr.menu-hr { border: 1px solid #fff; border-width: 1px 0 0; width: 133px; margin-left: 3em; } hr.submenu-hr { border: 1px solid #ccae8e; border-width: 1px 0 0; width: 166px; margin-left: .5em; } .accent { background-color: #576071; height: 1em; display: block; width: 80%; } .accent-offset { left: 1em; } .accent-offset-2 { left: 4em; } @media only screen and (max-width:44.9375em) { .accent-offset, .accent-offset-2 { left: 0; right: 0; margin: 0 auto; } .accent { width: 80%; } .launchsoon { display: none; } } @media only screen and (min-width:60em) { body.no-hero .site-container { padding-top: 145px; } .vert-al-col { position: absolute; margin: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; } .min-h-col { min-height: 400px; } .col-img img { min-width: 640px; } } .min-h-services-col { position: relative; min-height: 100px; } @media only screen and (min-width:60em) { .min-h-services-col { min-height: 200px; } } .col-services-img { min-height: 100px; overflow: hidden!important; } .btn-shine, .js-modal--open, div.evans-panel { overflow: hidden; } .col-services-img img { max-height: 100px; } @-webkit-keyframes slideUp { from { -webkit-transform: translateY(50px); transform: translateY(50px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideUp { from { -webkit-transform: translateY(50px); transform: translateY(50px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } .slide-up { -webkit-animation: slideUp ease-in 1; animation: slideUp ease-in 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } @-webkit-keyframes slideUpfadeIn { from { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideUpfadeIn { from { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .slide-and-fade { opacity: 0; -webkit-animation: slideUpfadeIn ease-in 1; animation: slideUpfadeIn ease-in 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: .65s; animation-duration: .65s; -webkit-animation-delay: .5s; animation-delay: .5s; } div.evans-panel { padding-left: 0; transition: all .25s ease-in-out; background-color: #f5f5f5; border: 0; } .btn__default, .link__read-more { -webkit-transition: all 350ms ease; } @media only screen and (max-width:59.9375em) { div.evans-panel { background-color: #fff; border-right: 1px solid #576071; border-bottom: 1px solid #576071; border-left: 1px solid #576071; } } button.evans-accordion { background-color: #fff; width: 100%; border: 1px solid #576071; font-size: 1.1em; padding-right: 1em; } button.evans-accordion.active { border-bottom: 1px solid #fff; } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } button, select { text-transform: none; } .badge, .evans-service-accordion .service-title { text-transform: uppercase; } button, input { overflow: visible; } @media only screen and (min-width:60em) { .col-services-img { min-height: 200px; } .col-services-img img { max-height: 200px; } .evans-service-panel.show { display: none; -webkit-animation: close_menu 1s forwards; animation: close_menu 1s forwards; } } @-webkit-keyframes open_menu { 0% { opacity: 0; display: none; } 75% { opacity: .75; display: block; } 100% { opacity: 1; display: block; } } @keyframes open_menu { 0% { opacity: 0; display: none; } 75% { opacity: .75; display: block; } 100% { opacity: 1; display: block; } } @-webkit-keyframes close_menu { 0% { opacity: 0; display: none; } 75% { opacity: .75; display: block; } 100% { opacity: 1; display: block; } } @keyframes close_menu { 0% { opacity: 0; display: none; } 75% { opacity: .75; display: block; } 100% { opacity: 1; display: block; } } .evans-service-accordion { width: 100%; border: none; background: #fff; padding: 0; } .evans-service-accordion .mob-title { display: block; padding-right: 1.2em; text-transform: uppercase; } @media only screen and (min-width:60em) { .evans-service-accordion .mob-title, button.evans-service-accordion:before { display: none; } } .btn-shine, .btn__action, .btn__action-rev, .btn__default { display: inline-block; text-align: center; text-transform: uppercase; white-space: nowrap; } .evans-service-accordion p { font-size: .9em; margin-bottom: .3em; } .evans-service-accordion .small-heading { font-size: 1em; } .badge { background-color: #f27051; font: .875em proxima-nova, Avenir, Helvetica Neue, Helvetica, Arial, sans-serif; border-radius: 50%; height: 90px; width: 90px; padding-top: 32px; position: absolute; top: 10px; right: 10px; } @media only screen and (min-width:45em) { .badge { font: 1em proxima-nova, Avenir, Helvetica Neue, Helvetica, Arial, sans-serif; height: 110px; width: 110px; position: absolute; top: -35px; right: 35px; padding-top: 38px; } } .btn-shine, .btn__action, .btn__action-rev, .btn__default { line-height: 1; -ms-touch-action: manipulation; } .btn__default { background-color: #576071; color: #c49d71; border: 0; border-radius: 0; font: 500 .75rem raleway, Georgia, Times New Roman, serif; padding: 1em 4em; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 350ms ease; letter-spacing: .05em; } .btn-shine, .btn__action, .btn__action-rev { -webkit-user-select: none; -ms-user-select: none; } .btn__action, .btn__action-rev { cursor: pointer; -moz-user-select: none; } .btn__default:hover { background-color: #393a3b; color: #c49d71; } .btn__action { background-color: #576071; color: #fff; border: 2px solid #576071!important; border-radius: 0; font: 600 .75rem raleway, Georgia, Times New Roman, serif; touch-action: manipulation; user-select: none; transition: all .25s ease-in-out; width: 100%; } .btn-shine, .btn__action-rev { font: 600 .75rem raleway, Georgia, Times New Roman, serif; touch-action: manipulation; } .btn__action-rev, .btn__action:hover { background-color: transparent; color: #576071; -webkit-transition: all .25s ease-in-out; } .btn__action:hover { border: 2px solid #576071; transition: all .25s ease-in-out; } @media only screen and (min-width:45em) { .btn__action, .btn__default { padding: .8em 2em; } .btn__action { width: auto; } } .btn__action-rev { border: 2px solid #576071!important; border-radius: 0; user-select: none; transition: all .25s ease-in-out; width: 100%; } .btn-shine, .btn-shine-alt { -moz-user-select: none; cursor: pointer; } .btn__action-rev:hover { background-color: #576071; color: #fff; border: 2px solid #576071; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } @media only screen and (min-width:45em) { .btn__action-rev { width: auto; padding: .8em 2em; } } .btn-shine-alt, .btn-shine-wide { line-height: 1; text-align: center; overflow: hidden; text-transform: uppercase; white-space: nowrap; } .btn-shine:focus { outline: 0; } .btn-shine:before { background: rgba(255, 255, 255, .5); width: 60px; left: 0; opacity: .5; -webkit-filter: blur(30px); filter: blur(30px); -webkit-transform: translateX(-100px) skewX(-15deg); transform: translateX(-100px) skewX(-15deg); } .btn-shine-alt:before, .btn-shine:after { -webkit-transform: translateX(-100px) skewX(-15deg); } .btn-shine:after { background: rgba(255, 255, 255, .2); width: 30px; left: 30px; opacity: 0; -webkit-filter: blur(5px); filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } .btn-shine:hover { background: #75889b; cursor: pointer; } .btn-shine:hover:before { -webkit-transform: translateX(1000px) skewX(-15deg); transform: translateX(1000px) skewX(-15deg); opacity: .6; -webkit-transition: .7s; transition: .7s; } .btn-shine-alt:hover:before, .btn-shine:hover:after { -webkit-transform: translateX(1000px) skewX(-15deg); -webkit-transition: .7s; } .btn-shine:hover:after { transform: translateX(1000px) skewX(-15deg); opacity: 1; transition: .7s; } .btn-shine-alt { background: #fff; color: #576071; width: 250px; height: 40px; display: inline-block; border-radius: 0; font: 600 .75rem raleway, Georgia, Times New Roman, serif; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: .6s; transition: .6s; } .btn-shine-wide, select.filter { -webkit-user-select: none; -ms-user-select: none; } .btn-shine-alt:after, .btn-shine-alt:before { display: block; position: absolute; height: 100%; top: 0; } .btn-shine-alt:focus { outline: 0; } .btn-shine-alt:before { background: rgba(255, 255, 255, .5); width: 60px; left: 0; opacity: .5; -webkit-filter: blur(30px); filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .btn-shine-alt:after, .btn-shine-wide:before { -webkit-transform: translateX(-100px) skewX(-15deg); } .btn-shine-alt:after { background: rgba(255, 255, 255, .2); width: 30px; left: 30px; opacity: 0; -webkit-filter: blur(5px); filter: blur(5px); transform: translateX(-100px) skewX(-15deg); } a#order-all-btn, body.aaf-find-finish a#search-mobile-btn { position: fixed; z-index: 9999; margin: 0 auto; right: 0; bottom: 0; } .btn-shine-alt:hover { background: #75889b; color: #fff; cursor: pointer; opacity: 1!important; } .btn-shine-alt:hover:before { transform: translateX(1000px) skewX(-15deg); opacity: .6; transition: .7s; } .btn-shine-alt.color-board-btn:hover:before, .btn-shine-alt:hover:after { -webkit-transform: translateX(1000px) skewX(-15deg); -webkit-transition: .7s; } .btn-shine-alt:hover:after { transform: translateX(1000px) skewX(-15deg); opacity: 1; transition: .7s; } .btn-shine-alt.color-board-btn { width: 100%; height: 50px; background: rgba(87, 96, 113, .9); color: #fff; border: 0; } .btn-shine-alt.color-board-btn:hover { background: #75889b; color: #fff; cursor: pointer; opacity: 1!important; } .btn-shine-alt.color-board-btn:hover:before { transform: translateX(1000px) skewX(-15deg); opacity: .6; transition: .7s; } .btn-shine-alt.color-board-btn:hover:after { -webkit-transform: translateX(1000px) skewX(-15deg); transform: translateX(1000px) skewX(-15deg); opacity: 1; -webkit-transition: .7s; transition: .7s; } .btn-shine-alt.disabled, .btn-shine-alt.disabled:hover { background-color: #75889b; border-color: #75889b; color: #bfc8d1; cursor: not-allowed; } .btn-shine-alt.disabled .icon { opacity: 1; width: 40px; right: 0; left: auto; } a#order-all-btn { left: 0; width: 100%; -webkit-box-shadow: 0 1px 2.5px 2.5px rgba(0, 0, 0, .3); box-shadow: 0 1px 2.5px 2.5px rgba(0, 0, 0, .3); } .btn-shine-alt.search-mobile-btn { width: 100%; height: 50px; background: rgba(87, 96, 113, .9); color: #fff; border: 0; } .btn-shine-alt.search-mobile-btn:hover { background: #75889b; color: #fff; cursor: pointer; opacity: 1!important; } .btn-shine-alt.search-mobile-btn:hover:before { -webkit-transform: translateX(1000px) skewX(-15deg); transform: translateX(1000px) skewX(-15deg); opacity: .6; -webkit-transition: .7s; transition: .7s; } .btn-shine-alt.search-mobile-btn:hover:after, .btn-shine-wide:hover:before { -webkit-transform: translateX(1000px) skewX(-15deg); -webkit-transition: .7s; } .btn-shine-alt.search-mobile-btn:hover:after { transform: translateX(1000px) skewX(-15deg); opacity: 1; transition: .7s; } a#search-mobile-btn { display: none; } body.aaf-find-finish a#search-mobile-btn { left: 0; width: 100%; -webkit-box-shadow: 0 1px 2.5px 2.5px rgba(0, 0, 0, .3); box-shadow: 0 1px 2.5px 2.5px rgba(0, 0, 0, .3); } @media only screen and (max-width:59.9375em) { body.aaf-find-finish a#search-mobile-btn { display: block; } } .btn-shine-wide { position: relative; background: #576071; color: #fff!important; width: 100%; height: 50px; display: inline-block; border: 0; border-radius: 0; font: 600 1rem raleway, Georgia, Times New Roman, serif; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -moz-user-select: none; user-select: none; -webkit-transition: .6s; transition: .6s; } .btn-shine-wide:after, .btn-shine-wide:before { display: block; position: absolute; height: 100%; top: 0; } .btn-shine-wide:focus { outline: 0; } .btn-shine-wide:before { background: rgba(255, 255, 255, .5); width: 60px; left: 0; opacity: .5; -webkit-filter: blur(30px); filter: blur(30px); transform: translateX(-100px) skewX(-15deg); } .btn-shine-wide:after { background: rgba(255, 255, 255, .2); width: 30px; left: 30px; opacity: 0; -webkit-filter: blur(5px); filter: blur(5px); -webkit-transform: translateX(-100px) skewX(-15deg); transform: translateX(-100px) skewX(-15deg); } .btn-shine-wide:hover { background: #75889b; cursor: pointer; } .btn-shine-wide:hover:before { transform: translateX(1000px) skewX(-15deg); opacity: .6; transition: .7s; } .btn-shine-wide:hover:after { -webkit-transform: translateX(1000px) skewX(-15deg); transform: translateX(1000px) skewX(-15deg); opacity: 1; -webkit-transition: .7s; transition: .7s; } @media only screen and (max-width:59.9375em) { .btn-hide { background: 0 0!important; padding: 0; text-align: left; font-size: .9em; font-weight: 100; color: #75889b; height: 20px; opacity: .6; } .btn-hide:hover { background: 0 0; } .btn-hide:after, .btn-hide:before, .btn-hide:hover:after, .btn-hide:hover:before { display: none; } } .icon-tick { background-image: url("theme_assets_image_icons_tick-icon-1-min.svg"); background-position: center center; background-repeat: no-repeat; width: 16px; height: 16px; display: block; background-size: 16px; } .btn-shine-alt { position: relative; } .btn-shine-alt .icon { opacity: 0; position: absolute; width: 50px; height: 50px; left: 0; top: 0; } .modal { background: rgba(0, 0, 0, .75); height: 100%; width: 100%; position: fixed; top: -100%; left: -100%; opacity: 0; z-index: 500; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease; will-change: opacity; } .modal--brand, .modal__wrapper { background: #fff; } .modal__wrapper { max-width: 700px; width: 90%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; margin-top: 5px; -webkit-transition: all 350ms 250ms ease; transition: all 350ms 250ms ease; } .modal__header { background: #576071; padding: 1em; text-align: center; text-transform: uppercase; } .modal__header .title { font-weight: 500; color: #fff; } @media screen and (max-width:320px) { .modal__wrapper { width: 95%; } .modal__header { padding: .5em 1em; } .modal__header .title { font-size: 1em; } } .modal__header .subtitle { font: 500 .75em raleway, Georgia, Times New Roman, serif; } .nav, .submenu__header { font-family: raleway, Georgia, Times New Roman, serif; text-transform: uppercase; } @media screen and (max-width:320px) { .modal__header .subtitle { font-size: .65em; } .panel__content { padding-left: .5em; padding-right: .5em; } } .modal__content { overflow-x: hidden; height: 100%; max-height: 440px; padding: 1em 1.5em 2em; } .modal__content h4 { font-weight: 600; color: #161719; } @media screen and (max-width:320px) { .modal__content { max-height: 400px; } .modal--close { width: 6px; height: 6px; padding: 6px; line-height: 6px; } } .js--modalTriggerTerms { cursor: pointer; } .panel__footer p { color: #fff; } .js-modal--open .modal { display: block; opacity: 1; top: 0; left: 0; overflow: hidden; } .js-modal--open .modal__wrapper { opacity: 1; margin-top: 10px; } .js-modal--open .panel__header { display: none; } .js-modal-terms-open { position: fixed; margin: 0 auto; left: 0; right: 0; } .js-modal-terms-open .modal--terms { display: block; opacity: 1; top: 0; left: 0; overflow: hidden; } .js-modal-terms-open .modal__wrapper { opacity: 1; margin-top: 0; } .js-modal-terms-open .panel__header { display: none; } .modal--terms { background: rgba(0, 0, 0, .75); height: 100%; width: 100%; position: fixed; top: -100%; left: -100%; opacity: 0; z-index: 500; overflow: auto; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease; will-change: opacity; } .modal--terms li { line-height: 1.2rem; margin-top: 0; margin-bottom: 1em; font-weight: 100; margin-left: 1em; } .modal__terms-content { overflow-x: hidden; overflow-y: auto; height: 100%; max-height: 440px; padding: 2em; } .modal__terms-content h4 { font-weight: 600; color: #161719; } .logo { max-width: 16rem; margin-left: auto; margin-right: auto; position: absolute; left: 0; z-index: 1; } .service-title, li.active:after { position: absolute; margin: 0 auto; left: 0; right: 0; } .logo > a { display: block; } @media only screen and (min-width:45em) { .logo { max-width: 100%; padding-top: 0; } } .tabs { width: 100%; display: inline-block; } .tab-links:after { display: block; clear: both; } .tab-links li { float: left; list-style: none; } .tabs-border { border-bottom: 1px solid #576071; border-top: 1px solid #576071; } .tab-links a { padding: 1em .6em; font-size: .9em; display: inline-block; -webkit-transition: all linear .15s; transition: all linear .15s; border-right: 1px solid #576071; color: #576071; } @media only screen and (min-width:45em) { .tab-links a { padding: 1em; font-size: 1em; } .tab-links li.border-l { border-left: 1px solid #576071; } } @media only screen and (min-width:60em) { .tab-links a { padding: 1em 2em; } } .tab-links li.border-r a { border-right: 0; } @media only screen and (min-width:45em) { .tab-links li.border-r a { border-right: 1px solid #576071; } } li a:hover { color: #161719; } li.active:after { display: block; bottom: 0; width: 0; height: 0; border-bottom: 10px solid #576071; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; } .tab { display: none; } .tab-border-btm { border-bottom: 1px solid #576071; } .tab.active { display: block; } .main--tab-container { float: left; position: relative; left: 50%; } .fixer--tab-container { float: left; position: relative; left: -50%; } .nav { margin-top: 0; margin-bottom: 0; list-style: none; position: relative; padding-left: 40px; padding-top: 40px; } .nav li { list-style: none; display: inline-block; } .nav li a { display: block; } @media only screen and (min-width:60em) { .nav { padding: 0; } } .navigation__mobile > .list { overflow: hidden; } .navigation__mobile > .list > li.has-dropdown:before { background: url(../image/icons/chevron-right--tan.svg) right center no-repeat; display: block; height: 10px; width: 5px; content: ''; position: absolute; right: 15px; top: 50%; margin-top: -2.5px; } .navigation__mobile > .list > li.current { background-color: #4c5463; } .nav > .list li { font-size: 15px; line-height: 1; text-align: left; } .nav li > a, .nav li > span { color: #fff; display: block; font-size: 13px; line-height: 1; padding: 22.5px 10px; width: 100%; cursor: pointer; font-weight: 500; -webkit-transition: opacity 350ms linear; transition: opacity 350ms linear; } .navigation__submenu, .submenu-close { position: absolute; top: 0; padding-top: 106px; height: 100%; } @media screen and (min-width:1300px) { .nav li > a, .nav li > span { font-size: 15px; } } .nav li > a:hover, .nav li > span:hover { opacity: .5; } .navigation__submenu { background: #2c2d2e; width: 100%; z-index: 1; right: -100%; padding-left: 40px; -webkit-transition: right 250ms ease-in-out; transition: right 250ms ease-in-out; } .navigation__submenu.open { right: 0; } .submenu-close { background: #393a3b; width: 40px; left: 0; text-align: center; color: #fff; } .nav-close, .nav-toggle, .nav-toggle > span { background: #576071; position: absolute; display: block; } .submenu-close .icon--chevron-left { height: 12px; width: 12px; margin: 15px auto; -webkit-transition: -webkit-transform .35s ease; transition: -webkit-transform .35s ease; transition: transform .35s ease; transition: transform .35s ease, -webkit-transform .35s ease; } .submenu-close:hover .icon--chevron-left { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .input-reset, .nav-close, select, select.filter { -moz-appearance: none; } .nav-toggle > span { top: 1.5625em; left: 1em; right: 1em; height: .125em; -webkit-transition: background 0s .3s; transition: background 0s .3s; } .nav-toggle > span:after, .nav-toggle > span:before { position: absolute; display: block; left: 0; width: 100%; height: .125em; background-color: #576071; content: ""; -webkit-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0s; transition-delay: .3s, 0s; } .nav-toggle > span:before { top: -.5em; } .nav-toggle > span:after { bottom: -.5em; } .nav-close { top: .3em; right: 0; width: 3.75em; height: 3.25em; appearance: none; -webkit-box-shadow: none; box-shadow: none; border-radius: none; border: none; -webkit-transition: opacity 350ms linear; transition: opacity 350ms linear; z-index: 0; opacity: 0; } .input-reset, select, select.filter { -webkit-appearance: none; } .nav-close > span { display: block; position: absolute; top: 1.5625em; left: 1em; right: 1em; height: .125em; background: 0 0; -webkit-transition: background 0s .3s; transition: background 0s .3s; } .nav-close > span:after, .nav-close > span:before { position: absolute; display: block; left: 0; width: 100%; height: .125em; background-color: #576071; content: ""; -webkit-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0s; transition-delay: .3s, 0s; } .nav-close > span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .nav-close > span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } ol.nav_mob { overflow-y: scroll; } @media only screen and (min-width:60em) { .nav-close, .nav-toggle { display: none; } .nav .nav-menu li#menu-dropdown:hover .hover-menu { z-index: 1; opacity: 1; top: 100%; } li#menu-dropdown { position: relative; } .hover-menu { width: 235px; padding: 0; position: absolute; top: 1000000%; left: 0; right: 0; z-index: -99999999; opacity: 0; -webkit-transition: opacity linear .15s; transition: opacity linear .15s; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2); box-shadow: 0 2px 3px rgba(0, 0, 0, .2); background: rgba(57, 58, 59, .7); text-align: left; } .hover-menu li { display: block; font-size: 16px; } .hover-menu li a { padding: 15px 30px; display: block; } .hover-menu .current-item a, .hover-menu li a:hover { background: rgba(57, 58, 59, .65); } .hover-menu .current-item a a, .hover-menu li a:hover, .hover-menu li a:hover a { opacity: 1!important; } } .has-dropdown:hover .dropdown_menu { display: block; position: absolute; top: 100%; left: 0; } .has-dropdown:last-child:hover .dropdown_menu { left: auto; right: 0; } .has-dropdown:last-child:hover .dropdown_menu:before { left: auto; right: 27px; } .js-accordion-wrap { display: none; } .dropdown .nav_mob a { color: #000; font-weight: 700; padding: 15px 20px; } .dropdown .nav_mob a:hover { background-color: #ffc709; } .has-dropdown > a { width: 80%; float: left; } .drawer__dropdown { background: 0 0; display: block; position: fixed; top: 0; overflow-y: auto; z-index: 55; width: 320px; height: 100%; left: -320px; -webkit-transition: all 1.2s cubic-bezier(.19, 1, .22, 1); transition: all 1.2s cubic-bezier(.19, 1, .22, 1); } .quick-menu img, .quick-menu-mobile img { -webkit-transition: opacity 350ms linear; } .drawer__header { display: none; } .drawer__dropdown.open { -webkit-transform: translateX(-320px); transform: translateX(-320px); } .dropdown_level_1 a { padding-left: 50px!important; text-transform: none!important; } a#menuAccordion { top: 2px; right: 0; position: absolute; } ol.nav_mob .brd-btm { border-bottom: 1px solid rgba(57, 58, 59, .25); } .quick-menu-mobile { list-style: none; margin: 0; padding: 0; height: 40px; -webkit-box-shadow: 0 2.5px 5px 0 rgba(0, 0, 0, .2); box-shadow: 0 2.5px 5px 0 rgba(0, 0, 0, .2); position: relative; } .quick-menu-mobile a { padding: 8px 19px!important; height: 40px!important; } .quick-menu-mobile img { height: 25px; transition: opacity 350ms linear; } .cart-amount-mobile { position: absolute; background: #d4d5d8; height: 15px; width: 15px; border-radius: 15px; top: .3em; right: .75em; z-index: 99; } .cart-amount-mobile p { font-size: .6em; margin-bottom: 0; line-height: 15px; text-align: center; font-weight: 900; text-transform: uppercase; } .drawer { position: fixed; overflow-y: scroll!important; top: 50px; height: 100%; will-change: transform; -webkit-transition: all 1.2s cubic-bezier(.19, 1, .22, 1); transition: all 1.2s cubic-bezier(.19, 1, .22, 1); z-index: 100; width: 100%; } .drawer__container { height: 100%; width: 100%; float: right; background: #fff; } @media only screen and (min-width:45em) { .drawer__container { width: 375px; } } .drawer--overlay { background-color: #161719; width: 0; height: 0; position: fixed; top: 0; left: 0; z-index: 99; opacity: 0; -webkit-transition: opacity 1s cubic-bezier(.19, 1, .22, 1); transition: opacity 1s cubic-bezier(.19, 1, .22, 1); } .drawer--left { left: -100%; } .drawer--right { right: -100%; } .js-drawer--open { height: 100%; overflow: hidden; } @media only screen and (max-width:44.9375em) { .js-drawer--open { position: fixed; } } .js-drawer--open-left .drawer--left { -webkit-transform: translateX(100%); transform: translateX(100%); } .js-drawer--open-right .drawer--right { -webkit-transform: translateX(0); transform: translateX(0); } .js-drawer--open-accordion .menu-accordion { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .js-drawer--open-drawer .menu-drawer { -webkit-transform: translateX(100%); transform: translateX(100%); } .js-drawer--open .drawer--overlay { opacity: .95; width: 100%; height: 100%; } @media only screen and (min-width:60em) { .drawer, .js-drawer--open .drawer--overlay { display: none; } } .btn--close { cursor: pointer; position: absolute; top: 0; right: 0; z-index: 1; height: 46px; width: 46px; line-height: 46px; text-align: center; } @media only screen and (min-width:1025px) { .hamburger { display: none; } } .cart-amount p, .cart-popup .text-box h4, .finish-sidebar label, .list-links li a, .table__header { text-transform: uppercase; } .button-reset::-moz-focus-inner, .input-reset::-moz-focus-inner { border: 0; padding: 0; } :focus { outline: 0; } fieldset { border: 0; margin: 0; padding: 0; } select { cursor: pointer; } input[type=radio] { display: none; } input[type=radio] + label { color: #576071; font: 400 16px raleway, Georgia, Times New Roman, serif; } input[type=radio] + label span { display: inline-block; width: 25px; height: 25px; margin: -1px 4px 0 0; cursor: pointer; border-radius: 50%; background-color: transparent; border: 1px solid #576071; } input[type=radio]#radio02:checked + label span, input[type=radio]#radio03:checked + label span, input[type=radio]:checked + label span { background-color: #576071; border: 1px solid #576071; } input[type=radio]#radio02:checked + label, input[type=radio]#radio03:checked + label, input[type=radio]:checked + label { color: #576071; font-weight: 600; } input[type=radio] + label span, input[type=radio]:checked + label span { -webkit-transition: background-color .4s linear; transition: background-color .4s linear; } a, a:hover { -webkit-transition: color 350ms ease; transition: color 350ms ease; } select.filter { padding: .5em 1em; border-radius: 0; width: 100%; border: 1px solid #576071; color: #576071; outline: 0; -moz-user-select: -moz-none; user-select: none; appearance: none; background: url("theme_assets_image_icons_down-arrow-icon-alt-min.svg") 95% no-repeat; background-size: 20px; } a { color: #576071; } a:hover { color: #414854; } a:focus { -webkit-transition: color 350ms ease; transition: color 350ms ease; } .link__read-more:hover { background-position: 100% center; padding-left: 0; padding-right: 15px; -webkit-transition: all 350ms ease; transition: all 350ms ease; } .site__header { width: 100%; position: fixed; max-width: 1440px; height: 70px; z-index: 100; top: 0; } @media only screen and (min-width:60em) { .site__header { height: 60px; } } .js-drawer--open .hamburger-inner, .js-drawer--open .hamburger-inner::after, .js-drawer--open .hamburger-inner::before { background-color: #f5f5f5; } .site__header .logo img.aaf-logo, .site__header .logo img.aaf-logo-mob { position: relative; left: -7px; right: 0; margin: 0 auto; top: 50%; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; -webkit-transform: translateY(50%); transform: translateY(50%); } .quick-menu li { list-style: none; display: inline-block; height: 130px; line-height: 150px; } .quick-menu img { height: 25px; transition: opacity 350ms linear; } li.quick-menu-icon-1 { margin-left: 1.7em; } li.quick-menu-icon-2 { margin-left: 2.1em; } li.quick-menu-icon-3 { margin-left: 2.2em; } .quick-menu a:hover img { opacity: .5; -webkit-transition: opacity 350ms linear; transition: opacity 350ms linear; } .cart-amount { position: absolute; background: #d4d5d8; height: 15px; width: 15px; border-radius: 15px; top: 3.3em; right: 1em; z-index: 99; } .cart-amount p { font-size: .6em; margin-bottom: 0; line-height: 15px; text-align: center; font-weight: 900; } .site__header .menu { background: rgba(57, 58, 59, .9); margin-top: 39px; height: 60px; width: 100%; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } @media only screen and (min-width:60em) { body.scrolling-down .site__header .menu { margin-top: 0; } body.scrolling-down .site__header .quick-menu { top: -39px; } body.scrolling-down .site__header .logo { top: -23px; } body.scrolling-down .site__header .logo img.aaf-logo { -webkit-transform: translateY(58%); transform: translateY(58%); } } .icon-facebook .icon, .icon-instagram .icon, .icon-phone .icon { fill: #fff; fill-rule: evenodd; } .phone a, .phone a:hover { color: #fff; } @media only screen and (max-width:59.9375em) { .site__header .header-bg { height: 50px; background: rgba(57, 58, 59, .9); } } .social-icons { display: inline-block; } @media only screen and (min-width:30em) { .hero { height: 700px; } } @media only screen and (min-width:45em) { .hero { height: 500px; } } @media only screen and (min-width:60em) { .hero { height: 700px; } } hr.hero-hr { width: 422px; float: left; border: 1px solid #fff; border-width: 1px 0 0; opacity: .5; } .mobile-hero-content { position: absolute; bottom: 39px; width: 100%; left: 0; background: rgba(0, 0, 0, .75); height: 140px; z-index: 1; } @media only screen and (min-width:60em) { .mobile-hero-content { float: left; position: relative; background: 0 0; bottom: 0; } } .mobile-intro-text h1 { color: #576071; } @media only screen and (max-width:44.9375em) { .mobile-intro-text { position: relative; top: -40px; z-index: 2; } .mobile-intro-text h1 { font-size: 1.8em; } } .hero .stripe-container { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; height: 200px; } @media only screen and (max-width:59.9375em) { .hero .stripe-container { height: 0; } } .stripe-silver { display: block; background: #576071; } .stripe-white { display: block; background: #fff; } .hero .stripe-one { position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; z-index: 3; } .hero .stripe-one .stripe { -webkit-transform: skewY(19deg); transform: skewY(19deg); height: 200px; position: absolute; bottom: -130px; left: 0; width: 250px; } .hero .stripe-two { position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; z-index: 4; } .hero .stripe-two .stripe { -webkit-transform: skewY(57deg); transform: skewY(57deg); height: 127px; position: absolute; bottom: -130px; left: 0; width: 150px; } .hero .stripe-three { position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; z-index: 5; } .hero .stripe-three .stripe { -webkit-transform: skewY(-8deg); transform: skewY(-8deg); height: 200px; position: absolute; bottom: -105px; right: 0; width: 100%; } .aaf-our-projects .masonry-grid { position: relative; } @media only screen and (min-width:45em) { .hero.bg-overlay-projects { background-position-y: 0; margin-bottom: 0; } } section.projects-filter { z-index: 2; position: relative; } @media only screen and (max-width:59.9375em) { .hero.bg-overlay-projects .mobile-hero-content { bottom: 45px; background: 0 0; } } .hero .stripe-one-projects { position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; z-index: 4; } .hero .stripe-one-projects .stripe { -webkit-transform: skewY(-26deg); transform: skewY(-26deg); height: 200px; position: absolute; bottom: -58px; right: 0; width: 350px; } @media only screen and (max-width:59.9375em) { .hero .stripe-one-projects .stripe { -webkit-transform: skewY(-5deg); transform: skewY(-5deg); height: 200px; position: absolute; bottom: -108px; right: 0; width: 100%; } .hero .stripe-two-projects { display: none; } } .hero .stripe-two-projects { position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; z-index: 5; } .hero .stripe-two-projects .stripe { -webkit-transform: skewY(-73deg); transform: skewY(-73deg); height: 200px; position: absolute; bottom: -112px; right: 0; width: 85px; } .hero .stripe-three-projects { position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; z-index: 5; } .hero .stripe-three-projects .stripe { -webkit-transform: skewY(-13deg); transform: skewY(-13deg); height: 200px; position: absolute; bottom: -97px; right: 0; width: 350px; } .hero .stripe-four-projects { position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; z-index: 6; } .hero .stripe-four-projects .stripe { -webkit-transform: skewY(5deg); transform: skewY(5deg); height: 200px; position: absolute; bottom: -105px; left: 0; width: 100%; } @media only screen and (min-width:45em) { .hero.bg-overlay-project-detail { background-position-y: 0; margin-bottom: -2em; } } @media only screen and (min-width:60em) { .hero.bg-overlay-project-detail { background-position-y: 0; margin-bottom: -9em; } } @media only screen and (max-width:59.9375em) { .hero .stripe-three-projects { display: none; } .hero.bg-overlay-project-detail .mobile-hero-content { bottom: 45px; background: rgba(0, 0, 0, .75); } } section.project-detail { z-index: 2; position: relative; } .hero .stripe-four-projects-detail { position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; z-index: 6; } .hero .stripe-four-projects-detail .stripe { -webkit-transform: skewY(5deg); transform: skewY(5deg); height: 200px; position: absolute; bottom: -105px; left: 0; width: 100%; } @media only screen and (min-width:60em) { .hero .stripe-four-projects-detail .stripe { -webkit-transform: skewY(10deg); transform: skewY(10deg); height: 270px; position: absolute; bottom: -132px; } .min-h-col.tall { min-height: 816px; } } .color-border { border: 1px solid #576071; } .color-bg { width: 100%; height: 100px; } .color-text { color: #576071; padding: .5em; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; font-size: .7em; font-weight: 500; line-height: 1.1em; } .color-container { margin-bottom: 1.5rem; } .color-container a:hover .color-text { color: #fff; background-color: #576071; padding: .5em; } .sharing-icons img { vertical-align: middle; } .sharing-icons a:hover img { opacity: .5; -webkit-transition: opacity 350ms linear; transition: opacity 350ms linear; } .min-h-col { position: relative; } .col-img.tall { max-height: 400px; } .masonry-detail-grid { max-width: 1312px; margin: 0 auto; } .fancybox-thumbs { background: #000; } .fancybox-thumbs > ul > li { border: 5px solid #000; } .project-nav a { -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; } @media only screen and (max-width:29.9375em) { .project-nav a { font-size: .75em; } } .project-nav a:hover { text-shadow: -.2px -.2px 0 #576071, .2px -.2px 0 #576071, -.2px .2px 0 #576071, .2px .2px 0 #576071; -webkit-transition: all .5s; transition: all .5s; } section.finish-sidebar { position: relative; background: #f5f5f5; } @media only screen and (min-width:60em) { .col-img.tall { max-height: 816px; } .aaf-find-finish section.find-finish { padding-left: 32%; } } .sidebar-container { position: relative; z-index: 1; padding-top: 0; } @media only screen and (min-width:60em) { .sidebar-container { padding-top: 180px; } } .finish-sidebar a { -webkit-transition: opacity 350ms linear; transition: opacity 350ms linear; } .finish-sidebar a.download:hover { opacity: .5; } .finish-sidebar p.tl.m-t-2.fcolor-silv { line-height: normal; } @media only screen and (max-width:59.9375em) { section.finish-sidebar.results { display: none; } .aaf-find-finish .site-container .push { height: 115px; } section.finish-sidebar:after { display: none; top: 0; } } section.finish-sidebar:after { content: ''; position: absolute; top: 0; left: 60px; width: 100%; height: 100%; background: #f5f5f5; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: skew(-1.5deg); transform: skew(-1.5deg); z-index: 0; } .finish-sidebar-hr { width: 10px; border: 1px solid #576071; opacity: 1; } .colour-checklist input[type=checkbox] { display: none; } .colour-checklist input[type=checkbox] + label { background: 0 0; height: 150px; width: 100%; display: inline-block; padding: 0; border: 1px solid #d3d3d3; overflow: hidden; } @media only screen and (min-width:60em) { .colour-checklist input[type=checkbox] + label, .colour-checklist input[type=checkbox]:checked + label { height: 220px; } } .colour-checklist .color-bg { background-size: cover; height: 150px; } .color-bg.blue-purple { background: #0167be; background: linear-gradient(135deg, #0167be 0, #1c386f 50%, #533370 100%); } .color-bg.red-pink { background: #bc2525; background: linear-gradient(135deg, #bc2525 1%, #751d3a 100%); } .color-bg.orange-bronze { background: #e97300; background: linear-gradient(135deg, #e97300 1%, #934b24 100%); } .color-bg.yellows { background: #fceb00; background: linear-gradient(135deg, #fceb00 0, #a38e28 100%); } .color-bg.greens { background: #62f700; background: linear-gradient(135deg, #62f700 0, #279e3b 100%); } .color-bg.dark-greys { background: #717a7b; background: linear-gradient(135deg, #717a7b 1%, #46494a 100%); } .color-bg.light-greys { background: #bdbeba; background: linear-gradient(135deg, #bdbeba 2%, #96928c 100%); } .color-bg.whites { background: #faf9ef; background: linear-gradient(135deg, #faf9ef 0, #dddbd0 100%); } .color-bg.blacks { background: #3a3838; background: linear-gradient(135deg, #3a3838 0, #212122 100%); } @media only screen and (min-width:60em) { .colour-checklist .color-bg { height: 220px; position: relative; } } .colour-checklist .color-text { color: #576071; -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; background: #fff; font-size: .8em; border-top: 1px solid #d3d3d3; } .colour-checklist input[type=checkbox]:checked + label .color-text { border-top-color: #000; } @media only screen and (min-width:60em) { .colour-checklist .color-text { font-size: 1em; position: absolute; bottom: 1px; width: calc(100% - 2px); padding: 5px 0; } } .checkbox-custom { opacity: 0; position: absolute; } .checkbox-custom, .checkbox-custom-label { display: block; vertical-align: middle; margin-right: 15px; cursor: pointer; font-weight: 600; color: #576071; margin-bottom: 10px; } @media only screen and (min-width:45em) { .checkbox-custom, .checkbox-custom-label { display: inline-block; margin-bottom: 0; } } .checkbox-custom-label, .radio-custom-label { position: relative; } .checkbox-custom + .checkbox-custom-label:before { content: ''; background: #fff; border: 1px solid #576071; display: inline-block; vertical-align: middle; width: 25px; height: 25px; padding: 2px; margin-right: 10px; text-align: center; } .checkbox-custom:focus + .checkbox-custom-label { outline: 0; } input[type=search] { -moz-appearance: none; -webkit-appearance: none; border-radius: 0; } .search-container { overflow: hidden; width: 100%; vertical-align: middle; white-space: nowrap; } .search-container input#search { width: 100%; height: 50px; background: #fff; border: 1px solid #576071; float: left; color: #576071; padding: 1em 4em 1em 1em; font: 600 .75rem raleway, Georgia, Times New Roman, serif; } .search-container input#search::-webkit-input-placeholder { color: #576071; opacity: 1!important; } .search-container input#search:-moz-placeholder { color: #576071; opacity: 1!important; } .search-container input#search::-moz-placeholder { color: #576071; opacity: 1!important; } .search-container input#search:-ms-input-placeholder { color: #576071; opacity: 1!important; } .search-container button.icon { background: 0 0; height: 50px; width: 50px; color: #4f5b66; border: 1px solid transparent; padding: .8em; outline: 0; opacity: 1; margin-left: -50px; -webkit-transition: all .55s ease; transition: all .55s ease; } .search-container input#search:active, .search-container input#search:focus { outline: 0; } .search-container:active button.icon, .search-container:focus button.icon, .search-container:hover button.icon { border: 1px solid #576071; } .search-container:hover button.icon:hover { border: 1px solid #576071; background: #576071; } .search-icon { fill: #576071; } .search-container:hover button.icon:hover .search-icon { fill: #fff; } .arrow-container { position: absolute; } .arrow-line { height: 2px; width: 100%; background: #576071; z-index: 1; position: relative; } @media only screen and (min-width:60em) { .aaf-find-finish-results section.find-finish-results { padding-left: 6rem; float: right; width: 68%; padding-top: 185px; } } @media only screen and (min-width:85em) { .aaf-find-finish-results section.find-finish-results { width: 75%; } } .image-grid { width: 100%; max-width: 1310px; margin: 0 auto; } .products { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; width: auto; } .products-checkout { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; width: auto; } .image__cell { position: relative; flex: 0 1 100%; max-width: 100%; padding: 8px; cursor: pointer; } .image--expand { width: 100%; z-index: 1; } @media only screen and (min-width:480px) { .image__cell { flex: 0 1 auto; width: 49.9%; } .image--expand { width: calc(200% + 16px); } .image__cell:nth-of-type(2n+1) .image--expand { margin-left: 0; } .image__cell:nth-of-type(2n+2) .image--expand { margin-left: calc(-100% - 16px); } } @media only screen and (min-width:768px) { .products .image__cell { flex: 0 1 auto; width: 33.2%; } .products .image--expand { width: calc(300% + calc(16px * 2)); } .products .image__cell:nth-of-type(3n+1) .image--expand { margin-left: 0; } .products .image__cell:nth-of-type(3n+2) .image--expand { margin-left: calc(-100% - calc(16px * 1)); } .products .image__cell:nth-of-type(3n+3) .image--expand { margin-left: calc(-200% - calc(16px * 2)); } } @media only screen and (min-width:1230px) { .products .image__cell { flex: 0 1 auto; width: 24.95%; } .products .image--expand { width: calc(400% + calc(16px * 3)); } .products .image__cell:nth-of-type(4n+1) .image--expand { margin-left: 0; } .products .image__cell:nth-of-type(4n+2) .image--expand { margin-left: calc(-100% - calc(16px * 1)); } .products .image__cell:nth-of-type(4n+3) .image--expand { margin-left: calc(-200% - calc(16px * 2)); } .products .image__cell:nth-of-type(4n+4) .image--expand { margin-left: calc(-300% - calc(16px * 3)); } } .image--basic { } .image__cell:hover .image--basic { -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .25); box-shadow: 0 0 16px rgba(0, 0, 0, .25); } .basic__img { position: relative; display: block; max-width: 100%; margin: 0 auto; height: 140px; border: 1px solid #ccc; border-bottom: 1px solid transparent; -webkit-transition: ease .3s, opacity .55s ease .3s; transition: ease .3s, opacity .55s ease .3s; width: 100%; } #products-list { } .product-details { padding: 6px; font-size: 14px; border: 1px solid #ccc; display: flex; flex-direction: row; flex-wrap: wrap; } .product-details-after { display: block; width: 100%; } .product-details-after .product-remove { margin-top: 5px; display: block; } .product-details-name { flex: 1 0 100%; line-height: 1.1; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .product-details-code { flex: 1 1 50%; } .product-details-lustre { flex: 1 1 50%; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .yith-infs-button-wrapper { width: 100%; } .aaf-find-finish-results section.finish-sidebar { position: relative; background: #f5f5f5; width: 100%; } @media only screen and (min-width:60em) { .aaf-find-finish-results section.finish-sidebar { height: 100%; width: 32%; max-width: 325px; padding-bottom: 100px; float: left; padding-top: 145px; } body.aaf-find-finish-results.no-hero .site-container { padding-top: 0; } } .image__cell.is-expanded .image--expand { max-height: 700px; margin-bottom: 10px; } @media only screen and (min-width:45em) { .image__cell.is-expanded .image--expand { max-height: 500px; } } .image--expand { position: relative; left: 0; padding: 0; overflow: hidden; cursor: default; background: #c6cad2; max-height: 0; -webkit-transition: max-height .3s ease-in-out, margin-bottom .1s .2s; transition: max-height .3s ease-in-out, margin-bottom .1s .2s; } .image--expand .powdercoat-icon { height: 25px; width: 25px; } .image--expand--inner { padding: 10px 0; } .image__cell.is-collapsed .arrow--up { /* height: 10px; width: 100%;*/ } .image__cell.is-expanded .arrow--up { border-bottom: 8px solid #c6cad2; border-left: 8px solid transparent; border-right: 8px solid transparent; height: 0; width: 0; margin: 2px auto 0; } .expand__close { position: absolute; top: 0; right: 0; color: #393a3b; height: 40px; width: 40px; } .expand__close:before { content: "×"; line-height: 1; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; font-size: 40px; text-align: center; width: 100%; height: 100%; } .login-form-fields a, a.clear-all-filter { text-decoration: underline; } .image--large { max-width: 100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 150px; border: .5em solid #fff; } @media only screen and (min-width:45em) { .image--large { height: 257px; } } .image__cell:nth-of-type(5n+6) { /*clear: left;*/ } .image--expand.cboard { width: 400%; } .image--basic.light p { color: red; } .image--basic.dark p { color: #00f; } .color-1a { background-color: #f5f4c8; } .color-1b { background-color: #c9c996; } .color-1c { background-color: #f5ddc1; } .color-1d { background-color: #f5d4a7; } .color-1e { background-color: #f5a36c; } .tooltiptext { width: 102%; background-color: #4c4d4e; color: #fff; text-align: center; padding: 10px 0; position: absolute; z-index: 1; right: -103%; height: 100%; top: 0; font-size: .75em; visibility: hidden; opacity: 0; -webkit-transition: opacity .5s linear; transition: opacity .5s linear; } .tooltiptext::after { content: " "; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent #4c4d4e transparent transparent; } .image--expand .btn-shine, .image--expand .btn-shine-alt { width: 100%!important; height: auto; } .image--expand .f6 p { font-size: .75rem; } @media only screen and (min-width:45em) { .image--expand .btn-shine, .image--expand .btn-shine-alt { height: 50px; } .image--expand .f6 p { font-size: .875rem; } } .sidebar-checklist .checkbox-custom-label { display: block; overflow: hidden; margin-bottom: 12px; position: relative; } .sidebar-checklist .checkbox-custom-label:before { float: left; } .sidebar-checklist .checkbox-custom-label .filter-color { border: 1px solid #576071; float: left; vertical-align: middle; width: 20px; height: 20px; padding: 2px; margin-right: 10px; text-align: center; } .sidebar-checklist .checkbox-custom-label .filter-label { font-size: .75em; display: block; padding-right: 20px; padding-top: 3px; } .sidebar-checklist .checkbox-custom-label .filter-count { font-size: .75em; position: absolute; right: 0; top: 0; } .sidebar-checklist .checkbox-custom, .sidebar-checklist .checkbox-custom-label:before { height: 20px; width: 20px; } span.ano-symbol, span.powder-symbol { display: inline-block; width: 25px; height: 25px; margin: -1px 4px 0 0; vertical-align: middle; cursor: pointer; } .sidebar-checklist .checkbox-custom-label:before, .sidebar-checklist .checkbox-custom:checked { background-size: 12px!important; } .finish-result-headers { background: #f9f9f9; } .finish-result-headers a { -webkit-transition: opacity 350ms linear; transition: opacity 350ms linear; } .arrow-results-header .arrow-line.line-small { height: 1px; } .arrow-container.arrow-results-header { min-width: 100%; } .finish-sidebar.results { height: 100%; } .find-finish.results p.small-font { font-size: .65em; } @media only screen and (min-width:45em) { .find-finish.results p.small-font { font-size: .75em; } } .refine-container, .refine-container div { width: 100%; } .refine-container .refine-button { padding: 1em; border-radius: 0; width: 100%; border: 1px solid #576071; background: 0 0; color: #000; outline: 0; -webkit-appearance: none; -moz-appearance: radio-container; appearance: none; } .refine-container .refine-arrow { float: right; background: url("theme_assets_image_icons_down-arrow-icon-alt-min.svg") 95% no-repeat; background-size: 20px; height: 20px; width: 20px; } .refine-container .refine-button.refine-open .refine-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .refine-container .refine-options { display: none; border: 1px solid #576071; border-top: 0; color: #576071; } .refine-container .js-accordion-toggle .plus-acc-icon:after { content: '\02795'; font-size: 13px; color: #576071; float: right; margin-right: 3px; } .refine-container .js-accordion-toggle.active .plus-acc-icon:after { content: "\2796"; } .refine-container label.checkbox-custom-label span { border: 1px solid #576071; display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 2px; margin-right: 10px; text-align: center; } .refine-container label.checkbox-custom-label { font-size: .75em; margin-bottom: .5em; display: block; } .refine-container .checkbox-custom, .refine-container .checkbox-custom-label:before { height: 20px; width: 20px; } .refine-container .checkbox-custom-label:before, .refine-container .checkbox-custom:checked { background-size: 12px!important; } @media only screen and (max-width:44.9375em) { .finish-detail-title a.download p { font-size: 75%!important; } } .flag-colour.featured { background: url("theme_assets_image_icons_featured-min.svg") no-repeat; position: absolute; background-size: contain; width: 100%; } .flag-colour.new { background: url("theme_assets_image_icons_new-colour-min.svg") no-repeat; position: absolute; height: 40px; width: 100%; display: none; } @media only screen and (max-width:1024px) { .flag-colour.new { background: url("theme_assets_image_icons_new-colour-min.svg") no-repeat; position: absolute; height: 30px; width: 100%; } } .find-finish-detail a.download img { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .finish-detail-swatch { height: 250px; width: 100%; } .finish-detail-swatch-fullscreen { -webkit-transform: scale(.1); transform: scale(.1); opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .finish-detail-swatch-fullscreen a.swatch_close { right: 1em; top: 1em; position: absolute; } .finish-detail-swatch-fullscreen, body.swatch-modal-close .finish-detail-swatch-fullscreen { display: none; } body.swatch-modal-open { position: fixed; } body.swatch-modal-open .finish-detail-swatch-fullscreen { visibility: visible; width: 100%; height: 100%; z-index: 999999; position: fixed; left: 0; top: 0; overflow: hidden; -webkit-transform: scale(1); transform: scale(1); display: block; opacity: 1; } .tab-content li a:hover, a.swatch_close:hover img, a.swatch_open:hover img { opacity: .5; } a.swatch_close, a.swatch_open { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } a.swatch_close:hover, a.swatch_open:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .aaf-find-finish-detail .btn-shine, .aaf-find-finish-detail .btn-shine-alt { width: 100%; } .aaf-find-finish-detail .small-font { font-size: .7em; line-height: 1.2em; color: #000; font-weight: 700; } .details-table .detail-row { background-color: #f5f5f5; padding: .25em; } @media screen and (max-width:1040px) and (min-width:960px) { .details-table { font-size: .75em; } } .aaf-find-finish-detail .sharing-icons { bottom: 0; right: 0; } .aaf-find-finish-detail .grid-item { width: 100%; } .title-w-arrow-r .arrow-container { top: 50%; width: 100%; } .title-w-arrow-r .arrow-container .arrow-tip { left: -6px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .title-w-arrow-r .arrow-container .arrow-line { width: 60%; float: right; } @media only screen and (min-width:87.5em) { .title-w-arrow-r .arrow-container .arrow-line { width: 70%; } } .finish-detail-title .title-w-arrow-r .arrow-container .arrow-line { width: 50%; float: right; } @media only screen and (min-width:45em) { .finish-detail-title .title-w-arrow-r .arrow-container .arrow-line { width: 80%; } } @media only screen and (min-width:87.5em) { .finish-detail-title .title-w-arrow-r .arrow-container .arrow-line { width: 85%; } } .finish-results-title .title-w-arrow-r .arrow-container .arrow-line { width: 50%; float: right; } @media only screen and (min-width:45em) { .finish-results-title .title-w-arrow-r .arrow-container .arrow-line { width: 75%; } } @media only screen and (min-width:75em) { .finish-results-title .title-w-arrow-r .arrow-container .arrow-line { width: 80%; } } .title-w-arrow-l .arrow-container { top: 50%; left: -105%; width: 100%; } .title-w-arrow-l .arrow-container .arrow-tip { right: -6px; } section.about-aaf .finish-detail-title .title-w-arrow-r .arrow-container, section.care-maintenance .title-w-arrow-r .arrow-container, section.contact-us .title-w-arrow-r .arrow-container, section.faq .title-w-arrow-r .arrow-container, section.how-to-specify .title-w-arrow-r .arrow-container, section.quality-innovation .title-w-arrow-r .arrow-container, section.services .title-w-arrow-r .arrow-container, section.tech-lib .title-w-arrow-r .arrow-container, section.white-paper .title-w-arrow-r .arrow-container { right: -15%; } .title-w-arrow-l .arrow-container .arrow-line { width: 100%; } a.download.hover-opacity p { vertical-align: middle; } section.faq .title-w-arrow-r .arrow-container .arrow-line { width: 50%; float: right; } @media only screen and (min-width:75em) { section.faq .title-w-arrow-r .arrow-container .arrow-line { width: 70%; } } .list-links li { list-style: none; margin-bottom: .5em; } .list-links li a:active, .list-links li a:hover { font-weight: 600; color: #576071; } .list-links li a.active { font-weight: 600; color: #000; } .acc-button { padding: 1.5em; border: 1px solid #576071; font-size: .75em; } @media only screen and (min-width:60em) { a.download.hover-opacity p { vertical-align: text-bottom; } section.faq .title-w-arrow-r .arrow-container .arrow-line { width: 70%; } .acc-button { font-size: .9em; } } .acc-panel { background: #f5f5f5; display: none; font-size: .75em; } .acc-button .refine-arrow { float: right; background: url("theme_assets_image_icons_down-arrow-icon-alt-min.svg") 95% no-repeat; background-size: 20px; height: 20px; width: 20px; } .acc-button.active .refine-arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } section.faq .refine-container .refine-button, section.tech-lib .refine-container .refine-button { border: 0; background: #576071; color: #fff; } section.faq .refine-container .refine-arrow, section.tech-lib .refine-container .refine-arrow { float: right; background: url(../image/icons/down-arrow-icon.svg) 95% no-repeat; background-size: 20px; height: 20px; width: 20px; } section.tech-lib .title-w-arrow-r .arrow-container .arrow-line { width: 50%; float: right; } @media only screen and (min-width:60em) { .acc-panel { font-size: .9em; } section.tech-lib .title-w-arrow-r .arrow-container .arrow-line { width: 70%; } } @media only screen and (min-width:75em) { section.tech-lib .title-w-arrow-r .arrow-container .arrow-line { width: 80%; } } ul.tech-tabs { margin: 0; padding: 0; list-style: none; } ul.tech-tabs li { background: 0 0; border: 1px solid transparent; color: #576071; display: inline-block; cursor: pointer; } ul.tech-tabs li.current { border: 1px solid #576071; border-bottom: 0; color: #576071; } .tab-content { display: none; border: 1px solid #576071; } .tab-content li a { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } section.tech-lib .acc-panel { border: 1px solid #576071; border-top: none; background: 0 0; } section.tech-lib .acc-panel ul { list-style: none; } .tab-content.current { display: inherit; } section.about-aaf .finish-detail-title .title-w-arrow-r .arrow-container .arrow-line { width: 40%; float: right; } @media only screen and (min-width:60em) { section.about-aaf .finish-detail-title .title-w-arrow-r .arrow-container .arrow-line { width: 55%; } } @media only screen and (min-width:75em) { section.about-aaf .finish-detail-title .title-w-arrow-r .arrow-container .arrow-line { width: 65%; } } .image-spread { left: 0; width: 100%; } @media only screen and (min-width:87.5em) { .image-spread { left: -10%; position: relative; width: 130%; } } .image-spread:hover .grid-item-overlay { background-color: rgba(87, 96, 113, .8); } section.about-aaf ol { line-height: 1.5rem; } section.services .title-w-arrow-r .arrow-container .arrow-line { float: right; } @media only screen and (min-width:60em) { section.services .title-w-arrow-r .arrow-container .arrow-line { width: 25%; } } @media only screen and (min-width:75em) { section.services .title-w-arrow-r .arrow-container .arrow-line { width: 40%; } } section.quality-innovation .title-w-arrow-r .arrow-container .arrow-line { float: right; } @media only screen and (min-width:60em) { section.quality-innovation .title-w-arrow-r .arrow-container .arrow-line { width: 35%; } } @media only screen and (min-width:75em) { section.quality-innovation .title-w-arrow-r .arrow-container .arrow-line { width: 55%; } } section.care-maintenance .title-w-arrow-r .arrow-container .arrow-line { float: right; } @media only screen and (min-width:60em) { section.care-maintenance .title-w-arrow-r .arrow-container .arrow-line { width: 25%; } section.how-to-specify .title-w-arrow-r .arrow-container .arrow-line { width: 35%; } } @media only screen and (min-width:75em) { section.care-maintenance .title-w-arrow-r .arrow-container .arrow-line { width: 35%; } } section.how-to-specify .title-w-arrow-r .arrow-container .arrow-line { float: right; } @media only screen and (min-width:87.5em) { section.how-to-specify .title-w-arrow-r .arrow-container .arrow-line { width: 45%; } } section.white-paper .title-w-arrow-r .arrow-container .arrow-line { float: right; } @media only screen and (min-width:60em) { section.white-paper .title-w-arrow-r .arrow-container .arrow-line { width: 30%; } } @media only screen and (min-width:75em) { section.white-paper .title-w-arrow-r .arrow-container .arrow-line { width: 40%; } } .white-paper-content .btn-shine-alt { width: 100%; height: 100%; } .white-paper-content .btn-shine-alt:hover { background: #f5f5f5; color: #fff; border: 1px solid #f5f5f5; cursor: pointer; opacity: 1!important; } section.contact-us .title-w-arrow-r .arrow-container .arrow-line { float: right; } @media only screen and (min-width:60em) { section.contact-us .title-w-arrow-r .arrow-container .arrow-line { width: 65%; } } @media only screen and (min-width:75em) { section.contact-us .title-w-arrow-r .arrow-container .arrow-line { width: 75%; } } @media only screen and (min-width:60em) { .request-finish-form-content .refine-container { width: 50%; } } section.contact-us select.filter { background: url("theme_assets_image_icons_down-arrow-icon-alt-min.svg") 95% no-repeat #fff; background-size: 20px; } .custom-color-form #submit, .custom-color-form label, .general-form #submit, .general-form label, .general-form-fields label, .login-form-fields label, .register-form-fields label { border: 0; display: block; width: 100%; outline: 0; -webkit-appearance: none; } .custom-color-form input, .general-form input, .general-form-fields input, .login-form-fields input, .register-form-fields input { border: 1px solid #576071; outline: 0; width: 100%; padding: .5em; border-radius: 0; -webkit-appearance: none; margin-bottom: 0; } label.error { color: red; font-size: .85em; position: absolute; bottom: 0; left: 0; width: 100%; } .control-group, .maps-container { position: relative; } .custom-color-form textarea#message, .general-form textarea#message { width: 100%; border-radius: 0; -webkit-appearance: none; } body .maps-container { display: none; } body.aaf-contact-us .maps-container { display: block; } .maps-container { bottom: 0; background: #f5f5f5; max-width: 1440px; z-index: 0; height: 650px; } @media only screen and (min-width:45em) { .maps-container { height: 450px; } } @media only screen and (min-width:60em) { .maps-container { height: 700px; } section.login-register .title-w-arrow-r .arrow-container .arrow-line { width: 50%; } } @media only screen and (min-width:87.5em) { .maps-container { height: 810px; } } .maps-container:before { background: inherit; top: 0; content: ''; display: block; height: 10%; left: 0; position: absolute; right: 0; -webkit-transform: skewY(2.5deg); transform: skewY(2.5deg); -webkit-transform-origin: 100%; transform-origin: 100%; z-index: -1; } section.anodising .title-w-arrow-r .arrow-container, section.colour-board .title-w-arrow-r .arrow-container, section.edit-profile .title-w-arrow-r .arrow-container, section.finish-compare .title-w-arrow-r .arrow-container, section.login-register .title-w-arrow-r .arrow-container, section.order-samples .title-w-arrow-r .arrow-container, section.powder-coating .title-w-arrow-r .arrow-container, section.privacy .title-w-arrow-r .arrow-container, section.terms .title-w-arrow-r .arrow-container { right: -15%; } .location a { color: #000; font-weight: 400; } .colour-board-order-details a, .colour-board-order-details:hover p, .colour-board-order-remove a, .colour-board-order-remove:hover p, .colour-board-order-sample a, .colour-board-order-sample p, .colour-board-order-sample:hover p { color: #fff; } .location a:hover { opacity: .5; } section.login-register .title-w-arrow-r .arrow-container .arrow-line { float: right; } @media only screen and (min-width:75em) { section.login-register .title-w-arrow-r .arrow-container .arrow-line { width: 60%; } } .terms-check-container label { display: inline-block; } .terms-check-container #signup-check { width: 50px; } section.colour-board .title-w-arrow-r .arrow-container .arrow-line { float: right; } @media only screen and (min-width:60em) { section.colour-board .title-w-arrow-r .arrow-container .arrow-line { width: 75%; } } @media only screen and (min-width:75em) { section.colour-board .title-w-arrow-r .arrow-container .arrow-line { width: 85%; } } section.colour-board .colour-checklist .color-text { bottom: -110px!important; } .colour-board-order-details, .colour-board-order-remove, .colour-board-order-sample { font-size: .8em; font-weight: 600; } .colour-board-order-sample { background: #576071; } .colour-board-order-sample:hover { -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; background: #393a3b; } .colour-board-order-details { background: #c6cad2; } .colour-board-order-details:hover { -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; background: #393a3b; } .colour-board-check.colour-checklist input[type=checkbox]:checked + label { background: 0 0; } .colour-board-order-remove { border: 1px solid #c6cad2; background: 0 0; } .colour-board-order-remove:hover { -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; background: #9b0000; } section.colour-board .colour-checklist input[type=checkbox]:checked + label { border: 1px solid #d3d3d3; } section.order-samples .title-w-arrow-r .arrow-container .arrow-line { float: right; } @media only screen and (min-width:60em) { section.colour-board .colour-checklist .color-text { bottom: -160px!important; font-size: .8em; } section.order-samples .title-w-arrow-r .arrow-container .arrow-line { width: 60%; } } @media only screen and (min-width:75em) { section.order-samples .title-w-arrow-r .arrow-container .arrow-line { width: 70%; } } .border-right { border-right: 0; } .title-m-top { margin-top: 0; } .border-top { border-top: 0; } p.title-m-top b { background: #fff; } .create-acc-label { font: 400 16px raleway, Georgia, Times New Roman, serif; color: #000; } .order-sample-checklist .btn-shine { width: 100%; height: 24px; padding: 0 10px; line-height: 24px; } @media only screen and (min-width:60em) { .border-right { border-right: 1px solid #c6cad2; } .title-m-top { margin-top: -.75em; } .border-top { border-top: 1px solid #c6cad2; } .order-sample-checklist.colour-checklist .color-bg { height: 150px; } .order-sample-checklist.colour-checklist input[type=checkbox]:checked + label { height: 100px; } } .order-sample-checklist.colour-checklist .color-bg { background-size: cover; height: 100px; } .order-sample-checklist.colour-checklist input[type=checkbox]:checked + label { background: url(../image/icons/check-icon.svg) top right no-repeat; background-size: 35px; height: 100px; width: 100%; display: inline-block; padding: 0; border: 1px solid #000; } .order-sample-checklist.colour-checklist input:hover[type=checkbox]:checked + label { background-image: url(../image/icons/check-close-icon.svg); } .order-sample-checklist.colour-checklist input[type=checkbox] + label { background: 0 0; height: 100px; width: 100%; display: inline-block; padding: 0; border: 1px solid #d3d3d3; overflow: hidden; } .order-sample-name-container { background: 0 0; border: 1px solid #000; border-top: 0; } .order-sample-name-container p { color: #576071; font-size: .7em; font-weight: 500; line-height: 1.1em; } .order-sample-name-container:hover p, .table__cell { color: #fff; } .order-sample-name-container:hover { -webkit-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; background: #576071; color: #fff; } section.terms .title-w-arrow-r .arrow-container .arrow-line { float: right; } @media only screen and (min-width:60em) { .order-sample-checklist.colour-checklist input[type=checkbox] + label { height: 100px; } section.terms .title-w-arrow-r .arrow-container .arrow-line { width: 80%; } } @media only screen and (min-width:75em) { section.terms .title-w-arrow-r .arrow-container .arrow-line { width: 90%; } } section.privacy .title-w-arrow-r .arrow-container .arrow-line { float: right; } @media only screen and (min-width:60em) { section.privacy .title-w-arrow-r .arrow-container .arrow-line { width: 80%; } } @media only screen and (min-width:75em) { section.privacy .title-w-arrow-r .arrow-container .arrow-line { width: 90%; } } section.anodising .title-w-arrow-r .arrow-container .arrow-line { float: right; } @media only screen and (min-width:60em) { section.anodising .title-w-arrow-r .arrow-container .arrow-line { width: 50%; } } @media only screen and (min-width:75em) { section.anodising .title-w-arrow-r .arrow-container .arrow-line { width: 60%; } } section.powder-coating .title-w-arrow-r .arrow-container .arrow-line { float: right; } @media only screen and (min-width:60em) { section.powder-coating .title-w-arrow-r .arrow-container .arrow-line { width: 25%; } } @media only screen and (min-width:75em) { section.powder-coating .title-w-arrow-r .arrow-container .arrow-line { width: 50%; } } @media only screen and (min-width:87.5em) { section.powder-coating .title-w-arrow-r .arrow-container .arrow-line { width: 44%; } } section.finish-compare .title-w-arrow-r .arrow-container .arrow-line { float: right; } @media only screen and (min-width:60em) { section.finish-compare .title-w-arrow-r .arrow-container .arrow-line { width: 30%; } } @media only screen and (min-width:75em) { section.finish-compare .title-w-arrow-r .arrow-container .arrow-line { width: 40%; } } .border-table { border: 1px solid #c6cad2; border-bottom: 0; border-right: 0; } .border-table-right { border-right: 1px solid #c6cad2; } .border-table-bottom { border-bottom: 1px solid #c6cad2; } @media screen and (min-width:60em) { .table-col-container { display: table; width: 100%; } } .table__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 1.5rem; } .table__cell.table-bg-1 { color: #000; font-weight: 700; width: 100%; } .table__cell.table-bg-2, .table__cell.table-bg-3 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 50%; } .table-bg-1 { background: #f5f5f5; text-align: center; } .table-bg-3 { background: #576071; } .table-bg-2 { background: #898d96; } .table-bg-2 h3, .table-bg-2 p { color: #fff; } p.table-title { font-weight: 500; } .table__header { overflow: hidden; font-size: .825rem; } .table__header > .table-bg-1 { display: none; } .table__header .table-bg-2, .table__header .table-bg-3 { float: left; width: 50%; text-align: center; } .table__header .table__cell { padding: .75rem .5rem; } .table__row .table__cell { padding: .75rem 1rem; font-size: .75rem; text-align: center; } @media screen and (min-width:45em) { .table__header > .table-bg-1 { display: block; } .table__header .table-bg-1, .table__header .table-bg-2, .table__header .table-bg-3 { float: left; } .table__header .table-bg-1 { width: 20%; } .table__header .table-bg-2, .table__header .table-bg-3 { width: 40%; } .table__row { margin-bottom: 0; margin-top: 1px; } .table__row .table__cell { text-align: left; font-size: 1rem; } .table__row .table__cell.table-bg-1 { width: 20%; } .table__row .table__cell.table-bg-2, .table__row .table__cell.table-bg-3 { width: 40%; } } .black-label, .grey-label { font: 100 16px raleway, Georgia, Times New Roman, serif; } .grey-label { color: #576071; } .black-label { color: #000; } section.edit-profile .title-w-arrow-r .arrow-container .arrow-line { float: right; } @media only screen and (min-width:60em) { section.edit-profile .title-w-arrow-r .arrow-container .arrow-line { width: 80%; } } @media only screen and (min-width:75em) { section.edit-profile .title-w-arrow-r .arrow-container .arrow-line { width: 90%; } } .border-bottom, .personal-details { border-bottom: 1px solid #576071; } .personal-details.active { border-bottom: 0; } .personal-details p { margin-top: .5em; margin-bottom: 0; } .personal-details-panel, .save-details { display: none; -webkit-transition: all .3s; transition: all .3s; } .edit-personal-details.active .save-details { display: block; } .edit-personal-details.active .edit-details { display: none; } .personal-details-panel input { border: 1px solid #576071; outline: 0; width: 100%; padding: .5em; border-radius: 0; -webkit-appearance: none; margin-bottom: .5em; } .performance-checklist > label { margin-bottom: .75rem; } @media screen and (min-width:1200px) { .aaf-our-projects .hero-title { top: 30%; max-width: 50rem; } } .map-class { width: 100%; height: 450px; } .ajax-active { opacity: .5; pointer-events: none; } .aaf-our-projects .basic__img { height: 100px; } .ui-autocomplete { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 0; background: #fff; border-right: 1px solid #576071; border-left: 1px solid #576071; border-bottom: 1px solid #576071; width: 220px; z-index: 1; } .ui-autocomplete li { font: 600 .75rem raleway, Georgia, Times New Roman, serif; font-size: 13px; color: #576071; padding: 1em; list-style: none; } .ui-autocomplete li:hover { background-color: #f2f2f2; cursor: pointer; } .ui-autocomplete li a strong { border: 1px solid #bcb068; background: #fbf9ee; } .img-check label:hover { cursor: pointer; } .cart-popup .fancybox-close-small:after { font-size: 0; width: 44px; height: 44px; background: url("theme_assets_image_icons_cart-close-icon-min.svg") no-repeat; } .cart-popup .img-box { width: 80px; height: 80px; float: left; } .cart-popup .text-box { padding-left: 95px; } .cart-popup .text-box h4 { line-height: 24px; } .cart-popup p { margin-bottom: 0; } .cart-popup .title { background: #393a3c; padding: 14px 58px 10px 24px; position: relative; margin: 0 -24px; top: -24px; line-height: 24px; } .cart-popup .title span { padding-left: 30px; display: block; } .cart-popup .title img { float: left; } .cart-popup .actions { text-align: right; position: relative; padding-top: 16px; margin-top: 26px; } .cart-popup .actions:before { content: ' '; position: absolute; left: -24px; top: 0; width: calc(100% + 48px); border-top: 1px solid #e6e6e6; } .cart-popup .actions .fancybox-button--close { float: none; font-weight: 700; font-size: 16px; text-transform: uppercase; margin-right: 14px; } .cart-popup .actions .btn-shine-wide { width: auto; } .bottom-bar { display: none; } .order-sample-checklist.colour-checklist .custom-color-bg { background-size: cover; height: 100px; } .cart-empty { color: #000; } span.error { color: red; font-size: .85em; position: absolute; bottom: 0; left: 0; width: 100%; } .board-amount p, .board-amount-mobile p { font-size: .6em; margin-bottom: 0; line-height: 15px; text-align: center; font-weight: 900; text-transform: uppercase; } .board-amount, .board-amount-mobile { position: absolute; background: #d4d5d8; height: 15px; width: 15px; border-radius: 15px; z-index: 99; } .board-amount { top: 3.3em; right: 5em; } .board-amount-mobile { top: .3em; right: 4.3em; } .ui-autocomplete { position: absolute!important; } .ui-autocomplete strong { border: 1px solid #bcb068; background: #fbf9ee; } .list-item-header:hover { cursor: pointer!important; } @media only screen and (max-width:550px) { .cart-popup .actions { text-align: center; } .cart-popup .actions .fancybox-button--close { display: inline-block; margin: 10px 0; } } @media only screen and (min-width:768px) { .cart-popup { min-width: 540px; } } @media only screen and (max-width:59.9375em) { .bottom-bar { display: block; position: fixed; background: rgba(57, 58, 59, .95); width: 100%; color: #fff; z-index: 10; bottom: 0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; overflow: hidden; } .bottom-bar a { font-size: .875rem; color: #fff; display: block; float: left; position: relative; text-transform: uppercase; width: 50%; text-align: center; padding: 15px 10px; line-height: 1; } .bottom-bar .label { position: relative; top: -3px; } .bottom-bar .cart-count, .bottom-bar > a > img { position: relative; margin-left: 5px; top: 0; } .bottom-bar .board-amount, .bottom-bar .cart-amount { background-color: #fff; color: #000; top: -12px; right: -10px; position: absolute; } .bottom-bar.scrolling-up { bottom: -100%; } .bottom-bar.scrolling-down { bottom: 0; } } @media screen and (max-width:1400px) { .map-class { height: 300px; } } body.aaf-find-finish .sidebar-container a.download, body.aaf-find-finish .sidebar-container p.fcolor-silv { margin-bottom: 5px; } body.aaf-login .login-form-fields input, body.aaf-login .register-form-fields input { margin-bottom: 15px; } body.aaf-find-finish .finish-sidebar a p { font-size: .8em; line-height: 1.3em; display: inline; } .tab-content li p br, .ui-helper-hidden-accessible { display: none; } body.aaf-find-finish .sidebar-container img.m-r-1-lg { vertical-align: middle; margin-right: 10px; } .tab-content li { list-style: none; text-transform: none; } .tab-content li p { line-height: 1em; font-size: .9em; } section.services ul { padding-left: 1em; } .acc-button, .filters-radio label, .search-container button.icon { cursor: pointer; } .footer__top a, .footer__top p { color: #707c92; font-weight: 500; } body.aaf-login label.error { position: relative; } @keyframes spinner { to { transform: rotate(360deg); } } .ajax-active:before { content: ''; position: fixed; top: 50%; left: 50%; width: 120px; height: 120px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 10px solid #ccc; border-top-color: #090909; animation: spinner .6s linear infinite; z-index: 999; } p.light-text { color: #fff; } @media only screen and (max-width:420px) { .maps-container { height: 750px; } } @media screen and (max-width:1100px) and (min-width:960px) { .finish-results-title .title-w-arrow-r .arrow-container .arrow-line { width: 66%; } } .colour-checklist input:hover[type=checkbox]:checked + label { background: url(../image/icons/check-icon.svg) top right no-repeat; background-size: 35px; } section.find-finish .content-container.tl p span { font-family: inherit!important; } section.faq, section.services p, section.tech-lib, section.terms, section.white-paper { line-height: 1.65rem; } .col-img { overflow: hidden!important; max-height: 400px; margin-bottom: 20px; } @media screen and (min-width:300px) and (max-width:399px) { .col-img { max-height: 180px; } } @media screen and (min-width:400px) and (max-width:768px) { .col-img { max-height: 240px; } } @media only screen and (max-width:60em) { .col-img img { width: 100%; } } @media only screen and (min-width:60em) { .col-img img, .col-img.tall img { min-width: 660px; max-width: 100%; } .aaf-find-finish .sidebar-container { padding-top: 160px; } .aaf-find-finish section.find-finish { padding-top: 0; } .aaf-find-finish-results .sidebar-container { padding-top: 120px; } .aaf-find-finish-results section.find-finish-results { padding-top: 160px; } section.colour-board, section.contact-us, section.edit-profile, section.faq, section.login-register, section.order-samples, section.services, section.tech-lib, section.terms, section.white-paper { padding-top: 2em; } .col-img.tall { max-height: 816px; } .col-img.tall img { height: 816px; } .col-img.wide img { max-width: 100%; height: auto; } } @media screen and (max-width:420px) { .color-board-save { bottom: 15px; left: 5px; width: 15px; height: 15px; background: url("theme_assets_image_color-board-save-min.svg") center center no-repeat; background-size: 15px; } } .flag-colour.featured { height: 35px!important; } @media screen and (min-width:64em) { section.hero.bg-overlay-project-detail::before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; background: -moz-linear-gradient(left, rgba(0, 0, 0, .5) 1%, rgba(0, 0, 0, .01) 74%, rgba(0, 0, 0, 0) 75%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 1%, rgba(0, 0, 0, .01) 74%, rgba(0, 0, 0, 0) 75%); background: linear-gradient(to right, rgba(0, 0, 0, .5) 1%, rgba(0, 0, 0, .01) 74%, rgba(0, 0, 0, 0) 75%); } } .grid-item-text { padding: 1em; } .copy-finish-spec p { font-size: 75%; margin-bottom: 0; } .copy-finish-spec-container { padding: .5em; border: 1px solid #576071; cursor: pointer; } .copy-finish-specification-modal, body.finish-modal-close .copy-finish-specification-modal { display: none; } .copy-finish-specification-modal { -webkit-transform: scale(.1); transform: scale(.1); opacity: 0; -webkit-transition: all .3s; transition: all .3s; } body.finish-modal-open .copy-finish-specification-modal { opacity: 1; visibility: visible; top: 0; -webkit-transform: scale(1); transform: scale(1); display: block; width: 100%; height: 100%; overflow: hidden; position: fixed; bottom: 0; right: 0; background-color: rgba(0, 0, 0, .75); z-index: 99999999; } .copy-finish-specification-modal a.finish_close { right: 1em; top: 1em; position: absolute; } .copy-finish-specification-modal-content { max-width: 700px; width: 90%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 5px; padding: 1em; background: #fff; transition: all 350ms 250ms ease; font-size: .75em; } .social-icons a { margin: 0 5px; } .button-loading { position: relative; background: #576071; color: #fff!important; font-weight: 600; width: 150px; height: 40px; border: 0; border-radius: 0; user-select: none; -webkit-transition: .6s; transition: .6s; } .button-loading:hover { background: #75889b; cursor: pointer; } .button-loading.wide { position: relative; background: #576071; color: #fff!important; width: 100%; height: 50px; display: inline-block; border: 0; border-radius: 0; font: 600 1rem raleway, Georgia, Times New Roman, serif; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -moz-user-select: none; user-select: none; -webkit-transition: .6s; transition: .6s; } .button-loading.wide:hover { background: #75889b; cursor: pointer; } .button-loading.spinning { background-color: #576071; padding-right: 30px; } .button-loading.spinning:after { content: ''; position: absolute; right: 6px; top: 50%; width: 0; height: 0; position: absolute; border-radius: 50%; animation: rotate360 .5s infinite linear, exist .1s forwards ease; } .button-loading.spinning:before { content: ""; width: 0; height: 0; border-radius: 50%; right: 6px; top: 50%; position: absolute; border: 2px solid #fff; border-right: 3px solid #75889b; animation: rotate360 .5s infinite linear, exist .1s forwards ease; } @keyframes rotate360 { 100% { transform: rotate(360deg); } } @keyframes exist { 100% { width: 15px; height: 15px; margin: -8px 5px 0 0; } } .page-id-2412 .container .container_inner { height: auto!important; } .page-id-2412 .order-samples { min-height: 1000px!important; }