@charset "UTF-8"; /*! =============================================================== #Domument $Body & globals $Heading $Wrapper & Containers $Header $Layout $Sections $Footer $Copyright ===============================================================*/ /** SVG symbols */ .aux-svg-arrow, .aux-svg-symbol { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; } .aux-svg-arrow.aux-thick-up, .aux-svg-symbol.aux-thick-up { background-position: 0px 0px; width: 52px; height: 30px; } .aux-svg-arrow.aux-thick-down, .aux-svg-symbol.aux-thick-down { background-position: 0px -60px; width: 52px; height: 30px; } .aux-svg-arrow.aux-thick-left, .aux-svg-symbol.aux-thick-left { background-position: 0px -120px; width: 30px; height: 52px; } .aux-svg-arrow.aux-thick-right, .aux-svg-symbol.aux-thick-right { background-position: 0px -201px; width: 30px; height: 52px; } .aux-svg-arrow.aux-large-up, .aux-svg-symbol.aux-large-up { background-position: 0px -282px; width: 28px; height: 14px; } .aux-svg-arrow.aux-large-down, .aux-svg-symbol.aux-large-down { background-position: 0px -326px; width: 28px; height: 14px; } .aux-svg-arrow.aux-large-left, .aux-svg-symbol.aux-large-left { background-position: 0px -370px; width: 14px; height: 26px; } .aux-svg-arrow.aux-large-right, .aux-svg-symbol.aux-large-right { background-position: 0px -427px; width: 14px; height: 28px; } .aux-svg-arrow.aux-medium-up, .aux-svg-symbol.aux-medium-up { background-position: 0px -484px; width: 16px; height: 8px; } .aux-svg-arrow.aux-medium-down, .aux-svg-symbol.aux-medium-down { background-position: 0px -522px; width: 16px; height: 8px; } .aux-svg-arrow.aux-medium-left, .aux-svg-symbol.aux-medium-left { background-position: 0px -560px; width: 8px; height: 16px; } .aux-svg-arrow.aux-medium-right, .aux-svg-symbol.aux-medium-right { background-position: 0px -607px; width: 8px; height: 16px; } .aux-svg-arrow.aux-small-up, .aux-svg-symbol.aux-small-up { background-position: 0px -652px; width: 10px; height: 6px; } .aux-svg-arrow.aux-small-down, .aux-svg-symbol.aux-small-down { background-position: 0px -687px; width: 10px; height: 6px; } .aux-svg-arrow.aux-small-left, .aux-svg-symbol.aux-small-left { background-position: 0px -722px; width: 6px; height: 10px; } .aux-svg-arrow.aux-small-right, .aux-svg-symbol.aux-small-right { background-position: 0px -761px; width: 6px; height: 10px; } .aux-svg-arrow.aux-h-large-up, .aux-svg-symbol.aux-h-large-up { background-position: -80px 0px; width: 28px; height: 28px; } .aux-svg-arrow.aux-h-large-down, .aux-svg-symbol.aux-h-large-down { background-position: -80px -58px; width: 28px; height: 28px; } .aux-svg-arrow.aux-h-large-left, .aux-svg-symbol.aux-h-large-left { background-position: -80px -116px; width: 28px; height: 28px; } .aux-svg-arrow.aux-h-large-right, .aux-svg-symbol.aux-h-large-right { background-position: -80px -173px; width: 28px; height: 28px; } .aux-svg-arrow.aux-h-medium-up, .aux-svg-symbol.aux-h-medium-up { background-position: -80px -231px; width: 20px; height: 22px; } .aux-svg-arrow.aux-h-medium-down, .aux-svg-symbol.aux-h-medium-down { background-position: -80px -283px; width: 20px; height: 24px; } .aux-svg-arrow.aux-h-medium-left, .aux-svg-symbol.aux-h-medium-left { background-position: -80px -335px; width: 22px; height: 20px; } .aux-svg-arrow.aux-h-medium-right, .aux-svg-symbol.aux-h-medium-right { background-position: -80px -384px; width: 22px; height: 20px; } .aux-svg-arrow.aux-h-small-up, .aux-svg-symbol.aux-h-small-up { background-position: -80px -433px; width: 10px; height: 12px; } .aux-svg-arrow.aux-h-small-down, .aux-svg-symbol.aux-h-small-down { background-position: -80px -474px; width: 10px; height: 12px; } .aux-svg-arrow.aux-h-small-left, .aux-svg-symbol.aux-h-small-left { background-position: -80px -515px; width: 10px; height: 10px; } .aux-svg-arrow.aux-h-small-right, .aux-svg-symbol.aux-h-small-right { background-position: -80px -554px; width: 10px; height: 10px; } .aux-svg-arrow.aux-l-right, .aux-svg-symbol.aux-l-right { background-position: -81px -631px; width: 64px; height: 14px; } .aux-svg-arrow.aux-l-left, .aux-svg-symbol.aux-l-left { background-position: -80px -588px; width: 64px; height: 14px; } .aux-svg-arrow.aux-l-medium-right, .aux-svg-symbol.aux-l-medium-right { background-position: -80px -718px; width: 46px; height: 14px; } .aux-svg-arrow.aux-l-medium-left, .aux-svg-symbol.aux-l-medium-left { background-position: -80px -674px; width: 46px; height: 14px; } .aux-svg-arrow.aux-thick-cross, .aux-svg-symbol.aux-thick-cross { background-position: 0px -800px; width: 52px; height: 52px; } .aux-svg-arrow.aux-large-cross, .aux-svg-symbol.aux-large-cross { background-position: 0px -881px; width: 28px; height: 28px; } .aux-svg-arrow.aux-medium-cross, .aux-svg-symbol.aux-medium-cross { background-position: 0px -938px; width: 16px; height: 16px; } .aux-svg-arrow.aux-small-cross, .aux-svg-symbol.aux-small-cross { background-position: 0px -983px; width: 10px; height: 10px; } .aux-svg-arrow.aux-thick-plus, .aux-svg-symbol.aux-thick-plus { background-position: 0px -1022px; width: 52px; height: 52px; } .aux-svg-arrow.aux-large-plus, .aux-svg-symbol.aux-large-plus { background-position: 0px -1103px; width: 28px; height: 28px; } .aux-svg-arrow.aux-medium-plus, .aux-svg-symbol.aux-medium-plus { background-position: 0px -1160px; width: 16px; height: 16px; } .aux-svg-arrow.aux-small-plus, .aux-svg-symbol.aux-small-plus { background-position: 0px -1205px; width: 10px; height: 10px; } .aux-svg-arrow.aux-thick-up.aux-white, .aux-svg-symbol.aux-thick-up.aux-white { background-position: -178px 0px; } .aux-svg-arrow.aux-thick-down.aux-white, .aux-svg-symbol.aux-thick-down.aux-white { background-position: -178px -60px; } .aux-svg-arrow.aux-thick-left.aux-white, .aux-svg-symbol.aux-thick-left.aux-white { background-position: -178px -120px; } .aux-svg-arrow.aux-thick-right.aux-white, .aux-svg-symbol.aux-thick-right.aux-white { background-position: -178px -201px; } .aux-svg-arrow.aux-large-up.aux-white, .aux-svg-symbol.aux-large-up.aux-white { background-position: -178px -282px; } .aux-svg-arrow.aux-large-down.aux-white, .aux-svg-symbol.aux-large-down.aux-white { background-position: -178px -326px; } .aux-svg-arrow.aux-large-left.aux-white, .aux-svg-symbol.aux-large-left.aux-white { background-position: -178px -370px; } .aux-svg-arrow.aux-large-right.aux-white, .aux-svg-symbol.aux-large-right.aux-white { background-position: -178px -427px; } .aux-svg-arrow.aux-medium-up.aux-white, .aux-svg-symbol.aux-medium-up.aux-white { background-position: -178px -484px; } .aux-svg-arrow.aux-medium-down.aux-white, .aux-svg-symbol.aux-medium-down.aux-white { background-position: -178px -522px; } .aux-svg-arrow.aux-medium-left.aux-white, .aux-svg-symbol.aux-medium-left.aux-white { background-position: -178px -560px; } .aux-svg-arrow.aux-medium-right.aux-white, .aux-svg-symbol.aux-medium-right.aux-white { background-position: -178px -607px; } .aux-svg-arrow.aux-small-up.aux-white, .aux-svg-symbol.aux-small-up.aux-white { background-position: -178px -652px; } .aux-svg-arrow.aux-small-down.aux-white, .aux-svg-symbol.aux-small-down.aux-white { background-position: -178px -687px; } .aux-svg-arrow.aux-small-left.aux-white, .aux-svg-symbol.aux-small-left.aux-white { background-position: -178px -722px; } .aux-svg-arrow.aux-small-right.aux-white, .aux-svg-symbol.aux-small-right.aux-white { background-position: -178px -761px; } .aux-svg-arrow.aux-h-large-up.aux-white, .aux-svg-symbol.aux-h-large-up.aux-white { background-position: -258px 0px; } .aux-svg-arrow.aux-h-large-down.aux-white, .aux-svg-symbol.aux-h-large-down.aux-white { background-position: -258px -58px; } .aux-svg-arrow.aux-h-large-left.aux-white, .aux-svg-symbol.aux-h-large-left.aux-white { background-position: -258px -116px; } .aux-svg-arrow.aux-h-large-right.aux-white, .aux-svg-symbol.aux-h-large-right.aux-white { background-position: -258px -173px; } .aux-svg-arrow.aux-h-medium-up.aux-white, .aux-svg-symbol.aux-h-medium-up.aux-white { background-position: -258px -231px; } .aux-svg-arrow.aux-h-medium-down.aux-white, .aux-svg-symbol.aux-h-medium-down.aux-white { background-position: -258px -283px; } .aux-svg-arrow.aux-h-medium-left.aux-white, .aux-svg-symbol.aux-h-medium-left.aux-white { background-position: -258px -335px; } .aux-svg-arrow.aux-h-medium-right.aux-white, .aux-svg-symbol.aux-h-medium-right.aux-white { background-position: -258px -384px; } .aux-svg-arrow.aux-h-small-up.aux-white, .aux-svg-symbol.aux-h-small-up.aux-white { background-position: -258px -433px; } .aux-svg-arrow.aux-h-small-down.aux-white, .aux-svg-symbol.aux-h-small-down.aux-white { background-position: -258px -474px; } .aux-svg-arrow.aux-h-small-left.aux-white, .aux-svg-symbol.aux-h-small-left.aux-white { background-position: -258px -515px; } .aux-svg-arrow.aux-h-small-right.aux-white, .aux-svg-symbol.aux-h-small-right.aux-white { background-position: -258px -554px; } .aux-svg-arrow.aux-l-right.aux-white, .aux-svg-symbol.aux-l-right.aux-white { background-position: -259px -631px; } .aux-svg-arrow.aux-l-left.aux-white, .aux-svg-symbol.aux-l-left.aux-white { background-position: -258px -588px; } .aux-svg-arrow.aux-l-medium-right.aux-white, .aux-svg-symbol.aux-l-medium-right.aux-white { background-position: -258px -718px; } .aux-svg-arrow.aux-l-medium-left.aux-white, .aux-svg-symbol.aux-l-medium-left.aux-white { background-position: -258px -674px; } .aux-svg-arrow.aux-thick-cross.aux-white, .aux-svg-symbol.aux-thick-cross.aux-white { background-position: -178px -800px; } .aux-svg-arrow.aux-large-cross.aux-white, .aux-svg-symbol.aux-large-cross.aux-white { background-position: -178px -881px; } .aux-svg-arrow.aux-medium-cross.aux-white, .aux-svg-symbol.aux-medium-cross.aux-white { background-position: -178px -938px; } .aux-svg-arrow.aux-small-cross.aux-white, .aux-svg-symbol.aux-small-cross.aux-white { background-position: -178px -983px; } .aux-svg-arrow.aux-thick-plus.aux-white, .aux-svg-symbol.aux-thick-plus.aux-white { background-position: -178px -1022px; } .aux-svg-arrow.aux-large-plus.aux-white, .aux-svg-symbol.aux-large-plus.aux-white { background-position: -178px -1103px; } .aux-svg-arrow.aux-medium-plus.aux-white, .aux-svg-symbol.aux-medium-plus.aux-white { background-position: -178px -1160px; } .aux-svg-arrow.aux-small-plus.aux-white, .aux-svg-symbol.aux-small-plus.aux-white { background-position: -178px -1205px; } .aux-plus-symbol::after, .aux-minus-symbol::after, .aux-cross-symbol::after, .aux-master-menu.aux-narrow .aux-submenu-indicator::after, .aux-fs-menu .aux-master-menu .aux-submenu-indicator::after, .aux-plus-symbol::before, .aux-minus-symbol::before, .aux-cross-symbol::before, .aux-master-menu.aux-narrow .aux-submenu-indicator::before, .aux-fs-menu .aux-master-menu .aux-submenu-indicator::before { content: ""; position: absolute; display: block; height: 1px; width: 100%; background-color: #333; } .aux-plus-symbol::after, .aux-minus-symbol::after, .aux-cross-symbol::after, .aux-master-menu.aux-narrow .aux-submenu-indicator::after, .aux-fs-menu .aux-master-menu .aux-submenu-indicator::after { transform: rotate(90deg); } .aux-plus-symbol.aux-white::after, .aux-white.aux-minus-symbol::after, .aux-white.aux-cross-symbol::after, .aux-master-menu.aux-narrow .aux-white.aux-submenu-indicator::after, .aux-fs-menu .aux-master-menu .aux-white.aux-submenu-indicator::after, .aux-plus-symbol.aux-white::before, .aux-white.aux-minus-symbol::before, .aux-white.aux-cross-symbol::before, .aux-master-menu.aux-narrow .aux-white.aux-submenu-indicator::before, .aux-fs-menu .aux-master-menu .aux-white.aux-submenu-indicator::before { background-color: white; } .aux-minus-symbol::after { display: none; } .aux-cross-symbol::after { transform: rotate(-45deg); } .aux-cross-symbol::before { transform: rotate(45deg); } .aux-simple-arrow-left-symbol::before { content: '\2190'; font-family: Arial; display: inline-block; } .aux-simple-arrow-right-symbol::before { content: '\2192'; font-family: Arial; display: inline-block; } /*!>>>>>>>>>>>>>>>>>>>>>>> #Document <<<<<<<<<<<<<<<<<<<<<<<<<<< */ /* $Body & Global Configs ---------------------------------------------*/ body { font-family: "Raleway", arial, sans-serif; background-color: white; } body:before { content: ' '; position: fixed; width: 100%; z-index: 1; } #inner-body { position: relative; z-index: 3; background-color: white; } .wrapper { width: 100%; margin-left: auto; margin-right: auto; } .aux-territory { width: 100%; margin-left: auto; margin-right: auto; } .aux-container, .aux-inner-box { margin: 0 auto; } .aux-wrapper { width: 100%; margin-left: auto; margin-right: auto; } .aux-primary { position: relative; min-height: 350px; } .aux-primary .aux-content { margin-bottom: 3em; } /* boxed layout ------------ */ .aux-full-width #inner-body { overflow-x: hidden; } /* Max width of website ------------ */ .aux-resp.aux-fhd .aux-fold, .aux-resp.aux-fhd .aux-fold-width, .aux-resp.aux-fhd .aux-boxed-container > .aux-container { width: auto; max-width: 1970px; } .aux-resp.aux-s-fhd .aux-fold, .aux-resp.aux-s-fhd .aux-fold-width, .aux-resp.aux-s-fhd .aux-boxed-container > .aux-container { width: auto; max-width: 1670px; } .aux-resp.aux-xhd .aux-fold, .aux-resp.aux-xhd .aux-fold-width, .aux-resp.aux-xhd .aux-boxed-container > .aux-container { width: auto; max-width: 1470px; } .aux-resp.aux-hd .aux-fold, .aux-resp.aux-hd .aux-fold-width, .aux-resp.aux-hd .aux-boxed-container > .aux-container { width: auto; max-width: 1270px; } .aux-resp.aux-nd .aux-fold, .aux-resp.aux-nd .aux-fold-width, .aux-resp.aux-nd .aux-boxed-container > .aux-container { width: auto; max-width: 1070px; } .aux-fold, .aux-fold-padding, .aux-boxed-container > .aux-container { padding-right: 35px; padding-left: 35px; } /* It the website was boxed */ .aux-boxed #inner-body { margin: 0 auto; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); } .aux-boxed.aux-fhd #inner-body, .aux-boxed.aux-fhd .site-header-section.aux-sticky { max-width: 1970px; } .aux-boxed.aux-s-fhd #inner-body, .aux-boxed.aux-s-fhd .site-header-section.aux-sticky { max-width: 1670px; } .aux-boxed.aux-xhd #inner-body, .aux-boxed.aux-xhd .site-header-section.aux-sticky { max-width: 1470px; } .aux-boxed.aux-hd #inner-body, .aux-boxed.aux-hd .site-header-section.aux-sticky { max-width: 1270px; } .aux-boxed.aux-nd #inner-body, .aux-boxed.aux-nd .site-header-section.aux-sticky { max-width: 1070px; } .aux-semi-full-container > .aux-wrapper > .aux-container, .aux-semi-full-container > .aux-container { max-width: none; padding-right: 35px; padding-left: 35px; } .aux-full-container > .aux-wrapper > .aux-container, .aux-full-container > .aux-container { max-width: none; padding-left: 0; padding-right: 0; } .qm-theme-phlox { position: relative; z-index: 4; } .aux-customize-preview .qm-theme-phlox { display: none !important; } @media screen and (min-width: 700px) { .aux-framed { padding: 20px; } .aux-framed .aux-side-frames, .aux-framed:after { content: ""; display: block; height: 20px; left: 0; position: fixed; width: 100%; z-index: 1405; } .csscalc .aux-framed .aux-side-frames, .csscalc .aux-framed:after { left: 20px; position: fixed; width: calc(100% - 40px); } .aux-framed .aux-side-frames { top: 0; } .aux-framed:after { bottom: 0; } .aux-framed.admin-bar .aux-side-frames, .aux-framed.admin-bar .aux-side-frames:before, .aux-framed.admin-bar .aux-side-frames:after { top: 32px; } } @media screen and (min-width: 700px) and (min-width: 700px) and (max-width: 780px) { .aux-framed.admin-bar .aux-side-frames, .aux-framed.admin-bar .aux-side-frames:before, .aux-framed.admin-bar .aux-side-frames:after { top: 46px; } } @media screen and (min-width: 700px) { .aux-framed .aux-side-frames:before, .aux-framed .aux-side-frames:after { content: ""; display: block; width: 20px; height: 100%; top: 0; position: fixed; z-index: 1405; } .aux-framed .aux-side-frames:before { left: 0; } .aux-framed .aux-side-frames:after { right: 0; } .aux-framed.aux-top-sticky .site-header-section.aux-sticky { top: 20px; width: calc(100% - 40px); } .aux-framed.aux-top-sticky.admin-bar .site-header-section.aux-sticky { top: 52px; } } ::-moz-selection { background: rgba(33, 150, 243, 0.2); } ::selection { background: rgba(33, 150, 243, 0.2); } h1, h2, h3, h4, h5, h6, .aux-h1, .aux-h2, .aux-h3, .aux-h4, .aux-h5, .aux-h6 { font-family: "Raleway", arial, sans-serif; overflow-wrap: inherit; } p, ol, ul { overflow-wrap: inherit; } a { color: #1bb0ce; } a:hover { color: #1691aa; } code { padding: 0.3em 0.5em; font-size: 0.86em; border-radius: 4px; text-shadow: 0 1px 0 white; background-color: #F3F3F3; } hr { border-color: #BBB; margin: 1em 0; overflow: visible; } hr[class*="aux-divider"] { margin-top: 4em; margin-bottom: 4em; } .aux-divider-tiny { width: 5.5%; min-width: 65px; } .aux-divider-small { width: 20%; } .aux-divider-medium { width: 40%; } .aux-divider-align-center { margin-left: auto; margin-right: auto; } .aux-divider-align-right { margin-left: auto; } .aux-divider-align-right { margin-right: auto; } .aux-divider-dashed { border: none; } .aux-divider-dashed::after { content: ""; display: block; height: 1px; background-image: linear-gradient(to right, #bbbbbb 50%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 20px 1px; background-repeat: repeat-x; } .aux-divider-space { border: none; } .aux-divider-symbolic-square::after, .aux-divider-symbolic-circle::after { content: ""; display: block; width: 9px; height: 9px; background-color: #BBB; transform: translateY(-50%) rotate(45deg); } .aux-divider-symbolic-circle::after { border-radius: 50%; border: solid 1px #BBB; background-color: white; transform: translateY(-50%) translateY(1px); } .aux-divider-symbolic-square:after, .aux-divider-symbolic-circle:after { margin-top: 0; margin-bottom: 0; } .aux-divider-symbolic-square.aux-symbol-align-left:after, .aux-divider-symbolic-circle.aux-symbol-align-left:after { margin-left: 0; margin-right: 0; } .aux-divider-symbolic-square.aux-symbol-align-right:after, .aux-divider-symbolic-circle.aux-symbol-align-right:after { margin-left: auto; margin-right: 0; } .aux-divider-symbolic-square.aux-symbol-align-center:after, .aux-divider-symbolic-circle.aux-symbol-align-center:after { margin-left: auto; margin-right: auto; } .aux-divider-vertical { width: 0 !important; height: 70px; margin-left: auto; margin-right: auto; border-bottom: none; border-left: 1px solid #BBB; } .aux-divider-vertical.aux-divider-tiny { height: 15px; min-width: auto; } .aux-divider-vertical.aux-divider-small { height: 32px; } .aux-divider-vertical.aux-divider-medium { height: 45px; } .aux-highlight { padding: 0.1em 0.3em; margin: 0 0.1em; border-radius: 2px; } .aux-highlight.aux-highlight-red { background-color: #ffc9c2; } .aux-highlight.aux-highlight-yellow { background-color: #f9f2b0; } .aux-highlight.aux-highlight-green { background-color: #adf4da; } .aux-highlight.aux-highlight-blue { background-color: #b7eaff; } /* dropcaps */ .dropcap { display: block; margin-right: 0.07em; line-height: 85%; font-size: 5em; float: left; } .dropcap.square, .dropcap.circle { background-color: #505050; color: white; padding: 10px; font-size: 3.5em; margin-right: 0.2em; } .dropcap.circle { border-radius: 50%; height: 80px; width: 80px; padding: 0; text-align: center; line-height: 80px; font-size: 55px; } .dropcap.round { border-radius: 3px; } .dropcap.outline { border: solid 1px #505050; background: transparent; color: inherit; } /* --------------------------------------------------------------------------- */ strong, b, dl dt { font-weight: 600; } dl dt { position: relative; } dl dd { margin-bottom: 1em; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* --------------------------------------------------------------------------- */ table tr th, table tr td { padding: 1em 1.4em; border: solid 1px #BBB; text-align: left; } table tr th { background-color: #F3F3F3; } table tr td, table tr:nth-child(even) td, table tr.even td { background: transparent; } /* -------------------------------------------------------------------------- */ .aux-top-header { position: relative; border-bottom: solid 1px #EAEAEA; background-color: white; color: #3D3D3D; z-index: 202; } .aux-top-header .aux-float-wrapper { height: 38px; } .aux-top-header .aux-end { margin-left: 0.8em; } .aux-top-header .aux-start { margin-right: 0.8em; } @media print { .aux-top-header { display: none; } } .aux-top-header .aux-master-menu .aux-menu-depth-0 > .aux-item-content { color: #505050; font-size: 0.75em; transition: color 300ms; } .aux-top-header .aux-master-menu .aux-menu-depth-0 > .aux-item-content:hover { color: #505050; } .aux-top-header .aux-master-menu .aux-menu-depth-0 > .aux-submenu { margin-top: 14px !important; } .aux-top-header .aux-fill .aux-menu-depth-0 > .aux-item-content { height: 38px; } .aux-top-header .aux-start .aux-menu-depth-0 > .aux-item-content, .aux-top-header .aux-center .aux-menu-depth-0 > .aux-item-content, .aux-top-header .aux-center-middle .aux-menu-depth-0 > .aux-item-content { margin-right: 1.5em; } .aux-top-header .aux-end .aux-menu-depth-0 > .aux-item-content { margin-left: 1.5em; } .aux-top-header .aux-social-list a { color: #505050; } .aux-top-header .aux-social-list a:hover { color: #AAA; } .aux-top-header .aux-header-msg p, .aux-top-header .aux-header-sec-msg p { padding: 0; margin: 0; font-size: 0.8125em; } .aux-top-header .aux-search-section .aux-search-icon { font-size: 20px; display: block; } .aux-top-header #lang_sel { display: block; height: auto; font-family: inherit; } .aux-top-header #lang_sel > ul, .aux-top-header #lang_sel .icl_lang_sel_native, .aux-top-header #lang_sel .icl_lang_sel_translated, .aux-top-header #lang_sel .iclflag { top: 0; display: inline-block; vertical-align: middle; } .aux-top-header #lang_sel::after { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 10px; height: 6px; background-position: 0px -687px; transition: all 300ms; content: ""; display: inline-block; vertical-align: middle; margin-left: 5px; } .aux-top-header #lang_sel:hover li ul { display: block; } .aux-top-header #lang_sel:hover::after { transform: rotate(-180deg); } .aux-top-header #lang_sel li { width: auto; } .aux-top-header #lang_sel li ul { top: 100%; visibility: visible; display: none; border: solid 1px #EAEAEA; height: auto; width: auto; } .aux-top-header #lang_sel li ul > li { min-width: 180px; } .aux-top-header #lang_sel li ul > li > a { float: none; padding: 1em 1.125em; border: none; font-size: 0.8125em; } .aux-top-header #lang_sel .lang_sel_sel { padding: 0; border: none; background: transparent; font-size: 0.8125em; } .aux-top-header #lang_sel .lang_sel_sel > * { vertical-align: middle; } .aux-top-header #lang_sel .lang_sel_sel:hover { background: transparent; } .aux-top-header .aux-search-section.aux-end { margin-left: 0.4em; } .aux-top-header .aux-search-section.aux-start { margin-right: 0.4em; } .aux-top-header .mm-top-header > .aux-master-menu { line-height: 100%; } .aux-cart-wrapper { display: table; } .aux-cart-wrapper.aux-offcart-content { float: left; width: 100%; } .aux-cart-wrapper.aux-offcart-content .aux-card-dropdown { box-shadow: none; background: transparent; visibility: visible; opacity: 1 !important; z-index: 1; position: inherit; width: auto; transform: inherit; border: 0; height: calc(100vh - 60px); } .aux-cart-wrapper.aux-basket-animation.aux-cart-in-progress .aux-shopping-basket:before { animation: FillBasket 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955) both; } .aux-cart-wrapper.aux-basket-animation.aux-cart-in-progress .aux-shopping-basket:after { animation: ArrowMoveBasket 700ms 150ms cubic-bezier(0.455, 0.03, 0.515, 0.955) both; } .aux-cart-wrapper.aux-basket-animation.aux-cart-updated-animation .aux-cart-contents:before { display: inline-block; transform-origin: bottom; animation: BasketIconRotate 450ms 350ms linear both; } .aux-cart-wrapper.aux-basket-animation.aux-cart-updated-animation .aux-cart-contents span { animation: PulseGradient 800ms cubic-bezier(0.86, 0, 0.07, 1) 150ms both; } .aux-cart-wrapper.aux-basket-animation.aux-cart-updated-animation .aux-cart-contents span:after { animation: PulseGrow 450ms 325ms cubic-bezier(0.645, 0.045, 0.355, 1) both; } .aux-cart-wrapper .aux-shopping-basket { cursor: pointer; display: table-cell; vertical-align: middle; position: relative; } .aux-cart-wrapper .aux-shopping-basket:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #3d3d3d; opacity: 0; z-index: 1; } .aux-cart-wrapper .aux-shopping-basket:after { content: ''; background: url(images/svg/downarrow.svg) no-repeat; position: absolute; left: 0; right: 0; top: 10%; margin: 0 auto; width: 13px; height: 20px; z-index: 2; opacity: 0; } @keyframes FillBasket { 0% { opacity: 0; } 30% { opacity: 1; } 70% { opacity: 1; } 100% { opacity: 0; } } @keyframes ArrowMoveBasket { 0% { opacity: 0; } 30% { opacity: 1; top: 50%; transform: translateY(-50%); } 70% { opacity: 1; top: 50%; transform: translateY(-50%); } 100% { opacity: 0; top: 60%; } } @keyframes PulseGrow { 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1); } } @keyframes PulseGradient { 0% { box-shadow: 0px 0px 0px 0px #ee1d27; } 100% { box-shadow: 0px 0px 0px 10px rgba(238, 29, 39, 0); } } @keyframes BasketIconRotate { 0% { transform: rotate(0); } 25% { transform: rotate(-10deg); } 75% { transform: rotate(10deg); } 100% { transform: rotate(0); } } .aux-cart-wrapper .aux-cart-contents { position: relative; display: table-cell; vertical-align: middle; margin: 10px 7px 0 0; color: inherit; font-size: 1.45em; line-height: 1; text-align: center; } .aux-cart-wrapper .aux-cart-contents > span { position: absolute; right: -8px; top: -4px; height: 15px; padding: 3px; width: 15px; border-radius: 3px; background-color: #ee1d26; font-size: 10px; font-weight: 600; line-height: inherit; color: #FFFFFF; } .aux-cart-wrapper.aux-cart-element { display: block; position: relative; z-index: 6; } .aux-cart-wrapper.aux-cart-element .aux-card-dropdown { right: auto; left: 0; } .aux-cart-wrapper .aux-shopping-cart-info { display: table-cell; padding: 0 16px; } .aux-cart-wrapper .aux-shopping-cart-info > span { display: block; } .aux-cart-wrapper .aux-shopping-cart-info > span.aux-shopping-title { font-size: 11px; color: #AAA; } .aux-cart-wrapper .aux-shopping-cart-info > span.aux-shopping-amount { font-size: 16px; font-weight: normal; color: #3D3D3D; } .aux-cart-wrapper .aux-card-dropdown { visibility: hidden; will-change: transform; opacity: 0 !important; background-color: #FFFFFF; border: 1px solid #BBB; width: 300px; position: absolute; right: -130px; bottom: 0; transform: translateY(calc(100% + 30px)); z-index: -1; transition: all 0.1s ease-in-out 0s , visibility 0s linear 0.3s, z-index 0s linear 0.01s; } .aux-cart-wrapper .aux-card-dropdown.aux-card-dropdown-resp { right: -30px; } .aux-cart-wrapper .aux-card-dropdown.aux-modern-dropdown .aux-button-wrapper { display: flex; width: 100%; } .aux-cart-wrapper .aux-card-dropdown.aux-modern-dropdown .aux-button-wrapper > a { padding: 15px; line-height: unset; margin-bottom: auto; border-radius: 3px; flex-grow: 1; } .aux-cart-wrapper .aux-card-dropdown.aux-modern-dropdown .aux-button-wrapper > a .aux-text { font-size: 12px; } .aux-cart-wrapper .aux-card-dropdown.aux-modern-dropdown .aux-button-wrapper > a.aux-checkout-button { order: 2; } .aux-cart-wrapper .aux-card-dropdown.aux-modern-dropdown .aux-button-wrapper > a.aux-cart-button { order: 1; margin-right: 8px; } .aux-cart-wrapper .aux-card-box { padding: 0.625em; border-bottom: 1px solid #BBB; max-height: 300px; overflow-y: scroll; } .aux-cart-wrapper .aux-card-box.aux-empty-cart { border: 0; text-align: center; text-transform: uppercase; font-size: 13px; color: #AAAAAA; font-weight: bold; padding: 55px 0.625em 52px; } .aux-cart-wrapper .aux-card-box.aux-empty-cart img { display: block; margin: 0 auto 14px; } .aux-cart-wrapper .aux-card-box::-webkit-scrollbar { width: 8px; border-radius: 8px; } .aux-cart-wrapper .aux-card-box::-webkit-scrollbar-track { background-color: transparent; } .aux-cart-wrapper .aux-card-box::-webkit-scrollbar-thumb { background-color: #707070; border-radius: 8px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .aux-cart-wrapper .aux-card-box::-webkit-scrollbar-thumb:hover { background-color: #000; } .aux-cart-wrapper .aux-card-item { display: flex; flex-direction: row; position: relative; padding: 0.8125em 0.6875em; border-bottom: 1px solid #BBB; background-color: transparent; -moz-transition: background-color .5s ease 0s; -o-transition: background-color .5s ease 0s; -webkit-transition: background-color .5s ease 0s; transition: background-color .5s ease 0s; } .aux-cart-wrapper .aux-card-item:hover { background-color: #f8f8f8; } .aux-cart-wrapper .aux-card-item .aux-card-item-img { flex-shrink: 0; margin-right: 1.25em; } .aux-cart-wrapper .aux-card-item .aux-card-item-img > img { width: 60px; height: 60px; border-radius: 3px; } .aux-cart-wrapper .aux-card-item h3 { font-size: 1em; color: #444; margin: 0; font-weight: 400; } .aux-cart-wrapper .aux-card-item span { padding-top: 0.625em; } .aux-cart-wrapper .aux-card-item .woocommerce-Price-amount { font-weight: 400; } .aux-cart-wrapper .aux-card-item .aux-remove-cart-content { color: #707070; position: absolute; right: 10px; top: 10px; font-size: 2em; font-weight: 100; padding: 0; margin: 0; line-height: 1; } .aux-cart-wrapper .aux-card-item:last-child { border: none; margin-bottom: 0; padding-bottom: 0.3125em; } .aux-cart-wrapper .aux-card-checkout { padding: 1.875em 1.25em 1.25em 1.25em; } .aux-cart-wrapper .aux-card-checkout .aux-card-final-amount .aux-card-final-amount-text { font-weight: 500; font-size: 13px; color: #333; padding-bottom: 1.875em; text-transform: uppercase; } .aux-cart-wrapper .aux-card-checkout .aux-card-final-amount .woocommerce-Price-amount { float: right; font-weight: bold; font-size: 16px; color: #3D3D3D; margin-top: -3px; } .aux-cart-wrapper .aux-card-checkout .aux-button { display: block; text-align: center; margin-bottom: 20px; } .aux-cart-wrapper .aux-card-checkout .aux-button:last-child { margin-bottom: 0; } .aux-cart-wrapper.aux-cart-display-dropdown .aux-card-dropdown { visibility: visible; opacity: 1 !important; z-index: 1; transform: translateY(100%); transition-delay: 0s, 0s, 0.3s; } .aux-cart-wrapper .aux-card-dropdown-dark { background-color: #3D3D3D; } .aux-cart-wrapper .aux-card-dropdown-dark .aux-card-box { border-color: #505050; color: #FFFFFF; } .aux-cart-wrapper .aux-card-dropdown-dark .aux-card-box .aux-card-item { border-color: #505050; } .aux-cart-wrapper .aux-card-dropdown-dark .aux-card-box .aux-card-item:hover { background-color: #232323; } .aux-cart-wrapper .aux-card-dropdown-dark .aux-card-box .aux-card-item h3 { color: #FFFFFF; } .aux-cart-wrapper .aux-card-dropdown-dark .aux-card-box .aux-card-item span { color: #FFFFFF; } .aux-cart-wrapper .aux-card-dropdown-dark .aux-card-box .aux-card-item ins span { color: #505050; } .aux-cart-wrapper .aux-card-dropdown-dark .aux-card-checkout .aux-card-final-amount .aux-card-final-amount-text { color: #AAA; } .aux-cart-wrapper .aux-card-dropdown-dark .aux-card-checkout .aux-card-final-amount .woocommerce-Price-amount { color: #FFFFFF; } .aux-cart-wrapper .aux-card-dropdown-dark .aux-inline-card-checkout .aux-card-final-amount { color: #fff; } .aux-cart-wrapper .aux-card-dropdown-dark .aux-inline-card-checkout .aux-card-final-amount .woocommerce-Price-amount { color: #fff; } .aux-cart-wrapper.aux-elegant-cart .aux-button-wrapper .aux-button { margin-bottom: 12px; width: 100%; text-align: center; text-transform: uppercase; display: block; } .aux-cart-wrapper.aux-elegant-cart .aux-button-wrapper .aux-button:last-child { margin-bottom: 0; } .aux-cart-wrapper.aux-elegant-cart .aux-cart-total-items { display: block; font-size: 12px; color: #707070; margin-bottom: 8px; } .aux-cart-wrapper.aux-elegant-cart .aux-card-final-amount .aux-card-final-amount-text { padding: 0 1.75em 1.25em; border-bottom: 1px solid #E4E4E4; font-size: 11px; font-weight: bold; color: #AAA; text-transform: uppercase; } .aux-cart-wrapper.aux-elegant-cart .aux-card-final-amount .woocommerce-Price-amount { font-family: "Raleway"; font-size: 16px; color: #444; font-weight: 600; vertical-align: middle; padding-left: 0.65em; float: right; } .aux-cart-wrapper.aux-elegant-cart .aux-card-final-amount .aux-cart-total-items { display: block; font-size: 14px; font-weight: 400; color: #DEDEDE; } .aux-cart-wrapper.aux-elegant-cart .aux-card-item { border: none; } .aux-cart-wrapper.aux-elegant-cart .aux-card-dropdown-dark .aux-cart-total-items { color: #AAAAAA; } .aux-cart-wrapper.aux-offcart-content .aux-button-wrapper { display: block; text-align: center; } .aux-cart-wrapper.aux-offcart-content .aux-button-wrapper .aux-button { display: block; } .aux-cart-wrapper.aux-offcart-content .aux-modern-dropdown .aux-card-box { height: calc(100% - 165px); } .aux-cart-wrapper.aux-offcart-content .aux-modern-dropdown .aux-inline-card-checkout { height: 165px; } .aux-cart-wrapper.aux-offcart-content .aux-card-box { border-bottom: none; height: calc(100% - 235px); overflow-y: scroll; } .aux-cart-wrapper.aux-offcart-content .aux-inline-card-checkout { width: 100%; height: 235px; bottom: 0; border-top: 1px solid #BBB; background-color: #FCFCFC; } .aux-cart-wrapper .aux-card-item-details span ins { float: right; margin-left: 10px; top: -0.3em; position: relative; } .aux-cart-wrapper .aux-card-item-details span ins span.woocommerce-Price-amount { font-weight: 600 !important; } .aux-cart-wrapper .aux-inline-card-checkout { padding: 25px 21px; } .aux-cart-wrapper .aux-inline-card-checkout .aux-card-final-amount { font-size: 14px; font-family: "Raleway"; font-weight: 400; color: #444444; } .aux-offcanvas-dark .aux-offcart-content .aux-inline-card-checkout { background-color: #3d3d3d; } .aux-myaccount-wrapper .aux-myaccount-url { color: inherit; font-size: 1.3125em; } .aux-wishlist-header-wrapper .aux-wishlist-url { color: inherit; font-size: 1.3125em; } .aux-search-section { line-height: 100%; } .aux-search-section .aux-search-icon { height: 26px; width: 26px; margin: 0; padding: 0; background: none; font-size: 22px; } .aux-header-elements { position: relative; } .aux-header-elements > [class*="-box"].aux-start { margin-right: 15px; } .aux-header-elements > [class*="-box"].aux-end { margin-left: 15px; } /* -------------------------------------------------------------------------- */ .site-header-section { background-color: white; transition: background-color 300ms ease-out, height 300ms ease-out; position: relative; z-index: 201; } @media print { .site-header-section { display: none; } } .site-header-section.aux-add-border .aux-wrapper { border-bottom: 1px solid #EAEAEA; } .site-header-section.aux-overlay-header { position: absolute; top: 0; left: 0; right: 0; } .site-header-section.aux-overlay-with-tb { position: absolute; } .site-header-section .aux-burger-box.aux-start { margin-right: 20px; } .site-header-section .aux-burger-box.aux-end { margin-left: 20px; } .site-header-section .aux-btns-box .aux-button { margin-bottom: 0; display: block; transition: background-color 300ms ease-out, border-color 300ms ease-out, padding 50ms ease-out, color 50ms ease-out; } .aux-page-show-fade .site-header-section.aux-animate-in.aux-animate-in, .aux-page-show-circle .site-header-section.aux-animate-in.aux-animate-in, .aux-page-show-slideup .site-header-section.aux-animate-in.aux-animate-in, .aux-page-show-cover .site-header-section.aux-animate-in.aux-animate-in { animation: aux-header-animation 1s cubic-bezier(0.23, 1, 0.32, 1) both; } .aux-page-animation-off .site-header-section.aux-animate-in.aux-animate-in { animation: aux-header-animation 1s cubic-bezier(0.23, 1, 0.32, 1) both; } .site-header-section.aux-header-light { color: #FFFFFF; border-color: #FFFFFF; } .site-header-section.aux-header-light .aux-menu-depth-0 > .aux-item-content { color: #FFFFFF; } .site-header-section.aux-header-light .aux-menu-depth-0 > .aux-item-content:after { background-color: #FFFFFF; } .site-header-section.aux-header-light .aux-burger:after, .site-header-section.aux-header-light .aux-burger:before, .site-header-section.aux-header-light .aux-burger .mid-line { border-color: #FFFFFF; } .site-header-section .aux-header-elements, .site-header-section .aux-menu-depth-0 > .aux-item-content { height: 85px; } .site-header-section .aux-fill .aux-logo { height: 100%; overflow: hidden; } @media screen and (max-width: 1023px) { .aux-resp .site-header-section .aux-logo-header { max-width: 80%; display: inline-block; } } @media screen and (max-width: 767px) { .aux-resp .site-header-section .aux-container { max-height: calc(100vh - 100px); overflow: auto; will-change: transform; transform: translateZ(1px); } } .site-header-section .secondary-bar { height: 60px; } .site-header-section .secondary-bar .aux-menu-box[class*="-center"] { width: 100%; z-index: 120; } .site-header-section .secondary-bar .aux-menu-box[class*="-center"] .aux-master-menu { text-align: center; } .site-header-section .secondary-bar .aux-menu-box[class*="-center"] .aux-master-menu > * { text-align: initial; } .site-header-section .aux-toggle-menu-bar { overflow: hidden; height: 0; width: 100%; } .site-header-section .aux-toggle-menu-bar > ul > li:last-child { margin-bottom: 1em; } .site-header-section .aux-search-section { line-height: 100%; } .site-header-section .aux-search-section.aux-end { margin-left: 0.4em; } .site-header-section .aux-search-section.aux-start { margin-right: 0.4em; } .aux-vertical-menu #inner-body { padding-left: 245px; } @media screen and (max-width: 767px) { .aux-resp.aux-vertical-menu #inner-body { padding: 0; } } .aux-vertical-menu .site-header-section { position: fixed; left: 0; width: 245px; } @media screen and (max-width: 767px) { .aux-resp.aux-vertical-menu .site-header-section { width: 100%; position: relative; } } .aux-vertical-menu .site-header-section .aux-burger-box { position: absolute; top: 50%; right: 35px; transform: translateY(-50%); z-index: 9; } .aux-vertical-menu .site-header-section .aux-header-elements, .aux-vertical-menu .site-header-section .aux-menu-depth-0 > .aux-item-content { height: auto; } .aux-vertical-menu .aux-vertical-menu-side { position: relative; height: 100vh; } .admin-bar.aux-vertical-menu .aux-vertical-menu-side { height: calc( 100vh - 32px ); } @media screen and (max-width: 767px) { .aux-resp.aux-vertical-menu .aux-vertical-menu-side { height: auto; } } .aux-vertical-menu .aux-vertical-menu-side.aux-vertical-items-center .aux-vertical-menu-elements { height: 100%; } .aux-vertical-menu .aux-vertical-menu-side.aux-vertical-items-center .aux-logo-header { text-align: center; padding: 3.4375em 2.1875em; margin: auto; } @media screen and (max-width: 767px) { .aux-resp.aux-vertical-menu .aux-vertical-menu-side.aux-vertical-items-center .aux-logo-header { text-align: left; margin: 0; padding: 1.875em; } } .aux-vertical-menu .aux-vertical-menu-side.aux-vertical-items-center .aux-logo-header .aux-logo-anchor { margin: auto; } .aux-vertical-menu .aux-vertical-menu-side.aux-vertical-items-center .aux-logo-header .aux-logo-anchor > img { margin: auto; } .aux-vertical-menu .aux-vertical-menu-side.aux-vertical-items-center .aux-menu-box { position: absolute; width: 100%; right: 0; top: 50%; transform: translateY(-50%); } .aux-vertical-menu .aux-vertical-menu-side.aux-vertical-items-center .aux-menu-box .aux-menu-depth-0 > .aux-item-content { padding: 0.8125em 0; text-align: center; } .aux-vertical-menu .aux-vertical-menu-side.aux-vertical-items-center .aux-cart-contents { padding: 0.8125em 0; text-align: center; } .aux-vertical-menu .aux-vertical-menu-side.aux-vertical-items-center .aux-vertical-menu-footer { position: absolute; bottom: 30px; text-align: center; padding-bottom: 0; } .aux-vertical-menu .aux-vertical-menu-side.aux-vertical-items-center .aux-vertical-menu-footer .aux-search-box:after { right: 0; left: 0; margin: 0 auto; } .aux-vertical-menu .aux-vertical-menu-side.aux-vertical-items-center .aux-vertical-menu-footer .aux-social-list > li { float: none; display: inline; } .aux-vertical-menu .aux-logo-header { margin-bottom: 67px; padding: 3.4375em 2.1875em 0 3.125em; } .aux-vertical-menu .aux-menu-box { margin: 0; } .aux-vertical-menu .aux-menu-box .aux-menu-depth-0 > .aux-item-content { display: block; padding: 0.8125em 2.1875em 0.8125em 3.4375em; text-transform: none; font-weight: 500; } .aux-vertical-menu .aux-menu-box .aux-menu-depth-0 > .aux-item-content > .aux-submenu-indicator { position: absolute; right: 30px; top: 50%; transform: rotate(-90deg) translateY(-50%); } .aux-vertical-menu .aux-menu-box .aux-menu-depth-0:first-child > .aux-item-content { padding-top: 0; padding-left: 3.4375em; } .aux-vertical-menu .aux-cart-wrapper .aux-cart-contents { padding: 0.8125em 2.1875em 0.8125em 3.4375em; text-align: left; font-size: 0.875em; font-weight: 500; margin: 0; } .aux-vertical-menu .aux-cart-wrapper .aux-cart-contents > span { position: relative; bottom: 2px; left: 5px; display: inline-block; height: 14px; width: 14px; border: none; text-align: center; } .aux-vertical-menu .aux-cart-wrapper .aux-cart-contents:before { display: none; } .aux-vertical-menu .aux-cart-wrapper .aux-card-dropdown { position: fixed; top: 50%; left: 245px; width: 245px; background-color: #F3F3F3; border: none; transform: translateY(-50%) translateX(30px); transition: all 300ms ease-in-out; } .aux-vertical-menu .aux-cart-wrapper .aux-card-dropdown.aux-card-dropdown-dark { background-color: #3D3D3D; } .aux-vertical-menu .aux-cart-wrapper .aux-card-dropdown:before, .aux-vertical-menu .aux-cart-wrapper .aux-card-dropdown:after { content: ''; position: fixed; left: 0; width: 100%; height: 100vh; background-color: inherit; z-index: -1; } .aux-vertical-menu .aux-cart-wrapper .aux-card-dropdown:before { top: 0; } .aux-vertical-menu .aux-cart-wrapper .aux-card-dropdown:after { bottom: 0; } .aux-vertical-menu .aux-cart-wrapper .aux-card-checkout, .aux-vertical-menu .aux-cart-wrapper .aux-card-box { padding: 1.875em; } .aux-vertical-menu .aux-cart-wrapper .aux-card-item { border: none; margin: 0; padding-bottom: 1.875em; } .aux-vertical-menu .aux-cart-wrapper .aux-card-item:after { content: ""; display: table; clear: both; } .aux-vertical-menu .aux-cart-wrapper .aux-card-item:last-child { padding-bottom: 0; } .aux-vertical-menu .aux-cart-wrapper .aux-card-item .aux-card-item-img { margin-right: 10px; } .aux-vertical-menu .aux-cart-wrapper .aux-card-item .aux-card-item-details { padding-right: 0.625em; } .aux-vertical-menu .aux-cart-wrapper .aux-card-item .aux-card-item-details .aux-remove-cart-content { top: 5px; } .aux-vertical-menu .aux-cart-wrapper .aux-card-item .aux-card-item-details h3, .aux-vertical-menu .aux-cart-wrapper .aux-card-item .aux-card-item-details span { font-size: 0.875em; font-weight: 300; } .aux-vertical-menu .aux-cart-wrapper .aux-card-checkout .woocommerce-Price-amount { font-size: 0.875em; font-weight: 500; } .aux-vertical-menu .aux-cart-wrapper .aux-card-checkout .aux-button { margin-bottom: 10px; padding: 0.8125em 2.1875em; text-transform: none; font-size: 0.75em; font-weight: 600; } .aux-vertical-menu .aux-cart-wrapper.aux-cart-display-dropdown .aux-card-dropdown { transform: translateY(-50%) translateX(0); } .aux-vertical-menu .aux-vertical-menu-footer { padding: 0 3.4375em 3.4375em 3.125em; } .aux-vertical-menu .aux-search-box { position: relative; margin: 55px 0; } .aux-vertical-menu .aux-search-box.aux-search-no-border { margin-bottom: 12px; } .aux-vertical-menu .aux-search-box.aux-search-no-border:after { display: none; } .aux-vertical-menu .aux-search-box:after { content: ''; position: absolute; bottom: -30px; display: block; width: 30px; height: 1px; background-color: #e0e0e0; } .aux-vertical-menu .aux-search-box .aux-search-field { height: 25px; padding: 0.1875em 0.625em; font-size: 0.75em; } .aux-vertical-menu .aux-search-box .aux-submit-icon-container { width: 25px; } .aux-vertical-menu .aux-search-box .aux-submit-icon-container:before { font-size: 1em; } .aux-vertical-menu .aux-socials-container { margin-bottom: 10px; } .aux-vertical-menu .aux-social-list { margin-left: -7px; } .aux-top-sticky .site-header-section .aux-logo.aux-scale { transition: transform 300ms ease-out; transform-origin: left; } .aux-top-sticky .site-header-section .aux-center .aux-logo.aux-scale, .aux-top-sticky .site-header-section .aux-center-middle .aux-logo.aux-scale { transform-origin: center; } .aux-top-sticky .site-header-section .aux-end .aux-logo.aux-scale { transform-origin: right; } .aux-top-sticky .site-header-section.aux-sticky { position: fixed; top: 0; width: 100%; box-shadow: 0 4px 0 rgba(34, 34, 34, 0.03); z-index: 1400; } .aux-top-sticky .site-header-section.aux-sticky .aux-fill .aux-menu-depth-0 > .aux-item-content, .aux-top-sticky .site-header-section.aux-sticky .aux-header-elements { height: 51px; } .aux-top-sticky .site-header-section.aux-sticky .secondary-bar, .aux-top-sticky .site-header-section.aux-sticky .secondary-bar .aux-fill .aux-menu-depth-0 > .aux-item-content { height: 36px; } .aux-top-sticky .site-header-section.aux-sticky .aux-logo.aux-scale { transform: scale(0.85); } .aux-top-sticky .site-header-section.aux-sticky .aux-wrapper { border-bottom: 1px solid #DEDEDE; transition: border 200ms ease; } .aux-top-sticky .site-header-section.aux-sticky .aux-sticky-off { display: none; } /* -------------------------------------------------------------------------- */ .aux-logo { position: relative; } .aux-logo-hidden { position: absolute; visibility: hidden; opacity: 0; width: 0; height: 0; padding-bottom: 0; } .aux-logo-text { text-overflow: ellipsis; } .aux-logo-text .site-title, .aux-logo-text .site-description { margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .aux-logo-text .site-title { line-height: 110%; font-size: 1.5em; color: #1bb0ce; } .aux-logo-text .site-title a { color: inherit; } .aux-logo-text .site-description { font-size: 86%; } .aux-logo-text .site-title ~ .site-description { margin-top: 5px; } .aux-logo-anchor { display: block; } .aux-logo-anchor > img { max-height: 100%; image-rendering: -webkit-optimize-contrast; } .aux-logo-anchor > img[src*=".svg"] { width: 100%; height: revert-layer; } .aux-logo-anchor.aux-has-logo ~ .aux-logo-text .site-title, .aux-logo-anchor.aux-has-logo ~ .aux-logo-text .site-description { font-family: "Raleway", arial, sans-serif; position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } /* -------------------------------------------------------------------------- */ .aux-top-slider { position: relative; z-index: 2; } .aux-top-slider .aux-fold { margin-left: auto; margin-right: auto; } .aux-front-error { color: #f12a2a; background-color: #ffefef; } .aux-front-notice { padding-top: 1em; border-bottom: solid 1px #EAEAEA; font-size: 90%; } .aux-front-notice p { margin-bottom: 0; } .aux-front-notice ul { margin-top: 0; } /* -------------------------------------------------------------------------- */ .aux-elementor-header { position: relative; z-index: 6; } .aux-elementor-header.aux-overlay-header { position: absolute; top: 0; left: 0; right: 0; z-index: 9; } .aux-elementor-header.aux-overlay-with-tb { position: absolute; } .aux-elementor-header .aux-toggle-menu-bar { overflow: hidden; height: 0; width: 100%; } .aux-elementor-header .aux-toggle-menu-bar > ul > li:last-child { margin-bottom: 1em; } .aux-elementor-header.aux-sticky { position: fixed; top: 0; width: 100%; box-shadow: 0 4px 0 rgba(34, 34, 34, 0.03); z-index: 1400; } .aux-elementor-header.aux-sticky .aux-fill .aux-menu-depth-0 > .aux-item-content, .aux-elementor-header.aux-sticky .aux-header-elements { height: 51px; } .aux-elementor-header.aux-sticky .secondary-bar, .aux-elementor-header.aux-sticky .secondary-bar .aux-fill .aux-menu-depth-0 > .aux-item-content { height: 36px; } .aux-elementor-header.aux-sticky .aux-logo.aux-scale { transform: scale(0.85); } .aux-elementor-header.aux-sticky .aux-wrapper { border-bottom: 1px solid #DEDEDE; transition: border 200ms ease; } .aux-elementor-header.aux-sticky .aux-sticky-off { display: none; } .aux-boxed.aux-fhd .aux-elementor-header { width: 1970px; max-width: 100%; } @media screen and (max-width: 1970px) { .aux-boxed.aux-fhd .aux-elementor-header { right: 0; left: 0; } } .aux-boxed.aux-s-fhd .aux-elementor-header { width: 1670px; max-width: 100%; } @media screen and (max-width: 1670px) { .aux-boxed.aux-s-fhd .aux-elementor-header { right: 0; left: 0; } } .aux-boxed.aux-xhd .aux-elementor-header { width: 1470px; max-width: 100%; } @media screen and (max-width: 1470px) { .aux-boxed.aux-xhd .aux-elementor-header { right: 0; left: 0; } } .aux-boxed.aux-hd .aux-elementor-header { width: 1270px; max-width: 100%; } @media screen and (max-width: 1270px) { .aux-boxed.aux-hd .aux-elementor-header { right: 0; left: 0; } } .aux-boxed.aux-nd .aux-elementor-header { width: 1070px; max-width: 100%; } @media screen and (max-width: 1070px) { .aux-boxed.aux-nd .aux-elementor-header { right: 0; left: 0; } } .aux-breadcrumbs { font-size: 12px; display: inline-block; font-weight: 600; } .aux-breadcrumbs span:not(.breadcrumb-icon) { padding-left: 10px; padding-right: 10px; } .aux-breadcrumbs span.breadcrumb-icon { line-height: 1; vertical-align: middle; } .aux-breadcrumbs span.breadcrumb-icon:first-child { display: none; } .aux-breadcrumbs span a:hover { color: #1bb0ce; text-decoration: underline; } .page-title-section { position: relative; } .page-title-section:before { content: ' '; display: table; clear: both; } .page-title-section .page-header { z-index: 2; overflow: hidden; border-width: 1px 0 1px; padding: 35px 0; position: relative; top: 0px; background-position: center center; background-size: cover; padding-top: 0; padding-bottom: 0; border-bottom: 1px solid #EAEAEA; } .page-title-section .page-header > .aux-container { position: relative; z-index: 2; } .page-title-section .page-header > .aux-container > *:last-child { margin-bottom: 55px; } .page-title-section .page-header > .aux-container > *:first-child { margin-top: 50px; } .page-title-section .page-header .aux-header-overlay { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 1; } .page-title-section .aux-boxed-container .aux-page-title-entry.aux-center { margin-left: auto; margin-right: auto; } .page-title-section .aux-boxed-container .aux-page-title-entry .aux-page-title-box { display: inline-block; } .page-title-section > .aux-full-height { height: 90vh; } .page-title-section > .aux-full-height > .aux-container { min-height: 100%; } .page-title-section > .aux-full-height .aux-title-scroll-down { left: 0; width: 100%; } .page-title-section > .aux-full-height.aux-semi-full-container { padding-right: 35px; padding-left: 35px; } .page-title-section > .aux-bottom .aux-page-title-entry { bottom: 0; } .page-title-section > .aux-bottom.aux-full-height .aux-page-title-entry { position: absolute; left: 0; right: 0; padding: inherit; bottom: 0; } .page-title-section > .aux-bottom.aux-full-height .aux-title-scroll-down { position: absolute; bottom: 5px; margin-bottom: 0; } .page-title-section > .aux-bottom.aux-full-height.aux-arrow-round .aux-page-title-entry { margin-bottom: 100px; } .page-title-section > .aux-bottom.aux-auto-height .aux-page-title-entry { margin-bottom: 0; } .page-title-section > .aux-bottom.aux-auto-height .aux-title-scroll-down { display: none; } .page-title-section > .aux-bottom-overlap { margin-bottom: 150px; overflow: visible; } .page-title-section > .aux-bottom-overlap .aux-page-title-entry { bottom: 0; margin-top: 0; } .page-title-section > .aux-bottom-overlap .aux-page-title-box { width: 100%; } .page-title-section > .aux-bottom-overlap.aux-full-height .aux-page-title-entry { position: absolute; left: 0; right: 0; bottom: 0; padding: inherit; transform: translateY(75%); } .page-title-section > .aux-bottom-overlap.aux-auto-height .aux-page-title-entry { transform: translateY(50%); margin-bottom: 0; } .page-title-section > .aux-bottom-overlap .aux-title-scroll-down { display: none !important; } .page-title-section > .aux-bottom-overlap.aux-bg-parallax .aux-meida-bg-holder { height: 100%; } .page-title-section > .aux-middle.aux-full-height .aux-page-title-entry { position: absolute; left: 0; right: 0; top: 50%; padding: inherit; margin: 0; transform: translateY(-50%); } .page-title-section > .aux-middle.aux-full-height .aux-title-scroll-down { position: absolute; bottom: 0; left: 0; } .page-title-section > .aux-middle.aux-auto-height .aux-breadcrumbs + .aux-page-title-entry { margin-bottom: 80px; } .page-title-section > .aux-top .aux-breadcrumbs ~ .aux-page-title-entry { margin-top: 0; } .page-title-section > .aux-top .aux-page-title-entry { top: 0; } .page-title-section .aux-light, .page-title-section .aux-light a { color: #fff; } .page-title-section .aux-dark, .page-title-section .aux-dark a { color: #111; } .page-title-section .aux-left { text-align: left; } .page-title-section .aux-center { text-align: center; } .page-title-section .aux-right { text-align: right; } .aux-overlay-bg-hash:before { content: ' '; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } .aux-overlay-bg-hash:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpiYMAE/+EEAy5Z0iUAAgwA/moE/KMl2lgAAAAASUVORK5CYII=); background-repeat: repeat; opacity: 0.5; } .aux-bg-parallax { background-repeat: repeat-y; background-position: 50% 0; transition: 20s linear; transition-property: background-position; } .page-title-section .aux-breadcrumbs { margin-top: 50px; margin-bottom: 30px; } .page-title-section .aux-title-scroll-down { text-align: center; } .page-title-section .aux-title-scroll-down .aux-arrow-nav { margin-left: auto; margin-right: auto; } .page-title-section .aux-title-scroll-down .prim-arrow { animation: aux-scrolldown 1400ms infinite alternate; } .page-title-section > .aux-arrow-round .aux-title-scroll-down { display: block; margin-top: 40px; } .page-title-section > .aux-arrow-round .aux-page-title-entry { margin-bottom: 0; } .page-title-section .aux-down-arrow { width: 70px; height: 70px; border-radius: 50%; display: inline-block; } .page-title-section .aux-light .aux-down-arrow .aux-overlay::after, .page-title-section .aux-light .aux-down-arrow:hover { background-color: #111; } .page-title-section .aux-light .aux-down-arrow.aux-outline { box-shadow: 0 0 0 1px #fff inset; } .page-title-section .aux-dark .aux-down-arrow .aux-overlay::after, .page-title-section .aux-dark .aux-down-arrow:hover { background-color: #fff; } .page-title-section .aux-dark .aux-down-arrow.aux-outline { box-shadow: 0 0 0 1px #111 inset; } .page-title-section .aux-page-title-entry { position: relative; margin-bottom: 40px; margin-top: 40px; } .page-title-section .aux-bread-bordered .aux-breadcrumbs { padding: 10px 20px; border-width: 1px; border-style: solid; border-radius: 20px; } .page-title-section .aux-bread-bordered.aux-light .aux-breadcrumbs { border-color: #fff; } .page-title-section .aux-bread-bordered.aux-dark .aux-breadcrumbs { border-color: #111; } .page-title-section .aux-heading-bordered .page-title-group, .page-title-section .aux-heading-boxed .page-title-group { padding: 2.1875em 1.875em; } .page-title-section .aux-heading-boxed .page-title-group { border: none; } .page-title-section .aux-heading-boxed.aux-light .page-title-group { background-color: #111; } .page-title-section .aux-heading-boxed.aux-dark .page-title-group { background-color: #fff; } .page-title-section .aux-heading-bordered .page-title-group { border-width: 3px; border-style: solid; border-radius: 1px; } .page-title-section .aux-heading-bordered.aux-light .page-title-group { border-color: #fff; } .page-title-section .aux-heading-bordered.aux-dark .page-title-group { border-color: #111; } .page-title-section .aux-heading-bordered .page-title-meta, .page-title-section .aux-heading-boxed .page-title-meta { margin-top: 1.2em; } .page-title { line-height: 100%; margin: 0; font-weight: 600; font-size: 2.4em; display: inline-block; } .page-title-section .page-subtitle { font-size: 1.15em; margin-top: 3px; margin-bottom: 0; font-weight: normal; } .page-title-section .page-title-meta { font-size: 15px; margin-top: 1.5em; } .page-title-section .page-title-meta a { font-weight: normal; } /*----------------- layouts -----------------*/ /* general styles for sidebars */ .aux-sidebar .sidebar-inner { padding: 3.4375em 1.875em; } .aux-sidebar-style-overlap .aux-sidebar:before { z-index: -1; } .aux-sidebar ul li a { color: #888; font-weight: 500; text-decoration: underline; } .aux-full-with .aux-sidebar-style-overlap .aux-sidebar:before { width: 40vw; } .aux-boxed .aux-sidebar-style-overlap .aux-sidebar:before { width: 100%; } @media print { .aux-sidebar { display: none; } } /* columns */ .aux-sidebar-primary { width: 300px; position: relative; z-index: 4; } .aux-sidebar-style-overlap .aux-sidebar-primary:before { content: ' '; position: absolute; top: 0; background-color: #EAEAEA; height: 100%; } .aux-sidebar-style-overlap.left-sidebar .aux-sidebar-primary:before, .aux-sidebar-style-overlap.left-right-sidebar .aux-sidebar-primary:before, .aux-sidebar-style-overlap.left2-sidebar .aux-sidebar-primary:before { right: 0; } .aux-sidebar-style-overlap.right-sidebar .aux-sidebar-primary:before, .aux-sidebar-style-overlap.right-left-sidebar .aux-sidebar-primary:before, .aux-sidebar-style-overlap.right2-sidebar .aux-sidebar-primary:before { left: 0; } .aux-sidebar-secondary { width: 260px; position: relative; z-index: 3; } .aux-sidebar-style-overlap.left-right-sidebar .aux-sidebar-secondary:before, .aux-sidebar-style-overlap.right-left-sidebar .aux-sidebar-secondary:before { content: ' '; position: absolute; top: 0; background-color: #F1F1F1; height: 100%; } .aux-sidebar-style-overlap.left-right-sidebar .aux-sidebar-secondary:before { left: 0; } .aux-sidebar-style-overlap.right-left-sidebar .aux-sidebar-secondary:before { right: 0; } .aux-sidebar-style-overlap.left2-sidebar .aux-sidebar-secondary, .aux-sidebar-style-overlap.right2-sidebar .aux-sidebar-secondary { background-color: #F1F1F1; } .aux-primary { position: relative; z-index: 5; width: 100%; /* space on top of content */ } .aux-content-top-margin .aux-primary { padding-top: 4.375em; } /* Adding a border as a splitter for sidebar */ .aux-sidebar-style-border.right-sidebar .aux-sidebar-primary { border-left: 1px solid #EAEAEA; } .aux-sidebar-style-border.left-sidebar .aux-sidebar-primary { border-right: 1px solid #EAEAEA; } .aux-sidebar-style-border.right-left-sidebar .aux-sidebar-primary { border-left: 1px solid #EAEAEA; } .aux-sidebar-style-border.right-left-sidebar .aux-sidebar-secondary { border-right: 1px solid #EAEAEA; } .aux-sidebar-style-border.left-right-sidebar .aux-sidebar-primary { border-right: 1px solid #EAEAEA; } .aux-sidebar-style-border.left-right-sidebar .aux-sidebar-secondary { border-left: 1px solid #EAEAEA; } .aux-sidebar-style-border.right2-sidebar .aux-sidebar-secondary { border-left: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; } .aux-sidebar-style-border.left2-sidebar .aux-sidebar-secondary { border-right: 1px solid #EAEAEA; border-left: 1px solid #EAEAEA; } /* full-width */ .no-sidebar .aux-sidebar { display: none; float: none; } .no-sidebar .aux-primary { float: none; width: 100%; } /* Sidebars */ .right-sidebar .aux-sidebar-secondary, .left-sidebar .aux-sidebar-secondary { display: none; } /* Sidebar right */ .right-sidebar > .aux-wrapper > .aux-container { padding-right: 300px; } .right-sidebar .aux-primary { float: left; padding-right: 38px; } .right-sidebar .aux-sidebar-primary { float: right; margin-right: -300px; } /* Sidebar left */ .left-sidebar > .aux-wrapper > .aux-container { padding-left: 300px; } .left-sidebar .aux-primary { float: right; padding-left: 38px; } .left-sidebar .aux-sidebar-primary { float: left; margin-left: -300px; } /* Both sidebar */ .left-right-sidebar > .aux-wrapper > .aux-container { padding-left: 300px; padding-right: 260px; } .left-right-sidebar .aux-primary { float: right; padding-right: 38px; padding-left: 38px; } .left-right-sidebar .aux-sidebar-primary { float: left; margin-left: -300px; } .left-right-sidebar .aux-sidebar-secondary { float: right; margin-right: -260px; right: -100%; } .right-left-sidebar > .aux-wrapper > .aux-container { padding-right: 300px; padding-left: 260px; } .right-left-sidebar .aux-primary { float: left; padding-left: 38px; padding-right: 38px; } .right-left-sidebar .aux-sidebar-primary { float: right; margin-right: -300px; } .right-left-sidebar .aux-sidebar-secondary { float: left; margin-left: -260px; left: -100%; } /* Two sidebar left */ .left2-sidebar > .aux-wrapper > .aux-container { padding-left: 560px; } .left2-sidebar .aux-primary { float: right; padding-left: 38px; } .left2-sidebar .aux-sidebar-primary { float: left; margin-left: -560px; } .left2-sidebar .aux-sidebar-secondary { float: left; margin-left: -260px; } /* Two sidebar right */ .right2-sidebar > .aux-wrapper > .aux-container { padding-right: 560px; } .right2-sidebar .aux-primary { float: left; padding-right: 38px; } .right2-sidebar .aux-sidebar-primary { float: right; margin-right: -560px; } .right2-sidebar .aux-sidebar-secondary { float: right; margin-right: -260px; } @media screen and (min-width: 768px) and (max-width: 1023px) { .aux-resp { /* Sidebar right */ /* Sidebar left */ } .aux-resp .aux-sidebar-primary { width: 240px; } .aux-resp .right-sidebar > .aux-wrapper > .aux-container { padding-right: 240px; } .aux-resp .right-sidebar .aux-sidebar-primary { margin-right: -240px; } .aux-resp .left-sidebar > .aux-wrapper > .aux-container { padding-left: 240px; } .aux-resp .left-sidebar .aux-sidebar-primary { margin-left: -240px; } } @media screen and (max-width: 767px) { .aux-resp { background-image: none; /* sidebars */ } .aux-resp .right-sidebar .aux-primary, .aux-resp .right-sidebar .aux-sidebar, .aux-resp .left-sidebar .aux-primary, .aux-resp .left-sidebar .aux-sidebar, .aux-resp .right-left-sidebar .aux-primary, .aux-resp .right-left-sidebar .aux-sidebar, .aux-resp .left-right-sidebar .aux-primary, .aux-resp .left-right-sidebar .aux-sidebar { width: 100%; margin-right: auto; margin-left: auto; } .aux-resp .right-left-sidebar > .aux-wrapper > .aux-fold, .aux-resp .left-right-sidebar > .aux-wrapper > .aux-fold { padding-right: 35px; padding-left: 35px; } .aux-resp .right-left-sidebar .aux-primary, .aux-resp .left-right-sidebar .aux-primary { padding-left: 0; padding-right: 0; } .aux-resp .right-left-sidebar .aux-sidebar, .aux-resp .left-right-sidebar .aux-sidebar { float: none; left: auto; right: auto; } .aux-resp .right-sidebar > .aux-wrapper > .aux-fold { padding-right: 35px; padding-left: 35px; } .aux-resp .right-sidebar .aux-primary { padding-right: 0; } .aux-resp .left-sidebar > .aux-wrapper > .aux-fold { padding-right: 35px; padding-left: 35px; } .aux-resp .left-sidebar .aux-primary { padding-left: 0; } .aux-resp .aux-sidebar { border-top: 1px solid #EAEAEA; padding-top: 2em; } .aux-resp .aux-sidebar .sidebar-inner { padding-right: 0; padding-left: 0; } .aux-resp .aux-full-container .aux-sidebar .sidebar-inner { padding-right: 0; padding-left: 0; } .aux-resp .aux-sidebar-style-border.right-sidebar .aux-sidebar-primary { border-left: none; } .aux-resp .aux-sidebar-style-border.left-sidebar .aux-sidebar-primary { border-right: none; } .aux-resp .aux-sidebar-style-border.left-right-sidebar .aux-sidebar-primary, .aux-resp .aux-sidebar-style-border.right-left-sidebar .aux-sidebar-primary { border-right: none; } .aux-resp .aux-sidebar-style-border.left-right-sidebar .aux-sidebar-secondary, .aux-resp .aux-sidebar-style-border.right-left-sidebar .aux-sidebar-secondary { border-left: none; } .aux-resp .aux-sidebar-style-border.right2-sidebar .aux-sidebar-secondary { border-left: none; border-right: none; } .aux-resp .aux-sidebar-style-border.left2-sidebar .aux-sidebar-secondary { border-right: none; border-left: none; } .aux-resp.aux-full-width .aux-sidebar-style-overlap .aux-sidebar-primary:before, .aux-resp.aux-full-width .aux-sidebar-style-overlap .aux-sidebar-secondary:before { right: auto; left: -10vw !important; width: 120vw; top: -1px; } .aux-resp.aux-boxed .aux-sidebar-style-overlap .aux-sidebar-primary:before, .aux-resp.aux-boxed .aux-sidebar-style-overlap .aux-sidebar-secondary:before { left: -35px !important; top: -1px; width: calc(100% + 70px); } } @media print { .aux-has-sidebar > .aux-wrapper > .aux-container { padding-left: 30px !important; padding-right: 30px !important; } .aux-has-sidebar .aux-primary { float: none; padding-left: 0 !important; padding-right: 0 !important; } } .aux-media-frame.aux-media-image { display: block; position: relative; overflow: hidden; max-width: 100%; text-align: center; } .aux-media-frame.aux-media-image img { height: auto; display: block; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } .aux-media-frame.aux-media-image.aux-contain img { width: 100%; min-width: 100%; } .aux-media-frame ul { display: none; } .aux-meida-bg-holder { position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: opacity 10ms linear; -webkit-transform-style: preserve-3d; background-size: cover; z-index: 1; background-position: 50% 50%; background-color: #333; overflow: hidden; } .aux-meida-bg-holder.aux-bg-parallax, .aux-bg-parallax .aux-meida-bg-holder { height: 100vh; } .aux-meida-bg-holder > img { width: 100%; display: none; z-index: 2; } .aux-meida-bg-holder video { z-index: 10; } .aux-has-preview { transform: translate3d(0, 0, 0); transition: filter 300ms; will-change: filter; perspective-origin: center; } .aux-has-preview.aux-preload, .aux-has-preview.aux-preloading { filter: blur(10px); } .aux-has-preview.aux-preloaded { filter: blur(0); } .aux-preload, .aux-preloading, .aux-preloaded { will-change: background, opacity; } .aux-preload.aux-progress-box, .aux-preloading.aux-progress-box { position: relative; background: #dddddd; background-image: linear-gradient(to right, #dddddd 33%, #f5f5f5 40%, #e5e5e5 43%, #dddddd 46%); background-repeat: no-repeat; background-size: 300% auto; animation-duration: 1.4s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: AuxLoadingWave; animation-timing-function: linear; } .aux-preload.aux-blank, .aux-preloading.aux-blank { opacity: 0; } .aux-preloading.aux-simple-spinner, .aux-preloading.aux-simple-spinner-light, .aux-preloading.aux-simple-spinner-dark { background-repeat: no-repeat; background-position: center center; } .aux-preloading.aux-simple-spinner { background-image: url(images/svg/spinner-default.svg); } .aux-preloading.aux-simple-spinner-light { background-image: url(images/svg/spinner-light.svg); } .aux-preloading.aux-simple-spinner-dark { background-image: url(images/svg/spinner-dark.svg); } .aux-preloaded.aux-blank { animation-name: AuxFadeInPreloaded; animation-duration: 400ms; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } @keyframes AuxFadeInPreloaded { from { opacity: 0; } to { opacity: 1; } } .aux-img-dynamic-dropshadow-frame { position: relative; } .aux-img-dynamic-dropshadow-frame .aux-img-dynamic-dropshadow { position: relative; z-index: 1; } .aux-img-dynamic-dropshadow-frame .aux-img-dynamic-dropshadow-cloned { position: absolute; left: 0; right: 0; top: 0; margin: 0 auto !important; transform: translateX(75px) translateY(40px); opacity: 0.4; filter: blur(50px); } .aux-orginal-blured-img { position: relative; overflow: hidden; } .aux-blured-img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: opacity,transform 100ms ease-out; will-change: opacity,transform; } .aux-page-cover.aux-page-cover-off .aux-page-cover-wrapper { transform: translateY(-100%); } .aux-page-cover .aux-page-cover-wrapper { position: fixed; top: 0; left: 0; z-index: 9; transition: transform 1200ms cubic-bezier(0.86, 0, 0.07, 1) 200ms !important; } .aux-page-cover .aux-page-cover-wrapper > .elementor-container { width: 100vw !important; height: 100vh; max-width: none !important; } .aux-page-cover .aux-page-cover-wrapper .aux-page-cover-content { position: relative; width: 100vw; height: 100vh; display: flex; align-items: center; z-index: 9; } .aux-page-cover .aux-page-cover-wrapper .auxin-page-cover-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 8; } .aux-page-cover .aux-page-cover-wrapper .aux-page-cover-footer { position: absolute; bottom: 85px; left: 0; right: 0; z-index: 9; } .aux-page-cover .aux-page-cover-wrapper .aux-page-cover-footer .aux-page-cover-footer-text { overflow: hidden; } .aux-page-cover .aux-page-cover-wrapper .aux-page-cover-footer .aux-page-cover-footer-text a { color: #FFFFFF; display: block; font-size: 32px; text-decoration: underline; line-height: 37px; text-align: center; } .aux-sticky-piece { align-self: start; } .aux-subfooter { background-color: #F3F3F3; position: relative; } .aux-subfooter > .aux-wrapper:after { content: ""; display: table; clear: both; } .aux-subfooter > .aux-wrapper > .aux-container { padding-top: 100px; margin-bottom: 100px; } @media print { .aux-subfooter { display: none; } } .aux-subfooter-bar.vertical-small-full, .aux-subfooter-bar.vertical-small-boxed { padding-top: 30px; padding-bottom: 30px; } .aux-subfooter-bar #sbi_load { padding-top: 0 !important; } .aux-subfooter-bar .widget-container { margin-bottom: 0px; } .aux-subfooter-bar .widget-container + .widget-container { margin-top: 1.875em; } @media print { .aux-subfooter-bar { display: none; } } .aux-site-footer { position: relative; padding: 15px 0; margin: 0; background-color: #FDFDFD; color: #AAA; border-top: 1px solid #EAEAEA; } .aux-site-footer .aux-fold { height: 60px; } .aux-site-footer ul:after { content: ""; display: table; clear: both; } .aux-site-footer small { font-size: 0.875em; line-height: 100%; } .aux-site-footer .aux-start { margin-right: 20px; } .aux-site-footer .aux-end { margin-left: 20px; } .aux-site-footer .footer-menu li { float: left; margin-bottom: 0; margin-right: 0.8em; } .aux-site-footer .footer-menu li.current-menu-item { font-weight: 600; } .aux-site-footer .footer-menu li.current-menu-item a, .aux-site-footer .footer-menu li.current-menu-item span { color: #505050; } .aux-site-footer .footer-menu li > a, .aux-site-footer .footer-menu li > span { color: #AAA; font-size: 0.75em; text-transform: uppercase; transition: color 300ms; } .aux-site-footer .footer-menu li > a:hover, .aux-site-footer .footer-menu li > span:hover { color: #505050; } .aux-site-footer .aux-privacy-policy { margin-left: 4px; } .aux-site-footer .aux-attribution + .aux-privacy-policy:before { content: "/"; color: rgba(255, 255, 255, 0.3); margin: 0 4px 0 -4px; display: inline-block; } .aux-site-footer .aux-social-list a:hover { color: #505050; } @media print { .aux-site-footer { display: none; } } .aux-sticky-footer #main, .aux-sticky-footer .page-title-section { position: relative; z-index: 2; background-color: white; } .aux-sticky-footer #main { box-shadow: 0px 3px 2px 0px rgba(10, 10, 10, 0.1); } .aux-sticky-footer .aux-subfooter, .aux-sticky-footer .aux-site-footer, .aux-sticky-footer .aux-subfooter-bar, .aux-sticky-footer .aux-elementor-footer { position: fixed; max-width: 100%; } .aux-sticky-footer .aux-subfooter { bottom: 90px; } .aux-sticky-footer .aux-site-footer, .aux-sticky-footer .aux-elementor-footer { bottom: 0; } .aux-sticky-footer.aux-framed .aux-subfooter, .aux-sticky-footer.aux-framed .aux-site-footer, .aux-sticky-footer.aux-framed .aux-subfooter-bar, .aux-sticky-footer.aux-framed .aux-elementor-footer { padding-right: 20px; padding-left: 20px; } .aux-sticky-footer.aux-full-width .aux-subfooter, .aux-sticky-footer.aux-full-width .aux-site-footer, .aux-sticky-footer.aux-full-width .aux-subfooter-bar, .aux-sticky-footer.aux-full-width .aux-elementor-footer { left: 0; right: 0; } .aux-sticky-footer.aux-boxed.aux-fhd .aux-subfooter, .aux-sticky-footer.aux-boxed.aux-fhd .aux-site-footer, .aux-sticky-footer.aux-boxed.aux-fhd .aux-subfooter-bar, .aux-sticky-footer.aux-boxed.aux-fhd .aux-elementor-footer { width: 1970px; } @media screen and (max-width: 1970px) { .aux-sticky-footer.aux-boxed.aux-fhd .aux-subfooter, .aux-sticky-footer.aux-boxed.aux-fhd .aux-site-footer, .aux-sticky-footer.aux-boxed.aux-fhd .aux-subfooter-bar, .aux-sticky-footer.aux-boxed.aux-fhd .aux-elementor-footer { right: 0; left: 0; } } .aux-sticky-footer.aux-boxed.aux-s-fhd .aux-subfooter, .aux-sticky-footer.aux-boxed.aux-s-fhd .aux-site-footer, .aux-sticky-footer.aux-boxed.aux-s-fhd .aux-subfooter-bar, .aux-sticky-footer.aux-boxed.aux-s-fhd .aux-elementor-footer { width: 1670px; } @media screen and (max-width: 1670px) { .aux-sticky-footer.aux-boxed.aux-s-fhd .aux-subfooter, .aux-sticky-footer.aux-boxed.aux-s-fhd .aux-site-footer, .aux-sticky-footer.aux-boxed.aux-s-fhd .aux-subfooter-bar, .aux-sticky-footer.aux-boxed.aux-s-fhd .aux-elementor-footer { right: 0; left: 0; } } .aux-sticky-footer.aux-boxed.aux-xhd .aux-subfooter, .aux-sticky-footer.aux-boxed.aux-xhd .aux-site-footer, .aux-sticky-footer.aux-boxed.aux-xhd .aux-subfooter-bar, .aux-sticky-footer.aux-boxed.aux-xhd .aux-elementor-footer { width: 1470px; } @media screen and (max-width: 1470px) { .aux-sticky-footer.aux-boxed.aux-xhd .aux-subfooter, .aux-sticky-footer.aux-boxed.aux-xhd .aux-site-footer, .aux-sticky-footer.aux-boxed.aux-xhd .aux-subfooter-bar, .aux-sticky-footer.aux-boxed.aux-xhd .aux-elementor-footer { right: 0; left: 0; } } .aux-sticky-footer.aux-boxed.aux-hd .aux-subfooter, .aux-sticky-footer.aux-boxed.aux-hd .aux-site-footer, .aux-sticky-footer.aux-boxed.aux-hd .aux-subfooter-bar, .aux-sticky-footer.aux-boxed.aux-hd .aux-elementor-footer { width: 1270px; } @media screen and (max-width: 1270px) { .aux-sticky-footer.aux-boxed.aux-hd .aux-subfooter, .aux-sticky-footer.aux-boxed.aux-hd .aux-site-footer, .aux-sticky-footer.aux-boxed.aux-hd .aux-subfooter-bar, .aux-sticky-footer.aux-boxed.aux-hd .aux-elementor-footer { right: 0; left: 0; } } .aux-sticky-footer.aux-boxed.aux-nd .aux-subfooter, .aux-sticky-footer.aux-boxed.aux-nd .aux-site-footer, .aux-sticky-footer.aux-boxed.aux-nd .aux-subfooter-bar, .aux-sticky-footer.aux-boxed.aux-nd .aux-elementor-footer { width: 1070px; } @media screen and (max-width: 1070px) { .aux-sticky-footer.aux-boxed.aux-nd .aux-subfooter, .aux-sticky-footer.aux-boxed.aux-nd .aux-site-footer, .aux-sticky-footer.aux-boxed.aux-nd .aux-subfooter-bar, .aux-sticky-footer.aux-boxed.aux-nd .aux-elementor-footer { right: 0; left: 0; } } .mm-footer .aux-menu-depth-0 > .aux-item-content { color: #AAA; font-size: 0.625em; font-weight: 600; text-transform: uppercase; transition: color 300ms; } .mm-footer .aux-menu-depth-0 > .aux-item-content:hover { color: #505050; } .aux-logo-footer .aux-logo-anchor img { width: auto; max-height: 60px; } /* -------------------------------------------------------------------------- */ .aux-goto-top-btn { display: none; position: fixed; bottom: 30px; right: 30px; z-index: 140; transform: translateY(150px); transition: all 500ms; } .aux-goto-top-btn.aux-align-btn-left { right: auto; left: 50px; } .aux-goto-top-btn.aux-align-btn-center { right: auto; left: 50%; margin-left: -17.5px; } .aux-goto-top-btn .aux-arrow-nav.aux-outline { width: 35px; height: 35px; background-color: white; } @media screen and (min-width: 700px) { .aux-framed .aux-goto-top-btn { right: 40px; } } @media screen and (min-width: 700px) { .aux-goto-top-btn { right: 50px; } } @media print { .aux-goto-top-btn { display: none !important; } } /* -------------------------------------------------------------------------- */ .customize-partial-edit-shortcuts-shown #qm { display: none; } .aux-hidden-blocks { z-index: 100003; position: relative; } .aux-fs-popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.98); z-index: 110000; overflow: hidden; transition: all 400ms ease-out; transform: translate3d(0, 0, 1px); } .aux-fs-popup:after, .aux-fs-popup:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; } .aux-fs-popup:before { z-index: 2; } .aux-fs-popup:after { z-index: 1; background-size: cover; } .aux-fs-popup > * { z-index: 4; } .aux-fs-popup .aux-panel-close { position: absolute; right: 0; width: 30px; height: 30px; border: solid 1px #707070; border-radius: 50%; margin: 15px; padding: 6px; cursor: pointer; z-index: 200; transition: border-color 0.3s ease; } .aux-fs-popup .aux-panel-close .aux-cross-symbol { width: 100%; height: 100%; top: 8px; position: relative; } .aux-fs-popup .aux-panel-close:hover { border-color: #000; } @media screen and (max-width: 1024px) { .aux-fs-popup .aux-panel-close { right: unset; left: calc(50% - 30px); } } .aux-fs-popup.aux-has-menu-title .aux-fs-menu:before { content: attr(data-menu-title); display: block; margin-bottom: 70px; text-align: center; } .aux-fs-popup .aux-fs-menu { position: relative; } .aux-fs-popup .aux-fs-menu, .aux-fs-popup .aux-fs-menu.aux-middle-aligned { top: 50%; margin: 0 auto; max-height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; transform: translateY(-50%); } .aux-fs-popup .aux-fs-search { display: none; } .aux-fs-popup.aux-dark { background-color: rgba(0, 0, 0, 0.95); color: white; } .aux-fs-popup.aux-dark .aux-panel-close { border-color: white; } .aux-fs-popup.aux-dark .aux-panel-close .aux-cross-symbol::after, .aux-fs-popup.aux-dark .aux-panel-close .aux-cross-symbol::before { background-color: white; } .aux-offside-section { display: none; } .aux-search-overlay .aux-search-field { position: relative; top: 50%; margin: 0 auto; height: 100%; overflow-y: hidden; text-align: center; transition: top 0.3s ease; } .aux-search-overlay .aux-search-field.has-result { top: 5% !important; } @media screen and (max-width: 1024px) { .aux-search-overlay .aux-search-field.has-result { top: 10%; } } .aux-search-overlay .aux-search-form form { width: 80%; max-width: 960px; display: flex; margin: 0 auto; align-items: center; justify-content: center; } .aux-search-overlay .aux-search-form form .aux-search-field { max-width: none; padding: 0; width: 100%; height: 100%; text-align: left; font-weight: 600; font-size: 28px; border: none; } .aux-search-overlay .aux-search-form form .aux-search-field:-moz-placeholder { /* WebKit, Blink, Edge */ color: #AEAEAE; } .aux-search-overlay .aux-search-form form .aux-search-field::-moz-placeholder { /* WebKit, Blink, Edge */ color: #AEAEAE; } .aux-search-overlay .aux-search-form form .aux-search-field:-ms-input-placeholder { /* WebKit, Blink, Edge */ color: #AEAEAE; } .aux-search-overlay .aux-search-form form .aux-search-field::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #AEAEAE; } .aux-search-overlay .aux-search-form form .aux-search-input-form { display: flex; border-bottom: 2px solid #707070; width: 100%; z-index: 2; } .aux-search-overlay .aux-search-form form .aux-search-input-form select { border: unset; color: #292929; line-height: normal; } @media screen and (max-width: 767px) { .aux-search-overlay .aux-search-form form .aux-search-input-form select { padding-left: 0; } } @media screen and (max-width: 767px) { .aux-search-overlay .aux-search-form form .aux-search-input-form input { order: 2; } } @media screen and (max-width: 767px) { .aux-search-overlay .aux-search-form form .aux-search-input-form .select2.select2-container { order: 1; width: 25px; margin-right: 10px; height: 33px; bottom: 5px; } } @media screen and (max-width: 767px) { .aux-search-overlay .aux-search-form form .aux-search-input-form .select2.select2-container.select2-container--open { height: 46px; } } @media screen and (max-width: 767px) { .aux-search-overlay .aux-search-form form .aux-search-input-form .select2.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow { height: 46px; } } .aux-search-overlay .aux-search-form form .aux-submit-icon-container:before { color: #707070 !important; transition: color 0.3s ease; } .aux-search-overlay .aux-search-form form .aux-submit-icon-container:hover:before { color: #000 !important; } .aux-search-overlay .aux-search-form form .aux-search-submit { overflow: inherit; } .aux-search-overlay .aux-search-form form .aux-submit-icon-container { position: relative; color: #3D3D3D; right: unset; font-size: 22px; } @media screen and (max-width: 479px) { .aux-search-overlay .aux-search-form form { width: 80%; } } .aux-search-overlay .select2-container--default .select2-selection--single { background-color: transparent; } .aux-search-overlay .aux-search-section.is-ajax { height: 95%; } .aux-search-overlay.has-ajax-form .aux-search-field { top: 38%; } .aux-search-overlay .aux-search-result { max-height: 80%; min-height: 5%; overflow-y: scroll; width: 80%; max-width: 960px; margin: 0 auto; position: relative; top: 25px; } .aux-search-overlay .aux-search-result.hide { opacity: 0.2; } .aux-search-overlay .aux-search-result .aux-search-item { width: calc(33% - 5px); float: left; margin-bottom: 20px; margin-right: 5px; transition: background-color 0.3s ease; box-sizing: border-box; padding: 5px; border-radius: 5px; } .aux-search-overlay .aux-search-result .aux-search-item .aux-item-title, .aux-search-overlay .aux-search-result .aux-search-item .aux-item-details, .aux-search-overlay .aux-search-result .aux-search-item .woocommerce-Price-amount { display: block; } .aux-search-overlay .aux-search-result .aux-search-item .aux-item-title, .aux-search-overlay .aux-search-result .aux-search-item ins .amount, .aux-search-overlay .aux-search-result .aux-search-item .amount { font-size: 16px; line-height: 20px; color: #2D2D2F; } .aux-search-overlay .aux-search-result .aux-search-item .aux-item-details, .aux-search-overlay .aux-search-result .aux-search-item del .amount { font-size: 14px; line-height: 18px; color: #AEAEAE !important; } .aux-search-overlay .aux-search-result .aux-search-item a { color: unset; position: relative; } .aux-search-overlay .aux-search-result .aux-search-item .aux-item-container { display: flex; } .aux-search-overlay .aux-search-result .aux-search-item .aux-item-desc { font-size: 0; line-height: 0; text-align: left; padding-left: 10px; } .aux-search-overlay .aux-search-result .aux-search-item .aux-item-desc .aux-price { display: flex; flex-direction: column; margin-top: 10px; } .aux-search-overlay .aux-search-result .aux-search-item .aux-item-desc .aux-price ins { background-color: unset; padding: unset; border-radius: unset; display: block; order: 1; } .aux-search-overlay .aux-search-result .aux-search-item .aux-item-desc .aux-price del { order: 2; text-decoration: none; } .aux-search-overlay .aux-search-result .aux-search-item:not(.portfolio):hover { background-color: #f9f9f9; } .aux-search-overlay .aux-search-result .aux-search-item:not(.portfolio) img { width: 110px; height: 110px; border-radius: 6px; } .aux-search-overlay .aux-search-result .aux-search-item:hover .aux-item-details a { color: #3d3d3d; } .aux-search-overlay .aux-search-result .aux-search-item:hover .aux-item-details a:after { content: " "; width: 0; background-color: #3d3d3d; height: 2px; transition: width 0.3s ease; position: absolute; left: 0; bottom: 0; } .aux-search-overlay .aux-search-result .aux-search-item:hover .aux-item-details a:hover:after { width: 100%; } .aux-search-overlay .aux-search-result .aux-search-item.portfolio { width: calc(20% - 5px); padding: 0; transition: box-shadow 0.3s ease; } .aux-search-overlay .aux-search-result .aux-search-item.portfolio:hover { box-shadow: 0px 6px 12px #00000016; } .aux-search-overlay .aux-search-result .aux-search-item.portfolio img { width: 100%; height: auto; border-radius: 5px; } @media screen and (max-width: 1024px) { .aux-search-overlay .aux-search-result .aux-search-item { width: calc(50% - 5px) !important; } } @media screen and (max-width: 767px) { .aux-search-overlay .aux-search-result .aux-search-item { width: 100% !important; margin-right: 0px; } } @media screen and (max-width: 767px) { .aux-search-overlay .aux-search-result > .aux-search-item:not(.portfolio):nth-child(4) { display: block; } } .aux-search-overlay .aux-search-result > .aux-search-item:not(.portfolio):nth-child(3n+1), .aux-search-overlay .aux-search-result > .aux-search-item.portfolio:nth-child(5n+1) { clear: both; } @media screen and (max-width: 1024px) { .aux-search-overlay .aux-search-result > .aux-search-item:not(.portfolio):nth-child(3n+1), .aux-search-overlay .aux-search-result > .aux-search-item.portfolio:nth-child(5n+1) { clear: none; } } @media screen and (max-width: 1024px) { .aux-search-overlay .aux-search-result > .aux-search-item:nth-child(2n+1) { clear: both !important; } } @media screen and (max-width: 767px) { .aux-search-overlay .aux-search-result > .aux-search-item { clear: both !important; } } .aux-search-overlay .aux-search-result span.aux-other-search-result-label { display: block; float: none; clear: both; text-align: left; box-sizing: border-box; padding-top: 20px; padding-bottom: 40px; text-transform: capitalize; font-size: 31px; line-height: 44px; color: #707070; } @media screen and (max-width: 767px) { .aux-search-overlay .aux-search-result span.aux-other-search-result-label { padding-bottom: 25px; font-size: 27px; } } .aux-search-overlay .aux-search-result .aux-other-search-result > .aux-search-item:not(.portfolio):nth-child(3n+1), .aux-search-overlay .aux-search-result .aux-other-search-result > .aux-search-item.portfolio:nth-child(5n+1) { clear: both; } @media screen and (max-width: 1024px) { .aux-search-overlay .aux-search-result .aux-other-search-result > .aux-search-item:not(.portfolio):nth-child(3n+1), .aux-search-overlay .aux-search-result .aux-other-search-result > .aux-search-item.portfolio:nth-child(5n+1) { clear: none; } } @media screen and (max-width: 1024px) { .aux-search-overlay .aux-search-result .aux-other-search-result > .aux-search-item:nth-child(2n+1) { clear: both !important; } } @media screen and (max-width: 1024px) { .aux-search-overlay .aux-search-result .aux-other-search-result > .aux-search-item.portfolio:nth-child(5) { display: none; } } .aux-search-overlay .aux-search-result .aux-other-search-result > .aux-search-item:not(.portfolio):nth-child(4) { display: none; } @media screen and (max-width: 1024px) { .aux-search-overlay .aux-search-result .aux-other-search-result > .aux-search-item:not(.portfolio):nth-child(4) { display: block; } } @media screen and (max-width: 767px) { .aux-search-overlay .aux-search-result .aux-other-search-result > .aux-search-item { clear: both !important; } } .aux-search-overlay .aux-search-result::-webkit-scrollbar { width: 8px; border-radius: 8px; } .aux-search-overlay .aux-search-result::-webkit-scrollbar-track { background-color: transparent; } .aux-search-overlay .aux-search-result::-webkit-scrollbar-thumb { background-color: #707070; border-radius: 8px; transition: all 0.3s ease; } .aux-search-overlay .aux-search-result::-webkit-scrollbar-thumb:hover { background-color: #000; } .aux-search-overlay .aux-empty-result { display: block; text-align: left; color: #8f8f8f; font-size: 28px; line-height: 40px; } @media screen and (max-width: 1024px) { .aux-search-overlay .aux-empty-result { font-size: 22px; line-height: 30px; } } .aux-search-overlay .aux-empty-result .aux-post-type { text-transform: capitalize; } .aux-search-overlay .aux-empty-result .aux-post-type, .aux-search-overlay .aux-empty-result .aux-search-phrase { color: #3d3d3d; } .aux-search-overlay.aux-dark form .aux-submit-icon-container, .aux-search-overlay.aux-dark form .aux-submit-icon-container:hover { color: white; } .aux-search-overlay.aux-dark form .aux-submit-icon-container:hover:before { color: #fff !important; } .aux-search-overlay.aux-dark form .aux-search-field { color: white; } .aux-search-overlay.aux-dark form .aux-search-field:-moz-placeholder { /* WebKit, Blink, Edge */ color: #707070; } .aux-search-overlay.aux-dark form .aux-search-field::-moz-placeholder { /* WebKit, Blink, Edge */ color: #707070; } .aux-search-overlay.aux-dark form .aux-search-field:-ms-input-placeholder { /* WebKit, Blink, Edge */ color: #707070; } .aux-search-overlay.aux-dark form .aux-search-field::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #707070; } @media screen and (max-width: 1024px) { .aux-search-overlay.aux-dark form .aux-search-field { font-size: 22px !important; } } .aux-search-overlay.aux-dark form select { color: #dedede; } .aux-search-overlay.aux-dark form select:focus { color: #2d2d2f; } @media screen and (max-width: 1024px) { .aux-search-overlay.aux-dark form select { padding-bottom: 0; padding-top: 0; font-size: 20px; line-height: 25px; } } .aux-search-overlay.aux-dark form .select2-container--default .select2-selection--single span { color: #dedede; } .aux-search-overlay.aux-dark form .select2-container--default.select2-container--open { background-color: #3d3d3d; } @media screen and (max-width: 767px) { .aux-search-overlay.aux-dark form .select2-container--default.select2-container--open { background-color: #3d3d3d; } } .aux-search-overlay.aux-dark form .select2-container--default.select2-container--open .select2-selection--single { background-color: #3d3d3d; } .aux-search-overlay.aux-dark form .select2-container--default.select2-container--open .select2-selection--single span { color: #ffffff; } .aux-search-overlay.aux-dark .aux-spinner { border-color: #ffffff20; border-top-color: #fff; } .aux-search-overlay.aux-dark .aux-search-result::-webkit-scrollbar-thumb { background-color: #dedede; } .aux-search-overlay.aux-dark .aux-search-result::-webkit-scrollbar-thumb:hover { background-color: #fff; } .aux-search-overlay.aux-dark .aux-submit-icon-container:before { background-color: #dedede; } .aux-search-overlay.aux-dark .aux-empty-result span { color: #707070; } .aux-search-overlay.aux-dark .aux-empty-result .aux-post-type, .aux-search-overlay.aux-dark .aux-empty-result .aux-search-phrase { color: #dedede; } .aux-search-overlay.aux-dark .aux-search-item .aux-item-title, .aux-search-overlay.aux-dark .aux-search-item ins .amount, .aux-search-overlay.aux-dark .aux-search-item .amount { color: #DEDEDE; } .aux-search-overlay.aux-dark .aux-search-item .aux-item-details { color: #AEAEAE !important; } .aux-search-overlay.aux-dark .aux-search-item.portfolio:hover { box-shadow: 0 6px 22px #ffffff30; } .aux-search-overlay.aux-dark .aux-search-item:hover { background-color: #0f0f0f; } .aux-search-overlay.aux-dark .aux-search-item:hover .aux-item-details a { color: #aeaeae; } .aux-search-overlay.aux-dark .aux-search-item:hover .aux-item-details a:hover { color: #fff; } .aux-search-overlay.aux-dark .aux-search-item:hover .aux-item-details a:hover:after { background-color: #fff; } .aux-search-section .aux-search-form .aux-search-field { margin-right: unset; } .aux-search-section .aux-search-form .aux-iconic-search-submit { height: 60px; } .aux-search-section .aux-search-form .aux-search-submit { margin: 10px; } .aux-search-section .aux-search-input-form select { margin-left: 8px; } .aux-search-section .aux-search-input-form .select2-container { display: flex; align-items: center; justify-content: center; width: auto !important; } .aux-search-section .aux-search-input-form .select2-container .select2-selection__arrow { top: 11px; } @media screen and (max-width: 767px) { .aux-search-section .aux-search-input-form .select2-container .select2-selection__arrow { right: unset; } } .aux-search-section .aux-search-input-form .select2-container .select2-selection, .aux-search-section .aux-search-input-form .select2-container .select2-selection:focus { height: 46px; display: flex; align-items: center; border: none; outline: none; padding-right: 45px; padding-left: 24px; } @media screen and (max-width: 767px) { .aux-search-section .aux-search-input-form .select2-container .select2-selection { padding: 0 !important; margin-right: 15px; } } @media screen and (max-width: 767px) { .aux-search-section .aux-search-input-form .select2-container .select2-selection__rendered { display: none; } } @media screen and (max-width: 767px) { .aux-search-section .aux-search-input-form .select2-container.select2-container--open { width: 100% !important; position: absolute; background-color: #f3f3f3; } } @media screen and (max-width: 767px) { .aux-search-section .aux-search-input-form .select2-container.select2-container--open .selection { width: 100%; } } @media screen and (max-width: 767px) { .aux-search-section .aux-search-input-form .select2-container.select2-container--open .select2-selection { padding-right: 45px !important; padding-left: 24px !important; } } @media screen and (max-width: 767px) { .aux-search-section .aux-search-input-form .select2-container.select2-container--open .select2-selection__arrow { right: 1px; top: 1px; } } @media screen and (max-width: 767px) { .aux-search-section .aux-search-input-form .select2-container.select2-container--open .select2-selection__rendered { display: block; } } .aux-search-section .aux-search-input-form .select2-container.select2-container--open { border: none; background-color: #f3f3f3; border-radius: 4px; } .aux-search-section .aux-search-input-form .select2-container--default .select2-selection__rendered { min-width: 140px; text-align: left; } .aux-search-section.aux-search-elementor-element form { display: flex; height: 46px; } .aux-search-section.aux-search-elementor-element form .aux-search-input-form { display: flex; width: 100%; } .aux-search-section.aux-search-elementor-element form .aux-search-input-form input { max-width: unset; height: 46px; } @media screen and (max-width: 634px) { .aux-search-section.aux-search-elementor-element form .aux-search-input-form input { height: 56px; } } .aux-search-section.aux-search-elementor-element form .aux-search-input-form select { padding: 5px 48px 5px 5px; line-height: normal; padding-left: 1.1em; } @media screen and (max-width: 634px) { .aux-search-section.aux-search-elementor-element form .aux-search-input-form select { height: 56px; margin-left: 0; margin-top: 8px; } } @media screen and (max-width: 634px) { .aux-search-section.aux-search-elementor-element form .aux-search-input-form { flex-direction: column; } } .aux-search-section.aux-search-elementor-element form .aux-submit-icon-container { position: relative; right: unset; margin-left: 8px; background-color: #3D3D3D; } .aux-search-section.aux-search-elementor-element form .aux-submit-icon-container::before { color: #ffffff; } @media screen and (max-width: 634px) { .aux-search-section.aux-search-elementor-element form .aux-submit-icon-container input[type="submit"] { width: 100%; height: 56px; opacity: 0; } } @media screen and (max-width: 634px) { .aux-search-section.aux-search-elementor-element form .aux-submit-icon-container { height: 56px; margin-left: 0; margin-top: 8px; } } .aux-search-section.aux-search-elementor-element form input[type="submit"] { height: 46px; margin: 0 0 0 8px; } @media screen and (max-width: 634px) { .aux-search-section.aux-search-elementor-element form input[type="submit"] { margin: 8px 0 0 0; height: 56px; } } @media screen and (max-width: 634px) { .aux-search-section.aux-search-elementor-element form { flex-direction: column; height: inherit; } } .aux-search-section.aux-search-elementor-element.responsive form { flex-direction: column; height: unset; } .aux-search-section.aux-search-elementor-element.responsive form .aux-search-input-form { flex-direction: column; } .aux-search-section.aux-search-elementor-element.responsive form .aux-search-input-form input { height: 56px; } .aux-search-section.aux-search-elementor-element.responsive form .aux-search-input-form select { height: 56px; margin-left: 0; margin-top: 8px; } .aux-search-section.aux-search-elementor-element.responsive form .aux-submit-icon-container { height: 56px; margin-left: 0; margin-top: 8px; } .aux-search-section.aux-search-elementor-element.responsive form .aux-submit-icon-container input[type="submit"] { width: 100%; height: 56px; opacity: 0; } .aux-search-section.aux-search-elementor-element.responsive form input[type="submit"] { margin: 8px 0 0 0; height: 56px; } .select2-container--default .aux-search-dropdown { border: none; background-color: #f3f3f3; top: -2px; z-index: 110001; } .select2-container--default .aux-search-dropdown .select2-results__option--highlighted[aria-selected] { background-color: #dedede; color: #2d2d2f; } .select2-container--default .aux-search-dropdown ul { max-height: 300px !important; } .select2-container--default .aux-search-dropdown ul::-webkit-scrollbar { width: 12px; } .select2-container--default .aux-search-dropdown ul::-webkit-scrollbar-track { background-color: transparent; border-left: 3px solid #e2e2e2; } .select2-container--default .aux-search-dropdown ul::-webkit-scrollbar-thumb { background-color: transparent; border-left: 3px solid #707070; } .select2-container--default .aux-search-dropdown ul li.select2-results__option { padding-left: 24px; margin: unset; } .select2-container--default .aux-search-dropdown.aux-dark { background-color: #3d3d3d; } .select2-container--default .aux-search-dropdown.aux-dark .select2-results__option--highlighted[aria-selected], .select2-container--default .aux-search-dropdown.aux-dark .select2-results__option[aria-selected=true] { background-color: #707070; color: #dedede; } .select2-container--default .aux-search-dropdown.aux-dark li.select2-results__option { color: #dedede; } /* Search Spinner */ .aux-spinner { width: 30px; height: 30px; position: absolute; left: 50%; top: 140px; border: 2px solid #00000020; border-radius: 50%; border-top-color: #292929; animation: aux-spin 1s infinite linear; opacity: 0; } .aux-spinner.show { opacity: 1; } @keyframes aux-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes aux-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /** Page loading styles // ------------------------------------------------------------------------------ */ .aux-page-preload #inner-body { opacity: 0; visibility: hidden; transition: opacity 800ms cubic-bezier(0.86, 0, 0.07, 1); } .aux-page-preload.aux-page-preload-done #inner-body { opacity: 1; visibility: visible; } #pagePreloadProgressbar { position: fixed; height: 5px; background-color: #1bb0ce; z-index: 11000; will-change: width, transform; transform: translateZ(0px); transition: width 300ms, transform 400ms 280ms cubic-bezier(0.75, 0.1, 0.25, 0.9); } #pagePreloadProgressbar.aux-progressbar-bottom { bottom: 0; } #pagePreloadProgressbar.aux-progressbar-top { top: 0; } .admin-bar #pagePreloadProgressbar.aux-progressbar-top { top: 32px; } .aux-framed #pagePreloadProgressbar { left: 0; } #pagePreloadProgressbar.aux-no-js { width: 0; -moz-animation: aux-page-progressbar 15s forwards linear; -webkit-animation: aux-page-progressbar 15s forwards linear; animation: aux-page-progressbar 15s forwards linear; } #pagePreloadProgressbar.aux-hide { display: block; transform: translateX(100%) translateZ(0px); } .no-cssanimations #pagePreloadProgressbar { display: none; } @-moz-keyframes aux-page-progressbar { 100% { width: 70%; } } @-webkit-keyframes aux-page-progressbar { 100% { width: 70%; } } @keyframes aux-page-progressbar { 100% { width: 70%; } } .aux-page-loading { position: fixed; top: 50%; left: 50%; z-index: 10003; transform: translateY(-50%) translateX(-50%); transition: opacity 1s; } .aux-page-loading img { display: block; } .aux-page-preload-done .aux-page-loading { opacity: 0; } /** Page animations // ------------------------------------------------------------------------------ */ .csstransitions .aux-page-animation-fade .aux-page-animation-overlay { position: fixed; height: 100vh; width: 100vw; background: #FFF; z-index: 9; transition: visibility 0s linear 1000ms, opacity 1000ms cubic-bezier(0.86, 0, 0.07, 1); } .csstransitions .aux-page-animation-fade .aux-page-loading { transition: visibility 0s linear 800ms, opacity 800ms cubic-bezier(0.86, 0, 0.07, 1); } .csstransitions .aux-page-show-fade .aux-page-animation-overlay { opacity: 0; visibility: hidden; } .csstransitions .aux-page-show-fade .aux-page-loading { opacity: 0; } .csstransitions .aux-page-show-fade.aux-page-animation-done #inner-body { height: auto; } .csstransitions .aux-page-show-fade.aux-page-animation-done .aux-page-loading { display: none; } .csstransitions .aux-page-before-hide-fade #inner-body { overflow: hidden; height: 100vh; } .csstransitions .aux-page-before-hide-fade .aux-page-loading { display: block; opacity: 0; transition-delay: 300ms; } .csstransitions .aux-page-hide-fade .aux-page-animation-overlay { opacity: 1; visibility: visible; } .csstransitions .aux-page-hide-fade .aux-page-loading { opacity: 1; } .csstransitions .aux-page-animation-cover #inner-body { opacity: 1; visibility: visible; } .csstransitions .aux-page-animation-cover .aux-page-animation-overlay { position: fixed; width: 100vw; height: 100vh; z-index: 10000; background: white; transform-origin: bottom; transition: transform 1s 50ms cubic-bezier(0.86, 0, 0.07, 1); } .csstransitions .aux-page-animation-cover .aux-page-loading { transition: opacity 800ms cubic-bezier(0.86, 0, 0.07, 1); } .csstransitions .aux-page-show-cover .aux-page-loading { opacity: 0; } .csstransitions .aux-page-show-cover .aux-page-animation-overlay { transform: scaleY(0); } .csstransitions .aux-page-show-cover.aux-page-animation-done .aux-page-animation-overlay { display: none; } .csstransitions .aux-page-show-cover.aux-page-animation-done .aux-page-loading { display: none; } .csstransitions .aux-page-before-hide-cover .aux-page-animation-overlay { transform: scaleY(0); transform-origin: top; } .csstransitions .aux-page-before-hide-cover .aux-page-loading { display: block; opacity: 0; transition-delay: 300ms; } .csstransitions .aux-page-hide-cover .aux-page-animation-overlay { transform: scaleY(1); } .csstransitions .aux-page-hide-cover .aux-page-loading { opacity: 1; } .csstransitions .aux-page-animation-slideup.aux-page-animation-done .aux-page-animation-overlay { transform: translateY(-100%); opacity: 0; visibility: hidden; transition: transform 700ms 250ms cubic-bezier(0.23, 1, 0.32, 1); } .csstransitions .aux-page-animation-slideup.aux-page-animation-done .aux-page-animation-overlay .aux-animation-title, .csstransitions .aux-page-animation-slideup.aux-page-animation-done .aux-page-animation-overlay .aux-animation-desc { display: none; } .csstransitions .aux-page-animation-slideup .aux-animation-title, .csstransitions .aux-page-animation-slideup .aux-animation-desc { color: #3D3D3D; position: absolute; left: 10%; margin: 0; white-space: nowrap; overflow: hidden; clip-path: inset(0 100% 0 0); } .csstransitions .aux-page-animation-slideup .aux-animation-title { bottom: 202px; font-size: 3.375em; text-indent: -3px; animation: aux-type 1200ms cubic-bezier(0.86, 0, 0.07, 1) 1200ms both, moveElementPageLoad 1400ms 1200ms both; } .csstransitions .aux-page-animation-slideup .aux-animation-desc { bottom: 155px; font-size: 0.875em; letter-spacing: 2px; text-transform: uppercase; animation: aux-type 1500ms cubic-bezier(0.86, 0, 0.07, 1) 1300ms both, moveElementPageLoad 1400ms 1200ms both; } .csstransitions .aux-page-animation-slideup .aux-page-animation-overlay { position: fixed; width: 100vw; height: 100vh; z-index: 10000; transform-origin: bottom; background-color: #FFF; transition: transform 700ms cubic-bezier(0.23, 1, 0.32, 1) 1000ms; } .csstransitions .aux-page-animation-slideup .aux-page-animation-overlay .aux-animation-title { transition: bottom 500ms 1350ms cubic-bezier(0.86, 0, 0.07, 1); } .csstransitions .aux-page-animation-slideup .aux-page-loading { transition: opacity 800ms cubic-bezier(0.86, 0, 0.07, 1); } @keyframes aux-type { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } } @keyframes moveElementPageLoad { from { transform: translateY(25px); } to { transform: translateY(0); } } .csstransitions .aux-page-show-slideup .aux-page-animation-overlay { transform: translateY(100%); } .csstransitions .aux-page-show-slideup .aux-page-animation-overlay .aux-animation-title { bottom: 150px; } .csstransitions .aux-page-before-hide-slideup.aux-page-animation-done .aux-page-animation-overlay { opacity: 1; visibility: visible; transform: translateY(0); } .csstransitions .aux-page-animation-circle { overflow: hidden; height: 100vh; } .csstransitions .aux-page-animation-circle #inner-body { opacity: 0.5; overflow: hidden; height: 100vh; -webkit-transition: -webkit-transform 2s cubic-bezier(0.86, 0, 0.07, 1), -webkit-clip-path 1.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 2s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: -moz-transform 2s cubic-bezier(0.86, 0, 0.07, 1), -moz-clip-path 1.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 2s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: -ms-transform 2s cubic-bezier(0.86, 0, 0.07, 1), -ms-clip-path 1.8s cubic-bezier(0.86, 0, 0.07, 1), opacity 2s cubic-bezier(0.86, 0, 0.07, 1); transition-delay: 200ms; transform: perspective(1000px) translateZ(-180px); -webkit-clip-path: circle(0% at center); -moz-clip-path: circle(0% at center); -ms-clip-path: circle(0% at center); clip-path: circle(0% at center); } .csstransitions .aux-page-animation-circle .aux-page-animation-overlay { position: fixed; width: 100%; height: 100%; display: none; background: white; z-index: 10000; -webkit-clip-path: circle(0% at center); -moz-clip-path: circle(0% at center); -ms-clip-path: circle(0% at center); clip-path: circle(0% at center); -webkit-transition: -webkit-clip-path 1500ms 250ms cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: -moz-clip-path 1500ms 250ms cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: -ms-clip-path 1500ms 250ms cubic-bezier(0.86, 0, 0.07, 1); } .csstransitions .aux-page-animation-circle .aux-page-loading { transform-origin: left top; transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1), opacity 1s cubic-bezier(0.86, 0, 0.07, 1); } .csstransitions.no-cssclippathcircle .aux-page-animation-circle #inner-body { opacity: 0; } .csstransitions.no-cssclippathcircle .aux-page-show-circle #inner-body { opacity: 1; } .csstransitions .aux-page-show-circle #inner-body { visibility: visible; opacity: 1; transform: perspective(1000px); -webkit-clip-path: circle(75% at center); -moz-clip-path: circle(75% at center); -ms-clip-path: circle(75% at center); clip-path: circle(75% at center); } .csstransitions .aux-page-show-circle .aux-page-loading { opacity: 0; transform: perspective(1000px) translateY(-50%) translateX(-50%) translateZ(400px); } .csstransitions .aux-page-show-circle.aux-page-animation-done #inner-body { transition: none; transform: none; -webkit-clip-path: none; -moz-clip-path: none; -ms-clip-path: none; clip-path: none; } .csstransitions .aux-page-show-circle.aux-page-animation-done #inner-body, .csstransitions .aux-page-show-circle.aux-page-animation-done { height: auto; overflow: visible; } .csstransitions .aux-page-show-circle.aux-page-animation-done .aux-page-loading { display: none; } .csstransitions .aux-page-before-hide-circle #inner-body { opacity: 1; height: 100vh; visibility: visible; overflow: hidden; -webkit-clip-path: circle(75% at center); -moz-clip-path: circle(75% at center); -ms-clip-path: circle(75% at center); clip-path: circle(75% at center); } .csstransitions .aux-page-before-hide-circle .aux-page-loading { transition-delay: 400ms; transition-duration: 0; transform: perspective(1000px) translateY(-50%) translateX(-50%) translateZ(-2000px); opacity: 0; display: block; } .csstransitions .aux-page-before-hide-circle .aux-page-animation-overlay { display: block; } .csstransitions .aux-page-hide-circle { overflow: hidden; height: 100vh; } .csstransitions .aux-page-hide-circle #inner-body { transform: perspective(1000px) translateZ(180px); } .csstransitions .aux-page-hide-circle .aux-page-animation-overlay { -webkit-clip-path: circle(75% at center); -moz-clip-path: circle(75% at center); -ms-clip-path: circle(75% at center); clip-path: circle(75% at center); } .csstransitions .aux-page-hide-circle .aux-page-loading { transition-duration: 1s; transform: perspective(1000px) translateY(-50%) translateX(-50%); opacity: 1; } .aux-offcanvas-menu { position: fixed; top: 0; left: 0; height: 100vh; width: 250px; background: #FFFFFF; box-shadow: 4px 0 0 rgba(34, 34, 34, 0.1); z-index: 150000; transform: translateX(-120%); transition: all 500ms ease-in-out; } .aux-offcanvas-menu .offcanvas-content { width: 100%; height: calc(100% - 130px); overflow-y: auto; } .aux-offcanvas-menu .aux-close { position: relative; width: 16px; height: 40px; padding-top: 20px; float: right; cursor: pointer; margin: 10px 20px; transition: all 200ms ease-out; } .aux-offcanvas-menu .aux-close:hover { transform: rotate(90deg); } .aux-offcanvas-menu.aux-pin-right { right: 0; left: auto; box-shadow: -5px 0 0px 0 rgba(0, 0, 0, 0.19); transform: translateX(120%); } .aux-offcanvas-menu.aux-pin-right .aux-close { float: left; } .aux-offcanvas-menu.aux-offcanvas-cart { width: 300px; } .aux-offcanvas-menu.aux-offcanvas-cart.aux-pin-right .aux-close { float: right; } .aux-offcanvas-menu.aux-offcanvas-cart .offcanvas-header { position: relative; left: 20px; top: 20px; display: inline-block; } .aux-offcanvas-menu.aux-offcanvas-dark { background: #3D3D3D; color: #FFFFFF; } .aux-offcanvas-menu.aux-offcanvas-dark .aux-close:before, .aux-offcanvas-menu.aux-offcanvas-dark .aux-close:after { background-color: #FFFFFF; } .aux-offcanvas-menu .aux-master-menu.aux-narrow.aux-toggle .aux-menu-item > .aux-item-content { padding-left: 1.5em; padding-right: 1.5em; } .aux-offcanvas-menu .aux-master-menu .aux-megamenu .aux-menu-column { width: 100% !important; } .aux-offcanvas-menu.aux-open { transform: translateX(0); } .aux-offcanvas-overlay:after { content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); z-index: 9; } .woocommerce-message, .woocommerce-error { position: fixed !important; left: 30px; bottom: 30px; z-index: 99; vertical-align: middle; line-height: 40px; background-color: #1FCE6F !important; color: #FFFFFF !important; font-weight: 500; padding: 20px 23px 20px 55px !important; list-style: none !important; border-radius: 6px; box-shadow: 5px 15px 40px rgba(0, 0, 0, 0.15); -webkit-animation: auxHideMe 8s forwards; animation: auxHideMe 8s forwards; list-style: none; border-top-color: unset !important; } @media screen and (max-width: 415px) { .woocommerce-message, .woocommerce-error { left: 20px; display: flex; flex-direction: column; line-height: normal; } } .woocommerce-message::before, .woocommerce-error::before { font-family: "auxin-front" !important; content: "\e0b5" !important; position: absolute !important; left: 23px !important; color: #ffffff !important; font-size: 23px; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 415px) { .woocommerce-message::before, .woocommerce-error::before { top: 32px !important; } } .woocommerce-message::before { font-family: "auxin-front-2" !important; content: "\2b" !important; font-size: 24px !important; } @media screen and (max-width: 415px) { .woocommerce-message { line-height: 21px !important; } } .woocommerce-message > a, .woocommerce-error > a { padding: 0px 15px !important; margin: 0 0 0 15px !important; float: right !important; line-height: 40px !important; font-size: 11px !important; text-transform: uppercase; color: #fff !important; box-shadow: 0 0 0 3px #fff inset !important; border-radius: 100em !important; background-color: unset !important; } @media screen and (max-width: 415px) { .woocommerce-message > a, .woocommerce-error > a { padding: 12px 27px !important; line-height: normal !important; order: 2; width: fit-content; margin-left: 0 !important; margin-top: 15px !important; } } .woocommerce-error { margin: 0; background-color: #E74C3C; } .woocommerce-error::before { content: ""; } .woocommerce-error li { margin: 0; line-height: inherit; } .woocommerce-error li:not(:last-child) { display: none; } @-webkit-keyframes auxHideMe { 0% { opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; display: none; } } @keyframes auxHideMe { 0% { opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; display: none; } } /*!>>>>>>>>>>>>>>>>>>>>>>> #elements config <<<<<<<<<<<<<<<<<<<< */ /** Override Timeline element confgs here */ .aux-timeline.aux-center .aux-block:nth-of-type(odd)::after, .rtl .aux-timeline.aux-center .aux-block:nth-of-type(even)::after, .aux-timeline.aux-right .aux-block::after, .aux-timeline.aux-center .aux-block:nth-of-type(even)::after, .rtl .aux-timeline.aux-center .aux-block:nth-of-type(odd)::after, .aux-timeline.aux-left .aux-block::after { position: absolute; width: 37px; top: 35px; left: -47px; right: auto; height: 1px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNhY2FjYWMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhY2FjYWMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(30%, rgba(0, 0, 0, 0)), color-stop(30%, #acacac), color-stop(100%, #acacac)); background: -moz-linear-gradient(right, rgba(0, 0, 0, 0) 30%, #acacac 30%, #acacac 100%); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 30%, #acacac 30%, #acacac 100%); background: linear-gradient(to left, rgba(0, 0, 0, 0) 30%, #acacac 30%, #acacac 100%); -moz-background-size: 10px; -o-background-size: 10px; -webkit-background-size: 10px; background-size: 10px; } .aux-timeline.aux-center .aux-block:nth-of-type(odd)::after, .rtl .aux-timeline.aux-center .aux-block:nth-of-type(even)::after, .aux-timeline.aux-right .aux-block::after { right: -47px; left: auto; } .aux-timeline.aux-center .aux-block:nth-of-type(odd)::before, .rtl .aux-timeline.aux-center .aux-block:nth-of-type(even)::before, .aux-timeline.aux-right .aux-block::before, .aux-timeline.aux-center .aux-block:nth-of-type(even)::before, .rtl .aux-timeline.aux-center .aux-block:nth-of-type(odd)::before, .aux-timeline.aux-left .aux-block::before { position: absolute; background: white; border: solid #ACACAC 1px; border-radius: 50%; width: 14px; height: 14px; box-sizing: border-box; top: 28px; left: -71px; right: auto; } .aux-timeline.aux-center .aux-block:nth-of-type(odd)::before, .rtl .aux-timeline.aux-center .aux-block:nth-of-type(even)::before, .aux-timeline.aux-right .aux-block::before { left: auto; right: -71px; } /*!>>>>>>>>>>>>>>>>>>>>>>> #interactions <<<<<<<<<<<<<<<<<<<< */ /** Auxin frame hover effects */ .aux-frame-cube { transition: all 500ms; transform-style: preserve-3d; transform-origin: center center 0px; transform: perspective(1000px); will-change: transform; } .aux-frame-cube .aux-face-front { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .aux-frame-cube .aux-face-left { position: absolute; top: 0; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateY(-90deg) translateX(-100%); transform-origin: left center; } .aux-frame-cube .aux-face-right { position: absolute; top: 0; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateY(90deg) translateX(100%); transform-origin: right; } .aux-frame-cube .aux-face-top { position: absolute; top: 0; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateX(90deg) translateY(-100%); transform-origin: top center; } .aux-frame-cube .aux-face-bottom { position: absolute; top: 0; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateX(-90deg) translateY(100%); transform-origin: bottom center; } .aux-frame-cube .aux-face-back { position: absolute; top: 0; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateX(180deg) translateZ(100%); transform-origin: center; } .aux-frame-card .aux-card-faces { transition: all 500ms; transform-style: preserve-3d; transform: perspective(1000px); position: relative; } .aux-frame-card .aux-face-front { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .aux-frame-card .aux-face-back { position: absolute; top: 0; left: 0; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateY(180deg); transform-origin: center; } .aux-frame-card.aux-rotate-up .aux-face-back, .aux-frame-card.aux-rotate-down .aux-face-back { transform: rotateX(180deg); } .aux-hover-active:hover .aux-frame-card.aux-rotate-left:hover .aux-card-faces { transform: perspective(1000px) rotateY(180deg); } .aux-hover-active:hover .aux-frame-card.aux-rotate-right:hover .aux-card-faces { transform: perspective(1000px) rotateY(-180deg); } .aux-hover-active:hover .aux-frame-card.aux-rotate-up:hover .aux-card-faces { transform: perspective(1000px) rotateX(180deg); } .aux-hover-active:hover .aux-frame-card.aux-rotate-down:hover .aux-card-faces { transform: perspective(1000px) rotateX(-180deg); } .aux-frame-mask { overflow: hidden; position: relative; transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1); transform: perspective(1000) translateZ(0px); } .aux-frame-mask img { transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1); transform: perspective(1000) translateZ(0px); } .aux-hover-active:hover .aux-frame-mask { transform: perspective(1000) translateZ(-120px); } .aux-hover-active:hover .aux-frame-mask img { transform: perspective(1000) translateZ(102.66396px); } .aux-frame-mask-plain { overflow: hidden; position: relative; transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1); transform: perspective(1000) translateZ(0px); } .aux-hover-active:hover .aux-frame-mask-plain { transform: perspective(1000) translateZ(-120px); } .aux-frame-zoom { overflow: hidden; position: relative; } .aux-frame-zoom img { will-change: transform; transition: all 1.2s ease-out; transform: translateZ(1px); } .aux-hover-active:hover .aux-frame-zoom img { transform: scale(1.2) translateZ(0.1px); } .aux-frame-darken::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); opacity: 0; z-index: 1; will-change: opacity; transition: opacity 1s ease-out; } .aux-hover-active:hover .aux-frame-darken::after { opacity: 1; } .aux-frame-lighten::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.75); opacity: 0; z-index: 1; will-change: opacity; transition: opacity 1s ease-out; } .aux-hover-active:hover .aux-frame-lighten::after { opacity: 1; } .aux-frame-boxed-lighten::after { content: ""; position: absolute; top: 15px; bottom: 15px; left: 15px; right: 15px; background-color: rgba(255, 255, 255, 0.75); opacity: 0; z-index: 1; will-change: opacity transform; transform: scale(1.1); transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1), transform 1s cubic-bezier(0.77, 0, 0.175, 1); } .aux-hover-active:hover .aux-frame-boxed-lighten::after { transform: scale(1); opacity: 1; } .aux-frame-boxed-darken::after { content: ""; position: absolute; top: 15px; bottom: 15px; left: 15px; right: 15px; background-color: rgba(0, 0, 0, 0.75); opacity: 0; z-index: 1; will-change: opacity transform; transform: scale(1.1); transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1), transform 1s cubic-bezier(0.77, 0, 0.175, 1); } .aux-hover-active:hover .aux-frame-boxed-darken::after { transform: scale(1); opacity: 1; } .aux-frame-ratio { display: block; width: 100%; padding-bottom: 70%; } .aux-frame-ratio .aux-frame-ratio-inner { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .aux-frame-ratio .aux-frame-ratio-inner > img { height: auto; position: absolute; display: block; width: 100%; transform: translate(-50%, -50%); top: 50%; left: 50%; max-height: none; max-width: none; } /** Auxin hover effect planes and animations */ .aux-3d-planes { transform-style: preserve-3d; -moz-perspective: 1000px; -webkit-perspective: 1000px; perspective: 1000px; } .aux-3d-planes .aux-depth-0 { transform: translateZ(0px); } .aux-3d-planes .aux-depth-1 { transform: translateZ(20px); } .aux-3d-planes .aux-depth-2 { transform: translateZ(40px); } .aux-3d-planes .aux-depth-3 { transform: translateZ(60px); } .aux-3d-planes .aux-depth-4 { transform: translateZ(80px); } .aux-3d-planes .aux-depth-5 { transform: translateZ(100px); } .aux-delay-1x { transition-delay: 50ms !important; } .aux-delay-2x { transition-delay: 100ms !important; } .aux-delay-3x { transition-delay: 150ms !important; } .aux-delay-4x { transition-delay: 200ms !important; } .aux-delay-5x { transition-delay: 250ms !important; } .aux-delay-6x { transition-delay: 300ms !important; } .aux-delay-7x { transition-delay: 350ms !important; } .aux-delay-8x { transition-delay: 400ms !important; } .aux-delay-9x { transition-delay: 450ms !important; } .aux-delay-10x { transition-delay: 500ms !important; } .aux-hover-move-up { transform: translateY(40px); } .aux-hover-circle-plus, .aux-hover-circle-link { transform: translateX(-120px); } .aux-hover-out .aux-hover-circle-plus, .aux-hover-out .aux-hover-circle-link { transform: translateX(120px); } .aux-hover-active:hover .aux-hover-move-up { opacity: 1; transform: none; } .aux-hover-reset .aux-hover-circle-plus, .aux-hover-reset .aux-hover-circle-link { transition: none; } .aux-hover-in .aux-hover-circle-plus, .aux-hover-in .aux-hover-circle-link { opacity: 1; transform: none !important; } /** Auxin hover effect symbols This file contains a collection of symbols that can appear over a frame with hover effect Each symbol can have its own unique effect. */ /** Circle plus button Sample markup
*/ .aux-hover-scale-circle-plus, .aux-hover-scale-circle-plus2 { display: block; position: absolute; direction: ltr; } .aux-hover-scale-circle-plus .aux-symbol-plus, .aux-hover-scale-circle-plus2 .aux-symbol-plus, .aux-hover-scale-circle-plus .aux-symbol-circle, .aux-hover-scale-circle-plus2 .aux-symbol-circle { position: absolute; display: block; opacity: 0; transition: all 800ms cubic-bezier(0.75, 0.1, 0.25, 0.9); } .aux-hover-scale-circle-plus .aux-symbol-plus, .aux-hover-scale-circle-plus2 .aux-symbol-plus { z-index: 3; width: 30px; height: 30px; margin-top: 15px; transform-origin: 50% 0 0; } .aux-hover-scale-circle-plus .aux-symbol-plus::after, .aux-hover-scale-circle-plus2 .aux-symbol-plus::after, .aux-hover-scale-circle-plus .aux-symbol-plus::before, .aux-hover-scale-circle-plus2 .aux-symbol-plus::before { content: ""; position: absolute; display: block; height: 1px; width: 100%; background-color: white; } .aux-hover-scale-circle-plus .aux-symbol-plus::after, .aux-hover-scale-circle-plus2 .aux-symbol-plus::after { transform: rotate(90deg); } .aux-hover-scale-circle-plus .aux-symbol-circle, .aux-hover-scale-circle-plus2 .aux-symbol-circle { width: 100px; height: 100px; border: solid 2px white; border-radius: 50%; } .aux-hover-scale-circle-plus { top: 50%; left: 50%; } .aux-hover-scale-circle-plus .aux-symbol-plus { transform: translate3d(-50%, -50%, 0) scale(0.8); transform-origin: 50% 0 0; } .ie9 .aux-hover-scale-circle-plus .aux-symbol-plus { -ms-transform: translate(-50%, -50%); } .aux-hover-scale-circle-plus .aux-symbol-circle { z-index: 2; transform: translate3d(-50%, -50%, 0) scale(1.25); } .ie9 .aux-hover-scale-circle-plus .aux-symbol-circle { -ms-transform: translate(-50%, -50%); } .aux-hover-active:hover .aux-hover-scale-circle-plus .aux-symbol-plus, .aux-hover-active:hover .aux-hover-scale-circle-plus .aux-symbol-circle { opacity: 1; transform: translate3d(-50%, -50%, 0) scale(1) rotate(0); } .ie9 .aux-hover-active:hover .aux-hover-scale-circle-plus .aux-symbol-plus, .ie9 .aux-hover-active:hover .aux-hover-scale-circle-plus .aux-symbol-circle { -ms-transform: translate(-50%, -50%); } .aux-hover-scale-circle-plus2 { top: 0; left: 0; right: 0; bottom: 0; } .aux-hover-scale-circle-plus2 .aux-symbol-plus, .aux-hover-scale-circle-plus2 .aux-symbol-circle { top: 50%; left: 50%; } .aux-hover-scale-circle-plus2 .aux-symbol-plus { top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0) scale(0.8); transform-origin: 50% 0 0; } .ie9 .aux-hover-scale-circle-plus2 .aux-symbol-plus { -ms-transform: translate(-50%, -50%); } .aux-hover-scale-circle-plus2 .aux-symbol-circle { z-index: 2; transform: translate3d(-50%, -50%, 0) scale(1.25); } .ie9 .aux-hover-scale-circle-plus2 .aux-symbol-circle { -ms-transform: translate(-50%, -50%); } .aux-hover-active:hover .aux-hover-scale-circle-plus2 .aux-symbol-plus, .aux-hover-active:hover .aux-hover-scale-circle-plus2 .aux-symbol-circle { opacity: 1; transform: translate3d(-50%, -50%, 0) scale(1) rotate(0); } .ie9 .aux-hover-active:hover .aux-hover-scale-circle-plus2 .aux-symbol-plus, .ie9 .aux-hover-active:hover .aux-hover-scale-circle-plus2 .aux-symbol-circle { -ms-transform: translate(-50%, -50%); } .aux-hover-fade { opacity: 0; transition: opacity 1s ease-in-out; will-change: opacity; } .aux-hover-active:hover .aux-hover-fade { opacity: 1; } /** Circle plus button
*/ .aux-hover-circle-plus { opacity: 0; transition: opacity 1s 0s cubic-bezier(0.77, 0, 0.175, 1), transform 1s 0s cubic-bezier(0.77, 0, 0.175, 1); will-change: opacity, transform; } /** Circle link button */ .aux-hover-circle-link { opacity: 0; transition: opacity 1s 0s cubic-bezier(0.77, 0, 0.175, 1), transform 1s 0s cubic-bezier(0.77, 0, 0.175, 1); will-change: opacity, transform; } .aux-hover-move-up { opacity: 0; transition: opacity 1200ms 0s cubic-bezier(0.77, 0, 0.175, 1), transform 1200ms 0s cubic-bezier(0.77, 0, 0.175, 1); will-change: opacity, transform; } .aux-appear-watch { transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), opacity 2s cubic-bezier(0.19, 1, 0.22, 1); will-change: transform; } .aux-appear-watch, .aux-appear-watch.aux-disappeared { opacity: 0; } .aux-appear-watch.aux-appeared { opacity: 1; } .aux-appear-watch[class*="aux-invu-"].aux-appeared { transform: none; } .aux-appear-watch[class*="-short-"], .aux-appear-watch[class*="-small-"] { transition-duration: 1s, 1s; } .aux-appear-watch[class*="-long-"], .aux-appear-watch[class*="-large-"] { transition-duration: 3s, 3s; } .aux-appear-watch.aux-invu-short-top, .aux-appear-watch.aux-invu-short-top.aux-disappeared { transform: translateY(-27px); } .aux-appear-watch.aux-invu-short-left, .aux-appear-watch.aux-invu-short-left.aux-disappeared { transform: translateX(-27px); } .aux-appear-watch.aux-invu-short-right, .aux-appear-watch.aux-invu-short-right.aux-disappeared { transform: translateX(27px); } .aux-appear-watch.aux-invu-short-bottom, .aux-appear-watch.aux-invu-short-bottom.aux-disappeared { transform: translateY(27px); } .aux-appear-watch.aux-invu-long-top, .aux-appear-watch.aux-invu-long-top.aux-disappeared { transform: translateY(-75px); } .aux-appear-watch.aux-invu-long-left, .aux-appear-watch.aux-invu-long-left.aux-disappeared { transform: translateX(-75px); } .aux-appear-watch.aux-invu-long-right, .aux-appear-watch.aux-invu-long-right.aux-disappeared { transform: translateX(75px); } .aux-appear-watch.aux-invu-long-bottom, .aux-appear-watch.aux-invu-long-bottom.aux-disappeared { transform: translateY(75px); } .aux-appear-watch.aux-invu-medium-top, .aux-appear-watch.aux-invu-medium-top.aux-disappeared { transform: translateY(-50px); } .aux-appear-watch.aux-invu-medium-left, .aux-appear-watch.aux-invu-medium-left.aux-disappeared { transform: translateX(-50px); } .aux-appear-watch.aux-invu-medium-right, .aux-appear-watch.aux-invu-medium-right.aux-disappeared { transform: translateX(50px); } .aux-appear-watch.aux-invu-medium-bottom, .aux-appear-watch.aux-invu-medium-bottom.aux-disappeared { transform: translateY(50px); } .aux-appear-watch.aux-invu-scale-down-small, .aux-appear-watch.aux-invu-scale-down-small.aux-disappeared { transform: scale(1.1, 1.1); } .aux-appear-watch.aux-invu-scale-down-medium, .aux-appear-watch.aux-invu-scale-down-medium.aux-disappeared { transform: scale(1.2, 1.2); } .aux-appear-watch.aux-invu-scale-down-large, .aux-appear-watch.aux-invu-scale-down-large.aux-disappeared { transform: scale(1.2, 1.2); } .aux-appear-watch.aux-invu-scale-up-small, .aux-appear-watch.aux-invu-scale-up-small.aux-disappeared { transform: scale(0.9, 0.9); } .aux-appear-watch.aux-invu-scale-up-medium, .aux-appear-watch.aux-invu-scale-up-medium.aux-disappeared { transform: scale(0.8, 0.8); } .aux-appear-watch.aux-invu-scale-up-large, .aux-appear-watch.aux-invu-scale-up-large.aux-disappeared { transform: scale(0.8, 0.8); } /** animate.css -http://daneden.me/animate Version - 3.6.2 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2018 Daniel Eden */ .aux-animate { animation-duration: 1s; animation-fill-mode: both; } @keyframes AuxFlash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes AuxPulseIn { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(0.99, 0.99, 0.99); } to { opacity: 1; transform: none; } } .aux-anim-pulse-in, .aux-animated.aux-pulse { animation-name: AuxPulseIn; } @keyframes AuxPulseIn1 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(0.98, 0.98, 0.98); } to { opacity: 1; transform: none; } } .aux-anim-pulse-in-1, .aux-animated.aux-pulse1 { animation-name: AuxPulseIn1; } @keyframes AuxPulseIn2 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(0.96, 0.96, 0.96); } to { opacity: 1; transform: none; } } .aux-anim-pulse-in-2, .aux-animated.aux-pulse2 { animation-name: AuxPulseIn2; } @keyframes AuxPulseIn3 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(0.94, 0.94, 0.94); } to { opacity: 1; transform: none; } } .aux-anim-pulse-in-3, .aux-animated.aux-pulse3 { animation-name: AuxPulseIn3; } @keyframes AuxPulseIn4 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(0.9, 0.9, 0.9); } to { opacity: 1; transform: none; } } .aux-anim-pulse-in-4, .aux-animated.aux-pulse4 { animation-name: AuxPulseIn4; } @keyframes AuxPulseOut1 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { opacity: 1; transform: none; } } .aux-anim-pulse-out-1, .aux-animated.aux-pulse-out-1 { animation-name: AuxPulseOut1; } @keyframes AuxPulseOut2 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 1; transform: none; } } .aux-anim-pulse-out-2, .aux-animated.aux-pulse-out-2 { animation-name: AuxPulseOut2; } @keyframes AuxPulseOut3 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.15, 1.15, 1.15); } to { opacity: 1; transform: none; } } .aux-anim-pulse-out-3, .aux-animated.aux-pulse-out-3 { animation-name: AuxPulseOut3; } @keyframes AuxPulseOut4 { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.2, 1.2, 1.2); } to { opacity: 1; transform: none; } } .aux-anim-pulse-out-4, .aux-animated.aux-pulse-out-4 { animation-name: AuxPulseOut4; } @keyframes AuxShake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-50px, 0, 0); } 20%, 40%, 60%, 80% { opacity: 1; transform: translate3d(50px, 0, 0); } } .aux-anim-shake, .aux-animated.aux-shake { animation-name: AuxShake; } @keyframes AuxBounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: none; } } .aux-anim-bounce-in, .aux-animated.aux-bounce-in { animation-name: AuxBounceIn; } @keyframes AuxFadeIn { from { opacity: 0; } to { opacity: 1; } } .aux-anim-fade-in, .aux-animated.aux-fade-in { animation-name: AuxFadeIn; } @keyframes AuxFadeInDown { from { opacity: 0; transform: translate3d(0, -27px, 0); } to { opacity: 1; transform: none; } } .aux-anim-fade-in-down, .aux-animated.aux-fade-in-down { animation-name: AuxFadeInDown; } @keyframes AuxFadeInDown1 { from { opacity: 0; transform: translate3d(0, -50px, 0); } to { opacity: 1; transform: none; } } .aux-anim-fade-in-down-1, .aux-animated.aux-fade-in-down-1 { animation-name: AuxFadeInDown1; } @keyframes AuxFadeInDown2 { from { opacity: 0; transform: translate3d(0, -75px, 0); } to { opacity: 1; transform: none; } } .aux-anim-fade-in-down-2, .aux-animated.aux-fade-in-down-2 { animation-name: AuxFadeInDown2; } @keyframes AuxFadeInFromUpDownCustom { from { opacity: 0; transform: translate3d(var(--aux-anim-fade-in-from-x), var(--aux-anim-fade-in-from-y), 0); } to { opacity: 1; transform: none; } } .aux-anim-fade-in-custom, .aux-animated.aux-fade-in-custom { animation-name: AuxFadeInFromUpDownCustom; } @keyframes AuxFadeInUp { from { opacity: 0; transform: translate3d(0, 27px, 0); } to { opacity: 1; transform: none; } } .aux-anim-fade-in-up, .aux-animated.aux-fade-in-up { animation-name: AuxFadeInUp; } @keyframes AuxFadeInUp1 { from { opacity: 0; transform: translate3d(0, 50px, 0); } to { opacity: 1; transform: none; } } .aux-anim-fade-in-up-1, .aux-animated.aux-fade-in-up-1 { animation-name: AuxFadeInUp1; } @keyframes AuxFadeInUp2 { from { opacity: 0; transform: translate3d(0, 75px, 0); } to { opacity: 1; transform: none; } } .aux-anim-fade-in-up-2, .aux-animated.aux-fade-in-up-2 { animation-name: AuxFadeInUp2; } @keyframes AuxFadeInLeft { from { opacity: 0; transform: translate3d(-27px, 0, 0); } to { opacity: 1; transform: none; } } .aux-anim-fade-in-left, .aux-animated.aux-fade-in-left { animation-name: AuxFadeInLeft; } @keyframes AuxFadeInLeft1 { from { opacity: 0; transform: translate3d(-50px, 0, 0); } to { opacity: 1; transform: none; } } .aux-anim-fade-in-left-1, .aux-animated.aux-fade-in-left-1 { animation-name: AuxFadeInLeft1; } @keyframes AuxFadeInLeft2 { from { opacity: 0; transform: translate3d(-75px, 0, 0); } to { opacity: 1; transform: none; } } .aux-anim-fade-in-left-2, .aux-animated.aux-fade-in-left-2 { animation-name: AuxFadeInLeft2; } @keyframes AuxFadeInRight { from { opacity: 0; transform: translate3d(27px, 0, 0); } to { opacity: 1; transform: none; } } .aux-anim-fade-in-right, .aux-animated.aux-fade-in-right { animation-name: AuxFadeInRight; } @keyframes AuxFadeInRight1 { from { opacity: 0; transform: translate3d(50px, 0, 0); } to { opacity: 1; transform: none; } } .aux-anim-fade-in-right-1, .aux-animated.aux-fade-in-right-1 { animation-name: AuxFadeInRight1; } @keyframes AuxFadeInRight2 { from { opacity: 0; transform: translate3d(75px, 0, 0); } to { opacity: 1; transform: none; } } .aux-anim-fade-in-right-2, .aux-animated.aux-fade-in-right-2 { animation-name: AuxFadeInRight2; } @keyframes AuxRotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); } to { transform-origin: center; transform: none; opacity: 1; } } .aux-anim-rotate-in, .aux-animated.aux-rotate-in { animation-name: AuxRotateIn; } @keyframes AuxRotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -25deg); } to { transform-origin: left bottom; transform: none; opacity: 1; } } .aux-anim-rotate-in-down-left, .aux-animated.aux-rotate-in-down-left { animation-name: AuxRotateInDownLeft; } @keyframes AuxRotateInDownLeft1 { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -35deg); } to { transform-origin: left bottom; transform: none; opacity: 1; } } .aux-anim-rotate-in-down-left-1, .aux-animated.aux-rotate-in-down-left-1 { animation-name: AuxRotateInDownLeft1; } @keyframes AuxRotateInDownLeft2 { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); } to { transform-origin: left bottom; transform: none; opacity: 1; } } .aux-anim-rotate-in-down-left-2, .aux-animated.aux-rotate-in-down-left-2 { animation-name: AuxRotateInDownLeft2; } @keyframes AuxRotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 25deg); } to { transform-origin: right bottom; transform: none; opacity: 1; } } .aux-anim-rotate-in-down-right, .aux-animated.aux-rotate-in-down-right { animation-name: AuxRotateInDownRight; } @keyframes AuxRotateInDownRight1 { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 35deg); } to { transform-origin: right bottom; transform: none; opacity: 1; } } .aux-anim-rotate-in-down-right-1, .aux-animated.aux-rotate-in-down-right-1 { animation-name: AuxRotateInDownRight1; } @keyframes AuxRotateInDownRight2 { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); } to { transform-origin: right bottom; transform: none; opacity: 1; } } .aux-anim-rotate-in-down-right-2, .aux-animated.aux-rotate-in-down-right-2 { animation-name: AuxRotateInDownRight2; } @keyframes AuxRotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 25deg); } to { transform-origin: left bottom; transform: none; opacity: 1; } } .aux-anim-rotate-in-up-left, .aux-animated.aux-rotate-in-up-left { animation-name: AuxRotateInUpLeft; } @keyframes AuxRotateInUpLeft1 { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 35deg); } to { transform-origin: left bottom; transform: none; opacity: 1; } } .aux-anim-rotate-in-up-left-1, .aux-animated.aux-rotate-in-up-left-1 { animation-name: AuxRotateInUpLeft1; } @keyframes AuxRotateInUpLeft2 { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); } to { transform-origin: left bottom; transform: none; opacity: 1; } } .aux-anim-rotate-in-up-left-2, .aux-animated.aux-rotate-in-up-left-2 { animation-name: AuxRotateInUpLeft2; } @keyframes AuxRotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -35deg); } to { transform-origin: right bottom; transform: none; opacity: 1; } } .aux-anim-rotate-in-up-right, .aux-animated.aux-rotate-in-up-right { animation-name: AuxRotateInUpRight; } @keyframes AuxRotateInUpRight1 { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -60deg); } to { transform-origin: right bottom; transform: none; opacity: 1; } } .aux-anim-rotate-in-up-right-1, .aux-animated.aux-rotate-in-up-right-1 { animation-name: AuxRotateInUpRight1; } @keyframes AuxRotateInUpRight2 { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); } to { transform-origin: right bottom; transform: none; opacity: 1; } } .aux-anim-rotate-in-up-right-2, .aux-animated.aux-rotate-in-up-right-2 { animation-name: AuxRotateInUpRight2; } @keyframes AuxRotateCustom { from { transform-origin: var(--aux-anim-rotate-origin); transform: rotate3d(0, 0, 1, var(--aux-anim-rotate-deg)); } to { transform-origin: var(--aux-anim-rotate-origin); transform: none; opacity: 1; } } .aux-anim-rotate-custom, .aux-animated.aux-rotate-custom { animation-name: AuxRotateCustom; } @keyframes AuxFlipInUp { from { transform: rotateX(-40deg) translateY(40px); } to { transform: none; opacity: 1; } } .aux-anim-flip-in-up, .aux-animated.aux-flip-in-up { animation-name: AuxFlipInUp; } @keyframes AuxFlipInUp1 { from { transform: rotateX(-40deg) translateY(80px); } to { transform: none; opacity: 1; } } .aux-anim-flip-in-up-1, .aux-animated.aux-flip-in-up-1 { animation-name: AuxFlipInUp1; } @keyframes AuxFlipInUp2 { from { transform: rotateX(-40deg) translateY(120px); } to { transform: none; opacity: 1; } } .aux-anim-flip-in-up-2, .aux-animated.aux-flip-in-up-2 { animation-name: AuxFlipInUp2; } @keyframes AuxFlipInDown { from { transform: rotateX(40deg) translateY(-40px); } to { transform: none; opacity: 1; } } .aux-anim-flip-in-down, .aux-animated.aux-flip-in-down { animation-name: AuxFlipInDown; } @keyframes AuxFlipInDown1 { from { transform: rotateX(40deg) translateY(-80px); } to { transform: none; opacity: 1; } } .aux-anim-flip-in-down-1, .aux-animated.aux-flip-in-down-1 { animation-name: AuxFlipInDown1; } @keyframes AuxFlipInDown2 { from { transform: rotateX(40deg) translateY(-120px); } to { transform: none; opacity: 1; } } .aux-anim-flip-in-down-2, .aux-animated.aux-flip-in-down-2 { animation-name: AuxFlipInDown2; } @keyframes AuxFlipInLeft { from { transform: rotateY(-40deg) translateX(40px); } to { transform: none; opacity: 1; } } .aux-anim-flip-in-left, .aux-animated.aux-flip-in-left { animation-name: AuxFlipInLeft; } @keyframes AuxFlipInLeft1 { from { transform: rotateY(-40deg) translateX(80px); } to { transform: none; opacity: 1; } } .aux-anim-flip-in-left-1, .aux-animated.aux-flip-in-left-1 { animation-name: AuxFlipInLeft1; } @keyframes AuxFlipInLeft2 { from { transform: rotateY(-40deg) translateX(140px); } to { transform: none; opacity: 1; } } .aux-anim-flip-in-left-2, .aux-animated.aux-flip-in-left-2 { animation-name: AuxFlipInLeft2; } @keyframes AuxFlipInLeft3 { from { transform: rotateY(-40deg) translateX(200px); } to { transform: none; opacity: 1; } } .aux-anim-flip-in-left-3, .aux-animated.aux-flip-in-left-3 { animation-name: AuxFlipInLeft3; } @keyframes AuxFlipInRight { from { transform: rotateY(40deg) translateX(-40px); } to { transform: none; opacity: 1; } } .aux-anim-flip-in-right, .aux-animated.aux-flip-in-right { animation-name: AuxFlipInRight; } @keyframes AuxFlipInRight1 { from { transform: rotateY(40deg) translateX(-80px); } to { transform: none; opacity: 1; } } .aux-anim-flip-in-right-1, .aux-animated.aux-flip-in-right-1 { animation-name: AuxFlipInRight1; } @keyframes AuxFlipInRight2 { from { transform: rotateY(40deg) translateX(-140px); } to { transform: none; opacity: 1; } } .aux-anim-flip-in-right-2, .aux-animated.aux-flip-in-right-2 { animation-name: AuxFlipInRight2; } @keyframes AuxFlipInRight3 { from { transform: rotateY(40deg) translateX(-200px); } to { transform: none; opacity: 1; } } .aux-anim-flip-in-right-3, .aux-animated.aux-flip-in-right-3 { animation-name: AuxFlipInRight3; } @keyframes AuxZoomIn { from { transform: scale3d(0.9, 0.9, 0.9); } 50% { opacity: 1; } to { transform: none; opacity: 1; } } .aux-anim-zoom-in, .aux-animated.aux-zoom-in { animation-name: AuxZoomIn; } @keyframes AuxZoomIn1 { from { transform: scale3d(0.8, 0.8, 0.8); } 50% { opacity: 1; } to { transform: none; opacity: 1; } } .aux-anim-zoom-in-1, .aux-animated.aux-zoom-in-1 { animation-name: AuxZoomIn1; } @keyframes AuxZoomIn2 { from { transform: scale3d(0.7, 0.7, 0.7); } 50% { opacity: 1; } to { transform: none; opacity: 1; } } .aux-anim-zoom-in-2, .aux-animated.aux-zoom-in-2 { animation-name: AuxZoomIn2; } @keyframes AuxZoomIn3 { from { transform: scale3d(0.6, 0.6, 0.6); } 50% { opacity: 1; } to { transform: none; opacity: 1; } } .aux-anim-zoom-in-3, .aux-animated.aux-zoom-in-3 { animation-name: AuxZoomIn3; } @keyframes AuxScaleUp { from { transform: scale(0.9, 0.9); } to { transform: none; opacity: 1; } } .aux-anim-scale-up, .aux-animated.aux-scale-up { animation-name: AuxScaleUp; } @keyframes AuxScaleUp1 { from { transform: scale(0.7, 0.7); } to { transform: none; opacity: 1; } } .aux-anim-scale-up-1, .aux-animated.aux-scale-up-1 { animation-name: AuxScaleUp1; } @keyframes AuxScaleUp2 { from { transform: scale(0.6, 0.6); } to { transform: none; opacity: 1; } } .aux-anim-scale-up-2, .aux-animated.aux-scale-up-2 { animation-name: AuxScaleUp2; } @keyframes AuxScaleDown { from { transform: scale(1.1, 1.1); } to { transform: none; opacity: 1; } } .aux-anim-scale-down, .aux-animated.aux-scale-down { animation-name: AuxScaleDown; } @keyframes AuxScaleDown1 { from { transform: scale(1.3, 1.3); } to { transform: none; opacity: 1; } } .aux-anim-scale-down-1, .aux-animated.aux-scale-down-1 { animation-name: AuxScaleDown1; } @keyframes AuxScaleDown2 { from { transform: scale(1.4, 1.4); } to { transform: none; opacity: 1; } } .aux-anim-scale-down-2, .aux-animated.aux-scale-down-2 { animation-name: AuxScaleDown2; } @keyframes AuxScaleCustom { from { transform: scale(var(--aux-scale-custom), var(--aux-scale-custom)); } to { transform: none; opacity: 1; } } .aux-anim-scale-custom, .aux-animated.aux-scale-custom { animation-name: AuxScaleCustom; } @keyframes AuxJackInTheBox { from { transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: none; } } .aux-anim-jack-in-box, .aux-animated.aux-jack-in-box { animation-name: AuxJackInTheBox; } /** General Animations */ @keyframes aux-scrolldown { 0% { transform: translate(-50%, -60%); } 100% { transform: translate(-50%, -20%); } } @keyframes aux-header-animation { from { transform: translateY(-100%); } to { transform: none; } } @keyframes AuxSlideFromRight { from { transform: translateX(100%); } to { opacity: 1; transform: none; } } .aux-anim-slide-from-right, .aux-animated.aux-slide-from-right > .elementor-widget-container, .aux-animated.aux-slide-from-right > .elementor-column-wrap { animation-name: AuxSlideFromRight; } @keyframes AuxSlideFromLeft { from { transform: translateX(-100%); } to { opacity: 1; transform: none; } } .aux-anim-slide-from-left, .aux-animated.aux-slide-from-left > .elementor-widget-container, .aux-animated.aux-slide-from-left > .elementor-column-wrap { animation-name: AuxSlideFromLeft; } @keyframes AuxSlideFromTop { from { transform: translateY(-100%); } to { opacity: 1; transform: none; } } .aux-anim-slide-from-top, .aux-animated.aux-slide-from-top > .elementor-widget-container, .aux-animated.aux-slide-from-top > .elementor-column-wrap { animation-name: AuxSlideFromTop; } @keyframes AuxSlideFromBot { from { transform: translateY(100%); } to { opacity: 1; transform: none; } } .aux-anim-slide-from-bot, .aux-animated.aux-slide-from-bot > .elementor-widget-container, .aux-animated.aux-slide-from-bot > .elementor-column-wrap { animation-name: AuxSlideFromBot; } @keyframes AuxMaskFromTop { from { clip-path: inset(0 0 100% 0); opacity: 1; } to { clip-path: inset(0 0 0 0); opacity: 1; } } .aux-anim-mask-from-top, .aux-animated.aux-mask-from-top { animation-name: AuxMaskFromTop; } @keyframes AuxMaskFromBot { from { clip-path: inset(100% 0 0 0); opacity: 1; } to { clip-path: inset(0 0 0 0); opacity: 1; } } .aux-anim-mask-from-bot, .aux-animated.aux-mask-from-bot { animation-name: AuxMaskFromBot; } @keyframes AuxMaskFromRight { from { clip-path: inset(0 0 0 100%); opacity: 1; } to { clip-path: inset(0 0 0 0); opacity: 1; } } .aux-anim-mask-from-right, .aux-animated.aux-mask-from-right { animation-name: AuxMaskFromRight; } @keyframes AuxMaskFromLeft { from { clip-path: inset(0 100% 0 0); opacity: 1; } to { clip-path: inset(0 0 0 0); opacity: 1; } } .aux-anim-mask-from-left, .aux-animated.aux-mask-from-left { animation-name: AuxMaskFromLeft; } @keyframes AuxLoadingWave { 0% { background-position: 0% 0; } 100% { background-position: 66% 0; } } /** Appear Animations */ .aux-appear-watch-animation { animation-duration: 1s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; } .aux-appear-watch-animation.aux-animation-off { opacity: 1; } .aux-appear-watch-animation[data-widget_type="aux_menu_box.default"].aux-animated, .aux-appear-watch-animation[data-widget_type="aux_modern_search.default"].aux-animated { animation-timing-function: initial !important; } .aux-animation-off { animation: none !important; } .aux-animated.aux-slide-from-right { overflow: hidden; opacity: 1; } .aux-animated.aux-slide-from-right > .elementor-widget-container, .aux-animated.aux-slide-from-right > .elementor-column-wrap { animation-duration: inherit; animation-fill-mode: inherit; animation-timing-function: inherit; animation-delay: inherit; } .aux-animated.aux-slide-from-left { overflow: hidden; opacity: 1; } .aux-animated.aux-slide-from-left > .elementor-widget-container, .aux-animated.aux-slide-from-left > .elementor-column-wrap { animation-duration: inherit; animation-fill-mode: inherit; animation-timing-function: inherit; animation-delay: inherit; } .aux-animated.aux-slide-from-top { overflow: hidden; opacity: 1; } .aux-animated.aux-slide-from-top > .elementor-widget-container, .aux-animated.aux-slide-from-top > .elementor-column-wrap { animation-duration: inherit; animation-fill-mode: inherit; animation-timing-function: inherit; animation-delay: inherit; } .aux-animated.aux-slide-from-bot { overflow: hidden; opacity: 1; } .aux-animated.aux-slide-from-bot > .elementor-widget-container, .aux-animated.aux-slide-from-bot > .elementor-column-wrap { animation-duration: inherit; animation-fill-mode: inherit; animation-timing-function: inherit; animation-delay: inherit; } .aux-isotope-animated { overflow: hidden; transition: height 800ms cubic-bezier(0.75, 0.1, 0.25, 0.9); } .aux-isotope-animated .aux-iso-item:not(.aux-ajax-anim) { transition: transform 0ms cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0ms cubic-bezier(0.25, 0.1, 0.25, 1); opacity: 1; } .aux-isotope-animated .aux-iso-item:not(.aux-ajax-anim).aux-loading { opacity: 0 !important; } .aux-isotope-animated .aux-iso-item:not(.aux-ajax-anim).aux-iso-hiding { transform: translateY(-10%); transition-timing-function: cubic-bezier(0.75, 0, 0.75, 0.9); z-index: 1; opacity: 0; } .aux-isotope-animated .aux-iso-item:not(.aux-ajax-anim).aux-iso-hidden { transform: translateY(10%); opacity: 0; } .aux-isotope-animated .aux-iso-item:not(.aux-ajax-anim).aux-iso-revealing { transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); transform: translateY(0); z-index: 2; opacity: 1; } .aux-isotope-animated .aux-items-loading { position: absolute; top: 0; width: 100%; height: 100%; z-index: 2; transition: all 1200ms; } .aux-isotope-animated .aux-items-loading.aux-loading-visible { opacity: 1; visibility: visible; } .aux-isotope-animated .aux-items-loading.aux-loading-hide { opacity: 0; visibility: hidden; } .aux-isotope-animated .aux-items-loading .aux-loading-loop { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .aux-isotope-filters.aux-center + .aux-isotope-animated { clear: both; } .aux-ajax-anim { opacity: 0; transform: translateY(100px) translateZ(0px); transition: transform 700ms cubic-bezier(0.25, 0.1, 0.25, 1), opacity 700ms cubic-bezier(0.25, 0.1, 0.25, 1); } .aux-ajax-anim.aux-appeared-once { opacity: 1; transform: none; } .aux-news-element-main, .aux-ajax-view { transition: opacity 1s ease-in-out; } .slow-hide { opacity: 0; } .slow-show { opacity: 1; } .ajax-filter-loader { border: 8px solid #f3f3f3; border-top: 8px solid #3d3d3d; border-radius: 50%; width: 60px !important; height: 60px !important; animation: ajaxSpin 2s linear infinite; position: absolute; left: 0; right: 0; display: block; margin: 0 auto !important; top: 150px; z-index: -1; padding: 0 !important; } @keyframes ajaxSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .widget-container .aux-ajax-type-scroll:not(.aux-in-progress) .aux-load-more { display: none; } .widget-container .aux-load-more { margin-bottom: 70px; } .widget-container[class*="aux-ajax-type"] .aux-ajax-view { margin-bottom: 70px; } .aux-parallax-piece { transition: transform 300ms ease-out; } /*!>>>>>>>>>>>>>>>>>>>>>>> #special elements <<<<<<<<<<<<<<<<<<< */ .elementor .aux-divider-align-center { margin-left: auto; margin-right: auto; } .elementor .aux-divider-align-right { margin-left: auto; } .elementor .aux-divider-align-right { margin-left: auto; } body > .elementor { z-index: 2; } .elementor-section-boxed .elementor-row { width: auto; min-width: 100%; } .elementor-widget-container:before, .elementor-widget-container:after, .elementor-section .elementor-container:before, .elementor-section .elementor-container:after { content: ''; } .elementor-edit-area-active { z-index: 2; } /* Timeline config here */ /* --------------------------------------------------------------------------- */ /** Timeline element config file @author Averta */ .aux-timeline.aux-middle .aux-block::after { height: 25px; position: absolute; left: 50%; bottom: -26px; border-right: solid 1px gray; } .aux-timeline { position: relative; } .aux-timeline .aux-date-label { display: block; position: relative; clear: both; box-sizing: border-box; } .aux-timeline::before { content: ""; display: block; height: 100%; width: 0; border-left: 1px solid #ACACAC; top: 0; position: absolute; } .aux-timeline::after { content: ""; display: table; clear: both; } /** Auxin Timeline Element - center layout @author Averta */ .aux-timeline.aux-center .aux-block { clear: both; margin-top: -2em; width: calc(50% - 64px); } .aux-timeline.aux-center .aux-block::after, .aux-timeline.aux-center .aux-block::before { content: ""; display: block; } .aux-timeline.aux-center .aux-block:nth-child(1) { margin-top: 0; } .aux-timeline.aux-center .aux-date-label { float: left; left: 50%; margin-top: 3em; margin-bottom: 5em; transform: translateX(-50%); } .aux-timeline.aux-center .aux-date-label:first-child { margin-top: 0; } .aux-timeline.aux-center .aux-block:nth-of-type(odd), .rtl .aux-timeline.aux-center .aux-block:nth-of-type(even) { float: left; } .aux-timeline.aux-center .aux-block:nth-of-type(even), .rtl .aux-timeline.aux-center .aux-block:nth-of-type(odd) { float: right; } .aux-timeline.aux-center::before { left: 50%; } /** Auxin Timeline Element - left layout @author Averta */ .aux-timeline.aux-left .aux-block { clear: both; float: left; width: calc(100% - 101px); margin-top: 2em; margin-left: 101px; } .aux-timeline.aux-left .aux-block::after, .aux-timeline.aux-left .aux-block::before { content: ""; display: block; } .aux-timeline.aux-left .aux-date-label { float: left; margin-top: 1em; margin-bottom: -1em; } .aux-timeline.aux-left .aux-date-label:first-child { margin-top: 0; } .aux-timeline.aux-left::before { left: 50.5px; } /** Auxin Timeline Element - left layout @author Averta */ .aux-timeline.aux-right .aux-block { clear: both; float: right; width: calc(100% - 104px); margin-top: 2em; margin-right: 104px; } .aux-timeline.aux-right .aux-block::after, .aux-timeline.aux-right .aux-block::before { content: ""; display: block; } .aux-timeline.aux-right .aux-date-label { float: right; margin-top: 1em; margin-bottom: -1em; } .aux-timeline.aux-right .aux-date-label:first-child { margin-top: 0; } .aux-timeline.aux-right::before { right: 52px; } /** Auxin Timeline Element - middle layout @author Averta */ .aux-timeline.aux-middle .aux-block { float: left; clear: both; width: 100%; margin-top: 2em; } .aux-timeline.aux-middle .aux-block::after, .aux-timeline.aux-middle .aux-block::before { content: ""; display: block; } .aux-timeline.aux-middle .aux-date-label { float: left; left: 50%; margin-top: 1em; margin-bottom: -1em; transform: translateX(-50%); } .aux-timeline.aux-middle .aux-date-label:first-child { margin-top: 0; } .aux-timeline.aux-middle::before { left: 50%; } .aux-timeline .aux-block { box-sizing: border-box; position: relative; } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*