/* Theme Name: Pondmax - Github Author URI: http://thecompetition.com.au Description: Pondmax Custom Theme Base by The Competition Version: 1.0 Author: Brendan Foster & Nathan Shanahan */ /* ========================================================================== Fonts ========================================================================== */ /* INGRA CONDENSED Loaded by Typekit: weights, 400(regular), 700(Bold) */ /* INGRA Loaded by Typekit: weights, 200(Light) */ /* FRIGHT MICRO PRO Loaded by Typekit: weights, 400 (Book), 700(Bold) */ /* ========================================================================== Font Weights ========================================================================== */ /* ========================================================================== Colors ========================================================================== */ /* Blue */ /* Off Black */ /* Color Grey */ /* ========================================================================== Wrap & page setups width ========================================================================== */ /* ========================================================================== Break Points ========================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-transition: font-size .35s ease; transition: font-size .35s ease; } /* =============================================== Flexbox Firefox fix =============================================== */ * { min-height: 0; min-width: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, cite { display: block; } html { height: 100%; } body { line-height: 1; min-height: 100%; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; -webkit-text-size-adjust: none; } .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading ul, .wf-loading li, .wf-loading a, .wf-loading p { visibility: hidden; } .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active ul, .wf-active li, .wf-active a, .wf-active p { visibility: visible; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } cite { display: block; } table { border-collapse: collapse; border-spacing: 0; } .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .group { display: inline-block; } /* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */ img { max-width: 100%; vertical-align: bottom; } a:focus { outline-width: 0; } /* Width + Padding = element width */ *, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; } a[href^=tel] { text-decoration: none; font-family: "ingra", sans-serif; color: #00AAE4; } /* =============================================== Button Reset =============================================== */ button { background: none repeat scroll 0 0 transparent; border: medium none; border-spacing: 0; font-family: "ingra", sans-serif; color: auto; line-height: inherit; list-style: none outside none; margin: 0; padding: 0; text-align: left; text-decoration: none; text-indent: 0; cursor: pointer; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button:focus { outline: 0; } /* =============================================== Restore Google Maps Images =============================================== */ .google-maps-link { max-width: 100%; } .gmnoprint img { max-width: none; z-index: 9999; } /* Global Styles */ body { font-family: "ingra", sans-serif; color: #282828; font-size: 20px; overflow-x: hidden; overflow-y: scroll; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ background: #282828; } @media (max-width: 767px) { body { font-size: 30px; } } /* For sticking the footer to page bottom */ .container { min-height: 100%; } /* Headings */ p { line-height: 1.3; } p + p { padding-top: 2em; } @media (max-width: 767px) { p { font-size: 16px; line-height: 1.4; } } a { text-decoration: none; color: inherit; } /* Stops buttons being differant heights across browsers. Also removes the strange gap between inline-block elements. */ ul { font-size: 0px; } ul li { font-family: "freight-micro-pro", serif; font-size: 18px; } .page_wrap { position: relative; width: 100%; height: 100%; margin: 0 auto; /* max-width: $page-width; */ /* This will letterbox the website */ background: none; } @media (max-width: 1700px) { .page_wrap { padding-right: 0px; padding-left: 0px; } } .content_wrap_inner { position: relative; width: 1280px; height: 100%; margin: 0 auto; } @media (max-width: 1440px) { .content_wrap_inner { max-width: 1280px; width: 100%; } } @media (max-width: 782px) { .content_wrap_inner { width: 100%; } } .content_wrap_outer { position: relative; width: 1440px; height: 100%; margin: 0 auto; background: #282828; } @media (max-width: 1470px) { .content_wrap_outer { max-width: 1440px; width: 100%; padding-right: 15px; padding-left: 15px; } } /* Elements */ .heading_main { font-family: "ingra", sans-serif; font-size: 52px; font-weight: 700; color: #282828; text-transform: uppercase; } @media (max-width: 767px) { .heading_main { font-size: 52px; } } .heading_sub { font-family: "ingra-condensed", sans-serif; font-size: 28px; color: #00AAE4; text-transform: uppercase; } @media (max-width: 767px) { .heading_sub { font-size: 32px; } } .heading_main_white { font-family: "ingra", sans-serif; font-size: 52px; font-weight: 700; color: #FFF; text-transform: uppercase; } .btn { display: inline-block; padding: 18px 23px; font-family: "freight-micro-pro", serif; font-size: 21px; text-transform: uppercase; } .btn svg { display: inline-block; margin-right: 10px; vertical-align: bottom; } .btn_black { color: #FFF; background: #000; -webkit-transition: background .25s ease; transition: background .25s ease; } .btn_black:hover { background: #00AAE4; -webkit-transition: background .25s ease; transition: background .25s ease; } .btn_primary { color: #FFF; background: #00AAE4; -webkit-transition: background .25s ease; transition: background .25s ease; } .btn_primary:hover { background: #000; -webkit-transition: background .25s ease; transition: background .25s ease; } .page_heading { padding-top: 50px; min-height: 163px; } .page_heading svg { position: absolute; top: 0px; left: 0px; fill: #F4F4F4; } .page_heading h1 { font-family: "ingra", sans-serif; font-size: 64px; color: #00AAE4; padding-bottom: 43px; } .page_heading p { padding-top: 0px; } .privacy-policy .page_heading, .terms-and-conditions .page_heading, .warranty .page_heading { margin-top: 25px; background: #F4F4F4; } .privacy-policy .page_heading strong, .terms-and-conditions .page_heading strong, .warranty .page_heading strong { font-weight: 700; } .privacy-policy .page_heading italic, .terms-and-conditions .page_heading italic, .warranty .page_heading italic { font-style: italic; } .privacy-policy .page_heading ul, .terms-and-conditions .page_heading ul, .warranty .page_heading ul { margin-left: 25px; list-style-type: disc; font-family: "ingra", sans-serif; } .privacy-policy .page_heading ul li, .terms-and-conditions .page_heading ul li, .warranty .page_heading ul li { font-family: "ingra", sans-serif; } .privacy-policy .page_heading blockquote, .terms-and-conditions .page_heading blockquote, .warranty .page_heading blockquote { font-size: 28px; color: #00AAE4; } /* Selected state for main navigation items */ .current_page_item { color: #00AAE4; } .search_results { margin-top: 25px; background: #F4F4F4; padding-top: 80px; padding-bottom: 50px; } .search_results .content_wrap_inner a { display: block; } .search_results .content_wrap_inner a h2 { padding-top: 10px; } .search_results .content_wrap_inner a:hover { color: #00AAE4; } /* ========================================================================== ========================================================================== */ /* ========================================================================== SVG individual file CSS. ========================================================================== */ .logo { width: 199px; height: 46px; } .icon_telephone { width: 15px; height: 14px; } .icon_usa { width: 39px; height: 21px; fill: #00AAE4; } .icon_aus_small { width: 79px; height: 70px; fill: #00AAE4; } .icon_wave { width: 240px; height: 170px; fill: #E5E5E5; } .icon_sprinkler { width: 170px; height: 80px; } .icon_sprinkler_home { width: 127px; height: 60px; } .icon_featured { width: 30px; height: 40px; } .icon_flow, .icon_head, .icon_power, .icon_cable_length { width: 182px; height: 182px; } .icon_map_pointer { width: 40px; height: 60px; } .icon_map_usa { max-width: 480px; width: 100%; max-height: 278px; } .icon_map_australia { max-width: 400px; width: 100%; max-height: 372px; } .icon_quotations { width: 78px; height: 56px; } .icon_telephone_large { width: 60px; height: 60px; } .icon_mail_large { width: 60px; height: 48px; } .icon_mail { width: 27px; height: 20px; } .icon_download { width: 22px; height: 20px; } .icon_down_arrow { width: 12px; height: 7px; fill: #282828; } .icon_flexslider_arrow { width: 12px; height: 20px; fill: #7A7A7A; } .icon_search_large { max-width: 100px; width: 100%; max-height: 100px; height: 100%; } .icon_social_twitter, .icon_social_facebook, .icon_social_instagram, .icon_social_linkedin { width: 0px; height: 0px; fill: #00AAE4; } .icon_tick { width: 16px; height: 12px; } .icon_down_arrow_full { width: 10px; height: 5px; } .menu_mobile { width: 27px; height: 17px; } .icon_search_small { width: 18px; height: 18px; } .icon_social_facebook_footer { width: 40px; height: 40px; } /* ========================================================================== Form Resets ========================================================================== */ /* This overides the google autofill background yellow styling. Puts a white box shadow over it */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } input { -webkit-appearance: none; border-radius: 0; background: none; letter-spacing: 1px; } input[type="text"]:focus, textarea[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus { outline: 0; background: #F9F6F0; color: #000; padding-left: 20px; text-transform: none; } input:focus { outline: 0; background: #000; border: 1px solid #FFF; color: #000; } select { -webkit-appearance: none; border-radius: 0; } .error::-webkit-input-placeholder, .error:-moz-placeholder, .error::-moz-placeholder, error:-ms-input-placeholder { color: #cc0000; } /* Global default styles - Used on sign-up and contact form. */ .js_modal_container { position: fixed; top: 0px; bottom: 0; left: 0; right: 0; z-index: 1000; text-align: center; color: #000; background: rgba(0, 0, 0, 0.4); pointer-events: auto; } @media (max-width: 767px) { .js_modal_container { color: #000; } } .modal_form_response { display: block; width: 100%; margin: 0 auto; padding: 50px 20px 50px 20px; background: #FFF; } .modal_form_response p { padding-top: 25px; } .modal_form_response button { font: "ingra-condensed", sans-serif; font-size: 16px; -webkit-transition: all .15s ease-in; transition: all .15s ease-in; } .modal_form_response button:hover { color: #00AAE4; } @media (max-width: 767px) { .modal_form_response p { padding-bottom: 20px; font-size: 12px; } } .main_navigation { background: #282828; padding-top: 30px; padding-bottom: 10px; } .main_navigation .content_wrap_outer { background: none; } .main_navigation nav ul { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: top; -moz-box-align: top; -ms-flex-align: top; align-items: top; } .main_navigation nav ul li { /*-webkit-box-flex: 1 10%; -moz-box-flex: 1 10%; -ms-flex: 1 10%; flex: 1 10%; max-width: 10%;*/ display: inline-block; line-height: 1.6em; padding-top: 23px; } .main_navigation nav ul li:first-of-type { -webkit-box-flex: 2 20%; -moz-box-flex: 2 20%; -ms-flex: 2 20%; flex: 2 20%; max-width: 20%; padding-top: 0px; } @media (max-width: 650px) { .main_navigation nav ul li:first-of-type { -webkit-box-flex: 1 30%; -moz-box-flex: 1 30%; -ms-flex: 1 30%; flex: 1 30%; max-width: 30%; } .main_navigation nav ul li:first-of-type svg { width: 100%; max-width: 100%; } } .main_navigation nav ul li:first-of-type a { display: inline-block; } @media (max-width: 900px) { .main_navigation nav ul li:nth-of-type(2) { -webkit-box-flex: 20%; -moz-box-flex: 20%; -ms-flex: 20%; flex: 20%; max-width: 20%; text-align: right; } } @media (max-width: 650px) { .main_navigation nav ul li:nth-of-type(2) { -webkit-box-flex: 1 30%; -moz-box-flex: 1 30%; -ms-flex: 1 30%; flex: 1 30%; max-width: 30%; padding-top: 5px; text-align: center; } } @media (max-width: 900px) { .main_navigation nav ul li:nth-of-type(1n+3) { display: none; } } .main_navigation nav ul li:nth-last-of-type(2) { text-align: right; vertical-align: top; padding-top: 0px; } @media (max-width: 1130px) { .main_navigation nav ul li:nth-last-of-type(2) { display: none; } } .main_navigation nav ul li:nth-last-of-type(2) span { display: block; line-height: 1.4em; color: #00AAE4; } .main_navigation nav ul li:nth-last-of-type(2) span svg { margin-left: 10px; margin-right: 13px; } .main_navigation nav ul li:nth-last-of-type(2) span:first-of-type { color: #FFF; } @media (max-width: 1210px) { .main_navigation nav ul li:nth-last-of-type(2) span:first-of-type { /*display: none;*/ } } .main_navigation nav ul li:last-of-type { display: none; } @media (max-width: 900px) { .main_navigation nav ul li:last-of-type { display: block; -webkit-box-flex: 20%; -moz-box-flex: 20%; -ms-flex: 20%; flex: 20%; max-width: 20%; text-align: right; } } @media (max-width: 650px) { .main_navigation nav ul li:last-of-type { -webkit-box-flex: 1 13%; -moz-box-flex: 1 13%; -ms-flex: 1 13%; flex: 1 13%; max-width: 13%; padding-top: 7px; } } .main_navigation nav ul li a { font-family: "ingra", sans-serif; font-size: 18px; color: #FFF; } .main_navigation nav ul li a:hover { color: #00AAE4; } .main_navigation nav ul li button { font-family: "ingra", sans-serif; font-size: 18px; line-height: 1.6em; color: #FFF; } .main_navigation nav ul li button:hover { color: #00AAE4; } .main_navigation nav ul li button:hover svg { fill: #00AAE4; } .main_navigation nav ul li button svg { margin-left: 5px; fill: #FFF; } .mobile_navigation { display: none; padding-top: 20px; padding-bottom: 30px; background: #282828; } .mobile_navigation .content_wrap_outer { background: none; } .mobile_navigation nav ul li { padding-bottom: 10px; color: #FFF; } .mobile_navigation nav ul li a { font-size: 21px; font-family: "ingra", sans-serif; color: #FFF; } .mobile_navigation nav ul li a span { color: #00AAE4; } .mobile_navigation nav ul li a:hover { color: #00AAE4; } .product_navigation_container { background: #1C1C1C; padding-top: 80px; padding-bottom: 50px; display: none; } .product_navigation_container .content_wrap_outer { background: none; } .product_navigation_container .content_wrap_inner { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .product_navigation_container .content_wrap_inner { display: block; } } .product_navigation { -webkit-box-flex: 1 18%; -moz-box-flex: 1 18%; -ms-flex: 1 18%; flex: 1 18%; max-width: 18%; padding-bottom: 30px; } @media (max-width: 767px) { .product_navigation { -webkit-box-flex: 1 100%; -moz-box-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; max-width: 100%; } } .product_navigation ul { color: #7A7A7A; } .product_navigation ul li { font-family: "ingra-condensed", sans-serif; font-size: 21px; padding-bottom: 20px; } @media (max-width: 767px) { .product_navigation ul li { font-size: 24px; } } .product_navigation ul li:not(:first-of-type) { padding-bottom: 10px; } .product_navigation ul li:not(:first-of-type) a { font-family: "freight-micro-pro", serif; color: #FFF; padding-bottom: 10px; } .product_navigation ul li:not(:first-of-type) a:hover { color: #00AAE4; } .product_navigation ul li:hover { color: #00AAE4; } .home .location_header { padding-bottom: 10px; } .location_header { padding-top: 10px; text-align: right; } @media (max-width: 767px) { .location_header { text-align: center; padding-top: 15px; } } .location_header .products_search { display: inline-block; } @media (max-width: 500px) { .location_header .products_search { width: 100%; padding-bottom: 10px; } } .location_header .products_search .search ::-webkit-input-placeholder { color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .location_header .products_search .search :-moz-placeholder { /* Firefox 18- */ color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .location_header .products_search .search ::-moz-placeholder { /* Firefox 19+ */ color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .location_header .products_search .search :-ms-input-placeholder { color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .location_header .products_search .search input { background: #FFF; padding: 16px 21px; border: none; font-size: 14px; display: inline-block; float: left; font-family: "freight-micro-pro", serif; } @media (max-width: 500px) { .location_header .products_search .search input { width: 75%; } } .location_header .products_search .search .search_submit { background: #00AAE4; color: #FFF; display: inline-block; cursor: pointer; font-size: 14px; font-family: "freight-micro-pro", serif; height: 51px; } @media (max-width: 500px) { .location_header .products_search .search .search_submit { } } .location_header .products_search .search .search_submit:hover { background: #000; -webkit-transition: background .25s ease; transition: background .25s ease; } .location_header a { vertical-align: top; margin-top: 20px; display: inline-block; margin-left: 40px; color: #FFF; font-family: "ingra-condensed", sans-serif; font-size: 14px; } @media (max-width: 500px) { .location_header a { font-size: 14px; margin-left: 0px; } } .location_header a:hover { color: #00AAE4; } .footer { background: #111111; padding-top: 90px; padding-bottom: 70px; } .footer .content_wrap_outer { background: #111111; } .footer_heading_container { padding-bottom: 75px; } .footer_heading_container h1 { display: inline-block; padding-right: 35px; vertical-align: top; line-height: 44px; } .footer_heading_container .icon_usa { display: inline-block; width: 112px; height: 61px; fill: #282828; } .footer_heading_container .icon_aus_small { display: inline-block; fill: #282828; } .footer_contact_details { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-bottom: 77px; border-bottom: 1px solid #7A7A7A; } @media (max-width: 767px) { .footer_contact_details { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footer_contact_details div { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } @media (max-width: 767px) { .footer_contact_details div { padding-bottom: 30px; } } .footer_contact_details div h2 { font-weight: 700; font-size: 21px; padding-bottom: 30px; color: #FFF; } .footer_contact_details div ul li:not(:last-of-type) { padding-bottom: 5px; } .footer_contact_details div ul li a { font-family: "ingra", sans-serif; color: #FFF; font-size: 21px; -webkit-transition: color .25s ease; transition: color .25s ease; } .footer_contact_details div ul li a:hover { color: #00AAE4; -webkit-transition: color .25s ease; transition: color .25s ease; } .footer_contact_details div .number svg, .footer_contact_details div .email svg { display: block; margin: 0 auto; } .footer_contact_details div .number a, .footer_contact_details div .number a[href*="mailto:"], .footer_contact_details div .email a, .footer_contact_details div .email a[href*="mailto:"] { display: block; color: #00AAE4; -webkit-transition: color .25s ease; transition: color .25s ease; } .footer_contact_details div .number a:hover, .footer_contact_details div .number a[href*="mailto:"]:hover, .footer_contact_details div .email a:hover, .footer_contact_details div .email a[href*="mailto:"]:hover { color: #FFF; -webkit-transition: color .25s ease; transition: color .25s ease; } .footer_contact_details div .number { font-family: "freight-micro-pro", serif; } .footer_contact_details div .number a { font-family: "freight-micro-pro", serif; font-size: 28px; padding-top: 42px; } .footer_contact_details div .email { font-family: "freight-micro-pro", serif; font-size: 28px; } .footer_contact_details div .email svg { margin-top: 10px; } .footer_contact_details div .email a { padding-top: 44px; } .footer_facebook { text-align: center; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #7A7A7A; } .footer_facebook a { font-family: "freight-micro-pro", serif; font-size: 28px; color: #7A7A7A; -webkit-transition: .25s ease color; transition: .25s ease color; } @media (max-width: 767px) { .footer_facebook a { font-size: 20px; } } .footer_facebook a svg { vertical-align: middle; margin-right: 30px; } .footer_facebook a:hover { color: #FFF; -webkit-transition: .25s ease color; transition: .25s ease color; } .footer_bottom { padding-top: 80px; color: #7A7A7A; display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 767px) { .footer_bottom { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .footer_bottom .additional_pages { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 767px) { .footer_bottom .additional_pages { padding-bottom: 30px; } } .footer_bottom .additional_pages ul li { padding-bottom: 25px; } .footer_bottom .additional_pages ul li a { -webkit-transition: color .25s ease; transition: color .25s ease; } .footer_bottom .additional_pages ul li a:hover { color: #FFF; -webkit-transition: color .25s ease; transition: color .25s ease; } .footer_bottom .browse_products { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 767px) { .footer_bottom .browse_products { padding-bottom: 30px; } } .footer_bottom .browse_products h3 { font-size: 18px; padding-bottom: 30px; } .footer_bottom .browse_products nav ul li { padding-bottom: 25px; } .footer_bottom .browse_products nav ul li a { -webkit-transition: color .25s ease; transition: color .25s ease; } .footer_bottom .browse_products nav ul li a svg { vertical-align: middle; margin-right: 5px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); fill: #7A7A7A; -webkit-transition: fill .25s ease; transition: fill .25s ease; } .footer_bottom .browse_products nav ul li a:hover { color: #FFF; -webkit-transition: color .25s ease; transition: color .25s ease; } .footer_bottom .browse_products nav ul li a:hover svg { fill: #FFF; -webkit-transition: fill .25s ease; transition: fill .25s ease; } .footer_bottom .product_search { -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; } .footer_bottom .product_search h3 { font-size: 18px; padding-bottom: 27px; } .footer_bottom .product_search .search input { background: #282828; width: 100%; border: none; padding: 20px; } .footer_bottom .product_search .search input:focus { font-size: 11px; } .footer_copyright { padding-top: 88px; text-align: right; color: #7A7A7A; font-size: 18px; } @media (max-width: 767px) { .footer_copyright { text-align: center; } } .flexslider .slides > li { clear: none; position: static !important; } .hero_slideshow { padding-left: 0px; padding-right: 0px; } .hero_slideshow picture { display: block; } .hero_slideshow img { width: 100%; } .hero_slideshow .hero_slideshow_title { position: absolute; width: 100%; text-align: left; padding-left: calc( (100% - 1280px) /2); } @media (max-width: 1280px) { .hero_slideshow .hero_slideshow_title { padding-left: 15px; } } .hero_slideshow .hero_slideshow_title h1 { font-size: 72px; line-height: 50px; font-family: "ingra", sans-serif; font-weight: 200; color: #FFF; padding-top: 4vw; } @media (max-width: 1100px) { .hero_slideshow .hero_slideshow_title h1 { font-size: 48px; } } @media (max-width: 767px) { .hero_slideshow .hero_slideshow_title h1 { font-size: 32px; } } .hero_slideshow .hero_slideshow_title h1 span { font-weight: 700; } @media (max-width: 767px) { .hero_slideshow .hero_slideshow_title a { display: none; } } .home_about_section { background: url("img/backgrounds/home_about_background_two.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 90px; } .home_about_section .content_wrap_inner { color: #FFF; text-align: center; } .home_about_section .content_wrap_inner h3 { width: 70%; margin: 0 auto; padding-bottom: 45px; font-size: 36px; font-weight: 300; } @media (max-width: 767px) { .home_about_section .content_wrap_inner h3 { width: 100%; } } .home_about_section .content_wrap_inner .columns { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .home_about_section .content_wrap_inner .columns { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: block; } } .home_about_section .content_wrap_inner .columns div { -webkit-box-flex: 1 25%; -moz-box-flex: 1 25%; -ms-flex: 1 25%; flex: 1 25%; max-width: 25%; } @media (max-width: 1100px) { .home_about_section .content_wrap_inner .columns div { -webkit-box-flex: 1 29%; -moz-box-flex: 1 29%; -ms-flex: 1 29%; flex: 1 29%; max-width: 29%; } } @media (max-width: 767px) { .home_about_section .content_wrap_inner .columns div { -webkit-box-flex: 1 100%; -moz-box-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; max-width: 100%; } } .home_about_section .content_wrap_inner .columns div:not(:last-of-type) { padding-top: 80px; } .home_about_section .content_wrap_inner .columns div:not(:last-of-type) p { font-size: 21px; } @media (max-width: 767px) { .home_about_section .content_wrap_inner .columns div:last-of-type { padding-top: 80px; } } .home_about_section .content_wrap_inner .columns div:last-of-type p { font-size: 42px; line-height: 1; color: #00AAE4; padding: 25px 0px 45px 0px; } .featured_product { background: #FFF; padding-top: 80px; } .featured_product .content_wrap_inner { background: #FFF; padding-bottom: 80px; border-bottom: 1px solid #7A7A7A; } .featured_product .content_wrap_inner .icon_featured { display: inline-block; } .featured_product .content_wrap_inner h1 { display: inline-block; padding-left: 20px; } .featured_product .content_wrap_inner > h2 { padding-left: 55px; padding-bottom: 55px; } .featured_product .content_wrap_inner .featured_product_details { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .featured_product .content_wrap_inner .featured_product_details { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: block; } } .featured_product .content_wrap_inner .featured_product_details div { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .featured_product .content_wrap_inner .featured_product_details .image { -webkit-box-flex: 1 33%; -moz-box-flex: 1 33%; -ms-flex: 1 33%; flex: 1 33%; max-width: 33%; } @media (max-width: 767px) { .featured_product .content_wrap_inner .featured_product_details .image { -webkit-box-flex: 1 100%; -moz-box-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; max-width: 100%; padding-bottom: 60px; } } .featured_product .content_wrap_inner .featured_product_details .image img { width: 100%; } .featured_product .content_wrap_inner .featured_product_details .slideshow { -webkit-box-flex: 1 20%; -moz-box-flex: 1 20%; -ms-flex: 1 20%; flex: 1 20%; max-width: 190px; position: relative; text-align: center; } @media (max-width: 767px) { .featured_product .content_wrap_inner .featured_product_details .slideshow { -webkit-box-flex: 1 100%; -moz-box-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; max-width: 190px; margin: 0 auto; } } .featured_product .content_wrap_inner .featured_product_details .slideshow li p:first-of-type { font-family: "freight-micro-pro", serif; font-size: 26px; color: #7A7A7A; text-transform: uppercase; padding-top: 3.2vw; padding-bottom: 30px; } .featured_product .content_wrap_inner .featured_product_details .slideshow li p:last-of-type { font-size: 40px; padding-top: 35px; font-family: "ingra-condensed", sans-serif; font-weight: 200; color: #00AAE4; } .featured_product .content_wrap_inner .featured_product_details .slideshow img { max-width: 180px; width: 100%; height: 100%; } .featured_product .content_wrap_inner .featured_product_details .slideshow .flex-custom-nav { position: absolute; z-index: 1000; display: block; width: 100%; left: 0px; top: 3.7vw; } .featured_product .content_wrap_inner .featured_product_details .slideshow .flex-custom-nav .prev { float: left; } .featured_product .content_wrap_inner .featured_product_details .slideshow .flex-custom-nav .prev svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .featured_product .content_wrap_inner .featured_product_details .slideshow .flex-custom-nav .next { float: right; } .featured_product .content_wrap_inner .featured_product_details .slideshow .flex-custom-nav a { display: inline-block; cursor: pointer; } .featured_product .content_wrap_inner .featured_product_details .slideshow .flex-custom-nav a:hover svg { fill: #282828; } .featured_product .content_wrap_inner .featured_product_details .details { text-align: center; -webkit-box-flex: 1 30%; -moz-box-flex: 1 30%; -ms-flex: 1 30%; flex: 1 30%; max-width: 30%; padding-top: 3.4vw; } @media (max-width: 767px) { .featured_product .content_wrap_inner .featured_product_details .details { -webkit-box-flex: 1 100%; -moz-box-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; max-width: 100%; padding-top: 60px; } } .featured_product .content_wrap_inner .featured_product_details .details h3 { font-size: 48px; color: #00AAE4; } .featured_product .content_wrap_inner .featured_product_details .details h2 { font-family: "ingra-condensed", sans-serif; font-size: 24px; color: #7A7A7A; } .featured_product .content_wrap_inner .featured_product_details .details p { padding-top: 30px; padding-bottom: 40px; font-size: 21px; } .our_products_heading { padding-top: 115px; padding-bottom: 43px; background: #F4F4F4; } .our_products_heading svg { position: absolute; top: 50px; left: 0px; fill: #F4F4F4; } .our_products_heading h2 { padding-top: 0px; } .home_our_products { padding-top: 10px; background: #F4F4F4; } .home_our_products nav ul { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .home_our_products nav ul { display: block; } } .home_our_products nav ul .category_container { -webkit-box-flex: 1 33%; -moz-box-flex: 1 33%; -ms-flex: 1 33%; flex: 1 33%; max-width: 33.2%; margin-bottom: .2%; position: relative; background: #000; -webkit-transition: background .25s ease; transition: background .25s ease; } @media (max-width: 767px) { .home_our_products nav ul .category_container { display: block; max-width: 100%; width: 100%; } } .home_our_products nav ul .category_container:hover { background: #00AAE4; -webkit-transition: background .25s ease; transition: background .25s ease; } .home_our_products nav ul .category_container:hover a img { opacity: 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .home_our_products nav ul .category_container a { display: block; width: 100%; height: 100%; } .home_our_products nav ul .category_container a .heading_container { position: absolute; top: 0px; text-align: center; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } .home_our_products nav ul .category_container a .heading_container h2 { width: 90%; margin: 0 auto; font-family: "freight-micro-pro", serif; font-size: 28px; color: #FFF; text-transform: uppercase; } @media (max-width: 767px) { .home_our_products nav ul .category_container a .heading_container h2 { font-size: 32px; } } .home_our_products nav ul .category_container a img { width: 100%; opacity: 0.6; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .home_our_products nav ul .search_container { -webkit-box-flex: 1 33%; -moz-box-flex: 1 33%; -ms-flex: 1 33%; flex: 1 33%; max-width: 33.2%; margin-bottom: .2%; position: relative; background: #282828; } @media (max-width: 767px) { .home_our_products nav ul .search_container { -webkit-box-flex: 1 100%; -moz-box-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; max-width: 100%; width: 100%; height: 450px; } } .home_our_products nav ul .search_container .box { display: block; width: 100%; height: 100%; } .home_our_products nav ul .search_container .box .heading_container { position: absolute; top: 0px; text-align: center; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } .home_our_products nav ul .search_container .box .heading_container .svg_box { text-align: center; margin: 0 atuo; } @media (max-width: 900px) { .home_our_products nav ul .search_container .box .heading_container .svg_box svg { max-width: 50px; max-height: 50px; } } .home_our_products nav ul .search_container .box .heading_container h2 { width: 90%; margin: 0 auto; padding-top: 1.5vw; padding-bottom: 2vw; font-family: "freight-micro-pro", serif; font-size: 21px; color: #FFF; } @media (max-width: 767px) { .home_our_products nav ul .search_container .box .heading_container h2 { padding-top: 30px; padding-bottom: 40px; } } .home_our_products nav ul .search_container .box .heading_container .search { width: 80%; margin: 0 auto; text-align: center; position: relative; } .home_our_products nav ul .search_container .box .heading_container .search input { background: #000; color: #FFF; width: 83%; border: none; padding: 20px; float: left; } @media (max-width: 1100px) { .home_our_products nav ul .search_container .box .heading_container .search input { width: 75%; } } .home_our_products nav ul .search_container .box .heading_container .search input:focus { font-size: 11px; } .home_our_products nav ul .search_container .box .heading_container .search .search_submit { background: #00AAE4; font-family: "freight-micro-pro", serif; font-size: 21px; color: #FFF; padding: 15px 10px 17px 10px; float: left; width: 17%; max-width: 55px; } @media (max-width: 1100px) { .home_our_products nav ul .search_container .box .heading_container .search .search_submit { width: 25%; } } .home_our_products nav ul .search_container .box .heading_container .search .search_submit:hover { background: #000; } .about .page_heading { margin-top: 25px; background: #F4F4F4; } .about .page_heading h1 { font-weight: 300; } .about_introduction_background { padding-top: 80px; min-height: 480px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: inherit; } .about_introduction_background h3 { padding-left: 2.5%; padding-right: 2.5%; padding-top: 7vw; font: "ingra", sans-serif; font-weight: 300; font-size: 36px; color: #FFF; text-align: center; } .introduction_white_container { padding-top: 80px; padding-bottom: 80px; background: #FFF; } .introduction_white_container .content_wrap_inner { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .introduction_white_container .content_wrap_inner { display: block; } } .introduction_white_container article { -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; font-size: 18px; } .introduction_white_container .columns { max-width: 100%; -moz-column-count: 2; -moz-column-gap: 50px; -webkit-column-count: 2; -webkit-column-gap: 50px; column-count: 2; column-gap: 50px; } @media (max-width: 767px) { .introduction_white_container .columns { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; max-width: 100%; width: 100%; padding: 0px 0px 0px 0px; } } .introduction_white_container .contact_details { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; text-align: center; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 767px) { .introduction_white_container .contact_details { padding-top: 30px; } } .introduction_white_container .contact_details h2 { font-weight: 700; font-size: 21px; padding-bottom: 30px; } .introduction_white_container .contact_details ul li:not(:last-of-type) { padding-bottom: 5px; } .introduction_white_container .contact_details ul li a { -webkit-transition: color .25s ease; transition: color .25s ease; } .introduction_white_container .contact_details ul li a:hover { color: #00AAE4; -webkit-transition: color .25s ease; transition: color .25s ease; } .warranty_container { padding-top: 80px; background: #F4F4F4; } .warranty_container .content_wrap_inner .warranty_content { float: left; width: 50%; } @media (max-width: 767px) { .warranty_container .content_wrap_inner .warranty_content { width: 100%; } } .warranty_container .content_wrap_inner .warranty_content h2 { padding-bottom: 50px; } .warranty_container .content_wrap_inner .warranty_content p { font-size: 18px; } .warranty_container .content_wrap_inner .warranty_content a { margin-top: 50px; } .warranty_container .content_wrap_inner .quality_container { float: right; width: 30%; text-align: center; } @media (max-width: 1000px) { .warranty_container .content_wrap_inner .quality_container { width: 45%; } } @media (max-width: 767px) { .warranty_container .content_wrap_inner .quality_container { width: 100%; padding-top: 50px; } } .warranty_container .content_wrap_inner .quality_container h3 { padding-top: 35px; padding-bottom: 50px; font-family: "ingra", sans-serif; font-weight: 300; font-size: 56px; color: #00AAE4; } .warranty_container .content_wrap_inner .quality_container p { font-size: 21px; } .stockists .page_heading { margin-top: 25px; background: #F4F4F4; } .stockists .page_heading h1 { font-weight: 300; } .space-bottom-3x { font-size: 52px; font-family: "ingra-condensed", sans-serif; } .stockists_map { background: #F4F4F4; } .stockists_header_columns { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-bottom: 75px; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .stockists_header_columns { display: block; } } .stockists_header_columns article { -webkit-box-flex: 1 28%; -moz-box-flex: 1 28%; -ms-flex: 1 28%; flex: 1 28%; max-width: 28%; text-align: center; } @media (max-width: 767px) { .stockists_header_columns article { max-width: 100%; width: 100%; } } .stockists_header_columns article:last-of-type { padding-top: 20px; } @media (max-width: 767px) { .stockists_header_columns article:last-of-type { padding-top: 0px; } } .stockists_header_columns article:last-of-type p span { color: #00AAE4; } .downloads .page_heading { margin-top: 25px; background: #F4F4F4; } .downloads .page_heading h1 { font-weight: 300; } .downloads .page_heading .content_wrap_inner .downloads_heading { width: 50%; float: left; padding-right: 25px; } @media (max-width: 767px) { .downloads .page_heading .content_wrap_inner .downloads_heading { width: 100%; float: none; padding-right: 0px; } } .downloads .page_heading .content_wrap_inner .downloads_search { width: 50%; float: left; padding-left: 25px; } @media (max-width: 767px) { .downloads .page_heading .content_wrap_inner .downloads_search { width: 100%; float: none; padding-left: 0px; } } .downloads .page_heading .content_wrap_inner .downloads_search p { font-family: "ingra-condensed", sans-serif; font-size: 28px; color: #7A7A7A; padding-top: 100px; } @media (max-width: 767px) { .downloads .page_heading .content_wrap_inner .downloads_search p { padding-top: 50px; } } .downloads .page_heading .content_wrap_inner .downloads_search .search ::-webkit-input-placeholder { color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .downloads .page_heading .content_wrap_inner .downloads_search .search :-moz-placeholder { /* Firefox 18- */ color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .downloads .page_heading .content_wrap_inner .downloads_search .search ::-moz-placeholder { /* Firefox 19+ */ color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .downloads .page_heading .content_wrap_inner .downloads_search .search :-ms-input-placeholder { color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .downloads .page_heading .content_wrap_inner .downloads_search .search input { width: 80%; background: #FFF; padding: 14px 21px; border: none; font-size: 21px; display: inline-block; float: left; font-family: "freight-micro-pro", serif; } @media (max-width: 1000px) { .downloads .page_heading .content_wrap_inner .downloads_search .search input { width: 70%; } } .downloads .page_heading .content_wrap_inner .downloads_search .search .search_submit { background: #000; color: #FFF; display: inline-block; cursor: pointer; max-width: 76px; width: 20%; } @media (max-width: 1000px) { .downloads .page_heading .content_wrap_inner .downloads_search .search .search_submit { width: 30%; } } .downloads .page_heading .content_wrap_inner .downloads_search .search .search_submit:hover { background: #00AAE4; -webkit-transition: background .25s ease; transition: background .25s ease; } .downloads_container { background: #F4F4F4; } .downloads_container nav { text-align: center; padding-top: 100px; padding-bottom: 80px; } .downloads_container nav ul li { display: inline-block; } @media (max-width: 767px) { .downloads_container nav ul li { display: block; } } .downloads_container nav ul li:nth-of-type(2) { margin-left: 80px; margin-right: 80px; } @media (max-width: 767px) { .downloads_container nav ul li:nth-of-type(2) { margin: 40px 0px; } } .downloads_container nav ul li a { font-size: 28px; padding-bottom: 20px; border-bottom: 2px solid #F4F4F4; } @media (max-width: 767px) { .downloads_container nav ul li a { padding-bottom: 10px; } } .downloads_container nav ul li a:hover { color: #00AAE4; border-bottom: 2px solid #00AAE4; } .active { color: #00AAE4; } .active a { border-bottom: 2px solid #00AAE4; } .flexbox_container_brochures { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1000px) { .flexbox_container_brochures { -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .flexbox_container_brochures li:nth-of-type(4n + 1) { margin-right: 2%; } @media (max-width: 1000px) { .flexbox_container_brochures li:nth-of-type(4n + 1) { margin-right: 0%; } } .flexbox_container_brochures li:nth-of-type(4n + 2) { margin-left: 2%; margin-right: 2%; } @media (max-width: 1000px) { .flexbox_container_brochures li:nth-of-type(4n + 2) { margin-right: 0%; margin-left: 0%; } } .flexbox_container_brochures li:nth-of-type(4n + 3) { margin-left: 2%; margin-right: 2%; } @media (max-width: 1000px) { .flexbox_container_brochures li:nth-of-type(4n + 3) { margin-left: 0%; } } .flexbox_container_brochures li:nth-of-type(4n + 4) { margin-left: 2%; } @media (max-width: 1000px) { .flexbox_container_brochures li:nth-of-type(4n + 4) { margin-left: 0%; } } .flexbox_container_brochures li { -webkit-box-flex: 1 22%; -moz-box-flex: 1 22%; -ms-flex: 1 22%; flex: 1 22%; max-width: 22%; text-align: center; background: #FFF; border-top: 5px #000 solid; padding-bottom: 20px; margin-bottom: 40px; padding-left: 10px; padding-right: 10px; } @media (max-width: 1000px) { .flexbox_container_brochures li { -webkit-box-flex: 1 48%; -moz-box-flex: 1 48%; -ms-flex: 1 48%; flex: 1 48%; max-width: 48%; } } @media (max-width: 767px) { .flexbox_container_brochures li { -webkit-box-flex: 1 100%; -moz-box-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; max-width: 100%; } } .flexbox_container_brochures li p { font-family: "ingra-condensed", sans-serif; font-size: 18px; padding-bottom: 10px; } .flexbox_container_videos { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flexbox_container_videos li { background: #FFF; border-top: 5px #000 solid; padding: 20px; margin-bottom: 40px; -webkit-box-flex: 1 48%; -moz-box-flex: 1 48%; -ms-flex: 1 48%; flex: 1 48%; max-width: 48%; } @media (max-width: 767px) { .flexbox_container_videos li { -webkit-box-flex: 1 100%; -moz-box-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; max-width: 100%; } } .flexbox_container_videos li .embed_container { position: relative; width: 100%; height: 100%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .flexbox_container_videos li iframe { width: 100%; max-width: 100%; } .flexbox_container_videos li .button_container { padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flexbox_container_videos li .button_container p { font-family: "ingra-condensed", sans-serif; font-size: 18px; } .flexbox_container_videos li .button_container p, .flexbox_container_videos li .button_container a { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .contact-us .page_heading { margin-top: 25px; background: #F4F4F4; } .contact_us_form_container { background: #F4F4F4; } .location_contact_details { padding-top: 100px; padding-bottom: 80px; background: #F4F4F4; } .location_contact_details .contact_details { padding-top: 60px; display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 767px) { .location_contact_details .contact_details { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .location_contact_details .contact_details div { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } @media (max-width: 767px) { .location_contact_details .contact_details div { padding-bottom: 30px; } } .location_contact_details .contact_details div ul li:not(:last-of-type) { padding-bottom: 5px; } .location_contact_details .contact_details div ul li a { font-family: "ingra", sans-serif; font-size: 21px; -webkit-transition: color .25s ease; transition: color .25s ease; } .location_contact_details .contact_details div ul li a:hover { color: #00AAE4; -webkit-transition: color .25s ease; transition: color .25s ease; } .location_contact_details .contact_details div .number, .location_contact_details .contact_details div .email { font-family: "ingra-condensed", sans-serif; font-size: 28px; } .location_contact_details .contact_details div .number a, .location_contact_details .contact_details div .number a[href*="mailto:"], .location_contact_details .contact_details div .email a, .location_contact_details .contact_details div .email a[href*="mailto:"] { font-family: "freight-micro-pro", serif; padding-top: 5px; display: block; color: #00AAE4; -webkit-transition: color .25s ease; transition: color .25s ease; } .location_contact_details .contact_details div .number a:hover, .location_contact_details .contact_details div .number a[href*="mailto:"]:hover, .location_contact_details .contact_details div .email a:hover, .location_contact_details .contact_details div .email a[href*="mailto:"]:hover { color: #000; -webkit-transition: color .25s ease; transition: color .25s ease; } .flex-control-nav { width: 100%; height: 12px; position: absolute; text-align: center; z-index: 10; } .flex-control-nav li { display: inline-block; zoom: 1; *display: inline; } .flex-control-nav li:not(:first-of-type) { margin: 0 5px; } .flex-control-nav li:first-of-type { margin: 0 5px 0px 0px; } @media (max-width: 767px) { .flex-control-nav li { display: none; } } .flex-control-paging li a { width: 22px; height: 22px; display: block; cursor: pointer; text-indent: -9999px; border-radius: 40px; } .flex-control-paging li a.flex-active { cursor: default; } .hero_slideshow .flex-control-nav { bottom: 80px; } @media (max-width: 767px) { .hero_slideshow .flex-control-nav { bottom: 40px; } } .hero_slideshow .flex-control-paging li a { background: #FFF; border: 1px solid #FFF; } .hero_slideshow .flex-control-paging li a:hover { background: #00AAE4; border: 1px solid #00AAE4; } .hero_slideshow .flex-control-paging li a.flex-active { background: #000; border: 1px solid #000; } .subscribe_and_find { padding-top: 80px; padding-bottom: 100px; background: #F4F4F4; } .subscribe_and_find .content_wrap_inner { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 767px) { .subscribe_and_find .content_wrap_inner { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .subscribe_and_find .content_wrap_inner .subscribe_container { position: relative; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 60px 60px 80px 60px; color: #FFF; background: #282828; } @media (max-width: 767px) { .subscribe_and_find .content_wrap_inner .subscribe_container { padding: 30px 30px 40px 30px; } } .subscribe_and_find .content_wrap_inner .subscribe_container > p:first-of-type { padding-top: 38px; padding-bottom: 80px; } .subscribe_and_find .content_wrap_inner .find_a_stockist_container { position: relative; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; padding: 60px 60px 80px 60px; text-align: center; background: #000; } @media (max-width: 767px) { .subscribe_and_find .content_wrap_inner .find_a_stockist_container { padding: 30px 30px 40px 30px; } } .subscribe_and_find .content_wrap_inner .find_a_stockist_container h1 { position: relative; z-index: 2; padding-bottom: 31px; } .subscribe_and_find .content_wrap_inner .find_a_stockist_container .icon_map_pointer { position: relative; z-index: 2; display: block; margin: 0 auto; } .subscribe_and_find .content_wrap_inner .find_a_stockist_container a { margin-top: 77px; position: relative; z-index: 2; } .subscribe_and_find .content_wrap_inner .find_a_stockist_container .icon_map_australia { position: absolute; top: 20px; left: 19%; z-index: 1; } @media (max-width: 1200px) { .subscribe_and_find .content_wrap_inner .find_a_stockist_container .icon_map_australia { display: none; } } .js_hide_form_after_submission { display: block; } .subscribe_form_white ::-webkit-input-placeholder { color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .subscribe_form_white :-moz-placeholder { /* Firefox 18- */ color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .subscribe_form_white ::-moz-placeholder { /* Firefox 19+ */ color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .subscribe_form_white :-ms-input-placeholder { color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .subscribe_form_white #mc_embed_signup_scroll > input:first-of-type { width: 80%; } @media (max-width: 1000px) { .subscribe_form_white #mc_embed_signup_scroll > input:first-of-type { width: 70%; } } .subscribe_form_white #mc_embed_signup_scroll input { background: #FFF; padding: 14px 21px; border: none; font-size: 21px; display: inline-block; float: left; font-family: "freight-micro-pro", serif; } .subscribe_form_white #mc_embed_signup_scroll .submit { background: #00AAE4; color: #FFF; font-weight: 700; display: inline-block; cursor: pointer; max-width: 76px; width: 20%; } @media (max-width: 1000px) { .subscribe_form_white #mc_embed_signup_scroll .submit { width: 30%; } } .subscribe_form_white #mc_embed_signup_scroll .submit:hover { background: #000; -webkit-transition: background .25s ease; transition: background .25s ease; } .subscribe_form_black { padding-top: 113px; } @media (max-width: 767px) { .subscribe_form_black { padding-top: 30px; } } .subscribe_form_black ::-webkit-input-placeholder { color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .subscribe_form_black :-moz-placeholder { /* Firefox 18- */ color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .subscribe_form_black ::-moz-placeholder { /* Firefox 19+ */ color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .subscribe_form_black :-ms-input-placeholder { color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .subscribe_form_black #mc_embed_signup_scroll input[type="email"]:focus { color: #FFF; } .subscribe_form_black #mc_embed_signup_scroll > input:first-of-type { width: 65%; color: #FFF; } @media (max-width: 767px) { .subscribe_form_black #mc_embed_signup_scroll > input:first-of-type { width: 50%; } } @media (max-width: 480px) { .subscribe_form_black #mc_embed_signup_scroll > input:first-of-type { width: 100%; } } .subscribe_form_black #mc_embed_signup_scroll input { background: rgba(0, 0, 0, 0.7); padding: 14px 21px; border: none; font-size: 21px; display: inline-block; float: left; font-family: "freight-micro-pro", serif; } .subscribe_form_black #mc_embed_signup_scroll .submit { background: #00AAE4; color: #FFF; font-weight: 700; display: inline-block; cursor: pointer; width: 35%; } @media (max-width: 767px) { .subscribe_form_black #mc_embed_signup_scroll .submit { width: 50%; } } @media (max-width: 480px) { .subscribe_form_black #mc_embed_signup_scroll .submit { width: 100%; } } .subscribe_form_black #mc_embed_signup_scroll .submit:hover { background: #000; -webkit-transition: background .25s ease; transition: background .25s ease; } .subscribe_with_background { padding-top: 80px; min-height: 520px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: inherit; } .subscribe_with_background .content_wrap_inner { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; z-index: 1; } @media (max-width: 767px) { .subscribe_with_background .content_wrap_inner { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .subscribe_with_background .content_wrap_inner .subscribe_details { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .subscribe_with_background .content_wrap_inner .subscribe_details p { padding-top: 60px; color: #FFF; padding-right: 40px; } .subscribe_with_background .content_wrap_inner .subscribe_form { -webkit-box-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2; } .testimonial_container { min-height: 510px; height: 100%; z-index: 2; position: relative; width: 1440px; margin: 0 auto; background: #F4F4F4; } @media (max-width: 1470px) { .testimonial_container { max-width: 1440px; width: 100%; padding-right: 15px; padding-left: 15px; } } @media (max-width: 1000px) { .testimonial_container { min-height: 700px; } } @media (max-width: 767px) { .testimonial_container { min-height: 470px; } } .testimonial_container .custom_wrap { z-index: 10; position: absolute; top: -160px; z-index: 3; background: none; width: 100%; padding-left: calc( (100% - 1280px) /2); } @media (max-width: 1470px) { .testimonial_container .custom_wrap { padding-right: 15px; background: none; } } @media (max-width: 767px) { .testimonial_container .custom_wrap { top: -100px; } } @media (max-width: 480px) { .testimonial_container .custom_wrap { top: -60px; } } .testimonial_container .custom_wrap .testimonial_info { padding-top: 78px; padding-bottom: 80px; text-align: center; background: #FFF; max-width: 1280px; position: relative; } @media (max-width: 1470px) { .testimonial_container .custom_wrap .testimonial_info { margin-right: 15px; } } .testimonial_container .custom_wrap .testimonial_info .icon_quotations:first-of-type { position: absolute; top: 0px; left: 10%; } .testimonial_container .custom_wrap .testimonial_info p { padding-top: 0px; } .testimonial_container .custom_wrap .testimonial_info p:first-of-type { font-family: "ingra", sans-serif; font-size: 21px; font-weight: 700; color: #7A7A7A; line-height: 21px; } .testimonial_container .custom_wrap .testimonial_info p:last-of-type { text-transform: uppercase; color: #000; font-weight: 300; font-size: 48px; line-height: 60px; max-width: 75%; margin: 0 auto; padding-top: 30px; padding-bottom: 50px; } @media (max-width: 767px) { .testimonial_container .custom_wrap .testimonial_info p:last-of-type { font-size: 24px; } } .testimonial_container .custom_wrap .testimonial_info .icon_quotations:last-of-type { position: absolute; bottom: 0px; right: 10%; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .make_an_enquiry_container { background: #F4F4F4; } .make_an_enquiry_container h2 { padding-bottom: 55px; } .about .make_an_enquiry_container, .stockists .make_an_enquiry_container, .downloads .make_an_enquiry_container { padding-top: 100px; padding-bottom: 120px; } @media (max-width: 767px) { .about .make_an_enquiry_container, .stockists .make_an_enquiry_container, .downloads .make_an_enquiry_container { padding-bottom: 60px; } } .single .make_an_enquiry_container { padding-bottom: 100px; } @media (max-width: 767px) { .single .make_an_enquiry_container { padding-bottom: 60px; } } .make_an_enquiry_form { width: 100%; } .make_an_enquiry_form input[type="text"]:focus, .make_an_enquiry_form textarea[type="text"]:focus, .make_an_enquiry_form input[type="email"]:focus, .make_an_enquiry_form input[type="number"]:focus { font-family: "freight-micro-pro", serif; font-size: 21px; } .make_an_enquiry_form ::-webkit-input-placeholder { color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .make_an_enquiry_form :-moz-placeholder { /* Firefox 18- */ color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .make_an_enquiry_form ::-moz-placeholder { /* Firefox 19+ */ color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .make_an_enquiry_form :-ms-input-placeholder { color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .make_an_enquiry_form label:first-of-type input { width: 30%; } @media (max-width: 767px) { .make_an_enquiry_form label:first-of-type input { width: 100%; margin-top: 0px; } } .make_an_enquiry_form label:nth-of-type(2) input { margin-left: 1%; margin-right: 1%; width: 41%; } @media (max-width: 767px) { .make_an_enquiry_form label:nth-of-type(2) input { width: 100%; margin-right: 0%; margin-left: 0%; } } .make_an_enquiry_form label:nth-of-type(3) input { width: 27%; } @media (max-width: 767px) { .make_an_enquiry_form label:nth-of-type(3) input { width: 100%; } } .make_an_enquiry_form label:nth-of-type(5) textarea { margin-top: 20px; width: 79%; margin-right: 1%; max-height: 57px; } @media (max-width: 1100px) { .make_an_enquiry_form label:nth-of-type(5) textarea { width: 64%; } } @media (max-width: 767px) { .make_an_enquiry_form label:nth-of-type(5) textarea { width: 100%; margin-right: 0%; } } .make_an_enquiry_form input, .make_an_enquiry_form textarea { background: #FFF; padding: 14px 21px; border: none; font-size: 21px; display: inline-block; float: left; font-family: "freight-micro-pro", serif; } @media (max-width: 767px) { .make_an_enquiry_form input, .make_an_enquiry_form textarea { margin-top: 20px; } } .make_an_enquiry_form .submit { margin-top: 20px; background: #000; color: #FFF; font-weight: 700; display: inline-block; cursor: pointer; width: 20%; font-family: "freight-micro-pro", serif; } @media (max-width: 1100px) { .make_an_enquiry_form .submit { width: 35%; } } @media (max-width: 767px) { .make_an_enquiry_form .submit { width: 100%; } } .make_an_enquiry_form .submit:hover { background: #00AAE4; -webkit-transition: background .25s ease; transition: background .25s ease; } .contact_form { width: 100%; padding-top: 80px; } .contact_form ::-webkit-input-placeholder { color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .contact_form :-moz-placeholder { /* Firefox 18- */ color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .contact_form ::-moz-placeholder { /* Firefox 19+ */ color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .contact_form :-ms-input-placeholder { color: #7A7A7A; text-transform: none; font-family: "freight-micro-pro", serif; } .contact_form label:first-of-type input { width: 30%; } @media (max-width: 767px) { .contact_form label:first-of-type input { width: 100%; margin-top: 0px; } } .contact_form label:nth-of-type(2) input { margin-left: 1%; margin-right: 1%; width: 41%; } @media (max-width: 767px) { .contact_form label:nth-of-type(2) input { width: 100%; margin-right: 0%; margin-left: 0%; } } .contact_form label:nth-of-type(3) input { width: 27%; } @media (max-width: 767px) { .contact_form label:nth-of-type(3) input { width: 100%; } } .contact_form label:nth-of-type(4) input { width: 49%; margin-right: 1%; margin-top: 20px; } @media (max-width: 767px) { .contact_form label:nth-of-type(4) input { width: 100%; } } .contact_form label:nth-of-type(5) input { width: 49%; margin-left: 1%; margin-top: 20px; } @media (max-width: 767px) { .contact_form label:nth-of-type(5) input { width: 100%; } } .contact_form label:nth-of-type(7) textarea { margin-top: 20px; width: 79%; margin-right: 1%; max-height: 57px; } @media (max-width: 1100px) { .contact_form label:nth-of-type(7) textarea { width: 64%; } } @media (max-width: 767px) { .contact_form label:nth-of-type(7) textarea { width: 100%; margin-right: 0%; } } .contact_form input, .contact_form textarea { background: #FFF; padding: 14px 21px; border: none; font-size: 21px; display: inline-block; float: left; font-family: "freight-micro-pro", serif; } @media (max-width: 767px) { .contact_form input, .contact_form textarea { margin-top: 20px; } } .contact_form .submit { margin-top: 20px; background: #000; color: #FFF; font-weight: 700; display: inline-block; cursor: pointer; width: 20%; font-family: "freight-micro-pro", serif; } @media (max-width: 1100px) { .contact_form .submit { width: 35%; } } @media (max-width: 767px) { .contact_form .submit { width: 100%; } } .contact_form .submit:hover { background: #00AAE4; -webkit-transition: background .25s ease; transition: background .25s ease; } .testimonials_container { background: #FFF; text-align: center; padding-top: 80px; } .testimonials_container div { width: 80%; } .testimonials_container div h3 { font-family: "ingra-condensed", sans-serif; font-weight: 400; font-size: 28px; padding-bottom: 5px; margin-bottom: 60px; } .testimonials_container div h3 span { border-bottom: 2px solid #000; } .testimonials_container div p { font-weight: 300; font-size: 36px; line-height: 1.2; } @media (max-width: 767px) { .testimonials_container div p { line-height: 1.5; font-size: 24px; } } .testimonials_container div p span { font-weight: 700; font-size: 48px; color: #00AAE4; } @media (max-width: 767px) { .testimonials_container div p span { font-size: 36px; } } .product_category_archive_nav { display: block; max-width: 400px; position: relative; padding-bottom: 30px; z-index: 3; } .product_category_archive_nav button { width: 100%; display: block; border-bottom: 1px dotted #000; } .product_category_archive_nav button p { display: inline-block; float: left; font-family: "freight-micro-pro", serif; font-size: 21px; line-height: 21px; margin-bottom: 10px; } .product_category_archive_nav button .icon_down_arrow { position: relative; display: inline-block; float: right; vertical-align: baseline; margin-top: 10px; fill: #000; } .product_category_archive_nav button:hover { color: #00AAE4; border-bottom: 1px dotted #00AAE4; } .product_category_archive_nav button:hover .icon_down_arrow { fill: #00AAE4; } .product_category_archive_nav ul .inner_nav { position: absolute; width: 100%; z-index: 2; } .product_category_archive_nav ul .inner_nav ul { background: #F4F4F4; display: block; padding-top: 20px; padding-bottom: 30px; display: none; } .product_category_archive_nav ul .inner_nav ul li { margin-bottom: 10px; margin-left: 10px; margin-right: 10px; padding-bottom: 10px; border-bottom: 1px dotted #000; } .product_category_archive_nav ul .inner_nav ul li a:hover { color: #00AAE4; } .product_category_archive_nav ul .inner_nav ul li p { color: #00AAE4; font-size: 21px; } .product_category_archive_intro_text { max-width: 620px; } .archive .page_heading { background: #F4F4F4; margin-top: 25px; } .archive .page_heading h1 { font-weight: 300; } .product_category_archive { padding-top: 65px; padding-bottom: 50px; background: #F4F4F4; } .product_category_archive section ul { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; } @media (max-width: 767px) { .product_category_archive section ul { display: block; } } .product_category_archive section ul li:nth-of-type(3n + 1) { padding-right: 2.5%; } @media (max-width: 767px) { .product_category_archive section ul li:nth-of-type(3n + 1) { padding-right: 0%; } } .product_category_archive section ul li:nth-of-type(3n + 2) { padding-left: 1.25%; padding-right: 1.25%; } @media (max-width: 767px) { .product_category_archive section ul li:nth-of-type(3n + 2) { padding-right: 0%; padding-left: 0%; } } .product_category_archive section ul li:nth-of-type(3n + 3) { padding-left: 2.5%; } @media (max-width: 767px) { .product_category_archive section ul li:nth-of-type(3n + 3) { padding-left: 0%; } } .product_category_archive section ul .category_container { -webkit-box-flex: 1 30%; -moz-box-flex: 1 30%; -ms-flex: 1 30%; flex: 1 30%; max-width: 30%; margin-bottom: 5%; position: relative; -webkit-transition: background .25s ease; transition: background .25s ease; } @media (max-width: 767px) { .product_category_archive section ul .category_container { display: block; max-width: 100%; width: 100%; } } .product_category_archive section ul .category_container:hover { -webkit-transition: background .25s ease; transition: background .25s ease; } .product_category_archive section ul .category_container:hover a img { opacity: 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .product_category_archive section ul .category_container:hover a button { background: #00AAE4; } .product_category_archive section ul .category_container a { position: relative; display: block; width: 100%; height: 100%; background: #000; -webkit-transition: .25s ease background; transition: .25s ease background; } .product_category_archive section ul .category_container a:hover { background: #00AAE4; -webkit-transition: .25s ease background; transition: .25s ease background; } .product_category_archive section ul .category_container a .heading_container { position: absolute; top: 0px; text-align: center; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } .product_category_archive section ul .category_container a .heading_container h2 { width: 90%; margin: 0 auto; font-family: "freight-micro-pro", serif; font-size: 28px; color: #FFF; } .product_category_archive section ul .category_container a .heading_container p { font-family: "ingra", sans-serif; font-size: 18px; color: #FFF; } .product_category_archive section ul .category_container a button { position: absolute; bottom: 20px; right: 20px; } .product_category_archive section ul .category_container a img { width: 100%; opacity: 0.6; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .back_to_top_button { position: fixed; right: 0px; top: 5vw; z-index: 1000; padding: 10px 15px 16px 15px; text-align: center; color: #FFF; background: #000; } .back_to_top_button svg { fill: #FFF; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .back_to_top_button p { padding-top: 5px; font-family: "freight-micro-pro", serif; font-size: 13px; line-height: 13px; color: #FFF; display: block; } .single_product_outer_container { margin-top: 25px; } .single_product_outer_container .content_wrap_outer { background: #F4F4F4 !important; } .product_single_intro_heading { padding-bottom: 0px !important; font-weight: 300 !important; } .js_flexslider_single_product .flex-control-nav { position: relative; height: auto; } @media (max-width: 960px) { .js_flexslider_single_product .flex-control-nav { display: none; } } .js_flexslider_single_product .flex-control-nav li { cursor: pointer; border: 1px solid #7A7A7A; } .js_flexslider_single_product .flex-control-nav li:hover { border: 1px solid #00AAE4; } .js_flexslider_single_product .flex-control-nav li:hover img { opacity: 0.7; } .single_product_container { background: #F4F4F4; display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 95px; padding-top: 30px; } @media (max-width: 767px) { .single_product_container { display: block; } } .single_product_container .image_container { -webkit-box-flex: 1 47%; -moz-box-flex: 1 47%; -ms-flex: 1 47%; flex: 1 47%; max-width: 47%; } @media (max-width: 767px) { .single_product_container .image_container { width: 100%; max-width: 100%; padding-bottom: 60px; } } .single_product_container .image_container .images { position: relative; background: #FFF; padding: 20px; margin-bottom: 35px; } .single_product_container .image_container .images .product_enquire { position: absolute; right: 10px; top: 10px; color: #00AAE4; font-family: "freight-micro-pro", serif; z-index: 2; } .single_product_container .image_container .images .product_enquire svg { margin-left: 5px; } .single_product_container .image_container .buttons { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 1130px) { .single_product_container .image_container .buttons { display: block; } } .single_product_container .image_container .buttons a:nth-of-type(2) { margin-left: 7%; } @media (max-width: 1130px) { .single_product_container .image_container .buttons a:nth-of-type(2) { margin-top: 20px; margin-left: 0px; } } .single_product_container .image_container .buttons .icon_map_pointer { max-width: 14px; max-height: 20px; } .single_product_container .content_container { -webkit-box-flex: 1 47%; -moz-box-flex: 1 47%; -ms-flex: 1 47%; flex: 1 47%; max-width: 47%; } @media (max-width: 767px) { .single_product_container .content_container { width: 100%; max-width: 100%; } } .single_product_container .content_container p { margin-bottom: 0em; } .single_product_container .content_container > h3 { padding-top: 40px; font-size: 21px; font-weight: 700; } .single_product_container .content_container > ul li { padding-top: 20px; font-family: "ingra", sans-serif; color: #282828; font-size: 20px; } .single_product_container .content_container > ul li svg { margin-right: 5px; } .single_product_container .content_container .specifications_container { background: #FFF; padding: 0px 35px 10px 35px; border-top: 5px solid #000; margin-top: 80px; } .single_product_container .content_container .specifications_container h3 { font-size: 21px; font-weight: 700; padding-top: 40px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #7A7A7A; } .single_product_container .content_container .specifications_container ul { max-width: 70%; } @media (max-width: 767px) { .single_product_container .content_container .specifications_container ul { max-width: 100%; } } .single_product_container .content_container .specifications_container ul li { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: left; padding-bottom: 20px; font-family: "ingra", sans-serif; } .single_product_container .content_container .specifications_container ul li span { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .single_product_container .content_container .specifications_container ul li span:nth-of-type(2) { font-weight: 700; } .single_product_container .content_container .specifications_container img { width: 100%; } .extra_products { padding-top: 35px; padding-bottom: 90px; } .extra_products section ul { display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767px) { .extra_products section ul { display: block; } } .extra_products section ul .category_container { -webkit-box-flex: 1 24.8%; -moz-box-flex: 1 24.8%; -ms-flex: 1 24.8%; flex: 1 24.8%; max-width: 24.8%; margin-bottom: .5%; position: relative; background: #000; -webkit-transition: background .25s ease; transition: background .25s ease; } @media (max-width: 1050px) { .extra_products section ul .category_container { -webkit-box-flex: 1 49.8%; -moz-box-flex: 1 49.8%; -ms-flex: 1 49.8%; flex: 1 49.8%; max-width: 49.8%; } } @media (max-width: 767px) { .extra_products section ul .category_container { display: block; max-width: 100%; width: 100%; } } .extra_products section ul .category_container:hover { background: #00AAE4; -webkit-transition: background .25s ease; transition: background .25s ease; } .extra_products section ul .category_container:hover a img { opacity: 0; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; } .extra_products section ul .category_container:hover a button { background: #FFF; color: #000; } .extra_products section ul .category_container a { display: block; width: 100%; height: 100%; } .extra_products section ul .category_container a .heading_container { position: absolute; top: 0px; text-align: center; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; } .extra_products section ul .category_container a .heading_container h2 { width: 90%; margin: 0 auto; font-family: "freight-micro-pro", serif; font-size: 28px; color: #FFF; } .extra_products section ul .category_container a .heading_container p { color: #FFF; } .extra_products section ul .category_container a button { position: absolute; bottom: 20px; right: 20px; } .extra_products section ul .category_container a img { width: 100%; opacity: 0.6; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; }