@charset "UTF-8"; /*>>>>>>>>>>>>>>>>>>>>>>>>> #Reset <<<<<<<<<<<<<<<<<<<<<<<<<<<< */ /*!----------- $CSS Reset [html5boilerplate v5.2.0 / 10-6-2015] ------------- */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /* HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } /** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** Improve readability of focused elements when they are also in an active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** Contain overflow in all browsers. */ pre { overflow: auto; } /** Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */ /** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ input { line-height: normal; } /** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /*>>>>>>>>>>>>>>>>>>> #Dodument [averta] <<<<<<<<<<<<<<<<<<<<<< */ /* $Body ============================== ======================================= */ /** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */ html { overflow-y: scroll; min-height: 100%; font-size: 100.01%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } * { box-sizing: border-box; } /* Native fonts for base body font family */ body { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 100%; line-height: 1.5; font-style: normal; min-height: 100%; margin: 0; background: #eee; } body, select, input, textarea { color: #444; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ text-rendering: optimizelegibility; } /** Colors map */ /* $Typography ======================== ======================================= */ /* links ------------- */ a { text-decoration: none; transition: background-color 150ms linear, color 150ms linear; border: none; padding: 0; margin: 0; } a:hover { color: #FFD62C; } a img { display: block; border: none; padding: 0; margin: 0; } /* Remove text-shadow in selection highlight: https://twitter.com/miketaylr/status/12228805301 These selection rule sets have to be separate. Customize the background color to match your design. */ ::-moz-selection { background: #ffb7b7; text-shadow: none; } ::selection { background: #ffb7b7; text-shadow: none; } .chromeframe, .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; text-align: center; } .chromeframe a, .browserupgrade a { color: #007fff; } a:focus { outline: none; } a.aux-disabled, a[href="#null"] { pointer-events: none; cursor: default; text-decoration: none; color: black; } /* paragraph ---------- */ p { margin: 0 0 1em 0; } p.red::-webkit-selection { background: #ffb7b7; } p.red::-moz-selection { background: #ffb7b7; } p.blue::-webkit-selection { background: #a8d1ff; } p.blue::-moz-selection { background: #a8d1ff; } p.yellow::-webkit-selection { background: #fff2a8; } p.yellow::-moz-selection { background: #fff2a8; } hr, .divider { display: block; clear: both; height: 0; line-height: 0; border: 0; padding: 0; border-bottom: 1px solid #404040; } .divider { position: relative; } .divider > * { display: inline-block; position: absolute; right: 0; line-height: 100%; cursor: pointer; } hr.dotted, .divider.dotted { border-bottom-style: dotted; } hr.dashed, .divider.dashed { border-bottom-style: dashed; } hr.both { margin-bottom: 1.5em; margin-top: 1.5em; } hr.both2 { margin-bottom: 2em; margin-top: 2em; } hr.top, article.top { margin-top: 1em; } hr.top2 { margin-top: 2em; } hr.bottom { margin-bottom: 1em; } hr.bottom2 { margin-bottom: 2em; } aside hr { margin-top: 1em; margin-bottom: 1em; } pre { clear: both; line-height: 1.5em; padding: 0px .5em; } pre p { margin-bottom: 0; } pre code { display: table; } pre, code, kbd, samp { font-family: monospace,Monaco, Courier New, serif; } abbr[title] { cursor: help; text-decoration: none; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em; } small { font-size: small; } big { font-size: larger; } .alert { color: #CA0000 !important; } ins { background-color: #f3f3f3; text-decoration: initial; padding: 0.2em 0.3em; border-radius: 3px; } address { margin-bottom: 1em; } /* headings ----------- */ h1, h2, h3, h4, h5, h6 { font-style: normal; font-family: "Georgia",Helvetica, sans-serif; letter-spacing: 0; font-weight: 600; margin-top: .2em; text-rendering: optimizeSpeed; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 800; } h1, .aux-h1 { font-size: 3.3125em; line-height: 1.2; margin-bottom: .4em; } h2, .aux-h2 { font-size: 2.375em; line-height: 1.5; margin-bottom: .5em; } h3, .aux-h3 { font-size: 1.6875em; line-height: 1.8; margin-bottom: .6em; } h4, .aux-h4 { font-size: 1.375em; line-height: 1.15; margin-bottom: 1.1em; } h5, .aux-h5 { font-size: 1.125em; line-height: 1.4; margin-bottom: 1.4em; letter-spacing: 1px; } h6, .aux-h6 { font-size: 0.9375em; line-height: 1.6; margin-bottom: 1.7em; letter-spacing: 1px; } h1 .small, h2 .small, h3 .small, h4 .small { font-weight: normal; } h1 .small { font-size: 1.5em; } h2 .small { font-size: 1.125em; } h3 .small { font-size: 0.875em; } h4 .small { font-size: 0.875em; } /* blockquote ---------- */ blockquote { margin: 0 0 1em; padding: 1.5em; border-left: 1px solid #ccc; position: relative; font-size: 140%; line-height: 1.6; color: #444; font-style: italic; quotes: "“" "”" "‘" "’"; } blockquote:after { content: ""; display: table; clear: both; } blockquote > i { color: #555; font-size: 450%; line-height: 1em; position: absolute; top: 0.1em; left: 0.2em; color: #B9B9B9; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 3; } blockquote > i:before { content: '\201C'; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } blockquote p { margin: 0; } blockquote cite { font-style: normal; font-size: 13px; } blockquote blockquote { font-size: 100%; } /* quote ---------- */ q { display: inline; } q:before { content: open-quote; } q:after { content: close-quote; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .aux-hide { display: none; } .aux-hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; } .aux-visually-hide { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } /* Clearfix: contain floats For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */ .clearfix:after { content: ""; display: table; clear: both; } .aux-container:after, figure:after { content: ""; display: table; clear: both; } .aux-container { width: 100%; margin: 0 auto; } /* $Image ========================== ==================================== */ img { image-rendering: -webkit-optimizeSpeed; max-width: 100%; height: auto; } img.aligncenter { display: block; margin: 10px auto; } img.alignleft { margin: 0.4em 1.2em 1em 0; float: left; } img.alignright { margin: 0.4em 0 1em 1.2em; float: right; } .aux-media-cover { object-fit: cover; } /* Remove the gap between audio, canvas, iframes, images, videos and the bottom of their containers: https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } figure, figcaption { position: relative; } figure:after, figcaption:after { content: ""; display: table; clear: both; } /** Auxin float layout styles */ .aux-off { display: none; } @media screen and (min-width: 1025px) { .aux-desktop-off, .aux-tablet-on, .aux-phone-on { display: none !important; } } @media screen and (max-width: 1024px) and (min-width: 768px) { .aux-desktop-on, .aux-tablet-off, .aux-phone-on { display: none !important; } } @media screen and (max-width: 767px) { .aux-desktop-on, .aux-tablet-on, .aux-phone-off { display: none !important; } } .aux-float-layout .aux-float-wrapper { position: relative; clear: both; } .aux-float-layout .aux-float-wrapper::after { content: ''; display: table; clear: both; } .aux-float-layout .aux-start { float: left; } .aux-float-layout .aux-end { float: right; } .aux-float-layout .aux-center { position: absolute; left: 50%; transform: translateX(-50%); } .aux-float-layout .aux-middle { position: relative; top: 50%; transform: translateY(-50%); } .aux-float-layout .aux-center-middle { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .aux-float-layout .aux-fill { height: 100%; } .aux-float-layout .aux-bottom { position: relative; top: 100%; transform: translateY(-100%); } .rtl .aux-float-layout .aux-start { float: right; } .rtl .aux-float-layout .aux-end { float: left; } @media screen and (max-width: 767px) { .aux-float-layout .aux-phone-start { float: left; } .aux-float-layout .aux-phone-end { float: right; } .aux-float-layout .aux-phone-center { position: absolute; left: 50%; transform: translateX(-50%); } .aux-float-layout .aux-phone-middle { position: relative; top: 50%; transform: translateY(-50%); } .aux-float-layout .aux-phone-center-middle { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .aux-float-layout .aux-phone-fill { height: 100%; } .aux-float-layout .aux-phone-bottom { position: relative; top: 100%; transform: translateY(-100%); } .rtl .aux-float-layout .aux-phone-start { float: right; } .rtl .aux-float-layout .aux-phone-end { float: left; } } @media screen and (max-width: 1024px) and (min-width: 768px) { .aux-float-layout .aux-tablet-start { float: left; } .aux-float-layout .aux-tablet-end { float: right; } .aux-float-layout .aux-tablet-center { position: absolute; left: 50%; transform: translateX(-50%); } .aux-float-layout .aux-tablet-middle { position: relative; top: 50%; transform: translateY(-50%); } .aux-float-layout .aux-tablet-center-middle { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .aux-float-layout .aux-tablet-fill { height: 100%; } .aux-float-layout .aux-tablet-bottom { position: relative; top: 100%; transform: translateY(-100%); } .rtl .aux-float-layout .aux-tablet-start { float: right; } .rtl .aux-float-layout .aux-tablet-end { float: left; } } /* $Lists =========================== ===================================== */ ul, ol { margin-bottom: 1em; margin-left: 0; padding: 0; border: none; } ol { list-style: decimal; list-style-position: inside; } ul ul, ul ol, ol ol, ol ul { margin: 0.3em 0 0.3em 2.7em; font-size: 97%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: .8em; } li { margin-bottom: 1em; line-height: 1.5; border-color: #ccc; border-width: 1px; } ul.large li { line-height: 100%; } /* decorations */ ul.nostyle, ol.nostyle { margin-left: 0; list-style: none; } ul.bordered li, ol.bordered li { margin-bottom: 0.4em; padding-bottom: 0.4em; border-bottom-style: solid; } ul.bordered ul, ol.bordered ul { margin-bottom: 0; margin-top: 0.6em; } ul.bordered ul li:last-child, ol.bordered ul li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } ul.dotted, ol.dotted { border-style: none; } ul.dotted li, ol.dotted li { border-bottom-style: dotted; } ul.dashed, ol.dashed { border-style: none; } ul.dashed li, ol.dashed li { border-bottom-style: dashed; } ul { list-style: none outside; } ul.square li { list-style: square inside; } ul.circle li { list-style: circle inside; } ul.disc li { list-style: disc inside; } ol { counter-reset: item; } ol.decimal { list-style: none inside; *list-style: decimal inside; } ol.decimal li:before { content: counter(item); counter-increment: item; background-color: #eee; color: #fff; font-weight: 600; margin-right: 0.7em; padding: 0 0.5em; line-height: 1em; font-size: 0.85em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /** Auxin Modern Button Element */ /** Auxin Modern Button Element */ /** Button Elements Default Config file */ a.button.aux-tiny, button.aux-tiny, input[type="button"].aux-tiny, .aux-button.aux-tiny, input[type="submit"].aux-tiny, input[type="reset"].aux-tiny { padding: 8px 15px; font-size: 0.6875em; font-weight: 400; } a.button.aux-small, button.aux-small, input[type="button"].aux-small, .aux-button.aux-small, input[type="submit"].aux-small, input[type="reset"].aux-small { padding: 9px 18px; font-size: 0.6875em; font-weight: 500; } a.button.aux-medium, button.aux-medium, input[type="button"].aux-medium, .aux-button.aux-medium, input[type="submit"].aux-medium, input[type="reset"].aux-medium { padding: 12px 23px; font-size: 0.75em; font-weight: 500; } a.button, button, input[type="button"], .aux-button, a.button.aux-large, button.aux-large, input[type="button"].aux-large, .aux-button.aux-large, input[type="submit"], input[type="reset"], input[type="submit"].aux-large, input[type="reset"].aux-large { padding: 20px 35px; font-size: 0.8125em; font-weight: 700; } a.button.aux-exlarge, button.aux-exlarge, input[type="button"].aux-exlarge, .aux-button.aux-exlarge, input[type="submit"].aux-exlarge, input[type="reset"].aux-exlarge { padding: 27px 55px; font-size: 0.8125em; font-weight: 700; } a.button.aux-round, button.aux-round, input[type="button"].aux-round, .aux-button.aux-round { border-radius: 5px; } a.button.aux-curve, button.aux-curve, input[type="button"].aux-curve, .aux-button.aux-curve { border-radius: 100em; /* a large value */ } a.button, button, input[type="button"], .aux-button, a.button.aux-normal, button.aux-normal, input[type="button"].aux-normal, .aux-button.aux-normal, input[type="submit"], input[type="reset"] { border-radius: 0; } a.button.aux-outline, button.aux-outline, input[type="button"].aux-outline, .aux-button.aux-outline { text-shadow: none !important; } a.aux-black.button.aux-outline, button.aux-black.aux-outline, input.aux-black[type="button"].aux-outline, .aux-black.aux-button.aux-outline { box-shadow: 0 0 0 1px #3D3D3D inset; background-color: transparent !important; color: #3D3D3D; } a.aux-black.button.aux-outline:hover, button.aux-black.aux-outline:hover, input.aux-black[type="button"].aux-outline:hover, .aux-black.aux-button.aux-outline:hover { color: white; } a.aux-black.button.aux-outline .aux-overlay::after, button.aux-black.aux-outline .aux-overlay::after, input.aux-black[type="button"].aux-outline .aux-overlay::after, .aux-black.aux-button.aux-outline .aux-overlay::after { background-color: #3D3D3D; } a.aux-white.button.aux-outline, button.aux-white.aux-outline, input.aux-white[type="button"].aux-outline, .aux-white.aux-button.aux-outline { box-shadow: 0 0 0 1px #FFFFFF inset; background-color: transparent !important; color: white; } a.aux-white.button.aux-outline:hover, button.aux-white.aux-outline:hover, input.aux-white[type="button"].aux-outline:hover, .aux-white.aux-button.aux-outline:hover { color: black; } a.aux-white.button.aux-outline .aux-overlay::after, button.aux-white.aux-outline .aux-overlay::after, input.aux-white[type="button"].aux-outline .aux-overlay::after, .aux-white.aux-button.aux-outline .aux-overlay::after { background-color: #FFFFFF; } a.aux-masala.button.aux-outline, button.aux-masala.aux-outline, input.aux-masala[type="button"].aux-outline, .aux-masala.aux-button.aux-outline { box-shadow: 0 0 0 1px #3D3D3D inset; background-color: transparent !important; color: #3D3D3D; } a.aux-masala.button.aux-outline:hover, button.aux-masala.aux-outline:hover, input.aux-masala[type="button"].aux-outline:hover, .aux-masala.aux-button.aux-outline:hover { color: white; } a.aux-masala.button.aux-outline .aux-overlay::after, button.aux-masala.aux-outline .aux-overlay::after, input.aux-masala[type="button"].aux-outline .aux-overlay::after, .aux-masala.aux-button.aux-outline .aux-overlay::after { background-color: #3D3D3D; } a.aux-dark-gray.button.aux-outline, button.aux-dark-gray.aux-outline, input.aux-dark-gray[type="button"].aux-outline, .aux-dark-gray.aux-button.aux-outline { box-shadow: 0 0 0 1px #AAAAAA inset; background-color: transparent !important; color: #AAAAAA; } a.aux-dark-gray.button.aux-outline:hover, button.aux-dark-gray.aux-outline:hover, input.aux-dark-gray[type="button"].aux-outline:hover, .aux-dark-gray.aux-button.aux-outline:hover { color: white; } a.aux-dark-gray.button.aux-outline .aux-overlay::after, button.aux-dark-gray.aux-outline .aux-overlay::after, input.aux-dark-gray[type="button"].aux-outline .aux-overlay::after, .aux-dark-gray.aux-button.aux-outline .aux-overlay::after { background-color: #AAAAAA; } a.aux-ball-blue.button.aux-outline, button.aux-ball-blue.aux-outline, input.aux-ball-blue[type="button"].aux-outline, .aux-ball-blue.aux-button.aux-outline { box-shadow: 0 0 0 1px #1BB0CE inset; background-color: transparent !important; color: #1BB0CE; } a.aux-ball-blue.button.aux-outline:hover, button.aux-ball-blue.aux-outline:hover, input.aux-ball-blue[type="button"].aux-outline:hover, .aux-ball-blue.aux-button.aux-outline:hover { color: white; } a.aux-ball-blue.button.aux-outline .aux-overlay::after, button.aux-ball-blue.aux-outline .aux-overlay::after, input.aux-ball-blue[type="button"].aux-outline .aux-overlay::after, .aux-ball-blue.aux-button.aux-outline .aux-overlay::after { background-color: #1BB0CE; } a.aux-fountain-blue.button.aux-outline, button.aux-fountain-blue.aux-outline, input.aux-fountain-blue[type="button"].aux-outline, .aux-fountain-blue.aux-button.aux-outline { box-shadow: 0 0 0 1px #5BACBA inset; background-color: transparent !important; color: #5BACBA; } a.aux-fountain-blue.button.aux-outline:hover, button.aux-fountain-blue.aux-outline:hover, input.aux-fountain-blue[type="button"].aux-outline:hover, .aux-fountain-blue.aux-button.aux-outline:hover { color: white; } a.aux-fountain-blue.button.aux-outline .aux-overlay::after, button.aux-fountain-blue.aux-outline .aux-overlay::after, input.aux-fountain-blue[type="button"].aux-outline .aux-overlay::after, .aux-fountain-blue.aux-button.aux-outline .aux-overlay::after { background-color: #5BACBA; } a.aux-shamrock.button.aux-outline, button.aux-shamrock.aux-outline, input.aux-shamrock[type="button"].aux-outline, .aux-shamrock.aux-button.aux-outline { box-shadow: 0 0 0 1px #2CC990 inset; background-color: transparent !important; color: #2CC990; } a.aux-shamrock.button.aux-outline:hover, button.aux-shamrock.aux-outline:hover, input.aux-shamrock[type="button"].aux-outline:hover, .aux-shamrock.aux-button.aux-outline:hover { color: white; } a.aux-shamrock.button.aux-outline .aux-overlay::after, button.aux-shamrock.aux-outline .aux-overlay::after, input.aux-shamrock[type="button"].aux-outline .aux-overlay::after, .aux-shamrock.aux-button.aux-outline .aux-overlay::after { background-color: #2CC990; } a.aux-curios-blue.button.aux-outline, button.aux-curios-blue.aux-outline, input.aux-curios-blue[type="button"].aux-outline, .aux-curios-blue.aux-button.aux-outline { box-shadow: 0 0 0 1px #2C82C9 inset; background-color: transparent !important; color: #2C82C9; } a.aux-curios-blue.button.aux-outline:hover, button.aux-curios-blue.aux-outline:hover, input.aux-curios-blue[type="button"].aux-outline:hover, .aux-curios-blue.aux-button.aux-outline:hover { color: white; } a.aux-curios-blue.button.aux-outline .aux-overlay::after, button.aux-curios-blue.aux-outline .aux-overlay::after, input.aux-curios-blue[type="button"].aux-outline .aux-overlay::after, .aux-curios-blue.aux-button.aux-outline .aux-overlay::after { background-color: #2C82C9; } a.aux-light-sea-green.button.aux-outline, button.aux-light-sea-green.aux-outline, input.aux-light-sea-green[type="button"].aux-outline, .aux-light-sea-green.aux-button.aux-outline { box-shadow: 0 0 0 1px #1ABC9C inset; background-color: transparent !important; color: #1ABC9C; } a.aux-light-sea-green.button.aux-outline:hover, button.aux-light-sea-green.aux-outline:hover, input.aux-light-sea-green[type="button"].aux-outline:hover, .aux-light-sea-green.aux-button.aux-outline:hover { color: white; } a.aux-light-sea-green.button.aux-outline .aux-overlay::after, button.aux-light-sea-green.aux-outline .aux-overlay::after, input.aux-light-sea-green[type="button"].aux-outline .aux-overlay::after, .aux-light-sea-green.aux-button.aux-outline .aux-overlay::after { background-color: #1ABC9C; } a.aux-emerald.button.aux-outline, button.aux-emerald.aux-outline, input.aux-emerald[type="button"].aux-outline, .aux-emerald.aux-button.aux-outline { box-shadow: 0 0 0 1px #4EBA6F inset; background-color: transparent !important; color: #4EBA6F; } a.aux-emerald.button.aux-outline:hover, button.aux-emerald.aux-outline:hover, input.aux-emerald[type="button"].aux-outline:hover, .aux-emerald.aux-button.aux-outline:hover { color: white; } a.aux-emerald.button.aux-outline .aux-overlay::after, button.aux-emerald.aux-outline .aux-overlay::after, input.aux-emerald[type="button"].aux-outline .aux-overlay::after, .aux-emerald.aux-button.aux-outline .aux-overlay::after { background-color: #4EBA6F; } a.aux-energy-yellow.button.aux-outline, button.aux-energy-yellow.aux-outline, input.aux-energy-yellow[type="button"].aux-outline, .aux-energy-yellow.aux-button.aux-outline { box-shadow: 0 0 0 1px #EEE657 inset; background-color: transparent !important; color: #EEE657; } a.aux-energy-yellow.button.aux-outline:hover, button.aux-energy-yellow.aux-outline:hover, input.aux-energy-yellow[type="button"].aux-outline:hover, .aux-energy-yellow.aux-button.aux-outline:hover { color: white; } a.aux-energy-yellow.button.aux-outline .aux-overlay::after, button.aux-energy-yellow.aux-outline .aux-overlay::after, input.aux-energy-yellow[type="button"].aux-outline .aux-overlay::after, .aux-energy-yellow.aux-button.aux-outline .aux-overlay::after { background-color: #EEE657; } a.aux-mikado-yellow.button.aux-outline, button.aux-mikado-yellow.aux-outline, input.aux-mikado-yellow[type="button"].aux-outline, .aux-mikado-yellow.aux-button.aux-outline { box-shadow: 0 0 0 1px #FCCD0F inset; background-color: transparent !important; color: #FCCD0F; } a.aux-mikado-yellow.button.aux-outline:hover, button.aux-mikado-yellow.aux-outline:hover, input.aux-mikado-yellow[type="button"].aux-outline:hover, .aux-mikado-yellow.aux-button.aux-outline:hover { color: white; } a.aux-mikado-yellow.button.aux-outline .aux-overlay::after, button.aux-mikado-yellow.aux-outline .aux-overlay::after, input.aux-mikado-yellow[type="button"].aux-outline .aux-overlay::after, .aux-mikado-yellow.aux-button.aux-outline .aux-overlay::after { background-color: #FCCD0F; } a.aux-pink-salmon.button.aux-outline, button.aux-pink-salmon.aux-outline, input.aux-pink-salmon[type="button"].aux-outline, .aux-pink-salmon.aux-button.aux-outline { box-shadow: 0 0 0 1px #FF91A9 inset; background-color: transparent !important; color: #FF91A9; } a.aux-pink-salmon.button.aux-outline:hover, button.aux-pink-salmon.aux-outline:hover, input.aux-pink-salmon[type="button"].aux-outline:hover, .aux-pink-salmon.aux-button.aux-outline:hover { color: white; } a.aux-pink-salmon.button.aux-outline .aux-overlay::after, button.aux-pink-salmon.aux-outline .aux-overlay::after, input.aux-pink-salmon[type="button"].aux-outline .aux-overlay::after, .aux-pink-salmon.aux-button.aux-outline .aux-overlay::after { background-color: #FF91A9; } a.aux-wisteria.button.aux-outline, button.aux-wisteria.aux-outline, input.aux-wisteria[type="button"].aux-outline, .aux-wisteria.aux-button.aux-outline { box-shadow: 0 0 0 1px #9E69AF inset; background-color: transparent !important; color: #9E69AF; } a.aux-wisteria.button.aux-outline:hover, button.aux-wisteria.aux-outline:hover, input.aux-wisteria[type="button"].aux-outline:hover, .aux-wisteria.aux-button.aux-outline:hover { color: white; } a.aux-wisteria.button.aux-outline .aux-overlay::after, button.aux-wisteria.aux-outline .aux-overlay::after, input.aux-wisteria[type="button"].aux-outline .aux-overlay::after, .aux-wisteria.aux-button.aux-outline .aux-overlay::after { background-color: #9E69AF; } a.aux-lilac.button.aux-outline, button.aux-lilac.aux-outline, input.aux-lilac[type="button"].aux-outline, .aux-lilac.aux-button.aux-outline { box-shadow: 0 0 0 1px #CEACD2 inset; background-color: transparent !important; color: #CEACD2; } a.aux-lilac.button.aux-outline:hover, button.aux-lilac.aux-outline:hover, input.aux-lilac[type="button"].aux-outline:hover, .aux-lilac.aux-button.aux-outline:hover { color: white; } a.aux-lilac.button.aux-outline .aux-overlay::after, button.aux-lilac.aux-outline .aux-overlay::after, input.aux-lilac[type="button"].aux-outline .aux-overlay::after, .aux-lilac.aux-button.aux-outline .aux-overlay::after { background-color: #CEACD2; } a.aux-pale-sky.button.aux-outline, button.aux-pale-sky.aux-outline, input.aux-pale-sky[type="button"].aux-outline, .aux-pale-sky.aux-button.aux-outline { box-shadow: 0 0 0 1px #5F7487 inset; background-color: transparent !important; color: #5F7487; } a.aux-pale-sky.button.aux-outline:hover, button.aux-pale-sky.aux-outline:hover, input.aux-pale-sky[type="button"].aux-outline:hover, .aux-pale-sky.aux-button.aux-outline:hover { color: white; } a.aux-pale-sky.button.aux-outline .aux-overlay::after, button.aux-pale-sky.aux-outline .aux-overlay::after, input.aux-pale-sky[type="button"].aux-outline .aux-overlay::after, .aux-pale-sky.aux-button.aux-outline .aux-overlay::after { background-color: #5F7487; } a.aux-tower-gray.button.aux-outline, button.aux-tower-gray.aux-outline, input.aux-tower-gray[type="button"].aux-outline, .aux-tower-gray.aux-button.aux-outline { box-shadow: 0 0 0 1px #ADBCC3 inset; background-color: transparent !important; color: #ADBCC3; } a.aux-tower-gray.button.aux-outline:hover, button.aux-tower-gray.aux-outline:hover, input.aux-tower-gray[type="button"].aux-outline:hover, .aux-tower-gray.aux-button.aux-outline:hover { color: white; } a.aux-tower-gray.button.aux-outline .aux-overlay::after, button.aux-tower-gray.aux-outline .aux-overlay::after, input.aux-tower-gray[type="button"].aux-outline .aux-overlay::after, .aux-tower-gray.aux-button.aux-outline .aux-overlay::after { background-color: #ADBCC3; } a.aux-william.button.aux-outline, button.aux-william.aux-outline, input.aux-william[type="button"].aux-outline, .aux-william.aux-button.aux-outline { box-shadow: 0 0 0 1px #3A5F6F inset; background-color: transparent !important; color: #3A5F6F; } a.aux-william.button.aux-outline:hover, button.aux-william.aux-outline:hover, input.aux-william[type="button"].aux-outline:hover, .aux-william.aux-button.aux-outline:hover { color: white; } a.aux-william.button.aux-outline .aux-overlay::after, button.aux-william.aux-outline .aux-overlay::after, input.aux-william[type="button"].aux-outline .aux-overlay::after, .aux-william.aux-button.aux-outline .aux-overlay::after { background-color: #3A5F6F; } a.aux-carmine-pink.button.aux-outline, button.aux-carmine-pink.aux-outline, input.aux-carmine-pink[type="button"].aux-outline, .aux-carmine-pink.aux-button.aux-outline { box-shadow: 0 0 0 1px #E74C3C inset; background-color: transparent !important; color: #E74C3C; } a.aux-carmine-pink.button.aux-outline:hover, button.aux-carmine-pink.aux-outline:hover, input.aux-carmine-pink[type="button"].aux-outline:hover, .aux-carmine-pink.aux-button.aux-outline:hover { color: white; } a.aux-carmine-pink.button.aux-outline .aux-overlay::after, button.aux-carmine-pink.aux-outline .aux-overlay::after, input.aux-carmine-pink[type="button"].aux-outline .aux-overlay::after, .aux-carmine-pink.aux-button.aux-outline .aux-overlay::after { background-color: #E74C3C; } a.aux-persimmon.button.aux-outline, button.aux-persimmon.aux-outline, input.aux-persimmon[type="button"].aux-outline, .aux-persimmon.aux-button.aux-outline { box-shadow: 0 0 0 1px #FF6A55 inset; background-color: transparent !important; color: #FF6A55; } a.aux-persimmon.button.aux-outline:hover, button.aux-persimmon.aux-outline:hover, input.aux-persimmon[type="button"].aux-outline:hover, .aux-persimmon.aux-button.aux-outline:hover { color: white; } a.aux-persimmon.button.aux-outline .aux-overlay::after, button.aux-persimmon.aux-outline .aux-overlay::after, input.aux-persimmon[type="button"].aux-outline .aux-overlay::after, .aux-persimmon.aux-button.aux-outline .aux-overlay::after { background-color: #FF6A55; } a.aux-tan-hide.button.aux-outline, button.aux-tan-hide.aux-outline, input.aux-tan-hide[type="button"].aux-outline, .aux-tan-hide.aux-button.aux-outline { box-shadow: 0 0 0 1px #FF9F55 inset; background-color: transparent !important; color: #FF9F55; } a.aux-tan-hide.button.aux-outline:hover, button.aux-tan-hide.aux-outline:hover, input.aux-tan-hide[type="button"].aux-outline:hover, .aux-tan-hide.aux-button.aux-outline:hover { color: white; } a.aux-tan-hide.button.aux-outline .aux-overlay::after, button.aux-tan-hide.aux-outline .aux-overlay::after, input.aux-tan-hide[type="button"].aux-outline .aux-overlay::after, .aux-tan-hide.aux-button.aux-outline .aux-overlay::after { background-color: #FF9F55; } a.aux-wild-watermelon.button.aux-outline, button.aux-wild-watermelon.aux-outline, input.aux-wild-watermelon[type="button"].aux-outline, .aux-wild-watermelon.aux-button.aux-outline { box-shadow: 0 0 0 1px #FF6E78 inset; background-color: transparent !important; color: #FF6E78; } a.aux-wild-watermelon.button.aux-outline:hover, button.aux-wild-watermelon.aux-outline:hover, input.aux-wild-watermelon[type="button"].aux-outline:hover, .aux-wild-watermelon.aux-button.aux-outline:hover { color: white; } a.aux-wild-watermelon.button.aux-outline .aux-overlay::after, button.aux-wild-watermelon.aux-outline .aux-overlay::after, input.aux-wild-watermelon[type="button"].aux-outline .aux-overlay::after, .aux-wild-watermelon.aux-button.aux-outline .aux-overlay::after { background-color: #FF6E78; } a.aux-iceberg.button.aux-outline, button.aux-iceberg.aux-outline, input.aux-iceberg[type="button"].aux-outline, .aux-iceberg.aux-button.aux-outline { box-shadow: 0 0 0 1px #73B1D6 inset; background-color: transparent !important; color: #73B1D6; } a.aux-iceberg.button.aux-outline:hover, button.aux-iceberg.aux-outline:hover, input.aux-iceberg[type="button"].aux-outline:hover, .aux-iceberg.aux-button.aux-outline:hover { color: white; } a.aux-iceberg.button.aux-outline .aux-overlay::after, button.aux-iceberg.aux-outline .aux-overlay::after, input.aux-iceberg[type="button"].aux-outline .aux-overlay::after, .aux-iceberg.aux-button.aux-outline .aux-overlay::after { background-color: #73B1D6; } a.aux-dark-lavender.button.aux-outline, button.aux-dark-lavender.aux-outline, input.aux-dark-lavender[type="button"].aux-outline, .aux-dark-lavender.aux-button.aux-outline { box-shadow: 0 0 0 1px #745A90 inset; background-color: transparent !important; color: #745A90; } a.aux-dark-lavender.button.aux-outline:hover, button.aux-dark-lavender.aux-outline:hover, input.aux-dark-lavender[type="button"].aux-outline:hover, .aux-dark-lavender.aux-button.aux-outline:hover { color: white; } a.aux-dark-lavender.button.aux-outline .aux-overlay::after, button.aux-dark-lavender.aux-outline .aux-overlay::after, input.aux-dark-lavender[type="button"].aux-outline .aux-overlay::after, .aux-dark-lavender.aux-button.aux-outline .aux-overlay::after { background-color: #745A90; } a.aux-viking.button.aux-outline, button.aux-viking.aux-outline, input.aux-viking[type="button"].aux-outline, .aux-viking.aux-button.aux-outline { box-shadow: 0 0 0 1px #5CD5E6 inset; background-color: transparent !important; color: #5CD5E6; } a.aux-viking.button.aux-outline:hover, button.aux-viking.aux-outline:hover, input.aux-viking[type="button"].aux-outline:hover, .aux-viking.aux-button.aux-outline:hover { color: white; } a.aux-viking.button.aux-outline .aux-overlay::after, button.aux-viking.aux-outline .aux-overlay::after, input.aux-viking[type="button"].aux-outline .aux-overlay::after, .aux-viking.aux-button.aux-outline .aux-overlay::after { background-color: #5CD5E6; } a.aux-tiffany-blue.button.aux-outline, button.aux-tiffany-blue.aux-outline, input.aux-tiffany-blue[type="button"].aux-outline, .aux-tiffany-blue.aux-button.aux-outline { box-shadow: 0 0 0 1px #00B5B5 inset; background-color: transparent !important; color: #00B5B5; } a.aux-tiffany-blue.button.aux-outline:hover, button.aux-tiffany-blue.aux-outline:hover, input.aux-tiffany-blue[type="button"].aux-outline:hover, .aux-tiffany-blue.aux-button.aux-outline:hover { color: white; } a.aux-tiffany-blue.button.aux-outline .aux-overlay::after, button.aux-tiffany-blue.aux-outline .aux-overlay::after, input.aux-tiffany-blue[type="button"].aux-outline .aux-overlay::after, .aux-tiffany-blue.aux-button.aux-outline .aux-overlay::after { background-color: #00B5B5; } a.aux-pastel-orange.button.aux-outline, button.aux-pastel-orange.aux-outline, input.aux-pastel-orange[type="button"].aux-outline, .aux-pastel-orange.aux-button.aux-outline { box-shadow: 0 0 0 1px #FCB941 inset; background-color: transparent !important; color: #FCB941; } a.aux-pastel-orange.button.aux-outline:hover, button.aux-pastel-orange.aux-outline:hover, input.aux-pastel-orange[type="button"].aux-outline:hover, .aux-pastel-orange.aux-button.aux-outline:hover { color: white; } a.aux-pastel-orange.button.aux-outline .aux-overlay::after, button.aux-pastel-orange.aux-outline .aux-overlay::after, input.aux-pastel-orange[type="button"].aux-outline .aux-overlay::after, .aux-pastel-orange.aux-button.aux-outline .aux-overlay::after { background-color: #FCB941; } a.aux-east-bay.button.aux-outline, button.aux-east-bay.aux-outline, input.aux-east-bay[type="button"].aux-outline, .aux-east-bay.aux-button.aux-outline { box-shadow: 0 0 0 1px #395781 inset; background-color: transparent !important; color: #395781; } a.aux-east-bay.button.aux-outline:hover, button.aux-east-bay.aux-outline:hover, input.aux-east-bay[type="button"].aux-outline:hover, .aux-east-bay.aux-button.aux-outline:hover { color: white; } a.aux-east-bay.button.aux-outline .aux-overlay::after, button.aux-east-bay.aux-outline .aux-overlay::after, input.aux-east-bay[type="button"].aux-outline .aux-overlay::after, .aux-east-bay.aux-button.aux-outline .aux-overlay::after { background-color: #395781; } a.aux-steel-blue.button.aux-outline, button.aux-steel-blue.aux-outline, input.aux-steel-blue[type="button"].aux-outline, .aux-steel-blue.aux-button.aux-outline { box-shadow: 0 0 0 1px #4589B0 inset; background-color: transparent !important; color: #4589B0; } a.aux-steel-blue.button.aux-outline:hover, button.aux-steel-blue.aux-outline:hover, input.aux-steel-blue[type="button"].aux-outline:hover, .aux-steel-blue.aux-button.aux-outline:hover { color: white; } a.aux-steel-blue.button.aux-outline .aux-overlay::after, button.aux-steel-blue.aux-outline .aux-overlay::after, input.aux-steel-blue[type="button"].aux-outline .aux-overlay::after, .aux-steel-blue.aux-button.aux-outline .aux-overlay::after { background-color: #4589B0; } a.aux-half-backed.button.aux-outline, button.aux-half-backed.aux-outline, input.aux-half-backed[type="button"].aux-outline, .aux-half-backed.aux-button.aux-outline { box-shadow: 0 0 0 1px #84CCD1 inset; background-color: transparent !important; color: #84CCD1; } a.aux-half-backed.button.aux-outline:hover, button.aux-half-backed.aux-outline:hover, input.aux-half-backed[type="button"].aux-outline:hover, .aux-half-backed.aux-button.aux-outline:hover { color: white; } a.aux-half-backed.button.aux-outline .aux-overlay::after, button.aux-half-backed.aux-outline .aux-overlay::after, input.aux-half-backed[type="button"].aux-outline .aux-overlay::after, .aux-half-backed.aux-button.aux-outline .aux-overlay::after { background-color: #84CCD1; } a.aux-tapestry.button.aux-outline, button.aux-tapestry.aux-outline, input.aux-tapestry[type="button"].aux-outline, .aux-tapestry.aux-button.aux-outline { box-shadow: 0 0 0 1px #B95A84 inset; background-color: transparent !important; color: #B95A84; } a.aux-tapestry.button.aux-outline:hover, button.aux-tapestry.aux-outline:hover, input.aux-tapestry[type="button"].aux-outline:hover, .aux-tapestry.aux-button.aux-outline:hover { color: white; } a.aux-tapestry.button.aux-outline .aux-overlay::after, button.aux-tapestry.aux-outline .aux-overlay::after, input.aux-tapestry[type="button"].aux-outline .aux-overlay::after, .aux-tapestry.aux-button.aux-outline .aux-overlay::after { background-color: #B95A84; } a.aux-fire-engine-red.button.aux-outline, button.aux-fire-engine-red.aux-outline, input.aux-fire-engine-red[type="button"].aux-outline, .aux-fire-engine-red.aux-button.aux-outline { box-shadow: 0 0 0 1px #CD2C24 inset; background-color: transparent !important; color: #CD2C24; } a.aux-fire-engine-red.button.aux-outline:hover, button.aux-fire-engine-red.aux-outline:hover, input.aux-fire-engine-red[type="button"].aux-outline:hover, .aux-fire-engine-red.aux-button.aux-outline:hover { color: white; } a.aux-fire-engine-red.button.aux-outline .aux-overlay::after, button.aux-fire-engine-red.aux-outline .aux-overlay::after, input.aux-fire-engine-red[type="button"].aux-outline .aux-overlay::after, .aux-fire-engine-red.aux-button.aux-outline .aux-overlay::after { background-color: #CD2C24; } a.aux-dark-orange.button.aux-outline, button.aux-dark-orange.aux-outline, input.aux-dark-orange[type="button"].aux-outline, .aux-dark-orange.aux-button.aux-outline { box-shadow: 0 0 0 1px #FF8C00 inset; background-color: transparent !important; color: #FF8C00; } a.aux-dark-orange.button.aux-outline:hover, button.aux-dark-orange.aux-outline:hover, input.aux-dark-orange[type="button"].aux-outline:hover, .aux-dark-orange.aux-button.aux-outline:hover { color: white; } a.aux-dark-orange.button.aux-outline .aux-overlay::after, button.aux-dark-orange.aux-outline .aux-overlay::after, input.aux-dark-orange[type="button"].aux-outline .aux-overlay::after, .aux-dark-orange.aux-button.aux-outline .aux-overlay::after { background-color: #FF8C00; } a.aux-brick-red.button.aux-outline, button.aux-brick-red.aux-outline, input.aux-brick-red[type="button"].aux-outline, .aux-brick-red.aux-button.aux-outline { box-shadow: 0 0 0 1px #CC4452 inset; background-color: transparent !important; color: #CC4452; } a.aux-brick-red.button.aux-outline:hover, button.aux-brick-red.aux-outline:hover, input.aux-brick-red[type="button"].aux-outline:hover, .aux-brick-red.aux-button.aux-outline:hover { color: white; } a.aux-brick-red.button.aux-outline .aux-overlay::after, button.aux-brick-red.aux-outline .aux-overlay::after, input.aux-brick-red[type="button"].aux-outline .aux-overlay::after, .aux-brick-red.aux-button.aux-outline .aux-overlay::after { background-color: #CC4452; } a.aux-khaki.button.aux-outline, button.aux-khaki.aux-outline, input.aux-khaki[type="button"].aux-outline, .aux-khaki.aux-button.aux-outline { box-shadow: 0 0 0 1px khaki inset; background-color: transparent !important; color: khaki; } a.aux-khaki.button.aux-outline:hover, button.aux-khaki.aux-outline:hover, input.aux-khaki[type="button"].aux-outline:hover, .aux-khaki.aux-button.aux-outline:hover { color: white; } a.aux-khaki.button.aux-outline .aux-overlay::after, button.aux-khaki.aux-outline .aux-overlay::after, input.aux-khaki[type="button"].aux-outline .aux-overlay::after, .aux-khaki.aux-button.aux-outline .aux-overlay::after { background-color: khaki; } a.aux-overlay.button.aux-3d, button.aux-overlay.aux-3d, input.aux-overlay[type="button"].aux-3d, .aux-overlay.aux-button.aux-3d { display: none; } a.aux-black.button.aux-3d, button.aux-black.aux-3d, input.aux-black[type="button"].aux-3d, .aux-black.aux-button.aux-3d { box-shadow: 0 6px #242424; } a.aux-black.button.aux-3d:hover, button.aux-black.aux-3d:hover, input.aux-black[type="button"].aux-3d:hover, .aux-black.aux-button.aux-3d:hover { box-shadow: 0 3px #242424; transform: translateY(3px); } a.aux-white.button.aux-3d, button.aux-white.aux-3d, input.aux-white[type="button"].aux-3d, .aux-white.aux-button.aux-3d { box-shadow: 0 6px #e6e6e6; } a.aux-white.button.aux-3d:hover, button.aux-white.aux-3d:hover, input.aux-white[type="button"].aux-3d:hover, .aux-white.aux-button.aux-3d:hover { box-shadow: 0 3px #e6e6e6; transform: translateY(3px); } a.aux-masala.button.aux-3d, button.aux-masala.aux-3d, input.aux-masala[type="button"].aux-3d, .aux-masala.aux-button.aux-3d { box-shadow: 0 6px #242424; } a.aux-masala.button.aux-3d:hover, button.aux-masala.aux-3d:hover, input.aux-masala[type="button"].aux-3d:hover, .aux-masala.aux-button.aux-3d:hover { box-shadow: 0 3px #242424; transform: translateY(3px); } a.aux-dark-gray.button.aux-3d, button.aux-dark-gray.aux-3d, input.aux-dark-gray[type="button"].aux-3d, .aux-dark-gray.aux-button.aux-3d { box-shadow: 0 6px #919191; } a.aux-dark-gray.button.aux-3d:hover, button.aux-dark-gray.aux-3d:hover, input.aux-dark-gray[type="button"].aux-3d:hover, .aux-dark-gray.aux-button.aux-3d:hover { box-shadow: 0 3px #919191; transform: translateY(3px); } a.aux-ball-blue.button.aux-3d, button.aux-ball-blue.aux-3d, input.aux-ball-blue[type="button"].aux-3d, .aux-ball-blue.aux-button.aux-3d { box-shadow: 0 6px #1589a1; } a.aux-ball-blue.button.aux-3d:hover, button.aux-ball-blue.aux-3d:hover, input.aux-ball-blue[type="button"].aux-3d:hover, .aux-ball-blue.aux-button.aux-3d:hover { box-shadow: 0 3px #1589a1; transform: translateY(3px); } a.aux-fountain-blue.button.aux-3d, button.aux-fountain-blue.aux-3d, input.aux-fountain-blue[type="button"].aux-3d, .aux-fountain-blue.aux-button.aux-3d { box-shadow: 0 6px #43919f; } a.aux-fountain-blue.button.aux-3d:hover, button.aux-fountain-blue.aux-3d:hover, input.aux-fountain-blue[type="button"].aux-3d:hover, .aux-fountain-blue.aux-button.aux-3d:hover { box-shadow: 0 3px #43919f; transform: translateY(3px); } a.aux-shamrock.button.aux-3d, button.aux-shamrock.aux-3d, input.aux-shamrock[type="button"].aux-3d, .aux-shamrock.aux-button.aux-3d { box-shadow: 0 6px #239f72; } a.aux-shamrock.button.aux-3d:hover, button.aux-shamrock.aux-3d:hover, input.aux-shamrock[type="button"].aux-3d:hover, .aux-shamrock.aux-button.aux-3d:hover { box-shadow: 0 3px #239f72; transform: translateY(3px); } a.aux-curios-blue.button.aux-3d, button.aux-curios-blue.aux-3d, input.aux-curios-blue[type="button"].aux-3d, .aux-curios-blue.aux-button.aux-3d { box-shadow: 0 6px #23679f; } a.aux-curios-blue.button.aux-3d:hover, button.aux-curios-blue.aux-3d:hover, input.aux-curios-blue[type="button"].aux-3d:hover, .aux-curios-blue.aux-button.aux-3d:hover { box-shadow: 0 3px #23679f; transform: translateY(3px); } a.aux-light-sea-green.button.aux-3d, button.aux-light-sea-green.aux-3d, input.aux-light-sea-green[type="button"].aux-3d, .aux-light-sea-green.aux-button.aux-3d { box-shadow: 0 6px #148f77; } a.aux-light-sea-green.button.aux-3d:hover, button.aux-light-sea-green.aux-3d:hover, input.aux-light-sea-green[type="button"].aux-3d:hover, .aux-light-sea-green.aux-button.aux-3d:hover { box-shadow: 0 3px #148f77; transform: translateY(3px); } a.aux-emerald.button.aux-3d, button.aux-emerald.aux-3d, input.aux-emerald[type="button"].aux-3d, .aux-emerald.aux-button.aux-3d { box-shadow: 0 6px #3c9958; } a.aux-emerald.button.aux-3d:hover, button.aux-emerald.aux-3d:hover, input.aux-emerald[type="button"].aux-3d:hover, .aux-emerald.aux-button.aux-3d:hover { box-shadow: 0 3px #3c9958; transform: translateY(3px); } a.aux-energy-yellow.button.aux-3d, button.aux-energy-yellow.aux-3d, input.aux-energy-yellow[type="button"].aux-3d, .aux-energy-yellow.aux-button.aux-3d { box-shadow: 0 6px #e9df29; } a.aux-energy-yellow.button.aux-3d:hover, button.aux-energy-yellow.aux-3d:hover, input.aux-energy-yellow[type="button"].aux-3d:hover, .aux-energy-yellow.aux-button.aux-3d:hover { box-shadow: 0 3px #e9df29; transform: translateY(3px); } a.aux-mikado-yellow.button.aux-3d, button.aux-mikado-yellow.aux-3d, input.aux-mikado-yellow[type="button"].aux-3d, .aux-mikado-yellow.aux-button.aux-3d { box-shadow: 0 6px #d5ac03; } a.aux-mikado-yellow.button.aux-3d:hover, button.aux-mikado-yellow.aux-3d:hover, input.aux-mikado-yellow[type="button"].aux-3d:hover, .aux-mikado-yellow.aux-button.aux-3d:hover { box-shadow: 0 3px #d5ac03; transform: translateY(3px); } a.aux-pink-salmon.button.aux-3d, button.aux-pink-salmon.aux-3d, input.aux-pink-salmon[type="button"].aux-3d, .aux-pink-salmon.aux-button.aux-3d { box-shadow: 0 6px #ff5e81; } a.aux-pink-salmon.button.aux-3d:hover, button.aux-pink-salmon.aux-3d:hover, input.aux-pink-salmon[type="button"].aux-3d:hover, .aux-pink-salmon.aux-button.aux-3d:hover { box-shadow: 0 3px #ff5e81; transform: translateY(3px); } a.aux-wisteria.button.aux-3d, button.aux-wisteria.aux-3d, input.aux-wisteria[type="button"].aux-3d, .aux-wisteria.aux-button.aux-3d { box-shadow: 0 6px #845095; } a.aux-wisteria.button.aux-3d:hover, button.aux-wisteria.aux-3d:hover, input.aux-wisteria[type="button"].aux-3d:hover, .aux-wisteria.aux-button.aux-3d:hover { box-shadow: 0 3px #845095; transform: translateY(3px); } a.aux-lilac.button.aux-3d, button.aux-lilac.aux-3d, input.aux-lilac[type="button"].aux-3d, .aux-lilac.aux-button.aux-3d { box-shadow: 0 6px #ba8bc0; } a.aux-lilac.button.aux-3d:hover, button.aux-lilac.aux-3d:hover, input.aux-lilac[type="button"].aux-3d:hover, .aux-lilac.aux-button.aux-3d:hover { box-shadow: 0 3px #ba8bc0; transform: translateY(3px); } a.aux-pale-sky.button.aux-3d, button.aux-pale-sky.aux-3d, input.aux-pale-sky[type="button"].aux-3d, .aux-pale-sky.aux-button.aux-3d { box-shadow: 0 6px #4a5a69; } a.aux-pale-sky.button.aux-3d:hover, button.aux-pale-sky.aux-3d:hover, input.aux-pale-sky[type="button"].aux-3d:hover, .aux-pale-sky.aux-button.aux-3d:hover { box-shadow: 0 3px #4a5a69; transform: translateY(3px); } a.aux-tower-gray.button.aux-3d, button.aux-tower-gray.aux-3d, input.aux-tower-gray[type="button"].aux-3d, .aux-tower-gray.aux-button.aux-3d { box-shadow: 0 6px #90a4ad; } a.aux-tower-gray.button.aux-3d:hover, button.aux-tower-gray.aux-3d:hover, input.aux-tower-gray[type="button"].aux-3d:hover, .aux-tower-gray.aux-button.aux-3d:hover { box-shadow: 0 3px #90a4ad; transform: translateY(3px); } a.aux-william.button.aux-3d, button.aux-william.aux-3d, input.aux-william[type="button"].aux-3d, .aux-william.aux-button.aux-3d { box-shadow: 0 6px #28424e; } a.aux-william.button.aux-3d:hover, button.aux-william.aux-3d:hover, input.aux-william[type="button"].aux-3d:hover, .aux-william.aux-button.aux-3d:hover { box-shadow: 0 3px #28424e; transform: translateY(3px); } a.aux-carmine-pink.button.aux-3d, button.aux-carmine-pink.aux-3d, input.aux-carmine-pink[type="button"].aux-3d, .aux-carmine-pink.aux-button.aux-3d { box-shadow: 0 6px #d62c1a; } a.aux-carmine-pink.button.aux-3d:hover, button.aux-carmine-pink.aux-3d:hover, input.aux-carmine-pink[type="button"].aux-3d:hover, .aux-carmine-pink.aux-button.aux-3d:hover { box-shadow: 0 3px #d62c1a; transform: translateY(3px); } a.aux-persimmon.button.aux-3d, button.aux-persimmon.aux-3d, input.aux-persimmon[type="button"].aux-3d, .aux-persimmon.aux-button.aux-3d { box-shadow: 0 6px #ff3d22; } a.aux-persimmon.button.aux-3d:hover, button.aux-persimmon.aux-3d:hover, input.aux-persimmon[type="button"].aux-3d:hover, .aux-persimmon.aux-button.aux-3d:hover { box-shadow: 0 3px #ff3d22; transform: translateY(3px); } a.aux-tan-hide.button.aux-3d, button.aux-tan-hide.aux-3d, input.aux-tan-hide[type="button"].aux-3d, .aux-tan-hide.aux-button.aux-3d { box-shadow: 0 6px #ff8222; } a.aux-tan-hide.button.aux-3d:hover, button.aux-tan-hide.aux-3d:hover, input.aux-tan-hide[type="button"].aux-3d:hover, .aux-tan-hide.aux-button.aux-3d:hover { box-shadow: 0 3px #ff8222; transform: translateY(3px); } a.aux-wild-watermelon.button.aux-3d, button.aux-wild-watermelon.aux-3d, input.aux-wild-watermelon[type="button"].aux-3d, .aux-wild-watermelon.aux-button.aux-3d { box-shadow: 0 6px #ff3b49; } a.aux-wild-watermelon.button.aux-3d:hover, button.aux-wild-watermelon.aux-3d:hover, input.aux-wild-watermelon[type="button"].aux-3d:hover, .aux-wild-watermelon.aux-button.aux-3d:hover { box-shadow: 0 3px #ff3b49; transform: translateY(3px); } a.aux-iceberg.button.aux-3d, button.aux-iceberg.aux-3d, input.aux-iceberg[type="button"].aux-3d, .aux-iceberg.aux-button.aux-3d { box-shadow: 0 6px #4c9bca; } a.aux-iceberg.button.aux-3d:hover, button.aux-iceberg.aux-3d:hover, input.aux-iceberg[type="button"].aux-3d:hover, .aux-iceberg.aux-button.aux-3d:hover { box-shadow: 0 3px #4c9bca; transform: translateY(3px); } a.aux-dark-lavender.button.aux-3d, button.aux-dark-lavender.aux-3d, input.aux-dark-lavender[type="button"].aux-3d, .aux-dark-lavender.aux-button.aux-3d { box-shadow: 0 6px #5b4671; } a.aux-dark-lavender.button.aux-3d:hover, button.aux-dark-lavender.aux-3d:hover, input.aux-dark-lavender[type="button"].aux-3d:hover, .aux-dark-lavender.aux-button.aux-3d:hover { box-shadow: 0 3px #5b4671; transform: translateY(3px); } a.aux-viking.button.aux-3d, button.aux-viking.aux-3d, input.aux-viking[type="button"].aux-3d, .aux-viking.aux-button.aux-3d { box-shadow: 0 6px #30cadf; } a.aux-viking.button.aux-3d:hover, button.aux-viking.aux-3d:hover, input.aux-viking[type="button"].aux-3d:hover, .aux-viking.aux-button.aux-3d:hover { box-shadow: 0 3px #30cadf; transform: translateY(3px); } a.aux-tiffany-blue.button.aux-3d, button.aux-tiffany-blue.aux-3d, input.aux-tiffany-blue[type="button"].aux-3d, .aux-tiffany-blue.aux-button.aux-3d { box-shadow: 0 6px #008282; } a.aux-tiffany-blue.button.aux-3d:hover, button.aux-tiffany-blue.aux-3d:hover, input.aux-tiffany-blue[type="button"].aux-3d:hover, .aux-tiffany-blue.aux-button.aux-3d:hover { box-shadow: 0 3px #008282; transform: translateY(3px); } a.aux-pastel-orange.button.aux-3d, button.aux-pastel-orange.aux-3d, input.aux-pastel-orange[type="button"].aux-3d, .aux-pastel-orange.aux-button.aux-3d { box-shadow: 0 6px #fba70f; } a.aux-pastel-orange.button.aux-3d:hover, button.aux-pastel-orange.aux-3d:hover, input.aux-pastel-orange[type="button"].aux-3d:hover, .aux-pastel-orange.aux-button.aux-3d:hover { box-shadow: 0 3px #fba70f; transform: translateY(3px); } a.aux-east-bay.button.aux-3d, button.aux-east-bay.aux-3d, input.aux-east-bay[type="button"].aux-3d, .aux-east-bay.aux-button.aux-3d { box-shadow: 0 6px #293f5e; } a.aux-east-bay.button.aux-3d:hover, button.aux-east-bay.aux-3d:hover, input.aux-east-bay[type="button"].aux-3d:hover, .aux-east-bay.aux-button.aux-3d:hover { box-shadow: 0 3px #293f5e; transform: translateY(3px); } a.aux-steel-blue.button.aux-3d, button.aux-steel-blue.aux-3d, input.aux-steel-blue[type="button"].aux-3d, .aux-steel-blue.aux-button.aux-3d { box-shadow: 0 6px #376c8b; } a.aux-steel-blue.button.aux-3d:hover, button.aux-steel-blue.aux-3d:hover, input.aux-steel-blue[type="button"].aux-3d:hover, .aux-steel-blue.aux-button.aux-3d:hover { box-shadow: 0 3px #376c8b; transform: translateY(3px); } a.aux-half-backed.button.aux-3d, button.aux-half-backed.aux-3d, input.aux-half-backed[type="button"].aux-3d, .aux-half-backed.aux-button.aux-3d { box-shadow: 0 6px #5fbdc3; } a.aux-half-backed.button.aux-3d:hover, button.aux-half-backed.aux-3d:hover, input.aux-half-backed[type="button"].aux-3d:hover, .aux-half-backed.aux-button.aux-3d:hover { box-shadow: 0 3px #5fbdc3; transform: translateY(3px); } a.aux-tapestry.button.aux-3d, button.aux-tapestry.aux-3d, input.aux-tapestry[type="button"].aux-3d, .aux-tapestry.aux-button.aux-3d { box-shadow: 0 6px #9d436b; } a.aux-tapestry.button.aux-3d:hover, button.aux-tapestry.aux-3d:hover, input.aux-tapestry[type="button"].aux-3d:hover, .aux-tapestry.aux-button.aux-3d:hover { box-shadow: 0 3px #9d436b; transform: translateY(3px); } a.aux-fire-engine-red.button.aux-3d, button.aux-fire-engine-red.aux-3d, input.aux-fire-engine-red[type="button"].aux-3d, .aux-fire-engine-red.aux-button.aux-3d { box-shadow: 0 6px #a2231c; } a.aux-fire-engine-red.button.aux-3d:hover, button.aux-fire-engine-red.aux-3d:hover, input.aux-fire-engine-red[type="button"].aux-3d:hover, .aux-fire-engine-red.aux-button.aux-3d:hover { box-shadow: 0 3px #a2231c; transform: translateY(3px); } a.aux-dark-orange.button.aux-3d, button.aux-dark-orange.aux-3d, input.aux-dark-orange[type="button"].aux-3d, .aux-dark-orange.aux-button.aux-3d { box-shadow: 0 6px #cc7000; } a.aux-dark-orange.button.aux-3d:hover, button.aux-dark-orange.aux-3d:hover, input.aux-dark-orange[type="button"].aux-3d:hover, .aux-dark-orange.aux-button.aux-3d:hover { box-shadow: 0 3px #cc7000; transform: translateY(3px); } a.aux-brick-red.button.aux-3d, button.aux-brick-red.aux-3d, input.aux-brick-red[type="button"].aux-3d, .aux-brick-red.aux-button.aux-3d { box-shadow: 0 6px #ae2f3c; } a.aux-brick-red.button.aux-3d:hover, button.aux-brick-red.aux-3d:hover, input.aux-brick-red[type="button"].aux-3d:hover, .aux-brick-red.aux-button.aux-3d:hover { box-shadow: 0 3px #ae2f3c; transform: translateY(3px); } a.aux-khaki.button.aux-3d, button.aux-khaki.aux-3d, input.aux-khaki[type="button"].aux-3d, .aux-khaki.aux-button.aux-3d { box-shadow: 0 6px #eadc5f; } a.aux-khaki.button.aux-3d:hover, button.aux-khaki.aux-3d:hover, input.aux-khaki[type="button"].aux-3d:hover, .aux-khaki.aux-button.aux-3d:hover { box-shadow: 0 3px #eadc5f; transform: translateY(3px); } a.button.aux-3d:active, button.aux-3d:active, input[type="button"].aux-3d:active, .aux-button.aux-3d:active { box-shadow: none; transform: translateY(6px); } a.button, button, input[type="button"], .aux-button { font-weight: 600; display: inline-block; position: relative; line-height: 100%; margin-bottom: 1em; border: none; cursor: pointer; overflow: hidden; z-index: 1; transition: all 450ms; } a.button:focus, button:focus, input[type="button"]:focus, .aux-button:focus { outline: none; } a.button > *, button > *, input[type="button"] > *, .aux-button > * { position: relative; } a.button .aux-overlay, button .aux-overlay, input[type="button"] .aux-overlay, .aux-button .aux-overlay { position: absolute; width: 120%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0, 0); transition: transform 450ms cubic-bezier(0.75, 0.1, 0.25, 0.9); } a.button .aux-overlay::after, button .aux-overlay::after, input[type="button"] .aux-overlay::after, .aux-button .aux-overlay::after { position: relative; content: ''; border-radius: 50%; display: block; padding-top: 100%; } a.button.aux-round .aux-overlay, button.aux-round .aux-overlay, input[type="button"].aux-round .aux-overlay, .aux-button.aux-round .aux-overlay { width: 120%; } a.button:hover .aux-overlay, button:hover .aux-overlay, input[type="button"]:hover .aux-overlay, .aux-button:hover .aux-overlay { transform: translate(-50%, -50%) scale(1, 1); } a.button.aux-fill, button.aux-fill, input[type="button"].aux-fill, .aux-button.aux-fill { transition: background-color 450ms; } a.button.aux-fill .aux-overlay, button.aux-fill .aux-overlay, input[type="button"].aux-fill .aux-overlay, .aux-button.aux-fill .aux-overlay { display: none; } a.button .aux-icon, a.button .aux-text, button .aux-icon, button .aux-text, input[type="button"] .aux-icon, input[type="button"] .aux-text, .aux-button .aux-icon, .aux-button .aux-text { display: inline-block; vertical-align: middle; transition: transform 450ms, opacity 450ms; } a.button.aux-icon-left .aux-icon, a.button.aux-icon-left-animate .aux-icon, button.aux-icon-left .aux-icon, button.aux-icon-left-animate .aux-icon, input[type="button"].aux-icon-left .aux-icon, input[type="button"].aux-icon-left-animate .aux-icon, .aux-button.aux-icon-left .aux-icon, .aux-button.aux-icon-left-animate .aux-icon { margin-right: 0.125em; } a.button.aux-icon-right .aux-icon, a.button.aux-icon-right-animate .aux-icon, button.aux-icon-right .aux-icon, button.aux-icon-right-animate .aux-icon, input[type="button"].aux-icon-right .aux-icon, input[type="button"].aux-icon-right-animate .aux-icon, .aux-button.aux-icon-right .aux-icon, .aux-button.aux-icon-right-animate .aux-icon { margin-left: 0.125em; } a.button.aux-icon-left-animate .aux-icon, button.aux-icon-left-animate .aux-icon, input[type="button"].aux-icon-left-animate .aux-icon, .aux-button.aux-icon-left-animate .aux-icon { margin-left: 0.125em; } a.button.aux-icon-left-animate .aux-icon, button.aux-icon-left-animate .aux-icon, input[type="button"].aux-icon-left-animate .aux-icon, .aux-button.aux-icon-left-animate .aux-icon { transform: translateX(-400%); } a.button.aux-icon-left-animate .aux-text, button.aux-icon-left-animate .aux-text, input[type="button"].aux-icon-left-animate .aux-text, .aux-button.aux-icon-left-animate .aux-text { transform: translateX(-1em); } a.button.aux-icon-left-animate:hover .aux-icon, a.button.aux-icon-left-animate:hover .aux-text, button.aux-icon-left-animate:hover .aux-icon, button.aux-icon-left-animate:hover .aux-text, input[type="button"].aux-icon-left-animate:hover .aux-icon, input[type="button"].aux-icon-left-animate:hover .aux-text, .aux-button.aux-icon-left-animate:hover .aux-icon, .aux-button.aux-icon-left-animate:hover .aux-text { transform: translateX(0); } a.button.aux-icon-right-animate .aux-icon, button.aux-icon-right-animate .aux-icon, input[type="button"].aux-icon-right-animate .aux-icon, .aux-button.aux-icon-right-animate .aux-icon { transform: translateX(400%); } a.button.aux-icon-right-animate .aux-text, button.aux-icon-right-animate .aux-text, input[type="button"].aux-icon-right-animate .aux-text, .aux-button.aux-icon-right-animate .aux-text { transform: translateX(1em); } a.button.aux-icon-right-animate:hover .aux-icon, a.button.aux-icon-right-animate:hover .aux-text, button.aux-icon-right-animate:hover .aux-icon, button.aux-icon-right-animate:hover .aux-text, input[type="button"].aux-icon-right-animate:hover .aux-icon, input[type="button"].aux-icon-right-animate:hover .aux-text, .aux-button.aux-icon-right-animate:hover .aux-icon, .aux-button.aux-icon-right-animate:hover .aux-text { transform: translateX(0px); } a.button.aux-icon-over .aux-icon, button.aux-icon-over .aux-icon, input[type="button"].aux-icon-over .aux-icon, .aux-button.aux-icon-over .aux-icon { position: absolute; left: 50%; top: 50%; opacity: 0; z-index: 2; transform: translate(-200%, -50%); transition: transform 450ms, opacity 450ms; } a.button.aux-icon-over .aux-overlay, button.aux-icon-over .aux-overlay, input[type="button"].aux-icon-over .aux-overlay, .aux-button.aux-icon-over .aux-overlay { z-index: 1; } a.button.aux-icon-over:hover .aux-icon, button.aux-icon-over:hover .aux-icon, input[type="button"].aux-icon-over:hover .aux-icon, .aux-button.aux-icon-over:hover .aux-icon { transform: translate(-50%, -50%); opacity: 1; } .rtl a.button.aux-icon-left .aux-icon, .rtl a.button.aux-icon-left-animate .aux-icon, .rtl button.aux-icon-left .aux-icon, .rtl button.aux-icon-left-animate .aux-icon, .rtl input[type="button"].aux-icon-left .aux-icon, .rtl input[type="button"].aux-icon-left-animate .aux-icon, .rtl .aux-button.aux-icon-left .aux-icon, .rtl .aux-button.aux-icon-left-animate .aux-icon { margin-right: 0; margin-left: 0.125em; } .rtl a.button.aux-icon-right .aux-icon, .rtl a.button.aux-icon-right-animate .aux-icon, .rtl button.aux-icon-right .aux-icon, .rtl button.aux-icon-right-animate .aux-icon, .rtl input[type="button"].aux-icon-right .aux-icon, .rtl input[type="button"].aux-icon-right-animate .aux-icon, .rtl .aux-button.aux-icon-right .aux-icon, .rtl .aux-button.aux-icon-right-animate .aux-icon { margin-right: 0.125em; margin-left: 0; } .rtl a.button.aux-icon-left-animate .aux-icon, .rtl button.aux-icon-left-animate .aux-icon, .rtl input[type="button"].aux-icon-left-animate .aux-icon, .rtl .aux-button.aux-icon-left-animate .aux-icon { margin-right: 0.125em; margin-left: 0; } .rtl a.button.aux-icon-left-animate .aux-icon, .rtl button.aux-icon-left-animate .aux-icon, .rtl input[type="button"].aux-icon-left-animate .aux-icon, .rtl .aux-button.aux-icon-left-animate .aux-icon { transform: translateX(400%); } .rtl a.button.aux-icon-left-animate .aux-text, .rtl button.aux-icon-left-animate .aux-text, .rtl input[type="button"].aux-icon-left-animate .aux-text, .rtl .aux-button.aux-icon-left-animate .aux-text { transform: translateX(1em); } .rtl a.button.aux-icon-left-animate:hover .aux-icon, .rtl a.button.aux-icon-left-animate:hover .aux-text, .rtl button.aux-icon-left-animate:hover .aux-icon, .rtl button.aux-icon-left-animate:hover .aux-text, .rtl input[type="button"].aux-icon-left-animate:hover .aux-icon, .rtl input[type="button"].aux-icon-left-animate:hover .aux-text, .rtl .aux-button.aux-icon-left-animate:hover .aux-icon, .rtl .aux-button.aux-icon-left-animate:hover .aux-text { transform: translateX(0); } .rtl a.button.aux-icon-right-animate .aux-icon, .rtl button.aux-icon-right-animate .aux-icon, .rtl input[type="button"].aux-icon-right-animate .aux-icon, .rtl .aux-button.aux-icon-right-animate .aux-icon { transform: translateX(-400%); } .rtl a.button.aux-icon-right-animate .aux-text, .rtl button.aux-icon-right-animate .aux-text, .rtl input[type="button"].aux-icon-right-animate .aux-text, .rtl .aux-button.aux-icon-right-animate .aux-text { transform: translateX(-1em); } .rtl a.button.aux-icon-right-animate:hover .aux-icon, .rtl a.button.aux-icon-right-animate:hover .aux-text, .rtl button.aux-icon-right-animate:hover .aux-icon, .rtl button.aux-icon-right-animate:hover .aux-text, .rtl input[type="button"].aux-icon-right-animate:hover .aux-icon, .rtl input[type="button"].aux-icon-right-animate:hover .aux-text, .rtl .aux-button.aux-icon-right-animate:hover .aux-icon, .rtl .aux-button.aux-icon-right-animate:hover .aux-text { transform: translateX(0px); } .rtl a.button.aux-icon-over .aux-icon, .rtl button.aux-icon-over .aux-icon, .rtl input[type="button"].aux-icon-over .aux-icon, .rtl .aux-button.aux-icon-over .aux-icon { left: -50%; transform: translate(200%, -50%); } .rtl a.button.aux-icon-over:hover .aux-icon, .rtl button.aux-icon-over:hover .aux-icon, .rtl input[type="button"].aux-icon-over:hover .aux-icon, .rtl .aux-button.aux-icon-over:hover .aux-icon { transform: translate(50%, -50%); } a.button.aux-black, button.aux-black, input[type="button"].aux-black, .aux-button.aux-black { background-color: #3D3D3D; text-shadow: 0 2px 0 #292929; color: white; } a.button.aux-black .aux-overlay::after, button.aux-black .aux-overlay::after, input[type="button"].aux-black .aux-overlay::after, .aux-button.aux-black .aux-overlay::after { background-color: #292929; } a.button.aux-black.aux-fill:hover, button.aux-black.aux-fill:hover, input[type="button"].aux-black.aux-fill:hover, .aux-button.aux-black.aux-fill:hover { background-color: #292929 !important; } a.button.aux-white, button.aux-white, input[type="button"].aux-white, .aux-button.aux-white { background-color: #FFFFFF; text-shadow: 0 2px 0 #ebebeb; color: black; } a.button.aux-white .aux-overlay::after, button.aux-white .aux-overlay::after, input[type="button"].aux-white .aux-overlay::after, .aux-button.aux-white .aux-overlay::after { background-color: #ebebeb; } a.button.aux-white.aux-fill:hover, button.aux-white.aux-fill:hover, input[type="button"].aux-white.aux-fill:hover, .aux-button.aux-white.aux-fill:hover { background-color: #ebebeb !important; } a.button.aux-masala, button.aux-masala, input[type="button"].aux-masala, .aux-button.aux-masala { background-color: #3D3D3D; text-shadow: 0 2px 0 #292929; color: white; } a.button.aux-masala .aux-overlay::after, button.aux-masala .aux-overlay::after, input[type="button"].aux-masala .aux-overlay::after, .aux-button.aux-masala .aux-overlay::after { background-color: #292929; } a.button.aux-masala.aux-fill:hover, button.aux-masala.aux-fill:hover, input[type="button"].aux-masala.aux-fill:hover, .aux-button.aux-masala.aux-fill:hover { background-color: #292929 !important; } a.button.aux-dark-gray, button.aux-dark-gray, input[type="button"].aux-dark-gray, .aux-button.aux-dark-gray { background-color: #AAAAAA; text-shadow: 0 2px 0 #969696; color: white; } a.button.aux-dark-gray .aux-overlay::after, button.aux-dark-gray .aux-overlay::after, input[type="button"].aux-dark-gray .aux-overlay::after, .aux-button.aux-dark-gray .aux-overlay::after { background-color: #969696; } a.button.aux-dark-gray.aux-fill:hover, button.aux-dark-gray.aux-fill:hover, input[type="button"].aux-dark-gray.aux-fill:hover, .aux-button.aux-dark-gray.aux-fill:hover { background-color: #969696 !important; } a.button.aux-ball-blue, button.aux-ball-blue, input[type="button"].aux-ball-blue, .aux-button.aux-ball-blue { background-color: #1BB0CE; text-shadow: 0 2px 0 #1691aa; color: white; } a.button.aux-ball-blue .aux-overlay::after, button.aux-ball-blue .aux-overlay::after, input[type="button"].aux-ball-blue .aux-overlay::after, .aux-button.aux-ball-blue .aux-overlay::after { background-color: #1691aa; } a.button.aux-ball-blue.aux-fill:hover, button.aux-ball-blue.aux-fill:hover, input[type="button"].aux-ball-blue.aux-fill:hover, .aux-button.aux-ball-blue.aux-fill:hover { background-color: #1691aa !important; } a.button.aux-fountain-blue, button.aux-fountain-blue, input[type="button"].aux-fountain-blue, .aux-button.aux-fountain-blue { background-color: #5BACBA; text-shadow: 0 2px 0 #4698a6; color: white; } a.button.aux-fountain-blue .aux-overlay::after, button.aux-fountain-blue .aux-overlay::after, input[type="button"].aux-fountain-blue .aux-overlay::after, .aux-button.aux-fountain-blue .aux-overlay::after { background-color: #4698a6; } a.button.aux-fountain-blue.aux-fill:hover, button.aux-fountain-blue.aux-fill:hover, input[type="button"].aux-fountain-blue.aux-fill:hover, .aux-button.aux-fountain-blue.aux-fill:hover { background-color: #4698a6 !important; } a.button.aux-shamrock, button.aux-shamrock, input[type="button"].aux-shamrock, .aux-button.aux-shamrock { background-color: #2CC990; text-shadow: 0 2px 0 #25a878; color: white; } a.button.aux-shamrock .aux-overlay::after, button.aux-shamrock .aux-overlay::after, input[type="button"].aux-shamrock .aux-overlay::after, .aux-button.aux-shamrock .aux-overlay::after { background-color: #25a878; } a.button.aux-shamrock.aux-fill:hover, button.aux-shamrock.aux-fill:hover, input[type="button"].aux-shamrock.aux-fill:hover, .aux-button.aux-shamrock.aux-fill:hover { background-color: #25a878 !important; } a.button.aux-curios-blue, button.aux-curios-blue, input[type="button"].aux-curios-blue, .aux-button.aux-curios-blue { background-color: #2C82C9; text-shadow: 0 2px 0 #256ca8; color: white; } a.button.aux-curios-blue .aux-overlay::after, button.aux-curios-blue .aux-overlay::after, input[type="button"].aux-curios-blue .aux-overlay::after, .aux-button.aux-curios-blue .aux-overlay::after { background-color: #256ca8; } a.button.aux-curios-blue.aux-fill:hover, button.aux-curios-blue.aux-fill:hover, input[type="button"].aux-curios-blue.aux-fill:hover, .aux-button.aux-curios-blue.aux-fill:hover { background-color: #256ca8 !important; } a.button.aux-light-sea-green, button.aux-light-sea-green, input[type="button"].aux-light-sea-green, .aux-button.aux-light-sea-green { background-color: #1ABC9C; text-shadow: 0 2px 0 #15987e; color: white; } a.button.aux-light-sea-green .aux-overlay::after, button.aux-light-sea-green .aux-overlay::after, input[type="button"].aux-light-sea-green .aux-overlay::after, .aux-button.aux-light-sea-green .aux-overlay::after { background-color: #15987e; } a.button.aux-light-sea-green.aux-fill:hover, button.aux-light-sea-green.aux-fill:hover, input[type="button"].aux-light-sea-green.aux-fill:hover, .aux-button.aux-light-sea-green.aux-fill:hover { background-color: #15987e !important; } a.button.aux-emerald, button.aux-emerald, input[type="button"].aux-emerald, .aux-button.aux-emerald { background-color: #4EBA6F; text-shadow: 0 2px 0 #3fa15d; color: white; } a.button.aux-emerald .aux-overlay::after, button.aux-emerald .aux-overlay::after, input[type="button"].aux-emerald .aux-overlay::after, .aux-button.aux-emerald .aux-overlay::after { background-color: #3fa15d; } a.button.aux-emerald.aux-fill:hover, button.aux-emerald.aux-fill:hover, input[type="button"].aux-emerald.aux-fill:hover, .aux-button.aux-emerald.aux-fill:hover { background-color: #3fa15d !important; } a.button.aux-energy-yellow, button.aux-energy-yellow, input[type="button"].aux-energy-yellow, .aux-button.aux-energy-yellow { background-color: #EEE657; text-shadow: 0 2px 0 #eae032; color: white; } a.button.aux-energy-yellow .aux-overlay::after, button.aux-energy-yellow .aux-overlay::after, input[type="button"].aux-energy-yellow .aux-overlay::after, .aux-button.aux-energy-yellow .aux-overlay::after { background-color: #eae032; } a.button.aux-energy-yellow.aux-fill:hover, button.aux-energy-yellow.aux-fill:hover, input[type="button"].aux-energy-yellow.aux-fill:hover, .aux-button.aux-energy-yellow.aux-fill:hover { background-color: #eae032 !important; } a.button.aux-mikado-yellow, button.aux-mikado-yellow, input[type="button"].aux-mikado-yellow, .aux-button.aux-mikado-yellow { background-color: #FCCD0F; text-shadow: 0 2px 0 #dfb403; color: white; } a.button.aux-mikado-yellow .aux-overlay::after, button.aux-mikado-yellow .aux-overlay::after, input[type="button"].aux-mikado-yellow .aux-overlay::after, .aux-button.aux-mikado-yellow .aux-overlay::after { background-color: #dfb403; } a.button.aux-mikado-yellow.aux-fill:hover, button.aux-mikado-yellow.aux-fill:hover, input[type="button"].aux-mikado-yellow.aux-fill:hover, .aux-button.aux-mikado-yellow.aux-fill:hover { background-color: #dfb403 !important; } a.button.aux-pink-salmon, button.aux-pink-salmon, input[type="button"].aux-pink-salmon, .aux-button.aux-pink-salmon { background-color: #FF91A9; text-shadow: 0 2px 0 #ff6889; color: white; } a.button.aux-pink-salmon .aux-overlay::after, button.aux-pink-salmon .aux-overlay::after, input[type="button"].aux-pink-salmon .aux-overlay::after, .aux-button.aux-pink-salmon .aux-overlay::after { background-color: #ff6889; } a.button.aux-pink-salmon.aux-fill:hover, button.aux-pink-salmon.aux-fill:hover, input[type="button"].aux-pink-salmon.aux-fill:hover, .aux-button.aux-pink-salmon.aux-fill:hover { background-color: #ff6889 !important; } a.button.aux-wisteria, button.aux-wisteria, input[type="button"].aux-wisteria, .aux-button.aux-wisteria { background-color: #9E69AF; text-shadow: 0 2px 0 #8a539c; color: white; } a.button.aux-wisteria .aux-overlay::after, button.aux-wisteria .aux-overlay::after, input[type="button"].aux-wisteria .aux-overlay::after, .aux-button.aux-wisteria .aux-overlay::after { background-color: #8a539c; } a.button.aux-wisteria.aux-fill:hover, button.aux-wisteria.aux-fill:hover, input[type="button"].aux-wisteria.aux-fill:hover, .aux-button.aux-wisteria.aux-fill:hover { background-color: #8a539c !important; } a.button.aux-lilac, button.aux-lilac, input[type="button"].aux-lilac, .aux-button.aux-lilac { background-color: #CEACD2; text-shadow: 0 2px 0 #be92c4; color: white; } a.button.aux-lilac .aux-overlay::after, button.aux-lilac .aux-overlay::after, input[type="button"].aux-lilac .aux-overlay::after, .aux-button.aux-lilac .aux-overlay::after { background-color: #be92c4; } a.button.aux-lilac.aux-fill:hover, button.aux-lilac.aux-fill:hover, input[type="button"].aux-lilac.aux-fill:hover, .aux-button.aux-lilac.aux-fill:hover { background-color: #be92c4 !important; } a.button.aux-pale-sky, button.aux-pale-sky, input[type="button"].aux-pale-sky, .aux-button.aux-pale-sky { background-color: #5F7487; text-shadow: 0 2px 0 #4e5f6f; color: white; } a.button.aux-pale-sky .aux-overlay::after, button.aux-pale-sky .aux-overlay::after, input[type="button"].aux-pale-sky .aux-overlay::after, .aux-button.aux-pale-sky .aux-overlay::after { background-color: #4e5f6f; } a.button.aux-pale-sky.aux-fill:hover, button.aux-pale-sky.aux-fill:hover, input[type="button"].aux-pale-sky.aux-fill:hover, .aux-button.aux-pale-sky.aux-fill:hover { background-color: #4e5f6f !important; } a.button.aux-tower-gray, button.aux-tower-gray, input[type="button"].aux-tower-gray, .aux-button.aux-tower-gray { background-color: #ADBCC3; text-shadow: 0 2px 0 #95a9b2; color: white; } a.button.aux-tower-gray .aux-overlay::after, button.aux-tower-gray .aux-overlay::after, input[type="button"].aux-tower-gray .aux-overlay::after, .aux-button.aux-tower-gray .aux-overlay::after { background-color: #95a9b2; } a.button.aux-tower-gray.aux-fill:hover, button.aux-tower-gray.aux-fill:hover, input[type="button"].aux-tower-gray.aux-fill:hover, .aux-button.aux-tower-gray.aux-fill:hover { background-color: #95a9b2 !important; } a.button.aux-william, button.aux-william, input[type="button"].aux-william, .aux-button.aux-william { background-color: #3A5F6F; text-shadow: 0 2px 0 #2c4854; color: white; } a.button.aux-william .aux-overlay::after, button.aux-william .aux-overlay::after, input[type="button"].aux-william .aux-overlay::after, .aux-button.aux-william .aux-overlay::after { background-color: #2c4854; } a.button.aux-william.aux-fill:hover, button.aux-william.aux-fill:hover, input[type="button"].aux-william.aux-fill:hover, .aux-button.aux-william.aux-fill:hover { background-color: #2c4854 !important; } a.button.aux-carmine-pink, button.aux-carmine-pink, input[type="button"].aux-carmine-pink, .aux-button.aux-carmine-pink { background-color: #E74C3C; text-shadow: 0 2px 0 #df2e1b; color: white; } a.button.aux-carmine-pink .aux-overlay::after, button.aux-carmine-pink .aux-overlay::after, input[type="button"].aux-carmine-pink .aux-overlay::after, .aux-button.aux-carmine-pink .aux-overlay::after { background-color: #df2e1b; } a.button.aux-carmine-pink.aux-fill:hover, button.aux-carmine-pink.aux-fill:hover, input[type="button"].aux-carmine-pink.aux-fill:hover, .aux-button.aux-carmine-pink.aux-fill:hover { background-color: #df2e1b !important; } a.button.aux-persimmon, button.aux-persimmon, input[type="button"].aux-persimmon, .aux-button.aux-persimmon { background-color: #FF6A55; text-shadow: 0 2px 0 #ff462c; color: white; } a.button.aux-persimmon .aux-overlay::after, button.aux-persimmon .aux-overlay::after, input[type="button"].aux-persimmon .aux-overlay::after, .aux-button.aux-persimmon .aux-overlay::after { background-color: #ff462c; } a.button.aux-persimmon.aux-fill:hover, button.aux-persimmon.aux-fill:hover, input[type="button"].aux-persimmon.aux-fill:hover, .aux-button.aux-persimmon.aux-fill:hover { background-color: #ff462c !important; } a.button.aux-tan-hide, button.aux-tan-hide, input[type="button"].aux-tan-hide, .aux-button.aux-tan-hide { background-color: #FF9F55; text-shadow: 0 2px 0 #ff882c; color: white; } a.button.aux-tan-hide .aux-overlay::after, button.aux-tan-hide .aux-overlay::after, input[type="button"].aux-tan-hide .aux-overlay::after, .aux-button.aux-tan-hide .aux-overlay::after { background-color: #ff882c; } a.button.aux-tan-hide.aux-fill:hover, button.aux-tan-hide.aux-fill:hover, input[type="button"].aux-tan-hide.aux-fill:hover, .aux-button.aux-tan-hide.aux-fill:hover { background-color: #ff882c !important; } a.button.aux-wild-watermelon, button.aux-wild-watermelon, input[type="button"].aux-wild-watermelon, .aux-button.aux-wild-watermelon { background-color: #FF6E78; text-shadow: 0 2px 0 #ff4552; color: white; } a.button.aux-wild-watermelon .aux-overlay::after, button.aux-wild-watermelon .aux-overlay::after, input[type="button"].aux-wild-watermelon .aux-overlay::after, .aux-button.aux-wild-watermelon .aux-overlay::after { background-color: #ff4552; } a.button.aux-wild-watermelon.aux-fill:hover, button.aux-wild-watermelon.aux-fill:hover, input[type="button"].aux-wild-watermelon.aux-fill:hover, .aux-button.aux-wild-watermelon.aux-fill:hover { background-color: #ff4552 !important; } a.button.aux-iceberg, button.aux-iceberg, input[type="button"].aux-iceberg, .aux-button.aux-iceberg { background-color: #73B1D6; text-shadow: 0 2px 0 #539fcd; color: white; } a.button.aux-iceberg .aux-overlay::after, button.aux-iceberg .aux-overlay::after, input[type="button"].aux-iceberg .aux-overlay::after, .aux-button.aux-iceberg .aux-overlay::after { background-color: #539fcd; } a.button.aux-iceberg.aux-fill:hover, button.aux-iceberg.aux-fill:hover, input[type="button"].aux-iceberg.aux-fill:hover, .aux-button.aux-iceberg.aux-fill:hover { background-color: #539fcd !important; } a.button.aux-dark-lavender, button.aux-dark-lavender, input[type="button"].aux-dark-lavender, .aux-button.aux-dark-lavender { background-color: #745A90; text-shadow: 0 2px 0 #604a77; color: white; } a.button.aux-dark-lavender .aux-overlay::after, button.aux-dark-lavender .aux-overlay::after, input[type="button"].aux-dark-lavender .aux-overlay::after, .aux-button.aux-dark-lavender .aux-overlay::after { background-color: #604a77; } a.button.aux-dark-lavender.aux-fill:hover, button.aux-dark-lavender.aux-fill:hover, input[type="button"].aux-dark-lavender.aux-fill:hover, .aux-button.aux-dark-lavender.aux-fill:hover { background-color: #604a77 !important; } a.button.aux-viking, button.aux-viking, input[type="button"].aux-viking, .aux-button.aux-viking { background-color: #5CD5E6; text-shadow: 0 2px 0 #39cce1; color: white; } a.button.aux-viking .aux-overlay::after, button.aux-viking .aux-overlay::after, input[type="button"].aux-viking .aux-overlay::after, .aux-button.aux-viking .aux-overlay::after { background-color: #39cce1; } a.button.aux-viking.aux-fill:hover, button.aux-viking.aux-fill:hover, input[type="button"].aux-viking.aux-fill:hover, .aux-button.aux-viking.aux-fill:hover { background-color: #39cce1 !important; } a.button.aux-tiffany-blue, button.aux-tiffany-blue, input[type="button"].aux-tiffany-blue, .aux-button.aux-tiffany-blue { background-color: #00B5B5; text-shadow: 0 2px 0 #008c8c; color: white; } a.button.aux-tiffany-blue .aux-overlay::after, button.aux-tiffany-blue .aux-overlay::after, input[type="button"].aux-tiffany-blue .aux-overlay::after, .aux-button.aux-tiffany-blue .aux-overlay::after { background-color: #008c8c; } a.button.aux-tiffany-blue.aux-fill:hover, button.aux-tiffany-blue.aux-fill:hover, input[type="button"].aux-tiffany-blue.aux-fill:hover, .aux-button.aux-tiffany-blue.aux-fill:hover { background-color: #008c8c !important; } a.button.aux-pastel-orange, button.aux-pastel-orange, input[type="button"].aux-pastel-orange, .aux-button.aux-pastel-orange { background-color: #FCB941; text-shadow: 0 2px 0 #fbaa19; color: white; } a.button.aux-pastel-orange .aux-overlay::after, button.aux-pastel-orange .aux-overlay::after, input[type="button"].aux-pastel-orange .aux-overlay::after, .aux-button.aux-pastel-orange .aux-overlay::after { background-color: #fbaa19; } a.button.aux-pastel-orange.aux-fill:hover, button.aux-pastel-orange.aux-fill:hover, input[type="button"].aux-pastel-orange.aux-fill:hover, .aux-button.aux-pastel-orange.aux-fill:hover { background-color: #fbaa19 !important; } a.button.aux-east-bay, button.aux-east-bay, input[type="button"].aux-east-bay, .aux-button.aux-east-bay { background-color: #395781; text-shadow: 0 2px 0 #2c4465; color: white; } a.button.aux-east-bay .aux-overlay::after, button.aux-east-bay .aux-overlay::after, input[type="button"].aux-east-bay .aux-overlay::after, .aux-button.aux-east-bay .aux-overlay::after { background-color: #2c4465; } a.button.aux-east-bay.aux-fill:hover, button.aux-east-bay.aux-fill:hover, input[type="button"].aux-east-bay.aux-fill:hover, .aux-button.aux-east-bay.aux-fill:hover { background-color: #2c4465 !important; } a.button.aux-steel-blue, button.aux-steel-blue, input[type="button"].aux-steel-blue, .aux-button.aux-steel-blue { background-color: #4589B0; text-shadow: 0 2px 0 #3a7293; color: white; } a.button.aux-steel-blue .aux-overlay::after, button.aux-steel-blue .aux-overlay::after, input[type="button"].aux-steel-blue .aux-overlay::after, .aux-button.aux-steel-blue .aux-overlay::after { background-color: #3a7293; } a.button.aux-steel-blue.aux-fill:hover, button.aux-steel-blue.aux-fill:hover, input[type="button"].aux-steel-blue.aux-fill:hover, .aux-button.aux-steel-blue.aux-fill:hover { background-color: #3a7293 !important; } a.button.aux-half-backed, button.aux-half-backed, input[type="button"].aux-half-backed, .aux-button.aux-half-backed { background-color: #84CCD1; text-shadow: 0 2px 0 #66c0c6; color: white; } a.button.aux-half-backed .aux-overlay::after, button.aux-half-backed .aux-overlay::after, input[type="button"].aux-half-backed .aux-overlay::after, .aux-button.aux-half-backed .aux-overlay::after { background-color: #66c0c6; } a.button.aux-half-backed.aux-fill:hover, button.aux-half-backed.aux-fill:hover, input[type="button"].aux-half-backed.aux-fill:hover, .aux-button.aux-half-backed.aux-fill:hover { background-color: #66c0c6 !important; } a.button.aux-tapestry, button.aux-tapestry, input[type="button"].aux-tapestry, .aux-button.aux-tapestry { background-color: #B95A84; text-shadow: 0 2px 0 #a44670; color: white; } a.button.aux-tapestry .aux-overlay::after, button.aux-tapestry .aux-overlay::after, input[type="button"].aux-tapestry .aux-overlay::after, .aux-button.aux-tapestry .aux-overlay::after { background-color: #a44670; } a.button.aux-tapestry.aux-fill:hover, button.aux-tapestry.aux-fill:hover, input[type="button"].aux-tapestry.aux-fill:hover, .aux-button.aux-tapestry.aux-fill:hover { background-color: #a44670 !important; } a.button.aux-fire-engine-red, button.aux-fire-engine-red, input[type="button"].aux-fire-engine-red, .aux-button.aux-fire-engine-red { background-color: #CD2C24; text-shadow: 0 2px 0 #aa251e; color: white; } a.button.aux-fire-engine-red .aux-overlay::after, button.aux-fire-engine-red .aux-overlay::after, input[type="button"].aux-fire-engine-red .aux-overlay::after, .aux-button.aux-fire-engine-red .aux-overlay::after { background-color: #aa251e; } a.button.aux-fire-engine-red.aux-fill:hover, button.aux-fire-engine-red.aux-fill:hover, input[type="button"].aux-fire-engine-red.aux-fill:hover, .aux-button.aux-fire-engine-red.aux-fill:hover { background-color: #aa251e !important; } a.button.aux-dark-orange, button.aux-dark-orange, input[type="button"].aux-dark-orange, .aux-button.aux-dark-orange { background-color: #FF8C00; text-shadow: 0 2px 0 #d67600; color: white; } a.button.aux-dark-orange .aux-overlay::after, button.aux-dark-orange .aux-overlay::after, input[type="button"].aux-dark-orange .aux-overlay::after, .aux-button.aux-dark-orange .aux-overlay::after { background-color: #d67600; } a.button.aux-dark-orange.aux-fill:hover, button.aux-dark-orange.aux-fill:hover, input[type="button"].aux-dark-orange.aux-fill:hover, .aux-button.aux-dark-orange.aux-fill:hover { background-color: #d67600 !important; } a.button.aux-brick-red, button.aux-brick-red, input[type="button"].aux-brick-red, .aux-button.aux-brick-red { background-color: #CC4452; text-shadow: 0 2px 0 #b6323f; color: white; } a.button.aux-brick-red .aux-overlay::after, button.aux-brick-red .aux-overlay::after, input[type="button"].aux-brick-red .aux-overlay::after, .aux-button.aux-brick-red .aux-overlay::after { background-color: #b6323f; } a.button.aux-brick-red.aux-fill:hover, button.aux-brick-red.aux-fill:hover, input[type="button"].aux-brick-red.aux-fill:hover, .aux-button.aux-brick-red.aux-fill:hover { background-color: #b6323f !important; } a.button.aux-khaki, button.aux-khaki, input[type="button"].aux-khaki, .aux-button.aux-khaki { background-color: khaki; text-shadow: 0 2px 0 #ebde68; color: white; } a.button.aux-khaki .aux-overlay::after, button.aux-khaki .aux-overlay::after, input[type="button"].aux-khaki .aux-overlay::after, .aux-button.aux-khaki .aux-overlay::after { background-color: #ebde68; } a.button.aux-khaki.aux-fill:hover, button.aux-khaki.aux-fill:hover, input[type="button"].aux-khaki.aux-fill:hover, .aux-button.aux-khaki.aux-fill:hover { background-color: #ebde68 !important; } a.button.aux-dark-text, button.aux-dark-text, input[type="button"].aux-dark-text, .aux-button.aux-dark-text { color: black; } a.button.aux-uppercase, button.aux-uppercase, input[type="button"].aux-uppercase, .aux-button.aux-uppercase { text-transform: uppercase; } input[type="submit"], input[type="reset"] { font-weight: 600; display: inline-block; position: relative; line-height: 100%; margin-bottom: 1em; border: none; cursor: pointer; overflow: hidden; z-index: 1; transition: all 450ms; } input[type="submit"]:focus, input[type="reset"]:focus { outline: none; } input[type="submit"] > *, input[type="reset"] > * { position: relative; } input[type="submit"] .aux-overlay, input[type="reset"] .aux-overlay { position: absolute; width: 120%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0, 0); transition: transform 450ms cubic-bezier(0.75, 0.1, 0.25, 0.9); } input[type="submit"] .aux-overlay::after, input[type="reset"] .aux-overlay::after { position: relative; content: ''; border-radius: 50%; display: block; padding-top: 100%; } input[type="submit"].aux-round .aux-overlay, input[type="reset"].aux-round .aux-overlay { width: 120%; } input[type="submit"]:hover .aux-overlay, input[type="reset"]:hover .aux-overlay { transform: translate(-50%, -50%) scale(1, 1); } input[type="submit"].aux-fill, input[type="reset"].aux-fill { transition: background-color 450ms; } input[type="submit"].aux-fill .aux-overlay, input[type="reset"].aux-fill .aux-overlay { display: none; } /* $Table ============================ ====================================== */ table { margin-bottom: 1.4em; width: 100%; max-width: 100%; border: 1px solid #EAEAEA; } th { font-weight: bold; } thead th { background: #aaa; } th, td, caption { padding: 4px 10px 4px 5px; } td { border-color: #EAEAEA; border-style: solid; border-width: 0 1px 1px 0; } table.striped tr:nth-child(even) td, table tr.even td { background: #fcfcfc; } /** Auxin modern input text form elements */ input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea { font-size: 100%; padding: 0.625em 0.75em; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, textarea:focus { outline: none; } input.aux-large[type="text"], input.aux-large[type="password"], input.aux-large[type="email"], input.aux-large[type="tel"], input.aux-large[type="url"], textarea.aux-large { padding: 1em 1em; font-size: 110%; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea, input.aux-outline[type="text"], input.aux-outline[type="password"], input.aux-outline[type="email"], input.aux-outline[type="tel"], input.aux-outline[type="url"], textarea.aux-outline { border: solid 1px #bbb; background: transparent; } input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="url"]:-moz-placeholder, textarea:-moz-placeholder, input.aux-outline[type="text"]:-moz-placeholder, input.aux-outline[type="password"]:-moz-placeholder, input.aux-outline[type="email"]:-moz-placeholder, input.aux-outline[type="tel"]:-moz-placeholder, input.aux-outline[type="url"]:-moz-placeholder, textarea.aux-outline:-moz-placeholder { color: #C5C5C5; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="url"]::-moz-placeholder, textarea::-moz-placeholder, input.aux-outline[type="text"]::-moz-placeholder, input.aux-outline[type="password"]::-moz-placeholder, input.aux-outline[type="email"]::-moz-placeholder, input.aux-outline[type="tel"]::-moz-placeholder, input.aux-outline[type="url"]::-moz-placeholder, textarea.aux-outline::-moz-placeholder { color: #C5C5C5; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, textarea:-ms-input-placeholder, input.aux-outline[type="text"]:-ms-input-placeholder, input.aux-outline[type="password"]:-ms-input-placeholder, input.aux-outline[type="email"]:-ms-input-placeholder, input.aux-outline[type="tel"]:-ms-input-placeholder, input.aux-outline[type="url"]:-ms-input-placeholder, textarea.aux-outline:-ms-input-placeholder { color: #C5C5C5; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input.aux-outline[type="text"]::-webkit-input-placeholder, input.aux-outline[type="password"]::-webkit-input-placeholder, input.aux-outline[type="email"]::-webkit-input-placeholder, input.aux-outline[type="tel"]::-webkit-input-placeholder, input.aux-outline[type="url"]::-webkit-input-placeholder, textarea.aux-outline::-webkit-input-placeholder { color: #C5C5C5; } input.aux-fill[type="text"], input.aux-fill[type="password"], input.aux-fill[type="email"], input.aux-fill[type="tel"], input.aux-fill[type="url"], textarea.aux-fill { background-color: #F1F1F1; border: none; } input.aux-fill[type="text"]:-moz-placeholder, input.aux-fill[type="password"]:-moz-placeholder, input.aux-fill[type="email"]:-moz-placeholder, input.aux-fill[type="tel"]:-moz-placeholder, input.aux-fill[type="url"]:-moz-placeholder, textarea.aux-fill:-moz-placeholder { color: #C3C3C3; } input.aux-fill[type="text"]::-moz-placeholder, input.aux-fill[type="password"]::-moz-placeholder, input.aux-fill[type="email"]::-moz-placeholder, input.aux-fill[type="tel"]::-moz-placeholder, input.aux-fill[type="url"]::-moz-placeholder, textarea.aux-fill::-moz-placeholder { color: #C3C3C3; } input.aux-fill[type="text"]:-ms-input-placeholder, input.aux-fill[type="password"]:-ms-input-placeholder, input.aux-fill[type="email"]:-ms-input-placeholder, input.aux-fill[type="tel"]:-ms-input-placeholder, input.aux-fill[type="url"]:-ms-input-placeholder, textarea.aux-fill:-ms-input-placeholder { color: #C3C3C3; } input.aux-fill[type="text"]::-webkit-input-placeholder, input.aux-fill[type="password"]::-webkit-input-placeholder, input.aux-fill[type="email"]::-webkit-input-placeholder, input.aux-fill[type="tel"]::-webkit-input-placeholder, input.aux-fill[type="url"]::-webkit-input-placeholder, textarea.aux-fill::-webkit-input-placeholder { color: #C3C3C3; } input.aux-bottom-line[type="text"], input.aux-bottom-line[type="password"], input.aux-bottom-line[type="email"], input.aux-bottom-line[type="tel"], input.aux-bottom-line[type="url"], textarea.aux-bottom-line { background: transparent; border: none; border-bottom: solid 1px #bbb; padding-left: 0; } input.aux-bottom-line[type="text"]:-moz-placeholder, input.aux-bottom-line[type="password"]:-moz-placeholder, input.aux-bottom-line[type="email"]:-moz-placeholder, input.aux-bottom-line[type="tel"]:-moz-placeholder, input.aux-bottom-line[type="url"]:-moz-placeholder, textarea.aux-bottom-line:-moz-placeholder { color: #C3C3C3; } input.aux-bottom-line[type="text"]::-moz-placeholder, input.aux-bottom-line[type="password"]::-moz-placeholder, input.aux-bottom-line[type="email"]::-moz-placeholder, input.aux-bottom-line[type="tel"]::-moz-placeholder, input.aux-bottom-line[type="url"]::-moz-placeholder, textarea.aux-bottom-line::-moz-placeholder { color: #C3C3C3; } input.aux-bottom-line[type="text"]:-ms-input-placeholder, input.aux-bottom-line[type="password"]:-ms-input-placeholder, input.aux-bottom-line[type="email"]:-ms-input-placeholder, input.aux-bottom-line[type="tel"]:-ms-input-placeholder, input.aux-bottom-line[type="url"]:-ms-input-placeholder, textarea.aux-bottom-line:-ms-input-placeholder { color: #C3C3C3; } input.aux-bottom-line[type="text"]::-webkit-input-placeholder, input.aux-bottom-line[type="password"]::-webkit-input-placeholder, input.aux-bottom-line[type="email"]::-webkit-input-placeholder, input.aux-bottom-line[type="tel"]::-webkit-input-placeholder, input.aux-bottom-line[type="url"]::-webkit-input-placeholder, textarea.aux-bottom-line::-webkit-input-placeholder { color: #C3C3C3; } input.aux-light[type="text"], input.aux-light[type="password"], input.aux-light[type="email"], input.aux-light[type="tel"], input.aux-light[type="url"], textarea.aux-light { color: #fff; } input.aux-light[type="text"], input.aux-light[type="password"], input.aux-light[type="email"], input.aux-light[type="tel"], input.aux-light[type="url"], textarea.aux-light, input.aux-light.aux-outline[type="text"], input.aux-light.aux-outline[type="password"], input.aux-light.aux-outline[type="email"], input.aux-light.aux-outline[type="tel"], input.aux-light.aux-outline[type="url"], textarea.aux-light.aux-outline { border-color: #fff; } input.aux-light[type="text"]:-moz-placeholder, input.aux-light[type="password"]:-moz-placeholder, input.aux-light[type="email"]:-moz-placeholder, input.aux-light[type="tel"]:-moz-placeholder, input.aux-light[type="url"]:-moz-placeholder, textarea.aux-light:-moz-placeholder, input.aux-light.aux-outline[type="text"]:-moz-placeholder, input.aux-light.aux-outline[type="password"]:-moz-placeholder, input.aux-light.aux-outline[type="email"]:-moz-placeholder, input.aux-light.aux-outline[type="tel"]:-moz-placeholder, input.aux-light.aux-outline[type="url"]:-moz-placeholder, textarea.aux-light.aux-outline:-moz-placeholder { color: #cccccc; } input.aux-light[type="text"]::-moz-placeholder, input.aux-light[type="password"]::-moz-placeholder, input.aux-light[type="email"]::-moz-placeholder, input.aux-light[type="tel"]::-moz-placeholder, input.aux-light[type="url"]::-moz-placeholder, textarea.aux-light::-moz-placeholder, input.aux-light.aux-outline[type="text"]::-moz-placeholder, input.aux-light.aux-outline[type="password"]::-moz-placeholder, input.aux-light.aux-outline[type="email"]::-moz-placeholder, input.aux-light.aux-outline[type="tel"]::-moz-placeholder, input.aux-light.aux-outline[type="url"]::-moz-placeholder, textarea.aux-light.aux-outline::-moz-placeholder { color: #cccccc; } input.aux-light[type="text"]:-ms-input-placeholder, input.aux-light[type="password"]:-ms-input-placeholder, input.aux-light[type="email"]:-ms-input-placeholder, input.aux-light[type="tel"]:-ms-input-placeholder, input.aux-light[type="url"]:-ms-input-placeholder, textarea.aux-light:-ms-input-placeholder, input.aux-light.aux-outline[type="text"]:-ms-input-placeholder, input.aux-light.aux-outline[type="password"]:-ms-input-placeholder, input.aux-light.aux-outline[type="email"]:-ms-input-placeholder, input.aux-light.aux-outline[type="tel"]:-ms-input-placeholder, input.aux-light.aux-outline[type="url"]:-ms-input-placeholder, textarea.aux-light.aux-outline:-ms-input-placeholder { color: #cccccc; } input.aux-light[type="text"]::-webkit-input-placeholder, input.aux-light[type="password"]::-webkit-input-placeholder, input.aux-light[type="email"]::-webkit-input-placeholder, input.aux-light[type="tel"]::-webkit-input-placeholder, input.aux-light[type="url"]::-webkit-input-placeholder, textarea.aux-light::-webkit-input-placeholder, input.aux-light.aux-outline[type="text"]::-webkit-input-placeholder, input.aux-light.aux-outline[type="password"]::-webkit-input-placeholder, input.aux-light.aux-outline[type="email"]::-webkit-input-placeholder, input.aux-light.aux-outline[type="tel"]::-webkit-input-placeholder, input.aux-light.aux-outline[type="url"]::-webkit-input-placeholder, textarea.aux-light.aux-outline::-webkit-input-placeholder { color: #cccccc; } input.aux-light.aux-fill[type="text"], input.aux-light.aux-fill[type="password"], input.aux-light.aux-fill[type="email"], input.aux-light.aux-fill[type="tel"], input.aux-light.aux-fill[type="url"], textarea.aux-light.aux-fill { background-color: #e6e6e6; } input.aux-light.aux-fill[type="text"]:-moz-placeholder, input.aux-light.aux-fill[type="password"]:-moz-placeholder, input.aux-light.aux-fill[type="email"]:-moz-placeholder, input.aux-light.aux-fill[type="tel"]:-moz-placeholder, input.aux-light.aux-fill[type="url"]:-moz-placeholder, textarea.aux-light.aux-fill:-moz-placeholder { color: #cccccc; } input.aux-light.aux-fill[type="text"]::-moz-placeholder, input.aux-light.aux-fill[type="password"]::-moz-placeholder, input.aux-light.aux-fill[type="email"]::-moz-placeholder, input.aux-light.aux-fill[type="tel"]::-moz-placeholder, input.aux-light.aux-fill[type="url"]::-moz-placeholder, textarea.aux-light.aux-fill::-moz-placeholder { color: #cccccc; } input.aux-light.aux-fill[type="text"]:-ms-input-placeholder, input.aux-light.aux-fill[type="password"]:-ms-input-placeholder, input.aux-light.aux-fill[type="email"]:-ms-input-placeholder, input.aux-light.aux-fill[type="tel"]:-ms-input-placeholder, input.aux-light.aux-fill[type="url"]:-ms-input-placeholder, textarea.aux-light.aux-fill:-ms-input-placeholder { color: #cccccc; } input.aux-light.aux-fill[type="text"]::-webkit-input-placeholder, input.aux-light.aux-fill[type="password"]::-webkit-input-placeholder, input.aux-light.aux-fill[type="email"]::-webkit-input-placeholder, input.aux-light.aux-fill[type="tel"]::-webkit-input-placeholder, input.aux-light.aux-fill[type="url"]::-webkit-input-placeholder, textarea.aux-light.aux-fill::-webkit-input-placeholder { color: #cccccc; } input.aux-light.aux-bottom-line[type="text"], input.aux-light.aux-bottom-line[type="password"], input.aux-light.aux-bottom-line[type="email"], input.aux-light.aux-bottom-line[type="tel"], input.aux-light.aux-bottom-line[type="url"], textarea.aux-light.aux-bottom-line { border-bottom-color: #fff; } /** Auxin dropdown style */ .aux-dropdown-container, .aux-select, .aux-dropdown { position: relative; z-index: 10; } .aux-dropdown-container:after, .aux-select:after, .aux-dropdown:after { width: 0; height: 0; border-top: 0.45em solid #3d3d3d; border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; content: ''; display: inline-block; position: relative; vertical-align: middle; left: -1.5em; z-index: -1; } .aux-dropdown-container select, .aux-select select, .aux-dropdown select { -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-radius: 0; padding: 0.5em 2em 0.5em 1em; } .aux-dropdown-container select:focus, .aux-select select:focus, .aux-dropdown select:focus { outline: none; } /* align ============================= ====================================== */ .hidden { display: none !important; } .left { float: left; } .right { float: right; } .center { margin-left: auto; margin-right: auto; display: block; clear: both; } .alignright, .alignleft { margin-bottom: 1em; } .alignright { float: right; margin-left: 1.5em; } .alignleft { float: left; margin-right: 1.5em; } .aux-text-align-center { text-align: center; } .aux-text-align-left { text-align: left; } .aux-text-align-right { text-align: right; } .aux-center-margin { margin-right: auto; margin-left: auto; } .aux-float-right { float: right; } .aux-float-left { float: left; } .rtl .left { float: right; } .rtl .right { float: left; } .rtl .aux-text-align-left { text-align: right; } .rtl .aux-text-align-right { text-align: left; } .rtl .aux-float-right { float: left; } .rtl .aux-float-left { float: right; } /* auxin Grid -------------------- */ .aux-1-1, .aux-1-2, .aux-1-3, .aux-2-3, .aux-1-4, .aux-2-4, .aux-3-4, .aux-1-5, .aux-2-5, .aux-3-5, .aux-4-5, .aux-1-6, .aux-2-6, .aux-3-6, .aux-4-6, .aux-5-6, .aux-1-7, .aux-2-7, .aux-3-7, .aux-4-7, .aux-5-7, .aux-6-7, .aux-1-8, .aux-2-8, .aux-3-8, .aux-4-8, .aux-5-8, .aux-6-8, .aux-7-8, .aux-1-9, .aux-2-9, .aux-3-9, .aux-4-9, .aux-5-9, .aux-6-9, .aux-7-9, .aux-7-9, .aux-1-10, .aux-2-10, .aux-3-10, .aux-4-10, .aux-5-10, .aux-6-10, .aux-7-10, .aux-8-10, .aux-9-10, .aux-1-11, .aux-2-11, .aux-3-11, .aux-4-11, .aux-5-11, .aux-6-11, .aux-7-11, .aux-8-11, .aux-9-11, .aux-10-11, .aux-1-12, .aux-2-12, .aux-3-12, .aux-4-12, .aux-5-12, .aux-6-12, .aux-7-12, .aux-8-12, .aux-9-12, .aux-10-12, .aux-11-12, .aux-col { padding-left: 15px; padding-right: 15px; float: left; display: block; } .aux-no-gutter > .aux-1-1, .aux-no-gutter > .aux-1-2, .aux-no-gutter > .aux-1-3, .aux-no-gutter > .aux-2-3, .aux-no-gutter > .aux-1-4, .aux-no-gutter > .aux-2-4, .aux-no-gutter > .aux-3-4, .aux-no-gutter > .aux-1-5, .aux-no-gutter > .aux-2-5, .aux-no-gutter > .aux-3-5, .aux-no-gutter > .aux-4-5, .aux-no-gutter > .aux-1-6, .aux-no-gutter > .aux-2-6, .aux-no-gutter > .aux-3-6, .aux-no-gutter > .aux-4-6, .aux-no-gutter > .aux-5-6, .aux-no-gutter > .aux-1-7, .aux-no-gutter > .aux-2-7, .aux-no-gutter > .aux-3-7, .aux-no-gutter > .aux-4-7, .aux-no-gutter > .aux-5-7, .aux-no-gutter > .aux-6-7, .aux-no-gutter > .aux-1-8, .aux-no-gutter > .aux-2-8, .aux-no-gutter > .aux-3-8, .aux-no-gutter > .aux-4-8, .aux-no-gutter > .aux-5-8, .aux-no-gutter > .aux-6-8, .aux-no-gutter > .aux-7-8, .aux-no-gutter > .aux-1-9, .aux-no-gutter > .aux-2-9, .aux-no-gutter > .aux-3-9, .aux-no-gutter > .aux-4-9, .aux-no-gutter > .aux-5-9, .aux-no-gutter > .aux-6-9, .aux-no-gutter > .aux-7-9, .aux-no-gutter > .aux-7-9, .aux-no-gutter > .aux-1-10, .aux-no-gutter > .aux-2-10, .aux-no-gutter > .aux-3-10, .aux-no-gutter > .aux-4-10, .aux-no-gutter > .aux-5-10, .aux-no-gutter > .aux-6-10, .aux-no-gutter > .aux-7-10, .aux-no-gutter > .aux-8-10, .aux-no-gutter > .aux-9-10, .aux-no-gutter > .aux-1-11, .aux-no-gutter > .aux-2-11, .aux-no-gutter > .aux-3-11, .aux-no-gutter > .aux-4-11, .aux-no-gutter > .aux-5-11, .aux-no-gutter > .aux-6-11, .aux-no-gutter > .aux-7-11, .aux-no-gutter > .aux-8-11, .aux-no-gutter > .aux-9-11, .aux-no-gutter > .aux-10-11, .aux-no-gutter > .aux-1-12, .aux-no-gutter > .aux-2-12, .aux-no-gutter > .aux-3-12, .aux-no-gutter > .aux-4-12, .aux-no-gutter > .aux-5-12, .aux-no-gutter > .aux-6-12, .aux-no-gutter > .aux-7-12, .aux-no-gutter > .aux-8-12, .aux-no-gutter > .aux-9-12, .aux-no-gutter > .aux-10-12, .aux-no-gutter > .aux-11-12, .aux-no-gutter > .aux-col { padding-left: 0; padding-right: 0; } .aux-1-1, .aux-1-2, .aux-1-3, .aux-2-3, .aux-1-4, .aux-2-4, .aux-3-4, .aux-1-5, .aux-2-5, .aux-3-5, .aux-4-5, .aux-1-6, .aux-2-6, .aux-3-6, .aux-4-6, .aux-5-6, .aux-1-7, .aux-2-7, .aux-3-7, .aux-4-7, .aux-5-7, .aux-6-7, .aux-1-8, .aux-2-8, .aux-3-8, .aux-4-8, .aux-5-8, .aux-6-8, .aux-7-8, .aux-1-9, .aux-2-9, .aux-3-9, .aux-4-9, .aux-5-9, .aux-6-9, .aux-7-9, .aux-7-9, .aux-1-10, .aux-2-10, .aux-3-10, .aux-4-10, .aux-5-10, .aux-6-10, .aux-7-10, .aux-8-10, .aux-9-10, .aux-1-11, .aux-2-11, .aux-3-11, .aux-4-11, .aux-5-11, .aux-6-11, .aux-7-11, .aux-8-11, .aux-9-11, .aux-10-11, .aux-1-12, .aux-2-12, .aux-3-12, .aux-4-12, .aux-5-12, .aux-6-12, .aux-7-12, .aux-8-12, .aux-9-12, .aux-10-12, .aux-11-12 { margin-bottom: 30px; } .aux-col-wrapper, .aux-row, .aux-col1, .aux-col2, .aux-col3, .aux-col4, .aux-col5, .aux-col5, .aux-col6, .aux-col7, .aux-col8, .aux-col9, .aux-col10, .aux-col11, .aux-col12 { position: relative; } .aux-col-wrapper:after, .aux-row:after, .aux-col1:after, .aux-col2:after, .aux-col3:after, .aux-col4:after, .aux-col5:after, .aux-col5:after, .aux-col6:after, .aux-col7:after, .aux-col8:after, .aux-col9:after, .aux-col10:after, .aux-col11:after, .aux-col12:after { content: ""; display: table; clear: both; } .aux-col-wrapper.aux-no-gutter, .aux-row.aux-no-gutter, .aux-col1.aux-no-gutter, .aux-col2.aux-no-gutter, .aux-col3.aux-no-gutter, .aux-col4.aux-no-gutter, .aux-col5.aux-no-gutter, .aux-col5.aux-no-gutter, .aux-col6.aux-no-gutter, .aux-col7.aux-no-gutter, .aux-col8.aux-no-gutter, .aux-col9.aux-no-gutter, .aux-col10.aux-no-gutter, .aux-col11.aux-no-gutter, .aux-col12.aux-no-gutter { margin-right: 0; margin-left: 0; } .aux-col1 { margin-bottom: 30px; } .aux-col2 { margin-bottom: 30px; } .aux-col3 { margin-bottom: 30px; } .aux-col4 { margin-bottom: 30px; } .aux-col5 { margin-bottom: 30px; } .aux-col6 { margin-bottom: 30px; } .aux-col7 { margin-bottom: 30px; } .aux-col8 { margin-bottom: 30px; } .aux-col9 { margin-bottom: 30px; } .aux-col10 { margin-bottom: 30px; } .aux-col11 { margin-bottom: 30px; } .aux-col12 { margin-bottom: 30px; } .aux-col-wrapper, .aux-row, .aux-col2, .aux-col3, .aux-col4, .aux-col5, .aux-col6, .aux-col7, .aux-col8, .aux-col9, .aux-col10, .aux-col11, .aux-col12 { margin-left: -15px; margin-right: -15px; } .aux-1-1 { width: 100%; } .aux-1-2 { width: 50%; } .aux-1-3 { width: 33.33%; } .aux-1-4 { width: 25%; } .aux-1-5 { width: 20%; } .aux-1-6 { width: 16.66%; } .aux-1-7 { width: 14.28%; } .aux-1-8 { width: 12.5%; } .aux-1-9 { width: 11.11%; } .aux-1-10 { width: 10%; } .aux-1-11 { width: 9.09%; } .aux-1-12 { width: 8.33%; } .aux-2-2 { width: 100%; } .aux-2-3 { width: 66.66%; } .aux-2-4 { width: 50%; } .aux-2-5 { width: 40%; } .aux-2-6 { width: 33.33%; } .aux-2-7 { width: 28.57%; } .aux-2-8 { width: 25%; } .aux-2-9 { width: 22.22%; } .aux-2-10 { width: 20%; } .aux-2-11 { width: 18.18%; } .aux-2-12 { width: 16.66%; } .aux-3-3 { width: 100%; } .aux-3-4 { width: 75%; } .aux-3-5 { width: 60%; } .aux-3-6 { width: 50%; } .aux-3-7 { width: 42.85%; } .aux-3-8 { width: 37.5%; } .aux-3-9 { width: 33.33%; } .aux-3-10 { width: 30%; } .aux-3-11 { width: 27.27%; } .aux-3-12 { width: 25%; } .aux-4-4 { width: 100%; } .aux-4-5 { width: 80%; } .aux-4-6 { width: 66.66%; } .aux-4-7 { width: 57.14%; } .aux-4-8 { width: 50%; } .aux-4-9 { width: 44.44%; } .aux-4-10 { width: 40%; } .aux-4-11 { width: 36.36%; } .aux-4-12 { width: 33.33%; } .aux-5-5 { width: 100%; } .aux-5-6 { width: 83.33%; } .aux-5-7 { width: 71.42%; } .aux-5-8 { width: 62.5%; } .aux-5-9 { width: 55.55%; } .aux-5-10 { width: 50%; } .aux-5-11 { width: 45.45%; } .aux-5-12 { width: 41.66%; } .aux-6-6 { width: 100%; } .aux-6-7 { width: 85.71%; } .aux-6-8 { width: 75%; } .aux-6-9 { width: 66.66%; } .aux-6-10 { width: 60%; } .aux-6-11 { width: 54.54%; } .aux-6-12 { width: 50%; } .aux-7-7 { width: 100%; } .aux-7-8 { width: 87.5%; } .aux-7-9 { width: 77.77%; } .aux-7-10 { width: 70%; } .aux-7-11 { width: 63.63%; } .aux-7-12 { width: 58.33%; } .aux-8-8 { width: 100%; } .aux-8-9 { width: 88.88%; } .aux-8-10 { width: 80%; } .aux-8-11 { width: 72.72%; } .aux-8-12 { width: 66.66%; } .aux-9-9 { width: 100%; } .aux-9-10 { width: 90%; } .aux-9-11 { width: 81.81%; } .aux-9-12 { width: 75%; } .aux-10-10 { width: 100%; } .aux-10-11 { width: 90.9%; } .aux-10-12 { width: 83.33%; } .aux-11-11 { width: 100%; } .aux-11-12 { width: 91.66%; } .aux-12-12 { width: 100%; } /* grid for tablet */ @media screen and (max-width: 1024px) and (min-width: 768px) { .aux-tb-1-1 { width: 100%; } .aux-tb-1-2 { width: 50%; } .aux-tb-1-3 { width: 33.33%; } .aux-tb-1-4 { width: 25%; } .aux-tb-1-5 { width: 20%; } .aux-tb-1-6 { width: 16.66%; } .aux-tb-1-7 { width: 14.28%; } .aux-tb-1-8 { width: 12.5%; } .aux-tb-1-9 { width: 11.11%; } .aux-tb-1-10 { width: 10%; } .aux-tb-1-11 { width: 9.09%; } .aux-tb-1-12 { width: 8.33%; } .aux-tb-2-2 { width: 100%; } .aux-tb-2-3 { width: 66.66%; } .aux-tb-2-4 { width: 50%; } .aux-tb-2-5 { width: 40%; } .aux-tb-2-6 { width: 33.33%; } .aux-tb-2-7 { width: 28.57%; } .aux-tb-2-8 { width: 25%; } .aux-tb-2-9 { width: 22.22%; } .aux-tb-2-10 { width: 20%; } .aux-tb-2-11 { width: 18.18%; } .aux-tb-2-12 { width: 16.66%; } .aux-tb-3-3 { width: 100%; } .aux-tb-3-4 { width: 75%; } .aux-tb-3-5 { width: 60%; } .aux-tb-3-6 { width: 50%; } .aux-tb-3-7 { width: 42.85%; } .aux-tb-3-8 { width: 37.5%; } .aux-tb-3-9 { width: 33.33%; } .aux-tb-3-10 { width: 30%; } .aux-tb-3-11 { width: 27.27%; } .aux-tb-3-12 { width: 25%; } .aux-tb-4-4 { width: 100%; } .aux-tb-4-5 { width: 80%; } .aux-tb-4-6 { width: 66.66%; } .aux-tb-4-7 { width: 57.14%; } .aux-tb-4-8 { width: 50%; } .aux-tb-4-9 { width: 44.44%; } .aux-tb-4-10 { width: 40%; } .aux-tb-4-11 { width: 36.36%; } .aux-tb-4-12 { width: 33.33%; } .aux-tb-5-5 { width: 100%; } .aux-tb-5-6 { width: 83.33%; } .aux-tb-5-7 { width: 71.42%; } .aux-tb-5-8 { width: 62.5%; } .aux-tb-5-9 { width: 55.55%; } .aux-tb-5-10 { width: 50%; } .aux-tb-5-11 { width: 45.45%; } .aux-tb-5-12 { width: 41.66%; } .aux-tb-6-6 { width: 100%; } .aux-tb-6-7 { width: 85.71%; } .aux-tb-6-8 { width: 75%; } .aux-tb-6-9 { width: 66.66%; } .aux-tb-6-10 { width: 60%; } .aux-tb-6-11 { width: 54.54%; } .aux-tb-6-12 { width: 50%; } .aux-tb-7-7 { width: 100%; } .aux-tb-7-8 { width: 87.5%; } .aux-tb-7-9 { width: 77.77%; } .aux-tb-7-10 { width: 70%; } .aux-tb-7-11 { width: 63.63%; } .aux-tb-7-12 { width: 58.33%; } .aux-tb-8-8 { width: 100%; } .aux-tb-8-9 { width: 88.88%; } .aux-tb-8-10 { width: 80%; } .aux-tb-8-11 { width: 72.72%; } .aux-tb-8-12 { width: 66.66%; } .aux-tb-9-9 { width: 100%; } .aux-tb-9-10 { width: 90%; } .aux-tb-9-11 { width: 81.81%; } .aux-tb-9-12 { width: 75%; } .aux-tb-10-10 { width: 100%; } .aux-tb-10-11 { width: 90.9%; } .aux-tb-10-12 { width: 83.33%; } .aux-tb-11-11 { width: 100%; } .aux-tb-11-12 { width: 91.66%; } .aux-tb-12-12 { width: 100%; } } /* grid for mobile */ @media screen and (max-width: 767px) { .aux-mb-1-1 { width: 100%; } .aux-mb-1-2 { width: 50%; } .aux-mb-1-3 { width: 33.33%; } .aux-mb-1-4 { width: 25%; } .aux-mb-1-5 { width: 20%; } .aux-mb-1-6 { width: 16.66%; } .aux-mb-1-7 { width: 14.28%; } .aux-mb-1-8 { width: 12.5%; } .aux-mb-1-9 { width: 11.11%; } .aux-mb-1-10 { width: 10%; } .aux-mb-1-11 { width: 9.09%; } .aux-mb-1-12 { width: 8.33%; } .aux-mb-2-2 { width: 100%; } .aux-mb-2-3 { width: 66.66%; } .aux-mb-2-4 { width: 50%; } .aux-mb-2-5 { width: 40%; } .aux-mb-2-6 { width: 33.33%; } .aux-mb-2-7 { width: 28.57%; } .aux-mb-2-8 { width: 25%; } .aux-mb-2-9 { width: 22.22%; } .aux-mb-2-10 { width: 20%; } .aux-mb-2-11 { width: 18.18%; } .aux-mb-2-12 { width: 16.66%; } .aux-mb-3-3 { width: 100%; } .aux-mb-3-4 { width: 75%; } .aux-mb-3-5 { width: 60%; } .aux-mb-3-6 { width: 50%; } .aux-mb-3-7 { width: 42.85%; } .aux-mb-3-8 { width: 37.5%; } .aux-mb-3-9 { width: 33.33%; } .aux-mb-3-10 { width: 30%; } .aux-mb-3-11 { width: 27.27%; } .aux-mb-3-12 { width: 25%; } .aux-mb-4-4 { width: 100%; } .aux-mb-4-5 { width: 80%; } .aux-mb-4-6 { width: 66.66%; } .aux-mb-4-7 { width: 57.14%; } .aux-mb-4-8 { width: 50%; } .aux-mb-4-9 { width: 44.44%; } .aux-mb-4-10 { width: 40%; } .aux-mb-4-11 { width: 36.36%; } .aux-mb-4-12 { width: 33.33%; } .aux-mb-5-5 { width: 100%; } .aux-mb-5-6 { width: 83.33%; } .aux-mb-5-7 { width: 71.42%; } .aux-mb-5-8 { width: 62.5%; } .aux-mb-5-9 { width: 55.55%; } .aux-mb-5-10 { width: 50%; } .aux-mb-5-11 { width: 45.45%; } .aux-mb-5-12 { width: 41.66%; } .aux-mb-6-6 { width: 100%; } .aux-mb-6-7 { width: 85.71%; } .aux-mb-6-8 { width: 75%; } .aux-mb-6-9 { width: 66.66%; } .aux-mb-6-10 { width: 60%; } .aux-mb-6-11 { width: 54.54%; } .aux-mb-6-12 { width: 50%; } .aux-mb-7-7 { width: 100%; } .aux-mb-7-8 { width: 87.5%; } .aux-mb-7-9 { width: 77.77%; } .aux-mb-7-10 { width: 70%; } .aux-mb-7-11 { width: 63.63%; } .aux-mb-7-12 { width: 58.33%; } .aux-mb-8-8 { width: 100%; } .aux-mb-8-9 { width: 88.88%; } .aux-mb-8-10 { width: 80%; } .aux-mb-8-11 { width: 72.72%; } .aux-mb-8-12 { width: 66.66%; } .aux-mb-9-9 { width: 100%; } .aux-mb-9-10 { width: 90%; } .aux-mb-9-11 { width: 81.81%; } .aux-mb-9-12 { width: 75%; } .aux-mb-10-10 { width: 100%; } .aux-mb-10-11 { width: 90.9%; } .aux-mb-10-12 { width: 83.33%; } .aux-mb-11-11 { width: 100%; } .aux-mb-11-12 { width: 91.66%; } .aux-mb-12-12 { width: 100%; } } .aux-border-collapse > .aux-col { border-width: 1px; border-left-width: 0; border-style: solid; } .aux-col1 > .aux-col { width: 100%; } .aux-col2 > .aux-col { width: 50%; } .aux-col2 .aux-col:nth-child(2n+3) { clear: left; } .aux-col2.aux-border-collapse .aux-col:nth-child(2n+1) { border-left-width: 1px; } .rtl .aux-col2.aux-border-collapse .aux-col:nth-child(2n) { border-left-width: 1px; } .rtl .aux-col2.aux-border-collapse .aux-col:nth-child(2n+1) { border-left-width: 0px; } .aux-col2 .aux-col:nth-child(2n+3) { margin-top: 30px; } .aux-border-collapse.aux-col2 .aux-col:nth-child(2n+3) { border-top-width: 0; } .aux-col2 .aux-col:nth-child(2n+4) { margin-top: 30px; } .aux-border-collapse.aux-col2 .aux-col:nth-child(2n+4) { border-top-width: 0; } .aux-col3 > .aux-col { width: 33.33%; } .aux-col3 .aux-col:nth-child(3n+4) { clear: left; } .aux-col3.aux-border-collapse .aux-col:nth-child(3n+1) { border-left-width: 1px; } .rtl .aux-col3.aux-border-collapse .aux-col:nth-child(3n) { border-left-width: 1px; } .rtl .aux-col3.aux-border-collapse .aux-col:nth-child(3n+1) { border-left-width: 0px; } .aux-col3 .aux-col:nth-child(3n+4) { margin-top: 30px; } .aux-border-collapse.aux-col3 .aux-col:nth-child(3n+4) { border-top-width: 0; } .aux-col3 .aux-col:nth-child(3n+5) { margin-top: 30px; } .aux-border-collapse.aux-col3 .aux-col:nth-child(3n+5) { border-top-width: 0; } .aux-col3 .aux-col:nth-child(3n+6) { margin-top: 30px; } .aux-border-collapse.aux-col3 .aux-col:nth-child(3n+6) { border-top-width: 0; } .aux-col4 > .aux-col { width: 25%; } .aux-col4 .aux-col:nth-child(4n+5) { clear: left; } .aux-col4.aux-border-collapse .aux-col:nth-child(4n+1) { border-left-width: 1px; } .rtl .aux-col4.aux-border-collapse .aux-col:nth-child(4n) { border-left-width: 1px; } .rtl .aux-col4.aux-border-collapse .aux-col:nth-child(4n+1) { border-left-width: 0px; } .aux-col4 .aux-col:nth-child(4n+5) { margin-top: 30px; } .aux-border-collapse.aux-col4 .aux-col:nth-child(4n+5) { border-top-width: 0; } .aux-col4 .aux-col:nth-child(4n+6) { margin-top: 30px; } .aux-border-collapse.aux-col4 .aux-col:nth-child(4n+6) { border-top-width: 0; } .aux-col4 .aux-col:nth-child(4n+7) { margin-top: 30px; } .aux-border-collapse.aux-col4 .aux-col:nth-child(4n+7) { border-top-width: 0; } .aux-col4 .aux-col:nth-child(4n+8) { margin-top: 30px; } .aux-border-collapse.aux-col4 .aux-col:nth-child(4n+8) { border-top-width: 0; } .aux-col5 > .aux-col { width: 20%; } .aux-col5 .aux-col:nth-child(5n+6) { clear: left; } .aux-col5.aux-border-collapse .aux-col:nth-child(5n+1) { border-left-width: 1px; } .rtl .aux-col5.aux-border-collapse .aux-col:nth-child(5n) { border-left-width: 1px; } .rtl .aux-col5.aux-border-collapse .aux-col:nth-child(5n+1) { border-left-width: 0px; } .aux-col5 .aux-col:nth-child(5n+6) { margin-top: 30px; } .aux-border-collapse.aux-col5 .aux-col:nth-child(5n+6) { border-top-width: 0; } .aux-col5 .aux-col:nth-child(5n+7) { margin-top: 30px; } .aux-border-collapse.aux-col5 .aux-col:nth-child(5n+7) { border-top-width: 0; } .aux-col5 .aux-col:nth-child(5n+8) { margin-top: 30px; } .aux-border-collapse.aux-col5 .aux-col:nth-child(5n+8) { border-top-width: 0; } .aux-col5 .aux-col:nth-child(5n+9) { margin-top: 30px; } .aux-border-collapse.aux-col5 .aux-col:nth-child(5n+9) { border-top-width: 0; } .aux-col5 .aux-col:nth-child(5n+10) { margin-top: 30px; } .aux-border-collapse.aux-col5 .aux-col:nth-child(5n+10) { border-top-width: 0; } .aux-col6 > .aux-col { width: 16.66%; } .aux-col6 .aux-col:nth-child(6n+7) { clear: left; } .aux-col6.aux-border-collapse .aux-col:nth-child(6n+1) { border-left-width: 1px; } .rtl .aux-col6.aux-border-collapse .aux-col:nth-child(6n) { border-left-width: 1px; } .rtl .aux-col6.aux-border-collapse .aux-col:nth-child(6n+1) { border-left-width: 0px; } .aux-col6 .aux-col:nth-child(6n+7) { margin-top: 30px; } .aux-border-collapse.aux-col6 .aux-col:nth-child(6n+7) { border-top-width: 0; } .aux-col6 .aux-col:nth-child(6n+8) { margin-top: 30px; } .aux-border-collapse.aux-col6 .aux-col:nth-child(6n+8) { border-top-width: 0; } .aux-col6 .aux-col:nth-child(6n+9) { margin-top: 30px; } .aux-border-collapse.aux-col6 .aux-col:nth-child(6n+9) { border-top-width: 0; } .aux-col6 .aux-col:nth-child(6n+10) { margin-top: 30px; } .aux-border-collapse.aux-col6 .aux-col:nth-child(6n+10) { border-top-width: 0; } .aux-col6 .aux-col:nth-child(6n+11) { margin-top: 30px; } .aux-border-collapse.aux-col6 .aux-col:nth-child(6n+11) { border-top-width: 0; } .aux-col6 .aux-col:nth-child(6n+12) { margin-top: 30px; } .aux-border-collapse.aux-col6 .aux-col:nth-child(6n+12) { border-top-width: 0; } .aux-col7 > .aux-col { width: 14.28%; } .aux-col7 .aux-col:nth-child(7n+8) { clear: left; } .aux-col7.aux-border-collapse .aux-col:nth-child(7n+1) { border-left-width: 1px; } .rtl .aux-col7.aux-border-collapse .aux-col:nth-child(7n) { border-left-width: 1px; } .rtl .aux-col7.aux-border-collapse .aux-col:nth-child(7n+1) { border-left-width: 0px; } .aux-col7 .aux-col:nth-child(7n+8) { margin-top: 30px; } .aux-border-collapse.aux-col7 .aux-col:nth-child(7n+8) { border-top-width: 0; } .aux-col7 .aux-col:nth-child(7n+9) { margin-top: 30px; } .aux-border-collapse.aux-col7 .aux-col:nth-child(7n+9) { border-top-width: 0; } .aux-col7 .aux-col:nth-child(7n+10) { margin-top: 30px; } .aux-border-collapse.aux-col7 .aux-col:nth-child(7n+10) { border-top-width: 0; } .aux-col7 .aux-col:nth-child(7n+11) { margin-top: 30px; } .aux-border-collapse.aux-col7 .aux-col:nth-child(7n+11) { border-top-width: 0; } .aux-col7 .aux-col:nth-child(7n+12) { margin-top: 30px; } .aux-border-collapse.aux-col7 .aux-col:nth-child(7n+12) { border-top-width: 0; } .aux-col7 .aux-col:nth-child(7n+13) { margin-top: 30px; } .aux-border-collapse.aux-col7 .aux-col:nth-child(7n+13) { border-top-width: 0; } .aux-col7 .aux-col:nth-child(7n+14) { margin-top: 30px; } .aux-border-collapse.aux-col7 .aux-col:nth-child(7n+14) { border-top-width: 0; } .aux-col8 > .aux-col { width: 12.5%; } .aux-col8 .aux-col:nth-child(8n+9) { clear: left; } .aux-col8.aux-border-collapse .aux-col:nth-child(8n+1) { border-left-width: 1px; } .rtl .aux-col8.aux-border-collapse .aux-col:nth-child(8n) { border-left-width: 1px; } .rtl .aux-col8.aux-border-collapse .aux-col:nth-child(8n+1) { border-left-width: 0px; } .aux-col8 .aux-col:nth-child(8n+9) { margin-top: 30px; } .aux-border-collapse.aux-col8 .aux-col:nth-child(8n+9) { border-top-width: 0; } .aux-col8 .aux-col:nth-child(8n+10) { margin-top: 30px; } .aux-border-collapse.aux-col8 .aux-col:nth-child(8n+10) { border-top-width: 0; } .aux-col8 .aux-col:nth-child(8n+11) { margin-top: 30px; } .aux-border-collapse.aux-col8 .aux-col:nth-child(8n+11) { border-top-width: 0; } .aux-col8 .aux-col:nth-child(8n+12) { margin-top: 30px; } .aux-border-collapse.aux-col8 .aux-col:nth-child(8n+12) { border-top-width: 0; } .aux-col8 .aux-col:nth-child(8n+13) { margin-top: 30px; } .aux-border-collapse.aux-col8 .aux-col:nth-child(8n+13) { border-top-width: 0; } .aux-col8 .aux-col:nth-child(8n+14) { margin-top: 30px; } .aux-border-collapse.aux-col8 .aux-col:nth-child(8n+14) { border-top-width: 0; } .aux-col8 .aux-col:nth-child(8n+15) { margin-top: 30px; } .aux-border-collapse.aux-col8 .aux-col:nth-child(8n+15) { border-top-width: 0; } .aux-col8 .aux-col:nth-child(8n+16) { margin-top: 30px; } .aux-border-collapse.aux-col8 .aux-col:nth-child(8n+16) { border-top-width: 0; } .aux-col9 > .aux-col { width: 11.11%; } .aux-col9 .aux-col:nth-child(9n+10) { clear: left; } .aux-col9.aux-border-collapse .aux-col:nth-child(9n+1) { border-left-width: 1px; } .rtl .aux-col9.aux-border-collapse .aux-col:nth-child(9n) { border-left-width: 1px; } .rtl .aux-col9.aux-border-collapse .aux-col:nth-child(9n+1) { border-left-width: 0px; } .aux-col9 .aux-col:nth-child(9n+10) { margin-top: 30px; } .aux-border-collapse.aux-col9 .aux-col:nth-child(9n+10) { border-top-width: 0; } .aux-col9 .aux-col:nth-child(9n+11) { margin-top: 30px; } .aux-border-collapse.aux-col9 .aux-col:nth-child(9n+11) { border-top-width: 0; } .aux-col9 .aux-col:nth-child(9n+12) { margin-top: 30px; } .aux-border-collapse.aux-col9 .aux-col:nth-child(9n+12) { border-top-width: 0; } .aux-col9 .aux-col:nth-child(9n+13) { margin-top: 30px; } .aux-border-collapse.aux-col9 .aux-col:nth-child(9n+13) { border-top-width: 0; } .aux-col9 .aux-col:nth-child(9n+14) { margin-top: 30px; } .aux-border-collapse.aux-col9 .aux-col:nth-child(9n+14) { border-top-width: 0; } .aux-col9 .aux-col:nth-child(9n+15) { margin-top: 30px; } .aux-border-collapse.aux-col9 .aux-col:nth-child(9n+15) { border-top-width: 0; } .aux-col9 .aux-col:nth-child(9n+16) { margin-top: 30px; } .aux-border-collapse.aux-col9 .aux-col:nth-child(9n+16) { border-top-width: 0; } .aux-col9 .aux-col:nth-child(9n+17) { margin-top: 30px; } .aux-border-collapse.aux-col9 .aux-col:nth-child(9n+17) { border-top-width: 0; } .aux-col9 .aux-col:nth-child(9n+18) { margin-top: 30px; } .aux-border-collapse.aux-col9 .aux-col:nth-child(9n+18) { border-top-width: 0; } .aux-col10 > .aux-col { width: 10%; } .aux-col10 .aux-col:nth-child(10n+11) { clear: left; } .aux-col10.aux-border-collapse .aux-col:nth-child(10n+1) { border-left-width: 1px; } .rtl .aux-col10.aux-border-collapse .aux-col:nth-child(10n) { border-left-width: 1px; } .rtl .aux-col10.aux-border-collapse .aux-col:nth-child(10n+1) { border-left-width: 0px; } .aux-col10 .aux-col:nth-child(10n+11) { margin-top: 30px; } .aux-border-collapse.aux-col10 .aux-col:nth-child(10n+11) { border-top-width: 0; } .aux-col10 .aux-col:nth-child(10n+12) { margin-top: 30px; } .aux-border-collapse.aux-col10 .aux-col:nth-child(10n+12) { border-top-width: 0; } .aux-col10 .aux-col:nth-child(10n+13) { margin-top: 30px; } .aux-border-collapse.aux-col10 .aux-col:nth-child(10n+13) { border-top-width: 0; } .aux-col10 .aux-col:nth-child(10n+14) { margin-top: 30px; } .aux-border-collapse.aux-col10 .aux-col:nth-child(10n+14) { border-top-width: 0; } .aux-col10 .aux-col:nth-child(10n+15) { margin-top: 30px; } .aux-border-collapse.aux-col10 .aux-col:nth-child(10n+15) { border-top-width: 0; } .aux-col10 .aux-col:nth-child(10n+16) { margin-top: 30px; } .aux-border-collapse.aux-col10 .aux-col:nth-child(10n+16) { border-top-width: 0; } .aux-col10 .aux-col:nth-child(10n+17) { margin-top: 30px; } .aux-border-collapse.aux-col10 .aux-col:nth-child(10n+17) { border-top-width: 0; } .aux-col10 .aux-col:nth-child(10n+18) { margin-top: 30px; } .aux-border-collapse.aux-col10 .aux-col:nth-child(10n+18) { border-top-width: 0; } .aux-col10 .aux-col:nth-child(10n+19) { margin-top: 30px; } .aux-border-collapse.aux-col10 .aux-col:nth-child(10n+19) { border-top-width: 0; } .aux-col10 .aux-col:nth-child(10n+20) { margin-top: 30px; } .aux-border-collapse.aux-col10 .aux-col:nth-child(10n+20) { border-top-width: 0; } .aux-col11 > .aux-col { width: 9.09%; } .aux-col11 .aux-col:nth-child(11n+12) { clear: left; } .aux-col11.aux-border-collapse .aux-col:nth-child(11n+1) { border-left-width: 1px; } .rtl .aux-col11.aux-border-collapse .aux-col:nth-child(11n) { border-left-width: 1px; } .rtl .aux-col11.aux-border-collapse .aux-col:nth-child(11n+1) { border-left-width: 0px; } .aux-col11 .aux-col:nth-child(11n+12) { margin-top: 30px; } .aux-border-collapse.aux-col11 .aux-col:nth-child(11n+12) { border-top-width: 0; } .aux-col11 .aux-col:nth-child(11n+13) { margin-top: 30px; } .aux-border-collapse.aux-col11 .aux-col:nth-child(11n+13) { border-top-width: 0; } .aux-col11 .aux-col:nth-child(11n+14) { margin-top: 30px; } .aux-border-collapse.aux-col11 .aux-col:nth-child(11n+14) { border-top-width: 0; } .aux-col11 .aux-col:nth-child(11n+15) { margin-top: 30px; } .aux-border-collapse.aux-col11 .aux-col:nth-child(11n+15) { border-top-width: 0; } .aux-col11 .aux-col:nth-child(11n+16) { margin-top: 30px; } .aux-border-collapse.aux-col11 .aux-col:nth-child(11n+16) { border-top-width: 0; } .aux-col11 .aux-col:nth-child(11n+17) { margin-top: 30px; } .aux-border-collapse.aux-col11 .aux-col:nth-child(11n+17) { border-top-width: 0; } .aux-col11 .aux-col:nth-child(11n+18) { margin-top: 30px; } .aux-border-collapse.aux-col11 .aux-col:nth-child(11n+18) { border-top-width: 0; } .aux-col11 .aux-col:nth-child(11n+19) { margin-top: 30px; } .aux-border-collapse.aux-col11 .aux-col:nth-child(11n+19) { border-top-width: 0; } .aux-col11 .aux-col:nth-child(11n+20) { margin-top: 30px; } .aux-border-collapse.aux-col11 .aux-col:nth-child(11n+20) { border-top-width: 0; } .aux-col11 .aux-col:nth-child(11n+21) { margin-top: 30px; } .aux-border-collapse.aux-col11 .aux-col:nth-child(11n+21) { border-top-width: 0; } .aux-col11 .aux-col:nth-child(11n+22) { margin-top: 30px; } .aux-border-collapse.aux-col11 .aux-col:nth-child(11n+22) { border-top-width: 0; } .aux-col12 > .aux-col { width: 8.33%; } .aux-col12 .aux-col:nth-child(12n+13) { clear: left; } .aux-col12.aux-border-collapse .aux-col:nth-child(12n+1) { border-left-width: 1px; } .rtl .aux-col12.aux-border-collapse .aux-col:nth-child(12n) { border-left-width: 1px; } .rtl .aux-col12.aux-border-collapse .aux-col:nth-child(12n+1) { border-left-width: 0px; } .aux-col12 .aux-col:nth-child(12n+13) { margin-top: 30px; } .aux-border-collapse.aux-col12 .aux-col:nth-child(12n+13) { border-top-width: 0; } .aux-col12 .aux-col:nth-child(12n+14) { margin-top: 30px; } .aux-border-collapse.aux-col12 .aux-col:nth-child(12n+14) { border-top-width: 0; } .aux-col12 .aux-col:nth-child(12n+15) { margin-top: 30px; } .aux-border-collapse.aux-col12 .aux-col:nth-child(12n+15) { border-top-width: 0; } .aux-col12 .aux-col:nth-child(12n+16) { margin-top: 30px; } .aux-border-collapse.aux-col12 .aux-col:nth-child(12n+16) { border-top-width: 0; } .aux-col12 .aux-col:nth-child(12n+17) { margin-top: 30px; } .aux-border-collapse.aux-col12 .aux-col:nth-child(12n+17) { border-top-width: 0; } .aux-col12 .aux-col:nth-child(12n+18) { margin-top: 30px; } .aux-border-collapse.aux-col12 .aux-col:nth-child(12n+18) { border-top-width: 0; } .aux-col12 .aux-col:nth-child(12n+19) { margin-top: 30px; } .aux-border-collapse.aux-col12 .aux-col:nth-child(12n+19) { border-top-width: 0; } .aux-col12 .aux-col:nth-child(12n+20) { margin-top: 30px; } .aux-border-collapse.aux-col12 .aux-col:nth-child(12n+20) { border-top-width: 0; } .aux-col12 .aux-col:nth-child(12n+21) { margin-top: 30px; } .aux-border-collapse.aux-col12 .aux-col:nth-child(12n+21) { border-top-width: 0; } .aux-col12 .aux-col:nth-child(12n+22) { margin-top: 30px; } .aux-border-collapse.aux-col12 .aux-col:nth-child(12n+22) { border-top-width: 0; } .aux-col12 .aux-col:nth-child(12n+23) { margin-top: 30px; } .aux-border-collapse.aux-col12 .aux-col:nth-child(12n+23) { border-top-width: 0; } .aux-col12 .aux-col:nth-child(12n+24) { margin-top: 30px; } .aux-border-collapse.aux-col12 .aux-col:nth-child(12n+24) { border-top-width: 0; } .aux-col1 > .aux-col:nth-child(n+2) { margin-top: 30px; } .aux-col1.aux-border-collapse > .aux-col { border-left-width: 1px; } .aux-col1.aux-border-collapse > .aux-col:nth-child(n+2) { border-top-width: 0; } /* grid for desktop */ @media screen and (min-width: 1025px) { .aux-de-col1 > .aux-col { width: 100%; } .aux-de-col2 > .aux-col { width: 50%; } .aux-de-col2 .aux-col:nth-child(2n+3) { clear: left; } .aux-de-col2.aux-border-collapse .aux-col:nth-child(2n+1) { border-left-width: 1px; } .rtl .aux-de-col2.aux-border-collapse .aux-col:nth-child(2n) { border-left-width: 1px; } .rtl .aux-de-col2.aux-border-collapse .aux-col:nth-child(2n+1) { border-left-width: 0px; } .aux-de-col2 .aux-col:nth-child(2n+3) { margin-top: 30px; } .aux-border-collapse.aux-de-col2 .aux-col:nth-child(2n+3) { border-top-width: 0; } .aux-de-col2 .aux-col:nth-child(2n+4) { margin-top: 30px; } .aux-border-collapse.aux-de-col2 .aux-col:nth-child(2n+4) { border-top-width: 0; } .aux-de-col3 > .aux-col { width: 33.33%; } .aux-de-col3 .aux-col:nth-child(3n+4) { clear: left; } .aux-de-col3.aux-border-collapse .aux-col:nth-child(3n+1) { border-left-width: 1px; } .rtl .aux-de-col3.aux-border-collapse .aux-col:nth-child(3n) { border-left-width: 1px; } .rtl .aux-de-col3.aux-border-collapse .aux-col:nth-child(3n+1) { border-left-width: 0px; } .aux-de-col3 .aux-col:nth-child(3n+4) { margin-top: 30px; } .aux-border-collapse.aux-de-col3 .aux-col:nth-child(3n+4) { border-top-width: 0; } .aux-de-col3 .aux-col:nth-child(3n+5) { margin-top: 30px; } .aux-border-collapse.aux-de-col3 .aux-col:nth-child(3n+5) { border-top-width: 0; } .aux-de-col3 .aux-col:nth-child(3n+6) { margin-top: 30px; } .aux-border-collapse.aux-de-col3 .aux-col:nth-child(3n+6) { border-top-width: 0; } .aux-de-col4 > .aux-col { width: 25%; } .aux-de-col4 .aux-col:nth-child(4n+5) { clear: left; } .aux-de-col4.aux-border-collapse .aux-col:nth-child(4n+1) { border-left-width: 1px; } .rtl .aux-de-col4.aux-border-collapse .aux-col:nth-child(4n) { border-left-width: 1px; } .rtl .aux-de-col4.aux-border-collapse .aux-col:nth-child(4n+1) { border-left-width: 0px; } .aux-de-col4 .aux-col:nth-child(4n+5) { margin-top: 30px; } .aux-border-collapse.aux-de-col4 .aux-col:nth-child(4n+5) { border-top-width: 0; } .aux-de-col4 .aux-col:nth-child(4n+6) { margin-top: 30px; } .aux-border-collapse.aux-de-col4 .aux-col:nth-child(4n+6) { border-top-width: 0; } .aux-de-col4 .aux-col:nth-child(4n+7) { margin-top: 30px; } .aux-border-collapse.aux-de-col4 .aux-col:nth-child(4n+7) { border-top-width: 0; } .aux-de-col4 .aux-col:nth-child(4n+8) { margin-top: 30px; } .aux-border-collapse.aux-de-col4 .aux-col:nth-child(4n+8) { border-top-width: 0; } .aux-de-col5 > .aux-col { width: 20%; } .aux-de-col5 .aux-col:nth-child(5n+6) { clear: left; } .aux-de-col5.aux-border-collapse .aux-col:nth-child(5n+1) { border-left-width: 1px; } .rtl .aux-de-col5.aux-border-collapse .aux-col:nth-child(5n) { border-left-width: 1px; } .rtl .aux-de-col5.aux-border-collapse .aux-col:nth-child(5n+1) { border-left-width: 0px; } .aux-de-col5 .aux-col:nth-child(5n+6) { margin-top: 30px; } .aux-border-collapse.aux-de-col5 .aux-col:nth-child(5n+6) { border-top-width: 0; } .aux-de-col5 .aux-col:nth-child(5n+7) { margin-top: 30px; } .aux-border-collapse.aux-de-col5 .aux-col:nth-child(5n+7) { border-top-width: 0; } .aux-de-col5 .aux-col:nth-child(5n+8) { margin-top: 30px; } .aux-border-collapse.aux-de-col5 .aux-col:nth-child(5n+8) { border-top-width: 0; } .aux-de-col5 .aux-col:nth-child(5n+9) { margin-top: 30px; } .aux-border-collapse.aux-de-col5 .aux-col:nth-child(5n+9) { border-top-width: 0; } .aux-de-col5 .aux-col:nth-child(5n+10) { margin-top: 30px; } .aux-border-collapse.aux-de-col5 .aux-col:nth-child(5n+10) { border-top-width: 0; } .aux-de-col6 > .aux-col { width: 16.66%; } .aux-de-col6 .aux-col:nth-child(6n+7) { clear: left; } .aux-de-col6.aux-border-collapse .aux-col:nth-child(6n+1) { border-left-width: 1px; } .rtl .aux-de-col6.aux-border-collapse .aux-col:nth-child(6n) { border-left-width: 1px; } .rtl .aux-de-col6.aux-border-collapse .aux-col:nth-child(6n+1) { border-left-width: 0px; } .aux-de-col6 .aux-col:nth-child(6n+7) { margin-top: 30px; } .aux-border-collapse.aux-de-col6 .aux-col:nth-child(6n+7) { border-top-width: 0; } .aux-de-col6 .aux-col:nth-child(6n+8) { margin-top: 30px; } .aux-border-collapse.aux-de-col6 .aux-col:nth-child(6n+8) { border-top-width: 0; } .aux-de-col6 .aux-col:nth-child(6n+9) { margin-top: 30px; } .aux-border-collapse.aux-de-col6 .aux-col:nth-child(6n+9) { border-top-width: 0; } .aux-de-col6 .aux-col:nth-child(6n+10) { margin-top: 30px; } .aux-border-collapse.aux-de-col6 .aux-col:nth-child(6n+10) { border-top-width: 0; } .aux-de-col6 .aux-col:nth-child(6n+11) { margin-top: 30px; } .aux-border-collapse.aux-de-col6 .aux-col:nth-child(6n+11) { border-top-width: 0; } .aux-de-col6 .aux-col:nth-child(6n+12) { margin-top: 30px; } .aux-border-collapse.aux-de-col6 .aux-col:nth-child(6n+12) { border-top-width: 0; } .aux-de-col7 > .aux-col { width: 14.28%; } .aux-de-col7 .aux-col:nth-child(7n+8) { clear: left; } .aux-de-col7.aux-border-collapse .aux-col:nth-child(7n+1) { border-left-width: 1px; } .rtl .aux-de-col7.aux-border-collapse .aux-col:nth-child(7n) { border-left-width: 1px; } .rtl .aux-de-col7.aux-border-collapse .aux-col:nth-child(7n+1) { border-left-width: 0px; } .aux-de-col7 .aux-col:nth-child(7n+8) { margin-top: 30px; } .aux-border-collapse.aux-de-col7 .aux-col:nth-child(7n+8) { border-top-width: 0; } .aux-de-col7 .aux-col:nth-child(7n+9) { margin-top: 30px; } .aux-border-collapse.aux-de-col7 .aux-col:nth-child(7n+9) { border-top-width: 0; } .aux-de-col7 .aux-col:nth-child(7n+10) { margin-top: 30px; } .aux-border-collapse.aux-de-col7 .aux-col:nth-child(7n+10) { border-top-width: 0; } .aux-de-col7 .aux-col:nth-child(7n+11) { margin-top: 30px; } .aux-border-collapse.aux-de-col7 .aux-col:nth-child(7n+11) { border-top-width: 0; } .aux-de-col7 .aux-col:nth-child(7n+12) { margin-top: 30px; } .aux-border-collapse.aux-de-col7 .aux-col:nth-child(7n+12) { border-top-width: 0; } .aux-de-col7 .aux-col:nth-child(7n+13) { margin-top: 30px; } .aux-border-collapse.aux-de-col7 .aux-col:nth-child(7n+13) { border-top-width: 0; } .aux-de-col7 .aux-col:nth-child(7n+14) { margin-top: 30px; } .aux-border-collapse.aux-de-col7 .aux-col:nth-child(7n+14) { border-top-width: 0; } .aux-de-col8 > .aux-col { width: 12.5%; } .aux-de-col8 .aux-col:nth-child(8n+9) { clear: left; } .aux-de-col8.aux-border-collapse .aux-col:nth-child(8n+1) { border-left-width: 1px; } .rtl .aux-de-col8.aux-border-collapse .aux-col:nth-child(8n) { border-left-width: 1px; } .rtl .aux-de-col8.aux-border-collapse .aux-col:nth-child(8n+1) { border-left-width: 0px; } .aux-de-col8 .aux-col:nth-child(8n+9) { margin-top: 30px; } .aux-border-collapse.aux-de-col8 .aux-col:nth-child(8n+9) { border-top-width: 0; } .aux-de-col8 .aux-col:nth-child(8n+10) { margin-top: 30px; } .aux-border-collapse.aux-de-col8 .aux-col:nth-child(8n+10) { border-top-width: 0; } .aux-de-col8 .aux-col:nth-child(8n+11) { margin-top: 30px; } .aux-border-collapse.aux-de-col8 .aux-col:nth-child(8n+11) { border-top-width: 0; } .aux-de-col8 .aux-col:nth-child(8n+12) { margin-top: 30px; } .aux-border-collapse.aux-de-col8 .aux-col:nth-child(8n+12) { border-top-width: 0; } .aux-de-col8 .aux-col:nth-child(8n+13) { margin-top: 30px; } .aux-border-collapse.aux-de-col8 .aux-col:nth-child(8n+13) { border-top-width: 0; } .aux-de-col8 .aux-col:nth-child(8n+14) { margin-top: 30px; } .aux-border-collapse.aux-de-col8 .aux-col:nth-child(8n+14) { border-top-width: 0; } .aux-de-col8 .aux-col:nth-child(8n+15) { margin-top: 30px; } .aux-border-collapse.aux-de-col8 .aux-col:nth-child(8n+15) { border-top-width: 0; } .aux-de-col8 .aux-col:nth-child(8n+16) { margin-top: 30px; } .aux-border-collapse.aux-de-col8 .aux-col:nth-child(8n+16) { border-top-width: 0; } .aux-de-col9 > .aux-col { width: 11.11%; } .aux-de-col9 .aux-col:nth-child(9n+10) { clear: left; } .aux-de-col9.aux-border-collapse .aux-col:nth-child(9n+1) { border-left-width: 1px; } .rtl .aux-de-col9.aux-border-collapse .aux-col:nth-child(9n) { border-left-width: 1px; } .rtl .aux-de-col9.aux-border-collapse .aux-col:nth-child(9n+1) { border-left-width: 0px; } .aux-de-col9 .aux-col:nth-child(9n+10) { margin-top: 30px; } .aux-border-collapse.aux-de-col9 .aux-col:nth-child(9n+10) { border-top-width: 0; } .aux-de-col9 .aux-col:nth-child(9n+11) { margin-top: 30px; } .aux-border-collapse.aux-de-col9 .aux-col:nth-child(9n+11) { border-top-width: 0; } .aux-de-col9 .aux-col:nth-child(9n+12) { margin-top: 30px; } .aux-border-collapse.aux-de-col9 .aux-col:nth-child(9n+12) { border-top-width: 0; } .aux-de-col9 .aux-col:nth-child(9n+13) { margin-top: 30px; } .aux-border-collapse.aux-de-col9 .aux-col:nth-child(9n+13) { border-top-width: 0; } .aux-de-col9 .aux-col:nth-child(9n+14) { margin-top: 30px; } .aux-border-collapse.aux-de-col9 .aux-col:nth-child(9n+14) { border-top-width: 0; } .aux-de-col9 .aux-col:nth-child(9n+15) { margin-top: 30px; } .aux-border-collapse.aux-de-col9 .aux-col:nth-child(9n+15) { border-top-width: 0; } .aux-de-col9 .aux-col:nth-child(9n+16) { margin-top: 30px; } .aux-border-collapse.aux-de-col9 .aux-col:nth-child(9n+16) { border-top-width: 0; } .aux-de-col9 .aux-col:nth-child(9n+17) { margin-top: 30px; } .aux-border-collapse.aux-de-col9 .aux-col:nth-child(9n+17) { border-top-width: 0; } .aux-de-col9 .aux-col:nth-child(9n+18) { margin-top: 30px; } .aux-border-collapse.aux-de-col9 .aux-col:nth-child(9n+18) { border-top-width: 0; } .aux-de-col10 > .aux-col { width: 10%; } .aux-de-col10 .aux-col:nth-child(10n+11) { clear: left; } .aux-de-col10.aux-border-collapse .aux-col:nth-child(10n+1) { border-left-width: 1px; } .rtl .aux-de-col10.aux-border-collapse .aux-col:nth-child(10n) { border-left-width: 1px; } .rtl .aux-de-col10.aux-border-collapse .aux-col:nth-child(10n+1) { border-left-width: 0px; } .aux-de-col10 .aux-col:nth-child(10n+11) { margin-top: 30px; } .aux-border-collapse.aux-de-col10 .aux-col:nth-child(10n+11) { border-top-width: 0; } .aux-de-col10 .aux-col:nth-child(10n+12) { margin-top: 30px; } .aux-border-collapse.aux-de-col10 .aux-col:nth-child(10n+12) { border-top-width: 0; } .aux-de-col10 .aux-col:nth-child(10n+13) { margin-top: 30px; } .aux-border-collapse.aux-de-col10 .aux-col:nth-child(10n+13) { border-top-width: 0; } .aux-de-col10 .aux-col:nth-child(10n+14) { margin-top: 30px; } .aux-border-collapse.aux-de-col10 .aux-col:nth-child(10n+14) { border-top-width: 0; } .aux-de-col10 .aux-col:nth-child(10n+15) { margin-top: 30px; } .aux-border-collapse.aux-de-col10 .aux-col:nth-child(10n+15) { border-top-width: 0; } .aux-de-col10 .aux-col:nth-child(10n+16) { margin-top: 30px; } .aux-border-collapse.aux-de-col10 .aux-col:nth-child(10n+16) { border-top-width: 0; } .aux-de-col10 .aux-col:nth-child(10n+17) { margin-top: 30px; } .aux-border-collapse.aux-de-col10 .aux-col:nth-child(10n+17) { border-top-width: 0; } .aux-de-col10 .aux-col:nth-child(10n+18) { margin-top: 30px; } .aux-border-collapse.aux-de-col10 .aux-col:nth-child(10n+18) { border-top-width: 0; } .aux-de-col10 .aux-col:nth-child(10n+19) { margin-top: 30px; } .aux-border-collapse.aux-de-col10 .aux-col:nth-child(10n+19) { border-top-width: 0; } .aux-de-col10 .aux-col:nth-child(10n+20) { margin-top: 30px; } .aux-border-collapse.aux-de-col10 .aux-col:nth-child(10n+20) { border-top-width: 0; } .aux-de-col11 > .aux-col { width: 9.09%; } .aux-de-col11 .aux-col:nth-child(11n+12) { clear: left; } .aux-de-col11.aux-border-collapse .aux-col:nth-child(11n+1) { border-left-width: 1px; } .rtl .aux-de-col11.aux-border-collapse .aux-col:nth-child(11n) { border-left-width: 1px; } .rtl .aux-de-col11.aux-border-collapse .aux-col:nth-child(11n+1) { border-left-width: 0px; } .aux-de-col11 .aux-col:nth-child(11n+12) { margin-top: 30px; } .aux-border-collapse.aux-de-col11 .aux-col:nth-child(11n+12) { border-top-width: 0; } .aux-de-col11 .aux-col:nth-child(11n+13) { margin-top: 30px; } .aux-border-collapse.aux-de-col11 .aux-col:nth-child(11n+13) { border-top-width: 0; } .aux-de-col11 .aux-col:nth-child(11n+14) { margin-top: 30px; } .aux-border-collapse.aux-de-col11 .aux-col:nth-child(11n+14) { border-top-width: 0; } .aux-de-col11 .aux-col:nth-child(11n+15) { margin-top: 30px; } .aux-border-collapse.aux-de-col11 .aux-col:nth-child(11n+15) { border-top-width: 0; } .aux-de-col11 .aux-col:nth-child(11n+16) { margin-top: 30px; } .aux-border-collapse.aux-de-col11 .aux-col:nth-child(11n+16) { border-top-width: 0; } .aux-de-col11 .aux-col:nth-child(11n+17) { margin-top: 30px; } .aux-border-collapse.aux-de-col11 .aux-col:nth-child(11n+17) { border-top-width: 0; } .aux-de-col11 .aux-col:nth-child(11n+18) { margin-top: 30px; } .aux-border-collapse.aux-de-col11 .aux-col:nth-child(11n+18) { border-top-width: 0; } .aux-de-col11 .aux-col:nth-child(11n+19) { margin-top: 30px; } .aux-border-collapse.aux-de-col11 .aux-col:nth-child(11n+19) { border-top-width: 0; } .aux-de-col11 .aux-col:nth-child(11n+20) { margin-top: 30px; } .aux-border-collapse.aux-de-col11 .aux-col:nth-child(11n+20) { border-top-width: 0; } .aux-de-col11 .aux-col:nth-child(11n+21) { margin-top: 30px; } .aux-border-collapse.aux-de-col11 .aux-col:nth-child(11n+21) { border-top-width: 0; } .aux-de-col11 .aux-col:nth-child(11n+22) { margin-top: 30px; } .aux-border-collapse.aux-de-col11 .aux-col:nth-child(11n+22) { border-top-width: 0; } .aux-de-col12 > .aux-col { width: 8.33%; } .aux-de-col12 .aux-col:nth-child(12n+13) { clear: left; } .aux-de-col12.aux-border-collapse .aux-col:nth-child(12n+1) { border-left-width: 1px; } .rtl .aux-de-col12.aux-border-collapse .aux-col:nth-child(12n) { border-left-width: 1px; } .rtl .aux-de-col12.aux-border-collapse .aux-col:nth-child(12n+1) { border-left-width: 0px; } .aux-de-col12 .aux-col:nth-child(12n+13) { margin-top: 30px; } .aux-border-collapse.aux-de-col12 .aux-col:nth-child(12n+13) { border-top-width: 0; } .aux-de-col12 .aux-col:nth-child(12n+14) { margin-top: 30px; } .aux-border-collapse.aux-de-col12 .aux-col:nth-child(12n+14) { border-top-width: 0; } .aux-de-col12 .aux-col:nth-child(12n+15) { margin-top: 30px; } .aux-border-collapse.aux-de-col12 .aux-col:nth-child(12n+15) { border-top-width: 0; } .aux-de-col12 .aux-col:nth-child(12n+16) { margin-top: 30px; } .aux-border-collapse.aux-de-col12 .aux-col:nth-child(12n+16) { border-top-width: 0; } .aux-de-col12 .aux-col:nth-child(12n+17) { margin-top: 30px; } .aux-border-collapse.aux-de-col12 .aux-col:nth-child(12n+17) { border-top-width: 0; } .aux-de-col12 .aux-col:nth-child(12n+18) { margin-top: 30px; } .aux-border-collapse.aux-de-col12 .aux-col:nth-child(12n+18) { border-top-width: 0; } .aux-de-col12 .aux-col:nth-child(12n+19) { margin-top: 30px; } .aux-border-collapse.aux-de-col12 .aux-col:nth-child(12n+19) { border-top-width: 0; } .aux-de-col12 .aux-col:nth-child(12n+20) { margin-top: 30px; } .aux-border-collapse.aux-de-col12 .aux-col:nth-child(12n+20) { border-top-width: 0; } .aux-de-col12 .aux-col:nth-child(12n+21) { margin-top: 30px; } .aux-border-collapse.aux-de-col12 .aux-col:nth-child(12n+21) { border-top-width: 0; } .aux-de-col12 .aux-col:nth-child(12n+22) { margin-top: 30px; } .aux-border-collapse.aux-de-col12 .aux-col:nth-child(12n+22) { border-top-width: 0; } .aux-de-col12 .aux-col:nth-child(12n+23) { margin-top: 30px; } .aux-border-collapse.aux-de-col12 .aux-col:nth-child(12n+23) { border-top-width: 0; } .aux-de-col12 .aux-col:nth-child(12n+24) { margin-top: 30px; } .aux-border-collapse.aux-de-col12 .aux-col:nth-child(12n+24) { border-top-width: 0; } .aux-de-col1 > .aux-col:nth-child(n+2) { margin-top: 30px; } .aux-de-col1.aux-border-collapse > .aux-col { border-left-width: 1px; } .aux-de-col1.aux-border-collapse > .aux-col:nth-child(n+2) { border-top-width: 0; } } /* grid for tablet */ @media screen and (max-width: 1024px) and (min-width: 768px) { .aux-tb-1 { width: 100%; } .aux-tb-2 { width: 50%; } .aux-tb-3 { width: 33.33%; } .aux-tb-4 { width: 25%; } .aux-tb-5 { width: 20%; } .aux-tb-6 { width: 16.66%; } .aux-tb-7 { width: 14.28%; } .aux-tb-8 { width: 12.5%; } .aux-tb-9 { width: 11.11%; } .aux-tb-10 { width: 10%; } .aux-tb-11 { width: 9.09%; } .aux-tb-12 { width: 8.33%; } .aux-tb-col1 > .aux-col { width: 100%; } .aux-tb-col2 > .aux-col { width: 50%; } .aux-tb-col2 .aux-col:nth-child(2n+3) { clear: left; } .aux-tb-col2.aux-border-collapse .aux-col:nth-child(2n+1) { border-left-width: 1px; } .rtl .aux-tb-col2.aux-border-collapse .aux-col:nth-child(2n) { border-left-width: 1px; } .rtl .aux-tb-col2.aux-border-collapse .aux-col:nth-child(2n+1) { border-left-width: 0px; } .aux-tb-col2 .aux-col:nth-child(2n+3) { margin-top: 30px; } .aux-border-collapse.aux-tb-col2 .aux-col:nth-child(2n+3) { border-top-width: 0; } .aux-tb-col2 .aux-col:nth-child(2n+4) { margin-top: 30px; } .aux-border-collapse.aux-tb-col2 .aux-col:nth-child(2n+4) { border-top-width: 0; } .aux-tb-col3 > .aux-col { width: 33.33%; } .aux-tb-col3 .aux-col:nth-child(3n+4) { clear: left; } .aux-tb-col3.aux-border-collapse .aux-col:nth-child(3n+1) { border-left-width: 1px; } .rtl .aux-tb-col3.aux-border-collapse .aux-col:nth-child(3n) { border-left-width: 1px; } .rtl .aux-tb-col3.aux-border-collapse .aux-col:nth-child(3n+1) { border-left-width: 0px; } .aux-tb-col3 .aux-col:nth-child(3n+4) { margin-top: 30px; } .aux-border-collapse.aux-tb-col3 .aux-col:nth-child(3n+4) { border-top-width: 0; } .aux-tb-col3 .aux-col:nth-child(3n+5) { margin-top: 30px; } .aux-border-collapse.aux-tb-col3 .aux-col:nth-child(3n+5) { border-top-width: 0; } .aux-tb-col3 .aux-col:nth-child(3n+6) { margin-top: 30px; } .aux-border-collapse.aux-tb-col3 .aux-col:nth-child(3n+6) { border-top-width: 0; } .aux-tb-col4 > .aux-col { width: 25%; } .aux-tb-col4 .aux-col:nth-child(4n+5) { clear: left; } .aux-tb-col4.aux-border-collapse .aux-col:nth-child(4n+1) { border-left-width: 1px; } .rtl .aux-tb-col4.aux-border-collapse .aux-col:nth-child(4n) { border-left-width: 1px; } .rtl .aux-tb-col4.aux-border-collapse .aux-col:nth-child(4n+1) { border-left-width: 0px; } .aux-tb-col4 .aux-col:nth-child(4n+5) { margin-top: 30px; } .aux-border-collapse.aux-tb-col4 .aux-col:nth-child(4n+5) { border-top-width: 0; } .aux-tb-col4 .aux-col:nth-child(4n+6) { margin-top: 30px; } .aux-border-collapse.aux-tb-col4 .aux-col:nth-child(4n+6) { border-top-width: 0; } .aux-tb-col4 .aux-col:nth-child(4n+7) { margin-top: 30px; } .aux-border-collapse.aux-tb-col4 .aux-col:nth-child(4n+7) { border-top-width: 0; } .aux-tb-col4 .aux-col:nth-child(4n+8) { margin-top: 30px; } .aux-border-collapse.aux-tb-col4 .aux-col:nth-child(4n+8) { border-top-width: 0; } .aux-tb-col5 > .aux-col { width: 20%; } .aux-tb-col5 .aux-col:nth-child(5n+6) { clear: left; } .aux-tb-col5.aux-border-collapse .aux-col:nth-child(5n+1) { border-left-width: 1px; } .rtl .aux-tb-col5.aux-border-collapse .aux-col:nth-child(5n) { border-left-width: 1px; } .rtl .aux-tb-col5.aux-border-collapse .aux-col:nth-child(5n+1) { border-left-width: 0px; } .aux-tb-col5 .aux-col:nth-child(5n+6) { margin-top: 30px; } .aux-border-collapse.aux-tb-col5 .aux-col:nth-child(5n+6) { border-top-width: 0; } .aux-tb-col5 .aux-col:nth-child(5n+7) { margin-top: 30px; } .aux-border-collapse.aux-tb-col5 .aux-col:nth-child(5n+7) { border-top-width: 0; } .aux-tb-col5 .aux-col:nth-child(5n+8) { margin-top: 30px; } .aux-border-collapse.aux-tb-col5 .aux-col:nth-child(5n+8) { border-top-width: 0; } .aux-tb-col5 .aux-col:nth-child(5n+9) { margin-top: 30px; } .aux-border-collapse.aux-tb-col5 .aux-col:nth-child(5n+9) { border-top-width: 0; } .aux-tb-col5 .aux-col:nth-child(5n+10) { margin-top: 30px; } .aux-border-collapse.aux-tb-col5 .aux-col:nth-child(5n+10) { border-top-width: 0; } .aux-tb-col6 > .aux-col { width: 16.66%; } .aux-tb-col6 .aux-col:nth-child(6n+7) { clear: left; } .aux-tb-col6.aux-border-collapse .aux-col:nth-child(6n+1) { border-left-width: 1px; } .rtl .aux-tb-col6.aux-border-collapse .aux-col:nth-child(6n) { border-left-width: 1px; } .rtl .aux-tb-col6.aux-border-collapse .aux-col:nth-child(6n+1) { border-left-width: 0px; } .aux-tb-col6 .aux-col:nth-child(6n+7) { margin-top: 30px; } .aux-border-collapse.aux-tb-col6 .aux-col:nth-child(6n+7) { border-top-width: 0; } .aux-tb-col6 .aux-col:nth-child(6n+8) { margin-top: 30px; } .aux-border-collapse.aux-tb-col6 .aux-col:nth-child(6n+8) { border-top-width: 0; } .aux-tb-col6 .aux-col:nth-child(6n+9) { margin-top: 30px; } .aux-border-collapse.aux-tb-col6 .aux-col:nth-child(6n+9) { border-top-width: 0; } .aux-tb-col6 .aux-col:nth-child(6n+10) { margin-top: 30px; } .aux-border-collapse.aux-tb-col6 .aux-col:nth-child(6n+10) { border-top-width: 0; } .aux-tb-col6 .aux-col:nth-child(6n+11) { margin-top: 30px; } .aux-border-collapse.aux-tb-col6 .aux-col:nth-child(6n+11) { border-top-width: 0; } .aux-tb-col6 .aux-col:nth-child(6n+12) { margin-top: 30px; } .aux-border-collapse.aux-tb-col6 .aux-col:nth-child(6n+12) { border-top-width: 0; } .aux-tb-col7 > .aux-col { width: 14.28%; } .aux-tb-col7 .aux-col:nth-child(7n+8) { clear: left; } .aux-tb-col7.aux-border-collapse .aux-col:nth-child(7n+1) { border-left-width: 1px; } .rtl .aux-tb-col7.aux-border-collapse .aux-col:nth-child(7n) { border-left-width: 1px; } .rtl .aux-tb-col7.aux-border-collapse .aux-col:nth-child(7n+1) { border-left-width: 0px; } .aux-tb-col7 .aux-col:nth-child(7n+8) { margin-top: 30px; } .aux-border-collapse.aux-tb-col7 .aux-col:nth-child(7n+8) { border-top-width: 0; } .aux-tb-col7 .aux-col:nth-child(7n+9) { margin-top: 30px; } .aux-border-collapse.aux-tb-col7 .aux-col:nth-child(7n+9) { border-top-width: 0; } .aux-tb-col7 .aux-col:nth-child(7n+10) { margin-top: 30px; } .aux-border-collapse.aux-tb-col7 .aux-col:nth-child(7n+10) { border-top-width: 0; } .aux-tb-col7 .aux-col:nth-child(7n+11) { margin-top: 30px; } .aux-border-collapse.aux-tb-col7 .aux-col:nth-child(7n+11) { border-top-width: 0; } .aux-tb-col7 .aux-col:nth-child(7n+12) { margin-top: 30px; } .aux-border-collapse.aux-tb-col7 .aux-col:nth-child(7n+12) { border-top-width: 0; } .aux-tb-col7 .aux-col:nth-child(7n+13) { margin-top: 30px; } .aux-border-collapse.aux-tb-col7 .aux-col:nth-child(7n+13) { border-top-width: 0; } .aux-tb-col7 .aux-col:nth-child(7n+14) { margin-top: 30px; } .aux-border-collapse.aux-tb-col7 .aux-col:nth-child(7n+14) { border-top-width: 0; } .aux-tb-col8 > .aux-col { width: 12.5%; } .aux-tb-col8 .aux-col:nth-child(8n+9) { clear: left; } .aux-tb-col8.aux-border-collapse .aux-col:nth-child(8n+1) { border-left-width: 1px; } .rtl .aux-tb-col8.aux-border-collapse .aux-col:nth-child(8n) { border-left-width: 1px; } .rtl .aux-tb-col8.aux-border-collapse .aux-col:nth-child(8n+1) { border-left-width: 0px; } .aux-tb-col8 .aux-col:nth-child(8n+9) { margin-top: 30px; } .aux-border-collapse.aux-tb-col8 .aux-col:nth-child(8n+9) { border-top-width: 0; } .aux-tb-col8 .aux-col:nth-child(8n+10) { margin-top: 30px; } .aux-border-collapse.aux-tb-col8 .aux-col:nth-child(8n+10) { border-top-width: 0; } .aux-tb-col8 .aux-col:nth-child(8n+11) { margin-top: 30px; } .aux-border-collapse.aux-tb-col8 .aux-col:nth-child(8n+11) { border-top-width: 0; } .aux-tb-col8 .aux-col:nth-child(8n+12) { margin-top: 30px; } .aux-border-collapse.aux-tb-col8 .aux-col:nth-child(8n+12) { border-top-width: 0; } .aux-tb-col8 .aux-col:nth-child(8n+13) { margin-top: 30px; } .aux-border-collapse.aux-tb-col8 .aux-col:nth-child(8n+13) { border-top-width: 0; } .aux-tb-col8 .aux-col:nth-child(8n+14) { margin-top: 30px; } .aux-border-collapse.aux-tb-col8 .aux-col:nth-child(8n+14) { border-top-width: 0; } .aux-tb-col8 .aux-col:nth-child(8n+15) { margin-top: 30px; } .aux-border-collapse.aux-tb-col8 .aux-col:nth-child(8n+15) { border-top-width: 0; } .aux-tb-col8 .aux-col:nth-child(8n+16) { margin-top: 30px; } .aux-border-collapse.aux-tb-col8 .aux-col:nth-child(8n+16) { border-top-width: 0; } .aux-tb-col9 > .aux-col { width: 11.11%; } .aux-tb-col9 .aux-col:nth-child(9n+10) { clear: left; } .aux-tb-col9.aux-border-collapse .aux-col:nth-child(9n+1) { border-left-width: 1px; } .rtl .aux-tb-col9.aux-border-collapse .aux-col:nth-child(9n) { border-left-width: 1px; } .rtl .aux-tb-col9.aux-border-collapse .aux-col:nth-child(9n+1) { border-left-width: 0px; } .aux-tb-col9 .aux-col:nth-child(9n+10) { margin-top: 30px; } .aux-border-collapse.aux-tb-col9 .aux-col:nth-child(9n+10) { border-top-width: 0; } .aux-tb-col9 .aux-col:nth-child(9n+11) { margin-top: 30px; } .aux-border-collapse.aux-tb-col9 .aux-col:nth-child(9n+11) { border-top-width: 0; } .aux-tb-col9 .aux-col:nth-child(9n+12) { margin-top: 30px; } .aux-border-collapse.aux-tb-col9 .aux-col:nth-child(9n+12) { border-top-width: 0; } .aux-tb-col9 .aux-col:nth-child(9n+13) { margin-top: 30px; } .aux-border-collapse.aux-tb-col9 .aux-col:nth-child(9n+13) { border-top-width: 0; } .aux-tb-col9 .aux-col:nth-child(9n+14) { margin-top: 30px; } .aux-border-collapse.aux-tb-col9 .aux-col:nth-child(9n+14) { border-top-width: 0; } .aux-tb-col9 .aux-col:nth-child(9n+15) { margin-top: 30px; } .aux-border-collapse.aux-tb-col9 .aux-col:nth-child(9n+15) { border-top-width: 0; } .aux-tb-col9 .aux-col:nth-child(9n+16) { margin-top: 30px; } .aux-border-collapse.aux-tb-col9 .aux-col:nth-child(9n+16) { border-top-width: 0; } .aux-tb-col9 .aux-col:nth-child(9n+17) { margin-top: 30px; } .aux-border-collapse.aux-tb-col9 .aux-col:nth-child(9n+17) { border-top-width: 0; } .aux-tb-col9 .aux-col:nth-child(9n+18) { margin-top: 30px; } .aux-border-collapse.aux-tb-col9 .aux-col:nth-child(9n+18) { border-top-width: 0; } .aux-tb-col10 > .aux-col { width: 10%; } .aux-tb-col10 .aux-col:nth-child(10n+11) { clear: left; } .aux-tb-col10.aux-border-collapse .aux-col:nth-child(10n+1) { border-left-width: 1px; } .rtl .aux-tb-col10.aux-border-collapse .aux-col:nth-child(10n) { border-left-width: 1px; } .rtl .aux-tb-col10.aux-border-collapse .aux-col:nth-child(10n+1) { border-left-width: 0px; } .aux-tb-col10 .aux-col:nth-child(10n+11) { margin-top: 30px; } .aux-border-collapse.aux-tb-col10 .aux-col:nth-child(10n+11) { border-top-width: 0; } .aux-tb-col10 .aux-col:nth-child(10n+12) { margin-top: 30px; } .aux-border-collapse.aux-tb-col10 .aux-col:nth-child(10n+12) { border-top-width: 0; } .aux-tb-col10 .aux-col:nth-child(10n+13) { margin-top: 30px; } .aux-border-collapse.aux-tb-col10 .aux-col:nth-child(10n+13) { border-top-width: 0; } .aux-tb-col10 .aux-col:nth-child(10n+14) { margin-top: 30px; } .aux-border-collapse.aux-tb-col10 .aux-col:nth-child(10n+14) { border-top-width: 0; } .aux-tb-col10 .aux-col:nth-child(10n+15) { margin-top: 30px; } .aux-border-collapse.aux-tb-col10 .aux-col:nth-child(10n+15) { border-top-width: 0; } .aux-tb-col10 .aux-col:nth-child(10n+16) { margin-top: 30px; } .aux-border-collapse.aux-tb-col10 .aux-col:nth-child(10n+16) { border-top-width: 0; } .aux-tb-col10 .aux-col:nth-child(10n+17) { margin-top: 30px; } .aux-border-collapse.aux-tb-col10 .aux-col:nth-child(10n+17) { border-top-width: 0; } .aux-tb-col10 .aux-col:nth-child(10n+18) { margin-top: 30px; } .aux-border-collapse.aux-tb-col10 .aux-col:nth-child(10n+18) { border-top-width: 0; } .aux-tb-col10 .aux-col:nth-child(10n+19) { margin-top: 30px; } .aux-border-collapse.aux-tb-col10 .aux-col:nth-child(10n+19) { border-top-width: 0; } .aux-tb-col10 .aux-col:nth-child(10n+20) { margin-top: 30px; } .aux-border-collapse.aux-tb-col10 .aux-col:nth-child(10n+20) { border-top-width: 0; } .aux-tb-col11 > .aux-col { width: 9.09%; } .aux-tb-col11 .aux-col:nth-child(11n+12) { clear: left; } .aux-tb-col11.aux-border-collapse .aux-col:nth-child(11n+1) { border-left-width: 1px; } .rtl .aux-tb-col11.aux-border-collapse .aux-col:nth-child(11n) { border-left-width: 1px; } .rtl .aux-tb-col11.aux-border-collapse .aux-col:nth-child(11n+1) { border-left-width: 0px; } .aux-tb-col11 .aux-col:nth-child(11n+12) { margin-top: 30px; } .aux-border-collapse.aux-tb-col11 .aux-col:nth-child(11n+12) { border-top-width: 0; } .aux-tb-col11 .aux-col:nth-child(11n+13) { margin-top: 30px; } .aux-border-collapse.aux-tb-col11 .aux-col:nth-child(11n+13) { border-top-width: 0; } .aux-tb-col11 .aux-col:nth-child(11n+14) { margin-top: 30px; } .aux-border-collapse.aux-tb-col11 .aux-col:nth-child(11n+14) { border-top-width: 0; } .aux-tb-col11 .aux-col:nth-child(11n+15) { margin-top: 30px; } .aux-border-collapse.aux-tb-col11 .aux-col:nth-child(11n+15) { border-top-width: 0; } .aux-tb-col11 .aux-col:nth-child(11n+16) { margin-top: 30px; } .aux-border-collapse.aux-tb-col11 .aux-col:nth-child(11n+16) { border-top-width: 0; } .aux-tb-col11 .aux-col:nth-child(11n+17) { margin-top: 30px; } .aux-border-collapse.aux-tb-col11 .aux-col:nth-child(11n+17) { border-top-width: 0; } .aux-tb-col11 .aux-col:nth-child(11n+18) { margin-top: 30px; } .aux-border-collapse.aux-tb-col11 .aux-col:nth-child(11n+18) { border-top-width: 0; } .aux-tb-col11 .aux-col:nth-child(11n+19) { margin-top: 30px; } .aux-border-collapse.aux-tb-col11 .aux-col:nth-child(11n+19) { border-top-width: 0; } .aux-tb-col11 .aux-col:nth-child(11n+20) { margin-top: 30px; } .aux-border-collapse.aux-tb-col11 .aux-col:nth-child(11n+20) { border-top-width: 0; } .aux-tb-col11 .aux-col:nth-child(11n+21) { margin-top: 30px; } .aux-border-collapse.aux-tb-col11 .aux-col:nth-child(11n+21) { border-top-width: 0; } .aux-tb-col11 .aux-col:nth-child(11n+22) { margin-top: 30px; } .aux-border-collapse.aux-tb-col11 .aux-col:nth-child(11n+22) { border-top-width: 0; } .aux-tb-col12 > .aux-col { width: 8.33%; } .aux-tb-col12 .aux-col:nth-child(12n+13) { clear: left; } .aux-tb-col12.aux-border-collapse .aux-col:nth-child(12n+1) { border-left-width: 1px; } .rtl .aux-tb-col12.aux-border-collapse .aux-col:nth-child(12n) { border-left-width: 1px; } .rtl .aux-tb-col12.aux-border-collapse .aux-col:nth-child(12n+1) { border-left-width: 0px; } .aux-tb-col12 .aux-col:nth-child(12n+13) { margin-top: 30px; } .aux-border-collapse.aux-tb-col12 .aux-col:nth-child(12n+13) { border-top-width: 0; } .aux-tb-col12 .aux-col:nth-child(12n+14) { margin-top: 30px; } .aux-border-collapse.aux-tb-col12 .aux-col:nth-child(12n+14) { border-top-width: 0; } .aux-tb-col12 .aux-col:nth-child(12n+15) { margin-top: 30px; } .aux-border-collapse.aux-tb-col12 .aux-col:nth-child(12n+15) { border-top-width: 0; } .aux-tb-col12 .aux-col:nth-child(12n+16) { margin-top: 30px; } .aux-border-collapse.aux-tb-col12 .aux-col:nth-child(12n+16) { border-top-width: 0; } .aux-tb-col12 .aux-col:nth-child(12n+17) { margin-top: 30px; } .aux-border-collapse.aux-tb-col12 .aux-col:nth-child(12n+17) { border-top-width: 0; } .aux-tb-col12 .aux-col:nth-child(12n+18) { margin-top: 30px; } .aux-border-collapse.aux-tb-col12 .aux-col:nth-child(12n+18) { border-top-width: 0; } .aux-tb-col12 .aux-col:nth-child(12n+19) { margin-top: 30px; } .aux-border-collapse.aux-tb-col12 .aux-col:nth-child(12n+19) { border-top-width: 0; } .aux-tb-col12 .aux-col:nth-child(12n+20) { margin-top: 30px; } .aux-border-collapse.aux-tb-col12 .aux-col:nth-child(12n+20) { border-top-width: 0; } .aux-tb-col12 .aux-col:nth-child(12n+21) { margin-top: 30px; } .aux-border-collapse.aux-tb-col12 .aux-col:nth-child(12n+21) { border-top-width: 0; } .aux-tb-col12 .aux-col:nth-child(12n+22) { margin-top: 30px; } .aux-border-collapse.aux-tb-col12 .aux-col:nth-child(12n+22) { border-top-width: 0; } .aux-tb-col12 .aux-col:nth-child(12n+23) { margin-top: 30px; } .aux-border-collapse.aux-tb-col12 .aux-col:nth-child(12n+23) { border-top-width: 0; } .aux-tb-col12 .aux-col:nth-child(12n+24) { margin-top: 30px; } .aux-border-collapse.aux-tb-col12 .aux-col:nth-child(12n+24) { border-top-width: 0; } .aux-tb-col1 > .aux-col:nth-child(n+2) { margin-top: 30px; } .aux-tb-col1.aux-border-collapse > .aux-col { border-left-width: 1px; } .aux-tb-col1.aux-border-collapse > .aux-col:nth-child(n+2) { border-top-width: 0; } } /* grid for mobile */ @media screen and (max-width: 767px) { .aux-mb-1 { width: 100%; } .aux-mb-2 { width: 50%; } .aux-mb-3 { width: 33.33%; } .aux-mb-4 { width: 25%; } .aux-mb-5 { width: 20%; } .aux-mb-6 { width: 16.66%; } .aux-mb-7 { width: 14.28%; } .aux-mb-8 { width: 12.5%; } .aux-mb-9 { width: 11.11%; } .aux-mb-10 { width: 10%; } .aux-mb-11 { width: 9.09%; } .aux-mb-12 { width: 8.33%; } .aux-mb-col1 > .aux-col { width: 100%; } .aux-mb-col2 > .aux-col { width: 50%; } .aux-mb-col2 .aux-col:nth-child(2n+3) { clear: left; } .aux-mb-col2.aux-border-collapse .aux-col:nth-child(2n+1) { border-left-width: 1px; } .rtl .aux-mb-col2.aux-border-collapse .aux-col:nth-child(2n) { border-left-width: 1px; } .rtl .aux-mb-col2.aux-border-collapse .aux-col:nth-child(2n+1) { border-left-width: 0px; } .aux-mb-col2 .aux-col:nth-child(2n+3) { margin-top: 30px; } .aux-border-collapse.aux-mb-col2 .aux-col:nth-child(2n+3) { border-top-width: 0; } .aux-mb-col2 .aux-col:nth-child(2n+4) { margin-top: 30px; } .aux-border-collapse.aux-mb-col2 .aux-col:nth-child(2n+4) { border-top-width: 0; } .aux-mb-col3 > .aux-col { width: 33.33%; } .aux-mb-col3 .aux-col:nth-child(3n+4) { clear: left; } .aux-mb-col3.aux-border-collapse .aux-col:nth-child(3n+1) { border-left-width: 1px; } .rtl .aux-mb-col3.aux-border-collapse .aux-col:nth-child(3n) { border-left-width: 1px; } .rtl .aux-mb-col3.aux-border-collapse .aux-col:nth-child(3n+1) { border-left-width: 0px; } .aux-mb-col3 .aux-col:nth-child(3n+4) { margin-top: 30px; } .aux-border-collapse.aux-mb-col3 .aux-col:nth-child(3n+4) { border-top-width: 0; } .aux-mb-col3 .aux-col:nth-child(3n+5) { margin-top: 30px; } .aux-border-collapse.aux-mb-col3 .aux-col:nth-child(3n+5) { border-top-width: 0; } .aux-mb-col3 .aux-col:nth-child(3n+6) { margin-top: 30px; } .aux-border-collapse.aux-mb-col3 .aux-col:nth-child(3n+6) { border-top-width: 0; } .aux-mb-col4 > .aux-col { width: 25%; } .aux-mb-col4 .aux-col:nth-child(4n+5) { clear: left; } .aux-mb-col4.aux-border-collapse .aux-col:nth-child(4n+1) { border-left-width: 1px; } .rtl .aux-mb-col4.aux-border-collapse .aux-col:nth-child(4n) { border-left-width: 1px; } .rtl .aux-mb-col4.aux-border-collapse .aux-col:nth-child(4n+1) { border-left-width: 0px; } .aux-mb-col4 .aux-col:nth-child(4n+5) { margin-top: 30px; } .aux-border-collapse.aux-mb-col4 .aux-col:nth-child(4n+5) { border-top-width: 0; } .aux-mb-col4 .aux-col:nth-child(4n+6) { margin-top: 30px; } .aux-border-collapse.aux-mb-col4 .aux-col:nth-child(4n+6) { border-top-width: 0; } .aux-mb-col4 .aux-col:nth-child(4n+7) { margin-top: 30px; } .aux-border-collapse.aux-mb-col4 .aux-col:nth-child(4n+7) { border-top-width: 0; } .aux-mb-col4 .aux-col:nth-child(4n+8) { margin-top: 30px; } .aux-border-collapse.aux-mb-col4 .aux-col:nth-child(4n+8) { border-top-width: 0; } .aux-mb-col5 > .aux-col { width: 20%; } .aux-mb-col5 .aux-col:nth-child(5n+6) { clear: left; } .aux-mb-col5.aux-border-collapse .aux-col:nth-child(5n+1) { border-left-width: 1px; } .rtl .aux-mb-col5.aux-border-collapse .aux-col:nth-child(5n) { border-left-width: 1px; } .rtl .aux-mb-col5.aux-border-collapse .aux-col:nth-child(5n+1) { border-left-width: 0px; } .aux-mb-col5 .aux-col:nth-child(5n+6) { margin-top: 30px; } .aux-border-collapse.aux-mb-col5 .aux-col:nth-child(5n+6) { border-top-width: 0; } .aux-mb-col5 .aux-col:nth-child(5n+7) { margin-top: 30px; } .aux-border-collapse.aux-mb-col5 .aux-col:nth-child(5n+7) { border-top-width: 0; } .aux-mb-col5 .aux-col:nth-child(5n+8) { margin-top: 30px; } .aux-border-collapse.aux-mb-col5 .aux-col:nth-child(5n+8) { border-top-width: 0; } .aux-mb-col5 .aux-col:nth-child(5n+9) { margin-top: 30px; } .aux-border-collapse.aux-mb-col5 .aux-col:nth-child(5n+9) { border-top-width: 0; } .aux-mb-col5 .aux-col:nth-child(5n+10) { margin-top: 30px; } .aux-border-collapse.aux-mb-col5 .aux-col:nth-child(5n+10) { border-top-width: 0; } .aux-mb-col6 > .aux-col { width: 16.66%; } .aux-mb-col6 .aux-col:nth-child(6n+7) { clear: left; } .aux-mb-col6.aux-border-collapse .aux-col:nth-child(6n+1) { border-left-width: 1px; } .rtl .aux-mb-col6.aux-border-collapse .aux-col:nth-child(6n) { border-left-width: 1px; } .rtl .aux-mb-col6.aux-border-collapse .aux-col:nth-child(6n+1) { border-left-width: 0px; } .aux-mb-col6 .aux-col:nth-child(6n+7) { margin-top: 30px; } .aux-border-collapse.aux-mb-col6 .aux-col:nth-child(6n+7) { border-top-width: 0; } .aux-mb-col6 .aux-col:nth-child(6n+8) { margin-top: 30px; } .aux-border-collapse.aux-mb-col6 .aux-col:nth-child(6n+8) { border-top-width: 0; } .aux-mb-col6 .aux-col:nth-child(6n+9) { margin-top: 30px; } .aux-border-collapse.aux-mb-col6 .aux-col:nth-child(6n+9) { border-top-width: 0; } .aux-mb-col6 .aux-col:nth-child(6n+10) { margin-top: 30px; } .aux-border-collapse.aux-mb-col6 .aux-col:nth-child(6n+10) { border-top-width: 0; } .aux-mb-col6 .aux-col:nth-child(6n+11) { margin-top: 30px; } .aux-border-collapse.aux-mb-col6 .aux-col:nth-child(6n+11) { border-top-width: 0; } .aux-mb-col6 .aux-col:nth-child(6n+12) { margin-top: 30px; } .aux-border-collapse.aux-mb-col6 .aux-col:nth-child(6n+12) { border-top-width: 0; } .aux-mb-col7 > .aux-col { width: 14.28%; } .aux-mb-col7 .aux-col:nth-child(7n+8) { clear: left; } .aux-mb-col7.aux-border-collapse .aux-col:nth-child(7n+1) { border-left-width: 1px; } .rtl .aux-mb-col7.aux-border-collapse .aux-col:nth-child(7n) { border-left-width: 1px; } .rtl .aux-mb-col7.aux-border-collapse .aux-col:nth-child(7n+1) { border-left-width: 0px; } .aux-mb-col7 .aux-col:nth-child(7n+8) { margin-top: 30px; } .aux-border-collapse.aux-mb-col7 .aux-col:nth-child(7n+8) { border-top-width: 0; } .aux-mb-col7 .aux-col:nth-child(7n+9) { margin-top: 30px; } .aux-border-collapse.aux-mb-col7 .aux-col:nth-child(7n+9) { border-top-width: 0; } .aux-mb-col7 .aux-col:nth-child(7n+10) { margin-top: 30px; } .aux-border-collapse.aux-mb-col7 .aux-col:nth-child(7n+10) { border-top-width: 0; } .aux-mb-col7 .aux-col:nth-child(7n+11) { margin-top: 30px; } .aux-border-collapse.aux-mb-col7 .aux-col:nth-child(7n+11) { border-top-width: 0; } .aux-mb-col7 .aux-col:nth-child(7n+12) { margin-top: 30px; } .aux-border-collapse.aux-mb-col7 .aux-col:nth-child(7n+12) { border-top-width: 0; } .aux-mb-col7 .aux-col:nth-child(7n+13) { margin-top: 30px; } .aux-border-collapse.aux-mb-col7 .aux-col:nth-child(7n+13) { border-top-width: 0; } .aux-mb-col7 .aux-col:nth-child(7n+14) { margin-top: 30px; } .aux-border-collapse.aux-mb-col7 .aux-col:nth-child(7n+14) { border-top-width: 0; } .aux-mb-col8 > .aux-col { width: 12.5%; } .aux-mb-col8 .aux-col:nth-child(8n+9) { clear: left; } .aux-mb-col8.aux-border-collapse .aux-col:nth-child(8n+1) { border-left-width: 1px; } .rtl .aux-mb-col8.aux-border-collapse .aux-col:nth-child(8n) { border-left-width: 1px; } .rtl .aux-mb-col8.aux-border-collapse .aux-col:nth-child(8n+1) { border-left-width: 0px; } .aux-mb-col8 .aux-col:nth-child(8n+9) { margin-top: 30px; } .aux-border-collapse.aux-mb-col8 .aux-col:nth-child(8n+9) { border-top-width: 0; } .aux-mb-col8 .aux-col:nth-child(8n+10) { margin-top: 30px; } .aux-border-collapse.aux-mb-col8 .aux-col:nth-child(8n+10) { border-top-width: 0; } .aux-mb-col8 .aux-col:nth-child(8n+11) { margin-top: 30px; } .aux-border-collapse.aux-mb-col8 .aux-col:nth-child(8n+11) { border-top-width: 0; } .aux-mb-col8 .aux-col:nth-child(8n+12) { margin-top: 30px; } .aux-border-collapse.aux-mb-col8 .aux-col:nth-child(8n+12) { border-top-width: 0; } .aux-mb-col8 .aux-col:nth-child(8n+13) { margin-top: 30px; } .aux-border-collapse.aux-mb-col8 .aux-col:nth-child(8n+13) { border-top-width: 0; } .aux-mb-col8 .aux-col:nth-child(8n+14) { margin-top: 30px; } .aux-border-collapse.aux-mb-col8 .aux-col:nth-child(8n+14) { border-top-width: 0; } .aux-mb-col8 .aux-col:nth-child(8n+15) { margin-top: 30px; } .aux-border-collapse.aux-mb-col8 .aux-col:nth-child(8n+15) { border-top-width: 0; } .aux-mb-col8 .aux-col:nth-child(8n+16) { margin-top: 30px; } .aux-border-collapse.aux-mb-col8 .aux-col:nth-child(8n+16) { border-top-width: 0; } .aux-mb-col9 > .aux-col { width: 11.11%; } .aux-mb-col9 .aux-col:nth-child(9n+10) { clear: left; } .aux-mb-col9.aux-border-collapse .aux-col:nth-child(9n+1) { border-left-width: 1px; } .rtl .aux-mb-col9.aux-border-collapse .aux-col:nth-child(9n) { border-left-width: 1px; } .rtl .aux-mb-col9.aux-border-collapse .aux-col:nth-child(9n+1) { border-left-width: 0px; } .aux-mb-col9 .aux-col:nth-child(9n+10) { margin-top: 30px; } .aux-border-collapse.aux-mb-col9 .aux-col:nth-child(9n+10) { border-top-width: 0; } .aux-mb-col9 .aux-col:nth-child(9n+11) { margin-top: 30px; } .aux-border-collapse.aux-mb-col9 .aux-col:nth-child(9n+11) { border-top-width: 0; } .aux-mb-col9 .aux-col:nth-child(9n+12) { margin-top: 30px; } .aux-border-collapse.aux-mb-col9 .aux-col:nth-child(9n+12) { border-top-width: 0; } .aux-mb-col9 .aux-col:nth-child(9n+13) { margin-top: 30px; } .aux-border-collapse.aux-mb-col9 .aux-col:nth-child(9n+13) { border-top-width: 0; } .aux-mb-col9 .aux-col:nth-child(9n+14) { margin-top: 30px; } .aux-border-collapse.aux-mb-col9 .aux-col:nth-child(9n+14) { border-top-width: 0; } .aux-mb-col9 .aux-col:nth-child(9n+15) { margin-top: 30px; } .aux-border-collapse.aux-mb-col9 .aux-col:nth-child(9n+15) { border-top-width: 0; } .aux-mb-col9 .aux-col:nth-child(9n+16) { margin-top: 30px; } .aux-border-collapse.aux-mb-col9 .aux-col:nth-child(9n+16) { border-top-width: 0; } .aux-mb-col9 .aux-col:nth-child(9n+17) { margin-top: 30px; } .aux-border-collapse.aux-mb-col9 .aux-col:nth-child(9n+17) { border-top-width: 0; } .aux-mb-col9 .aux-col:nth-child(9n+18) { margin-top: 30px; } .aux-border-collapse.aux-mb-col9 .aux-col:nth-child(9n+18) { border-top-width: 0; } .aux-mb-col10 > .aux-col { width: 10%; } .aux-mb-col10 .aux-col:nth-child(10n+11) { clear: left; } .aux-mb-col10.aux-border-collapse .aux-col:nth-child(10n+1) { border-left-width: 1px; } .rtl .aux-mb-col10.aux-border-collapse .aux-col:nth-child(10n) { border-left-width: 1px; } .rtl .aux-mb-col10.aux-border-collapse .aux-col:nth-child(10n+1) { border-left-width: 0px; } .aux-mb-col10 .aux-col:nth-child(10n+11) { margin-top: 30px; } .aux-border-collapse.aux-mb-col10 .aux-col:nth-child(10n+11) { border-top-width: 0; } .aux-mb-col10 .aux-col:nth-child(10n+12) { margin-top: 30px; } .aux-border-collapse.aux-mb-col10 .aux-col:nth-child(10n+12) { border-top-width: 0; } .aux-mb-col10 .aux-col:nth-child(10n+13) { margin-top: 30px; } .aux-border-collapse.aux-mb-col10 .aux-col:nth-child(10n+13) { border-top-width: 0; } .aux-mb-col10 .aux-col:nth-child(10n+14) { margin-top: 30px; } .aux-border-collapse.aux-mb-col10 .aux-col:nth-child(10n+14) { border-top-width: 0; } .aux-mb-col10 .aux-col:nth-child(10n+15) { margin-top: 30px; } .aux-border-collapse.aux-mb-col10 .aux-col:nth-child(10n+15) { border-top-width: 0; } .aux-mb-col10 .aux-col:nth-child(10n+16) { margin-top: 30px; } .aux-border-collapse.aux-mb-col10 .aux-col:nth-child(10n+16) { border-top-width: 0; } .aux-mb-col10 .aux-col:nth-child(10n+17) { margin-top: 30px; } .aux-border-collapse.aux-mb-col10 .aux-col:nth-child(10n+17) { border-top-width: 0; } .aux-mb-col10 .aux-col:nth-child(10n+18) { margin-top: 30px; } .aux-border-collapse.aux-mb-col10 .aux-col:nth-child(10n+18) { border-top-width: 0; } .aux-mb-col10 .aux-col:nth-child(10n+19) { margin-top: 30px; } .aux-border-collapse.aux-mb-col10 .aux-col:nth-child(10n+19) { border-top-width: 0; } .aux-mb-col10 .aux-col:nth-child(10n+20) { margin-top: 30px; } .aux-border-collapse.aux-mb-col10 .aux-col:nth-child(10n+20) { border-top-width: 0; } .aux-mb-col11 > .aux-col { width: 9.09%; } .aux-mb-col11 .aux-col:nth-child(11n+12) { clear: left; } .aux-mb-col11.aux-border-collapse .aux-col:nth-child(11n+1) { border-left-width: 1px; } .rtl .aux-mb-col11.aux-border-collapse .aux-col:nth-child(11n) { border-left-width: 1px; } .rtl .aux-mb-col11.aux-border-collapse .aux-col:nth-child(11n+1) { border-left-width: 0px; } .aux-mb-col11 .aux-col:nth-child(11n+12) { margin-top: 30px; } .aux-border-collapse.aux-mb-col11 .aux-col:nth-child(11n+12) { border-top-width: 0; } .aux-mb-col11 .aux-col:nth-child(11n+13) { margin-top: 30px; } .aux-border-collapse.aux-mb-col11 .aux-col:nth-child(11n+13) { border-top-width: 0; } .aux-mb-col11 .aux-col:nth-child(11n+14) { margin-top: 30px; } .aux-border-collapse.aux-mb-col11 .aux-col:nth-child(11n+14) { border-top-width: 0; } .aux-mb-col11 .aux-col:nth-child(11n+15) { margin-top: 30px; } .aux-border-collapse.aux-mb-col11 .aux-col:nth-child(11n+15) { border-top-width: 0; } .aux-mb-col11 .aux-col:nth-child(11n+16) { margin-top: 30px; } .aux-border-collapse.aux-mb-col11 .aux-col:nth-child(11n+16) { border-top-width: 0; } .aux-mb-col11 .aux-col:nth-child(11n+17) { margin-top: 30px; } .aux-border-collapse.aux-mb-col11 .aux-col:nth-child(11n+17) { border-top-width: 0; } .aux-mb-col11 .aux-col:nth-child(11n+18) { margin-top: 30px; } .aux-border-collapse.aux-mb-col11 .aux-col:nth-child(11n+18) { border-top-width: 0; } .aux-mb-col11 .aux-col:nth-child(11n+19) { margin-top: 30px; } .aux-border-collapse.aux-mb-col11 .aux-col:nth-child(11n+19) { border-top-width: 0; } .aux-mb-col11 .aux-col:nth-child(11n+20) { margin-top: 30px; } .aux-border-collapse.aux-mb-col11 .aux-col:nth-child(11n+20) { border-top-width: 0; } .aux-mb-col11 .aux-col:nth-child(11n+21) { margin-top: 30px; } .aux-border-collapse.aux-mb-col11 .aux-col:nth-child(11n+21) { border-top-width: 0; } .aux-mb-col11 .aux-col:nth-child(11n+22) { margin-top: 30px; } .aux-border-collapse.aux-mb-col11 .aux-col:nth-child(11n+22) { border-top-width: 0; } .aux-mb-col12 > .aux-col { width: 8.33%; } .aux-mb-col12 .aux-col:nth-child(12n+13) { clear: left; } .aux-mb-col12.aux-border-collapse .aux-col:nth-child(12n+1) { border-left-width: 1px; } .rtl .aux-mb-col12.aux-border-collapse .aux-col:nth-child(12n) { border-left-width: 1px; } .rtl .aux-mb-col12.aux-border-collapse .aux-col:nth-child(12n+1) { border-left-width: 0px; } .aux-mb-col12 .aux-col:nth-child(12n+13) { margin-top: 30px; } .aux-border-collapse.aux-mb-col12 .aux-col:nth-child(12n+13) { border-top-width: 0; } .aux-mb-col12 .aux-col:nth-child(12n+14) { margin-top: 30px; } .aux-border-collapse.aux-mb-col12 .aux-col:nth-child(12n+14) { border-top-width: 0; } .aux-mb-col12 .aux-col:nth-child(12n+15) { margin-top: 30px; } .aux-border-collapse.aux-mb-col12 .aux-col:nth-child(12n+15) { border-top-width: 0; } .aux-mb-col12 .aux-col:nth-child(12n+16) { margin-top: 30px; } .aux-border-collapse.aux-mb-col12 .aux-col:nth-child(12n+16) { border-top-width: 0; } .aux-mb-col12 .aux-col:nth-child(12n+17) { margin-top: 30px; } .aux-border-collapse.aux-mb-col12 .aux-col:nth-child(12n+17) { border-top-width: 0; } .aux-mb-col12 .aux-col:nth-child(12n+18) { margin-top: 30px; } .aux-border-collapse.aux-mb-col12 .aux-col:nth-child(12n+18) { border-top-width: 0; } .aux-mb-col12 .aux-col:nth-child(12n+19) { margin-top: 30px; } .aux-border-collapse.aux-mb-col12 .aux-col:nth-child(12n+19) { border-top-width: 0; } .aux-mb-col12 .aux-col:nth-child(12n+20) { margin-top: 30px; } .aux-border-collapse.aux-mb-col12 .aux-col:nth-child(12n+20) { border-top-width: 0; } .aux-mb-col12 .aux-col:nth-child(12n+21) { margin-top: 30px; } .aux-border-collapse.aux-mb-col12 .aux-col:nth-child(12n+21) { border-top-width: 0; } .aux-mb-col12 .aux-col:nth-child(12n+22) { margin-top: 30px; } .aux-border-collapse.aux-mb-col12 .aux-col:nth-child(12n+22) { border-top-width: 0; } .aux-mb-col12 .aux-col:nth-child(12n+23) { margin-top: 30px; } .aux-border-collapse.aux-mb-col12 .aux-col:nth-child(12n+23) { border-top-width: 0; } .aux-mb-col12 .aux-col:nth-child(12n+24) { margin-top: 30px; } .aux-border-collapse.aux-mb-col12 .aux-col:nth-child(12n+24) { border-top-width: 0; } .aux-mb-col1 > .aux-col:nth-child(n+2) { margin-top: 30px; } .aux-mb-col1.aux-border-collapse > .aux-col { border-left-width: 1px; } .aux-mb-col1.aux-border-collapse > .aux-col:nth-child(n+2) { border-top-width: 0; } }