/* GANTRY5 DEVELOPMENT MODE ENABLED. * * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost! * * For more information on modifying CSS, please read: * * http://docs.gantry.org/gantry5/configure/styles * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet */ @charset "UTF-8"; /* ************ */ /* Custom Fonts */ /* ************ */ /* Book */ @font-face { font-family: "PFFuturaNeu"; src: url('../fonts/pf-futura-neu/book/PFFuturaNeuBook-Regular.eot'); src: url('../fonts/pf-futura-neu/book/PFFuturaNeuBook-Regular.eot#iefix') format("embedded-opentype"), url('../fonts/pf-futura-neu/book/PFFuturaNeuBook-Regular.svg#PFFuturaNeuBook-Regular') format("svg"), url('../fonts/pf-futura-neu/book/PFFuturaNeuBook-Regular.ttf') format("truetype"), url('../fonts/pf-futura-neu/book/PFFuturaNeuBook-Regular.woff') format("woff"), url('../fonts/pf-futura-neu/book/PFFuturaNeuBook-Regular.woff2') format("woff2"); font-weight: normal; font-style: normal; } /* Medium */ @font-face { font-family: "PFFuturaNeu"; src: url('../fonts/pf-futura-neu/medium/PFFuturaNeuMedium-Regular.eot'); src: url('../fonts/pf-futura-neu/medium/PFFuturaNeuMedium-Regular.eot#iefix') format("embedded-opentype"), url('../fonts/pf-futura-neu/medium/PFFuturaNeuMedium-Regular.svg#PFFuturaNeuMedium-Regular') format("svg"), url('../fonts/pf-futura-neu/medium/PFFuturaNeuMedium-Regular.ttf') format("truetype"), url('../fonts/pf-futura-neu/medium/PFFuturaNeuMedium-Regular.woff') format("woff"), url('../fonts/pf-futura-neu/medium/PFFuturaNeuMedium-Regular.woff2') format("woff2"); font-weight: 600; font-style: normal; } /* SemiBold */ @font-face { font-family: "PFFuturaNeu"; src: url('../fonts/pf-futura-neu/semibold/PFFuturaNeuSemiBold-Regular.eot'); src: url('../fonts/pf-futura-neu/semibold/PFFuturaNeuSemiBold-Regular.eot#iefix') format("embedded-opentype"), url('../fonts/pf-futura-neu/semibold/PFFuturaNeuSemiBold-Regular.svg#PFFuturaNeuSemiBold-Regular') format("svg"), url('../fonts/pf-futura-neu/semibold/PFFuturaNeuSemiBold-Regular.ttf') format("truetype"), url('../fonts/pf-futura-neu/semibold/PFFuturaNeuSemiBold-Regular.woff') format("woff"), url('../fonts/pf-futura-neu/semibold/PFFuturaNeuSemiBold-Regular.woff2') format("woff2"); font-weight: 700; font-style: normal; } /* Bold */ @font-face { font-family: "PFFuturaNeu"; src: url('../fonts/pf-futura-neu/bold/PFFuturaNeu-Bold.eot'); src: url('../fonts/pf-futura-neu/bold/PFFuturaNeu-Bold.eot#iefix') format("embedded-opentype"), url('../fonts/pf-futura-neu/bold/PFFuturaNeu-Bold.svg#PFFuturaNeu-Bold') format("svg"), url('../fonts/pf-futura-neu/bold/PFFuturaNeu-Bold.ttf') format("truetype"), url('../fonts/pf-futura-neu/bold/PFFuturaNeu-Bold.woff') format("woff"), url('../fonts/pf-futura-neu/bold/PFFuturaNeu-Bold.woff2') format("woff2"); font-weight: 800; font-style: normal; } /* ***************************** */ /* Custom Properties (Variables) */ /* ***************************** */ .g-offcanvas-open #b4s .g-nav-overlay { background: rgba(0, 0, 0, 0.75); } #b4s { /* This selector exits in order to give greater precedence. */ /* ******* */ /* General */ /* ******* */ /* Body */ line-height: 1.5; font-family: "PFFuturaNeu"; /* Headings */ /* Buttons */ /* Forms */ /* ********* */ /* Bootstrap */ /* ********* */ /* Alerts */ /* Popover */ /* Modal */ /* ****** */ /* Joomla */ /* ****** */ /* Title */ /* Blog */ /* Article */ /* Article Custom Fields */ /* Category List */ /* Pagination */ /* Forms */ /* SqueezeBox */ /* System Message */ /* ****** */ /* Gantry */ /* ****** */ /* ***** */ /* Menus */ /* ***** */ /* Main Menu */ /* Mobile Menu */ /* Default */ /* Horizontal */ /* Vertical */ /* Customer */ /* Shortcuts */ /* Blog */ /* ********* */ /* Offcanvas */ /* ********* */ /* ***** */ /* Above */ /* ***** */ /* ********** */ /* Navigation */ /* ********** */ /* ****** */ /* Header */ /* ****** */ /* ***** */ /* Intro */ /* ***** */ /* ******** */ /* Features */ /* ******** */ /* ******* */ /* Utility */ /* ******* */ /* ************ */ /* Testimonials */ /* ************ */ /* ***** */ /* Aside */ /* ***** */ /* **** */ /* Main */ /* **** */ /* ******* */ /* Sidebar */ /* ******* */ /* **** */ /* Full */ /* **** */ /* ******** */ /* Expanded */ /* ******** */ /* ****** */ /* Footer */ /* ****** */ /* ****** */ /* Search */ /* ****** */ /* Module */ /* Component */ /* ********* */ /* Copyright */ /* ********* */ /* ***** */ /* ToTop */ /* ***** */ /* *********** */ /* Breadcrumbs */ /* *********** */ /* ************ */ /* Registration */ /* ************ */ /* ***** */ /* Login */ /* ***** */ /* ******* */ /* Contact */ /* ******* */ /* ******** */ /* Language */ /* ******** */ /* Flags: Not List */ /* Flags: List */ /* Dropdown List: Html */ /* Dropdown List: Chzn Container */ /* ******* */ /* Privacy */ /* ******* */ /* Request */ /* Confirm */ /* Remind */ /* ************ */ /* Owl Carousel */ /* ************ */ /* ******* */ /* RS Form */ /* ******* */ /* Component */ /* Module */ /* Custom */ /* Contact */ /* ***** */ /* Osmap */ /* ***** */ /* ********************************* */ /* Module: Complete Article Carousel */ /* ********************************* */ /* ********** */ /* JCE Editor */ /* ********** */ /* Mediabox */ /* ***** */ /* Eshop */ /* ***** */ /* Custom Properties (Variables) */ /* Common */ /* Module: Cart */ /* Module: Quote */ /* Module: Search */ /* Categories */ /* Navigation */ /* Grid / List */ /* Show */ /* Sorting */ /* Sort / Pagination Bar */ /* Pagination */ /* Sub categories List */ /* Products List: Grid */ /* Products List: List */ /* Procuct Info */ /* Colorbox */ /* Cart Info */ /* Quote Info */ /* Checkout */ /* Checkout Popup (Terms of Use) */ /* Manufacturers (all) */ /* Manufacturer (single) */ /* Email a friend */ /* Ask question */ /* Account */ /* Edit Account */ /* Order History */ /* Addresses */ /* Process Order */ /* Module: Manufacturers (OLD) */ /* Module: Manufacturers (NEW) */ /* Module: Currency */ /* Module: Eshop Product Filter */ /* Module: Products (Default) */ /* Module: Products (Navigation) */ /* Eshop: Special overrides. */ /* ************** */ /* Custom: Header */ /* ************** */ /* ********* */ /* Utilities */ /* ********* */ /* *********************** */ /* Custom: Eshop Shortcuts */ /* *********************** */ /* ****** */ /* Social */ /* ****** */ /* ********************************** */ /* Custom: Featured Services Products */ /* ********************************** */ /* ***************** */ /* Custom: Community */ /* ***************** */ /* ******************** */ /* Custom: Stay Updated */ /* ******************** */ /* ************ */ /* Custom: Blog */ /* ************ */ /* ******* */ /* AddThis */ /* ******* */ /* ********** */ /* Newsletter */ /* ********** */ /* ************** */ /* Rotating Words */ /* ************** */ /*@-webkit-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -webkit-transform: translateY(-35px); } 5% { opacity: 1; -webkit-transform: translateY(0px); } 17% { opacity: 1; -webkit-transform: translateY(0px); } 20% { opacity: 0; -webkit-transform: translateY(35px); } 80% { opacity: 0; } 100% { opacity: 0; } } @-ms-keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -ms-transform: translateY(-35px); } 5% { opacity: 1; -ms-transform: translateY(0px); } 17% { opacity: 1; -ms-transform: translateY(0px); } 20% { opacity: 0; -ms-transform: translateY(35px); } 80% { opacity: 0; } 100% { opacity: 0; } }*/ /* ******************* */ /* Teaching Experience */ /* ******************* */ /* ******** */ /* About us */ /* ******** */ /* ******* */ /* Contact */ /* ******* */ /* ************************ */ /* Custom: Filter Shortcuts */ /* ************************ */ /* *********************** */ /* Custom: Header Products */ /* *********************** */ /* ***** */ /* Error */ /* ***** */ /* ********************* */ /* Custom: More products */ /* ********************* */ /* ********************** */ /* Custom: Filters Toggle */ /* ********************** */ /* ********** */ /* Created By */ /* ********** */ /* ************* */ /* Free Shipping */ /* ************* */ } #b4s p:empty { display: none; } #b4s h1 { margin-top: 2rem; margin-bottom: 1.5rem; line-height: 1.2; font-size: 2rem; font-weight: 700; letter-spacing: 0; text-transform: none; font-family: "PFFuturaNeu"; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s h1 { font-size: 1.75rem; } } @media only all and (max-width: 30rem) { #b4s h1 { font-size: 1.75rem; } } #b4s h2, #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title, #b4s .custom.c-community h1, #b4s .custom.c-community h3, #b4s .custom.c-community #g-aside .g-title, #b4s #g-aside .custom.c-community .g-title, #b4s .custom.c-community #g-aside .moduletable > h3:first-child, #b4s #g-aside .custom.c-community .moduletable > h3:first-child, #b4s .custom.c-community #g-sidebar .g-title, #b4s #g-sidebar .custom.c-community .g-title, #b4s .custom.c-community #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .custom.c-community .moduletable > h3:first-child, #b4s .custom.c-community .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .custom.c-community .field-entry.c-blog-subtitle { margin-top: 0; margin-bottom: 1.5rem; line-height: 1.2; font-size: 1.75rem; font-weight: 700; letter-spacing: 0; text-transform: none; font-family: "PFFuturaNeu"; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s h2, #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title, #b4s .custom.c-community h1, #b4s .custom.c-community h3, #b4s .custom.c-community #g-aside .g-title, #b4s #g-aside .custom.c-community .g-title, #b4s .custom.c-community #g-aside .moduletable > h3:first-child, #b4s #g-aside .custom.c-community .moduletable > h3:first-child, #b4s .custom.c-community #g-sidebar .g-title, #b4s #g-sidebar .custom.c-community .g-title, #b4s .custom.c-community #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .custom.c-community .moduletable > h3:first-child, #b4s .custom.c-community .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .custom.c-community .field-entry.c-blog-subtitle { letter-spacing: 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s h2, #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title, #b4s .custom.c-community h1, #b4s .custom.c-community h3, #b4s .custom.c-community #g-aside .g-title, #b4s #g-aside .custom.c-community .g-title, #b4s .custom.c-community #g-aside .moduletable > h3:first-child, #b4s #g-aside .custom.c-community .moduletable > h3:first-child, #b4s .custom.c-community #g-sidebar .g-title, #b4s #g-sidebar .custom.c-community .g-title, #b4s .custom.c-community #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .custom.c-community .moduletable > h3:first-child, #b4s .custom.c-community .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .custom.c-community .field-entry.c-blog-subtitle { font-size: 1.5rem; letter-spacing: 0; } } @media only all and (max-width: 30rem) { #b4s h2, #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title, #b4s .custom.c-community h1, #b4s .custom.c-community h3, #b4s .custom.c-community #g-aside .g-title, #b4s #g-aside .custom.c-community .g-title, #b4s .custom.c-community #g-aside .moduletable > h3:first-child, #b4s #g-aside .custom.c-community .moduletable > h3:first-child, #b4s .custom.c-community #g-sidebar .g-title, #b4s #g-sidebar .custom.c-community .g-title, #b4s .custom.c-community #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .custom.c-community .moduletable > h3:first-child, #b4s .custom.c-community .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .custom.c-community .field-entry.c-blog-subtitle { font-size: 1.5rem; letter-spacing: 0; } } #b4s h3, #b4s #g-aside .g-title, #b4s #g-aside .moduletable > h3:first-child, #b4s #g-sidebar .g-title, #b4s #g-sidebar .moduletable > h3:first-child, #b4s .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle { margin-top: 0; margin-bottom: 1.5rem; line-height: 1.2; font-size: 1.25rem; font-weight: 600; letter-spacing: 0; text-transform: none; font-family: "PFFuturaNeu"; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s h3, #b4s #g-aside .g-title, #b4s #g-aside .moduletable > h3:first-child, #b4s #g-sidebar .g-title, #b4s #g-sidebar .moduletable > h3:first-child, #b4s .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle { letter-spacing: 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s h3, #b4s #g-aside .g-title, #b4s #g-aside .moduletable > h3:first-child, #b4s #g-sidebar .g-title, #b4s #g-sidebar .moduletable > h3:first-child, #b4s .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle { letter-spacing: 0; } } @media only all and (max-width: 30rem) { #b4s h3, #b4s #g-aside .g-title, #b4s #g-aside .moduletable > h3:first-child, #b4s #g-sidebar .g-title, #b4s #g-sidebar .moduletable > h3:first-child, #b4s .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle { letter-spacing: 0; } } #b4s h4 { margin-top: 0; margin-bottom: 1.5rem; line-height: 1.2; font-size: 1rem; font-weight: 500; letter-spacing: 0; text-transform: none; font-family: "PFFuturaNeu"; } #b4s h5 { margin-top: 0; margin-bottom: 1.5rem; line-height: 1.2; font-size: 1rem; font-weight: normal; letter-spacing: 0; text-transform: none; font-family: "PFFuturaNeu"; } #b4s h6 { margin-top: 0; margin-bottom: 1.5rem; line-height: 1.2; font-size: 0.875rem; font-weight: normal; letter-spacing: 0; text-transform: none; font-family: "PFFuturaNeu"; } #b4s a.btn, #b4s a.btn.btn-primary, #b4s .button, #b4s .g-joomla-articles button, #b4s .g-joomla-articles .contact #contact-form .btn, #b4s .contact #contact-form .g-joomla-articles .btn, #b4s .search .btn-toolbar button, #b4s .search .btn-toolbar .contact #contact-form .btn, #b4s .contact #contact-form .search .btn-toolbar .btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a, #b4s .custom.c-eshop-shortcuts > div > * a, #b4s button, #b4s .contact #contact-form .btn, #b4s input[type="button"], #b4s .search .btn-toolbar #search-searchword[type="button"], #b4s input[type="submit"], #b4s .search .btn-toolbar #search-searchword[type="submit"], #b4s input[type="reset"], #b4s .search .btn-toolbar #search-searchword[type="reset"] { display: inline-block; box-sizing: border-box; padding: 5px 20px; margin: 0px; font-family: "PFFuturaNeu"; font-size: 14px; font-weight: 600; color: #000000; line-height: 22px; letter-spacing: 0px; text-transform: uppercase; text-decoration: none; text-shadow: none; background: #1fa86e; border-width: 2px; border-style: solid; border-color: #1fa86e; border-radius: 0px; box-shadow: none; transition: all 0.2s; } #b4s a.btn:hover, #b4s a.btn.btn-primary:hover, #b4s .button:hover, #b4s .g-joomla-articles button:hover, #b4s .g-joomla-articles .contact #contact-form .btn:hover, #b4s .contact #contact-form .g-joomla-articles .btn:hover, #b4s .search .btn-toolbar button:hover, #b4s .search .btn-toolbar .contact #contact-form .btn:hover, #b4s .contact #contact-form .search .btn-toolbar .btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a:hover, #b4s .custom.c-eshop-shortcuts > div > * a:hover, #b4s button:hover, #b4s .contact #contact-form .btn:hover, #b4s input[type="button"]:hover, #b4s .search .btn-toolbar #search-searchword[type="button"]:hover, #b4s input[type="submit"]:hover, #b4s .search .btn-toolbar #search-searchword[type="submit"]:hover, #b4s input[type="reset"]:hover, #b4s .search .btn-toolbar #search-searchword[type="reset"]:hover { color: #fff; background: #000000; border-color: #000000; } #b4s a.btn [class^="icon-"], #b4s a.btn [class*=" icon-"], #b4s a.btn.btn-primary [class^="icon-"], #b4s a.btn.btn-primary [class*=" icon-"], #b4s .button [class^="icon-"], #b4s .g-joomla-articles button [class^="icon-"], #b4s .g-joomla-articles .contact #contact-form .btn [class^="icon-"], #b4s .contact #contact-form .g-joomla-articles .btn [class^="icon-"], #b4s .search .btn-toolbar button [class^="icon-"], #b4s .search .btn-toolbar .contact #contact-form .btn [class^="icon-"], #b4s .contact #contact-form .search .btn-toolbar .btn [class^="icon-"], #b4s .login + div ul.nav.nav-tabs.nav-stacked li a [class^="icon-"], #b4s .custom.c-eshop-shortcuts > div > * a [class^="icon-"], #b4s .button [class*=" icon-"], #b4s .g-joomla-articles button [class*=" icon-"], #b4s .g-joomla-articles .contact #contact-form .btn [class*=" icon-"], #b4s .contact #contact-form .g-joomla-articles .btn [class*=" icon-"], #b4s .search .btn-toolbar button [class*=" icon-"], #b4s .search .btn-toolbar .contact #contact-form .btn [class*=" icon-"], #b4s .contact #contact-form .search .btn-toolbar .btn [class*=" icon-"], #b4s .login + div ul.nav.nav-tabs.nav-stacked li a [class*=" icon-"], #b4s .custom.c-eshop-shortcuts > div > * a [class*=" icon-"], #b4s button [class^="icon-"], #b4s .contact #contact-form .btn [class^="icon-"], #b4s button [class*=" icon-"], #b4s .contact #contact-form .btn [class*=" icon-"], #b4s input[type="button"] [class^="icon-"], #b4s .search .btn-toolbar #search-searchword[type="button"] [class^="icon-"], #b4s input[type="button"] [class*=" icon-"], #b4s .search .btn-toolbar #search-searchword[type="button"] [class*=" icon-"], #b4s input[type="submit"] [class^="icon-"], #b4s .search .btn-toolbar #search-searchword[type="submit"] [class^="icon-"], #b4s input[type="submit"] [class*=" icon-"], #b4s .search .btn-toolbar #search-searchword[type="submit"] [class*=" icon-"], #b4s input[type="reset"] [class^="icon-"], #b4s .search .btn-toolbar #search-searchword[type="reset"] [class^="icon-"], #b4s input[type="reset"] [class*=" icon-"], #b4s .search .btn-toolbar #search-searchword[type="reset"] [class*=" icon-"] { font-size: 0.8rem; background: none; } #b4s .button.button-xsmall, #b4s .g-joomla-articles button.button-xsmall, #b4s .g-joomla-articles .contact #contact-form .button-xsmall.btn, #b4s .contact #contact-form .g-joomla-articles .button-xsmall.btn, #b4s .search .btn-toolbar button.button-xsmall, #b4s .search .btn-toolbar .contact #contact-form .button-xsmall.btn, #b4s .contact #contact-form .search .btn-toolbar .button-xsmall.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-xsmall, #b4s .custom.c-eshop-shortcuts > div > * a.button-xsmall { font-size: 10px; padding: 0px 18px; } #b4s .btn.btn-sm, #b4s .button.button-small, #b4s .g-joomla-articles button.button-small, #b4s .g-joomla-articles .contact #contact-form .button-small.btn, #b4s .contact #contact-form .g-joomla-articles .button-small.btn, #b4s .search .btn-toolbar button.button-small, #b4s .search .btn-toolbar .contact #contact-form .button-small.btn, #b4s .contact #contact-form .search .btn-toolbar .button-small.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-small, #b4s .custom.c-eshop-shortcuts > div > * a.button-small { font-size: 12px; padding: 2px 19px; } #b4s .btn.btn-lg, #b4s .button.button-large, #b4s .g-joomla-articles button.button-large, #b4s .g-joomla-articles .contact #contact-form .button-large.btn, #b4s .contact #contact-form .g-joomla-articles .button-large.btn, #b4s .search .btn-toolbar button.button-large, #b4s .search .btn-toolbar .contact #contact-form .button-large.btn, #b4s .contact #contact-form .search .btn-toolbar .button-large.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-large, #b4s .custom.c-eshop-shortcuts > div > * a.button-large { font-size: 16px; padding: 7px 26px; } #b4s .button.button-xlarge, #b4s .g-joomla-articles button.button-xlarge, #b4s .g-joomla-articles .contact #contact-form .button-xlarge.btn, #b4s .contact #contact-form .g-joomla-articles .button-xlarge.btn, #b4s .search .btn-toolbar button.button-xlarge, #b4s .search .btn-toolbar .contact #contact-form .button-xlarge.btn, #b4s .contact #contact-form .search .btn-toolbar .button-xlarge.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-xlarge, #b4s .custom.c-eshop-shortcuts > div > * a.button-xlarge { font-size: 18px; padding: 9px 28px; } #b4s .btn.btn-secondary, #b4s .button.button-2, #b4s .g-joomla-articles button.button-2, #b4s .g-joomla-articles .contact #contact-form .button-2.btn, #b4s .contact #contact-form .g-joomla-articles .button-2.btn, #b4s .search .btn-toolbar button.button-2, #b4s .search .btn-toolbar .contact #contact-form .button-2.btn, #b4s .contact #contact-form .search .btn-toolbar .button-2.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-2, #b4s .custom.c-eshop-shortcuts > div > * a.button-2 { background: #000000; border-color: #000000; } #b4s .btn.btn-secondary:hover, #b4s .button.button-2:hover, #b4s .g-joomla-articles button.button-2:hover, #b4s .g-joomla-articles .contact #contact-form .button-2.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button-2.btn:hover, #b4s .search .btn-toolbar button.button-2:hover, #b4s .search .btn-toolbar .contact #contact-form .button-2.btn:hover, #b4s .contact #contact-form .search .btn-toolbar .button-2.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-2:hover, #b4s .custom.c-eshop-shortcuts > div > * a.button-2:hover { background: #1fa86e; border-color: #1fa86e; } #b4s .button.button-outline, #b4s .g-joomla-articles button.button-outline, #b4s .g-joomla-articles .contact #contact-form .button-outline.btn, #b4s .g-joomla-articles .contact #contact-form button.btn, #b4s .g-joomla-articles .contact #contact-form .contact #contact-form .btn, #b4s .contact #contact-form .g-joomla-articles .contact #contact-form .btn, #b4s .g-joomla-articles .contact #contact-form .login + div ul.nav.nav-tabs.nav-stacked li a.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li .g-joomla-articles .contact #contact-form a.btn, #b4s .contact #contact-form .g-joomla-articles .button-outline.btn, #b4s .g-joomla-articles button, #b4s .g-joomla-articles .contact #contact-form .btn, #b4s .contact #contact-form .g-joomla-articles .btn, #b4s .search .btn-toolbar button.button-outline, #b4s .search .btn-toolbar .contact #contact-form .button-outline.btn, #b4s .search .btn-toolbar .contact #contact-form .g-joomla-articles button.btn, #b4s .search .btn-toolbar .contact #contact-form .g-joomla-articles .contact #contact-form .btn, #b4s .contact #contact-form .search .btn-toolbar .contact #contact-form .g-joomla-articles .btn, #b4s .g-joomla-articles .search .btn-toolbar .contact #contact-form button.btn, #b4s .search .btn-toolbar .contact #contact-form .login + div ul.nav.nav-tabs.nav-stacked li a.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li .search .btn-toolbar .contact #contact-form a.btn, #b4s .contact #contact-form .search .btn-toolbar .button-outline.btn, #b4s .search .btn-toolbar .g-joomla-articles button, #b4s .search .btn-toolbar .g-joomla-articles .contact #contact-form .btn, #b4s .contact #contact-form .search .btn-toolbar .g-joomla-articles .btn, #b4s .g-joomla-articles .search .btn-toolbar button, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-outline, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a, #b4s .custom.c-eshop-shortcuts > div > * a.button-outline, #b4s .custom.c-eshop-shortcuts > div > * .login + div ul.nav.nav-tabs.nav-stacked li a, #b4s .login + div ul.nav.nav-tabs.nav-stacked li .custom.c-eshop-shortcuts > div > * a, #b4s .g-joomla-articles button.button, #b4s .g-joomla-articles .contact #contact-form .button.btn, #b4s .g-joomla-articles .contact #contact-form .search .btn-toolbar button.btn, #b4s .g-joomla-articles .contact #contact-form .search .btn-toolbar .contact #contact-form .btn, #b4s .contact #contact-form .g-joomla-articles .contact #contact-form .search .btn-toolbar .btn, #b4s .search .btn-toolbar .g-joomla-articles .contact #contact-form button.btn, #b4s .g-joomla-articles .contact #contact-form .custom.c-eshop-shortcuts > div > * a.btn, #b4s .custom.c-eshop-shortcuts > div > * .g-joomla-articles .contact #contact-form a.btn, #b4s .contact #contact-form .g-joomla-articles .button.btn, #b4s .g-joomla-articles .search .btn-toolbar .contact #contact-form .btn, #b4s .contact #contact-form .g-joomla-articles .search .btn-toolbar .btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button { color: #1fa86e; background: none; background-color: transparent; } #b4s .button.button-outline:hover, #b4s .g-joomla-articles button.button-outline:hover, #b4s .g-joomla-articles .contact #contact-form .button-outline.btn:hover, #b4s .g-joomla-articles .contact #contact-form button.btn:hover, #b4s .g-joomla-articles .contact #contact-form .contact #contact-form .btn:hover, #b4s .contact #contact-form .g-joomla-articles .contact #contact-form .btn:hover, #b4s .g-joomla-articles .contact #contact-form .login + div ul.nav.nav-tabs.nav-stacked li a.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li .g-joomla-articles .contact #contact-form a.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button-outline.btn:hover, #b4s .g-joomla-articles button:hover, #b4s .g-joomla-articles .contact #contact-form .btn:hover, #b4s .contact #contact-form .g-joomla-articles .btn:hover, #b4s .search .btn-toolbar button.button-outline:hover, #b4s .search .btn-toolbar .contact #contact-form .button-outline.btn:hover, #b4s .search .btn-toolbar .contact #contact-form .g-joomla-articles button.btn:hover, #b4s .search .btn-toolbar .contact #contact-form .g-joomla-articles .contact #contact-form .btn:hover, #b4s .contact #contact-form .search .btn-toolbar .contact #contact-form .g-joomla-articles .btn:hover, #b4s .g-joomla-articles .search .btn-toolbar .contact #contact-form button.btn:hover, #b4s .search .btn-toolbar .contact #contact-form .login + div ul.nav.nav-tabs.nav-stacked li a.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li .search .btn-toolbar .contact #contact-form a.btn:hover, #b4s .contact #contact-form .search .btn-toolbar .button-outline.btn:hover, #b4s .search .btn-toolbar .g-joomla-articles button:hover, #b4s .search .btn-toolbar .g-joomla-articles .contact #contact-form .btn:hover, #b4s .contact #contact-form .search .btn-toolbar .g-joomla-articles .btn:hover, #b4s .g-joomla-articles .search .btn-toolbar button:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-outline:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a:hover, #b4s .custom.c-eshop-shortcuts > div > * a.button-outline:hover, #b4s .custom.c-eshop-shortcuts > div > * .login + div ul.nav.nav-tabs.nav-stacked li a:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li .custom.c-eshop-shortcuts > div > * a:hover, #b4s .g-joomla-articles button.button:hover, #b4s .g-joomla-articles .contact #contact-form .button.btn:hover, #b4s .g-joomla-articles .contact #contact-form .search .btn-toolbar button.btn:hover, #b4s .g-joomla-articles .contact #contact-form .search .btn-toolbar .contact #contact-form .btn:hover, #b4s .contact #contact-form .g-joomla-articles .contact #contact-form .search .btn-toolbar .btn:hover, #b4s .search .btn-toolbar .g-joomla-articles .contact #contact-form button.btn:hover, #b4s .g-joomla-articles .contact #contact-form .custom.c-eshop-shortcuts > div > * a.btn:hover, #b4s .custom.c-eshop-shortcuts > div > * .g-joomla-articles .contact #contact-form a.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button.btn:hover, #b4s .g-joomla-articles .search .btn-toolbar .contact #contact-form .btn:hover, #b4s .contact #contact-form .g-joomla-articles .search .btn-toolbar .btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button:hover { color: #000000; background: #1fa86e; border-color: #1fa86e; } #b4s .button.button-outline-2, #b4s .g-joomla-articles button.button-outline-2, #b4s .g-joomla-articles .contact #contact-form .button-outline-2.btn, #b4s .contact #contact-form .g-joomla-articles .button-outline-2.btn, #b4s .search .btn-toolbar button.button-outline-2, #b4s .search .btn-toolbar .contact #contact-form .button-outline-2.btn, #b4s .contact #contact-form .search .btn-toolbar .button-outline-2.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-outline-2, #b4s .custom.c-eshop-shortcuts > div > * a.button-outline-2 { color: #000000; background: none; background-color: transparent; border-color: #000000; } #b4s .button.button-outline-2:hover, #b4s .g-joomla-articles button.button-outline-2:hover, #b4s .g-joomla-articles .contact #contact-form .button-outline-2.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button-outline-2.btn:hover, #b4s .search .btn-toolbar button.button-outline-2:hover, #b4s .search .btn-toolbar .contact #contact-form .button-outline-2.btn:hover, #b4s .contact #contact-form .search .btn-toolbar .button-outline-2.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-outline-2:hover, #b4s .custom.c-eshop-shortcuts > div > * a.button-outline-2:hover { color: #fff; background: #000000; border-color: #000000; } #b4s .button.button-white, #b4s .g-joomla-articles button.button-white, #b4s .g-joomla-articles .contact #contact-form .button-white.btn, #b4s .contact #contact-form .g-joomla-articles .button-white.btn, #b4s .search .btn-toolbar button.button-white, #b4s .search .btn-toolbar .contact #contact-form .button-white.btn, #b4s .contact #contact-form .search .btn-toolbar .button-white.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-white, #b4s .custom.c-eshop-shortcuts > div > * a.button-white { color: #fff; background: none; background-color: transparent; border-color: #fff; } #b4s .button.button-white:hover, #b4s .g-joomla-articles button.button-white:hover, #b4s .g-joomla-articles .contact #contact-form .button-white.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button-white.btn:hover, #b4s .search .btn-toolbar button.button-white:hover, #b4s .search .btn-toolbar .contact #contact-form .button-white.btn:hover, #b4s .contact #contact-form .search .btn-toolbar .button-white.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-white:hover, #b4s .custom.c-eshop-shortcuts > div > * a.button-white:hover { color: #000000; background: #fff; border-color: #fff; } #b4s .button.button-beige, #b4s .g-joomla-articles button.button-beige, #b4s .g-joomla-articles .contact #contact-form .button-beige.btn, #b4s .contact #contact-form .g-joomla-articles .button-beige.btn, #b4s .search .btn-toolbar button.button-beige, #b4s .search .btn-toolbar .contact #contact-form .button-beige.btn, #b4s .contact #contact-form .search .btn-toolbar .button-beige.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-beige, #b4s .custom.c-eshop-shortcuts > div > * a.button-beige { background: #fee0ba; border-color: #fee0ba; color: #000000; } #b4s .button.button-beige:hover, #b4s .g-joomla-articles button.button-beige:hover, #b4s .g-joomla-articles .contact #contact-form .button-beige.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button-beige.btn:hover, #b4s .search .btn-toolbar button.button-beige:hover, #b4s .search .btn-toolbar .contact #contact-form .button-beige.btn:hover, #b4s .contact #contact-form .search .btn-toolbar .button-beige.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-beige:hover, #b4s .custom.c-eshop-shortcuts > div > * a.button-beige:hover { background: #000000; border-color: #000000; color: #fff; } #b4s .button.button-blue-light, #b4s .g-joomla-articles button.button-blue-light, #b4s .g-joomla-articles .contact #contact-form .button-blue-light.btn, #b4s .contact #contact-form .g-joomla-articles .button-blue-light.btn, #b4s .search .btn-toolbar button.button-blue-light, #b4s .search .btn-toolbar .contact #contact-form .button-blue-light.btn, #b4s .contact #contact-form .search .btn-toolbar .button-blue-light.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-blue-light, #b4s .custom.c-eshop-shortcuts > div > * a.button-blue-light { background: #a8ebfc; border-color: #a8ebfc; color: #000000; } #b4s .button.button-blue-light:hover, #b4s .g-joomla-articles button.button-blue-light:hover, #b4s .g-joomla-articles .contact #contact-form .button-blue-light.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button-blue-light.btn:hover, #b4s .search .btn-toolbar button.button-blue-light:hover, #b4s .search .btn-toolbar .contact #contact-form .button-blue-light.btn:hover, #b4s .contact #contact-form .search .btn-toolbar .button-blue-light.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-blue-light:hover, #b4s .custom.c-eshop-shortcuts > div > * a.button-blue-light:hover { background: #000000; border-color: #000000; color: #fff; } #b4s .button.button-salmon, #b4s .g-joomla-articles button.button-salmon, #b4s .g-joomla-articles .contact #contact-form .button-salmon.btn, #b4s .contact #contact-form .g-joomla-articles .button-salmon.btn, #b4s .search .btn-toolbar button.button-salmon, #b4s .search .btn-toolbar .contact #contact-form .button-salmon.btn, #b4s .contact #contact-form .search .btn-toolbar .button-salmon.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-salmon, #b4s .custom.c-eshop-shortcuts > div > * a.button-salmon { background: #ffb29b; border-color: #ffb29b; color: #000000; } #b4s .button.button-salmon:hover, #b4s .g-joomla-articles button.button-salmon:hover, #b4s .g-joomla-articles .contact #contact-form .button-salmon.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button-salmon.btn:hover, #b4s .search .btn-toolbar button.button-salmon:hover, #b4s .search .btn-toolbar .contact #contact-form .button-salmon.btn:hover, #b4s .contact #contact-form .search .btn-toolbar .button-salmon.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-salmon:hover, #b4s .custom.c-eshop-shortcuts > div > * a.button-salmon:hover { background: #000000; border-color: #000000; color: #fff; } #b4s .button.button-green-light, #b4s .g-joomla-articles button.button-green-light, #b4s .g-joomla-articles .contact #contact-form .button-green-light.btn, #b4s .contact #contact-form .g-joomla-articles .button-green-light.btn, #b4s .search .btn-toolbar button.button-green-light, #b4s .search .btn-toolbar .contact #contact-form .button-green-light.btn, #b4s .contact #contact-form .search .btn-toolbar .button-green-light.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-green-light, #b4s .custom.c-eshop-shortcuts > div > * a.button-green-light { background: #7cd1aa; border-color: #7cd1aa; color: #000000; } #b4s .button.button-green-light:hover, #b4s .g-joomla-articles button.button-green-light:hover, #b4s .g-joomla-articles .contact #contact-form .button-green-light.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button-green-light.btn:hover, #b4s .search .btn-toolbar button.button-green-light:hover, #b4s .search .btn-toolbar .contact #contact-form .button-green-light.btn:hover, #b4s .contact #contact-form .search .btn-toolbar .button-green-light.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-green-light:hover, #b4s .custom.c-eshop-shortcuts > div > * a.button-green-light:hover { background: #000000; border-color: #000000; color: #fff; } #b4s .button.button-green-apple, #b4s .g-joomla-articles button.button-green-apple, #b4s .g-joomla-articles .contact #contact-form .button-green-apple.btn, #b4s .contact #contact-form .g-joomla-articles .button-green-apple.btn, #b4s .search .btn-toolbar button.button-green-apple, #b4s .search .btn-toolbar .contact #contact-form .button-green-apple.btn, #b4s .contact #contact-form .search .btn-toolbar .button-green-apple.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-green-apple, #b4s .custom.c-eshop-shortcuts > div > * a.button-green-apple { background: #cee3a5; border-color: #cee3a5; color: #000000; } #b4s .button.button-green-apple:hover, #b4s .g-joomla-articles button.button-green-apple:hover, #b4s .g-joomla-articles .contact #contact-form .button-green-apple.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button-green-apple.btn:hover, #b4s .search .btn-toolbar button.button-green-apple:hover, #b4s .search .btn-toolbar .contact #contact-form .button-green-apple.btn:hover, #b4s .contact #contact-form .search .btn-toolbar .button-green-apple.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-green-apple:hover, #b4s .custom.c-eshop-shortcuts > div > * a.button-green-apple:hover { background: #000000; border-color: #000000; color: #fff; } #b4s .button.button-green-weak, #b4s .g-joomla-articles button.button-green-weak, #b4s .g-joomla-articles .contact #contact-form .button-green-weak.btn, #b4s .contact #contact-form .g-joomla-articles .button-green-weak.btn, #b4s .search .btn-toolbar button.button-green-weak, #b4s .search .btn-toolbar .contact #contact-form .button-green-weak.btn, #b4s .contact #contact-form .search .btn-toolbar .button-green-weak.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-green-weak, #b4s .custom.c-eshop-shortcuts > div > * a.button-green-weak { background: #bed8c5; border-color: #bed8c5; color: #000000; } #b4s .button.button-green-weak:hover, #b4s .g-joomla-articles button.button-green-weak:hover, #b4s .g-joomla-articles .contact #contact-form .button-green-weak.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button-green-weak.btn:hover, #b4s .search .btn-toolbar button.button-green-weak:hover, #b4s .search .btn-toolbar .contact #contact-form .button-green-weak.btn:hover, #b4s .contact #contact-form .search .btn-toolbar .button-green-weak.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-green-weak:hover, #b4s .custom.c-eshop-shortcuts > div > * a.button-green-weak:hover { background: #000000; border-color: #000000; color: #fff; } #b4s .button.button-grey, #b4s .g-joomla-articles button.button-grey, #b4s .g-joomla-articles .contact #contact-form .button-grey.btn, #b4s .contact #contact-form .g-joomla-articles .button-grey.btn, #b4s .search .btn-toolbar button.button-grey, #b4s .search .btn-toolbar .contact #contact-form .button-grey.btn, #b4s .contact #contact-form .search .btn-toolbar .button-grey.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-grey, #b4s .custom.c-eshop-shortcuts > div > * a.button-grey { background: #f1f3f5; border-color: #f1f3f5; color: #000000; } #b4s .button.button-grey:hover, #b4s .g-joomla-articles button.button-grey:hover, #b4s .g-joomla-articles .contact #contact-form .button-grey.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button-grey.btn:hover, #b4s .search .btn-toolbar button.button-grey:hover, #b4s .search .btn-toolbar .contact #contact-form .button-grey.btn:hover, #b4s .contact #contact-form .search .btn-toolbar .button-grey.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-grey:hover, #b4s .custom.c-eshop-shortcuts > div > * a.button-grey:hover { background: #000000; border-color: #000000; color: #fff; } #b4s .button.button-olive, #b4s .g-joomla-articles button.button-olive, #b4s .g-joomla-articles .contact #contact-form .button-olive.btn, #b4s .contact #contact-form .g-joomla-articles .button-olive.btn, #b4s .search .btn-toolbar button.button-olive, #b4s .search .btn-toolbar .contact #contact-form .button-olive.btn, #b4s .contact #contact-form .search .btn-toolbar .button-olive.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-olive, #b4s .custom.c-eshop-shortcuts > div > * a.button-olive { background: #dddcd0; border-color: #dddcd0; color: #000000; } #b4s .button.button-olive:hover, #b4s .g-joomla-articles button.button-olive:hover, #b4s .g-joomla-articles .contact #contact-form .button-olive.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button-olive.btn:hover, #b4s .search .btn-toolbar button.button-olive:hover, #b4s .search .btn-toolbar .contact #contact-form .button-olive.btn:hover, #b4s .contact #contact-form .search .btn-toolbar .button-olive.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-olive:hover, #b4s .custom.c-eshop-shortcuts > div > * a.button-olive:hover { background: #000000; border-color: #000000; color: #fff; } #b4s .button.button-pink, #b4s .g-joomla-articles button.button-pink, #b4s .g-joomla-articles .contact #contact-form .button-pink.btn, #b4s .contact #contact-form .g-joomla-articles .button-pink.btn, #b4s .search .btn-toolbar button.button-pink, #b4s .search .btn-toolbar .contact #contact-form .button-pink.btn, #b4s .contact #contact-form .search .btn-toolbar .button-pink.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-pink, #b4s .custom.c-eshop-shortcuts > div > * a.button-pink { background: #f8e1ee; border-color: #f8e1ee; color: #000000; } #b4s .button.button-pink:hover, #b4s .g-joomla-articles button.button-pink:hover, #b4s .g-joomla-articles .contact #contact-form .button-pink.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button-pink.btn:hover, #b4s .search .btn-toolbar button.button-pink:hover, #b4s .search .btn-toolbar .contact #contact-form .button-pink.btn:hover, #b4s .contact #contact-form .search .btn-toolbar .button-pink.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-pink:hover, #b4s .custom.c-eshop-shortcuts > div > * a.button-pink:hover { background: #000000; border-color: #000000; color: #fff; } #b4s .button.button-purple, #b4s .g-joomla-articles button.button-purple, #b4s .g-joomla-articles .contact #contact-form .button-purple.btn, #b4s .contact #contact-form .g-joomla-articles .button-purple.btn, #b4s .search .btn-toolbar button.button-purple, #b4s .search .btn-toolbar .contact #contact-form .button-purple.btn, #b4s .contact #contact-form .search .btn-toolbar .button-purple.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-purple, #b4s .custom.c-eshop-shortcuts > div > * a.button-purple { background: #c0b9dc; border-color: #c0b9dc; color: #000000; } #b4s .button.button-purple:hover, #b4s .g-joomla-articles button.button-purple:hover, #b4s .g-joomla-articles .contact #contact-form .button-purple.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button-purple.btn:hover, #b4s .search .btn-toolbar button.button-purple:hover, #b4s .search .btn-toolbar .contact #contact-form .button-purple.btn:hover, #b4s .contact #contact-form .search .btn-toolbar .button-purple.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-purple:hover, #b4s .custom.c-eshop-shortcuts > div > * a.button-purple:hover { background: #000000; border-color: #000000; color: #fff; } #b4s .button.button-yellow, #b4s .g-joomla-articles button.button-yellow, #b4s .g-joomla-articles .contact #contact-form .button-yellow.btn, #b4s .contact #contact-form .g-joomla-articles .button-yellow.btn, #b4s .search .btn-toolbar button.button-yellow, #b4s .search .btn-toolbar .contact #contact-form .button-yellow.btn, #b4s .contact #contact-form .search .btn-toolbar .button-yellow.btn, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-yellow, #b4s .custom.c-eshop-shortcuts > div > * a.button-yellow { background: #fff79f; border-color: #fff79f; color: #000000; } #b4s .button.button-yellow:hover, #b4s .g-joomla-articles button.button-yellow:hover, #b4s .g-joomla-articles .contact #contact-form .button-yellow.btn:hover, #b4s .contact #contact-form .g-joomla-articles .button-yellow.btn:hover, #b4s .search .btn-toolbar button.button-yellow:hover, #b4s .search .btn-toolbar .contact #contact-form .button-yellow.btn:hover, #b4s .contact #contact-form .search .btn-toolbar .button-yellow.btn:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-yellow:hover, #b4s .custom.c-eshop-shortcuts > div > * a.button-yellow:hover { background: #000000; border-color: #000000; color: #fff; } #b4s .button.button-arrow:after, #b4s .g-joomla-articles button.button-arrow:after, #b4s .g-joomla-articles .contact #contact-form .button-arrow.btn:after, #b4s .contact #contact-form .g-joomla-articles .button-arrow.btn:after, #b4s .search .btn-toolbar button.button-arrow:after, #b4s .search .btn-toolbar .contact #contact-form .button-arrow.btn:after, #b4s .contact #contact-form .search .btn-toolbar .button-arrow.btn:after, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-arrow:after, #b4s .custom.c-eshop-shortcuts > div > * a.button-arrow:after { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 10px; } #b4s .button.button-download:before, #b4s .g-joomla-articles button.button-download:before, #b4s .g-joomla-articles .contact #contact-form .button-download.btn:before, #b4s .contact #contact-form .g-joomla-articles .button-download.btn:before, #b4s .search .btn-toolbar button.button-download:before, #b4s .search .btn-toolbar .contact #contact-form .button-download.btn:before, #b4s .contact #contact-form .search .btn-toolbar .button-download.btn:before, #b4s .login + div ul.nav.nav-tabs.nav-stacked li a.button-download:before, #b4s .custom.c-eshop-shortcuts > div > * a.button-download:before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 10px; } #b4s form { margin: 0; } #b4s input[type="text"], #b4s .search .btn-toolbar #search-searchword[type="text"], #b4s .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar input#search-searchword, #b4s input[type="email"], #b4s .search .btn-toolbar #search-searchword[type="email"], #b4s input[type="password"], #b4s .search .btn-toolbar #search-searchword[type="password"], #b4s input[type="url"], #b4s .search .btn-toolbar #search-searchword[type="url"], #b4s input[type="file"], #b4s .search .btn-toolbar #search-searchword[type="file"], #b4s input[type="number"], #b4s .search .btn-toolbar #search-searchword[type="number"], #b4s input[type="date"], #b4s .search .btn-toolbar #search-searchword[type="date"], #b4s input[type="time"], #b4s .search .btn-toolbar #search-searchword[type="time"], #b4s input[type="tel"], #b4s .search .btn-toolbar #search-searchword[type="tel"], #b4s input[type="search"], #b4s .search .btn-toolbar #search-searchword[type="search"], #b4s select { box-sizing: border-box; padding: 5px 15px; margin: 0; width: 100%; max-width: 100%; height: 36px !important; color: #000000; font-size: 14px; font-weight: normal; line-height: normal; border: 1px solid #e0e0e0; border-radius: 0px; background-color: #fafafa; box-shadow: none; } #b4s input[type="file"], #b4s .search .btn-toolbar #search-searchword[type="file"] { padding: 0; height: auto; background: none; } #b4s select[multiple="multiple"] { box-sizing: border-box; height: 108px; padding: 5px 15px; color: #000000; font-size: 14px; font-weight: normal; border: 1px solid #e0e0e0; } #b4s input[type="radio"], #b4s .search .btn-toolbar #search-searchword[type="radio"], #b4s input[type="checkbox"], #b4s .search .btn-toolbar #search-searchword[type="checkbox"] { position: relative; box-sizing: border-box; padding: 0; margin: 5px 5px 5px 0; box-shadow: none; } #b4s textarea { box-sizing: border-box; padding: 5px 15px; width: 100%; color: #000000; font-size: 14px; font-weight: normal; line-height: normal; border: 1px solid #e0e0e0; border-radius: 0px; background-color: #fafafa; box-shadow: none; } #b4s::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000; } #b4s::-moz-placeholder { /* Firefox 19+ */ color: #000000; } #b4s:-ms-input-placeholder { /* IE 10+ */ color: #000000; } #b4s:-moz-placeholder { /* Firefox 18- */ color: #000000; } #b4s .chzn-container { box-sizing: border-box; width: auto !important; color: #000000; font-size: 14px; font-weight: normal; line-height: normal; height: 36px; } #b4s .chzn-container .chzn-single { height: 36px; padding: 0; border-radius: 0px; } #b4s .chzn-container .chzn-single span { padding: 5px 15px; height: 36px; line-height: normal; } #b4s .chzn-container .chzn-single div { display: inline-flex; height: 36px; line-height: normal; } #b4s .chzn-container .chzn-single div b { top: 5px; } #b4s .well { padding: 0; margin: 0; border: none; border-radius: 0; background-color: transparent; box-shadow: none; } #b4s .row-fluid [class*="span"] { min-height: auto; } #b4s .label, #b4s .badge { text-shadow: none; } #b4s .alert { padding: 0.5rem 0.75rem; margin: 1rem 0; } #b4s .alert a { color: inherit !important; } #b4s .alert h4 { margin-top: 0; } #b4s .alert *:last-child { margin-bottom: 0; } #b4s .popover-title { margin: 0; font-size: 0.85rem; letter-spacing: 0; } #b4s .popover-content { font-size: 0.85rem; } #b4s .modal-header { padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; } #b4s .modal-header button, #b4s .modal-header .contact #contact-form .btn, #b4s .contact #contact-form .modal-header .btn { opacity: 1; order: 1; } #b4s .modal-header h3, #b4s .modal-header #g-aside .g-title, #b4s #g-aside .modal-header .g-title, #b4s .modal-header #g-aside .moduletable > h3:first-child, #b4s #g-aside .modal-header .moduletable > h3:first-child, #b4s .modal-header #g-sidebar .g-title, #b4s #g-sidebar .modal-header .g-title, #b4s .modal-header #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .modal-header .moduletable > h3:first-child, #b4s .modal-header .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .modal-header .field-entry.c-blog-subtitle { margin: 0.5rem; padding: 0; } #b4s .modal-body { overflow-y: hidden !important; } #b4s .modal-body iframe { border: none; } #b4s .page-header { padding: 0; margin: 1rem 0 2rem 0rem; border: none; } #b4s .page-header > * { margin: 0; text-align: center; } #b4s .blog .items-leading [class^="leading-"] { margin-top: 0; margin-bottom: 3rem; display: flex; flex-direction: column; align-items: stretch; text-align: center; } #b4s .blog .items-leading [class^="leading-"] > * { margin: 0; } #b4s .blog .items-leading [class^="leading-"] .page-header { margin: 1.25rem 0 0.75rem 0; } #b4s .blog .items-leading [class^="leading-"] .page-header > * { margin: 0; } #b4s .blog .items-leading [class^="leading-"] .article-info { margin: 0 0 0.75rem 0; } #b4s .blog .items-leading [class^="leading-"] .item-image { float: none; overflow: hidden; order: -1; } #b4s .blog .items-leading [class^="leading-"] .readmore { margin: 1rem 0 0 0; } #b4s .blog .items-row { padding: 0; margin: 0; } #b4s .blog .items-row [class^="span"] { margin-top: 0; margin-bottom: 3rem; } #b4s .blog .items-row [class^="span"] .item { display: flex; flex-direction: column; align-items: stretch; text-align: center; } #b4s .blog .items-row [class^="span"] .item > * { margin: 0; } #b4s .blog .items-row [class^="span"] .item .page-header { margin: 1.25rem 0 0.75rem 0; } #b4s .blog .items-row [class^="span"] .item .page-header > * { margin: 0; } #b4s .blog .items-row [class^="span"] .item .article-info { margin: 0 0 0.75rem 0; } #b4s .blog .items-row [class^="span"] .item .item-image { float: none; overflow: hidden; order: -1; } #b4s .blog .items-row [class^="span"] .item .readmore { margin: 1rem 0 0 0; } @media only all and (min-width: 75rem) { #b4s .blog .items-row:last-child [class^="span"] { margin-bottom: 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .blog .items-row:last-child [class^="span"] { margin-bottom: 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .blog .items-row:last-child [class^="span"] { margin-bottom: 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .blog .items-row:last-child [class^="span"]:last-child { margin-bottom: 0; } } @media only all and (max-width: 30rem) { #b4s .blog .items-row:last-child [class^="span"]:last-child { margin-bottom: 0; } } #b4s .blog .icons { display: none; } #b4s .item-page .article-info { margin: 0 0 1rem 0; text-align: center; } #b4s .item-page .item-image { margin: 0 0 2rem 0; float: none; overflow: hidden; } #b4s .item-page .icons { display: none; } #b4s .fields-container { display: flex; flex-wrap: wrap; } #b4s .fields-container .field-entry { margin: 0.25rem 1rem 0.25rem 0; } #b4s .category-list table.category { border: none; border-top: 1px solid #e0e0e0; border-radius: 0; } #b4s .category-list table.category td { padding: 1rem 0; border: none; border-bottom: 1px solid #e0e0e0; border-radius: 0; background: none; } #b4s .category-list table.category td.list-edit { display: none; } #b4s .category-list .btn { display: none !important; } #b4s .pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; border-radius: 0px; } @media only all and (max-width: 47.99rem) { #b4s .pagination { flex-direction: column; } } #b4s .pagination > ul { margin: 0; background: #fff; border-radius: 0px; } #b4s .pagination > ul li span, #b4s .pagination > ul li a { padding: 5px 10px; margin: 5px 0px; border: solid 1px #efefef; border-left: none; border-radius: 0px; } #b4s .pagination > ul li.pagination-prev + li span, #b4s .pagination > ul li.pagination-prev + li a { border-left: solid 1px #efefef; } #b4s .pagination > ul li.pagination-start span, #b4s .pagination > ul li.pagination-start a, #b4s .pagination > ul li.pagination-prev span, #b4s .pagination > ul li.pagination-prev a, #b4s .pagination > ul li.pagination-next span, #b4s .pagination > ul li.pagination-next a, #b4s .pagination > ul li.pagination-end span, #b4s .pagination > ul li.pagination-end a { border: none; } #b4s form.form-horizontal { padding: 0; margin: 0; } #b4s form.form-horizontal fieldset { padding: 0; margin: 0; } #b4s form.form-horizontal fieldset .control-group { padding: 0; margin: 0 0 15px 0; display: flex; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s form.form-horizontal fieldset .control-group { flex-direction: column; } } @media only all and (max-width: 30rem) { #b4s form.form-horizontal fieldset .control-group { flex-direction: column; } } #b4s form.form-horizontal fieldset .control-group .control-label { width: 200px; padding: 0; margin: 0 1rem 0 0; flex-shrink: 0; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s form.form-horizontal fieldset .control-group .control-label { width: 100%; } } @media only all and (max-width: 30rem) { #b4s form.form-horizontal fieldset .control-group .control-label { width: 100%; } } #b4s form.form-horizontal fieldset .control-group .control-label label { padding: 0; margin: 0; height: 36px; line-height: 36px; } #b4s form.form-horizontal fieldset .control-group .controls { padding: 0; margin: 0 !important; flex-grow: 1; } #b4s form.form-horizontal fieldset .control-group .controls input, #b4s form.form-horizontal fieldset .control-group .controls .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar form.form-horizontal fieldset .control-group .controls #search-searchword { margin: 0; } #b4s form.form-horizontal fieldset .control-group .controls input[type="radio"], #b4s form.form-horizontal fieldset .control-group .controls .search .btn-toolbar #search-searchword[type="radio"], #b4s .search .btn-toolbar form.form-horizontal fieldset .control-group .controls #search-searchword[type="radio"], #b4s form.form-horizontal fieldset .control-group .controls input[type="checkbox"], #b4s form.form-horizontal fieldset .control-group .controls .search .btn-toolbar #search-searchword[type="checkbox"], #b4s .search .btn-toolbar form.form-horizontal fieldset .control-group .controls #search-searchword[type="checkbox"] { margin: 0 10px 0 0; height: 36px; line-height: 36px; } #b4s form.form-horizontal fieldset .control-group .controls label { padding: 0; margin: 0; line-height: 36px; } #b4s form.form-horizontal > .control-group { padding: 0; margin: 0; text-align: center; } #b4s form.form-horizontal > .control-group .controls { padding: 0; margin: 0; } #b4s #sbox-window #sbox-content iframe { max-height: 100%; } #b4s #system-message { padding: 0; margin: 0; } #b4s #system-message .alert { margin: 1rem 0; } #b4s:not(.c-homepage) #g-page-surround { background: #f1f3f5; } #b4s #g-page-surround { overflow: hidden; } #b4s #g-page-surround .g-container { max-width: 100%; } #b4s #g-page-surround .g-content { padding: 0; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-page-surround .g-content { margin-left: 1rem; margin-right: 1rem; } } @media only all and (max-width: 30rem) { #b4s #g-page-surround .g-content { margin-left: 1rem; margin-right: 1rem; } } #b4s #g-page-surround .g-content:first-child { margin-top: 0; } #b4s #g-page-surround .g-content:last-child { margin-bottom: 0; } #b4s .g-title + .g-joomla-articles { margin-top: 2rem; } #b4s .g-title { margin-top: 0; margin-bottom: 2.5rem; line-height: 1.2; font-size: 1.75rem; font-weight: 700; letter-spacing: 0; text-align: center; text-transform: none; font-family: "PFFuturaNeu"; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .g-title { letter-spacing: 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .g-title { font-size: 1.5rem; letter-spacing: 0; } } @media only all and (max-width: 30rem) { #b4s .g-title { font-size: 1.5rem; letter-spacing: 0; } } #b4s .moduletable > h3:first-child, #b4s #g-aside .moduletable > .g-title:first-child, #b4s #g-sidebar .moduletable > .g-title:first-child, #b4s .item-page.c-blog .page-header + .fields-container .moduletable > .field-entry.c-blog-subtitle:first-child { margin-top: 0; margin-bottom: 2.5rem; line-height: 1.2; font-size: 1.75rem; font-weight: 700; letter-spacing: 0; text-align: center; text-transform: none; font-family: "PFFuturaNeu"; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .moduletable > h3:first-child, #b4s #g-aside .moduletable > .g-title:first-child, #b4s #g-sidebar .moduletable > .g-title:first-child, #b4s .item-page.c-blog .page-header + .fields-container .moduletable > .field-entry.c-blog-subtitle:first-child { letter-spacing: 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .moduletable > h3:first-child, #b4s #g-aside .moduletable > .g-title:first-child, #b4s #g-sidebar .moduletable > .g-title:first-child, #b4s .item-page.c-blog .page-header + .fields-container .moduletable > .field-entry.c-blog-subtitle:first-child { font-size: 1.5rem; letter-spacing: 0; } } @media only all and (max-width: 30rem) { #b4s .moduletable > h3:first-child, #b4s #g-aside .moduletable > .g-title:first-child, #b4s #g-sidebar .moduletable > .g-title:first-child, #b4s .item-page.c-blog .page-header + .fields-container .moduletable > .field-entry.c-blog-subtitle:first-child { font-size: 1.5rem; letter-spacing: 0; } } #b4s #g-navigation .g-main-nav { font-family: "PFFuturaNeu"; } #b4s #g-navigation .g-main-nav .g-toplevel { line-height: normal; } #b4s #g-navigation .g-menu-item-container.fa { font-family: inherit; font-weight: inherit; } #b4s #g-navigation .g-menu-item-container.fa:before { font: normal normal normal 18px/1 FontAwesome; font-size: inherit; margin-right: 0.25rem; } #b4s #g-navigation .g-menu-item-container.fa.fa-home .g-menu-item-content { display: none; } #b4s #g-mobilemenu-container { font-size: 1rem; font-weight: bold; text-transform: uppercase; } #b4s #g-mobilemenu-container .g-menu-item-container { font-size: 0.8rem; } #b4s #g-mobilemenu-container .g-menu-item-container.fa { font-family: inherit; font-weight: inherit; } #b4s #g-mobilemenu-container .g-menu-item-container.fa:before { font: normal normal normal 18px/1 FontAwesome; font-size: inherit; margin-right: 0.25rem; } #b4s .nav.menu { width: 100%; } #b4s .nav.menu li { padding-bottom: 0.625rem; } #b4s .nav.menu li:last-child { padding-bottom: 0; } #b4s .nav.menu li a { background-color: transparent; } #b4s .nav.menu_horizontal { margin: 0; } #b4s .nav.menu_horizontal li { margin: 0; display: inline-block; } @media only all and (max-width: 48rem) { #b4s .nav.menu_horizontal li { display: block; } } #b4s .nav.menu_horizontal li a { display: inline-block; padding: 0.5rem; text-transform: uppercase; } #b4s .nav.menu_horizontal li a.fa { font: inherit; } #b4s .nav.menu_horizontal li a.fa:before { font: normal normal normal 18px/1 FontAwesome; font-size: inherit; margin-right: 0.25rem; } #b4s .nav.menu_vertical { margin: 0; font-weight: 600; text-transform: uppercase; } #b4s .nav.menu_vertical li { margin: 0; } #b4s .nav.menu_vertical li a { display: inline-block; padding: 0.15rem 0; background: none; } #b4s .nav.menu_vertical li a.fa { font: inherit; } #b4s .nav.menu_vertical li a.fa:before { font: normal normal normal 18px/1 FontAwesome; font-size: inherit; margin-right: 0.25rem; } #b4s .nav.menu.c-menu-customer { width: max-content; margin: 0 auto; display: block; } #b4s .nav.menu_shortcuts { margin: 0; display: flex; } #b4s .nav.menu_shortcuts li { margin: 0; display: inline-flex; align-items: center; background: none; border: none; border-left: solid 1px #1fa86e; } #b4s .nav.menu_shortcuts li:last-child { display: none; } #b4s .nav.menu_shortcuts li:hover { background: none; } #b4s .nav.menu_shortcuts li a { display: inline-block; padding: 0.25rem 1.25rem; text-transform: uppercase; background: none; } #b4s .nav.menu_shortcuts li a.fa { font: inherit; font-size: 0px; } #b4s .nav.menu_shortcuts li a.fa:before { font: normal normal normal 18px/1 FontAwesome; font-size: 1.15rem; } #b4s .nav.menu_blog { margin: 0; } #b4s .nav.menu_blog::before, #b4s .nav.menu_blog::after { display: none; } #b4s .nav.menu_blog li { margin: 0; display: inline-block; } #b4s .nav.menu_blog li:not(:last-child) { margin-right: 1.5rem; margin-bottom: 0.75rem; } #b4s .nav.menu_blog li.current a { box-shadow: 0 5px 0 #ffb29b; } #b4s .nav.menu_blog li a { display: inline-block; padding: 0.25rem 0; font-size: 0.9rem; font-weight: 600; text-transform: uppercase; color: #000000; background: none; } #b4s .nav.menu_blog li a:hover { box-shadow: 0 5px 0 #ffb29b; } #b4s .nav.menu_blog li a.fa { font: inherit; } #b4s .nav.menu_blog li a.fa:before { font: normal normal normal 18px/1 FontAwesome; font-size: inherit; margin-right: 0.25rem; } #b4s .g-offcanvas-toggle { /*top: 25px; right: 20px; width: 40px; height: 40px;*/ top: 0; bottom: auto; left: auto; right: 0; width: 100px; background-color: #fff79f; background-image: url('../images/offcanvas-toggle.svg'); background-position: center center; background-repeat: no-repeat; background-size: 40px; border: 5px solid transparent; } @media only all and (min-width: 75rem) { #b4s .g-offcanvas-toggle { height: 104px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .g-offcanvas-toggle { height: 104px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .g-offcanvas-toggle { height: 104px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .g-offcanvas-toggle { height: 85px; } } @media only all and (max-width: 30rem) { #b4s .g-offcanvas-toggle { height: 85px; } } #b4s .g-offcanvas-toggle .fa-bars { display: none; } #b4s #g-offcanvas { max-width: 350px; padding: 85px 0 0 0; text-align: center; overflow-y: auto; min-height: 100%; /* Menu */ /* Shortcuts */ /* Module: Language Selector */ /* Cart - Quote */ } #b4s #g-offcanvas[aria-expanded="true"] { z-index: 1; } #b4s #g-offcanvas::before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 3rem; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0; /*margin: 0.5rem;*/ pointer-events: auto; cursor: pointer; /*width: 55px; height: 55px;*/ color: #1fa86e; background-color: #fff79f; background-image: url('../images/offcanvas-close.png'); background-size: 40px; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; right: 0; z-index: 1000; width: 84px; height: 84px; /*@include breakpoint(large-desktop-range) { width: 104px; height: 104px; } @include breakpoint(desktop-range) { width: 104px; height: 104px; } @include breakpoint(tablet-range) { width: 104px; height: 104px; } @include breakpoint(large-mobile-range) { width: 85px; height: 85px; } @include breakpoint(small-mobile-range) { width: 85px; height: 85px; }*/ } #b4s #g-offcanvas > * { pointer-events: auto; } @media only all and (min-width: 75rem) { #b4s #g-offcanvas > * { min-width: 50%; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-offcanvas > * { min-width: 50%; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-offcanvas > * { min-width: 50%; } } #b4s #g-offcanvas .g-content { padding: 0; margin: 0; } #b4s #g-offcanvas .g-content .platform-content { padding: 0; margin: 0; } #b4s #g-offcanvas [id*="mobile-menu"] { display: none; } #b4s #g-offcanvas a { color: #1fa86e; } #b4s #g-offcanvas a:hover { color: #fff79f; } #b4s #g-offcanvas .button, #b4s #g-offcanvas .g-joomla-articles button, #b4s #g-offcanvas .g-joomla-articles .contact #contact-form .btn, #b4s .contact #contact-form #g-offcanvas .g-joomla-articles .btn, #b4s .g-joomla-articles #g-offcanvas button, #b4s #g-offcanvas .search .btn-toolbar button, #b4s #g-offcanvas .search .btn-toolbar .contact #contact-form .btn, #b4s .contact #contact-form #g-offcanvas .search .btn-toolbar .btn, #b4s .search .btn-toolbar #g-offcanvas button, #b4s #g-offcanvas .login + div ul.nav.nav-tabs.nav-stacked li a, #b4s .login + div ul.nav.nav-tabs.nav-stacked li #g-offcanvas a, #b4s #g-offcanvas .custom.c-eshop-shortcuts > div > * a, #b4s .custom.c-eshop-shortcuts > div > * #g-offcanvas a { margin: 0.25rem; border-color: #1fa86e; background: none; color: #1fa86e; } #b4s #g-offcanvas .button:hover, #b4s #g-offcanvas .g-joomla-articles button:hover, #b4s #g-offcanvas .g-joomla-articles .contact #contact-form .btn:hover, #b4s .contact #contact-form #g-offcanvas .g-joomla-articles .btn:hover, #b4s .g-joomla-articles #g-offcanvas button:hover, #b4s #g-offcanvas .search .btn-toolbar button:hover, #b4s #g-offcanvas .search .btn-toolbar .contact #contact-form .btn:hover, #b4s .contact #contact-form #g-offcanvas .search .btn-toolbar .btn:hover, #b4s .search .btn-toolbar #g-offcanvas button:hover, #b4s #g-offcanvas .login + div ul.nav.nav-tabs.nav-stacked li a:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li #g-offcanvas a:hover, #b4s #g-offcanvas .custom.c-eshop-shortcuts > div > * a:hover, #b4s .custom.c-eshop-shortcuts > div > * #g-offcanvas a:hover { border-color: #1fa86e; background: #1fa86e; color: #fff; } #b4s #g-offcanvas ul.nav.menu { padding: 0; margin: 0; background: #1fa86e; border: none; font-size: 1rem; font-weight: 600; line-height: normal; text-transform: uppercase; } #b4s #g-offcanvas ul.nav.menu li { padding: 0; margin: 0; background: none; border: none; } #b4s #g-offcanvas ul.nav.menu li:hover { background: none; } #b4s #g-offcanvas ul.nav.menu li.active { background: none; } #b4s #g-offcanvas ul.nav.menu li.active > a { color: #fff79f; } #b4s #g-offcanvas ul.nav.menu li a { display: inline-block; padding: 1rem 0.5rem; margin: 0; background: none; border: none; color: #fff; } #b4s #g-offcanvas ul.nav.menu li a:hover { color: #fff79f; } #b4s #g-offcanvas ul.nav.menu li ul.nav-child { padding: 0; margin: 0 0 1rem 3rem; background: none; border: none; display: block; font-size: 1rem; font-weight: normal; } #b4s #g-offcanvas ul.nav.menu li ul.nav-child li::before { content: ">"; margin: 0 0.25rem 0 0; } #b4s #g-offcanvas ul.nav.menu li ul.nav-child li a { padding: 0.5rem 0.25rem; } #b4s #g-offcanvas ul.nav.menu > li { border-top: solid 1px #fff; } #b4s #g-offcanvas .nav.menu_shortcuts { display: flex; flex-direction: column; justify-content: center; pointer-events: none; font-size: 1.15rem; text-align: center; } #b4s #g-offcanvas .nav.menu_shortcuts li { display: block; border: none; border-top: solid 1px #1fa86e; } #b4s #g-offcanvas .nav.menu_shortcuts li.active { background: none; } #b4s #g-offcanvas .nav.menu_shortcuts li a { padding: 1rem 0.5rem; pointer-events: auto; } #b4s #g-offcanvas .nav.menu_shortcuts li a.fa:before { font-size: 1.15rem; } #b4s #g-offcanvas .mod-languages { height: 50px; display: flex; align-items: center; justify-content: center; } #b4s #g-offcanvas #eshop-cart, #b4s #g-offcanvas #eshop-quote { width: 100%; height: 50px; justify-content: center; border-top: solid 1px #1fa86e; } #b4s #g-offcanvas .moduletable.c-separator-top { min-height: 50px; padding-top: 1rem; border-top: 1px #1fa86e solid; line-height: 19px; } #b4s #g-offcanvas .moduletable.c-separator-bottom { min-height: 50px; padding-bottom: 1rem; border-bottom: 1px #1fa86e solid; line-height: 19px; } #b4s #g-above { padding: 0; } @media only all and (min-width: 75rem) { #b4s #g-above { padding: 0 3rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-above { padding: 0 3rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-above { padding: 0 3rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-above { padding: 0 2rem; } } @media only all and (max-width: 30rem) { #b4s #g-above { padding: 0 2rem; } } #b4s #g-above .g-container { width: 100%; } #b4s #g-above .platform-content { padding: 0.5rem 0; } #b4s #g-above .platform-content { position: relative; } #b4s #g-above .moduletable.c-above-close .c-above-close { position: absolute; top: 0.8rem; bottom: 0; left: auto; right: -2.5rem; width: 36px; height: 36px; background: url('../images/close.svg'); background-repeat: no-repeat; background-position: center center; background-repeat: no-repeat; border: solid 10px transparent; } #b4s #g-navigation { position: relative; } @media only all and (min-width: 75rem) { #b4s #g-navigation { padding: 0 110px 0 3rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-navigation { padding: 0 110px 0 3rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-navigation { padding: 0 110px 0 3rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-navigation { padding: 0 110px 0 1rem; } } @media only all and (max-width: 30rem) { #b4s #g-navigation { padding-top: 1.5rem; padding: 0 110px 0 1rem; } } #b4s #g-navigation .g-container { width: 100%; } @media only all and (min-width: 75rem) { #b4s #g-navigation .g-container .g-grid:first-child { padding-top: 2rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-navigation .g-container .g-grid:first-child { padding-top: 2rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-navigation .g-container .g-grid:first-child { padding-top: 2rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-navigation .g-container .g-grid:first-child { padding-top: 1.5rem; } } @media only all and (max-width: 30rem) { #b4s #g-navigation .g-container .g-grid:first-child { padding-top: 1.5rem; } } @media only all and (min-width: 75rem) { #b4s #g-navigation .g-container .g-grid:last-child { padding-bottom: 2rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-navigation .g-container .g-grid:last-child { padding-bottom: 2rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-navigation .g-container .g-grid:last-child { padding-bottom: 2rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-navigation .g-container .g-grid:last-child { padding-bottom: 1.5rem; } } @media only all and (max-width: 30rem) { #b4s #g-navigation .g-container .g-grid:last-child { padding-bottom: 1.5rem; } } #b4s #g-navigation .g-container .g-grid .g-block.c-logo { max-width: 200px; width: 200px; flex: 0 0 200px; } #b4s #g-navigation .g-container .g-grid .g-block.c-navigation { max-width: none; width: auto; flex: 1 1 auto; display: flex; } @media only all and (min-width: 75rem) { #b4s #g-navigation .g-container .g-grid .g-block.c-navigation { text-align: right; justify-content: flex-end; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-navigation .g-container .g-grid .g-block.c-navigation { text-align: right; justify-content: flex-end; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-navigation .g-container .g-grid .g-block.c-navigation { text-align: right; justify-content: flex-end; letter-spacing: -1px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-navigation .g-container .g-grid .g-block.c-navigation { text-align: center; justify-content: center; letter-spacing: -1px; display: none; } } @media only all and (max-width: 30rem) { #b4s #g-navigation .g-container .g-grid .g-block.c-navigation { text-align: center; justify-content: center; letter-spacing: -1px; display: none; } } @media (max-width: 56rem) { #b4s #g-navigation .g-container .g-grid .g-block.c-navigation { display: none; } } #b4s #g-navigation .g-container .g-grid .g-block.c-navigation .g-content { display: flex; align-items: center; } @media only all and (min-width: 75rem) { #b4s #g-navigation .g-container .g-grid .g-block.c-navigation .g-content { justify-content: flex-end; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-navigation .g-container .g-grid .g-block.c-navigation .g-content { justify-content: flex-end; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-navigation .g-container .g-grid .g-block.c-navigation .g-content { justify-content: flex-end; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-navigation .g-container .g-grid .g-block.c-navigation .g-content { justify-content: center; } } @media only all and (max-width: 30rem) { #b4s #g-navigation .g-container .g-grid .g-block.c-navigation .g-content { justify-content: center; } } #b4s #g-navigation .g-container .g-grid .g-block.c-navigation .platform-content { padding: 0; margin: 0; } #b4s #g-navigation .g-container .g-grid .g-block.c-navigation .platform-content > .moduletable { display: flex; } #b4s #g-navigation .g-container .g-grid .g-block.c-navigation .platform-content > .moduletable.c-separator-left { padding-left: 1rem; border-left: 1px #1fa86e solid; } #b4s #g-navigation .g-container .g-grid .g-block.c-navigation .platform-content > .moduletable.c-separator-right { padding-right: 1rem; border-right: 1px #1fa86e solid; } #b4s #g-navigation .g-container .g-grid .g-block.c-navigation .platform-content > .moduletable.c-space-left { padding-left: 1rem; } #b4s #g-navigation .g-container .g-grid .g-block.c-navigation .platform-content > .moduletable.c-space-right { padding-right: 1rem; } #b4s #g-navigation .g-container .g-grid .g-block.c-mainmenu { display: none; } #b4s #g-navigation .g-offcanvas-toggle { top: 0; bottom: 0; left: auto; right: 0; width: 100px; height: auto; background-color: #fff79f; background-image: url('../images/offcanvas-toggle.svg'); background-position: center center; background-repeat: no-repeat; background-size: 40px; border: 5px solid transparent; } #b4s #g-navigation .g-offcanvas-toggle .fa-bars { display: none; } #b4s #g-header { padding: 0; } #b4s #g-header .platform-content { margin: 0; } @media only all and (min-width: 75rem) { #b4s #g-header .platform-content { padding: 4rem 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-header .platform-content { padding: 4rem 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-header .platform-content { padding: 3rem 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-header .platform-content { padding: 3rem 0; } } @media only all and (max-width: 30rem) { #b4s #g-header .platform-content { padding: 3rem 0; } } #b4s #g-intro { padding: 0; } #b4s #g-intro .platform-content { margin: 0; } @media only all and (min-width: 75rem) { #b4s #g-intro .platform-content { padding: 4rem 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-intro .platform-content { padding: 4rem 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-intro .platform-content { padding: 3rem 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-intro .platform-content { padding: 3rem 0; } } @media only all and (max-width: 30rem) { #b4s #g-intro .platform-content { padding: 3rem 0; } } #b4s #g-features { padding: 0; } #b4s #g-features .platform-content { margin: 0; } @media only all and (min-width: 75rem) { #b4s #g-features .platform-content { padding: 4rem 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-features .platform-content { padding: 4rem 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-features .platform-content { padding: 3rem 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-features .platform-content { padding: 3rem 0; } } @media only all and (max-width: 30rem) { #b4s #g-features .platform-content { padding: 3rem 0; } } #b4s #g-utility { padding: 2rem 0 1rem 0; /*.platform-content { @include c-space-platform-content; }*/ } #b4s #g-testimonials { padding: 0; } #b4s #g-testimonials .platform-content { margin: 0; } @media only all and (min-width: 75rem) { #b4s #g-testimonials .platform-content { padding: 4rem 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-testimonials .platform-content { padding: 4rem 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-testimonials .platform-content { padding: 3rem 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-testimonials .platform-content { padding: 3rem 0; } } @media only all and (max-width: 30rem) { #b4s #g-testimonials .platform-content { padding: 3rem 0; } } #b4s #g-aside { padding-top: 1rem; padding-bottom: 1rem; } @media only all and (min-width: 75rem) { #b4s #g-container-main #g-mainbar { padding: 4rem 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-container-main #g-mainbar { padding: 4rem 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-container-main #g-mainbar { padding: 3rem 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-container-main #g-mainbar { padding: 3rem 0; } } @media only all and (max-width: 30rem) { #b4s #g-container-main #g-mainbar { padding: 3rem 0; } } #b4s #g-sidebar { padding-top: 1rem; } #b4s #g-full { padding: 0; } @media only all and (min-width: 75rem) { #b4s #g-expanded { padding: 4rem 0 2rem 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-expanded { padding: 4rem 0 2rem 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-expanded { padding: 3rem 0 2rem 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-expanded { padding: 3rem 0 1.5rem 0; } } @media only all and (max-width: 30rem) { #b4s #g-expanded { padding: 3rem 0 1.5rem 0; } } #b4s #g-expanded .g-grid:first-child .g-block .g-content { height: 100%; position: relative; overflow: auto; display: flex; flex-direction: column; } #b4s #g-expanded .g-grid:first-child .g-block .g-content:before { position: absolute; content: " "; top: 0; bottom: auto; left: 0; right: 0; height: 1px; background: #000000; } #b4s #g-expanded .g-grid:first-child .g-block .g-content .moduletable:first-child { flex-grow: 1; } @media only all and (min-width: 75rem) { #b4s #g-expanded .g-grid:last-child { flex-wrap: nowrap; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-expanded .g-grid:last-child { flex-wrap: nowrap; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-expanded .g-grid:last-child { flex-wrap: nowrap; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-expanded .g-grid:last-child { flex-direction: column; align-items: flex-start; } } @media only all and (max-width: 30rem) { #b4s #g-expanded .g-grid:last-child { flex-direction: column; align-items: flex-start; } } #b4s #g-expanded .g-block { width: 100%; } @media only all and (min-width: 75rem) { #b4s #g-expanded .g-block { padding: 0 1rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-expanded .g-block { padding: 0 1rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-expanded .g-block { padding: 0 1rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-expanded .g-block { padding: 0 0.625rem; } } @media only all and (max-width: 30rem) { #b4s #g-expanded .g-block { padding: 0 0.625rem; } } #b4s #g-expanded .g-block:first-child { padding-left: 0.625rem; } #b4s #g-expanded .g-block:last-child { padding-right: 0.625rem; } #b4s #g-expanded .g-content { margin: 0.625rem 0; } #b4s #g-expanded .g-content > * { padding: 0; } @media only all and (min-width: 75rem) { #b4s #g-expanded .g-content > * { margin: 2rem 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-expanded .g-content > * { margin: 2rem 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-expanded .g-content > * { margin: 1.5rem 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-expanded .g-content > * { margin: 1.5rem 0; } } @media only all and (max-width: 30rem) { #b4s #g-expanded .g-content > * { margin: 1.5rem 0; } } #b4s #g-expanded .g-title { margin-bottom: 1.5rem; font-size: 1.25rem; text-align: left; } #b4s #g-footer { font-size: 0.8rem; } @media only all and (min-width: 75rem) { #b4s #g-footer { padding: 4rem 0 2rem 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-footer { padding: 4rem 0 2rem 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-footer { padding: 3rem 0 2rem 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-footer { padding: 3rem 0 1.5rem 0; } } @media only all and (max-width: 30rem) { #b4s #g-footer { padding: 3rem 0 1.5rem 0; } } #b4s #g-footer .g-grid:first-child .g-block .g-content { height: 100%; position: relative; overflow: auto; display: flex; flex-direction: column; } #b4s #g-footer .g-grid:first-child .g-block .g-content:before { position: absolute; content: " "; top: 0; bottom: auto; left: 0; right: 0; height: 1px; background: #fff; } #b4s #g-footer .g-grid:first-child .g-block .g-content .moduletable:first-child { flex-grow: 1; } @media only all and (min-width: 75rem) { #b4s #g-footer .g-grid:last-child { flex-wrap: nowrap; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-footer .g-grid:last-child { flex-wrap: nowrap; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-footer .g-grid:last-child { flex-wrap: nowrap; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-footer .g-grid:last-child { flex-direction: column; align-items: flex-start; } } @media only all and (max-width: 30rem) { #b4s #g-footer .g-grid:last-child { flex-direction: column; align-items: flex-start; } } #b4s #g-footer .g-block { width: 100%; } @media only all and (min-width: 75rem) { #b4s #g-footer .g-block { padding: 0 1rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-footer .g-block { padding: 0 1rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-footer .g-block { padding: 0 1rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-footer .g-block { padding: 0 0.625rem; } } @media only all and (max-width: 30rem) { #b4s #g-footer .g-block { padding: 0 0.625rem; } } #b4s #g-footer .g-block:first-child { padding-left: 0.625rem; } #b4s #g-footer .g-block:last-child { padding-right: 0.625rem; } #b4s #g-footer .g-content > * { padding: 0; } @media only all and (min-width: 75rem) { #b4s #g-footer .g-content > * { margin: 2rem 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-footer .g-content > * { margin: 2rem 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-footer .g-content > * { margin: 1.5rem 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-footer .g-content > * { margin: 1.5rem 0; } } @media only all and (max-width: 30rem) { #b4s #g-footer .g-content > * { margin: 1.5rem 0; } } @media only all and (min-width: 75rem) { #b4s #g-footer .c-footer-b2 { text-align: right; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #g-footer .c-footer-b2 { text-align: right; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #g-footer .c-footer-b2 { text-align: right; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #g-footer .c-footer-b2 { text-align: left; } } @media only all and (max-width: 30rem) { #b4s #g-footer .c-footer-b2 { text-align: left; } } #b4s #g-footer a { color: #fff; } #b4s #g-footer a:hover { color: #fff79f; } #b4s .moduletable .search form button, #b4s .moduletable .search form .contact #contact-form .btn, #b4s .contact #contact-form .moduletable .search form .btn { padding-left: 10px; padding-right: 10px; background: none; border: none; } #b4s .moduletable .search form button:before, #b4s .moduletable .search form .contact #contact-form .btn:before, #b4s .contact #contact-form .moduletable .search form .btn:before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #b4s .moduletable .search form input[type="search"], #b4s .moduletable .search form .search .btn-toolbar #search-searchword[type="search"], #b4s .search .btn-toolbar .moduletable .search form #search-searchword[type="search"] { max-width: 150px; } #b4s .search { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; } #b4s .search > .page-title { margin: 0 0 2rem 0; text-align: center; } #b4s .search #searchForm { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; } #b4s .search #searchForm > * { margin: 0 0 1rem 0; padding: 0; } #b4s .search #searchForm > *:first-child { margin-top: 0; } #b4s .search #searchForm > *:last-child { margin-bottom: 0; } #b4s .search .btn-toolbar { width: 100%; display: flex; align-items: center; justify-content: center; } #b4s .search .btn-toolbar #search-searchword { border-radius: 0px; } #b4s .search label { display: inline-flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0 1rem 0 0; } #b4s .search .chzn-container { width: auto !important; font-size: 1rem; } #b4s .search .searchintro .badge { background-color: #1fa86e; } #b4s .search .form-limit { text-align: center; } #b4s .search .form-limit select { width: 75px; } #b4s .search .search-results { max-width: 750px; margin-left: auto; margin-right: auto; } #b4s .search .search-results .result-title { margin: 1rem 0 0.5rem 0; font-weight: bold; } @media only all and (min-width: 75rem) { #b4s .search .search-results .result-title { font-size: 1.25rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .search .search-results .result-title { font-size: 1.25rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .search .search-results .result-title { font-size: 1.15rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .search .search-results .result-title { font-size: 1rem; } } @media only all and (max-width: 30rem) { #b4s .search .search-results .result-title { font-size: 1rem; } } #b4s .search .pagination { width: auto; margin: 2rem 0 0 0; } #b4s .g-copyright { font-size: 0.8rem; position: relative; display: flex; flex-direction: column; } @media only all and (min-width: 75rem) { #b4s .g-copyright { align-items: flex-end; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .g-copyright { align-items: flex-end; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .g-copyright { align-items: flex-end; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .g-copyright { align-items: flex-start; } } @media only all and (max-width: 30rem) { #b4s .g-copyright { align-items: flex-start; } } #b4s .g-copyright:before { content: ""; display: inline-block; width: 134px; height: 30px; margin-bottom: 10px; background-image: url('../images/copyright-logo.svg'); background-size: contain; background-repeat: no-repeat; background-position: right center; } #b4s .g-copyright br { display: inline; content: " "; display: none; } #b4s .g-copyright br:before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 0.4rem; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: -2px; margin: 0 5px; } #b4s .g-totop { text-align: center; } #b4s #g-breadcrumbs { position: relative; background-color: #f7f7f7; padding-top: 4px; } #b4s #g-breadcrumbs .g-content { padding-top: 0; padding-bottom: 0; } #b4s .breadcrumb { display: flex; align-items: baseline; flex-wrap: wrap; margin: 0; padding: 0; font-size: 0.8rem; color: #999999; background-color: transparent; } #b4s .breadcrumb li:before { display: none; } #b4s .breadcrumb .divider { line-height: inherit; } #b4s .breadcrumb .divider:before { font-size: 0.7rem; line-height: 21px !important; } #b4s #member-registration { max-width: 700px; margin: 0 auto; padding: 3rem 2rem; background: #fff; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.35); } #b4s #member-registration legend { display: none; } #b4s #member-registration .control-group { flex-direction: column; } #b4s #member-registration .control-group .control-label { width: 100%; margin: 0; text-align: left; } #b4s #member-registration .control-group .control-label label { height: auto; margin: 0 0 0.5rem 0; line-height: normal; font-size: 1.05rem; font-style: oblique; font-weight: 600; } #b4s #member-registration .field-spacer { display: none; } #b4s #member-registration a.modal { display: inline-block; position: relative; text-decoration: underline; } #b4s #member-registration fieldset:nth-child(2) .controls fieldset * { float: none; display: inline-block; } #b4s #member-registration fieldset:nth-child(2) .controls fieldset input, #b4s #member-registration fieldset:nth-child(2) .controls fieldset .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar #member-registration fieldset:nth-child(2) .controls fieldset #search-searchword { margin: 0 0 0 0; } #b4s #member-registration fieldset:nth-child(2) .controls fieldset label { margin: 0 10px 0 0; } #b4s #member-registration fieldset:nth-child(3) .controls fieldset * { float: none; display: inline-block; } #b4s #member-registration fieldset:nth-child(3) .controls fieldset input, #b4s #member-registration fieldset:nth-child(3) .controls fieldset .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar #member-registration fieldset:nth-child(3) .controls fieldset #search-searchword { margin: 0 0 0 0; } #b4s #member-registration fieldset:nth-child(3) .controls fieldset label { margin: 0 10px 0 0; } #b4s .login form { max-width: 700px; margin: 0 auto; padding: 3rem 2rem; background: #fff; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.35); } #b4s .login form fieldset .control-group { flex-direction: column; } #b4s .login form fieldset .control-group .control-label { width: 100%; margin: 0; text-align: left; } #b4s .login form fieldset .control-group .control-label label { height: auto; margin: 0 0 0.5rem 0; line-height: normal; font-size: 1.05rem; font-style: oblique; font-weight: 600; } #b4s .login form fieldset .control-group .controls { display: flex; align-items: center; justify-content: center; } #b4s .login form fieldset .control-group:nth-child(3) { flex-direction: row; align-items: center; } #b4s .login form fieldset .control-group:nth-child(3) .control-label { width: auto; } #b4s .login form fieldset .control-group:nth-child(3) .controls { justify-content: flex-start; } #b4s .login form fieldset .control-group:nth-child(3) .controls input, #b4s .login form fieldset .control-group:nth-child(3) .controls .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar .login form fieldset .control-group:nth-child(3) .controls #search-searchword { margin: 0 0 0.5rem 1rem; } #b4s .login form fieldset .control-group:last-of-type { text-align: center; } #b4s .login + div { margin-top: 3rem; } #b4s .login + div ul.nav.nav-tabs.nav-stacked { display: flex; align-items: center; justify-content: center; } @media only all and (max-width: 48rem) { #b4s .login + div ul.nav.nav-tabs.nav-stacked { flex-direction: column; } } #b4s .login + div ul.nav.nav-tabs.nav-stacked li a { margin: 0.5rem; } #b4s .contact { display: flex; flex-direction: column; align-items: center; justify-content: center; } #b4s .contact h1 { margin-top: 0; text-align: center; order: 0; } #b4s .contact .page-header { /*display:none;*/ order: 1; } #b4s .contact .thumbnail { border: none; box-shadow: none; max-width: 250px; } @media only all and (min-width: 48rem) { #b4s .contact .thumbnail { margin-top: -50px; } } @media only all and (max-width: 48rem) { #b4s .contact .thumbnail { float: left; margin: 0 0 1rem 0; } } #b4s .contact > h3, #b4s #g-aside .contact > .g-title, #b4s #g-aside .moduletable.contact > h3:first-child, #b4s #g-aside .moduletable > .contact > h3:first-child, #b4s #g-sidebar .contact > .g-title, #b4s #g-sidebar .moduletable.contact > h3:first-child, #b4s #g-sidebar .moduletable > .contact > h3:first-child, #b4s .item-page.c-blog .page-header + .fields-container .contact > .field-entry.c-blog-subtitle { display: block; font-size: 1.5rem; display: none; } #b4s .contact .contact-position.dl-horizontal { font-weight: bold; order: 3; } #b4s .contact .contact-position.dl-horizontal dt { display: none; } #b4s .contact .contact-position.dl-horizontal dd { margin-left: auto; } #b4s .contact .contact-address.dl-horizontal { margin-top: 1.5rem; margin-bottom: 1.5rem; order: 4; } #b4s .contact .contact-address.dl-horizontal dt { width: 30px; text-align: left; float: left; clear: left; } #b4s .contact .contact-address.dl-horizontal dt .jicons-icons { vertical-align: middle; } #b4s .contact .contact-address.dl-horizontal dt .jicons-icons img { max-width: 16px; max-height: 16px; vertical-align: baseline; } #b4s .contact .contact-address.dl-horizontal dd { margin-left: auto; float: left; } #b4s .contact .contact-address.dl-horizontal dd br { display: none; } #b4s .contact .contact-address.dl-horizontal dd + dd:before { content: ","; } #b4s .contact .contact-address.dl-horizontal .contact-country { display: inline-flex; } #b4s .contact .contact-address.dl-horizontal .contact-country:after { content: "."; } #b4s .contact .contact-form { order: 6; } #b4s .contact .contact-form form { padding: 0; margin: 0; order: 6; } #b4s .contact .contact-form form fieldset { max-width: 700px; } #b4s .contact .contact-form form fieldset legend { text-align: center; } #b4s .contact .contact-form form fieldset .control-group { flex-direction: column; } #b4s .contact .contact-form form fieldset .control-group .control-label { width: 100%; margin: 0; text-align: center; } #b4s .contact .contact-form form fieldset .control-group .control-label label { height: auto; margin: 0 0 0.5rem 0; line-height: normal; } #b4s .contact .contact-form form fieldset .control-group .controls label { line-height: normal; text-align: center; display: flex; flex-direction: column; align-items: center; } #b4s .contact .contact-form form fieldset:nth-of-type(1) .control-group:first-of-type, #b4s .contact .contact-form form fieldset:nth-of-type(3) .control-group:first-of-type { display: none; } #b4s .contact .contact-miscinfo { order: 5; margin-top: 1rem; margin-bottom: 2rem; border-top: 2px solid #f1f1f1; border-bottom: 2px solid #f1f1f1; } #b4s .contact .contact-miscinfo .dl-horizontal { margin-top: 1rem; margin-bottom: 1rem; } #b4s .contact .contact-miscinfo .dl-horizontal dt { display: none; } #b4s .contact .contact-miscinfo .dl-horizontal dd { margin: 0; } #b4s .contact .optional { display: none; } #b4s .contact #contact-form { box-shadow: none; } #b4s .contact #contact-form legend { font-weight: 300; } #b4s .contact #contact-form input:not([type="checkbox"]):not([type="radio"]), #b4s .contact #contact-form .search .btn-toolbar #search-searchword:not([type="checkbox"]):not([type="radio"]), #b4s .search .btn-toolbar .contact #contact-form #search-searchword:not([type="checkbox"]):not([type="radio"]), #b4s .contact #contact-form textarea, #b4s .contact #contact-form select { border-radius: 0px; } #b4s .contact #jform_contact_message { min-height: 100px; } #b4s .contact #jform_captcha { display: flex; justify-content: center; } #b4s div.mod-languages ul.lang-inline { margin: 0; font-weight: 600; } #b4s div.mod-languages ul.lang-inline li { display: inline-block; list-style-type: none; margin: 0; font-weight: 500; } #b4s div.mod-languages ul.lang-inline li.lang-active a { font-weight: 700; } #b4s div.mod-languages ul.lang-inline li a { display: inline-flex; padding: 0.25rem; } #b4s div.mod-languages { margin: 0; } #b4s div.mod-languages a.dropdown-toggle { padding: 0; display: inline-flex; flex-direction: row-reverse; align-items: center; background: none; border: none; font-size: 0; } #b4s div.mod-languages a.dropdown-toggle .caret { margin: 0 0 0 5px; border-top-color: #fff; } #b4s div.mod-languages .btn-group ul.lang-inline { min-width: auto; border-radius: 0; box-shadow: none; } #b4s div.mod-languages .btn-group ul.lang-inline li a { display: inline-flex; align-items: center; padding: 0.5rem; color: #000000 !important; font-size: 0; } #b4s div.mod-languages .btn-group ul.lang-inline li a:hover { color: #000000 !important; background: none; } #b4s div.mod-languages .btn-group ul.lang-inline li a img { min-width: 18px; } #b4s div.mod-languages .btn-group ul.lang-block { min-width: auto; border-radius: 0; box-shadow: none; } #b4s div.mod-languages .btn-group ul.lang-block li { list-style-type: none; margin: 0; } #b4s div.mod-languages .btn-group ul.lang-block li a { display: inline-flex; align-items: center; padding: 0.5rem; color: #000000 !important; font-size: 0; } #b4s div.mod-languages .btn-group ul.lang-block li a:hover { color: #000000 !important; background: none; } #b4s div.mod-languages .btn-group ul.lang-block li a img { min-width: 18px; } #b4s div.mod-languages select { height: auto; padding: 0 5px 0 10px; font-size: 0.9rem; border: none; border-left: solid 1px #1fa86e; background: none; } #b4s div.mod-languages .chzn-container { height: auto; display: inline-flex; align-items: center; font-size: 0.9rem; } #b4s div.mod-languages .chzn-container .chzn-single { height: auto; border: none; border-left: solid 1px #1fa86e; border-radius: 0; background: none; } #b4s div.mod-languages .chzn-container .chzn-single span { height: auto; padding: 0px 0px 0px 10px; margin-right: 16px; } #b4s div.mod-languages .chzn-container .chzn-single div { width: 10px; height: auto; top: 0; bottom: 0; } #b4s div.mod-languages .chzn-container .chzn-single div b { display: inline-flex; align-items: center; top: auto; background: none; } #b4s div.mod-languages .chzn-container .chzn-single div b:before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #b4s div.mod-languages .chzn-container .chzn-drop { margin-top: 5px; border-radius: 0; box-shadow: none; } #b4s div.mod-languages .chzn-container .chzn-drop .chzn-results { padding: 0; margin: 0; text-align: center; } #b4s div.mod-languages .chzn-container .chzn-drop .chzn-results li.highlighted { background: none; background-image: none; color: inherit; } #b4s.com_privacy.view-request .request-form form { max-width: 700px; margin: 0 auto; } #b4s.com_privacy.view-request .request-form form .control-group { display: flex; flex-direction: column; } #b4s.com_privacy.view-request .request-form form .control-group > * { width: 100%; margin: 0; text-align: center; } #b4s.com_privacy.view-request .request-form form .control-group #jform_consentbox label { display: flex; flex-direction: column; align-items: center; line-height: normal; } #b4s.com_privacy.view-confirm .request-confirm form { max-width: 700px; margin: 0 auto; } #b4s.com_privacy.view-confirm .request-confirm form legend { font-size: initial; text-align: center; } #b4s.com_privacy.view-confirm .request-confirm form .control-group { display: flex; flex-direction: column; } #b4s.com_privacy.view-confirm .request-confirm form .control-group > * { width: 100%; margin: 0; text-align: center; } #b4s.com_privacy.view-remind .remind-confirm form { max-width: 700px; margin: 0 auto; } #b4s.com_privacy.view-remind .remind-confirm form legend { font-size: initial; text-align: center; display: none; } #b4s.com_privacy.view-remind .remind-confirm form .control-group { display: flex; flex-direction: column; } #b4s.com_privacy.view-remind .remind-confirm form .control-group > * { width: 100%; margin: 0; text-align: center; } @media only all and (min-width: 75rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-wrapper .g-owlcarousel-item-img { height: 600px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-wrapper .g-owlcarousel-item-img { height: 600px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-wrapper .g-owlcarousel-item-img { height: 500px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-wrapper .g-owlcarousel-item-img { height: 500px; } } @media only all and (max-width: 30rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-wrapper .g-owlcarousel-item-img { height: 400px; } } #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-wrapper .g-owlcarousel-item-img:after { background-color: black; opacity: 0.25; } #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-wrapper .g-owlcarousel-item-img img { object-fit: cover; height: 100% !important; width: 100%; } #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container { width: auto; } #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper { display: flex; flex-direction: column; justify-content: flex-end; } @media only all and (min-width: 75rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper { padding: 5% 6rem; align-items: flex-start; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper { padding: 5% 6rem; align-items: flex-start; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper { padding: 5% 5rem; align-items: center; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper { padding: 5% 2.5rem; align-items: center; } } @media only all and (max-width: 30rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper { padding: 5% 1.5rem; align-items: center; } } #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content { padding: 0; margin: 0; text-align: left; text-shadow: 0 0 100px rgba(0, 0, 0, 0.85); } @media only all and (max-width: 48rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content { text-align: center; } } #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content > * { padding: 0; margin: 1rem 0; } #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-title { font-size: 3rem; line-height: 3rem; font-weight: 600; line-height: normal; text-transform: none; color: #fff; position: relative; } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-title { font-size: 3rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-title { font-size: 2rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-title { font-size: 1.8rem; } } @media only all and (max-width: 30rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-title { font-size: 1.5rem; } } #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-desc { font-size: 1.5rem; font-weight: 500; line-height: normal; text-transform: none; color: #fff; } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-desc { font-size: 1.5rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-desc { font-size: 1rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-desc { font-size: 1.25rem; display: block; } } @media only all and (max-width: 30rem) { #b4s .g-owlcarousel .g-owlcarousel-item .g-owlcarousel-item-content-container .g-owlcarousel-item-content-wrapper .g-owlcarousel-item-content .g-owlcarousel-item-desc { font-size: 1rem; display: block; } } #b4s .g-owlcarousel .owl-dots { bottom: 5%; } #b4s .g-owlcarousel .owl-dots .owl-dot { margin: 0.25rem; background: none; border: solid 2px #fff; border-radius: 50%; opacity: 1; } #b4s .g-owlcarousel .owl-dots .owl-dot.active { background: #fff; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .g-owlcarousel .owl-nav { display: none; } } @media only all and (max-width: 30rem) { #b4s .g-owlcarousel .owl-nav { display: none; } } #b4s .g-owlcarousel .owl-nav button, #b4s .g-owlcarousel .owl-nav .contact #contact-form .btn, #b4s .contact #contact-form .g-owlcarousel .owl-nav .btn { background: none; border: none; width: 45px; height: 80px; display: flex; align-items: center; justify-content: center; font-size: 5rem; } #b4s .g-owlcarousel .owl-nav button:focus, #b4s .g-owlcarousel .owl-nav .contact #contact-form .btn:focus, #b4s .contact #contact-form .g-owlcarousel .owl-nav .btn:focus { border: none; box-shadow: none; outline: none; } #b4s .g-owlcarousel .owl-nav button.owl-prev, #b4s .g-owlcarousel .owl-nav .contact #contact-form .owl-prev.btn, #b4s .contact #contact-form .g-owlcarousel .owl-nav .owl-prev.btn { left: 2rem; } #b4s .g-owlcarousel .owl-nav button.owl-prev .fa, #b4s .g-owlcarousel .owl-nav .contact #contact-form .owl-prev.btn .fa, #b4s .contact #contact-form .g-owlcarousel .owl-nav .owl-prev.btn .fa { top: 0; left: 0; } #b4s .g-owlcarousel .owl-nav button.owl-prev .fa::before, #b4s .g-owlcarousel .owl-nav .contact #contact-form .owl-prev.btn .fa::before, #b4s .contact #contact-form .g-owlcarousel .owl-nav .owl-prev.btn .fa::before { content: ""; } #b4s .g-owlcarousel .owl-nav button.owl-next, #b4s .g-owlcarousel .owl-nav .contact #contact-form .owl-next.btn, #b4s .contact #contact-form .g-owlcarousel .owl-nav .owl-next.btn { right: 2rem; } #b4s .g-owlcarousel .owl-nav button.owl-next .fa, #b4s .g-owlcarousel .owl-nav .contact #contact-form .owl-next.btn .fa, #b4s .contact #contact-form .g-owlcarousel .owl-nav .owl-next.btn .fa { top: 0; left: 0; } #b4s .g-owlcarousel .owl-nav button.owl-next .fa::before, #b4s .g-owlcarousel .owl-nav .contact #contact-form .owl-next.btn .fa::before, #b4s .contact #contact-form .g-owlcarousel .owl-nav .owl-next.btn .fa::before { content: ""; } #b4s #rsform, #b4s form.formResponsive { padding: 0; margin: 0; } #b4s #rsform fieldset, #b4s form.formResponsive fieldset { padding: 0; margin: 0; } #b4s #rsform fieldset .rsform-block, #b4s form.formResponsive fieldset .rsform-block { padding: 0; margin: 0 0 15px 0; } #b4s #rsform fieldset .rsform-block .formControlLabel, #b4s form.formResponsive fieldset .rsform-block .formControlLabel { padding: 0; margin: 0; min-height: 36px; line-height: normal; display: flex; align-items: center; justify-content: flex-start; font-size: 14px; } @media only all and (max-width: 48rem) { #b4s #rsform fieldset .rsform-block .formControlLabel, #b4s form.formResponsive fieldset .rsform-block .formControlLabel { width: 100%; justify-content: flex-start; } } #b4s #rsform fieldset .rsform-block .formControlLabel strong.formRequired, #b4s form.formResponsive fieldset .rsform-block .formControlLabel strong.formRequired { font-weight: normal; } @media only all and (max-width: 48rem) { #b4s #rsform fieldset .rsform-block .formControls, #b4s form.formResponsive fieldset .rsform-block .formControls { clear: both; margin-left: 0; } } #b4s #rsform fieldset .rsform-block .formControls .formBody label, #b4s form.formResponsive fieldset .rsform-block .formControls .formBody label { padding: 0; margin: 0; margin-right: 15px; min-height: 36px; line-height: normal; font-size: 14px; display: flex; align-items: center; } #b4s #rsform fieldset .rsform-block .formControls .formBody .rsformVerticalClear, #b4s form.formResponsive fieldset .rsform-block .formControls .formBody .rsformVerticalClear { padding: 0; margin: 0; } #b4s #rsform fieldset .rsform-block .formControls .formBody .rsformVerticalClear + .rsformVerticalClear, #b4s form.formResponsive fieldset .rsform-block .formControls .formBody .rsformVerticalClear + .rsformVerticalClear { margin-top: 0.5rem; } #b4s #rsform fieldset .rsform-block .formControls .formBody .formValidation, #b4s form.formResponsive fieldset .rsform-block .formControls .formBody .formValidation { display: inline; padding: 0; margin: 0; } #b4s #rsform fieldset .rsform-block .formControls .formBody .formValidation .formError, #b4s form.formResponsive fieldset .rsform-block .formControls .formBody .formValidation .formError { padding: 0; margin: 0; } #b4s #rsform fieldset .rsform-block .formControls .formDescription, #b4s form.formResponsive fieldset .rsform-block .formControls .formDescription { display: block; clear: both; padding: 0; margin: 0; font-size: 14px; font-style: italic; font-weight: normal; color: #666; line-height: normal; text-align: center; } #b4s #rsform fieldset .rsform-block .formControls .formDescription:not(:empty), #b4s form.formResponsive fieldset .rsform-block .formControls .formDescription:not(:empty) { margin-top: 7.5px; } #b4s #rsform .rsform-calendar-box, #b4s form.formResponsive .rsform-calendar-box { width: calc(100% - 40px) !important; } #b4s #rsform .rsform-calendar-button, #b4s form.formResponsive .rsform-calendar-button { float: right; } #b4s #rsform .rsfp-progress, #b4s form.formResponsive .rsfp-progress { max-width: 100%; width: 100% !important; border-radius: 0px; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); background-color: #f1f1f1; background-image: none; } #b4s #rsform .rsfp_thankyou_popup_inner, #b4s form.formResponsive .rsfp_thankyou_popup_inner { text-align: center; } @media (max-width: 75rem) { #b4s .moduletable form.formResponsive .formControlLabel { width: 100%; text-align: left; } #b4s .moduletable form.formResponsive .formControls { clear: both; margin-left: 0; } } #b4s form#contact { padding: 3rem 2rem; background: #fff; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.35); } #b4s form#contact .rsform-block { padding-bottom: 0.5rem; margin: 0 0 1.5rem 0; border-bottom: solid 1px #000000; } #b4s form#contact .rsform-block:last-child { margin-bottom: 0; } #b4s form#contact .rsform-block .formControlLabel { font-size: 1.05rem; font-style: oblique; font-weight: 600; } #b4s form#contact .rsform-block .formControls { font-size: 1.05rem; font-weight: 600; } #b4s form#contact .rsform-block .formControls .formBody label { margin-right: 3rem; font-size: 1.05rem; font-weight: 600; } #b4s form#contact .rsform-block.rsform-block-activity { border: none; } #b4s form#contact .rsform-block.rsform-block-activity .formControlLabel { display: none; } #b4s form#contact .rsform-block.rsform-block-activity .formControls { margin-left: 0; } #b4s form#contact .rsform-block.rsform-block-activity .formControls .formBody > div { display: flex; flex-wrap: wrap; } #b4s form#contact .rsform-block.rsform-block-comments { display: flex; flex-direction: column; } #b4s form#contact .rsform-block.rsform-block-comments .formControls { margin-left: 0; } #b4s form#contact .rsform-block.rsform-block-policy { border: none; } #b4s form#contact .rsform-block.rsform-block-policy .formControlLabel { display: none; } #b4s form#contact .rsform-block.rsform-block-policy .formControls { margin-left: 0; } #b4s form#contact .rsform-block.rsform-block-policy .formControls .formBody label { font-size: 0.9rem; } #b4s form#contact .rsform-block.rsform-block-antispam { border: none; } #b4s form#contact .rsform-block.rsform-block-antispam .formControlLabel { display: none; } #b4s form#contact .rsform-block.rsform-block-antispam .formControls { margin-left: 0; } #b4s form#contact .rsform-block.rsform-block-submit { padding-bottom: 0; margin-bottom: 0; border: none; } #b4s form#contact .rsform-block.rsform-block-submit .formControlLabel { display: none; } #b4s form#contact .rsform-block.rsform-block-submit .formControls { margin-left: 0; text-align: right; } #b4s form#contact input[type="text"], #b4s form#contact .search .btn-toolbar #search-searchword[type="text"], #b4s form#contact .search .btn-toolbar .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar form#contact .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar form#contact #search-searchword[type="text"], #b4s form#contact .search .btn-toolbar input#search-searchword, #b4s .search .btn-toolbar form#contact input#search-searchword, #b4s form#contact input[type="email"], #b4s form#contact .search .btn-toolbar #search-searchword[type="email"], #b4s .search .btn-toolbar form#contact #search-searchword[type="email"] { padding-left: 0; padding-right: 0; border: none; background: none; } #b4s form#contact input[type="checkbox"], #b4s form#contact .search .btn-toolbar #search-searchword[type="checkbox"], #b4s .search .btn-toolbar form#contact #search-searchword[type="checkbox"] { margin-left: 0.5rem; margin-right: 1.5rem; transform: scale(2); border-radius: 0; } #b4s form#contact textarea { padding-left: 0; padding-right: 0; border: none; background: none; } @media only all and (min-width: 75rem) { #b4s .osmap-items { column-count: 3; column-gap: 3rem; } #b4s .osmap-items ul { break-inside: avoid; } #b4s .osmap-items ul:first-child { margin-top: 0; } #b4s .osmap-items ul:last-child { margin-bottom: 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .osmap-items { column-count: 3; column-gap: 3rem; } #b4s .osmap-items ul { break-inside: avoid; } #b4s .osmap-items ul:first-child { margin-top: 0; } #b4s .osmap-items ul:last-child { margin-bottom: 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .osmap-items { column-count: 2; column-gap: 3rem; } #b4s .osmap-items ul { break-inside: avoid; } #b4s .osmap-items ul:first-child { margin-top: 0; } #b4s .osmap-items ul:last-child { margin-bottom: 0; } } #b4s .complete-article-carousel .cac-intro > *:first-child { margin-top: 0; } #b4s .complete-article-carousel .cac-intro > *:last-child { margin-bottom: 0; } #b4s .complete-article-carousel .cac-articles .cac-article .cac-article-title h3, #b4s .complete-article-carousel .cac-articles .cac-article .cac-article-title #g-aside .g-title, #b4s #g-aside .complete-article-carousel .cac-articles .cac-article .cac-article-title .g-title, #b4s .complete-article-carousel .cac-articles .cac-article .cac-article-title #g-aside .moduletable > h3:first-child, #b4s #g-aside .complete-article-carousel .cac-articles .cac-article .cac-article-title .moduletable > h3:first-child, #b4s .complete-article-carousel .cac-articles .cac-article .cac-article-title #g-sidebar .g-title, #b4s #g-sidebar .complete-article-carousel .cac-articles .cac-article .cac-article-title .g-title, #b4s .complete-article-carousel .cac-articles .cac-article .cac-article-title #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .complete-article-carousel .cac-articles .cac-article .cac-article-title .moduletable > h3:first-child, #b4s .complete-article-carousel .cac-articles .cac-article .cac-article-title .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .complete-article-carousel .cac-articles .cac-article .cac-article-title .field-entry.c-blog-subtitle { font-size: 1.5rem; font-weight: 500; text-transform: uppercase; } #b4s .complete-article-carousel .cac-articles .owl-nav button, #b4s .complete-article-carousel .cac-articles .owl-nav .contact #contact-form .btn, #b4s .contact #contact-form .complete-article-carousel .cac-articles .owl-nav .btn { width: 40px; height: 40px; margin: 0.5rem; background: none; border: none; color: #1fa86e; } #b4s .complete-article-carousel .cac-articles .owl-nav button:focus, #b4s .complete-article-carousel .cac-articles .owl-nav .contact #contact-form .btn:focus, #b4s .contact #contact-form .complete-article-carousel .cac-articles .owl-nav .btn:focus { border: none; box-shadow: none; outline: none; } #b4s .complete-article-carousel .cac-articles .owl-nav button:before, #b4s .complete-article-carousel .cac-articles .owl-nav .contact #contact-form .btn:before, #b4s .contact #contact-form .complete-article-carousel .cac-articles .owl-nav .btn:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 2rem; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 40px; } #b4s .complete-article-carousel .cac-articles .owl-nav button span, #b4s .complete-article-carousel .cac-articles .owl-nav .contact #contact-form .btn span, #b4s .contact #contact-form .complete-article-carousel .cac-articles .owl-nav .btn span { display: none; } #b4s .complete-article-carousel .cac-articles .owl-nav button.owl-prev:before, #b4s .complete-article-carousel .cac-articles .owl-nav .contact #contact-form .owl-prev.btn:before, #b4s .contact #contact-form .complete-article-carousel .cac-articles .owl-nav .owl-prev.btn:before { content: ""; } #b4s .complete-article-carousel .cac-articles .owl-nav button.owl-next:before, #b4s .complete-article-carousel .cac-articles .owl-nav .contact #contact-form .owl-next.btn:before, #b4s .contact #contact-form .complete-article-carousel .cac-articles .owl-nav .owl-next.btn:before { content: ""; } #b4s .complete-article-carousel .cac-articles .owl-dots button, #b4s .complete-article-carousel .cac-articles .owl-dots .contact #contact-form .btn, #b4s .contact #contact-form .complete-article-carousel .cac-articles .owl-dots .btn { background: none; border: none; outline: none; } #b4s .complete-article-carousel .cac-articles .owl-dots button.active span, #b4s .complete-article-carousel .cac-articles .owl-dots .contact #contact-form .active.btn span, #b4s .contact #contact-form .complete-article-carousel .cac-articles .owl-dots .active.btn span { background: #1fa86e; } #b4s .complete-article-carousel .cac-epilogue > *:first-child { margin-top: 0; } #b4s .complete-article-carousel .cac-epilogue > *:last-child { margin-bottom: 0; } #b4s .wf-mediabox-nav button, #b4s .wf-mediabox-nav .contact #contact-form .btn, #b4s .contact #contact-form .wf-mediabox-nav .btn { padding: 5px; border: none; background: none; color: inherit; } #b4s .item-page, #b4s .platform-content { /* Section */ /* Text */ } #b4s .item-page > .page-header + div[itemprop="articleBody"] > section:first-child, #b4s .platform-content > .page-header + div[itemprop="articleBody"] > section:first-child { margin-top: 0 !important; } #b4s .item-page section, #b4s .platform-content section { padding: 3rem 0; margin: 0; position: relative; } @media only all and (min-width: 75rem) { #b4s .item-page section:first-child, #b4s .platform-content section:first-child { margin-top: -4rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .item-page section:first-child, #b4s .platform-content section:first-child { margin-top: -4rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .item-page section:first-child, #b4s .platform-content section:first-child { margin-top: -3rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .item-page section:first-child, #b4s .platform-content section:first-child { margin-top: -3rem; } } @media only all and (max-width: 30rem) { #b4s .item-page section:first-child, #b4s .platform-content section:first-child { margin-top: -3rem; } } @media only all and (min-width: 75rem) { #b4s .item-page section:last-child, #b4s .platform-content section:last-child { margin-bottom: -4rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .item-page section:last-child, #b4s .platform-content section:last-child { margin-bottom: -4rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .item-page section:last-child, #b4s .platform-content section:last-child { margin-bottom: -3rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .item-page section:last-child, #b4s .platform-content section:last-child { margin-bottom: -3rem; } } @media only all and (max-width: 30rem) { #b4s .item-page section:last-child, #b4s .platform-content section:last-child { margin-bottom: -3rem; } } #b4s .item-page section > *:first-child, #b4s .platform-content section > *:first-child { margin-top: 0; } #b4s .item-page section > *:last-child, #b4s .platform-content section > *:last-child { margin-bottom: 0; } #b4s .item-page section.c-section-bg-green, #b4s .platform-content section.c-section-bg-green { position: relative; } #b4s .item-page section.c-section-bg-green::before, #b4s .platform-content section.c-section-bg-green::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #1fa86e; z-index: 1; } #b4s .item-page section.c-section-bg-green > *, #b4s .platform-content section.c-section-bg-green > * { z-index: 2; position: relative; color: #fff79f; } #b4s .item-page section.c-section-bg-blue-light, #b4s .platform-content section.c-section-bg-blue-light { position: relative; } #b4s .item-page section.c-section-bg-blue-light::before, #b4s .platform-content section.c-section-bg-blue-light::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #d7ebfc; z-index: 1; } #b4s .item-page section.c-section-bg-blue-light > *, #b4s .platform-content section.c-section-bg-blue-light > * { z-index: 2; position: relative; } #b4s .item-page section.c-section-bg-salmon-light, #b4s .platform-content section.c-section-bg-salmon-light { position: relative; } #b4s .item-page section.c-section-bg-salmon-light::before, #b4s .platform-content section.c-section-bg-salmon-light::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #ffcfc1; z-index: 1; } #b4s .item-page section.c-section-bg-salmon-light > *, #b4s .platform-content section.c-section-bg-salmon-light > * { z-index: 2; position: relative; } #b4s .item-page section.c-section-bg-pattern-1, #b4s .platform-content section.c-section-bg-pattern-1 { position: relative; } #b4s .item-page section.c-section-bg-pattern-1::before, #b4s .platform-content section.c-section-bg-pattern-1::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url('../images/bg-1.png'); background-size: cover; background-position: center center; z-index: 1; } #b4s .item-page section.c-section-bg-pattern-1 > *, #b4s .platform-content section.c-section-bg-pattern-1 > * { z-index: 2; position: relative; max-width: 600px; padding: 3rem; margin-left: auto; margin-right: auto; background: #ffea80; font-weight: 600; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.35); } #b4s .item-page section.c-section-bg-pattern-2, #b4s .platform-content section.c-section-bg-pattern-2 { position: relative; } #b4s .item-page section.c-section-bg-pattern-2::before, #b4s .platform-content section.c-section-bg-pattern-2::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff79f; background-image: url('../images/bg-2.svg'); background-size: 1300px; background-position: center center; background-repeat: no-repeat; z-index: 1; } #b4s .item-page section.c-section-bg-pattern-2 > *, #b4s .platform-content section.c-section-bg-pattern-2 > * { z-index: 2; position: relative; } #b4s .item-page section.c-section-center, #b4s .platform-content section.c-section-center { text-align: center; } #b4s .item-page section.c-section-narrow, #b4s .platform-content section.c-section-narrow { max-width: 700px; margin-left: auto; margin-right: auto; } #b4s .item-page section.c-section-text-salmon, #b4s .platform-content section.c-section-text-salmon { color: #ffb29b; } @media only all and (min-width: 75rem) { #b4s .item-page section.c-section-columns-2, #b4s .platform-content section.c-section-columns-2 { columns: 2; column-gap: 3rem; } #b4s .item-page section.c-section-columns-2 > *:first-child, #b4s .platform-content section.c-section-columns-2 > *:first-child { margin-top: 0; } #b4s .item-page section.c-section-columns-2 > *:last-child, #b4s .platform-content section.c-section-columns-2 > *:last-child { margin-bottom: 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .item-page section.c-section-columns-2, #b4s .platform-content section.c-section-columns-2 { columns: 2; column-gap: 3rem; } #b4s .item-page section.c-section-columns-2 > *:first-child, #b4s .platform-content section.c-section-columns-2 > *:first-child { margin-top: 0; } #b4s .item-page section.c-section-columns-2 > *:last-child, #b4s .platform-content section.c-section-columns-2 > *:last-child { margin-bottom: 0; } } @media only all and (min-width: 75rem) { #b4s .item-page section.c-section-columns-3, #b4s .platform-content section.c-section-columns-3 { columns: 3; column-gap: 3rem; } #b4s .item-page section.c-section-columns-3 > *:first-child, #b4s .platform-content section.c-section-columns-3 > *:first-child { margin-top: 0; } #b4s .item-page section.c-section-columns-3 > *:last-child, #b4s .platform-content section.c-section-columns-3 > *:last-child { margin-bottom: 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .item-page section.c-section-columns-3, #b4s .platform-content section.c-section-columns-3 { columns: 3; column-gap: 3rem; } #b4s .item-page section.c-section-columns-3 > *:first-child, #b4s .platform-content section.c-section-columns-3 > *:first-child { margin-top: 0; } #b4s .item-page section.c-section-columns-3 > *:last-child, #b4s .platform-content section.c-section-columns-3 > *:last-child { margin-bottom: 0; } } #b4s .item-page .c-text-large, #b4s .platform-content .c-text-large { font-size: 1.1rem; } #b4s .item-page .c-text-narrow, #b4s .platform-content .c-text-narrow { max-width: 700px; margin-left: auto; margin-right: auto; } #b4s .item-page .c-text-center, #b4s .platform-content .c-text-center { text-align: center; } @media only all and (min-width: 75rem) { #b4s .item-page .c-text-columns-2, #b4s .platform-content .c-text-columns-2 { columns: 2; column-gap: 3rem; } #b4s .item-page .c-text-columns-2 > *, #b4s .platform-content .c-text-columns-2 > * { break-inside: avoid; } #b4s .item-page .c-text-columns-2 > *:first-child, #b4s .platform-content .c-text-columns-2 > *:first-child { margin-top: 0; } #b4s .item-page .c-text-columns-2 > *:last-child, #b4s .platform-content .c-text-columns-2 > *:last-child { margin-bottom: 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .item-page .c-text-columns-2, #b4s .platform-content .c-text-columns-2 { columns: 2; column-gap: 3rem; } #b4s .item-page .c-text-columns-2 > *, #b4s .platform-content .c-text-columns-2 > * { break-inside: avoid; } #b4s .item-page .c-text-columns-2 > *:first-child, #b4s .platform-content .c-text-columns-2 > *:first-child { margin-top: 0; } #b4s .item-page .c-text-columns-2 > *:last-child, #b4s .platform-content .c-text-columns-2 > *:last-child { margin-bottom: 0; } } @media only all and (min-width: 75rem) { #b4s .item-page .c-text-columns-3, #b4s .platform-content .c-text-columns-3 { columns: 3; column-gap: 3rem; } #b4s .item-page .c-text-columns-3 > *, #b4s .platform-content .c-text-columns-3 > * { break-inside: avoid; } #b4s .item-page .c-text-columns-3 > *:first-child, #b4s .platform-content .c-text-columns-3 > *:first-child { margin-top: 0; } #b4s .item-page .c-text-columns-3 > *:last-child, #b4s .platform-content .c-text-columns-3 > *:last-child { margin-bottom: 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .item-page .c-text-columns-3, #b4s .platform-content .c-text-columns-3 { columns: 3; column-gap: 3rem; } #b4s .item-page .c-text-columns-3 > *, #b4s .platform-content .c-text-columns-3 > * { break-inside: avoid; } #b4s .item-page .c-text-columns-3 > *:first-child, #b4s .platform-content .c-text-columns-3 > *:first-child { margin-top: 0; } #b4s .item-page .c-text-columns-3 > *:last-child, #b4s .platform-content .c-text-columns-3 > *:last-child { margin-bottom: 0; } } #b4s.com_eshop #g-page-surround #g-mainbar .c-main-bottom .platform-content, #b4s.com_eshop #g-page-surround #g-mainbar .c-related-products .platform-content { padding-top: 2rem; margin-top: 2rem; border-top: solid 1px #000; } #b4s #eshop-main-container { /* Title */ /* Image Polaroid */ /* Empty Elements */ /* Form Elements */ /* Wait */ } #b4s #eshop-main-container h1 { margin: 0 0 1.5rem 0; text-align: center; } #b4s #eshop-main-container .img-polaroid { padding: 0; border: none; box-shadow: none; } #b4s #eshop-main-container p:empty, #b4s #eshop-main-container div:empty { display: none; } #b4s #eshop-main-container p:blank, #b4s #eshop-main-container div:blank { display: none; } #b4s #eshop-main-container input[type="text"], #b4s #eshop-main-container .search .btn-toolbar #search-searchword[type="text"], #b4s #eshop-main-container .search .btn-toolbar .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar #eshop-main-container .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar #eshop-main-container #search-searchword[type="text"], #b4s #eshop-main-container .search .btn-toolbar input#search-searchword, #b4s .search .btn-toolbar #eshop-main-container input#search-searchword, #b4s #eshop-main-container input[type="password"], #b4s #eshop-main-container .search .btn-toolbar #search-searchword[type="password"], #b4s .search .btn-toolbar #eshop-main-container #search-searchword[type="password"], #b4s #eshop-main-container select, #b4s #eshop-main-container textarea, #b4s #eshop-main-container #postcode { box-sizing: border-box !important; padding: 5px 10px; margin: 0; width: 100%; max-width: 100%; height: 34px !important; color: #000000; font-size: 14px; font-weight: normal; line-height: 34px !important; border: 1px solid #e0e0e0; border-radius: 0px; background-color: #fff; box-shadow: none; } #b4s #eshop-main-container a.btn, #b4s #eshop-main-container a.btn.btn-primary, #b4s #eshop-main-container .button, #b4s #eshop-main-container .g-joomla-articles button, #b4s #eshop-main-container .g-joomla-articles .contact #contact-form .btn, #b4s .contact #contact-form #eshop-main-container .g-joomla-articles .btn, #b4s .g-joomla-articles #eshop-main-container button, #b4s #eshop-main-container .search .btn-toolbar button, #b4s #eshop-main-container .search .btn-toolbar .contact #contact-form .btn, #b4s .contact #contact-form #eshop-main-container .search .btn-toolbar .btn, #b4s .search .btn-toolbar #eshop-main-container button, #b4s #eshop-main-container .login + div ul.nav.nav-tabs.nav-stacked li a, #b4s .login + div ul.nav.nav-tabs.nav-stacked li #eshop-main-container a, #b4s #eshop-main-container .custom.c-eshop-shortcuts > div > * a, #b4s .custom.c-eshop-shortcuts > div > * #eshop-main-container a, #b4s #eshop-main-container button, #b4s #eshop-main-container .contact #contact-form .btn, #b4s .contact #contact-form #eshop-main-container .btn, #b4s #eshop-main-container input[type="button"], #b4s #eshop-main-container .search .btn-toolbar #search-searchword[type="button"], #b4s .search .btn-toolbar #eshop-main-container #search-searchword[type="button"], #b4s #eshop-main-container input[type="submit"], #b4s #eshop-main-container .search .btn-toolbar #search-searchword[type="submit"], #b4s .search .btn-toolbar #eshop-main-container #search-searchword[type="submit"], #b4s #eshop-main-container input[type="reset"], #b4s #eshop-main-container .search .btn-toolbar #search-searchword[type="reset"], #b4s .search .btn-toolbar #eshop-main-container #search-searchword[type="reset"] { display: inline-block; box-sizing: border-box; padding: 5px 10px; margin: 0px; font-size: 14px; font-weight: 600; color: #000000; line-height: 22px; letter-spacing: 0px; text-transform: uppercase; text-decoration: none; text-shadow: none; background: #1fa86e; border-width: 1px; border-style: solid; border-color: #1fa86e; border-radius: 0px; box-shadow: none; transition: all 0.2s; } #b4s #eshop-main-container a.btn:hover, #b4s #eshop-main-container a.btn.btn-primary:hover, #b4s #eshop-main-container .button:hover, #b4s #eshop-main-container .g-joomla-articles button:hover, #b4s #eshop-main-container .g-joomla-articles .contact #contact-form .btn:hover, #b4s .contact #contact-form #eshop-main-container .g-joomla-articles .btn:hover, #b4s .g-joomla-articles #eshop-main-container button:hover, #b4s #eshop-main-container .search .btn-toolbar button:hover, #b4s #eshop-main-container .search .btn-toolbar .contact #contact-form .btn:hover, #b4s .contact #contact-form #eshop-main-container .search .btn-toolbar .btn:hover, #b4s .search .btn-toolbar #eshop-main-container button:hover, #b4s #eshop-main-container .login + div ul.nav.nav-tabs.nav-stacked li a:hover, #b4s .login + div ul.nav.nav-tabs.nav-stacked li #eshop-main-container a:hover, #b4s #eshop-main-container .custom.c-eshop-shortcuts > div > * a:hover, #b4s .custom.c-eshop-shortcuts > div > * #eshop-main-container a:hover, #b4s #eshop-main-container button:hover, #b4s #eshop-main-container .contact #contact-form .btn:hover, #b4s .contact #contact-form #eshop-main-container .btn:hover, #b4s #eshop-main-container input[type="button"]:hover, #b4s #eshop-main-container .search .btn-toolbar #search-searchword[type="button"]:hover, #b4s .search .btn-toolbar #eshop-main-container #search-searchword[type="button"]:hover, #b4s #eshop-main-container input[type="submit"]:hover, #b4s #eshop-main-container .search .btn-toolbar #search-searchword[type="submit"]:hover, #b4s .search .btn-toolbar #eshop-main-container #search-searchword[type="submit"]:hover, #b4s #eshop-main-container input[type="reset"]:hover, #b4s #eshop-main-container .search .btn-toolbar #search-searchword[type="reset"]:hover, #b4s .search .btn-toolbar #eshop-main-container #search-searchword[type="reset"]:hover { color: #fff; background: #000000; border-color: #000000; } #b4s #eshop-main-container a.btn [class^="icon-"], #b4s #eshop-main-container a.btn [class*=" icon-"], #b4s #eshop-main-container a.btn.btn-primary [class^="icon-"], #b4s #eshop-main-container a.btn.btn-primary [class*=" icon-"], #b4s #eshop-main-container .button [class^="icon-"], #b4s #eshop-main-container .g-joomla-articles button [class^="icon-"], #b4s #eshop-main-container .g-joomla-articles .contact #contact-form .btn [class^="icon-"], #b4s .contact #contact-form #eshop-main-container .g-joomla-articles .btn [class^="icon-"], #b4s .g-joomla-articles #eshop-main-container button [class^="icon-"], #b4s #eshop-main-container .search .btn-toolbar button [class^="icon-"], #b4s #eshop-main-container .search .btn-toolbar .contact #contact-form .btn [class^="icon-"], #b4s .contact #contact-form #eshop-main-container .search .btn-toolbar .btn [class^="icon-"], #b4s .search .btn-toolbar #eshop-main-container button [class^="icon-"], #b4s #eshop-main-container .login + div ul.nav.nav-tabs.nav-stacked li a [class^="icon-"], #b4s .login + div ul.nav.nav-tabs.nav-stacked li #eshop-main-container a [class^="icon-"], #b4s #eshop-main-container .custom.c-eshop-shortcuts > div > * a [class^="icon-"], #b4s .custom.c-eshop-shortcuts > div > * #eshop-main-container a [class^="icon-"], #b4s #eshop-main-container .button [class*=" icon-"], #b4s #eshop-main-container .g-joomla-articles button [class*=" icon-"], #b4s #eshop-main-container .g-joomla-articles .contact #contact-form .btn [class*=" icon-"], #b4s .contact #contact-form #eshop-main-container .g-joomla-articles .btn [class*=" icon-"], #b4s .g-joomla-articles #eshop-main-container button [class*=" icon-"], #b4s #eshop-main-container .search .btn-toolbar button [class*=" icon-"], #b4s #eshop-main-container .search .btn-toolbar .contact #contact-form .btn [class*=" icon-"], #b4s .contact #contact-form #eshop-main-container .search .btn-toolbar .btn [class*=" icon-"], #b4s .search .btn-toolbar #eshop-main-container button [class*=" icon-"], #b4s #eshop-main-container .login + div ul.nav.nav-tabs.nav-stacked li a [class*=" icon-"], #b4s .login + div ul.nav.nav-tabs.nav-stacked li #eshop-main-container a [class*=" icon-"], #b4s #eshop-main-container .custom.c-eshop-shortcuts > div > * a [class*=" icon-"], #b4s .custom.c-eshop-shortcuts > div > * #eshop-main-container a [class*=" icon-"], #b4s #eshop-main-container button [class^="icon-"], #b4s #eshop-main-container .contact #contact-form .btn [class^="icon-"], #b4s .contact #contact-form #eshop-main-container .btn [class^="icon-"], #b4s #eshop-main-container button [class*=" icon-"], #b4s #eshop-main-container .contact #contact-form .btn [class*=" icon-"], #b4s .contact #contact-form #eshop-main-container .btn [class*=" icon-"], #b4s #eshop-main-container input[type="button"] [class^="icon-"], #b4s #eshop-main-container .search .btn-toolbar #search-searchword[type="button"] [class^="icon-"], #b4s .search .btn-toolbar #eshop-main-container #search-searchword[type="button"] [class^="icon-"], #b4s #eshop-main-container input[type="button"] [class*=" icon-"], #b4s #eshop-main-container .search .btn-toolbar #search-searchword[type="button"] [class*=" icon-"], #b4s .search .btn-toolbar #eshop-main-container #search-searchword[type="button"] [class*=" icon-"], #b4s #eshop-main-container input[type="submit"] [class^="icon-"], #b4s #eshop-main-container .search .btn-toolbar #search-searchword[type="submit"] [class^="icon-"], #b4s .search .btn-toolbar #eshop-main-container #search-searchword[type="submit"] [class^="icon-"], #b4s #eshop-main-container input[type="submit"] [class*=" icon-"], #b4s #eshop-main-container .search .btn-toolbar #search-searchword[type="submit"] [class*=" icon-"], #b4s .search .btn-toolbar #eshop-main-container #search-searchword[type="submit"] [class*=" icon-"], #b4s #eshop-main-container input[type="reset"] [class^="icon-"], #b4s #eshop-main-container .search .btn-toolbar #search-searchword[type="reset"] [class^="icon-"], #b4s .search .btn-toolbar #eshop-main-container #search-searchword[type="reset"] [class^="icon-"], #b4s #eshop-main-container input[type="reset"] [class*=" icon-"], #b4s #eshop-main-container .search .btn-toolbar #search-searchword[type="reset"] [class*=" icon-"], #b4s .search .btn-toolbar #eshop-main-container #search-searchword[type="reset"] [class*=" icon-"] { font-size: 0.8rem; } #b4s #eshop-main-container span[class^="wait-"] img { display: none; } #b4s #eshop-main-container span[class^="wait-"]:before { content: ""; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; display: inline-block; } #b4s #eshop-cart { padding: 0; margin: 0; min-width: 35px; height: 26px; display: inline-flex; align-items: center; z-index: 1000; } #b4s #eshop-cart .eshop-items { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; font-size: 0.9rem; position: relative; } #b4s #eshop-cart .eshop-items h4 { display: inline-flex; align-items: center; margin: 0; font-size: 0; font-weight: 500; text-transform: uppercase; white-space: nowrap; } #b4s #eshop-cart .eshop-items h4:before { content: ""; display: inline-block; margin-right: 10px; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; font-size: 1.15rem; color: #1fa86e; } #b4s #eshop-cart .eshop-items a { display: inline-flex; position: absolute; top: 0; border: 0; left: 0; padding-left: 25px; white-space: nowrap; } #b4s #eshop-cart .eshop-items a #eshop-cart-total { padding: 0; display: inline-block; max-width: 2ch; overflow: hidden; font-weight: bold; line-height: normal; word-spacing: 20px; background: none; } #b4s #eshop-cart .eshop-items a #eshop-cart-total:after { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; font-size: 0.9rem; display: none; } #b4s #eshop-cart .eshop-content { min-height: auto; z-index: 1001; right: 0; line-height: normal; font-size: 0.9rem; text-align: center; } #b4s #eshop-cart .eshop-content a { color: #1fa86e; } #b4s #eshop-cart .eshop-content a:hover { color: #1fa86e; } #b4s #eshop-cart .eshop-content .eshop-mini-cart-info table { border: none; } #b4s #eshop-cart .eshop-content .eshop-mini-cart-info table td { border: none; padding: 5px; } #b4s #eshop-cart .eshop-content .eshop-mini-cart-info table tr:first-child td { padding: 0; } #b4s #eshop-cart .eshop-content .eshop-mini-cart-info .eshop-image img { min-width: 40px; } #b4s #eshop-cart .eshop-content .eshop-mini-cart-info .eshop-remove img { min-width: 16px; } #b4s #eshop-cart .eshop-content .mini-cart-total { padding: 0; } #b4s #eshop-cart .eshop-content .mini-cart-total table { border: none; } #b4s #eshop-cart .eshop-content .mini-cart-total table td { border: none; padding: 5px; } #b4s #eshop-cart .eshop-content .checkout { margin: 5px 0 0 0; text-align: center; } #b4s #eshop-quote { padding: 0; margin: 0; min-width: 35px; height: 26px; display: inline-flex; align-items: center; z-index: 1000; } #b4s #eshop-quote .eshop-items { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; font-size: 0.9rem; position: relative; } #b4s #eshop-quote .eshop-items h4 { display: inline-flex; align-items: center; margin: 0; font-size: 0; font-weight: 500; text-transform: uppercase; white-space: nowrap; } #b4s #eshop-quote .eshop-items h4:before { content: ""; display: inline-block; margin-right: 10px; font-family: "FontAwesome"; text-rendering: auto; font-size: 1.15rem; color: #1fa86e; } #b4s #eshop-quote .eshop-items a { display: inline-flex; position: absolute; top: 0; border: 0; left: 0; padding-left: 25px; white-space: nowrap; } #b4s #eshop-quote .eshop-items a #eshop-quote-total { padding: 0; display: inline-block; max-width: 2ch; overflow: hidden; font-weight: bold; line-height: normal; word-spacing: 20px; background: none; } #b4s #eshop-quote .eshop-items a #eshop-quote-total:after { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; font-size: 0.9rem; display: none; } #b4s #eshop-quote .eshop-content { min-height: auto; z-index: 1001; right: 0; line-height: normal; font-size: 0.9rem; text-align: center; } #b4s #eshop-quote .eshop-content a { color: #1fa86e; } #b4s #eshop-quote .eshop-content a:hover { color: #1fa86e; } #b4s #eshop-quote .eshop-content .eshop-mini-quote-info table { border: none; } #b4s #eshop-quote .eshop-content .eshop-mini-quote-info table td { border: none; padding: 5px; } #b4s #eshop-quote .eshop-content .eshop-mini-quote-info table tr:first-child td { padding: 0; } #b4s #eshop-quote .eshop-content .eshop-mini-quote-info .eshop-image img { min-width: 40px; } #b4s #eshop-quote .eshop-content .eshop-mini-quote-info .eshop-remove img { min-width: 16px; } #b4s #eshop-quote .eshop-content .checkout { border-top: 1px solid #eeeeee; margin: 5px 0 0 0; padding-top: 5px; text-align: center; font-weight: bold; } #b4s .eshop-search .input-append, #b4s .eshop-search .input-prepend { display: flex; justify-content: center; margin: 0; } #b4s .eshop-search .input-append .add-on, #b4s .eshop-search .input-prepend .add-on { margin: 0; width: 34px; height: 34px !important; min-width: 34px; color: #fff; line-height: normal; border: none; border-radius: 0px 0 0 0px; background-color: #1fa86e; box-shadow: none; } #b4s .eshop-search .input-append .add-on .icon-search, #b4s .eshop-search .input-prepend .add-on .icon-search { line-height: normal; } #b4s .eshop-search .input-append .add-on .icon-search:before, #b4s .eshop-search .input-prepend .add-on .icon-search:before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; font-size: 1.2rem; line-height: normal; text-shadow: none; } #b4s .eshop-search .input-append input, #b4s .eshop-search .input-append .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar .eshop-search .input-append #search-searchword, #b4s .eshop-search .input-prepend input, #b4s .eshop-search .input-prepend .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar .eshop-search .input-prepend #search-searchword { max-width: 100%; height: 34px !important !important; margin: 0px; padding: 5px 10px; font-weight: bold; font-size: 0.9rem; line-height: normal; border-width: 1px; border-style: solid; border-color: #1fa86e; border-radius: 0 0px 0px 0; box-shadow: none; background-color: #fff; } #b4s .eshop-search .input-append input.eshop-loadding, #b4s .eshop-search .input-append .search .btn-toolbar .eshop-loadding#search-searchword, #b4s .search .btn-toolbar .eshop-search .input-append .eshop-loadding#search-searchword, #b4s .eshop-search .input-prepend input.eshop-loadding, #b4s .eshop-search .input-prepend .search .btn-toolbar .eshop-loadding#search-searchword, #b4s .search .btn-toolbar .eshop-search .input-prepend .eshop-loadding#search-searchword { background: #fff url('../images/loader.gif') no-repeat scroll right 12px !important; } #b4s .eshop-search .input-append input:hover, #b4s .eshop-search .input-append .search .btn-toolbar #search-searchword:hover, #b4s .search .btn-toolbar .eshop-search .input-append #search-searchword:hover, #b4s .eshop-search .input-prepend input:hover, #b4s .eshop-search .input-prepend .search .btn-toolbar #search-searchword:hover, #b4s .search .btn-toolbar .eshop-search .input-prepend #search-searchword:hover { box-shadow: none; } #b4s .eshop-search .input-append input:focus, #b4s .eshop-search .input-append .search .btn-toolbar #search-searchword:focus, #b4s .search .btn-toolbar .eshop-search .input-append #search-searchword:focus, #b4s .eshop-search .input-prepend input:focus, #b4s .eshop-search .input-prepend .search .btn-toolbar #search-searchword:focus, #b4s .search .btn-toolbar .eshop-search .input-prepend #search-searchword:focus { box-shadow: none; z-index: 0; } #b4s .eshop-search .input-append input::-webkit-input-placeholder, #b4s .eshop-search .input-append .search .btn-toolbar #search-searchword::-webkit-input-placeholder, #b4s .search .btn-toolbar .eshop-search .input-append #search-searchword::-webkit-input-placeholder, #b4s .eshop-search .input-prepend input::-webkit-input-placeholder, #b4s .eshop-search .input-prepend .search .btn-toolbar #search-searchword::-webkit-input-placeholder, #b4s .search .btn-toolbar .eshop-search .input-prepend #search-searchword::-webkit-input-placeholder { color: #adadac; } #b4s .eshop-search .input-append input:-moz-placeholder, #b4s .eshop-search .input-append .search .btn-toolbar #search-searchword:-moz-placeholder, #b4s .search .btn-toolbar .eshop-search .input-append #search-searchword:-moz-placeholder, #b4s .eshop-search .input-prepend input:-moz-placeholder, #b4s .eshop-search .input-prepend .search .btn-toolbar #search-searchword:-moz-placeholder, #b4s .search .btn-toolbar .eshop-search .input-prepend #search-searchword:-moz-placeholder { /* Firefox 18- */ color: #adadac; } #b4s .eshop-search .input-append input::-moz-placeholder, #b4s .eshop-search .input-append .search .btn-toolbar #search-searchword::-moz-placeholder, #b4s .search .btn-toolbar .eshop-search .input-append #search-searchword::-moz-placeholder, #b4s .eshop-search .input-prepend input::-moz-placeholder, #b4s .eshop-search .input-prepend .search .btn-toolbar #search-searchword::-moz-placeholder, #b4s .search .btn-toolbar .eshop-search .input-prepend #search-searchword::-moz-placeholder { /* Firefox 19+ */ color: #adadac; } #b4s .eshop-search .input-append input:-ms-input-placeholder, #b4s .eshop-search .input-append .search .btn-toolbar #search-searchword:-ms-input-placeholder, #b4s .search .btn-toolbar .eshop-search .input-append #search-searchword:-ms-input-placeholder, #b4s .eshop-search .input-prepend input:-ms-input-placeholder, #b4s .eshop-search .input-prepend .search .btn-toolbar #search-searchword:-ms-input-placeholder, #b4s .search .btn-toolbar .eshop-search .input-prepend #search-searchword:-ms-input-placeholder { color: #adadac; } #b4s .eshop-search #eshop_result { width: auto; } #b4s .eshop-search #eshop_result li { display: flex; align-items: center; cursor: default; } #b4s .eshop-search #eshop_result li img { margin: 5px 5px 5px 0; border: none; } #b4s #eshop-main-container .eshop-categories-list .row-fluid [class^="span"] { margin-bottom: 1rem; background: #f7f7f9; } #b4s #eshop-main-container .eshop-categories-list .row-fluid [class^="span"] .eshop-category-wrap { border: none; } #b4s #eshop-main-container .eshop-categories-list .row-fluid [class^="span"] .eshop-category-wrap .image { padding: 0; } #b4s #eshop-main-container .eshop-categories-list .row-fluid [class^="span"] .eshop-category-wrap .eshop-info-block { padding: 0; background: none; } #b4s #eshop-main-container .eshop-categories-list .row-fluid [class^="span"] .eshop-category-wrap .eshop-info-block h5 { margin: 0; font-size: 1.15rem; font-weight: 600; text-transform: none; } #b4s #eshop-main-container .eshop-categories-list .row-fluid [class^="span"] .eshop-category-wrap .eshop-info-block h5 a { display: block; padding: 0.5rem; } #b4s #eshop-main-container .eshop-categories-list .row-fluid [class^="span"] .eshop-category-wrap .eshop-info-block h5 a small { display: block; margin-top: 0.25rem; color: inherit; } #b4s .eshop-pre-nav { min-height: 1px !important; } #b4s .eshop-pre-nav a.pull-left { background: none; padding: 0; } #b4s .eshop-pre-nav a.pull-left:before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 0.8rem; text-rendering: auto; -webkit-font-smoothing: antialiased; } #b4s .eshop-next-nav { min-height: 1px !important; } #b4s .eshop-next-nav a.pull-right { background: none; padding: 0; } #b4s .eshop-next-nav a.pull-right:after { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 0.8rem; text-rendering: auto; -webkit-font-smoothing: antialiased; } #b4s #eshop-main-container a[rel="list"], #b4s #eshop-main-container a[rel="grid"] { margin: 0; color: #1fa86e; background-color: transparent; border: none; } #b4s #eshop-main-container a[rel="list"]:hover, #b4s #eshop-main-container a[rel="grid"]:hover { background-color: #1fa86e; color: #fff; } #b4s #eshop-main-container a[rel="list"] i[class^="icon-"], #b4s #eshop-main-container a[rel="grid"] i[class^="icon-"] { margin: 0; font-size: 1rem; } #b4s #eshop-main-container a[rel="grid"] { margin: 5px 0px 5px 5px; border-radius: 0px 0 0 0px; } #b4s #eshop-main-container a[rel="list"] { margin: 5px 5px 5px 0px; border-radius: 0; } #b4s .eshop-product-show { margin: 0; padding: 5px; } @media only all and (max-width: 48rem) { #b4s .eshop-product-show { width: 100%; text-align: center; } } #b4s .eshop-product-show b { padding: 0; float: none; } #b4s .eshop-product-show #limit { display: inline; width: auto; font-weight: normal; border-color: #e7e7e9; border-color: transparent; background: #fff; } #b4s .eshop-product-sorting { margin: 0; padding: 5px; } @media only all and (max-width: 48rem) { #b4s .eshop-product-sorting { width: 100%; text-align: center; } } #b4s .eshop-product-sorting b { padding: 0; float: none; } #b4s .eshop-product-sorting #sort_options { display: inline; width: auto; font-weight: normal; border-color: #e7e7e9; border-color: transparent; background: #fff; } #b4s .sortPagiBar { display: flex; flex-wrap: wrap; align-items: center; background: #fff; border-radius: 0px; overflow: hidden; } @media only all and (max-width: 48rem) { #b4s .sortPagiBar { justify-content: center; } } #b4s .sortPagiBar [class^="span"] { min-height: auto; } #b4s .sortPagiBar [class^="span"]:first-child { width: auto; flex-basis: auto; flex-shrink: 1; } #b4s .sortPagiBar [class^="span"]:last-child { width: auto; flex-basis: auto; flex-grow: 1; } #b4s .sortPagiBar form { margin: 0; } #b4s .sortPagiBar form > div.clearfix { display: flex; align-items: center; justify-content: space-between; } @media only all and (min-width: 75rem) { #b4s .sortPagiBar form > div.clearfix { flex-direction: row; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .sortPagiBar form > div.clearfix { flex-direction: row; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .sortPagiBar form > div.clearfix { flex-direction: column; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .sortPagiBar form > div.clearfix { flex-direction: column; } } @media only all and (max-width: 30rem) { #b4s .sortPagiBar form > div.clearfix { flex-direction: column; } } #b4s .sortPagiBar form > div.clearfix::before, #b4s .sortPagiBar form > div.clearfix::after { display: none; } #b4s .sortPagiBar form > div.clearfix .eshop-product-show { display: flex; align-items: center; justify-content: center; float: none; } #b4s .sortPagiBar form > div.clearfix .eshop-product-sorting { display: flex; align-items: center; justify-content: center; float: none; } #b4s .pagination { width: 100%; } #b4s .pagination ul { box-shadow: none; } #b4s .pagination ul > li > span, #b4s .pagination ul > li > a { padding: 5px 10px; } #b4s .pagination ul > li:first-child > a, #b4s .pagination ul > li:first-child > span { border-radius: 0px 0 0 0px; } #b4s .pagination ul > li:last-child > a, #b4s .pagination ul > li:last-child > span { border-radius: 0 0px 0px 0; } #b4s .eshop-sub-categories-list .row-fluid > h4 { display: none; } #b4s .eshop-sub-categories-list .row-fluid ul { margin: 1rem 0; display: grid; grid-column-gap: 1rem; grid-row-gap: 1rem; align-items: center; justify-content: center; list-style: none; } @media only all and (min-width: 75rem) { #b4s .eshop-sub-categories-list .row-fluid ul { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .eshop-sub-categories-list .row-fluid ul { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .eshop-sub-categories-list .row-fluid ul { grid-template-columns: 1fr 1fr 1fr; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .eshop-sub-categories-list .row-fluid ul { grid-template-columns: 1fr 1fr; } } @media only all and (max-width: 30rem) { #b4s .eshop-sub-categories-list .row-fluid ul { grid-template-columns: 1fr; } } #b4s .eshop-sub-categories-list .row-fluid ul > li { margin: 0; text-align: center; } #b4s .eshop-sub-categories-list .row-fluid ul > li > * { margin: 0; } #b4s .eshop-sub-categories-list .row-fluid ul > li > * a { display: block; padding: 1rem; background: #f7f7f9; } #b4s .eshop-sub-categories-list .row-fluid ul > li > * a:hover { background: #000000; color: #fff; } #b4s #eshop-main-container { /* Ajax search */ } #b4s #eshop-main-container hr { display: none; } #b4s #eshop-main-container > div.row-fluid:first-child { padding-bottom: 1rem; margin-bottom: 0.5rem; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) { display: grid; grid-gap: 1rem; border-radius: 0; } @media only all and (min-width: 75rem) { #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) { grid-template-columns: 1fr 1fr; } } @media only all and (max-width: 30rem) { #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) { grid-template-columns: 1fr; } } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar):first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar):first-child .spanbox:first-child { border-top-left-radius: 0px; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar):first-child .spanbox:last-child { border-top-right-radius: 0px; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar):not(:first-child) { margin-top: 1rem; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar):last-child { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar):last-child .spanbox:first-child { border-bottom-left-radius: 0px; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar):last-child .spanbox:last-child { border-bottom-right-radius: 0px; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar):before, #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar):after { display: none; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox { flex-grow: 1; margin: 0; padding: 10px; border-top: none; border-left: none; transition-duration: 0s; background: #fff; width: 100% !important; display: flex; flex-direction: column; /*&.span1 { max-width: 8.33%; } &.span2 { max-width: 100%; } &.span3 { max-width: 25%; } &.span4 { max-width: 33.33%; } &.span5 { max-width: 20%; } &.span6 { max-width: 50%; }*/ } @media only all and (max-width: 48rem) { #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox[class*="span"] { max-width: 100%; } } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-image-block { margin: 0.5rem; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-image-block .horizontal.small-db.top_left, #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-image-block .horizontal.big-db.top_left { top: 0; left: 0; border-radius: 0; z-index: 1000; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block { margin: 0; padding: 0; flex-grow: 1; display: flex; flex-direction: column; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block * { margin: 0; padding: 0; line-height: normal; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block > * { margin: 10px 0; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block h5 { font-size: 1.15rem; font-weight: 600; line-height: normal; text-transform: none; flex-grow: 1; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block h5 a { transition: all 0s; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block h5 a small { display: block; margin-top: 0.25rem; color: inherit; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block .eshop-product-price .price, #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block .eshop-product-price .eshop-sale-price { font-weight: bold; font-size: 1.15rem; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons * { margin: 0; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons > * { margin: 10px 0; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons > *:last-child { margin-bottom: 0; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-cart-area > *, #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-quote-area > * { margin: 0 2px; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-cart-area .eshop-quantity .eshop-quantity-value, #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-quote-area .eshop-quantity .eshop-quantity-value { width: 40px !important; border-radius: 0; box-shadow: none; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-cart-area .eshop-quantity a:first-child, #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-quote-area .eshop-quantity a:first-child { padding: 5px 10px; border-radius: 0px 0 0 0px !important; min-width: 30px; border: 1px solid #e0e0e0 !important; border-right: none !important; background-color: transparent !important; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-cart-area .eshop-quantity a:last-child, #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-quote-area .eshop-quantity a:last-child { padding: 5px 10px; border-radius: 0 0px 0px 0 !important; min-width: 30px; border: 1px solid #e0e0e0 !important; border-left: none !important; background-color: transparent !important; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-cart-area input[type="button"], #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-cart-area .search .btn-toolbar #search-searchword[type="button"], #b4s .search .btn-toolbar #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-cart-area #search-searchword[type="button"], #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-quote-area input[type="button"], #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-quote-area .search .btn-toolbar #search-searchword[type="button"], #b4s .search .btn-toolbar #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-quote-area #search-searchword[type="button"] { background-image: url('../images/add-to-cart.png'); background-repeat: no-repeat; background-position: center center; background-size: 20px; text-indent: -1000px; letter-spacing: -1000px; border-radius: 0px; min-width: 40px; white-space: break-spaces; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons > p { /*a:nth-last-child(1) { &:before { content: "\f24d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } }*/ } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons > p a { display: inline-flex; align-items: center; color: #1fa86e; border-color: transparent; background: none; background-color: transparent; font-size: 0; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons > p a:hover { color: #000000; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons > p a:nth-last-child(2):before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } #b4s #eshop-main-container .eshop-products-list #products-list-container.grid #products-list > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons > p a:nth-last-child(1):before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) { display: grid; grid-gap: 1rem; } @media only all and (min-width: 75rem) { #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) { grid-template-columns: 1fr 1fr; } } @media only all and (max-width: 30rem) { #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) { grid-template-columns: 1fr; } } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar):nth-of-type(2) { border-top-left-radius: 0px; border-top-right-radius: 0px; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar):nth-of-type(2) .spanbox { border-top: 1px solid 0px; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar):nth-of-type(2) .spanbox:first-child { border-top-left-radius: 0px; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar):nth-of-type(2) .spanbox:last-child { border-top-right-radius: 0px; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar):not(:first-child) { margin-top: 1rem; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar):before, #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar):after { display: none; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox { flex-grow: 1; margin: 0; padding: 10px; border: 1px solid 0px; border-top: none; border-left: none; transition-duration: 0s; background: #fff; width: 100% !important; display: flex; flex-direction: column; /*&.span1 { max-width: 8.33%; } &.span2 { max-width: 100%; } &.span3 { max-width: 25%; } &.span4 { max-width: 33.33%; } &.span5 { max-width: 20%; } &.span6 { max-width: 50%; }*/ } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox:first-child { border-left: 1px solid 0px; } @media only all and (max-width: 48rem) { #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox[class*="span"] { max-width: 100%; } } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-image-block { margin: 0.5rem; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-image-block .horizontal.small-db.top_left, #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-image-block .horizontal.big-db.top_left { top: 0; left: 0; border-radius: 0; z-index: 1000; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block { margin: 0; padding: 0; flex-grow: 1; display: flex; flex-direction: column; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block * { margin: 0; padding: 0; line-height: normal; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block > * { margin: 10px 0; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block h5 { font-size: 1.15rem; font-weight: 600; line-height: normal; text-transform: none; flex-grow: 1; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block h5 a { transition: all 0s; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block h5 a small { display: block; margin-top: 0.25rem; color: inherit; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block .eshop-product-price .price, #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-info-block .eshop-product-price .eshop-sale-price { font-weight: 600; font-size: 1.15rem; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons * { margin: 0; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons > * { margin: 10px 0; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons > *:last-child { margin-bottom: 0; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-cart-area > *, #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-quote-area > * { margin: 0 2px; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-cart-area .eshop-quantity .eshop-quantity-value, #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-quote-area .eshop-quantity .eshop-quantity-value { width: 40px !important; border-radius: 0; box-shadow: none; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-cart-area .eshop-quantity a:first-child, #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-quote-area .eshop-quantity a:first-child { padding: 5px 10px; border-radius: 0px 0 0 0px; min-width: 30px; border: 1px solid #e0e0e0 !important; border-right: none !important; background-color: transparent !important; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-cart-area .eshop-quantity a:last-child, #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-quote-area .eshop-quantity a:last-child { padding: 5px 10px; border-radius: 0 0px 0px 0; min-width: 30px; border: 1px solid #e0e0e0 !important; border-left: none !important; background-color: transparent !important; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-cart-area input[type="button"], #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-cart-area .search .btn-toolbar #search-searchword[type="button"], #b4s .search .btn-toolbar #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-cart-area #search-searchword[type="button"], #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-quote-area input[type="button"], #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-quote-area .search .btn-toolbar #search-searchword[type="button"], #b4s .search .btn-toolbar #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons .eshop-quote-area #search-searchword[type="button"] { background-image: url('../images/add-to-cart.png'); background-repeat: no-repeat; background-position: center center; background-size: 20px; text-indent: -1000px; letter-spacing: -1000px; border-radius: 0px; min-width: 40px; white-space: break-spaces; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons > p { /*a:nth-last-child(1) { &:before { content: "\f24d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } }*/ } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons > p a { display: inline-flex; align-items: center; color: #1fa86e; border-color: transparent; background: none; background-color: transparent; font-size: 0; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons > p a:hover { color: #000000; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons > p a:nth-last-child(2):before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } #b4s #eshop-main-container #products-list-container.grid > .row-fluid.clearfix:not(.sortPagiBar) .spanbox .eshop-buttons > p a:nth-last-child(1):before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } #b4s #eshop-main-container { /* Ajax search */ } #b4s #eshop-main-container hr { display: none; } #b4s #eshop-main-container > div.row-fluid:first-child { padding-bottom: 1rem; margin-bottom: 0.5rem; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid { display: flex; flex-wrap: wrap; border-radius: 0; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid:first-child .spanbox:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid:last-child .spanbox:last-child { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox { flex-grow: 1; margin: 0 0 15px 0; padding: 10px; transition-duration: 0s; background: #fff; } @media only all and (min-width: 30rem) { #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-image-block { width: 20%; } } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-info-block { margin: 0; padding: 0; } @media only all and (min-width: 30rem) { #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-info-block { padding-left: 1rem; width: 80%; } } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-info-block * { margin: 0; padding: 0; line-height: normal; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-info-block > * { margin: 10px 0; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-info-block h5 { font-size: 1.15rem; font-weight: 600; line-height: normal; text-transform: none; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-info-block h5 a { transition: all 0s; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-info-block h5 a small { display: block; margin-top: 0.25rem; color: inherit; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-info-block .eshop-product-price .price, #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-info-block .eshop-product-price .eshop-sale-price { font-weight: 600; font-size: 1.15rem; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; justify-content: center; } @media only all and (min-width: 30rem) { #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons { float: right; padding-left: 1rem; width: 80%; text-align: left; } } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons * { margin: 0; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons > * { display: inline-block; margin: 10px 0; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons > *:last-child { margin-bottom: 0; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons .eshop-cart-area > *, #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons .eshop-quote-area > * { margin: 0 2px; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons .eshop-cart-area .eshop-quantity .eshop-quantity-value, #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons .eshop-quote-area .eshop-quantity .eshop-quantity-value { width: 40px !important; border-radius: 0; box-shadow: none; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons .eshop-cart-area .eshop-quantity a:first-child, #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons .eshop-quote-area .eshop-quantity a:first-child { padding: 5px 10px; border-radius: 0px 0 0 0px; min-width: 30px; border: 1px solid #e0e0e0 !important; border-right: none !important; background-color: transparent !important; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons .eshop-cart-area .eshop-quantity a:last-child, #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons .eshop-quote-area .eshop-quantity a:last-child { padding: 5px 10px; border-radius: 0 0px 0px 0; min-width: 30px; border: 1px solid #e0e0e0 !important; border-left: none !important; background-color: transparent !important; } @media only all and (max-width: 48rem) { #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons .eshop-cart-area input[type="button"], #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons .eshop-cart-area .search .btn-toolbar #search-searchword[type="button"], #b4s .search .btn-toolbar #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons .eshop-cart-area #search-searchword[type="button"], #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons .eshop-quote-area input[type="button"], #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons .eshop-quote-area .search .btn-toolbar #search-searchword[type="button"], #b4s .search .btn-toolbar #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons .eshop-quote-area #search-searchword[type="button"] { background-image: url('../images/add-to-cart.png'); background-repeat: no-repeat; background-position: center center; background-size: 20px; text-indent: -1000px; letter-spacing: -1000px; border-radius: 0px; min-width: 40px; white-space: break-spaces; } } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons > p { /*a:nth-last-child(1) { &:before { content: "\f24d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } }*/ } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons > p a { display: inline-flex; align-items: center; color: #1fa86e; border-color: transparent; background: none; background-color: transparent; font-size: 0; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons > p a:hover { color: #000000; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons > p a:nth-last-child(2):before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } #b4s #eshop-main-container #products-list-container.list #products-list > .row-fluid .spanbox .eshop-buttons > p a:nth-last-child(1):before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } #b4s #eshop-main-container #products-list-container.list .sortPagiBar + .row-fluid .spanbox:first-child { border-radius: 0px 0px 0 0; } #b4s #eshop-main-container #products-list-container.list > .row-fluid { display: flex; flex-wrap: wrap; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox { flex-grow: 1; margin: 0 0 15px 0; padding: 10px; transition-duration: 0s; background: #fff; } @media only all and (min-width: 30rem) { #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-image-block { width: 20%; } } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-info-block { margin: 0; padding: 0; } @media only all and (min-width: 30rem) { #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-info-block { padding-left: 1rem; width: 80%; } } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-info-block * { margin: 0; padding: 0; line-height: normal; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-info-block > * { margin: 10px 0; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-info-block h5 { font-size: 1.15rem; font-weight: 600; line-height: normal; text-transform: none; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-info-block h5 a { transition: all 0s; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-info-block h5 a small { display: block; margin-top: 0.25rem; color: inherit; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-info-block .eshop-product-price .price, #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-info-block .eshop-product-price .eshop-sale-price { font-weight: 600; font-size: 1.15rem; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; justify-content: center; } @media only all and (min-width: 30rem) { #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons { float: right; padding-left: 1rem; width: 80%; text-align: left; } } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons * { margin: 0; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons > * { display: inline-block; margin: 10px 0; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons > *:last-child { margin-bottom: 0; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons .eshop-cart-area > *, #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons .eshop-quote-area > * { margin: 0 2px; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons .eshop-cart-area .eshop-quantity .eshop-quantity-value, #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons .eshop-quote-area .eshop-quantity .eshop-quantity-value { width: 40px !important; border-radius: 0; box-shadow: none; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons .eshop-cart-area .eshop-quantity a:first-child, #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons .eshop-quote-area .eshop-quantity a:first-child { padding: 5px 10px; border-radius: 0px 0 0 0px; min-width: 30px; border: 1px solid #e0e0e0 !important; border-right: none !important; background-color: transparent !important; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons .eshop-cart-area .eshop-quantity a:last-child, #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons .eshop-quote-area .eshop-quantity a:last-child { padding: 5px 10px; border-radius: 0 0px 0px 0; min-width: 30px; border: 1px solid #e0e0e0 !important; border-left: none !important; background-color: transparent !important; } @media only all and (max-width: 48rem) { #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons .eshop-cart-area input[type="button"], #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons .eshop-cart-area .search .btn-toolbar #search-searchword[type="button"], #b4s .search .btn-toolbar #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons .eshop-cart-area #search-searchword[type="button"], #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons .eshop-quote-area input[type="button"], #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons .eshop-quote-area .search .btn-toolbar #search-searchword[type="button"], #b4s .search .btn-toolbar #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons .eshop-quote-area #search-searchword[type="button"] { background-image: url('../images/add-to-cart.png'); background-repeat: no-repeat; background-position: center center; background-size: 20px; text-indent: -1000px; letter-spacing: -1000px; border-radius: 0px; min-width: 40px; white-space: break-spaces; } } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons > p { /*a:nth-last-child(1) { &:before { content: "\f24d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } }*/ } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons > p a { display: inline-flex; align-items: center; color: #1fa86e; border-color: transparent; background: none; background-color: transparent; font-size: 0; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons > p a:hover { color: #000000; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons > p a:nth-last-child(2):before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } #b4s #eshop-main-container #products-list-container.list > .row-fluid .spanbox .eshop-buttons > p a:nth-last-child(1):before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } #b4s.view-product #eshop-main-container > .row-fluid { padding-bottom: 0.5rem; margin-bottom: 0.5rem; display: grid; grid-template-columns: 1fr 1fr; align-items: center; border-bottom: 1px solid #1fa86e; } #b4s.view-product #eshop-main-container > .row-fluid:before, #b4s.view-product #eshop-main-container > .row-fluid:after { display: none; } #b4s.view-product #eshop-main-container > .row-fluid .eshop-pre-nav { width: auto; margin: 0; } #b4s.view-product #eshop-main-container > .row-fluid .eshop-pre-nav a.pull-left { padding: 5px; line-height: normal; text-align: left; } #b4s.view-product #eshop-main-container > .row-fluid .eshop-next-nav { width: auto; margin: 0; } #b4s.view-product #eshop-main-container > .row-fluid .eshop-next-nav a.pull-right { padding: 5px; line-height: normal; text-align: right; } #b4s.view-product #eshop-main-container .product-info { /* Title */ /* Image */ /* Additional Images */ /* Product Properties */ /* Price */ /* Discount */ /* Options */ /* Cart */ /* Review */ /* Share */ /* Tabs */ } #b4s.view-product #eshop-main-container .product-info h1 { margin: 0 0 3rem 0; } @media only all and (min-width: 75rem) { #b4s.view-product #eshop-main-container .product-info > .row-fluid > div[class*="span"]:nth-child(2) { padding-left: 50px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s.view-product #eshop-main-container .product-info > .row-fluid > div[class*="span"]:nth-child(2) { padding-left: 25px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s.view-product #eshop-main-container .product-info > .row-fluid > div[class*="span"]:nth-child(2) { padding-left: 15px; } } #b4s.view-product #eshop-main-container .product-info #main-image-area a.product-image { display: inline-block; position: relative; overflow: hidden; } #b4s.view-product #eshop-main-container .product-info #main-image-area a.product-image .small-db.top_left { left: 0; top: 0; border-radius: 0; z-index: 1000; } #b4s.view-product #eshop-main-container .product-info .image-additional { margin: 10px 0; } #b4s.view-product #eshop-main-container .product-info .image-additional .slick-track .slick-slide .small-db.top_left { left: 0; top: 0; border-radius: 0; z-index: 1000; } #b4s.view-product #eshop-main-container .product-info .image-additional .slick-track .slick-slide .product-image { margin: 0; outline: none; } #b4s.view-product #eshop-main-container .product-info .image-additional .slick-prev { position: absolute; display: block; height: 30px; width: 30px; line-height: 0; font-size: 0; cursor: pointer; background: #1fa86e; color: transparent; top: 50%; left: 0; margin-top: -15px; padding: 0; border: none; outline: none; } #b4s.view-product #eshop-main-container .product-info .image-additional .slick-prev:after { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; color: #fff; text-rendering: auto; -webkit-font-smoothing: antialiased; } #b4s.view-product #eshop-main-container .product-info .image-additional .slick-next { position: absolute; display: block; height: 30px; width: 30px; line-height: 0; font-size: 0; cursor: pointer; background: #1fa86e; color: transparent; top: 50%; right: 0; margin-top: -15px; padding: 0; border: none; outline: none; } #b4s.view-product #eshop-main-container .product-info .image-additional .slick-next:after { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; color: #fff; text-rendering: auto; -webkit-font-smoothing: antialiased; } #b4s.view-product #eshop-main-container .product-info .product-desc { padding: 0 0px 20px 0px; } #b4s.view-product #eshop-main-container .product-info .product-desc .product-availability span { padding: 0px 10px 1px 10px; background-color: #1fa86e; color: #fff; border-radius: 0px; } #b4s.view-product #eshop-main-container .product-info #product-price { padding: 20px 0px; } #b4s.view-product #eshop-main-container .product-info #product-price h2, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title, #b4s .featured-content.c-featured-services-products .fc-items .fc-item #b4s.view-product #eshop-main-container .product-info #product-price .fc-item-title, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community h1, #b4s .custom.c-community #b4s.view-product #eshop-main-container .product-info #product-price h1, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community h3, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community #b4s #g-aside .g-title, #b4s #g-aside #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community .g-title, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community #b4s #g-aside .moduletable > h3:first-child, #b4s #g-aside #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community .moduletable > h3:first-child, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community #b4s #g-sidebar .g-title, #b4s #g-sidebar #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community .g-title, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community #b4s #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community .moduletable > h3:first-child, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community #b4s .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community .field-entry.c-blog-subtitle, #b4s .custom.c-community #b4s.view-product #eshop-main-container .product-info #product-price h3 { margin: 0; } #b4s.view-product #eshop-main-container .product-info #product-price h2 strong, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title strong, #b4s .featured-content.c-featured-services-products .fc-items .fc-item #b4s.view-product #eshop-main-container .product-info #product-price .fc-item-title strong, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community h1 strong, #b4s .custom.c-community #b4s.view-product #eshop-main-container .product-info #product-price h1 strong, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community h3 strong, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community #b4s #g-aside .g-title strong, #b4s #g-aside #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community .g-title strong, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community #b4s #g-aside .moduletable > h3:first-child strong, #b4s #g-aside #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community .moduletable > h3:first-child strong, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community #b4s #g-sidebar .g-title strong, #b4s #g-sidebar #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community .g-title strong, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community #b4s #g-sidebar .moduletable > h3:first-child strong, #b4s #g-sidebar #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community .moduletable > h3:first-child strong, #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community #b4s .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle strong, #b4s .item-page.c-blog .page-header + .fields-container #b4s.view-product #eshop-main-container .product-info #product-price #b4s .custom.c-community .field-entry.c-blog-subtitle strong, #b4s .custom.c-community #b4s.view-product #eshop-main-container .product-info #product-price h3 strong { font-weight: bold; } #b4s.view-product #eshop-main-container .product-info .product-discount-price { padding: 20px 0px; font-weight: bold; border-bottom: 1px solid #e7e7e7; } #b4s.view-product #eshop-main-container .product-info .product-options { padding: 25px 0px; } #b4s.view-product #eshop-main-container .product-info .product-options > * { margin: 0; } #b4s.view-product #eshop-main-container .product-info .product-options > *:not(:first-child) { margin-top: 15px; } #b4s.view-product #eshop-main-container .product-info .product-options > *:not(:last-child) { margin-bottom: 15px; } #b4s.view-product #eshop-main-container .product-info .product-options h2, #b4s.view-product #eshop-main-container .product-info .product-options #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title, #b4s .featured-content.c-featured-services-products .fc-items .fc-item #b4s.view-product #eshop-main-container .product-info .product-options .fc-item-title, #b4s.view-product #eshop-main-container .product-info .product-options #b4s .custom.c-community h1, #b4s .custom.c-community #b4s.view-product #eshop-main-container .product-info .product-options h1, #b4s.view-product #eshop-main-container .product-info .product-options #b4s .custom.c-community h3, #b4s.view-product #eshop-main-container .product-info .product-options #b4s .custom.c-community #b4s #g-aside .g-title, #b4s #g-aside #b4s.view-product #eshop-main-container .product-info .product-options #b4s .custom.c-community .g-title, #b4s.view-product #eshop-main-container .product-info .product-options #b4s .custom.c-community #b4s #g-aside .moduletable > h3:first-child, #b4s #g-aside #b4s.view-product #eshop-main-container .product-info .product-options #b4s .custom.c-community .moduletable > h3:first-child, #b4s.view-product #eshop-main-container .product-info .product-options #b4s .custom.c-community #b4s #g-sidebar .g-title, #b4s #g-sidebar #b4s.view-product #eshop-main-container .product-info .product-options #b4s .custom.c-community .g-title, #b4s.view-product #eshop-main-container .product-info .product-options #b4s .custom.c-community #b4s #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar #b4s.view-product #eshop-main-container .product-info .product-options #b4s .custom.c-community .moduletable > h3:first-child, #b4s.view-product #eshop-main-container .product-info .product-options #b4s .custom.c-community #b4s .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container #b4s.view-product #eshop-main-container .product-info .product-options #b4s .custom.c-community .field-entry.c-blog-subtitle, #b4s .custom.c-community #b4s.view-product #eshop-main-container .product-info .product-options h3 { font-size: 1rem; } #b4s.view-product #eshop-main-container .product-info .product-options p { margin: 5px 0; } #b4s.view-product #eshop-main-container .product-info .product-options select { width: auto; } #b4s.view-product #eshop-main-container .product-info .product-options br { display: none; } #b4s.view-product #eshop-main-container .product-info .product-cart { padding: 25px 0px; } #b4s.view-product #eshop-main-container .product-info .product-cart [class*="span"] { width: 100%; margin: 0; } #b4s.view-product #eshop-main-container .product-info .product-cart label { background-color: transparent; color: #000000; padding: 10px 15px; padding-left: 0; } #b4s.view-product #eshop-main-container .product-info .product-cart .eshop-quantity { display: inline-block; } #b4s.view-product #eshop-main-container .product-info .product-cart .eshop-quantity .eshop-quantity-value { width: 40px !important; border-radius: 0; box-shadow: none; } #b4s.view-product #eshop-main-container .product-info .product-cart .eshop-quantity a:first-child { padding: 5px 10px; border-radius: 0px 0 0 0px; min-width: 30px; border: 1px solid #e0e0e0 !important; border-right: none !important; background-color: transparent !important; } #b4s.view-product #eshop-main-container .product-info .product-cart .eshop-quantity a:last-child { padding: 5px 10px; border-radius: 0 0px 0px 0; min-width: 30px; border: 1px solid #e0e0e0 !important; border-left: none !important; background-color: transparent !important; } #b4s.view-product #eshop-main-container .product-info .product-cart #add-to-cart { /*background-image: url('../images/add-to-cart.png'); background-repeat: no-repeat; background-position: center center; background-size: 20px; min-width: 44px;*/ } #b4s.view-product #eshop-main-container .product-info .product-cart p { margin: 0.3rem 0; /*&:nth-child(2) { a { &:before { content: "\f24d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 1rem; text-align: center; text-rendering: auto; min-width: 16px; margin: 0 5px 0 0; } } }*/ } #b4s.view-product #eshop-main-container .product-info .product-cart p:nth-child(1) a:before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 1rem; text-align: center; text-rendering: auto; min-width: 16px; margin: 0 5px 0 0; } #b4s.view-product #eshop-main-container .product-info .product-cart p:nth-child(2) a:before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 1rem; text-align: center; text-rendering: auto; min-width: 16px; margin: 0 5px 0 0; } #b4s.view-product #eshop-main-container .product-info .product-cart p:nth-child(3) a:before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 1rem; text-align: center; text-rendering: auto; min-width: 16px; margin: 0 5px 0 0; } #b4s.view-product #eshop-main-container .product-info .product-cart p:nth-child(4) a:before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 1rem; text-align: center; text-rendering: auto; min-width: 16px; margin: 0 5px 0 0; } #b4s.view-product #eshop-main-container .product-info .product-review { padding: 0; margin: 0; border-radius: 0px; } #b4s.view-product #eshop-main-container .product-info .product-review > p { margin: 0; } #b4s.view-product #eshop-main-container .product-info .product-review > p > * { display: inline-block; margin: 0.5rem; } #b4s.view-product #eshop-main-container .product-info .product-review > p img { padding: 4px 0; } #b4s.view-product #eshop-main-container .product-info .product-share { border: none; padding: 0; } #b4s.view-product #eshop-main-container .product-info .product-share .ps_area { display: flex; align-items: flex-start; flex-wrap: wrap; } #b4s.view-product #eshop-main-container .product-info .product-share .ps_area > * { width: auto; margin: 0 0.5rem 0 0; top: auto; bottom: auto; left: auto; right: auto; display: flex; } #b4s.view-product #eshop-main-container .product-info #productTabs { margin: 3rem 0 0 0; } #b4s.view-product #eshop-main-container .product-info #productTabs li a { color: #000000; font-weight: bold; border-radius: 0px 0px 0 0; } #b4s.view-product #eshop-main-container .product-info #productTabs li.active a { background: #fff; } #b4s.view-product #eshop-main-container .product-info .tab-content { border-radius: 0 0 0px 0px; background: #fff; } #b4s.view-product #eshop-main-container .product-info .tab-content .tab-pane > *:first-child { margin-top: 0; } #b4s.view-product #eshop-main-container .product-info .tab-content .tab-pane > *:last-child { margin-bottom: 0; } #b4s #colorbox #cboxClose { padding: 0; border: none; } #b4s #colorbox .input-append, #b4s #colorbox .input-prepend { margin: 0; } #b4s #colorbox .input-append .eshop-quantity, #b4s #colorbox .input-prepend .eshop-quantity { display: flex; flex-direction: column; align-items: stretch; width: 40px; } #b4s #colorbox .input-append .eshop-quantity input[type="text"], #b4s #colorbox .input-append .eshop-quantity .search .btn-toolbar #search-searchword[type="text"], #b4s #colorbox .input-append .eshop-quantity .search .btn-toolbar .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar #colorbox .input-append .eshop-quantity .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar #colorbox .input-append .eshop-quantity #search-searchword[type="text"], #b4s #colorbox .input-append .eshop-quantity .search .btn-toolbar input#search-searchword, #b4s .search .btn-toolbar #colorbox .input-append .eshop-quantity input#search-searchword, #b4s #colorbox .input-prepend .eshop-quantity input[type="text"], #b4s #colorbox .input-prepend .eshop-quantity .search .btn-toolbar #search-searchword[type="text"], #b4s #colorbox .input-prepend .eshop-quantity .search .btn-toolbar .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar #colorbox .input-prepend .eshop-quantity .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar #colorbox .input-prepend .eshop-quantity #search-searchword[type="text"], #b4s #colorbox .input-prepend .eshop-quantity .search .btn-toolbar input#search-searchword, #b4s .search .btn-toolbar #colorbox .input-prepend .eshop-quantity input#search-searchword { width: 100% !important; height: 30px !important; padding: 0 !important; border: solid 1px #1fa86e; border-radius: 0 !important; } #b4s #colorbox .input-append .eshop-quantity .btn.button-plus, #b4s #colorbox .input-append .eshop-quantity .btn.button-minus, #b4s #colorbox .input-prepend .eshop-quantity .btn.button-plus, #b4s #colorbox .input-prepend .eshop-quantity .btn.button-minus { width: 100% !important; height: 25px !important; padding: 0 !important; } #b4s #colorbox .input-append .eshop-quantity .btn.button-plus, #b4s #colorbox .input-prepend .eshop-quantity .btn.button-plus { border-radius: 0px 0px 0 0 !important; min-width: 30px; border: 1px solid #e0e0e0 !important; border-bottom: none !important; background-color: transparent !important; } #b4s #colorbox .input-append .eshop-quantity .btn.button-minus, #b4s #colorbox .input-prepend .eshop-quantity .btn.button-minus { border-radius: 0 0 0px 0px !important; min-width: 30px; border: 1px solid #e0e0e0 !important; border-top: none !important; background-color: transparent !important; } #b4s #colorbox .bottom { margin: 0; } #b4s #colorbox .bottom .controls > * { margin: 0.25rem 0; letter-spacing: -0.5px; } #b4s #colorbox #cboxContent #cboxPrevious { width: 32px; height: 32px; margin: 0; padding: 0; position: absolute; left: 5px; bottom: 5px; } #b4s #colorbox #cboxContent #cboxPrevious:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; width: 16px; height: 16px; top: 8px; left: 8px; text-align: center; line-height: 16px; text-indent: 0; content: ""; } #b4s #colorbox #cboxContent #cboxNext { width: 32px; height: 32px; margin: 0; padding: 0; position: absolute; left: 42px; bottom: 5px; } #b4s #colorbox #cboxContent #cboxNext:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; width: 16px; height: 16px; top: 8px; left: 8px; text-align: center; line-height: 16px; text-indent: 0; content: ""; } #b4s #colorbox #cboxContent #cboxCurrent { width: auto; height: 32px; line-height: 32px; position: absolute; left: 79px; bottom: 5px; text-transform: uppercase; } #b4s.com_eshop.view-product #cboxOverlay { opacity: 1 !important; } #b4s.com_eshop.view-product #colorbox { top: 1rem !important; left: calc(50% - min(45vh, 45vw)) !important; width: 90vh !important; height: 90vh !important; max-width: 90vw !important; position: fixed !important; } #b4s.com_eshop.view-product #colorbox #cboxWrapper { width: 100% !important; height: 100% !important; overflow-y: auto !important; } #b4s.com_eshop.view-product #colorbox #cboxWrapper #cboxContent { width: 100% !important; height: 100% !important; } #b4s.com_eshop.view-product #colorbox #cboxWrapper #cboxContent #cboxLoadedContent { width: calc(100% - 60px) !important; height: calc(100% - 60px) !important; } #b4s.com_eshop.view-product #colorbox #cboxWrapper #cboxContent #cboxLoadedContent .cboxPhoto { width: 100% !important; height: 100% !important; } #b4s .cart-info table { border-collapse: collapse; } #b4s .cart-info table th { text-align: center; } #b4s .cart-info table td { text-align: center; } #b4s .cart-info .input-append, #b4s .cart-info .input-prepend { margin: 0; } #b4s .cart-info .input-append .eshop-quantity, #b4s .cart-info .input-prepend .eshop-quantity { display: flex; flex-direction: column; align-items: stretch; width: 40px; } #b4s .cart-info .input-append .eshop-quantity input[type="text"], #b4s .cart-info .input-append .eshop-quantity .search .btn-toolbar #search-searchword[type="text"], #b4s .cart-info .input-append .eshop-quantity .search .btn-toolbar .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar .cart-info .input-append .eshop-quantity .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar .cart-info .input-append .eshop-quantity #search-searchword[type="text"], #b4s .cart-info .input-append .eshop-quantity .search .btn-toolbar input#search-searchword, #b4s .search .btn-toolbar .cart-info .input-append .eshop-quantity input#search-searchword, #b4s .cart-info .input-prepend .eshop-quantity input[type="text"], #b4s .cart-info .input-prepend .eshop-quantity .search .btn-toolbar #search-searchword[type="text"], #b4s .cart-info .input-prepend .eshop-quantity .search .btn-toolbar .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar .cart-info .input-prepend .eshop-quantity .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar .cart-info .input-prepend .eshop-quantity #search-searchword[type="text"], #b4s .cart-info .input-prepend .eshop-quantity .search .btn-toolbar input#search-searchword, #b4s .search .btn-toolbar .cart-info .input-prepend .eshop-quantity input#search-searchword { width: 100% !important; height: 30px !important; padding: 0 !important; border-radius: 0 !important; } #b4s .cart-info .input-append .eshop-quantity .btn.button-plus, #b4s .cart-info .input-append .eshop-quantity .btn.button-minus, #b4s .cart-info .input-prepend .eshop-quantity .btn.button-plus, #b4s .cart-info .input-prepend .eshop-quantity .btn.button-minus { width: 100% !important; height: 25px !important; padding: 0 !important; } #b4s .cart-info .input-append .eshop-quantity .btn.button-plus, #b4s .cart-info .input-prepend .eshop-quantity .btn.button-plus { border-radius: 0px 0px 0 0 !important; min-width: 30px; border: 1px solid #e0e0e0 !important; border-bottom: none !important; background-color: transparent !important; } #b4s .cart-info .input-append .eshop-quantity .btn.button-minus, #b4s .cart-info .input-prepend .eshop-quantity .btn.button-minus { border-radius: 0 0 0px 0px !important; min-width: 30px; border: 1px solid #e0e0e0 !important; border-top: none !important; background-color: transparent !important; } #b4s .cart-info ~ table label[for="coupon_code"] + .controls { display: flex; align-items: center; } #b4s .cart-info ~ table #coupon_code { margin-right: 15px; } #b4s .cart-info ~ table label[for="voucher_code"] + .controls { display: flex; align-items: center; } #b4s .cart-info ~ table #voucher_code { margin-right: 15px; } #b4s.view-cart table { background: #fff; } #b4s.view-cart .form-horizontal .control-group:last-child { margin: 0; } #b4s .quote-info table { border-collapse: collapse; } #b4s .quote-info table th { text-align: center; } #b4s .quote-info table td { text-align: center; } #b4s .quote-info .input-append, #b4s .quote-info .input-prepend { margin: 0; } #b4s .quote-info .input-append .eshop-quantity, #b4s .quote-info .input-prepend .eshop-quantity { display: flex; flex-direction: column; align-items: stretch; width: 40px; } #b4s .quote-info .input-append .eshop-quantity input[type="text"], #b4s .quote-info .input-append .eshop-quantity .search .btn-toolbar #search-searchword[type="text"], #b4s .quote-info .input-append .eshop-quantity .search .btn-toolbar .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar .quote-info .input-append .eshop-quantity .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar .quote-info .input-append .eshop-quantity #search-searchword[type="text"], #b4s .quote-info .input-append .eshop-quantity .search .btn-toolbar input#search-searchword, #b4s .search .btn-toolbar .quote-info .input-append .eshop-quantity input#search-searchword, #b4s .quote-info .input-prepend .eshop-quantity input[type="text"], #b4s .quote-info .input-prepend .eshop-quantity .search .btn-toolbar #search-searchword[type="text"], #b4s .quote-info .input-prepend .eshop-quantity .search .btn-toolbar .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar .quote-info .input-prepend .eshop-quantity .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar .quote-info .input-prepend .eshop-quantity #search-searchword[type="text"], #b4s .quote-info .input-prepend .eshop-quantity .search .btn-toolbar input#search-searchword, #b4s .search .btn-toolbar .quote-info .input-prepend .eshop-quantity input#search-searchword { width: 100% !important; height: 30px !important; padding: 0 !important; border-radius: 0 !important; } #b4s .quote-info .input-append .eshop-quantity .btn.button-plus, #b4s .quote-info .input-append .eshop-quantity .btn.button-minus, #b4s .quote-info .input-prepend .eshop-quantity .btn.button-plus, #b4s .quote-info .input-prepend .eshop-quantity .btn.button-minus { width: 100% !important; height: 25px !important; padding: 0 !important; } #b4s .quote-info .input-append .eshop-quantity .btn.button-plus, #b4s .quote-info .input-prepend .eshop-quantity .btn.button-plus { border-radius: 0px 0px 0 0 !important; min-width: 30px; border: 1px solid #e0e0e0 !important; border-bottom: none !important; background-color: transparent !important; } #b4s .quote-info .input-append .eshop-quantity .btn.button-minus, #b4s .quote-info .input-prepend .eshop-quantity .btn.button-minus { border-radius: 0 0 0px 0px !important; min-width: 30px; border: 1px solid #e0e0e0 !important; border-top: none !important; background-color: transparent !important; } #b4s #quote-form-area form { display: flex; flex-direction: column; justify-content: center; align-items: center; } #b4s #quote-form-area form .control-group { width: 100%; display: flex; gap: 5px 15px; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s #quote-form-area form .control-group { flex-direction: column; } } @media only all and (max-width: 30rem) { #b4s #quote-form-area form .control-group { flex-direction: column; } } #b4s #quote-form-area form .control-group:has(.newsletter-interest) { width: auto; } #b4s #quote-form-area form .control-group:has(.g-recaptcha) { width: auto; flex-direction: column; } #b4s #quote-form-area form .control-group:has(.g-recaptcha) .control-label { width: auto; } #b4s #quote-form-area form .control-group::before, #b4s #quote-form-area form .control-group::after { display: none; } #b4s #quote-form-area form .control-group + .control-group { margin-top: 10px; } #b4s #quote-form-area form .control-group .controls { flex-grow: 1; } #b4s #quote-form-area form .control-group textarea { height: 70px !important; } #b4s.view-quote table { background: #fff; } #b4s.view-quote .form-horizontal .control-group:last-child { margin: 0; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s.com_eshop.view-checkout #eshop-main-container .checkout-heading a { display: block; float: none; } } @media only all and (max-width: 30rem) { #b4s.com_eshop.view-checkout #eshop-main-container .checkout-heading a { display: block; float: none; } } #b4s.com_eshop.view-checkout #checkout-options .checkout-heading { padding: 5px 15px; border-radius: 0px; text-transform: uppercase; } #b4s.com_eshop.view-checkout #checkout-options .checkout-content { display: grid; grid-column-gap: 1.5rem; grid-row-gap: 2rem; } @media only all and (min-width: 75rem) { #b4s.com_eshop.view-checkout #checkout-options .checkout-content { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s.com_eshop.view-checkout #checkout-options .checkout-content { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s.com_eshop.view-checkout #checkout-options .checkout-content { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s.com_eshop.view-checkout #checkout-options .checkout-content { grid-template-columns: 1fr; } } @media only all and (max-width: 30rem) { #b4s.com_eshop.view-checkout #checkout-options .checkout-content { grid-template-columns: 1fr; } } #b4s.com_eshop.view-checkout #checkout-options .checkout-content > * { width: 100%; padding: 0; margin: 0; } #b4s.com_eshop.view-checkout #checkout-options .control-label { padding-top: 10px; } #b4s.com_eshop.view-checkout #checkout-options input[type="radio"], #b4s.com_eshop.view-checkout #checkout-options #b4s .search .btn-toolbar #search-searchword[type="radio"], #b4s .search .btn-toolbar #b4s.com_eshop.view-checkout #checkout-options #search-searchword[type="radio"] { margin: 4px 0 0 -20px; } #b4s.com_eshop.view-checkout #payment-address .checkout-heading { padding: 5px 15px; border-radius: 0px; text-transform: uppercase; } #b4s.com_eshop.view-checkout #payment-address .checkout-content > .no_margin_right { width: 100%; float: none; } #b4s.com_eshop.view-checkout #payment-address .checkout-content > .no_margin_right .checkbox { padding: 0; margin: 0.5rem 0; } #b4s.com_eshop.view-checkout #payment-address .checkout-content > .no_margin_left { width: 100%; float: none; } #b4s.com_eshop.view-checkout #payment-address .checkout-content > .no_margin_left .privacy { width: 100%; padding: 0; margin: 0.5rem 0; float: none; } #b4s.com_eshop.view-checkout #payment-address .control-label { padding-top: 10px; } #b4s.com_eshop.view-checkout #payment-address input[type="radio"], #b4s.com_eshop.view-checkout #payment-address #b4s .search .btn-toolbar #search-searchword[type="radio"], #b4s .search .btn-toolbar #b4s.com_eshop.view-checkout #payment-address #search-searchword[type="radio"] { margin: 4px 0 0 -20px; } #b4s.com_eshop.view-checkout #payment-address #address_id { height: auto !important; } #b4s.com_eshop.view-checkout #shipping-address .checkout-heading { padding: 5px 15px; border-radius: 0px; text-transform: uppercase; } #b4s.com_eshop.view-checkout #shipping-address .control-label { padding-top: 10px; } #b4s.com_eshop.view-checkout #shipping-address input[type="radio"], #b4s.com_eshop.view-checkout #shipping-address #b4s .search .btn-toolbar #search-searchword[type="radio"], #b4s .search .btn-toolbar #b4s.com_eshop.view-checkout #shipping-address #search-searchword[type="radio"] { margin: 4px 0 0 -20px; } #b4s.com_eshop.view-checkout #shipping-address #address_id { height: auto !important; } #b4s.com_eshop.view-checkout #shipping-method .checkout-heading { padding: 5px 15px; border-radius: 0px; text-transform: uppercase; } #b4s.com_eshop.view-checkout #shipping-method .control-label { padding-top: 10px; } #b4s.com_eshop.view-checkout #shipping-method label { padding-top: 0; } #b4s.com_eshop.view-checkout #shipping-method input[type="radio"], #b4s.com_eshop.view-checkout #shipping-method #b4s .search .btn-toolbar #search-searchword[type="radio"], #b4s .search .btn-toolbar #b4s.com_eshop.view-checkout #shipping-method #search-searchword[type="radio"] { margin: 4px 0 0 -20px; } #b4s.com_eshop.view-checkout #shipping-method textarea[name="comment"] { height: 100px !important; } #b4s.com_eshop.view-checkout #payment-method .checkout-heading { padding: 5px 15px; border-radius: 0px; text-transform: uppercase; } #b4s.com_eshop.view-checkout #payment-method .control-label { padding-top: 10px; } #b4s.com_eshop.view-checkout #payment-method input[type="radio"], #b4s.com_eshop.view-checkout #payment-method #b4s .search .btn-toolbar #search-searchword[type="radio"], #b4s .search .btn-toolbar #b4s.com_eshop.view-checkout #payment-method #search-searchword[type="radio"] { margin: 4px 0 0 -20px; } #b4s.com_eshop.view-checkout #payment-method input[type="checkbox"], #b4s.com_eshop.view-checkout #payment-method #b4s .search .btn-toolbar #search-searchword[type="checkbox"], #b4s .search .btn-toolbar #b4s.com_eshop.view-checkout #payment-method #search-searchword[type="checkbox"] { margin: 4px 0 0 -20px; } #b4s.com_eshop.view-checkout #payment-method input[type="checkbox"][name="privacy_policy_agree"], #b4s.com_eshop.view-checkout #payment-method #b4s .search .btn-toolbar #search-searchword[name="privacy_policy_agree"][type="checkbox"], #b4s .search .btn-toolbar #b4s.com_eshop.view-checkout #payment-method #search-searchword[name="privacy_policy_agree"][type="checkbox"] { margin-left: 0; } #b4s.com_eshop.view-checkout #payment-method textarea[name="comment"] { height: 100px !important; } #b4s.com_eshop.view-checkout #payment-method .eshop-agree-privacy-policy-message u { font-weight: normal; } #b4s.com_eshop.view-checkout #confirm .checkout-heading { padding: 5px 15px; border-radius: 0px; text-transform: uppercase; } #b4s.com_eshop.view-checkout #confirm .control-label { padding-top: 10px; } #b4s.com_eshop.view-checkout #confirm input[type="radio"], #b4s.com_eshop.view-checkout #confirm #b4s .search .btn-toolbar #search-searchword[type="radio"], #b4s .search .btn-toolbar #b4s.com_eshop.view-checkout #confirm #search-searchword[type="radio"] { margin: 4px 0 0 -20px; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s.com_eshop.view-checkout #confirm td { text-align: center !important; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s.com_eshop.view-checkout #confirm td { display: flex; flex-direction: column; align-items: stretch; justify-content: center; text-align: center !important; } #b4s.com_eshop.view-checkout #confirm td > *, #b4s.com_eshop.view-checkout #confirm td:before, #b4s.com_eshop.view-checkout #confirm td:after { padding: 0; margin: 0; width: 100%; float: none; text-align: center !important; } } @media only all and (max-width: 30rem) { #b4s.com_eshop.view-checkout #confirm td { display: flex; flex-direction: column; align-items: stretch; justify-content: center; text-align: center !important; } #b4s.com_eshop.view-checkout #confirm td > *, #b4s.com_eshop.view-checkout #confirm td:before, #b4s.com_eshop.view-checkout #confirm td:after { padding: 0; margin: 0; width: 100%; float: none; text-align: center !important; } } #b4s.com_eshop.view-checkout #confirm tr:not(:last-child) strong { font-weight: normal; } #b4s.com_eshop.view-checkout #confirm tr:last-child td { font-weight: bold; } #b4s.com_eshop.view-checkout #confirm .eshop-payment-information .no_margin_left { width: 100%; float: none; } #b4s.com_eshop.view-checkout #confirm .eshop-payment-information #payment_method_form .control-group { display: flex; align-items: center; gap: 5px 10px; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s.com_eshop.view-checkout #confirm .eshop-payment-information #payment_method_form .control-group { flex-wrap: wrap; } } @media only all and (max-width: 30rem) { #b4s.com_eshop.view-checkout #confirm .eshop-payment-information #payment_method_form .control-group { flex-wrap: wrap; } } #b4s.com_eshop.view-checkout #confirm .eshop-payment-information #payment_method_form .control-group .control-label { width: auto; padding: 0; white-space: nowrap; } #b4s.com_eshop.view-checkout #confirm .eshop-payment-information #payment_method_form .control-group .controls { width: 100%; display: flex; gap: 5px; align-items: center; } #b4s.com_eshop.view-checkout #confirm .eshop-privacy-policy { margin: 0.75rem 0 1rem 0; text-align: left; } #b4s.com_eshop.view-checkout #confirm .eshop-privacy-policy .control-label { width: auto; padding: 0; margin: 0 0.5rem 0 0; text-align: left; } #b4s.com_eshop.view-checkout #confirm .eshop-privacy-policy .controls { margin: 0; } #b4s.com_eshop.view-checkout #confirm .eshop-newsletter-interest label { padding: 0; margin: 0; display: flex; } #b4s.com_eshop.view-checkout #confirm .eshop-newsletter-interest label input, #b4s.com_eshop.view-checkout #confirm .eshop-newsletter-interest label #b4s .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar #b4s.com_eshop.view-checkout #confirm .eshop-newsletter-interest label #search-searchword { margin-left: 0.5rem; order: 10; } #b4s.com_eshop.view-checkout #confirm .eshop-checkout-terms label { padding: 0; margin: 0; display: flex; } #b4s.com_eshop.view-checkout #confirm .eshop-checkout-terms label input, #b4s.com_eshop.view-checkout #confirm .eshop-checkout-terms label #b4s .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar #b4s.com_eshop.view-checkout #confirm .eshop-checkout-terms label #search-searchword { margin-left: 0.5rem; order: 10; } #b4s.com_eshop.view-product #g-page-surround { background: #fff; } #b4s.com_eshop.view-product #g-page-surround #g-navigation { border-bottom: solid 1px #000; } #b4s.com_eshop.view-product #g-page-surround #g-header { display: none; } #b4s.com_eshop.view-product #g-page-surround #g-utility { display: none; } #b4s.com_eshop.view-product #g-page-surround #g-container-main .g-block.size-25 { display: none; } #b4s.com_eshop.view-product #g-page-surround #g-container-main .g-block.size-75 { flex: 0 100%; width: 100%; } @media only all and (min-width: 75rem) { #b4s.com_eshop.view-search #g-container-main .g-block:not(.size-100):first-child { flex: 0 300px; width: 300px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s.com_eshop.view-search #g-container-main .g-block:not(.size-100):first-child { flex: 0 300px; width: 300px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s.com_eshop.view-search #g-container-main .g-block:not(.size-100):first-child { flex: 0 250px; width: 250px; } } @media only all and (min-width: 75rem) { #b4s.com_eshop.view-search #g-container-main .g-block:not(.size-100):last-child { flex: 0 calc(100% - 300px); width: calc(100% - 300px); } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s.com_eshop.view-search #g-container-main .g-block:not(.size-100):last-child { flex: 0 calc(100% - 300px); width: calc(100% - 300px); } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s.com_eshop.view-search #g-container-main .g-block:not(.size-100):last-child { flex: 0 calc(100% - 250px); width: calc(100% - 250px); } } #b4s.com_eshop.view-search #g-mainbar { padding: 1rem 0 3rem 0 !important; } #b4s.com_eshop.view-search #eshop-main-container > h1:first-child { display: none; } #b4s.com_eshop.view-filter #g-mainbar { padding: 1rem 0 3rem 0 !important; } #b4s.com_eshop.view-filter #eshop-main-container > h1:first-child { display: none; } #b4s.com_eshop.view-checkout #eshop-main-container > .row-fluid { padding: 3rem 2rem; background: #fff; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.35); } #b4s.com_eshop.view-checkout .control-group { margin: 0.75rem 0 1rem 0; } #b4s.com_eshop.view-checkout .control-group label { width: 100%; margin: 0 0 0.5rem 0; text-align: left; } #b4s.com_eshop.view-checkout .control-group .controls { margin: 0; } #b4s.view-checkout.layout-complete #eshop-main-container table thead td { padding: 0.5rem; } #b4s.view-checkout.layout-complete #eshop-main-container table:nth-of-type(3) thead { text-align: center; font-weight: bold; } #b4s.view-checkout.layout-complete #eshop-main-container table:nth-of-type(3) tbody { text-align: center; } #b4s.view-checkout.layout-complete #eshop-main-container table:nth-of-type(3) tfoot tr td:nth-last-child(2) { text-align: right; } #b4s.view-checkout.layout-complete #eshop-main-container table:nth-of-type(3) tfoot tr td:last-child { text-align: center; } #b4s.view-checkout.layout-complete #eshop-main-container table:nth-of-type(3) tfoot tr:not(:last-child) strong, #b4s.view-checkout.layout-complete #eshop-main-container table:nth-of-type(3) tfoot tr:not(:last-child) b { font-weight: normal; } #b4s.view-checkout.layout-complete #eshop-main-container table:nth-of-type(3) tfoot tr:last-child td { font-weight: bold; } @media only all and (max-width: 59.99rem) { #b4s.view-checkout.layout-complete #eshop-main-container { /* CSS responsive-table table */ } #b4s.view-checkout.layout-complete #eshop-main-container table.table-responsive, #b4s.view-checkout.layout-complete #eshop-main-container table.table-responsive thead, #b4s.view-checkout.layout-complete #eshop-main-container table.table-responsive tbody, #b4s.view-checkout.layout-complete #eshop-main-container table.table-responsive th, #b4s.view-checkout.layout-complete #eshop-main-container table.table-responsive td, #b4s.view-checkout.layout-complete #eshop-main-container table.table-responsive tr { display: block; border: none; } #b4s.view-checkout.layout-complete #eshop-main-container table.table-responsive thead tr { position: absolute; top: -9999px; left: -9999px; } #b4s.view-checkout.layout-complete #eshop-main-container table.table-responsive tr { border: 1px solid #ccc; margin-bottom: 5px; } #b4s.view-checkout.layout-complete #eshop-main-container table.table-responsive td { border: none !important; position: relative; padding: 12px 5%; text-align: right; } #b4s.view-checkout.layout-complete #eshop-main-container table.table-responsive td::before, #b4s.view-checkout.layout-complete #eshop-main-container table.table-responsive td .td-text { float: left; width: 50%; } #b4s.view-checkout.layout-complete #eshop-main-container table.table-responsive td::before { width: 50%; padding-right: 15px; text-align: left; content: attr(data-content); display: block; font-weight: bold; } #b4s.view-checkout.layout-complete #eshop-main-container table.table-responsive td::after { content: ""; display: table; clear: both; } #b4s.view-checkout.layout-complete #eshop-main-container table.table-responsive td.center { text-align: left; } #b4s.view-checkout.layout-complete #eshop-main-container table.table-responsive li { float: left !important; text-align: left; } } #b4s.view-checkout.layout-complete .g-block:has(> #g-aside) { display: none; } #b4s.view-checkout.layout-complete .g-block:has(> #g-mainbar) { flex: 0 100%; width: 100%; } #b4s.view-checkout #colorbox { width: 90% !important; left: 5% !important; } #b4s.view-checkout #colorbox #cboxWrapper { width: 100% !important; } #b4s.view-checkout #colorbox #cboxWrapper #cboxContent { width: 100% !important; } #b4s.view-checkout #colorbox #cboxWrapper #cboxContent #cboxLoadedContent { width: calc(100% - 60px) !important; } #b4s.com_eshop.view-manufacturers #eshop-main-container .eshop-manufacturers-list .eshop-manufacturer-wrap { border: none; } #b4s.com_eshop.view-manufacturers #eshop-main-container .eshop-manufacturers-list .eshop-manufacturer-wrap .eshop-info-block { background: none; } #b4s.com_eshop.view-manufacturers #eshop-main-container .eshop-manufacturers-list .eshop-manufacturer-wrap .eshop-info-block h5 { margin: 0; font-size: 1.25rem; font-weight: 600; font-weight: bold; text-transform: none; } #b4s.com_eshop.view-manufacturer #eshop-main-container > .row-fluid { margin-bottom: 3rem; display: grid; grid-gap: 1rem 3rem; align-items: center; justify-items: center; } @media only all and (min-width: 75rem) { #b4s.com_eshop.view-manufacturer #eshop-main-container > .row-fluid { grid-template-columns: 200px auto; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s.com_eshop.view-manufacturer #eshop-main-container > .row-fluid { grid-template-columns: 200px auto; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s.com_eshop.view-manufacturer #eshop-main-container > .row-fluid { grid-template-columns: 200px auto; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s.com_eshop.view-manufacturer #eshop-main-container > .row-fluid { grid-template-columns: 1fr; } } @media only all and (max-width: 30rem) { #b4s.com_eshop.view-manufacturer #eshop-main-container > .row-fluid { grid-template-columns: 1fr; } } #b4s.com_eshop.view-manufacturer #eshop-main-container > .row-fluid::before, #b4s.com_eshop.view-manufacturer #eshop-main-container > .row-fluid::after { display: none; } #b4s.com_eshop.view-manufacturer #eshop-main-container > .row-fluid > div { width: auto; margin: 0; } #b4s.com_eshop.view-manufacturer #eshop-main-container > .row-fluid > div.span4 { height: 100%; display: flex; align-items: center; justify-content: center; background: #fff; } #b4s.com_eshop.view-manufacturer #eshop-main-container > .row-fluid > div > *:first-child { margin-top: 0; } #b4s.com_eshop.view-manufacturer #eshop-main-container > .row-fluid > div > *:last-child { margin-bottom: 0; } #b4s #email-a-friend-title { padding: 10px 30px !important; font-size: 1.5rem; } #b4s #email-a-friend-area .control-group { margin: 5px 0; } #b4s #email-a-friend-area .control-group .control-label { text-align: left; } #b4s #email-a-friend-area .control-group #message { width: 100%; } #b4s #ask-question-title { padding: 10px 30px !important; font-size: 1.5rem; } #b4s #ask-question-area .control-group { margin: 5px 0; } #b4s #ask-question-area .control-group .control-label { width: 100%; text-align: left; } #b4s #ask-question-area .control-group #message { width: 100%; } #b4s.com_eshop.view-customer #eshop-main-container > ul { margin: 1.5rem 0; list-style: none; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } #b4s.com_eshop.view-customer #eshop-main-container > ul li { display: inline-block; margin: 0.5rem; min-width: 275px; } #b4s.com_eshop.view-customer #eshop-main-container > ul li a { width: 100%; display: inline-block; box-sizing: border-box; padding: 5px 20px; margin: 0px; font-size: 14px; font-weight: 600; color: #000000; line-height: 22px; letter-spacing: 0px; text-transform: uppercase; text-decoration: none; text-shadow: none; background: #1fa86e; border-width: 2px; border-style: solid; border-color: #1fa86e; border-radius: 0px; box-shadow: none; transition: all 0.2s; } #b4s.com_eshop.view-customer #eshop-main-container > ul li a:hover { color: #fff; background: #000000; border-color: #000000; } #b4s.com_eshop.view-customer #eshop-main-container #process-user { max-width: 700px; margin: 0 auto; } #b4s.com_eshop.view-customer #eshop-main-container #process-user + div { display: block; max-width: 700px; width: 100%; margin: 0 auto; float: none !important; text-align: center; } #b4s.layout-orders #eshop-main-container .order-id { width: 50%; padding: 10px; margin: 0; background-color: #eeeeee; color: #1fa86e; } #b4s.layout-orders #eshop-main-container .order-status { width: 50%; padding: 10px; margin: 0; background-color: #eeeeee; } #b4s.layout-orders #eshop-main-container .order-content { padding: 10px; border: 1px solid #eeeeee; } #b4s.layout-addresses #eshop-main-container table td { border: none; } #b4s.layout-address #eshop-main-container #process-address .control-group:last-of-type .controls { display: flex; } #b4s.layout-address #eshop-main-container #process-address .control-group:last-of-type .controls label { padding: 0; margin: 0 1rem 0 0; display: flex; align-items: center; } #b4s.com_eshop.task-processOrder #g-container-main .g-block.size-25 { display: none; } #b4s.com_eshop.task-processOrder #g-container-main .g-block.size-75 { flex: 0 100%; width: 100%; } #b4s.com_eshop.task-processOrder #g-container-main .g-block.size-75 #g-mainbar .g-block.c-main-bottom { display: none; } #b4s .manufacturer-slide .bx-wrapper { overflow: hidden; } #b4s .manufacturer-slide .eshop_manufacturer { overflow: hidden; } #b4s .manufacturer-slide .eshop_manufacturer .owl-item { display: inline-block; padding: 5px; } #b4s .manufacturer-slide .eshop_manufacturer .owl-item .slide { border: solid 1px #ececec; border-radius: 0px; } #b4s .manufacturer-slide .btn.bx-prev, #b4s .manufacturer-slide .btn.bx-next { width: 32px !important; height: 32px !important; margin-top: -16px !important; } #b4s .manufacturer-slide .btn.bx-prev:before, #b4s .manufacturer-slide .btn.bx-next:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; width: 32px; height: 32px; top: 0; bottom: 0; left: 0; right: 0; text-align: center; line-height: 32px; text-indent: 0; } #b4s .manufacturer-slide .btn.bx-prev:before { content: ""; } #b4s .manufacturer-slide .btn.bx-next:before { content: ""; } #b4s .manufacturer-slide .eshop_manufacturer .owl-item .slide { width: auto !important; padding: 0 2rem; border: none; border-radius: 0px; } #b4s #currency { display: inline-flex; flex-direction: row-reverse; } #b4s #currency > a { margin: 0 0.15rem; color: #1fa86e; border-radius: 0px; border-color: #1fa86e; } #b4s #currency > a b { color: #1fa86e; } #b4s #eshop_products_filter_form { padding: 10px 15px; background: #fff; /* Common */ /* Reset All */ /* Price */ } #b4s #eshop_products_filter_form #accordion { margin: 0; } #b4s #eshop_products_filter_form #accordion .eshop-filter { margin: 5px 0 0 0; box-shadow: none; } #b4s #eshop_products_filter_form #accordion .eshop-filter div { border: none; } #b4s #eshop_products_filter_form #accordion .eshop-filter > a { padding: 5px 10px; background-color: #d7ebfc; color: #000000; text-transform: none; } #b4s #eshop_products_filter_form #accordion .eshop-filter > a[data="#eshop-keyword"] { background-color: #e6e6e6; } #b4s #eshop_products_filter_form #accordion .eshop-filter > a[data="#eshop-price"] { background-color: #e6e6e6; } #b4s #eshop_products_filter_form #accordion .eshop-filter > a .filter-head-icon { background: none; height: auto; width: auto; margin: 0; } #b4s #eshop_products_filter_form #accordion .eshop-filter > a .filter-head-icon:after { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 0.8rem; text-rendering: auto; -webkit-font-smoothing: antialiased; } #b4s #eshop_products_filter_form #accordion .eshop-filter .panel-collapse { border: none; } #b4s #eshop_products_filter_form #accordion .eshop-filter .panel-collapse .panel-body { font-size: 0.9rem !important; } #b4s #eshop_products_filter_form #accordion .eshop-filter .panel-collapse .panel-body ul li:not(:last-child) { border-bottom: 1px solid #b4b4b4; } #b4s #eshop_products_filter_form #accordion .eshop-filter .panel-collapse .panel-body ul li a { color: #000000; } #b4s #eshop_products_filter_form #accordion .eshop-filter .panel-collapse .panel-body ul li .badge.badge-info { font-size: 0.7rem; background: #1fa86e; } #b4s #eshop_products_filter_form #accordion .eshop-filter .panel-collapse .panel-body ul li .badge.badge-info:after { border-right-color: #1fa86e; } #b4s #eshop_products_filter_form #accordion .eshop-filter input[type="text"], #b4s #eshop_products_filter_form #accordion .eshop-filter .search .btn-toolbar #search-searchword[type="text"], #b4s #eshop_products_filter_form #accordion .eshop-filter .search .btn-toolbar .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar #eshop_products_filter_form #accordion .eshop-filter .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar #eshop_products_filter_form #accordion .eshop-filter #search-searchword[type="text"], #b4s #eshop_products_filter_form #accordion .eshop-filter .search .btn-toolbar input#search-searchword, #b4s .search .btn-toolbar #eshop_products_filter_form #accordion .eshop-filter input#search-searchword, #b4s #eshop_products_filter_form #accordion .eshop-filter select, #b4s #eshop_products_filter_form #accordion .eshop-filter textarea { box-sizing: border-box !important; padding: 6px 12px; line-height: normal; border-radius: 0; box-shadow: none; } #b4s #eshop_products_filter_form #accordion .eshop-filter input[type="radio"], #b4s #eshop_products_filter_form #accordion .eshop-filter .search .btn-toolbar #search-searchword[type="radio"], #b4s .search .btn-toolbar #eshop_products_filter_form #accordion .eshop-filter #search-searchword[type="radio"], #b4s #eshop_products_filter_form #accordion .eshop-filter input[type="checkbox"], #b4s #eshop_products_filter_form #accordion .eshop-filter .search .btn-toolbar #search-searchword[type="checkbox"], #b4s .search .btn-toolbar #eshop_products_filter_form #accordion .eshop-filter #search-searchword[type="checkbox"] { margin: 4px 0 0 -20px; } #b4s #eshop_products_filter_form #accordion .eshop-filter select { width: 100% !important; margin: 0; } #b4s #eshop_products_filter_form #accordion .eshop-filter .input-group-addon { border-radius: 0; } #b4s #eshop_products_filter_form .noUi-connect { background-color: #1fa86e; } #b4s #eshop_products_filter_form .eshop-filter-reset-all { text-align: center; } #b4s #eshop_products_filter_form .eshop-filter-reset-all .filter-button-reset { color: #1fa86e; font-weight: 600; } #b4s #eshop_products_filter_form .eshop-filter-reset-all .filter-button-reset .filter-reset-icon { background: url('../images/close.svg'); background-repeat: no-repeat; background-position: center bottom; } #b4s #eshop_products_filter_form #eshop-price { text-align: center; } #b4s #eshop_products_filter_form #eshop-price input[type="text"], #b4s #eshop_products_filter_form #eshop-price .search .btn-toolbar #search-searchword[type="text"], #b4s #eshop_products_filter_form #eshop-price .search .btn-toolbar .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar #eshop_products_filter_form #eshop-price .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar #eshop_products_filter_form #eshop-price #search-searchword[type="text"], #b4s #eshop_products_filter_form #eshop-price .search .btn-toolbar input#search-searchword, #b4s .search .btn-toolbar #eshop_products_filter_form #eshop-price input#search-searchword { width: 40%; } #b4s .moduletable > .eshop-product { overflow: visible; } #b4s .moduletable > .eshop-product > .row-fluid { overflow: visible; } #b4s .moduletable > .eshop-product > .row-fluid:after { content: ""; display: block; clear: both; } #b4s .moduletable > .eshop-product > .row-fluid .clear { clear: both; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product { padding: 0.5rem; text-align: center; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product:hover { position: relative; z-index: 1; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product > * { margin: 0.5rem; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product > *:first-child { margin-top: 0; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product > *:last-child { margin-bottom: 0; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product > *.clear { margin: 0; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product span { display: inline-block; margin: 0 0.5rem; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product p { margin: 0; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .image { border: none; background: none; box-shadow: none; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .image img { padding: 0; border: none; background: none; box-shadow: none; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product a, #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .link { display: block; font-size: 1rem; font-weight: bold; line-height: normal; text-transform: uppercase; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .product-review { text-align: center; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .product-review img { display: inline-block; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons { margin-bottom: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons * { box-sizing: border-box; margin: 0; line-height: normal; min-height: 34px; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons > * { margin: 10px 0; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons .eshop-cart-area > *, #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons .eshop-quote-area > * { margin: 0 2px; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons .eshop-cart-area .eshop-quantity .eshop-quantity-value, #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons .eshop-quote-area .eshop-quantity .eshop-quantity-value { width: 40px !important; border-radius: 0; box-shadow: none; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons .eshop-cart-area .eshop-quantity a:first-child, #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons .eshop-quote-area .eshop-quantity a:first-child { padding: 5px 10px; border-radius: 0px 0 0 0px; min-width: 30px; border: 1px solid #e0e0e0 !important; border-right: none !important; background-color: transparent !important; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons .eshop-cart-area .eshop-quantity a:last-child, #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons .eshop-quote-area .eshop-quantity a:last-child { padding: 5px 10px; border-radius: 0 0px 0px 0; min-width: 30px; border: 1px solid #e0e0e0 !important; border-left: none !important; background-color: transparent !important; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons .eshop-cart-area input[type="button"], #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons .eshop-cart-area .search .btn-toolbar #search-searchword[type="button"], #b4s .search .btn-toolbar .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons .eshop-cart-area #search-searchword[type="button"], #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons .eshop-quote-area input[type="button"], #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons .eshop-quote-area .search .btn-toolbar #search-searchword[type="button"], #b4s .search .btn-toolbar .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons .eshop-quote-area #search-searchword[type="button"] { background-image: url('../images/add-to-cart.png'); background-repeat: no-repeat; background-position: center center; background-size: 20px; text-indent: -1000px; letter-spacing: -1000px; border-radius: 0px; min-width: 40px; white-space: break-spaces; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons > p { /*a:nth-last-child(1) { &:before { content: "\f24d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } }*/ } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons > p a { display: inline-flex; align-items: center; color: #1fa86e; border-color: transparent; background: none; background-color: transparent; font-size: 0; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons > p a:hover { color: #000000; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons > p a:nth-last-child(2):before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } #b4s .moduletable > .eshop-product > .row-fluid .eshop_product .eshop-buttons > p a:nth-last-child(1):before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } #b4s .eshop-product .slick-slider .slick-list .slick-track { display: grid; grid-auto-flow: column; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide { display: flex; flex-direction: column; padding: 0.5rem; text-align: center; border: solid 0.5rem #f1f3f5; box-shadow: none; /* Wait */ /* Products */ } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide a { position: relative; overflow: hidden; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide span[class^="wait-"] img { display: none; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide span[class^="wait-"]:before { content: ""; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; display: inline-block; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide:hover { position: relative; z-index: 1; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide > * { margin: 0.5rem; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide > *:first-child { margin-top: 0; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide > *:last-child { margin-bottom: 0; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide > *.clear { margin: 0; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide a img { display: inline-block; padding: 1rem; border: none; background: none; box-shadow: none; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .short-description { font-size: 0.9rem; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .clear + a { display: block; font-size: 1.15rem; font-weight: 600; line-height: normal; text-transform: none; flex-grow: 1; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .clear + a small { display: block; margin-top: 0.25rem; color: inherit; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .small-db.top_left { left: 1rem; top: 1rem; border-radius: 0; z-index: 1000; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .product-review { text-align: center; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .product-review img { display: inline-block; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .price, #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-sale-price { font-weight: bold; font-size: 1.15rem; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-base-price { font-weight: bold; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons { margin-bottom: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons * { box-sizing: border-box; margin: 0; line-height: normal; min-height: 34px; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons > * { margin: 10px 0; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons .eshop-cart-area > *, #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons .eshop-quote-area > * { margin: 0 2px; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons .eshop-cart-area .eshop-quantity .eshop-quantity-value, #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons .eshop-quote-area .eshop-quantity .eshop-quantity-value { width: 40px !important; border-radius: 0; box-shadow: none; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons .eshop-cart-area .eshop-quantity a:first-child, #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons .eshop-quote-area .eshop-quantity a:first-child { padding: 5px 10px; border-radius: 0px 0 0 0px; min-width: 30px; border: 1px solid #e0e0e0 !important; border-right: none !important; background-color: transparent !important; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons .eshop-cart-area .eshop-quantity a:last-child, #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons .eshop-quote-area .eshop-quantity a:last-child { padding: 5px 10px; border-radius: 0 0px 0px 0; min-width: 30px; border: 1px solid #e0e0e0 !important; border-left: none !important; background-color: transparent !important; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons .eshop-cart-area input[type="button"], #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons .eshop-cart-area .search .btn-toolbar #search-searchword[type="button"], #b4s .search .btn-toolbar .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons .eshop-cart-area #search-searchword[type="button"], #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons .eshop-quote-area input[type="button"], #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons .eshop-quote-area .search .btn-toolbar #search-searchword[type="button"], #b4s .search .btn-toolbar .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons .eshop-quote-area #search-searchword[type="button"] { background-image: url('../images/add-to-cart.png'); background-repeat: no-repeat; background-position: center center; background-size: 20px; text-indent: -1000px; letter-spacing: -1000px; border-radius: 0px; min-width: 40px; white-space: break-spaces; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons > p { /*a:nth-last-child(1) { &:before { content: "\f24d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } }*/ } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons > p a { display: inline-flex; align-items: center; color: #1fa86e; border-color: transparent; background: none; background-color: transparent; font-size: 0; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons > p a:hover { color: #000000; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons > p a:nth-last-child(2):before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } #b4s .eshop-product .slick-slider .slick-list .slick-track .slick-slide .eshop-buttons > p a:nth-last-child(1):before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; } #b4s .eshop-product .slick-slider .slick-prev, #b4s .eshop-product .slick-slider .slick-next { padding: 0; margin: 0; width: 40px; height: 40px; top: calc(50% - 20px); display: flex !important; align-items: center; justify-content: center; font-size: 0; border-radius: 50%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35); } #b4s .eshop-product .slick-slider .slick-prev { left: -20px; } #b4s .eshop-product .slick-slider .slick-prev:before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; } #b4s .eshop-product .slick-slider .slick-next { right: -20px; } #b4s .eshop-product .slick-slider .slick-next:before { content: ""; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; } #b4s .btn.btn-default.button-minus { /*min-width: 30px; border: 1px $eshop-button-border-style #e0e0e0 !important; border-right: none !important; background-color: transparent !important;*/ color: #000000 !important; } #b4s .btn.btn-default.button-minus:hover { color: #000000 !important; } #b4s .btn.btn-default.button-plus { /*min-width: 30px; border: 1px $eshop-button-border-style #e0e0e0 !important; border-left: none !important; background-color: transparent !important;*/ color: #000000 !important; } #b4s .btn.btn-default.button-plus:hover { color: #000000 !important; } #b4s .custom.c-header { display: grid; grid-gap: 3rem; align-items: center; } @media only all and (min-width: 75rem) { #b4s .custom.c-header { grid-template-columns: calc(50% - 1.5rem) calc(50% - 1.5rem); grid-template-areas: "text image"; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .custom.c-header { grid-template-columns: calc(50% - 1.5rem) calc(50% - 1.5rem); grid-template-areas: "text image"; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .custom.c-header { grid-template-columns: 100%; grid-template-areas: "image" "text"; text-align: center; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .custom.c-header { grid-template-columns: 100%; grid-template-areas: "image" "text"; text-align: center; } } @media only all and (max-width: 30rem) { #b4s .custom.c-header { grid-template-columns: 100%; grid-template-areas: "image" "text"; text-align: center; } } #b4s .custom.c-header section { padding: 0; margin: 0; } #b4s .custom.c-header section:nth-child(1) { grid-area: text; } #b4s .custom.c-header section:nth-child(1) > * { margin: 1.5rem 0; } #b4s .custom.c-header section:nth-child(1) > *:first-child { margin-top: 0; } #b4s .custom.c-header section:nth-child(1) > *:last-child { margin-top: 3.5rem; margin-bottom: 0; } #b4s .custom.c-header section:nth-child(2) { grid-area: image; } #b4s .custom.c-header section:nth-child(2) > * { margin: 0; } #b4s .custom.c-header section:nth-child(2) .complete-image-slider { box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); } #b4s .custom.c-header section:nth-child(2) .complete-image-slider .swiper-container .swiper-wrapper .swiper-slide { aspect-ratio: 1.25; overflow: hidden; } #b4s .custom.c-header section:nth-child(2) .complete-image-slider .swiper-container .swiper-wrapper .swiper-slide img { object-fit: cover; object-position: center center; width: 100%; height: 100%; } #b4s .custom.c-header section:nth-child(n + 3) { display: none; } @media only all and (min-width: 75rem) { #b4s .custom.c-header .button, #b4s .custom.c-header .g-joomla-articles button, #b4s .custom.c-header .g-joomla-articles .contact #contact-form .btn, #b4s .contact #contact-form .custom.c-header .g-joomla-articles .btn, #b4s .g-joomla-articles .custom.c-header button, #b4s .custom.c-header .search .btn-toolbar button, #b4s .custom.c-header .search .btn-toolbar .contact #contact-form .btn, #b4s .contact #contact-form .custom.c-header .search .btn-toolbar .btn, #b4s .search .btn-toolbar .custom.c-header button, #b4s .custom.c-header .login + div ul.nav.nav-tabs.nav-stacked li a, #b4s .login + div ul.nav.nav-tabs.nav-stacked li .custom.c-header a, #b4s .custom.c-header .custom.c-eshop-shortcuts > div > * a, #b4s .custom.c-eshop-shortcuts > div > * .custom.c-header a { margin: 0.25rem 1.5rem 0.25rem 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .custom.c-header .button, #b4s .custom.c-header .g-joomla-articles button, #b4s .custom.c-header .g-joomla-articles .contact #contact-form .btn, #b4s .contact #contact-form .custom.c-header .g-joomla-articles .btn, #b4s .g-joomla-articles .custom.c-header button, #b4s .custom.c-header .search .btn-toolbar button, #b4s .custom.c-header .search .btn-toolbar .contact #contact-form .btn, #b4s .contact #contact-form .custom.c-header .search .btn-toolbar .btn, #b4s .search .btn-toolbar .custom.c-header button, #b4s .custom.c-header .login + div ul.nav.nav-tabs.nav-stacked li a, #b4s .login + div ul.nav.nav-tabs.nav-stacked li .custom.c-header a, #b4s .custom.c-header .custom.c-eshop-shortcuts > div > * a, #b4s .custom.c-eshop-shortcuts > div > * .custom.c-header a { margin: 0.25rem 1.5rem 0.25rem 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .custom.c-header .button, #b4s .custom.c-header .g-joomla-articles button, #b4s .custom.c-header .g-joomla-articles .contact #contact-form .btn, #b4s .contact #contact-form .custom.c-header .g-joomla-articles .btn, #b4s .g-joomla-articles .custom.c-header button, #b4s .custom.c-header .search .btn-toolbar button, #b4s .custom.c-header .search .btn-toolbar .contact #contact-form .btn, #b4s .contact #contact-form .custom.c-header .search .btn-toolbar .btn, #b4s .search .btn-toolbar .custom.c-header button, #b4s .custom.c-header .login + div ul.nav.nav-tabs.nav-stacked li a, #b4s .login + div ul.nav.nav-tabs.nav-stacked li .custom.c-header a, #b4s .custom.c-header .custom.c-eshop-shortcuts > div > * a, #b4s .custom.c-eshop-shortcuts > div > * .custom.c-header a { margin: 0.25rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .custom.c-header .button, #b4s .custom.c-header .g-joomla-articles button, #b4s .custom.c-header .g-joomla-articles .contact #contact-form .btn, #b4s .contact #contact-form .custom.c-header .g-joomla-articles .btn, #b4s .g-joomla-articles .custom.c-header button, #b4s .custom.c-header .search .btn-toolbar button, #b4s .custom.c-header .search .btn-toolbar .contact #contact-form .btn, #b4s .contact #contact-form .custom.c-header .search .btn-toolbar .btn, #b4s .search .btn-toolbar .custom.c-header button, #b4s .custom.c-header .login + div ul.nav.nav-tabs.nav-stacked li a, #b4s .login + div ul.nav.nav-tabs.nav-stacked li .custom.c-header a, #b4s .custom.c-header .custom.c-eshop-shortcuts > div > * a, #b4s .custom.c-eshop-shortcuts > div > * .custom.c-header a { margin: 0.25rem; } } @media only all and (max-width: 30rem) { #b4s .custom.c-header .button, #b4s .custom.c-header .g-joomla-articles button, #b4s .custom.c-header .g-joomla-articles .contact #contact-form .btn, #b4s .contact #contact-form .custom.c-header .g-joomla-articles .btn, #b4s .g-joomla-articles .custom.c-header button, #b4s .custom.c-header .search .btn-toolbar button, #b4s .custom.c-header .search .btn-toolbar .contact #contact-form .btn, #b4s .contact #contact-form .custom.c-header .search .btn-toolbar .btn, #b4s .search .btn-toolbar .custom.c-header button, #b4s .custom.c-header .login + div ul.nav.nav-tabs.nav-stacked li a, #b4s .login + div ul.nav.nav-tabs.nav-stacked li .custom.c-header a, #b4s .custom.c-header .custom.c-eshop-shortcuts > div > * a, #b4s .custom.c-eshop-shortcuts > div > * .custom.c-header a { margin: 0.25rem; } } #b4s.c-page-bg-beige #g-page-surround { background: #fee0ba; } #b4s.c-page-bg-blue-light #g-page-surround { background: #d7ebfc; } #b4s.c-page-bg-cyan #g-page-surround { background: #a8ebfc; } #b4s.c-page-bg-salmon #g-page-surround { background: #ffb29b; } #b4s.c-page-bg-salmon-light #g-page-surround { background: #ffcfc1; } #b4s.c-page-bg-green #g-page-surround { background: #1fa86e; } #b4s.c-page-bg-green-light #g-page-surround { background: #7cd1aa; } #b4s.c-page-bg-green-apple #g-page-surround { background: #cee3a5; } #b4s.c-page-bg-green-weak #g-page-surround { background: #bed8c5; } #b4s.c-page-bg-grey #g-page-surround { background: #f1f3f5; } #b4s.c-page-bg-olive #g-page-surround { background: #dddcd0; } #b4s.c-page-bg-pink #g-page-surround { background: #f8e1ee; } #b4s.c-page-bg-purple #g-page-surround { background: #c0b9dc; } #b4s.c-page-bg-yellow #g-page-surround { background: #fff79f; } #b4s.c-page-bg-white #g-page-surround { background: #fff; } #b4s.c-page-line-top #g-navigation { border-bottom: solid 1px #000; } #b4s .moduletable.c-module-bg-white { position: relative; } #b4s .moduletable.c-module-bg-white::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #fff; z-index: 1; } @media only all and (min-width: 75rem) { #b4s .moduletable.c-module-bg-white::before { margin-top: -4rem; margin-bottom: -4rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .moduletable.c-module-bg-white::before { margin-top: -4rem; margin-bottom: -4rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .moduletable.c-module-bg-white::before { margin-top: -3rem; margin-bottom: -3rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .moduletable.c-module-bg-white::before { margin-top: -3rem; margin-bottom: -3rem; } } @media only all and (max-width: 30rem) { #b4s .moduletable.c-module-bg-white::before { margin-top: -3rem; margin-bottom: -3rem; } } #b4s .moduletable.c-module-bg-white > * { z-index: 2; position: relative; } #b4s .moduletable.c-module-bg-white > * > *:first-child { margin-top: 0; } #b4s .moduletable.c-module-bg-white > * > *:last-child { margin-bottom: 0; } #b4s .moduletable.c-module-bg-grey { position: relative; } #b4s .moduletable.c-module-bg-grey::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #f1f3f5; z-index: 1; } @media only all and (min-width: 75rem) { #b4s .moduletable.c-module-bg-grey::before { margin-top: -4rem; margin-bottom: -4rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .moduletable.c-module-bg-grey::before { margin-top: -4rem; margin-bottom: -4rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .moduletable.c-module-bg-grey::before { margin-top: -3rem; margin-bottom: -3rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .moduletable.c-module-bg-grey::before { margin-top: -3rem; margin-bottom: -3rem; } } @media only all and (max-width: 30rem) { #b4s .moduletable.c-module-bg-grey::before { margin-top: -3rem; margin-bottom: -3rem; } } #b4s .moduletable.c-module-bg-grey > * { z-index: 2; position: relative; } #b4s .moduletable.c-module-bg-grey > * > *:first-child { margin-top: 0; } #b4s .moduletable.c-module-bg-grey > * > *:last-child { margin-bottom: 0; } #b4s .moduletable.c-module-bg-yellow { position: relative; } #b4s .moduletable.c-module-bg-yellow::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #fff79f; z-index: 1; } @media only all and (min-width: 75rem) { #b4s .moduletable.c-module-bg-yellow::before { margin-top: -4rem; margin-bottom: -4rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .moduletable.c-module-bg-yellow::before { margin-top: -4rem; margin-bottom: -4rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .moduletable.c-module-bg-yellow::before { margin-top: -3rem; margin-bottom: -3rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .moduletable.c-module-bg-yellow::before { margin-top: -3rem; margin-bottom: -3rem; } } @media only all and (max-width: 30rem) { #b4s .moduletable.c-module-bg-yellow::before { margin-top: -3rem; margin-bottom: -3rem; } } #b4s .moduletable.c-module-bg-yellow > * { z-index: 2; position: relative; } #b4s .moduletable.c-module-bg-yellow > * > *:first-child { margin-top: 0; } #b4s .moduletable.c-module-bg-yellow > * > *:last-child { margin-bottom: 0; } #b4s .custom.c-eshop-shortcuts > div { display: flex; flex-wrap: wrap; } #b4s .custom.c-eshop-shortcuts > div > * { margin: 0; overflow: hidden; transition: 0.5s all; } #b4s .custom.c-eshop-shortcuts > div > * a { display: block; margin: 0.35rem 0.75rem 0.35rem 0; border-radius: 50px; text-transform: none; overflow: hidden; white-space: nowrap; } #b4s .g-social { font-size: 1rem; } #b4s .g-social > * { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; text-align: center; border: solid 1px #fff; border-radius: 50%; } #b4s .g-social > *:hover { border: solid 1px #fff79f; } #b4s .g-social > *:not(:first-child) { margin-left: 0.5rem; } #b4s .featured-content.c-featured-services-products .fc-items .fc-item { padding: 4rem 0; display: grid; grid-gap: 1.5rem 3rem; align-items: center; } @media only all and (min-width: 75rem) { #b4s .featured-content.c-featured-services-products .fc-items .fc-item:nth-child(2n + 1) { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto auto 1fr; grid-template-areas: "image ." "image title" "image text" "image link" "image ."; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .featured-content.c-featured-services-products .fc-items .fc-item:nth-child(2n + 1) { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto auto 1fr; grid-template-areas: "image ." "image title" "image text" "image link" "image ."; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .featured-content.c-featured-services-products .fc-items .fc-item:nth-child(2n + 1) { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto auto 1fr; grid-template-areas: "image ." "image title" "image text" "image link" "image ."; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .featured-content.c-featured-services-products .fc-items .fc-item:nth-child(2n + 1) { grid-template-columns: 1fr; grid-template-areas: "image" "title" "text" "link"; } } @media only all and (max-width: 30rem) { #b4s .featured-content.c-featured-services-products .fc-items .fc-item:nth-child(2n + 1) { grid-template-columns: 1fr; grid-template-areas: "image" "title" "text" "link"; } } @media only all and (min-width: 75rem) { #b4s .featured-content.c-featured-services-products .fc-items .fc-item:nth-child(2n + 2) { grid-template-columns: 1fr 1fr; grid-template-areas: ". image" "title image" "text image" "link image" ". image"; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .featured-content.c-featured-services-products .fc-items .fc-item:nth-child(2n + 2) { grid-template-columns: 1fr 1fr; grid-template-areas: ". image" "title image" "text image" "link image" ". image"; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .featured-content.c-featured-services-products .fc-items .fc-item:nth-child(2n + 2) { grid-template-columns: 1fr 1fr; grid-template-areas: ". image" "title image" "text image" "link image" ". image"; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .featured-content.c-featured-services-products .fc-items .fc-item:nth-child(2n + 2) { grid-template-columns: 1fr; grid-template-areas: "image" "title" "text" "link"; } } @media only all and (max-width: 30rem) { #b4s .featured-content.c-featured-services-products .fc-items .fc-item:nth-child(2n + 2) { grid-template-columns: 1fr; grid-template-areas: "image" "title" "text" "link"; } } #b4s .featured-content.c-featured-services-products .fc-items .fc-item:first-child { padding-top: 0; } #b4s .featured-content.c-featured-services-products .fc-items .fc-item:last-child { padding-bottom: 0; } #b4s .featured-content.c-featured-services-products .fc-items .fc-item:not(:first-child) { border-top: solid 1px #333132; } #b4s .featured-content.c-featured-services-products .fc-items .fc-item > * { margin: 0; } #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-image { grid-area: image; text-align: center; } #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-image img { max-height: 350px; } #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title { grid-area: title; margin: 0; } #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title a { color: #000000; } #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title a:hover { color: #1fa86e; } #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-description { grid-area: text; } #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-description > *:first-child { margin-top: 0; } #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-description > *:last-child { margin-bottom: 0; } #b4s .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-link { grid-area: link; } @media only all and (min-width: 75rem) { #b4s .featured-content.c-featured-services-products.opposite .fc-items .fc-item:nth-child(2n + 1) { grid-template-columns: 1fr 1fr; grid-template-areas: ". image" "title image" "text image" "link image" ". image"; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .featured-content.c-featured-services-products.opposite .fc-items .fc-item:nth-child(2n + 1) { grid-template-columns: 1fr 1fr; grid-template-areas: ". image" "title image" "text image" "link image" ". image"; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .featured-content.c-featured-services-products.opposite .fc-items .fc-item:nth-child(2n + 1) { grid-template-columns: 1fr 1fr; grid-template-areas: ". image" "title image" "text image" "link image" ". image"; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .featured-content.c-featured-services-products.opposite .fc-items .fc-item:nth-child(2n + 1) { grid-template-columns: 1fr; grid-template-areas: "image" "title" "text" "link"; } } @media only all and (max-width: 30rem) { #b4s .featured-content.c-featured-services-products.opposite .fc-items .fc-item:nth-child(2n + 1) { grid-template-columns: 1fr; grid-template-areas: "image" "title" "text" "link"; } } @media only all and (min-width: 75rem) { #b4s .featured-content.c-featured-services-products.opposite .fc-items .fc-item:nth-child(2n + 2) { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto auto 1fr; grid-template-areas: "image ." "image title" "image text" "image link" "image ."; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .featured-content.c-featured-services-products.opposite .fc-items .fc-item:nth-child(2n + 2) { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto auto 1fr; grid-template-areas: "image ." "image title" "image text" "image link" "image ."; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .featured-content.c-featured-services-products.opposite .fc-items .fc-item:nth-child(2n + 2) { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto auto 1fr; grid-template-areas: "image ." "image title" "image text" "image link" "image ."; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .featured-content.c-featured-services-products.opposite .fc-items .fc-item:nth-child(2n + 2) { grid-template-columns: 1fr; grid-template-areas: "image" "title" "text" "link"; } } @media only all and (max-width: 30rem) { #b4s .featured-content.c-featured-services-products.opposite .fc-items .fc-item:nth-child(2n + 2) { grid-template-columns: 1fr; grid-template-areas: "image" "title" "text" "link"; } } #b4s .moduletable.c-community { text-align: center; position: relative; } #b4s .moduletable.c-community::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 100vw; margin-left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #a8ebfc; background-image: url('../images/bg-1.png'); background-size: cover; background-position: center center; z-index: 1; } @media only all and (min-width: 75rem) { #b4s .moduletable.c-community::before { margin-top: -4rem; margin-bottom: -4rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .moduletable.c-community::before { margin-top: -4rem; margin-bottom: -4rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .moduletable.c-community::before { margin-top: -3rem; margin-bottom: -3rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .moduletable.c-community::before { margin-top: -3rem; margin-bottom: -3rem; } } @media only all and (max-width: 30rem) { #b4s .moduletable.c-community::before { margin-top: -3rem; margin-bottom: -3rem; } } #b4s .moduletable.c-community > * { z-index: 2; position: relative; } #b4s .moduletable.c-community > * > *:first-child { margin-top: 0; } #b4s .moduletable.c-community > * > *:last-child { margin-bottom: 0; } #b4s .custom.c-community { max-width: 600px; padding: 3rem; margin-left: auto; margin-right: auto; background: #ffea80; font-weight: 600; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.35); } #b4s .custom.c-community > * { margin: 1.5rem 0; } #b4s .moduletable.c-stay-updated { text-align: center; position: relative; } #b4s .moduletable.c-stay-updated::before { content: ""; position: absolute; bottom: auto; left: 0; right: 0; height: 1px; width: auto; background: #333132; } @media only all and (min-width: 75rem) { #b4s .moduletable.c-stay-updated::before { top: -4rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .moduletable.c-stay-updated::before { top: -4rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .moduletable.c-stay-updated::before { top: -3rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .moduletable.c-stay-updated::before { top: -3rem; } } @media only all and (max-width: 30rem) { #b4s .moduletable.c-stay-updated::before { top: -3rem; } } #b4s .moduletable.c-stay-updated h1, #b4s .moduletable.c-stay-updated h2, #b4s .moduletable.c-stay-updated .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title, #b4s .featured-content.c-featured-services-products .fc-items .fc-item .moduletable.c-stay-updated .fc-item-title, #b4s .moduletable.c-stay-updated .custom.c-community h1, #b4s .custom.c-community .moduletable.c-stay-updated h1, #b4s .moduletable.c-stay-updated .custom.c-community h3, #b4s .moduletable.c-stay-updated .custom.c-community #g-aside .g-title, #b4s #g-aside .moduletable.c-stay-updated .custom.c-community .g-title, #b4s .moduletable.c-stay-updated .custom.c-community #g-aside .moduletable > h3:first-child, #b4s #g-aside .moduletable.c-stay-updated .custom.c-community .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated .custom.c-community #g-sidebar .g-title, #b4s #g-sidebar .moduletable.c-stay-updated .custom.c-community .g-title, #b4s .moduletable.c-stay-updated .custom.c-community #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .moduletable.c-stay-updated .custom.c-community .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated .custom.c-community .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .moduletable.c-stay-updated .custom.c-community .field-entry.c-blog-subtitle, #b4s .custom.c-community .moduletable.c-stay-updated h3, #b4s .moduletable.c-stay-updated h3, #b4s .moduletable.c-stay-updated #g-aside .g-title, #b4s #g-aside .moduletable.c-stay-updated .g-title, #b4s .moduletable.c-stay-updated #g-aside .moduletable > h3:first-child, #b4s #g-aside .moduletable.c-stay-updated .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated #g-sidebar .g-title, #b4s #g-sidebar .moduletable.c-stay-updated .g-title, #b4s .moduletable.c-stay-updated #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .moduletable.c-stay-updated .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .moduletable.c-stay-updated .field-entry.c-blog-subtitle { margin-top: 0; margin-bottom: 2.5rem; line-height: 1.2; font-size: 1.75rem; font-weight: 700; letter-spacing: 0; text-align: center; text-transform: none; font-family: "PFFuturaNeu"; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .moduletable.c-stay-updated h1, #b4s .moduletable.c-stay-updated h2, #b4s .moduletable.c-stay-updated .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title, #b4s .featured-content.c-featured-services-products .fc-items .fc-item .moduletable.c-stay-updated .fc-item-title, #b4s .moduletable.c-stay-updated .custom.c-community h1, #b4s .custom.c-community .moduletable.c-stay-updated h1, #b4s .moduletable.c-stay-updated .custom.c-community h3, #b4s .moduletable.c-stay-updated .custom.c-community #g-aside .g-title, #b4s #g-aside .moduletable.c-stay-updated .custom.c-community .g-title, #b4s .moduletable.c-stay-updated .custom.c-community #g-aside .moduletable > h3:first-child, #b4s #g-aside .moduletable.c-stay-updated .custom.c-community .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated .custom.c-community #g-sidebar .g-title, #b4s #g-sidebar .moduletable.c-stay-updated .custom.c-community .g-title, #b4s .moduletable.c-stay-updated .custom.c-community #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .moduletable.c-stay-updated .custom.c-community .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated .custom.c-community .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .moduletable.c-stay-updated .custom.c-community .field-entry.c-blog-subtitle, #b4s .custom.c-community .moduletable.c-stay-updated h3, #b4s .moduletable.c-stay-updated h3, #b4s .moduletable.c-stay-updated #g-aside .g-title, #b4s #g-aside .moduletable.c-stay-updated .g-title, #b4s .moduletable.c-stay-updated #g-aside .moduletable > h3:first-child, #b4s #g-aside .moduletable.c-stay-updated .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated #g-sidebar .g-title, #b4s #g-sidebar .moduletable.c-stay-updated .g-title, #b4s .moduletable.c-stay-updated #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .moduletable.c-stay-updated .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .moduletable.c-stay-updated .field-entry.c-blog-subtitle { letter-spacing: 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .moduletable.c-stay-updated h1, #b4s .moduletable.c-stay-updated h2, #b4s .moduletable.c-stay-updated .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title, #b4s .featured-content.c-featured-services-products .fc-items .fc-item .moduletable.c-stay-updated .fc-item-title, #b4s .moduletable.c-stay-updated .custom.c-community h1, #b4s .custom.c-community .moduletable.c-stay-updated h1, #b4s .moduletable.c-stay-updated .custom.c-community h3, #b4s .moduletable.c-stay-updated .custom.c-community #g-aside .g-title, #b4s #g-aside .moduletable.c-stay-updated .custom.c-community .g-title, #b4s .moduletable.c-stay-updated .custom.c-community #g-aside .moduletable > h3:first-child, #b4s #g-aside .moduletable.c-stay-updated .custom.c-community .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated .custom.c-community #g-sidebar .g-title, #b4s #g-sidebar .moduletable.c-stay-updated .custom.c-community .g-title, #b4s .moduletable.c-stay-updated .custom.c-community #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .moduletable.c-stay-updated .custom.c-community .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated .custom.c-community .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .moduletable.c-stay-updated .custom.c-community .field-entry.c-blog-subtitle, #b4s .custom.c-community .moduletable.c-stay-updated h3, #b4s .moduletable.c-stay-updated h3, #b4s .moduletable.c-stay-updated #g-aside .g-title, #b4s #g-aside .moduletable.c-stay-updated .g-title, #b4s .moduletable.c-stay-updated #g-aside .moduletable > h3:first-child, #b4s #g-aside .moduletable.c-stay-updated .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated #g-sidebar .g-title, #b4s #g-sidebar .moduletable.c-stay-updated .g-title, #b4s .moduletable.c-stay-updated #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .moduletable.c-stay-updated .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .moduletable.c-stay-updated .field-entry.c-blog-subtitle { font-size: 1.5rem; letter-spacing: 0; } } @media only all and (max-width: 30rem) { #b4s .moduletable.c-stay-updated h1, #b4s .moduletable.c-stay-updated h2, #b4s .moduletable.c-stay-updated .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title, #b4s .featured-content.c-featured-services-products .fc-items .fc-item .moduletable.c-stay-updated .fc-item-title, #b4s .moduletable.c-stay-updated .custom.c-community h1, #b4s .custom.c-community .moduletable.c-stay-updated h1, #b4s .moduletable.c-stay-updated .custom.c-community h3, #b4s .moduletable.c-stay-updated .custom.c-community #g-aside .g-title, #b4s #g-aside .moduletable.c-stay-updated .custom.c-community .g-title, #b4s .moduletable.c-stay-updated .custom.c-community #g-aside .moduletable > h3:first-child, #b4s #g-aside .moduletable.c-stay-updated .custom.c-community .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated .custom.c-community #g-sidebar .g-title, #b4s #g-sidebar .moduletable.c-stay-updated .custom.c-community .g-title, #b4s .moduletable.c-stay-updated .custom.c-community #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .moduletable.c-stay-updated .custom.c-community .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated .custom.c-community .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .moduletable.c-stay-updated .custom.c-community .field-entry.c-blog-subtitle, #b4s .custom.c-community .moduletable.c-stay-updated h3, #b4s .moduletable.c-stay-updated h3, #b4s .moduletable.c-stay-updated #g-aside .g-title, #b4s #g-aside .moduletable.c-stay-updated .g-title, #b4s .moduletable.c-stay-updated #g-aside .moduletable > h3:first-child, #b4s #g-aside .moduletable.c-stay-updated .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated #g-sidebar .g-title, #b4s #g-sidebar .moduletable.c-stay-updated .g-title, #b4s .moduletable.c-stay-updated #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .moduletable.c-stay-updated .moduletable > h3:first-child, #b4s .moduletable.c-stay-updated .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .moduletable.c-stay-updated .field-entry.c-blog-subtitle { font-size: 1.5rem; letter-spacing: 0; } } #b4s .moduletable.c-stay-updated section { display: grid; grid-gap: 20px; } @media only all and (min-width: 75rem) { #b4s .moduletable.c-stay-updated section { grid-template-columns: calc(75% - 10px) calc(25% - 10px); } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .moduletable.c-stay-updated section { grid-template-columns: calc(65% - 10px) calc(35% - 10px); } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .moduletable.c-stay-updated section { grid-template-columns: calc(60% - 10px) calc(40% - 10px); } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .moduletable.c-stay-updated section { grid-template-columns: 100%; } } @media only all and (max-width: 30rem) { #b4s .moduletable.c-stay-updated section { grid-template-columns: 100%; } } #b4s.c-blog { background: #fff; } #b4s.c-blog #g-page-surround { background: #fff; } @media only all and (min-width: 75rem) { #b4s.c-blog #g-page-surround { overflow: initial; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s.c-blog #g-page-surround { overflow: initial; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s.c-blog #g-page-surround { overflow: initial; } } #b4s.c-blog #g-navigation { border-bottom: solid 1px #bfbfbf; } #b4s.c-blog #g-aside { padding: 0; } @media only all and (min-width: 75rem) { #b4s.c-blog #g-aside { padding: 1.5rem 0; position: sticky; top: 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s.c-blog #g-aside { padding: 1.5rem 0; position: sticky; top: 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s.c-blog #g-aside { padding: 1.5rem 0; position: sticky; top: 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s.c-blog #g-aside { padding-bottom: 1.5rem; } } @media only all and (max-width: 30rem) { #b4s.c-blog #g-aside { padding-bottom: 1.5rem; } } #b4s.c-blog #g-mainbar { padding-top: 1rem !important; } #b4s.c-blog #g-mainbar .g-grid:not(:first-child) > .g-block { padding-top: 4rem; } #b4s.c-blog.view-category #g-testimonials { display: none; } #b4s.c-blog.view-category #g-container-main > .g-container > .g-grid > .g-block:first-child:not(:last-child) { display: none; } #b4s.c-blog.view-category #g-container-main > .g-container > .g-grid > .g-block:nth-child(2) { flex: 0 100%; width: 100%; } #b4s.c-blog.view-category .c-main-bottom { display: none; } #b4s.c-blog.view-article #g-testimonials .platform-content { border-top: solid 1px #000000; } #b4s .blog.c-blog .items-row { display: grid; grid-gap: 1.5rem 1rem; } #b4s .blog.c-blog .items-row.cols-1 { grid-template-columns: 1fr; } #b4s .blog.c-blog .items-row.cols-2 { grid-template-columns: 1fr 1fr; } #b4s .blog.c-blog .items-row.cols-3 { grid-template-columns: 1fr 1fr 1fr; } @media only all and (min-width: 75rem) { #b4s .blog.c-blog .items-row.cols-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .blog.c-blog .items-row.cols-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .blog.c-blog .items-row.cols-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .blog.c-blog .items-row.cols-4 { grid-template-columns: 1fr 1fr; } } @media only all and (max-width: 30rem) { #b4s .blog.c-blog .items-row.cols-4 { grid-template-columns: 1fr; } } #b4s .blog.c-blog .items-row:not(:first-child) { margin-top: 1.5rem; } #b4s .blog.c-blog .items-row::before, #b4s .blog.c-blog .items-row::after { display: none; } #b4s .blog.c-blog .items-row > div[class^="span"] { width: 100%; margin: 0; } #b4s .blog.c-blog .items-row .item { height: 100%; background: #f1f3f5; } #b4s .blog.c-blog .items-row .item .page-header { padding: 0; margin: 0.75rem 1rem 2rem 1rem; } #b4s .blog.c-blog .items-row .item .page-header > * { font-size: 1.25rem; font-weight: 700; text-align: left; } #b4s .blog.c-blog .items-row .item .page-header > * a { color: #000000; } #b4s .blog.c-blog .items-row .item .tags { order: -1; padding: 0; margin: 0.75rem 1rem 0 1rem; text-align: left; } #b4s .blog.c-blog .items-row .item .tags li { padding: 0; } #b4s .blog.c-blog .items-row .item .tags li:not(:first-child) { margin-left: 0.5rem; } #b4s .blog.c-blog .items-row .item .tags li a { padding: 0; background: none; font-size: 0.6rem; font-weight: 600; color: #000000; text-transform: uppercase; letter-spacing: 0.5px; } #b4s .blog.c-blog .items-row .item .item-image { overflow: hidden; order: -2; } @media only all and (min-width: 75rem) { #b4s .blog.c-blog .items-row .item .item-image { height: 180px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .blog.c-blog .items-row .item .item-image { height: 150px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .blog.c-blog .items-row .item .item-image { height: 130px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .blog.c-blog .items-row .item .item-image { height: 150px; } } @media only all and (max-width: 30rem) { #b4s .blog.c-blog .items-row .item .item-image { height: 150px; } } #b4s .blog.c-blog .items-row .item .item-image img { object-fit: cover; object-position: center center; width: 100%; height: 100%; } #b4s .item-page.c-blog { display: grid; grid-template-columns: 1fr; grid-template-areas: "image" "title" "subtitle" "text"; } #b4s .item-page.c-blog .page-header { grid-area: title; margin: 1.5rem 0 0 0; } #b4s .item-page.c-blog .page-header * { text-align: left; font-weight: 600; } #b4s .item-page.c-blog .page-header + .fields-container { grid-area: subtitle; margin: 1.5rem 0 0 0; } #b4s .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle { margin: 0; } #b4s .item-page.c-blog .tags { display: none; } #b4s .item-page.c-blog .item-image { grid-area: image; margin: 0; overflow: hidden; } #b4s .item-page.c-blog .item-image img { object-fit: cover; object-position: center center; width: 100%; height: 100%; } #b4s .item-page.c-blog div[itemprop="articleBody"] { grid-area: text; margin: 1.5rem 0 0 0; } #b4s .item-page.c-blog div[itemprop="articleBody"] > *:first-child { margin-top: 0; } #b4s .item-page.c-blog div[itemprop="articleBody"] > *:last-child { margin-bottom: 0; } #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage { display: flex; } #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article { height: 100%; overflow: auto; background: #f1f3f5; } #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-image { overflow: hidden; } @media only all and (min-width: 75rem) { #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-image { height: 180px; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-image { height: 150px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-image { height: 130px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-image { height: 150px; } } @media only all and (max-width: 30rem) { #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-image { height: 150px; } } #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-image img { object-fit: cover; object-position: center center; width: 100%; height: 100%; } #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-tags { padding: 0; margin: 0.75rem 1rem 0 1rem; text-align: left; } #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-tags div { padding: 0; font-size: 0.6rem; font-weight: 600; color: #000000; text-transform: uppercase; letter-spacing: 0.5px; } #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-tags div:not(:first-child) { margin-left: 0.5rem; } #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-tags div a { padding: 0; background: none; font-size: 0.6rem; font-weight: 600; color: #000000; text-transform: uppercase; letter-spacing: 0.5px; } #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-tags div a:hover { color: #1fa86e; } #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-title { padding: 0; margin: 0.75rem 1rem 2rem 1rem; } #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-title > * { font-size: 1.25rem; font-weight: 700; text-align: left; text-transform: none; } #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-title > * a { color: #000000; } #b4s .moduletable.c-blog .complete-article-carousel.c-blog .cac-articles .owl-stage .cac-article .cac-article-title > * a:hover { color: #1fa86e; } #b4s .at-share-btn-elements { display: inline-flex; } @media only all and (min-width: 75rem) { #b4s .at-share-btn-elements { flex-direction: column; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .at-share-btn-elements { flex-direction: column; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .at-share-btn-elements { flex-direction: column; } } #b4s .at-share-btn-elements > * { width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; text-align: center; border: solid 1px #000; } @media only all and (min-width: 75rem) { #b4s .at-share-btn-elements > * { margin: 0 0 0.75rem 0; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .at-share-btn-elements > * { margin: 0 0 0.75rem 0; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .at-share-btn-elements > * { margin: 0 0 0.75rem 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .at-share-btn-elements > * { margin: 0 0.75rem 0 0; } } @media only all and (max-width: 30rem) { #b4s .at-share-btn-elements > * { margin: 0 0.75rem 0 0; } } #b4s .at-share-btn-elements > * .at-icon-wrapper { width: 28px !important; height: 28px !important; line-height: 28px !important; } #b4s .at-share-btn-elements > * .at-icon-wrapper svg { width: 28px !important; height: 28px !important; line-height: 28px !important; } #b4s .moduletable.c-newsletter-bottom { padding: 2rem 1.5rem; background: #d9f5ff; } #b4s .moduletable.c-newsletter-bottom .g-title { margin-bottom: 2rem; text-align: left; font-weight: 600; } #b4s .moduletable.c-newsletter-bottom .acym_module .acym_module_form .acym_introtext { margin: 0 0 1rem 0; font-weight: 600; } #b4s .moduletable.c-newsletter-bottom .acym_module .acym_module_form table.acym_form { width: auto; border: none; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .moduletable.c-newsletter-bottom .acym_module .acym_module_form table.acym_form tr { display: flex; flex-direction: column; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .moduletable.c-newsletter-bottom .acym_module .acym_module_form table.acym_form tr { display: flex; flex-direction: column; } } @media only all and (max-width: 30rem) { #b4s .moduletable.c-newsletter-bottom .acym_module .acym_module_form table.acym_form tr { display: flex; flex-direction: column; } } #b4s .moduletable.c-newsletter-bottom .acym_module .acym_module_form table.acym_form tr td { padding: 0; border: none; } @media only all and (min-width: 75rem) { #b4s .moduletable.c-newsletter-bottom .acym_module .acym_module_form table.acym_form tr td.acyterms { padding: 0 0.75rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .moduletable.c-newsletter-bottom .acym_module .acym_module_form table.acym_form tr td.acyterms { padding: 0 0.75rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .moduletable.c-newsletter-bottom .acym_module .acym_module_form table.acym_form tr td.acyterms { padding: 0.75rem 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .moduletable.c-newsletter-bottom .acym_module .acym_module_form table.acym_form tr td.acyterms { padding: 0.75rem 0; } } @media only all and (max-width: 30rem) { #b4s .moduletable.c-newsletter-bottom .acym_module .acym_module_form table.acym_form tr td.acyterms { padding: 0.75rem 0; } } #b4s .moduletable.c-newsletter-bottom .acym_module .acym_module_form .acyfield_text input[name="user[email]"], #b4s .moduletable.c-newsletter-bottom .acym_module .acym_module_form .acyfield_text .search .btn-toolbar #search-searchword[name="user[email]"], #b4s .search .btn-toolbar .moduletable.c-newsletter-bottom .acym_module .acym_module_form .acyfield_text #search-searchword[name="user[email]"] { border-color: #000; } #b4s .moduletable.c-newsletter-bottom .acym_module .acym_module_form .acysubbuttons .subbutton { width: 100%; max-width: 100%; background: #2194eb; border-color: #2194eb; color: #fff; text-transform: none; font-weight: 500; } #b4s .moduletable.c-newsletter-bottom .acym_module .acym_module_form .acysubbuttons .subbutton:hover { background: #000000; border-color: #000000; } #b4s .moduletable.c-newsletter-vertical { height: 100%; padding: 2rem; background: #1fa86e; } #b4s .moduletable.c-newsletter-vertical .g-title { margin-bottom: 1.5rem; text-align: center; font-weight: 600; color: #fff; } #b4s .moduletable.c-newsletter-vertical .acym_module .acym_module_form { text-align: center; } #b4s .moduletable.c-newsletter-vertical .acym_module .acym_module_form a { color: #fff79f; } #b4s .moduletable.c-newsletter-vertical .acym_module .acym_module_form a:hover { color: #fff79f; } #b4s .moduletable.c-newsletter-vertical .acym_module .acym_module_form .acym_introtext { margin: 0 0 1.5rem 0; color: #fff; } #b4s .moduletable.c-newsletter-vertical .acym_module .acym_module_form table.acym_form { margin: 0 auto; max-width: 300px; border: none; } #b4s .moduletable.c-newsletter-vertical .acym_module .acym_module_form table.acym_form td { padding: 0; border: none; } #b4s .moduletable.c-newsletter-vertical .acym_module .acym_module_form table.acym_form .acyterms { padding: 0.5rem 0 0 0; color: #fff; } #b4s .moduletable.c-newsletter-vertical .acym_module .acym_module_form table.acym_form .acyterms a { color: #fff79f; } #b4s .moduletable.c-newsletter-vertical .acym_module .acym_module_form table.acym_form .acyterms a:hover { color: #fff79f; } #b4s .moduletable.c-newsletter-vertical .acym_module .acym_module_form table.acym_form .acyterms input, #b4s .moduletable.c-newsletter-vertical .acym_module .acym_module_form table.acym_form .acyterms .search .btn-toolbar #search-searchword, #b4s .search .btn-toolbar .moduletable.c-newsletter-vertical .acym_module .acym_module_form table.acym_form .acyterms #search-searchword { margin: 0 5px 0 0; } #b4s .moduletable.c-newsletter-vertical .acym_module .acym_module_form .acyfield_text input[name="user[email]"], #b4s .moduletable.c-newsletter-vertical .acym_module .acym_module_form .acyfield_text .search .btn-toolbar #search-searchword[name="user[email]"], #b4s .search .btn-toolbar .moduletable.c-newsletter-vertical .acym_module .acym_module_form .acyfield_text #search-searchword[name="user[email]"] { border: none; } #b4s .moduletable.c-newsletter-vertical .acym_module .acym_module_form .acysubbuttons .subbutton { width: 100%; max-width: 100%; margin: 1rem 0 0 0; background: #2194eb; border-color: #2194eb; color: #fff; text-transform: uppercase; font-weight: 500; white-space: break-spaces; } #b4s .moduletable.c-newsletter-vertical .acym_module .acym_module_form .acysubbuttons .subbutton:hover { background: #000000; border-color: #000000; } #b4s .moduletable.c-newsletter-horizontal .g-title { margin-bottom: 1.5rem; text-align: center; font-weight: 600; } #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form { display: flex; align-items: center; justify-content: center; text-align: left; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form { flex-wrap: wrap; text-align: center; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form { flex-wrap: wrap; text-align: center; } } @media only all and (max-width: 30rem) { #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form { flex-wrap: wrap; text-align: center; } } #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_introtext { margin: 0.5rem; } #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form { display: flex; align-items: center; justify-content: center; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form { flex-wrap: wrap; text-align: center; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form { flex-wrap: wrap; text-align: center; } } @media only all and (max-width: 30rem) { #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form { flex-wrap: wrap; text-align: center; } } #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form > * { margin: 0.5rem; } #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form label { margin: 0; line-height: normal; } #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form input[type="checkbox"], #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form .search .btn-toolbar #search-searchword[type="checkbox"], #b4s .search .btn-toolbar .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form #search-searchword[type="checkbox"] { margin: 0 5px 0 0; } #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form input[type="email"], #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form .search .btn-toolbar #search-searchword[type="email"], #b4s .search .btn-toolbar .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form #search-searchword[type="email"] { height: 30px !important; background: none; border: solid 1px #000000; } #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form input[type="email"]::-webkit-input-placeholder, #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form .search .btn-toolbar #search-searchword[type="email"]::-webkit-input-placeholder, #b4s .search .btn-toolbar .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form #search-searchword[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000; } #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form input[type="email"]::-moz-placeholder, #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form .search .btn-toolbar #search-searchword[type="email"]::-moz-placeholder, #b4s .search .btn-toolbar .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form #search-searchword[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #000000; } #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form input[type="email"]:-ms-input-placeholder, #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form .search .btn-toolbar #search-searchword[type="email"]:-ms-input-placeholder, #b4s .search .btn-toolbar .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form #search-searchword[type="email"]:-ms-input-placeholder { /* IE 10+ */ color: #000000; } #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form input[type="email"]:-moz-placeholder, #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form .search .btn-toolbar #search-searchword[type="email"]:-moz-placeholder, #b4s .search .btn-toolbar .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acym_form #search-searchword[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #000000; } #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acysubbuttons { margin: 0.5rem; } #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acysubbuttons .subbutton { width: 100%; max-width: 100%; height: 30px !important; padding-top: 2px; padding-bottom: 2px; margin: 0; background: #2194eb; border-color: #2194eb; color: #fff; text-transform: none; font-weight: 500; } #b4s .moduletable.c-newsletter-horizontal .acym_module .acym_module_form .acysubbuttons .subbutton:hover { background: #000000; border-color: #000000; } #b4s .custom.c-rotating-words { display: flex !important; flex-wrap: wrap; position: relative; overflow: hidden; font-weight: 600; } @media only all and (min-width: 75rem) { #b4s .custom.c-rotating-words { font-size: 1.25rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .custom.c-rotating-words { font-size: 1.25rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .custom.c-rotating-words { font-size: 1.25rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .custom.c-rotating-words { font-size: 1.05rem; } } @media only all and (max-width: 30rem) { #b4s .custom.c-rotating-words { font-size: 1rem; } } #b4s .custom.c-rotating-words * { margin: 0; display: flex; flex-wrap: wrap; } #b4s .custom.c-rotating-words *:first-child { margin-right: 10px; } #b4s .custom.c-rotating-words *:last-child { color: #f58a67; } #b4s .rw-words { display: inline; height: 6rem; } #b4s .rw-words-1 div { position: absolute; opacity: 0; overflow: hidden; animation: rotateWord 30s linear infinite 0s; } #b4s .rw-words-1 div:nth-child(2) { animation-delay: 3s; } #b4s .rw-words-1 div:nth-child(3) { animation-delay: 6s; } #b4s .rw-words-1 div:nth-child(4) { animation-delay: 9s; } #b4s .rw-words-1 div:nth-child(5) { animation-delay: 12s; } #b4s .rw-words-1 div:nth-child(6) { animation-delay: 15s; } #b4s .rw-words-1 div:nth-child(7) { animation-delay: 18s; } #b4s .rw-words-1 div:nth-child(8) { animation-delay: 21s; } #b4s .rw-words-1 div:nth-child(9) { animation-delay: 24s; } #b4s .rw-words-1 div:nth-child(10) { animation-delay: 27s; } @keyframes rotateWord { 0% { opacity: 0; } 2% { opacity: 0; -webkit-transform: translateY(-35px); transform: translateY(-35px); } 5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 10% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } 13% { opacity: 0; -webkit-transform: translateY(35px); transform: translateY(35px); } /*25% { opacity: 0; }*/ 100% { opacity: 0; } } #b4s .custom.c-teaching-experience h1, #b4s .custom.c-teaching-experience h2, #b4s .custom.c-teaching-experience .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title, #b4s .featured-content.c-featured-services-products .fc-items .fc-item .custom.c-teaching-experience .fc-item-title, #b4s .custom.c-teaching-experience .custom.c-community h1, #b4s .custom.c-community .custom.c-teaching-experience h1, #b4s .custom.c-teaching-experience .custom.c-community h3, #b4s .custom.c-teaching-experience .custom.c-community #g-aside .g-title, #b4s #g-aside .custom.c-teaching-experience .custom.c-community .g-title, #b4s .custom.c-teaching-experience .custom.c-community #g-aside .moduletable > h3:first-child, #b4s #g-aside .custom.c-teaching-experience .custom.c-community .moduletable > h3:first-child, #b4s .custom.c-teaching-experience .custom.c-community #g-sidebar .g-title, #b4s #g-sidebar .custom.c-teaching-experience .custom.c-community .g-title, #b4s .custom.c-teaching-experience .custom.c-community #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .custom.c-teaching-experience .custom.c-community .moduletable > h3:first-child, #b4s .custom.c-teaching-experience .custom.c-community .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .custom.c-teaching-experience .custom.c-community .field-entry.c-blog-subtitle, #b4s .custom.c-community .custom.c-teaching-experience h3, #b4s .custom.c-teaching-experience h3, #b4s .custom.c-teaching-experience #g-aside .g-title, #b4s #g-aside .custom.c-teaching-experience .g-title, #b4s .custom.c-teaching-experience #g-aside .moduletable > h3:first-child, #b4s #g-aside .custom.c-teaching-experience .moduletable > h3:first-child, #b4s .custom.c-teaching-experience #g-sidebar .g-title, #b4s #g-sidebar .custom.c-teaching-experience .g-title, #b4s .custom.c-teaching-experience #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .custom.c-teaching-experience .moduletable > h3:first-child, #b4s .custom.c-teaching-experience .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .custom.c-teaching-experience .field-entry.c-blog-subtitle { font-size: 1.5rem; letter-spacing: 1px; color: #52c898; } #b4s .c-about-us-owners { display: grid; grid-gap: 3rem; } @media only all and (min-width: 75rem) { #b4s .c-about-us-owners { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .c-about-us-owners { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .c-about-us-owners { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .c-about-us-owners { grid-template-columns: 1fr; } } @media only all and (max-width: 30rem) { #b4s .c-about-us-owners { grid-template-columns: 1fr; } } #b4s .c-about-us-owners > div > *:first-child { margin-top: 0; } #b4s .c-about-us-owners > div > *:last-child { margin-bottom: 0; } #b4s .c-about-us-owners > div:first-child { grid-column-start: 1; grid-column-end: -1; } #b4s .c-about-us-owners > div:nth-child(2n + 3) { position: relative; } #b4s .c-about-us-owners > div:nth-child(2n + 3):before { content: ""; position: absolute; background: #000000; } @media only all and (min-width: 75rem) { #b4s .c-about-us-owners > div:nth-child(2n + 3):before { top: 0; bottom: 0; left: -1.5rem; right: auto; width: 1px; height: auto; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .c-about-us-owners > div:nth-child(2n + 3):before { top: 0; bottom: 0; left: -1.5rem; right: auto; width: 1px; height: auto; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .c-about-us-owners > div:nth-child(2n + 3):before { top: 0; bottom: 0; left: -1.5rem; right: auto; width: 1px; height: auto; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .c-about-us-owners > div:nth-child(2n + 3):before { top: -1.5rem; bottom: auto; left: 0; right: 0; width: auto; height: 1px; } } @media only all and (max-width: 30rem) { #b4s .c-about-us-owners > div:nth-child(2n + 3):before { top: -1.5rem; bottom: auto; left: 0; right: 0; width: auto; height: 1px; } } #b4s .c-about-us-text-image { display: grid; grid-gap: 3rem 3rem; align-items: center; } @media only all and (min-width: 75rem) { #b4s .c-about-us-text-image { grid-template-columns: 1fr 1fr; grid-template-areas: "text image"; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .c-about-us-text-image { grid-template-columns: 1fr 1fr; grid-template-areas: "text image"; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .c-about-us-text-image { grid-template-columns: 1fr 1fr; grid-template-areas: "text image"; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .c-about-us-text-image { grid-template-columns: 1fr; grid-template-areas: "image" "text"; } } @media only all and (max-width: 30rem) { #b4s .c-about-us-text-image { grid-template-columns: 1fr; grid-template-areas: "image" "text"; } } #b4s .c-about-us-text-image > *:nth-child(1) { grid-area: text; } #b4s .c-about-us-text-image > *:nth-child(1) h1 h2, #b4s .c-about-us-text-image > *:nth-child(1) h1 .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title, #b4s .featured-content.c-featured-services-products .fc-items .fc-item .c-about-us-text-image > *:nth-child(1) h1 .fc-item-title, #b4s .c-about-us-text-image > *:nth-child(1) h1 .custom.c-community h1, #b4s .custom.c-community .c-about-us-text-image > *:nth-child(1) h1 h1, #b4s .c-about-us-text-image > *:nth-child(1) h1 .custom.c-community h3, #b4s .c-about-us-text-image > *:nth-child(1) h1 .custom.c-community #g-aside .g-title, #b4s #g-aside .c-about-us-text-image > *:nth-child(1) h1 .custom.c-community .g-title, #b4s .c-about-us-text-image > *:nth-child(1) h1 .custom.c-community #g-aside .moduletable > h3:first-child, #b4s #g-aside .c-about-us-text-image > *:nth-child(1) h1 .custom.c-community .moduletable > h3:first-child, #b4s .c-about-us-text-image > *:nth-child(1) h1 .custom.c-community #g-sidebar .g-title, #b4s #g-sidebar .c-about-us-text-image > *:nth-child(1) h1 .custom.c-community .g-title, #b4s .c-about-us-text-image > *:nth-child(1) h1 .custom.c-community #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .c-about-us-text-image > *:nth-child(1) h1 .custom.c-community .moduletable > h3:first-child, #b4s .c-about-us-text-image > *:nth-child(1) h1 .custom.c-community .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .c-about-us-text-image > *:nth-child(1) h1 .custom.c-community .field-entry.c-blog-subtitle, #b4s .custom.c-community .c-about-us-text-image > *:nth-child(1) h1 h3, #b4s .c-about-us-text-image > *:nth-child(1) h3, #b4s .c-about-us-text-image > *:nth-child(1) #g-aside .g-title, #b4s #g-aside .c-about-us-text-image > *:nth-child(1) .g-title, #b4s .c-about-us-text-image > *:nth-child(1) #g-aside .moduletable > h3:first-child, #b4s #g-aside .c-about-us-text-image > *:nth-child(1) .moduletable > h3:first-child, #b4s .c-about-us-text-image > *:nth-child(1) #g-sidebar .g-title, #b4s #g-sidebar .c-about-us-text-image > *:nth-child(1) .g-title, #b4s .c-about-us-text-image > *:nth-child(1) #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .c-about-us-text-image > *:nth-child(1) .moduletable > h3:first-child, #b4s .c-about-us-text-image > *:nth-child(1) .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle, #b4s .item-page.c-blog .page-header + .fields-container .c-about-us-text-image > *:nth-child(1) .field-entry.c-blog-subtitle { font-weight: 700; } #b4s .c-about-us-text-image > *:nth-child(2) { grid-area: image; text-align: center; } #b4s .c-about-us-text-image > * > *:first-child { margin-top: 0; } #b4s .c-about-us-text-image > * > *:last-child { margin-bottom: 0; } #b4s .c-about-us-age-groups { display: grid; grid-gap: 3rem; } @media only all and (min-width: 75rem) { #b4s .c-about-us-age-groups { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .c-about-us-age-groups { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .c-about-us-age-groups { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .c-about-us-age-groups { grid-template-columns: 1fr; } } @media only all and (max-width: 30rem) { #b4s .c-about-us-age-groups { grid-template-columns: 1fr; } } #b4s .c-about-us-age-groups > * > *:first-child { margin-top: 0; } #b4s .c-about-us-age-groups > * > *:last-child { margin-bottom: 0; } #b4s .c-about-us-age-groups > * img { margin-bottom: 1rem; } #b4s .c-about-us-age-groups h1:first-child, #b4s .c-about-us-age-groups h2:first-child, #b4s .c-about-us-age-groups .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title:first-child, #b4s .featured-content.c-featured-services-products .fc-items .fc-item .c-about-us-age-groups .fc-item-title:first-child, #b4s .c-about-us-age-groups h3:first-child, #b4s .c-about-us-age-groups #g-aside .g-title:first-child, #b4s #g-aside .c-about-us-age-groups .g-title:first-child, #b4s .c-about-us-age-groups #g-aside .moduletable > h3:first-child, #b4s #g-aside .c-about-us-age-groups .moduletable > h3:first-child, #b4s .c-about-us-age-groups #g-sidebar .g-title:first-child, #b4s #g-sidebar .c-about-us-age-groups .g-title:first-child, #b4s .c-about-us-age-groups #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .c-about-us-age-groups .moduletable > h3:first-child, #b4s .c-about-us-age-groups .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle:first-child, #b4s .item-page.c-blog .page-header + .fields-container .c-about-us-age-groups .field-entry.c-blog-subtitle:first-child { grid-column-start: 1; grid-column-end: -1; max-width: 700px; margin: 0 auto; margin-top: 0; margin-bottom: 2.5rem; line-height: 1.2; font-size: 1.75rem; font-weight: 700; letter-spacing: 0; text-align: center; text-transform: none; font-family: "PFFuturaNeu"; } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .c-about-us-age-groups h1:first-child, #b4s .c-about-us-age-groups h2:first-child, #b4s .c-about-us-age-groups .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title:first-child, #b4s .featured-content.c-featured-services-products .fc-items .fc-item .c-about-us-age-groups .fc-item-title:first-child, #b4s .c-about-us-age-groups h3:first-child, #b4s .c-about-us-age-groups #g-aside .g-title:first-child, #b4s #g-aside .c-about-us-age-groups .g-title:first-child, #b4s .c-about-us-age-groups #g-aside .moduletable > h3:first-child, #b4s #g-aside .c-about-us-age-groups .moduletable > h3:first-child, #b4s .c-about-us-age-groups #g-sidebar .g-title:first-child, #b4s #g-sidebar .c-about-us-age-groups .g-title:first-child, #b4s .c-about-us-age-groups #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .c-about-us-age-groups .moduletable > h3:first-child, #b4s .c-about-us-age-groups .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle:first-child, #b4s .item-page.c-blog .page-header + .fields-container .c-about-us-age-groups .field-entry.c-blog-subtitle:first-child { letter-spacing: 0; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .c-about-us-age-groups h1:first-child, #b4s .c-about-us-age-groups h2:first-child, #b4s .c-about-us-age-groups .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title:first-child, #b4s .featured-content.c-featured-services-products .fc-items .fc-item .c-about-us-age-groups .fc-item-title:first-child, #b4s .c-about-us-age-groups h3:first-child, #b4s .c-about-us-age-groups #g-aside .g-title:first-child, #b4s #g-aside .c-about-us-age-groups .g-title:first-child, #b4s .c-about-us-age-groups #g-aside .moduletable > h3:first-child, #b4s #g-aside .c-about-us-age-groups .moduletable > h3:first-child, #b4s .c-about-us-age-groups #g-sidebar .g-title:first-child, #b4s #g-sidebar .c-about-us-age-groups .g-title:first-child, #b4s .c-about-us-age-groups #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .c-about-us-age-groups .moduletable > h3:first-child, #b4s .c-about-us-age-groups .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle:first-child, #b4s .item-page.c-blog .page-header + .fields-container .c-about-us-age-groups .field-entry.c-blog-subtitle:first-child { font-size: 1.5rem; letter-spacing: 0; } } @media only all and (max-width: 30rem) { #b4s .c-about-us-age-groups h1:first-child, #b4s .c-about-us-age-groups h2:first-child, #b4s .c-about-us-age-groups .featured-content.c-featured-services-products .fc-items .fc-item .fc-item-title:first-child, #b4s .featured-content.c-featured-services-products .fc-items .fc-item .c-about-us-age-groups .fc-item-title:first-child, #b4s .c-about-us-age-groups h3:first-child, #b4s .c-about-us-age-groups #g-aside .g-title:first-child, #b4s #g-aside .c-about-us-age-groups .g-title:first-child, #b4s .c-about-us-age-groups #g-aside .moduletable > h3:first-child, #b4s #g-aside .c-about-us-age-groups .moduletable > h3:first-child, #b4s .c-about-us-age-groups #g-sidebar .g-title:first-child, #b4s #g-sidebar .c-about-us-age-groups .g-title:first-child, #b4s .c-about-us-age-groups #g-sidebar .moduletable > h3:first-child, #b4s #g-sidebar .c-about-us-age-groups .moduletable > h3:first-child, #b4s .c-about-us-age-groups .item-page.c-blog .page-header + .fields-container .field-entry.c-blog-subtitle:first-child, #b4s .item-page.c-blog .page-header + .fields-container .c-about-us-age-groups .field-entry.c-blog-subtitle:first-child { font-size: 1.5rem; letter-spacing: 0; } } #b4s.c-contact #g-page-surround { background: #d7ebfc; background: linear-gradient(180deg, #d7ebfc 600px, #fff79f 600px); } #b4s .item-page.c-contact div[itemprop="articleBody"] { display: grid; grid-gap: 3rem; } @media only all and (min-width: 75rem) { #b4s .item-page.c-contact div[itemprop="articleBody"] { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .item-page.c-contact div[itemprop="articleBody"] { grid-template-columns: 1fr 1fr; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .item-page.c-contact div[itemprop="articleBody"] { grid-template-columns: 1fr; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .item-page.c-contact div[itemprop="articleBody"] { grid-template-columns: 1fr; } } @media only all and (max-width: 30rem) { #b4s .item-page.c-contact div[itemprop="articleBody"] { grid-template-columns: 1fr; } } #b4s .item-page.c-contact div[itemprop="articleBody"] > section { margin: 0; } #b4s .item-page.c-contact div[itemprop="articleBody"] > section:nth-child(3) { grid-column-start: 1; grid-column-end: -1; } #b4s .item-page.c-contact div[itemprop="articleBody"] h1 { color: #1fa86e; } #b4s.c-contact-thank-you #g-page-surround { background: #fff79f; } #b4s .moduletable.c-filter-shortcuts .custom.c-filter-shortcuts { display: flex; flex-wrap: wrap; } #b4s .moduletable.c-filter-shortcuts .custom.c-filter-shortcuts > div { padding: 7px 15px; margin: 5px 10px 5px 0; display: inline-flex; align-items: center; font-size: 0.8rem; font-weight: 600; border-radius: 50px; background: #d7ebfc; font-size: 0.9rem; } #b4s .moduletable.c-filter-shortcuts .custom.c-filter-shortcuts > div span { display: inline-block; width: 10px; height: 10px; padding: 0; margin: 0 0 0 10px; background: url('../images/close.svg'); background-position: center center; background-repeat: no-repeat; background-size: contain; cursor: pointer; } #b4s .moduletable.c-header-products { max-width: 700px; margin: 0 auto; text-align: center; color: #d7ebfc; } #b4s .moduletable.c-header-products .custom > *:first-child { margin-top: 0; } #b4s .moduletable.c-header-products .custom > *:last-child { margin-bottom: 0; } #b4s.outline-_error .g-offcanvas-toggle { display: none !important; } #b4s.outline-_error .c-logo { display: block; max-width: 200px; width: 200px; margin: 3rem auto; } #b4s.outline-_error .g-copyright { text-align: center; align-items: center; } #b4s.outline-_error .g-copyright::before { display: none; } @media only all and (min-width: 75rem) { #b4s .c-products-more { margin-top: -4rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { #b4s .c-products-more { margin-top: -4rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { #b4s .c-products-more { margin-top: -3rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .c-products-more { margin-top: -3rem; } } @media only all and (max-width: 30rem) { #b4s .c-products-more { margin-top: -3rem; } } #b4s .moduletable.c-filters-toggle .accordion-toggle { display: none; width: 30px; height: 30px; margin: -0.5rem auto 0.5rem auto; color: #1fa86e; font-size: 30px; line-height: 30px; text-align: center; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .moduletable.c-filters-toggle .accordion-toggle { display: block; } } @media only all and (max-width: 30rem) { #b4s .moduletable.c-filters-toggle .accordion-toggle { display: block; } } #b4s .moduletable.c-filters-toggle .accordion-toggle.closed::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; font-size: 30px; } #b4s .moduletable.c-filters-toggle .accordion-toggle.opened::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; font-size: 30px; } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { #b4s .moduletable.c-filters-toggle #eshop_products_filter_form { display: none; } } @media only all and (max-width: 30rem) { #b4s .moduletable.c-filters-toggle #eshop_products_filter_form { display: none; } } #b4s .custom.c-created-by { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } #b4s .custom.c-created-by > * { margin: 0 5px; white-space: nowrap; } #b4s .custom.c-free-shipping { text-align: center; text-transform: uppercase; font-size: 0.8rem; font-weight: 600; } /*# sourceMappingURL=custom_9.css.map */