%PDF- %PDF-
Direktori : /home/eirtvhdf/cloudsslamllc.com/wp-content/themes/phlox-pro/css/ |
Current File : /home/eirtvhdf/cloudsslamllc.com/wp-content/themes/phlox-pro/css/main.css |
@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-master-menu.aux-narrow.aux-skin-classic .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-master-menu.aux-narrow.aux-skin-classic .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-master-menu.aux-narrow.aux-skin-classic .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; } /* Custom wrappers for vc ------------ */ .aux-vc-row-wrapper.aux-vc-row-no-margin > .vc_row { margin-right: 0; margin-left: 0; } .aux-vc-row-wrapper-inner { width: 100%; margin-right: auto; margin-left: auto; } .aux-vc-row-wrapper-inner:after { content: ""; display: table; clear: both; } .aux-vc-reset-gutter { margin-left: 0; margin-right: 0; } .aux-vc-row-full { padding-right: 35px; padding-left: 35px; } .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner { padding-top: 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; } 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; 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; 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; } .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; 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%; } .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; } @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; } @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; } @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; } @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; } @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 10s forwards; animation: auxHideMe 10s forwards; list-style: none; border-top-color: unset !important; } .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%); } .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; } .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 <div class="aux-hover-scale-circle-plus"> <span class="aux-symbol-plus"></span> <span class="aux-symbol-circle"></span> </div> */ .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 <div class="aux-hover-circle-plus"> <a href="#"> <div class="aux-arrow-nav aux-round aux-hover-slide aux-outline aux-semi-small aux-white"> <span class="aux-overlay"></span> <span class="aux-svg-arrow aux-medium-plus aux-white"></span> <span class="aux-hover-arrow aux-svg-arrow aux-medium-plus"></span> </div> </a> </div> */ .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 <div class="aux-hover-circle-link"> <a href="#"> <div class="aux-arrow-nav aux-round aux-hover-slide aux-outline aux-semi-small aux-white"> <span class="aux-overlay"></span> <span class="aux-svg-arrow aux-medium-right aux-white"></span> <span class="aux-hover-arrow aux-svg-arrow aux-medium-right"></span> </div> </a> </div> */ .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; } @media screen and (max-width: 1023px) { .elementor-section .elementor-container { flex-flow: nowrap; } } /* 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-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 */ /* <button> css reset */ .pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: none; box-shadow: none; } .pswp__button:focus, .pswp__button:hover { opacity: 1; } .pswp__button:active { outline: none; opacity: 0.9; } .pswp__button::-moz-focus-inner { padding: 0; border: 0; } /* pswp__ui--over-close class it added when mouse is over element that should close gallery */ .pswp__ui--over-close .pswp__button--close { opacity: 1; } .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background: url(images/photoswipe/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px; } @media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */ .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before { background-image: url(images/photoswipe/default-skin.svg); } .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right { background: none; } } .pswp__button--close { background-position: 0 -44px; } .pswp__button--share { background-position: -44px -44px; } .pswp__button--fs { display: none; } .pswp--supports-fs .pswp__button--fs { display: block; } .pswp--fs .pswp__button--fs { background-position: -44px 0; } .pswp__button--zoom { display: none; background-position: -88px 0; } .pswp--zoom-allowed .pswp__button--zoom { display: block; } .pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0; } /* no arrows on touch screens */ .pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden; } /* Arrow buttons hit area (icon is added to :before pseudo-element) */ .pswp__button--arrow--left, .pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute; } .pswp__button--arrow--left { left: 0; } .pswp__button--arrow--right { right: 0; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0, 0, 0, 0.3); height: 30px; width: 32px; position: absolute; } .pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px; } .pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px; } /* 2. Share modal/popup and links */ .pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pswp__share-modal { display: block; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__share-modal--hidden { display: none; } .pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform; } .pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px; } .pswp__share-tooltip a:hover { text-decoration: none; color: #000; } .pswp__share-tooltip a:first-child { /* round corners on the first/last list item */ border-radius: 2px 2px 0 0; } .pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px; } .pswp__share-modal--fade-in { opacity: 1; } .pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /* increase size of share links on touch devices */ .pswp--touch .pswp__share-tooltip a { padding: 16px 12px; } a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; } a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF; } a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A; } a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF; } a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D; } a.pswp__share--download:hover { background: #DDD; } /* 3. Index indicator ("1 of X" counter) */ .pswp__counter { position: absolute; left: 0; top: 0; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px; } /* 4. Caption */ .pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px; } .pswp__caption small { font-size: 11px; color: #BBB; } .pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC; } .pswp__caption--empty { display: none; } /* Fake caption element, used to calculate height of next/prev image */ .pswp__caption--fake { visibility: hidden; } /* 5. Loading indicator (preloader) You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR */ .pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr; } .pswp__preloader__icn { width: 20px; height: 20px; margin: 12px; } .pswp__preloader--active { opacity: 1; } .pswp__preloader--active .pswp__preloader__icn { /* We use .gif in browsers that don't support CSS animation */ background: url(images/photoswipe/preloader.gif) 0 0 no-repeat; } .pswp--css_animation .pswp__preloader--active { opacity: 1; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite; } .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; } .pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0; } .pswp--css_animation .pswp__preloader__cut { /* The idea of animating inner circle is based on Polymer ("material") loading indicator by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */ position: relative; width: 7px; height: 14px; overflow: hidden; } .pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0; } @media screen and (max-width: 1024px) { .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right; } } @-webkit-keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes donut-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } /* 6. Additional styles */ /* root element of UI */ .pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550; } /* top black bar with buttons and "1 of X" indicator */ .pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100%; } .pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } /* pswp--has_mouse class is added only when two subsequent mousemove events occur */ .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible; } .pswp__top-bar, .pswp__caption { background-color: rgba(0, 0, 0, 0.5); } /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */ .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption { background-color: rgba(0, 0, 0, 0.3); } /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */ .pswp__ui--idle .pswp__top-bar { opacity: 0; } .pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0; } /* pswp__ui--hidden class is added when controls are hidden e.g. when user taps to toggle visibility of controls */ .pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right { /* Force paint & create composition layer for controls. */ opacity: 0.001; } /* pswp__ui--one-slide class is added when there is just one item in gallery */ .pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none; } .pswp__element--disabled { display: none !important; } .pswp--minimal--dark .pswp__top-bar { background: none; } .jssocials-shares { margin: 0.2em 0; } .jssocials-shares * { box-sizing: border-box; } .jssocials-share { display: inline-block; vertical-align: top; margin: 0.3em 0.6em 0.3em 0; } .jssocials-share:last-child { margin-right: 0; } .jssocials-share-logo { width: 1em; vertical-align: middle; font-size: 1.5em; } img.jssocials-share-logo { width: auto; height: 1em; } .jssocials-share-link { display: inline-block; text-align: center; text-decoration: none; line-height: 1; } .jssocials-share-link.jssocials-share-link-count { padding-top: .2em; } .jssocials-share-link.jssocials-share-link-count .jssocials-share-count { display: block; font-size: .6em; margin: 0 -.5em -.8em -.5em; } .jssocials-share-link.jssocials-share-no-count { padding-top: .5em; } .jssocials-share-link.jssocials-share-no-count .jssocials-share-count { height: 1em; } .jssocials-share-label { padding-left: 0.3em; vertical-align: middle; } .jssocials-share-count-box { display: inline-block; height: 1.5em; padding: 0 0.3em; line-height: 1; vertical-align: middle; cursor: default; } .jssocials-share-count-box.jssocials-share-no-count { display: none; } .jssocials-share-count { line-height: 1.5em; vertical-align: middle; } .jssocials-share-twitter .jssocials-share-link { color: #00aced; } .jssocials-share-twitter .jssocials-share-link .jssocials-share-label { color: #00aced; } .jssocials-share-twitter .jssocials-share-link:hover, .jssocials-share-twitter .jssocials-share-link:focus, .jssocials-share-twitter .jssocials-share-link:active { color: #0087ba; } .jssocials-share-twitter .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-twitter .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-twitter .jssocials-share-link:active .jssocials-share-label { color: #0087ba; } .jssocials-share-facebook .jssocials-share-link { color: #3b5998; } .jssocials-share-facebook .jssocials-share-link .jssocials-share-label { color: #3b5998; } .jssocials-share-facebook .jssocials-share-link:hover, .jssocials-share-facebook .jssocials-share-link:focus, .jssocials-share-facebook .jssocials-share-link:active { color: #2d4373; } .jssocials-share-facebook .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-facebook .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-facebook .jssocials-share-link:active .jssocials-share-label { color: #2d4373; } .jssocials-share-googleplus .jssocials-share-link { color: #dd4b39; } .jssocials-share-googleplus .jssocials-share-link .jssocials-share-label { color: #dd4b39; } .jssocials-share-googleplus .jssocials-share-link:hover, .jssocials-share-googleplus .jssocials-share-link:focus, .jssocials-share-googleplus .jssocials-share-link:active { color: #c23321; } .jssocials-share-googleplus .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-googleplus .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-googleplus .jssocials-share-link:active .jssocials-share-label { color: #c23321; } .jssocials-share-linkedin .jssocials-share-link { color: #007bb6; } .jssocials-share-linkedin .jssocials-share-link .jssocials-share-label { color: #007bb6; } .jssocials-share-linkedin .jssocials-share-link:hover, .jssocials-share-linkedin .jssocials-share-link:focus, .jssocials-share-linkedin .jssocials-share-link:active { color: #005983; } .jssocials-share-linkedin .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-linkedin .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-linkedin .jssocials-share-link:active .jssocials-share-label { color: #005983; } .jssocials-share-pinterest .jssocials-share-link { color: #cb2027; } .jssocials-share-pinterest .jssocials-share-link .jssocials-share-label { color: #cb2027; } .jssocials-share-pinterest .jssocials-share-link:hover, .jssocials-share-pinterest .jssocials-share-link:focus, .jssocials-share-pinterest .jssocials-share-link:active { color: #9f191f; } .jssocials-share-pinterest .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-pinterest .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-pinterest .jssocials-share-link:active .jssocials-share-label { color: #9f191f; } .jssocials-share-email .jssocials-share-link { color: #3490F3; } .jssocials-share-email .jssocials-share-link .jssocials-share-label { color: #3490F3; } .jssocials-share-email .jssocials-share-link:hover, .jssocials-share-email .jssocials-share-link:focus, .jssocials-share-email .jssocials-share-link:active { color: #0e76e6; } .jssocials-share-email .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-email .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-email .jssocials-share-link:active .jssocials-share-label { color: #0e76e6; } .jssocials-share-stumbleupon .jssocials-share-link { color: #eb4823; } .jssocials-share-stumbleupon .jssocials-share-link .jssocials-share-label { color: #eb4823; } .jssocials-share-stumbleupon .jssocials-share-link:hover, .jssocials-share-stumbleupon .jssocials-share-link:focus, .jssocials-share-stumbleupon .jssocials-share-link:active { color: #c93412; } .jssocials-share-stumbleupon .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-stumbleupon .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-stumbleupon .jssocials-share-link:active .jssocials-share-label { color: #c93412; } .jssocials-share-whatsapp .jssocials-share-link { color: #29a628; } .jssocials-share-whatsapp .jssocials-share-link .jssocials-share-label { color: #29a628; } .jssocials-share-whatsapp .jssocials-share-link:hover, .jssocials-share-whatsapp .jssocials-share-link:focus, .jssocials-share-whatsapp .jssocials-share-link:active { color: #1f7d1e; } .jssocials-share-whatsapp .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-whatsapp .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-whatsapp .jssocials-share-link:active .jssocials-share-label { color: #1f7d1e; } .jssocials-share-telegram .jssocials-share-link { color: #2ca5e0; } .jssocials-share-telegram .jssocials-share-link .jssocials-share-label { color: #2ca5e0; } .jssocials-share-telegram .jssocials-share-link:hover, .jssocials-share-telegram .jssocials-share-link:focus, .jssocials-share-telegram .jssocials-share-link:active { color: #1c88bd; } .jssocials-share-telegram .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-telegram .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-telegram .jssocials-share-link:active .jssocials-share-label { color: #1c88bd; } .jssocials-share-line .jssocials-share-link { color: #25af00; } .jssocials-share-line .jssocials-share-link .jssocials-share-label { color: #25af00; } .jssocials-share-line .jssocials-share-link:hover, .jssocials-share-line .jssocials-share-link:focus, .jssocials-share-line .jssocials-share-link:active { color: #1a7c00; } .jssocials-share-line .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-line .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-line .jssocials-share-link:active .jssocials-share-label { color: #1a7c00; } .jssocials-share-viber .jssocials-share-link { color: #7b519d; } .jssocials-share-viber .jssocials-share-link .jssocials-share-label { color: #7b519d; } .jssocials-share-viber .jssocials-share-link:hover, .jssocials-share-viber .jssocials-share-link:focus, .jssocials-share-viber .jssocials-share-link:active { color: #61407b; } .jssocials-share-viber .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-viber .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-viber .jssocials-share-link:active .jssocials-share-label { color: #61407b; } .jssocials-share-pocket .jssocials-share-link { color: #ef4056; } .jssocials-share-pocket .jssocials-share-link .jssocials-share-label { color: #ef4056; } .jssocials-share-pocket .jssocials-share-link:hover, .jssocials-share-pocket .jssocials-share-link:focus, .jssocials-share-pocket .jssocials-share-link:active { color: #e9132e; } .jssocials-share-pocket .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-pocket .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-pocket .jssocials-share-link:active .jssocials-share-label { color: #e9132e; } .jssocials-share-messenger .jssocials-share-link { color: #0084ff; } .jssocials-share-messenger .jssocials-share-link .jssocials-share-label { color: #0084ff; } .jssocials-share-messenger .jssocials-share-link:hover, .jssocials-share-messenger .jssocials-share-link:focus, .jssocials-share-messenger .jssocials-share-link:active { color: #006acc; } .jssocials-share-messenger .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-messenger .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-messenger .jssocials-share-link:active .jssocials-share-label { color: #006acc; } .jssocials-share-vkontakte .jssocials-share-link { color: #45668e; } .jssocials-share-vkontakte .jssocials-share-link .jssocials-share-label { color: #45668e; } .jssocials-share-vkontakte .jssocials-share-link:hover, .jssocials-share-vkontakte .jssocials-share-link:focus, .jssocials-share-vkontakte .jssocials-share-link:active { color: #344d6c; } .jssocials-share-vkontakte .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-vkontakte .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-vkontakte .jssocials-share-link:active .jssocials-share-label { color: #344d6c; } .jssocials-share-link { -webkit-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; } .jssocials-share-link.jssocials-share-link-count .jssocials-share-count { font-size: .5em; } .jssocials-share-label { font-size: 0.8em; color: #444; -webkit-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; } .jssocials-share-count-box { margin-left: 0.3em; border: 1px solid #efefef; border-radius: 0.3em; } .jssocials-share-count-box .jssocials-share-count { line-height: 1.8em; font-size: 0.8em; color: #444; } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: #fff; position: absolute; z-index: 30; -moz-box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8); -webkit-box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8); box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 2px; height: 9999px; left: 50%; margin-left: -1px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 2px; top: 50%; margin-top: -1px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -moz-transition-property: opacity; -o-transition-property: opacity; -webkit-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: #fff; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 5px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -5px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -5px; } .twentytwenty-container { box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: transparent; } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: "Before"; } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: "After"; } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -moz-transition-property: background; -o-transition-property: background; -webkit-transition-property: background; transition-property: background; background: transparent; z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 45px; width: 45px; position: absolute; left: 50%; top: 50%; margin-left: -24.5px; margin-top: -24.5px; border: 2px solid #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8); -webkit-box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8); box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8); z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 24.5px; -moz-box-shadow: 0 2px 0 #fff, 0px 0px 2px rgba(61, 61, 61, 0.8); -webkit-box-shadow: 0 2px 0 #fff, 0px 0px 2px rgba(61, 61, 61, 0.8); box-shadow: 0 2px 0 #fff, 0px 0px 2px rgba(61, 61, 61, 0.8); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 24.5px; -moz-box-shadow: 0 -2px 0 #fff, 0px 0px 2px rgba(61, 61, 61, 0.8); -webkit-box-shadow: 0 -2px 0 #fff, 0px 0px 2px rgba(61, 61, 61, 0.8); box-shadow: 0 -2px 0 #fff, 0px 0px 2px rgba(61, 61, 61, 0.8); } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 24.5px; -moz-box-shadow: 2px 0 0 #fff, 0px 0px 2px rgba(61, 61, 61, 0.8); -webkit-box-shadow: 2px 0 0 #fff, 0px 0px 2px rgba(61, 61, 61, 0.8); box-shadow: 2px 0 0 #fff, 0px 0px 2px rgba(61, 61, 61, 0.8); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 24.5px; -moz-box-shadow: -2px 0 0 #fff, 0px 0px 2px rgba(61, 61, 61, 0.8); -webkit-box-shadow: -2px 0 0 #fff, 0px 0px 2px rgba(61, 61, 61, 0.8); box-shadow: -2px 0 0 #fff, 0px 0px 2px rgba(61, 61, 61, 0.8); } .twentytwenty-left-arrow { border-right: 5px solid #505050; left: 50%; margin-left: -13.5px; } .twentytwenty-right-arrow { border-left: 5px solid #505050; right: 50%; margin-right: -13.5px; } .twentytwenty-up-arrow { border-bottom: 5px solid #505050; top: 50%; margin-top: -13.5px; } .twentytwenty-down-arrow { border-top: 5px solid #505050; bottom: 50%; margin-bottom: -13.5px; } dialog { position: absolute; left: 0; right: 0; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: fit-content; margin: auto; border: solid; padding: 1em; background: white; color: black; display: block; } dialog:not([open]) { display: none; } dialog + .backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.1); } ._dialog_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; } dialog.fixed { position: fixed; top: 50%; transform: translate(0, -50%); } .hljs-androidstudio .hljs { color: #a9b7c6; background: #282b2e; display: block; overflow-x: auto; padding: 0.5em; } .hljs-androidstudio .hljs-number, .hljs-androidstudio .hljs-literal, .hljs-androidstudio .hljs-symbol, .hljs-androidstudio .hljs-bullet { color: #6897BB; } .hljs-androidstudio .hljs-keyword, .hljs-androidstudio .hljs-selector-tag, .hljs-androidstudio .hljs-deletion { color: #cc7832; } .hljs-androidstudio .hljs-variable, .hljs-androidstudio .hljs-template-variable, .hljs-androidstudio .hljs-link { color: #629755; } .hljs-androidstudio .hljs-comment, .hljs-androidstudio .hljs-quote { color: #808080; } .hljs-androidstudio .hljs-meta { color: #bbb529; } .hljs-androidstudio .hljs-string, .hljs-androidstudio .hljs-attribute, .hljs-androidstudio .hljs-addition { color: #6A8759; } .hljs-androidstudio .hljs-section, .hljs-androidstudio .hljs-title, .hljs-androidstudio .hljs-type { color: #ffc66d; } .hljs-androidstudio .hljs-name, .hljs-androidstudio .hljs-selector-id, .hljs-androidstudio .hljs-selector-class { color: #e8bf6a; } .hljs-androidstudio .hljs-emphasis { font-style: italic; } .hljs-androidstudio .hljs-strong { font-weight: bold; } .hljs-atom-one-dark .hljs { display: block; overflow-x: auto; padding: 0.5em; color: #abb2bf; background: #282c34; } .hljs-atom-one-dark .hljs-comment, .hljs-atom-one-dark .hljs-quote { color: #5c6370; font-style: italic; } .hljs-atom-one-dark .hljs-doctag, .hljs-atom-one-dark .hljs-keyword, .hljs-atom-one-dark .hljs-formula { color: #c678dd; } .hljs-atom-one-dark .hljs-section, .hljs-atom-one-dark .hljs-name, .hljs-atom-one-dark .hljs-selector-tag, .hljs-atom-one-dark .hljs-deletion, .hljs-atom-one-dark .hljs-subst { color: #e06c75; } .hljs-atom-one-dark .hljs-literal { color: #56b6c2; } .hljs-atom-one-dark .hljs-string, .hljs-atom-one-dark .hljs-regexp, .hljs-atom-one-dark .hljs-addition, .hljs-atom-one-dark .hljs-attribute, .hljs-atom-one-dark .hljs-meta-string { color: #98c379; } .hljs-atom-one-dark .hljs-built_in, .hljs-atom-one-dark .hljs-class .hljs-title { color: #e6c07b; } .hljs-atom-one-dark .hljs-attr, .hljs-atom-one-dark .hljs-variable, .hljs-atom-one-dark .hljs-template-variable, .hljs-atom-one-dark .hljs-type, .hljs-atom-one-dark .hljs-selector-class, .hljs-atom-one-dark .hljs-selector-attr, .hljs-atom-one-dark .hljs-selector-pseudo, .hljs-atom-one-dark .hljs-number { color: #d19a66; } .hljs-atom-one-dark .hljs-symbol, .hljs-atom-one-dark .hljs-bullet, .hljs-atom-one-dark .hljs-link, .hljs-atom-one-dark .hljs-meta, .hljs-atom-one-dark .hljs-selector-id, .hljs-atom-one-dark .hljs-title { color: #61aeee; } .hljs-atom-one-dark .hljs-emphasis { font-style: italic; } .hljs-atom-one-dark .hljs-strong { font-weight: bold; } .hljs-atom-one-dark .hljs-link { text-decoration: underline; } .hljs-atom-one-light .hljs { display: block; overflow-x: auto; padding: 0.5em; color: #383a42; background: #fafafa; } .hljs-atom-one-light .hljs-comment, .hljs-atom-one-light .hljs-quote { color: #a0a1a7; font-style: italic; } .hljs-atom-one-light .hljs-doctag, .hljs-atom-one-light .hljs-keyword, .hljs-atom-one-light .hljs-formula { color: #a626a4; } .hljs-atom-one-light .hljs-section, .hljs-atom-one-light .hljs-name, .hljs-atom-one-light .hljs-selector-tag, .hljs-atom-one-light .hljs-deletion, .hljs-atom-one-light .hljs-subst { color: #e45649; } .hljs-atom-one-light .hljs-literal { color: #0184bb; } .hljs-atom-one-light .hljs-string, .hljs-atom-one-light .hljs-regexp, .hljs-atom-one-light .hljs-addition, .hljs-atom-one-light .hljs-attribute, .hljs-atom-one-light .hljs-meta-string { color: #50a14f; } .hljs-atom-one-light .hljs-built_in, .hljs-atom-one-light .hljs-class .hljs-title { color: #c18401; } .hljs-atom-one-light .hljs-attr, .hljs-atom-one-light .hljs-variable, .hljs-atom-one-light .hljs-template-variable, .hljs-atom-one-light .hljs-type, .hljs-atom-one-light .hljs-selector-class, .hljs-atom-one-light .hljs-selector-attr, .hljs-atom-one-light .hljs-selector-pseudo, .hljs-atom-one-light .hljs-number { color: #986801; } .hljs-atom-one-light .hljs-symbol, .hljs-atom-one-light .hljs-bullet, .hljs-atom-one-light .hljs-link, .hljs-atom-one-light .hljs-meta, .hljs-atom-one-light .hljs-selector-id, .hljs-atom-one-light .hljs-title { color: #4078f2; } .hljs-atom-one-light .hljs-emphasis { font-style: italic; } .hljs-atom-one-light .hljs-strong { font-weight: bold; } .hljs-atom-one-light .hljs-link { text-decoration: underline; } /* Original highlight.js style (c) Ivan Sagalaev <maniac@softwaremaniacs.org> */ .hljs-default { /* Base color: saturation 0; */ /* User color: hue: 0 */ /* Language color: hue: 90; */ /* Meta color: hue: 200 */ /* Misc effects */ } .hljs-default .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #F0F0F0; } .hljs-default .hljs, .hljs-default .hljs-subst { color: #444; } .hljs-default .hljs-comment { color: #888888; } .hljs-default .hljs-keyword, .hljs-default .hljs-attribute, .hljs-default .hljs-selector-tag, .hljs-default .hljs-meta-keyword, .hljs-default .hljs-doctag, .hljs-default .hljs-name { font-weight: bold; } .hljs-default .hljs-type, .hljs-default .hljs-string, .hljs-default .hljs-number, .hljs-default .hljs-selector-id, .hljs-default .hljs-selector-class, .hljs-default .hljs-quote, .hljs-default .hljs-template-tag, .hljs-default .hljs-deletion { color: #880000; } .hljs-default .hljs-title, .hljs-default .hljs-section { color: #880000; font-weight: bold; } .hljs-default .hljs-regexp, .hljs-default .hljs-symbol, .hljs-default .hljs-variable, .hljs-default .hljs-template-variable, .hljs-default .hljs-link, .hljs-default .hljs-selector-attr, .hljs-default .hljs-selector-pseudo { color: #BC6060; } .hljs-default .hljs-literal { color: #78A960; } .hljs-default .hljs-built_in, .hljs-default .hljs-bullet, .hljs-default .hljs-code, .hljs-default .hljs-addition { color: #397300; } .hljs-default .hljs-meta { color: #1f7199; } .hljs-default .hljs-meta-string { color: #4d99bf; } .hljs-default .hljs-emphasis { font-style: italic; } .hljs-default .hljs-strong { font-weight: bold; } /* github.com style (c) Vasily Polovnyov <vast@whiteants.net> */ .hljs-github .hljs { display: block; overflow-x: auto; padding: 0.5em; color: #333; background: #f8f8f8; } .hljs-github .hljs-comment, .hljs-github .hljs-quote { color: #998; font-style: italic; } .hljs-github .hljs-keyword, .hljs-github .hljs-selector-tag, .hljs-github .hljs-subst { color: #333; font-weight: bold; } .hljs-github .hljs-number, .hljs-github .hljs-literal, .hljs-github .hljs-variable, .hljs-github .hljs-template-variable, .hljs-github .hljs-tag .hljs-attr { color: #008080; } .hljs-github .hljs-string, .hljs-github .hljs-doctag { color: #d14; } .hljs-github .hljs-title, .hljs-github .hljs-section, .hljs-github .hljs-selector-id { color: #900; font-weight: bold; } .hljs-github .hljs-subst { font-weight: normal; } .hljs-github .hljs-type, .hljs-github .hljs-class .hljs-title { color: #458; font-weight: bold; } .hljs-github .hljs-tag, .hljs-github .hljs-name, .hljs-github .hljs-attribute { color: #000080; font-weight: normal; } .hljs-github .hljs-regexp, .hljs-github .hljs-link { color: #009926; } .hljs-github .hljs-symbol, .hljs-github .hljs-bullet { color: #990073; } .hljs-github .hljs-built_in, .hljs-github .hljs-builtin-name { color: #0086b3; } .hljs-github .hljs-meta { color: #999; font-weight: bold; } .hljs-github .hljs-deletion { background: #fdd; } .hljs-github .hljs-addition { background: #dfd; } .hljs-github .hljs-emphasis { font-style: italic; } .hljs-github .hljs-strong { font-weight: bold; } /* Google Code style (c) Aahan Krish <geekpanth3r@gmail.com> */ .hljs-googlecode .hljs { display: block; overflow-x: auto; padding: 0.5em; background: white; color: black; } .hljs-googlecode .hljs-comment, .hljs-googlecode .hljs-quote { color: #800; } .hljs-googlecode .hljs-keyword, .hljs-googlecode .hljs-selector-tag, .hljs-googlecode .hljs-section, .hljs-googlecode .hljs-title, .hljs-googlecode .hljs-name { color: #008; } .hljs-googlecode .hljs-variable, .hljs-googlecode .hljs-template-variable { color: #660; } .hljs-googlecode .hljs-string, .hljs-googlecode .hljs-selector-attr, .hljs-googlecode .hljs-selector-pseudo, .hljs-googlecode .hljs-regexp { color: #080; } .hljs-googlecode .hljs-literal, .hljs-googlecode .hljs-symbol, .hljs-googlecode .hljs-bullet, .hljs-googlecode .hljs-meta, .hljs-googlecode .hljs-number, .hljs-googlecode .hljs-link { color: #066; } .hljs-googlecode .hljs-title, .hljs-googlecode .hljs-doctag, .hljs-googlecode .hljs-type, .hljs-googlecode .hljs-attr, .hljs-googlecode .hljs-built_in, .hljs-googlecode .hljs-builtin-name, .hljs-googlecode .hljs-params { color: #606; } .hljs-googlecode .hljs-attribute, .hljs-googlecode .hljs-subst { color: #000; } .hljs-googlecode .hljs-formula { background-color: #eee; font-style: italic; } .hljs-googlecode .hljs-selector-id, .hljs-googlecode .hljs-selector-class { color: #9B703F; } .hljs-googlecode .hljs-addition { background-color: #baeeba; } .hljs-googlecode .hljs-deletion { background-color: #ffc8bd; } .hljs-googlecode .hljs-doctag, .hljs-googlecode .hljs-strong { font-weight: bold; } .hljs-googlecode .hljs-emphasis { font-style: italic; } .hljs-railscasts .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #232323; color: #e6e1dc; } .hljs-railscasts .hljs-comment, .hljs-railscasts .hljs-quote { color: #bc9458; font-style: italic; } .hljs-railscasts .hljs-keyword, .hljs-railscasts .hljs-selector-tag { color: #c26230; } .hljs-railscasts .hljs-string, .hljs-railscasts .hljs-number, .hljs-railscasts .hljs-regexp, .hljs-railscasts .hljs-variable, .hljs-railscasts .hljs-template-variable { color: #a5c261; } .hljs-railscasts .hljs-subst { color: #519f50; } .hljs-railscasts .hljs-tag, .hljs-railscasts .hljs-name { color: #e8bf6a; } .hljs-railscasts .hljs-type { color: #da4939; } .hljs-railscasts .hljs-symbol, .hljs-railscasts .hljs-bullet, .hljs-railscasts .hljs-built_in, .hljs-railscasts .hljs-builtin-name, .hljs-railscasts .hljs-attr, .hljs-railscasts .hljs-link { color: #6d9cbe; } .hljs-railscasts .hljs-params { color: #d0d0ff; } .hljs-railscasts .hljs-attribute { color: #cda869; } .hljs-railscasts .hljs-meta { color: #9b859d; } .hljs-railscasts .hljs-title, .hljs-railscasts .hljs-section { color: #ffc66d; } .hljs-railscasts .hljs-addition { background-color: #144212; color: #e6e1dc; display: inline-block; width: 100%; } .hljs-railscasts .hljs-deletion { background-color: #600; color: #e6e1dc; display: inline-block; width: 100%; } .hljs-railscasts .hljs-selector-class { color: #9b703f; } .hljs-railscasts .hljs-selector-id { color: #8b98ab; } .hljs-railscasts .hljs-emphasis { font-style: italic; } .hljs-railscasts .hljs-strong { font-weight: bold; } .hljs-railscasts .hljs-link { text-decoration: underline; } .hljs-solarized-light .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #fdf6e3; color: #657b83; } .hljs-solarized-light .hljs-comment, .hljs-solarized-light .hljs-quote { color: #93a1a1; } .hljs-solarized-light .hljs-keyword, .hljs-solarized-light .hljs-selector-tag, .hljs-solarized-light .hljs-addition { color: #859900; } .hljs-solarized-light .hljs-number, .hljs-solarized-light .hljs-string, .hljs-solarized-light .hljs-meta .hljs-meta-string, .hljs-solarized-light .hljs-literal, .hljs-solarized-light .hljs-doctag, .hljs-solarized-light .hljs-regexp { color: #2aa198; } .hljs-solarized-light .hljs-title, .hljs-solarized-light .hljs-section, .hljs-solarized-light .hljs-name, .hljs-solarized-light .hljs-selector-id, .hljs-solarized-light .hljs-selector-class { color: #268bd2; } .hljs-solarized-light .hljs-attribute, .hljs-solarized-light .hljs-attr, .hljs-solarized-light .hljs-variable, .hljs-solarized-light .hljs-template-variable, .hljs-solarized-light .hljs-class .hljs-title, .hljs-solarized-light .hljs-type { color: #b58900; } .hljs-solarized-light .hljs-symbol, .hljs-solarized-light .hljs-bullet, .hljs-solarized-light .hljs-subst, .hljs-solarized-light .hljs-meta, .hljs-solarized-light .hljs-meta .hljs-keyword, .hljs-solarized-light .hljs-selector-attr, .hljs-solarized-light .hljs-selector-pseudo, .hljs-solarized-light .hljs-link { color: #cb4b16; } .hljs-solarized-light .hljs-built_in, .hljs-solarized-light .hljs-deletion { color: #dc322f; } .hljs-solarized-light .hljs-formula { background: #eee8d5; } .hljs-solarized-light .hljs-emphasis { font-style: italic; } .hljs-solarized-light .hljs-strong { font-weight: bold; } /* Tomorrow Night Eighties Theme */ /* Original theme - https://github.com/chriskempson/tomorrow-theme */ /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ /* Tomorrow Comment */ .hljs-tomorrow-night { /* Tomorrow Red */ /* Tomorrow Orange */ /* Tomorrow Yellow */ /* Tomorrow Green */ /* Tomorrow Blue */ /* Tomorrow Purple */ } .hljs-tomorrow-night .hljs-comment, .hljs-tomorrow-night .hljs-quote { color: #999999; } .hljs-tomorrow-night .hljs-variable, .hljs-tomorrow-night .hljs-template-variable, .hljs-tomorrow-night .hljs-tag, .hljs-tomorrow-night .hljs-name, .hljs-tomorrow-night .hljs-selector-id, .hljs-tomorrow-night .hljs-selector-class, .hljs-tomorrow-night .hljs-regexp, .hljs-tomorrow-night .hljs-deletion { color: #f2777a; } .hljs-tomorrow-night .hljs-number, .hljs-tomorrow-night .hljs-built_in, .hljs-tomorrow-night .hljs-builtin-name, .hljs-tomorrow-night .hljs-literal, .hljs-tomorrow-night .hljs-type, .hljs-tomorrow-night .hljs-params, .hljs-tomorrow-night .hljs-meta, .hljs-tomorrow-night .hljs-link { color: #f99157; } .hljs-tomorrow-night .hljs-attribute { color: #ffcc66; } .hljs-tomorrow-night .hljs-string, .hljs-tomorrow-night .hljs-symbol, .hljs-tomorrow-night .hljs-bullet, .hljs-tomorrow-night .hljs-addition { color: #99cc99; } .hljs-tomorrow-night .hljs-title, .hljs-tomorrow-night .hljs-section { color: #6699cc; } .hljs-tomorrow-night .hljs-keyword, .hljs-tomorrow-night .hljs-selector-tag { color: #cc99cc; } .hljs-tomorrow-night .hljs { display: block; overflow-x: auto; background: #2d2d2d; color: #cccccc; padding: 0.5em; } .hljs-tomorrow-night .hljs-emphasis { font-style: italic; } .hljs-tomorrow-night .hljs-strong { font-weight: bold; } /* http://jmblog.github.com/color-themes-for-google-code-highlightjs */ .hljs-tomorrow { /* Tomorrow Comment */ /* Tomorrow Red */ /* Tomorrow Orange */ /* Tomorrow Yellow */ /* Tomorrow Green */ /* Tomorrow Blue */ /* Tomorrow Purple */ } .hljs-tomorrow .hljs-comment, .hljs-tomorrow .hljs-quote { color: #8e908c; } .hljs-tomorrow .hljs-variable, .hljs-tomorrow .hljs-template-variable, .hljs-tomorrow .hljs-tag, .hljs-tomorrow .hljs-name, .hljs-tomorrow .hljs-selector-id, .hljs-tomorrow .hljs-selector-class, .hljs-tomorrow .hljs-regexp, .hljs-tomorrow .hljs-deletion { color: #c82829; } .hljs-tomorrow .hljs-number, .hljs-tomorrow .hljs-built_in, .hljs-tomorrow .hljs-builtin-name, .hljs-tomorrow .hljs-literal, .hljs-tomorrow .hljs-type, .hljs-tomorrow .hljs-params, .hljs-tomorrow .hljs-meta, .hljs-tomorrow .hljs-link { color: #f5871f; } .hljs-tomorrow .hljs-attribute { color: #eab700; } .hljs-tomorrow .hljs-string, .hljs-tomorrow .hljs-symbol, .hljs-tomorrow .hljs-bullet, .hljs-tomorrow .hljs-addition { color: #718c00; } .hljs-tomorrow .hljs-title, .hljs-tomorrow .hljs-section { color: #4271ae; } .hljs-tomorrow .hljs-keyword, .hljs-tomorrow .hljs-selector-tag { color: #8959a8; } .hljs-tomorrow .hljs { display: block; overflow-x: auto; background: white; color: #4d4d4c; padding: 0.5em; } .hljs-tomorrow .hljs-emphasis { font-style: italic; } .hljs-tomorrow .hljs-strong { font-weight: bold; } /* Visual Studio-like style based on original C# coloring by Jason Diamond <jason@diamond.name> */ .hljs-vs .hljs { display: block; overflow-x: auto; padding: 0.5em; background: white; color: black; } .hljs-vs .hljs-comment, .hljs-vs .hljs-quote, .hljs-vs .hljs-variable { color: #008000; } .hljs-vs .hljs-keyword, .hljs-vs .hljs-selector-tag, .hljs-vs .hljs-built_in, .hljs-vs .hljs-name, .hljs-vs .hljs-tag { color: #00f; } .hljs-vs .hljs-string, .hljs-vs .hljs-title, .hljs-vs .hljs-section, .hljs-vs .hljs-attribute, .hljs-vs .hljs-literal, .hljs-vs .hljs-template-tag, .hljs-vs .hljs-template-variable, .hljs-vs .hljs-type, .hljs-vs .hljs-addition { color: #a31515; } .hljs-vs .hljs-deletion, .hljs-vs .hljs-selector-attr, .hljs-vs .hljs-selector-pseudo, .hljs-vs .hljs-meta { color: #2b91af; } .hljs-vs .hljs-doctag { color: #808080; } .hljs-vs .hljs-attr { color: #f00; } .hljs-vs .hljs-symbol, .hljs-vs .hljs-bullet, .hljs-vs .hljs-link { color: #00b0e8; } .hljs-vs .hljs-emphasis { font-style: italic; } .hljs-vs .hljs-strong { font-weight: bold; } /* Zenburn style from voldmar.ru (c) Vladimir Epifanov <voldmar@voldmar.ru> based on dark.css by Ivan Sagalaev */ .hljs-zenburn .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #3f3f3f; color: #dcdcdc; } .hljs-zenburn .hljs-keyword, .hljs-zenburn .hljs-selector-tag, .hljs-zenburn .hljs-tag { color: #e3ceab; } .hljs-zenburn .hljs-template-tag { color: #dcdcdc; } .hljs-zenburn .hljs-number { color: #8cd0d3; } .hljs-zenburn .hljs-variable, .hljs-zenburn .hljs-template-variable, .hljs-zenburn .hljs-attribute { color: #efdcbc; } .hljs-zenburn .hljs-literal { color: #efefaf; } .hljs-zenburn .hljs-subst { color: #8f8f8f; } .hljs-zenburn .hljs-title, .hljs-zenburn .hljs-name, .hljs-zenburn .hljs-selector-id, .hljs-zenburn .hljs-selector-class, .hljs-zenburn .hljs-section, .hljs-zenburn .hljs-type { color: #efef8f; } .hljs-zenburn .hljs-symbol, .hljs-zenburn .hljs-bullet, .hljs-zenburn .hljs-link { color: #dca3a3; } .hljs-zenburn .hljs-deletion, .hljs-zenburn .hljs-string, .hljs-zenburn .hljs-built_in, .hljs-zenburn .hljs-builtin-name { color: #cc9393; } .hljs-zenburn .hljs-addition, .hljs-zenburn .hljs-comment, .hljs-zenburn .hljs-quote, .hljs-zenburn .hljs-meta { color: #7f9f7f; } .hljs-zenburn .hljs-emphasis { font-style: italic; } .hljs-zenburn .hljs-strong { font-weight: bold; } /* Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps__rail-x:hover, .ps__rail-y:hover, .ps__rail-x:focus, .ps__rail-y:focus { background-color: #eee; opacity: 0.9; } /* Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .wpulike.aux-wpulike { padding: 0; } .wpulike.aux-wpulike .wp_ulike_general_class { border: none; padding: 0; border-radius: 0; box-shadow: none; color: #AAA; } .wpulike.aux-wpulike .wp_ulike_general_class.wp_ulike_is_loading .wp_ulike_btn:before { opacity: 0; } .wpulike.aux-wpulike .wp_ulike_general_class.wp_ulike_is_liked .wp_ulike_btn { color: #e74c3c; } .wpulike.aux-wpulike .wp_ulike_general_class .wp_ulike_btn { padding: 0; font-size: 14px; } .wpulike.aux-wpulike .wp_ulike_general_class .wp_ulike_btn:after { display: none; } .wpulike.aux-wpulike .wp_ulike_general_class .wp_ulike_btn:before { display: block; font-family: "auxin-front" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; } .wpulike.aux-wpulike .wp_ulike_general_class .count-box { padding: 0; margin-left: 5px; font-size: 14px; line-height: normal; font-weight: inherit; color: #AAA; } .wpulike.aux-wpulike .wp_ulike_likers_wrapper { visibility: hidden; } .wpulike.aux-wpulike-single { /* Single Post Styles */ } .entry-meta .wpulike.aux-wpulike-single { order: 2; margin-right: 10px; } .entry-meta .wpulike.aux-wpulike-single .wp_ulike_general_class { display: block; color: #3D3D3D; } .entry-meta .wpulike.aux-wpulike-single .wp_ulike_btn { display: block; } .entry-meta .wpulike.aux-wpulike-single .count-box { display: none; } .wpulike.aux-wpulike-widget { /* Post Widgets Styles */ } .comments-iconic .wpulike.aux-wpulike-widget { margin-right: 5px; } .wpulike.aux-wpulike-portfolio { /* Single Portfolio Styles */ display: inline-block; margin-right: 30px; } .wpulike.aux-wpulike-portfolio .wp_ulike_general_class .count-box { color: #3D3D3D; } .wpulike.aux-wpulike-portfolio-widget { /* Portfolio Widgets Styles */ float: right; } .wpulike.aux-wpulike-news { /* Single news Styles */ } .entry-meta .wpulike.aux-wpulike-news { order: 2; margin-right: 10px; } .entry-meta .wpulike.aux-wpulike-news .wp_ulike_general_class { display: block; color: #3D3D3D; } .entry-meta .wpulike.aux-wpulike-news .wp_ulike_btn { display: block; } .entry-meta .wpulike.aux-wpulike-news .count-box { display: none; } .wpulike.aux-wpulike-news-widget { /* Portfolio Widgets Styles */ } .comments-iconic .wpulike.aux-wpulike-news-widget { display: flex; } /*!>>>>>>>>>>>>>>>>>>>>>>>> #Elements <<<<<<<<<<<<<<<<<<<<<<<<<< */ /** Row styles */ .vc_row.vc_row-flex > .aux-vc-row-wrapper-inner > .aux-vc-row-margin { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .vc_row.vc_row-flex > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .vc_row.vc_row-flex > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container > .vc_column-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-direction: column; flex-direction: column; } @media (-ms-high-contrast: active), (-ms-high-contrast: none) { .vc_row.vc_row-flex > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container > .vc_column-inner { /* IE10+ specific styles */ } .vc_row.vc_row-flex > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container > .vc_column-inner > * { min-height: 1em; } } .vc_row.vc_row-o-content-top > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container > .vc_column-inner { -webkit-justify-content: flex-start; justify-content: flex-start; } .vc_row.vc_row-o-content-top > .aux-vc-row-wrapper-inner > .aux-vc-row-margin:not(.vc_row-o-equal-height) > .vc_column_container { -webkit-align-items: flex-start; align-items: flex-start; } .vc_row.vc_row-o-content-bottom > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container > .vc_column-inner { -webkit-justify-content: flex-end; justify-content: flex-end; } .vc_row.vc_row-o-content-bottom > .aux-vc-row-wrapper-inner > .aux-vc-row-margin:not(.vc_row-o-equal-height) > .vc_column_container { -webkit-align-items: flex-end; align-items: flex-end; } .vc_row.vc_row-o-content-middle > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container > .vc_column-inner { -webkit-justify-content: center; justify-content: center; } .vc_row.vc_row-o-content-middle > .aux-vc-row-wrapper-inner > .aux-vc-row-margin:not(.vc_row-o-equal-height) > .vc_column_container { -webkit-align-items: center; align-items: center; } .vc_row.vc_column-gap-1 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin { margin-right: -15.5px; margin-left: -15.5px; } .vc_row.vc_column-gap-1 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container { padding: 0.5px; } .vc_row.vc_column-gap-2 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin { margin-right: -16px; margin-left: -16px; } .vc_row.vc_column-gap-2 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container { padding: 1px; } .vc_row.vc_column-gap-3 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin { margin-right: -16.5px; margin-left: -16.5px; } .vc_row.vc_column-gap-3 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container { padding: 1.5px; } .vc_row.vc_column-gap-4 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin { margin-right: -17px; margin-left: -17px; } .vc_row.vc_column-gap-4 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container { padding: 2px; } .vc_row.vc_column-gap-5 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin { margin-right: -17.5px; margin-left: -17.5px; } .vc_row.vc_column-gap-5 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container { padding: 2.5px; } .vc_row.vc_column-gap-10 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin { margin-right: -20px; margin-left: -20px; } .vc_row.vc_column-gap-10 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container { padding: 5px; } .vc_row.vc_column-gap-15 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin { margin-right: -22.5px; margin-left: -22.5px; } .vc_row.vc_column-gap-15 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container { padding: 7.5px; } .vc_row.vc_column-gap-20 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin { margin-right: -25px; margin-left: -25px; } .vc_row.vc_column-gap-20 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container { padding: 10px; } .vc_row.vc_column-gap-25 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin { margin-right: -27.5px; margin-left: -27.5px; } .vc_row.vc_column-gap-25 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container { padding: 12.5px; } .vc_row.vc_column-gap-30 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin { margin-right: -30px; margin-left: -30px; } .vc_row.vc_column-gap-30 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container { padding: 15px; } .vc_row.vc_column-gap-35 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin { margin-right: -32.5px; margin-left: -32.5px; } .vc_row.vc_column-gap-35 > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container { padding: 17.5px; } .aux-full-container .vc_row { margin-left: 0; margin-right: 0; } .vc_row .aux-vc-row-margin { margin-right: -15px; margin-left: -15px; } .vc_row .aux-vc-row-margin:after { content: ""; display: table; clear: both; } .vc_row.vc_row-no-padding .aux-vc-row-margin { margin-right: 0; margin-left: 0; } .vc_row.aux-vc-boxed-content > .aux-vc-row-wrapper-inner { padding-right: 35px; padding-left: 35px; } .vc_row.aux-vc-stretch-content:not(.vc_row-no-padding) > .aux-vc-row-wrapper-inner { padding-right: 35px; padding-left: 35px; } .vc_row-has-fill > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .aux-vc-row-wrapper-inner > .aux-vc-row-margin > .vc_column_container > .vc_column-inner { padding-top: 35px; } /** Generate tiles layout classes with 4 columns */ .aux-tile-1-1 { width: 8.33333%; padding-bottom: 8.33333%; } .aux-tile-1-1 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-tile-sg-1-1 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-tile-lg-1-1 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-tile-2-1 { width: 16.66667%; padding-bottom: 8.33333%; } .aux-tile-2-1 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-tile-sg-2-1 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-tile-lg-2-1 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-tile-3-1 { width: 25%; padding-bottom: 8.33333%; } .aux-tile-3-1 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-tile-sg-3-1 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-tile-lg-3-1 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-tile-4-1 { width: 33.33333%; padding-bottom: 8.33333%; } .aux-tile-4-1 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-tile-sg-4-1 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-tile-lg-4-1 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-tile-5-1 { width: 41.66667%; padding-bottom: 8.33333%; } .aux-tile-5-1 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-tile-sg-5-1 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-tile-lg-5-1 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-tile-6-1 { width: 50%; padding-bottom: 8.33333%; } .aux-tile-6-1 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-tile-sg-6-1 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-tile-lg-6-1 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-tile-7-1 { width: 58.33333%; padding-bottom: 8.33333%; } .aux-tile-7-1 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-tile-sg-7-1 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-tile-lg-7-1 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-tile-8-1 { width: 66.66667%; padding-bottom: 8.33333%; } .aux-tile-8-1 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-tile-sg-8-1 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-tile-lg-8-1 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-tile-9-1 { width: 75%; padding-bottom: 8.33333%; } .aux-tile-9-1 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-tile-sg-9-1 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-tile-lg-9-1 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-tile-10-1 { width: 83.33333%; padding-bottom: 8.33333%; } .aux-tile-10-1 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-tile-sg-10-1 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-tile-lg-10-1 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-tile-11-1 { width: 91.66667%; padding-bottom: 8.33333%; } .aux-tile-11-1 .aux-keep-aspect { height: 0; padding-bottom: 16.66667%; } .aux-tile-sg-11-1 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-tile-lg-11-1 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-tile-12-1 { width: 100%; padding-bottom: 8.33333%; } .aux-tile-12-1 .aux-keep-aspect { height: 0; padding-bottom: 8.33333%; } .aux-tile-sg-12-1 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-tile-lg-12-1 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-tile-1-2 { width: 8.33333%; padding-bottom: 16.66667%; } .aux-tile-1-2 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-tile-sg-1-2 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-tile-lg-1-2 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-tile-2-2 { width: 16.66667%; padding-bottom: 16.66667%; } .aux-tile-2-2 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-tile-sg-2-2 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-tile-lg-2-2 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-tile-3-2 { width: 25%; padding-bottom: 16.66667%; } .aux-tile-3-2 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-tile-sg-3-2 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-tile-lg-3-2 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-tile-4-2 { width: 33.33333%; padding-bottom: 16.66667%; } .aux-tile-4-2 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-tile-sg-4-2 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-tile-lg-4-2 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-tile-5-2 { width: 41.66667%; padding-bottom: 16.66667%; } .aux-tile-5-2 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-tile-sg-5-2 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-tile-lg-5-2 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-tile-6-2 { width: 50%; padding-bottom: 16.66667%; } .aux-tile-6-2 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-tile-sg-6-2 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-tile-lg-6-2 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-tile-7-2 { width: 58.33333%; padding-bottom: 16.66667%; } .aux-tile-7-2 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-tile-sg-7-2 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-tile-lg-7-2 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-tile-8-2 { width: 66.66667%; padding-bottom: 16.66667%; } .aux-tile-8-2 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-tile-sg-8-2 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-tile-lg-8-2 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-tile-9-2 { width: 75%; padding-bottom: 16.66667%; } .aux-tile-9-2 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-tile-sg-9-2 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-tile-lg-9-2 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-tile-10-2 { width: 83.33333%; padding-bottom: 16.66667%; } .aux-tile-10-2 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-tile-sg-10-2 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-tile-lg-10-2 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-tile-11-2 { width: 91.66667%; padding-bottom: 16.66667%; } .aux-tile-11-2 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-tile-sg-11-2 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-tile-lg-11-2 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-tile-12-2 { width: 100%; padding-bottom: 16.66667%; } .aux-tile-12-2 .aux-keep-aspect { height: 0; padding-bottom: 16.66667%; } .aux-tile-sg-12-2 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-tile-lg-12-2 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-tile-1-3 { width: 8.33333%; padding-bottom: 25%; } .aux-tile-1-3 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-tile-sg-1-3 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-tile-lg-1-3 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-tile-2-3 { width: 16.66667%; padding-bottom: 25%; } .aux-tile-2-3 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-tile-sg-2-3 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-tile-lg-2-3 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-tile-3-3 { width: 25%; padding-bottom: 25%; } .aux-tile-3-3 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-tile-sg-3-3 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-tile-lg-3-3 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-tile-4-3 { width: 33.33333%; padding-bottom: 25%; } .aux-tile-4-3 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-tile-sg-4-3 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-tile-lg-4-3 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-tile-5-3 { width: 41.66667%; padding-bottom: 25%; } .aux-tile-5-3 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-tile-sg-5-3 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-tile-lg-5-3 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-tile-6-3 { width: 50%; padding-bottom: 25%; } .aux-tile-6-3 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-tile-sg-6-3 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-tile-lg-6-3 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-tile-7-3 { width: 58.33333%; padding-bottom: 25%; } .aux-tile-7-3 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-tile-sg-7-3 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-tile-lg-7-3 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-tile-8-3 { width: 66.66667%; padding-bottom: 25%; } .aux-tile-8-3 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-tile-sg-8-3 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-tile-lg-8-3 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-tile-9-3 { width: 75%; padding-bottom: 25%; } .aux-tile-9-3 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-tile-sg-9-3 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-tile-lg-9-3 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-tile-10-3 { width: 83.33333%; padding-bottom: 25%; } .aux-tile-10-3 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-tile-sg-10-3 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-tile-lg-10-3 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-tile-11-3 { width: 91.66667%; padding-bottom: 25%; } .aux-tile-11-3 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-tile-sg-11-3 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-tile-lg-11-3 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-tile-12-3 { width: 100%; padding-bottom: 25%; } .aux-tile-12-3 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-tile-sg-12-3 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-tile-lg-12-3 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-tile-1-4 { width: 8.33333%; padding-bottom: 33.33333%; } .aux-tile-1-4 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-tile-sg-1-4 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-tile-lg-1-4 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-tile-2-4 { width: 16.66667%; padding-bottom: 33.33333%; } .aux-tile-2-4 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-tile-sg-2-4 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-tile-lg-2-4 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-tile-3-4 { width: 25%; padding-bottom: 33.33333%; } .aux-tile-3-4 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-tile-sg-3-4 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-tile-lg-3-4 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-tile-4-4 { width: 33.33333%; padding-bottom: 33.33333%; } .aux-tile-4-4 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-tile-sg-4-4 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-tile-lg-4-4 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-tile-5-4 { width: 41.66667%; padding-bottom: 33.33333%; } .aux-tile-5-4 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-tile-sg-5-4 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-tile-lg-5-4 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-tile-6-4 { width: 50%; padding-bottom: 33.33333%; } .aux-tile-6-4 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-tile-sg-6-4 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-tile-lg-6-4 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-tile-7-4 { width: 58.33333%; padding-bottom: 33.33333%; } .aux-tile-7-4 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-tile-sg-7-4 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-tile-lg-7-4 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-tile-8-4 { width: 66.66667%; padding-bottom: 33.33333%; } .aux-tile-8-4 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-tile-sg-8-4 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-tile-lg-8-4 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-tile-9-4 { width: 75%; padding-bottom: 33.33333%; } .aux-tile-9-4 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-tile-sg-9-4 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-tile-lg-9-4 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-tile-10-4 { width: 83.33333%; padding-bottom: 33.33333%; } .aux-tile-10-4 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-tile-sg-10-4 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-tile-lg-10-4 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-tile-11-4 { width: 91.66667%; padding-bottom: 33.33333%; } .aux-tile-11-4 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-tile-sg-11-4 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-tile-lg-11-4 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-tile-12-4 { width: 100%; padding-bottom: 33.33333%; } .aux-tile-12-4 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-tile-sg-12-4 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-tile-lg-12-4 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-tile-1-5 { width: 8.33333%; padding-bottom: 41.66667%; } .aux-tile-1-5 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-tile-sg-1-5 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-tile-lg-1-5 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-tile-2-5 { width: 16.66667%; padding-bottom: 41.66667%; } .aux-tile-2-5 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-tile-sg-2-5 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-tile-lg-2-5 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-tile-3-5 { width: 25%; padding-bottom: 41.66667%; } .aux-tile-3-5 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-tile-sg-3-5 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-tile-lg-3-5 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-tile-4-5 { width: 33.33333%; padding-bottom: 41.66667%; } .aux-tile-4-5 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-tile-sg-4-5 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-tile-lg-4-5 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-tile-5-5 { width: 41.66667%; padding-bottom: 41.66667%; } .aux-tile-5-5 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-tile-sg-5-5 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-tile-lg-5-5 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-tile-6-5 { width: 50%; padding-bottom: 41.66667%; } .aux-tile-6-5 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-tile-sg-6-5 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-tile-lg-6-5 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-tile-7-5 { width: 58.33333%; padding-bottom: 41.66667%; } .aux-tile-7-5 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-tile-sg-7-5 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-tile-lg-7-5 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-tile-8-5 { width: 66.66667%; padding-bottom: 41.66667%; } .aux-tile-8-5 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-tile-sg-8-5 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-tile-lg-8-5 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-tile-9-5 { width: 75%; padding-bottom: 41.66667%; } .aux-tile-9-5 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-tile-sg-9-5 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-tile-lg-9-5 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-tile-10-5 { width: 83.33333%; padding-bottom: 41.66667%; } .aux-tile-10-5 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-tile-sg-10-5 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-tile-lg-10-5 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-tile-11-5 { width: 91.66667%; padding-bottom: 41.66667%; } .aux-tile-11-5 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-tile-sg-11-5 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-tile-lg-11-5 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-tile-12-5 { width: 100%; padding-bottom: 41.66667%; } .aux-tile-12-5 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-tile-sg-12-5 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-tile-lg-12-5 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-tile-1-6 { width: 8.33333%; padding-bottom: 50%; } .aux-tile-1-6 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-tile-sg-1-6 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-tile-lg-1-6 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-tile-2-6 { width: 16.66667%; padding-bottom: 50%; } .aux-tile-2-6 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-tile-sg-2-6 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-tile-lg-2-6 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-tile-3-6 { width: 25%; padding-bottom: 50%; } .aux-tile-3-6 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-tile-sg-3-6 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-tile-lg-3-6 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-tile-4-6 { width: 33.33333%; padding-bottom: 50%; } .aux-tile-4-6 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-tile-sg-4-6 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-tile-lg-4-6 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-tile-5-6 { width: 41.66667%; padding-bottom: 50%; } .aux-tile-5-6 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-tile-sg-5-6 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-tile-lg-5-6 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-tile-6-6 { width: 50%; padding-bottom: 50%; } .aux-tile-6-6 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-tile-sg-6-6 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-tile-lg-6-6 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-tile-7-6 { width: 58.33333%; padding-bottom: 50%; } .aux-tile-7-6 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-tile-sg-7-6 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-tile-lg-7-6 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-tile-8-6 { width: 66.66667%; padding-bottom: 50%; } .aux-tile-8-6 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-tile-sg-8-6 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-tile-lg-8-6 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-tile-9-6 { width: 75%; padding-bottom: 50%; } .aux-tile-9-6 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-tile-sg-9-6 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-tile-lg-9-6 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-tile-10-6 { width: 83.33333%; padding-bottom: 50%; } .aux-tile-10-6 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-tile-sg-10-6 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-tile-lg-10-6 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-tile-11-6 { width: 91.66667%; padding-bottom: 50%; } .aux-tile-11-6 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-tile-sg-11-6 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-tile-lg-11-6 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-tile-12-6 { width: 100%; padding-bottom: 50%; } .aux-tile-12-6 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-tile-sg-12-6 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-tile-lg-12-6 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-tile-1-7 { width: 8.33333%; padding-bottom: 58.33333%; } .aux-tile-1-7 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-tile-sg-1-7 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-tile-lg-1-7 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-tile-2-7 { width: 16.66667%; padding-bottom: 58.33333%; } .aux-tile-2-7 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-tile-sg-2-7 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-tile-lg-2-7 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-tile-3-7 { width: 25%; padding-bottom: 58.33333%; } .aux-tile-3-7 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-tile-sg-3-7 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-tile-lg-3-7 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-tile-4-7 { width: 33.33333%; padding-bottom: 58.33333%; } .aux-tile-4-7 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-tile-sg-4-7 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-tile-lg-4-7 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-tile-5-7 { width: 41.66667%; padding-bottom: 58.33333%; } .aux-tile-5-7 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-tile-sg-5-7 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-tile-lg-5-7 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-tile-6-7 { width: 50%; padding-bottom: 58.33333%; } .aux-tile-6-7 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-tile-sg-6-7 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-tile-lg-6-7 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-tile-7-7 { width: 58.33333%; padding-bottom: 58.33333%; } .aux-tile-7-7 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-tile-sg-7-7 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-tile-lg-7-7 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-tile-8-7 { width: 66.66667%; padding-bottom: 58.33333%; } .aux-tile-8-7 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-tile-sg-8-7 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-tile-lg-8-7 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-tile-9-7 { width: 75%; padding-bottom: 58.33333%; } .aux-tile-9-7 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-tile-sg-9-7 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-tile-lg-9-7 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-tile-10-7 { width: 83.33333%; padding-bottom: 58.33333%; } .aux-tile-10-7 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-tile-sg-10-7 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-tile-lg-10-7 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-tile-11-7 { width: 91.66667%; padding-bottom: 58.33333%; } .aux-tile-11-7 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-tile-sg-11-7 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-tile-lg-11-7 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-tile-12-7 { width: 100%; padding-bottom: 58.33333%; } .aux-tile-12-7 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-tile-sg-12-7 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-tile-lg-12-7 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-tile-1-8 { width: 8.33333%; padding-bottom: 66.66667%; } .aux-tile-1-8 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-tile-sg-1-8 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-tile-lg-1-8 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-tile-2-8 { width: 16.66667%; padding-bottom: 66.66667%; } .aux-tile-2-8 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-tile-sg-2-8 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-tile-lg-2-8 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-tile-3-8 { width: 25%; padding-bottom: 66.66667%; } .aux-tile-3-8 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-tile-sg-3-8 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-tile-lg-3-8 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-tile-4-8 { width: 33.33333%; padding-bottom: 66.66667%; } .aux-tile-4-8 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-tile-sg-4-8 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-tile-lg-4-8 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-tile-5-8 { width: 41.66667%; padding-bottom: 66.66667%; } .aux-tile-5-8 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-tile-sg-5-8 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-tile-lg-5-8 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-tile-6-8 { width: 50%; padding-bottom: 66.66667%; } .aux-tile-6-8 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-tile-sg-6-8 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-tile-lg-6-8 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-tile-7-8 { width: 58.33333%; padding-bottom: 66.66667%; } .aux-tile-7-8 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-tile-sg-7-8 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-tile-lg-7-8 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-tile-8-8 { width: 66.66667%; padding-bottom: 66.66667%; } .aux-tile-8-8 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-tile-sg-8-8 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-tile-lg-8-8 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-tile-9-8 { width: 75%; padding-bottom: 66.66667%; } .aux-tile-9-8 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-tile-sg-9-8 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-tile-lg-9-8 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-tile-10-8 { width: 83.33333%; padding-bottom: 66.66667%; } .aux-tile-10-8 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-tile-sg-10-8 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-tile-lg-10-8 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-tile-11-8 { width: 91.66667%; padding-bottom: 66.66667%; } .aux-tile-11-8 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-tile-sg-11-8 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-tile-lg-11-8 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-tile-12-8 { width: 100%; padding-bottom: 66.66667%; } .aux-tile-12-8 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-tile-sg-12-8 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-tile-lg-12-8 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-tile-1-9 { width: 8.33333%; padding-bottom: 75%; } .aux-tile-1-9 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-tile-sg-1-9 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-tile-lg-1-9 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-tile-2-9 { width: 16.66667%; padding-bottom: 75%; } .aux-tile-2-9 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-tile-sg-2-9 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-tile-lg-2-9 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-tile-3-9 { width: 25%; padding-bottom: 75%; } .aux-tile-3-9 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-tile-sg-3-9 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-tile-lg-3-9 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-tile-4-9 { width: 33.33333%; padding-bottom: 75%; } .aux-tile-4-9 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-tile-sg-4-9 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-tile-lg-4-9 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-tile-5-9 { width: 41.66667%; padding-bottom: 75%; } .aux-tile-5-9 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-tile-sg-5-9 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-tile-lg-5-9 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-tile-6-9 { width: 50%; padding-bottom: 75%; } .aux-tile-6-9 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-tile-sg-6-9 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-tile-lg-6-9 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-tile-7-9 { width: 58.33333%; padding-bottom: 75%; } .aux-tile-7-9 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-tile-sg-7-9 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-tile-lg-7-9 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-tile-8-9 { width: 66.66667%; padding-bottom: 75%; } .aux-tile-8-9 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-tile-sg-8-9 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-tile-lg-8-9 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-tile-9-9 { width: 75%; padding-bottom: 75%; } .aux-tile-9-9 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-tile-sg-9-9 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-tile-lg-9-9 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-tile-10-9 { width: 83.33333%; padding-bottom: 75%; } .aux-tile-10-9 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-tile-sg-10-9 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-tile-lg-10-9 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-tile-11-9 { width: 91.66667%; padding-bottom: 75%; } .aux-tile-11-9 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-tile-sg-11-9 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-tile-lg-11-9 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-tile-12-9 { width: 100%; padding-bottom: 75%; } .aux-tile-12-9 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-tile-sg-12-9 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-tile-lg-12-9 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-tile-1-10 { width: 8.33333%; padding-bottom: 83.33333%; } .aux-tile-1-10 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-tile-sg-1-10 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-tile-lg-1-10 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-tile-2-10 { width: 16.66667%; padding-bottom: 83.33333%; } .aux-tile-2-10 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-tile-sg-2-10 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-tile-lg-2-10 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-tile-3-10 { width: 25%; padding-bottom: 83.33333%; } .aux-tile-3-10 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-tile-sg-3-10 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-tile-lg-3-10 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-tile-4-10 { width: 33.33333%; padding-bottom: 83.33333%; } .aux-tile-4-10 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-tile-sg-4-10 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-tile-lg-4-10 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-tile-5-10 { width: 41.66667%; padding-bottom: 83.33333%; } .aux-tile-5-10 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-tile-sg-5-10 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-tile-lg-5-10 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-tile-6-10 { width: 50%; padding-bottom: 83.33333%; } .aux-tile-6-10 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-tile-sg-6-10 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-tile-lg-6-10 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-tile-7-10 { width: 58.33333%; padding-bottom: 83.33333%; } .aux-tile-7-10 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-tile-sg-7-10 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-tile-lg-7-10 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-tile-8-10 { width: 66.66667%; padding-bottom: 83.33333%; } .aux-tile-8-10 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-tile-sg-8-10 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-tile-lg-8-10 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-tile-9-10 { width: 75%; padding-bottom: 83.33333%; } .aux-tile-9-10 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-tile-sg-9-10 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-tile-lg-9-10 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-tile-10-10 { width: 83.33333%; padding-bottom: 83.33333%; } .aux-tile-10-10 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-tile-sg-10-10 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-tile-lg-10-10 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-tile-11-10 { width: 91.66667%; padding-bottom: 83.33333%; } .aux-tile-11-10 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-tile-sg-11-10 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-tile-lg-11-10 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-tile-12-10 { width: 100%; padding-bottom: 83.33333%; } .aux-tile-12-10 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-tile-sg-12-10 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-tile-lg-12-10 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-tile-1-11 { width: 8.33333%; padding-bottom: 91.66667%; } .aux-tile-1-11 .aux-keep-aspect { height: 0; padding-bottom: 183.33333%; } .aux-tile-sg-1-11 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-tile-lg-1-11 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-tile-2-11 { width: 16.66667%; padding-bottom: 91.66667%; } .aux-tile-2-11 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-tile-sg-2-11 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-tile-lg-2-11 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-tile-3-11 { width: 25%; padding-bottom: 91.66667%; } .aux-tile-3-11 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-tile-sg-3-11 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-tile-lg-3-11 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-tile-4-11 { width: 33.33333%; padding-bottom: 91.66667%; } .aux-tile-4-11 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-tile-sg-4-11 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-tile-lg-4-11 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-tile-5-11 { width: 41.66667%; padding-bottom: 91.66667%; } .aux-tile-5-11 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-tile-sg-5-11 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-tile-lg-5-11 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-tile-6-11 { width: 50%; padding-bottom: 91.66667%; } .aux-tile-6-11 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-tile-sg-6-11 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-tile-lg-6-11 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-tile-7-11 { width: 58.33333%; padding-bottom: 91.66667%; } .aux-tile-7-11 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-tile-sg-7-11 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-tile-lg-7-11 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-tile-8-11 { width: 66.66667%; padding-bottom: 91.66667%; } .aux-tile-8-11 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-tile-sg-8-11 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-tile-lg-8-11 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-tile-9-11 { width: 75%; padding-bottom: 91.66667%; } .aux-tile-9-11 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-tile-sg-9-11 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-tile-lg-9-11 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-tile-10-11 { width: 83.33333%; padding-bottom: 91.66667%; } .aux-tile-10-11 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-tile-sg-10-11 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-tile-lg-10-11 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-tile-11-11 { width: 91.66667%; padding-bottom: 91.66667%; } .aux-tile-11-11 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-tile-sg-11-11 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-tile-lg-11-11 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-tile-12-11 { width: 100%; padding-bottom: 91.66667%; } .aux-tile-12-11 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-tile-sg-12-11 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-tile-lg-12-11 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-tile-1-12 { width: 8.33333%; padding-bottom: 100%; } .aux-tile-1-12 .aux-keep-aspect { height: 0; padding-bottom: 191.66667%; } .aux-tile-sg-1-12 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-tile-lg-1-12 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-tile-2-12 { width: 16.66667%; padding-bottom: 100%; } .aux-tile-2-12 .aux-keep-aspect { height: 0; padding-bottom: 183.33333%; } .aux-tile-sg-2-12 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-tile-lg-2-12 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-tile-3-12 { width: 25%; padding-bottom: 100%; } .aux-tile-3-12 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-tile-sg-3-12 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-tile-lg-3-12 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-tile-4-12 { width: 33.33333%; padding-bottom: 100%; } .aux-tile-4-12 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-tile-sg-4-12 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-tile-lg-4-12 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-tile-5-12 { width: 41.66667%; padding-bottom: 100%; } .aux-tile-5-12 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-tile-sg-5-12 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-tile-lg-5-12 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-tile-6-12 { width: 50%; padding-bottom: 100%; } .aux-tile-6-12 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-tile-sg-6-12 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-tile-lg-6-12 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-tile-7-12 { width: 58.33333%; padding-bottom: 100%; } .aux-tile-7-12 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-tile-sg-7-12 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-tile-lg-7-12 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-tile-8-12 { width: 66.66667%; padding-bottom: 100%; } .aux-tile-8-12 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-tile-sg-8-12 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-tile-lg-8-12 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-tile-9-12 { width: 75%; padding-bottom: 100%; } .aux-tile-9-12 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-tile-sg-9-12 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-tile-lg-9-12 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-tile-10-12 { width: 83.33333%; padding-bottom: 100%; } .aux-tile-10-12 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-tile-sg-10-12 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-tile-lg-10-12 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-tile-11-12 { width: 91.66667%; padding-bottom: 100%; } .aux-tile-11-12 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-tile-sg-11-12 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-tile-lg-11-12 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-tile-12-12 { width: 100%; padding-bottom: 100%; } .aux-tile-12-12 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-tile-sg-12-12 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-tile-lg-12-12 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } @media screen and (max-width: 1024px) and (min-width: 768px) { .aux-t-tile-1-1 { width: 8.33333%; padding-bottom: 8.33333%; } .aux-t-tile-1-1 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-tile-sg-1-1 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-t-tile-lg-1-1 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-t-tile-2-1 { width: 16.66667%; padding-bottom: 8.33333%; } .aux-t-tile-2-1 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-tile-sg-2-1 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-t-tile-lg-2-1 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-t-tile-3-1 { width: 25%; padding-bottom: 8.33333%; } .aux-t-tile-3-1 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-tile-sg-3-1 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-t-tile-lg-3-1 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-t-tile-4-1 { width: 33.33333%; padding-bottom: 8.33333%; } .aux-t-tile-4-1 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-tile-sg-4-1 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-t-tile-lg-4-1 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-t-tile-5-1 { width: 41.66667%; padding-bottom: 8.33333%; } .aux-t-tile-5-1 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-tile-sg-5-1 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-t-tile-lg-5-1 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-t-tile-6-1 { width: 50%; padding-bottom: 8.33333%; } .aux-t-tile-6-1 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-t-tile-sg-6-1 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-t-tile-lg-6-1 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-t-tile-7-1 { width: 58.33333%; padding-bottom: 8.33333%; } .aux-t-tile-7-1 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-t-tile-sg-7-1 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-t-tile-lg-7-1 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-t-tile-8-1 { width: 66.66667%; padding-bottom: 8.33333%; } .aux-t-tile-8-1 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-t-tile-sg-8-1 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-t-tile-lg-8-1 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-t-tile-9-1 { width: 75%; padding-bottom: 8.33333%; } .aux-t-tile-9-1 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-t-tile-sg-9-1 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-t-tile-lg-9-1 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-t-tile-10-1 { width: 83.33333%; padding-bottom: 8.33333%; } .aux-t-tile-10-1 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-t-tile-sg-10-1 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-t-tile-lg-10-1 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-t-tile-11-1 { width: 91.66667%; padding-bottom: 8.33333%; } .aux-t-tile-11-1 .aux-keep-aspect { height: 0; padding-bottom: 16.66667%; } .aux-t-tile-sg-11-1 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-t-tile-lg-11-1 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-t-tile-12-1 { width: 100%; padding-bottom: 8.33333%; } .aux-t-tile-12-1 .aux-keep-aspect { height: 0; padding-bottom: 8.33333%; } .aux-t-tile-sg-12-1 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-t-tile-lg-12-1 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-t-tile-1-2 { width: 8.33333%; padding-bottom: 16.66667%; } .aux-t-tile-1-2 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-tile-sg-1-2 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-t-tile-lg-1-2 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-t-tile-2-2 { width: 16.66667%; padding-bottom: 16.66667%; } .aux-t-tile-2-2 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-tile-sg-2-2 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-t-tile-lg-2-2 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-t-tile-3-2 { width: 25%; padding-bottom: 16.66667%; } .aux-t-tile-3-2 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-tile-sg-3-2 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-t-tile-lg-3-2 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-t-tile-4-2 { width: 33.33333%; padding-bottom: 16.66667%; } .aux-t-tile-4-2 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-tile-sg-4-2 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-t-tile-lg-4-2 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-t-tile-5-2 { width: 41.66667%; padding-bottom: 16.66667%; } .aux-t-tile-5-2 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-tile-sg-5-2 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-t-tile-lg-5-2 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-t-tile-6-2 { width: 50%; padding-bottom: 16.66667%; } .aux-t-tile-6-2 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-tile-sg-6-2 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-t-tile-lg-6-2 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-t-tile-7-2 { width: 58.33333%; padding-bottom: 16.66667%; } .aux-t-tile-7-2 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-t-tile-sg-7-2 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-t-tile-lg-7-2 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-t-tile-8-2 { width: 66.66667%; padding-bottom: 16.66667%; } .aux-t-tile-8-2 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-t-tile-sg-8-2 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-t-tile-lg-8-2 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-t-tile-9-2 { width: 75%; padding-bottom: 16.66667%; } .aux-t-tile-9-2 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-t-tile-sg-9-2 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-t-tile-lg-9-2 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-t-tile-10-2 { width: 83.33333%; padding-bottom: 16.66667%; } .aux-t-tile-10-2 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-t-tile-sg-10-2 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-t-tile-lg-10-2 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-t-tile-11-2 { width: 91.66667%; padding-bottom: 16.66667%; } .aux-t-tile-11-2 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-t-tile-sg-11-2 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-t-tile-lg-11-2 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-t-tile-12-2 { width: 100%; padding-bottom: 16.66667%; } .aux-t-tile-12-2 .aux-keep-aspect { height: 0; padding-bottom: 16.66667%; } .aux-t-tile-sg-12-2 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-t-tile-lg-12-2 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-t-tile-1-3 { width: 8.33333%; padding-bottom: 25%; } .aux-t-tile-1-3 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-tile-sg-1-3 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-t-tile-lg-1-3 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-t-tile-2-3 { width: 16.66667%; padding-bottom: 25%; } .aux-t-tile-2-3 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-tile-sg-2-3 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-t-tile-lg-2-3 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-t-tile-3-3 { width: 25%; padding-bottom: 25%; } .aux-t-tile-3-3 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-tile-sg-3-3 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-t-tile-lg-3-3 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-t-tile-4-3 { width: 33.33333%; padding-bottom: 25%; } .aux-t-tile-4-3 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-tile-sg-4-3 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-t-tile-lg-4-3 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-t-tile-5-3 { width: 41.66667%; padding-bottom: 25%; } .aux-t-tile-5-3 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-tile-sg-5-3 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-t-tile-lg-5-3 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-t-tile-6-3 { width: 50%; padding-bottom: 25%; } .aux-t-tile-6-3 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-tile-sg-6-3 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-t-tile-lg-6-3 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-t-tile-7-3 { width: 58.33333%; padding-bottom: 25%; } .aux-t-tile-7-3 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-tile-sg-7-3 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-t-tile-lg-7-3 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-t-tile-8-3 { width: 66.66667%; padding-bottom: 25%; } .aux-t-tile-8-3 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-t-tile-sg-8-3 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-t-tile-lg-8-3 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-t-tile-9-3 { width: 75%; padding-bottom: 25%; } .aux-t-tile-9-3 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-t-tile-sg-9-3 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-t-tile-lg-9-3 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-t-tile-10-3 { width: 83.33333%; padding-bottom: 25%; } .aux-t-tile-10-3 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-t-tile-sg-10-3 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-t-tile-lg-10-3 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-t-tile-11-3 { width: 91.66667%; padding-bottom: 25%; } .aux-t-tile-11-3 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-t-tile-sg-11-3 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-t-tile-lg-11-3 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-t-tile-12-3 { width: 100%; padding-bottom: 25%; } .aux-t-tile-12-3 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-t-tile-sg-12-3 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-t-tile-lg-12-3 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-t-tile-1-4 { width: 8.33333%; padding-bottom: 33.33333%; } .aux-t-tile-1-4 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-tile-sg-1-4 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-t-tile-lg-1-4 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-t-tile-2-4 { width: 16.66667%; padding-bottom: 33.33333%; } .aux-t-tile-2-4 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-tile-sg-2-4 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-t-tile-lg-2-4 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-t-tile-3-4 { width: 25%; padding-bottom: 33.33333%; } .aux-t-tile-3-4 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-tile-sg-3-4 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-t-tile-lg-3-4 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-t-tile-4-4 { width: 33.33333%; padding-bottom: 33.33333%; } .aux-t-tile-4-4 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-tile-sg-4-4 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-t-tile-lg-4-4 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-t-tile-5-4 { width: 41.66667%; padding-bottom: 33.33333%; } .aux-t-tile-5-4 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-tile-sg-5-4 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-t-tile-lg-5-4 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-t-tile-6-4 { width: 50%; padding-bottom: 33.33333%; } .aux-t-tile-6-4 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-tile-sg-6-4 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-t-tile-lg-6-4 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-t-tile-7-4 { width: 58.33333%; padding-bottom: 33.33333%; } .aux-t-tile-7-4 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-tile-sg-7-4 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-t-tile-lg-7-4 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-t-tile-8-4 { width: 66.66667%; padding-bottom: 33.33333%; } .aux-t-tile-8-4 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-tile-sg-8-4 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-t-tile-lg-8-4 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-t-tile-9-4 { width: 75%; padding-bottom: 33.33333%; } .aux-t-tile-9-4 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-t-tile-sg-9-4 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-t-tile-lg-9-4 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-t-tile-10-4 { width: 83.33333%; padding-bottom: 33.33333%; } .aux-t-tile-10-4 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-t-tile-sg-10-4 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-t-tile-lg-10-4 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-t-tile-11-4 { width: 91.66667%; padding-bottom: 33.33333%; } .aux-t-tile-11-4 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-t-tile-sg-11-4 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-t-tile-lg-11-4 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-t-tile-12-4 { width: 100%; padding-bottom: 33.33333%; } .aux-t-tile-12-4 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-t-tile-sg-12-4 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-t-tile-lg-12-4 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-t-tile-1-5 { width: 8.33333%; padding-bottom: 41.66667%; } .aux-t-tile-1-5 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-tile-sg-1-5 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-t-tile-lg-1-5 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-t-tile-2-5 { width: 16.66667%; padding-bottom: 41.66667%; } .aux-t-tile-2-5 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-tile-sg-2-5 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-t-tile-lg-2-5 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-t-tile-3-5 { width: 25%; padding-bottom: 41.66667%; } .aux-t-tile-3-5 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-tile-sg-3-5 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-t-tile-lg-3-5 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-t-tile-4-5 { width: 33.33333%; padding-bottom: 41.66667%; } .aux-t-tile-4-5 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-tile-sg-4-5 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-t-tile-lg-4-5 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-t-tile-5-5 { width: 41.66667%; padding-bottom: 41.66667%; } .aux-t-tile-5-5 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-tile-sg-5-5 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-t-tile-lg-5-5 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-t-tile-6-5 { width: 50%; padding-bottom: 41.66667%; } .aux-t-tile-6-5 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-tile-sg-6-5 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-t-tile-lg-6-5 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-t-tile-7-5 { width: 58.33333%; padding-bottom: 41.66667%; } .aux-t-tile-7-5 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-tile-sg-7-5 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-t-tile-lg-7-5 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-t-tile-8-5 { width: 66.66667%; padding-bottom: 41.66667%; } .aux-t-tile-8-5 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-tile-sg-8-5 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-t-tile-lg-8-5 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-t-tile-9-5 { width: 75%; padding-bottom: 41.66667%; } .aux-t-tile-9-5 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-tile-sg-9-5 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-t-tile-lg-9-5 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-t-tile-10-5 { width: 83.33333%; padding-bottom: 41.66667%; } .aux-t-tile-10-5 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-t-tile-sg-10-5 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-t-tile-lg-10-5 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-t-tile-11-5 { width: 91.66667%; padding-bottom: 41.66667%; } .aux-t-tile-11-5 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-t-tile-sg-11-5 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-t-tile-lg-11-5 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-t-tile-12-5 { width: 100%; padding-bottom: 41.66667%; } .aux-t-tile-12-5 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-t-tile-sg-12-5 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-t-tile-lg-12-5 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-t-tile-1-6 { width: 8.33333%; padding-bottom: 50%; } .aux-t-tile-1-6 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-t-tile-sg-1-6 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-t-tile-lg-1-6 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-t-tile-2-6 { width: 16.66667%; padding-bottom: 50%; } .aux-t-tile-2-6 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-tile-sg-2-6 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-t-tile-lg-2-6 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-t-tile-3-6 { width: 25%; padding-bottom: 50%; } .aux-t-tile-3-6 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-tile-sg-3-6 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-t-tile-lg-3-6 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-t-tile-4-6 { width: 33.33333%; padding-bottom: 50%; } .aux-t-tile-4-6 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-tile-sg-4-6 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-t-tile-lg-4-6 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-t-tile-5-6 { width: 41.66667%; padding-bottom: 50%; } .aux-t-tile-5-6 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-tile-sg-5-6 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-t-tile-lg-5-6 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-t-tile-6-6 { width: 50%; padding-bottom: 50%; } .aux-t-tile-6-6 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-tile-sg-6-6 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-t-tile-lg-6-6 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-t-tile-7-6 { width: 58.33333%; padding-bottom: 50%; } .aux-t-tile-7-6 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-tile-sg-7-6 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-t-tile-lg-7-6 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-t-tile-8-6 { width: 66.66667%; padding-bottom: 50%; } .aux-t-tile-8-6 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-tile-sg-8-6 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-t-tile-lg-8-6 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-t-tile-9-6 { width: 75%; padding-bottom: 50%; } .aux-t-tile-9-6 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-tile-sg-9-6 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-t-tile-lg-9-6 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-t-tile-10-6 { width: 83.33333%; padding-bottom: 50%; } .aux-t-tile-10-6 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-tile-sg-10-6 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-t-tile-lg-10-6 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-t-tile-11-6 { width: 91.66667%; padding-bottom: 50%; } .aux-t-tile-11-6 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-t-tile-sg-11-6 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-t-tile-lg-11-6 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-t-tile-12-6 { width: 100%; padding-bottom: 50%; } .aux-t-tile-12-6 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-t-tile-sg-12-6 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-t-tile-lg-12-6 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-t-tile-1-7 { width: 8.33333%; padding-bottom: 58.33333%; } .aux-t-tile-1-7 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-t-tile-sg-1-7 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-t-tile-lg-1-7 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-t-tile-2-7 { width: 16.66667%; padding-bottom: 58.33333%; } .aux-t-tile-2-7 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-t-tile-sg-2-7 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-t-tile-lg-2-7 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-t-tile-3-7 { width: 25%; padding-bottom: 58.33333%; } .aux-t-tile-3-7 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-tile-sg-3-7 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-t-tile-lg-3-7 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-t-tile-4-7 { width: 33.33333%; padding-bottom: 58.33333%; } .aux-t-tile-4-7 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-tile-sg-4-7 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-t-tile-lg-4-7 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-t-tile-5-7 { width: 41.66667%; padding-bottom: 58.33333%; } .aux-t-tile-5-7 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-tile-sg-5-7 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-t-tile-lg-5-7 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-t-tile-6-7 { width: 50%; padding-bottom: 58.33333%; } .aux-t-tile-6-7 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-tile-sg-6-7 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-t-tile-lg-6-7 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-t-tile-7-7 { width: 58.33333%; padding-bottom: 58.33333%; } .aux-t-tile-7-7 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-tile-sg-7-7 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-t-tile-lg-7-7 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-t-tile-8-7 { width: 66.66667%; padding-bottom: 58.33333%; } .aux-t-tile-8-7 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-tile-sg-8-7 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-t-tile-lg-8-7 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-t-tile-9-7 { width: 75%; padding-bottom: 58.33333%; } .aux-t-tile-9-7 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-tile-sg-9-7 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-t-tile-lg-9-7 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-t-tile-10-7 { width: 83.33333%; padding-bottom: 58.33333%; } .aux-t-tile-10-7 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-tile-sg-10-7 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-t-tile-lg-10-7 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-t-tile-11-7 { width: 91.66667%; padding-bottom: 58.33333%; } .aux-t-tile-11-7 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-tile-sg-11-7 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-t-tile-lg-11-7 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-t-tile-12-7 { width: 100%; padding-bottom: 58.33333%; } .aux-t-tile-12-7 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-t-tile-sg-12-7 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-t-tile-lg-12-7 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-t-tile-1-8 { width: 8.33333%; padding-bottom: 66.66667%; } .aux-t-tile-1-8 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-t-tile-sg-1-8 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-t-tile-lg-1-8 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-t-tile-2-8 { width: 16.66667%; padding-bottom: 66.66667%; } .aux-t-tile-2-8 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-t-tile-sg-2-8 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-t-tile-lg-2-8 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-t-tile-3-8 { width: 25%; padding-bottom: 66.66667%; } .aux-t-tile-3-8 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-t-tile-sg-3-8 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-t-tile-lg-3-8 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-t-tile-4-8 { width: 33.33333%; padding-bottom: 66.66667%; } .aux-t-tile-4-8 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-tile-sg-4-8 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-t-tile-lg-4-8 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-t-tile-5-8 { width: 41.66667%; padding-bottom: 66.66667%; } .aux-t-tile-5-8 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-tile-sg-5-8 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-t-tile-lg-5-8 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-t-tile-6-8 { width: 50%; padding-bottom: 66.66667%; } .aux-t-tile-6-8 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-tile-sg-6-8 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-t-tile-lg-6-8 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-t-tile-7-8 { width: 58.33333%; padding-bottom: 66.66667%; } .aux-t-tile-7-8 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-tile-sg-7-8 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-t-tile-lg-7-8 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-t-tile-8-8 { width: 66.66667%; padding-bottom: 66.66667%; } .aux-t-tile-8-8 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-tile-sg-8-8 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-t-tile-lg-8-8 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-t-tile-9-8 { width: 75%; padding-bottom: 66.66667%; } .aux-t-tile-9-8 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-tile-sg-9-8 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-t-tile-lg-9-8 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-t-tile-10-8 { width: 83.33333%; padding-bottom: 66.66667%; } .aux-t-tile-10-8 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-tile-sg-10-8 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-t-tile-lg-10-8 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-t-tile-11-8 { width: 91.66667%; padding-bottom: 66.66667%; } .aux-t-tile-11-8 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-tile-sg-11-8 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-t-tile-lg-11-8 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-t-tile-12-8 { width: 100%; padding-bottom: 66.66667%; } .aux-t-tile-12-8 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-tile-sg-12-8 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-t-tile-lg-12-8 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-t-tile-1-9 { width: 8.33333%; padding-bottom: 75%; } .aux-t-tile-1-9 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-t-tile-sg-1-9 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-t-tile-lg-1-9 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-t-tile-2-9 { width: 16.66667%; padding-bottom: 75%; } .aux-t-tile-2-9 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-t-tile-sg-2-9 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-t-tile-lg-2-9 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-t-tile-3-9 { width: 25%; padding-bottom: 75%; } .aux-t-tile-3-9 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-t-tile-sg-3-9 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-t-tile-lg-3-9 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-t-tile-4-9 { width: 33.33333%; padding-bottom: 75%; } .aux-t-tile-4-9 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-t-tile-sg-4-9 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-t-tile-lg-4-9 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-t-tile-5-9 { width: 41.66667%; padding-bottom: 75%; } .aux-t-tile-5-9 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-tile-sg-5-9 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-t-tile-lg-5-9 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-t-tile-6-9 { width: 50%; padding-bottom: 75%; } .aux-t-tile-6-9 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-tile-sg-6-9 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-t-tile-lg-6-9 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-t-tile-7-9 { width: 58.33333%; padding-bottom: 75%; } .aux-t-tile-7-9 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-tile-sg-7-9 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-t-tile-lg-7-9 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-t-tile-8-9 { width: 66.66667%; padding-bottom: 75%; } .aux-t-tile-8-9 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-tile-sg-8-9 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-t-tile-lg-8-9 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-t-tile-9-9 { width: 75%; padding-bottom: 75%; } .aux-t-tile-9-9 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-tile-sg-9-9 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-t-tile-lg-9-9 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-t-tile-10-9 { width: 83.33333%; padding-bottom: 75%; } .aux-t-tile-10-9 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-tile-sg-10-9 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-t-tile-lg-10-9 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-t-tile-11-9 { width: 91.66667%; padding-bottom: 75%; } .aux-t-tile-11-9 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-tile-sg-11-9 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-t-tile-lg-11-9 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-t-tile-12-9 { width: 100%; padding-bottom: 75%; } .aux-t-tile-12-9 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-tile-sg-12-9 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-t-tile-lg-12-9 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-t-tile-1-10 { width: 8.33333%; padding-bottom: 83.33333%; } .aux-t-tile-1-10 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-t-tile-sg-1-10 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-t-tile-lg-1-10 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-t-tile-2-10 { width: 16.66667%; padding-bottom: 83.33333%; } .aux-t-tile-2-10 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-t-tile-sg-2-10 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-t-tile-lg-2-10 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-t-tile-3-10 { width: 25%; padding-bottom: 83.33333%; } .aux-t-tile-3-10 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-t-tile-sg-3-10 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-t-tile-lg-3-10 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-t-tile-4-10 { width: 33.33333%; padding-bottom: 83.33333%; } .aux-t-tile-4-10 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-t-tile-sg-4-10 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-t-tile-lg-4-10 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-t-tile-5-10 { width: 41.66667%; padding-bottom: 83.33333%; } .aux-t-tile-5-10 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-t-tile-sg-5-10 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-t-tile-lg-5-10 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-t-tile-6-10 { width: 50%; padding-bottom: 83.33333%; } .aux-t-tile-6-10 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-tile-sg-6-10 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-t-tile-lg-6-10 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-t-tile-7-10 { width: 58.33333%; padding-bottom: 83.33333%; } .aux-t-tile-7-10 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-tile-sg-7-10 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-t-tile-lg-7-10 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-t-tile-8-10 { width: 66.66667%; padding-bottom: 83.33333%; } .aux-t-tile-8-10 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-tile-sg-8-10 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-t-tile-lg-8-10 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-t-tile-9-10 { width: 75%; padding-bottom: 83.33333%; } .aux-t-tile-9-10 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-tile-sg-9-10 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-t-tile-lg-9-10 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-t-tile-10-10 { width: 83.33333%; padding-bottom: 83.33333%; } .aux-t-tile-10-10 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-tile-sg-10-10 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-t-tile-lg-10-10 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-t-tile-11-10 { width: 91.66667%; padding-bottom: 83.33333%; } .aux-t-tile-11-10 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-tile-sg-11-10 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-t-tile-lg-11-10 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-t-tile-12-10 { width: 100%; padding-bottom: 83.33333%; } .aux-t-tile-12-10 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-tile-sg-12-10 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-t-tile-lg-12-10 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-t-tile-1-11 { width: 8.33333%; padding-bottom: 91.66667%; } .aux-t-tile-1-11 .aux-keep-aspect { height: 0; padding-bottom: 183.33333%; } .aux-t-tile-sg-1-11 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-t-tile-lg-1-11 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-t-tile-2-11 { width: 16.66667%; padding-bottom: 91.66667%; } .aux-t-tile-2-11 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-t-tile-sg-2-11 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-t-tile-lg-2-11 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-t-tile-3-11 { width: 25%; padding-bottom: 91.66667%; } .aux-t-tile-3-11 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-t-tile-sg-3-11 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-t-tile-lg-3-11 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-t-tile-4-11 { width: 33.33333%; padding-bottom: 91.66667%; } .aux-t-tile-4-11 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-t-tile-sg-4-11 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-t-tile-lg-4-11 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-t-tile-5-11 { width: 41.66667%; padding-bottom: 91.66667%; } .aux-t-tile-5-11 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-t-tile-sg-5-11 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-t-tile-lg-5-11 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-t-tile-6-11 { width: 50%; padding-bottom: 91.66667%; } .aux-t-tile-6-11 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-t-tile-sg-6-11 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-t-tile-lg-6-11 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-t-tile-7-11 { width: 58.33333%; padding-bottom: 91.66667%; } .aux-t-tile-7-11 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-tile-sg-7-11 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-t-tile-lg-7-11 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-t-tile-8-11 { width: 66.66667%; padding-bottom: 91.66667%; } .aux-t-tile-8-11 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-tile-sg-8-11 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-t-tile-lg-8-11 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-t-tile-9-11 { width: 75%; padding-bottom: 91.66667%; } .aux-t-tile-9-11 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-tile-sg-9-11 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-t-tile-lg-9-11 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-t-tile-10-11 { width: 83.33333%; padding-bottom: 91.66667%; } .aux-t-tile-10-11 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-tile-sg-10-11 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-t-tile-lg-10-11 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-t-tile-11-11 { width: 91.66667%; padding-bottom: 91.66667%; } .aux-t-tile-11-11 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-tile-sg-11-11 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-t-tile-lg-11-11 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-t-tile-12-11 { width: 100%; padding-bottom: 91.66667%; } .aux-t-tile-12-11 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-tile-sg-12-11 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-t-tile-lg-12-11 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-t-tile-1-12 { width: 8.33333%; padding-bottom: 100%; } .aux-t-tile-1-12 .aux-keep-aspect { height: 0; padding-bottom: 191.66667%; } .aux-t-tile-sg-1-12 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-t-tile-lg-1-12 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-t-tile-2-12 { width: 16.66667%; padding-bottom: 100%; } .aux-t-tile-2-12 .aux-keep-aspect { height: 0; padding-bottom: 183.33333%; } .aux-t-tile-sg-2-12 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-t-tile-lg-2-12 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-t-tile-3-12 { width: 25%; padding-bottom: 100%; } .aux-t-tile-3-12 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-t-tile-sg-3-12 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-t-tile-lg-3-12 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-t-tile-4-12 { width: 33.33333%; padding-bottom: 100%; } .aux-t-tile-4-12 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-t-tile-sg-4-12 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-t-tile-lg-4-12 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-t-tile-5-12 { width: 41.66667%; padding-bottom: 100%; } .aux-t-tile-5-12 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-t-tile-sg-5-12 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-t-tile-lg-5-12 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-t-tile-6-12 { width: 50%; padding-bottom: 100%; } .aux-t-tile-6-12 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-t-tile-sg-6-12 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-t-tile-lg-6-12 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-t-tile-7-12 { width: 58.33333%; padding-bottom: 100%; } .aux-t-tile-7-12 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-t-tile-sg-7-12 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-t-tile-lg-7-12 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-t-tile-8-12 { width: 66.66667%; padding-bottom: 100%; } .aux-t-tile-8-12 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-tile-sg-8-12 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-t-tile-lg-8-12 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-t-tile-9-12 { width: 75%; padding-bottom: 100%; } .aux-t-tile-9-12 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-tile-sg-9-12 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-t-tile-lg-9-12 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-t-tile-10-12 { width: 83.33333%; padding-bottom: 100%; } .aux-t-tile-10-12 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-tile-sg-10-12 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-t-tile-lg-10-12 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-t-tile-11-12 { width: 91.66667%; padding-bottom: 100%; } .aux-t-tile-11-12 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-tile-sg-11-12 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-t-tile-lg-11-12 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-t-tile-12-12 { width: 100%; padding-bottom: 100%; } .aux-t-tile-12-12 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-tile-sg-12-12 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-t-tile-lg-12-12 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } } @media screen and (max-width: 767px) { .aux-m-tile-1-1 { width: 8.33333%; padding-bottom: 8.33333%; } .aux-m-tile-1-1 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-tile-sg-1-1 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-m-tile-lg-1-1 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-m-tile-2-1 { width: 16.66667%; padding-bottom: 8.33333%; } .aux-m-tile-2-1 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-tile-sg-2-1 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-m-tile-lg-2-1 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-m-tile-3-1 { width: 25%; padding-bottom: 8.33333%; } .aux-m-tile-3-1 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-tile-sg-3-1 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-m-tile-lg-3-1 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-m-tile-4-1 { width: 33.33333%; padding-bottom: 8.33333%; } .aux-m-tile-4-1 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-tile-sg-4-1 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-m-tile-lg-4-1 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-m-tile-5-1 { width: 41.66667%; padding-bottom: 8.33333%; } .aux-m-tile-5-1 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-tile-sg-5-1 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-m-tile-lg-5-1 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-m-tile-6-1 { width: 50%; padding-bottom: 8.33333%; } .aux-m-tile-6-1 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-m-tile-sg-6-1 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-m-tile-lg-6-1 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-m-tile-7-1 { width: 58.33333%; padding-bottom: 8.33333%; } .aux-m-tile-7-1 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-m-tile-sg-7-1 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-m-tile-lg-7-1 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-m-tile-8-1 { width: 66.66667%; padding-bottom: 8.33333%; } .aux-m-tile-8-1 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-m-tile-sg-8-1 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-m-tile-lg-8-1 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-m-tile-9-1 { width: 75%; padding-bottom: 8.33333%; } .aux-m-tile-9-1 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-m-tile-sg-9-1 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-m-tile-lg-9-1 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-m-tile-10-1 { width: 83.33333%; padding-bottom: 8.33333%; } .aux-m-tile-10-1 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-m-tile-sg-10-1 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-m-tile-lg-10-1 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-m-tile-11-1 { width: 91.66667%; padding-bottom: 8.33333%; } .aux-m-tile-11-1 .aux-keep-aspect { height: 0; padding-bottom: 16.66667%; } .aux-m-tile-sg-11-1 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-m-tile-lg-11-1 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-m-tile-12-1 { width: 100%; padding-bottom: 8.33333%; } .aux-m-tile-12-1 .aux-keep-aspect { height: 0; padding-bottom: 8.33333%; } .aux-m-tile-sg-12-1 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 8.33333%; margin: 0 1px; } .aux-m-tile-lg-12-1 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 8.33333%; margin: 0 15px; } .aux-m-tile-1-2 { width: 8.33333%; padding-bottom: 16.66667%; } .aux-m-tile-1-2 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-tile-sg-1-2 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-m-tile-lg-1-2 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-m-tile-2-2 { width: 16.66667%; padding-bottom: 16.66667%; } .aux-m-tile-2-2 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-tile-sg-2-2 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-m-tile-lg-2-2 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-m-tile-3-2 { width: 25%; padding-bottom: 16.66667%; } .aux-m-tile-3-2 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-tile-sg-3-2 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-m-tile-lg-3-2 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-m-tile-4-2 { width: 33.33333%; padding-bottom: 16.66667%; } .aux-m-tile-4-2 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-tile-sg-4-2 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-m-tile-lg-4-2 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-m-tile-5-2 { width: 41.66667%; padding-bottom: 16.66667%; } .aux-m-tile-5-2 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-tile-sg-5-2 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-m-tile-lg-5-2 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-m-tile-6-2 { width: 50%; padding-bottom: 16.66667%; } .aux-m-tile-6-2 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-tile-sg-6-2 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-m-tile-lg-6-2 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-m-tile-7-2 { width: 58.33333%; padding-bottom: 16.66667%; } .aux-m-tile-7-2 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-m-tile-sg-7-2 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-m-tile-lg-7-2 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-m-tile-8-2 { width: 66.66667%; padding-bottom: 16.66667%; } .aux-m-tile-8-2 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-m-tile-sg-8-2 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-m-tile-lg-8-2 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-m-tile-9-2 { width: 75%; padding-bottom: 16.66667%; } .aux-m-tile-9-2 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-m-tile-sg-9-2 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-m-tile-lg-9-2 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-m-tile-10-2 { width: 83.33333%; padding-bottom: 16.66667%; } .aux-m-tile-10-2 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-m-tile-sg-10-2 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-m-tile-lg-10-2 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-m-tile-11-2 { width: 91.66667%; padding-bottom: 16.66667%; } .aux-m-tile-11-2 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-m-tile-sg-11-2 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-m-tile-lg-11-2 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-m-tile-12-2 { width: 100%; padding-bottom: 16.66667%; } .aux-m-tile-12-2 .aux-keep-aspect { height: 0; padding-bottom: 16.66667%; } .aux-m-tile-sg-12-2 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 16.66667%; margin: 0 1px; } .aux-m-tile-lg-12-2 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 16.66667%; margin: 0 15px; } .aux-m-tile-1-3 { width: 8.33333%; padding-bottom: 25%; } .aux-m-tile-1-3 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-tile-sg-1-3 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-m-tile-lg-1-3 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-m-tile-2-3 { width: 16.66667%; padding-bottom: 25%; } .aux-m-tile-2-3 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-tile-sg-2-3 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-m-tile-lg-2-3 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-m-tile-3-3 { width: 25%; padding-bottom: 25%; } .aux-m-tile-3-3 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-tile-sg-3-3 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-m-tile-lg-3-3 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-m-tile-4-3 { width: 33.33333%; padding-bottom: 25%; } .aux-m-tile-4-3 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-tile-sg-4-3 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-m-tile-lg-4-3 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-m-tile-5-3 { width: 41.66667%; padding-bottom: 25%; } .aux-m-tile-5-3 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-tile-sg-5-3 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-m-tile-lg-5-3 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-m-tile-6-3 { width: 50%; padding-bottom: 25%; } .aux-m-tile-6-3 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-tile-sg-6-3 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-m-tile-lg-6-3 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-m-tile-7-3 { width: 58.33333%; padding-bottom: 25%; } .aux-m-tile-7-3 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-tile-sg-7-3 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-m-tile-lg-7-3 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-m-tile-8-3 { width: 66.66667%; padding-bottom: 25%; } .aux-m-tile-8-3 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-m-tile-sg-8-3 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-m-tile-lg-8-3 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-m-tile-9-3 { width: 75%; padding-bottom: 25%; } .aux-m-tile-9-3 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-m-tile-sg-9-3 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-m-tile-lg-9-3 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-m-tile-10-3 { width: 83.33333%; padding-bottom: 25%; } .aux-m-tile-10-3 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-m-tile-sg-10-3 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-m-tile-lg-10-3 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-m-tile-11-3 { width: 91.66667%; padding-bottom: 25%; } .aux-m-tile-11-3 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-m-tile-sg-11-3 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-m-tile-lg-11-3 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-m-tile-12-3 { width: 100%; padding-bottom: 25%; } .aux-m-tile-12-3 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-m-tile-sg-12-3 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 25%; margin: 0 1px; } .aux-m-tile-lg-12-3 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 25%; margin: 0 15px; } .aux-m-tile-1-4 { width: 8.33333%; padding-bottom: 33.33333%; } .aux-m-tile-1-4 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-tile-sg-1-4 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-m-tile-lg-1-4 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-m-tile-2-4 { width: 16.66667%; padding-bottom: 33.33333%; } .aux-m-tile-2-4 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-tile-sg-2-4 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-m-tile-lg-2-4 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-m-tile-3-4 { width: 25%; padding-bottom: 33.33333%; } .aux-m-tile-3-4 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-tile-sg-3-4 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-m-tile-lg-3-4 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-m-tile-4-4 { width: 33.33333%; padding-bottom: 33.33333%; } .aux-m-tile-4-4 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-tile-sg-4-4 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-m-tile-lg-4-4 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-m-tile-5-4 { width: 41.66667%; padding-bottom: 33.33333%; } .aux-m-tile-5-4 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-tile-sg-5-4 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-m-tile-lg-5-4 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-m-tile-6-4 { width: 50%; padding-bottom: 33.33333%; } .aux-m-tile-6-4 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-tile-sg-6-4 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-m-tile-lg-6-4 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-m-tile-7-4 { width: 58.33333%; padding-bottom: 33.33333%; } .aux-m-tile-7-4 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-tile-sg-7-4 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-m-tile-lg-7-4 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-m-tile-8-4 { width: 66.66667%; padding-bottom: 33.33333%; } .aux-m-tile-8-4 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-tile-sg-8-4 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-m-tile-lg-8-4 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-m-tile-9-4 { width: 75%; padding-bottom: 33.33333%; } .aux-m-tile-9-4 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-m-tile-sg-9-4 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-m-tile-lg-9-4 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-m-tile-10-4 { width: 83.33333%; padding-bottom: 33.33333%; } .aux-m-tile-10-4 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-m-tile-sg-10-4 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-m-tile-lg-10-4 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-m-tile-11-4 { width: 91.66667%; padding-bottom: 33.33333%; } .aux-m-tile-11-4 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-m-tile-sg-11-4 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-m-tile-lg-11-4 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-m-tile-12-4 { width: 100%; padding-bottom: 33.33333%; } .aux-m-tile-12-4 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-m-tile-sg-12-4 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 33.33333%; margin: 0 1px; } .aux-m-tile-lg-12-4 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 33.33333%; margin: 0 15px; } .aux-m-tile-1-5 { width: 8.33333%; padding-bottom: 41.66667%; } .aux-m-tile-1-5 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-tile-sg-1-5 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-m-tile-lg-1-5 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-m-tile-2-5 { width: 16.66667%; padding-bottom: 41.66667%; } .aux-m-tile-2-5 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-tile-sg-2-5 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-m-tile-lg-2-5 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-m-tile-3-5 { width: 25%; padding-bottom: 41.66667%; } .aux-m-tile-3-5 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-tile-sg-3-5 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-m-tile-lg-3-5 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-m-tile-4-5 { width: 33.33333%; padding-bottom: 41.66667%; } .aux-m-tile-4-5 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-tile-sg-4-5 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-m-tile-lg-4-5 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-m-tile-5-5 { width: 41.66667%; padding-bottom: 41.66667%; } .aux-m-tile-5-5 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-tile-sg-5-5 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-m-tile-lg-5-5 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-m-tile-6-5 { width: 50%; padding-bottom: 41.66667%; } .aux-m-tile-6-5 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-tile-sg-6-5 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-m-tile-lg-6-5 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-m-tile-7-5 { width: 58.33333%; padding-bottom: 41.66667%; } .aux-m-tile-7-5 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-tile-sg-7-5 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-m-tile-lg-7-5 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-m-tile-8-5 { width: 66.66667%; padding-bottom: 41.66667%; } .aux-m-tile-8-5 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-tile-sg-8-5 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-m-tile-lg-8-5 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-m-tile-9-5 { width: 75%; padding-bottom: 41.66667%; } .aux-m-tile-9-5 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-tile-sg-9-5 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-m-tile-lg-9-5 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-m-tile-10-5 { width: 83.33333%; padding-bottom: 41.66667%; } .aux-m-tile-10-5 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-m-tile-sg-10-5 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-m-tile-lg-10-5 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-m-tile-11-5 { width: 91.66667%; padding-bottom: 41.66667%; } .aux-m-tile-11-5 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-m-tile-sg-11-5 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-m-tile-lg-11-5 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-m-tile-12-5 { width: 100%; padding-bottom: 41.66667%; } .aux-m-tile-12-5 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-m-tile-sg-12-5 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 41.66667%; margin: 0 1px; } .aux-m-tile-lg-12-5 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 41.66667%; margin: 0 15px; } .aux-m-tile-1-6 { width: 8.33333%; padding-bottom: 50%; } .aux-m-tile-1-6 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-m-tile-sg-1-6 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-m-tile-lg-1-6 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-m-tile-2-6 { width: 16.66667%; padding-bottom: 50%; } .aux-m-tile-2-6 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-tile-sg-2-6 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-m-tile-lg-2-6 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-m-tile-3-6 { width: 25%; padding-bottom: 50%; } .aux-m-tile-3-6 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-tile-sg-3-6 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-m-tile-lg-3-6 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-m-tile-4-6 { width: 33.33333%; padding-bottom: 50%; } .aux-m-tile-4-6 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-tile-sg-4-6 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-m-tile-lg-4-6 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-m-tile-5-6 { width: 41.66667%; padding-bottom: 50%; } .aux-m-tile-5-6 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-tile-sg-5-6 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-m-tile-lg-5-6 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-m-tile-6-6 { width: 50%; padding-bottom: 50%; } .aux-m-tile-6-6 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-tile-sg-6-6 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-m-tile-lg-6-6 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-m-tile-7-6 { width: 58.33333%; padding-bottom: 50%; } .aux-m-tile-7-6 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-tile-sg-7-6 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-m-tile-lg-7-6 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-m-tile-8-6 { width: 66.66667%; padding-bottom: 50%; } .aux-m-tile-8-6 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-tile-sg-8-6 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-m-tile-lg-8-6 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-m-tile-9-6 { width: 75%; padding-bottom: 50%; } .aux-m-tile-9-6 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-tile-sg-9-6 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-m-tile-lg-9-6 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-m-tile-10-6 { width: 83.33333%; padding-bottom: 50%; } .aux-m-tile-10-6 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-tile-sg-10-6 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-m-tile-lg-10-6 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-m-tile-11-6 { width: 91.66667%; padding-bottom: 50%; } .aux-m-tile-11-6 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-m-tile-sg-11-6 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-m-tile-lg-11-6 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-m-tile-12-6 { width: 100%; padding-bottom: 50%; } .aux-m-tile-12-6 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-m-tile-sg-12-6 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 50%; margin: 0 1px; } .aux-m-tile-lg-12-6 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 50%; margin: 0 15px; } .aux-m-tile-1-7 { width: 8.33333%; padding-bottom: 58.33333%; } .aux-m-tile-1-7 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-m-tile-sg-1-7 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-m-tile-lg-1-7 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-m-tile-2-7 { width: 16.66667%; padding-bottom: 58.33333%; } .aux-m-tile-2-7 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-m-tile-sg-2-7 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-m-tile-lg-2-7 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-m-tile-3-7 { width: 25%; padding-bottom: 58.33333%; } .aux-m-tile-3-7 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-tile-sg-3-7 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-m-tile-lg-3-7 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-m-tile-4-7 { width: 33.33333%; padding-bottom: 58.33333%; } .aux-m-tile-4-7 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-tile-sg-4-7 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-m-tile-lg-4-7 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-m-tile-5-7 { width: 41.66667%; padding-bottom: 58.33333%; } .aux-m-tile-5-7 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-tile-sg-5-7 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-m-tile-lg-5-7 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-m-tile-6-7 { width: 50%; padding-bottom: 58.33333%; } .aux-m-tile-6-7 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-tile-sg-6-7 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-m-tile-lg-6-7 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-m-tile-7-7 { width: 58.33333%; padding-bottom: 58.33333%; } .aux-m-tile-7-7 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-tile-sg-7-7 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-m-tile-lg-7-7 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-m-tile-8-7 { width: 66.66667%; padding-bottom: 58.33333%; } .aux-m-tile-8-7 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-tile-sg-8-7 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-m-tile-lg-8-7 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-m-tile-9-7 { width: 75%; padding-bottom: 58.33333%; } .aux-m-tile-9-7 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-tile-sg-9-7 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-m-tile-lg-9-7 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-m-tile-10-7 { width: 83.33333%; padding-bottom: 58.33333%; } .aux-m-tile-10-7 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-tile-sg-10-7 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-m-tile-lg-10-7 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-m-tile-11-7 { width: 91.66667%; padding-bottom: 58.33333%; } .aux-m-tile-11-7 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-tile-sg-11-7 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-m-tile-lg-11-7 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-m-tile-12-7 { width: 100%; padding-bottom: 58.33333%; } .aux-m-tile-12-7 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-m-tile-sg-12-7 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 58.33333%; margin: 0 1px; } .aux-m-tile-lg-12-7 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 58.33333%; margin: 0 15px; } .aux-m-tile-1-8 { width: 8.33333%; padding-bottom: 66.66667%; } .aux-m-tile-1-8 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-m-tile-sg-1-8 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-m-tile-lg-1-8 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-m-tile-2-8 { width: 16.66667%; padding-bottom: 66.66667%; } .aux-m-tile-2-8 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-m-tile-sg-2-8 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-m-tile-lg-2-8 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-m-tile-3-8 { width: 25%; padding-bottom: 66.66667%; } .aux-m-tile-3-8 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-m-tile-sg-3-8 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-m-tile-lg-3-8 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-m-tile-4-8 { width: 33.33333%; padding-bottom: 66.66667%; } .aux-m-tile-4-8 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-tile-sg-4-8 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-m-tile-lg-4-8 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-m-tile-5-8 { width: 41.66667%; padding-bottom: 66.66667%; } .aux-m-tile-5-8 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-tile-sg-5-8 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-m-tile-lg-5-8 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-m-tile-6-8 { width: 50%; padding-bottom: 66.66667%; } .aux-m-tile-6-8 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-tile-sg-6-8 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-m-tile-lg-6-8 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-m-tile-7-8 { width: 58.33333%; padding-bottom: 66.66667%; } .aux-m-tile-7-8 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-tile-sg-7-8 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-m-tile-lg-7-8 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-m-tile-8-8 { width: 66.66667%; padding-bottom: 66.66667%; } .aux-m-tile-8-8 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-tile-sg-8-8 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-m-tile-lg-8-8 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-m-tile-9-8 { width: 75%; padding-bottom: 66.66667%; } .aux-m-tile-9-8 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-tile-sg-9-8 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-m-tile-lg-9-8 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-m-tile-10-8 { width: 83.33333%; padding-bottom: 66.66667%; } .aux-m-tile-10-8 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-tile-sg-10-8 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-m-tile-lg-10-8 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-m-tile-11-8 { width: 91.66667%; padding-bottom: 66.66667%; } .aux-m-tile-11-8 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-tile-sg-11-8 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-m-tile-lg-11-8 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-m-tile-12-8 { width: 100%; padding-bottom: 66.66667%; } .aux-m-tile-12-8 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-tile-sg-12-8 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 66.66667%; margin: 0 1px; } .aux-m-tile-lg-12-8 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 66.66667%; margin: 0 15px; } .aux-m-tile-1-9 { width: 8.33333%; padding-bottom: 75%; } .aux-m-tile-1-9 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-m-tile-sg-1-9 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-m-tile-lg-1-9 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-m-tile-2-9 { width: 16.66667%; padding-bottom: 75%; } .aux-m-tile-2-9 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-m-tile-sg-2-9 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-m-tile-lg-2-9 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-m-tile-3-9 { width: 25%; padding-bottom: 75%; } .aux-m-tile-3-9 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-m-tile-sg-3-9 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-m-tile-lg-3-9 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-m-tile-4-9 { width: 33.33333%; padding-bottom: 75%; } .aux-m-tile-4-9 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-m-tile-sg-4-9 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-m-tile-lg-4-9 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-m-tile-5-9 { width: 41.66667%; padding-bottom: 75%; } .aux-m-tile-5-9 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-tile-sg-5-9 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-m-tile-lg-5-9 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-m-tile-6-9 { width: 50%; padding-bottom: 75%; } .aux-m-tile-6-9 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-tile-sg-6-9 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-m-tile-lg-6-9 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-m-tile-7-9 { width: 58.33333%; padding-bottom: 75%; } .aux-m-tile-7-9 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-tile-sg-7-9 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-m-tile-lg-7-9 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-m-tile-8-9 { width: 66.66667%; padding-bottom: 75%; } .aux-m-tile-8-9 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-tile-sg-8-9 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-m-tile-lg-8-9 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-m-tile-9-9 { width: 75%; padding-bottom: 75%; } .aux-m-tile-9-9 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-tile-sg-9-9 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-m-tile-lg-9-9 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-m-tile-10-9 { width: 83.33333%; padding-bottom: 75%; } .aux-m-tile-10-9 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-tile-sg-10-9 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-m-tile-lg-10-9 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-m-tile-11-9 { width: 91.66667%; padding-bottom: 75%; } .aux-m-tile-11-9 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-tile-sg-11-9 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-m-tile-lg-11-9 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-m-tile-12-9 { width: 100%; padding-bottom: 75%; } .aux-m-tile-12-9 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-tile-sg-12-9 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 75%; margin: 0 1px; } .aux-m-tile-lg-12-9 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 75%; margin: 0 15px; } .aux-m-tile-1-10 { width: 8.33333%; padding-bottom: 83.33333%; } .aux-m-tile-1-10 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-m-tile-sg-1-10 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-m-tile-lg-1-10 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-m-tile-2-10 { width: 16.66667%; padding-bottom: 83.33333%; } .aux-m-tile-2-10 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-m-tile-sg-2-10 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-m-tile-lg-2-10 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-m-tile-3-10 { width: 25%; padding-bottom: 83.33333%; } .aux-m-tile-3-10 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-m-tile-sg-3-10 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-m-tile-lg-3-10 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-m-tile-4-10 { width: 33.33333%; padding-bottom: 83.33333%; } .aux-m-tile-4-10 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-m-tile-sg-4-10 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-m-tile-lg-4-10 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-m-tile-5-10 { width: 41.66667%; padding-bottom: 83.33333%; } .aux-m-tile-5-10 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-m-tile-sg-5-10 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-m-tile-lg-5-10 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-m-tile-6-10 { width: 50%; padding-bottom: 83.33333%; } .aux-m-tile-6-10 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-tile-sg-6-10 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-m-tile-lg-6-10 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-m-tile-7-10 { width: 58.33333%; padding-bottom: 83.33333%; } .aux-m-tile-7-10 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-tile-sg-7-10 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-m-tile-lg-7-10 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-m-tile-8-10 { width: 66.66667%; padding-bottom: 83.33333%; } .aux-m-tile-8-10 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-tile-sg-8-10 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-m-tile-lg-8-10 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-m-tile-9-10 { width: 75%; padding-bottom: 83.33333%; } .aux-m-tile-9-10 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-tile-sg-9-10 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-m-tile-lg-9-10 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-m-tile-10-10 { width: 83.33333%; padding-bottom: 83.33333%; } .aux-m-tile-10-10 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-tile-sg-10-10 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-m-tile-lg-10-10 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-m-tile-11-10 { width: 91.66667%; padding-bottom: 83.33333%; } .aux-m-tile-11-10 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-tile-sg-11-10 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-m-tile-lg-11-10 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-m-tile-12-10 { width: 100%; padding-bottom: 83.33333%; } .aux-m-tile-12-10 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-tile-sg-12-10 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 83.33333%; margin: 0 1px; } .aux-m-tile-lg-12-10 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 83.33333%; margin: 0 15px; } .aux-m-tile-1-11 { width: 8.33333%; padding-bottom: 91.66667%; } .aux-m-tile-1-11 .aux-keep-aspect { height: 0; padding-bottom: 183.33333%; } .aux-m-tile-sg-1-11 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-m-tile-lg-1-11 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-m-tile-2-11 { width: 16.66667%; padding-bottom: 91.66667%; } .aux-m-tile-2-11 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-m-tile-sg-2-11 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-m-tile-lg-2-11 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-m-tile-3-11 { width: 25%; padding-bottom: 91.66667%; } .aux-m-tile-3-11 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-m-tile-sg-3-11 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-m-tile-lg-3-11 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-m-tile-4-11 { width: 33.33333%; padding-bottom: 91.66667%; } .aux-m-tile-4-11 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-m-tile-sg-4-11 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-m-tile-lg-4-11 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-m-tile-5-11 { width: 41.66667%; padding-bottom: 91.66667%; } .aux-m-tile-5-11 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-m-tile-sg-5-11 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-m-tile-lg-5-11 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-m-tile-6-11 { width: 50%; padding-bottom: 91.66667%; } .aux-m-tile-6-11 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-m-tile-sg-6-11 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-m-tile-lg-6-11 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-m-tile-7-11 { width: 58.33333%; padding-bottom: 91.66667%; } .aux-m-tile-7-11 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-tile-sg-7-11 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-m-tile-lg-7-11 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-m-tile-8-11 { width: 66.66667%; padding-bottom: 91.66667%; } .aux-m-tile-8-11 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-tile-sg-8-11 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-m-tile-lg-8-11 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-m-tile-9-11 { width: 75%; padding-bottom: 91.66667%; } .aux-m-tile-9-11 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-tile-sg-9-11 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-m-tile-lg-9-11 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-m-tile-10-11 { width: 83.33333%; padding-bottom: 91.66667%; } .aux-m-tile-10-11 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-tile-sg-10-11 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-m-tile-lg-10-11 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-m-tile-11-11 { width: 91.66667%; padding-bottom: 91.66667%; } .aux-m-tile-11-11 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-tile-sg-11-11 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-m-tile-lg-11-11 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-m-tile-12-11 { width: 100%; padding-bottom: 91.66667%; } .aux-m-tile-12-11 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-tile-sg-12-11 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 91.66667%; margin: 0 1px; } .aux-m-tile-lg-12-11 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 91.66667%; margin: 0 15px; } .aux-m-tile-1-12 { width: 8.33333%; padding-bottom: 100%; } .aux-m-tile-1-12 .aux-keep-aspect { height: 0; padding-bottom: 191.66667%; } .aux-m-tile-sg-1-12 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-m-tile-lg-1-12 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-m-tile-2-12 { width: 16.66667%; padding-bottom: 100%; } .aux-m-tile-2-12 .aux-keep-aspect { height: 0; padding-bottom: 183.33333%; } .aux-m-tile-sg-2-12 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-m-tile-lg-2-12 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-m-tile-3-12 { width: 25%; padding-bottom: 100%; } .aux-m-tile-3-12 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-m-tile-sg-3-12 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-m-tile-lg-3-12 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-m-tile-4-12 { width: 33.33333%; padding-bottom: 100%; } .aux-m-tile-4-12 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-m-tile-sg-4-12 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-m-tile-lg-4-12 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-m-tile-5-12 { width: 41.66667%; padding-bottom: 100%; } .aux-m-tile-5-12 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-m-tile-sg-5-12 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-m-tile-lg-5-12 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-m-tile-6-12 { width: 50%; padding-bottom: 100%; } .aux-m-tile-6-12 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-m-tile-sg-6-12 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-m-tile-lg-6-12 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-m-tile-7-12 { width: 58.33333%; padding-bottom: 100%; } .aux-m-tile-7-12 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-m-tile-sg-7-12 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-m-tile-lg-7-12 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-m-tile-8-12 { width: 66.66667%; padding-bottom: 100%; } .aux-m-tile-8-12 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-tile-sg-8-12 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-m-tile-lg-8-12 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-m-tile-9-12 { width: 75%; padding-bottom: 100%; } .aux-m-tile-9-12 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-tile-sg-9-12 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-m-tile-lg-9-12 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-m-tile-10-12 { width: 83.33333%; padding-bottom: 100%; } .aux-m-tile-10-12 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-tile-sg-10-12 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-m-tile-lg-10-12 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-m-tile-11-12 { width: 91.66667%; padding-bottom: 100%; } .aux-m-tile-11-12 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-tile-sg-11-12 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-m-tile-lg-11-12 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } .aux-m-tile-12-12 { width: 100%; padding-bottom: 100%; } .aux-m-tile-12-12 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-tile-sg-12-12 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: 100%; margin: 0 1px; } .aux-m-tile-lg-12-12 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: 100%; margin: 0 15px; } } /** Generate Big Grid layout classes with 12 columns */ .aux-big-grid-1-1 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-big-grid-1-1 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-big-grid-sg-1-1 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-1-1 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-2-1 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-big-grid-2-1 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-big-grid-sg-2-1 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-2-1 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-3-1 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-big-grid-3-1 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-big-grid-sg-3-1 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-3-1 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-4-1 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-big-grid-4-1 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-big-grid-sg-4-1 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-4-1 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-5-1 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-big-grid-5-1 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-big-grid-sg-5-1 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-5-1 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-6-1 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-big-grid-6-1 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-big-grid-sg-6-1 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-6-1 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-7-1 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-big-grid-7-1 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-big-grid-sg-7-1 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-7-1 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-8-1 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-big-grid-8-1 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-big-grid-sg-8-1 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-8-1 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-9-1 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-big-grid-9-1 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-big-grid-sg-9-1 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-9-1 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-10-1 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-big-grid-10-1 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-big-grid-sg-10-1 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-10-1 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-11-1 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-big-grid-11-1 .aux-keep-aspect { height: 0; padding-bottom: 16.66667%; } .aux-big-grid-sg-11-1 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-11-1 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-12-1 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-big-grid-12-1 .aux-keep-aspect { height: 0; padding-bottom: 8.33333%; } .aux-big-grid-sg-12-1 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-12-1 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-1-2 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-big-grid-1-2 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-big-grid-sg-1-2 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-1-2 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-2-2 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-big-grid-2-2 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-big-grid-sg-2-2 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-2-2 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-3-2 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-big-grid-3-2 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-big-grid-sg-3-2 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-3-2 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-4-2 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-big-grid-4-2 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-big-grid-sg-4-2 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-4-2 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-5-2 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-big-grid-5-2 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-big-grid-sg-5-2 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-5-2 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-6-2 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-big-grid-6-2 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-big-grid-sg-6-2 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-6-2 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-7-2 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-big-grid-7-2 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-big-grid-sg-7-2 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-7-2 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-8-2 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-big-grid-8-2 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-big-grid-sg-8-2 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-8-2 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-9-2 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-big-grid-9-2 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-big-grid-sg-9-2 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-9-2 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-10-2 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-big-grid-10-2 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-big-grid-sg-10-2 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-10-2 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-11-2 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-big-grid-11-2 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-big-grid-sg-11-2 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-11-2 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-12-2 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-big-grid-12-2 .aux-keep-aspect { height: 0; padding-bottom: 16.66667%; } .aux-big-grid-sg-12-2 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-12-2 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-1-3 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-big-grid-1-3 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-big-grid-sg-1-3 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-1-3 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-2-3 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-big-grid-2-3 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-big-grid-sg-2-3 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-2-3 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-3-3 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-big-grid-3-3 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-big-grid-sg-3-3 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-3-3 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-4-3 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-big-grid-4-3 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-big-grid-sg-4-3 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-4-3 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-5-3 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-big-grid-5-3 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-big-grid-sg-5-3 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-5-3 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-6-3 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-big-grid-6-3 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-big-grid-sg-6-3 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-6-3 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-7-3 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-big-grid-7-3 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-big-grid-sg-7-3 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-7-3 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-8-3 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-big-grid-8-3 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-big-grid-sg-8-3 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-8-3 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-9-3 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-big-grid-9-3 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-big-grid-sg-9-3 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-9-3 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-10-3 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-big-grid-10-3 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-big-grid-sg-10-3 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-10-3 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-11-3 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-big-grid-11-3 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-big-grid-sg-11-3 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-11-3 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-12-3 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-big-grid-12-3 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-big-grid-sg-12-3 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-12-3 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-1-4 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-big-grid-1-4 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-big-grid-sg-1-4 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-1-4 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-2-4 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-big-grid-2-4 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-big-grid-sg-2-4 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-2-4 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-3-4 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-big-grid-3-4 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-big-grid-sg-3-4 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-3-4 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-4-4 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-big-grid-4-4 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-big-grid-sg-4-4 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-4-4 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-5-4 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-big-grid-5-4 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-big-grid-sg-5-4 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-5-4 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-6-4 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-big-grid-6-4 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-big-grid-sg-6-4 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-6-4 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-7-4 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-big-grid-7-4 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-big-grid-sg-7-4 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-7-4 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-8-4 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-big-grid-8-4 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-big-grid-sg-8-4 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-8-4 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-9-4 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-big-grid-9-4 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-big-grid-sg-9-4 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-9-4 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-10-4 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-big-grid-10-4 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-big-grid-sg-10-4 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-10-4 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-11-4 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-big-grid-11-4 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-big-grid-sg-11-4 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-11-4 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-12-4 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-big-grid-12-4 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-big-grid-sg-12-4 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-12-4 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-1-5 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-big-grid-1-5 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-big-grid-sg-1-5 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-1-5 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-2-5 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-big-grid-2-5 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-big-grid-sg-2-5 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-2-5 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-3-5 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-big-grid-3-5 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-big-grid-sg-3-5 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-3-5 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-4-5 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-big-grid-4-5 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-big-grid-sg-4-5 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-4-5 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-5-5 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-big-grid-5-5 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-big-grid-sg-5-5 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-5-5 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-6-5 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-big-grid-6-5 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-big-grid-sg-6-5 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-6-5 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-7-5 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-big-grid-7-5 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-big-grid-sg-7-5 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-7-5 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-8-5 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-big-grid-8-5 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-big-grid-sg-8-5 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-8-5 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-9-5 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-big-grid-9-5 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-big-grid-sg-9-5 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-9-5 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-10-5 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-big-grid-10-5 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-big-grid-sg-10-5 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-10-5 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-11-5 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-big-grid-11-5 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-big-grid-sg-11-5 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-11-5 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-12-5 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-big-grid-12-5 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-big-grid-sg-12-5 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-12-5 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-1-6 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-big-grid-1-6 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-big-grid-sg-1-6 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-1-6 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-2-6 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-big-grid-2-6 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-big-grid-sg-2-6 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-2-6 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-3-6 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-big-grid-3-6 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-big-grid-sg-3-6 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-3-6 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-4-6 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-big-grid-4-6 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-big-grid-sg-4-6 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-4-6 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-5-6 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-big-grid-5-6 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-big-grid-sg-5-6 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-5-6 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-6-6 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-big-grid-6-6 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-big-grid-sg-6-6 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-6-6 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-7-6 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-big-grid-7-6 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-big-grid-sg-7-6 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-7-6 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-8-6 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-big-grid-8-6 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-big-grid-sg-8-6 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-8-6 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-9-6 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-big-grid-9-6 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-big-grid-sg-9-6 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-9-6 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-10-6 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-big-grid-10-6 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-big-grid-sg-10-6 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-10-6 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-11-6 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-big-grid-11-6 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-big-grid-sg-11-6 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-11-6 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-12-6 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-big-grid-12-6 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-big-grid-sg-12-6 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-12-6 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-1-7 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-big-grid-1-7 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-big-grid-sg-1-7 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-1-7 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-2-7 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-big-grid-2-7 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-big-grid-sg-2-7 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-2-7 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-3-7 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-big-grid-3-7 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-big-grid-sg-3-7 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-3-7 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-4-7 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-big-grid-4-7 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-big-grid-sg-4-7 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-4-7 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-5-7 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-big-grid-5-7 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-big-grid-sg-5-7 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-5-7 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-6-7 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-big-grid-6-7 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-big-grid-sg-6-7 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-6-7 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-7-7 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-big-grid-7-7 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-big-grid-sg-7-7 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-7-7 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-8-7 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-big-grid-8-7 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-big-grid-sg-8-7 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-8-7 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-9-7 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-big-grid-9-7 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-big-grid-sg-9-7 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-9-7 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-10-7 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-big-grid-10-7 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-big-grid-sg-10-7 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-10-7 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-11-7 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-big-grid-11-7 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-big-grid-sg-11-7 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-11-7 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-12-7 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-big-grid-12-7 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-big-grid-sg-12-7 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-12-7 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-1-8 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-big-grid-1-8 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-big-grid-sg-1-8 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-1-8 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-2-8 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-big-grid-2-8 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-big-grid-sg-2-8 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-2-8 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-3-8 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-big-grid-3-8 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-big-grid-sg-3-8 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-3-8 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-4-8 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-big-grid-4-8 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-big-grid-sg-4-8 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-4-8 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-5-8 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-big-grid-5-8 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-big-grid-sg-5-8 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-5-8 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-6-8 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-big-grid-6-8 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-big-grid-sg-6-8 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-6-8 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-7-8 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-big-grid-7-8 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-big-grid-sg-7-8 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-7-8 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-8-8 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-big-grid-8-8 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-big-grid-sg-8-8 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-8-8 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-9-8 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-big-grid-9-8 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-big-grid-sg-9-8 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-9-8 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-10-8 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-big-grid-10-8 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-big-grid-sg-10-8 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-10-8 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-11-8 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-big-grid-11-8 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-big-grid-sg-11-8 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-11-8 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-12-8 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-big-grid-12-8 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-big-grid-sg-12-8 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-12-8 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-1-9 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-big-grid-1-9 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-big-grid-sg-1-9 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-1-9 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-2-9 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-big-grid-2-9 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-big-grid-sg-2-9 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-2-9 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-3-9 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-big-grid-3-9 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-big-grid-sg-3-9 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-3-9 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-4-9 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-big-grid-4-9 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-big-grid-sg-4-9 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-4-9 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-5-9 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-big-grid-5-9 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-big-grid-sg-5-9 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-5-9 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-6-9 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-big-grid-6-9 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-big-grid-sg-6-9 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-6-9 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-7-9 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-big-grid-7-9 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-big-grid-sg-7-9 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-7-9 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-8-9 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-big-grid-8-9 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-big-grid-sg-8-9 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-8-9 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-9-9 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-big-grid-9-9 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-big-grid-sg-9-9 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-9-9 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-10-9 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-big-grid-10-9 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-big-grid-sg-10-9 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-10-9 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-11-9 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-big-grid-11-9 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-big-grid-sg-11-9 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-11-9 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-12-9 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-big-grid-12-9 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-big-grid-sg-12-9 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-12-9 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-1-10 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-big-grid-1-10 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-big-grid-sg-1-10 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-1-10 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-2-10 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-big-grid-2-10 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-big-grid-sg-2-10 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-2-10 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-3-10 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-big-grid-3-10 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-big-grid-sg-3-10 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-3-10 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-4-10 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-big-grid-4-10 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-big-grid-sg-4-10 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-4-10 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-5-10 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-big-grid-5-10 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-big-grid-sg-5-10 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-5-10 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-6-10 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-big-grid-6-10 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-big-grid-sg-6-10 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-6-10 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-7-10 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-big-grid-7-10 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-big-grid-sg-7-10 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-7-10 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-8-10 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-big-grid-8-10 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-big-grid-sg-8-10 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-8-10 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-9-10 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-big-grid-9-10 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-big-grid-sg-9-10 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-9-10 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-10-10 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-big-grid-10-10 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-big-grid-sg-10-10 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-10-10 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-11-10 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-big-grid-11-10 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-big-grid-sg-11-10 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-11-10 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-12-10 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-big-grid-12-10 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-big-grid-sg-12-10 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-12-10 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-1-11 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-big-grid-1-11 .aux-keep-aspect { height: 0; padding-bottom: 183.33333%; } .aux-big-grid-sg-1-11 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-1-11 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-2-11 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-big-grid-2-11 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-big-grid-sg-2-11 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-2-11 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-3-11 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-big-grid-3-11 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-big-grid-sg-3-11 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-3-11 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-4-11 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-big-grid-4-11 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-big-grid-sg-4-11 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-4-11 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-5-11 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-big-grid-5-11 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-big-grid-sg-5-11 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-5-11 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-6-11 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-big-grid-6-11 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-big-grid-sg-6-11 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-6-11 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-7-11 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-big-grid-7-11 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-big-grid-sg-7-11 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-7-11 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-8-11 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-big-grid-8-11 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-big-grid-sg-8-11 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-8-11 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-9-11 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-big-grid-9-11 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-big-grid-sg-9-11 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-9-11 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-10-11 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-big-grid-10-11 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-big-grid-sg-10-11 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-10-11 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-11-11 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-big-grid-11-11 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-big-grid-sg-11-11 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-11-11 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-12-11 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-big-grid-12-11 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-big-grid-sg-12-11 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-12-11 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-1-12 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-big-grid-1-12 .aux-keep-aspect { height: 0; padding-bottom: 191.66667%; } .aux-big-grid-sg-1-12 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-1-12 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-2-12 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-big-grid-2-12 .aux-keep-aspect { height: 0; padding-bottom: 183.33333%; } .aux-big-grid-sg-2-12 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-2-12 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-3-12 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-big-grid-3-12 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-big-grid-sg-3-12 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-3-12 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-4-12 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-big-grid-4-12 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-big-grid-sg-4-12 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-4-12 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-5-12 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-big-grid-5-12 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-big-grid-sg-5-12 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-5-12 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-6-12 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-big-grid-6-12 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-big-grid-sg-6-12 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-6-12 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-7-12 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-big-grid-7-12 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-big-grid-sg-7-12 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-7-12 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-8-12 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-big-grid-8-12 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-big-grid-sg-8-12 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-8-12 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-9-12 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-big-grid-9-12 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-big-grid-sg-9-12 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-9-12 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-10-12 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-big-grid-10-12 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-big-grid-sg-10-12 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-10-12 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-11-12 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-big-grid-11-12 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-big-grid-sg-11-12 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-11-12 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-big-grid-12-12 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-big-grid-12-12 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-big-grid-sg-12-12 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-big-grid-lg-12-12 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } @media screen and (max-width: 1024px) and (min-width: 768px) { .aux-t-big-grid-1-1 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-t-big-grid-1-1 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-big-grid-sg-1-1 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-1-1 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-2-1 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-t-big-grid-2-1 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-big-grid-sg-2-1 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-2-1 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-3-1 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-t-big-grid-3-1 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-big-grid-sg-3-1 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-3-1 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-4-1 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-t-big-grid-4-1 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-big-grid-sg-4-1 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-4-1 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-5-1 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-t-big-grid-5-1 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-big-grid-sg-5-1 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-5-1 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-6-1 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-t-big-grid-6-1 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-t-big-grid-sg-6-1 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-6-1 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-7-1 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-t-big-grid-7-1 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-t-big-grid-sg-7-1 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-7-1 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-8-1 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-t-big-grid-8-1 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-t-big-grid-sg-8-1 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-8-1 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-9-1 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-t-big-grid-9-1 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-t-big-grid-sg-9-1 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-9-1 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-10-1 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-t-big-grid-10-1 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-t-big-grid-sg-10-1 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-10-1 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-11-1 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-t-big-grid-11-1 .aux-keep-aspect { height: 0; padding-bottom: 16.66667%; } .aux-t-big-grid-sg-11-1 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-11-1 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-12-1 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-t-big-grid-12-1 .aux-keep-aspect { height: 0; padding-bottom: 8.33333%; } .aux-t-big-grid-sg-12-1 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-12-1 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-1-2 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-t-big-grid-1-2 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-big-grid-sg-1-2 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-1-2 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-2-2 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-t-big-grid-2-2 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-big-grid-sg-2-2 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-2-2 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-3-2 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-t-big-grid-3-2 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-big-grid-sg-3-2 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-3-2 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-4-2 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-t-big-grid-4-2 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-big-grid-sg-4-2 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-4-2 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-5-2 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-t-big-grid-5-2 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-big-grid-sg-5-2 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-5-2 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-6-2 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-t-big-grid-6-2 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-big-grid-sg-6-2 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-6-2 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-7-2 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-t-big-grid-7-2 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-t-big-grid-sg-7-2 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-7-2 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-8-2 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-t-big-grid-8-2 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-t-big-grid-sg-8-2 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-8-2 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-9-2 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-t-big-grid-9-2 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-t-big-grid-sg-9-2 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-9-2 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-10-2 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-t-big-grid-10-2 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-t-big-grid-sg-10-2 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-10-2 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-11-2 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-t-big-grid-11-2 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-t-big-grid-sg-11-2 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-11-2 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-12-2 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-t-big-grid-12-2 .aux-keep-aspect { height: 0; padding-bottom: 16.66667%; } .aux-t-big-grid-sg-12-2 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-12-2 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-1-3 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-t-big-grid-1-3 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-big-grid-sg-1-3 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-1-3 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-2-3 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-t-big-grid-2-3 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-big-grid-sg-2-3 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-2-3 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-3-3 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-t-big-grid-3-3 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-big-grid-sg-3-3 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-3-3 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-4-3 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-t-big-grid-4-3 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-big-grid-sg-4-3 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-4-3 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-5-3 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-t-big-grid-5-3 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-big-grid-sg-5-3 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-5-3 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-6-3 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-t-big-grid-6-3 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-big-grid-sg-6-3 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-6-3 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-7-3 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-t-big-grid-7-3 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-big-grid-sg-7-3 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-7-3 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-8-3 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-t-big-grid-8-3 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-t-big-grid-sg-8-3 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-8-3 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-9-3 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-t-big-grid-9-3 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-t-big-grid-sg-9-3 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-9-3 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-10-3 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-t-big-grid-10-3 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-t-big-grid-sg-10-3 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-10-3 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-11-3 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-t-big-grid-11-3 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-t-big-grid-sg-11-3 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-11-3 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-12-3 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-t-big-grid-12-3 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-t-big-grid-sg-12-3 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-12-3 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-1-4 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-t-big-grid-1-4 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-big-grid-sg-1-4 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-1-4 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-2-4 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-t-big-grid-2-4 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-big-grid-sg-2-4 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-2-4 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-3-4 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-t-big-grid-3-4 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-big-grid-sg-3-4 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-3-4 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-4-4 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-t-big-grid-4-4 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-big-grid-sg-4-4 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-4-4 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-5-4 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-t-big-grid-5-4 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-big-grid-sg-5-4 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-5-4 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-6-4 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-t-big-grid-6-4 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-big-grid-sg-6-4 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-6-4 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-7-4 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-t-big-grid-7-4 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-big-grid-sg-7-4 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-7-4 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-8-4 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-t-big-grid-8-4 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-big-grid-sg-8-4 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-8-4 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-9-4 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-t-big-grid-9-4 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-t-big-grid-sg-9-4 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-9-4 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-10-4 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-t-big-grid-10-4 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-t-big-grid-sg-10-4 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-10-4 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-11-4 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-t-big-grid-11-4 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-t-big-grid-sg-11-4 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-11-4 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-12-4 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-t-big-grid-12-4 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-t-big-grid-sg-12-4 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-12-4 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-1-5 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-t-big-grid-1-5 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-big-grid-sg-1-5 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-1-5 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-2-5 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-t-big-grid-2-5 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-big-grid-sg-2-5 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-2-5 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-3-5 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-t-big-grid-3-5 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-big-grid-sg-3-5 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-3-5 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-4-5 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-t-big-grid-4-5 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-big-grid-sg-4-5 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-4-5 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-5-5 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-t-big-grid-5-5 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-big-grid-sg-5-5 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-5-5 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-6-5 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-t-big-grid-6-5 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-big-grid-sg-6-5 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-6-5 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-7-5 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-t-big-grid-7-5 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-big-grid-sg-7-5 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-7-5 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-8-5 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-t-big-grid-8-5 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-big-grid-sg-8-5 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-8-5 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-9-5 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-t-big-grid-9-5 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-big-grid-sg-9-5 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-9-5 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-10-5 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-t-big-grid-10-5 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-t-big-grid-sg-10-5 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-10-5 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-11-5 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-t-big-grid-11-5 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-t-big-grid-sg-11-5 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-11-5 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-12-5 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-t-big-grid-12-5 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-t-big-grid-sg-12-5 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-12-5 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-1-6 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-t-big-grid-1-6 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-t-big-grid-sg-1-6 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-1-6 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-2-6 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-t-big-grid-2-6 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-big-grid-sg-2-6 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-2-6 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-3-6 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-t-big-grid-3-6 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-big-grid-sg-3-6 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-3-6 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-4-6 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-t-big-grid-4-6 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-big-grid-sg-4-6 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-4-6 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-5-6 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-t-big-grid-5-6 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-big-grid-sg-5-6 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-5-6 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-6-6 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-t-big-grid-6-6 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-big-grid-sg-6-6 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-6-6 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-7-6 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-t-big-grid-7-6 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-big-grid-sg-7-6 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-7-6 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-8-6 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-t-big-grid-8-6 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-big-grid-sg-8-6 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-8-6 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-9-6 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-t-big-grid-9-6 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-big-grid-sg-9-6 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-9-6 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-10-6 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-t-big-grid-10-6 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-big-grid-sg-10-6 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-10-6 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-11-6 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-t-big-grid-11-6 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-t-big-grid-sg-11-6 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-11-6 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-12-6 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-t-big-grid-12-6 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-t-big-grid-sg-12-6 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-12-6 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-1-7 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-t-big-grid-1-7 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-t-big-grid-sg-1-7 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-1-7 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-2-7 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-t-big-grid-2-7 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-t-big-grid-sg-2-7 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-2-7 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-3-7 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-t-big-grid-3-7 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-big-grid-sg-3-7 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-3-7 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-4-7 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-t-big-grid-4-7 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-big-grid-sg-4-7 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-4-7 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-5-7 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-t-big-grid-5-7 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-big-grid-sg-5-7 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-5-7 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-6-7 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-t-big-grid-6-7 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-big-grid-sg-6-7 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-6-7 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-7-7 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-t-big-grid-7-7 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-big-grid-sg-7-7 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-7-7 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-8-7 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-t-big-grid-8-7 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-big-grid-sg-8-7 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-8-7 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-9-7 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-t-big-grid-9-7 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-big-grid-sg-9-7 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-9-7 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-10-7 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-t-big-grid-10-7 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-big-grid-sg-10-7 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-10-7 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-11-7 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-t-big-grid-11-7 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-big-grid-sg-11-7 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-11-7 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-12-7 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-t-big-grid-12-7 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-t-big-grid-sg-12-7 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-12-7 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-1-8 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-t-big-grid-1-8 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-t-big-grid-sg-1-8 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-1-8 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-2-8 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-t-big-grid-2-8 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-t-big-grid-sg-2-8 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-2-8 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-3-8 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-t-big-grid-3-8 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-t-big-grid-sg-3-8 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-3-8 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-4-8 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-t-big-grid-4-8 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-big-grid-sg-4-8 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-4-8 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-5-8 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-t-big-grid-5-8 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-big-grid-sg-5-8 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-5-8 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-6-8 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-t-big-grid-6-8 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-big-grid-sg-6-8 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-6-8 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-7-8 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-t-big-grid-7-8 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-big-grid-sg-7-8 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-7-8 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-8-8 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-t-big-grid-8-8 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-big-grid-sg-8-8 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-8-8 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-9-8 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-t-big-grid-9-8 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-big-grid-sg-9-8 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-9-8 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-10-8 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-t-big-grid-10-8 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-big-grid-sg-10-8 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-10-8 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-11-8 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-t-big-grid-11-8 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-big-grid-sg-11-8 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-11-8 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-12-8 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-t-big-grid-12-8 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-t-big-grid-sg-12-8 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-12-8 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-1-9 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-t-big-grid-1-9 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-t-big-grid-sg-1-9 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-1-9 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-2-9 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-t-big-grid-2-9 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-t-big-grid-sg-2-9 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-2-9 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-3-9 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-t-big-grid-3-9 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-t-big-grid-sg-3-9 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-3-9 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-4-9 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-t-big-grid-4-9 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-t-big-grid-sg-4-9 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-4-9 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-5-9 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-t-big-grid-5-9 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-big-grid-sg-5-9 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-5-9 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-6-9 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-t-big-grid-6-9 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-big-grid-sg-6-9 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-6-9 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-7-9 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-t-big-grid-7-9 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-big-grid-sg-7-9 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-7-9 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-8-9 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-t-big-grid-8-9 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-big-grid-sg-8-9 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-8-9 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-9-9 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-t-big-grid-9-9 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-big-grid-sg-9-9 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-9-9 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-10-9 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-t-big-grid-10-9 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-big-grid-sg-10-9 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-10-9 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-11-9 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-t-big-grid-11-9 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-big-grid-sg-11-9 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-11-9 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-12-9 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-t-big-grid-12-9 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-t-big-grid-sg-12-9 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-12-9 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-1-10 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-t-big-grid-1-10 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-t-big-grid-sg-1-10 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-1-10 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-2-10 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-t-big-grid-2-10 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-t-big-grid-sg-2-10 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-2-10 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-3-10 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-t-big-grid-3-10 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-t-big-grid-sg-3-10 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-3-10 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-4-10 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-t-big-grid-4-10 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-t-big-grid-sg-4-10 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-4-10 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-5-10 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-t-big-grid-5-10 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-t-big-grid-sg-5-10 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-5-10 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-6-10 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-t-big-grid-6-10 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-big-grid-sg-6-10 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-6-10 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-7-10 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-t-big-grid-7-10 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-big-grid-sg-7-10 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-7-10 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-8-10 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-t-big-grid-8-10 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-big-grid-sg-8-10 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-8-10 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-9-10 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-t-big-grid-9-10 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-big-grid-sg-9-10 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-9-10 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-10-10 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-t-big-grid-10-10 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-big-grid-sg-10-10 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-10-10 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-11-10 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-t-big-grid-11-10 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-big-grid-sg-11-10 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-11-10 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-12-10 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-t-big-grid-12-10 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-t-big-grid-sg-12-10 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-12-10 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-1-11 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-t-big-grid-1-11 .aux-keep-aspect { height: 0; padding-bottom: 183.33333%; } .aux-t-big-grid-sg-1-11 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-1-11 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-2-11 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-t-big-grid-2-11 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-t-big-grid-sg-2-11 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-2-11 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-3-11 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-t-big-grid-3-11 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-t-big-grid-sg-3-11 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-3-11 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-4-11 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-t-big-grid-4-11 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-t-big-grid-sg-4-11 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-4-11 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-5-11 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-t-big-grid-5-11 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-t-big-grid-sg-5-11 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-5-11 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-6-11 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-t-big-grid-6-11 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-t-big-grid-sg-6-11 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-6-11 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-7-11 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-t-big-grid-7-11 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-big-grid-sg-7-11 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-7-11 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-8-11 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-t-big-grid-8-11 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-big-grid-sg-8-11 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-8-11 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-9-11 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-t-big-grid-9-11 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-big-grid-sg-9-11 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-9-11 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-10-11 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-t-big-grid-10-11 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-big-grid-sg-10-11 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-10-11 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-11-11 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-t-big-grid-11-11 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-big-grid-sg-11-11 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-11-11 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-12-11 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-t-big-grid-12-11 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-t-big-grid-sg-12-11 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-12-11 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-1-12 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-t-big-grid-1-12 .aux-keep-aspect { height: 0; padding-bottom: 191.66667%; } .aux-t-big-grid-sg-1-12 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-1-12 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-2-12 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-t-big-grid-2-12 .aux-keep-aspect { height: 0; padding-bottom: 183.33333%; } .aux-t-big-grid-sg-2-12 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-2-12 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-3-12 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-t-big-grid-3-12 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-t-big-grid-sg-3-12 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-3-12 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-4-12 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-t-big-grid-4-12 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-t-big-grid-sg-4-12 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-4-12 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-5-12 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-t-big-grid-5-12 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-t-big-grid-sg-5-12 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-5-12 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-6-12 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-t-big-grid-6-12 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-t-big-grid-sg-6-12 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-6-12 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-7-12 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-t-big-grid-7-12 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-t-big-grid-sg-7-12 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-7-12 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-8-12 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-t-big-grid-8-12 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-t-big-grid-sg-8-12 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-8-12 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-9-12 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-t-big-grid-9-12 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-t-big-grid-sg-9-12 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-9-12 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-10-12 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-t-big-grid-10-12 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-t-big-grid-sg-10-12 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-10-12 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-11-12 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-t-big-grid-11-12 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-t-big-grid-sg-11-12 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-11-12 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-t-big-grid-12-12 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-t-big-grid-12-12 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-t-big-grid-sg-12-12 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-t-big-grid-lg-12-12 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } } @media screen and (max-width: 767px) { .aux-m-big-grid-1-1 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-m-big-grid-1-1 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-big-grid-sg-1-1 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-1-1 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-2-1 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-m-big-grid-2-1 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-big-grid-sg-2-1 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-2-1 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-3-1 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-m-big-grid-3-1 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-big-grid-sg-3-1 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-3-1 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-4-1 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-m-big-grid-4-1 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-big-grid-sg-4-1 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-4-1 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-5-1 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-m-big-grid-5-1 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-big-grid-sg-5-1 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-5-1 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-6-1 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-m-big-grid-6-1 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-m-big-grid-sg-6-1 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-6-1 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-7-1 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-m-big-grid-7-1 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-m-big-grid-sg-7-1 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-7-1 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-8-1 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-m-big-grid-8-1 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-m-big-grid-sg-8-1 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-8-1 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-9-1 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-m-big-grid-9-1 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-m-big-grid-sg-9-1 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-9-1 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-10-1 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-m-big-grid-10-1 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-m-big-grid-sg-10-1 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-10-1 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-11-1 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-m-big-grid-11-1 .aux-keep-aspect { height: 0; padding-bottom: 16.66667%; } .aux-m-big-grid-sg-11-1 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-11-1 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-12-1 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 1 * 73% / 12 ); } .aux-m-big-grid-12-1 .aux-keep-aspect { height: 0; padding-bottom: 8.33333%; } .aux-m-big-grid-sg-12-1 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-12-1 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 1 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-1-2 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-m-big-grid-1-2 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-big-grid-sg-1-2 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-1-2 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-2-2 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-m-big-grid-2-2 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-big-grid-sg-2-2 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-2-2 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-3-2 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-m-big-grid-3-2 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-big-grid-sg-3-2 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-3-2 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-4-2 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-m-big-grid-4-2 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-big-grid-sg-4-2 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-4-2 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-5-2 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-m-big-grid-5-2 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-big-grid-sg-5-2 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-5-2 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-6-2 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-m-big-grid-6-2 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-big-grid-sg-6-2 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-6-2 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-7-2 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-m-big-grid-7-2 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-m-big-grid-sg-7-2 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-7-2 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-8-2 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-m-big-grid-8-2 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-m-big-grid-sg-8-2 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-8-2 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-9-2 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-m-big-grid-9-2 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-m-big-grid-sg-9-2 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-9-2 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-10-2 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-m-big-grid-10-2 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-m-big-grid-sg-10-2 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-10-2 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-11-2 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-m-big-grid-11-2 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-m-big-grid-sg-11-2 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-11-2 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-12-2 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 2 * 73% / 12 ); } .aux-m-big-grid-12-2 .aux-keep-aspect { height: 0; padding-bottom: 16.66667%; } .aux-m-big-grid-sg-12-2 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-12-2 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 2 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-1-3 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-m-big-grid-1-3 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-big-grid-sg-1-3 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-1-3 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-2-3 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-m-big-grid-2-3 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-big-grid-sg-2-3 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-2-3 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-3-3 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-m-big-grid-3-3 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-big-grid-sg-3-3 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-3-3 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-4-3 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-m-big-grid-4-3 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-big-grid-sg-4-3 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-4-3 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-5-3 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-m-big-grid-5-3 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-big-grid-sg-5-3 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-5-3 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-6-3 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-m-big-grid-6-3 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-big-grid-sg-6-3 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-6-3 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-7-3 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-m-big-grid-7-3 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-big-grid-sg-7-3 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-7-3 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-8-3 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-m-big-grid-8-3 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-m-big-grid-sg-8-3 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-8-3 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-9-3 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-m-big-grid-9-3 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-m-big-grid-sg-9-3 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-9-3 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-10-3 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-m-big-grid-10-3 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-m-big-grid-sg-10-3 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-10-3 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-11-3 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-m-big-grid-11-3 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-m-big-grid-sg-11-3 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-11-3 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-12-3 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 3 * 73% / 12 ); } .aux-m-big-grid-12-3 .aux-keep-aspect { height: 0; padding-bottom: 25%; } .aux-m-big-grid-sg-12-3 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-12-3 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 3 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-1-4 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-m-big-grid-1-4 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-big-grid-sg-1-4 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-1-4 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-2-4 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-m-big-grid-2-4 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-big-grid-sg-2-4 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-2-4 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-3-4 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-m-big-grid-3-4 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-big-grid-sg-3-4 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-3-4 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-4-4 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-m-big-grid-4-4 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-big-grid-sg-4-4 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-4-4 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-5-4 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-m-big-grid-5-4 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-big-grid-sg-5-4 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-5-4 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-6-4 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-m-big-grid-6-4 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-big-grid-sg-6-4 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-6-4 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-7-4 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-m-big-grid-7-4 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-big-grid-sg-7-4 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-7-4 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-8-4 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-m-big-grid-8-4 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-big-grid-sg-8-4 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-8-4 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-9-4 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-m-big-grid-9-4 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-m-big-grid-sg-9-4 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-9-4 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-10-4 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-m-big-grid-10-4 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-m-big-grid-sg-10-4 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-10-4 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-11-4 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-m-big-grid-11-4 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-m-big-grid-sg-11-4 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-11-4 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-12-4 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 4 * 73% / 12 ); } .aux-m-big-grid-12-4 .aux-keep-aspect { height: 0; padding-bottom: 33.33333%; } .aux-m-big-grid-sg-12-4 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-12-4 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 4 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-1-5 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-m-big-grid-1-5 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-big-grid-sg-1-5 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-1-5 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-2-5 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-m-big-grid-2-5 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-big-grid-sg-2-5 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-2-5 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-3-5 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-m-big-grid-3-5 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-big-grid-sg-3-5 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-3-5 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-4-5 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-m-big-grid-4-5 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-big-grid-sg-4-5 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-4-5 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-5-5 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-m-big-grid-5-5 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-big-grid-sg-5-5 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-5-5 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-6-5 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-m-big-grid-6-5 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-big-grid-sg-6-5 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-6-5 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-7-5 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-m-big-grid-7-5 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-big-grid-sg-7-5 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-7-5 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-8-5 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-m-big-grid-8-5 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-big-grid-sg-8-5 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-8-5 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-9-5 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-m-big-grid-9-5 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-big-grid-sg-9-5 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-9-5 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-10-5 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-m-big-grid-10-5 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-m-big-grid-sg-10-5 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-10-5 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-11-5 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-m-big-grid-11-5 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-m-big-grid-sg-11-5 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-11-5 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-12-5 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 5 * 73% / 12 ); } .aux-m-big-grid-12-5 .aux-keep-aspect { height: 0; padding-bottom: 41.66667%; } .aux-m-big-grid-sg-12-5 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-12-5 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 5 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-1-6 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-m-big-grid-1-6 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-m-big-grid-sg-1-6 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-1-6 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-2-6 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-m-big-grid-2-6 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-big-grid-sg-2-6 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-2-6 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-3-6 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-m-big-grid-3-6 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-big-grid-sg-3-6 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-3-6 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-4-6 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-m-big-grid-4-6 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-big-grid-sg-4-6 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-4-6 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-5-6 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-m-big-grid-5-6 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-big-grid-sg-5-6 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-5-6 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-6-6 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-m-big-grid-6-6 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-big-grid-sg-6-6 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-6-6 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-7-6 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-m-big-grid-7-6 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-big-grid-sg-7-6 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-7-6 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-8-6 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-m-big-grid-8-6 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-big-grid-sg-8-6 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-8-6 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-9-6 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-m-big-grid-9-6 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-big-grid-sg-9-6 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-9-6 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-10-6 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-m-big-grid-10-6 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-big-grid-sg-10-6 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-10-6 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-11-6 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-m-big-grid-11-6 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-m-big-grid-sg-11-6 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-11-6 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-12-6 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 6 * 73% / 12 ); } .aux-m-big-grid-12-6 .aux-keep-aspect { height: 0; padding-bottom: 50%; } .aux-m-big-grid-sg-12-6 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-12-6 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 6 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-1-7 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-m-big-grid-1-7 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-m-big-grid-sg-1-7 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-1-7 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-2-7 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-m-big-grid-2-7 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-m-big-grid-sg-2-7 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-2-7 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-3-7 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-m-big-grid-3-7 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-big-grid-sg-3-7 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-3-7 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-4-7 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-m-big-grid-4-7 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-big-grid-sg-4-7 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-4-7 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-5-7 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-m-big-grid-5-7 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-big-grid-sg-5-7 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-5-7 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-6-7 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-m-big-grid-6-7 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-big-grid-sg-6-7 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-6-7 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-7-7 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-m-big-grid-7-7 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-big-grid-sg-7-7 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-7-7 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-8-7 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-m-big-grid-8-7 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-big-grid-sg-8-7 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-8-7 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-9-7 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-m-big-grid-9-7 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-big-grid-sg-9-7 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-9-7 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-10-7 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-m-big-grid-10-7 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-big-grid-sg-10-7 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-10-7 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-11-7 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-m-big-grid-11-7 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-big-grid-sg-11-7 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-11-7 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-12-7 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 7 * 73% / 12 ); } .aux-m-big-grid-12-7 .aux-keep-aspect { height: 0; padding-bottom: 58.33333%; } .aux-m-big-grid-sg-12-7 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-12-7 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 7 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-1-8 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-m-big-grid-1-8 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-m-big-grid-sg-1-8 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-1-8 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-2-8 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-m-big-grid-2-8 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-m-big-grid-sg-2-8 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-2-8 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-3-8 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-m-big-grid-3-8 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-m-big-grid-sg-3-8 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-3-8 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-4-8 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-m-big-grid-4-8 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-big-grid-sg-4-8 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-4-8 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-5-8 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-m-big-grid-5-8 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-big-grid-sg-5-8 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-5-8 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-6-8 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-m-big-grid-6-8 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-big-grid-sg-6-8 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-6-8 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-7-8 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-m-big-grid-7-8 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-big-grid-sg-7-8 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-7-8 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-8-8 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-m-big-grid-8-8 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-big-grid-sg-8-8 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-8-8 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-9-8 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-m-big-grid-9-8 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-big-grid-sg-9-8 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-9-8 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-10-8 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-m-big-grid-10-8 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-big-grid-sg-10-8 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-10-8 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-11-8 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-m-big-grid-11-8 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-big-grid-sg-11-8 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-11-8 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-12-8 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 8 * 73% / 12 ); } .aux-m-big-grid-12-8 .aux-keep-aspect { height: 0; padding-bottom: 66.66667%; } .aux-m-big-grid-sg-12-8 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-12-8 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 8 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-1-9 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-m-big-grid-1-9 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-m-big-grid-sg-1-9 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-1-9 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-2-9 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-m-big-grid-2-9 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-m-big-grid-sg-2-9 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-2-9 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-3-9 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-m-big-grid-3-9 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-m-big-grid-sg-3-9 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-3-9 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-4-9 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-m-big-grid-4-9 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-m-big-grid-sg-4-9 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-4-9 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-5-9 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-m-big-grid-5-9 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-big-grid-sg-5-9 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-5-9 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-6-9 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-m-big-grid-6-9 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-big-grid-sg-6-9 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-6-9 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-7-9 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-m-big-grid-7-9 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-big-grid-sg-7-9 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-7-9 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-8-9 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-m-big-grid-8-9 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-big-grid-sg-8-9 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-8-9 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-9-9 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-m-big-grid-9-9 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-big-grid-sg-9-9 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-9-9 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-10-9 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-m-big-grid-10-9 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-big-grid-sg-10-9 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-10-9 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-11-9 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-m-big-grid-11-9 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-big-grid-sg-11-9 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-11-9 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-12-9 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 9 * 73% / 12 ); } .aux-m-big-grid-12-9 .aux-keep-aspect { height: 0; padding-bottom: 75%; } .aux-m-big-grid-sg-12-9 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-12-9 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 9 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-1-10 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-m-big-grid-1-10 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-m-big-grid-sg-1-10 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-1-10 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-2-10 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-m-big-grid-2-10 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-m-big-grid-sg-2-10 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-2-10 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-3-10 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-m-big-grid-3-10 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-m-big-grid-sg-3-10 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-3-10 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-4-10 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-m-big-grid-4-10 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-m-big-grid-sg-4-10 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-4-10 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-5-10 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-m-big-grid-5-10 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-m-big-grid-sg-5-10 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-5-10 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-6-10 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-m-big-grid-6-10 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-big-grid-sg-6-10 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-6-10 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-7-10 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-m-big-grid-7-10 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-big-grid-sg-7-10 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-7-10 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-8-10 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-m-big-grid-8-10 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-big-grid-sg-8-10 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-8-10 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-9-10 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-m-big-grid-9-10 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-big-grid-sg-9-10 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-9-10 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-10-10 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-m-big-grid-10-10 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-big-grid-sg-10-10 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-10-10 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-11-10 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-m-big-grid-11-10 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-big-grid-sg-11-10 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-11-10 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-12-10 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 10 * 73% / 12 ); } .aux-m-big-grid-12-10 .aux-keep-aspect { height: 0; padding-bottom: 83.33333%; } .aux-m-big-grid-sg-12-10 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-12-10 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 10 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-1-11 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-m-big-grid-1-11 .aux-keep-aspect { height: 0; padding-bottom: 183.33333%; } .aux-m-big-grid-sg-1-11 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-1-11 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-2-11 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-m-big-grid-2-11 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-m-big-grid-sg-2-11 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-2-11 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-3-11 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-m-big-grid-3-11 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-m-big-grid-sg-3-11 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-3-11 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-4-11 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-m-big-grid-4-11 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-m-big-grid-sg-4-11 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-4-11 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-5-11 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-m-big-grid-5-11 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-m-big-grid-sg-5-11 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-5-11 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-6-11 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-m-big-grid-6-11 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-m-big-grid-sg-6-11 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-6-11 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-7-11 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-m-big-grid-7-11 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-big-grid-sg-7-11 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-7-11 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-8-11 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-m-big-grid-8-11 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-big-grid-sg-8-11 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-8-11 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-9-11 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-m-big-grid-9-11 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-big-grid-sg-9-11 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-9-11 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-10-11 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-m-big-grid-10-11 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-big-grid-sg-10-11 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-10-11 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-11-11 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-m-big-grid-11-11 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-big-grid-sg-11-11 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-11-11 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-12-11 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 11 * 73% / 12 ); } .aux-m-big-grid-12-11 .aux-keep-aspect { height: 0; padding-bottom: 91.66667%; } .aux-m-big-grid-sg-12-11 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-12-11 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 11 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-1-12 { width: calc( 1 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-m-big-grid-1-12 .aux-keep-aspect { height: 0; padding-bottom: 191.66667%; } .aux-m-big-grid-sg-1-12 { width: calc( 1 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-1-12 { width: calc( 1 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-2-12 { width: calc( 2 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-m-big-grid-2-12 .aux-keep-aspect { height: 0; padding-bottom: 183.33333%; } .aux-m-big-grid-sg-2-12 { width: calc( 2 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-2-12 { width: calc( 2 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-3-12 { width: calc( 3 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-m-big-grid-3-12 .aux-keep-aspect { height: 0; padding-bottom: 175%; } .aux-m-big-grid-sg-3-12 { width: calc( 3 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-3-12 { width: calc( 3 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-4-12 { width: calc( 4 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-m-big-grid-4-12 .aux-keep-aspect { height: 0; padding-bottom: 166.66667%; } .aux-m-big-grid-sg-4-12 { width: calc( 4 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-4-12 { width: calc( 4 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-5-12 { width: calc( 5 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-m-big-grid-5-12 .aux-keep-aspect { height: 0; padding-bottom: 158.33333%; } .aux-m-big-grid-sg-5-12 { width: calc( 5 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-5-12 { width: calc( 5 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-6-12 { width: calc( 6 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-m-big-grid-6-12 .aux-keep-aspect { height: 0; padding-bottom: 150%; } .aux-m-big-grid-sg-6-12 { width: calc( 6 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-6-12 { width: calc( 6 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-7-12 { width: calc( 7 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-m-big-grid-7-12 .aux-keep-aspect { height: 0; padding-bottom: 141.66667%; } .aux-m-big-grid-sg-7-12 { width: calc( 7 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-7-12 { width: calc( 7 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-8-12 { width: calc( 8 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-m-big-grid-8-12 .aux-keep-aspect { height: 0; padding-bottom: 133.33333%; } .aux-m-big-grid-sg-8-12 { width: calc( 8 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-8-12 { width: calc( 8 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-9-12 { width: calc( 9 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-m-big-grid-9-12 .aux-keep-aspect { height: 0; padding-bottom: 125%; } .aux-m-big-grid-sg-9-12 { width: calc( 9 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-9-12 { width: calc( 9 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-10-12 { width: calc( 10 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-m-big-grid-10-12 .aux-keep-aspect { height: 0; padding-bottom: 116.66667%; } .aux-m-big-grid-sg-10-12 { width: calc( 10 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-10-12 { width: calc( 10 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-11-12 { width: calc( 11 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-m-big-grid-11-12 .aux-keep-aspect { height: 0; padding-bottom: 108.33333%; } .aux-m-big-grid-sg-11-12 { width: calc( 11 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-11-12 { width: calc( 11 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } .aux-m-big-grid-12-12 { width: calc( 12 * 100% / 12 ); padding-bottom: calc( 12 * 73% / 12 ); } .aux-m-big-grid-12-12 .aux-keep-aspect { height: 0; padding-bottom: 100%; } .aux-m-big-grid-sg-12-12 { width: calc( 12 * 100% / 12 - 2px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 1px; } .aux-m-big-grid-lg-12-12 { width: calc( 12 * 100% / 12 - 30px ); padding-bottom: calc( 12 * 73% / 12 ); margin: 0 15px; } } .aux-masonry-layout { /* clear fix */ } .aux-masonry-layout:after { content: ''; display: block; clear: both; } /** Auxin Bullet Navigation Example: <ul class="aux-bullets aux-large aux-mask"> <li class="aux-bullet aux-overlay"></li> <li class="aux-bullet"></li> <li class="aux-bullet"></li> <li class="aux-bullet"></li> <li class="aux-bullet"></li> <li class="aux-bullet"></li> <li class="aux-bullet"></li> <li class="aux-bullet"></li> <li class="aux-bullet"></li> </ul> */ .aux-bullets, .aux-bullets ul { list-style: none; position: relative; } .aux-bullets li, .aux-bullets ul li { float: left; } .aux-bullets::after, .aux-bullets ul::after { content: ""; display: table; clear: both; } .aux-bullets .aux-bullet, .aux-bullets.aux-overlay .aux-select-overlay { cursor: pointer; width: 13px; height: 13px; border-radius: 50%; position: relative; border: solid 1px #3d3d3d; margin: 0 4px 0 0; box-sizing: border-box; transition: all 300ms; } .aux-bullets.aux-large .aux-bullet, .aux-bullets.aux-large .aux-bullets.aux-overlay .aux-select-overlay, .aux-bullets.aux-overlay .aux-bullets.aux-large .aux-select-overlay { width: 16px; height: 16px; margin: 0 6px 0 0; } .aux-bullets.aux-small .aux-bullet, .aux-bullets.aux-small .aux-bullets.aux-overlay .aux-select-overlay, .aux-bullets.aux-overlay .aux-bullets.aux-small .aux-select-overlay { width: 9px; height: 9px; margin: 0 2px 0 0; } .aux-bullets.aux-squre .aux-bullet, .aux-bullets.aux-squre .aux-bullets.aux-overlay .aux-select-overlay, .aux-bullets.aux-overlay .aux-bullets.aux-squre .aux-select-overlay { border-radius: 0; } .aux-bullets.aux-fill .aux-bullet, .aux-bullets.aux-fill .aux-bullets.aux-overlay .aux-select-overlay, .aux-bullets.aux-overlay .aux-bullets.aux-fill .aux-select-overlay { border-width: 0; background-color: #d3d3d3; } .aux-bullets .aux-bullet.aux-selected, .aux-bullets.aux-overlay .aux-selected.aux-select-overlay { background: #3d3d3d; } .aux-bullets.aux-fill-in { box-shadow: 0 0 0 0 #3d3d3d inset; } .aux-bullets.aux-fill-in .aux-bullet.aux-selected, .aux-bullets.aux-fill-in .aux-bullets.aux-overlay .aux-selected.aux-select-overlay, .aux-bullets.aux-overlay .aux-bullets.aux-fill-in .aux-selected.aux-select-overlay { box-shadow: 0 0 0 7px #3d3d3d inset; } .aux-bullets.aux-fill-in .aux-bullet.aux-selected, .aux-bullets.aux-fill-in .aux-bullets.aux-overlay .aux-selected.aux-select-overlay, .aux-bullets.aux-overlay .aux-bullets.aux-fill-in .aux-selected.aux-select-overlay { background: transparent; } .aux-bullets.aux-fill-in.aux-fill .aux-bullet.aux-selected, .aux-bullets.aux-fill-in.aux-fill .aux-bullets.aux-overlay .aux-selected.aux-select-overlay, .aux-bullets.aux-overlay .aux-bullets.aux-fill-in.aux-fill .aux-selected.aux-select-overlay { background: #d3d3d3; } .aux-bullets.aux-fill-in.aux-large .aux-bullet.aux-selected, .aux-bullets.aux-fill-in.aux-large .aux-bullets.aux-overlay .aux-selected.aux-select-overlay, .aux-bullets.aux-overlay .aux-bullets.aux-fill-in.aux-large .aux-selected.aux-select-overlay { box-shadow: 0 0 0 9px #3d3d3d inset; } .aux-bullets.aux-fill-in.aux-small .aux-bullet.aux-selected, .aux-bullets.aux-fill-in.aux-small .aux-bullets.aux-overlay .aux-selected.aux-select-overlay, .aux-bullets.aux-overlay .aux-bullets.aux-fill-in.aux-small .aux-selected.aux-select-overlay { box-shadow: 0 0 0 5px #3d3d3d inset; } .aux-bullets.aux-overlay .aux-select-overlay { background-color: #3d3d3d; position: absolute; top: 0; z-index: 2; } .aux-bullets.aux-overlay.aux-large .aux-select-overlay { width: 16px; height: 16px; } .aux-bullets.aux-overlay.aux-small .aux-select-overlay { width: 9px; height: 9px; } .aux-bullets.aux-overlay .aux-bullet.aux-selected, .aux-bullets.aux-overlay .aux-selected.aux-select-overlay { background: transparent; } .aux-bullets.aux-overlay.aux-fill .aux-bullet.aux-selected, .aux-bullets.aux-overlay.aux-fill .aux-selected.aux-select-overlay { background: #d3d3d3; } .aux-bullets.aux-mask .aux-bullet, .aux-bullets.aux-mask .aux-bullets.aux-overlay .aux-select-overlay, .aux-bullets.aux-overlay .aux-bullets.aux-mask .aux-select-overlay { transform: translateZ(0); overflow: hidden; border-width: 0; } .aux-bullets.aux-mask .aux-bullet::before, .aux-bullets.aux-mask .aux-bullets.aux-overlay .aux-select-overlay::before, .aux-bullets.aux-overlay .aux-bullets.aux-mask .aux-select-overlay::before, .aux-bullets.aux-mask .aux-bullet::after, .aux-bullets.aux-mask .aux-bullets.aux-overlay .aux-select-overlay::after, .aux-bullets.aux-overlay .aux-bullets.aux-mask .aux-select-overlay::after { content: ""; display: block; width: 100%; height: 100%; border-radius: inherit; position: absolute; box-sizing: inherit; } .aux-bullets.aux-mask .aux-bullet::before, .aux-bullets.aux-mask .aux-bullets.aux-overlay .aux-select-overlay::before, .aux-bullets.aux-overlay .aux-bullets.aux-mask .aux-select-overlay::before { border: inherit; border-width: 1px; top: 0; left: 0; } .aux-bullets.aux-mask .aux-bullet::after, .aux-bullets.aux-mask .aux-bullets.aux-overlay .aux-select-overlay::after, .aux-bullets.aux-overlay .aux-bullets.aux-mask .aux-select-overlay::after { top: 100%; background-color: #3d3d3d; transition: inherit; } .aux-bullets.aux-mask .aux-bullet.aux-selected, .aux-bullets.aux-mask .aux-bullets.aux-overlay .aux-selected.aux-select-overlay, .aux-bullets.aux-overlay .aux-bullets.aux-mask .aux-selected.aux-select-overlay { background: transparent; } .aux-bullets.aux-mask .aux-bullet.aux-selected::after, .aux-bullets.aux-mask .aux-bullets.aux-overlay .aux-selected.aux-select-overlay::after, .aux-bullets.aux-overlay .aux-bullets.aux-mask .aux-selected.aux-select-overlay::after { transform: translateY(-100%); } .aux-bullets.aux-mask.aux-fill .aux-bullet::before, .aux-bullets.aux-mask.aux-fill .aux-bullets.aux-overlay .aux-select-overlay::before, .aux-bullets.aux-overlay .aux-bullets.aux-mask.aux-fill .aux-select-overlay::before { border: none; } .aux-bullets.aux-mask.aux-from-left .aux-bullet::after, .aux-bullets.aux-mask.aux-from-left .aux-bullets.aux-overlay .aux-select-overlay::after, .aux-bullets.aux-overlay .aux-bullets.aux-mask.aux-from-left .aux-select-overlay::after { left: -100%; top: auto; } .aux-bullets.aux-mask.aux-from-left .aux-bullet.aux-selected::after, .aux-bullets.aux-mask.aux-from-left .aux-bullets.aux-overlay .aux-selected.aux-select-overlay::after, .aux-bullets.aux-overlay .aux-bullets.aux-mask.aux-from-left .aux-selected.aux-select-overlay::after { transform: translateX(100%); } .aux-bullets.aux-mask.aux-from-right .aux-bullet::after, .aux-bullets.aux-mask.aux-from-right .aux-bullets.aux-overlay .aux-select-overlay::after, .aux-bullets.aux-overlay .aux-bullets.aux-mask.aux-from-right .aux-select-overlay::after { right: -100%; top: auto; } .aux-bullets.aux-mask.aux-from-right .aux-bullet.aux-selected::after, .aux-bullets.aux-mask.aux-from-right .aux-bullets.aux-overlay .aux-selected.aux-select-overlay::after, .aux-bullets.aux-overlay .aux-bullets.aux-mask.aux-from-right .aux-selected.aux-select-overlay::after { transform: translateX(-100%); } .aux-bullets.aux-mask.aux-from-top .aux-bullet::after, .aux-bullets.aux-mask.aux-from-top .aux-bullets.aux-overlay .aux-select-overlay::after, .aux-bullets.aux-overlay .aux-bullets.aux-mask.aux-from-top .aux-select-overlay::after { top: -100%; } .aux-bullets.aux-mask.aux-from-top .aux-bullet.aux-selected::after, .aux-bullets.aux-mask.aux-from-top .aux-bullets.aux-overlay .aux-selected.aux-select-overlay::after, .aux-bullets.aux-overlay .aux-bullets.aux-mask.aux-from-top .aux-selected.aux-select-overlay::after { transform: translateY(100%); } .aux-bullets.aux-mask.aux-from-center .aux-bullet::after, .aux-bullets.aux-mask.aux-from-center .aux-bullets.aux-overlay .aux-select-overlay::after, .aux-bullets.aux-overlay .aux-bullets.aux-mask.aux-from-center .aux-select-overlay::after { top: 0; transform: scale(0.01); transform-origin: center; } .aux-bullets.aux-mask.aux-from-center .aux-bullet.aux-selected::after, .aux-bullets.aux-mask.aux-from-center .aux-bullets.aux-overlay .aux-selected.aux-select-overlay::after, .aux-bullets.aux-overlay .aux-bullets.aux-mask.aux-from-center .aux-selected.aux-select-overlay::after { transform: scale(1); } /** Auxin arrow navigation styles @Example <div class="aux-arrow-nav aux-round"> <span class="aux-overlay"></span> <span class="aux-svg-arrow aux-large-right aux-white"></span> </div> */ .aux-arrow-nav { position: relative; cursor: pointer; transform: translateZ(0); background-color: #3d3d3d; width: 36px; height: 36px; overflow: hidden; } .aux-arrow-nav.aux-white { background-color: white; } .aux-arrow-nav.aux-outline { box-shadow: 0 0 0 1px #3d3d3d inset; background-color: transparent; } .aux-arrow-nav.aux-outline .aux-overlay::after { background-color: #3d3d3d; } .aux-arrow-nav.aux-outline.aux-white { border-color: white; box-shadow: 0 0 0 1px white inset; } .aux-arrow-nav.aux-outline.aux-white .aux-overlay::after { background-color: white; } .aux-arrow-nav.aux-round { border-radius: 50%; width: 73px; height: 73px; } .aux-arrow-nav.aux-round.aux-small { width: 23px; height: 23px; } .aux-arrow-nav.aux-round.aux-semi-small { width: 43px; height: 43px; } .aux-arrow-nav.aux-round.aux-medium { width: 51px; height: 51px; } .aux-arrow-nav.aux-round.aux-large { width: 119px; height: 119px; } .aux-arrow-nav.aux-round .aux-overlay { width: 105%; transition-duration: 450ms; } .aux-arrow-nav.aux-round-left { border-radius: 50% 0 0 50%; } .aux-arrow-nav.aux-round-right { border-radius: 0 50% 50% 0; } .aux-arrow-nav.aux-round-top { border-radius: 50% 50% 0 0; } .aux-arrow-nav.aux-round-bottom { border-radius: 0 0 50% 50%; } .aux-arrow-nav.aux-small { width: 22px; height: 22px; } .aux-arrow-nav .aux-svg-arrow { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); } .aux-arrow-nav .aux-overlay { position: absolute; width: 150%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0, 0); transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); } .aux-arrow-nav .aux-overlay::after { position: relative; content: ''; border-radius: 50%; display: block; padding-top: 100%; background-color: #636363; } .aux-arrow-nav:hover .aux-overlay { transform: translate(-50%, -50%) scale(1, 1); } .aux-arrow-nav .aux-hover-arrow { opacity: 0; } .aux-arrow-nav.aux-hover-slide .aux-hover-arrow[class*="down"] { transform: translate(-50%, -150%); } .aux-arrow-nav.aux-hover-slide .aux-hover-arrow[class*="up"] { transform: translate(-50%, 50%); } .aux-arrow-nav.aux-hover-slide .aux-hover-arrow[class*="right"] { transform: translate(-150%, -50%); } .aux-arrow-nav.aux-hover-slide .aux-hover-arrow[class*="left"] { transform: translate(50%, -50%); } .aux-arrow-nav.aux-hover-slide .aux-hover-arrow[class*="plus"], .aux-arrow-nav.aux-hover-slide .aux-hover-arrow[class*="cross"] { transform: translate(-50%, -50%) rotate(-90deg); } .aux-arrow-nav.aux-hover-slide:hover .aux-svg-arrow[class*="down"] { transform: translate(-50%, 50%); } .aux-arrow-nav.aux-hover-slide:hover .aux-svg-arrow[class*="up"] { transform: translate(-50%, -150%); } .aux-arrow-nav.aux-hover-slide:hover .aux-svg-arrow[class*="right"] { transform: translate(50%, -50%); } .aux-arrow-nav.aux-hover-slide:hover .aux-svg-arrow[class*="left"] { transform: translate(-150%, -50%); } .aux-arrow-nav.aux-hover-slide:hover .aux-svg-arrow[class*="plus"], .aux-arrow-nav.aux-hover-slide:hover .aux-svg-arrow[class*="cross"] { transform: translate(-50%, -50%) rotate(90deg); } .aux-arrow-nav.aux-hover-slide .aux-hover-arrow { transition-duration: 700ms; } .aux-arrow-nav.aux-hover-fill { transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); } .aux-arrow-nav.aux-hover-fill:hover { background-color: #636363; } .aux-arrow-nav.aux-hover-fill:hover.aux-outline { background-color: #3d3d3d; } .aux-arrow-nav:hover .aux-svg-arrow { opacity: 0; } .aux-arrow-nav:hover .aux-svg-arrow.aux-no-fade { opacity: 1; } .aux-arrow-nav:hover .aux-hover-arrow { transform: translate(-50%, -50%) !important; opacity: 1; } .aux-widget-post-slider .aux-next.aux-mc-arrows, .type-post.format-gallery .aux-next.aux-mc-arrows, .aux-widget-post-slider .aux-prev.aux-mc-arrows, .type-post.format-gallery .aux-prev.aux-mc-arrows { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; } .aux-widget-post-slider .aux-mc-arrows .aux-arrow-nav, .type-post.format-gallery .aux-mc-arrows .aux-arrow-nav { width: 50px; height: 50px; } .aux-widget-post-slider .aux-mc-arrows .aux-arrow-nav .aux-overlay::after, .type-post.format-gallery .aux-mc-arrows .aux-arrow-nav .aux-overlay::after { background-color: #F1F1F1; } .aux-widget-post-slider .aux-next.aux-mc-arrows, .type-post.format-gallery .aux-next.aux-mc-arrows { left: auto; right: 15px; } /** Load more and read more buttons ------------------------------------------------------------------------------ */ /* Loade more example markup <div class="aux-load-more"> <svg class="aux-circle" width="100%" height="100%" viewBox="0 0 102 102"> <circle class="aux-stroke-bg" r="50" cx="51" cy="51" fill="none"></circle> <circle class="aux-progress" r="50" cx="51" cy="51" fill="none" transform="rotate(-90 51 51)"></circle> </svg> <div class="aux-label-text"><span class="aux-svg-arrow aux-small-down"></span>MORE</div> <span class="aux-loading-label">LOADING</span> </div> */ .aux-load-more { cursor: pointer; position: relative; width: 118px; height: 118px; border-radius: 50%; overflow: hidden; } .aux-load-more svg { position: relative; } .aux-load-more svg .aux-progress { stroke: #3d3d3d; stroke-width: 1; stroke-dashoffset: 0; stroke-dasharray: 314.1596; } .aux-load-more svg .aux-progress-bg { stroke: #f0f0f0; stroke-width: 1; } .aux-load-more svg .aux-stroke-bg { stroke: #f0f0f0; stroke-width: 1; } .aux-load-more .aux-label-text, .aux-load-more .aux-loading-label { color: #3d3d3d; font-size: 0.8em; text-align: center; position: absolute; top: 0; left: 0; width: 100%; line-height: 118px; transition: opacity 300ms; } .aux-load-more .aux-label-text .aux-svg-arrow, .aux-load-more .aux-loading-label .aux-svg-arrow { display: inline-block; vertical-align: middle; margin-right: 0.2em; } .aux-load-more .aux-loading-label { opacity: 0; transition: opacity 300ms 100ms; } .aux-load-more .aux-label-text .aux-svg-arrow[class*="-h-"] { margin: 0; transition: all 250ms; } .aux-load-more .aux-overlay { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0, 0); transition: width 550ms cubic-bezier(0.77, 0, 0.175, 1); } .aux-load-more .aux-overlay::after { position: relative; content: ''; border-radius: 50%; display: block; padding-top: 100%; background-color: #f0f0f0; } .aux-load-more:hover .aux-overlay { transform: translate(-50%, -50%) scale(1, 1); } .aux-load-more.aux-active-loading svg .aux-progress { -moz-animation: aux-load-more-stroke-animation 2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; -webkit-animation: aux-load-more-stroke-animation 2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; animation: aux-load-more-stroke-animation 2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; } .aux-load-more.aux-active-loading .aux-loading-label { opacity: 1; -moz-animation: aux-loade-more-loading-flash 0.02s 300ms infinite alternate; -webkit-animation: aux-loade-more-loading-flash 0.02s 300ms infinite alternate; animation: aux-loade-more-loading-flash 0.02s 300ms infinite alternate; } .aux-load-more.aux-active-loading .aux-label-text .aux-svg-arrow[class*="-h-"] { transform: translateY(100%); opacity: 0; } .aux-load-more.aux-active-loading .aux-label-text { opacity: 0; } .aux-load-more.aux-active-loading .aux-overlay { width: 0 !important; } @-moz-keyframes aux-load-more-stroke-animation { 0% { stroke-dashoffset: 0; } 50% { stroke-dashoffset: -314.1596; } 100% { stroke-dashoffset: -628.3192; } } @-webkit-keyframes aux-load-more-stroke-animation { 0% { stroke-dashoffset: 0; } 50% { stroke-dashoffset: -314.1596; } 100% { stroke-dashoffset: -628.3192; } } @keyframes aux-load-more-stroke-animation { 0% { stroke-dashoffset: 0; } 50% { stroke-dashoffset: -314.1596; } 100% { stroke-dashoffset: -628.3192; } } @-moz-keyframes aux-loade-more-loading-flash { 0% { opacity: 1; } 100% { opacity: 0.5; } } @-webkit-keyframes aux-loade-more-loading-flash { 0% { opacity: 1; } 100% { opacity: 0.5; } } @keyframes aux-loade-more-loading-flash { 0% { opacity: 1; } 100% { opacity: 0.5; } } .aux-read-more, .aux-post-nav { display: inline-block; padding: 0.52em 1.3em; border-radius: 50em; background-color: #3d3d3d; color: white; text-decoration: none; font-size: 0.82em; } .aux-read-more:hover, .aux-post-nav:hover { color: inherit; } .aux-read-more::after, .aux-post-nav::after { content: '\2192'; font-family: Arial; font-size: 1.1em; display: inline-block; margin-left: 0.4em; } .aux-read-more.aux-outline, .aux-post-nav.aux-outline { border: solid 1px #3d3d3d; color: #3d3d3d; background-color: transparent; transition: all 350ms ease-in; } .aux-read-more.aux-arrow-left::before, .aux-post-nav.aux-arrow-left::before { content: '\2190'; margin-right: 0.4em; font-family: Arial; display: inline-block; } .aux-read-more.aux-arrow-left::after, .aux-post-nav.aux-arrow-left::after { display: none; } .aux-read-more.aux-disabled, .aux-post-nav.aux-disabled { cursor: default; background-color: #bdbdbd; } .aux-read-more.aux-disabled.aux-outline, .aux-post-nav.aux-disabled.aux-outline { background-color: transparent; border-color: #bdbdbd; color: #bdbdbd; } .aux-read-more.aux-outline:hover, .aux-post-nav.aux-outline:hover { background-color: #3d3d3d; color: white; transition: all 350ms ease-out; } /** Loop loading ------------------------------------------------------------------------------ */ /* loop loading example markup <div class="aux-loading-loop"> <svg class="aux-circle" width="100%" height="100%" viewBox="0 0 42 42"> <circle class="aux-stroke-bg" r="20" cx="21" cy="21" fill="none"></circle> <circle class="aux-progress" r="20" cx="21" cy="21" fill="none" transform="rotate(-90 21 21)"></circle> </svg> </div> */ .aux-loading-loop { position: relative; width: 45px; height: 45px; border-radius: 50%; } .aux-loading-loop svg { position: relative; } .aux-loading-loop svg .aux-progress { stroke: #3d3d3d; stroke-width: 1; stroke-dashoffset: 0; stroke-dasharray: 125.66384; } .aux-loading-loop svg .aux-stroke-bg { stroke: #f0f0f0; stroke-width: 1; } .aux-loading-loop svg .aux-progress { -moz-animation: aux-loop-loading-stroke-animation 2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; -webkit-animation: aux-loop-loading-stroke-animation 2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; animation: aux-loop-loading-stroke-animation 2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite; } @-moz-keyframes aux-loop-loading-stroke-animation { 0% { stroke-dashoffset: 0; } 50% { stroke-dashoffset: -125.66384; } 100% { stroke-dashoffset: -251.32768; } } @-webkit-keyframes aux-loop-loading-stroke-animation { 0% { stroke-dashoffset: 0; } 50% { stroke-dashoffset: -125.66384; } 100% { stroke-dashoffset: -251.32768; } } @keyframes aux-loop-loading-stroke-animation { 0% { stroke-dashoffset: 0; } 50% { stroke-dashoffset: -125.66384; } 100% { stroke-dashoffset: -251.32768; } } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea { padding: 1.1em; max-width: 400px; width: 100%; transition: border-color 300ms; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus { border-color: #3D3D3D; } select:not([multiple]) { -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-radius: 0; border: solid 1px #BBB; padding: 16px 48px 16px 18px; background-image: url(images/controls/arrows/small-arrow-down.svg); background-repeat: no-repeat; background-position: right center; } select:not([multiple])::-ms-expand { display: none; } select:focus:not([multiple]) { outline: none; border-color: #3D3D3D; } .ie9 select:not([multiple]) { padding-right: 0.5em; background-image: initial; } input[type="radio"] { -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; border: solid 1px #3D3D3D; border-radius: 50%; box-shadow: 0 0 0px 2.5px white inset; margin-right: 5px; vertical-align: text-top; transition: background-color 300ms; } input[type="radio"]:focus { outline: none; } input[type="radio"]:checked { background-color: #3D3D3D; } .wpcf7-form .wpcf7-checkbox .wpcf7-list-item:first-of-type { margin-left: 0; } .aux-checkbox, .wpcf7-form .wpcf7-checkbox input[type="checkbox"] { appearance: none; -moz-appearance: none; -webkit-appearance: none; box-sizing: border-box; display: inline-block !important; width: 13px; height: 13px; background: white; border: 1px solid #3d3d3d; } .aux-checkbox + label, .aux-checkbox + .wpcf7-list-item-label, .wpcf7-form .wpcf7-checkbox input[type="checkbox"] + label, .wpcf7-form .wpcf7-checkbox input[type="checkbox"] + .wpcf7-list-item-label { cursor: pointer; padding: 0; font-size: 16px; color: #3D3D3D; } .aux-checkbox:focus, .wpcf7-form .wpcf7-checkbox input[type="checkbox"]:focus { outline: none; } .aux-checkbox:checked, .wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked { background: url("images/svg/checkbox.svg"); background-repeat: no-repeat; background-position: center center; background-size: 13px 7px; } .aux-checkbox:disabled, .wpcf7-form .wpcf7-checkbox input[type="checkbox"]:disabled { background: #EAEAEA; } label { display: block; margin-bottom: 1em; font-size: 1.1em; color: #3D3D3D; } label + br { display: none; } input[type="reset"], input[type="submit"] { padding: 12px 32px; margin-right: 5px; background-color: #3D3D3D; color: white; vertical-align: top; font-size: 0.8125em; font-weight: 600; text-transform: uppercase; } input[type="reset"]:hover, input[type="submit"]:hover { background-color: #505050; } input[type="reset"] { background-color: transparent; padding: 11px 32px; border: solid 1px #3D3D3D; color: #3D3D3D; } input[type="reset"]:hover { background-color: #F1F1F1; } fieldset { padding: 15px 30px; } legend { padding: 0 10px; margin-left: -10px; } .aux-btn-loader { position: relative; } .aux-btn-loader span { transition: none; opacity: 1; } .aux-btn-loader svg { opacity: 0; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .aux-btn-loader.aux-svg-progress span { opacity: 0; } .aux-btn-loader.aux-svg-progress svg { opacity: 1; } .aux-search-form .aux-search-field { height: 46px; float: left; margin-right: 2px; } .aux-search-form.aux-iconic-search .aux-search-field { padding-right: 40px; } .aux-search-form form { display: inline-block; position: relative; } .aux-search-form .aux-submit-icon-container { position: absolute; color: #BBB; right: 5px; height: 100%; transition: color 300ms; } .aux-search-form .aux-submit-icon-container::before { position: absolute; width: 100%; top: 50%; vertical-align: middle; display: inline-block; font-size: 1.4em; font-family: "auxin-front"; color: inherit; text-align: center; speak: none; transform: translateY(-50%); } .aux-search-form .aux-submit-icon-container:hover { color: #3D3D3D; } .aux-search-form .aux-iconic-search-submit { width: 40px; height: 80px; margin: 0; padding: 0; text-indent: 10em; overflow: hidden; background: transparent; } .aux-search-form .aux-iconic-search-submit:hover { background: transparent; } .aux-search-form .aux-search-submit { height: 40px; float: left; } .aux-search-form .aux-search-submit:hover { background: #505050; } .aux-dropdown-container:after, .aux-select:after, .aux-dropdown:after { border-top-width: 0.35em; left: -1.5625em; } .aux-dropdown-container.aux-fill select, .aux-select.aux-fill select, .aux-dropdown.aux-fill select { color: white; border: none; background-color: #3d3d3d; } .aux-dropdown-container.aux-fill:after, .aux-select.aux-fill:after, .aux-dropdown.aux-fill:after { z-index: 1; -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; pointer-events: none; border-top-color: white; } .aux-dropdown-container.aux-large select, .aux-select.aux-large select, .aux-dropdown.aux-large select { padding: 0.875em 1.25em; padding-right: 3.125em; font-size: 110%; } .aux-dropdown-container select, .aux-select select, .aux-dropdown select { background-image: none; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /** Averta Modern Form How to use : <form class="aux-modern-form"> <div class="aux-input-group"> <input></input> <label></label> <div class="aux-modern-form-border"></div> </div> </form> */ .wpcf7 .aux-modern-form input[type="text"], .wpcf7 .aux-modern-form input[type="password"], .wpcf7 .aux-modern-form input[type="email"], .wpcf7 .aux-modern-form input[type="tel"], .wpcf7 .aux-modern-form input[type="url"], .wpcf7 .aux-modern-form input[type="date"], .wpcf7 .aux-modern-form textarea { padding: 1.4375em 0; margin-bottom: 0; height: auto; border: none; } .aux-modern-form#commentform input[type="text"], .aux-modern-form#commentform input[type="password"], .aux-modern-form#commentform input[type="email"], .aux-modern-form#commentform input[type="tel"], .aux-modern-form#commentform input[type="url"], .aux-modern-form#commentform input[type="date"], .aux-modern-form#commentform textarea { padding: 1.4375em 0; margin-bottom: 0; height: auto; border: none; } .aux-modern-form input[type="text"], .aux-modern-form input[type="password"], .aux-modern-form input[type="email"], .aux-modern-form input[type="tel"], .aux-modern-form input[type="url"], .aux-modern-form input[type="date"], .aux-modern-form textarea { padding: 1.4375em 0; margin-bottom: 0; height: auto; border: none; } .aux-modern-form .aux-input-group { position: relative; margin-bottom: 50px; } .aux-modern-form .aux-input-group label { position: absolute; left: 0px; top: 24px; margin-bottom: 0; font-size: 1em; line-height: 23px; transform-origin: top left; transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); } .aux-modern-form .aux-input-group .aux-modern-form-border { width: 100%; height: 2px; background-color: #3D3D3D; } .aux-modern-form .aux-input-group br, .aux-modern-form .aux-input-group p { display: none; } .aux-modern-form .aux-input-group.aux-focused label { transform: scale(0.75) translateY(-34px); } .aux-modern-form .aux-input-group.aux-focused .aux-modern-form-border { box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); } .aux-modern-form .aux-input-group:last-of-type { margin-bottom: 30px; } .aux-modern-form input[type="submit"] { padding: 0.9375em 3.125em !important; font-size: 0.875em; line-height: 21px; font-weight: 600; border-radius: 25px; } .aux-modern-form.aux-light .aux-input-group input[type="text"], .aux-modern-form.aux-light .aux-input-group input[type="password"], .aux-modern-form.aux-light .aux-input-group input[type="email"], .aux-modern-form.aux-light .aux-input-group input[type="tel"], .aux-modern-form.aux-light .aux-input-group input[type="date"], .aux-modern-form.aux-light .aux-input-group textarea, .aux-modern-form.aux-light .aux-input-group label { color: rgba(255, 255, 255, 0.85); } .aux-modern-form.aux-light .aux-input-group .aux-modern-form-border { background-color: #FFFFFF; } .aux-modern-form.aux-light .aux-input-group.aux-focused .aux-modern-form-border { box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.65); } .aux-modern-form.aux-light input[type="submit"] { background-color: #FFFFFF; color: #3D3D3D; } /* * <form class="aux-form-inline-three"> * <div class="aux-inline-inputs> <label>Name:</label><input type="text"></div> * <div class="aux-inline-inputs> <label>Email</label><input type="email"></div> * <div class="aux-block-inputs> <label>Comment:</label><textarea></div> * </form> */ [class*="aux-form-inline-"] { display: flex; flex-flow: row wrap; } [class*="aux-form-inline-"] > *:not(.form-submit) { flex-basis: 100%; } [class*="aux-form-inline-"] .aux-inline-inputs input { width: 100% !important; } [class*="aux-form-inline-"].aux-form-inline-three { justify-content: space-between; } [class*="aux-form-inline-"].aux-form-inline-three .aux-inline-inputs { flex-basis: calc(33.333% - 30px); } @media screen and (max-width: 767px) { .aux-resp [class*="aux-form-inline-"].aux-form-inline-three .aux-inline-inputs { flex-basis: 100%; } } [class*="aux-form-inline-"].aux-form-inline-two { justify-content: space-between; } [class*="aux-form-inline-"].aux-form-inline-two .aux-inline-inputs { flex-basis: calc(50% - 30px); } @media screen and (max-width: 767px) { .aux-resp [class*="aux-form-inline-"].aux-form-inline-two .aux-inline-inputs { flex-basis: 100%; } } /** Auxin filter list element Sample markup <div class="aux-filters aux-cube"> <div class="aux-select-overlay"></div> <ul> <li><a href="#"><span data-select="Minimal">Minimal</span></a></li> <li><a href="#"><span data-select="Portfolio">Portfolio</span></a></li> <li><a href="#"><span data-select="One page">One page</span></a></li> <li><a href="#"><span data-select="Sport">Sport</span></a></li> <li><a href="#"><span data-select="Magazine">Magazine</span></a></li> <li><a href="#"><span data-select="Hotel">Hotel</span></a></li> <li><a href="#"><span data-select="Book Library">Book Library</span></a></li> <li><a href="#"><span data-select="Multipurpose">Multipurpose</span></a></li> <li><a href="#"><span data-select="Gallery">Gallery</span></a></li> </ul> </div> */ .aux-filters ul { list-style: none; } .aux-filters ul:after { content: ""; display: table; clear: both; } .aux-filters ul > li { float: left; } .aux-filters li > a { text-decoration: none; display: block; cursor: point; padding: 0.625em 0.75em; color: #aaa; } .aux-filters li > a:hover { color: inherit; } .aux-filters.aux-underline, .aux-filters.aux-slideup { margin-left: -0.75em; } .aux-filters.aux-bordered li { border: solid 1px #bbb; border-right-width: 0; } .aux-filters.aux-bordered li:last-child { border-right-width: 1px; } .aux-filters .aux-selected { color: #3d3d3d; transition: all 300ms; } .aux-filters.aux-fill .aux-selected li > a { background-color: transparent; } .aux-filters .aux-select-overlay { display: none; } .aux-filters.aux-overlay .aux-select-overlay { display: block; position: absolute; border: solid 1px #3d3d3d; border-radius: 20em; box-sizing: border-box; transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); } .aux-filters.aux-underline li > a > span::after { content: ""; display: block; width: 100%; height: 1px; background: #3d3d3d; margin-top: 0.5em; opacity: 0; transition: all 300ms; transform: translateY(10px); } .aux-filters.aux-underline .aux-selected span::after { transform: translateY(0); opacity: 1; } .aux-filters.aux-cube li > a { padding: 0; } .aux-filters.aux-cube li > a span { transform-style: preserve-3d; transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); padding: 0.625em 0.75em; display: block; } .aux-filters.aux-cube li > a span::after { content: attr(data-select) ""; display: block; padding: inherit; white-space: nowrap; position: absolute; top: 100%; left: 0; color: white; background: #3d3d3d; transform-origin: 0% 0%; transform: rotateX(-90deg); } .aux-filters.aux-cube .aux-selected span { transform: rotateX(90deg) translateY(-100%); transform-origin: 50% 0; background: #f9f9f9; } .aux-filters.aux-slideup li > a { padding-left: 0; padding-right: 0; text-transform: uppercase; } .aux-filters.aux-slideup li > a span { position: relative; display: block; padding: 0 0.75em; overflow: hidden; text-align: center; color: transparent; } .aux-filters.aux-slideup li > a span::after, .aux-filters.aux-slideup li > a span::before { content: attr(data-select) ""; display: block; position: absolute; white-space: nowrap; margin: 0 auto; top: 0; color: #3d3d3d; transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1); } .aux-filters.aux-slideup li > a span::after { top: auto; font-weight: bold; } .aux-filters.aux-slideup .aux-selected span::before, .aux-filters.aux-slideup .aux-selected span::after { transform: translateY(-100%); } .aux-filters.aux-underline-anim .aux-select-overlay { border-radius: 0; border-width: 0 0 2px 0; border-color: #3d3d3d; } .aux-filters.aux-fill li { background: #f9f9f9; } .aux-filters.aux-fill .aux-selected { color: white; background-color: #3d3d3d; } .aux-filters.aux-dropdown-filter { margin-bottom: 1em; float: none !important; display: flex; } .aux-filters.aux-dropdown-filter.aux-center { z-index: 9; justify-content: center; } .aux-filters.aux-dropdown-filter.aux-center > ul { left: 50%; right: auto; transform: translateY(10px) translateX(-50%); } .aux-filters.aux-dropdown-filter.aux-center > ul.aux-active { transform: translateY(0) translateX(-50%); } .aux-filters.aux-dropdown-filter.aux-right { justify-content: flex-end; } .aux-filters.aux-dropdown-filter.aux-left > ul { left: 0; right: auto; } .aux-filters.aux-dropdown-filter .aux-filter-by { color: #AAA; font-weight: 600; font-size: 0.875em; text-transform: uppercase; cursor: pointer; } .aux-filters.aux-dropdown-filter .aux-filter-by .aux-filter-name { color: #3d3d3d; } .aux-filters.aux-dropdown-filter > ul { position: absolute; right: 0; top: 0; padding: 0.9375em 0; background: #fff; opacity: 0; transform: translateY(10px); box-shadow: 0px 3px 50px 0px rgba(0, 0, 0, 0.1); visibility: hidden; z-index: 9; transition: all 300ms ease-out; } .aux-filters.aux-dropdown-filter > ul.aux-active { opacity: 1; transform: translateY(0); visibility: visible; } .aux-filters.aux-dropdown-filter li { float: none; margin: 0 0.9375em; line-height: 190%; } .aux-filters.aux-dropdown-filter li:hover { background: #3D3D3D; } .aux-filters.aux-dropdown-filter li:hover > a { color: #FFFFFF; } .aux-filters.aux-dropdown-filter li > a { position: relative; padding: 0.1875em 1.875em; color: #3D3D3D; text-align: left; font-size: 0.875em; font-weight: 600; text-transform: uppercase; } .twentytwenty-handle { background: white; -moz-animation: aux-before-after-pulse 1000ms ease-in-out 0s infinite alternate; -webkit-animation: aux-before-after-pulse 1000ms ease-in-out 0s infinite alternate; animation: aux-before-after-pulse 1000ms ease-in-out 0s infinite alternate; } .twentytwenty-handle:hover { -moz-animation: none; -webkit-animation: none; animation: none; } .twentytwenty-overlay { display: none; } @-moz-keyframes aux-before-after-pulse { 0% { box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8), 0 0 0 4px rgba(255, 255, 255, 0.15); } 100% { box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8), 0 0 0 12px rgba(255, 255, 255, 0.3); } } @-webkit-keyframes aux-before-after-pulse { 0% { box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8), 0 0 0 4px rgba(255, 255, 255, 0.15); } 100% { box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8), 0 0 0 12px rgba(255, 255, 255, 0.3); } } @keyframes aux-before-after-pulse { 0% { box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8), 0 0 0 4px rgba(255, 255, 255, 0.15); } 100% { box-shadow: 0px 0px 2px rgba(61, 61, 61, 0.8), 0 0 0 12px rgba(255, 255, 255, 0.3); } } .aux-before-after { position: relative; } .aux-before-after img:last-child { position: absolute; top: 0; } .aux-media-image { position: relative; } .aux-media-image.aux-hidden-overflow { overflow: hidden; } .aux-ribbon-wrapper { z-index: 5; /* Ribbon 1 */ } .aux-ribbon-wrapper.aux-corner-ribbon { width: 200px; background: #EA4335; position: absolute; top: 25px; left: -50px; text-align: center; line-height: 50px; letter-spacing: 1px; color: #FFFFFF; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } .aux-ribbon-wrapper.aux-corner-ribbon.top-right { top: 25px; right: -50px; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .aux-ribbon-wrapper.aux-corner-ribbon.bottom-left { top: auto; bottom: 25px; left: -50px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .aux-ribbon-wrapper.aux-corner-ribbon.bottom-right { top: auto; right: -50px; bottom: 25px; left: auto; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .aux-ribbon-wrapper.aux-simple-ribbon { background: #EA4335; color: #FFFFFF; padding: 7px 50px; position: absolute; top: 25px; left: -1px; } .aux-ribbon-wrapper.aux-simple-ribbon.top-right { top: 25px; right: -1px; left: auto; } .aux-ribbon-wrapper.aux-simple-ribbon.bottom-left { top: auto; bottom: 25px; left: -1px; } .aux-ribbon-wrapper.aux-simple-ribbon.bottom-right { top: auto; right: -1px; bottom: 25px; left: auto; } .aux-ribbon-wrapper.aux-cross-ribbon { position: absolute; background: #EA4335; top: -15px; padding: 10px; left: 25px; color: #FFFFFF; border-radius: 0 0 2px 2px; } .aux-ribbon-wrapper.aux-cross-ribbon:before { content: ""; position: absolute; left: -15px; right: 0; top: 0; bottom: 0; width: 0; height: 0; border-bottom: 15px solid #A42F25; border-left: 15px solid transparent !important; } .aux-ribbon-wrapper.aux-cross-ribbon.top-right { right: 25px; left: auto; } .aux-ribbon-wrapper.aux-cross-ribbon.top-right:before { left: auto; right: -15px; border-left: 0 !important; border-right: 15px solid transparent !important; } .aux-ribbon-wrapper.aux-cross-ribbon.bottom-left { top: auto; bottom: -15px; } .aux-ribbon-wrapper.aux-cross-ribbon.bottom-left:before { border-top: 15px solid #A42F25; border-bottom: 0; top: auto; } .aux-ribbon-wrapper.aux-cross-ribbon.bottom-right { top: auto; right: 25px; bottom: -15px; left: auto; } .aux-ribbon-wrapper.aux-cross-ribbon.bottom-right:before { left: auto; right: -15px; border-left: 0 !important; border-right: 15px solid transparent !important; border-top: 15px solid #A42F25; border-bottom: 0; top: auto; } a.button .aux-icon, button .aux-icon, input[type="submit"] .aux-icon, input[type="reset"] .aux-icon, input[type="button"] .aux-icon, .aux-button .aux-icon { font-size: 1.8em; } .aux-button-block { display: block; width: 100%; } .aux-tooltip-socials .auxicon-share::before { display: block; background-image: none; } .aux-tooltip-socials-container { position: relative; display: inline-block; } .aux-tooltip-socials-container .aux-tooltip-socials-wrapper { position: absolute; top: -15px; left: 20px; transform: translate3d(-50%, -100%, 0); border-radius: 25px; padding: 12px 17px 10px 13px; opacity: 0; display: none; z-index: 1; } .aux-tooltip-socials-container .aux-tooltip-socials-wrapper:after { content: ''; position: absolute; left: 50%; } .aux-tooltip-socials-container .aux-tooltip-social-no-text + .aux-tooltip-socials-wrapper { left: auto; } .aux-tooltip-socials-container .jssocials-shares { display: table; } .aux-tooltip-socials-container .jssocials-share { display: table-cell; padding: 0 8px; } .aux-tooltip-socials-container .jssocials-share:hover { transform: scale(1.2); } .aux-tooltip-socials-container .jssocials-share-logo { font-size: 1.3em; } .aux-tooltip-socials-container .aux-tooltip-light + .aux-tooltip-socials-wrapper { background-color: #FFFFFF; border: 1px solid #3D3D3D; } .aux-tooltip-socials-container .aux-tooltip-light + .aux-tooltip-socials-wrapper:after { height: 8px; width: 8px; bottom: -6px; transform: rotate(45deg); border: 1px solid #3D3D3D; border-width: 0 1px 1px 0; z-index: 10; } .aux-tooltip-socials-container .aux-tooltip-dark + .aux-tooltip-socials-wrapper { background-color: #3D3D3D; } .aux-tooltip-socials-container .aux-tooltip-dark + .aux-tooltip-socials-wrapper:after { width: 0; height: 0; border-top: 8px solid #3D3D3D; border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: -8px; } .aux-tooltip-socials-container .aux-tooltip-dark + .aux-tooltip-socials-wrapper .jssocials-share-link { color: #FFFFFF; } .aux-tooltip-socials-container.aux-tip-open .aux-tooltip-socials-wrapper { animation: auxShareFadeInDown 1000ms forwards; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); display: inline-block; opacity: 1; } .aux-tooltip-socials-container.aux-tip-close .aux-tooltip-socials-wrapper { animation: auxShareFadeOutUp 1000ms forwards; animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1); display: inline-block; opacity: 0; } @keyframes auxShareFadeInDown { from { opacity: 0; top: -25px; } to { opacity: 1; top: -15px; } } @keyframes auxShareFadeOutUp { from { opacity: 1; top: -15px; } to { opacity: 0; top: -25px; } } @media screen and (max-width: 479px) { .aux-resp .aux-tooltip-socials-wrapper { padding: 10px 2px 13px 17px; } .aux-resp .jssocials-shares { width: 190px; } .aux-resp .jssocials-share { display: block; float: left; } } #vc_load-inline-editor { display: none; } .aux-widget-3d-textbox { perspective: 2000px; transform-style: preserve-3d; position: relative; z-index: 0; display: inline; } .aux-widget-3d-textbox:hover { z-index: 1; } .aux-widget-3d-textbox .aux-3d-textbox-widget-content { position: absolute; top: 50%; left: 50%; box-shadow: 20px 0 40px rgba(0, 0, 0, 0.16); background-color: rgba(255, 255, 255, 0.9); padding: 20px; } .aux-widget-3d-textbox .aux-3d-textbox-widget-content .col-title { font-size: 30px; } .aux-widget-3d-textbox .aux-3d-textbox-widget-content .col-subtitle { font-size: 10px; } .aux-widget-3d-textbox .aux-wrap-style-box { position: relative; display: block; max-width: 100%; transform-style: preserve-3d; background-size: cover; } .aux-widget-3d-textbox .aux-wrap-style-box:after { content: ''; display: block; padding-top: 100%; } .aux-widget-3d-textbox .aux-text-position-top-left .aux-3d-textbox-widget-content { text-align: left; } .aux-widget-3d-textbox .aux-text-position-top-center .aux-3d-textbox-widget-content { text-align: center; } .aux-widget-3d-textbox .aux-text-position-top-right .aux-3d-textbox-widget-content { text-align: right; } .aux-widget-3d-textbox .aux-text-position-center-left .aux-3d-textbox-widget-content { text-align: left; } .aux-widget-3d-textbox .aux-text-position-center-left .aux-3d-textbox-widget-content .col-title, .aux-widget-3d-textbox .aux-text-position-center-left .aux-3d-textbox-widget-content .col-subtitle { position: absolute; top: 50%; transform: translateY(-50%); margin: 0; } .aux-widget-3d-textbox .aux-text-position-center-left .aux-3d-textbox-widget-content .col-subtitle { margin-top: 40px; } .aux-widget-3d-textbox .aux-text-position-center-center .aux-3d-textbox-widget-content { text-align: center; } .aux-widget-3d-textbox .aux-text-position-center-center .aux-3d-textbox-widget-content .col-title, .aux-widget-3d-textbox .aux-text-position-center-center .aux-3d-textbox-widget-content .col-subtitle { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); margin: 0; } .aux-widget-3d-textbox .aux-text-position-center-center .aux-3d-textbox-widget-content .col-subtitle { margin-top: 40px; } .aux-widget-3d-textbox .aux-text-position-center-right .aux-3d-textbox-widget-content { text-align: right; } .aux-widget-3d-textbox .aux-text-position-center-right .aux-3d-textbox-widget-content .col-title, .aux-widget-3d-textbox .aux-text-position-center-right .aux-3d-textbox-widget-content .col-subtitle { position: absolute; top: 50%; transform: translateY(-50%); margin: 0; right: 20px; } .aux-widget-3d-textbox .aux-text-position-center-right .aux-3d-textbox-widget-content .col-subtitle { margin-top: 40px; } .aux-widget-3d-textbox .aux-text-position-bottom-left .aux-3d-textbox-widget-content { text-align: left; } .aux-widget-3d-textbox .aux-text-position-bottom-left .aux-3d-textbox-widget-content .col-title, .aux-widget-3d-textbox .aux-text-position-bottom-left .aux-3d-textbox-widget-content .col-subtitle { position: absolute; bottom: 65px; margin: 0; } .aux-widget-3d-textbox .aux-text-position-bottom-left .aux-3d-textbox-widget-content .col-subtitle { bottom: 40px; } .aux-widget-3d-textbox .aux-text-position-bottom-center .aux-3d-textbox-widget-content { text-align: center; } .aux-widget-3d-textbox .aux-text-position-bottom-center .aux-3d-textbox-widget-content .col-title, .aux-widget-3d-textbox .aux-text-position-bottom-center .aux-3d-textbox-widget-content .col-subtitle { position: absolute; bottom: 65px; margin: 0; left: 0; right: 0; } .aux-widget-3d-textbox .aux-text-position-bottom-center .aux-3d-textbox-widget-content .col-subtitle { bottom: 40px; } .aux-widget-3d-textbox .aux-text-position-bottom-right .aux-3d-textbox-widget-content { text-align: right; } .aux-widget-3d-textbox .aux-text-position-bottom-right .aux-3d-textbox-widget-content .col-title, .aux-widget-3d-textbox .aux-text-position-bottom-right .aux-3d-textbox-widget-content .col-subtitle { position: absolute; bottom: 65px; margin: 0; right: 20px; } .aux-widget-3d-textbox .aux-text-position-bottom-right .aux-3d-textbox-widget-content .col-subtitle { bottom: 40px; } .master-carousel, .master-carousel-slider { overflow: hidden; position: relative; } .aux-mc-wrapper { position: relative; } .aux-mc-item { position: absolute; } .aux-mc-item img { width: 100%; } .aux-mc-container, .mc-view-container { position: relative; } .master-carousel-slider .aux-mc-item { cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .master-carousel-slider.aux-no-js > .aux-mc-item:first-child { display: block; position: relative; } .master-carousel-slider.aux-no-js > * { display: none; } .aux-mc-controls { text-align: center; } .aux-mc-controls .aux-mc-arrows { display: inline-block; position: relative; cursor: pointer; padding: 15px 5px; } .aux-mc-controls .aux-next { left: -1px; } .aux-mc-controls .aux-bullets .aux-bullet, .aux-mc-controls .aux-bullets.aux-overlay .aux-select-overlay { display: inline-block; margin-right: 0.5em; } .aux-side-control ~ .aux-mc-controls .aux-mc-arrows { position: absolute; top: 50%; transform: translateY(-50%); } .aux-side-control ~ .aux-mc-controls .aux-next { right: -100px; left: auto; } .aux-side-control ~ .aux-mc-controls .aux-prev { left: -100px; right: auto; } .master-carousel.aux-mc-before-init { white-space: nowrap; } .master-carousel.aux-mc-before-init .aux-carousel-controls { display: none; } .master-carousel.aux-mc-before-init > .aux-mc-item { position: relative; display: inline-block; vertical-align: top; padding-right: 30px; white-space: normal; } .master-carousel.aux-mc-before-init[data-columns='1'] > .aux-mc-item { width: 100%; padding-right: 0; } .master-carousel.aux-mc-before-init[data-columns='2'] > .aux-mc-item { width: 50%; } .master-carousel.aux-mc-before-init[data-columns='2'] > .aux-mc-item:nth-child(2n+2) { padding-right: 0; } .master-carousel.aux-mc-before-init[data-columns='3'] > .aux-mc-item { width: 33.33333%; } .master-carousel.aux-mc-before-init[data-columns='3'] > .aux-mc-item:nth-child(3n+3) { padding-right: 0; } .master-carousel.aux-mc-before-init[data-columns='4'] > .aux-mc-item { width: 25%; } .master-carousel.aux-mc-before-init[data-columns='4'] > .aux-mc-item:nth-child(4n+4) { padding-right: 0; } .master-carousel.aux-mc-before-init[data-columns='5'] > .aux-mc-item { width: 20%; } .master-carousel.aux-mc-before-init[data-columns='5'] > .aux-mc-item:nth-child(5n+5) { padding-right: 0; } .master-carousel.aux-mc-before-init[data-columns='6'] > .aux-mc-item { width: 16.66667%; } .master-carousel.aux-mc-before-init[data-columns='6'] > .aux-mc-item:nth-child(6n+6) { padding-right: 0; } .aux-pagination { list-style: none; } .aux-pagination li { float: left; } .aux-pagination .pagination { margin-bottom: 0; } .aux-pagination .pagination:after { content: ""; display: table; clear: both; } .aux-pagination .pagination > li { margin-bottom: 0; } .aux-pagination li > a, .aux-pagination li > span { text-decoration: none; display: block; border: solid 1px #aaa; border-right-width: 0; color: #3d3d3d; line-height: 35px; text-align: center; font-size: 0.85em; font-weight: 600; padding: 0 15px; transition: all 300ms; } .aux-pagination li > a:hover { color: white; background-color: #3d3d3d; } .aux-pagination li:last-child > a { border-right-width: 1px; } .aux-pagination li.prev a, .aux-pagination li.next a { overflow: hidden; font-size: 0; color: transparent; width: 35px; padding: 0; position: relative; cursor: pointer; } .aux-pagination li.prev a::after, .aux-pagination li.prev a::before, .aux-pagination li.next a::after, .aux-pagination li.next a::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 300ms; } .aux-pagination li.prev a::before, .aux-pagination li.next a::before { opacity: 0; } .aux-pagination li.prev a:hover::after, .aux-pagination li.next a:hover::after { opacity: 0; } .aux-pagination li.prev a:hover::before, .aux-pagination li.next a:hover::before { opacity: 1; } .aux-pagination li.next a::after { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: 0px -761px; } .aux-pagination li.prev a::after { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: 0px -722px; } .aux-pagination li.next a::before { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: -178px -761px; } .aux-pagination li.prev a::before { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: -178px -722px; } .aux-pagination li.page { margin-bottom: 0; } .aux-pagination li.page a, .aux-pagination li.page span { width: 35px; color: #bbb; padding: 0; } .aux-pagination li.page a:hover { background-color: inherit; color: #3d3d3d; } .aux-pagination.aux-page-no-border li.page a, .aux-pagination.aux-page-no-border li.page span { border-color: transparent; border-right-width: 1px; } .aux-pagination.aux-page-no-border li.prev > a { border-right-width: 1px; } .aux-pagination.aux-round li > a, .aux-pagination.aux-round li > span { border-radius: 20em; margin: 3px; border-right-width: 1px; } .aux-pagination.aux-round li.page > span, .aux-pagination.aux-round li.page > a, .aux-pagination.aux-round li.prev > span, .aux-pagination.aux-round li.prev > a, .aux-pagination.aux-round li.next > span, .aux-pagination.aux-round li.next > a { border-radius: 50%; width: 37px; height: 37px; } .aux-pagination.aux-no-border li a, .aux-pagination.aux-no-border li span { border-color: transparent; border-right-width: 1px; } .aux-pagination.aux-no-border li a:hover, .aux-pagination.aux-page-no-border li a:hover, .aux-pagination.aux-round li a:hover { border-color: #3d3d3d; } .aux-pagination li.page.active a, .aux-pagination li.page.active span { background-color: #3d3d3d; color: white; border-color: #3d3d3d; } @media print { .aux-pagination { display: none; } } /* ---------------- media element --------------------- */ .mejs-container button { transition: none; } .mejs-container.aux-player-dark .mejs-overlay-button, .mejs-container.aux-player-light .mejs-overlay-button, .mejs-container.aux-player-light .mejs-overlay-button { background: url(other/mejs/dark-video-play.svg) no-repeat -30px -30px; width: 72px; height: 48px; margin: -24px 0 0 -36px; } .mejs-container.aux-player-dark .mejs-overlay:hover .mejs-overlay-button, .mejs-container.aux-player-light .mejs-overlay:hover .mejs-overlay-button, .mejs-container.aux-player-light .mejs-overlay:hover .mejs-overlay-button { background-position: -30px -118px; } .mejs-container.aux-player-dark .mejs-controls, .mejs-container.aux-player-light .mejs-controls, .mejs-container.aux-player-light .mejs-controls { -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; height: 44px; } .mejs-container.aux-player-dark .mejs-controls > div, .mejs-container.aux-player-light .mejs-controls > div, .mejs-container.aux-player-light .mejs-controls > div { font-size: 12px; height: 100%; } .mejs-container.aux-player-dark .mejs-controls .mejs-time, .mejs-container.aux-player-light .mejs-controls .mejs-time, .mejs-container.aux-player-light .mejs-controls .mejs-time { padding: 0; margin: 0 5px; height: auto; line-height: 44px; } .mejs-container.aux-player-dark .mejs-controls .mejs-currenttime-container, .mejs-container.aux-player-light .mejs-controls .mejs-currenttime-container, .mejs-container.aux-player-light .mejs-controls .mejs-currenttime-container { margin-left: 0; } .mejs-container.aux-player-dark .mejs-controls .mejs-playpause-button, .mejs-container.aux-player-light .mejs-controls .mejs-playpause-button, .mejs-container.aux-player-light .mejs-controls .mejs-playpause-button { position: relative; width: 44px; } .mejs-container.aux-player-dark .mejs-controls .mejs-playpause-button button, .mejs-container.aux-player-light .mejs-controls .mejs-playpause-button button, .mejs-container.aux-player-light .mejs-controls .mejs-playpause-button button { margin: 0; height: 100%; width: 100%; } .mejs-container.aux-player-dark .mejs-controls .mejs-time-rail, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail { padding-top: 0; } .mejs-container.aux-player-dark .mejs-controls .mejs-time-rail:focus, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail:focus, .mejs-container.aux-player-dark .mejs-controls .mejs-time-rail *:focus, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail *:focus, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail:focus, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail *:focus { outline: 0; } .mejs-container.aux-player-dark .mejs-controls .mejs-time-rail span, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail span, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail span { height: 3px; } .mejs-container.aux-player-dark .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail .mejs-time-total { margin: 0 5px; border: solid; border-width: 20px 0; box-sizing: content-box; } .mejs-container.aux-player-dark .mejs-controls .mejs-time-rail .mejs-time-float, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail .mejs-time-float, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail .mejs-time-float { top: -30px; height: 20px; width: 40px; } .mejs-container.aux-player-dark .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-current, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-current, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-current { top: 5px; margin: 0; width: 100%; height: auto; } .mejs-container.aux-player-dark .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-corner, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-corner, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-corner { height: auto; top: 18px; left: 14px; } .mejs-container.aux-player-dark .mejs-controls .mejs-volume-button, .mejs-container.aux-player-light .mejs-controls .mejs-volume-button, .mejs-container.aux-player-light .mejs-controls .mejs-volume-button { position: relative; width: 30px; } .mejs-container.aux-player-dark .mejs-controls .mejs-volume-button button, .mejs-container.aux-player-light .mejs-controls .mejs-volume-button button, .mejs-container.aux-player-light .mejs-controls .mejs-volume-button button { margin: 0; width: 100%; height: 100%; } .mejs-container.aux-player-dark .mejs-controls .mejs-fullscreen-button, .mejs-container.aux-player-light .mejs-controls .mejs-fullscreen-button, .mejs-container.aux-player-light .mejs-controls .mejs-fullscreen-button { position: relative; width: 51px; } .mejs-container.aux-player-dark .mejs-controls .mejs-fullscreen-button button, .mejs-container.aux-player-light .mejs-controls .mejs-fullscreen-button button, .mejs-container.aux-player-light .mejs-controls .mejs-fullscreen-button button { margin: 0; width: 100%; height: 100%; } .mejs-container.aux-player-dark.mejs-video .mejs-controls, .mejs-container.mejs-video.aux-player-light .mejs-controls, .mejs-container.aux-player-light.mejs-video .mejs-controls { bottom: 20px; left: 20px; right: 20px; width: auto; } .mejs-container.aux-player-dark.mejs-audio, .mejs-container.mejs-audio.aux-player-light, .mejs-container.aux-player-light.mejs-audio { height: 44px !important; } .mejs-container.aux-player-dark.mejs-audio .mejs-controls .mejs-horizontal-volume-slider, .mejs-container.mejs-audio.aux-player-light .mejs-controls .mejs-horizontal-volume-slider, .mejs-container.aux-player-light.mejs-audio .mejs-controls .mejs-horizontal-volume-slider { height: 100%; width: 44px; } .mejs-container.aux-player-dark.mejs-audio .mejs-controls .mejs-horizontal-volume-total, .mejs-container.mejs-audio.aux-player-light .mejs-controls .mejs-horizontal-volume-total, .mejs-container.aux-player-light.mejs-audio .mejs-controls .mejs-horizontal-volume-total { height: 17px; width: 25px; top: 13px; left: 6px; } .mejs-container.aux-player-dark.mejs-audio .mejs-controls .mejs-horizontal-volume-current, .mejs-container.mejs-audio.aux-player-light .mejs-controls .mejs-horizontal-volume-current, .mejs-container.aux-player-light.mejs-audio .mejs-controls .mejs-horizontal-volume-current { top: 0; height: 17px; } .mejs-container.aux-player-dark .mejs-controls, .mejs-container.aux-player-light .mejs-controls { background-color: black; color: white; } .mejs-container.aux-player-dark .mejs-controls .mejs-playpause-button button, .mejs-container.aux-player-light .mejs-controls .mejs-playpause-button button { background: url(other/mejs/dark-player.controls.svg) no-repeat -18px -16px; } .mejs-container.aux-player-dark .mejs-controls .mejs-playpause-button button:hover, .mejs-container.aux-player-light .mejs-controls .mejs-playpause-button button:hover { background-position: -84px -16px; } .mejs-container.aux-player-dark .mejs-controls .mejs-pause button, .mejs-container.aux-player-light .mejs-controls .mejs-pause button { background-position: -18px -72px; } .mejs-container.aux-player-dark .mejs-controls .mejs-pause button:hover, .mejs-container.aux-player-light .mejs-controls .mejs-pause button:hover { background-position: -84px -72px; } .mejs-container.aux-player-dark .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail .mejs-time-total { border-color: black; background-color: #636363; } .mejs-container.aux-player-dark .mejs-controls .mejs-time-rail .mejs-time-loaded, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail .mejs-time-loaded { background-color: #aaa; } .mejs-container.aux-player-dark .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-container.aux-player-light .mejs-controls .mejs-time-rail .mejs-time-current { background-color: white; } .mejs-container.aux-player-dark .mejs-controls .mejs-volume-button button, .mejs-container.aux-player-light .mejs-controls .mejs-volume-button button { background: url(other/mejs/dark-player.controls.svg) no-repeat -26px -236px; } .mejs-container.aux-player-dark .mejs-controls .mejs-volume-button button:hover, .mejs-container.aux-player-light .mejs-controls .mejs-volume-button button:hover { background-position: -92px -236px; } .mejs-container.aux-player-dark .mejs-controls .mejs-unmute button, .mejs-container.aux-player-light .mejs-controls .mejs-unmute button { background-position: -26px -280px; } .mejs-container.aux-player-dark .mejs-controls .mejs-unmute button:hover, .mejs-container.aux-player-light .mejs-controls .mejs-unmute button:hover { background-position: -92px -280px; } .mejs-container.aux-player-dark .mejs-controls .mejs-fullscreen-button button, .mejs-container.aux-player-light .mejs-controls .mejs-fullscreen-button button { background: url(other/mejs/dark-player.controls.svg) no-repeat -18px -127px; } .mejs-container.aux-player-dark .mejs-controls .mejs-fullscreen-button button:hover, .mejs-container.aux-player-light .mejs-controls .mejs-fullscreen-button button:hover { background-position: -84px -127px; } .mejs-container.aux-player-dark .mejs-controls .mejs-unfullscreen button, .mejs-container.aux-player-light .mejs-controls .mejs-unfullscreen button { background-position: -18px -182px; } .mejs-container.aux-player-dark .mejs-controls .mejs-unfullscreen button:hover, .mejs-container.aux-player-light .mejs-controls .mejs-unfullscreen button:hover { background-position: -84px -182px; } .mejs-container.aux-player-dark.mejs-audio .mejs-controls .mejs-horizontal-volume-slider, .mejs-container.mejs-audio.aux-player-light .mejs-controls .mejs-horizontal-volume-slider { height: 100%; } .mejs-container.aux-player-dark.mejs-audio .mejs-controls .mejs-horizontal-volume-total, .mejs-container.mejs-audio.aux-player-light .mejs-controls .mejs-horizontal-volume-total { background: url(other/mejs/dark-player.controls.svg) no-repeat -32px -403px; } .mejs-container.aux-player-dark.mejs-audio .mejs-controls .mejs-horizontal-volume-current, .mejs-container.mejs-audio.aux-player-light .mejs-controls .mejs-horizontal-volume-current { background: url(other/mejs/dark-player.controls.svg) no-repeat -32px -348px; } .mejs-container.aux-player-dark.mejs-audio .mejs-controls .mejs-horizontal-volume-current:hover, .mejs-container.mejs-audio.aux-player-light .mejs-controls .mejs-horizontal-volume-current:hover { background-position: -98px -348px; } .mejs-container.aux-player-light .mejs-overlay-button { background-image: url(other/mejs/light-video-play.svg); } .mejs-container.aux-player-light .mejs-controls { background-color: white; color: #3D3D3D; } .mejs-container.aux-player-light .mejs-controls .mejs-time { color: #3D3D3D; } .mejs-container.aux-player-light .mejs-controls .mejs-playpause-button button { background-image: url(other/mejs/light-player.controls.svg); } .mejs-container.aux-player-light .mejs-controls .mejs-pause button { background-position: -18px -72px; } .mejs-container.aux-player-light .mejs-controls .mejs-time-rail .mejs-time-total { border-color: white; background-color: #DEDEDE; } .mejs-container.aux-player-light .mejs-controls .mejs-time-rail .mejs-time-current { background-color: #3D3D3D; } .mejs-container.aux-player-light .mejs-controls .mejs-volume-button button { background-image: url(other/mejs/light-player.controls.svg); } .mejs-container.aux-player-light .mejs-controls .mejs-fullscreen-button button { background-image: url(other/mejs/light-player.controls.svg); } .mejs-container.aux-player-light .mejs-controls .mejs-time-rail .mejs-time-float { border: none; color: white; background: #3D3D3D; } .mejs-container.aux-player-light .mejs-controls .mejs-time-rail .mejs-time-float .mejs-time-float-corner { border-top-color: #3D3D3D; } .mejs-container.aux-player-light.mejs-audio .mejs-controls .mejs-horizontal-volume-total { background-image: url(other/mejs/light-player.controls.svg); } .mejs-container.aux-player-light.mejs-audio .mejs-controls .mejs-horizontal-volume-current { background-image: url(other/mejs/light-player.controls.svg); } .wp-playlist { border: 0 !important; padding: 0 !important; margin: 5px -15px !important; } .wp-playlist .ps__rail-y { right: 15px !important; } .wp-playlist .wp-playlist-tracks { margin: 0; padding: 0 15px; min-height: 240px; position: relative; overflow: auto; } .wp-playlist .aux-playlist-background { position: absolute; left: 15px; right: 15px; top: 0; bottom: 0; z-index: 0; background: #3D3D3D; } .wp-playlist .wp-playlist-item { min-height: 80px; background: #3D3D3D; display: block; padding: 0; border: 0; } .wp-playlist .wp-playlist-item:after { content: ""; border-bottom: 1px solid #4f4f4f; position: absolute; left: 80px; right: 0; bottom: 0; } .wp-playlist .wp-playlist-item-title { display: table-cell; vertical-align: middle; padding: 0 20px; } .wp-playlist .wp-playlist-item-title h4 { color: #FFFFFF; word-break: break-all; font-size: 18px; font-weight: 600; margin: 0; } .wp-playlist .wp-playlist-caption { position: relative; display: table-cell; width: 80px; height: 80px; } .wp-playlist .wp-playlist-caption .wp-playlist-item-artist { object-fit: cover; height: 100%; } .wp-playlist .wp-playlist-caption .wp-playlist-item-length { top: auto; bottom: 0; right: 0; font-family: Roboto, Arial, sans-serif; letter-spacing: 0.5px; font-size: 0.8rem; font-weight: 500; line-height: 0.8rem; color: #FFFFFF; background-color: #1A1A1A; opacity: 0.8; padding: 1px 4px; } .wp-playlist .wp-playlist-caption:after { content: url(images/svg/play.svg); color: #FFFFFF; position: absolute; left: 46%; top: 50%; line-height: 1; transform: translateY(-50%); } .wp-playlist .wp-playlist-caption.aux-has-no-thubmnail { background: #2f2f2f; } .wp-playlist .wp-playlist-caption.aux-has-no-thubmnail .wp-playlist-item-artist { visibility: hidden; } .wp-playlist .wp-playlist-playing { background: #4f4f4f !important; } .wp-playlist .wp-playlist-playing .wp-playlist-caption:after { content: url(images/svg/pause.svg); } .aux-provider-vimeo .mejs-controls { display: none; } q { quotes: "“" "”" "‘" "’"; font-style: italic; font-size: 1.1em; } blockquote { border: none; background-color: rgba(0, 0, 0, 0.05); color: inherit; font-style: normal; } .aux-quote-symbol { position: relative; } .aux-quote-symbol > p { position: relative; z-index: 1; } .aux-quote-symbol p:first-child { text-indent: 2em; } .aux-quote-symbol:before { content: open-quote; position: absolute; top: 12px; left: 23px; display: block; color: #DEDEDE; line-height: 100%; font-size: 5.5em; font-family: Georgia; } .aux-quote-symbol:after { content: close-quote; color: #DEDEDE; line-height: 100%; font-family: Georgia; visibility: hidden; } .aux-quote-letter > p::after, .aux-quote-letter > p::before { display: inline; font-size: 1.2em; } .aux-quote-letter > p::before { content: open-quote; } .aux-quote-letter > p::after { content: close-quote; } .aux-elem-quote.aux-float-right, .aux-elem-quote.aux-float-left { width: 33%; margin-bottom: 0; } @media screen and (max-width: 767px) { .aux-resp .aux-elem-quote.aux-float-right, .aux-resp .aux-elem-quote.aux-float-left { width: 100%; } } .aux-elem-quote.aux-float-right { margin-left: 1em; } .aux-pullquote-colorized, .aux-pullquote-normal { border-width: 0 0 0 3px; border-style: solid; font-size: 1.4em; } .aux-pullquote-colorized { padding-top: 10px; padding-bottom: 10px; border-color: #BBB; background-color: #F3F3F3; } .aux-pullquote-normal { padding-top: 0; padding-bottom: 0; border-color: #333; background-color: transparent; } .aux-quote-normal { margin-top: 30px; margin-bottom: 30px; padding-top: 0; padding-bottom: 0; border: none; font-size: 1.35em; background-color: transparent; } .aux-blockquote-bordered { border: 7px solid #AAA; color: #505050; } .aux-intro-hero { font-size: 1.5em; padding: 1.2em; margin-top: 1em; margin-bottom: 1em; } .aux-intro-normal { font-size: 1.22em; margin-bottom: 1em; } .aux-intro-splitter { margin-top: 1em; margin-bottom: 1em; padding: 1.9em 1.2em; border: 2px solid #505050; border-left-width: 0; border-right-width: 0; line-height: 1.65; font-size: 1.2em; } /** Burger buttons */ .aux-burger { position: relative; cursor: pointer; } .aux-burger .mid-line, .aux-burger::before, .aux-burger::after { width: 100%; content: ""; display: block; border-bottom: solid; box-sizing: border-box; border-color: #222; transition: all 300ms; } .aux-burger::before { border-top: solid; border-bottom: none; border-color: #222; transform-origin: 0 0%; } .aux-burger::after { bottom: 0; transform-origin: 0 100%; } .aux-burger.aux-white .mid-line, .aux-burger.aux-white::before, .aux-burger.aux-white::after { border-color: #fff; } .aux-burger.aux-round-lines .mid-line, .aux-burger.aux-round-lines::before, .aux-burger.aux-round-lines::after { border-radius: 10px; } .aux-burger[class*="small"] { width: 20px; } .aux-burger, .aux-burger[class*="medium"] { width: 28px; } .aux-burger[class*="large"] { width: 34px; } .aux-burger[class*="lite"] .mid-line, .aux-burger[class*="lite"]::before, .aux-burger[class*="lite"]::after { border-width: 1px; } .aux-burger[class*="lite"]::after { margin-bottom: 0px !important; } .aux-burger .mid-line, .aux-burger::before, .aux-burger::after, .aux-burger[class*="regular"] .mid-line, .aux-burger[class*="regular"]::before, .aux-burger[class*="regular"]::after { border-width: 2px; } .aux-burger::after, .aux-burger[class*="regular"]::after { margin-bottom: 0px !important; } .aux-burger[class*="thick"] .mid-line, .aux-burger[class*="thick"]::before, .aux-burger[class*="thick"]::after { border-width: 4px; } .aux-burger[class*="thick"]::after { margin-bottom: 0px !important; } .aux-burger.aux-lite-small .mid-line { margin: 8.5px 0; } .aux-burger.aux-lite-small.aux-close .mid-line, .aux-burger.aux-lite-small.aux-close::before, .aux-burger.aux-lite-small.aux-close::after { width: 27.284px; } .aux-burger.aux-lite-medium .mid-line { margin: 12.5px 0; } .aux-burger.aux-lite-medium.aux-close .mid-line, .aux-burger.aux-lite-medium.aux-close::before, .aux-burger.aux-lite-medium.aux-close::after { width: 38.5976px; } .aux-burger.aux-lite-large .mid-line { margin: 15.5px 0; } .aux-burger.aux-lite-large.aux-close .mid-line, .aux-burger.aux-lite-large.aux-close::before, .aux-burger.aux-lite-large.aux-close::after { width: 47.0828px; } .aux-burger.aux-regular-small .mid-line { margin: 7px 0; } .aux-burger.aux-regular-small.aux-close .mid-line, .aux-burger.aux-regular-small.aux-close::before, .aux-burger.aux-regular-small.aux-close::after { width: 26.284px; } .aux-burger.aux-regular-medium .mid-line { margin: 11px 0; } .aux-burger.aux-regular-medium.aux-close .mid-line, .aux-burger.aux-regular-medium.aux-close::before, .aux-burger.aux-regular-medium.aux-close::after { width: 37.5976px; } .aux-burger.aux-regular-large .mid-line { margin: 14px 0; } .aux-burger.aux-regular-large.aux-close .mid-line, .aux-burger.aux-regular-large.aux-close::before, .aux-burger.aux-regular-large.aux-close::after { width: 46.0828px; } .aux-burger.aux-thick-small .mid-line { margin: 4px 0; } .aux-burger.aux-thick-small.aux-close .mid-line, .aux-burger.aux-thick-small.aux-close::before, .aux-burger.aux-thick-small.aux-close::after { width: 24.284px; } .aux-burger.aux-thick-medium .mid-line { margin: 8px 0; } .aux-burger.aux-thick-medium.aux-close .mid-line, .aux-burger.aux-thick-medium.aux-close::before, .aux-burger.aux-thick-medium.aux-close::after { width: 35.5976px; } .aux-burger.aux-thick-large .mid-line { margin: 11px 0; } .aux-burger.aux-thick-large.aux-close .mid-line, .aux-burger.aux-thick-large.aux-close::before, .aux-burger.aux-thick-large.aux-close::after { width: 44.0828px; } .aux-burger:hover::before { transform: translateY(-4px); } .aux-burger:hover::after { transform: translateY(4px); } .aux-burger.aux-close::before { transform: rotate(45deg); } .aux-burger.aux-close .mid-line { width: 0 !important; } .aux-burger.aux-close::after { transform: rotate(-45deg); } .aux-burger.aux-custom-burger:after, .aux-burger.aux-custom-burger:before { display: none; } /** Override Timeline style here */ .aux-timeline .aux-date-label { border-radius: 15px; border: 1px solid #ACACAC; padding: 5px 12px; background-color: #AAA; color: white; font-size: 12px; font-weight: bold; text-transform: uppercase; } .aux-timeline .post_format-post-format-quote.post { background-color: #333; padding-bottom: 30px; } .aux-timeline .post_format-post-format-quote.post .entry-main { padding-bottom: 0px; } .aux-timeline .post_format-post-format-quote.post .entry-main .comments-iconic { font-size: 0.875em; margin-right: 30px; } .aux-timeline .post_format-post-format-link .entry-meta { margin-top: 1.5em; } .aux-timeline .entry-main .entry-meta .readmore .aux-read-more:hover { color: #1bb0ce !important; } .aux-timeline.aux-left::before { left: 37px; } .aux-timeline.aux-right::before { right: 39px; } .aux-timeline.aux-center .aux-block:nth-of-type(odd) article { text-align: right; } .aux-timeline.aux-center .aux-block:nth-of-type(even) article { text-align: left; } .aux-timeline.aux-center .no-media { margin-top: 0; } .stacktable { width: 100%; } .st-head-row { padding-top: 1em; } .st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; } .st-key { width: 49%; text-align: right; padding-right: 1%; } .st-val { width: 49%; padding-left: 1%; } /* RESPONSIVE EXAMPLE */ .stacktable.large-only { display: table; } @media screen and (max-width: 990px) { .stacktable.large-only { display: none; } } .stacktable.small-only { display: none; } @media screen and (max-width: 990px) { .stacktable.small-only { display: table; } } .aux-counter .aux-counter-number-wrapper { display: flex; font-size: 69px; font-weight: 600; color: #222; line-height: 1; } .aux-counter .aux-counter-number-prefix { text-align: right; } .aux-counter .aux-counter-number-prefix, .aux-counter .aux-counter-number-suffix { flex-grow: 1; white-space: pre-wrap; } .aux-counter .aux-counter-number-suffix { text-align: left; } .aux-counter .aux-counter-title { text-align: center; font-size: 19px; font-weight: 400; color: #666; line-height: 2.5; } /*!>>>>>>>>>>>>>>>>>>>> #Ultimate VC Addon elements style <<<<<<<<<<<<<<<<<<<<<< */ .vc_row .aio-icon [class^="auxicon-"]:before, .vc_row .aio-icon [class*=" auxicon-"]:before { line-height: inherit !important; } .aux-territory .ult_countdown .ult_countdown-row .ult_countdown-section { padding: 0 5%; } .smile-icon-timeline-wrap .timeline-wrapper { border-radius: 0; } .smile-icon-timeline-wrap .timeline-wrapper .timeline-block { border: 1px solid #bbb !important; width: calc(50% - 40px) !important; border-radius: 0; } .smile-icon-timeline-wrap .timeline-wrapper .timeline-block .timeline-header { padding: 30px; } .smile-icon-timeline-wrap .timeline-wrapper .timeline-block.timeline-post-right { margin-left: 80px !important; } .smile-icon-timeline-wrap .timeline-wrapper .timeline-block.timeline-post-right .timeline-dot { left: -46px; } .smile-icon-timeline-wrap .timeline-wrapper .timeline-block.timeline-post-left .timeline-dot { right: -48px !important; } .smile-icon-timeline-wrap .timeline-wrapper .timeline-separator-text .sep-text { padding: 5px 12px; border-radius: 15px; } .smile-icon-timeline-wrap .timeline-wrapper .timeline-post-right .ult-timeline-arrow l { border-width: 13px 10px 13px 0; top: -26px; border-right-color: white; } .smile-icon-timeline-wrap .timeline-wrapper .timeline-post-right .ult-timeline-arrow s { border-color: transparent #bbb !important; border-width: 13px 10px 13px 0; } .smile-icon-timeline-wrap .timeline-wrapper .timeline-post-left .ult-timeline-arrow l { border-width: 13px 0 13px 10px; top: -26px; border-left-color: white; } .smile-icon-timeline-wrap .timeline-wrapper .timeline-post-left .ult-timeline-arrow s { border-color: transparent #bbb !important; border-width: 13px 0 13px 10px; } .smile-icon-timeline-wrap .timeline-wrapper .timeline-dot, .smile-icon-timeline-wrap .timeline-feature-item .timeline-dot { background-color: white !important; border: solid #ACACAC 1px; border-radius: 50%; width: 14px; height: 14px; } .smile-icon-timeline-wrap .timeline-wrapper .timeline-dot { top: 36px; } .smile-icon-timeline-wrap .timeline-feature-item .timeline-dot { top: -10px; } .smile-icon-timeline-wrap .timeline-feature-item { border: 1px solid #bbb !important; border-radius: 0 !important; } .smile-icon-timeline-wrap .timeline-feature-item .ult-timeline-arrow l { border-width: 0px 13px 10px 13px; border-bottom-color: white; top: -10px; left: -12px; } .smile-icon-timeline-wrap .timeline-feature-item .ult-timeline-arrow s { border-color: #bbb transparent !important; border-width: 0px 13px 10px 13px; top: -1px; left: -12px; } .ult-just-icon-wrapper .bsf_tooltip-inner { -webkit-transition: opacity 800ms ease-out; transition: opacity 800ms ease-out; border-radius: 25px; padding: 12px 17px 12px 13px; background-color: #3d3d3d; font-size: 14px; font-family: inherit; } .ult-just-icon-wrapper .bsf_tooltip.left .bsf_tooltip-arrow { right: 1px; } .ult-just-icon-wrapper .bsf_tooltip.right .bsf_tooltip-arrow { left: 1px; } /*!>>>>>>>>>>>>>>>>>>>> #Woo General Styles <<<<<<<<<<<<<<<<<<<<<< */ .woocommerce-page .woocommerce-tabs .panel { display: none; } .auxshp-title-heading { font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; margin: 0; } /*!>>>>>>>>>>>>>>>>>>>> #Custom Entry Styles <<<<<<<<<<<<<<<<<<<<<< */ /** Column view style for post entry content, this style can be used inside carousel, grid and masonry. // ------------------------------------------------------------------------------ */ .aux-column-post-entry .post, .aux-widget-recent-posts .post, .aux-widget-recent-posts-masonry .post { padding-bottom: 40px; } .aux-column-post-entry .post .entry-media, .aux-widget-recent-posts .post .entry-media, .aux-widget-recent-posts-masonry .post .entry-media { margin-bottom: 1.4375em; } .aux-column-post-entry .post .entry-header, .aux-widget-recent-posts .post .entry-header, .aux-widget-recent-posts-masonry .post .entry-header { margin-bottom: 0.5em; } .aux-column-post-entry .post .entry-title, .aux-widget-recent-posts .post .entry-title, .aux-widget-recent-posts-masonry .post .entry-title { font-size: 1.375em; } .aux-column-post-entry .post .entry-info, .aux-widget-recent-posts .post .entry-info, .aux-widget-recent-posts-masonry .post .entry-info { margin-bottom: 0.5em; } .aux-column-post-entry .post .entry-content, .aux-widget-recent-posts .post .entry-content, .aux-widget-recent-posts-masonry .post .entry-content, .aux-column-post-entry .post .comment-body, .aux-widget-recent-posts .post .comment-body, .aux-widget-recent-posts-masonry .post .comment-body { margin-bottom: 0.5em; } .aux-column-post-entry .post .entry-main, .aux-widget-recent-posts .post .entry-main, .aux-widget-recent-posts-masonry .post .entry-main { margin-bottom: 0; } .aux-column-post-entry .post .entry-meta .author, .aux-widget-recent-posts .post .entry-meta .author, .aux-widget-recent-posts-masonry .post .entry-meta .author, .aux-column-post-entry .post .entry-meta .aux-read-more, .aux-widget-recent-posts .post .entry-meta .aux-read-more, .aux-widget-recent-posts-masonry .post .entry-meta .aux-read-more { padding: 0; background: transparent; border: none; border-radius: 0; color: #AAA; font-weight: 500; font-size: 0.875em; } .aux-column-post-entry .post .entry-meta .author a:hover, .aux-widget-recent-posts .post .entry-meta .author a:hover, .aux-widget-recent-posts-masonry .post .entry-meta .author a:hover, .aux-column-post-entry .post .entry-meta .aux-read-more a:hover, .aux-widget-recent-posts .post .entry-meta .aux-read-more a:hover, .aux-widget-recent-posts-masonry .post .entry-meta .aux-read-more a:hover { color: #1bb0ce; } .aux-column-post-entry .post .entry-meta .author, .aux-widget-recent-posts .post .entry-meta .author, .aux-widget-recent-posts-masonry .post .entry-meta .author { float: left; } .aux-column-post-entry .post .entry-meta .author .avatar, .aux-widget-recent-posts .post .entry-meta .author .avatar, .aux-widget-recent-posts-masonry .post .entry-meta .author .avatar { margin-right: 0.5em; vertical-align: middle; width: 27px; height: 27px; border-radius: 50%; } .aux-column-post-entry .post .readmore, .aux-widget-recent-posts .post .readmore, .aux-widget-recent-posts-masonry .post .readmore { float: left; } .aux-column-post-entry .post .comments-iconic, .aux-widget-recent-posts .post .comments-iconic, .aux-widget-recent-posts-masonry .post .comments-iconic { display: flex; align-items: center; float: right; font-weight: 500; font-size: 0.875rem; color: #AAA; } .aux-column-post-entry .post .comments-iconic .auxicon-comment, .aux-widget-recent-posts .post .comments-iconic .auxicon-comment, .aux-widget-recent-posts-masonry .post .comments-iconic .auxicon-comment { vertical-align: middle; line-height: 100%; display: inline-block; } .aux-column-post-entry .post .comments-iconic .auxicon-comment:before, .aux-widget-recent-posts .post .comments-iconic .auxicon-comment:before, .aux-widget-recent-posts-masonry .post .comments-iconic .auxicon-comment:before { display: block; } .aux-column-post-entry .post .comments-number, .aux-widget-recent-posts .post .comments-number, .aux-widget-recent-posts-masonry .post .comments-number { position: relative; margin-left: 4px; } .aux-column-post-entry .column-entry, .aux-widget-recent-posts .column-entry, .aux-widget-recent-posts-masonry .column-entry { transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .aux-column-post-entry .aux-match-height .aux-col, .aux-widget-recent-posts .aux-match-height .aux-col, .aux-widget-recent-posts-masonry .aux-match-height .aux-col { margin-bottom: 14px; transition: all 150ms ease; } .aux-column-post-entry .aux-match-height .post, .aux-widget-recent-posts .aux-match-height .post, .aux-widget-recent-posts-masonry .aux-match-height .post { height: 100%; } .aux-column-post-entry .aux-match-height .post .aux-after-content, .aux-widget-recent-posts .aux-match-height .post .aux-after-content, .aux-widget-recent-posts-masonry .aux-match-height .post .aux-after-content { position: absolute; bottom: 0; left: 0; width: 100%; padding-right: inherit; padding-left: inherit; padding-bottom: 0.625em; } .aux-column-post-entry .aux-match-height .post .entry-meta.aux-before-content:after, .aux-widget-recent-posts .aux-match-height .post .entry-meta.aux-before-content:after, .aux-widget-recent-posts-masonry .aux-match-height .post .entry-meta.aux-before-content:after { content: ""; display: table; clear: both; } .aux-column-post-entry .aux-no-meta .post, .aux-widget-recent-posts .aux-no-meta .post, .aux-widget-recent-posts-masonry .aux-no-meta .post { padding-bottom: 0; } .aux-column-post-entry .aux-no-meta .entry-content p, .aux-widget-recent-posts .aux-no-meta .entry-content p, .aux-widget-recent-posts-masonry .aux-no-meta .entry-content p, .aux-column-post-entry .aux-no-meta .comment-body p, .aux-widget-recent-posts .aux-no-meta .comment-body p, .aux-widget-recent-posts-masonry .aux-no-meta .comment-body p { margin-bottom: 0; } .aux-column-post-entry .aux-border-collapse, .aux-widget-recent-posts .aux-border-collapse, .aux-widget-recent-posts-masonry .aux-border-collapse { margin-left: 0; margin-right: 0; } .aux-column-post-entry .post.post_format-post-format-link .entry-content a, .aux-widget-recent-posts .post.post_format-post-format-link .entry-content a, .aux-widget-recent-posts-masonry .post.post_format-post-format-link .entry-content a, .aux-column-post-entry .post.post_format-post-format-link .comment-body a, .aux-widget-recent-posts .post.post_format-post-format-link .comment-body a, .aux-widget-recent-posts-masonry .post.post_format-post-format-link .comment-body a { line-height: 150%; } .aux-column-post-entry .post.post_format-post-format-link .entry-info, .aux-widget-recent-posts .post.post_format-post-format-link .entry-info, .aux-widget-recent-posts-masonry .post.post_format-post-format-link .entry-info { margin-bottom: 0.875em; } .aux-column-post-entry .aux-entry-boxed .post, .aux-widget-recent-posts .aux-entry-boxed .post, .aux-widget-recent-posts-masonry .aux-entry-boxed .post { background-color: #FFFFFF; box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2); } .aux-column-post-entry .aux-entry-boxed .post .entry-media, .aux-widget-recent-posts .aux-entry-boxed .post .entry-media, .aux-widget-recent-posts-masonry .aux-entry-boxed .post .entry-media { margin-bottom: 0; } .aux-column-post-entry .aux-entry-boxed .post .entry-main, .aux-widget-recent-posts .aux-entry-boxed .post .entry-main, .aux-widget-recent-posts-masonry .aux-entry-boxed .post .entry-main { padding: 1.5em 1.8125em 0.625em; } .aux-column-post-entry .aux-entry-boxed .post.post.post_format-post-format-quote, .aux-widget-recent-posts .aux-entry-boxed .post.post.post_format-post-format-quote, .aux-widget-recent-posts-masonry .aux-entry-boxed .post.post.post_format-post-format-quote { background-color: #333; } .aux-column-post-entry .aux-entry-boxed .post.post.post_format-post-format-quote .entry-header, .aux-widget-recent-posts .aux-entry-boxed .post.post.post_format-post-format-quote .entry-header, .aux-widget-recent-posts-masonry .aux-entry-boxed .post.post.post_format-post-format-quote .entry-header { margin-bottom: 0px; } .aux-column-post-entry .aux-entry-boxed .post.post.post_format-post-format-quote .entry-main, .aux-widget-recent-posts .aux-entry-boxed .post.post.post_format-post-format-quote .entry-main, .aux-widget-recent-posts-masonry .aux-entry-boxed .post.post.post_format-post-format-quote .entry-main { padding: 0px 0px 0.625em; } .aux-column-post-entry .aux-entry-boxed .post.post.post_format-post-format-quote .entry-meta .author.vcard, .aux-widget-recent-posts .aux-entry-boxed .post.post.post_format-post-format-quote .entry-meta .author.vcard, .aux-widget-recent-posts-masonry .aux-entry-boxed .post.post.post_format-post-format-quote .entry-meta .author.vcard { margin-left: 30px; margin-bottom: 1.4375em; } .aux-column-post-entry .aux-entry-boxed .post.post.post_format-post-format-quote .entry-meta .comments-iconic, .aux-widget-recent-posts .aux-entry-boxed .post.post.post_format-post-format-quote .entry-meta .comments-iconic, .aux-widget-recent-posts-masonry .aux-entry-boxed .post.post.post_format-post-format-quote .entry-meta .comments-iconic { margin-right: 30px; margin-bottom: 1.4375em; } .aux-column-post-entry .aux-entry-boxed .post.post.post_format-post-format-link .entry-content a, .aux-widget-recent-posts .aux-entry-boxed .post.post.post_format-post-format-link .entry-content a, .aux-widget-recent-posts-masonry .aux-entry-boxed .post.post.post_format-post-format-link .entry-content a, .aux-column-post-entry .aux-entry-boxed .post.post.post_format-post-format-link .comment-body a, .aux-widget-recent-posts .aux-entry-boxed .post.post.post_format-post-format-link .comment-body a, .aux-widget-recent-posts-masonry .aux-entry-boxed .post.post.post_format-post-format-link .comment-body a { line-height: 150%; } .aux-column-post-entry .aux-entry-boxed .post.post.post_format-post-format-link .entry-meta, .aux-widget-recent-posts .aux-entry-boxed .post.post.post_format-post-format-link .entry-meta, .aux-widget-recent-posts-masonry .aux-entry-boxed .post.post.post_format-post-format-link .entry-meta { margin-top: 1.5em; } .aux-column-post-entry .aux-entry-boxed .post.post.post_format-post-format-link .entry-meta .author.vcard, .aux-widget-recent-posts .aux-entry-boxed .post.post.post_format-post-format-link .entry-meta .author.vcard, .aux-widget-recent-posts-masonry .aux-entry-boxed .post.post.post_format-post-format-link .entry-meta .author.vcard { margin-bottom: 1.4375em; } .aux-column-post-entry .aux-entry-boxed .post.post.post_format-post-format-link .entry-meta .comments-iconic, .aux-widget-recent-posts .aux-entry-boxed .post.post.post_format-post-format-link .entry-meta .comments-iconic, .aux-widget-recent-posts-masonry .aux-entry-boxed .post.post.post_format-post-format-link .entry-meta .comments-iconic { margin-bottom: 1.4375em; } @media screen and (min-width: 1025px) { .aux-column-post-entry .aux-de-col6 .format-video .mejs-controls, .aux-widget-recent-posts .aux-de-col6 .format-video .mejs-controls, .aux-widget-recent-posts-masonry .aux-de-col6 .format-video .mejs-controls, .aux-column-post-entry .aux-de-col5 .format-video .mejs-controls, .aux-widget-recent-posts .aux-de-col5 .format-video .mejs-controls, .aux-widget-recent-posts-masonry .aux-de-col5 .format-video .mejs-controls, .aux-column-post-entry .aux-de-col4 .format-video .mejs-controls, .aux-widget-recent-posts .aux-de-col4 .format-video .mejs-controls, .aux-widget-recent-posts-masonry .aux-de-col4 .format-video .mejs-controls { display: none !important; } .aux-column-post-entry .aux-de-col6 .format-audio .mejs-controls .mejs-time, .aux-widget-recent-posts .aux-de-col6 .format-audio .mejs-controls .mejs-time, .aux-widget-recent-posts-masonry .aux-de-col6 .format-audio .mejs-controls .mejs-time, .aux-column-post-entry .aux-de-col6 .format-audio .mejs-controls .mejs-volume-button, .aux-widget-recent-posts .aux-de-col6 .format-audio .mejs-controls .mejs-volume-button, .aux-widget-recent-posts-masonry .aux-de-col6 .format-audio .mejs-controls .mejs-volume-button, .aux-column-post-entry .aux-de-col5 .format-audio .mejs-controls .mejs-time, .aux-widget-recent-posts .aux-de-col5 .format-audio .mejs-controls .mejs-time, .aux-widget-recent-posts-masonry .aux-de-col5 .format-audio .mejs-controls .mejs-time, .aux-column-post-entry .aux-de-col5 .format-audio .mejs-controls .mejs-volume-button, .aux-widget-recent-posts .aux-de-col5 .format-audio .mejs-controls .mejs-volume-button, .aux-widget-recent-posts-masonry .aux-de-col5 .format-audio .mejs-controls .mejs-volume-button, .aux-column-post-entry .aux-de-col4 .format-audio .mejs-controls .mejs-time, .aux-widget-recent-posts .aux-de-col4 .format-audio .mejs-controls .mejs-time, .aux-widget-recent-posts-masonry .aux-de-col4 .format-audio .mejs-controls .mejs-time, .aux-column-post-entry .aux-de-col4 .format-audio .mejs-controls .mejs-volume-button, .aux-widget-recent-posts .aux-de-col4 .format-audio .mejs-controls .mejs-volume-button, .aux-widget-recent-posts-masonry .aux-de-col4 .format-audio .mejs-controls .mejs-volume-button { display: none; } .aux-column-post-entry .aux-de-col6 .format-gallery .aux-arrow-nav, .aux-widget-recent-posts .aux-de-col6 .format-gallery .aux-arrow-nav, .aux-widget-recent-posts-masonry .aux-de-col6 .format-gallery .aux-arrow-nav, .aux-column-post-entry .aux-de-col5 .format-gallery .aux-arrow-nav, .aux-widget-recent-posts .aux-de-col5 .format-gallery .aux-arrow-nav, .aux-widget-recent-posts-masonry .aux-de-col5 .format-gallery .aux-arrow-nav, .aux-column-post-entry .aux-de-col4 .format-gallery .aux-arrow-nav, .aux-widget-recent-posts .aux-de-col4 .format-gallery .aux-arrow-nav, .aux-widget-recent-posts-masonry .aux-de-col4 .format-gallery .aux-arrow-nav { width: 33px; height: 33px; } .aux-column-post-entry .aux-de-col6 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-widget-recent-posts .aux-de-col6 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-widget-recent-posts-masonry .aux-de-col6 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-column-post-entry .aux-de-col5 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-widget-recent-posts .aux-de-col5 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-widget-recent-posts-masonry .aux-de-col5 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-column-post-entry .aux-de-col4 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-widget-recent-posts .aux-de-col4 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-widget-recent-posts-masonry .aux-de-col4 .format-gallery .aux-arrow-nav .aux-medium-right { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: 0px -761px; } .aux-column-post-entry .aux-de-col6 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-widget-recent-posts .aux-de-col6 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-widget-recent-posts-masonry .aux-de-col6 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-column-post-entry .aux-de-col5 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-widget-recent-posts .aux-de-col5 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-widget-recent-posts-masonry .aux-de-col5 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-column-post-entry .aux-de-col4 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-widget-recent-posts .aux-de-col4 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-widget-recent-posts-masonry .aux-de-col4 .format-gallery .aux-arrow-nav .aux-medium-left { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: 0px -722px; } .aux-column-post-entry .aux-row.aux-de-col4:not(.aux-grid-table-layout) .entry-title, .aux-widget-recent-posts .aux-row.aux-de-col4:not(.aux-grid-table-layout) .entry-title, .aux-widget-recent-posts-masonry .aux-row.aux-de-col4:not(.aux-grid-table-layout) .entry-title, .aux-column-post-entry .aux-row.aux-de-col5:not(.aux-grid-table-layout) .entry-title, .aux-widget-recent-posts .aux-row.aux-de-col5:not(.aux-grid-table-layout) .entry-title, .aux-widget-recent-posts-masonry .aux-row.aux-de-col5:not(.aux-grid-table-layout) .entry-title { font-size: 1.125em; } .aux-column-post-entry .aux-row.aux-de-col6 .entry-title, .aux-widget-recent-posts .aux-row.aux-de-col6 .entry-title, .aux-widget-recent-posts-masonry .aux-row.aux-de-col6 .entry-title { font-size: 0.9375em; } .aux-column-post-entry .aux-de-col6 .author .avatar, .aux-widget-recent-posts .aux-de-col6 .author .avatar, .aux-widget-recent-posts-masonry .aux-de-col6 .author .avatar, .aux-column-post-entry .aux-de-col5 .author .avatar, .aux-widget-recent-posts .aux-de-col5 .author .avatar, .aux-widget-recent-posts-masonry .aux-de-col5 .author .avatar { display: none; } } @media screen and (max-width: 1024px) and (min-width: 768px) { .aux-column-post-entry .aux-tb-col6 .format-video .mejs-controls, .aux-widget-recent-posts .aux-tb-col6 .format-video .mejs-controls, .aux-widget-recent-posts-masonry .aux-tb-col6 .format-video .mejs-controls, .aux-column-post-entry .aux-tb-col5 .format-video .mejs-controls, .aux-widget-recent-posts .aux-tb-col5 .format-video .mejs-controls, .aux-widget-recent-posts-masonry .aux-tb-col5 .format-video .mejs-controls, .aux-column-post-entry .aux-tb-col4 .format-video .mejs-controls, .aux-widget-recent-posts .aux-tb-col4 .format-video .mejs-controls, .aux-widget-recent-posts-masonry .aux-tb-col4 .format-video .mejs-controls { display: none !important; } .aux-column-post-entry .aux-tb-col6 .format-gallery .aux-arrow-nav, .aux-widget-recent-posts .aux-tb-col6 .format-gallery .aux-arrow-nav, .aux-widget-recent-posts-masonry .aux-tb-col6 .format-gallery .aux-arrow-nav, .aux-column-post-entry .aux-tb-col5 .format-gallery .aux-arrow-nav, .aux-widget-recent-posts .aux-tb-col5 .format-gallery .aux-arrow-nav, .aux-widget-recent-posts-masonry .aux-tb-col5 .format-gallery .aux-arrow-nav, .aux-column-post-entry .aux-tb-col4 .format-gallery .aux-arrow-nav, .aux-widget-recent-posts .aux-tb-col4 .format-gallery .aux-arrow-nav, .aux-widget-recent-posts-masonry .aux-tb-col4 .format-gallery .aux-arrow-nav { width: 33px; height: 33px; } .aux-column-post-entry .aux-tb-col6 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-widget-recent-posts .aux-tb-col6 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-widget-recent-posts-masonry .aux-tb-col6 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-column-post-entry .aux-tb-col5 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-widget-recent-posts .aux-tb-col5 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-widget-recent-posts-masonry .aux-tb-col5 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-column-post-entry .aux-tb-col4 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-widget-recent-posts .aux-tb-col4 .format-gallery .aux-arrow-nav .aux-medium-right, .aux-widget-recent-posts-masonry .aux-tb-col4 .format-gallery .aux-arrow-nav .aux-medium-right { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: 0px -761px; } .aux-column-post-entry .aux-tb-col6 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-widget-recent-posts .aux-tb-col6 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-widget-recent-posts-masonry .aux-tb-col6 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-column-post-entry .aux-tb-col5 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-widget-recent-posts .aux-tb-col5 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-widget-recent-posts-masonry .aux-tb-col5 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-column-post-entry .aux-tb-col4 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-widget-recent-posts .aux-tb-col4 .format-gallery .aux-arrow-nav .aux-medium-left, .aux-widget-recent-posts-masonry .aux-tb-col4 .format-gallery .aux-arrow-nav .aux-medium-left { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: 0px -722px; } .aux-column-post-entry .aux-row.aux-tb-col4 .entry-title, .aux-widget-recent-posts .aux-row.aux-tb-col4 .entry-title, .aux-widget-recent-posts-masonry .aux-row.aux-tb-col4 .entry-title, .aux-column-post-entry .aux-row.aux-tb-col5 .entry-title, .aux-widget-recent-posts .aux-row.aux-tb-col5 .entry-title, .aux-widget-recent-posts-masonry .aux-row.aux-tb-col5 .entry-title { font-size: 1.125em; } .aux-column-post-entry .aux-de-col6 .format-video .mejs-controls, .aux-widget-recent-posts .aux-de-col6 .format-video .mejs-controls, .aux-widget-recent-posts-masonry .aux-de-col6 .format-video .mejs-controls, .aux-column-post-entry .aux-de-col5 .format-video .mejs-controls, .aux-widget-recent-posts .aux-de-col5 .format-video .mejs-controls, .aux-widget-recent-posts-masonry .aux-de-col5 .format-video .mejs-controls, .aux-column-post-entry .aux-de-col4 .format-video .mejs-controls, .aux-widget-recent-posts .aux-de-col4 .format-video .mejs-controls, .aux-widget-recent-posts-masonry .aux-de-col4 .format-video .mejs-controls { display: none !important; } .aux-column-post-entry .aux-tb-col6 .author .avatar, .aux-widget-recent-posts .aux-tb-col6 .author .avatar, .aux-widget-recent-posts-masonry .aux-tb-col6 .author .avatar, .aux-column-post-entry .aux-tb-col5 .author .avatar, .aux-widget-recent-posts .aux-tb-col5 .author .avatar, .aux-widget-recent-posts-masonry .aux-tb-col5 .author .avatar { display: none; } } /** Land style for post entry content. // ------------------------------------------------------------------------------ */ .aux-blog-land-style .hentry .entry-media { width: 47%; float: left; margin-right: 50px; } .aux-blog-land-style .hentry .entry-main { float: left; width: calc(53% - 50px); } .aux-blog-land-style .hentry .entry-header { margin-bottom: 0.5em; } .aux-blog-land-style .hentry .entry-title { font-size: 1.375em; } .aux-blog-land-style .hentry .entry-info { margin-bottom: 0.5em; } .aux-blog-land-style .hentry .entry-content, .aux-blog-land-style .hentry .comment-body { margin-bottom: 1em; } .aux-blog-land-style .hentry .entry-meta { position: absolute; bottom: 3.5625em; width: inherit; } .aux-blog-land-style .hentry .entry-meta:after { content: ""; display: table; clear: both; } .aux-blog-land-style .hentry .author, .aux-blog-land-style .hentry .aux-read-more { padding: 0; background: transparent; border: none; border-radius: 0; color: #AAA; font-weight: 500; font-size: 0.875em; } .aux-blog-land-style .hentry .author a:hover, .aux-blog-land-style .hentry .aux-read-more a:hover { color: #1bb0ce; } .aux-blog-land-style .hentry .readmore { float: left; } .aux-blog-land-style .hentry .aux-read-more { position: relative; border: solid 1px #AAA; padding: 0.5625em 1.5625em; } .aux-blog-land-style .hentry .aux-read-more:hover { background: #3D3D3D; color: white; } .aux-blog-land-style .hentry .aux-read-more::after { display: none; } .aux-blog-land-style .hentry .author .avatar { margin-right: 0.5em; vertical-align: middle; width: 27px; height: 27px; border-radius: 50%; } .aux-blog-land-style .hentry .comments-iconic { display: flex; align-items: center; float: right; margin-top: 3px; font-weight: 500; color: #AAA; font-size: 0.875rem; } .aux-blog-land-style .hentry .comments-iconic .meta-comment { vertical-align: middle; margin-left: 10px; } .aux-blog-land-style .hentry .comments-iconic .auxicon-comment { vertical-align: middle; line-height: 100%; display: inline-block; margin-right: 5px; } .aux-blog-land-style .hentry .comments-iconic .auxicon-comment:before { display: block; } .aux-blog-land-style .hentry .comments-iconic .comments-number { vertical-align: middle; } @media screen and (max-width: 1024px) and (min-width: 768px) { .aux-blog-land-style .hentry .entry-media { width: 45%; margin-right: 25px; } .aux-blog-land-style .hentry .entry-main { width: calc(55% - 25px); } } @media screen and (max-width: 767px) { .aux-blog-land-style .hentry .entry-media { width: 100%; } .aux-blog-land-style .hentry .entry-main { width: 100%; } .aux-blog-land-style .hentry .entry-meta { position: static; margin-top: 30px; } } .aux-blog-land-style .hentry .post_format-post-format-quote .entry-main { background-color: #333; } .aux-blog-land-style .hentry .post_format-post-format-quote .comments-iconic { margin-right: 30px; margin-bottom: 1.4375em; } .aux-blog-land-style .hentry.aux-no-thumb .entry-main { width: 100%; float: none; } .aux-blog-land-style .hentry.aux-no-thumb .entry-meta { position: static; margin-top: 30px; } /** Tile view style for post entry content, this style can be used inside carousel, grid and masonry. // ------------------------------------------------------------------------------ */ .aux-tiles-layout .post.aux-post-tile, .aux-widget-recent-posts-tiles .post.aux-post-tile { float: left; height: 0; overflow: hidden; background: black; text-align: center; } .aux-tiles-layout .post.aux-post-tile .entry-media, .aux-widget-recent-posts-tiles .post.aux-post-tile .entry-media { margin-bottom: 0; } .aux-tiles-layout .post.aux-post-tile .entry-media:after, .aux-widget-recent-posts-tiles .post.aux-post-tile .entry-media:after { content: ''; position: absolute; bottom: 0; left: 0; height: 60%; width: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.634) 0%, rgba(0, 0, 0, 0.441) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, rgba(0, 0, 0, 0) 100%); } .aux-tiles-layout .post.aux-post-tile .entry-main, .aux-widget-recent-posts-tiles .post.aux-post-tile .entry-main { position: absolute; bottom: 0; padding: 40px 20px; width: 100%; margin-bottom: 0; z-index: 2; } .aux-tiles-layout .post.aux-post-tile .entry-header, .aux-widget-recent-posts-tiles .post.aux-post-tile .entry-header { margin-bottom: 16px; } .aux-tiles-layout .post.aux-post-tile .entry-title, .aux-widget-recent-posts-tiles .post.aux-post-tile .entry-title, .aux-tiles-layout .post.aux-post-tile .entry-info, .aux-widget-recent-posts-tiles .post.aux-post-tile .entry-info { color: white; } .aux-tiles-layout .post.aux-post-tile .entry-title, .aux-widget-recent-posts-tiles .post.aux-post-tile .entry-title { font-size: 1.125em; margin-bottom: 0.5em; } .aux-tiles-layout .post.aux-post-tile .entry-title > a, .aux-widget-recent-posts-tiles .post.aux-post-tile .entry-title > a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .aux-tiles-layout .post.aux-post-tile .entry-info, .aux-widget-recent-posts-tiles .post.aux-post-tile .entry-info { margin-bottom: 0; } @media screen and (max-width: 767px) { .aux-resp .aux-tiles-layout .post.aux-post-tile .entry-info, .aux-resp .aux-widget-recent-posts-tiles .post.aux-post-tile .entry-info { display: none; } } .aux-tiles-layout .post.aux-post-tile .aux-media-image img, .aux-widget-recent-posts-tiles .post.aux-post-tile .aux-media-image img { max-width: none; transition: transform 4s; } .aux-tiles-layout .post.aux-post-tile:hover .aux-media-image img, .aux-widget-recent-posts-tiles .post.aux-post-tile:hover .aux-media-image img { transform: scale(1.04, 1.04); } .aux-tiles-layout.aux-overlay .post.aux-post-tile .entry-main, .aux-overlay.aux-widget-recent-posts-tiles .post.aux-post-tile .entry-main { position: absolute; top: 50%; transform: translateY(-50%); bottom: auto; padding: 0px 20px; background: transparent; } .aux-tiles-layout.aux-overlay .post.aux-post-tile .entry-media::after, .aux-overlay.aux-widget-recent-posts-tiles .post.aux-post-tile .entry-media::after { content: ''; position: absolute; top: 0; z-index: 1; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); pointer-events: none; transition: background-color 1.5s; } .aux-tiles-layout.aux-overlay .post.aux-post-tile:hover .entry-media::after, .aux-overlay.aux-widget-recent-posts-tiles .post.aux-post-tile:hover .entry-media::after { background-color: rgba(0, 0, 0, 0.75); } /*!>>>>>>>>>>>>>>>>>>>>>>>> #Master Menu <<<<<<<<<<<<<<<<<<<<<<<<<< */ /** Master Menu module scss file */ /* ---------------------------------------------------------------- */ /* ---------------------------------------------------------------- */ /* Master Menu layout configs */ /* ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------- */ /** Master Menu base sass file It contains all base styles related to the menu layout @author Averta [www.averta.net] @package Auxin Framework */ .aux-master-menu { position: relative; list-style: none; display: table; width: 100%; } .aux-master-menu, .aux-master-menu * { margin: 0; padding: 0; } .aux-master-menu ul, .aux-master-menu li { list-style: none; } .aux-master-menu .aux-menu-item, .aux-master-menu .aux-submenu { box-sizing: border-box; } .aux-master-menu .aux-menu-item > a, .aux-master-menu .aux-submenu > a { text-decoration: none; color: inherit; } /* -------------------------------------------------------------------- */ /** Menu item style It uses as an item inside root-menu and submenu. */ .aux-master-menu .aux-menu-item { position: relative; display: block; clear: both; width: 100%; box-sizing: content-box; } .aux-master-menu .aux-menu-item .aux-item-content { position: relative; display: block; } .aux-master-menu .aux-menu-label { display: block; } .aux-master-menu .aux-menu-desc { display: block; } .aux-master-menu .aux-menu-image, .aux-master-menu .aux-menu-icon { display: inline-block; } .aux-master-menu .aux-menu-image.right, .aux-master-menu .aux-menu-icon.right { float: right; } .aux-master-menu .aux-menu-image.left, .aux-master-menu .aux-menu-icon.left { float: left; } .aux-master-menu .aux-menu-image.bottom, .aux-master-menu .aux-menu-image.top, .aux-master-menu .aux-menu-icon.bottom, .aux-master-menu .aux-menu-icon.top { display: block; width: 100%; } .aux-master-menu .aux-menu-caption { position: absolute; z-index: 122; bottom: 0; display: block; width: 100%; } /** Submenu style */ .aux-master-menu .aux-submenu { display: none; position: absolute; z-index: 121; } .aux-master-menu .aux-submenu > .aux-menu-item { min-width: 180px; } .aux-master-menu .aux-submenu.aux-open { z-index: 170; } .aux-master-menu .aux-submenu, .aux-master-menu .aux-submenu .aux-right, .aux-master-menu .aux-submenu .aux-temp-right, .rtl .aux-master-menu .aux-left, .rtl .aux-master-menu .aux-temp-left { bottom: auto; left: 100%; right: auto; top: 0; } .aux-master-menu .aux-submenu .aux-left, .aux-master-menu .aux-submenu .aux-temp-left, .rtl .aux-master-menu .aux-submenu, .rtl .aux-master-menu .aux-right, .rtl .aux-master-menu .aux-temp-right { bottom: auto; left: auto; right: 100%; top: 0; } .aux-master-menu .aux-submenu .aux-bottom, .aux-master-menu .aux-submenu .aux-temp-bottom, .aux-master-menu.aux-horizontal > .aux-menu-item > .aux-submenu { bottom: auto; left: 0; right: auto; top: 100%; } .aux-master-menu .aux-submenu .aux-top, .aux-master-menu .aux-submenu .aux-temp-top { bottom: 100%; left: 0; right: auto; top: auto; } .aux-master-menu .aux-menu-item.aux-fullwidth { position: static; } .aux-master-menu .aux-menu-item.aux-fullwidth .aux-submenu > .aux-menu-item { clear: none; width: auto; } /** megamenu styles */ .aux-master-menu .aux-megamenu { width: 100%; } .aux-master-menu .aux-megamenu.aux-megamenu-1-2 { width: 50%; } .aux-master-menu .aux-megamenu.aux-megamenu-1-2 { width: 50%; } .aux-master-menu .aux-megamenu.aux-megamenu-2-3 { width: 66.66%; } .aux-master-menu .aux-megamenu .aux-menu-row { position: relative; box-sizing: border-box; } .aux-master-menu .aux-megamenu .aux-menu-row:after, .aux-master-menu .aux-megamenu .aux-menu-row:before { content: ""; display: table; } .aux-master-menu .aux-megamenu .aux-menu-row:after { clear: both; } .aux-master-menu .aux-megamenu .aux-menu-column { padding-right: 5px; padding-left: 5px; float: left; box-sizing: border-box; background-clip: content-box; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-col-1-1 { width: 100%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-col-1-2 { width: 50%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-col-1-3 { width: 33.33333%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-col-2-3 { width: 66.66667%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-col-1-4 { width: 25%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-col-3-4 { width: 75%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-col-1-5 { width: 20%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-col-2-5 { width: 40%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-col-3-5 { width: 60%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-col-4-5 { width: 80%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-col-1-6 { width: 16.66667%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-col-5-6 { width: 83.33333%; } @media screen and (min-width: 1024px) and (max-width: 1199px) { .aux-master-menu .aux-megamenu .aux-menu-column.aux-large-1-1 { width: 100%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-large-1-2 { width: 50%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-large-1-3 { width: 33.33333%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-large-2-3 { width: 66.66667%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-large-1-4 { width: 25%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-large-3-4 { width: 75%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-large-1-5 { width: 20%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-large-2-5 { width: 40%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-large-3-5 { width: 60%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-large-4-5 { width: 80%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-large-1-6 { width: 16.66667%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-large-5-6 { width: 83.33333%; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .aux-master-menu .aux-megamenu .aux-menu-column.aux-medium-1-1 { width: 100%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-medium-1-2 { width: 50%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-medium-1-3 { width: 33.33333%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-medium-2-3 { width: 66.66667%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-medium-1-4 { width: 25%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-medium-3-4 { width: 75%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-medium-1-5 { width: 20%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-medium-2-5 { width: 40%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-medium-3-5 { width: 60%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-medium-4-5 { width: 80%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-medium-1-6 { width: 16.66667%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-medium-5-6 { width: 83.33333%; } } @media screen and (max-width: 767px) { .aux-master-menu .aux-megamenu .aux-menu-column.aux-small-1-1 { width: 100%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-small-1-2 { width: 50%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-small-1-3 { width: 33.33333%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-small-2-3 { width: 66.66667%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-small-1-4 { width: 25%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-small-3-4 { width: 75%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-small-1-5 { width: 20%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-small-2-5 { width: 40%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-small-3-5 { width: 60%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-small-4-5 { width: 80%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-small-1-6 { width: 16.66667%; } .aux-master-menu .aux-megamenu .aux-menu-column.aux-small-5-6 { width: 83.33333%; } } @media screen and (max-width: 767px) { .aux-master-menu .aux-megamenu .aux-menu-column { width: 100% !important; } .aux-master-menu .aux-megamenu .aux-menu-column .aux-hide-mobile { display: none; } } .aux-master-menu .aux-megamenu .aux-menu-column.aux-column-right { float: right; } .aux-master-menu .aux-megamenu .aux-menu-column > .aux-menu-row { margin-left: 0; margin-right: 0; } /* ----------------------------------------------------------------------------------------------- */ /** Megamenu list element */ .aux-megamenu .aux-menu-list .aux-menu-list-container:after, .aux-megamenu .aux-menu-list .aux-menu-list-container:before { content: ""; display: table; } .aux-megamenu .aux-menu-list .aux-menu-list-container:after { clear: both; } .aux-megamenu .aux-menu-list > .aux-item-content { text-decoration: none; } .aux-megamenu .aux-menu-list .aux-menu-sec-text { float: right; color: #FFFFFF; padding: 2px 5px; } /** Tabs element in megamenu */ .aux-menu-tabs { padding: 0 !important; } .aux-menu-tabs .aux-menu-tab { position: static; } .aux-menu-tabs .aux-menu-tab-container { position: absolute; top: 0; right: 0; left: auto; bottom: auto; padding: 0; } .aux-menu-tabs .aux-menu-tab-container:after, .aux-menu-tabs .aux-menu-tab-container:before { content: ""; display: table; } .aux-menu-tabs .aux-menu-tab-container:after { clear: both; } @media screen and (max-width: 767px) { .aux-menu-tabs .aux-menu-tab-container { position: relative; } } /** Megamenu image element */ .aux-megamenu .aux-menu-image-item > a { text-decoration: none; color: inherit; } /* -------------------------------------------------------------------- */ .aux-master-menu.aux-horizontal .aux-menu-item { float: left; } .aux-master-menu.aux-horizontal > .aux-menu-item { clear: none; width: auto; } .aux-master-menu.aux-horizontal > .aux-menu-item > .aux-submenu { left: 0px; top: 100%; } .aux-master-menu.aux-horizontal .aux-menu-item.aux-fullwidth-sub { position: static; } .aux-master-menu.aux-horizontal .aux-menu-item.aux-fullwidth-sub .aux-submenu > .aux-menu-item { clear: none; width: auto; } .aux-master-menu.aux-align-center { text-align: center; } .aux-master-menu.aux-align-center > .aux-menu-item { display: inline-block; float: none; text-align: left; } .aux-master-menu.aux-align-center.aux-narrow .aux-menu-spacer { display: none; } .aux-master-menu.aux-align-right > .aux-menu-item { float: right; } /** Vertucal toggle menu style */ .aux-master-menu.aux-toggle.aux-horizontal > .aux-menu-item { clear: both; width: 100%; } .aux-master-menu.aux-toggle .aux-menu-item > .aux-submenu { position: relative; } .aux-master-menu.aux-toggle .aux-menu-item > .aux-submenu, .aux-master-menu.aux-toggle .aux-menu-item > .aux-submenu.aux-left, .aux-master-menu.aux-toggle .aux-menu-item > .aux-submenu.aux-top, .aux-master-menu.aux-toggle .aux-menu-item > .aux-submenu.aux-right, .aux-master-menu.aux-toggle .aux-menu-item > .aux-submenu.aux-bottom { left: auto; right: auto; top: auto; bottom: auto; } .aux-master-menu.aux-toggle .aux-menu-item > .aux-submenu.aux-horizontal > .aux-menu-item { clear: both; width: 100%; } @media screen and (max-width: 550px) { .aux-master-menu.aux-no-js.aux-horizontal > .aux-menu-item { clear: both; width: 100%; } .aux-master-menu.aux-no-js .aux-menu-item > .aux-submenu { position: relative; } .aux-master-menu.aux-no-js .aux-menu-item > .aux-submenu, .aux-master-menu.aux-no-js .aux-menu-item > .aux-submenu.aux-left, .aux-master-menu.aux-no-js .aux-menu-item > .aux-submenu.aux-top, .aux-master-menu.aux-no-js .aux-menu-item > .aux-submenu.aux-right, .aux-master-menu.aux-no-js .aux-menu-item > .aux-submenu.aux-bottom { left: auto; right: auto; top: auto; bottom: auto; } .aux-master-menu.aux-no-js .aux-menu-item > .aux-submenu.aux-horizontal > .aux-menu-item { clear: both; width: 100%; } } .aux-master-menu.aux-cover .aux-menu-item { position: static; } .aux-master-menu.aux-cover .aux-menu-item > .aux-submenu { position: absolute; width: 100%; top: 0; background: white; min-height: 100%; } .aux-master-menu.aux-cover .aux-menu-item > .aux-submenu:after, .aux-master-menu.aux-cover .aux-menu-item > .aux-submenu:before { content: ""; display: table; } .aux-master-menu.aux-cover .aux-menu-item > .aux-submenu:after { clear: both; } .aux-master-menu.aux-cover .aux-menu-row { position: static; } .aux-master-menu.aux-no-js .aux-menu-item:hover > .aux-submenu { display: block; } .aux-master-menu .aux-menu-item.aux-open > .aux-submenu { display: block; } /*! * Master Menu default skin * @author Averta [averta.net] * @package Axiom Framework */ /* ------------------------------------------------------------------------- */ .aux-menu-skin-default.aux-vertical .aux-menu-item > .aux-submenu, .aux-menu-skin-default.aux-horizontal .aux-menu-item > .aux-submenu { display: block; overflow: hidden; height: 0; visibility: hidden; opacity: 0; transition: all 180ms; transform: translateY(20px); } .aux-menu-skin-default.aux-vertical .aux-menu-item.aux-open > .aux-submenu, .aux-menu-skin-default.aux-horizontal .aux-menu-item.aux-open > .aux-submenu, .aux-menu-skin-default.aux-vertical.aux-no-js .aux-menu-item:hover > .aux-submenu, .aux-menu-skin-default.aux-horizontal.aux-no-js .aux-menu-item:hover > .aux-submenu { height: auto; overflow: visible; visibility: visible; opacity: 1; transition: all 280ms; transform: none; } .aux-menu-skin-default.aux-cover .aux-submenu { display: block; opacity: 0; transform: translateX(-100%); transition: all 280ms; } .aux-menu-skin-default.aux-cover .aux-menu-item.aux-open > .aux-submenu, .aux-menu-skin-default.aux-cover.aux-no-js .aux-menu-item:hover > .aux-submenu { transition: all 280ms; transform: none; opacity: 1; } /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /** Master Menu skin base styles */ .aux-menu-skin-default { font-size: 0.9em; } .aux-menu-skin-default .aux-item-content:hover .aux-menu-desc { color: blue; } /** Menu root element style */ .aux-menu-skin-default > .aux-menu-item > .aux-item-content { display: block; padding: 25px 15px; font-size: 0.95em; color: #585858; } .aux-menu-skin-default > .aux-menu-item.aux-hover > .aux-item-content { background-color: #EEE; color: #333; } .aux-menu-skin-default.aux-wide > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { display: inline-block; position: relative; width: 6px; height: 6px; border: solid #555; border-width: 2px 0 0 2px; transform: rotate(225deg); transform-origin: 2px 2px; box-sizing: border-box; margin-left: 9px; top: 1px; } .aux-menu-skin-default.aux-wide > .aux-menu-item.aux-hover > .aux-item-content > .aux-submenu-indicator { transform: rotate(180deg); border-color: #888; } .aux-menu-skin-default.aux-narrow > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { display: block; position: absolute; right: 0; top: 0; height: 100%; width: 41px; } .aux-menu-skin-default.aux-narrow > .aux-menu-item > .aux-item-content > .aux-submenu-indicator::after { position: absolute; content: ""; display: block; width: 12px; height: 12px; border: solid #555; border-width: 2px 0 0 2px; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; transform: rotate(225deg); transform-origin: 4px 4px; box-sizing: border-box; } .aux-menu-skin-default.aux-narrow > .aux-menu-item > .aux-item-content > .aux-submenu-indicator:hover::after { border-color: #888; } .aux-menu-skin-default.aux-narrow > .aux-menu-item.aux-open > .aux-item-content .aux-submenu-indicator::after { transform: rotate(45deg); margin-top: -3.51472px; } /** Classic submenu items */ .aux-menu-skin-default .aux-submenu > .aux-menu-item > .aux-item-content { font-size: 0.9em; color: #585858; padding: 10px 15px; background-color: white; display: block; position: relative; } .aux-menu-skin-default .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content { color: white; background-color: #32A7E9; } .aux-menu-skin-default .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content .aux-submenu-indicator { border-color: white; } .aux-menu-skin-default.aux-wide .aux-submenu { box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5); } .aux-menu-skin-default.aux-wide .aux-submenu .aux-submenu-indicator { display: inline-block; position: absolute; width: 6px; height: 6px; border: solid #585858; border-width: 2px 0 0 2px; transform: rotate(135deg); transform-origin: 2px 2px; box-sizing: border-box; top: 45%; right: 14px; } .aux-menu-skin-default.aux-narrow .aux-submenu > .aux-menu-item > .aux-item-content { display: block; position: relative; } .aux-menu-skin-default.aux-narrow .aux-submenu { box-shadow: none; } .aux-menu-skin-default.aux-narrow .aux-submenu .aux-submenu-indicator { display: block; position: absolute; right: 0; top: 0; height: 100%; width: 41px; } .aux-menu-skin-default.aux-narrow .aux-submenu .aux-submenu-indicator::after { position: absolute; content: ""; display: block; width: 12px; height: 12px; border: solid #555; border-width: 2px 0 0 2px; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; transform: rotate(225deg); transform-origin: 4px 4px; box-sizing: border-box; } .aux-menu-skin-default.aux-narrow .aux-submenu .aux-menu-item.aux-open > .aux-item-content .aux-submenu-indicator::after { transform: rotate(45deg); } /** Megamenu base css style */ .aux-menu-skin-default .aux-megamenu { background-color: white; font-size: 0.9em; } .aux-menu-skin-default .aux-megamenu .aux-menu-column { padding: 5px 5px; } /** Megamenu list element style */ .aux-menu-skin-default .aux-megamenu .aux-menu-list .aux-menu-list-container { padding: 10px 0; } .aux-menu-skin-default .aux-megamenu .aux-menu-list > .aux-item-content { display: block; padding: 10px 20px; font-size: 0.9em; font-weight: 600; color: #333; border: none; } .aux-menu-skin-default .aux-megamenu .aux-menu-list .aux-menu-list-item .aux-item-content { display: block; padding: 10px 20px; font-size: 0.9em; font-weight: 600; color: #333; border: none; } .aux-menu-skin-default .aux-megamenu .aux-menu-list .aux-menu-list-item .aux-item-content:hover .aux-menu-desc { color: red; } .aux-menu-skin-default .aux-menu-image-item { padding: 10px 0; } .aux-menu-skin-default .aux-menu-tabs .aux-menu-tab > .aux-item-content { padding: 10px 20px; color: #333; font-size: 1em; border: none; } .aux-menu-skin-default .aux-menu-tabs .aux-menu-tab > .aux-item-content:hover { background-color: #f1f1f1; } .aux-menu-skin-default .aux-menu-tabs .aux-menu-tab-container { padding: 5px 0; box-shadow: none; } .aux-menu-skin-default.aux-wide .aux-menu-tabs .aux-menu-item > .aux-item-content > .aux-submenu-indicator { display: inline-block; position: absolute; top: 45%; right: 14px; width: 6px; height: 6px; border: solid #585858; border-width: 2px 0 0 2px; transform: rotate(135deg); transform-origin: 2px 2px; box-sizing: border-box; } .aux-menu-skin-default.aux-wide .aux-menu-tabs .aux-menu-item.aux-hover > .aux-item-content > .aux-submenu-indicator { border-color: white; } .aux-menu-skin-default.aux-wide .aux-menu-tabs .aux-menu-item.aux-open > .aux-item-content .aux-submenu-indicator { border-color: #888; } /** Override Master Menu Styles */ .aux-master-menu.aux-horizontal { text-rendering: optimizeSpeed; position: static; } .aux-master-menu.aux-horizontal > .menu-item { float: none; display: inline-block; vertical-align: top; } .aux-master-menu .aux-menu-icon { font-size: 130%; vertical-align: middle; line-height: 100%; } .aux-master-menu .aux-menu-icon.top, .aux-master-menu .aux-menu-icon.bottom { text-align: center; line-height: 100%; } .aux-master-menu .aux-menu-icon.left, .aux-master-menu .aux-menu-icon.right { float: none !important; word-spacing: 0.3125em; } .aux-dom-unready .aux-nav-menu-element .aux-master-menu { display: none !important; } .aux-master-menu .aux-submenu.aux-megamenu { padding: 0; } .aux-master-menu .aux-submenu.aux-megamenu .aux-menu-label { display: inline-block; } .aux-master-menu .aux-submenu.aux-megamenu .aux-menu-column { padding: 15px 2.5%; position: relative; } .aux-master-menu .aux-submenu.aux-megamenu .aux-menu-column:last-child::after { display: none; } .aux-master-menu .aux-submenu.aux-megamenu .aux-menu-column.aux-title-off > .aux-item-content { display: none; } .aux-master-menu .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content { line-height: 150%; padding: 15px 0; } .aux-master-menu .aux-submenu.aux-megamenu .aux-menu-list-container > .aux-menu-list-item > .aux-item-content { padding: 12px 0; } .aux-master-menu.aux-vertical .aux-menu-item.aux-hover > .aux-submenu, .aux-master-menu.aux-horizontal .aux-menu-item.aux-hover > .aux-submenu { display: block; } .aux-master-menu.aux-vertical .aux-menu-item > .aux-submenu, .aux-master-menu.aux-horizontal .aux-menu-item > .aux-submenu { opacity: 0; } .aux-master-menu.aux-vertical .aux-menu-item.aux-open > .aux-submenu, .aux-master-menu.aux-horizontal .aux-menu-item.aux-open > .aux-submenu, .aux-master-menu.aux-vertical.aux-no-js .aux-menu-item:hover > .aux-submenu, .aux-master-menu.aux-horizontal.aux-no-js .aux-menu-item:hover > .aux-submenu { opacity: 1; } .aux-master-menu.aux-fade-nav.aux-vertical .aux-menu-item.aux-hover > .aux-submenu, .aux-master-menu.aux-fade-nav.aux-horizontal .aux-menu-item.aux-hover > .aux-submenu { display: block; } .aux-master-menu.aux-fade-nav.aux-vertical .aux-menu-item > .aux-submenu, .aux-master-menu.aux-fade-nav.aux-horizontal .aux-menu-item > .aux-submenu { opacity: 0; transition: opacity 300ms ease-out; } .aux-master-menu.aux-fade-nav.aux-vertical .aux-menu-item.aux-open > .aux-submenu, .aux-master-menu.aux-fade-nav.aux-horizontal .aux-menu-item.aux-open > .aux-submenu, .aux-master-menu.aux-fade-nav.aux-vertical.aux-no-js .aux-menu-item:hover > .aux-submenu, .aux-master-menu.aux-fade-nav.aux-horizontal.aux-no-js .aux-menu-item:hover > .aux-submenu { opacity: 1; } .aux-master-menu.aux-slide-up-nav.aux-vertical .aux-menu-item.aux-hover > .aux-submenu, .aux-master-menu.aux-slide-up-nav.aux-horizontal .aux-menu-item.aux-hover > .aux-submenu { display: block; } .aux-master-menu.aux-slide-up-nav.aux-vertical .aux-menu-item > .aux-submenu, .aux-master-menu.aux-slide-up-nav.aux-horizontal .aux-menu-item > .aux-submenu { opacity: 0; transform: translateY(4px); transition: all 250ms ease-out; } .aux-master-menu.aux-slide-up-nav.aux-vertical .aux-menu-item.aux-open > .aux-submenu, .aux-master-menu.aux-slide-up-nav.aux-horizontal .aux-menu-item.aux-open > .aux-submenu, .aux-master-menu.aux-slide-up-nav.aux-vertical.aux-no-js .aux-menu-item:hover > .aux-submenu, .aux-master-menu.aux-slide-up-nav.aux-horizontal.aux-no-js .aux-menu-item:hover > .aux-submenu { opacity: 1; transform: translateY(0); } /** Master Menu root item style for Phlox Theme */ .site-header-section nav.aux-master-menu, .aux-elementor-header-menu nav.aux-master-menu { height: 100%; } .site-header-section nav.aux-master-menu ul, .aux-elementor-header-menu nav.aux-master-menu ul { display: flex; height: 100%; } .site-header-section nav.aux-master-menu li, .aux-elementor-header-menu nav.aux-master-menu li { display: block; padding: 0.75em 0; font-size: 0.875em; color: #3D3D3D; text-transform: uppercase; white-space: nowrap; align-self: center; } .site-header-section nav.aux-master-menu li a, .aux-elementor-header-menu nav.aux-master-menu li a { color: inherit; } .site-header-section .aux-menu-depth-0 > .aux-item-content, .aux-elementor-header-menu .aux-menu-depth-0 > .aux-item-content { display: block; padding: 0.75em 1.3125em; font-size: 0.875em; color: #3D3D3D; text-transform: uppercase; white-space: nowrap; } .site-header-section .aux-menu-depth-0 > .aux-item-content .aux-menu-label, .aux-elementor-header-menu .aux-menu-depth-0 > .aux-item-content .aux-menu-label { display: inline-block; text-decoration: inherit; } .site-header-section .aux-menu-depth-0:first-child > .aux-item-content, .aux-elementor-header-menu .aux-menu-depth-0:first-child > .aux-item-content { padding-left: 0; } .site-header-section .aux-menu-depth-0:last-child > .aux-item-content, .aux-elementor-header-menu .aux-menu-depth-0:last-child > .aux-item-content { padding-right: 0; } .site-header-section .aux-menu-depth-0.aux-hover > .aux-item-content, .aux-elementor-header-menu .aux-menu-depth-0.aux-hover > .aux-item-content { color: #AAA; } .site-header-section .aux-menu-depth-0.current-menu-item, .aux-elementor-header-menu .aux-menu-depth-0.current-menu-item { color: #AAA; font-weight: 600; } .site-header-section .aux-menu-depth-0 > .aux-item-content, .aux-elementor-header-menu .aux-menu-depth-0 > .aux-item-content { display: table-cell; padding-top: 0; padding-bottom: 0; vertical-align: middle; cursor: default; } .site-header-section .aux-menu-depth-0 > a.aux-item-content, .aux-elementor-header-menu .aux-menu-depth-0 > a.aux-item-content { cursor: pointer; } .site-header-section .secondary-bar .aux-fill .aux-menu-depth-0 > .aux-item-content, .aux-elementor-header-menu .secondary-bar .aux-fill .aux-menu-depth-0 > .aux-item-content { height: 60px; } .site-header-section .secondary-bar .aux-start .aux-menu-depth-0:first-child > .aux-item-content, .aux-elementor-header-menu .secondary-bar .aux-start .aux-menu-depth-0:first-child > .aux-item-content { padding-left: 0; } .site-header-section .aux-master-menu.aux-horizontal.aux-with-splitter > .aux-menu-item > .aux-item-content::after, .aux-elementor-header-menu .aux-master-menu.aux-horizontal.aux-with-splitter > .aux-menu-item > .aux-item-content::after { content: ""; display: inline-block; position: relative; width: 3px; height: 3px; left: 1.1875em; vertical-align: middle; border-radius: 50%; background-color: #3D3D3D; transform: translateY(-50%); } .site-header-section .aux-master-menu.aux-horizontal.aux-with-splitter > .aux-menu-item:last-child > .aux-item-content::after, .aux-elementor-header-menu .aux-master-menu.aux-horizontal.aux-with-splitter > .aux-menu-item:last-child > .aux-item-content::after { display: none; } .site-header-section .aux-master-menu.aux-horizontal.aux-with-indicator > .aux-menu-item > .aux-item-content > .aux-submenu-indicator, .aux-elementor-header-menu .aux-master-menu.aux-horizontal.aux-with-indicator > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 10px; height: 6px; background-position: 0px -687px; margin-left: 0.375em; top: -1px; display: inline-block; position: relative; } .site-header-section .aux-master-menu.aux-vertical .aux-menu-depth-0 > .aux-item-content, .aux-elementor-header-menu .aux-master-menu.aux-vertical .aux-menu-depth-0 > .aux-item-content { padding: 0.9375em; } .site-header-section .aux-master-menu.aux-vertical.aux-with-indicator > .aux-menu-item > .aux-item-content > .aux-submenu-indicator, .aux-elementor-header-menu .aux-master-menu.aux-vertical.aux-with-indicator > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: 0px -761px; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); } .site-header-section.aux-header-light .aux-master-menu.aux-horizontal.aux-with-splitter > .aux-menu-item > .aux-item-content::after, .aux-elementor-header-menu.aux-header-light .aux-master-menu.aux-horizontal.aux-with-splitter > .aux-menu-item > .aux-item-content::after { background-color: #FFFFFF; } .site-header-section.aux-header-light .aux-master-menu.aux-horizontal.aux-with-indicator > .aux-menu-item > .aux-item-content > .aux-submenu-indicator, .aux-elementor-header-menu.aux-header-light .aux-master-menu.aux-horizontal.aux-with-indicator > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 10px; height: 6px; background-position: -178px -687px; display: inline-block !important; } .site-header-section.aux-header-light .aux-master-menu.aux-vertical.aux-with-indicator > .aux-menu-item > .aux-item-content > .aux-submenu-indicator, .aux-elementor-header-menu.aux-header-light .aux-master-menu.aux-vertical.aux-with-indicator > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: -178px -761px; } /** Master Menu classic submenu skin */ .aux-master-menu.aux-vertical.aux-skin-classic .aux-submenu, .aux-master-menu.aux-horizontal.aux-skin-classic .aux-submenu { padding: 10px 0; font-size: 0.9375rem; color: white; margin-top: -11px; border: solid 1px rgba(255, 255, 255, 0.2); background-color: #3D3D3D; } .aux-master-menu.aux-vertical.aux-skin-classic .aux-submenu > .aux-menu-item > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-classic .aux-submenu > .aux-menu-item > .aux-item-content { position: relative; display: block; padding: 15px; margin: 0 10px; min-width: 200px; line-height: 150%; } .aux-master-menu.aux-vertical.aux-skin-classic .aux-submenu > .aux-menu-item > .aux-item-content > .aux-menu-label, .aux-master-menu.aux-horizontal.aux-skin-classic .aux-submenu > .aux-menu-item > .aux-item-content > .aux-menu-label { display: inline-block; } .aux-master-menu.aux-vertical.aux-skin-classic .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator, .aux-master-menu.aux-horizontal.aux-skin-classic .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 10px; height: 10px; background-position: -258px -554px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); transition: opacity 300ms ease-out; } .aux-master-menu.aux-vertical.aux-skin-classic .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-classic .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content { background-color: #333; } .aux-master-menu.aux-vertical.aux-skin-classic .aux-menu-depth-0 > .aux-submenu, .aux-master-menu.aux-horizontal.aux-skin-classic .aux-menu-depth-0 > .aux-submenu { color: #3D3D3D; margin-top: 0; background-color: #F3F3F3; } .aux-master-menu.aux-vertical.aux-skin-classic .aux-menu-depth-0 > .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-classic .aux-menu-depth-0 > .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content { background-color: #EAEAEA; } .aux-master-menu.aux-vertical.aux-skin-classic .aux-menu-depth-0 > .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator, .aux-master-menu.aux-horizontal.aux-skin-classic .aux-menu-depth-0 > .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 10px; height: 10px; background-position: -80px -554px; } .aux-master-menu.aux-vertical.aux-skin-classic .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-classic .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content { color: #3D3D3D; font-weight: 600; } .aux-master-menu.aux-vertical.aux-skin-classic .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-classic .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content { color: #AAA; } .aux-master-menu.aux-vertical.aux-skin-classic .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-classic .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content { border-bottom: solid 1px #BBB; padding-bottom: 20px; margin-bottom: 8px; } /** Master Menu minimal-center submenu skin */ .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-submenu, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-submenu { padding: 14px 0; border-left: solid 1px transparent; box-sizing: content-box; font-size: 0.9375em; text-align: center; color: white; border: solid 1px rgba(255, 255, 255, 0.5); background-color: #3D3D3D; } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-submenu > .aux-menu-item > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-submenu > .aux-menu-item > .aux-item-content { position: relative; display: block; padding: 14px; min-width: 220px; line-height: 150%; } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-submenu > .aux-menu-item > .aux-item-content > .aux-menu-label, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-submenu > .aux-menu-item > .aux-item-content > .aux-menu-label { display: inline-block; } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { vertical-align: middle; background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 10px; height: 10px; background-position: -258px -554px; opacity: 0.8; margin-left: 2px; display: inline-block; transition: opacity 300ms ease-out; } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content { color: #AAA; } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content > .aux-submenu-indicator, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content > .aux-submenu-indicator { opacity: 0.6; } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-menu-depth-0 > .aux-submenu, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-menu-depth-0 > .aux-submenu { left: 50%; transform: translateX(-50%); box-sizing: border-box; color: #3D3D3D; border: solid 1px #BBB; background-color: white; } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-menu-depth-0 > .aux-submenu::before, .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-menu-depth-0 > .aux-submenu::after, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-menu-depth-0 > .aux-submenu::before, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-menu-depth-0 > .aux-submenu::after { width: 0; height: 0; border-bottom: 8px solid white; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: -8px; left: 50%; z-index: 2; display: block; margin-left: -8px; content: ""; } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-menu-depth-0 > .aux-submenu::after, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-menu-depth-0 > .aux-submenu::after { top: -10px; z-index: 1; margin-left: -9px; border-width: 9px; border-bottom-color: #BBB; } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-menu-depth-0 > .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-menu-depth-0 > .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 10px; height: 10px; background-position: -80px -554px; display: inline-block; } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-submenu.aux-megamenu, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-submenu.aux-megamenu { transform: none; left: 0; } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-submenu.aux-megamenu::after, .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-submenu.aux-megamenu::before, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-submenu.aux-megamenu::after, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-submenu.aux-megamenu::before { display: none; } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content { color: #3D3D3D; font-weight: 600; } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content { color: #AAA; } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content { border-bottom: solid 1px #EAEAEA; padding-bottom: 20px; margin-bottom: 8px; } .aux-master-menu.aux-vertical.aux-skin-minimal-center.aux-slide-up-nav .aux-menu-depth-0 > .aux-submenu, .aux-master-menu.aux-horizontal.aux-skin-minimal-center.aux-slide-up-nav .aux-menu-depth-0 > .aux-submenu { transform: translateY(4px) translateX(-50%); } .aux-master-menu.aux-vertical.aux-skin-minimal-center.aux-slide-up-nav .aux-menu-depth-0.aux-open > .aux-submenu, .aux-master-menu.aux-horizontal.aux-skin-minimal-center.aux-slide-up-nav .aux-menu-depth-0.aux-open > .aux-submenu { transform: translateX(-50%); } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-menu-depth-0 > .aux-submenu { left: 100%; top: 50%; transform: translate(0, -50%); } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-menu-depth-0 > .aux-submenu::before, .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-menu-depth-0 > .aux-submenu::after { top: 50%; left: -4px; transform: rotate(-90deg); } .aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-menu-depth-0 > .aux-submenu::after { left: -5px; } /** Master Menu modern submenu skin */ .aux-master-menu.aux-vertical.aux-skin-modern .aux-submenu, .aux-master-menu.aux-horizontal.aux-skin-modern .aux-submenu { padding: 10px 0; font-size: 12px; color: #F3F3F3; margin-top: -11px; border: solid 1px rgba(255, 255, 255, 0.2); background-color: #3D3D3D; } .aux-master-menu.aux-vertical.aux-skin-modern .aux-submenu > .aux-menu-item > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-modern .aux-submenu > .aux-menu-item > .aux-item-content { position: relative; display: block; padding: 15px 20px; min-width: 200px; line-height: 150%; } .aux-master-menu.aux-vertical.aux-skin-modern .aux-submenu > .aux-menu-item > .aux-item-content > .aux-menu-label, .aux-master-menu.aux-horizontal.aux-skin-modern .aux-submenu > .aux-menu-item > .aux-item-content > .aux-menu-label { display: inline-block; } .aux-master-menu.aux-vertical.aux-skin-modern .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator, .aux-master-menu.aux-horizontal.aux-skin-modern .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { float: right; position: relative; top: 5px; display: block; width: 3px; height: 3px; background-color: #F3F3F3; } .aux-master-menu.aux-vertical.aux-skin-modern .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-modern .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content { color: #BBB; } .aux-master-menu.aux-vertical.aux-skin-modern .aux-menu-depth-0 > .aux-submenu, .aux-master-menu.aux-horizontal.aux-skin-modern .aux-menu-depth-0 > .aux-submenu { color: #3D3D3D; margin-top: 0; background-color: white; border: solid 1px #BBB; } .aux-master-menu.aux-vertical.aux-skin-modern .aux-menu-depth-0 > .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-modern .aux-menu-depth-0 > .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content { color: #BBB; } .aux-master-menu.aux-vertical.aux-skin-modern .aux-menu-depth-0 > .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator, .aux-master-menu.aux-horizontal.aux-skin-modern .aux-menu-depth-0 > .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { background-color: #3D3D3D; } .aux-master-menu.aux-vertical.aux-skin-modern .aux-submenu.aux-megamenu, .aux-master-menu.aux-horizontal.aux-skin-modern .aux-submenu.aux-megamenu { transform: none; left: 0; } .aux-master-menu.aux-vertical.aux-skin-modern .aux-submenu.aux-megamenu::before, .aux-master-menu.aux-horizontal.aux-skin-modern .aux-submenu.aux-megamenu::before { display: none; } .aux-master-menu.aux-vertical.aux-skin-modern .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-modern .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content { color: #3D3D3D; font-weight: 600; } .aux-master-menu.aux-vertical.aux-skin-modern .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-modern .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content { color: #AAA; } .aux-master-menu.aux-vertical.aux-skin-modern .aux-submenu.aux-megamenu .aux-menu-column::after, .aux-master-menu.aux-horizontal.aux-skin-modern .aux-submenu.aux-megamenu .aux-menu-column::after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 0; height: 100%; border-right: solid 1px #EAEAEA; } /** Master Menu divided submenu skin */ .aux-master-menu.aux-horizontal.aux-skin-divided .aux-submenu, .aux-master-menu.aux-vertical.aux-skin-divided .aux-submenu { font-size: 13.5px; color: #3D3D3D; background-color: rgba(255, 255, 255, 0.92); } .aux-master-menu.aux-horizontal.aux-skin-divided .aux-submenu > .aux-menu-item, .aux-master-menu.aux-vertical.aux-skin-divided .aux-submenu > .aux-menu-item { padding-right: 1px; } .aux-master-menu.aux-horizontal.aux-skin-divided .aux-submenu > .aux-menu-item > .aux-item-content, .aux-master-menu.aux-vertical.aux-skin-divided .aux-submenu > .aux-menu-item > .aux-item-content { position: relative; display: block; padding: 15px 0; margin: 0 20px; min-width: 200px; line-height: 150%; border-bottom: solid 1px #EAEAEA; } .aux-master-menu.aux-horizontal.aux-skin-divided .aux-submenu > .aux-menu-item > .aux-item-content > .aux-menu-label, .aux-master-menu.aux-vertical.aux-skin-divided .aux-submenu > .aux-menu-item > .aux-item-content > .aux-menu-label { display: inline-block; } .aux-master-menu.aux-horizontal.aux-skin-divided .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator, .aux-master-menu.aux-vertical.aux-skin-divided .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: 0px -761px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); transition: opacity 300ms ease-out; } .aux-master-menu.aux-horizontal.aux-skin-divided .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator::after, .aux-master-menu.aux-vertical.aux-skin-divided .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator::after { position: absolute; top: 0; left: 0; opacity: 0; z-index: 1; content: ""; background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: -178px -761px; transition: opacity 300ms ease-out; } .aux-master-menu.aux-horizontal.aux-skin-divided .aux-submenu > .aux-menu-item:last-child > .aux-item-content, .aux-master-menu.aux-vertical.aux-skin-divided .aux-submenu > .aux-menu-item:last-child > .aux-item-content { border-bottom: none; } .aux-master-menu.aux-horizontal.aux-skin-divided .aux-submenu > .aux-menu-item.aux-hover, .aux-master-menu.aux-vertical.aux-skin-divided .aux-submenu > .aux-menu-item.aux-hover { background-color: #3D3D3D; } .aux-master-menu.aux-horizontal.aux-skin-divided .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-vertical.aux-skin-divided .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content { border-bottom-color: transparent; color: white; } .aux-master-menu.aux-horizontal.aux-skin-divided .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content > .aux-submenu-indicator::after, .aux-master-menu.aux-vertical.aux-skin-divided .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content > .aux-submenu-indicator::after { opacity: 1; } .aux-master-menu.aux-horizontal.aux-skin-divided .aux-menu-depth-0 > .aux-submenu, .aux-master-menu.aux-vertical.aux-skin-divided .aux-menu-depth-0 > .aux-submenu { color: #3D3D3D; border-top: solid 4px #EAEAEA; } .aux-master-menu.aux-horizontal.aux-skin-divided .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content, .aux-master-menu.aux-vertical.aux-skin-divided .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content { color: #3D3D3D; font-weight: 600; } .aux-master-menu.aux-horizontal.aux-skin-divided .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-vertical.aux-skin-divided .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content { color: #505050; } .aux-master-menu.aux-horizontal.aux-skin-divided .aux-submenu.aux-megamenu .aux-menu-column::after, .aux-master-menu.aux-vertical.aux-skin-divided .aux-submenu.aux-megamenu .aux-menu-column::after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 0; height: 100%; border-right: solid 1px #EAEAEA; } .aux-master-menu.aux-vertical.aux-skin-divided .aux-menu-depth-0 > .aux-submenu { border-left: solid 4px #EAEAEA; border-top: none !important; } /** Master Menu classic-center submenu skin */ .aux-master-menu.aux-vertical.aux-skin-classic-center .aux-submenu, .aux-master-menu.aux-horizontal.aux-skin-classic-center .aux-submenu { box-sizing: content-box; font-size: 13.5px; color: #3D3D3D; background-color: white; } .aux-master-menu.aux-vertical.aux-skin-classic-center .aux-submenu > .aux-menu-item > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-classic-center .aux-submenu > .aux-menu-item > .aux-item-content { position: relative; display: block; padding: 14px; min-width: 220px; line-height: 150%; } .aux-master-menu.aux-vertical.aux-skin-classic-center .aux-submenu > .aux-menu-item > .aux-item-content > .aux-menu-label, .aux-master-menu.aux-horizontal.aux-skin-classic-center .aux-submenu > .aux-menu-item > .aux-item-content > .aux-menu-label { display: inline-block; } .aux-master-menu.aux-vertical.aux-skin-classic-center .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator, .aux-master-menu.aux-horizontal.aux-skin-classic-center .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: 0px -761px; position: absolute; top: 50%; right: 14px; transform: translateY(-50%); } .aux-master-menu.aux-vertical.aux-skin-classic-center .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-classic-center .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content { background-color: #EAEAEA; } .aux-master-menu.aux-vertical.aux-skin-classic-center .aux-menu-depth-0 > .aux-submenu, .aux-master-menu.aux-horizontal.aux-skin-classic-center .aux-menu-depth-0 > .aux-submenu { left: 50%; transform: translateX(-50%); } .aux-master-menu.aux-vertical.aux-skin-classic-center .aux-menu-depth-0 > .aux-submenu::before, .aux-master-menu.aux-horizontal.aux-skin-classic-center .aux-menu-depth-0 > .aux-submenu::before { width: 0; height: 0; border-bottom: 8px solid white; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: -8px; left: 50%; z-index: 2; display: block; margin-left: -8px; content: ""; } .aux-master-menu.aux-vertical.aux-skin-classic-center .aux-submenu.aux-megamenu, .aux-master-menu.aux-horizontal.aux-skin-classic-center .aux-submenu.aux-megamenu { transform: none; left: 0; } .aux-master-menu.aux-vertical.aux-skin-classic-center .aux-submenu.aux-megamenu::before, .aux-master-menu.aux-horizontal.aux-skin-classic-center .aux-submenu.aux-megamenu::before { display: none; } .aux-master-menu.aux-vertical.aux-skin-classic-center .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-classic-center .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content { color: #3D3D3D; font-weight: 600; } .aux-master-menu.aux-vertical.aux-skin-classic-center .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-classic-center .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content { color: #AAA; } .aux-master-menu.aux-vertical.aux-skin-classic-center .aux-submenu.aux-megamenu .aux-menu-column::after, .aux-master-menu.aux-horizontal.aux-skin-classic-center .aux-submenu.aux-megamenu .aux-menu-column::after { content: ''; position: absolute; top: 0; right: 0; display: block; width: 0; height: 100%; border-right: solid 1px #EAEAEA; } .aux-master-menu.aux-vertical.aux-skin-classic-center.aux-slide-up-nav .aux-menu-depth-0 > .aux-submenu, .aux-master-menu.aux-horizontal.aux-skin-classic-center.aux-slide-up-nav .aux-menu-depth-0 > .aux-submenu { transform: translateY(4px) translateX(-50%); } .aux-master-menu.aux-vertical.aux-skin-classic-center.aux-slide-up-nav .aux-menu-depth-0.aux-open > .aux-submenu, .aux-master-menu.aux-horizontal.aux-skin-classic-center.aux-slide-up-nav .aux-menu-depth-0.aux-open > .aux-submenu { transform: translateX(-50%); } .aux-master-menu.aux-vertical.aux-skin-classic-center .aux-menu-depth-0 > .aux-submenu { left: 100%; top: 50%; transform: translate(0, -50%); } /** Master Menu dash-divided submenu skin */ .aux-master-menu.aux-vertical.aux-skin-dash-divided .aux-submenu, .aux-master-menu.aux-horizontal.aux-skin-dash-divided .aux-submenu { font-size: 13.5px; color: #BBB; background-color: rgba(0, 0, 0, 0.8); } .aux-master-menu.aux-vertical.aux-skin-dash-divided .aux-submenu > .aux-menu-item, .aux-master-menu.aux-horizontal.aux-skin-dash-divided .aux-submenu > .aux-menu-item { padding-right: 1px; } .aux-master-menu.aux-vertical.aux-skin-dash-divided .aux-submenu > .aux-menu-item > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-dash-divided .aux-submenu > .aux-menu-item > .aux-item-content { position: relative; display: block; padding: 18px 0; margin: 0 18px; min-width: 160px; line-height: 150%; border-bottom: dashed 1px #3D3D3D; } .aux-master-menu.aux-vertical.aux-skin-dash-divided .aux-submenu > .aux-menu-item > .aux-item-content > .aux-menu-label, .aux-master-menu.aux-horizontal.aux-skin-dash-divided .aux-submenu > .aux-menu-item > .aux-item-content > .aux-menu-label { display: inline-block; } .aux-master-menu.aux-vertical.aux-skin-dash-divided .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator, .aux-master-menu.aux-horizontal.aux-skin-dash-divided .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: -178px -761px; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); } .aux-master-menu.aux-vertical.aux-skin-dash-divided .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-dash-divided .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content { color: white; } .aux-master-menu.aux-vertical.aux-skin-dash-divided .aux-menu-item:last-child > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-dash-divided .aux-menu-item:last-child > .aux-item-content { border-bottom: none; } .aux-master-menu.aux-vertical.aux-skin-dash-divided .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-dash-divided .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content { color: #F1F1F1; font-weight: 600; border-bottom-style: dashed !important; } .aux-master-menu.aux-vertical.aux-skin-dash-divided .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-dash-divided .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content { color: white; } .aux-master-menu.aux-vertical.aux-skin-dash-divided .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-dash-divided .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content { border-bottom: solid 1px #3D3D3D; padding-bottom: 20px; margin-bottom: 8px; } .aux-master-menu.aux-vertical.aux-skin-dash-divided.aux-light .aux-submenu, .aux-master-menu.aux-horizontal.aux-skin-dash-divided.aux-light .aux-submenu { background-color: rgba(255, 255, 255, 0.92); color: #3D3D3D; } .aux-master-menu.aux-vertical.aux-skin-dash-divided.aux-light .aux-submenu > .aux-menu-item, .aux-master-menu.aux-horizontal.aux-skin-dash-divided.aux-light .aux-submenu > .aux-menu-item { padding-right: 1px; } .aux-master-menu.aux-vertical.aux-skin-dash-divided.aux-light .aux-submenu > .aux-menu-item > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-dash-divided.aux-light .aux-submenu > .aux-menu-item > .aux-item-content { border-bottom-color: #BBB; } .aux-master-menu.aux-vertical.aux-skin-dash-divided.aux-light .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator, .aux-master-menu.aux-horizontal.aux-skin-dash-divided.aux-light .aux-submenu > .aux-menu-item > .aux-item-content > .aux-submenu-indicator { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: 0px -761px; opacity: 0.6; } .aux-master-menu.aux-vertical.aux-skin-dash-divided.aux-light .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-dash-divided.aux-light .aux-submenu > .aux-menu-item.aux-hover > .aux-item-content { color: black; } .aux-master-menu.aux-vertical.aux-skin-dash-divided.aux-light .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-dash-divided.aux-light .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content { color: #3D3D3D; border-bottom-color: #BBB; } .aux-master-menu.aux-vertical.aux-skin-dash-divided.aux-light .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-horizontal.aux-skin-dash-divided.aux-light .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content { color: black; } .aux-fs-popup.aux-fs-menu-layout-left .aux-panel-close { right: calc( 10% - 15px ); top: 100px; border: none; z-index: 5; } .aux-fs-popup.aux-fs-menu-layout-left .aux-fs-menu { top: 120px; width: 80%; margin: 0 auto; transform: translateY(0); } .aux-fs-popup.aux-fs-menu-layout-left .aux-fs-menu .aux-master-menu .aux-menu-item { text-align: left; } .aux-fs-popup.aux-fs-menu-layout-left .aux-fs-menu .aux-master-menu .aux-menu-item .aux-item-content { padding: 10px 0px; font-size: 1.6875em; line-height: normal; } .aux-fs-popup.aux-fs-menu-layout-left .aux-fs-menu .aux-master-menu .aux-menu-item .aux-item-content .aux-submenu-indicator { width: 23px; left: 13px; border-width: 14px 6px; } .aux-fs-popup.aux-fs-menu-layout-left .aux-fs-menu .aux-master-menu .aux-submenu { padding-left: 22px; } .aux-fs-popup.aux-fs-menu-layout-left .aux-fs-menu .aux-master-menu .aux-submenu .aux-menu-item:first-child, .aux-fs-popup.aux-fs-menu-layout-left .aux-fs-menu .aux-master-menu .aux-submenu .aux-menu-item:last-child { padding: 0; } .aux-fs-popup.aux-fs-menu-layout-left .aux-fs-menu .aux-master-menu .aux-submenu:after { content: ''; position: absolute; left: 0; top: 15px; background-color: #3D3D3D; height: calc( 100% - 31px ); width: 1px; } .aux-fs-popup.aux-fs-menu-layout-left .aux-fs-menu .aux-master-menu > .aux-menu-item { margin: 0; } .aux-fs-popup.aux-fs-menu-layout-left .aux-fs-menu .aux-master-menu > .aux-menu-item:first-child .aux-item-content { padding-top: 0; } .aux-fs-popup.aux-dark .aux-fs-menu .aux-master-menu .aux-menu-item .aux-submenu:after { background-color: #FFFFFF; } /** Master Menu Mobile classic submenu skin */ .aux-master-menu.aux-narrow .aux-menu-item > .aux-item-content, .aux-master-menu.aux-narrow.aux-skin-classic .aux-menu-item > .aux-item-content { display: block; padding: 1.125em 1.0625em; font-size: 0.875em; color: #3D3D3D; line-height: 100%; } .aux-master-menu.aux-narrow .aux-menu-item > .aux-item-content .aux-menu-label, .aux-master-menu.aux-narrow.aux-skin-classic .aux-menu-item > .aux-item-content .aux-menu-label { display: inline-block; } .aux-toggle-menu-bar .aux-master-menu.aux-narrow .aux-menu-item > .aux-item-content, .aux-toggle-menu-bar .aux-master-menu.aux-narrow.aux-skin-classic .aux-menu-item > .aux-item-content { padding: 1.125em 0; } .aux-header-light .aux-master-menu.aux-narrow .aux-menu-item > .aux-item-content, .aux-header-light .aux-master-menu.aux-narrow.aux-skin-classic .aux-menu-item > .aux-item-content { color: #FFFFFF; } .aux-master-menu.aux-narrow .aux-submenu-indicator, .aux-master-menu.aux-narrow.aux-skin-classic .aux-submenu-indicator { display: inline-block; position: absolute; width: 11px; left: unset; top: unset; border: transparent solid; border-width: 20px 13px; cursor: pointer; transform: translate3d(120%, -12px, 0); box-sizing: content-box; } .aux-toggle-menu-bar .aux-master-menu.aux-narrow .aux-submenu-indicator, .aux-toggle-menu-bar .aux-master-menu.aux-narrow.aux-skin-classic .aux-submenu-indicator { right: 0; } .aux-master-menu.aux-narrow .aux-submenu-indicator::after, .aux-master-menu.aux-narrow.aux-skin-classic .aux-submenu-indicator::after { transition: all 300ms; } .aux-master-menu.aux-narrow .aux-open > .aux-item-content .aux-submenu-indicator::after, .aux-master-menu.aux-narrow.aux-skin-classic .aux-open > .aux-item-content .aux-submenu-indicator::after { transform: rotate(0); } .aux-master-menu.aux-narrow .aux-menu-icon, .aux-master-menu.aux-narrow.aux-skin-classic .aux-menu-icon { display: none !important; } .aux-master-menu.aux-narrow .aux-menu-icon.top, .aux-master-menu.aux-narrow .aux-menu-icon.bottom, .aux-master-menu.aux-narrow.aux-skin-classic .aux-menu-icon.top, .aux-master-menu.aux-narrow.aux-skin-classic .aux-menu-icon.bottom { display: inline-block; width: auto; } .aux-master-menu.aux-narrow .aux-submenu, .aux-master-menu.aux-narrow.aux-skin-classic .aux-submenu { background-color: #F3F3F3; padding-left: 0.75em; } .aux-master-menu.aux-narrow .aux-submenu.aux-megamenu, .aux-master-menu.aux-narrow.aux-skin-classic .aux-submenu.aux-megamenu { padding: 0 0.75em; } .aux-master-menu.aux-narrow .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content, .aux-master-menu.aux-narrow.aux-skin-classic .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content { color: #3D3D3D; font-weight: 600; } .aux-master-menu.aux-narrow .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content, .aux-master-menu.aux-narrow.aux-skin-classic .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content { color: #AAA; } .aux-master-menu.aux-narrow .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content, .aux-master-menu.aux-narrow.aux-skin-classic .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content { border-bottom: solid 1px #BBB; padding-bottom: 20px; margin-bottom: 8px; } .aux-master-menu.aux-narrow .aux-menu-item > .aux-submenu, .aux-master-menu.aux-narrow.aux-skin-classic .aux-menu-item > .aux-submenu { display: block; height: 0; overflow: hidden; } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-menu-item, .aux-fs-menu .aux-master-menu .aux-menu-item { text-align: center; } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-menu-item > .aux-item-content, .aux-fs-menu .aux-master-menu .aux-menu-item > .aux-item-content { display: block; padding: 13px 0; font-size: 2.3125em; font-weight: 600; color: #3D3D3D; line-height: 100%; } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-menu-item > .aux-item-content .aux-menu-label, .aux-fs-menu .aux-master-menu .aux-menu-item > .aux-item-content .aux-menu-label { display: inline-block; } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-menu-item.aux-open > .aux-item-content, .aux-fs-menu .aux-master-menu .aux-menu-item.aux-open > .aux-item-content { color: #AAA; } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-submenu-indicator, .aux-fs-menu .aux-master-menu .aux-submenu-indicator { display: inline-block; position: relative; right: auto; top: 0; left: 5px; width: 30px; height: 0; border: transparent solid; border-width: 20px 5px; margin-left: -44px; vertical-align: text-bottom; transform: translateX(100%); } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-open > .aux-item-content .aux-submenu-indicator::after, .aux-fs-menu .aux-master-menu .aux-open > .aux-item-content .aux-submenu-indicator::after { transform: rotate(0); } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-menu-icon, .aux-fs-menu .aux-master-menu .aux-menu-icon { display: none !important; } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-menu-icon.top, .aux-fs-menu .aux-master-menu .aux-menu-icon.top, .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-menu-icon.bottom, .aux-fs-menu .aux-master-menu .aux-menu-icon.bottom { display: inline-block; width: auto; } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-submenu, .aux-fs-menu .aux-master-menu .aux-submenu { background-color: transparent; } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-submenu > .aux-menu-item:first-child, .aux-fs-menu .aux-master-menu .aux-submenu > .aux-menu-item:first-child { padding-top: 18px; } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-submenu > .aux-menu-item:last-child, .aux-fs-menu .aux-master-menu .aux-submenu > .aux-menu-item:last-child { padding-bottom: 18px; } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-submenu.aux-megamenu > .aux-menu-item:first-child, .aux-fs-menu .aux-master-menu .aux-submenu.aux-megamenu > .aux-menu-item:first-child { padding-top: 12px; } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-submenu.aux-megamenu > .aux-menu-item:last-child, .aux-fs-menu .aux-master-menu .aux-submenu.aux-megamenu > .aux-menu-item:last-child { padding-bottom: 12px; } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content, .aux-fs-menu .aux-master-menu .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content { color: #3D3D3D; font-weight: 600; } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content, .aux-fs-menu .aux-master-menu .aux-submenu.aux-megamenu .aux-menu-item.aux-hover > .aux-item-content { color: #AAA; } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content, .aux-fs-menu .aux-master-menu .aux-submenu.aux-megamenu .aux-menu-column > .aux-item-content { border-bottom: solid 1px #BBB; padding-bottom: 20px; margin-bottom: 8px; } .aux-dark .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-menu-item > .aux-item-content, .aux-dark .aux-fs-menu .aux-master-menu .aux-menu-item > .aux-item-content, .aux-fs-menu .aux-dark .aux-master-menu .aux-menu-item > .aux-item-content { color: white; } .aux-dark .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-menu-item.aux-open > .aux-item-content, .aux-dark .aux-fs-menu .aux-master-menu .aux-menu-item.aux-open > .aux-item-content, .aux-fs-menu .aux-dark .aux-master-menu .aux-menu-item.aux-open > .aux-item-content { color: #AAA; } .aux-dark .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-menu-item .aux-submenu-indicator::after, .aux-dark .aux-fs-menu .aux-master-menu .aux-menu-item .aux-submenu-indicator::after, .aux-fs-menu .aux-dark .aux-master-menu .aux-menu-item .aux-submenu-indicator::after, .aux-dark .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-menu-item .aux-submenu-indicator::before, .aux-dark .aux-fs-menu .aux-master-menu .aux-menu-item .aux-submenu-indicator::before, .aux-fs-menu .aux-dark .aux-master-menu .aux-menu-item .aux-submenu-indicator::before { background-color: white; } .aux-master-menu.aux-narrow.aux-fullscreen-menu .aux-menu-item > .aux-submenu, .aux-fs-menu .aux-master-menu .aux-menu-item > .aux-submenu { display: block; height: 0; overflow: hidden; } /*!>>>>>>>>>>>>>>>>>>>>>>>> #Sections <<<<<<<<<<<<<<<<<<<<<<<<<<< */ /** General widget styles */ aside .aux-widget-area { margin-bottom: 0; } .aux-dark .aux-widget-area, .aux-widget-area.aux-dark { color: white; } .widget-container.aux-toggle-widget > .aux-toggle-widget-wrapper { overflow: hidden; transition: height 500ms cubic-bezier(0.165, 0.84, 0.44, 1); } .widget-container.aux-toggle-widget .widget-title { position: relative; } .widget-container.aux-toggle-widget .widget-title:after { content: ''; position: absolute; top: 4px; right: 0; background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: 0px -761px; transition: transform 300ms; } .widget-container.aux-toggle-widget.aux-open .widget-title:after { transform: rotate(90deg); } .widget-container ul li { margin-bottom: 0; word-break: break-word; } .widget-container a { color: inherit; } .widget-container a:hover { color: #1bb0ce; } .widget-container .entry-badge { display: inline-block; padding: 5px 20px; border-radius: 100em; background: #3d3d3d; color: #ffffff; } aside .widget-container, .aux-aside .widget-container { margin-top: 4.0625em; font-size: 0.875em; } aside .widget-container:first-child, .aux-aside .widget-container:first-child { margin-top: 0; } aside .widget-title, .aux-aside .widget-title { padding: 0 0 1.0625em; margin-bottom: 1.875em; margin-top: 0; border-bottom: 1px #DEDEDE solid; text-transform: uppercase; font-size: 0.75rem; font-weight: normal; letter-spacing: 2px; line-height: 150%; } .aux-sidebar .aux-widget-area + .aux-widget-area { margin-top: 4.0625em; } .subfooter.aux-dark .widget-title { color: white; border-bottom: none; font-size: 0.875rem; padding-bottom: 0; margin-bottom: 50px; font-weight: 600 !important; } .aux-primary .widget-container ul, .aux-primary .widget-container ul li { list-style: none; } @media screen and (max-width: 479px) { .aux-resp .widget-title { text-align: center; } } @media screen and (max-width: 767px) { aside .aux-widget-area, .aux-aside .aux-widget-area { margin-top: 2.5em; } aside .aux-widget-area:first-child, .aux-aside .aux-widget-area:first-child { margin-top: 0; } } /** Auxin Testimonial Widget */ .aux-widget-testimonial .aux-testimonial-content > .entry-content, .aux-widget-testimonial .aux-testimonial-content > .comment-body { position: relative; margin-bottom: 0; } .aux-widget-testimonial .aux-testimonial-infobox { display: table; } .aux-widget-testimonial .aux-testimonial-infobox .aux-testimonial-image { width: 45px; display: table-cell; } .aux-widget-testimonial .aux-testimonial-infobox .aux-testimonial-image .img-square { border-radius: 50%; } .aux-widget-testimonial .aux-testimonial-infobox .aux-testimonial-info { display: table-cell; padding-left: 10px; vertical-align: top; } .aux-widget-testimonial .aux-testimonial-infobox .col-title { margin-bottom: 0; font-size: 1em; font-weight: 600; } .aux-widget-testimonial .aux-testimonial-infobox .col-subtitle { font-size: 0.875em; color: #BBB; } .aux-widget-testimonial, .aux-widget-testimonial .aux-testimonial-content, .aux-widget-testimonial .aux-testimonial-infobox, .aux-widget-testimonial .aux-testimonial-info, .aux-widget-testimonial .col-title, .aux-widget-testimonial .col-subtitle { transition: all 400ms ease; } .aux-widget-testimonial.aux-testimonial-default .aux-testimonial-content .entry-content, .aux-widget-testimonial.aux-testimonial-default .aux-testimonial-content .comment-body { margin-bottom: 25px; } .aux-widget-testimonial.aux-testimonial-def-img .aux-testimonial-content .entry-content, .aux-widget-testimonial.aux-testimonial-def-img .aux-testimonial-content .comment-body { margin-bottom: 25px; } .aux-widget-testimonial.aux-testimonial-bordered .aux-testimonial-content { position: relative; margin-bottom: 25px; border-right: 1px solid #BBB; border-top: 1px solid #BBB; border-left: 1px solid #BBB; } .aux-widget-testimonial.aux-testimonial-bordered .aux-testimonial-content:after, .aux-widget-testimonial.aux-testimonial-bordered .aux-testimonial-content:before { content: ''; position: absolute; bottom: 0; background-color: #BBB; height: 1px; } .aux-widget-testimonial.aux-testimonial-bordered .aux-testimonial-content:after { width: 55px; left: 0; } .aux-widget-testimonial.aux-testimonial-bordered .aux-testimonial-content:before { right: 0; width: calc(100% - 70px); } .aux-widget-testimonial.aux-testimonial-bordered .aux-testimonial-content .entry-content, .aux-widget-testimonial.aux-testimonial-bordered .aux-testimonial-content .comment-body { padding: 20px; } .aux-widget-testimonial.aux-testimonial-bordered .aux-testimonial-content .entry-content:after, .aux-widget-testimonial.aux-testimonial-bordered .aux-testimonial-content .comment-body:after { content: ""; position: absolute; bottom: -8px; left: 55px; width: 15px; height: 15px; border-left: 1px solid #BBB; border-bottom: 1px solid #BBB; transform: skewY(-45deg); } .aux-widget-testimonial.aux-testimonial-quote .aux-testimonial-content .entry-content, .aux-widget-testimonial.aux-testimonial-quote .aux-testimonial-content .comment-body { margin-bottom: 15px; padding: 35px 0px 15px 0px; } .aux-widget-testimonial.aux-testimonial-quote .aux-testimonial-content .entry-content:before, .aux-widget-testimonial.aux-testimonial-quote .aux-testimonial-content .comment-body:before { content: '\e178'; position: absolute; top: 0; left: -5px; font-family: "auxin-front"; font-size: 28px; line-height: normal; } .aux-widget-testimonial.aux-testimonial-quote .aux-testimonial-content .entry-content:after, .aux-widget-testimonial.aux-testimonial-quote .aux-testimonial-content .comment-body:after { content: ''; position: absolute; bottom: -1px; left: 0; width: 25px; height: 1px; background-color: #3D3D3D; } .aux-widget-testimonial.aux-testimonial-quote .aux-testimonial-infobox .aux-testimonial-info { padding: 0; } .aux-widget-testimonial.aux-testimonial-info-top { transform: scaleY(-1); } .aux-widget-testimonial.aux-testimonial-info-top .aux-testimonial-content, .aux-widget-testimonial.aux-testimonial-info-top .aux-testimonial-infobox { transform: scaleY(-1); } .aux-widget-testimonial.aux-testimonial-info-top .aux-testimonial-content { border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; border-left: 1px solid #BBB; position: relative; } .aux-widget-testimonial.aux-testimonial-info-top .aux-testimonial-content:after, .aux-widget-testimonial.aux-testimonial-info-top .aux-testimonial-content:before { content: ''; position: absolute; top: 0; width: calc(50% - 10px); height: 1px; background-color: #BBB; } .aux-widget-testimonial.aux-testimonial-info-top .aux-testimonial-content:after { right: 0; } .aux-widget-testimonial.aux-testimonial-info-top .aux-testimonial-content:before { left: 0; } .aux-widget-testimonial.aux-testimonial-info-top .aux-testimonial-content .entry-content, .aux-widget-testimonial.aux-testimonial-info-top .aux-testimonial-content .comment-body { padding: 20px; } .aux-widget-testimonial.aux-testimonial-info-top .aux-testimonial-content .entry-content:before, .aux-widget-testimonial.aux-testimonial-info-top .aux-testimonial-content .comment-body:before { content: ""; position: absolute; top: -7px; left: calc(50% - 8px); width: 14px; height: 14px; border-left: 1px solid #BBB; border-top: 1px solid #BBB; transform: rotate(45deg); } .aux-widget-testimonial.aux-testimonial-info-top .aux-testimonial-infobox { display: block; margin-top: 20px; text-align: center; } .aux-widget-testimonial.aux-testimonial-info-top .aux-testimonial-infobox .aux-testimonial-image { display: block; margin: 0 auto 7px auto; } .aux-widget-testimonial.aux-testimonial-info-top .aux-testimonial-infobox .aux-testimonial-info { display: block; padding: 0; } .aux-widget-testimonial.aux-testimonial-info-top .aux-rating-box { margin-right: auto; margin-left: auto; } .aux-widget-testimonial.aux-testimonial-image-top { margin-top: 55px; border: solid 1px #EAEAEA; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); padding: 30px 40px; } .aux-widget-testimonial.aux-testimonial-image-top .aux-testimonial-infobox { display: block; margin-top: -85px; } .aux-widget-testimonial.aux-testimonial-image-top .aux-testimonial-image { width: 110px; display: block; margin-bottom: 35px; } .aux-widget-testimonial.aux-testimonial-image-top .aux-testimonial-info { display: block; padding-left: 0; } .aux-widget-testimonial.aux-testimonial-image-top .col-title { font-size: 1.75em; } .aux-widget-testimonial.aux-testimonial-image-top .col-subtitle { font-size: 1em; margin-bottom: 18px; font-weight: 300; color: #3D3D3D; } /** WP Tag Cloud widget styles */ .widget_tag_cloud .tagcloud > a { display: inline-block; margin-bottom: 5px; padding: 0.8125em 1em; background-color: #F1F1F1; color: #3D3D3D; font-size: 100% !important; line-height: 100%; font-style: italic; } .widget_tag_cloud .tagcloud > a:hover { background-color: #DEDEDE; } .aux-dark .widget_tag_cloud .tagcloud > a { background-color: #333 !important; color: white; } .aux-dark .widget_tag_cloud .tagcloud > a:hover { background-color: black !important; } .subfooter .widget_tag_cloud .tagcloud > a { background-color: #FDFDFD; } .subfooter .widget_tag_cloud .tagcloud > a:hover { background-color: #EAEAEA; } /** WP calendar widget styles */ .widget_calendar table { font-size: 0.875rem; margin: 0; position: relative; border: none; } .widget_calendar thead { background: transparent; } .widget_calendar thead tr { border-bottom: solid 1px #BBB; } .widget_calendar th, .widget_calendar td { padding: 0; width: 14.28571%; border: none; background-color: transparent; text-align: center; line-height: 2.5em; } .widget_calendar td a { text-decoration: underline; } .widget_calendar td#today { position: relative; } .widget_calendar td#today:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 1.875em; height: 1.875em; border: solid 1px #BBB; border-radius: 50%; transform: translate(-50%, -50%); } .widget_calendar tr:first-child td { padding-top: 5px; } .widget_calendar tr:first-child th { padding-bottom: 5px; } .widget_calendar tr:first-child td#today:after { top: calc(50% + 3px); } .widget_calendar th { color: #BBB; font-weight: normal; } .widget_calendar caption { padding: 0px 0px 0.9em; line-height: 100%; text-align: left; font-weight: 600; } .widget_calendar tfoot { position: absolute; top: 0; width: 100%; } .widget_calendar tfoot, .widget_calendar tfoot td, .widget_calendar tfoot tr { display: block; } .widget_calendar tfoot td { padding: 0 !important; width: auto; float: right; } .widget_calendar tfoot td.pad { display: none; } .widget_calendar tfoot td a { position: relative; width: 20px; height: 20px; display: block; overflow: hidden; text-indent: 100em; } .widget_calendar tfoot td a:after { content: ''; position: absolute; top: 5px; left: 10px; } .widget_calendar tfoot td#prev a:after { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: 0px -761px; } .widget_calendar tfoot td#next a:after { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: 0px -722px; } .aux-dark .widget_calendar th { color: white; } .aux-dark .widget_calendar tfoot td#prev a:after { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: -178px -761px; } .aux-dark .widget_calendar tfoot td#next a:after { background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 6px; height: 10px; background-position: -178px -722px; } /** WP categories widget styles */ .widget_categories { text-transform: uppercase; } /** WP nav menu widget styles */ .widget_nav_menu ul ul { list-style-type: disc; color: #BBB; margin-left: 1em; } /** WP archive widget styles */ .widget_archive li, .widget_categories li { font-weight: 600; color: #BBB; } .widget_archive li a, .widget_categories li a { color: #3D3D3D; } .widget_archive select, .widget_categories select { font-size: 0.875rem; width: 100%; } .widget_archive label, .widget_categories label { display: none; } .aux-dark .widget_archive li a, .aux-dark .widget_categories li a { color: white; } .aux-dark .widget_archive li a:hover, .aux-dark .widget_categories li a:hover { color: #1bb0ce; } .aux-dark .widget_archive select, .aux-dark .widget_categories select { background-color: transparent !important; background-image: url(images/controls/arrows/small-arrow-down-white.svg); border-color: #BBB; color: white; } .subfooter .widget_archive select, .subfooter .widget_categories select { background-color: #FDFDFD; } /** WP recent comments widget styles */ .widget_recent_comments li.recentcomments { padding: 0.8125em 1em; background-color: #F3F3F3; margin-bottom: 0.6em; } .widget_recent_comments li.recentcomments .comment-author-link { font-weight: 600; } .aux-dark .widget_recent_comments li.recentcomments { background-color: #333 !important; } .subfooter .widget_recent_comments li.recentcomments { background-color: #EAEAEA; } /** WP recent posts widget styles */ .widget_recent_entries ul > li { margin-bottom: 0.7em; font-weight: 600; } .widget_recent_entries .post-date { display: block; color: #BBB; font-style: italic; font-weight: normal; } /** WP pages menu widget styles */ .widget_pages ul ul { list-style-type: disc; color: #BBB; margin-left: 1em; } /** WP recent comments widget styles */ .widget_rss .rss-widget-icon { display: none; } .widget_rss > ul > li { margin-bottom: 1.875em; padding-bottom: 1.875em; border-bottom: solid 1px #DEDEDE; } .widget_rss > ul > li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .widget_rss > ul > li > a { display: block; font-weight: 600; } .widget_rss > ul > li .rss-date { display: block; font-style: italic; color: #AAA; font-weight: 500; } .widget_rss > ul > li cite { display: block; margin-top: 1.875em; color: #888; font-style: italic; font-weight: 600; } .widget_rss > ul > li > a + cite, .widget_rss > ul > li .rss-date + cite { margin: 0; } /** Big Grid view style for Recent News content // ------------------------------------------------------------------------------ */ .aux-big-grid-layout .aux-news-big-grid { float: left; height: 0; overflow: hidden; text-align: left; } .aux-big-grid-layout .aux-news-big-grid .entry-media { margin-bottom: 0; } .aux-big-grid-layout .aux-news-big-grid .entry-main { position: absolute; z-index: 2; bottom: 0; width: 100%; padding: 0 30px 25px 30px; margin-bottom: 0; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41NSIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(30%, rgba(0, 0, 0, 0.55)), color-stop(60%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0))); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.55) 30%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.55) 30%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 30%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 100%); } .aux-big-grid-layout .aux-news-big-grid .entry-header { margin-bottom: 0.4375em; } .aux-big-grid-layout .aux-news-big-grid .entry-info { margin-bottom: 0; color: #FFFFFF; } .aux-big-grid-layout .aux-news-big-grid .entry-title { margin-bottom: 0.5em; font-size: 1.125em; color: #FFFFFF; } .aux-big-grid-layout .aux-news-big-grid .entry-info { margin-bottom: 0; font-style: italic; } .aux-big-grid-layout .aux-news-big-grid .entry-info .entry-tax { margin-left: 0px; } .aux-big-grid-layout .aux-news-big-grid .entry-info .entry-tax a { color: #1bb0ce; } .aux-big-grid-layout .aux-news-big-grid .entry-info .entry-tax a:before { display: none; } .aux-big-grid-layout .aux-news-big-grid .entry-info .entry-author { display: none; } .aux-big-grid-layout .aux-news-big-grid .entry-info .entry-author:before { content: ""; position: relative; top: -1px; display: inline-block; width: 4px; height: 4px; border-radius: 50%; margin: 0 0.6em; vertical-align: middle; background-color: #FFFFFF; } .aux-big-grid-layout .aux-news-big-grid .entry-info .entry-date:before { content: ""; position: relative; top: -1px; display: inline-block; width: 4px; height: 4px; border-radius: 50%; margin: 0 0.6em; vertical-align: middle; background-color: #FFFFFF; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-1 .entry-main { padding: 0 30px 25px 30px; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-1 .entry-info .entry-author { display: inline-block; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-1 .entry-title { font-size: 1.625em; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-2 .entry-main { padding: 0 30px 25px 30px; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-2 .entry-info .entry-author { display: inline-block; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-2 .entry-title { font-size: 1.625em; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-3 .entry-main { padding: 0 30px 25px 30px; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-3 .entry-info .entry-author { display: inline-block; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-3 .entry-title { font-size: 1.625em; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-4 .entry-main { padding: 0 30px 25px 30px; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-4 .entry-info .entry-author { display: inline-block; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-4 .entry-title { font-size: 1.625em; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-5 .entry-main { padding: 0 30px 25px 30px; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-5 .entry-info .entry-author { display: inline-block; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-5 .entry-title { font-size: 1.625em; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-6 .entry-main { padding: 0 50px 45px 50px; } @media screen and (max-width: 767px) { .aux-resp .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-6 .entry-main { padding: 0 30px 25px 30px; } } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-6 .entry-info .entry-author { display: inline-block; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-6 .entry-title { font-size: 1.625em; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-7 .entry-main { padding: 0 50px 45px 50px; } @media screen and (max-width: 767px) { .aux-resp .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-7 .entry-main { padding: 0 30px 25px 30px; } } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-7 .entry-info .entry-author { display: inline-block; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-7 .entry-title { font-size: 1.625em; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-8 .entry-main { padding: 0 50px 45px 50px; } @media screen and (max-width: 767px) { .aux-resp .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-8 .entry-main { padding: 0 30px 25px 30px; } } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-8 .entry-info .entry-author { display: inline-block; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-8 .entry-title { font-size: 1.625em; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-9 .entry-main { padding: 0 50px 45px 50px; } @media screen and (max-width: 767px) { .aux-resp .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-9 .entry-main { padding: 0 30px 25px 30px; } } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-9 .entry-info .entry-author { display: inline-block; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-9 .entry-title { font-size: 1.625em; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-10 .entry-main { padding: 0 50px 45px 50px; } @media screen and (max-width: 767px) { .aux-resp .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-10 .entry-main { padding: 0 30px 25px 30px; } } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-10 .entry-info .entry-author { display: inline-block; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-10 .entry-title { font-size: 1.625em; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-11 .entry-main { padding: 0 50px 45px 50px; } @media screen and (max-width: 767px) { .aux-resp .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-11 .entry-main { padding: 0 30px 25px 30px; } } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-11 .entry-info .entry-author { display: inline-block; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-11 .entry-title { font-size: 1.625em; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-12 .entry-main { padding: 0 50px 45px 50px; } @media screen and (max-width: 767px) { .aux-resp .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-12 .entry-main { padding: 0 30px 25px 30px; } } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-12 .entry-info .entry-author { display: inline-block; } .aux-big-grid-layout .aux-news-big-grid.aux-big-grid-6-12 .entry-title { font-size: 1.625em; } .aux-big-grid-layout .aux-news-big-grid .aux-media-image img { max-width: none; transition: transform 4s; } .aux-big-grid-layout .aux-news-big-grid:hover .aux-media-image img { transform: scale(1.04, 1.04); } .aux-big-grid-layout .aux-news-big-grid.aux-title-limit .entry-title { overflow: hidden; max-height: 3.375em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: -o-ellipsis-lastline; } .aux-big-grid-layout.aux-overlay .aux-news-big-grid .entry-main { position: absolute; top: 50%; transform: translateY(-50%); bottom: auto; padding: 0px 20px; background: transparent; } .aux-big-grid-layout.aux-overlay .aux-news-big-grid .entry-media::after { content: ''; position: absolute; top: 0; z-index: 1; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); pointer-events: none; transition: background-color 1.5s; } .aux-big-grid-layout.aux-overlay .aux-news-big-grid:hover .entry-media::after { background-color: rgba(0, 0, 0, 0.75); } /** Auxin tabs widget styles */ .widget-tabs .widget-inner { overflow: visible; } .widget-tabs ul > li { list-style: none; } .widget-tabs ul { margin: 0; } .widget-tabs .tabs { display: table; table-layout: fixed; margin: 0; width: 100%; padding-left: 0; padding-right: 0; } .widget-tabs .tabs li { display: table-cell; position: relative; top: 2px; padding: 0.8em; border: solid #BBB; border-width: 1px 0 1px 1px; color: #BBB; text-align: center; vertical-align: middle; cursor: pointer; } .widget-tabs .tabs li > a:hover { color: inherit; } .widget-tabs .tabs li.active { border-bottom: none; color: inherit; } .widget-tabs .tabs li:last-child { border-right-width: 1px; } .widget-tabs .tabs-content { border: 1px solid #BBB; border-top: none; padding: 2.1875em 1.375em; } .widget-tabs .tabs-content > li { line-height: inherit; } .widget-tabs .tabs-content p { margin-bottom: 0; } .widget-tabs .tabs-content .entry-editor:focus { outline: none; } .aux-dom-unready .widget-tabs .tabs-content > li { display: none; } .aux-dom-unready .widget-tabs .tabs-content > li:first-child { display: block; } .widget-tabs.aux-stripe .tabs-content { border-width: 1px 0 0 0; } .widget-tabs.aux-fill .tabs-content { padding-right: 0; padding-left: 0; } /** WP Popular Posts Widget */ .popular-posts .wpp-list .wpp-list-items { padding: 1.25em 0; border-bottom: 1px solid #EAEAEA; position: relative; display: flex; } .popular-posts .wpp-list .wpp-list-items .wpp-item-img { width: 33.5%; max-width: 80px; flex-shrink: 0; margin-right: 15px; } .popular-posts .wpp-list .wpp-list-items .wpp-item-img img { width: 100%; height: auto; } .popular-posts .wpp-list .wpp-list-items .wpp-post-meta .entry-title { text-decoration: none; font-weight: 600; font-size: 0.875rem; vertical-align: top; margin: 0; padding: 0; word-break: break-word; } .popular-posts .wpp-list .wpp-list-items .wpp-post-meta .wpp-stats { color: #BBB; font-weight: 400; font-style: italic; } .popular-posts .wpp-list .wpp-list-items:last-child { border: none; } .popular-posts .wpp-list .wpp-list-items:first-child { padding-top: 0; } /** WP recent blog posts widget styles */ .aux-widget-recent-post-widget > article { padding: 1.5625em 0; border-bottom: 1px solid #e0e0e0; } .aux-widget-recent-post-widget > article:after { content: ""; display: table; clear: both; } .aux-widget-recent-post-widget > article:first-of-type { padding-top: 0; } .aux-widget-recent-post-widget > article:last-child { padding-bottom: 0; border: none; } .aux-widget-recent-post-widget .entry-media { float: left; width: 33.5%; max-width: 80px; } .aux-widget-recent-post-widget .entry-media + div { margin-left: 33.5%; padding-left: 1em; } .aux-widget-recent-post-widget .entry-title { margin-bottom: 0.1em; margin-top: 0; font-size: inherit; line-height: 1.3; font-weight: 600; } .aux-widget-recent-post-widget .entry-media + .content { float: left; width: 66.5%; padding-left: 15px; } .aux-widget-recent-post-widget .entry-content time, .aux-widget-recent-post-widget .comment-body time { color: #BBB; font-style: italic; font-size: inherit; } .aux-widget-recent-post-widget .entry-content > p, .aux-widget-recent-post-widget .comment-body > p { margin-bottom: 0; } .subfooter .aux-widget-recent-post-widget .entry-media { width: 22.5%; } .subfooter .aux-widget-recent-post-widget .entry-media + div { margin-left: 22.5%; } /** WP recent blog posts widget styles */ .aux-widget-recent-posts .master-carousel.aux-grid-carousel-modern-layout .aux-mc-item .entry-meta:after { content: ""; display: table; clear: both; } .aux-widget-recent-posts .master-carousel.aux-grid-carousel-modern-layout .aux-mc-item footer { position: relative; margin-top: 15px; transform: none; } .aux-widget-recent-posts .master-carousel .aux-mc-item .entry-content, .aux-widget-recent-posts .master-carousel .aux-mc-item .comment-body { margin-bottom: 2em; } .aux-widget-recent-posts .master-carousel .aux-mc-item > article { position: static; height: 100%; } .aux-widget-recent-posts .master-carousel .aux-mc-item footer { position: absolute; bottom: 0px; width: 100%; transform: translateY(-100%); } @media screen and (max-width: 767px) { .aux-widget-recent-posts .aux-mc-controls .aux-bullets { display: none; } } .aux-widget-recent-posts .aux-grid-table-layout > .aux-col { border-color: #BBB; margin: 0; background-size: cover; padding-top: 45px; padding-right: 50px; padding-left: 50px; } .aux-widget-recent-posts .aux-grid-table-layout.aux-border-collapse > .aux-col { padding-bottom: 2.5em; } .aux-widget-recent-posts .aux-grid-table-layout.aux-has-bghover > .aux-col { transition: background-color 200ms ease-in-out; transition: background-image 2000ms ease-in-out; } .aux-widget-recent-posts .aux-grid-table-layout.aux-has-bghover > .aux-col:hover .column-entry, .aux-widget-recent-posts .aux-grid-table-layout.aux-has-bghover > .aux-col:hover .column-entry span, .aux-widget-recent-posts .aux-grid-table-layout.aux-has-bghover > .aux-col:hover .column-entry a, .aux-widget-recent-posts .aux-grid-table-layout.aux-has-bghover > .aux-col:hover .entry-meta .author a { color: #FFFFFF; } .aux-widget-recent-posts .aux-grid-table-layout.aux-has-bghover .column-entry a:hover { text-decoration: underline; } .aux-widget-recent-posts .aux-grid-table-layout.aux-has-bghover.aux-entry-boxed .column-entry { background-color: transparent; box-shadow: none; } .aux-widget-recent-posts .aux-grid-table-layout .column-entry, .aux-widget-recent-posts .aux-grid-table-layout .column-entry a, .aux-widget-recent-posts .aux-grid-table-layout .column-entry span { transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .aux-widget-recent-posts .aux-grid-table-layout .entry-content, .aux-widget-recent-posts .aux-grid-table-layout .comment-body { font-weight: 500; } .aux-widget-recent-posts .aux-grid-table-layout .entry-info { font-style: italic; } .aux-widget-recent-posts .aux-grid-table-layout .entry-info + .entry-header { margin-top: 20px; } .aux-widget-recent-posts .aux-grid-carousel-modern-layout .aux-col:hover .entry-main, .aux-widget-recent-posts .aux-grid-carousel-modern-layout .aux-mc-item:hover .entry-main { top: -80px; } .aux-widget-recent-posts .aux-grid-carousel-modern-layout .aux-col:hover .aux-attachment, .aux-widget-recent-posts .aux-grid-carousel-modern-layout .aux-mc-item:hover .aux-attachment { transform: scale(1.03); } .aux-widget-recent-posts .aux-grid-carousel-modern-layout .entry-main { position: relative; top: -100px; width: 80%; min-height: 142px; margin: 0 auto; background-color: #FFF; box-shadow: 20px 0px 40px 0px rgba(0, 0, 0, 0.06); padding: 1.875em 2.5em; transition: top 1100ms cubic-bezier(0.19, 1, 0.22, 1); } .aux-widget-recent-posts .aux-grid-carousel-modern-layout .aux-media-frame { overflow: hidden; } .aux-widget-recent-posts .aux-grid-carousel-modern-layout .aux-media-frame .aux-attachment { transition: all 700ms cubic-bezier(0.215, 0.61, 0.355, 1); } .aux-widget-recent-posts .aux-grid-carousel-modern-layout .entry-info { font-size: 0.75em; color: #AAA; font-weight: 500; margin-bottom: 0; } .aux-widget-recent-posts .aux-grid-carousel-modern-layout .entry-header { margin-bottom: 0; } .aux-widget-recent-posts .aux-grid-carousel-modern-layout .entry-title { overflow: hidden; max-height: 66px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: -o-ellipsis-lastline; font-size: 1.3125em; } .aux-widget-recent-posts .aux-flip-box .entry-main { display: flex; flex-flow: column wrap; } .aux-widget-recent-posts .aux-flip-box .aux-flip-back { position: absolute; top: 0; bottom: 0; right: 0; left: 0; backface-visibility: hidden; transform: rotateY(180deg); } .aux-widget-recent-posts .aux-flip-box .aux-flip-back .entry-main { justify-content: space-evenly; height: 100%; } .aux-widget-recent-posts .aux-flip-box .aux-flip-front { position: relative; backface-visibility: hidden; z-index: 2; transform: rotateY(0deg); } .aux-widget-recent-posts .aux-flip-box .column-entry { position: relative; padding-bottom: 0; transform-style: preserve-3d; transition: transform 850ms cubic-bezier(0.77, 0, 0.175, 1); transform: perspective(1000px); } .aux-widget-recent-posts .aux-flip-box .column-entry .entry-meta { position: static; } .aux-widget-recent-posts .aux-flip-box .aux-col:hover .column-entry { transform: rotateY(180deg); } /** recent blog posts tiles styles */ .aux-widget-recent-posts-tiles.aux-carousel { position: relative; } .aux-widget-recent-posts-tiles .aux-tile-light .post.aux-post-tile .entry-media:after { background: linear-gradient(to top, rgba(255, 255, 255, 0.87) 0%, rgba(255, 255, 255, 0) 100%); } .aux-widget-recent-posts-tiles .aux-tile-light .post.aux-post-tile .entry-title, .aux-widget-recent-posts-tiles .aux-tile-light .post.aux-post-tile .entry-info { color: #333; } .aux-widget-recent-posts-tiles .aux-tile-light .post.aux-post-tile .entry-author:before { background-color: #333; } .aux-widget-recent-posts-tiles .aux-tile-light .post.aux-post-tile .entry-tax > a:before { background-color: #333; } .aux-widget-recent-posts-tiles .aux-tile-light-overlay .post.aux-post-tile .entry-main { background: rgba(224, 224, 224, 0.6); } .aux-widget-recent-posts-tiles .aux-tile-light-overlay .post.aux-post-tile .entry-title, .aux-widget-recent-posts-tiles .aux-tile-light-overlay .post.aux-post-tile .entry-info { color: #333; } .aux-widget-recent-posts-tiles .aux-tile-light-overlay .post.aux-post-tile .entry-author:before { background-color: #333; } .aux-widget-recent-posts-tiles .aux-tile-light-overlay .post.aux-post-tile .entry-tax > a:before { background-color: #333; } .aux-widget-recent-posts-tiles .aux-mc-arrows { position: absolute; top: 50%; transform: translateY(-50%); } .aux-widget-recent-posts-tiles .aux-prev { left: 0; } .aux-widget-recent-posts-tiles .aux-next { right: 0; left: auto; } /** recent blog posts land element styles */ /** Auxin timeline recent posts widget styles */ .aux-widget-recent-posts-timeline .aux-block > .hentry:not(.has-post-thumbnail)::after, .aux-widget-recent-posts-timeline .aux-block > .hentry.format-audio::after { top: 15px !important; } .aux-widget-recent-posts-timeline .aux-block > .hentry:not(.has-post-thumbnail)::before, .aux-widget-recent-posts-timeline .aux-block > .hentry.format-audio::before { top: 8px !important; } /** WP recent blog posts widget masonry */ .aux-widget-recent-posts-masonry .post.column-entry { padding-bottom: 1.4375em; } .aux-widget-recent-posts-masonry .post.column-entry.post.post_format-post-format-link { padding-bottom: 0px; } .aux-widget-recent-posts-masonry .post.column-entry.post.post_format-post-format-quote { padding-bottom: 0px; } /** WP recent blog posts widget styles */ .aux-widget-popular-posts-widget .widget-tabs .tabs-content { padding-top: 2em; } .aux-widget-popular-posts-widget .widget-tabs .tabs li { padding: 1em 0; } .aux-widget-popular-posts-widget .widget-tabs .tabs li:not(.active) { background-color: #F9F9F9; color: #AAA; } .aux-dark .aux-widget-popular-posts-widget .widget-tabs .tabs li:not(.active) { color: #BBB; background-color: #333; } .aux-widget-popular-posts-widget .tabs-content > li > article { margin-bottom: 1.5625em; } .aux-widget-popular-posts-widget .tabs-content > li > article:after { content: ""; display: table; clear: both; } .aux-widget-popular-posts-widget .tabs-content > li > article:last-child { margin-bottom: 0; } .aux-widget-popular-posts-widget .entry-media { float: left; width: 33.5%; max-width: 80px; margin-right: 1em; } .aux-widget-popular-posts-widget .entry-title { margin-bottom: 0.1em; margin-top: 0; font-size: inherit; line-height: 1.3; } .aux-widget-popular-posts-widget .entry-media + section { float: left; width: 66.5%; padding-left: 15px; } .aux-widget-popular-posts-widget .entry-content time, .aux-widget-popular-posts-widget .comment-body time { color: #BBB; font-style: italic; font-size: inherit; } /** Auxin text widget styles */ .aux-widget-text .aux-text-color-light { color: #FFFFFF; } .aux-widget-text .aux-text-color-dark { color: #3D3D3D; } .aux-widget-text .aux-text-widget-bg-tile { background-repeat: repeat; } .aux-widget-text .aux-text-widget-bg-cover { background: no-repeat center center; background-size: cover; } .aux-widget-text .aux-text-widget-bg-center { background-repeat: no-repeat; background-position: center center; } .aux-widget-text .aux-text-widget-bg-fixed { background: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; } .aux-widget-text .aux-text-center { text-align: center; } .aux-widget-text .aux-text-right { text-align: right; } .aux-widget-text .aux-text-left { text-align: left; } @media screen and (max-width: 1023px) { .aux-resp .aux-widget-text .aux-text-resp-left { text-align: left !important; } } @media screen and (max-width: 1023px) { .aux-resp .aux-widget-text .aux-text-resp-right { text-align: right !important; } } @media screen and (max-width: 1023px) { .aux-resp .aux-widget-text .aux-text-resp-center { text-align: center !important; } } .aux-widget-text .aux-ico-shape-circle, .aux-widget-text .aux-ico-shape-circle img { border-radius: 50%; } .aux-widget-text .aux-ico-shape-semi-circle, .aux-widget-text .aux-ico-shape-semi-circle img { border-radius: 45%; } .aux-widget-text .aux-ico-shape-round-rect, .aux-widget-text .aux-ico-shape-round-rect img { border-radius: 7%; } .aux-widget-text .aux-ico-shape-fill, .aux-widget-text .aux-ico-shape-fill img { width: 100%; } .aux-widget-text .aux-ico-shape-cross-rect { position: relative; } .aux-widget-text .aux-ico-shape-cross-rect:after, .aux-widget-text .aux-ico-shape-cross-rect:before { content: ''; position: absolute; display: block; width: 100%; height: 100%; } .aux-widget-text .aux-ico-shape-cross-rect:after { top: 50%; left: -1px; transform: translateY(-50%); padding: 25px 0px; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .aux-widget-text .aux-ico-shape-cross-rect:before { left: 50%; bottom: -1px; transform: translateX(-50%); padding: 0 25px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } .aux-widget-text .aux-ico { display: inline-block; line-height: 100%; } .aux-widget-text .aux-ico::before { vertical-align: top; } .aux-widget-text .aux-ico-box { display: table; margin: 0 auto; } .aux-widget-text .aux-ico-small { padding: 35px; } .aux-widget-text .aux-ico-small.aux-ico-clear { padding: 25px; } .aux-widget-text .aux-ico-small .aux-ico { font-size: 2.5em; } .aux-widget-text .aux-ico-medium { padding: 40px; } .aux-widget-text .aux-ico-medium.aux-ico-clear { padding: 30px; } .aux-widget-text .aux-ico-medium .aux-ico { font-size: 3.125em; } .aux-widget-text .aux-ico-large { padding: 45px; } .aux-widget-text .aux-ico-large.aux-ico-clear { padding: 35px; } .aux-widget-text .aux-ico-large .aux-ico { font-size: 3.75em; } .aux-widget-text .aux-ico-x-large { padding: 50px; } .aux-widget-text .aux-ico-x-large.aux-ico-clear { padding: 40px; } .aux-widget-text .aux-ico-x-large .aux-ico { font-size: 4.375em; } .aux-widget-text .aux-img-box:not(.aux-ico-shape-default) { position: relative; display: block; max-width: 100%; } .aux-widget-text .aux-text-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .aux-widget-text .aux-border-shape-tail { display: inline-block; width: 0; height: 0; border: 17.5px solid gray; border-top-width: 15px; border-bottom-width: 15px; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; display: block; margin: 0 auto; } .aux-widget-text .aux-border-shape-wave svg { display: block; } .aux-widget-text .entry-content h1, .aux-widget-text .comment-body h1, .aux-widget-text .entry-content h2, .aux-widget-text .comment-body h2, .aux-widget-text .entry-content h3, .aux-widget-text .comment-body h3, .aux-widget-text .entry-content h4, .aux-widget-text .comment-body h4, .aux-widget-text .entry-content h5, .aux-widget-text .comment-body h5, .aux-widget-text .entry-content h6, .aux-widget-text .comment-body h6 { font-weight: 400; } .aux-widget-text .aux-wrap-style-outline, .aux-widget-text .aux-wrap-style-simple, .aux-widget-text .aux-wrap-style-box { position: relative; } .aux-widget-text .aux-wrap-style-outline { border: 1px solid #BBB; } .aux-widget-text .aux-wrap-style-outline .aux-text-widget-content, .aux-widget-text .aux-wrap-style-box .aux-text-widget-content { padding-right: 2.1875em; padding-left: 2.1875em; } .aux-widget-text .aux-text-fill-header .aux-text-widget-header { padding: 3.125em 0; } .aux-widget-text .aux-text-fill-header .aux-text-widget-content { padding-top: 2.8125em; } .aux-widget-text .aux-text-img-header .aux-text-widget-header { padding: 3.125em 0; } .aux-widget-text .aux-text-img-header .aux-text-widget-content { padding-top: 2.8125em; } .aux-widget-text .aux-text-no-content .aux-text-widget-content { padding-top: 1.25em; padding-bottom: 4.375em; } .aux-widget-text .aux-text-widget-header, .aux-widget-text .aux-text-widget-content { position: relative; z-index: 1; word-break: break-word; } .aux-widget-text .aux-text-widget-header { flex-shrink: 0; padding: 3.125em 0 0 0; } .aux-widget-text .aux-text-widget-content { padding: 2.25em 0 3.125em; } .aux-widget-text .aux-text-widget-content .col-title { line-height: 1; margin-bottom: 0; } .aux-widget-text .aux-text-widget-content .col-subtitle { color: #aaa; font-weight: 400; font-size: 0.9375em; margin: 14px 0 10px 0; } .aux-widget-text .aux-text-widget-content .widget-content { margin-top: 12px; } .aux-widget-text .aux-text-widget-content .widget-content p { margin-bottom: 0; } .aux-widget-text .aux-text-widget-content .widget-content ul { list-style: inherit; } .aux-widget-text .aux-text-widget-content .widget-content ul li { list-style: inherit; } .aux-widget-text .aux-text-widget-content .aux-button { margin: 23px 0 0 0; } .aux-widget-text .aux-ico-pos-left, .aux-widget-text .aux-ico-pos-right { display: flex; align-items: center; } .aux-widget-text .aux-ico-pos-left.aux-text-header-fix, .aux-widget-text .aux-ico-pos-right.aux-text-header-fix { overflow: hidden; } .aux-widget-text .aux-ico-pos-left.aux-text-header-fix .aux-text-widget-header:after, .aux-widget-text .aux-ico-pos-right.aux-text-header-fix .aux-text-widget-header:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; background: inherit; } @media screen and (max-width: 1023px) { .aux-resp .aux-widget-text .aux-ico-pos-left.aux-text-header-fix .aux-text-widget-header:after, .aux-resp .aux-widget-text .aux-ico-pos-right.aux-text-header-fix .aux-text-widget-header:after { display: none; } } .aux-widget-text .aux-ico-pos-left.aux-text-img-header, .aux-widget-text .aux-ico-pos-right.aux-text-img-header { display: table; } @media screen and (max-width: 1023px) { .aux-resp .aux-widget-text .aux-ico-pos-left.aux-text-img-header, .aux-resp .aux-widget-text .aux-ico-pos-right.aux-text-img-header { display: block; } } .aux-widget-text .aux-ico-pos-left.aux-text-img-header .aux-text-widget-header, .aux-widget-text .aux-ico-pos-right.aux-text-img-header .aux-text-widget-header { display: table-cell; float: none; width: 40%; } @media screen and (max-width: 1023px) { .aux-resp .aux-widget-text .aux-ico-pos-left.aux-text-img-header .aux-text-widget-header, .aux-resp .aux-widget-text .aux-ico-pos-right.aux-text-img-header .aux-text-widget-header { display: block; width: auto; padding-top: 60.5%; } } .aux-widget-text .aux-ico-pos-left.aux-text-img-header .aux-text-widget-content, .aux-widget-text .aux-ico-pos-right.aux-text-img-header .aux-text-widget-content { display: table-cell; } @media screen and (max-width: 1023px) { .aux-resp .aux-widget-text .aux-ico-pos-left.aux-text-img-header .aux-text-widget-content, .aux-resp .aux-widget-text .aux-ico-pos-right.aux-text-img-header .aux-text-widget-content { display: block; } } .aux-widget-text .aux-ico-pos-left.aux-text-padding-fix .aux-text-widget-header, .aux-widget-text .aux-ico-pos-right.aux-text-padding-fix .aux-text-widget-header { padding: 2.5em 1.125em; } .aux-widget-text .aux-ico-pos-left.aux-text-padding-fix .aux-text-widget-content, .aux-widget-text .aux-ico-pos-right.aux-text-padding-fix .aux-text-widget-content { padding: 3.9375em 3.125em; } .aux-widget-text .aux-ico-pos-left .aux-text-widget-header, .aux-widget-text .aux-ico-pos-right .aux-text-widget-header { padding: 2.5em 2.5em; max-width: 50%; } @media screen and (max-width: 1023px) { .aux-resp .aux-widget-text .aux-ico-pos-left .aux-text-widget-header, .aux-resp .aux-widget-text .aux-ico-pos-right .aux-text-widget-header { float: none; margin: 0 auto; max-width: none; } } .aux-widget-text .aux-ico-pos-left .aux-text-widget-content, .aux-widget-text .aux-ico-pos-right .aux-text-widget-content { padding: 2.5em; display: table; vertical-align: top; } .aux-widget-text .aux-ico-pos-left .aux-text-widget-content:after, .aux-widget-text .aux-ico-pos-right .aux-text-widget-content:after { content: ""; display: table; clear: both; } @media screen and (max-width: 1023px) { .aux-resp .aux-widget-text .aux-ico-pos-left .aux-text-widget-content, .aux-resp .aux-widget-text .aux-ico-pos-right .aux-text-widget-content { padding: 2.25em 2.1875em 3.125em 2.1875em; } } .aux-widget-text .aux-ico-pos-right.aux-text-img-header { direction: rtl; } .aux-widget-text .aux-ico-pos-right.aux-text-img-header .aux-text-widget-header { direction: rtl; } .aux-widget-text .aux-ico-pos-right.aux-text-img-header .aux-text-widget-content { direction: ltr; } .aux-widget-text .aux-ico-pos-right .aux-text-widget-header { order: 1; } @media screen and (max-width: 1023px) { .aux-resp .aux-widget-text .aux-ico-pos-right .aux-text-widget-header { margin: 0; } } .aux-widget-text .aux-ico-pos-left .aux-text-widget-header { order: 0; } @media screen and (max-width: 1023px) { .aux-resp .aux-widget-text .aux-ico-pos-left .aux-text-widget-header { margin: 0; } } /** Auxin Staff Elemenmt */ .aux-widget-staff.aux-wrap-style-outline { border: 1px solid #BBB; padding: 1.25em; } .aux-widget-staff.aux-wrap-style-box .aux-staff-content { padding: 0px 15px; } .aux-widget-staff .aux-staff-container { display: flex; } .aux-widget-staff .aux-staff-container.aux-staff-pos-top { flex-direction: column; } .aux-widget-staff .aux-staff-container.aux-staff-pos-bottom { flex-direction: column-reverse; } .aux-widget-staff .aux-staff-container.aux-staff-pos-right, .aux-widget-staff .aux-staff-container.aux-staff-pos-left { align-items: center; } @media screen and (max-width: 767px) { .aux-resp .aux-widget-staff .aux-staff-container.aux-staff-pos-right, .aux-resp .aux-widget-staff .aux-staff-container.aux-staff-pos-left { flex-direction: column; } } .aux-widget-staff .aux-staff-container.aux-staff-pos-right .aux-staff-header, .aux-widget-staff .aux-staff-container.aux-staff-pos-left .aux-staff-header { max-width: 50%; } .aux-widget-staff .aux-staff-container.aux-staff-pos-right .aux-staff-content, .aux-widget-staff .aux-staff-container.aux-staff-pos-left .aux-staff-content { padding: 0 30px; flex: 1; } .aux-widget-staff .aux-staff-container.aux-staff-pos-right .aux-staff-footer, .aux-widget-staff .aux-staff-container.aux-staff-pos-left .aux-staff-footer { border: none; padding: 0; } @media screen and (max-width: 479px) { .aux-resp .aux-widget-staff .aux-staff-container.aux-staff-pos-right .aux-staff-footer, .aux-resp .aux-widget-staff .aux-staff-container.aux-staff-pos-left .aux-staff-footer { margin-bottom: 30px; } } .aux-widget-staff .aux-staff-container.aux-staff-pos-right { flex-direction: row-reverse; } .aux-widget-staff .aux-staff-container.aux-staff-pos-left { flex-direction: row; } .aux-widget-staff .aux-staff-text-center { text-align: center; } .aux-widget-staff .aux-staff-text-center .aux-social-list { display: block; text-align: center; } .aux-widget-staff .aux-staff-text-center .aux-social-list > li { display: inline-block; float: none; } .aux-widget-staff .aux-staff-text-center .aux-vertical .aux-social-list > li { display: table; margin: 0 auto; } .aux-widget-staff .aux-staff-text-center .aux-staff-header { text-align: center; } .aux-widget-staff .aux-staff-text-right { text-align: right; } .aux-widget-staff .aux-staff-text-right .aux-social-list > li { float: right; } .aux-widget-staff .aux-staff-text-right .aux-staff-header { text-align: right; } .aux-widget-staff .aux-staff-text-left { text-align: left; } .aux-widget-staff .aux-staff-text-left .aux-staff-header { text-align: left; } .aux-widget-staff .aux-staff-text-light { color: #FFFFFF; } .aux-widget-staff .aux-staff-text-dark { color: #3D3D3D; } .aux-widget-staff .aux-staff-border { border: 1px solid; } .aux-widget-staff .aux-staff-header.aux-staff-img-circle img { border-radius: 50%; } .aux-widget-staff .aux-staff-header.aux-staff-img-semi-circle img { border-radius: 45%; } .aux-widget-staff .aux-staff-header.aux-staff-img-round-rect img { border-radius: 7%; } .aux-widget-staff .aux-staff-content .col-title { margin: 30px 0px 17px 0px; } .aux-widget-staff .aux-staff-content .col-subtitle { font-size: 0.875em; color: #AAA; font-weight: 400; font-style: italic; margin-bottom: 11px; letter-spacing: 0; } .aux-widget-staff .aux-staff-content .entry-content, .aux-widget-staff .aux-staff-content .comment-body { margin-bottom: 14px; } .aux-widget-staff .aux-staff-footer { border-top: 1px solid #e0e0e0; padding: 19px 0px; } .aux-widget-staff .aux-staff-footer .aux-social-list { padding-left: 0; padding-right: 0; } .aux-widget-staff .aux-staff-footer .aux-social-list a { text-align: left; } .aux-social-list { margin: 0; display: inline-block; line-height: 0; } .aux-social-list:after { content: ""; display: table; clear: both; } .aux-social-list li { margin: 0; font-size: 28px; line-height: 100%; } .aux-social-list.aux-light li a { color: #fff; } .aux-social-list a { display: table-cell; vertical-align: middle; width: 26px; height: 26px; text-align: center; color: inherit; line-height: 100%; transition: color 300ms; } .aux-social-list a:hover { background: none; color: #1bb0ce; } .aux-social-list a span { line-height: 80%; display: block; } .aux-social-list li a { text-decoration: none !important; } .aux-social-list li a.vk { font-size: 120%; } .aux-extra-large > .aux-social-list li { font-size: 1.7rem; } .aux-extra-large > .aux-social-list a { width: 35px; height: 35px; } .aux-large > .aux-social-list li { font-size: 1.25rem; } .aux-large > .aux-social-list a { width: 30px; height: 30px; } .aux-medium > .aux-social-list li { font-size: 1.122rem; } .aux-small > .aux-social-list li { font-size: 1rem; } .aux-small > .aux-social-list a { width: 25px; height: 25px; } .aux-horizontal > .aux-social-list { display: block; } .aux-horizontal > .aux-social-list > li { float: left; } .aux-social-list.aux-square li { padding: 0.25em 0.25em 0.15em 0.35em; line-height: 1; border: 1px solid #ddd; } .aux-social-list.aux-round li { padding: 0.25em 0.3em 0.15em 0.35em; line-height: 1; border-radius: 50%; border: 1px solid #ddd; } .aux-social-list.aux-outline li { font-size: 17px; } .aux-brand-color > .aux-social-list .facebook { color: #3b5998; } .aux-brand-color > .aux-social-list .twitter { color: #00aced; } .aux-brand-color > .aux-social-list .googleplus { color: #dd4b39; } .aux-brand-color > .aux-social-list .pinterest { color: #cb2027; } .aux-brand-color > .aux-social-list .instagram { color: #262626; } .aux-brand-color > .aux-social-list .linkedin { color: #007bb6; } .aux-brand-color > .aux-social-list .dribbble { color: #ea4c89; } .aux-brand-color > .aux-social-list .youtube { color: #bb0000; } .aux-brand-color > .aux-social-list .vimeo { color: #aad450; } .aux-brand-color > .aux-social-list .flickr { color: #ff0084; } .aux-brand-color > .aux-social-list .digg { color: #486ca3; } .aux-brand-color > .aux-social-list .stumbleupon { color: #EB4823; } .aux-brand-color > .aux-social-list .lastfm { color: #d21309; } .aux-brand-color > .aux-social-list .tumblr { color: #32506d; } .aux-brand-color > .aux-social-list .vk { color: #45668e; } .aux-brand-color > .aux-social-list .skype { color: #00aff0; } .aux-brand-color > .aux-social-list .delicious { color: #222; } .aux-brand-color > .aux-social-list .telegram { color: #0088cc; } .aux-brand-color > .aux-social-list .rss { color: #f26522; } .aux-brand-color-hover > .aux-social-list .facebook:hover { color: #3b5998; } .aux-brand-color-hover > .aux-social-list .twitter:hover { color: #00aced; } .aux-brand-color-hover > .aux-social-list .googleplus:hover { color: #dd4b39; } .aux-brand-color-hover > .aux-social-list .pinterest:hover { color: #cb2027; } .aux-brand-color-hover > .aux-social-list .instagram:hover { color: #262626; } .aux-brand-color-hover > .aux-social-list .linkedin:hover { color: #007bb6; } .aux-brand-color-hover > .aux-social-list .dribbble:hover { color: #ea4c89; } .aux-brand-color-hover > .aux-social-list .youtube:hover { color: #bb0000; } .aux-brand-color-hover > .aux-social-list .vimeo:hover { color: #aad450; } .aux-brand-color-hover > .aux-social-list .flickr:hover { color: #ff0084; } .aux-brand-color-hover > .aux-social-list .digg:hover { color: #486ca3; } .aux-brand-color-hover > .aux-social-list .stumbleupon:hover { color: #EB4823; } .aux-brand-color-hover > .aux-social-list .lastfm:hover { color: #d21309; } .aux-brand-color-hover > .aux-social-list .tumblr:hover { color: #32506d; } .aux-brand-color-hover > .aux-social-list .vk:hover { color: #45668e; } .aux-brand-color-hover > .aux-social-list .skype:hover { color: #00aff0; } .aux-brand-color-hover > .aux-social-list .delicious:hover { color: #222; } .aux-brand-color-hover > .aux-social-list .telegram:hover { color: #0088cc; } .aux-brand-color-hover > .aux-social-list .rss:hover { color: #f26522; } /** contact element and submit comment form styles */ .aux-contact-form input[type="text"], #commentform input[type="text"], .aux-contact-form input[type="email"], #commentform input[type="email"], .aux-contact-form input[type="password"], #commentform input[type="password"], .aux-contact-form input[type="tel"], #commentform input[type="tel"], .aux-contact-form input[type="url"], #commentform input[type="url"], .aux-contact-form input[type="date"], #commentform input[type="date"], .aux-contact-form textarea, #commentform textarea, .c_form input[type="text"], .c_form input[type="email"], .c_form input[type="password"], .c_form input[type="tel"], .c_form input[type="url"], .c_form input[type="date"], .c_form textarea, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"], .wpcf7 input[type="tel"], .wpcf7 input[type="url"], .wpcf7 input[type="date"], .wpcf7 textarea { display: block; width: 100%; height: 46px; max-width: none; margin-bottom: 1.875em; padding: 0.9375em; } .aux-contact-form input[type="text"]:focus, #commentform input[type="text"]:focus, .aux-contact-form input[type="email"]:focus, #commentform input[type="email"]:focus, .aux-contact-form input[type="password"]:focus, #commentform input[type="password"]:focus, .aux-contact-form input[type="tel"]:focus, #commentform input[type="tel"]:focus, .aux-contact-form input[type="url"]:focus, #commentform input[type="url"]:focus, .aux-contact-form input[type="date"]:focus, #commentform input[type="date"]:focus, .aux-contact-form textarea:focus, #commentform textarea:focus, .c_form input[type="text"]:focus, .c_form input[type="email"]:focus, .c_form input[type="password"]:focus, .c_form input[type="tel"]:focus, .c_form input[type="url"]:focus, .c_form input[type="date"]:focus, .c_form textarea:focus, .wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="password"]:focus, .wpcf7 input[type="tel"]:focus, .wpcf7 input[type="url"]:focus, .wpcf7 input[type="date"]:focus, .wpcf7 textarea:focus { border-color: #3D3D3D; } .aux-contact-form input[type="text"]:-moz-placeholder, #commentform input[type="text"]:-moz-placeholder, .aux-contact-form input[type="email"]:-moz-placeholder, #commentform input[type="email"]:-moz-placeholder, .aux-contact-form input[type="password"]:-moz-placeholder, #commentform input[type="password"]:-moz-placeholder, .aux-contact-form input[type="tel"]:-moz-placeholder, #commentform input[type="tel"]:-moz-placeholder, .aux-contact-form input[type="url"]:-moz-placeholder, #commentform input[type="url"]:-moz-placeholder, .aux-contact-form input[type="date"]:-moz-placeholder, #commentform input[type="date"]:-moz-placeholder, .aux-contact-form textarea:-moz-placeholder, #commentform textarea:-moz-placeholder, .c_form input[type="text"]:-moz-placeholder, .c_form input[type="email"]:-moz-placeholder, .c_form input[type="password"]:-moz-placeholder, .c_form input[type="tel"]:-moz-placeholder, .c_form input[type="url"]:-moz-placeholder, .c_form input[type="date"]:-moz-placeholder, .c_form textarea:-moz-placeholder, .wpcf7 input[type="text"]:-moz-placeholder, .wpcf7 input[type="email"]:-moz-placeholder, .wpcf7 input[type="password"]:-moz-placeholder, .wpcf7 input[type="tel"]:-moz-placeholder, .wpcf7 input[type="url"]:-moz-placeholder, .wpcf7 input[type="date"]:-moz-placeholder, .wpcf7 textarea:-moz-placeholder { font-style: italic; } .aux-contact-form input[type="text"]::-moz-placeholder, #commentform input[type="text"]::-moz-placeholder, .aux-contact-form input[type="email"]::-moz-placeholder, #commentform input[type="email"]::-moz-placeholder, .aux-contact-form input[type="password"]::-moz-placeholder, #commentform input[type="password"]::-moz-placeholder, .aux-contact-form input[type="tel"]::-moz-placeholder, #commentform input[type="tel"]::-moz-placeholder, .aux-contact-form input[type="url"]::-moz-placeholder, #commentform input[type="url"]::-moz-placeholder, .aux-contact-form input[type="date"]::-moz-placeholder, #commentform input[type="date"]::-moz-placeholder, .aux-contact-form textarea::-moz-placeholder, #commentform textarea::-moz-placeholder, .c_form input[type="text"]::-moz-placeholder, .c_form input[type="email"]::-moz-placeholder, .c_form input[type="password"]::-moz-placeholder, .c_form input[type="tel"]::-moz-placeholder, .c_form input[type="url"]::-moz-placeholder, .c_form input[type="date"]::-moz-placeholder, .c_form textarea::-moz-placeholder, .wpcf7 input[type="text"]::-moz-placeholder, .wpcf7 input[type="email"]::-moz-placeholder, .wpcf7 input[type="password"]::-moz-placeholder, .wpcf7 input[type="tel"]::-moz-placeholder, .wpcf7 input[type="url"]::-moz-placeholder, .wpcf7 input[type="date"]::-moz-placeholder, .wpcf7 textarea::-moz-placeholder { font-style: italic; } .aux-contact-form input[type="text"]:-ms-input-placeholder, #commentform input[type="text"]:-ms-input-placeholder, .aux-contact-form input[type="email"]:-ms-input-placeholder, #commentform input[type="email"]:-ms-input-placeholder, .aux-contact-form input[type="password"]:-ms-input-placeholder, #commentform input[type="password"]:-ms-input-placeholder, .aux-contact-form input[type="tel"]:-ms-input-placeholder, #commentform input[type="tel"]:-ms-input-placeholder, .aux-contact-form input[type="url"]:-ms-input-placeholder, #commentform input[type="url"]:-ms-input-placeholder, .aux-contact-form input[type="date"]:-ms-input-placeholder, #commentform input[type="date"]:-ms-input-placeholder, .aux-contact-form textarea:-ms-input-placeholder, #commentform textarea:-ms-input-placeholder, .c_form input[type="text"]:-ms-input-placeholder, .c_form input[type="email"]:-ms-input-placeholder, .c_form input[type="password"]:-ms-input-placeholder, .c_form input[type="tel"]:-ms-input-placeholder, .c_form input[type="url"]:-ms-input-placeholder, .c_form input[type="date"]:-ms-input-placeholder, .c_form textarea:-ms-input-placeholder, .wpcf7 input[type="text"]:-ms-input-placeholder, .wpcf7 input[type="email"]:-ms-input-placeholder, .wpcf7 input[type="password"]:-ms-input-placeholder, .wpcf7 input[type="tel"]:-ms-input-placeholder, .wpcf7 input[type="url"]:-ms-input-placeholder, .wpcf7 input[type="date"]:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder { font-style: italic; } .aux-contact-form input[type="text"]::-webkit-input-placeholder, #commentform input[type="text"]::-webkit-input-placeholder, .aux-contact-form input[type="email"]::-webkit-input-placeholder, #commentform input[type="email"]::-webkit-input-placeholder, .aux-contact-form input[type="password"]::-webkit-input-placeholder, #commentform input[type="password"]::-webkit-input-placeholder, .aux-contact-form input[type="tel"]::-webkit-input-placeholder, #commentform input[type="tel"]::-webkit-input-placeholder, .aux-contact-form input[type="url"]::-webkit-input-placeholder, #commentform input[type="url"]::-webkit-input-placeholder, .aux-contact-form input[type="date"]::-webkit-input-placeholder, #commentform input[type="date"]::-webkit-input-placeholder, .aux-contact-form textarea::-webkit-input-placeholder, #commentform textarea::-webkit-input-placeholder, .c_form input[type="text"]::-webkit-input-placeholder, .c_form input[type="email"]::-webkit-input-placeholder, .c_form input[type="password"]::-webkit-input-placeholder, .c_form input[type="tel"]::-webkit-input-placeholder, .c_form input[type="url"]::-webkit-input-placeholder, .c_form input[type="date"]::-webkit-input-placeholder, .c_form textarea::-webkit-input-placeholder, .wpcf7 input[type="text"]::-webkit-input-placeholder, .wpcf7 input[type="email"]::-webkit-input-placeholder, .wpcf7 input[type="password"]::-webkit-input-placeholder, .wpcf7 input[type="tel"]::-webkit-input-placeholder, .wpcf7 input[type="url"]::-webkit-input-placeholder, .wpcf7 input[type="date"]::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder { font-style: italic; } .aux-contact-form textarea, #commentform textarea, .c_form textarea, .wpcf7 textarea { min-height: 240px; height: auto; max-width: 100%; } .aux-contact-form input[type="submit"], #commentform input[type="submit"], .c_form input[type="submit"], .wpcf7 input[type="submit"] { padding: 1.25em 3.125em; font-weight: 700; } .aux-dark .aux-contact-form input[type="text"], .aux-dark #commentform input[type="text"], .aux-dark .aux-contact-form input[type="email"], .aux-dark #commentform input[type="email"], .aux-dark .aux-contact-form input[type="password"], .aux-dark #commentform input[type="password"], .aux-dark .aux-contact-form input[type="tel"], .aux-dark #commentform input[type="tel"], .aux-dark .aux-contact-form input[type="url"], .aux-dark #commentform input[type="url"], .aux-dark .aux-contact-form input[type="date"], .aux-dark #commentform input[type="date"], .aux-dark .aux-contact-form textarea, .aux-dark #commentform textarea, .aux-dark .c_form input[type="text"], .aux-dark .c_form input[type="email"], .aux-dark .c_form input[type="password"], .aux-dark .c_form input[type="tel"], .aux-dark .c_form input[type="url"], .aux-dark .c_form input[type="date"], .aux-dark .c_form textarea, .aux-dark .wpcf7 input[type="text"], .aux-dark .wpcf7 input[type="email"], .aux-dark .wpcf7 input[type="password"], .aux-dark .wpcf7 input[type="tel"], .aux-dark .wpcf7 input[type="url"], .aux-dark .wpcf7 input[type="date"], .aux-dark .wpcf7 textarea { color: inherit; } .aux-dark .aux-contact-form input[type="text"]:focus, .aux-dark #commentform input[type="text"]:focus, .aux-dark .aux-contact-form input[type="email"]:focus, .aux-dark #commentform input[type="email"]:focus, .aux-dark .aux-contact-form input[type="password"]:focus, .aux-dark #commentform input[type="password"]:focus, .aux-dark .aux-contact-form input[type="tel"]:focus, .aux-dark #commentform input[type="tel"]:focus, .aux-dark .aux-contact-form input[type="url"]:focus, .aux-dark #commentform input[type="url"]:focus, .aux-dark .aux-contact-form input[type="date"]:focus, .aux-dark #commentform input[type="date"]:focus, .aux-dark .aux-contact-form textarea:focus, .aux-dark #commentform textarea:focus, .aux-dark .c_form input[type="text"]:focus, .aux-dark .c_form input[type="email"]:focus, .aux-dark .c_form input[type="password"]:focus, .aux-dark .c_form input[type="tel"]:focus, .aux-dark .c_form input[type="url"]:focus, .aux-dark .c_form input[type="date"]:focus, .aux-dark .c_form textarea:focus, .aux-dark .wpcf7 input[type="text"]:focus, .aux-dark .wpcf7 input[type="email"]:focus, .aux-dark .wpcf7 input[type="password"]:focus, .aux-dark .wpcf7 input[type="tel"]:focus, .aux-dark .wpcf7 input[type="url"]:focus, .aux-dark .wpcf7 input[type="date"]:focus, .aux-dark .wpcf7 textarea:focus { border-color: white; } .aux-dark .aux-contact-form input[type="submit"], .aux-dark #commentform input[type="submit"], .aux-dark .c_form input[type="submit"], .aux-dark .wpcf7 input[type="submit"] { background-color: #BBB; color: #3D3D3D; } .aux-dark .aux-contact-form input[type="submit"]:hover, .aux-dark #commentform input[type="submit"]:hover, .aux-dark .c_form input[type="submit"]:hover, .aux-dark .wpcf7 input[type="submit"]:hover { background-color: white; } aside .aux-contact-form input[type="text"], aside #commentform input[type="text"], aside .aux-contact-form input[type="email"], aside #commentform input[type="email"], aside .aux-contact-form input[type="password"], aside #commentform input[type="password"], aside .aux-contact-form input[type="tel"], aside #commentform input[type="tel"], aside .aux-contact-form input[type="url"], aside #commentform input[type="url"], aside .aux-contact-form input[type="date"], aside #commentform input[type="date"], aside .aux-contact-form textarea, aside #commentform textarea, aside .c_form input[type="text"], aside .c_form input[type="email"], aside .c_form input[type="password"], aside .c_form input[type="tel"], aside .c_form input[type="url"], aside .c_form input[type="date"], aside .c_form textarea, aside .wpcf7 input[type="text"], aside .wpcf7 input[type="email"], aside .wpcf7 input[type="password"], aside .wpcf7 input[type="tel"], aside .wpcf7 input[type="url"], aside .wpcf7 input[type="date"], aside .wpcf7 textarea { margin-bottom: 0.625em; } aside .aux-contact-form textarea, aside #commentform textarea, aside .c_form textarea, aside .wpcf7 textarea { min-height: 140px; } aside .aux-contact-form input[type="submit"], aside #commentform input[type="submit"], aside .c_form input[type="submit"], aside .wpcf7 input[type="submit"] { width: 100%; } /** Auxin contact box element styles */ .aux-widget-contact-box ul { margin: 0; } .aux-widget-contact-box .aux-map-wrapper { border: solid 1px #BBB; } .aux-widget-contact-box .aux-map-wrapper + script + ul { margin-top: 1em; } .aux-widget-contact-box ul + .widget-socials { margin-top: 0.7em; } .aux-widget-contact-box ul li { margin-bottom: 0.2em; } .aux-widget-contact-box ul li:after { content: ""; display: table; clear: both; } .aux-widget-contact-box li > i { font-size: 1.5em; vertical-align: sub; line-height: 100%; float: left; } .aux-widget-contact-box li > .info-text { margin-left: 2em; display: block; } .aux-widget-contact-box .aux-contact-details + .aux-map-wrapper, .aux-widget-contact-box .aux-map-wrapper + .aux-contact-details { margin-top: 2.3125em; } aside .aux-widget-contact-box .aux-contact-details + .aux-map-wrapper, aside .aux-widget-contact-box .aux-map-wrapper + .aux-contact-details { margin-top: 1.25em; } /** Auxin about widget styles */ .aux-widget-about dl, .aux-widget-about dd, .aux-widget-about dt { margin: 0; } .aux-widget-about .aux-about-image { margin-bottom: 1.875em; } .aux-widget-about .aux-style-circle img { border-radius: 50%; } .aux-widget-about .aux-text-center { text-align: center; } .aux-widget-about .aux-text-center .aux-social-list li { float: none; display: inline-block; } .aux-widget-about .aux-about-name, .aux-widget-about .aux-about-skills { font-weight: 600; font-size: 1rem; line-height: 100%; margin-bottom: 0.5em; } .aux-widget-about .aux-about-skills { font-size: 0.875em; color: #BBB; margin-bottom: 0.8em; } .aux-widget-about .aux-social-list { margin-top: 0.8em; } /** Auxin toggle widget styles */ .widget-toggle .widget-inner { overflow: visible; } .widget-toggle .toggle-header { position: relative; padding: 1.4em; margin: 0; margin-bottom: -1px; border: solid 1px #BBB; font-weight: 500; font-size: inherit; line-height: 100%; } .widget-toggle .toggle-header::after { content: ''; position: absolute; right: 1.4em; background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 16px; height: 8px; background-position: 0px -522px; position: absolute; top: 50%; transform: translateY(-50%); transition: transform 300ms; } .widget-toggle .active > .toggle-header::after { transform: translateY(-50%) scaleY(-1); } .widget-toggle .toggle-content { padding: 1.4em; border: solid 1px #BBB; border-width: 0 1px; display: none; } .widget-toggle .acc-content-wrap { height: 0; overflow: hidden; transition: height 500ms; } .widget-toggle .acc-content-wrap .toggle-content { display: block; } .widget-toggle section:last-child .toggle-content { border-bottom-width: 1px; } /** tweets widget styles */ .tp_recent_tweets { float: none; } .tp_recent_tweets > ul { margin: 0; } .tp_recent_tweets > ul:after { content: ""; display: table; clear: both; } .tp_recent_tweets > ul > li { background-image: none; position: relative; padding: 0; margin-bottom: 1.5625em; padding-left: 2.5em; } .tp_recent_tweets > ul > li:last-child { margin-bottom: 0; } .tp_recent_tweets > ul > li::before { content: "\e1bf"; position: absolute; top: 2px; left: 0px; color: #BBB; font-family: "auxin-front"; font-size: 1.6em; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; speak: none; } .tp_recent_tweets > ul > li a { color: #1bb0ce; font-weight: normal; text-decoration: none; } .tp_recent_tweets .twitter_time { font-style: italic; font-size: 1em; color: #BBB; } /** facebook widget styles */ .cff-wrapper #cff .cff-item { padding-top: 45px; padding-bottom: 45px; } .cff-wrapper #cff .cff-item:first-child { padding-top: 0; } /** WP and Auxin Search widgets styles */ .widget_aux_search form, .widget_aux_search form .aux-search-field { width: 100%; max-width: none; margin: 0; } .widget_aux_search form { margin-bottom: -0.4em; } .widget_aux_search .aux-submit-icon-container { right: 0; } .aux-dark .widget_aux_search .aux-submit-icon-container:hover { color: white; } .aux-dark .widget_aux_search .aux-search-field { background-color: transparent !important; color: inherit; } .aux-dark .widget_aux_search .aux-search-field:focus { border-color: white; } .subfooter .widget_aux_search .aux-search-field { background-color: #FDFDFD; } .widget_search form { margin: 0; } .widget_search .field { width: 100%; } .widget_search .submit { display: none; } .aux-dark .widget_search .field { background-color: transparent !important; color: inherit; } .aux-dark .widget_search .field:focus { border-color: white; } .subfooter .widget_search .field { background-color: #FDFDFD; } /** WP recent comments widget styles */ .widget-map img { max-width: none; } .axi_map_wrapper { width: 100%; } /** Auxin image shortcode style */ .aux-widget-image .aux-media-hint-frame { display: inline-block; } .aux-widget-image .aux-media-hint-frame .aux-image-has-secondary img:last-child { position: absolute; top: 0; left: 0; opacity: 0; z-index: 2; transition: opacity 1s; } .aux-widget-image .aux-media-hint-frame:hover .aux-image-has-secondary img:last-child { opacity: 1; } .aux-widget-image .aux-media-image { transition: all 300ms ease-out; } .aux-widget-image .aux-media-image img { display: inline-block; } .aux-widget-image.aux-alignnone { text-align: center; } .aux-widget-image.aux-alignleft { float: left; } .aux-widget-image.aux-alignright { float: right; } aside .aux-widget-image.aux-alignleft, aside .aux-widget-image.aux-alignright, aside .aux-widget-image.aux-alignnone { float: none; } /** Auxin image shortcode style */ .aux-widget-before-after img { width: 100%; } .aux-widget-before-after.aux-alignnone { text-align: center; } .aux-widget-before-after.aux-alignleft { float: left; } .aux-widget-before-after.aux-alignright { float: right; } aside .aux-widget-before-after.aux-alignleft, aside .aux-widget-before-after.aux-alignright, aside .aux-widget-before-after.aux-alignnone { float: none; } /** Auxin gallery shortcode style */ .pswp__img.pswp__img--placeholder { opacity: 0; } .aux-lightbox-btn { direction: ltr; } .aux-gallery figure { float: left; position: relative; margin: 0; margin-top: 0 !important; margin-bottom: 10px; } .aux-gallery figure img { width: 100%; } .aux-gallery figure .aux-lightbox-btn { display: block; } .aux-gallery .aux-tiles-layout figure, .aux-gallery .aux-widget-recent-posts-tiles figure { height: 0; overflow: hidden; position: relative; } .aux-gallery .aux-frame-ratio { position: relative; } .object-fit .aux-gallery .aux-frame-ratio img { object-fit: cover; height: 100%; } .aux-gallery ul.pagination { list-style: none; } .gallery-caption { position: relative; } .elementor-editor-active .aux-gallery .aux-gallery-container { height: auto !important; } .pswp__item .pswp__video { position: absolute; top: 50%; left: 50%; width: 100%; height: 60%; transform: translateY(-50%) translateX(-50%); } /** Video widget styles */ .widget-video > div { width: 100% !important; } .widget-video .mejs-container { width: 100% !important; } aside .aux-widget-video .mejs-container .mejs-controls .mejs-time { display: none; } aside .aux-widget-video .mejs-overlay-button { display: none; } /** quote element style. */ aside .aux-widget-quote { font-size: 0.67em; } /** code element style. */ .aux-widget-code { padding: 0 !important; margin-bottom: 0; } .aux-widget-code code { text-shadow: none; border-radius: 0; font-size: 1em; overflow: auto; max-height: 800px; line-height: 1.3; } .aux-widget-code .hljs { padding: 1em; } /** Auxin latest post slider styles */ .aux-widget-post-slider { position: relative; margin-bottom: 30px; } .aux-top-post-slider .aux-widget-post-slider { margin-bottom: 0; } .aux-widget-post-slider .aux-latest-posts-slider .aux-slide-title + .aux-slide-info { margin-top: 0.625em; margin-bottom: 0; } .aux-widget-post-slider .aux-latest-posts-slider .aux-slide-title h3 { margin: 0; font-size: 1.75em; font-weight: 600; line-height: 150%; } .aux-widget-post-slider .aux-latest-posts-slider .aux-slide-info { font-size: 0.875em; color: #1bb0ce; } .aux-widget-post-slider .aux-latest-posts-slider .aux-slide-info .entry-tax a::before { background-color: #1bb0ce !important; } .aux-widget-post-slider .aux-latest-posts-slider .aux-slide-info a:hover { text-decoration: underline; } .aux-widget-post-slider .aux-latest-posts-slider .aux-info-container { position: absolute; top: 50%; left: 50%; margin: 0 auto; padding: 2.8125em 2.5em; text-align: center; background: rgba(255, 255, 255, 0.9); transform: translateY(-50%) translateX(-50%); } .aux-widget-post-slider .aux-latest-posts-slider.aux-dark-skin .aux-info-container { background-color: rgba(51, 51, 51, 0.9); } .aux-widget-post-slider .aux-latest-posts-slider.aux-dark-skin .aux-slide-title { color: white; } .aux-widget-post-slider .aux-latest-posts-slider.aux-full-light-skin .aux-slide-media::after, .aux-widget-post-slider .aux-latest-posts-slider.aux-full-dark-skin .aux-slide-media::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); } .aux-widget-post-slider .aux-latest-posts-slider.aux-full-light-skin .aux-info-container, .aux-widget-post-slider .aux-latest-posts-slider.aux-full-dark-skin .aux-info-container { background-color: transparent; padding-left: 0; padding-right: 0; } .aux-widget-post-slider .aux-latest-posts-slider.aux-full-dark-skin .aux-slide-media::after { background-color: rgba(51, 51, 51, 0.6); } .aux-widget-post-slider .aux-latest-posts-slider.aux-full-dark-skin .aux-slide-title { color: white; } @media screen and (max-width: 767px) { .aux-resp .aux-widget-post-slider .aux-latest-posts-slider { font-size: 0.72em; } .aux-resp .aux-widget-post-slider .aux-latest-posts-slider .aux-info-container { padding: 1.875em 2.5em; } } @media screen and (max-width: 479px) { .aux-resp .aux-widget-post-slider .aux-latest-posts-slider { font-size: 0.55em; } .aux-resp .aux-widget-post-slider .aux-latest-posts-slider .aux-info-container { padding: 1.875em; } .aux-resp .aux-widget-post-slider .aux-latest-posts-slider .aux-slide-info { display: none; } } @media screen and (max-width: 767px) { .aux-resp .aux-widget-post-slider .aux-mc-arrows { display: none; } } .aux-archive-post-slider .aux-widget-post-slider { margin-bottom: 4.0625em; } aside .aux-widget-post-slider .aux-latest-posts-slider .aux-slide-title h3 { font-size: 0.875em; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 150%; } aside .aux-widget-post-slider .aux-latest-posts-slider .aux-info-container { padding: 0.5em; left: 5%; right: 5%; } aside .aux-widget-post-slider .aux-latest-posts-slider .aux-info-container .entry-tax { display: none; } aside .aux-widget-post-slider .aux-latest-posts-slider .aux-info-container .aux-slide-info { margin-top: 0; color: #888; } aside.aux-dark .aux-slide-title h3 { color: #3D3D3D; } .aux-widget-related-posts { padding-bottom: 3.125em; } .aux-widget-related-posts .hentry .entry-title { font-size: 1.25em; line-height: normal; } .aux-widget-related-posts .entry-tax { font-style: italic; } .aux-widget-related-posts .widget-title { margin-bottom: 2.1875em; } .aux-widget-related-posts.aux-center-content .widget-title, .aux-widget-related-posts.aux-center-content .column-entry { text-align: center; } .aux-widget-related-posts.aux-center-content .entry-main { padding-left: 1em; padding-right: 1em; } /** FAQ Element */ .aux-widget-faq .aux-filters { position: relative; z-index: 9; } .aux-widget-faq .aux-filters:after { content: ""; display: table; clear: both; } .aux-widget-faq .aux-filters.aux-right:not(.aux-dropdown-filter) { display: block; width: 100%; } .aux-widget-faq .aux-filters.aux-right:not(.aux-dropdown-filter) > ul { display: inline-block; float: right; } .aux-widget-faq .aux-filters.aux-center:not(.aux-dropdown-filter) { position: relative; left: 50%; display: inline-block; transform: translateX(-50%); } .aux-widget-faq .aux-filters.aux-center:not(.aux-dropdown-filter) ul { margin-left: auto; } .aux-widget-faq .widget-title + .aux-filters.aux-right { position: absolute; top: 0; right: 0; } @media screen and (max-width: 767px) { .aux-resp .aux-widget-faq .widget-title + .aux-filters.aux-right { position: relative; float: none; } } .aux-widget-faq .aux-isotope-faq { padding-top: 2.5em; } .aux-widget-faq .aux-isotope-faq:before { content: ''; position: absolute; top: 0; width: 100%; height: 1px; background-color: #e0e0e0; } .aux-widget-faq .toggle-header { position: relative; padding: 1.2em 1.3em; border: none; font-size: 1.375em; line-height: normal; } .aux-widget-faq .toggle-header:after { display: none; } .aux-widget-faq .toggle-content { padding: 0px 1.875em 1.5625em 1.875em; border: none; } .aux-widget-faq .aux-accordion-simple .aux-faq-item { border: 1px solid #BBB; border-bottom: none; } .aux-widget-faq .aux-accordion-simple .aux-faq-item:last-of-type { border-bottom: 1px solid #BBB; } .aux-widget-faq .aux-accordion-simple .aux-faq-item.active .aux-accordion-indicator:after { transform: translateY(-50%) scaleY(-1); } .aux-widget-faq .aux-accordion-simple .aux-accordion-indicator:after { content: ''; position: absolute; right: 1.3em; background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 16px; height: 8px; background-position: 0px -522px; position: absolute; top: 50%; transform: translateY(-50%); transition: transform 300ms; } .aux-widget-faq .aux-accordion-plus-indicator .aux-faq-item { border-bottom: 1px solid #e0e0e0; } .aux-widget-faq .aux-accordion-plus-indicator .aux-faq-item:last-of-type { border-bottom: none; } .aux-widget-faq .aux-accordion-plus-indicator .aux-faq-item.active .aux-accordion-indicator:after { transform: rotate(0); } .aux-widget-faq .aux-accordion-plus-indicator .aux-accordion-indicator { position: absolute; left: 0; top: 50%; width: 17px; height: 17px; transform: translateY(-50%); } .aux-widget-faq .aux-accordion-plus-indicator .aux-accordion-indicator:before, .aux-widget-faq .aux-accordion-plus-indicator .aux-accordion-indicator:after { content: ''; position: absolute; left: 0; top: 8px; width: 100%; height: 1px; background-color: #3D3D3D; transition: transform 300ms; } .aux-widget-faq .aux-accordion-plus-indicator .aux-accordion-indicator:after { transform: rotate(90deg); } .aux-widget-faq .aux-accordion-plus-indicator .toggle-header { padding-left: 1.7em; } .aux-widget-faq .aux-accordion-plus-indicator .toggle-content { padding-left: 2.5em; } .aux-widget-faq .aux-accordion-border-indicator .aux-faq-item { border-bottom: 1px solid #e0e0e0; } .aux-widget-faq .aux-accordion-border-indicator .aux-faq-item:last-of-type { border-bottom: none; } .aux-widget-faq .aux-accordion-border-indicator .aux-accordion-indicator { position: absolute; left: 0; top: 50%; width: 17px; height: 17px; transform: translateY(-50%); } .aux-widget-faq .aux-accordion-border-indicator .aux-accordion-indicator:before, .aux-widget-faq .aux-accordion-border-indicator .aux-accordion-indicator:after { content: ''; position: absolute; left: 0; top: 8px; width: 100%; height: 1px; background-color: #3D3D3D; transition: transform 300ms; } .aux-widget-faq .aux-accordion-border-indicator .aux-accordion-indicator:after { transform: rotate(90deg); } .aux-widget-faq .aux-accordion-border-indicator .toggle-header { padding-left: 1.7em; } .aux-widget-faq .aux-accordion-border-indicator .toggle-content { padding-left: 2.5em; } .aux-widget-faq .aux-accordion-clean-border .aux-faq-item { border-bottom: 1px solid #e0e0e0; } .aux-widget-faq .aux-accordion-clean-border .aux-faq-item:last-of-type { border-bottom: none; } .aux-widget-faq .aux-accordion-clean-border .aux-faq-item.active .aux-accordion-indicator:after { transform: rotate(0); } .aux-widget-faq .aux-accordion-clean-border .toggle-header { padding-left: 1.7em; } .aux-widget-faq .aux-accordion-clean-border .aux-accordion-indicator { position: absolute; left: 0; top: 50%; width: 17px; height: 17px; transform: translateY(-50%); width: 23px; height: 23px; border: 1px solid #3D3D3D; } .aux-widget-faq .aux-accordion-clean-border .aux-accordion-indicator:before, .aux-widget-faq .aux-accordion-clean-border .aux-accordion-indicator:after { content: ''; position: absolute; left: 0; top: 8px; width: 100%; height: 1px; background-color: #3D3D3D; transition: transform 300ms; } .aux-widget-faq .aux-accordion-clean-border .aux-accordion-indicator:after { transform: rotate(90deg); } .aux-widget-faq .aux-accordion-clean-border .aux-accordion-indicator:before, .aux-widget-faq .aux-accordion-clean-border .aux-accordion-indicator:after { left: 5px; top: 10px; width: 50%; } .aux-widget-faq .aux-accordion-clean-border .toggle-content { position: relative; padding-left: 2.5em; } .aux-widget-faq .aux-accordion-clean-border .toggle-content:after { content: ''; position: absolute; left: 8px; top: 5px; display: inline-block; width: 1px; height: calc(100% - 35px); background-color: #e0e0e0; } .aux-widget-faq .aux-accordion-clean .aux-accordion-indicator { position: absolute; left: 0; top: 50%; width: 17px; height: 17px; transform: translateY(-50%); width: 23px; height: 23px; border: 1px solid #3D3D3D; } .aux-widget-faq .aux-accordion-clean .aux-accordion-indicator:before, .aux-widget-faq .aux-accordion-clean .aux-accordion-indicator:after { content: ''; position: absolute; left: 0; top: 8px; width: 100%; height: 1px; background-color: #3D3D3D; transition: transform 300ms; } .aux-widget-faq .aux-accordion-clean .aux-accordion-indicator:after { transform: rotate(90deg); } .aux-widget-faq .aux-accordion-clean .aux-accordion-indicator:before, .aux-widget-faq .aux-accordion-clean .aux-accordion-indicator:after { left: 5px; top: 10px; width: 50%; } .aux-widget-faq .aux-accordion-clean .toggle-header { padding: 0.5em 1.3em 0.5em 1.7em; } .aux-widget-faq .aux-accordion-clean .toggle-content { position: relative; padding: 0.625em 1.875em 0.625em 2.5em; } .aux-widget-faq .aux-accordion-clean .toggle-content:after { content: ''; position: absolute; top: 15px; left: 8px; display: inline-block; width: 1px; height: calc(100% - 35px); background-color: #BBB; } /** MailChimp Element Style */ .mc4wp-form input:not([type="submit"]), .mc4wp-form textarea, .mc4wp-form select { padding: 0.8em 1.1em; } .mc4wp-form input:not([type="submit"]):-moz-placeholder, .mc4wp-form textarea:-moz-placeholder, .mc4wp-form select:-moz-placeholder { font-style: italic; } .mc4wp-form input:not([type="submit"])::-moz-placeholder, .mc4wp-form textarea::-moz-placeholder, .mc4wp-form select::-moz-placeholder { font-style: italic; } .mc4wp-form input:not([type="submit"]):-ms-input-placeholder, .mc4wp-form textarea:-ms-input-placeholder, .mc4wp-form select:-ms-input-placeholder { font-style: italic; } .mc4wp-form input:not([type="submit"])::-webkit-input-placeholder, .mc4wp-form textarea::-webkit-input-placeholder, .mc4wp-form select::-webkit-input-placeholder { font-style: italic; } .mc4wp-form input[type="submit"] { padding: 16px 32px; display: block; width: 100%; max-width: 400px; } .mc4wp-form input:not([type="submit"]) { max-width: none; } .mc4wp-form input[required] { box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.075); } .mc4wp-form-fields p { margin-bottom: 0; } /** Star Rating */ .aux-rating-box.aux-star-rating { display: inline-block; position: relative; line-height: 1; font-size: 19px; } .aux-rating-box.aux-star-rating:before { content: "\2606\2606\2606\2606\2606"; color: #3D3D3D; } .aux-rating-box.aux-star-rating .aux-star-rating-avg { position: absolute; left: 0; top: 0; overflow: hidden; white-space: nowrap; } .aux-rating-box.aux-star-rating .aux-star-rating-avg:before { content: "\2605\2605\2605\2605\2605"; color: #3D3D3D; } /** Recent Products Widgets for Free & Pro */ .aux-widget-recent-products .widget-title { margin-bottom: 10px; font-size: 2.375em; line-height: 57px; font-weight: 500; text-align: center; } .aux-widget-recent-products .widget-subtitle { margin-bottom: 50px; font-size: 1.125em; line-height: 27px; color: #BBB; text-align: center; font-weight: 500; } .aux-widget-recent-products .aux-recent-product-item { position: relative; } .aux-widget-recent-products .aux-recent-product-item .woocommerce-product-rating { margin-bottom: 5px; } .aux-widget-recent-products .aux-recent-product-item .aux-rating-box.aux-star-rating:before { color: #FCCC00; } .aux-widget-recent-products .aux-recent-product-item .aux-rating-box.aux-star-rating span:before { color: #FCCC00; } .aux-widget-recent-products .aux-recent-product-item .onsale { position: absolute; right: 35px; top: 20px; width: 60px; height: 60px; background: #E74C3C; border-radius: 50%; font-size: 0.6875em; font-weight: 600; line-height: 60px; text-align: center; text-transform: uppercase; color: #FFFFFF; z-index: 1; } .aux-widget-recent-products .aux-recent-product-item .woocommerce-loop-product__title, .aux-widget-recent-products .aux-recent-product-item .auxshp-loop-title { margin-top: 30px; font-size: 1.125em; font-weight: 500; line-height: 1.6875em; } .aux-widget-recent-products .aux-recent-product-item .price { display: block; margin-bottom: 15px; font-size: 1.125em; font-weight: 500; line-height: 1.6875em; } .aux-widget-recent-products .aux-recent-product-item .price ins { float: left; padding: 0; background-color: transparent; } .aux-widget-recent-products .aux-recent-product-item .price del { margin-left: 5px; font-size: 14px; line-height: 1.3125em; color: #AAA; } .aux-widget-recent-products .aux-recent-product-item .button, .aux-widget-recent-products .aux-recent-product-item .added_to_cart { display: inline; background-color: #EAEAEA; border-radius: 20px; padding: 12px 25px; font-size: 0.6875em; font-weight: 600; line-height: 17px; text-transform: uppercase; } /** Icon list element */ .aux-widget-icon-list .aux-icon-list-items { padding-left: 0; padding-right: 0; margin-bottom: 0; } .aux-icon-list-items { padding-left: 0; } .aux-icon-list-items.aux-direction-vertical { display: flex; flex-flow: column wrap; } .aux-icon-list-items.aux-direction-horizontal { display: flex; flex-flow: row wrap; } .aux-icon-list-item .aux-list-connector { flex-grow: 1; border-bottom: 1px dotted #bbb; line-height: 0; height: 0; margin-left: 10px; } .aux-icon-list-description { display: block; width: 100%; } .aux-icon-list-divider .aux-icon-list-item { position: relative; } .aux-icon-list-divider.aux-direction-horizontal .aux-icon-list-item { margin-right: 20px; } .aux-icon-list-divider.aux-direction-horizontal .aux-icon-list-item:after { border-right: 1px solid #ddd; right: -10px; top: 0; height: 100%; content: ""; display: block; position: absolute; z-index: 1; } .aux-icon-list-divider.aux-direction-default .aux-icon-list-item:not(:last-child):after, .aux-icon-list-divider.aux-direction-vertical .aux-icon-list-item:not(:last-child):after { border-bottom: 1px solid #ddd; left: 0; bottom: 0; width: 100%; content: ""; display: block; position: absolute; z-index: 1; } .aux-icon-list-item, .aux-icon-list-link { display: flex; } .aux-icon-list-icon { margin-right: 5px; } .aux-icon-list-text { margin: 0; } .aux-icon-list-text2 { margin-left: 10px; } .aux-widget-modern-heading .aux-widget-inner { max-width: 100%; } .aux-modern-heading-primary { transition: all 250ms ease-out; } .aux-modern-heading-secondary { transition: all 250ms ease-out; color: #636363; } .aux-modern-heading-secondary .aux-head-before + .aux-head-highlight { margin-left: 5px; } .aux-modern-heading-secondary .aux-head-highlight { transition: all 250ms ease-out; color: #333; } .aux-modern-heading-secondary .aux-head-highlight + .aux-head-after { margin-left: 5px; } .aux-modern-heading-divider { transition: all 250ms ease-out; height: 1px; background-color: #BBB; width: 50px; } .aux-modern-heading-divider + .aux-modern-heading-description { margin-top: 15px; } /** * Auxin Countdown */ .aux-widget-countdown .aux-countdown-wrapper { position: relative; } .aux-widget-countdown .aux-countdown-wrapper .aux-countdown-value { font-size: 4.5em; font-weight: bold; } .aux-widget-countdown .aux-countdown-wrapper .aux-countdown-title { font-size: 0.875em; font-weight: 500; color: #888; } .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-inline, .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-inline-table { display: flex; flex-wrap: wrap; align-items: center; } .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-inline .aux-countdown-item, .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-inline-table .aux-countdown-item { flex: 0 0 auto; padding: 0.9375em 1.875em; } .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-inline .aux-countdown-seperator, .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-inline-table .aux-countdown-seperator { padding: 0.9375em; } .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-inline-table .aux-countdown-item { flex: 1 0 auto; } .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-block, .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-block-table { display: flex; flex-wrap: wrap; align-items: center; } .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-block .aux-countdown-item, .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-block-table .aux-countdown-item { text-align: center; padding: 1.875em; } .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-block .aux-countdown-title, .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-block .aux-countdown-value, .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-block-table .aux-countdown-title, .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-block-table .aux-countdown-value { display: block; } .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-block-table .aux-countdown-item, .aux-widget-countdown .aux-countdown-wrapper.aux-countdown-block-table .aux-countdown-seperator { flex-basis: 0; flex-grow: 1; text-align: center; } /** Styles for custom (flesible) label element */ .aux-flex-label-wrap { margin: 0; } /** quote element style. */ .aux-widget-progressbar .aux-progressbar-title { display: inline-block; } .aux-widget-progressbar .aux-progressbar-icon { vertical-align: middle; } .aux-widget-progressbar .aux-progressbar-svg { position: relative; } .aux-widget-progressbar .aux-progressbar-value { position: absolute; top: 0; transform: translateX(-50%) translateY(-100%); } .aux-widget-progressbar .aux-outer-background { box-sizing: content-box; background-color: #00000060; } .aux-widget-progressbar .aux-inner-background { position: relative; background-color: #000; } .aux-simple-shape-container .aux-widget-container-inner { display: inline-block; } .aux-simple-shape-container .aux-the-shape { background-color: #eee; max-width: inherit; } .aux-shpe-type-circle .aux-the-shape { border-radius: 50%; } .aux-simple-svg-container .aux-widget-container-inner { display: inline-block; } .aux-simple-svg-container .aux-the-svg { max-width: inherit; } /** Auxin Logo widget styles */ .aux-widget-logo { display: inline-block; } /** code element style. */ .aux-widget-accordion .aux-toggle-item { transition: all 400ms ease-out; } .aux-widget-accordion .aux-toggle-header, .aux-widget-accordion .aux-toggle-content { outline: none; } /** carousel navigation element style. */ .aux-carousel-navigation { display: flex; } .aux-carousel-navigation .aux-prev, .aux-carousel-navigation .aux-next { cursor: pointer; } .aux-carousel-navigation .aux-custom-nav { display: inline-flex; justify-content: center; align-items: center; transition: all 150ms ease-out; } .aux-carousel-navigation .aux-custom-nav > img { width: 25px; } .aux-carousel-navigation .aux-custom-nav > span { line-height: 100%; } /** Modern Search Widget */ .aux-modern-search .aux-search-submit { display: flex; align-items: center; background: transparent; margin: 0; padding: 10px; overflow: visible; } .aux-modern-search .aux-search-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-modern-search .aux-search-popup > * { z-index: 4; } .aux-modern-search .aux-search-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-modern-search .aux-search-popup .aux-panel-close .aux-cross-symbol { width: 100%; height: 100%; top: 8px; position: relative; } .aux-modern-search .aux-search-popup .aux-panel-close:hover { border-color: #000; } @media screen and (max-width: 1024px) { .aux-modern-search .aux-search-popup .aux-panel-close { right: unset; left: calc(50% - 30px); } } .aux-modern-search .aux-search-popup .aux-search-popup-content { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; } @media screen and (max-width: 1023px) { .aux-modern-search .aux-search-popup .aux-search-popup-content { padding: 0 35px; } } .aux-modern-search .aux-search-popup .aux-search-popup-content .aux-search-form, .aux-modern-search .aux-search-popup .aux-search-popup-content .aux-search-ajax-container { width: 100%; max-width: 1024px; } .aux-modern-search .aux-search-popup .aux-search-popup-content form { display: flex; margin: 0 auto; align-items: center; justify-content: center; } .aux-modern-search .aux-search-popup .aux-search-popup-content form .aux-search-field { padding: 10px 0px; max-width: none; width: 100%; height: 100%; text-align: left; font-weight: 600; font-size: 28px; border: none; } .aux-modern-search .aux-search-popup .aux-search-popup-content form .aux-search-field:-moz-placeholder { /* WebKit, Blink, Edge */ color: #AEAEAE; } .aux-modern-search .aux-search-popup .aux-search-popup-content form .aux-search-field::-moz-placeholder { /* WebKit, Blink, Edge */ color: #AEAEAE; } .aux-modern-search .aux-search-popup .aux-search-popup-content form .aux-search-field:-ms-input-placeholder { /* WebKit, Blink, Edge */ color: #AEAEAE; } .aux-modern-search .aux-search-popup .aux-search-popup-content form .aux-search-field::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #AEAEAE; } .aux-modern-search .aux-search-popup .aux-search-popup-content .aux-search-input-form { display: flex; align-items: center; border-bottom: 2px solid #707070; width: 100%; z-index: 2; } .aux-modern-search .aux-search-popup .aux-search-popup-content .aux-submit-icon-container:before { color: #707070 !important; transition: color 0.3s ease; } .aux-modern-search .aux-search-popup .aux-search-popup-content .aux-submit-icon-container:hover:before { color: #000 !important; } .aux-modern-search .aux-search-popup .aux-search-popup-content .aux-search-submit { overflow: inherit; } .aux-modern-search .aux-search-popup .aux-search-popup-content .aux-submit-icon-container { position: relative; color: #3D3D3D; right: unset; font-size: 22px; } .aux-modern-search .aux-search-popup .aux-search-popup-content .aux-fill-search-submit { margin: 0 5px 5px 15px; border-radius: 5px; padding: 15px 35px; margin-bottom: 5px; overflow: visible; } @media screen and (max-width: 479px) { .aux-modern-search .aux-search-popup .aux-search-popup-content { width: 80%; margin-left: auto; margin-right: auto; } } .aux-modern-search .select2-container { width: 100% !important; min-width: 192px; } .aux-modern-search .select2-container .select2-selection--single { display: flex; align-items: center; border: none; background-color: transparent; outline: 0; height: auto; } .aux-modern-search .select2-container .select2-selection--single .select2-selection__arrow { display: flex; align-items: center; justify-content: center; transition: transform 150ms ease-out; top: 50%; transform: translateY(-50%); } .aux-modern-search .select2-container .select2-selection--single .select2-selection__arrow:before { content: ''; background-image: url(images/svg/symbols.svg); background-repeat: no-repeat; display: block; width: 10px; height: 6px; background-position: 0px -687px; } .aux-modern-search .select2-container .select2-selection--single .select2-selection__arrow b { display: none; } .aux-modern-search .select2-container .select2-selection--single .select2-selection__rendered { padding: 12px 50px 12px 24px; color: #3D3D3D !important; font-size: 19px; font-weight: 300; line-height: 23px; } .aux-modern-search .select2-container .select2-selection--single[aria-expanded=true] { background-color: #F3F3F3; } .aux-modern-search .select2-container .select2-selection--single[aria-expanded=true] .select2-selection__arrow:before { transform: rotate(180deg); } .aux-modern-search .aux-search-form-legend { text-align: center; font-size: 11px; text-transform: uppercase; margin-bottom: 50px; } .aux-search-cats-dropdown { background-color: #F3F3F3; border: none; } .aux-search-cats-dropdown .select2-results__option { border: none; color: #3D3D3D !important; font-size: 19px; font-weight: 300; line-height: 23px; margin: 8px; padding: 12px 16px; } .aux-search-cats-dropdown .select2-results__option[aria-selected=true], .aux-search-cats-dropdown .select2-results__option.select2-results__option--highlighted { background-color: #DEDEDE !important; font-weight: 400; } .aux-modern-search .aux-search-ajax-container { position: relative; width: 100%; } .aux-modern-search .aux-search-ajax-container .aux-loading-spinner { position: absolute; top: 0; width: 100%; height: 100%; z-index: 2; background-color: #FFF; transition: all 1.2s; } .aux-modern-search .aux-search-ajax-container .aux-loading-spinner.aux-spinner-hide { opacity: 0; visibility: hidden; } .aux-modern-search .aux-search-ajax-container .aux-loading-spinner .aux-loading-loop { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between; padding: 35px 0; max-height: 70vh; overflow: auto; } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-other-search-result { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between; width: 100%; } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-other-search-result:first-of-type .aux-other-search-result-label { margin-top: 0; } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output > .aux-search-item, .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-other-search-result > .aux-search-item { width: 32%; margin-top: 20px; padding: 5px; border-radius: 5px; transition: background-color 300ms ease-out; } @media screen and (max-width: 1023px) { .aux-resp .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output > .aux-search-item, .aux-resp .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-other-search-result > .aux-search-item { width: 49%; } } @media screen and (max-width: 767px) { .aux-resp .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output > .aux-search-item, .aux-resp .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-other-search-result > .aux-search-item { width: 100%; } } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output > .aux-search-item:hover, .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-other-search-result > .aux-search-item:hover { background-color: #F9F9F9; } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output > .aux-search-item .aux-item-container, .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-other-search-result > .aux-search-item .aux-item-container { display: flex; color: inherit; } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output > .aux-search-item .aux-item-container > img, .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-other-search-result > .aux-search-item .aux-item-container > img { border-radius: 6px; margin-right: 12px; } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output > .aux-search-item .aux-item-container > img:not([width]), .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-other-search-result > .aux-search-item .aux-item-container > img:not([width]) { width: 100px; height: 100px; background: red; position: relative; } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output > .aux-search-item .aux-item-container > img:not([width]):after, .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-other-search-result > .aux-search-item .aux-item-container > img:not([width]):after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #E1E1E1; } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output > .aux-search-item .aux-item-desc, .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-other-search-result > .aux-search-item .aux-item-desc { display: flex; flex-flow: column wrap; } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output > .aux-search-item .aux-item-title, .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-other-search-result > .aux-search-item .aux-item-title { color: #333; font-weight: 500; } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output > .aux-search-item .aux-item-details, .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-other-search-result > .aux-search-item .aux-item-details { color: #AAA; font-size: 14px; } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output > .aux-search-item .aux-price, .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-other-search-result > .aux-search-item .aux-price { margin-top: 13px; } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-empty-result { width: 100%; font-size: 31px; line-height: 44px; color: #888; } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-empty-result .aux-search-phrase, .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-empty-result .aux-post-type { color: #3D3D3D; text-transform: capitalize; } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-empty-result .aux-search-phrase { font-weight: 600; } .aux-modern-search .aux-search-ajax-container .aux-search-ajax-output .aux-other-search-result-label { width: 100%; margin-top: 58px; margin-bottom: 20px; font-size: 31px; line-height: 44px; color: #888; } /** Auxin Modern Button widget styles */ .aux-modern-button-wrapper.aux-modern-button-align-left { text-align: left; } .aux-modern-button-wrapper.aux-modern-button-align-left .aux-modern-button { width: auto; } .aux-modern-button-wrapper.aux-modern-button-align-right { text-align: right; } .aux-modern-button-wrapper.aux-modern-button-align-right .aux-modern-button { width: auto; } .aux-modern-button-wrapper.aux-modern-button-align-center { text-align: center; } .aux-modern-button-wrapper.aux-modern-button-align-center .aux-modern-button { width: auto; } .aux-modern-button-wrapper.aux-modern-button-align-justify { text-align: center; } .aux-modern-button-wrapper.aux-modern-button-align-justify .aux-modern-button { width: 100%; } .aux-modern-button { display: inline-flex; align-items: center; justify-content: center; flex-flow: row wrap; white-space: nowrap; user-select: none; font-size: 1rem; line-height: 1.5; position: relative; transition: all 150ms ease-in-out; cursor: pointer; } .aux-modern-button .aux-text { position: relative; transition: inherit; } .aux-modern-button .aux-overlay { width: 100%; } .aux-modern-button .aux-overlay:after, .aux-modern-button .aux-overlay:before { transition: all 150ms ease-out; } .aux-modern-button .aux-icon { position: relative; text-align: center; overflow: hidden; line-height: 0; } .aux-modern-button .aux-icon:after, .aux-modern-button .aux-icon:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; transition: all 150ms ease-out; } .aux-modern-button .aux-icon:after { opacity: 0; } .aux-modern-button .aux-icon i { position: relative; vertical-align: middle; z-index: 1; } .aux-modern-button.aux-black { color: #FFFFFF; } .aux-modern-button.aux-black .aux-overlay:after, .aux-modern-button.aux-black .aux-overlay:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; } .aux-modern-button.aux-black .aux-overlay:before { background-color: #3D3D3D; } .aux-modern-button.aux-black .aux-overlay:after { opacity: 0; background-color: #292929; } .aux-modern-button.aux-black:hover .aux-overlay:after { opacity: 1; } .aux-modern-button.aux-black:hover .aux-icon:after { opacity: 1; } .aux-modern-button.aux-white { color: #3D3D3D; } .aux-modern-button.aux-white .aux-overlay:after, .aux-modern-button.aux-white .aux-overlay:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; } .aux-modern-button.aux-white .aux-overlay:before { background-color: #FFFFFF; } .aux-modern-button.aux-white .aux-overlay:after { opacity: 0; background-color: #ebebeb; } .aux-modern-button.aux-white:hover .aux-overlay:after { opacity: 1; } .aux-modern-button.aux-white:hover .aux-icon:after { opacity: 1; } .aux-modern-button.aux-info { color: #FFFFFF; } .aux-modern-button.aux-info .aux-overlay:after, .aux-modern-button.aux-info .aux-overlay:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; } .aux-modern-button.aux-info .aux-overlay:before { background-color: #5bc0de; } .aux-modern-button.aux-info .aux-overlay:after { opacity: 0; background-color: #39b3d7; } .aux-modern-button.aux-info:hover .aux-overlay:after { opacity: 1; } .aux-modern-button.aux-info:hover .aux-icon:after { opacity: 1; } .aux-modern-button.aux-success { color: #FFFFFF; } .aux-modern-button.aux-success .aux-overlay:after, .aux-modern-button.aux-success .aux-overlay:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; } .aux-modern-button.aux-success .aux-overlay:before { background-color: #5cb85c; } .aux-modern-button.aux-success .aux-overlay:after { opacity: 0; background-color: #47a447; } .aux-modern-button.aux-success:hover .aux-overlay:after { opacity: 1; } .aux-modern-button.aux-success:hover .aux-icon:after { opacity: 1; } .aux-modern-button.aux-warning { color: #FFFFFF; } .aux-modern-button.aux-warning .aux-overlay:after, .aux-modern-button.aux-warning .aux-overlay:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; } .aux-modern-button.aux-warning .aux-overlay:before { background-color: #f0ad4e; } .aux-modern-button.aux-warning .aux-overlay:after { opacity: 0; background-color: #ed9c28; } .aux-modern-button.aux-warning:hover .aux-overlay:after { opacity: 1; } .aux-modern-button.aux-warning:hover .aux-icon:after { opacity: 1; } .aux-modern-button.aux-caution { color: #FFFFFF; } .aux-modern-button.aux-caution .aux-overlay:after, .aux-modern-button.aux-caution .aux-overlay:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; } .aux-modern-button.aux-caution .aux-overlay:before { background-color: #d9534f; } .aux-modern-button.aux-caution .aux-overlay:after { opacity: 0; background-color: #d2322d; } .aux-modern-button.aux-caution:hover .aux-overlay:after { opacity: 1; } .aux-modern-button.aux-caution:hover .aux-icon:after { opacity: 1; } .aux-modern-button.aux-modern-button-outline.aux-black { color: #3D3D3D; } .aux-modern-button.aux-modern-button-outline.aux-black .aux-overlay:before, .aux-modern-button.aux-modern-button-outline.aux-black .aux-overlay:after { box-shadow: 0 0 0 1px #3D3D3D inset; } .aux-modern-button.aux-modern-button-outline.aux-black .aux-overlay:before { background-color: transparent; } .aux-modern-button.aux-modern-button-outline.aux-black:hover { color: #FFFFFF; } .aux-modern-button.aux-modern-button-outline.aux-black:hover .aux-overlay:after { background-color: #3D3D3D; } .aux-modern-button.aux-modern-button-outline.aux-white { color: #FFFFFF; } .aux-modern-button.aux-modern-button-outline.aux-white .aux-overlay:before, .aux-modern-button.aux-modern-button-outline.aux-white .aux-overlay:after { box-shadow: 0 0 0 1px #FFFFFF inset; } .aux-modern-button.aux-modern-button-outline.aux-white .aux-overlay:before { background-color: transparent; } .aux-modern-button.aux-modern-button-outline.aux-white:hover { color: #3D3D3D; } .aux-modern-button.aux-modern-button-outline.aux-white:hover .aux-overlay:after { background-color: #FFFFFF; } .aux-modern-button.aux-modern-button-outline.aux-info { color: #5bc0de; } .aux-modern-button.aux-modern-button-outline.aux-info .aux-overlay:before, .aux-modern-button.aux-modern-button-outline.aux-info .aux-overlay:after { box-shadow: 0 0 0 1px #5bc0de inset; } .aux-modern-button.aux-modern-button-outline.aux-info .aux-overlay:before { background-color: transparent; } .aux-modern-button.aux-modern-button-outline.aux-info:hover { color: #FFFFFF; } .aux-modern-button.aux-modern-button-outline.aux-info:hover .aux-overlay:after { background-color: #5bc0de; } .aux-modern-button.aux-modern-button-outline.aux-success { color: #5cb85c; } .aux-modern-button.aux-modern-button-outline.aux-success .aux-overlay:before, .aux-modern-button.aux-modern-button-outline.aux-success .aux-overlay:after { box-shadow: 0 0 0 1px #5cb85c inset; } .aux-modern-button.aux-modern-button-outline.aux-success .aux-overlay:before { background-color: transparent; } .aux-modern-button.aux-modern-button-outline.aux-success:hover { color: #FFFFFF; } .aux-modern-button.aux-modern-button-outline.aux-success:hover .aux-overlay:after { background-color: #5cb85c; } .aux-modern-button.aux-modern-button-outline.aux-warning { color: #f0ad4e; } .aux-modern-button.aux-modern-button-outline.aux-warning .aux-overlay:before, .aux-modern-button.aux-modern-button-outline.aux-warning .aux-overlay:after { box-shadow: 0 0 0 1px #f0ad4e inset; } .aux-modern-button.aux-modern-button-outline.aux-warning .aux-overlay:before { background-color: transparent; } .aux-modern-button.aux-modern-button-outline.aux-warning:hover { color: #FFFFFF; } .aux-modern-button.aux-modern-button-outline.aux-warning:hover .aux-overlay:after { background-color: #f0ad4e; } .aux-modern-button.aux-modern-button-outline.aux-caution { color: #d9534f; } .aux-modern-button.aux-modern-button-outline.aux-caution .aux-overlay:before, .aux-modern-button.aux-modern-button-outline.aux-caution .aux-overlay:after { box-shadow: 0 0 0 1px #d9534f inset; } .aux-modern-button.aux-modern-button-outline.aux-caution .aux-overlay:before { background-color: transparent; } .aux-modern-button.aux-modern-button-outline.aux-caution:hover { color: #FFFFFF; } .aux-modern-button.aux-modern-button-outline.aux-caution:hover .aux-overlay:after { background-color: #d9534f; } .aux-modern-button.aux-modern-button-round .aux-overlay:before, .aux-modern-button.aux-modern-button-round .aux-overlay:after { border-radius: 5px; } .aux-modern-button.aux-modern-button-curve .aux-overlay:before, .aux-modern-button.aux-modern-button-curve .aux-overlay:after { border-radius: 100em; /* a large value */ } .aux-modern-button.aux-modern-button-normal { border-radius: 0; } .aux-modern-button.aux-modern-button-xs { padding: 8px 15px; font-size: 0.6875em; font-weight: 400; } .aux-modern-button.aux-modern-button-sm { padding: 9px 18px; font-size: 0.6875em; font-weight: 500; } .aux-modern-button.aux-modern-button-md { padding: 12px 23px; font-size: 0.75em; font-weight: 500; } .aux-modern-button.aux-modern-button-lg { padding: 20px 35px; font-size: 0.8125em; font-weight: 700; } .aux-modern-button.aux-modern-button-xl { padding: 27px 55px; font-size: 0.8125em; font-weight: 700; } .aux-modern-button.aux-icon-left .aux-icon { margin-right: 5px; } .aux-modern-button.aux-icon-right { flex-direction: row-reverse; } .aux-modern-button.aux-icon-right .aux-icon { margin-left: 5px; } .aux-modern-button.aux-icon-top { flex-direction: column; } .aux-modern-button.aux-icon-top .aux-icon { margin-bottom: 5px; } .aux-modern-button.aux-icon-bottom { flex-direction: column-reverse; } .aux-modern-button.aux-icon-bottom .aux-icon { margin-top: 5px; } .aux-widget-price-list .aux-icon-list-item { flex-wrap: wrap; align-items: center; } .aux-widget-price-list .aux-list-item-has-connector { width: 100%; } /*!>>>>>>>>>>>>>>>>>>>>>>>>> #Pages <<<<<<<<<<<<<<<<<<<<<<<<<<<< */ .hentry { position: relative; min-height: 130px; } .hentry:after { content: ""; display: table; clear: both; } .entry-content, .comment-body { overflow-wrap: break-word; word-wrap: break-word; } .entry-content h1, .comment-body h1 { font-size: 2.7em; } .entry-content h2, .comment-body h2 { font-size: 2.1em; } .entry-content pre, .comment-body pre { border: 1px solid #EAEAEA; color: #505050; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; margin: 24px 0; margin: 1.714285714rem 0; overflow: auto; padding: 24px; padding: 1.714285714rem; } .entry-content ul, .comment-body ul { list-style: disc outside; padding-left: 1.1em; } .entry-content ul, .comment-body ul, .entry-content ol, .comment-body ol { margin-top: 0; } .entry-content ul li, .comment-body ul li, .entry-content ol li, .comment-body ol li { margin: 0; line-height: 190%; } .entry-content ul ul, .comment-body ul ul, .entry-content ol ul, .comment-body ol ul { margin: 0.5em 0 0.5em 2em; font-size: 1em; } .entry-content ul ol, .comment-body ul ol, .entry-content ol ol, .comment-body ol ol { margin: 0.5em 0 0.5em 3em; font-size: 1em; } .entry-content ul ul, .comment-body ul ul, .entry-content ol ul, .comment-body ol ul { list-style: circle; } .entry-content ul ul ul, .comment-body ul ul ul, .entry-content ol ul ul, .comment-body ol ul ul { list-style: square; } .entry-content img, .comment-body img { max-width: 100%; } .entry-content .alignleft, .comment-body .alignleft { margin: 0.5em 1.2em 0.5em 0; } .entry-content .alignright, .comment-body .alignright { margin: 0.5em 0 0.5em 1.2em; } .entry-content .aligncenter, .comment-body .aligncenter { margin: 0.5em auto; } .entry-content .alignnone, .comment-body .alignnone { margin: 0.5em 0; } .entry-content iframe, .comment-body iframe { margin-bottom: 1em; } .aux-primary .content .aux-pagination { margin-bottom: 3em; margin-top: 3em; } .aux-primary .content .aux-pagination:after { content: ""; display: table; clear: both; } .wp-caption { max-width: 100%; } .wp-caption.aligncenter { text-align: center; } .wp-caption.alignright, .wp-caption.alignleft { display: inline-block; } .wp-caption.alignleft { text-align: left; } .wp-caption.alignright { text-align: right; } .wp-caption-text { padding: 10px; margin: 0; background-color: #F3F3F3; text-align: center; font-size: 0.75em; color: #3D3D3D; } .aux-next-prev-posts { margin-bottom: 4.375em; } .aux-next-prev-posts:after { content: ""; display: table; clear: both; } .aux-next-prev-posts .np-prev-section, .aux-next-prev-posts .np-next-section { width: 50%; } .aux-next-prev-posts .np-prev-section:after, .aux-next-prev-posts .np-next-section:after { content: ""; display: table; clear: both; } .aux-next-prev-posts .np-prev-section > a:hover, .aux-next-prev-posts .np-next-section > a:hover { overflow: hidden; } .aux-next-prev-posts .np-prev-section > a:hover .np-nav-text, .aux-next-prev-posts .np-prev-section > a:hover .np-title, .aux-next-prev-posts .np-next-section > a:hover .np-nav-text, .aux-next-prev-posts .np-next-section > a:hover .np-title { text-decoration: underline; } .aux-next-prev-posts .np-prev-section > a:hover .aux-overlay, .aux-next-prev-posts .np-next-section > a:hover .aux-overlay { position: absolute; width: 105%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0, 0); transition: "all 500ms cubic-bezier(0.77, 0, 0.175, 1)"; } .aux-next-prev-posts .np-prev-section > a:hover .aux-overlay::after, .aux-next-prev-posts .np-next-section > a:hover .aux-overlay::after { position: relative; content: ''; border-radius: 50%; display: block; padding-top: 100%; background-color: #3D3D3D; } .aux-next-prev-posts .np-prev-section > a:hover:hover .aux-overlay, .aux-next-prev-posts .np-next-section > a:hover:hover .aux-overlay { transform: translate(-50%, -50%) scale(1, 1); } .aux-next-prev-posts .np-prev-section > a:hover .aux-svg-arrow, .aux-next-prev-posts .np-next-section > a:hover .aux-svg-arrow { opacity: 0; } .aux-next-prev-posts .np-prev-section > a:hover .aux-svg-arrow.aux-no-fade, .aux-next-prev-posts .np-next-section > a:hover .aux-svg-arrow.aux-no-fade { opacity: 1; } .aux-next-prev-posts .np-prev-section > a:hover .aux-hover-arrow, .aux-next-prev-posts .np-next-section > a:hover .aux-hover-arrow { transform: translate(-50%, -50%) !important; opacity: 1; } .aux-next-prev-posts .np-arrow img { display: inline-block; } .aux-next-prev-posts .np-nav-text, .aux-next-prev-posts .np-title { transition: all 550ms cubic-bezier(0.25, 0.1, 0.25, 1); } .aux-next-prev-posts .np-nav-text { font-size: 0.75em; color: #AAA; margin-bottom: 4px; margin-top: 0; } .aux-next-prev-posts .np-title { font-size: 1.125em; font-weight: 600; white-space: nowrap; min-width: 70%; overflow: hidden; text-overflow: ellipsis; color: #505050; } .right2-sidebar .aux-next-prev-posts .np-title, .left2-sidebar .aux-next-prev-posts .np-title, .right-left-sidebar .aux-next-prev-posts .np-title, .left-right-sidebar .aux-next-prev-posts .np-title { min-width: 60%; } .aux-next-prev-posts .np-prev-section { float: left; text-align: left; padding-right: 1em; } .aux-next-prev-posts .np-prev-section .np-arrow { margin-right: 25px; float: left; } .aux-next-prev-posts .np-prev-section .aux-arrow-nav { float: left; } .aux-next-prev-posts .np-prev-section > a:hover .np-nav-text, .aux-next-prev-posts .np-prev-section > a:hover .np-title { transform: translateX(-7px); } .aux-next-prev-posts .np-next-section { float: right; text-align: right; padding-left: 1em; } .aux-next-prev-posts .np-next-section .np-arrow { margin-left: 25px; float: right; } .aux-next-prev-posts .np-next-section .aux-arrow-nav { float: right; } .aux-next-prev-posts .np-next-section > a:hover .np-nav-text, .aux-next-prev-posts .np-next-section > a:hover .np-title { transform: translateX(7px); } .aux-next-prev-posts.nav-skin-minimal .np-arrow { margin-top: 4px; } .aux-next-prev-posts.nav-skin-modern { background-color: #F8F8F8; } .aux-next-prev-posts.nav-skin-modern > section { padding-top: 0.875em; padding-bottom: 0.875em; } .aux-next-prev-posts.nav-skin-modern .np-prev-section { padding-left: 3.125em; } .aux-next-prev-posts.nav-skin-modern .np-prev-section .np-nav-text { padding-left: 3.125em !important; } .aux-next-prev-posts.nav-skin-modern .np-prev-section .np-nav-text:before { content: ' ' !important; background-image: url(images/svg/leftarrow.svg); width: 30px; height: 13px; margin-top: -2px; } .aux-next-prev-posts.nav-skin-modern .np-next-section { padding-right: 3.125em; } .aux-next-prev-posts.nav-skin-modern .np-next-section .np-nav-text { padding-right: 3.125em !important; } .aux-next-prev-posts.nav-skin-modern .np-next-section .np-nav-text:after { content: ' ' !important; background-image: url(images/svg/rightarrow.svg); width: 30px; height: 13px; margin-top: -2px; } .aux-next-prev-posts.nav-skin-modern .np-nav-text { font-size: 0.75em; text-transform: uppercase; } .aux-next-prev-posts.nav-skin-modern .np-nav-text:before, .aux-next-prev-posts.nav-skin-modern .np-nav-text:after { top: 50%; transform: translateY(-50%); } .aux-next-prev-posts.nav-skin-modern .aux-port-archive-btn { text-align: center; } .aux-next-prev-posts.nav-skin-modern .aux-port-archive-btn svg { width: 14px; height: 14px; } .aux-next-prev-posts.nav-skin-classic-title, .aux-next-prev-posts.nav-skin-classic, .aux-next-prev-posts.nav-skin-modern { display: table; width: 100%; vertical-align: middle; position: relative; } .aux-next-prev-posts.nav-skin-classic-title .aux-arrow-nav, .aux-next-prev-posts.nav-skin-classic .aux-arrow-nav, .aux-next-prev-posts.nav-skin-modern .aux-arrow-nav { display: none; } .aux-next-prev-posts.nav-skin-classic-title > section, .aux-next-prev-posts.nav-skin-classic > section, .aux-next-prev-posts.nav-skin-modern > section { display: table-cell; width: 45%; max-width: 45%; float: none; vertical-align: middle; } .aux-next-prev-posts.nav-skin-classic-title > section > a, .aux-next-prev-posts.nav-skin-classic > section > a, .aux-next-prev-posts.nav-skin-modern > section > a { position: relative; display: block; padding: 25px 0px; transition: all 550ms cubic-bezier(0.25, 0.1, 0.25, 1); } .aux-next-prev-posts.nav-skin-classic-title > section > a:hover .np-nav-text, .aux-next-prev-posts.nav-skin-classic-title > section > a:hover .np-title, .aux-next-prev-posts.nav-skin-classic > section > a:hover .np-nav-text, .aux-next-prev-posts.nav-skin-classic > section > a:hover .np-title, .aux-next-prev-posts.nav-skin-modern > section > a:hover .np-nav-text, .aux-next-prev-posts.nav-skin-modern > section > a:hover .np-title { transform: none; } .aux-next-prev-posts.nav-skin-classic-title > section > a .np-title, .aux-next-prev-posts.nav-skin-classic > section > a .np-title, .aux-next-prev-posts.nav-skin-modern > section > a .np-title { margin-bottom: 0; } .aux-next-prev-posts.nav-skin-classic-title > section > a .np-nav-text:before, .aux-next-prev-posts.nav-skin-classic-title > section > a .np-nav-text:after, .aux-next-prev-posts.nav-skin-classic > section > a .np-nav-text:before, .aux-next-prev-posts.nav-skin-classic > section > a .np-nav-text:after, .aux-next-prev-posts.nav-skin-modern > section > a .np-nav-text:before, .aux-next-prev-posts.nav-skin-modern > section > a .np-nav-text:after { position: absolute; top: 50%; transform: translateY(-50%); } .aux-next-prev-posts.nav-skin-classic-title .aux-port-archive-btn, .aux-next-prev-posts.nav-skin-classic .aux-port-archive-btn, .aux-next-prev-posts.nav-skin-modern .aux-port-archive-btn { position: absolute; right: 0; left: 0; top: 50%; width: 10%; margin: 0 auto; transform: translateY(-50%); } .aux-next-prev-posts.nav-skin-classic-title .aux-port-archive-btn > a, .aux-next-prev-posts.nav-skin-classic .aux-port-archive-btn > a, .aux-next-prev-posts.nav-skin-modern .aux-port-archive-btn > a { display: block; margin-top: -8px; padding: 1.5625em; } .aux-next-prev-posts.nav-skin-classic-title .aux-port-archive-btn .ico-main-port, .aux-next-prev-posts.nav-skin-classic .aux-port-archive-btn .ico-main-port, .aux-next-prev-posts.nav-skin-modern .aux-port-archive-btn .ico-main-port { fill: #BBB; } .aux-next-prev-posts.nav-skin-classic-title .np-prev-section, .aux-next-prev-posts.nav-skin-classic .np-prev-section, .aux-next-prev-posts.nav-skin-modern .np-prev-section { float: left; } .aux-next-prev-posts.nav-skin-classic-title .np-prev-section > a:hover, .aux-next-prev-posts.nav-skin-classic .np-prev-section > a:hover, .aux-next-prev-posts.nav-skin-modern .np-prev-section > a:hover { transform: translateX(-7px); } .aux-next-prev-posts.nav-skin-classic-title .np-prev-section > a .np-title, .aux-next-prev-posts.nav-skin-classic .np-prev-section > a .np-title, .aux-next-prev-posts.nav-skin-modern .np-prev-section > a .np-title { padding-left: 1.5625em; } .aux-next-prev-posts.nav-skin-classic-title .np-prev-section .np-nav-text, .aux-next-prev-posts.nav-skin-classic .np-prev-section .np-nav-text, .aux-next-prev-posts.nav-skin-modern .np-prev-section .np-nav-text { color: #3D3D3D; padding-left: 2.3125em; } .aux-next-prev-posts.nav-skin-classic-title .np-prev-section .np-nav-text:before, .aux-next-prev-posts.nav-skin-classic .np-prev-section .np-nav-text:before, .aux-next-prev-posts.nav-skin-modern .np-prev-section .np-nav-text:before { left: 0; } .aux-next-prev-posts.nav-skin-classic-title .np-next-section, .aux-next-prev-posts.nav-skin-classic .np-next-section, .aux-next-prev-posts.nav-skin-modern .np-next-section { float: right; } .aux-next-prev-posts.nav-skin-classic-title .np-next-section > a:hover, .aux-next-prev-posts.nav-skin-classic .np-next-section > a:hover, .aux-next-prev-posts.nav-skin-modern .np-next-section > a:hover { transform: translateX(7px); } .aux-next-prev-posts.nav-skin-classic-title .np-next-section > a .np-title, .aux-next-prev-posts.nav-skin-classic .np-next-section > a .np-title, .aux-next-prev-posts.nav-skin-modern .np-next-section > a .np-title { padding-right: 1.5625em; } .aux-next-prev-posts.nav-skin-classic-title .np-next-section .np-nav-text, .aux-next-prev-posts.nav-skin-classic .np-next-section .np-nav-text, .aux-next-prev-posts.nav-skin-modern .np-next-section .np-nav-text { color: #3D3D3D; padding-right: 2.3125em; } .aux-next-prev-posts.nav-skin-classic-title .np-next-section .np-nav-text:after, .aux-next-prev-posts.nav-skin-classic .np-next-section .np-nav-text:after, .aux-next-prev-posts.nav-skin-modern .np-next-section .np-nav-text:after { right: 0; } .aux-next-prev-posts.nav-skin-classic-title .np-nav-text, .aux-next-prev-posts.nav-skin-classic .np-nav-text, .aux-next-prev-posts.nav-skin-modern .np-nav-text { font-weight: 600; color: #505050; } .aux-next-prev-posts.nav-skin-classic-title .np-next-section .np-nav-text:after, .aux-next-prev-posts.nav-skin-classic .np-next-section .np-nav-text:after, .aux-next-prev-posts.nav-skin-modern .np-next-section .np-nav-text:after { content: '\2192'; margin-left: 0.3em; } .aux-next-prev-posts.nav-skin-classic-title .np-prev-section .np-nav-text:before, .aux-next-prev-posts.nav-skin-classic .np-prev-section .np-nav-text:before, .aux-next-prev-posts.nav-skin-modern .np-prev-section .np-nav-text:before { content: '\2190'; margin-right: 0.3em; } .aux-next-prev-posts.nav-skin-classic-title.aux-next-prev-posts > section { padding: 1.5625em 2.0625em; } .aux-next-prev-posts.nav-skin-classic-title.aux-next-prev-posts > section > a .np-nav-text:before, .aux-next-prev-posts.nav-skin-classic-title.aux-next-prev-posts > section > a .np-nav-text:after { top: 50%; transform: translateY(-50%); color: #3D3D3D; } .aux-next-prev-posts.nav-skin-classic-title.aux-next-prev-posts .np-next-section > a .np-nav-text { color: #BBB; } .aux-next-prev-posts.nav-skin-classic-title.aux-next-prev-posts .np-next-section > a .np-nav-text:after { right: -32px; } .aux-next-prev-posts.nav-skin-classic-title.aux-next-prev-posts .np-prev-section > a .np-nav-text:before { left: -32px; } .aux-next-prev-posts.nav-skin-thumb-arrow .np-arrow { border: solid 1px #BBB; } .aux-next-prev-posts.nav-skin-thumb-arrow .aux-arrow-nav { width: 30px; height: 80px; box-shadow: none; } .aux-next-prev-posts.nav-skin-thumb-arrow .aux-arrow-nav img { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06); } .aux-next-prev-posts.nav-skin-thumb-arrow .np-nav-text { margin-bottom: 4px; padding-top: 8px; } .aux-next-prev-posts.nav-skin-thumb-arrow.aux-next-prev-posts .np-title { min-width: 55%; max-height: 2.3em; } .aux-next-prev-posts.nav-skin-thumb-arrow.no-arrow .np-arrow { border: none; } .aux-next-prev-posts.nav-skin-thumb-arrow.no-arrow .aux-arrow-nav { display: none; } .aux-next-prev-posts.nav-skin-thumb-arrow.no-arrow .np-nav-text { font-weight: 600; color: #505050; } .aux-next-prev-posts.nav-skin-thumb-arrow.no-arrow .np-next-section .np-nav-text:after { content: '\2192'; margin-left: 0.3em; } .aux-next-prev-posts.nav-skin-thumb-arrow.no-arrow .np-prev-section .np-nav-text:before { content: '\2190'; margin-right: 0.3em; } .aux-next-prev-posts.nav-skin-boxed-image { display: table; width: 100%; } .aux-next-prev-posts.nav-skin-boxed-image .aux-arrow-nav { display: none; color: #3D3D3D; } .aux-next-prev-posts.nav-skin-boxed-image.aux-next-prev-posts > section { display: table-cell; width: 50%; max-width: 50%; float: none; padding: 1.5625em; border: 1px solid #BBB; background-repeat: no-repeat; background-size: cover; background-position: center; } .aux-next-prev-posts.nav-skin-boxed-image.aux-next-prev-posts .np-title { white-space: normal; margin: 0; color: #3D3D3D; } .aux-next-prev-posts.nav-skin-boxed-image.aux-next-prev-posts .np-prev-section { border-right: none; } .aux-next-prev-posts.nav-skin-boxed-image .aux-arrow-nav { display: none; } .aux-next-prev-posts.nav-skin-boxed-image .np-nav-text { font-weight: 600; color: #505050; } .aux-next-prev-posts.nav-skin-boxed-image .np-next-section .np-nav-text:after { content: '\2192'; margin-left: 0.3em; } .aux-next-prev-posts.nav-skin-boxed-image .np-prev-section .np-nav-text:before { content: '\2190'; margin-right: 0.3em; } .aux-next-prev-posts.nav-skin-boxed-image .np-nav-text { color: #3D3D3D; } .aux-next-prev-posts.aux-dark-th .np-nav-text, .aux-next-prev-posts.aux-dark-th .np-title { color: #FFFFFF !important; } .aux-next-prev-posts.aux-dark-th.aux-next-prev-posts > section { border: 1px solid #3D3D3D; } .aux-next-prev-posts.aux-sticky-nav { margin-bottom: 0; } .aux-next-prev-posts.aux-sticky-nav .np-prev-section, .aux-next-prev-posts.aux-sticky-nav .np-next-section { position: fixed; z-index: 11200; top: 45%; background-color: #FFFFFF; transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1); } .aux-next-prev-posts.aux-sticky-nav .np-prev-section .aux-arrow-nav, .aux-next-prev-posts.aux-sticky-nav .np-next-section .aux-arrow-nav { border: solid 1px #BBB; transition: transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1) 200ms; background-color: white; } .aux-next-prev-posts.aux-sticky-nav .np-prev-section { left: 0; } .aux-next-prev-posts.aux-sticky-nav .np-next-section { right: 0; } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section, .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section { box-shadow: 0px 0 0px 1px #BBB; max-width: 375px; } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section.has-nav-thumb, .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section.has-nav-thumb { max-width: 455px; } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section .np-nav-text, .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section .np-nav-text { padding-top: 20px; margin-bottom: 6px; font-weight: 600; } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section .np-title, .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section .np-title { margin-bottom: 0; min-width: 40%; max-height: 1.3em; } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section .np-arrow, .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section .np-arrow { border: none; } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section:hover .aux-arrow-nav, .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section:hover .aux-arrow-nav { transition-duration: 10ms; transition-delay: 10ms; } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section:hover .aux-arrow-nav, .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section:hover .aux-arrow-nav { border: none; } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section > a:hover .np-nav-text, .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section > a:hover .np-title, .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section > a:hover .np-nav-text, .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section > a:hover .np-title { text-decoration: none; } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section { padding-right: 30px; transform: translateX(-376px); } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section .aux-arrow-nav { border-left-width: 0; transform: translateX(375px); } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section:hover { transform: translateX(0); } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section:hover .aux-arrow-nav { transform: translateX(10px); } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section.has-nav-thumb { transform: translateX(-456px); } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section.has-nav-thumb .aux-arrow-nav { transform: translateX(455px); } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section.has-nav-thumb .np-arrow { margin-right: 57px; } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section.has-nav-thumb:hover { transform: translateX(-30px); } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-prev-section.has-nav-thumb:hover .aux-arrow-nav { transform: translateX(120px); box-shadow: none; } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section { padding-left: 30px; transform: translateX(376px); } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section .aux-arrow-nav { border-right-width: 0; transform: translateX(-375px); } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section:hover { transform: translateX(0); } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section:hover .aux-arrow-nav { transform: translateX(-10px); } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section.has-nav-thumb { transform: translateX(456px); } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section.has-nav-thumb .aux-arrow-nav { transform: translateX(-455px); } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section.has-nav-thumb .np-arrow { margin-left: 57px; } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section.has-nav-thumb:hover { transform: translateX(30px); } .aux-next-prev-posts.aux-sticky-nav.nav-skin-thumb-arrow .np-next-section.has-nav-thumb:hover .aux-arrow-nav { transform: translateX(-120px); box-shadow: none; } @media print { .aux-next-prev-posts { display: none; } } .single .rp4wp-related-posts { margin-top: 3.125em; } .single .rp4wp-related-posts h3 { font-size: 1.5em; font-weight: 500; } .single .rp4wp-related-posts ul { float: none; margin: 0 -15px; width: auto; } .single .rp4wp-related-posts ul:after { content: ""; display: table; clear: both; } .single .rp4wp-related-posts ul > li { float: left; padding: 0 15px; width: 25%; clear: none; } .single .rp4wp-related-posts ul > li:nth-child(4n+5) { clear: left; } .single .rp4wp-related-posts ul > li:nth-child(4n+5), .single .rp4wp-related-posts ul > li:nth-child(4n+6), .single .rp4wp-related-posts ul > li:nth-child(4n+7), .single .rp4wp-related-posts ul > li:nth-child(4n+8) { margin-top: 15px; } @media screen and (max-width: 900px) { .single .rp4wp-related-posts ul > li { width: 50%; } .single .rp4wp-related-posts ul > li:nth-child(2n+3) { clear: left; } .single .rp4wp-related-posts ul > li:nth-child(2n+3), .single .rp4wp-related-posts ul > li:nth-child(2n+4) { margin-top: 15px; } } .aux-related-posts-container { margin-bottom: 4.375em; } .aux-related-posts-container .rp4wp-related-posts { margin: 0; } @media screen and (max-width: 1300px) { .aux-resp .aux-next-prev-posts .np-title { font-size: 1.1em; white-space: normal; min-width: 50%; max-height: 2.3em; } .aux-resp .aux-next-prev-posts.nav-skin-thumb-arrow .np-title { min-width: 40%; } } @media screen and (max-width: 1023px) { .aux-resp .aux-next-prev-posts.nav-skin-thumb-arrow .np-arrow img { display: none; } .aux-resp .aux-next-prev-posts.nav-skin-minimal .aux-arrow-nav { width: 40px; height: 40px; } .aux-resp .aux-next-prev-posts.nav-skin-minimal .np-arrow { margin-top: 20px; } .aux-resp .aux-next-prev-posts.nav-skin-minimal .np-nav-text { padding-top: 10px; color: #3D3D3D; } .aux-resp .aux-next-prev-posts.nav-skin-minimal .np-prev-section > a:hover .np-nav-text, .aux-resp .aux-next-prev-posts.nav-skin-minimal .np-prev-section > a:hover .np-title, .aux-resp .aux-next-prev-posts.nav-skin-minimal .np-next-section > a:hover .np-nav-text, .aux-resp .aux-next-prev-posts.nav-skin-minimal .np-next-section > a:hover .np-title { transform: none; } .aux-resp .aux-next-prev-posts.aux-sticky-nav { display: none; } } @media screen and (max-width: 479px) { .aux-resp .aux-next-prev-posts .np-title { display: none; } .aux-resp .aux-next-prev-posts .np-nav-text { margin: 0; } .aux-resp .aux-next-prev-posts.nav-skin-minimal .np-arrow { margin-top: 0; } .aux-resp .aux-next-prev-posts.nav-skin-thumb-arrow .np-nav-text { font-weight: 600; color: #505050; } .aux-resp .aux-next-prev-posts.nav-skin-thumb-arrow .np-next-section .np-nav-text:after { content: '\2192'; margin-left: 0.3em; } .aux-resp .aux-next-prev-posts.nav-skin-thumb-arrow .np-prev-section .np-nav-text:before { content: '\2190'; margin-right: 0.3em; } .aux-resp .aux-next-prev-posts.nav-skin-thumb-arrow .np-nav-text { padding-top: 30px; } .aux-resp .aux-next-prev-posts.nav-skin-thumb-arrow.no-arrow .np-nav-text { padding-top: 0; } } .single .post-password-form { text-align: center; } .single .post-password-form input[type="password"] { margin-left: auto; margin-right: auto; } .single .post-password-form > p:last-child { margin-top: 1.5em; } .page-links > a, .page-links .aux-page-current { border: 1px solid #AAA; padding: 3px 0; width: 32px; display: inline-block; text-align: center; } .page-links > a { color: #AAA; } .page-links .aux-page-current { background-color: #3D3D3D; } .page-links .aux-page-current, .page-links .aux-page-current a { color: #FFFFFF; } .entry-header.aux-visually-hide { position: absolute !important; } .hentry .entry-content, .hentry .comment-body { margin-bottom: 3.125em; } .hentry.aux-has-pb .entry-content, .hentry.aux-has-pb .comment-body { margin-bottom: 0; } .hentry .entry-format { display: none; } .hentry .entry-media { margin-bottom: 3.5625em; } .hentry .entry-main { margin-bottom: 4.375em; } .hentry .entry-title { position: relative; margin: 0; color: #3D3D3D; font-weight: 600; font-size: 2.3em; line-height: 150%; word-break: break-word; } .hentry .entry-header { position: relative; display: block; height: auto; margin-bottom: 1.3em; } .hentry .entry-post-format { float: right; } .hentry .entry-post-format .aux-post-format-icon { position: relative; display: inline-block; vertical-align: middle; } .hentry .entry-post-format .aux-post-format-icon > i { font-size: 25px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } .aux-has-sidebar .aux-primary .hentry .entry-title { font-size: 1.75em; } .entry-info .wpulike.aux-wpulike-single::before, .entry-info .wpulike.aux-wpulike-news::before, .hentry .entry-info [class^="entry-"] ~ [class^="entry-"]:before, .aux-widget-post-slider .aux-latest-posts-slider .aux-slide-info .entry-tax a::after, .hentry .entry-info .entry-tax a::after { content: "" !important; position: relative; top: 0; display: inline-block; width: 3px; height: 3px; border-radius: 50%; margin: 0 10px; vertical-align: middle; background-color: #BBB; } .aux-widget-post-slider .aux-latest-posts-slider .aux-slide-info > div, .hentry .entry-info > div { display: inline-block; } .aux-widget-post-slider .aux-latest-posts-slider .aux-slide-info .entry-date, .hentry .entry-info .entry-date { display: inline; } .aux-widget-post-slider .aux-latest-posts-slider .aux-slide-info .entry-tax a, .hentry .entry-info .entry-tax a { color: inherit; display: inline-block; } .aux-widget-post-slider .aux-latest-posts-slider .aux-slide-info .entry-tax a:hover, .hentry .entry-info .entry-tax a:hover { color: #1bb0ce; } .aux-widget-post-slider .aux-latest-posts-slider .aux-slide-info .entry-tax a:last-child::after, .hentry .entry-info .entry-tax a:last-child::after { display: none; } .aux-widget-post-slider .aux-latest-posts-slider .aux-slide-info .entry-tax.aux-no-sep a:last-child::after, .hentry .entry-info .entry-tax.aux-no-sep a:last-child::after { display: none; } .hentry .entry-info { margin-bottom: 1.5625em; color: #888; font-size: 0.88em; } .hentry .entry-info .entry-author .vcard { margin-right: 5px; } .hentry .entry-info .entry-author + .entry-comments:before { display: none; } .single-post .hentry .entry-meta { display: flex; align-items: center; position: relative; padding: 3.125em 0; border: solid 1px #DEDEDE; border-width: 1px 0; } .single-post .hentry .entry-meta:after { content: ""; display: table; clear: both; } .single-post .hentry .entry-meta .aux-single-post-share { font-size: 14px; order: 3; } .single-post .hentry .entry-meta .aux-single-post-share .aux-has-text::before { font-family: inherit; content: attr(data-text); font-weight: 500; text-decoration: underline; } @media print { .single-post .hentry .entry-meta { display: none; } } .single-post .hentry footer.entry-meta .entry-tax { flex: 1; order: 1; font-style: italic; font-size: 0.875em; color: #AAA; } .single-post .hentry footer.entry-meta .entry-tax a { color: #3D3D3D; text-decoration: underline; font-weight: 600; } .single-post .hentry footer.entry-meta .entry-tax a:hover { color: #1bb0ce; } .single-post .hentry .aux-post-share { position: absolute; top: 50%; transform: translateY(-50%); right: 0; cursor: pointer; } .single-post .hentry .aux-post-share .widget-socials { display: inline-block; vertical-align: bottom; } .single-post .hentry .aux-post-share .aux-socials { font-size: 0.875em; font-weight: 600; color: #3D3D3D; } .single-post .hentry .aux-post-share a:hover { color: #1bb0ce; } @media screen and (max-width: 767px) { .aux-resp.single-post .hentry .aux-post-share { position: relative; width: 100%; margin-top: 3.125em; text-align: center; transform: none; } .aux-resp.single-post .hentry footer.entry-meta { align-items: baseline; padding-top: 1.875em; } } .hentry.aux-medium-context .entry-content, .hentry.aux-medium-context .comment-body, .hentry.aux-medium-context .entry-info, .hentry.aux-medium-context .entry-header { margin-left: 15%; margin-right: 15%; } .hentry.aux-medium-context .entry-content > img, .hentry.aux-medium-context .comment-body > img, .hentry.aux-medium-context .entry-content > p > img, .hentry.aux-medium-context .comment-body > p > img, .hentry.aux-medium-context .entry-content > div > img, .hentry.aux-medium-context .comment-body > div > img, .hentry.aux-medium-context .entry-content > section > img, .hentry.aux-medium-context .comment-body > section > img { max-width: 160%; margin-left: -30%; margin-right: -30%; } .hentry.aux-narrow-context .entry-content, .hentry.aux-narrow-context .comment-body, .hentry.aux-narrow-context .entry-info, .hentry.aux-narrow-context .entry-header { margin-left: 25%; margin-right: 25%; } .hentry.aux-narrow-context .entry-content > img, .hentry.aux-narrow-context .comment-body > img, .hentry.aux-narrow-context .entry-content > p > img, .hentry.aux-narrow-context .comment-body > p > img, .hentry.aux-narrow-context .entry-content > div > img, .hentry.aux-narrow-context .comment-body > div > img, .hentry.aux-narrow-context .entry-content > section > img, .hentry.aux-narrow-context .comment-body > section > img { max-width: 200%; margin-left: -50%; margin-right: -50%; } .type-post.format-quote .entry-header { padding: 2em 2em 1.4em; background: #333; color: white; } .type-post.format-quote .entry-header:before { content: "“"; font-size: 3em; line-height: 10px; top: 14px; left: 0px; position: relative; color: #505050; font-family: sans-serif; font-weight: bold; font-style: normal; } .type-post.format-quote .entry-header blockquote { padding: 0; background: none; } .type-post.format-quote .quote-format-excerpt { font-style: italic; font-size: 1.4em; } .type-post.format-quote .entry-title { margin-bottom: 0; font-size: 1.1625em !important; } .type-post.format-quote .entry-title, .type-post.format-quote .entry-title a { color: #1bb0ce; } .type-post.format-quote .entry-title a:hover { text-decoration: underline; } .type-post.format-quote .link-format-excerpt { display: inline-block; border: 1px solid #1bb0ce; padding: 5px 15px; color: #1bb0ce; } .type-post.format-quote .readmore { display: none; } .type-post.format-gallery .entry-media { position: relative; } .type-post.format-gallery .master-carousel-slider { transition: height 100ms; } .type-post.format-link .link-format-excerpt { display: inline-block; padding: 0.6875em 0.75em; border: solid 1px #1bb0ce; color: #1bb0ce; line-height: 100%; max-width: 100%; } .type-post.format-link .link-format-excerpt:hover { background-color: #1bb0ce; color: #FFFFFF; } .type-post.format-link .readmore { display: none; } .entry-related .fig-title { margin-bottom: 0; margin-top: 0.5em; } .entry-related .fig-title a { color: #3D3D3D; } .entry-related .fig-title a:hover { color: #1bb0ce; } .entry-author-info { margin-bottom: 3.125em; padding: 0; min-height: 100px; } .entry-author-info .author-avatar { position: absolute; } .entry-author-info .author-avatar img { border-radius: 50%; } .entry-author-info .author-description { display: inline-block; position: relative; margin-left: 8.875em; padding-top: 10px; } .entry-author-info .author-description dl { position: relative; margin-bottom: 1em; } .entry-author-info .author-description dt { font-size: 1.1875em; line-height: 1.5em; font-weight: 600; } .entry-author-info .author-description dt a { color: #3D3D3D; } .entry-author-info .author-description dd { margin: 0 0 1em 0; } .entry-author-info .author-description dd span { font-size: 0.875em; font-style: italic; font-weight: 600; color: #BBB; } .entry-author-info .aux-author-socials.aux-medium li a { font-size: 14px; color: inherit; } @media screen and (max-width: 479px) { .entry-author-info .author-description { margin-left: 0; } .entry-author-info .author-avatar { position: relative; } } @media print { .entry-author-info { display: none; } } .aux-user-entry .rp4wp-related-post-image { float: none; display: block; width: 100%; padding: 0; margin-bottom: 1.4375em; max-height: 130px; overflow-y: hidden; } .aux-user-entry .rp4wp-related-post-content { line-height: 1.5; } .aux-user-entry .rp4wp-related-post-content > a { display: block; margin-bottom: 1.4375em; color: inherit; font-size: 1.125em; font-weight: 600; } .aux-user-entry .rp4wp-related-post-content > a:hover { color: #1bb0ce; } .home.page .content > .hentry > .entry-main { margin-bottom: 0; } .aux-archive.aux-template-type-side-media .aux-primary .type-post, .aux-search.aux-template-type-side-media .type-post { margin-bottom: 4.375em; } .aux-archive.aux-template-type-side-media .aux-primary .type-post:after, .aux-search.aux-template-type-side-media .type-post:after { content: ""; display: table; clear: both; } .aux-archive.aux-template-type-side-media .aux-primary .entry-media, .aux-search.aux-template-type-side-media .entry-media { float: left; width: 35%; margin-bottom: 0; } .aux-archive.aux-template-type-side-media .aux-primary .entry-title, .aux-search.aux-template-type-side-media .entry-title { font-size: 1.53125em; line-height: 100%; } .aux-archive.aux-template-type-side-media .aux-primary .entry-title a, .aux-search.aux-template-type-side-media .entry-title a { color: inherit; } .aux-archive.aux-template-type-side-media .aux-primary .entry-content, .aux-search.aux-template-type-side-media .entry-content, .aux-archive.aux-template-type-side-media .aux-primary .comment-body, .aux-search.aux-template-type-side-media .comment-body { margin-bottom: 1.3em; } .aux-archive.aux-template-type-side-media .aux-primary .entry-main, .aux-search.aux-template-type-side-media .entry-main { margin-bottom: 0; float: left; width: 100%; } .aux-archive.aux-template-type-side-media .aux-primary .entry-media + .entry-main, .aux-search.aux-template-type-side-media .entry-media + .entry-main { padding-left: 1.875em; width: 65%; } @media screen and (max-width: 479px) { .aux-archive.aux-template-type-side-media .aux-primary .aux-resp .entry-media, .aux-search.aux-template-type-side-media .aux-resp .entry-media, .aux-archive.aux-template-type-side-media .aux-primary .aux-resp .entry-main, .aux-search.aux-template-type-side-media .aux-resp .entry-main { float: none; width: 100%; } .aux-archive.aux-template-type-side-media .aux-primary .aux-resp .entry-media + .entry-main, .aux-search.aux-template-type-side-media .aux-resp .entry-media + .entry-main { padding: 0; width: 100%; } .aux-archive.aux-template-type-side-media .aux-primary .aux-resp .entry-media, .aux-search.aux-template-type-side-media .aux-resp .entry-media { margin-bottom: 2.3em; } } .aux-archive .type-post .entry-title a { color: inherit; } .aux-archive .type-post .entry-info { color: #AAA; } .aux-archive .type-post .entry-info a { color: inherit; } .aux-archive .type-post .entry-info a:hover { color: #1bb0ce; } .aux-archive .type-post .aux-media-image.aux-image-mask { max-height: 800px; } .aux-archive .type-post.sticky .entry-title::before { content: "\e16b"; font-family: "auxin-front"; font-size: 0.74em; speak: none; } .aux-archive.page-template-blog-type-default .aux-primary .entry-main { border-bottom: 1px solid #EAEAEA; margin-bottom: 2.8125em; } .aux-archive.page-template-blog-type-default .aux-primary .entry-media { margin-bottom: 40px; } .aux-archive.page-template-blog-type-default .aux-primary .entry-header { margin-bottom: 0.6em; } .aux-archive.page-template-blog-type-default .aux-primary .entry-title { font-size: 1.35em; } .aux-archive.page-template-blog-type-default .aux-primary .entry-info { margin-bottom: 0.9em; font-size: 0.9em; font-weight: 500; text-transform: none; } .aux-archive.page-template-blog-type-default .aux-primary .entry-info .entry-date::after, .aux-archive.page-template-blog-type-default .aux-primary .entry-info .meta-comment::after, .aux-archive.page-template-blog-type-default .aux-primary .entry-info .author::after { content: ""; position: relative; top: -1px; display: inline-block; width: 4px; height: 4px; border-radius: 50%; margin: 0 0.6em; vertical-align: middle; background-color: #BBB; } .aux-archive.page-template-blog-type-default .aux-primary .entry-meta { margin-top: 1.5em; } .aux-archive.page-template-blog-type-default .aux-primary .entry-meta .readmore a { padding: 0; background: transparent; border: none; border-radius: 0; color: #AAA; font-weight: 500; font-size: 0.875em; margin-bottom: 40px; } .aux-archive.page-template-blog-type-default .aux-primary .entry-meta .readmore a a:hover { color: #1bb0ce; } .aux-archive.page-template-blog-type-default .aux-primary .entry-content, .aux-archive.page-template-blog-type-default .aux-primary .comment-body { margin-bottom: 0; } .aux-archive.page-template-type-default .aux-primary .entry-main { margin-bottom: 2.8125em; } .aux-archive.aux-template-type-1 .aux-primary { text-align: center; } .aux-archive.aux-template-type-1 .aux-primary .entry-content, .aux-archive.aux-template-type-1 .aux-primary .comment-body { margin-bottom: 0; } .aux-archive.aux-template-type-1 .aux-primary .entry-header { margin-bottom: 1.1em; } .aux-archive.aux-template-type-1 .aux-primary .entry-main { position: relative; margin-bottom: 4.0625em; padding-bottom: 70px; } .aux-archive.aux-template-type-1 .aux-primary .entry-info { position: absolute; bottom: 0px; width: 100%; margin: 0px; padding-top: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .aux-archive.aux-template-type-1 .aux-primary .entry-info::before { content: ""; top: 0; position: absolute; display: block; width: 40%; margin: 0 30%; border-top: solid 1px #DEDEDE; } .aux-archive.aux-template-type-1 .aux-primary .entry-meta { display: none; } .aux-archive.aux-template-type-2 .aux-primary .entry-header, .aux-archive.aux-template-type-3 .aux-primary .entry-header, .aux-archive.aux-template-type-4 .aux-primary .entry-header { margin-bottom: 1.1em; } .aux-archive.aux-template-type-2 .aux-primary .entry-info, .aux-archive.aux-template-type-3 .aux-primary .entry-info, .aux-archive.aux-template-type-4 .aux-primary .entry-info { margin-bottom: 28px; padding-bottom: 28px; border-bottom: solid 1px #DEDEDE; color: #BBB; font-size: 0.9em; font-weight: 500; text-transform: none; } .aux-archive.aux-template-type-2 .aux-primary .entry-content > p, .aux-archive.aux-template-type-3 .aux-primary .entry-content > p, .aux-archive.aux-template-type-4 .aux-primary .entry-content > p, .aux-archive.aux-template-type-2 .aux-primary .comment-body > p, .aux-archive.aux-template-type-3 .aux-primary .comment-body > p, .aux-archive.aux-template-type-4 .aux-primary .comment-body > p { margin-bottom: 0; } .aux-archive.aux-template-type-2 .aux-primary .entry-meta, .aux-archive.aux-template-type-3 .aux-primary .entry-meta, .aux-archive.aux-template-type-4 .aux-primary .entry-meta { display: none; } .aux-archive.aux-template-type-2 .aux-primary .entry-main, .aux-archive.aux-template-type-3 .aux-primary .entry-main, .aux-archive.aux-template-type-4 .aux-primary .entry-main { margin-bottom: 2.8125em; } .aux-archive.aux-template-type-3 .aux-primary, .aux-archive.aux-template-type-4 .aux-primary { text-align: center; } .aux-archive.aux-template-type-3 .aux-primary .entry-meta, .aux-archive.aux-template-type-4 .aux-primary .entry-meta { display: block; } .aux-archive.aux-template-type-3 .aux-primary .entry-meta a, .aux-archive.aux-template-type-4 .aux-primary .entry-meta a { padding: 1.2em 2.2em; text-transform: uppercase; font-weight: 600; } .aux-archive.aux-template-type-3 .aux-primary .entry-meta a::after, .aux-archive.aux-template-type-4 .aux-primary .entry-meta a::after { display: none; } .aux-archive.aux-template-type-3 .aux-primary .entry-content, .aux-archive.aux-template-type-4 .aux-primary .entry-content, .aux-archive.aux-template-type-3 .aux-primary .comment-body, .aux-archive.aux-template-type-4 .aux-primary .comment-body { margin-bottom: 3em; } .aux-archive.aux-template-type-4 .aux-primary .type-post { background-color: white; margin-bottom: 30px; } .aux-archive.aux-template-type-4 .aux-primary .type-post .entry-media { margin-bottom: 0; } .aux-archive.aux-template-type-4 .aux-primary .entry-main { margin-bottom: 0; padding: 70px; } .aux-archive.aux-template-type-4 .aux-primary .entry-info { border: none; padding-bottom: 0; } .aux-archive.aux-template-type-4 .aux-primary .entry-info::after { content: ""; display: block; height: 1px; background-image: linear-gradient(to right, #dedede 57.14286%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 21px 1px; background-repeat: repeat-x; } .aux-archive.aux-template-type-4 .aux-primary .entry-info::after { margin-top: 30px; } .aux-archive.aux-template-type-4 .aux-primary .entry-meta a { border-radius: 0; border-color: #AAA; color: #AAA; } .aux-archive.aux-template-type-10 .aux-primary .entry-media { margin-bottom: 40px; } .aux-archive.aux-template-type-10 .aux-primary .entry-header { margin-bottom: 0.6em; } .aux-archive.aux-template-type-10 .aux-primary .entry-title { font-size: 1.35em; } .aux-archive.aux-template-type-10 .aux-primary .entry-info { margin-bottom: 0.9em; font-size: 0.9em; font-weight: 500; text-transform: none; } .aux-archive.aux-template-type-10 .aux-primary .entry-meta { margin-top: 1.5em; } .aux-archive.aux-template-type-10 .aux-primary .entry-meta .readmore a:hover { color: white; } .aux-archive.aux-template-type-10 .aux-primary .entry-content, .aux-archive.aux-template-type-10 .aux-primary .comment-body { margin-bottom: 0; } .error404 .aux-primary { width: 100%; } .not-found { margin: 15% 0; } .not-found.no-results { margin: 0; } .not-found .entry-content h2, .not-found .comment-body h2 { margin: 0; line-height: normal; font-weight: 300 !important; font-family: Arial, Helvetica, sans-serif; font-size: 7.5em; } .not-found .entry-content .entry-title, .not-found .comment-body .entry-title { margin: -5px 0 0 0; font-weight: 500 !important; font-size: 2.2em !important; line-height: 1.1em; } .not-found button.aux-search-icon { display: none; } .not-found .aux-404-icon { margin-right: 20px; float: left; background: url(images/svg/404.svg) no-repeat top left; width: 48px; height: 58px; } .not-found .message404 { margin-top: 5px; line-height: 1.8em; } .not-found form { margin-bottom: 10px; width: 100%; max-width: 380px; } .not-found form .aux-search-field { padding: 0 1.5em; height: 56px !important; width: 100%; } .not-found .aux-back-to-home { color: #3D3D3D; } @media screen and (max-width: 767px) { .aux-resp .not-found .entry-content h2, .aux-resp .not-found .comment-body h2 { font-size: 6em; } .aux-resp .not-found .entry-content .entry-title, .aux-resp .not-found .comment-body .entry-title { font-size: 2em; } } .aux-search.aux-advanced-search .aux-primary .entry-media { width: 100% !important; margin-bottom: 1.4375em !important; } .aux-search.aux-advanced-search .aux-primary .entry-media + .entry-main { width: 100%; padding-left: 0; margin-bottom: 0; } .aux-search.aux-advanced-search .aux-primary .aux-widget-recent-products h4.widget-subtitle { display: none; } .aux-search.aux-advanced-search .aux-primary .aux-search-from { padding: 0 5px; margin-bottom: 44px; } .aux-search.aux-advanced-search .aux-primary .aux-search-from span, .aux-search.aux-advanced-search .aux-primary .aux-search-from a { font-size: 18px; font-family: "Raleway"; color: #3D3D3D; text-transform: capitalize; } .aux-search.aux-advanced-search .aux-primary .aux-show-all-results { float: right; text-decoration: underline; } .aux-search.aux-advanced-search .aux-primary .aux-widget-recent-posts article { margin: 0; padding: 0; } .aux-search.aux-template-type-side-media .aux-primary .hentry .entry-main, .aux-search.aux-template-type-side-media .aux-primary .hentry .entry-media { margin-bottom: 3.75em; } .aux-search.aux-template-type-side-media .aux-primary .hentry::after { content: ""; display: block; width: 120px; margin: 3.75em auto; margin-top: 0; border-bottom: solid 1px #EAEAEA; } .aux-search.aux-template-type-side-media .aux-primary .hentry:last-of-type::after { border-color: transparent; } .aux-search .hentry { margin-bottom: 3.75em; } .aux-comments { position: relative; z-index: 4; margin-bottom: 2.5em; } @media print { .aux-comments { display: none; } } .comments-title, .comment-reply-title { font-size: 1.5em; font-weight: 600; position: relative; } .aux-commentlist { list-style: none; margin-top: 0; margin-bottom: 3.125em; } .aux-commentlist .children { margin: 0 0 0 95px; padding-top: 1em; } .aux-commentlist .children > li { padding-top: 2em; } .aux-commentlist .children > li:first-child { padding-top: 0; padding-bottom: 0; margin-bottom: 0; margin-top: 0; border: none; } .aux-commentlist cite { font-style: normal; font-weight: 600; font-size: 0.875em; } .aux-commentlist > li { padding-bottom: 1em; margin-bottom: 1em; } .aux-commentlist .comment { position: relative; } .aux-commentlist .comment .comment-author, .aux-commentlist .comment .comment-body, .aux-commentlist .comment .comment-reply-nav { margin-left: 95px; } .aux-commentlist .comment .fn { padding-right: 13px; } .aux-commentlist .comment .comment-author cite, .aux-commentlist .comment .comment-author time { display: block; } .aux-commentlist .comment .comment-author time { margin-bottom: 2px; } .aux-commentlist .comment .comment-author time a { font-size: 13px; color: #888; font-weight: 500; } .aux-commentlist .comment .comment-author em { color: red; } .aux-commentlist .comment .comment-reply-nav a, .aux-commentlist .comment .comment-edit-link { color: #888; font-size: 0.75em; font-weight: 600; } .aux-commentlist .comment .comment-reply-nav a:hover, .aux-commentlist .comment .comment-edit-link:hover { text-decoration: underline; } .aux-commentlist .comment .comment-edit-link { position: absolute; top: 25px; right: 0; } .aux-commentlist .comment .comment-edit-link:hover { text-decoration: underline; } .aux-commentlist .avatar { float: left; margin-right: 0; border: 3px solid #BBB; } .aux-commentlist.skin-arrow-links .children { padding-top: 1em; } .aux-commentlist.skin-arrow-links .children > li { padding-left: 60px; } .aux-commentlist.skin-arrow-links .children > li:first-child { background: url(images/svg/reply.svg) no-repeat 13px 0; } @media print { .aux-commentlist { display: none; } } .bypostauthor > header .fn { background-color: #3D3D3D; color: #FFFFFF; padding: 1px 13px; border-radius: 13px; display: inline-block !important; } .author-indicator { display: inline-block; font-size: 11px; margin-left: 9px; color: #BBB; vertical-align: middle; } .aux-comments-navi { height: 20px; margin-top: 1.875em; margin-bottom: 1.875em; } .aux-comments-navi .comments-pre-page { float: left; } .aux-comments-navi .comment-next-page { float: right; } @media print { .aux-comments-navi { display: none; } } #respond { margin: 0 0 3.125em; max-width: 100%; } @media print { #respond { display: none; } } .comment + #respond { border-top: 1px solid #EAEAEA; margin-top: 1.875em; padding-top: 1.875em; } #commentform textarea { font-size: 1.125em; font-weight: 500; } #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] { width: 49%; } @media screen and (max-width: 479px) { .aux-resp #commentform input[type="text"], .aux-resp #commentform input[type="email"], .aux-resp #commentform input[type="url"] { width: 100%; } } #commentform .aux-form-cookies-consent { margin-bottom: 1em; } #commentform .aux-form-cookies-consent input { margin-right: 10px; margin-top: 2px; } #commentform .aux-form-cookies-consent label { font-size: 1em; display: inline; } #cancel-comment-reply-link { position: absolute; top: 8px; right: 0; color: #BBB; } #cancel-comment-reply-link:hover { text-decoration: underline; } .nocomments { margin-bottom: 0; border-top: 1px solid #ddd; padding: 1em 0; font-style: italic; } @media screen and (max-width: 1920px) { .aux-resp .aux-has-sidebar .aux-commentlist .children .children .children { margin-left: 0; } .aux-resp .aux-has-sidebar .aux-commentlist .children .children .children > li:first-child { background-image: none; } } @media screen and (max-width: 1439px) { .aux-resp .aux-commentlist .children .children { margin-left: 0; } .aux-resp .aux-commentlist .children .children > li:first-child { background-image: none; } } @media screen and (max-width: 1023px) { .aux-resp .aux-commentlist .children { margin-left: 0; } .aux-resp .aux-commentlist .children > li { padding-left: 0; } } @media screen and (max-width: 479px) { .bypostauthor.depth-3 > header .author-indicator, .bypostauthor.depth-3 > header .fn, .bypostauthor.depth-4 > header .author-indicator, .bypostauthor.depth-4 > header .fn, .bypostauthor.depth-5 > header .author-indicator, .bypostauthor.depth-5 > header .fn { font-size: 10px; } .aux-commentlist .comment .comment-edit-link { position: relative; top: 0; right: auto; } }