/** Theme Name: Intergalactic Fireworks Child Template: astra Author: Creative Web Results Author URI: https://www.creativewebresults.com/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme! Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: intergalactic-fireworks-child Template: astra */ /*** Common CSS *** START ****/ @import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,500,600,700,800'); body { font-family: 'Montserrat'; font-size: 18px; line-height: 20px; color: #2d2d2d; font-weight: normal; } a { color: #2d2d2d; text-decoration: none; transition: all 0.2s; outline: none !important; } a:hover { color: #e33000; text-decoration: none; } img { max-width: 100%; width: auto; outline: none;} p { font-size: 18px; font-family: 'Montserrat'; line-height: 25px; font-weight: 500; color: #2d2d2d; margin-bottom: 15px !important;} .seo-content .main-title-wrap .njba-heading-sub-title p{ letter-spacing:0px; } .default-content h2 { font-size: 30px !important; font-family: 'Montserrat' !important; line-height: 30px !important; font-weight: 700 !important; color: #111 !important; margin-bottom: 15px !important; } .default-content h3 { font-size: 25px !important; font-family: 'Montserrat' !important; line-height: 30px !important; font-weight: 600 !important; color: #111 !important; margin-bottom: 15px !important; } .default-content h4 { font-size: 20px !important; font-family: 'Montserrat' !important; line-height: 25px !important; font-weight: 600 !important; color: #111 !important; margin-bottom: 15px !important; } .blank-space-divider { display: inline-block; width: 100%; height: 30px; margin: 0px; padding: 0px; } .theme-list { margin: 20px 0px 30px 0px; padding: 0px; display: inline-block; width: 100%;} .theme-list li { float: left; list-style: none; display: inline-block; width: 100%; margin-top: 10px; font-size: 18px; font-family: 'Montserrat'; line-height: 25px; font-weight: 500; color: #2d2d2d; padding-left: 30px; } .theme-list li:first-child { margin-top: 0px; } .theme-list li::before { content: "\f111"; position: absolute; margin-left: -20px; color: #e33000; font-size: 12px; font-family: 'Font Awesome 5 Free'; } .strong400 { font-weight: 400; } .strong500 { font-weight: 500; } .strong600 { font-weight: 600; } .strong700 { font-weight: 700; } .strong800 { font-weight: 800; } .width100p { width: 100%; } .tt-uppercase { text-transform: uppercase; } ::selection { background: #e33000; color: #FFF; } ::-moz-selection { background: #e33000; color: #FFF; } .site .site-content { padding-top: 55px; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .scroll-top-btn { position: fixed; right: 20px; bottom: 20px; height: 60px; width: 60px; text-align: center; line-height: 60px; background: rgba(210,44,10,0.8); border-radius: 5px; font-size: 35px; z-index: 999; opacity: 0; color: #FFF !important; transition: all 0.2s; } .scroll-top-btn:hover { background: rgba(0,0,0,0.95); color: #FFF !important; } .scroll-top-btn.show { opacity: 1; } .theme-btn .fl-module-content.fl-node-content .fl-button { padding: 20px 40px; background: #e33000; font-family: 'Montserrat'; font-size: 18px; line-height: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; outline: none; border: none; border-radius: 0px; transition: all 0.2s; } .theme-btn .fl-module-content.fl-node-content .fl-button .fl-button-text { color: #FFF; } .theme-btn .fl-module-content.fl-node-content .fl-button:hover { background: #9e2200; } .theme-btn.black-btn .fl-module-content.fl-node-content .fl-button { background: #000; } .theme-btn.black-btn .fl-module-content.fl-node-content .fl-button .fl-button-text { color: #FFF; } .theme-btn.black-btn .fl-module-content.fl-node-content .fl-button:hover { background: #e33000; } .theme-btn.med-btn .fl-module-content.fl-node-content .fl-button { padding: 25px 30px; font-size: 21px; line-height: 25px; font-weight: 700; } .theme-btn.big-btn .fl-module-content.fl-node-content .fl-button { padding: 35px 40px; font-size: 25px; line-height: 30px; font-weight: 700; } .fl-map { height: unset !important; overflow: unset !important; padding: 0 !important; position: relative !important; line-height: unset !important; } .fl-map iframe { position: relative !important; } .default-btn { padding: 20px 40px; background: #e33000; font-family: 'Montserrat'; font-size: 18px; line-height: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; outline: none; border: none; border-radius: 0px; transition: all 0.2s; color: #FFF;} .default-btn:hover { background: #9e2200; color: #FFF; } .default-btn.black-btn { background: #000; color: #FFF; } .default-btn.black-btn:hover { background: #e33000; color: #FFF; } .default-btn.med-btn { padding: 25px 30px; font-size: 21px; line-height: 25px; font-weight: 700; } .default-btn.big-btn { padding: 35px 40px; font-size: 25px; line-height: 30px; font-weight: 700; } .main-title-wrap.title-left { text-align: left; } .main-title-wrap.title-left .fl-heading { margin: 0px; padding: 0px; } .main-title-wrap.title-left .fl-heading .fl-heading-text { font-family: 'Montserrat'; font-size: 40px; text-transform: uppercase; line-height: 45px; color: #2d2d2d; font-weight: 800; letter-spacing: 3px; position: relative; padding-bottom: 25px; margin: 0px 0px 30px 0px; display: inline-block;} .main-title-wrap.title-left .fl-heading .fl-heading-text span { font-weight: 500; } .main-title-wrap.title-left .fl-heading .fl-heading-text::before { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: 0; transform: translate(0,0); margin-bottom: 6px; } .main-title-wrap.title-left .fl-heading .fl-heading-text::after { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: 0; transform: translate(0,0); margin-left: 10px; } .main-title-wrap.title-right { text-align: right; } .main-title-wrap.title-right .fl-heading { margin: 0px; padding: 0px; } .main-title-wrap.title-right .fl-heading .fl-heading-text { font-family: 'Montserrat'; font-size: 40px; text-transform: uppercase; line-height: 45px; color: #2d2d2d; font-weight: 800; letter-spacing: 3px; position: relative; padding-bottom: 25px; margin: 0px 0px 30px 0px; display: inline-block;} .main-title-wrap.title-right .fl-heading .fl-heading-text span { font-weight: 500; } .main-title-wrap.title-right .fl-heading .fl-heading-text::before { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: auto; right: 0px; transform: translate(0,0); margin-bottom: 6px; margin-right: 10px; } .main-title-wrap.title-right .fl-heading .fl-heading-text::after { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: auto; right: 0px; transform: translate(0,0); margin-right: 0px; margin-left: 0px; } .main-title-wrap { text-align: center; } .main-title-wrap .fl-heading { margin: 0px; padding: 0px; } .main-title-wrap .fl-heading .fl-heading-text { font-family: 'Montserrat'; font-size: 40px; text-transform: uppercase; line-height: 45px; color: #2d2d2d; font-weight: 800; letter-spacing: 3px; position: relative; padding-bottom: 25px; margin: 0px 0px 30px 0px; display: inline-block;} .main-title-wrap .fl-heading .fl-heading-text span { font-weight: 500; } .main-title-wrap .fl-heading .fl-heading-text::before { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%,0); margin-bottom: 6px; } .main-title-wrap .fl-heading .fl-heading-text::after { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%,0); margin-left: 10px; } .main-title-wrap.title-center { text-align: center; } .main-title-wrap.title-center .fl-heading { margin: 0px; padding: 0px; } .main-title-wrap.title-center .fl-heading .fl-heading-text { font-family: 'Montserrat'; font-size: 40px; text-transform: uppercase; line-height: 45px; color: #2d2d2d; font-weight: 800; letter-spacing: 3px; position: relative; padding-bottom: 25px; margin: 0px 0px 30px 0px; display: inline-block;} .main-title-wrap.title-center .fl-heading .fl-heading-text span { font-weight: 500; } .main-title-wrap.title-center .fl-heading .fl-heading-text::before { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%,0); margin-bottom: 6px; } .main-title-wrap.title-center .fl-heading .fl-heading-text::after { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%,0); margin-left: 10px; } /*******/ .main-title-wrap.title-left { text-align: left; } .main-title-wrap.title-left .njba-heading-title { font-family: 'Montserrat'; font-size: 40px; text-transform: uppercase; line-height: 45px; color: #2d2d2d; font-weight: 800; letter-spacing: 3px; position: relative; padding-bottom: 25px; margin: 0px 0px 30px 0px;} .main-title-wrap.title-left .njba-heading-title::before { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: 0; transform: translate(0,0); margin-bottom: 6px; } .main-title-wrap.title-left .njba-heading-title::after { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: 0; transform: translate(0,0); margin-left: 10px; } .main-title-wrap.title-right { text-align: right; } .main-title-wrap.title-right .njba-heading-title { font-family: 'Montserrat'; font-size: 40px; text-transform: uppercase; line-height: 45px; color: #2d2d2d; font-weight: 800; letter-spacing: 3px; position: relative; padding-bottom: 25px; margin: 0px 0px 30px 0px;} .main-title-wrap.title-right .njba-heading-title::before { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; right: 0; transform: translate(0,0); margin-bottom: 6px; left: auto; margin-right: 10px; } .main-title-wrap.title-right .njba-heading-title::after { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; right: 0; transform: translate(0,0); margin-right: 0px; margin-left: 0px; left: auto; } .main-title-wrap { text-align: center; } .main-title-wrap .njba-heading-title { font-family: 'Montserrat'; font-size: 40px; text-transform: uppercase; line-height: 45px; color: #2d2d2d; font-weight: 800; letter-spacing: 3px; position: relative; padding-bottom: 25px; margin: 0px 0px 30px 0px;} .main-title-wrap .njba-heading-title::before { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%,0); margin-bottom: 6px; } .main-title-wrap .njba-heading-title::after { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%,0); margin-left: 10px; } .main-title-wrap .njba-heading-sub-title { margin: 0px; padding: 0px; } .main-title-wrap .njba-heading-sub-title p { margin: 0px; padding: 0px; font-size: 18px; font-family: 'Montserrat'; line-height: 25px; font-weight: 500; color: #2d2d2d; letter-spacing: 1.5px;} .main-title-wrap.title-center { text-align: center; } .main-title-wrap.title-center .njba-heading-title { font-family: 'Montserrat'; font-size: 40px; text-transform: uppercase; line-height: 45px; color: #2d2d2d; font-weight: 800; letter-spacing: 3px; position: relative; padding-bottom: 25px; margin: 0px 0px 30px 0px;} .main-title-wrap.title-center .njba-heading-title::before { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%,0); margin-bottom: 6px; } .main-title-wrap.title-center .njba-heading-title::after { content: ""; width: 75px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%,0); margin-left: 10px; } .main-title-wrap.title-center .njba-heading-sub-title { margin: 0px; padding: 0px; } .main-title-wrap.title-center .njba-heading-sub-title p { margin: 0px; padding: 0px; font-size: 18px; font-family: 'Montserrat'; line-height: 25px; font-weight: 500; color: #2d2d2d; letter-spacing: 1.5px;} .main-title-wrap.sub-ls-normal .njba-heading-sub-title p { letter-spacing: normal; } .custom-gform-wrapper .gform_wrapper { margin: 0px; padding: 0px; } .custom-gform-wrapper .gform_wrapper .gform_body ul.gform_fields { margin: 0px; padding: 0px; } .custom-gform-wrapper .gform_wrapper .gform_body ul.gform_fields .gfield .gfield_label { display: none; } .custom-gform-wrapper .gform_wrapper .gform_body ul.gform_fields .gfield .ginput_container { margin-top: 0px; } .custom-gform-wrapper .gform_wrapper .gform_body ul.gform_fields .gfield .ginput_container input { width: 100%; padding: 20px !important; background: #FFF; height: 65px; line-height: 65px !important; border: 1px solid #959595 !important; border-radius: 0px !important; font-size: 18px !important; color: #151515; letter-spacing: 0px; font-weight: 500; outline: none !important; } .custom-gform-wrapper .gform_wrapper .gform_body ul.gform_fields .gfield .ginput_container select { width: 100%; padding: 20px 15px !important; background: #FFF; height: 65px; line-height: 65px !important; border: 1px solid #959595 !important; border-radius: 0px !important; font-size: 18px !important; color: #151515; letter-spacing: 0px; font-weight: 500; outline: none !important; } .custom-gform-wrapper .gform_wrapper .gform_body ul.gform_fields .gfield .ginput_container textarea { width: 100%; padding: 20px !important; background: #FFF; line-height: 20px !important; border: 1px solid #959595 !important; border-radius: 0px !important; font-size: 18px !important; color: #151515; letter-spacing: 0px; font-weight: 500; outline: none !important; } .custom-gform-wrapper .gform_wrapper .gform_footer { padding: 0; margin: 20px 0 0 0; clear: both; width: 100%; text-align: center; } .custom-gform-wrapper .gform_wrapper .gform_footer .gform_button { padding: 20px 30px; background: #e33000; font-family: 'Montserrat'; font-size: 25px; line-height: 25px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; outline: none; border: none; border-radius: 0px; transition: all 0.2s; color: #FFF; display: inline-block; width: 100%; text-align: center; max-width: 400px; margin: 0 auto;} .custom-gform-wrapper .gform_wrapper .gform_footer .gform_button:hover { background: #000; color: #FFF; } .ginput_container input::-webkit-input-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; } .ginput_container input::-moz-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder { /* Firefox 19+ */ color: #000; } .ginput_container input:-ms-input-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder { /* IE 10+ */ color: #000; } .ginput_container input:-moz-placeholder, .ginput_container select::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder { /* Firefox 18- */ color: #000; } .header-main-layout-1 .ast-main-header-bar-alignment { margin-right: auto; } #gform_7 label.gfield_label { display: none; } #gform_7 input#input_7_2 { width: 100%; padding: 10px 20px 10px 20px; background: #FFF; height: 65px; line-height: 65px !important; border: 1px solid #959595 !important; border-radius: 0px !important; font-size: 18px !important; color: #151515; letter-spacing: 0px; font-weight: 500; outline: none !important; } #gform_7 .gform_button { padding: 20px 30px; background: #e33000; font-family: 'Montserrat'; font-size: 25px; line-height: 25px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; outline: none; border: none; border-radius: 0px; transition: all 0.2s; color: #FFF; display: inline-block; width: 100%; text-align: center; } #gform_7 .gform_button:hover { background: #000; color: #FFF; } @media only screen and (max-width: 768px) { p { font-size: 17px; line-height: 23px; } } @media only screen and (max-width: 500px) { .theme-btn .fl-module-content.fl-node-content .fl-button { padding: 15px 20px; font-size: 18px; line-height: 20px; font-weight: 600; } .theme-btn.med-btn .fl-module-content.fl-node-content .fl-button { padding: 15px 20px; font-size: 18px; line-height: 20px; font-weight: 600; } .theme-btn.big-btn .fl-module-content.fl-node-content .fl-button { padding: 15px 20px; font-size: 18px; line-height: 20px; font-weight: 600; } .default-btn { padding: 15px 20px; font-size: 18px; line-height: 20px; font-weight: 600; } .default-btn.med-btn { padding: 15px 20px; font-size: 18px; line-height: 20px; font-weight: 600; } .default-btn.big-btn { padding: 15px 20px; font-size: 18px; line-height: 20px; font-weight: 600; } .main-title-wrap .fl-heading .fl-heading-text, .main-title-wrap.title-left .fl-heading .fl-heading-text, .main-title-wrap.title-right .fl-heading .fl-heading-text, .main-title-wrap.title-center .fl-heading .fl-heading-text { font-size: 25px; line-height: 27px; font-weight: 800; letter-spacing: 1px; } .main-title-wrap .fl-heading .fl-heading-text span, .main-title-wrap.title-left .fl-heading .fl-heading-text span, .main-title-wrap.title-right .fl-heading .fl-heading-text span, .main-title-wrap.title-center .fl-heading .fl-heading-text span { font-weight: 500; } .main-title-wrap .njba-heading-title, .main-title-wrap.title-left .njba-heading-title, .main-title-wrap.title-right .njba-heading-title, .main-title-wrap.title-center .njba-heading-title { font-size: 25px; line-height: 27px; font-weight: 800; letter-spacing: 1px; margin-bottom: 20px; padding-bottom: 20px; } .main-title-wrap .njba-heading-sub-title p, .main-title-wrap.title-left .njba-heading-sub-title p, .main-title-wrap.title-center .njba-heading-sub-title p { font-size: 15px; line-height: 20px; font-weight: 600; letter-spacing: 0px; } } /*** Common CSS *** END ****/ /*** Header CSS *** START ****/ header { position: fixed !important; width: 100%; top: 0px; border: 0px !important; } header .top-main-header-wrap { background: #e33000; color: #FFF; transition: all 0.2s; top: unset; } header .top-main-header-wrap .top-main-header-bar { padding: 0; min-height: 55px; position: relative; } header .top-main-header-wrap .top-main-header-bar .ast-container { max-width: 1530px; } header .top-main-header-wrap .top-main-header-left , header .top-main-header-wrap .top-main-header-right{ position: relative; min-height: 55px; } header .top-main-header-wrap .top-main-header-left .top-main-header-wrap { margin: 0; padding: 0px; display: flex; position: relative; height: 55px; margin-left: auto; text-align: right; justify-content: end; align-items: center; } header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li { float: left; clear: unset; width: auto; list-style: none; display: inline-flex;} header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li.widget { margin-bottom: 0px; } header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li.the-countdown .widgettitle { font-size: 11px; text-transform: uppercase; font-weight: 600; line-height: 16px; margin: 0px; padding: 3px 0px; color: #000; text-align: right; font-family: 'Montserrat'; } header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li.the-countdown .hasCountdown {margin: 0px; padding: 0px; } header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li.the-countdown .hasCountdown .countdown_section { height: 40px; width: 50px; background: #000; border-radius: 3px; font-size: 8px; color: #FFF; overflow: hidden; font-family: 'Montserrat'; padding: 0px; } header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li.the-countdown .hasCountdown .countdown_section .countdown_amount { font-size: 18px; font-family: 'Montserrat'; font-weight: 500; padding: 0px; margin: 5px 0px 0px 0px; line-height: 15px; height: 15px; } header .social-links {margin-left: 10px;} header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li .social-links ul { margin: 2px 0px; padding: 0px; display: inline-flex; } header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li .social-links ul li { float: left; margin-left: 10px; } header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li .social-links ul li:first-child { margin-left: 0px; } header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li .social-links ul li a { height: 30px; width: 30px; display: inline-block; text-align: center; line-height: 30px; color: #FFF; background: #f98667; font-size: 17px; border-radius: 100%; } header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li .social-links ul li.facebook-icon a:hover { background: #354E94; color: #FFF; } header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li .social-links ul li.twitter-icon a:hover { background: #2CA2DA; color: #FFF; } header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li .social-links ul li.pinterest-icon a:hover { background: #B40521; color: #FFF; } header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li .social-links ul li.google-plus-icon a:hover { background: #c10f00; color: #FFF; } header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li .social-links ul li.youtube-icon a:hover { background: #C81D15; color: #FFF; } header .top-main-header-wrap .top-main-header-left .top-main-header-wrap li .social-links ul li.vimeo-icon a:hover { background: #17A6E9; color: #FFF; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap { margin: 0px; padding:0px; display: inline-block; float: right;} header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li { float: left; clear: unset; width: auto; list-style: none; display: inline-flex;} header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li.widget { margin-bottom: 0px; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .contact-numbers { position: relative; height: 55px; padding-right: 20px; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .contact-numbers ul { margin: 0px; padding: 0px; display: inline-flex; top: 50%; transform: translate(0,80%); } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .contact-numbers ul li { float: left; position: relative; font-size: 20px; text-transform: uppercase; font-weight: 700; color: #FFF; letter-spacing: 0.5px; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .contact-numbers ul li:first-child::before { content: ""; background-image: url(assets/images/intergalactic-top-navi-phone-icon.png); background-repeat: no-repeat; background-position: left center; position: absolute; top: 48%; transform: translate(0,-50%); left: -30px; height: 32px; width: 18px;} /*header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .contact-numbers ul li:first-child::after { content: ""; width: 2px; height: 100%; background: #FFF; margin: 0 10px; }*/ header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .contact-numbers ul li a { color: #FFF; text-decoration: none; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .contact-numbers ul li a:hover { color: #FFF; text-decoration: none; } /* header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .mycart-button .top-nav-cart-btn { border: 0px; outline: 0px; height: 55px; padding: 0px 15px 0px 55px; line-height: 55px; font-size: 14px; text-transform: uppercase; font-weight: 600; color: #FFF; background: #9e2200; display: inline-block; position: relative; transition: all 0.2s; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .mycart-button .top-nav-cart-btn:hover { background: #6f1800; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .mycart-button .top-nav-cart-btn::before { content: ""; background-image: url(assets/images/intergalactic-top-navi-cart-icon.png); background-repeat: no-repeat; background-position: left center; position: absolute; top: 48%; transform: translate(0,-50%); left: 15px; height: 24px; width: 29px; } */ header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .mycart-button { height: 55px; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .mycart-button a { height: 55px; width: 55px; text-align: center; line-height: 50px; background-color: #9e2200; display: inline-block; font-size: 0px; background-image: url(assets/images/intergalactic-top-navi-cart-icon.png); background-repeat: no-repeat; background-position: center center; font-size: 0px; transition: all 0.2s; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .mycart-button a:hover { background-color: #6f1800; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .search-button { height: 55px; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .search-button a { height: 55px; width: 55px; text-align: center; line-height: 50px; background-color: #9e2200; display: inline-block; font-size: 0px; background-image: url(assets/images/intergalactic-top-navi-search-white-icon.png); background-repeat: no-repeat; background-position: center center; margin-left: 1px; font-size: 0px; transition: all 0.2s; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .search-button a:hover { background-color: #6f1800;} header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .myaccount-button { height: 55px; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .myaccount-button a.top-nav-myaccount-btn { height: 55px; width: 55px; text-align: center; line-height: 50px; background-color: #9e2200; display: inline-block; font-size: 0px; background-image: url(assets/images/intergalactic-top-navi-my-account-icon.png); background-repeat: no-repeat; background-position: center center; margin-left: 1px; font-size: 0px; cursor: pointer; transition: all 0.2s; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .myaccount-button:hover a.top-nav-myaccount-btn { background-color: #6f1800;} header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .myaccount-button ul.myaccount-dropdown { position: absolute; z-index: 10; max-width: 170px; width: 100%; right: 20px; background: #9e2200; top: 100%; border-radius: 5px; box-shadow: 5px 5px 10px rgba(0,0,0,0.2); overflow: hidden; display: none; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .myaccount-button ul.myaccount-dropdown li { float: left; width: 100%; border-top: 1px solid rgba(255,255,255,0.1); } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .myaccount-button ul.myaccount-dropdown li:first-child { border-top: 0px; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .myaccount-button ul.myaccount-dropdown li a { width: 100%; font-size: 14px; line-height: 20px; color: #FFF; padding: 10px 15px 10px 15px; font-weight: 500; position: relative; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .myaccount-button ul.myaccount-dropdown li a:hover { color: #ffc600; } header.fixed-header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .myaccount-button ul.myaccount-dropdown { right: 40px; top: calc(100% + 115px); } /* header .main-header-bar-wrap .main-header-bar { background-image: url(assets/images/intergalactic-new-navi-logo-bg.png); background-repeat: no-repeat; background-position: center 63px; min-height: 135px; border: 0px; padding: 0px; background-color: unset;} header .main-header-bar-wrap .main-header-bar::after { top: -55px; }*/ header .main-header-bar-wrap .main-header-bar { border: 0px; padding: 0px; background-color: unset; } header .main-header-bar-wrap .main-header-bar::after { content: "";/*background-image: url(assets/images/intergalactic-new-navi-logo-bg.png);*/ background-repeat: no-repeat; background-position: center top; position: absolute; width: 350px; height: 115px; top: 63px; margin: 0 auto; left: 50%; transform: translate(-50%,0); z-index: 99; background-size: unset; } header .main-header-bar-wrap .site-branding {position: absolute; left: 50%; transform: translate(-50%,0); top: -45px; z-index: 100; padding: 0 !important; } header .main-header-bar-wrap .main-header-bar .site-branding .site-logo-img img { height: 120px; } header .main-header-bar-wrap .site-branding .ast-site-identity { padding: 3px; background: #FFF; border-radius: 100%;} header .main-header-bar-wrap .main-header-bar .ast-container { max-width: 100%; margin: 0; padding: 0; height: 63px; /*background: #e33000;*/ } header .main-header-bar-wrap .main-header-bar nav { display: inline-block; width: 100%; text-align: center; max-width: 1530px; margin: 0 auto; margin-top: 0px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav { margin: 0px auto; padding: 0px; display: inline-block; float: none;} header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.ubermenu-item-level-0 { width: auto; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li { float: left; margin: 0px; clear: unset;} header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.blank-space { width: 340px; height: 20px; font-size: 0px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.left-menus { margin-left: 60px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.right-menus { margin-left: 30px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li:first-child { margin: 0px !important; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li a { padding: 20px 0px; font-size: 18px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; color: #FFF; transition: color 0.2s; transition: padding 0s; padding-top: 48px;} header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li a:hover { color: #e33000; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.ubermenu-current-menu-item a { color: #ffc600; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.ubermenu-current-menu-item a:hover { color: #ffc600; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.sticky-show { display: none; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.sticky-show { display: block; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.sticky-hide { display: none; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.ubermenu-item-level-0 .ubermenu-sub-indicator { display: none; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.ubermenu-item-level-0.ubermenu-has-submenu-mega a { overflow: hidden; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.ubermenu-item-level-0.ubermenu-has-submenu-mega a::before { content: "\f0d8"; font-family: 'Font Awesome 5 Free'; position: absolute; text-align: center; width: 100%; bottom: -100%; color: #f1f1f2; font-size: 70px; line-height: 10px; transition: all 0.5s;} header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.ubermenu-item-level-0.ubermenu-has-submenu-mega.ubermenu-active a::before { bottom: 0%; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li ul.ubermenu-row { max-width: 1530px; margin: 0 auto; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li ul.ubermenu-row li a::before { display: none; } /*** Search **/ .header-search { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transition: all 0.5s; opacity: 0; background: none; background-image: url(assets/images/intergalactic-search-background-img.jpg); background-position: center; background-size: cover; z-index: -1000 !important; } .header-search.open { position: fixed; transition: all 0.5s; opacity: 1; z-index: 100000; z-index: 1000 !important; } .header-search form { top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block; position: absolute; width: 95%; max-width: 800px; padding: 0; } .header-search form input.field { border: none; background: none !important; padding: 30px 80px 30px 0; min-height: 120px; font-size: 50px; line-height: 50px; outline: none; width: 100%; font-family: 'Montserrat'; font-weight: 200; color: rgba(255,255,255,1); transition: color 0.2s; } .header-search form .submit { position: absolute; top: 0px; right: 0; background: no-repeat; border: none; min-height: 120px; padding: 30px 20px; } .header-search form input.field::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(255,255,255,0.4); transition: color 0.2s; background: none !important; } .header-search form input.field::-moz-placeholder { /* Firefox 19+ */ color: rgba(255,255,255,0.4); transition: color 0.2s; background: none !important; } .header-search form input.field:-ms-input-placeholder { /* IE 10+ */ color: rgba(255,255,255,0.4); transition: color 0.2s; background: none !important; } .header-search form input.field:-moz-placeholder { /* Firefox 18- */ color: rgba(255,255,255,0.4); transition: color 0.2s; background: none !important; } .header-search form input.field:hover::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(255,255,255,0.8); transition: color 0.2s; background: none !important; } .header-search form input.field:hover::-moz-placeholder { /* Firefox 19+ */ color: rgba(255,255,255,0.8); transition: color 0.2s; background: none !important; } .header-search form input.field:hover:-ms-input-placeholder { /* IE 10+ */ color: rgba(255,255,255,0.8); transition: color 0.2s; background: none !important; } .header-search form input.field:hover:-moz-placeholder { /* Firefox 18- */ color: rgba(255,255,255,0.8); transition: color 0.2s; background: none !important; } .header-search form input.field:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(255,255,255,1); transition: color 0.2s; } .header-search form input.field:focus::-moz-placeholder { /* Firefox 19+ */ color: rgba(255,255,255,1); transition: color 0.2s; background: none !important; } .header-search form input.field:focus:-ms-input-placeholder { /* IE 10+ */ color: rgba(255,255,255,1); transition: color 0.2s; background: none !important; } .header-search form input.field:focus:-moz-placeholder { /* Firefox 18- */ color: rgba(255,255,255,1); transition: color 0.2s; background: none !important; } .header-search form::after { content: ""; height: 2px; width: 0; background: rgba(255,255,255,0.3); position: absolute; left: 0; bottom: 0; transition: width 5s; } .header-search.open form::after { width: 100%; background: rgba(255,255,255,7); } .header-search .close { position: fixed; top: 15px; right: 15px; opacity: 1; font-size: 27px; color: #fff;} .header-search .close:hover { color: #ffffff; cursor: pointer;} /*** Search **/ @media only screen and (min-width: 1531px) { header .top-main-header-wrap .top-main-header-left { padding: 0; } header .top-main-header-wrap .top-main-header-right { padding: 0; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .myaccount-button ul.myaccount-dropdown { right: 0px; } } @media only screen and (max-width: 1530px) { header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.blank-space { width: 240px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.left-menus { margin-left: 50px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.right-menus { margin-left: 20px; } } @media only screen and (max-width: 1400px) { header .top-main-header-wrap .top-main-header-left .top-main-header-wrap #custom_html-2 { display: none; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .contact-numbers ul li:first-child { display: none; } header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .contact-numbers ul li::before { content: ""; background-image: url(assets/images/intergalactic-top-navi-phone-icon.png); background-repeat: no-repeat; background-position: left center; position: absolute; top: 48%; transform: translate(0,-50%); left: -30px; height: 32px; width: 18px;} header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li a { font-size: 17px; letter-spacing: 0px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.left-menus { margin-left: 40px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.right-menus { margin-left: 15px; } } @media only screen and (max-width: 1300px) { header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li a { font-size: 16px; letter-spacing: 0px;} } @media only screen and (max-width: 1200px){ header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .contact-numbers ul li { float: left; position: relative; font-size: 18px; text-transform: uppercase; font-weight: 600; color: #FFF; letter-spacing: 0;} header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li a { font-size: 15px; letter-spacing: -0.5px; text-transform: uppercase; font-weight: 600;} header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.left-menus { margin-left: 30px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.right-menus { margin-left: 10px; } } @media only screen and (max-width: 1100px){ header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li a { font-size: 15px; letter-spacing: 0px; text-transform: unset; font-weight: 600; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.left-menus { margin-left: 20px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.right-menus { margin-left: 10px; } } @media screen and (max-width: 1000px) and (min-width: 768px) { header .top-main-header-wrap .top-main-header-right .top-main-header-wrap li .contact-numbers { display: none; } } /** Fixed Header ** Start **/ header.fixed-header .top-main-header-wrap { top: -55px; position: absolute; width: 100%; } header.fixed-header .main-header-bar-wrap .main-header-bar { background-image: unset; background-repeat: no-repeat; background-position: center bottom; min-height: 55px; border: 0px; padding: 0px; background-color: #e33000; text-align: center; } header.fixed-header .main-header-bar-wrap .main-header-bar::after { content: "";/* background-image: url(assets/images/intergalactic-navi-logo-bg.png);*/ background-repeat: no-repeat; background-position: center top; position: absolute; width: 260px; height: 95px; top: 55px; margin: 0 auto; left: 50%; transform: translate(-50%,0); z-index: 99; background-size: 80%; } header.fixed-header .main-header-bar-wrap .main-header-bar .ast-container { height: auto; } header.fixed-header .main-header-bar-wrap .main-header-bar .site-branding { top: 10px; } header.fixed-header .main-header-bar-wrap .main-header-bar .site-branding .site-logo-img img { height: 100px; } header.fixed-header .main-header-bar-wrap .main-header-bar nav { margin-top: 0px; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li a { padding: 16px 0px; transition: padding 0s; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li a:hover { color: #ffc600; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.ubermenu-current-menu-item a { color: #ffc600; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.ubermenu-current-menu-item a:hover { color: #ffc600; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.mycart-button a { height: 55px; width: 55px; text-align: center; line-height: 55px; background-color: #9e2200; display: inline-block; font-size: 0px; background-image: url(assets/images/intergalactic-top-navi-cart-icon.png); background-repeat: no-repeat; background-position: center center; font-size: 0px; transition: background-color 0.2s; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.mycart-button a:hover { background-color: #6f1800; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.search-button { margin-left: 0px; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.search-button a { height: 55px; width: 55px; text-align: center; line-height: 55px; background-color: #9e2200; display: inline-block; font-size: 0px; background-image: url(assets/images/intergalactic-top-navi-search-white-icon.png); background-repeat: no-repeat; background-position: center center; margin-left: 1px; font-size: 0px; transition: background-color 0.2s; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.search-button a:hover { background-color: #6f1800;} header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.myaccount-button { margin-left: 0px; margin-right: 5px; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.myaccount-button a.myaccount-btn { height: 55px; width: 55px; text-align: center; line-height: 55px; background-color: #9e2200; display: inline-block; font-size: 0px; background-image: url(assets/images/intergalactic-top-navi-my-account-icon.png); background-repeat: no-repeat; background-position: center center; margin-left: 1px; font-size: 0px; transition: background-color 0.2s; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.myaccount-button a.myaccount-btn:hover { background-color: #6f1800;} header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.normal-dropdown-menu.myaccount-button { } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.ubermenu-item-level-0.ubermenu-has-submenu-mega a::before { font-size: 40px; line-height: 10px; } /** Fixed Header ** End **/ /** Products Mega Menu ** START **/ header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.products-mega-menu .ubermenu-submenu.ubermenu-submenu-drop { background-color: #061b3b; background-color: -moz-linear-gradient(left, #061b3b 0%, #0d3066 100%); background-color: -webkit-linear-gradient(left, #061b3b 0%,#0d3066 100%); background-color: linear-gradient(to right, #061b3b 0%,#0d3066 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061b3b', endColorstr='#0d3066',GradientType=1 ); border-top: 4px solid #a5884d; background-image: url(assets/images/intergalactic-products-menu-bg.png); background-repeat: no-repeat; background-position: right top; background-size: contain; padding-top: 40px; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.products-mega-menu .ubermenu-submenu.ubermenu-submenu-drop { padding-top: 50px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.products-mega-menu .ubermenu-submenu.ubermenu-submenu-drop ul.ubermenu-row { padding: 30px 20px 50px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.products-mega-menu .ubermenu-submenu.ubermenu-submenu-drop ul.ubermenu-row li.ubermenu-item-level-2 { padding-right: 20px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.products-mega-menu .ubermenu-submenu.ubermenu-submenu-drop ul.ubermenu-row li.ubermenu-item-level-2 ul.ubermenu-submenu li.ubermenu-item-level-3 { margin-top: 25px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.products-mega-menu .ubermenu-submenu.ubermenu-submenu-drop ul.ubermenu-row li.ubermenu-item-level-2 ul.ubermenu-submenu li.ubermenu-item-level-3:first-child { margin-top: 0px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.products-mega-menu .ubermenu-submenu.ubermenu-submenu-drop ul.ubermenu-row li.ubermenu-item-level-2 ul.ubermenu-submenu li.ubermenu-item-level-3 a { padding: 0px; color: #FFF; display: inline-block; font-weight: 400; text-transform: unset; font-size: 16px; line-height: 22px; letter-spacing: 0; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.products-mega-menu .ubermenu-submenu.ubermenu-submenu-drop ul.ubermenu-row li.ubermenu-item-level-2 ul.ubermenu-submenu li.ubermenu-item-level-3 a:hover { padding: 0px; color: #ffc600; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.products-mega-menu.ubermenu-item-level-0.ubermenu-has-submenu-mega.ubermenu-active a::before { color: #a5884d; } @media only screen and (max-width: 1500px) { header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.products-mega-menu .ubermenu-submenu.ubermenu-submenu-drop { background-image: none; background: #061b3b; background: -moz-linear-gradient(left, #061b3b 0%, #0d3066 100%); background: -webkit-linear-gradient(left, #061b3b 0%,#0d3066 100%); background: linear-gradient(to right, #061b3b 0%,#0d3066 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061b3b', endColorstr='#0d3066',GradientType=1 ); } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.products-mega-menu li.ubermenu-column-1-5 { width: 25%; } } /** Products Mega Menu ** END **/ /** Brands Mega Menu ** START **/ header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.brands-mega-menu .ubermenu-submenu.ubermenu-submenu-drop { background-color: #f1f1f2; border-bottom: 4px solid #e13200; max-height: unset !important; padding-top: 40px; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.brands-mega-menu .ubermenu-submenu.ubermenu-submenu-drop { padding-top: 50px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.brands-mega-menu .ubermenu-submenu.ubermenu-submenu-drop ul.ubermenu-row { padding: 50px 10px 20px 10px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.brands-mega-menu .ubermenu-submenu.ubermenu-submenu-drop ul.ubermenu-row li.ubermenu-item-level-2 ul.ubermenu-submenu li.ubermenu-item-level-3 { float: left; width: 11%; text-align: center; min-height: 200px; position: relative; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.brands-mega-menu .ubermenu-submenu.ubermenu-submenu-drop ul.ubermenu-row li.ubermenu-item-level-2 ul.ubermenu-submenu li.ubermenu-item-level-3 a.ubermenu-target-with-image { max-width: 145px; max-height: 145px; display: inline-block; background: #cfc9cd; border:3px solid #FFF; line-height: 145px; min-width: 145px; min-height: 145px; padding: 10px; overflow: visible; transition: all 0.2s; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.brands-mega-menu .ubermenu-submenu.ubermenu-submenu-drop ul.ubermenu-row li.ubermenu-item-level-2 ul.ubermenu-submenu li.ubermenu-item-level-3 a.ubermenu-target-with-image::before { content: "View Products"; position: absolute; display: table-cell; height: 100%; width: 100%; background: rgba(227,48,0,0.9); z-index: 50; font-size: 18px; padding-top: 50px; line-height: 20px; font-weight: 700; font-family: 'Montserrat'; opacity: 0; left: 0px; top: 0px;} header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.brands-mega-menu .ubermenu-submenu.ubermenu-submenu-drop ul.ubermenu-row li.ubermenu-item-level-2 ul.ubermenu-submenu li.ubermenu-item-level-3 a.ubermenu-target-with-image:hover::before { opacity: 1; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.brands-mega-menu .ubermenu-submenu.ubermenu-submenu-drop ul.ubermenu-row li.ubermenu-item-level-2 ul.ubermenu-submenu li.ubermenu-item-level-3 a.ubermenu-target-with-image img.ubermenu-image { max-width: 100%; max-height: 120px; margin: 0 auto; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.brands-mega-menu .ubermenu-submenu.ubermenu-submenu-drop ul.ubermenu-row li.ubermenu-item-level-2 ul.ubermenu-submenu li.ubermenu-item-level-3 a.ubermenu-target-with-image .ubermenu-target-text { position: absolute; z-index: 100; text-transform: none !important; font-size: 16px; font-weight: 500; line-height: 20px; bottom: -30px; text-align: center; width: 100%; left: 0; letter-spacing: 0; color: #2d2d2d; } @media only screen and (max-width: 1500px) { header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.brands-mega-menu .ubermenu-submenu.ubermenu-submenu-drop ul.ubermenu-row li.ubermenu-item-level-2 ul.ubermenu-submenu li.ubermenu-item-level-3 { width: 14%; } } @media only screen and (max-width: 1200px) { header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.brands-mega-menu .ubermenu-submenu.ubermenu-submenu-drop ul.ubermenu-row li.ubermenu-item-level-2 ul.ubermenu-submenu li.ubermenu-item-level-3 { width: 20%; } } /** Brands Mega Menu ** END **/ /** Normal Dropdown Menu ** START **/ header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.normal-dropdown-menu a { position: relative; overflow: hidden; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.normal-dropdown-menu a::before { content: "\f0d8"; font-family: 'Font Awesome 5 Free'; position: absolute; text-align: center; width: 100%; bottom: -100px; color: #f1f1f2; font-size: 70px; line-height: 10px; transition: all 0.5s; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.normal-dropdown-menu.ubermenu-active a::before { bottom: 0px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.normal-dropdown-menu ul.ubermenu-submenu { background: #f1f1f2; border-radius: 5px; overflow: hidden; border-bottom: 4px solid #e13200; max-width: 350px; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.normal-dropdown-menu ul.ubermenu-submenu li { max-width: unset; width: 100%; border-top: 1px solid #CCC; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.normal-dropdown-menu ul.ubermenu-submenu li:first-child { border-top: none; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.normal-dropdown-menu ul.ubermenu-submenu li a { padding: 20px; font-size: 17px; line-height: 20px; color: #2d2d2d; transition: all 0.2s; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.normal-dropdown-menu ul.ubermenu-submenu li a::before { content: unset; } header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.normal-dropdown-menu ul.ubermenu-submenu li a:hover { background-color: #FFF; color: #e33000; } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.normal-dropdown-menu ul.ubermenu-submenu { } header.fixed-header .main-header-bar-wrap .main-header-bar nav ul.ubermenu-nav li.normal-dropdown-menu a::before { font-size: 40px; } /** Normal Dropdown Menu ** END **/ /** Moible Menu ** START **/ header .mobile-header { display: none; } @media only screen and (max-width: 960px) { header .top-main-header-wrap, header .main-header-bar-wrap { display: none; } header .mobile-header { display: block; } header .mobile-header .menu-text-hide { display: none; } header .mobile-header .mobile-top-main-header-wrap { background: #2A2A2A; height: 57px; color: #FFF; top: 0px; position: fixed; width: 100%; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-bar { padding: 0; min-height: 55px; position: relative; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-bar .ast-container { max-width: 100%; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-left { margin: 0px; padding:0px; display: inline-block; position: relative; min-height: 55px; width: 55%; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-left .mobile-top-header-wrap { margin: 0; padding: 0px; display: inline-block; float: left; top: 50%; position: absolute; transform: translate(0,-50%); } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-left .mobile-top-header-wrap li { float: left; clear: unset; width: auto; list-style: none; display: inline-flex;} header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-left .mobile-top-header-wrap li.widget { margin-bottom: 0px; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-left .mobile-top-header-wrap li.the-countdown { margin-left: 20px; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-left .mobile-top-header-wrap li.the-countdown .widgettitle { float: left; width: 35%; font-size: 14px; text-transform: uppercase; font-weight: 600; line-height: 16px; margin: 0px; padding: 3px 0px; color: #FFF; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-left .mobile-top-header-wrap li.the-countdown .hasCountdown { float: left; width: 65%; margin: 0px; padding: 0px; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-left .mobile-top-header-wrap li.the-countdown .hasCountdown .countdown_section { height: 40px; width: 40px; background: #000; border:1px solid #e33000; border-radius: 3px; font-size: 8px; color: #FFF; overflow: hidden; font-family: 'Montserrat'; padding: 0px; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-left .mobile-top-header-wrap li.the-countdown .hasCountdown .countdown_section .countdown_amount { font-size: 19px; font-family: 'Montserrat'; font-weight: 500; padding: 0px; margin: 5px 0px 0px 0px; line-height: 15px; height: 15px; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-right { margin: 0px; padding:0px; display: inline-block; float: right; width: 45%;} header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-right .mobile-top-header-wrap { display: inline-block; margin: 0px; padding: 0px; float: right; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-right .mobile-top-header-wrap li { float: left; clear: unset; width: auto; list-style: none; display: inline-flex;} header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-right .mobile-top-header-wrap li.widget { margin-bottom: 0px; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-right .mobile-top-header-wrap li .contact-numbers { position: relative; height: 55px; padding-right: 20px; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-right .mobile-top-header-wrap li .contact-numbers ul { margin: 0px; padding: 0px; display: inline-block; top: 50%; transform: translate(0,20%); } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-right .mobile-top-header-wrap li .contact-numbers ul li { float: left; font-size: 17px; text-transform: uppercase; font-weight: 600; color: #FFF; letter-spacing: 0.5px; clear: both; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-right .mobile-top-header-wrap li .contact-numbers ul li:first-child::before { content: ""; background-image: url(assets/images/intergalactic-top-navi-phone-icon.png); background-repeat: no-repeat; background-position: left center; position: absolute; top: 48%; transform: translate(0,-50%); left: -30px; height: 32px; width: 18px;} header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-right .mobile-top-header-wrap li .contact-numbers ul li a { color: #FFF; text-decoration: none; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-right .mobile-top-header-wrap li .contact-numbers ul li a:hover { color: #FFF; text-decoration: none; } header.fixed-header .mobile-header .mobile-top-main-header-wrap { top: -57px; } header .mobile-header .mobile-main-header-bar-wrap { background: #e33000; padding: 0px; position: fixed; width: 100%; top: 57px;} header.fixed-header .mobile-header .mobile-main-header-bar-wrap { top: 0px; } /*header .mobile-header .mobile-main-header-bar-wrap::after { position: absolute; width: 100%; content: ""; background-image: url(assets/images/intergalactic-mobile-navi-logo-bg.png); background-repeat: no-repeat; background-position: center bottom; height: 93px; background-size: contain; } */ header .mobile-header .mobile-main-header-bar-wrap .ast-col-sm-4 { height: 75px; position: relative; width: 33.3%; float: left; } header .mobile-header .mobile-main-header-bar-wrap .mobile-main-header-left .mobile-header-wrap { margin: 0px; padding: 0px; display: inline-flex; } header .mobile-header .mobile-main-header-bar-wrap .mobile-main-header-left .mobile-header-wrap li { list-style: none; } header .mobile-header .mobile-main-header-bar-wrap .mobile-main-header-left .mobile-header-wrap li .mycart-button { position: absolute; top: 50%; transform: translate(0,-50%); left: 20px; } header .mobile-header .mobile-main-header-bar-wrap .mobile-main-header-left .mobile-header-wrap li .mycart-button .top-nav-cart-btn { font-size: 18px; font-weight: 600; line-height: 30px; color: #FFF; text-transform: uppercase; padding-left: 40px; } header .mobile-header .mobile-main-header-bar-wrap .mobile-main-header-left .mobile-header-wrap li .mycart-button .top-nav-cart-btn::before { content: ""; background-image: url(assets/images/intergalactic-top-navi-cart-icon.png); background-repeat: no-repeat; background-position: center; width: 30px; height: 30px; position: absolute; margin-left: -40px; } header .mobile-header .mobile-main-header-bar-wrap .mobile-main-header-center .site-branding { width: 100%; margin: 0px; padding: 8px 0; position: absolute; left: 50%; transform: translate(-50%,0); z-index: 1; } header .mobile-header .mobile-main-header-bar-wrap .mobile-main-header-center .site-branding .ast-site-identity { text-align: center; position: relative; z-index: 1; } header .mobile-header .mobile-main-header-bar-wrap .mobile-main-header-center .site-branding img { background: #FFF; border-radius: 100%; padding: 2px; } .responsive-menu-button { right: 20px !important; top: 73px !important; width: 50px !important; height: 40px !important; } .responsive-menu-button.fixed-menu-button { top: 18px !important; } .responsive-menu-button .responsive-menu-label .responsive-menu-button-text, .responsive-menu-button .responsive-menu-label .responsive-menu-button-text-open { position: absolute; left: 0; bottom: 0; font-weight: 600; font-size: 16px; letter-spacing: -0.6px !important; text-transform: uppercase; } .responsive-menu-button .responsive-menu-box { position: absolute; left: 0; top: 0; width: 50px !important; } .responsive-menu-button .responsive-menu-box .responsive-menu-inner, .responsive-menu-button .responsive-menu-box .responsive-menu-inner::before, .responsive-menu-button .responsive-menu-box .responsive-menu-inner::after { width: 50px !important; } .responsive-menu-button .responsive-menu-label .responsive-menu-button-text-open { display: none !important; } .responsive-menu-button.is-active { top: 25px !important; right: 15px !important; } /** Menu START **/ #responsive-menu-container { background: rgb(7,27,61) !important; background: -moz-linear-gradient(25deg, rgba(7,27,61,1) 0%, rgba(18,53,115,1) 100%) !important; background: -webkit-linear-gradient(25deg, rgba(7,27,61,1) 0%, rgba(18,53,115,1) 100%) !important; background: linear-gradient(25deg, rgba(7,27,61,1) 0%, rgba(18,53,115,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#071b3d",endColorstr="#123573",GradientType=1); } #rmp-container-2216 { padding-top: 60px !important; } #responsive-menu li a { background: none !important; border: none !important; text-transform: uppercase; font-size: 18px !important; font-weight: 400; letter-spacing: 1px; position: relative !important; display: inline-block !important; padding: 10px 30px !important; text-align: left !important; transition: all 0s !important; height: auto !important; line-height: 25px !important;} #responsive-menu li.responsive-sub-active a { background: #254472 !important; color: #e33000 !important; font-weight: 600 !important; } #responsive-menu li .responsive-menu-submenu { background: #254472 !important; padding: 0px !important; max-height: 300px; overflow-x: hidden; overflow-y: scroll; } #responsive-menu li .responsive-menu-submenu li a { padding: 10px 30px !important; margin: 0px !important; height: auto !important; font-weight: 400 !important; text-transform: unset; color: #FFF !important; font-size: 17px !important; letter-spacing: 1px; line-height: 23px !important; } #responsive-menu li.responsive-sub-active .responsive-menu-submenu li a { font-weight: 400 !important; } #responsive-menu li a .responsive-menu-subarrow { background: none !important; border: none !important; color: #FFF !important; font-size: 30px !important; font-weight: 400; line-height: 40px !important; right: 25px !important; width: auto !important; } #responsive-menu li a .responsive-menu-subarrow.responsive-menu-subarrow-active { color: #e33000 !important; font-size: 30px !important; line-height: 35px !important; } #responsive-menu li a .responsive-menu-subarrow img { opacity: 0.8; } #responsive-menu li.brands-mobile-menu .responsive-menu-submenu { padding: 10px 20px !important; } #responsive-menu li.brands-mobile-menu .responsive-menu-submenu li { width: 20%; float: left; text-align: center; } #responsive-menu li.brands-mobile-menu .responsive-menu-submenu li a { padding: 0 10px !important; text-align: center !important; } #responsive-menu li.brands-mobile-menu .responsive-menu-submenu li .brands-drop-img { background: #cfcace; border: 4px solid #FFF; padding: 10px !important; margin-bottom: 10px; position: relative; } #responsive-menu li.brands-mobile-menu .responsive-menu-submenu li .brands-drop-img:hover { background: rgba(227,48,0,1); } #responsive-menu li.brands-mobile-menu .responsive-menu-submenu li .brands-drop-img:hover img { opacity: 0.1; } #responsive-menu li.brands-mobile-menu .responsive-menu-submenu li .brands-drop-img::before { content: "View Products"; position: absolute; display: table-cell; height: auto; width: 100%; background: none; z-index: 50; font-size: 16px; padding-top: 0; line-height: 15px; font-weight: 500; font-family: 'Montserrat'; opacity: 0; left: 0px; top: 50%; letter-spacing: 0px; transform: translate(0,-50%); } #responsive-menu li.brands-mobile-menu .responsive-menu-submenu li:hover .brands-drop-img::before { opacity: 1; } #responsive-menu li.brands-mobile-menu .responsive-menu-submenu li .brands-drop-text { letter-spacing: 0px; font-weight: 400 !important; text-transform: unset; font-size: 12px !important; line-height: 17px !important; height: 20px; overflow: hidden; margin-bottom: 10px; } #rmp-container-2216 #responsive-menu-additional-content { margin-top: 20px; display: inline-block; width: 100%; padding: 20px 0px 0px 0px !important; } #rmp-container-2216 .responsive-drop-additional-content .drop-social-links { display: inline-block; width: 100%; text-align: center; margin-bottom: 30px; } #rmp-container-2216 .responsive-drop-additional-content .drop-social-links ul { margin: 0px auto; padding: 0px; display: inline-flex; } #rmp-container-2216 .responsive-drop-additional-content .drop-social-links ul li { float: left; margin-left: 10px; list-style: none; } #rmp-container-2216 .responsive-drop-additional-content .drop-social-links ul li:first-child { margin-left: 0px; } #rmp-container-2216 .responsive-drop-additional-content .drop-social-links ul li a { height: 40px; width: 40px; display: inline-block; text-align: center; line-height: 40px; color: #FFF; background: rgba(255,255,255,0.2); font-size: 18px; border-radius: 100%; } #rmp-container-2216 .responsive-drop-additional-content .drop-social-links ul li.facebook-icon a:hover { background: #354E94; color: #FFF; } #rmp-container-2216 .responsive-drop-additional-content .drop-social-links ul li.twitter-icon a:hover { background: #2CA2DA; color: #FFF; } #rmp-container-2216 .responsive-drop-additional-content .drop-social-links ul li.pinterest-icon a:hover { background: #B40521; color: #FFF; } #rmp-container-2216 .responsive-drop-additional-content .drop-social-links ul li.google-plus-icon a:hover { background: #c10f00; color: #FFF; } #rmp-container-2216 .responsive-drop-additional-content .drop-social-links ul li.youtube-icon a:hover { background: #C81D15; color: #FFF; } #rmp-container-2216 .responsive-drop-additional-content .drop-social-links ul li.vimeo-icon a:hover { background: #17A6E9; color: #FFF; } #rmp-container-2216 .responsive-drop-additional-content .drop-search-box { display: inline-block; width: 100%;} #rmp-container-2216 .responsive-drop-additional-content .drop-search-box ul { margin: 0px; padding: 0px; display: inline-block; width: 100%; position: relative; } #rmp-container-2216 .responsive-drop-additional-content .drop-search-box ul li { float: left; list-style: none; width: 100%; } #rmp-container-2216 .responsive-drop-additional-content .drop-search-box ul li.text-field input { width: 100%; height: 60px; line-height: 60px; font-size: 18px; line-height: 60px; font-weight: 300; color: #FFF; background: #04162d; outline: none; border: 0px; padding: 0 80px 0 20px; border-radius: 0px; } #rmp-container-2216 .responsive-drop-additional-content .drop-search-box ul li.text-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#FFF !important; opacity: 1 !important; font-weight: 300 !important;} #rmp-container-2216 .responsive-drop-additional-content .drop-search-box ul li.text-field input::-moz-placeholder { /* Firefox 19+ */ color:#FFF !important; opacity: 1 !important; font-weight: 300 !important;} #rmp-container-2216 .responsive-drop-additional-content .drop-search-box ul li.text-field input:-ms-input-placeholder { /* IE 10+ */ color:#FFF !important; opacity: 1 !important; font-weight: 300 !important;} #rmp-container-2216 .responsive-drop-additional-content .drop-search-box ul li.text-field input:-moz-placeholder { /* Firefox 18- */ color:#FFF !important; opacity: 1 !important; font-weight: 300 !important;} #rmp-container-2216 .responsive-drop-additional-content .drop-search-box ul li.action-btn .search-btn { position: absolute; right: 0px; top: 0px; height: 60px; width: 60px; background: #c92c02; font-size: 0px; text-align: center; line-height: 60px; transition: all 0.2s;} #rmp-container-2216 .responsive-drop-additional-content .drop-search-box ul li.action-btn .search-btn::before { content: ""; position: absolute; right: 0px; top: 0px; height: 60px; width: 60px; background-image: url(assets/images/intergalactic-top-navi-search-white-icon.png); background-position: center; background-repeat: no-repeat; } #rmp-container-2216 .responsive-drop-additional-content .drop-search-box ul li.action-btn .search-btn:hover { background: #000; } /* Scroll **START */ #responsive-menu li .responsive-menu-submenu::-webkit-scrollbar { width: 15px; background-color: none; } #responsive-menu li .responsive-menu-submenu::-webkit-scrollbar-track { background-color: none;} #responsive-menu li .responsive-menu-submenu::-webkit-scrollbar-thumb { background-color: #506993; border-right: 12px solid #254472; border-top: 10px solid #254472; border-bottom: 10px solid #254472; } /* Scroll **END */ /** Menu END **/ .site .site-content { padding-top: 125px;} .rmp-menu li.brands-mobile-menu .rmp-submenu{ padding: 10px 20px!important; } .rmp-menu li.brands-mobile-menu .rmp-submenu li { width: 20% !important; float: left; text-align: center; } .rmp-menu li.brands-mobile-menu .rmp-submenu li .brands-drop-img { background: #cfcace; border: 4px solid #FFF; padding: 10px!important; margin-bottom: 10px; position: relative; } .rmp-menu li.brands-mobile-menu .rmp-submenu .rmp-menu-item-link{ height: auto !important; padding-right:10% !important; } .rmp-menu li.brands-mobile-menu .rmp-submenu .brands-drop-text { letter-spacing: 0; font-weight: 400!important; text-transform: unset; text-align: center; font-size: 12px!important; line-height: 17px!important; height: 20px; overflow: hidden; margin-bottom: 10px; } .rmp-menu li>.rmp-menu-item-link{ line-height:50px !important; } body.fixed-nav .rmp_menu_trigger.rmp-menu-trigger-boring { top: 10px !important; } .rmp_menu_trigger.rmp-menu-trigger-boring .rmp-trigger-box { width: 30px !important; } .rmp_menu_trigger.rmp-menu-trigger-boring .responsive-menu-pro-inner, .rmp_menu_trigger.rmp-menu-trigger-boring .responsive-menu-pro-inner::before, .rmp_menu_trigger.rmp-menu-trigger-boring .responsive-menu-pro-inner::after { width: 30px !important; } } @media only screen and (max-width: 520px) { .rmp-menu li.brands-mobile-menu .rmp-submenu li { width: 33.3% !important; } header .mobile-header .mobile-top-main-header-wrap { padding: 10px 0; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-left { min-height: auto; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-left .mobile-top-header-wrap li.the-countdown { margin-left: 10px; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-left .mobile-top-header-wrap li.the-countdown .widgettitle { font-size: 9px; font-weight: 500; line-height: 10px; padding: 5px 0px; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-left .mobile-top-header-wrap li.the-countdown .hasCountdown .countdown_section { height: 28px; width: 28px; font-size: 5px; line-height: 8px; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-left .mobile-top-header-wrap li.the-countdown .hasCountdown .countdown_section .countdown_amount { font-size: 12px; font-weight: 400; line-height: 10px; height: 10px; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-right .mobile-top-header-wrap li .contact-numbers { height: 27px; margin: 1px 0; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-right .mobile-top-header-wrap li .contact-numbers { padding-right: 10px; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-right .mobile-top-header-wrap li .contact-numbers ul { top: 0; transform: translate(0,0); } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-right .mobile-top-header-wrap li .contact-numbers ul li { font-size: 11px; line-height: 13px; font-weight: 500; } header .mobile-header .mobile-top-main-header-wrap .mobile-top-main-header-right .mobile-top-header-wrap li .contact-numbers ul li:first-child::before { top: 50%; transform: translate(0,-50%); left: -20px; height: 24px; width: 14px; background-size: 13px; } header .mobile-header .mobile-main-header-bar-wrap { top: 49px;} header.fixed-header .mobile-header .mobile-main-header-bar-wrap { top: 0px; } header .mobile-header .mobile-main-header-bar-wrap::after { height: 55px; } header .mobile-header .mobile-main-header-bar-wrap .ast-col-sm-4 { height: 60px; position: relative; } header .mobile-header .mobile-main-header-bar-wrap .mobile-main-header-left .mobile-header-wrap li .mycart-button { left: 10px; } header .mobile-header .mobile-main-header-bar-wrap .mobile-main-header-left .mobile-header-wrap li .mycart-button .top-nav-cart-btn { font-size: 12px; font-weight: 500; line-height: 20px; padding-left: 25px; } header .mobile-header .mobile-main-header-bar-wrap .mobile-main-header-left .mobile-header-wrap li .mycart-button .top-nav-cart-btn::before { width: 20px; height: 20px; background-size: 100%; margin-left: -25px; } header .mobile-header .mobile-main-header-bar-wrap .mobile-main-header-center .site-branding img { height:82px; } .responsive-menu-button { right: 10px !important; top: 63px !important; width: 35px !important; height: 35px !important;} .responsive-menu-button.fixed-menu-button { top: 13px !important; } .responsive-menu-button .responsive-menu-label .responsive-menu-button-text, .responsive-menu-button .responsive-menu-label .responsive-menu-button-text-open { position: absolute; left: 0; bottom: 0; font-weight: 500; font-size: 12px; letter-spacing: -0.6px !important; text-transform: uppercase; } .responsive-menu-button .responsive-menu-box { position: absolute; left: 0; top: 0; width: 35px !important; } .responsive-menu-button .responsive-menu-box .responsive-menu-inner, .responsive-menu-button .responsive-menu-box .responsive-menu-inner::before, .responsive-menu-button .responsive-menu-box .responsive-menu-inner::after { width: 35px !important; height: 2px; } /** Menu START **/ #responsive-menu li.brands-mobile-menu .responsive-menu-submenu li { width: 33.3%; float: left; text-align: center; } #responsive-menu li.brands-mobile-menu .responsive-menu-submenu li .brands-drop-img::before { content: "View Products"; position: absolute; display: table-cell; height: auto; width: 100%; background: none; z-index: 50; font-size: 14px; padding-top: 0; line-height: 15px; font-weight: 500; font-family: 'Montserrat'; opacity: 0; left: 0px; top: 50%; letter-spacing: 0px; transform: translate(0,-50%); } /** Menu END **/ .site .site-content { padding-top: 105px;} } /** Moible Menu ** END **/ /*** Header CSS *** END ****/ /*** Inner Page Title + Breadcrumbs CSS *** Start ****/ .inner-page-title-section .inner-page-title-block { margin-top: 120px; margin-bottom: 40px; text-align: center; color: #FFF; margin-left: 20px; margin-right: 20px; border-top: 2px solid rgba(255,255,255,0.2); } .inner-page-title-section .inner-page-title-block .njba-heading .njba-heading-title { font-family: 'Montserrat'; font-size: 70px; line-height: 70px; color: #FFF; font-weight: 800; text-transform: uppercase; padding: 0; margin: 50px 0 30px 0; } .inner-page-title-section .inner-page-title-block .njba-heading .njba-heading-sub-title { margin: 0px; padding: 0px; } .inner-page-title-section .inner-page-title-block .njba-heading .njba-heading-sub-title p { color: #FFF; font-size: 20px; line-height: 25px; margin: 0px; padding: 0px; font-weight: 400 !important; } .inner-page-breadcrumbs-section .inner-page-breadcrumbs-block { text-align: left;} .inner-page-breadcrumbs-section .inner-page-breadcrumbs-block .fl-module-content.fl-node-content { margin: 0px; } .inner-page-breadcrumbs-section .inner-page-breadcrumbs-block .fl-module-content.fl-node-content .njba-breadcrumb { text-align: left; border-bottom: 1px solid #dfdfdf; font-size: 16px; line-height: 20px; padding-bottom: 30px;} .inner-page-breadcrumbs-section .inner-page-breadcrumbs-block .fl-module-content.fl-node-content .njba-breadcrumb .item-text-home a, .inner-page-breadcrumbs-section .inner-page-breadcrumbs-block .fl-module-content.fl-node-content .njba-breadcrumb .bread-current, .inner-page-breadcrumbs-section .inner-page-breadcrumbs-block .fl-module-content.fl-node-content .njba-breadcrumb .item-parent a, .inner-page-breadcrumbs-section .inner-page-breadcrumbs-block .fl-module-content.fl-node-content .njba-breadcrumb .item-current { font-size: 16px; line-height: 20px; font-weight: 600; text-transform: none !important; letter-spacing: normal; color: #515151; } .inner-page-breadcrumbs-section .inner-page-breadcrumbs-block .fl-module-content.fl-node-content .njba-breadcrumb .item-current { color:#e13200!important; } .inner-page-breadcrumbs-section .inner-page-breadcrumbs-block .fl-module-content.fl-node-content .njba-breadcrumb .item-text-home a:hover { color: #222; } .inner-page-breadcrumbs-section .inner-page-breadcrumbs-block .fl-module-content.fl-node-content .njba-breadcrumb .bread-current { color: #e13200; } .inner-page-breadcrumbs-section .inner-page-breadcrumbs-block .fl-module-content.fl-node-content .njba-breadcrumb .separator { padding: 0 10px; } .inner-page-breadcrumbs-section .inner-page-breadcrumbs-block .fl-module-content.fl-node-content .njba-breadcrumb .separator i { display: none; } .inner-page-breadcrumbs-section .inner-page-breadcrumbs-block .fl-module-content.fl-node-content .njba-breadcrumb .separator::before { content: "/"; font-size: 16px; line-height: 20px; font-weight: 600; text-transform: none !important; letter-spacing: normal; color: #515151;} @media only screen and (max-width: 768px) { .inner-page-title-section .inner-page-title-block { margin-top: 90px; border-top: 0px; } .inner-page-title-section .inner-page-title-block .njba-heading .njba-heading-title { font-size: 50px; line-height: 50px; margin: 30px 0 20px 0; } .inner-page-title-section .inner-page-title-block .njba-heading .njba-heading-sub-title p { font-size: 18px; line-height: 25px; } .inner-page-breadcrumbs-section { display: none; } } @media only screen and (max-width: 500px) { .inner-page-title-section .inner-page-title-block .njba-heading .njba-heading-title { font-size: 40px; line-height: 40px; margin: 0px 0px 20px 0px; } } /*** Inner Page Title + Breadcrumbs CSS *** End ****/ /*** Main Slider CSS *** Start ****/ .main-slider { text-align: center !important; } .main-slider .custom.tparrows { background: none; width: 25px; height: 70px; } .main-slider .custom.tparrows::before { display: none; } .main-slider .custom.tparrows.tp-leftarrow { background-image: url(assets/images/intergalactic-main-slider-left-arrow.png); background-repeat: no-repeat; background-position: center center; opacity: 0.3; transition: all 0.2s; } .main-slider .custom.tparrows.tp-rightarrow { background-image: url(assets/images/intergalactic-main-slider-right-arrow.png); background-repeat: no-repeat; background-position: center center; opacity: 0.3; transition: all 0.2s; } .main-slider .custom.tparrows.tp-leftarrow:hover, .main-slider .custom.tparrows.tp-rightarrow:hover { opacity: 0.9; } .main-slider .main-slider-text-wrap { max-width: 1300px !important; margin: 0 auto; padding: 0 30px; } .main-slider .main-slider-text-wrap .main-slider-title { font-family: 'Montserrat'; font-size: 70px; text-transform: uppercase; line-height: 70px; color: #FFF; font-weight: 800; width: 100% !important;} .main-slider .main-slider-text-wrap .main-slider-sub-title { max-width: 600px; white-space: normal; margin: 0 auto; font-size: 20px !important; line-height: 25px !important;} .main-slider .scroll-down-button a { font-family: 'Montserrat'; font-size: 13px; text-transform: uppercase; line-height: 15px; color: #FFF; font-weight: 500; letter-spacing: 1px;} .main-slider .scroll-down-button a .scroll-downs { position: static; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 30px; height: 50px; margin-top: 10px;} .main-slider .scroll-down-button a .mousey { width: 25px; padding:8px 0px; height: 30px; border: 2px solid #fff; border-radius: 25px; opacity: 0.9; box-sizing: content-box;} .main-slider .scroll-down-button a .scroller { width: 8px; height: 8px; border-radius: 100%; background-color: #fff; animation-name: scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15,.41,.69,.94); animation-iteration-count: infinite; margin: 0 auto !important;} @keyframes scroll { 0% { opacity: 0; } 10% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(15px); opacity: 0;} } .main-slider .tp-bullets.custom { right: 30px !important; left: auto !important; transform: translate(0,0);} .main-slider .tp-bullets.custom .tp-bullet { background: #FFF !important; height: 15px !important; width: 15px !important; opacity: 0.2 !important; } .main-slider .tp-bullets.custom .tp-bullet.selected { opacity: 1 !important; } @media only screen and (max-width: 1000px) { .main-slider .main-slider-text-wrap { width: 600px !important; margin: 0 auto !important; padding: 0px !important; white-space: normal; } .main-slider .scroll-down-button a .scroll-downs { margin: 8px auto !important; } .main-slider .scroll-down-button a .scroller { width: 9px; height: 9px; } } @media only screen and (max-width: 768px) { .main-slider .main-slider-text-wrap { width: 400px !important; margin: 0 auto !important; padding: 0px !important; white-space: normal; } .main-slider .main-slider-text-wrap .main-slider-title { font-size: 45px !important; line-height: 45px !important; } .main-slider .main-slider-text-wrap .main-slider-sub-title { font-size: 19px !important; line-height: 23px !important; } .main-slider .tp-bullets.custom { right: auto !important; left: 50% !important; transform: translate(-50%,0);} } @media only screen and (max-width: 500px) { .main-slider .main-slider-text-wrap { width: 300px !important; margin: 0 auto !important; padding: 0px !important; white-space: normal; } .main-slider .main-slider-text-wrap .main-slider-title { font-size: 35px !important; line-height: 45px !important; margin-bottom: 10px !important; } .main-slider .main-slider-text-wrap .main-slider-sub-title { font-size: 18px !important; line-height: 20px !important; } .main-slider .custom.tparrows.tp-leftarrow { top: 50% !important; transform: translate(0,-50%) !important; left: 15px !important; background-size: 18px !important; opacity: 0.8 !important; } .main-slider .custom.tparrows.tp-rightarrow { top: 50% !important; transform: translate(0,-50%) !important; right: 15px !important; left: auto !important; background-size: 18px; opacity: 0.8 !important; } } @media only screen and (max-width: 400px) { .main-slider .main-slider-text-wrap { width: 250px !important; margin: 0 auto !important; padding: 0px !important; white-space: normal; } .main-slider .main-slider-text-wrap .main-slider-title { font-size: 30px !important; line-height: 40px !important; margin-bottom: 10px !important; } .main-slider .main-slider-text-wrap .main-slider-sub-title { font-size: 16px !important; line-height: 18px !important; } } /*** Main Slider CSS *** END ****/ /*** After Main Slider - Products Slider CSS *** START ****/ .product-full-width-slider { padding: 20px 0px 50px 0px; margin-top: 0px; overflow: hidden; } .product-full-width-slider .bx-wrapper { margin: 0px; } .product-full-width-slider .slick-list { overflow: visible; padding: 0px !important; } .product-full-width-slider .slick-list .slick-track .slick-slide .product-box-wrap { opacity: 0.2; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-active .product-box-wrap { opacity: 1; } .product-full-width-slider .product-box-wrap { text-align: center; padding: 0px 20px; overflow: hidden; height: 300px; cursor: pointer; position: relative; } .product-full-width-slider .product-box-wrap .box-wrap-default .image { margin: 0px 0px 10px 0px; height: 200px; line-height: 200px; position: relative; z-index: 10;} .product-full-width-slider .product-box-wrap .box-wrap-default .image img { position: absolute; left: 50%; bottom: 0px; transform: translate(-50%,0); height: 150px; transition: all 0.2s; } .product-full-width-slider .product-box-wrap .box-wrap-default .title { text-align: center; } .product-full-width-slider .product-box-wrap .box-wrap-default .title .product-counter, .product-full-width-slider .product-box-wrap .box-wrap-default .title a .product-counter { font-family: 'Montserrat'; color: #626262; font-size: 14px; line-height: 20px; font-weight: 600; } .product-full-width-slider .product-box-wrap .box-wrap-default .title .product-category, .product-full-width-slider .product-box-wrap .box-wrap-default .title a .product-category { font-family: 'Montserrat'; color: #2d2d2d; font-size: 17px; line-height: 20px; font-weight: 600; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-default .image img { height: 200px; } .product-full-width-slider .slick-list .slick-track .slick-slide .product-box-wrap .box-wrap-hover { position: absolute; left: 0px; bottom: -100%; transform: translate(0,100%); transition: all 0.4s; display: table-cell; width: 100%; height: 100%; top: auto; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-hover { bottom: 0; transform: translate(0,0); z-index: 11; display: table-cell; width: 100%; height: 70px; top: auto; background: #FFF; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-hover .action-button-group { text-align: center; padding: 5px 20px; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-hover .action-button-group .action-btn { display: inline-block; margin: 0 auto; padding: 10px; border:1px solid #e33000; border-radius: 5px; color: #e33000; font-family: 'Montserrat'; color: #e33000; font-size: 18px; line-height: 20px; font-weight: 700; width: 100%; transition: all 0.2s; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-hover .action-button-group .action-btn:hover { background: #e33000; color: #FFF; } .product-full-width-slider .slick-arrow { opacity: 1; height: 80px; width: 30px; border-radius: 0px; text-align: center; line-height: 80px; font-size: 0px !important; transform: translate(0,-50%); margin: 0px; z-index: 5; cursor: pointer; font-size: 0px; top: 50%; position: absolute; } .product-full-width-slider .slick-arrow:hover { opacity: 0.7; } .product-full-width-slider .slick-arrow.fa-angle-left { background-image: url(assets/images/intergalactic-product-fw-slide-w-left-arrow.png); background-repeat: no-repeat; background-position: center center; left: 0px; } .product-full-width-slider .slick-arrow.fa-angle-right { background-image: url(assets/images/intergalactic-product-fw-slide-w-right-arrow.png); background-repeat: no-repeat; background-position: center center; right: 0px; } @media only screen and (max-width: 1200px) { .product-full-width-slider .product-box-wrap { padding: 0px; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-hover .action-button-group { padding: 5px; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-hover .action-button-group .action-btn { font-size: 16px; line-height: 17px; } } @media screen and (max-width: 1100px) and (min-width: 768px) { .product-full-width-slider .product-box-wrap { height: 260px; } .product-full-width-slider .product-box-wrap .box-wrap-default .image { height: 160px; line-height: 160px; } .product-full-width-slider .product-box-wrap .box-wrap-default .image img { height: 120px; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-default .image img { height: 160px; } .product-full-width-slider .product-box-wrap .box-wrap-default .title .product-category { font-size: 15px; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-hover .action-button-group .action-btn { font-size: 15px; line-height: 17px; max-height: 65px; overflow: hidden; padding: 6px 7px; } } @media only screen and (max-width: 768px) { .product-full-width-slider .product-box-wrap { height: 260px; } .product-full-width-slider .product-box-wrap .box-wrap-default .image { height: 160px; line-height: 160px; } .product-full-width-slider .product-box-wrap .box-wrap-default .image img { height: 120px; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-default .image img { height: 160px; } .product-full-width-slider .product-box-wrap .box-wrap-default .title .product-category { font-size: 15px; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-hover .action-button-group .action-btn { font-size: 15px; line-height: 17px; max-height: 65px; overflow: hidden; padding: 6px 7px; } .product-full-width-slider .slick-list { overflow: hidden; padding: 0px !important; } .product-full-width-slider .fl-module-content { margin-right: 0px; margin-left: 0px; } .product-full-width-slider .slick-arrow { display: none !important; } } @media only screen and (max-width: 500px) { .product-full-width-slider .product-box-wrap { height: 180px; padding: 0 5px; } .product-full-width-slider .product-box-wrap .box-wrap-default .image { height: 100px; line-height: 100px; } .product-full-width-slider .product-box-wrap .box-wrap-default .image img { height: 70px; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-default .image img { height: 90px; } .product-full-width-slider .product-box-wrap .box-wrap-default .title .product-counter { font-size: 13px; line-height: 18px; } .product-full-width-slider .product-box-wrap .box-wrap-default .title .product-category { font-size: 13px; line-height: 15px; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-hover { height: 50px; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-hover .action-button-group { padding: 0; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-hover .action-button-group .action-btn { font-size: 12px; line-height: 13px; font-weight: 600; padding: 5px; } .product-full-width-slider .product-box-wrap { height: 190px; padding: 0 5px; } .product-full-width-slider .slick-list .slick-track .slick-slide.slick-center .product-box-wrap .box-wrap-hover { height: 62px; } } /*** After Main Slider - Products Slider CSS *** END ****/ /*** Top Products Boxes CSS *** START ****/ .top-products-boxes { display: inline-block; margin-bottom: 30px; padding: 0 15px; } .top-products-boxes .fl-heading .fl-heading-text { font-family: 'Montserrat'; font-size: 35px; text-transform: uppercase; line-height: 40px; color: #FFF; font-weight: 700; text-align: left; margin: 0px; padding: 0px; } .top-products-boxes .fl-cta-text-content p { margin: 0px; padding: 0px; font-size: 15px; color: #FFF; line-height: 20px; } .top-products-boxes .fl-cta-inline .fl-cta-text { width: 60%; } .top-products-boxes .fl-cta-inline .fl-cta-button { width: 30%; } .top-products-boxes .fl-button { padding: 20px !important; background: #e33000 !important; font-family: 'Montserrat'; font-size: 23px !important; line-height: 25px !important; text-transform: uppercase !important; font-weight: 700 !important; letter-spacing: 0.5px !important; outline: none !important; border: none !important; border-radius: 0px !important; transition: all 0.2s; color: #FFF !important;} .top-products-boxes .fl-button .fl-button-text { color: #FFF !important; } .top-products-boxes .fl-button:hover { background: #FFF !important; color: #e33000 !important; } .top-products-boxes .fl-button:hover .fl-button-text { color: #e33000 !important; } .top-products-boxes .fl-module-cwr-logo-grid-carousel { background: #e0e5dd; padding: 20px 40px; } .top-products-boxes .fl-module-cwr-logo-grid-carousel::before { content: "\f0d8"; font-family: 'Fontawesome'; color: #e0e5dd; position: absolute; margin-top: -35px; margin-left: 70px; display: inline-block; font-size: 40px;} .top-products-boxes .njba-logo-carousel-loaded .njba-logo-carousel-body .bx-wrapper { margin: 0px; width: 100%; } .top-products-boxes .njba-logo-carousel-loaded .njba-logo-carousel-body .bx-wrapper .njba-logo-inner { background: none !important; } .top-products-boxes .njba-logo-carousel-loaded .njba-logo-carousel-body .bx-wrapper .njba-logo-inner .njba-logo-inner-wrap a { padding: 10px; border: 2px solid #edf2ea; border-radius: 10px; display: inline-block; } .top-products-boxes .njba-logo-carousel-loaded .njba-logo-carousel-body .bx-wrapper .njba-logo-inner .njba-logo-inner-wrap a:hover { border-color: #e33000; } .top-products-boxes .bx-controls-direction a { opacity: 1; height: 50px !important; width: 25px !important; border-radius: 0px !important; text-align: center !important; line-height: 50px !important; font-size: 0px !important; transform: translate(0,-50%) !important; margin: 0px !important; z-index: 5 !important; background-color: transparent !important; } .top-products-boxes .bx-controls-direction a:hover { opacity: 0.7 !important; } .top-products-boxes .bx-controls-direction a i { display: none !important; } .top-products-boxes .bx-controls-direction a.bx-prev { background-image: url(assets/images/intergalactic-product-slide-left-arrow.png) !important; background-repeat: no-repeat !important; background-position: center center !important; left: -30px !important; } .top-products-boxes .bx-controls-direction a.bx-next { background-image: url(assets/images/intergalactic-product-slide-right-arrow.png) !important; background-repeat: no-repeat !important; background-position: center center !important; right: -30px !important; } @media only screen and (max-width: 1520px) { .top-products-boxes .fl-cta-inline .fl-cta-text { width: 50%; } .top-products-boxes .fl-cta-inline .fl-cta-button { width: 40%; } .top-products-boxes .fl-button { padding:20px 10px; font-size: 20px !important; line-height: 23px !important; } } @media only screen and (max-width: 1200px) { .top-products-boxes .fl-heading { text-align: center !important; } .top-products-boxes .fl-cta-inline .fl-cta-text { width: 100%; display: inline-block; text-align: center; } .top-products-boxes .fl-cta-inline .fl-cta-button { width: 100%; display: inline-block; margin: 0; padding: 20px 0 0 0;} } @media screen and (max-width: 1000px) and (min-width: 768px) { .top-products-boxes .fl-heading .fl-heading-text { font-size: 26px; text-transform: uppercase; line-height: 20px; color: #FFF; font-weight: 700; } } @media only screen and (max-width: 768px) { .top-products-boxes { margin: 0 auto !important; display: table !important; padding: 0px !important; } .top-products-boxes .fl-heading { text-align: left !important; margin-top: 20px !important;} .top-products-boxes .fl-cta-inline { display: block; text-align: left;} .top-products-boxes .fl-cta-inline .fl-cta-title { display: none !important; } .top-products-boxes .fl-cta-inline .fl-cta-text { text-align: left; } .top-products-boxes .fl-cta-inline .fl-cta-text .top-products-boxes .fl-cta-text-content p { margin: 0px !important; padding: 0px; font-size: 15px; line-height: 18px; font-weight: 400;} .top-products-boxes .fl-cta-inline .fl-cta-button { width: auto; padding: 0px 0 20px 0; } .top-products-boxes .fl-cta-inline .fl-cta-button .fl-button { padding: 15px 40px !important; font-size: 20px !important; line-height: 23px !important; width: auto;} .top-products-boxes .fl-module-cwr-logo-grid-carousel::before { margin-top: -30px; } .top-products-boxes .fl-module-cwr-logo-grid-carousel { padding: 15px; } .top-products-boxes .bx-controls { display: none; } } /*** Top Products Boxes CSS *** END ****/ /*** Latest Offers Slider CSS *** START ****/ .latest-offers-slider-section .njba-infolist .njba-infolist-sec { margin: 0px; padding: 30px; } .latest-offers-slider-section .njba-infolist .njba-infolist-sec .njba-infolist-img { text-align: left; margin-bottom: 15px; } .latest-offers-slider-section .njba-infolist .njba-infolist-sec .njba-infolist-content { text-align: left; } .latest-offers-slider-section .njba-infolist .njba-infolist-sec .njba-infolist-content .heading { font-family: 'Montserrat'; font-size: 30px; text-transform: uppercase; line-height: 35px; color: #FFF; font-weight: 700; letter-spacing: 3px; position: relative; padding-bottom: 25px; padding-left: 0px; margin: 0px 0px 30px 0px;} .latest-offers-slider-section .njba-infolist .njba-infolist-sec .njba-infolist-content .heading::before { content: ""; width: 75px; height: 2px; background: #FFF; position: absolute; bottom: 0px; left: 0; transform: translate(0,0); margin-bottom: 6px; } .latest-offers-slider-section .njba-infolist .njba-infolist-sec .njba-infolist-content .heading::after { content: ""; width: 75px; height: 2px; background: #FFF; position: absolute; bottom: 0px; left: 0; transform: translate(0,0); margin-left: 10px; } .latest-offers-slider-section .njba-infolist .njba-infolist-sec .njba-infolist-content p { padding: 0px; margin: 0px; font-size: 15px; line-height: 20px; color: #FFF; } .latest-offers-slider-section .products-title .fl-heading { position: relative; margin: 20px 0 5px 0; } .latest-offers-slider-section .products-title .fl-heading::before { content: ""; height: 2px; width: 100%; position: absolute; background: #dddddd; left: 0px; top: 50%; transform: translate(0,-50%); } .latest-offers-slider-section .products-title .fl-heading .fl-heading-text { font-family: 'Montserrat'; font-size: 60px; text-transform: uppercase; line-height: 65px; color: #dddddd; font-weight: 800; letter-spacing: 10px; background: #f0f0f0; position: relative; padding-right: 20px;} .latest-offers-slider-section .slider-wrap { width: 100%; } .latest-offers-slider-section .slider-wrap .bx-wrapper { margin: 0px; padding: 0px; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group { display: inline-flex; width: 100%; margin: 0px; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li { margin: 0 25px 0 0px; width: 350px !important; list-style: none; box-shadow: 0px 0px 50px rgba(0,0,0,0.1); max-height: 430px; overflow: hidden;} .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap { display: inline-block; overflow: hidden; position: relative; width: 100%; background: #FFF; height: 430px; overflow: hidden; transition: all 0.2s;} .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-default { text-align: center;} .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-default .image { display: inline-block; padding: 20px 0px; margin: 0 auto; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-default .image { max-width: 300px; width: 300px; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-default .product-info { padding: 20px 10px; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-default .product-info .product-category { font-family: 'Montserrat'; font-size: 20px; text-transform: uppercase; line-height: 23px; color: #2d2d2d; font-weight: 600; letter-spacing: 0px; margin-bottom: 5px; height: 20px; overflow: hidden;} .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-default .product-info .product-name { font-family: 'Montserrat'; font-size: 18px; text-transform: uppercase; line-height: 23px; color: #7d7d7d; font-weight: 700; letter-spacing: 0px; height: 20px; overflow: hidden;} .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-hover { position: absolute; left: 0; top: 100%; transform: translate(0,100%); z-index: 1; display: table; width: 100%; height: 100%; transition: all 0.2s; /* hover bg * Start */ background: rgba(245,62,12,0.80); background: -moz-linear-gradient(top, rgba(245,62,12,0.80) 0%, rgba(158,34,0,0.80) 50%, rgba(65,10,1,0.80) 100%); background: -webkit-linear-gradient(top, rgba(245,62,12,0.80) 0%,rgba(158,34,0,0.80) 50%,rgba(65,10,1,0.80) 100%); background: linear-gradient(to bottom, rgba(245,62,12,0.80) 0%,rgba(158,34,0,0.80) 50%,rgba(65,10,1,0.80) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f53e0c', endColorstr='#410a01',GradientType=0 ); /* hover bg * End */ } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-hover .box-wrap-hover-content { top: 50%; position: absolute; transform: translate(0,-50%); text-align: center; width: 100%; padding: 20px; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-hover .box-wrap-hover-content .product-info .product-category { font-family: 'Montserrat'; font-size: 20px; text-transform: uppercase; line-height: 23px; color: #FFF; font-weight: 600; letter-spacing: 0px; margin-bottom: 10px; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-hover .box-wrap-hover-content .product-info .product-name { font-family: 'Montserrat'; font-size: 20px; text-transform: uppercase; line-height: 23px; color: #FFF; font-weight: 600; letter-spacing: 0px; margin-bottom: 10px; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-hover .box-wrap-hover-content .action-button-group { margin-top: 30px; display: inline-flex; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-hover .box-wrap-hover-content .action-button-group a { padding: 15px 20px; background: #000000; font-family: 'Montserrat'; font-size: 18px; line-height: 20px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; outline: none; border: none; border-radius: 0px; transition: all 0.2s; color: #FFF;} .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-hover .box-wrap-hover-content .action-button-group a:hover { background: #FFF; color: #000; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap:hover .box-wrap-hover { top: 0%; transform: translate(0,0%); } .latest-offers-slider-section .bx-controls-direction a { background-color: rgba(0,0,0,0.8) ; height: 100px; width: 70px; border-radius: 5px; text-align: center; line-height: 100px; font-size: 0px !important; transform: translate(0,-50%); margin: 0px; z-index: 5; } .latest-offers-slider-section .bx-controls-direction a:hover { background-color: rgba(210,44,10,0.95); } .latest-offers-slider-section .bx-controls-direction a i { display: none; } .latest-offers-slider-section .bx-controls-direction a.bx-prev { background-image: url(assets/images/intergalactic-product-slide-w-left-arrow.png); background-repeat: no-repeat; background-position: center center; left: -15px; } .latest-offers-slider-section .bx-controls-direction a.bx-next { background-image: url(assets/images/intergalactic-product-slide-w-right-arrow.png); background-repeat: no-repeat; background-position: center center; right: -15px; } @media only screen and (max-width: 1400px) { .latest-offers-slider-section .product-title-side { width: 25%; } .latest-offers-slider-section .product-slider-side { width: 75%; } .latest-offers-slider-section .njba-infolist .njba-infolist-sec .njba-infolist-content .heading { font-size: 28px; line-height: 30px; } .latest-offers-slider-section .njba-infolist .njba-infolist-sec .njba-infolist-content p { height: 140px; overflow: hidden; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li { margin: 0 25px 0 0px; width: 340px !important; max-height: 430px; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap { width: 100%; height: 430px;} .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-default .image { max-width: 300px; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-default .image img { width: 100%; } } @media only screen and (max-width: 1200px) { .latest-offers-slider-section .product-title-side { width: 30%; } .latest-offers-slider-section .product-slider-side { width: 70%; } } @media only screen and (max-width: 992px) { .latest-offers-slider-section .product-title-side { width: 40%; } .latest-offers-slider-section .product-slider-side { width: 60%; } .latest-offers-slider-section .products-title .fl-heading .fl-heading-text { font-size: 50px; line-height: 55px; letter-spacing: 2px; } } @media only screen and (max-width: 768px) { .latest-offers-slider-section .njba-infolist .njba-infolist-sec { padding: 15px; } .latest-offers-slider-section .njba-infolist .njba-infolist-sec .njba-infolist-content .heading br { display: none; } .latest-offers-slider-section .njba-infolist .njba-infolist-sec .njba-infolist-content p { height: auto; overflow: hidden; } .latest-offers-slider-section .products-title .fl-heading { padding-bottom: 20px !important; } .latest-offers-slider-section .products-title .fl-heading .fl-heading-text { font-size: 30px; line-height: 35px; letter-spacing: 3px; font-weight: 700; color: #949494; } .latest-offers-slider-section .products-title .fl-heading::before { top: auto; bottom: 0; transform: translate(0,0); height: 1px; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-hover { display: none; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group { margin: 0 -15px !important; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li { box-shadow: none; padding: 0 15px !important; margin: 0px; } .latest-offers-slider-section.whats-new-section { margin-top: 20px; } .latest-offers-slider-section.whats-new-section .slider-wrap { width: 100%; margin-bottom: 50px;} .latest-offers-slider-section .bx-controls { display: none; } } @media only screen and (max-width: 500px) { .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group { margin: 0px -15px !important; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li { padding: 0px 15px !important; } .latest-offers-slider-section .slider-wrap .bx-wrapper ul.slider-items-group li .product-box-wrap .box-wrap-default .image { max-width: 100%; width: 100%; text-align: center;} } /*** Latest Offers Slider CSS *** END ****/ /*** Premier Fireworks Store Section CSS *** START ****/ .premier-fireworks-store-section { text-align: center; color: #FFF; } .premier-fireworks-store-section .fl-cta-inline .fl-cta-text { width: 100%; display: inline-block; } .premier-fireworks-store-section .fl-cta-inline .fl-cta-button { width: auto; display: inline-block; padding: 0px; margin: 0px; } .premier-fireworks-store-section .fl-row-content-wrap { padding-top: 60px; padding-bottom: 60px; } .premier-fireworks-store-section .fl-row-content-wrap h3 { font-family: 'Montserrat'; font-size: 45px; text-transform: uppercase; line-height: 50px; color: #FFF; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 30px; } .premier-fireworks-store-section .fl-row-content-wrap p { color: #FFF; font-weight: 400; } .premier-fireworks-store-section .fl-button { padding: 20px 40px !important; background: #e33000 !important; font-family: 'Montserrat' !important; font-size: 23px !important; line-height: 25px !important; text-transform: uppercase !important; font-weight: 600 !important; letter-spacing: 0.5px !important; outline: none !important; border: none !important; border-radius: 0px !important; transition: all 0.2s !important; margin-top: 20px; } .premier-fireworks-store-section .fl-button .fl-button-text { color: #FFF !important; } .premier-fireworks-store-section .fl-button .fl-button-text::after { content: "\f105"; font-family: 'Font Awesome 5 Free'; float: right; position: relative; line-height: 23px; font-size: 25px; padding-left: 10px; } .premier-fireworks-store-section .fl-button:hover { background: #FFF !important; } .premier-fireworks-store-section .fl-button:hover .fl-button-text { color: #9e2200 !important; } @media only screen and (max-width: 992px) { .premier-fireworks-store-section .fl-row-content-wrap h3 br { display: none !important; } .premier-fireworks-store-section .fl-button .fl-button-text::after { line-height: 18px; font-size: 20px; padding-left: 10px; } } @media only screen and (max-width: 768px) { .premier-fireworks-store-section .fl-row-content-wrap h3 { font-size: 35px; line-height: 40px; } .premier-fireworks-store-section .fl-button { padding: 20px !important; font-size: 18px !important; line-height: 20px !important; font-weight: 700 !important; } } @media only screen and (max-width: 500px) { .premier-fireworks-store-section .fl-row-content-wrap h3 { font-size: 25px; line-height: 30px; } .premier-fireworks-store-section .fl-row-content-wrap p { font-size: 16px; line-height: 19px; } } /*** Premier Fireworks Store Section CSS *** END ****/ /*** Helpful Tips CSS *** START ****/ .helpful-tips-section .helpful-tips-boxes .fl-post-carousel-post { background: none; border: none; } .helpful-tips-section .helpful-tips-boxes .fl-post-carousel-post .fl-post-carousel-text { text-align: center; background: none; border: none; } .helpful-tips-section .helpful-tips-boxes .fl-post-carousel-post .fl-post-carousel-text .fl-post-carousel-title { margin: 0px; padding: 0px; font-family: 'Montserrat'; font-size: 23px; line-height: 30px; color: #2d2d2d; font-weight: 700; } @media only screen and (min-width: 768px) { .helpful-tips-section .helpful-tips-boxes .fl-post-carousel { padding: 0px; } .helpful-tips-section .helpful-tips-boxes .fl-post-carousel-navigation { display: none; } } @media only screen and (max-width: 768px) { .helpful-tips-section .fl-post-carousel { padding: 0 20px; } .helpful-tips-section .helpful-tips-boxes .fl-module-content.fl-node-content { margin: 0 20px; } .helpful-tips-section .helpful-tips-boxes .fl-post-carousel-post .fl-post-carousel-text { height: 55px !important; overflow: hidden; padding: 0px !important; margin: 20px 0;} .helpful-tips-section .helpful-tips-boxes .fl-post-carousel-post .fl-post-carousel-text .fl-post-carousel-title { font-size: 19px; line-height: 25px; } .helpful-tips-section .fl-post-carousel-navigation { margin-top: 0; transform: translate(0,-30%); top: 30%; } .helpful-tips-section .fl-post-carousel-navigation .carousel-prev { left: -15px; } .helpful-tips-section .fl-post-carousel-navigation .carousel-next { right: -15px; } .helpful-tips-section .fl-post-carousel-navigation svg { display: none; } .helpful-tips-section .fl-post-carousel-navigation .carousel-prev .fl-post-carousel-svg-container { background-image: url(assets/images/intergalactic-product-slide-left-arrow.png); background-repeat: no-repeat; background-position: center center; height: 50px; width: 25px; text-align: center; opacity: 0.3; transition: all 0.2s; } .helpful-tips-section .fl-post-carousel-navigation .carousel-prev:hover .fl-post-carousel-svg-container { opacity: 1; } .helpful-tips-section .fl-post-carousel-navigation .carousel-next .fl-post-carousel-svg-container { background-image: url(assets/images/intergalactic-product-slide-right-arrow.png); background-repeat: no-repeat; background-position: center center; height: 50px; width: 25px; text-align: center; opacity: 0.3; transition: all 0.2s; } .helpful-tips-section .fl-post-carousel-navigation .carousel-next:hover .fl-post-carousel-svg-container { opacity: 1; } } /*** Helpful Tips CSS *** END ****/ /*** Three Features Box CSS *** START ****/ .three-col-features-section .features-box .fl-icon { width: 70px; text-align: center; } .three-col-features-section .features-box .fl-icon-text h4 { font-family: 'Montserrat'; font-size:20px; text-transform: uppercase; line-height: 23px; color: #FFF; font-weight: 700; margin: 0 0 10px 0; } .three-col-features-section .features-box .fl-icon-text p { color: #FFF; } @media only screen and (max-width: 1400px) { .three-col-features-section .features-box .fl-icon-text h4 { height: 50px; overflow: hidden; } .three-col-features-section .features-box .fl-icon-text p { color: #FFF; font-size: 16px; line-height: 20px;} } @media only screen and (max-width: 1200px) { .three-col-features-section .features-box .fl-icon-text h4 { height: 50px; overflow: hidden; font-size: 18px; } .three-col-features-section .features-box .fl-icon-text p { color: #FFF; font-size: 16px; line-height: 20px;} } @media only screen and (max-width: 768px) { .three-col-features-section .bx-wrapper { margin: 0px; padding: 0px; } .three-col-features-section .bx-controls { display: none; } .three-col-features-section .features-box .fl-icon { display: table-cell !important } .three-col-features-section .features-box .fl-icon-text h4 { max-height: 50px; height: auto; } } /*** Three Features Box CSS *** END ****/ /*** What Customers Say CSS *** START ****/ .what-customers-say-section .ttshowcase_slider { position: relative; max-width: 1300px; margin: 0 auto;} .what-customers-say-section .ttshowcase_slider .bx-wrapper { margin: 0 60px; } .what-customers-say-section .ttshowcase_slider .bx-viewport { width: 100% !important; background: #FFF; box-shadow: 0 0 80px rgba(0,0,0,0.1); left: 0 !important; right: 0 !important; margin: 0px; } .what-customers-say-section .ttshowcase_slider .bx-viewport .ttshowcase_rl_image { padding: 50px 30px 30px 30px; text-align: center; } .what-customers-say-section .ttshowcase_slider .bx-viewport .ttshowcase_rl_image img { margin: 0 auto; } .what-customers-say-section .ttshowcase_slider .bx-viewport .ttshowcase_rl_quote { margin: 0px; padding: 0px 30px 30px 30px; font-family: 'Montserrat'; font-size:18px; line-height: 23px; color: #000; font-weight: 600; letter-spacing: 0px; font-style: normal; } .what-customers-say-section .ttshowcase_slider .bx-viewport .ttshowcase_rl_quote p { display: inline-block; margin-bottom: 20px; } .what-customers-say-section .ttshowcase_slider .bx-viewport .ttshowcase_rl_quote i.fa-quote-left { float: none; font-size: 45px; position: relative; color: #dddddd; opacity: 1; line-height: 20px; } .what-customers-say-section .ttshowcase_slider .bx-viewport .ttshowcase_rating { margin-bottom: 10px; } .what-customers-say-section .ttshowcase_slider .bx-viewport .ttshowcase_rating i { font-size: 20px; line-height: 20px; margin: 2px; } .what-customers-say-section .ttshowcase_slider .bx-viewport .ttshowcase_rating i.fa-star { color: #ffba00; } .what-customers-say-section .ttshowcase_slider .bx-viewport .ttshowcase_rating i.fa-star-o { color: #a5a5a5; } .what-customers-say-section .ttshowcase_slider .bx-viewport .ttshowcase_rating i.fa-star-o::before { content: "\f005"; } .what-customers-say-section .ttshowcase_slider .bx-viewport .ttshowcase_rl_title { color: #7d7d7d; } .what-customers-say-section .ttshowcase_slider .tt-slider-controls { width: 100%; display: inline-block; } .what-customers-say-section .ttshowcase_slider .tt-slider-controls span { padding: 0px; margin: 0px; } .what-customers-say-section .ttshowcase_slider .tt-slider-controls span a { height: 50px; width: 25px; text-align: center; display: inline-block; position: relative; } .what-customers-say-section .ttshowcase_slider .tt-slider-controls span a i { display: none; } .what-customers-say-section .ttshowcase_slider .tt-slider-controls span#tt-slider-prev { left: 0px; position: absolute; top: 50%; transform: translate(0,-50%); } .what-customers-say-section .ttshowcase_slider .tt-slider-controls span#tt-slider-next { left: auto; right: 0px; position: absolute; top: 50%; transform: translate(0,-50%); } .what-customers-say-section .ttshowcase_slider .tt-slider-controls span#tt-slider-prev a::before { content: ""; background-image: url(assets/images/intergalactic-product-slide-left-arrow.png); background-repeat: no-repeat; background-position: center center; height: 50px; width: 21px; display: inline-block; } .what-customers-say-section .ttshowcase_slider .tt-slider-controls span#tt-slider-next a::before { content: ""; background-image: url(assets/images/intergalactic-product-slide-right-arrow.png); background-repeat: no-repeat; background-position: center center; height: 50px; width: 21px; display: inline-block; } .what-customers-say-section .bx-default-pager { display: none; margin: 0; position: relative !important; bottom: 0 !important;} .what-customers-say-section .bx-default-pager .bx-pager-item .bx-pager-link { font-size: 0px !important; outline: none !important; border: 0px !important; height: 20px !important; width: 20px !important; background: #e33000 !important; border-radius: 100% !important; display: inline-block !important; opacity: 0.3 !important; } .what-customers-say-section .bx-default-pager .bx-pager-item .bx-pager-link.active { opacity: 1 !important; } @media only screen and (max-width: 768px) { .what-customers-say-section .tt-slider-controls { display: none !important; } .what-customers-say-section .bx-default-pager { display: block !important; } .what-customers-say-section .ttshowcase_slider .bx-wrapper { margin: 0px !important; } } /*** What Customers Say CSS *** END ****/ /*** Full Width Newsletter CSS *** START ****/ .full-width-newsletter-section h3 { margin: 0px; padding: 0px; } .full-width-newsletter-section h3 .fl-heading-text { font-family: 'Montserrat'; font-size:25px; text-transform: uppercase; line-height: 25px; color: #FFF; font-weight: 600; letter-spacing: 1.5px; } .full-width-newsletter-section .newsletter ul { display: inline-flex; width: 100%; margin: 0px; padding: 0px; } .full-width-newsletter-section .newsletter ul li { float: left; width: 30%; list-style: none; } .full-width-newsletter-section .newsletter ul li:first-child { width: 70%; } .full-width-newsletter-section .newsletter ul li .subscribe-textbox { width: 100%; height: 45px; line-height: 45px; padding: 0 20px; border: none; border-radius: 0px; outline: none; font-family: 'Montserrat'; font-size: 16px; color: #484848; font-weight: 500; } .full-width-newsletter-section .newsletter ul li .subscribe-textbox:hover { outline: none; border:none; } .full-width-newsletter-section .newsletter ul li .subscribe-textbox:focus { outline: none; border:none; } .full-width-newsletter-section .newsletter ul li .subscribe-btn { width: 100%; height: 45px; line-height: 45px; padding: 0 20px; border: none; border-radius: 0px; font-family: 'Montserrat'; font-size: 16px; text-transform: uppercase; color: #FFF; font-weight: 600; letter-spacing: 0.5px; background: #e33000; transition: all 0.2s; } .full-width-newsletter-section .newsletter ul li .subscribe-btn:hover { background: #555; } @media only screen and (max-width: 1520px) { .full-width-newsletter-section h3 .fl-heading-text { font-size:23px; line-height: 23px; letter-spacing: 0.5px; } .full-width-newsletter-section .newsletter ul li { width: 40%; } .full-width-newsletter-section .newsletter ul li:first-child { width: 60%; } .full-width-newsletter-section .newsletter ul li .subscribe-btn { text-align: center; padding:0px; } } @media only screen and (max-width: 1300px) { .full-width-newsletter-section .fl-module-content { margin: 10px 20px;} .full-width-newsletter-section h3 { line-height: 20px; } .full-width-newsletter-section h3 .fl-heading-text { font-size:20px; line-height: 20px; letter-spacing: 0px; } } @media only screen and (max-width: 768px) { .full-width-newsletter-section h3 { text-align: center !important; } .full-width-newsletter-section h3 .fl-heading-text { line-height: 25px; text-align: center !important; } } @media only screen and (max-width: 500px) { .full-width-newsletter-section .newsletter ul { display: inline-block; } .full-width-newsletter-section .newsletter ul li { width: 100% !important; text-align: center; } .full-width-newsletter-section .newsletter ul li:first-child { margin-bottom: 15px; text-align: left; } .full-width-newsletter-section .newsletter ul li .subscribe-btn { width: auto; padding: 0 30px; margin: 0 auto; } } /*** Full Width Newsletter CSS *** END ****/ /*** Get To Know Us CSS *** START ****/ .get-to-know-us-section { font-weight: 500; color: #2d2d2d; } .get-to-know-us-section p { font-weight: 500; color: #2d2d2d; margin-bottom: 20px; } .get-to-know-us-section .main-title-wrap.title-left .fl-heading .fl-heading-text { color: #000000; font-size: 36px; line-height: 40px; font-weight: 800; letter-spacing: 2px; margin-bottom: 0px; } .get-to-know-us-section .main-title-wrap.title-left .fl-heading .fl-heading-text span { font-weight: 600; letter-spacing: 0px; } .get-to-know-us-section .theme-btn .fl-module-content.fl-node-content .fl-button { padding: 15px 30px; } .get-to-know-us-section h4 .fl-heading-text { font-family: 'Montserrat'; font-size: 25px; text-transform: uppercase; line-height: 28px; color: #000; font-weight: 800; letter-spacing: 0.5px; margin-bottom: 20px; } .get-to-know-us-section .get-to-know-us-store-hours .fl-module-content.fl-node-content { max-width: 270px; } .get-to-know-us-section .get-to-know-us-store-hours .njba-opening-times-list li { margin-top: 10px; } .get-to-know-us-section .get-to-know-us-store-hours .njba-opening-times-list li:first-child { margin-top: 0px; } .get-to-know-us-section .get-to-know-us-store-hours .njba-opening-times-list .njba-opening-day { font-family: 'Montserrat'; font-size: 16px; text-transform: uppercase; line-height: 20px; color: #2d2d2d; font-weight: 700; } .get-to-know-us-section .get-to-know-us-store-hours .njba-opening-times-list .njba-opening-hours { font-family: 'Montserrat'; font-size: 16px; text-transform: uppercase; line-height: 20px; color: #2d2d2d; font-weight: 600; } .get-to-know-us-section .get-to-know-us-store-hours .njba-opening-times-list .njba-opening-hours .njba-opening-hours-separator { margin: 0px; padding: 0px; } .get-to-know-us-section .location-contact-info.right-side .fl-col { width: 100% !important; display: inline-block; } .get-to-know-us-section .location-and-contact-wrap ul.locations-group { margin: 0px; padding: 0px; display: inline-flex; width: 100%; } .get-to-know-us-section .location-and-contact-wrap ul.locations-group li.location-info { float: left; width: 50%; list-style: none; } .get-to-know-us-section .location-and-contact-wrap ul.locations-group li.location-info h5 { font-family: 'Montserrat'; font-size: 19px; text-transform: uppercase; line-height: 20px; color: #2d2d2d; font-weight: 700; margin-bottom: 10px; } .get-to-know-us-section .location-and-contact-wrap ul.locations-group li.location-info p { font-size: 16px; line-height: 23px; font-weight: 500; } .get-to-know-us-section .location-and-contact-wrap ul.locations-group li.location-info .get-directions { text-transform: uppercase; font-weight: 700; color: #e33000; padding-left: 25px; position: relative; } .get-to-know-us-section .location-and-contact-wrap ul.locations-group li.location-info .get-directions::before { content: "\f041"; font-family: 'Font Awesome 5 Free'; color: #000; font-size: 25px; position: absolute; left: 0; line-height: 20px; transition: all 0.2s; } .get-to-know-us-section .location-and-contact-wrap ul.locations-group li.location-info .get-directions:hover { color: #000; } .get-to-know-us-section .location-and-contact-wrap ul.locations-group li.location-info .get-directions:hover::before { color: #e33000; } @media only screen and (max-width: 1520px) { .get-to-know-us-section .fl-col-small.left-side { width: 40%;} .get-to-know-us-section .fl-col-small.right-side { width: 60%;} } @media only screen and (max-width: 1300px) { .get-to-know-us-section .fl-col-small.left-side { width: 35%;} .get-to-know-us-section .fl-col-small.right-side { width: 65%;} } @media only screen and (max-width: 1100px) { .get-to-know-us-section .fl-col-small.left-side { width: 100%;} .get-to-know-us-section .fl-col-small.left-side .fl-map iframe { height: 350px !important; } .get-to-know-us-section .fl-col-small.right-side { width: 100%;} .get-to-know-us-section .fl-col-small.right-side .main-title-wrap.title-left .fl-heading { text-align: center; } .get-to-know-us-section .fl-col-small.right-side .main-title-wrap.title-left .fl-heading .fl-heading-text::before { left: 50%; transform: translate(-50%,0); } .get-to-know-us-section .fl-col-small.right-side .main-title-wrap.title-left .fl-heading .fl-heading-text::after { left: 50%; transform: translate(-50%,0); } .get-to-know-us-section .fl-col-small.right-side .fl-module.fl-module-rich-text { text-align: center; } .get-to-know-us-section .fl-col-small.right-side .fl-button-left { text-align: center !important;} } @media only screen and (max-width: 768px) { .get-to-know-us-section .main-title-wrap.title-left .fl-heading .fl-heading-text { font-size: 30px; line-height: 35px; } .get-to-know-us-section .get-to-know-us-store-hours .fl-module-content.fl-node-content { max-width: 100%; } .get-to-know-us-section .get-to-know-us-store-hours ul.njba-opening-times-list { display: inline-block; width: 100%; margin: 0 -5px; } .get-to-know-us-section .get-to-know-us-store-hours ul.njba-opening-times-list li { float: left; width: 50%; margin: 0px; padding: 5px; } .get-to-know-us-section .get-to-know-us-store-hours ul.njba-opening-times-list .njba-opening-hours span { display: inline-block !important; float: left; } .get-to-know-us-section .get-to-know-us-store-hours ul.njba-opening-times-list span.njba-opening-hours-separator { display: block !important; } } @media only screen and (max-width: 500px) { .get-to-know-us-section .get-to-know-us-store-hours .njba-opening-times-list .njba-opening-day { font-size: 14px; line-height: 17px; } .get-to-know-us-section .get-to-know-us-store-hours .njba-opening-times-list .njba-opening-hours, .get-to-know-us-section .get-to-know-us-store-hours .njba-opening-times-list .njba-opening-hours span { font-size: 14px; line-height: 17px; } .get-to-know-us-section .location-and-contact-wrap ul.locations-group li:first-child { padding-right: 10px; } .get-to-know-us-section .location-and-contact-wrap ul.locations-group li.location-info h5 { font-size: 17px; } .get-to-know-us-section .location-and-contact-wrap ul.locations-group li.location-info p { font-size: 12px; line-height: 17px; margin-bottom: 20px !important; letter-spacing: -0.5px; } } @media only screen and (max-width: 400px) { .get-to-know-us-section .get-to-know-us-store-hours .njba-opening-times-list .njba-opening-day { max-width: 40px; overflow: hidden; height: 16px; text-align: left; overflow-wrap: break-word;} .get-to-know-us-section .get-to-know-us-store-hours .njba-opening-times-list li { position: relative; } .get-to-know-us-section .get-to-know-us-store-hours .njba-opening-times-list li::after { content: ":"; position: absolute; float: left; top: 0; left: 45px; background: #FFF; padding: 0 10px 0 5px; } } /*** Get To Know Us CSS *** END ****/ /*** FAQs Page CSS *** END ****/ .faq-accordion-section .fl-accordion-item .fl-accordion-button { background: #e8e8e8; font-weight: 600; font-size: 23px; line-height: 25px; color: #333; padding: 20px; transition: all 0.2s; } .faq-accordion-section .fl-accordion-item .fl-accordion-button .fl-accordion-button-label { font-size: unset; } .faq-accordion-section .fl-accordion-item .fl-accordion-button:hover { background: #243f7e; color: #FFF; } .faq-accordion-section .fl-accordion-item .fl-accordion-content { padding: 20px; } .faq-accordion-section .fl-accordion-item.fl-accordion-item-active .fl-accordion-button { background: #e33000; color: #FFF; } .faq-accordion-section .fl-accordion-item.fl-accordion-item-active .fl-accordion-button .fl-accordion-button-icon { opacity: 1; } /*** FAQs Page CSS *** END ****/ /*** Specials Page CSS *** END ****/ .mobile-specials-offers { display: none; } .default-specials-offers { display: block; } @media only screen and (max-width: 768px) { .mobile-specials-offers { display: block; } .mobile-specials-offers .njba-logo-carousel-main { margin: 0 20px; } .mobile-specials-offers .njba-logo-carousel-main .bx-wrapper { margin: 0px; padding: 0px; } .mobile-specials-offers .njba-logo-carousel-main .bx-wrapper .njba-logo-inner { background: none; } .mobile-specials-offers .bx-controls-direction a { opacity: 1; height: 50px !important; width: 25px !important; border-radius: 0px !important; text-align: center !important; line-height: 50px !important; font-size: 0px !important; transform: translate(0,-50%) !important; margin: 0px !important; z-index: 5 !important; background-color: transparent !important; } .mobile-specials-offers .bx-controls-direction a:hover { opacity: 0.7 !important; } .mobile-specials-offers .bx-controls-direction a i { display: none !important; } .mobile-specials-offers .bx-controls-direction a.bx-prev { background-image: url(assets/images/intergalactic-product-slide-left-arrow.png) !important; background-repeat: no-repeat !important; background-position: center center !important; left: -30px !important; } .mobile-specials-offers .bx-controls-direction a.bx-next { background-image: url(assets/images/intergalactic-product-slide-right-arrow.png) !important; background-repeat: no-repeat !important; background-position: center center !important; right: -30px !important; } .default-specials-offers { display: none; } } /*** Specials Page CSS *** END ****/ /*** Brands Page CSS *** START ****/ .brands-boxes-group .njba-teams-wrapper { position: relative; display: inline-block; width: 100%; } .brands-boxes-group .njba-teams-wrapper::before { content: ""; position: absolute; width: 100%; height: 100%; display: table-cell; left: 0; top: 0; box-shadow: 3px 3px 0px 0px #FFF inset;} .brands-boxes-group .njba-teams-wrapper .njba-column-3 { border-left: 2px solid #c7c7c7; border-top: 2px solid #c7c7c7; padding: 0px; } .brands-boxes-group .freature-repair { margin: 0px; padding: 50px; } .brands-boxes-group .freature-repair img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .brands-boxes-group .freature-repair .freature-plus-icon { display: none; } .brands-boxes-group .freature-repair .freature-title { position: relative; font-family: 'Montserrat'; font-size: 26px; text-transform: none; line-height: 30px; color: #2d2d2d; font-weight: 700; transform: translate(0,0); top: 0; letter-spacing: 0; padding: 0; margin: 40px 0 0 0; } .brands-boxes-group .freature-repair .freature-img-overlay { background-color: rgba(277,48,0,0); } .brands-boxes-group .freature-repair .freature-hover-box { background-color: rgba(277,48,0,.87); background-image: none; top: 100%; } .brands-boxes-group .freature-repair:hover .freature-hover-box { top: 0%; } .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table { border: 0px; padding: 0; } .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .freature-hover-icon { display: none; } .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .hover-freature-title { font-family: 'Montserrat'; font-size: 50px; text-transform: uppercase; line-height: 50px; color: #FFF; font-weight: 700; margin: 0 0 20px 0; padding: 0px; letter-spacing: 0px; max-height: 100px; overflow: hidden;} .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .hover-freature-discription { font-weight: 500; letter-spacing: 0px; font-size: 20px; line-height: 25px; max-height: 150px; overflow: hidden;} .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .freature-info { margin-top: 30px; padding: 0px; } .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .freature-info a { display: inline-block; width: 100%; padding: 18px 10px; font-family: 'Montserrat'; font-size: 24px; line-height: 30px; text-transform: uppercase; color: #000; border: none; background: #FFF; font-weight: 700; letter-spacing: 0; max-width: 290px; } .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .freature-info a:hover { background: #000; color: #FFF;} .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .freature-info a::before { display: none; } .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .freature-info a::after { display: none; } .brands-boxes-group.default-grid-view { display: block; } .brands-boxes-group.mobile-carousel-view { display: none; } @media only screen and (max-width: 1400px) { .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .hover-freature-title { font-size: 40px; line-height: 40px; } .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .freature-info a { font-size: 18px; padding-right: 0px; padding-left: 0px; } } @media only screen and (max-width: 1200px) { .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .hover-freature-title { font-size: 30px; line-height: 30px; max-height: 60px; } .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .hover-freature-discription { font-size: 17px; line-height: 19px; max-height: 115px; } .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .freature-info a { padding: 10px 0; font-size: 16px; } } @media only screen and (max-width: 768px) { .brands-boxes-group.default-grid-view { display: none; } .brands-boxes-group.mobile-carousel-view { display: block; } .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .hover-freature-discription { display: block; } .brands-boxes-group .njba-teams-main { margin: 0 20px; } .brands-boxes-group .njba-teams-main .bx-wrapper { margin: 0px; padding: 0px; } .brands-boxes-group .njba-teams-main .njba-carousel { padding: 0px; } .brands-boxes-group .bx-controls { position: relative; height: 50px; margin-top: 20px; } .brands-boxes-group .bx-controls .bx-prev { top: 0px !important; transform: translate(0,0) !important; left: 20px !important; z-index: 20 !important; margin: 0px !important; padding: 0px !important; height: 50px !important; width: 50px !important; display: inline-block !important; line-height: 50px !important; text-align: center !important; background: #bfbfbf !important; color: #0d0d0d !important; } .brands-boxes-group .bx-controls .bx-prev:hover { color: #FFF !important; background: #e33000 !important; } .brands-boxes-group .bx-controls .bx-prev::before { content: "\f104"; font-family: 'Font Awesome 5 Free'; font-size: 35px; line-height: 50px; } .brands-boxes-group .bx-controls .bx-prev img { display: none !important; } .brands-boxes-group .bx-controls .bx-next { top: 0px !important; transform: translate(0,0) !important; right: 20px !important; z-index: 20 !important; margin: 0px !important; padding: 0px !important; height: 50px !important; width: 50px !important; display: inline-block !important; line-height: 50px !important; text-align: center !important; background: #bfbfbf !important; color: #0d0d0d !important; } .brands-boxes-group .bx-controls .bx-next:hover { color: #FFF !important; background: #e33000 !important; } .brands-boxes-group .bx-controls .bx-next::before { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-size: 35px; line-height: 50px; } .brands-boxes-group .bx-controls .bx-next img { display: none !important; } .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .hover-freature-title { font-size: 35px; line-height: 35px; max-height: 60px; } .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .hover-freature-discription { font-size: 17px; line-height: 19px; max-height: 115px; } .brands-boxes-group .freature-repair .freature-hover-box .freature-hover-table .freature-info a { padding: 10px 0; font-size: 22px; } } /*** Brands Page CSS *** END ****/ /*** Blog Page CSS *** START ****/ .blog-page-title-section { background-image: url(assets/images/blog-top-background-3.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; padding-top: 140px; padding-bottom: 95px; padding-left: 20px; padding-right: 20px;} .blog-page-title-section .blog-page-title-block { text-align: center; color: #FFF; border-top: 2px solid rgba(255,255,255,0.2); max-width: 1490px; margin: 0 auto; } .blog-page-title-section .blog-page-title-block .heading-title { font-family: 'Montserrat'; font-size: 70px; line-height: 70px; color: #FFF; font-weight: 800; text-transform: uppercase; padding: 0; margin: 70px 0 30px 0; } .blog-page-title-section .blog-page-title-block .heading-sub-title { color: #FFF; font-size: 20px; line-height: 25px; margin: 0px; padding: 0px; } .blog-page-breadcrumbs-section { padding: 20px; text-align: center; display: inline-block; width: 100%; } .blog-page-breadcrumbs-section .blog-page-breadcrumbs-block { max-width: 1500px; margin: 0 auto; } .blog-page-breadcrumbs-section .blog-page-breadcrumbs-block .breadcrumbs { margin: 0px; padding: 0px; display: inline-flex; width: 100%; border-bottom: 1px solid #dfdfdf; font-size: 16px; line-height: 20px; padding-bottom: 30px; padding-top: 10px; } .blog-page-breadcrumbs-section .blog-page-breadcrumbs-block .breadcrumbs li { float: left; list-style: none; width: auto; } .blog-page-breadcrumbs-section .blog-page-breadcrumbs-block .breadcrumbs li.separator { padding: 0 15px; } .blog-page-breadcrumbs-section .blog-page-breadcrumbs-block .breadcrumbs li.separator i { display: none; } .blog-page-breadcrumbs-section .blog-page-breadcrumbs-block .breadcrumbs li.separator::before { content: "/"; font-size: 16px; line-height: 20px; font-weight: 600; text-transform: none !important; letter-spacing: normal; color: #515151;} .blog-page-breadcrumbs-section .blog-page-breadcrumbs-block .breadcrumbs li.item-home a, .blog-page-breadcrumbs-section .blog-page-breadcrumbs-block .breadcrumbs li .bread-current { font-size: 16px; line-height: 20px; font-weight: 600; text-transform: none !important; letter-spacing: normal; color: #515151; } .blog-page-breadcrumbs-section .blog-page-breadcrumbs-block .breadcrumbs li.item-home a:hover { color: #222; } .blog-page-breadcrumbs-section .blog-page-breadcrumbs-block .breadcrumbs li .bread-current { color: #e13200;} .blog-main-content-wrap { max-width: 1500px; margin: 0 auto; margin-top: 30px; margin-bottom: 50px; display: flex; } .blog-main-content-wrap .blog-left-side { width: 70% !important; float: left !important; padding-right: 50px; } .blog-main-content-wrap .blog-right-side { width: 30% !important; float: right !important; margin: 0 !important; padding: 0 !important; } .blog-main-content-wrap .blog-left-side article { padding: 0px; margin: 0px; } .blog-main-content-wrap .blog-left-side .post-blog-entry-details { display: inline-block; width: 100%; margin-bottom: 20px; } .blog-main-content-wrap .blog-left-side .post-blog-entry-details .post-blog-title { margin-bottom: 10px; font-size: 35px; line-height: 40px; text-transform: uppercase; color: #FFF; font-weight: 700; letter-spacing: 0px; color: #000; } .blog-main-content-wrap .blog-left-side .post-blog-entry-details .post-blog-title a { color: #000; } .blog-main-content-wrap .blog-left-side .post-blog-entry-details .post-blog-title a:hover { color: #e33000; } .blog-main-content-wrap .blog-left-side .post-blog-entry-details .post-blog-meta { display: inline-block; width: 100%; margin-bottom: 0px; } .blog-main-content-wrap .blog-left-side .post-blog-entry-details .post-blog-meta ul.post-meta-details-list { margin: 0px; padding: 0px; display: inline-flex; } .blog-main-content-wrap .blog-left-side .post-blog-entry-details .post-blog-meta ul.post-meta-details-list li { float: left; list-style: none; font-size: 18px; line-height: 20px; color: #000; font-weight: 500; } .blog-main-content-wrap .blog-left-side .post-blog-entry-details .post-blog-meta ul.post-meta-details-list li.post-category ul.post-categories { margin: 0px; padding: 0px; display: inline-flex; } .blog-main-content-wrap .blog-left-side .post-blog-entry-details .post-blog-meta ul.post-meta-details-list li.post-category ul.post-categories li { float: left; list-style: none; font-style: 18px; line-height: 20px; color: #000; font-weight: 500; } .blog-main-content-wrap .blog-left-side .post-blog-entry-details .post-blog-meta ul.post-meta-details-list li.post-category ul.post-categories li:last-child{ padding-left: 20px; } .blog-main-content-wrap .blog-left-side .post-blog-entry-details .post-blog-meta ul.post-meta-details-list li.post-category ul.post-categories li a { color: #000; } .blog-main-content-wrap .blog-left-side .post-blog-entry-details .post-blog-meta ul.post-meta-details-list li.post-category ul.post-categories li a:hover { color: #e33000; } .blog-main-content-wrap .blog-left-side .post-blog-entry-details .post-blog-meta ul.post-meta-details-list li span { padding: 0 15px; color: #aeaeae; } .blog-main-content-wrap .blog-left-side .post-blog-image { margin: 10px 0 30px 0; } .blog-main-content-wrap .blog-left-side .post-blog-content-detail { display: inline-block; margin-bottom: 20px; width: 100%; } .blog-main-content-wrap .blog-left-side .post-blog-content-detail .post-blog-content p { font-size: 18px; line-height: 25px; color: #000; font-weight: 500; } .blog-main-content-wrap .blog-left-side .post-blog-content-detail .post-blog-content .read-more a { padding: 20px 30px; background: #e33000; font-family: 'Montserrat'; font-size: 22px; line-height: 25px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; outline: none; border: none; border-radius: 0px; transition: all 0.2s; color: #FFF; display: inline-block;} .blog-main-content-wrap .blog-left-side .post-blog-content-detail .post-blog-content .read-more a:hover { background: #000; color: #FFF; } .blog-main-content-wrap hr { background-color: #e5e5e5; border: 0; height: 1px; margin: 30px 0;} .blog-main-content-wrap .blog-left-side .blog_template_pagination_area { text-align: center; } .blog-main-content-wrap .blog-left-side .blog_template_pagination_area .pagination_loop { display: inline-block; margin: 0 auto; } .blog-main-content-wrap .blog-left-side .blog_template_pagination_area .pagination_loop .page-numbers { background: #f6f5f5; border: 1px solid #ebebeb; font-weight: 500; color: #000; padding: 10px 17px; display: inline-block; margin: 2px; font-size: 19px; line-height: 20px; transition: all 0.2s; } .blog-main-content-wrap .blog-left-side .blog_template_pagination_area .pagination_loop .page-numbers:hover { border-color: #afafaf; } .blog-main-content-wrap .blog-left-side .blog_template_pagination_area .pagination_loop .page-numbers.current { border-color: #e33000; } .blog-main-content-wrap .blog-left-side .blog_template_pagination_area .pagination_loop .page-numbers.prev, .blog-main-content-wrap .blog-left-side .blog_template_pagination_area .pagination_loop .page-numbers.next { background: #7f7f7f; color: #FFF; border-color: #7f7f7f; } .blog-main-content-wrap .blog-left-side .blog_template_pagination_area .pagination_loop .page-numbers.prev:hover, .blog-main-content-wrap .blog-left-side .blog_template_pagination_area .pagination_loop .page-numbers.next:hover { background: #e33000; color: #FFF; border-color: #e33000; } .blog-main-content-wrap .blog-right-side .widget { margin-bottom: 30px; } .blog-main-content-wrap .blog-right-side .search_form { position: relative; } .blog-main-content-wrap .blog-right-side .search_form input[type=text] { width: 100%; padding: 10px 80px 10px 20px; background: #ededed; height: 65px; line-height: 65px !important; border: none !important; border-radius: 0px !important; font-size: 18px !important; color: #151515; letter-spacing: 1px; font-weight: 600; outline: none !important; } .blog-main-content-wrap .blog-right-side .search_form .form-btn button { position: absolute; top: 0px; right: 0px; display: inline-block; height: 65px; width: 65px; text-align: center; line-height: 65px; padding: 0; background: #e33000; transition: all 0.2s; border: none; outline: none; } .blog-main-content-wrap .blog-right-side .search_form .form-btn button:hover { background: #000; } .blog-main-content-wrap .blog-right-side .search_form .form-btn button i { display: none; } .blog-main-content-wrap .blog-right-side .search_form .form-btn button::before { content: ""; background-image: url(assets/images/intergalactic-blog-sidebar-search-icon.png); background-repeat: no-repeat; background-position: center center; height: 65px; width: 65px; position: absolute; top: 0; right: 0; } .blog-main-content-wrap .blog-right-side #text-2.widget { border: 1px solid #959595; padding: 30px 20px; } .blog-main-content-wrap .blog-right-side #text-2.widget .widget-title { margin-bottom: 20px; font-size: 32px; line-height: 35px; color: #000; font-weight: 700; text-align: center; padding: 0px; border: none; letter-spacing: 0px; } .blog-main-content-wrap .blog-right-side #text-2.widget .gform_wrapper { margin: 0px; padding: 0px; } .blog-main-content-wrap .blog-right-side #text-2.widget .gform_wrapper .gform_body ul.gform_fields { margin: 0px; padding: 0px; } .blog-main-content-wrap .blog-right-side #text-2.widget .gform_wrapper .gform_body ul.gform_fields .gfield .gfield_label { display: none; } .blog-main-content-wrap .blog-right-side #text-2.widget .gform_wrapper .gform_body ul.gform_fields .gfield .ginput_container { margin-top: 20px; } .blog-main-content-wrap .blog-right-side #text-2.widget .gform_wrapper .gform_body ul.gform_fields .gfield .ginput_container input { width: 100%; padding: 10px 20px 10px 20px; background: #FFF; height: 65px; line-height: 65px !important; border: 1px solid #959595 !important; border-radius: 0px !important; font-size: 18px !important; color: #151515; letter-spacing: 0px; font-weight: 500; outline: none !important; } .blog-main-content-wrap .blog-right-side #text-2.widget .gform_wrapper .gform_body ul.gform_fields .gfield .ginput_container textarea { width: 100%; padding: 20px; background: #FFF; line-height: 20px !important; border: 1px solid #959595 !important; border-radius: 0px !important; font-size: 18px !important; color: #151515; letter-spacing: 0px; font-weight: 500; outline: none !important; } .blog-main-content-wrap .blog-right-side #text-2.widget .gform_wrapper .gform_footer { padding: 0; margin: 10px 0 0 0; clear: both; width: 100%; } .blog-main-content-wrap .blog-right-side #text-2.widget .gform_wrapper .gform_footer .gform_button { padding: 20px 30px; background: #e33000; font-family: 'Montserrat'; font-size: 25px; line-height: 25px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; outline: none; border: none; border-radius: 0px; transition: all 0.2s; color: #FFF; display: inline-block; width: 100%; text-align: center; } .blog-main-content-wrap .blog-right-side #text-2.widget .gform_wrapper .gform_footer .gform_button:hover { background: #000; color: #FFF; } .blog-main-content-wrap .blog-right-side .widget-title { font-family: 'Montserrat'; font-size: 35px; line-height: 35px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; color: #000; border-bottom: 1px solid #cccccc; margin-bottom: 30px; padding-bottom: 20px; } .blog-main-content-wrap .blog-right-side .tptn_posts ul li { margin-top: 25px; } .blog-main-content-wrap .blog-right-side .tptn_posts ul li:first-child { margin-top: 0px; } .blog-main-content-wrap .blog-right-side .tptn_posts ul li .tptn_link { display: inline-block; width: 100%; text-align: left; } .blog-main-content-wrap .blog-right-side .tptn_posts ul li .tptn_thumb.tptn_featured { margin-bottom: 15px; width: 100%; max-height: 210px; } .blog-main-content-wrap .blog-right-side .tptn_posts ul li .tptn_after_thumb .tptn_link .tptn_title { font-family: 'Montserrat'; font-size: 24px; line-height: 25px; color: #000; letter-spacing: 1px; font-weight: 700; height: 27px; overflow: hidden; display: inline-block; } .blog-main-content-wrap .blog-right-side .subscribe_section { background: #3b3b43; padding: 30px 25px; text-align: center; } .blog-main-content-wrap .blog-right-side .subscribe_section .top-line { font-family: 'Montserrat'; font-size: 23px; line-height: 25px; color: #FFF; letter-spacing: 2px; font-weight: 400; margin-bottom: 20px; } .blog-main-content-wrap .blog-right-side .subscribe_section .form-block .email-field { width: 100%; padding: 10px 20px 10px 20px; background: #FFF; height: 65px; line-height: 65px !important; border: none !important; border-radius: 0px !important; font-size: 19px !important; color: #151515; letter-spacing: 0px; font-weight: 500; outline: none !important; text-align: center; } .blog-main-content-wrap .blog-right-side .subscribe_section .form-block .subscribe-btn { padding: 18px 10px; background: #e33000; font-family: 'Montserrat'; font-size: 23px !important; line-height: 25px !important; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; outline: none; border: none; border-radius: 0px; transition: all 0.2s; color: #FFF; display: inline-block; max-width: 300px; width: 100%; text-align: center; margin: 20px 0; } .blog-main-content-wrap .blog-right-side .subscribe_section .form-block .subscribe-btn:hover { background: #000; color: #FFF; } .blog-main-content-wrap .blog-right-side .widget_categories .widget-title { border: none; margin: 0px; } .blog-main-content-wrap .blog-right-side .widget_categories select.postform { width: 100%; padding: 20px; background: #FFF; line-height: 25px !important; border: 1px solid #959595 !important;; border-radius: 0px !important; font-size: 25px !important; color: #151515; letter-spacing: 0px; font-weight: 400; outline: none !important; } .blog-main-content-wrap .blog-right-side .social-share { display: inline-block; width: 100%; text-align: center; } .blog-main-content-wrap .blog-right-side .social-share ul { display: inline-flex; margin: 0 auto; } .blog-main-content-wrap .blog-right-side .social-share ul li { float: left; width: auto; list-style: none; margin-left: 20px; } .blog-main-content-wrap .blog-right-side .social-share ul li:first-child { margin-left: 0px; } .blog-main-content-wrap .blog-right-side .social-share ul li a { height: 65px; width: 65px; text-align: center; line-height: 65px; color: #000; display: inline-block; font-size: 40px; } .blog-main-content-wrap .blog-right-side .social-share ul li.facebook-icon a:hover { color: #354E94; } .blog-main-content-wrap .blog-right-side .social-share ul li.twitter-icon a:hover { color: #2CA2DA; } .blog-main-content-wrap .blog-right-side .social-share ul li.instagram-icon a:hover { color: #BB276A; } .blog-main-content-wrap .blog-right-side .social-share ul li.youtube-icon a:hover { color: #C81D15; } .blog-main-content-wrap .blog-right-side .sidebar-special-offer-box { background-image: url(assets/images/intergalactic-sidebar-special-offer-box-bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 30px 20px; text-align: center; } .blog-main-content-wrap .blog-right-side .sidebar-special-offer-box h3 { font-family: 'Montserrat'; font-size: 45px; line-height: 45px; text-transform: uppercase; font-weight: 700; color: #FFF; margin-bottom: 20px; } .blog-main-content-wrap .blog-right-side .sidebar-special-offer-box p { font-size: 20px; letter-spacing: 0.5px; font-weight: 500; color: #FFF; } .blog-main-content-wrap .blog-right-side .sidebar-special-offer-box .learn-more-btn a { padding: 20px 10px; background: #e33000; font-family: 'Montserrat'; font-size: 25px !important; line-height: 25px !important; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; outline: none; border: none; border-radius: 0px; transition: all 0.2s; color: #FFF; display: inline-block; max-width: 300px; width: 100%; text-align: center; margin: 0px 0 20px 0; } .blog-main-content-wrap .blog-right-side .sidebar-special-offer-box .learn-more-btn a:hover { background: #FFF; color: #e33000; } .single-post, .archive, .search.search-results { background-color: #FFF; } .single-post .site-content .ast-container, .archive .site-content .ast-container, .search.search-results .site-content .ast-container { max-width: 100%; margin: 0px; padding: 0px !important; } .single-post .blog-main-content-wrap .content-area, .archive .blog-main-content-wrap .content-area, .search.search-results .blog-main-content-wrap .content-area { margin: 0px !important; padding: 0px !important; } .single-post .blog-main-content-wrap .content-area .blog-left-side, .archive .blog-main-content-wrap .content-area .blog-left-side, .search.search-results .blog-main-content-wrap .content-area .blog-left-side { width: 100% !important; } .single-post .blog-main-content-wrap .content-area .blog-left-side .ast-article-single, .archive .blog-main-content-wrap .content-area .blog-left-side .ast-article-single, .search.search-results .blog-main-content-wrap .content-area .blog-left-side .ast-article-single { padding: 0px !important; margin: 0px !important; } .blog-main-content-wrap .ast-pagination { padding: 0px; margin: 40px 0 0 0; } .blog-main-content-wrap .ast-pagination .nav-links { display: inline-block; margin: 0 auto; } .blog-main-content-wrap .ast-pagination .nav-links .page-numbers { background: #f6f5f5; border: 1px solid #ebebeb; font-weight: 500; color: #000; padding: 10px 17px; display: inline-block; margin: 2px; font-size: 19px; line-height: 20px; transition: all 0.2s; } .blog-main-content-wrap .ast-pagination .nav-links .page-numbers:hover { border-color: #afafaf; } .blog-main-content-wrap .ast-pagination .nav-links .page-numbers.current { border-color: #e33000; } .blog-main-content-wrap .ast-pagination .nav-links .page-numbers.prev, .blog-main-content-wrap .ast-pagination .nav-links .page-numbers.next { background: #7f7f7f; color: #FFF; border-color: #7f7f7f; } .blog-main-content-wrap .ast-pagination .nav-links .page-numbers.prev:hover, .blog-main-content-wrap .ast-pagination .nav-links .page-numbers.next:hover { background: #e33000; color: #FFF; border-color: #e33000; } .get-to-know-us-section .location-and-contact-wrap ul.locations-group li.location-info .location-dropdown-list { width: 100%; background: white; } @media only screen and (max-width: 1500px) { .blog-main-content-wrap { margin-left: 20px; margin-right: 20px; } } @media only screen and (max-width: 1200px) { .blog-main-content-wrap .blog-right-side #text-2.widget .gform_wrapper .gform_footer .gform_button { padding: 15px 0px; font-size: 21px; } .blog-main-content-wrap .blog-right-side .widget-title { font-size: 27px; line-height: 27px; } .blog-main-content-wrap .blog-right-side .social-share ul li a { height: 45px; width: 45px; text-align: center; line-height: 45px; color: #000; display: inline-block; font-size: 25px; } } @media only screen and (max-width: 992px) { .blog-main-content-wrap { display: inline-block !important; } .blog-main-content-wrap .blog-left-side { width: 100% !important; float: left !important; padding-right: 0; } .blog-main-content-wrap .blog-right-side { position: static; width: 100% !important; left: 0; float: left !important; display: inline-block; clear: both; margin-top: 40px !important; } .single-post .blog-main-content-wrap .content-area { margin: 0px !important; padding: 0px !important; width: 100% !important; } .blog-main-content-wrap .blog-right-side #text-2.widget { border: none; padding: 0;} .blog-main-content-wrap .blog-right-side #text-2.widget .widget-title, .blog-main-content-wrap .blog-right-side .widget-title, .blog-main-content-wrap .blog-right-side .widget_categories .widget-title { font-size: 25px; line-height: 30px; text-align: left; border-bottom: 0px; padding-bottom: 0px; margin-bottom: 20px !important; } .blog-main-content-wrap .blog-right-side .subscribe_section .top-line { font-size: 18px; line-height: 22px; letter-spacing: 1px; font-weight: 600; } .blog-main-content-wrap .blog-right-side .subscribe_section .form-block .email-field { font-size: 18px !important; height: 55px; line-height: 55px !important; } .blog-main-content-wrap .blog-right-side .subscribe_section .form-block .subscribe-btn { padding: 10px 15px; } .blog-main-content-wrap .ast-pagination .nav-links .page-numbers { padding: 5px 10px; font-size: 14px; line-height: 20px; } .search.search-results .blog-main-content-wrap { display: block !important;} .search.search-results article.ast-article-post, .search.search-results article.ast-article-single { border: 0px !important; } .search.search-results .blog-main-content-wrap .blog-left-side .post-blog-content-detail { margin-bottom: 0px !important; } } @media only screen and (max-width: 768px) { .blog-page-title-section { padding-top: 130px; padding-bottom: 95px; } .blog-page-title-section .blog-page-title-block { border-top: 0px; } .blog-page-title-section .blog-page-title-block .heading-title { font-size: 50px; line-height: 50px; margin: 30px 0 20px 0; } .blog-page-title-section .blog-page-title-block .heading-sub-title { font-size: 18px; line-height: 25px; } .blog-page-breadcrumbs-section { display: none; } } @media only screen and (max-width: 500px) { .blog-page-title-section .blog-page-title-block .heading-title { font-size: 40px; line-height: 40px; margin: 0px 0px 20px 0px; } .blog-main-content-wrap .blog-left-side .post-blog-entry-details .post-blog-title { margin-bottom: 10px; font-size: 25px; line-height: 30px; } .blog-main-content-wrap .blog-left-side .post-blog-content-detail .post-blog-content p { font-size: 16px; line-height: 22px; } .blog-main-content-wrap .blog-left-side .post-blog-content-detail .post-blog-content .read-more a { padding: 15px 20px; font-size: 20px } .blog-main-content-wrap .blog-left-side .post-blog-image { margin: 10px 0 20px 0;} .blog-main-content-wrap .blog-left-side .post-blog-entry-details { margin-bottom: 10px; } .blog-main-content-wrap .blog-left-side .post-blog-entry-details .post-blog-meta ul.post-meta-details-list li { font-size: 16px; } .blog-main-content-wrap .blog-right-side .search_form input[type=text] { padding: 10px 70px 10px 20px; height: 55px; line-height: 55px !important; font-size: 15px !important; letter-spacing: 0px; } .blog-main-content-wrap .blog-right-side .search_form .form-btn button { height: 55px; width: 55px; line-height: 55px; } .blog-main-content-wrap .blog-right-side .search_form .form-btn button::before { background-size: 45%; height: 55px; width: 55px; } .blog-main-content-wrap .blog-right-side .sidebar-special-offer-box h3 { font-size: 35px; line-height: 35px; } .blog-main-content-wrap .blog-right-side .sidebar-special-offer-box p { font-size: 16px; line-height: 20px; } .blog-main-content-wrap .blog-right-side .sidebar-special-offer-box .learn-more-btn a { padding: 15px 20px !important; font-size: 20px !important; line-height: 25px !important; } } /*** Blog Page CSS *** END ****/ /*** Contact Page CSS *** END ****/ .contact-page-form-and-tabs-section .gform_wrapper form { margin: -18px auto; } .contact-page-form-and-tabs-section .gform_wrapper ul li.gfield { margin-top: 0px; margin-bottom: 25px; } .contact-page-form-and-tabs-section .gform_wrapper ul li.gfield textarea { min-height: 220px; } .contact-page-form-and-tabs-section .gform_wrapper .gform_footer .gform_button { padding: 25px 30px; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-labels { background: none !important; border: none !important; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-labels .fl-tabs-label { background: #e8e8e8; font-weight: 500; font-size: 26px; line-height: 30px; color: #5e5e5e; padding: 20px 30px; border: 0px; top: 0px; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-labels .fl-tabs-label.fl-tab-active { background: #243f7e; color: #FFF; font-weight: 700; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels { background: none !important; border: none !important; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel { border: none !important; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content { padding: 0px 30px; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content p { margin: 0px; padding: 0px; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .fl-module-content.fl-node-content { padding: 0px; margin: 0px; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content h3.fl-heading { margin-bottom: 15px !important; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content h3.fl-heading .fl-heading-text { font-family: 'Montserrat'; font-size: 27px; text-transform: uppercase; line-height: 30px; font-weight: 800; color: #000; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-left, .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-right { margin-bottom: 30px; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-left .store-address { padding-left: 35px; padding-right: 20px; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-left .store-address::before { content: ""; background-image: url(assets/images/intergalactic-location-icon.png); background-repeat: no-repeat; background-position: left top; height: 30px; width: 30px; position: absolute; margin-left: -35px;} .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-left .store-address .fl-cta-title { display: none; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-left .store-address .fl-cta-text-content { font-weight: 500; font-size: 17px; line-height: 25px; color: #000; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-left .store-address .fl-cta-button { margin-top: 10px; padding: 0px; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-left .store-address .fl-cta-button .fl-button { padding: 0px; background: none; border: none; border-bottom: 1px solid #243f7e; font-family: 'Montserrat'; font-size: 18px; text-transform: uppercase; line-height: 25px; font-weight: 600; border-radius: 0px; color: #243f7e; transition: all 0.2s; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-left .store-address .fl-cta-button .fl-button span { color: #243f7e; transition: all 0.2s; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-left .store-address .fl-cta-button .fl-button:hover { border-color: #e33000; color: #e33000; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-left .store-address .fl-cta-button .fl-button:hover span { color: #e33000; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-right .image-icon { margin-bottom: 5px; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-right .image-icon .fl-icon { width: 35px; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-right .image-icon .fl-icon-text { height: auto; font-family: 'Montserrat'; font-size: 16px; line-height: 25px; font-weight: 600; color: #000; padding-left: 0px; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-right .image-icon .fl-icon-text p { font-family: 'Montserrat'; font-size: 16px; line-height: 25px; font-weight: 500; color: #000; padding-left: 0px; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-right .store-phone .image-icon .fl-icon-text p { font-size: 23px; line-height: 25px; font-weight: 700; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content h4.fl-heading { margin-bottom: 15px !important; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content h4.fl-heading .fl-heading-text { font-family: 'Montserrat'; font-size: 24px; text-transform: uppercase; line-height: 27px; font-weight: 800; color: #000; letter-spacing: 0.5px; padding-left: 35px; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content h4.fl-heading .fl-heading-text::before { content: ""; background-image: url(assets/images/intergalactic-hours-icon.png); background-repeat: no-repeat; background-position: left center; height: 30px; width: 30px; position: absolute; margin-left: -35px;} .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-hours { max-width: 450px; margin-left: 35px; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-hours ul.njba-opening-times-list li { float: left; width: 50%; padding-right: 50px;} .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-hours ul.njba-opening-times-list li .njba-opening-day, .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-hours ul.njba-opening-times-list li .njba-opening-hours { font-family: 'Montserrat'; font-size: 16px; line-height: 25px; text-transform: uppercase; font-weight: 600; color: #2d2d2d !important; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-hours ul.njba-opening-times-list li .njba-opening-hours-separator { padding: 0 0px !important; } .req-form input.subscribe-btn { padding: 20px 30px; background: #e33000; font-family: 'Montserrat'; font-size: 25px !important; line-height: 25px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; outline: none; border: none; border-radius: 0px; transition: all 0.2s; color: #FFF; display: inline-block; width: 100%; text-align: center; } .req-form input.subscribe-textbox { width: 100%; padding: 10px 20px 10px 20px; background: #FFF; height: 65px; line-height: 65px !important; border: 1px solid #959595 !important; border-radius: 0px !important; font-size: 18px !important; color: #151515; letter-spacing: 0px; font-weight: 500; outline: none !important; margin-bottom: 20px; } .req-form input.subscribe-btn:hover { background: #000; color: #FFF; } @media only screen and (max-width: 1200px) { .contact-page-form-and-tabs-section .left-side { width: 40%; } .contact-page-form-and-tabs-section .right-side { width: 60%; } } @media only screen and (max-width: 1000px) { .contact-page-form-and-tabs-section .left-side { width: 100%; } .contact-page-form-and-tabs-section .left-side .fl-col-content { padding-top: 0px; padding-right: 30px; padding-bottom: 40px; padding-left: 30px; } .contact-page-form-and-tabs-section .right-side { width: 100%; } } @media only screen and (min-width: 768px) { .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-labels .fl-tabs-label { min-width: 290px; text-align: center; } } @media only screen and (max-width: 768px) { .contact-page-form-and-tabs-section .left-side { width: 100% !important; margin: 0; max-width: unset; } .contact-page-form-and-tabs-section .left-side .fl-col-content { padding-top: 0px; padding-right: 30px; padding-bottom: 40px; padding-left: 30px; } .contact-page-form-and-tabs-section .right-side { width: 100% !important; margin: 0; max-width: unset; } .contact-page-form-and-tabs-section .gform_wrapper .gform_footer .gform_button { padding: 15px; width: 100%; max-width: unset; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panel-label { padding: } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panel-label { font-weight: 500; font-size: 26px; line-height: 30px; color: #5e5e5e; padding: 20px 30px; border: 0px; top: 0px; width: 100%; background: #e8e8e8; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panel-label.fl-tab-active { background: #243f7e; color: #FFF; font-weight: 700; } .contact-page-form-and-tabs-section .store-infomation-left { width: 100% !important; margin: 0; max-width: unset; } .contact-page-form-and-tabs-section .store-infomation-right { width: 100% !important; margin: 0; max-width: unset; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-left .store-address .fl-cta-button .fl-button-wrap { text-align: left; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-left .store-address .fl-cta-button a.fl-button { text-align: left; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-infomation-right .image-icon .fl-icon { width: 35px; float: left;} .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-hours { max-width: unset; margin-left: 0;} .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-hours ul.njba-opening-times-list li { float: left; width: 50%; padding-right: 20px;} .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-hours ul.njba-opening-times-list li span { display: inline-block !important;} } @media only screen and (max-width: 500px) { .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-hours ul.njba-opening-times-list li .njba-opening-day, .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-hours ul.njba-opening-times-list li .njba-opening-hours { font-size: 14px; line-height: 23px; } .contact-page-form-and-tabs-section .contact-page-tabs-section .fl-tabs-panels .fl-tabs-panel-content .store-hours ul.njba-opening-times-list li span { font-size: 14px; line-height: 23px; } } /*** Contact Page CSS *** END ****/ /*** Site Map Page CSS *** START ****/ .site-map-pages-info { margin-bottom: 30px; } .site-map-pages-info .fl-module-content { margin: 0 20px; } .site-map-pages-info .site-map-page-names .fl-module-content .fl-rich-text p { font-weight: 700; font-size: 20px; line-height: 25px; color: #e33000; } .site-map-pages-info .site-map-page-names .fl-module-content .fl-rich-text p a { color: #e33000; } .site-map-pages-info .site-map-page-names .fl-module-content .fl-rich-text p a:hover { color: #000; } /*** Site Map Page CSS *** END ****/ /*** Fireworks Guide Page CSS *** START ****/ .fireworks-guide-left-content { margin: 20px 0; } .fireworks-guide-left-content .fl-photo-content { margin-right: 40px; margin-bottom: 40px; box-shadow: 40px 40px 0px #ececec;} .fireworks-guide-left-content .fl-photo-content img { border: 3px solid #FFF; } .fireworks-guide-left-content .main-title-wrap { margin-top: 30px; } .fireworks-guide-left-content .main-title-wrap .njba-heading-title { letter-spacing: 1px; padding-bottom: 35px; } .fireworks-guide-left-content .main-title-wrap .njba-heading-title::before { left: -140px; width: 190px; z-index: 1; } .fireworks-guide-left-content .main-title-wrap .njba-heading-title::after { left: -140px; width: 190px; margin-left: 30px; z-index: 1; } .fireworks-guide-left-content .main-title-wrap .njba-heading-sub-title p { color: #2d2d2d; letter-spacing: 0px; margin-bottom: 15px; } .fireworks-guide-right-content { margin: 20px 0; } .fireworks-guide-right-content .fl-photo-content { margin-left: 40px; margin-bottom: 40px; box-shadow: -40px 40px 0px #ececec;} .fireworks-guide-right-content .fl-photo-content img { border: 3px solid #FFF; } .fireworks-guide-right-content .main-title-wrap { margin-top: 30px; } .fireworks-guide-right-content .main-title-wrap .njba-heading-title { letter-spacing: 1px; padding-bottom: 35px; } .fireworks-guide-right-content .main-title-wrap .njba-heading-title::before { right: -140px; width: 190px; z-index: 1; margin-right: 30px;} .fireworks-guide-right-content .main-title-wrap .njba-heading-title::after { right: -140px; width: 190px; margin-right: 0px; margin-left: 0px; z-index: 1;} .fireworks-guide-right-content .main-title-wrap .njba-heading-sub-title p { color: #2d2d2d; letter-spacing: 0px; margin-bottom: 15px; } @media only screen and (max-width: 992px) { .fireworks-guide-left-content .left-side { width: 100%; } .fireworks-guide-left-content .right-side { width: 100%; } .fireworks-guide-left-content .main-title-wrap { margin-top: 0;} .fireworks-guide-left-content .main-title-wrap .njba-heading-title::before { left: 0; transform: translate(0,0); width: 90px; } .fireworks-guide-left-content .main-title-wrap .njba-heading-title::after { left: 0; transform: translate(0,0); width: 90px; margin-left: 20px; } .fireworks-guide-left-content .main-title-wrap .njba-heading-title { text-align: left; } .fireworks-guide-left-content .main-title-wrap .njba-heading-sub-title p { text-align: left; } .fireworks-guide-left-content .fl-button-wrap { text-align: left; } .fireworks-guide-left-content .fl-photo-content { margin-left: 0; margin-right: 0px; margin-bottom: 0px; box-shadow: 10px 10px 0px #ececec; } .fireworks-guide-right-content .left-side { width: 100%; } .fireworks-guide-right-content .right-side { width: 100%; } .fireworks-guide-right-content .main-title-wrap { margin-top: 0;} .fireworks-guide-right-content .main-title-wrap .njba-heading-title::before { left: 0; right: 0; transform: translate(0,0); width: 90px; margin-right: 20px; } .fireworks-guide-right-content .main-title-wrap .njba-heading-title::after { left: 0; right: 0; transform: translate(0,0); width: 90px; } .fireworks-guide-right-content .main-title-wrap .njba-heading-title { text-align: left; } .fireworks-guide-right-content .main-title-wrap .njba-heading-sub-title p { text-align: left; } .fireworks-guide-right-content .fl-button-wrap { text-align: left; } .fireworks-guide-right-content .fl-photo-content { margin-left: 0; margin-right: 0px; margin-bottom: 0px; box-shadow: 10px 10px 0px #ececec; } .fireworks-guide-left-content.fireworks-guide-mobi-center .main-title-wrap .njba-heading-title { text-align: center; } .fireworks-guide-left-content.fireworks-guide-mobi-center .main-title-wrap .njba-heading-title::before { left: 50%; transform: translate(-50%,0); width: 90px; } .fireworks-guide-left-content.fireworks-guide-mobi-center .main-title-wrap .njba-heading-title::after { left: 50%; transform: translate(-50%,0); width: 90px; margin-left: 20px; } .fireworks-guide-left-content.fireworks-guide-mobi-center .main-title-wrap .njba-heading-sub-title p { text-align: center; } .fireworks-guide-left-content.fireworks-guide-mobi-center .fl-button-wrap { text-align: center; } .fireworks-guide-mobi-center .fl-rich-text p { text-align: center; font-size: 15px; line-height: 20px; } .fireworks-guide-right-content.fireworks-guide-mobi-center .main-title-wrap .njba-heading-title { text-align: center; } .fireworks-guide-right-content.fireworks-guide-mobi-center .main-title-wrap .njba-heading-title::before { left: 50%; transform: translate(-50%,0); width: 90px; } .fireworks-guide-right-content.fireworks-guide-mobi-center .main-title-wrap .njba-heading-title::after { left: 50%; transform: translate(-50%,0); width: 90px; margin-left: 20px; } .fireworks-guide-right-content.fireworks-guide-mobi-center .main-title-wrap .njba-heading-sub-title p { text-align: center; } .fireworks-guide-right-content.fireworks-guide-mobi-center .fl-button-wrap { text-align: center; } } /*** Fireworks Guide Page CSS *** END ****/ /*** Contact Numbers CTA Section CSS *** START ****/ .contact-numbers-cta-section { text-align: center; color: #FFF; } .contact-numbers-cta-section .fl-cta-inline .fl-cta-text { width: 100%; display: inline-block; } .contact-numbers-cta-section .fl-cta-inline .fl-cta-button { width: auto; display: inline-block; padding: 0px; margin: 0px; } .contact-numbers-cta-section .fl-row-content-wrap { padding-top: 60px; padding-bottom: 60px; } .contact-numbers-cta-section .fl-row-content-wrap h3 { font-family: 'Montserrat'; font-size: 50px; line-height: 50px; color: #FFF; font-weight: 800; letter-spacing: 0.5px; margin-bottom: 0; } .contact-numbers-cta-section .fl-row-content-wrap .fl-cta-text-content h5 { font-family: 'Montserrat'; font-size: 40px; line-height: 45px; color: #FFF; font-weight: 700; letter-spacing: 0px; } .contact-numbers-cta-section .fl-row-content-wrap .fl-cta-text-content p { font-size: 20px; line-height: 25px; color: #FFF; } .contact-numbers-cta-section .fl-button { padding: 20px 40px !important; background: #e33000 !important; font-family: 'Montserrat' !important; font-size: 23px !important; line-height: 25px !important; text-transform: uppercase !important; font-weight: 600 !important; letter-spacing: 0.5px !important; outline: none !important; border: none !important; border-radius: 0px !important; transition: all 0.2s !important; margin-top: 20px; } .contact-numbers-cta-section .fl-button .fl-button-text { color: #FFF !important; } .contact-numbers-cta-section .fl-button .fl-button-text::after { content: "\f105"; font-family: 'Font Awesome 5 Free'; float: right; position: relative; line-height: 23px; font-size: 25px; padding-left: 10px; } .contact-numbers-cta-section .fl-button:hover { background: #FFF !important; } .contact-numbers-cta-section .fl-button:hover .fl-button-text { color: #9e2200 !important; } @media only screen and (max-width: 768px) { .contact-numbers-cta-section .fl-row-content-wrap h3 { font-size: 30px; line-height: 30px; } .contact-numbers-cta-section .fl-row-content-wrap .fl-cta-text-content h5 { font-size: 20px; line-height: 25px; } .contact-numbers-cta-section .fl-button { padding: 20px 10px !important; font-size: 17px !important; } .contact-numbers-cta-section .fl-button { padding: 20px !important; font-size: 18px !important; line-height: 20px !important; font-weight: 700 !important; } .contact-numbers-cta-section .fl-button .fl-button-text::after { line-height: 18px; font-size: 20px; padding-left: 10px; } } @media only screen and (max-width: 500px) { .contact-numbers-cta-section .fl-cta-inline .fl-cta-button { width: 100%; } .contact-numbers-cta-section .fl-button { font-size: 15px !important; width: 100% !important; } } /*** Contact Numbers CTA Section CSS *** END ****/ /*** Bonus Offers Section CSS *** START ****/ .bonus-offer-section { background: rgb(255,255,255); background: -moz-linear-gradient(170deg, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 50%); background: -webkit-linear-gradient(170deg, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 50%); background: linear-gradient(170deg, rgba(255,255,255,1) 50%, rgba(238,238,238,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#eeeeee",GradientType=1); } /*** Bonus Offers Section CSS *** END ****/ /*** Why Intergalactic Section CSS *** START ****/ .why-intergalactic-section { background: #f0f0f0; } .why-intergalactic-section .why-intergalactic-boxes .njba-infobox-two { font-family: 'Montserrat'; font-size: 60px; line-height: 60px; font-weight: 800; color: #2d2d2d; top: 0px; } .why-intergalactic-section .why-intergalactic-boxes .section-title-details .njba-heading-title { font-family: 'Montserrat'; font-size: 25px; line-height: 30px; font-weight: 700; color: #2d2d2d; text-transform: uppercase; margin-bottom: 20px; } .why-intergalactic-section .why-intergalactic-boxes .section-title-details .njba-heading-sub-title p { font-size: 18px; font-weight: 500; } @media only screen and (max-width: 1500px) { .why-intergalactic-section .fl-row-content-wrap { background-position: -20% center; } } @media only screen and (max-width: 1200px) { .why-intergalactic-section .fl-row-content-wrap { background: none; } .why-intergalactic-section .left-side { display: none; } .why-intergalactic-section .right-side { width: 100%; } } @media only screen and (max-width: 768px) { .why-intergalactic-section .why-intergalactic-boxes .njba-infobox-two { white-space: nowrap; width: 100%; max-width: unset; height: auto; margin: 0 0 20px 0; padding: 0; text-align: center; display: inline-block; } .why-intergalactic-section .why-intergalactic-boxes .section-title-details { display: inline-block; width: 100%; } .why-intergalactic-section .why-intergalactic-boxes .section-title-details .njba-heading-title { text-align: center; } .why-intergalactic-section .why-intergalactic-boxes .section-title-details .njba-heading-sub-title p { text-align: center; } } @media only screen and (max-width: 500px) { .why-intergalactic-section .fl-row-content-wrap { padding-top: 30px; padding-bottom: 0px; } .why-intergalactic-section .bx-controls-direction { display: none; } .why-intergalactic-section .bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link { height: 15px !important; width: 15px !important; border-radius: 100% !important; background: #2d2d2d !important; opacity: 0.3 !important; } .why-intergalactic-section .bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link.active { opacity: 1 !important; } .why-intergalactic-section .why-intergalactic-boxes .njba-infobox-two { font-size: 50px; line-height: 50px; margin-bottom: 10px; } .why-intergalactic-section .why-intergalactic-boxes .section-title-details .njba-heading-title { font-size: 20px; line-height: 25px; margin-bottom: 10px; } .why-intergalactic-section .why-intergalactic-boxes .section-title-details .njba-heading-sub-title p { font-size: 16px; font-weight: 500; margin-bottom: 10px;} } /*** Why Intergalactic Section CSS *** END ****/ /*** About Features Boxes Section CSS *** START ****/ .about-features-boxes-selection .image-icon .image-icon-module { width: 100%; display: inline-block; margin-bottom: 30px; } .about-features-boxes-selection .image-icon .fl-icon-text { width: 100%; display: inline-block; margin-bottom: 20px; padding: 0px; height: auto; } .about-features-boxes-selection .image-icon .fl-icon-text h4 { font-family: 'Montserrat'; font-size: 36px; line-height: 40px; color: #2d2d2d; font-weight: 700; letter-spacing: 0px; position: relative; padding-bottom: 25px; margin: 0px 0px 30px 0px;} .about-features-boxes-selection .image-icon .fl-icon-text h4::before { content: ""; width: 65px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: 0; transform: translate(0,0); margin-bottom: 6px; } .about-features-boxes-selection .image-icon .fl-icon-text h4::after { content: ""; width: 65px; height: 2px; background: #e33000; position: absolute; bottom: 0px; left: 0; transform: translate(0,0); margin-left: 10px; } .about-features-boxes-selection .image-icon .fl-icon-text a { font-size: 21px; line-height: 25px; font-weight: 700; color: #e33000; margin-top: 20px !important; letter-spacing: -0.5px; display: inline-block; } .about-features-boxes-selection .image-icon .fl-icon-text a:hover { color: #000; } @media only screen and (max-width: 768px) { .about-features-boxes-selection .fl-row-content-wrap { padding: 30px 0; } .about-features-boxes-selection .bx-wrapper { margin: 0px 30px; padding: 0px; } .about-features-boxes-selection .bx-wrapper .bx-controls-direction a.bx-prev { background-image: url(assets/images/intergalactic-product-slide-left-arrow.png); background-repeat: no-repeat; background-position: center center; height: 50px; width: 25px; text-align: center; opacity: 1; transition: all 0.2s; left: -35px; z-index: 5;} .about-features-boxes-selection .bx-wrapper .bx-controls-direction a.bx-next { background-image: url(assets/images/intergalactic-product-slide-right-arrow.png); background-repeat: no-repeat; background-position: center center; height: 50px; width: 25px; text-align: center; opacity: 1; transition: all 0.2s; right: -35px; z-index: 5;} .about-features-boxes-selection .bx-wrapper .bx-default-pager { display: none; } .about-features-boxes-selection .image-icon .image-icon-module { text-align: center; } .about-features-boxes-selection .image-icon .image-icon-module img { margin: 0 auto; } .about-features-boxes-selection .image-icon .fl-icon-text { text-align: center; } .about-features-boxes-selection .image-icon .fl-icon-text h4 { text-align: center; font-size: 30px; line-height: 35px; } .about-features-boxes-selection .image-icon .fl-icon-text h4::before { left: 50%; transform: translate(-50%,0); padding: 0px; } .about-features-boxes-selection .image-icon .fl-icon-text h4::after { left: 50%; transform: translate(-50%,0); padding: 0px; } } @media only screen and (max-width: 768px) { .about-features-boxes-selection .image-icon .image-icon-module { margin-bottom: 10px; } .about-features-boxes-selection .image-icon .image-icon-module img { height: 80px; } .about-features-boxes-selection .fl-row-content-wrap { padding: 20px 0 10px 0; } .about-features-boxes-selection .image-icon .fl-icon-text h4 { font-size: 27px; line-height: 30px; padding-bottom: 20px; margin-bottom: 20px; } .about-features-boxes-selection .fl-icon-text p { font-size: 16px; line-height: 20px; } } /*** About Features Boxes Section CSS *** END ****/ /*** Fireworks Tents Section CSS *** START ****/ .fireworks-tents-section .fireworks-tents-box { background: #FFF; box-shadow: 0 0 70px rgba(0,0,0,0.1); padding: 20px; margin-bottom: 170px; } .fireworks-tents-section .fireworks-tents-box .left-side { position: relative; margin-bottom: -140px; } .fireworks-tents-section .fireworks-tents-box .right-side { padding-top: 50px; } .fireworks-tents-section .fireworks-tents-box .fl-heading { margin: 0px 0px 0px 0px; padding: 0px; } .fireworks-tents-section .fireworks-tents-box .fl-heading .fl-heading-text { font-size: 28px; line-height: 35px; color: #2d2d2d; font-weight: 700; } @media only screen and (max-width: 1200px) { .fireworks-tents-section .fireworks-tents-box { margin-bottom: 60px; } .fireworks-tents-section .fireworks-tents-box .left-side { margin-bottom: 0px; } .fireworks-tents-section .fireworks-tents-box .right-side { padding-top: 0px; } } @media only screen and (max-width: 768px) { .fireworks-tents-section .fl-heading-text { text-align: center; margin-bottom: 0px !important; } .fireworks-tents-section .fireworks-tents-box { margin-bottom: 0px; box-shadow: none; padding: 0px 20px 20px 20px; } .fireworks-tents-section .fireworks-tents-box .fl-heading { text-align: center; } .fireworks-tents-section .fireworks-tents-box .fl-heading .fl-heading-text { text-align: center; } .fireworks-tents-section .fireworks-tents-box .fl-rich-text p { text-align: center; } } /*** Fireworks Tents Section CSS *** END ****/ /*** Firework Videos Section CSS *** START ****/ .firework-videos-section .main-hover-box-two { display: inline-block; width: 100%; margin: 0 -15px; } .firework-videos-section .main-hover-box-two .video-hover-box-block { width: 33.3%; float: left; padding: 0 15px; } .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap { box-shadow: 0 0 70px rgba(0,0,0,0.3); display: inline-block; height: 370px; overflow: hidden; width: 100%; border: 3px solid #FFF; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; transition: all 0.2s; } .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap:hover .video-box-default { top: 0; transform: translate(0,-100%); } .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap .video-box-default { position: absolute; display: table-cell; left: 0; top: 0; height: 100%; width: 100%; transform: translate(0,0); transition: all 0.2s; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1); } .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap .video-box-default .box-content-wrap { position: absolute; bottom: 0px; width: 100%; display: inline-block; } .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap .video-box-default .box-content-wrap .box-title { padding: 20px 20px 40px 20px; width: 100%; display: inline-block; color: #ebe8ea; text-align: center; font-size: 36px; line-height: 40px; font-weight: 700; } .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap:hover .video-box-hover { top: 0%; transform: translate(0,0); } .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap .video-box-hover { position: absolute; display: table-cell; left: 0; top: 0; height: 100%; width: 100%; transform: translate(0,100%); transition: all 0.2s; background: rgba(0,0,0,0.7);} .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap .video-box-hover .box-hover-content-wrap { position: absolute; top: 50%; transform: translate(0,-50%); width: 100%; display: inline-block; text-align: center; } .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap .video-box-hover .box-hover-content-wrap .box-hover-title { color: #ebe8ea; text-align: center; font-size: 36px; line-height: 40px; font-weight: 700; margin-bottom: 25px; } .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap .video-box-hover .box-hover-content-wrap .box-hover-icon { text-align: center; display: inline-block; } .browse-all-video-btn-section { background: rgb(255,255,255); background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(240,240,240,1) 50%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(240,240,240,1) 50%); background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(240,240,240,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f0f0f0",GradientType=1); } @media only screen and (max-width: 1024px) { .firework-videos-section .main-hover-box-two { margin: 0; } .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap { height: 280px; } .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap .video-box-default .box-content-wrap .box-title { font-size: 25px; line-height: 30px; } .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap .video-box-hover .box-hover-content-wrap .box-hover-title { font-size: 25px; line-height: 30px; } .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap .video-box-hover .box-hover-content-wrap .box-hover-icon img { height: 50px; width: auto; } } @media only screen and (max-width: 768px) { .firework-videos-section .bx-wrapper { margin: 0px 30px; padding: 0px; } .firework-videos-section .bx-default-pager { display: none; } .firework-videos-section .bx-wrapper .bx-controls-direction a.bx-prev { background-image: url(assets/images/intergalactic-product-slide-left-arrow.png); background-repeat: no-repeat; background-position: center center; height: 50px; width: 25px; text-align: center; opacity: 1; transition: all 0.2s; left: -35px; z-index: 5; } .firework-videos-section .bx-wrapper .bx-controls-direction a.bx-next { background-image: url(assets/images/intergalactic-product-slide-right-arrow.png); background-repeat: no-repeat; background-position: center center; height: 50px; width: 25px; text-align: center; opacity: 1; transition: all 0.2s; right: -35px; z-index: 5; } .firework-videos-section .main-hover-box-two .video-hover-box-block { width: 100%; float: none; padding: 0; margin: 0 0 30px 0; } .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap { box-shadow: none; } .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap .video-box-hover .box-hover-content-wrap .box-hover-icon img { height: 80px; } } @media only screen and (max-width: 500px) { .firework-videos-section { padding-top: 20px; } .firework-videos-section .fl-heading-text { margin-bottom: 10px; } .firework-videos-section .bx-controls-direction {} .firework-videos-section .main-hover-box-two .video-hover-box-block .video-hover-box-wrap { height: 240px; box-shadow: none; } } /*** Firework Videos Section CSS *** END ****/ /*** Locations Page CSS *** START ****/ .get-directions-form-section .get-directions-form { background: #ebe8ea; text-align: center; padding: 15px 0; } .get-directions-form-section .get-directions-form ul { max-width: 1040px; margin: 0 auto; display: inline-flex; width: 100%; } .get-directions-form-section .get-directions-form ul li { float: left; list-style: none; } .get-directions-form-section .get-directions-form ul li.text-field { width: 70%; } .get-directions-form-section .get-directions-form ul li.text-field input { width: 100%; height: 80px; padding: 0 30px; font-size: 23px; line-height: 80px; font-weight: 600; color: #484848; border: 0px !important; outline: none !important; border-radius: 0px; } .get-directions-form-section .get-directions-form ul li.action-button { width: 30%; } .get-directions-form-section .get-directions-form ul li.action-button .get-directions-btn { width: 100%; height: 80px; background: #e33000; line-height: 64px; text-align: center; font-size: 23px; font-weight: 600; color: #FFF; border: none; outline: none; text-transform: uppercase; transition: all 0.2s; display: inline-block; overflow: hidden; } .get-directions-form-section .get-directions-form ul li.action-button .get-directions-btn:hover { background: #000; color: #FFF; } .location-info-left-block .location-info-box { background: #FFF; box-shadow: 0 0 70px rgba(0,0,0,0.15); margin: 80px 0; } .location-info-left-block .location-info-box .left-side { padding: 20px; } .location-info-left-block .location-info-box .right-side { position: relative; margin: -50px 0; background: #FFF; padding: 30px 30px 30px 80px; -webkit-clip-path: polygon(8% 0, 100% 0, 100% 100%, 20% 100%, 0 100%); clip-path: polygon(8% 0, 100% 0, 100% 100%, 20% 100%, 0 100%); } .location-info-left-block .location-info-box .right-side::before { position: absolute; content: ""; margin: 0; background: #f0f0f0; display: table-cell; top: 3px; right: 3px; left: 3px; bottom: 3px; -webkit-clip-path: polygon(8% 0, 100% 0, 100% 100%, 20% 100%, 0 100%); clip-path: polygon(8% 0, 100% 0, 100% 100%, 20% 100%, 0 100%); } .location-info-right-block .location-info-box { background: #FFF; box-shadow: 0 0 70px rgba(0,0,0,0.15); margin: 80px 0; } .location-info-right-block .location-info-box .left-side { position: relative; margin: -50px 0; background: #FFF; padding: 30px 80px 30px 30px; -webkit-clip-path: polygon(0 0, 92% 0, 100% 100%, 20% 100%, 0 100%); clip-path: polygon(0 0, 92% 0, 100% 100%, 20% 100%, 0 100%); } .location-info-right-block .location-info-box .left-side::before { position: absolute; content: ""; margin: 0; background: #f0f0f0; display: table-cell; top: 3px; right: 3px; left: 3px; bottom: 3px; -webkit-clip-path: polygon(0 0, 92% 0, 100% 100%, 20% 100%, 0 100%); clip-path: polygon(0 0, 92% 0, 100% 100%, 20% 100%, 0 100%); } .location-info-right-block .location-info-box .right-side { padding: 20px; } .location-info-box .main-title-wrap.title-left .fl-heading .fl-heading-text { font-size: 35px; line-height: 35px; font-weight: 600; letter-spacing: 0; margin: 0px; } .location-info-box .store-contact-info-with-icon .fl-module-content.fl-node-content { margin: 0px; } .location-info-box .store-contact-info-with-icon .image-icon { margin-bottom: 15px; } .location-info-box .store-contact-info-with-icon .image-icon .fl-icon-text h6 { font-size: 18px; line-height: 20px; color: #2d2d2d; font-weight: 600; text-transform: uppercase; margin: 0px 0px 5px 0px; padding: 0px; } .location-info-box .store-contact-info-with-icon .image-icon .fl-icon-text p { font-size: 25px; line-height: 30px; color: #2d2d2d; font-weight: 600; } @media only screen and (max-width: 1200px) { .location-info-box .store-contact-info-with-icon .image-icon .fl-icon { width: 60px; } .location-info-box .store-contact-info-with-icon .image-icon .fl-icon-text h6 { font-size: 14px; line-height: 20px; } .location-info-box .store-contact-info-with-icon .image-icon .fl-icon-text p { font-size: 20px; line-height: 20px; } } @media only screen and (max-width: 992px) { .location-info-left-block .location-info-box { background: #FFF; box-shadow: none; margin: 0 0 20px 0; border: 2px solid #f2f2f2;} .location-info-left-block .location-info-box .left-side { width: 100%; margin: 0px; } .location-info-left-block .location-info-box .right-side { width: 100%; margin: 0px; clip-path: unset; padding: 20px; background: #f0f0f0; } .location-info-left-block .location-info-box .right-side::before { display: none !important; content: none; } .location-info-right-block .location-info-box { background: #FFF; box-shadow: none; margin: 0 0 20px 0; border: 2px solid #f2f2f2;} .location-info-right-block .location-info-box .left-side { width: 100%; margin: 0px; clip-path: unset; padding: 20px; background: #f0f0f0; } .location-info-right-block .location-info-box .left-side::before { display: none !important; content: none; } .location-info-right-block .location-info-box .right-side { width: 100%; margin: 0px; } } @media only screen and (max-width: 768px) { .get-directions-form-section .get-directions-form ul { display: inline-block; width: 100%; } .get-directions-form-section .get-directions-form ul li { width: 100% !important; } .get-directions-form-section .get-directions-form ul li.text-field { margin-bottom: 20px; } .get-directions-form-section .get-directions-form ul li.text-field input { font-weight: 500; font-size: 18px; line-height: 60px; height: 60px; padding: 0 20px; } .get-directions-form-section .get-directions-form ul li.action-button { text-align: center; } .get-directions-form-section .get-directions-form ul li.action-button .get-directions-btn { width: auto; font-size: 17px; line-height: 60px; height: 60px; padding: 0 30px;} .location-info-left-block .fl-row-content-wrap { padding: 0px; } .location-info-left-block .location-info-box { border: none; } .location-info-left-block .main-title-wrap.title-left .fl-heading { text-align: center; } .location-info-left-block .main-title-wrap.title-left .fl-heading-text { font-size: 25px !important; line-height: 25px !important; font-weight: 700 !important; letter-spacing: 0; margin: 0px !important; } .location-info-left-block .main-title-wrap.title-left .fl-heading .fl-heading-text::before { left: 50%; transform: translate(-50%,0); } .location-info-left-block .main-title-wrap.title-left .fl-heading .fl-heading-text::after { left: 50%; transform: translate(-50%,0); } .location-info-left-block .fl-rich-text p { text-align: center; } .location-info-right-block .fl-row-content-wrap { padding: 0px; } .location-info-right-block .location-info-box { border: none; } .location-info-right-block .main-title-wrap.title-left .fl-heading { text-align: center; } .location-info-right-block .main-title-wrap.title-left .fl-heading-text { font-size: 25px !important; line-height: 25px !important; font-weight: 700 !important; letter-spacing: 0; margin: 0px !important; } .location-info-right-block .main-title-wrap.title-left .fl-heading .fl-heading-text::before { left: 50%; transform: translate(-50%,0); } .location-info-right-block .main-title-wrap.title-left .fl-heading .fl-heading-text::after { left: 50%; transform: translate(-50%,0); } .location-info-right-block .fl-rich-text p { text-align: center; } .location-info-box .store-contact-info-with-icon .image-icon .fl-icon { display: table-cell !important; width: 60px; } .location-info-box .store-contact-info-with-icon .image-icon .fl-icon-text h6 { font-size: 15px; line-height: 20px; margin: 0; } .location-info-box .store-contact-info-with-icon .image-icon .fl-icon-text p { font-weight: 800; } .location-info-box .store-contact-info-with-icon .email-address .image-icon .fl-icon-text p { font-weight: 500; } } @media only screen and (max-width: 500px) { .location-info-left-block .location-info-box .right-side, .location-info-left-block .location-info-box .left-side { padding-left: 0px; padding-right: 0px; } .location-info-right-block .location-info-box .right-side, .location-info-right-block .location-info-box .left-side { padding-left: 0px; padding-right: 0px; } .location-info-box .store-contact-info-with-icon .image-icon .fl-icon { width: 30px;} .location-info-box .store-contact-info-with-icon .email-address .image-icon .fl-icon-text p { font-size: 15px; letter-spacing: -0.5px; } } /*** Locations Page CSS *** END ****/ /*** Fireworks Glossary Page CSS *** START ****/ .glossary-side-navi { position: fixed; top: 600px; left: 10px; transition: all 0.2s; z-index: 1; } .glossary-side-navi.fixed { top: 100px; transition: all 0.2s; } .glossary-side-navi ul { margin: 0px; padding: 0px; } .glossary-side-navi ul li { list-style: none; margin-top: 5px; } .glossary-side-navi ul li:first-child { margin-top: 0px; } .glossary-side-navi ul li a { font-weight: 600; color: #2d2d2d; font-size: 15px; line-height: 20px; height: 20px; width: 20px; background: rgba(255,255,255,0.8); border-radius: 3px; text-align: center; overflow: hidden; display: inline-block; } .glossary-side-navi ul li a:hover { font-size: 18px; line-height: 25px; height: 25px; width: 25px; background: rgba(227,48,0,0.9); border-radius: 3px; color: #FFF; } .glossary-horizontal-navi ul { margin: 0px -7px; padding: 0px; display: inline-block; width: 100%; } .glossary-horizontal-navi ul li { list-style: none; margin: 7px; float: left; width: auto; } .glossary-horizontal-navi ul li a { font-weight: 600; color: #2d2d2d; font-size: 18px; line-height: 40px; height: 40px; width: 40px; background: #e2e2e2; border-radius: 5px; text-align: center; overflow: hidden; display: inline-block; } .glossary-horizontal-navi ul li a:hover { font-size: 18px; line-height: 40px; height: 40px; width: 40px; background: #e33000; border-radius: 5px; color: #FFF; } @media only screen and (max-width: 768px) { .glossary-side-navi { display: none; } } /*** Fireworks Glossary Page CSS *** END ****/ /*** Footer CSS *** START ****/ footer.site-footer .ast-container { max-width: 1530px; } footer.site-footer { background-image: url(assets/images/intergalactic-footer-bg.png); background-repeat: no-repeat; background-position: center center; background-size: cover; } footer.site-footer a { color: #FFF; text-decoration: none; } footer.site-footer a:hover { color: #e33000; text-decoration: none; } footer.site-footer .footer-adv-overlay, footer.site-footer .ast-footer-overlay { background: none !important; } footer.site-footer .widget { margin-bottom: 0px; } /* Footer Top */ footer.site-footer .footer-adv-overlay { padding-top:70px; padding-bottom: 10px; } footer.site-footer .widget-title { font-family: 'Montserrat'; font-size: 27px; text-transform: uppercase; line-height: 30px; color: #FFF; font-weight: 700; letter-spacing: 2px; margin-bottom: 30px; position: relative; padding-bottom: 25px;} footer.site-footer .widget-title::before { content: ""; width: 75px; height: 2px; background: #b14233; position: absolute; bottom: 0px; left: 0px; margin-bottom: 6px; } footer.site-footer .widget-title::after { content: ""; width: 75px; height: 2px; background: #b14233; position: absolute; bottom: 0px; left: 10px; } footer.site-footer .store-locations { max-width: 100%; } footer.site-footer .store-locations ul.locations-group li.location-info { float: left; width: 50%; } footer.site-footer .store-locations ul.locations-group li.location-info h3 { font-family: 'Montserrat'; font-size: 22px; text-transform: uppercase; line-height: 25px; color: #FFF; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 20px; } footer.site-footer .store-locations ul.locations-group li.location-info ul.location-info-group { margin-right: 10px; } footer.site-footer .store-locations ul.locations-group li.location-info ul li { margin-bottom: 30px; font-size: 16px; line-height: 20px; padding-left: 40px; position: relative;} footer.site-footer .store-locations ul.locations-group li.location-info ul li::before { content: ""; width: 40px; top: 0; left: -10px; position: absolute; background-repeat: no-repeat; background-position: center top;} footer.site-footer .store-locations ul.locations-group li.location-info ul li.location-info-group-address::before { background-image: url(assets/images/intergalactic-footer-location-icon.png); height: 29px; } footer.site-footer .store-locations ul.locations-group li.location-info ul li.location-info-group-phone::before { background-image: url(assets/images/intergalactic-footer-phone-icon.png); height: 32px; margin-top: -7px; } footer.site-footer .store-locations ul.locations-group li.location-info ul li.location-info-group-fax::before { background-image: url(assets/images/intergalactic-footer-fax-icon.png); height:16px; } footer.site-footer .store-locations ul.locations-group li.location-info ul li.location-info-group-email::before { background-image: url(assets/images/intergalactic-footer-email-icon.png); height: 19px; } footer.site-footer .store-locations ul.locations-group li.location-info ul li.location-info-group-address { font-size: 14px; } footer.site-footer .store-locations ul.locations-group li.location-info ul li.location-info-group-address a { display: inline-block; width: 100%; margin-top: 10px; text-transform: uppercase; text-decoration: underline; font-weight: 500; } footer.site-footer .store-locations ul.locations-group li.location-info ul li.location-info-group-address a:hover { text-decoration: none; } footer.site-footer .store-locations ul.locations-group li.location-info ul li.location-info-group-phone { font-size: 19px; font-weight: 500; } footer.site-footer .quick-links { display: inline-block; margin-bottom: 30px; width: 100%; } footer.site-footer .quick-links ul.links-group li { font-size: 17px; line-height: 20px; text-transform: uppercase; font-weight: 500; margin-top: 10px; } footer.site-footer .quick-links ul.links-group li:first-child { margin-top: 0px; } footer.site-footer .secured-by ul li { display: inline; margin-left: 10px; font-family: 'Montserrat'; font-size: 20px; text-transform: uppercase; line-height: 25px; color: #FFF; font-weight: 600; letter-spacing: 0.5px;} footer.site-footer .secured-by ul li:first-child { margin-left: 0px; } footer.site-footer .newsletter { margin-bottom: 50px; } footer.site-footer .newsletter ul { display: inline-flex; width: 100%; } footer.site-footer .newsletter ul li { float: left; width: 30%; } footer.site-footer .newsletter ul li:first-child { width: 70%; } footer.site-footer .newsletter ul li .subscribe-textbox { width: 100%; height: 45px; line-height: 45px; padding: 0 20px; border: none; border-radius: 0px; outline: none; font-family: 'Montserrat'; font-size: 17px; color: #484848;} footer.site-footer .newsletter ul li .subscribe-textbox:hover { outline: none; border:none; } footer.site-footer .newsletter ul li .subscribe-textbox:focus { outline: none; border:none; } footer.site-footer .newsletter ul li .subscribe-btn { width: 100%; height: 45px; line-height: 45px; padding: 0 20px; border: none; border-radius: 0px; font-family: 'Montserrat'; font-size: 16px; text-transform: uppercase; color: #FFF; font-weight: 600; letter-spacing: 0.5px; background: #e33000; transition: all 0.2s; } footer.site-footer .newsletter ul li .subscribe-btn:hover { background: #555; } footer.site-footer .social-links ul { margin: 0px; padding: 0px; display: inline-flex; } footer.site-footer .social-links ul li { float: left; margin-left: 10px; } footer.site-footer .social-links ul li:first-child { margin-left: 0px; } footer.site-footer .social-links ul li a { height: 40px; width: 40px; display: inline-block; text-align: center; line-height: 40px; color: #FFF; font-size: 20px; background:rgba(255,255,255,0.2); } footer.site-footer .social-links ul li.facebook-icon a:hover { background: #354E94; color: #FFF; } footer.site-footer .social-links ul li.twitter-icon a:hover { background: #2CA2DA; color: #FFF; } footer.site-footer .social-links ul li.pinterest-icon a:hover { background: #B40521; color: #FFF; } footer.site-footer .social-links ul li.google-plus-icon a:hover { background: #c10f00; color: #FFF; } footer.site-footer .social-links ul li.youtube-icon a:hover { background: #C81D15; color: #FFF; } footer.site-footer .social-links ul li.vimeo-icon a:hover { background: #17A6E9; color: #FFF; } @media only screen and (min-width: 1520px) { footer.site-footer .ast-container .footer-adv-widget-1 { width: 40%; } footer.site-footer .ast-container .footer-adv-widget-2 { width: 30%; } footer.site-footer .ast-container .footer-adv-widget-3 { width: 30%; } footer.site-footer .store-locations ul.locations-group li.location-info ul.location-info-group { margin-right: 50px; } footer.site-footer .newsletter ul li { width: 35%; } footer.site-footer .newsletter ul li:first-child { width: 65%; } } @media only screen and (max-width: 1520px) { footer.site-footer .secured-by ul li { margin-left: 0px; margin-top: 15px; display: inline-block; } footer.site-footer .secured-by ul li:first-child { margin-left: 0px; margin-top: 0px } footer.site-footer .newsletter ul li { float: left; width: 40%; } footer.site-footer .newsletter ul li:first-child { width: 60%; } footer.site-footer .newsletter ul li .subscribe-btn { text-align: center; padding: 0px; } } @media screen and (max-width: 1000px) and (min-width: 768px) { footer.site-footer .ast-col-md-4 { width: 100% !important; } footer.site-footer .secured-by ul li { margin-left: 0px; margin-top: 0px; margin-bottom: 30px; display: inline-block; } footer.site-footer .secured-by ul li:first-child { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } footer.site-footer .newsletter ul { max-width: 500px;} } @media only screen and (max-width: 768px) { footer.site-footer { background-size: inherit; background-color: #04050c; } footer.site-footer .footer-adv-overlay { padding-top: 40px; padding-bottom: 30px;} footer.site-footer .store-locations ul.locations-group { margin-bottom: 30px !important; display: inline-block; } footer.site-footer .quick-links ul.links-group li { font-size: 14px; line-height: 15px; } footer.site-footer .secured-by ul li:first-child { margin-bottom: 10px; font-size: 14px; line-height: 15px;} } @media only screen and (max-width: 500px) { footer.site-footer .store-locations ul.locations-group li.location-info ul.location-info-group { margin-right: 0; } footer.site-footer .store-locations ul.locations-group li.location-info h3 { font-size: 18px; } footer.site-footer .store-locations ul.locations-group li.location-info ul li { padding-left: 25px; margin-bottom: 10px; font-size: 14px; line-height: 20px; position: relative;} footer.site-footer .store-locations ul.locations-group li.location-info ul li::before { content: ""; width: 20px; top: 5px; left: 0; position: absolute; background-repeat: no-repeat; background-position: center top; background-size: 14px; } footer.site-footer .store-locations ul.locations-group li.location-info ul li.location-info-group-address { font-size: 11px; line-height: 15px; padding-left: 25px; min-height: 90px; letter-spacing: -0.5px;} footer.site-footer .store-locations ul.locations-group li.location-info ul li.location-info-group-phone { padding-left: 25px; font-size: 16px; } } /* Footer Bottom */ footer.site-footer .ast-small-footer .ast-footer-overlay { padding-top:15px; padding-bottom: 15px; } footer.site-footer .ast-small-footer .ast-small-footer-wrap { font-size: 13px; letter-spacing: 0.5px; } footer.site-footer .ast-small-footer a.designed-by span { text-transform: uppercase; margin-right: 9px; font-size: 11px; color: #FFF;} footer.site-footer .ast-small-footer a.designed-by img { opacity: 1; transition: all 0.2s; } footer.site-footer .ast-small-footer a.designed-by:hover span { color: #FFF; } footer.site-footer .ast-small-footer a.designed-by:hover img { opacity: 0.5; } footer.site-footer .ast-small-footer .only-desk { display: block; } footer.site-footer .ast-small-footer .only-mobile { display: none; } footer.site-footer .ast-small-footer ul.nav-menu li { margin-left: 5px; position: relative; } footer.site-footer .ast-small-footer ul.nav-menu li::before { content: ""; height: 12px; position: absolute; width: 1px; background: #FFF; left: 0px; margin: 7px 0; } footer.site-footer .ast-small-footer ul.nav-menu li a { margin-left: 10px; padding: 0px; } footer.site-footer .ast-small-footer ul.nav-menu li:first-child, footer.site-footer .ast-small-footer ul.nav-menu li:first-child a { margin-left: 0px; } footer.site-footer .ast-small-footer ul.nav-menu li:first-child::before { display: none; } @media only screen and (min-width: 1520px) { footer.site-footer .ast-small-footer .ast-small-footer-wrap { font-size: 14px; letter-spacing: 0.5px; } footer.site-footer .ast-small-footer a.designed-by span { font-size: 10px; } } @media only screen and (max-width: 1520px) { footer.site-footer .ast-row.ast-flex div.ast-small-footer-section.ast-small-footer-section-1 { width: 35%; line-height: 17px; } footer.site-footer .ast-row.ast-flex div.design-by { width: 30%; text-align: center; } footer.site-footer .ast-row.ast-flex div.design-by a { margin: 0 auto; } footer.site-footer .ast-row.ast-flex div.ast-small-footer-section.ast-small-footer-section-2 { width: 35%; } } @media only screen and (max-width: 1000px) { footer.site-footer { border: none !important; } footer.site-footer .widget { margin-bottom: 0px !important; } footer.site-footer .widget-title { text-align: center; letter-spacing: 1px; } footer.site-footer .widget-title::before { left: 50%; transform: translate(-50%,0); } footer.site-footer .widget-title::after { left: 50%; transform: translate(-50%,0); } footer.site-footer .store-locations { text-align: center; width: 100%; display: inline-block; max-width: 100%; } footer.site-footer .store-locations ul.locations-group { margin: 0 auto; max-width: 500px; } footer.site-footer .store-locations ul.locations-group li.location-info { text-align: left; } footer.site-footer .quick-links { text-align: center; } footer.site-footer .secured-by { text-align: center; } footer.site-footer .secured-by ul { margin: 0 auto; } footer.site-footer .secured-by ul li { width: 100%; text-align: center; margin-bottom: 50px; margin-top: 0; } footer.site-footer .secured-by ul li:first-child { margin-bottom: 10px; } footer.site-footer .newsletter { text-align: center; } footer.site-footer .newsletter ul { margin: 0 auto; } footer.site-footer .social-links { text-align: center; } footer.site-footer .social-links ul { margin: 0 auto; } footer.site-footer .ast-small-footer { border: none !important; } footer.site-footer .ast-small-footer ul.nav-menu li { line-height: 25px; } footer.site-footer .ast-small-footer .ast-container { padding: 0px; } footer.site-footer .ast-small-footer .ast-container .ast-row { margin: 0px; } footer.site-footer .ast-small-footer .ast-container .ast-small-footer-section { width: 100% !important; text-align: center; margin-bottom: 0px; background: #05070D; padding-left: 0px; padding-right: 0px; } footer.site-footer .ast-small-footer .ast-container .ast-small-footer-section .small-footer-content { max-width: 90%; margin: 0 auto; line-height: 18px; } footer.site-footer .ast-small-footer .ast-container .ast-small-footer-section.ast-small-footer-section-1 { margin-bottom: 0px !important; margin-top: 0px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.2); padding-bottom: 10px; } footer.site-footer .ast-small-footer .ast-container .ast-small-footer-section.ast-small-footer-section-2 { margin-bottom: 20px; margin-top: 0px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.2); } footer.site-footer .ast-row.ast-flex div.design-by { margin-bottom: 0px; width: 100% !important; text-align: center; } footer.site-footer .ast-small-footer .only-desk { display: none; } footer.site-footer .ast-small-footer .only-mobile { display: block; } } @media only screen and (max-width: 500px) { footer.site-footer .ast-small-footer .ast-container .ast-small-footer-section.ast-small-footer-section-1 { margin-bottom: 5px; } footer.site-footer .ast-small-footer ul.nav-menu li a { margin-left: 8px; padding: 0px; font-size: 11px; letter-spacing: -0.2px;} footer.site-footer .ast-small-footer .ast-container .ast-small-footer-section .small-footer-content { line-height: 15px; font-size: 11px; } footer.site-footer .ast-small-footer a.designed-by span { font-size: 10px; } } /** Common Media Queries ************ START **/ @media only screen and (max-width: 768px) { .fl-col-small { max-width: 100%;} } @media only screen and (max-width: 1024px) { .areas-coverd-section h2.widgettitle:after { margin-left: -32px; } } /** Common Media Queries ************ END **/ /** 404 Page ************ START **/ .error404 .ast-container { max-width: 100%; padding: 0 20px !important;} .error404 .blog-page-title-section { margin: 0px -20px !important; } /** 404 Page ************ END **/ /* New Footer Start */ .areas-coverd-section .widget-shortcode { border-top: solid 1px rgba(255,255,255,0.4); padding-top: 40px; margin-top: 20px; border-bottom: solid 1px rgba(255,255,255,0.4); padding-bottom: 20px; } .areas-coverd-section h2.widgettitle { font-family: 'Montserrat'; font-size: 28px; text-transform: uppercase; line-height: 35px; color: #FFF; font-weight: 600; text-align: center; letter-spacing: 2px; position: relative; margin-bottom: 60px !important; } .areas-coverd-section h2.widgettitle:before { content: ""; width: 75px; height: 2px; background: #b14233; position: absolute; bottom: -20px; left: 50%; margin-bottom: -5px; margin-left: -32px; } .areas-coverd-section h2.widgettitle:after { content: ""; width: 75px; height: 2px; background: #b14233; position: absolute; bottom: -32px; left: 50%; margin-left: -22px; } .areas-coverd { max-width: 1000px; margin: auto; display: flex; align-items: self-start; justify-content: space-between; } .areas-coverd h2 { font-family: 'Montserrat'; font-size: 24px; text-transform: uppercase; color: #FFF; font-weight: 600; letter-spacing: 2px; margin-bottom: 20px; } .nw-jrsy .nw-jrsy-1, .nw-jrsy .nw-jrsy-2, .nw-yrk .nw-yrk-1, .nw-yrk .nw-yrk-2 { width: 50%; float: left; } .areas-coverd p.lead a { font-size: 14px; letter-spacing: 1px; } .nw-yrk { width: 42%; float: right; } .nw-jrsy { width: 51%; border-right: solid 1px rgba(255,255,255,0.4); } @media only screen and (max-width: 767px) { .areas-coverd-section h2.widgettitle { font-size: 18px; line-height: 26px; } .areas-coverd-section { clear: both; margin-top: 20px !important; display: inline-block; width: 100%; } .areas-coverd h2 { font-size: 16px; margin-bottom: 10px; } .areas-coverd { display: inline-block; width: 100%; } .nw-jrsy { width: 100%; border-right: 0; } .nw-jrsy .nw-jrsy-1, .nw-jrsy .nw-jrsy-2, .nw-yrk .nw-yrk-1, .nw-yrk .nw-yrk-2 { width: 100%; } .nw-yrk { width: 100%; border-top: solid 1px rgba(255,255,255,0.4); padding-top: 30px; margin-top: 10px; } .areas-coverd-section .widget-shortcode { border-bottom: 0; padding-bottom: 0; } } /* New Footer End */ /* Locations pages start */ .locations-content-section { } .locations-content-section .content-wrapper { } .locations-content-section .content-wrapper .main-title { font-size: 28px; } .locations-content-section .content-wrapper .sub-title { font-size: 20px; float: left; width: 100%; margin-top: 15px; } .locations-content-section .content-wrapper p { font-size: 16px; line-height: 30px; } .locations-content-section .product-section { } .locations-content-section .product-box { border:1px solid #d1d1d1; position: relative; } .locations-content-section .product-box .product-wrapper { } .locations-content-section .product-box .product-img { width: 100%; } .locations-content-section .product-box .content-wrapper { width: 100%; float: left; background: rgba(0,0,0,0.8); min-height: 100px; display: flex; align-items: center; flex-wrap: wrap; text-align: center; position: absolute; bottom: 0; padding: 15px 0px; } .locations-content-section .product-box .title { font-size: 20px; color:#ffffff; float: left; width: 100%; text-transform: uppercase; letter-spacing: 1px; padding: 0 20px; font-weight: 500; line-height: normal; } .locations-content-section .product-box .total-products { float: left; width: 100%; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; font-weight: 500; color:#ffffff; } .order-wholesale-section { margin-bottom: 50px; } .order-wholesale-section .description p { margin-bottom: 0px!important; } .locations-content-section .product-box-newjersey .product-box .content-wrapper { min-height: auto; } .cwr-slider-scroll-icon::before{-webkit-animation:mymove 1s;-webkit-animation-iteration-count:infinite;animation:mymove 1s;animation-iteration-count:infinite}@-webkit-keyframes mymove{from{opacity:0;top:calc(50% - 5px)}to{opacity:1;top:calc(50% + 5px)}}@keyframes mymove{from{opacity:0;top:calc(50% - 5px)}to{opacity:1;top:calc(50% + 5px)}} @media only screen and (max-width: 767px) { .locations-content-section .content-wrapper .main-title { font-size: 20px; } .locations-content-section .fl-module-content { margin: 20px!important; } .locations-content-section .fl-col-small { max-width: 400px!important; } .home-banner-scroll-below { display:none !important; } div#slide-6-layer-1 { margin-left: 90px !important; } } @media only screen and (max-width: 1023px) { .locations-content-section .fl-module-content { margin: 5px; } .locations-content-section .product-box .content-wrapper { min-height: 60px; } .locations-content-section .product-box .total-products { font-size: 12px; } } @media (min-width: 768px) and (max-width: 1200px) { .locations-content-section .fl-col-small { width: 50%; } .locations-content-section.new-jersey .fl-col-small { width: 33.33%; } .locations-content-section.new-jersey .product-box-newjersey .fl-module-content { margin: 5px!important; } .locations-content-section.new-york .fl-col-small { width: 33.33%; } .locations-content-section.new-york .product-box-newjersey .fl-module-content { margin: 5px!important; } } @media only screen and (max-width: 1200px) { .locations-content-section .product-box .title { font-size: 15px!important; padding: 0px 10px; } .locations-content-section .product-box .content-wrapper { padding: 10px; height: auto; min-height: unset; } } @media (min-width: 1201px) and (max-width: 1400px) { .locations-content-section .product-box .title { font-size: 16px; } .locations-content-section .product-box .total-products { font-size: 12px; } .locations-content-section .fl-module-content { margin: 10px!important; } } /* Locations pages End */ /* Location Inner Page Start */ .store-hours-section .store-hours { max-width: 500px; margin: 0 auto; } .store-hours-section .store-hours ul li { margin-bottom: 5px!important; }