Advertisement
Guest User

Untitled

a guest
Jan 22nd, 2018
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 32.31 KB | None | 0 0
  1. /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
  2. /* Document
  3.    ========================================================================== */
  4. /**
  5.  * 1. Correct the line height in all browsers.
  6.  * 2. Prevent adjustments of font size after orientation changes in
  7.  *    IE on Windows Phone and in iOS.
  8.  */
  9. html {
  10.   line-height: 1.15;
  11.   /* 1 */
  12.   -ms-text-size-adjust: 100%;
  13.   /* 2 */
  14.   -webkit-text-size-adjust: 100%;
  15.   /* 2 */ }
  16.  
  17. /* Sections
  18.    ========================================================================== */
  19. /**
  20.  * Remove the margin in all browsers (opinionated).
  21.  */
  22. body {
  23.   margin: 0; }
  24.  
  25. /**
  26.  * Add the correct display in IE 9-.
  27.  */
  28. article,
  29. aside,
  30. footer,
  31. header,
  32. nav,
  33. section {
  34.   display: block; }
  35.  
  36. /**
  37.  * Correct the font size and margin on `h1` elements within `section` and
  38.  * `article` contexts in Chrome, Firefox, and Safari.
  39.  */
  40. h1 {
  41.   font-size: 2em;
  42.   margin: 0.67em 0; }
  43.  
  44. /* Grouping content
  45.    ========================================================================== */
  46. /**
  47.  * Add the correct display in IE 9-.
  48.  * 1. Add the correct display in IE.
  49.  */
  50. figcaption,
  51. figure,
  52. main {
  53.   /* 1 */
  54.   display: block; }
  55.  
  56. /**
  57.  * Add the correct margin in IE 8.
  58.  */
  59. figure {
  60.   margin: 1em 40px; }
  61.  
  62. /**
  63.  * 1. Add the correct box sizing in Firefox.
  64.  * 2. Show the overflow in Edge and IE.
  65.  */
  66. hr {
  67.   -webkit-box-sizing: content-box;
  68.   box-sizing: content-box;
  69.   /* 1 */
  70.   height: 0;
  71.   /* 1 */
  72.   overflow: visible;
  73.   /* 2 */ }
  74.  
  75. /**
  76.  * 1. Correct the inheritance and scaling of font size in all browsers.
  77.  * 2. Correct the odd `em` font sizing in all browsers.
  78.  */
  79. pre {
  80.   font-family: monospace, monospace;
  81.   /* 1 */
  82.   font-size: 1em;
  83.   /* 2 */ }
  84.  
  85. /* Text-level semantics
  86.    ========================================================================== */
  87. /**
  88.  * 1. Remove the gray background on active links in IE 10.
  89.  * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
  90.  */
  91. a {
  92.   background-color: transparent;
  93.   /* 1 */
  94.   -webkit-text-decoration-skip: objects;
  95.   /* 2 */ }
  96.  
  97. /**
  98.  * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
  99.  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  100.  */
  101. abbr[title] {
  102.   border-bottom: none;
  103.   /* 1 */
  104.   text-decoration: underline;
  105.   /* 2 */
  106.   -webkit-text-decoration: underline dotted;
  107.   text-decoration: underline dotted;
  108.   /* 2 */ }
  109.  
  110. /**
  111.  * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
  112.  */
  113. b,
  114. strong {
  115.   font-weight: inherit; }
  116.  
  117. /**
  118.  * Add the correct font weight in Chrome, Edge, and Safari.
  119.  */
  120. b,
  121. strong {
  122.   font-weight: bolder; }
  123.  
  124. /**
  125.  * 1. Correct the inheritance and scaling of font size in all browsers.
  126.  * 2. Correct the odd `em` font sizing in all browsers.
  127.  */
  128. code,
  129. kbd,
  130. samp {
  131.   font-family: monospace, monospace;
  132.   /* 1 */
  133.   font-size: 1em;
  134.   /* 2 */ }
  135.  
  136. /**
  137.  * Add the correct font style in Android 4.3-.
  138.  */
  139. dfn {
  140.   font-style: italic; }
  141.  
  142. /**
  143.  * Add the correct background and color in IE 9-.
  144.  */
  145. mark {
  146.   background-color: #ff0;
  147.   color: #000; }
  148.  
  149. /**
  150.  * Add the correct font size in all browsers.
  151.  */
  152. small {
  153.   font-size: 80%; }
  154.  
  155. /**
  156.  * Prevent `sub` and `sup` elements from affecting the line height in
  157.  * all browsers.
  158.  */
  159. sub,
  160. sup {
  161.   font-size: 75%;
  162.   line-height: 0;
  163.   position: relative;
  164.   vertical-align: baseline; }
  165.  
  166. sub {
  167.   bottom: -0.25em; }
  168.  
  169. sup {
  170.   top: -0.5em; }
  171.  
  172. /* Embedded content
  173.    ========================================================================== */
  174. /**
  175.  * Add the correct display in IE 9-.
  176.  */
  177. audio,
  178. video {
  179.   display: inline-block; }
  180.  
  181. /**
  182.  * Add the correct display in iOS 4-7.
  183.  */
  184. audio:not([controls]) {
  185.   display: none;
  186.   height: 0; }
  187.  
  188. /**
  189.  * Remove the border on images inside links in IE 10-.
  190.  */
  191. img {
  192.   border-style: none; }
  193.  
  194. /**
  195.  * Hide the overflow in IE.
  196.  */
  197. svg:not(:root) {
  198.   overflow: hidden; }
  199.  
  200. /* Forms
  201.    ========================================================================== */
  202. /**
  203.  * 1. Change the font styles in all browsers (opinionated).
  204.  * 2. Remove the margin in Firefox and Safari.
  205.  */
  206. button,
  207. input,
  208. optgroup,
  209. select,
  210. textarea {
  211.   font-family: sans-serif;
  212.   /* 1 */
  213.   font-size: 100%;
  214.   /* 1 */
  215.   line-height: 1.15;
  216.   /* 1 */
  217.   margin: 0;
  218.   /* 2 */ }
  219.  
  220. /**
  221.  * Show the overflow in IE.
  222.  * 1. Show the overflow in Edge.
  223.  */
  224. button,
  225. input {
  226.   /* 1 */
  227.   overflow: visible; }
  228.  
  229. /**
  230.  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  231.  * 1. Remove the inheritance of text transform in Firefox.
  232.  */
  233. button,
  234. select {
  235.   /* 1 */
  236.   text-transform: none; }
  237.  
  238. /**
  239.  * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
  240.  *    controls in Android 4.
  241.  * 2. Correct the inability to style clickable types in iOS and Safari.
  242.  */
  243. button,
  244. html [type="button"],
  245. [type="reset"],
  246. [type="submit"] {
  247.   -webkit-appearance: button;
  248.   /* 2 */ }
  249.  
  250. /**
  251.  * Remove the inner border and padding in Firefox.
  252.  */
  253. button::-moz-focus-inner,
  254. [type="button"]::-moz-focus-inner,
  255. [type="reset"]::-moz-focus-inner,
  256. [type="submit"]::-moz-focus-inner {
  257.   border-style: none;
  258.   padding: 0; }
  259.  
  260. /**
  261.  * Restore the focus styles unset by the previous rule.
  262.  */
  263. button:-moz-focusring,
  264. [type="button"]:-moz-focusring,
  265. [type="reset"]:-moz-focusring,
  266. [type="submit"]:-moz-focusring {
  267.   outline: 1px dotted ButtonText; }
  268.  
  269. /**
  270.  * Correct the padding in Firefox.
  271.  */
  272. fieldset {
  273.   padding: 0.35em 0.75em 0.625em; }
  274.  
  275. /**
  276.  * 1. Correct the text wrapping in Edge and IE.
  277.  * 2. Correct the color inheritance from `fieldset` elements in IE.
  278.  * 3. Remove the padding so developers are not caught out when they zero out
  279.  *    `fieldset` elements in all browsers.
  280.  */
  281. legend {
  282.   -webkit-box-sizing: border-box;
  283.   box-sizing: border-box;
  284.   /* 1 */
  285.   color: inherit;
  286.   /* 2 */
  287.   display: table;
  288.   /* 1 */
  289.   max-width: 100%;
  290.   /* 1 */
  291.   padding: 0;
  292.   /* 3 */
  293.   white-space: normal;
  294.   /* 1 */ }
  295.  
  296. /**
  297.  * 1. Add the correct display in IE 9-.
  298.  * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
  299.  */
  300. progress {
  301.   display: inline-block;
  302.   /* 1 */
  303.   vertical-align: baseline;
  304.   /* 2 */ }
  305.  
  306. /**
  307.  * Remove the default vertical scrollbar in IE.
  308.  */
  309. textarea {
  310.   overflow: auto; }
  311.  
  312. /**
  313.  * 1. Add the correct box sizing in IE 10-.
  314.  * 2. Remove the padding in IE 10-.
  315.  */
  316. [type="checkbox"],
  317. [type="radio"] {
  318.   -webkit-box-sizing: border-box;
  319.   box-sizing: border-box;
  320.   /* 1 */
  321.   padding: 0;
  322.   /* 2 */ }
  323.  
  324. /**
  325.  * Correct the cursor style of increment and decrement buttons in Chrome.
  326.  */
  327. [type="number"]::-webkit-inner-spin-button,
  328. [type="number"]::-webkit-outer-spin-button {
  329.   height: auto; }
  330.  
  331. /**
  332.  * 1. Correct the odd appearance in Chrome and Safari.
  333.  * 2. Correct the outline style in Safari.
  334.  */
  335. [type="search"] {
  336.   -webkit-appearance: textfield;
  337.   /* 1 */
  338.   outline-offset: -2px;
  339.   /* 2 */ }
  340.  
  341. /**
  342.  * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
  343.  */
  344. [type="search"]::-webkit-search-cancel-button,
  345. [type="search"]::-webkit-search-decoration {
  346.   -webkit-appearance: none; }
  347.  
  348. /**
  349.  * 1. Correct the inability to style clickable types in iOS and Safari.
  350.  * 2. Change font properties to `inherit` in Safari.
  351.  */
  352. ::-webkit-file-upload-button {
  353.   -webkit-appearance: button;
  354.   /* 1 */
  355.   font: inherit;
  356.   /* 2 */ }
  357.  
  358. /* Interactive
  359.    ========================================================================== */
  360. /*
  361.  * Add the correct display in IE 9-.
  362.  * 1. Add the correct display in Edge, IE, and Firefox.
  363.  */
  364. details,
  365. menu {
  366.   display: block; }
  367.  
  368. /*
  369.  * Add the correct display in all browsers.
  370.  */
  371. summary {
  372.   display: list-item; }
  373.  
  374. /* Scripting
  375.    ========================================================================== */
  376. /**
  377.  * Add the correct display in IE 9-.
  378.  */
  379. canvas {
  380.   display: inline-block; }
  381.  
  382. /**
  383.  * Add the correct display in IE.
  384.  */
  385. template {
  386.   display: none; }
  387.  
  388. /* Hidden
  389.    ========================================================================== */
  390. /**
  391.  * Add the correct display in IE 10-.
  392.  */
  393. [hidden] {
  394.   display: none; }
  395.  
  396. body {
  397.   font-family: 'Montserrat', sans-serif; }
  398.  
  399. .container {
  400.   margin-right: auto;
  401.   margin-left: auto; }
  402.  
  403. .flex-row {
  404.   display: -webkit-box;
  405.   display: -ms-flexbox;
  406.   display: flex;
  407.   -webkit-box-flex: 0;
  408.   -ms-flex: 0 1 auto;
  409.   flex: 0 1 auto;
  410.   -webkit-box-orient: horizontal;
  411.   -webkit-box-direction: normal;
  412.   -ms-flex-direction: row;
  413.   flex-direction: row;
  414.   -ms-flex-wrap: wrap;
  415.   flex-wrap: wrap; }
  416.  
  417. .flex-col {
  418.   display: -webkit-box;
  419.   display: -ms-flexbox;
  420.   display: flex;
  421.   -webkit-box-flex: 0;
  422.   -ms-flex: 0 1 auto;
  423.   flex: 0 1 auto;
  424.   -webkit-box-orient: vertical;
  425.   -webkit-box-direction: normal;
  426.   -ms-flex-direction: column;
  427.   flex-direction: column;
  428.   -ms-flex-wrap: wrap;
  429.   flex-wrap: wrap; }
  430.  
  431. .spaceBottom-4 {
  432.   margin-bottom: 4px; }
  433.  
  434. .spaceBottom-8 {
  435.   margin-bottom: 8px; }
  436.  
  437. .spaceBottom-16 {
  438.   margin-bottom: 16px; }
  439.  
  440. @media only screen and (min-width: 0em) {
  441.   body:before {
  442.     content: "extra-small";
  443.     display: none; }
  444.  
  445.   .col-xs,
  446.   .col-xs-1,
  447.   .col-xs-2,
  448.   .col-xs-3,
  449.   .col-xs-4,
  450.   .col-xs-5,
  451.   .col-xs-6,
  452.   .col-xs-7,
  453.   .col-xs-8,
  454.   .col-xs-9,
  455.   .col-xs-10,
  456.   .col-xs-11,
  457.   .col-xs-12,
  458.   .col-xs--offset-0,
  459.   .col-xs--offset-1,
  460.   .col-xs--offset-2,
  461.   .col-xs--offset-3,
  462.   .col-xs--offset-4,
  463.   .col-xs--offset-5,
  464.   .col-xs--offset-6,
  465.   .col-xs--offset-7,
  466.   .col-xs--offset-8,
  467.   .col-xs--offset-9,
  468.   .col-xs--offset-10,
  469.   .col-xs--offset-11,
  470.   .col-xs--offset-12 {
  471.     -webkit-box-flex: 0;
  472.     -ms-flex: 0 0 auto;
  473.     flex: 0 0 auto; }
  474.  
  475.   .col-xs {
  476.     -webkit-box-flex: 1;
  477.     -ms-flex-positive: 1;
  478.     flex-grow: 1;
  479.     -ms-flex-preferred-size: 0;
  480.     flex-basis: 0;
  481.     max-width: 100%; }
  482.     .col-xs--offset-0 {
  483.       margin-left: 0; }
  484.     .col-xs--offset-1 {
  485.       margin-left: 8.33333333%; }
  486.     .col-xs--offset-2 {
  487.       margin-left: 16.66666667%; }
  488.     .col-xs--offset-3 {
  489.       margin-left: 25%; }
  490.     .col-xs--offset-4 {
  491.       margin-left: 33.33333333%; }
  492.     .col-xs--offset-5 {
  493.       margin-left: 41.66666667%; }
  494.     .col-xs--offset-6 {
  495.       margin-left: 50%; }
  496.     .col-xs--offset-7 {
  497.       margin-left: 58.33333333%; }
  498.     .col-xs--offset-8 {
  499.       margin-left: 66.66666667%; }
  500.     .col-xs--offset-9 {
  501.       margin-left: 75%; }
  502.     .col-xs--offset-10 {
  503.       margin-left: 83.33333333%; }
  504.     .col-xs--offset-11 {
  505.       margin-left: 91.66666667%; }
  506.  
  507.   .col-xs-1 {
  508.     -ms-flex-preferred-size: 8.33333333%;
  509.     flex-basis: 8.33333333%;
  510.     max-width: 8.33333333%; }
  511.  
  512.   .col-xs-2 {
  513.     -ms-flex-preferred-size: 16.66666667%;
  514.     flex-basis: 16.66666667%;
  515.     max-width: 16.66666667%; }
  516.  
  517.   .col-xs-3 {
  518.     -ms-flex-preferred-size: 25%;
  519.     flex-basis: 25%;
  520.     max-width: 25%; }
  521.  
  522.   .col-xs-4 {
  523.     -ms-flex-preferred-size: 33.33333333%;
  524.     flex-basis: 33.33333333%;
  525.     max-width: 33.33333333%; }
  526.  
  527.   .col-xs-5 {
  528.     -ms-flex-preferred-size: 41.66666667%;
  529.     flex-basis: 41.66666667%;
  530.     max-width: 41.66666667%; }
  531.  
  532.   .col-xs-6 {
  533.     -ms-flex-preferred-size: 50%;
  534.     flex-basis: 50%;
  535.     max-width: 50%; }
  536.  
  537.   .col-xs-7 {
  538.     -ms-flex-preferred-size: 58.33333333%;
  539.     flex-basis: 58.33333333%;
  540.     max-width: 58.33333333%; }
  541.  
  542.   .col-xs-8 {
  543.     -ms-flex-preferred-size: 66.66666667%;
  544.     flex-basis: 66.66666667%;
  545.     max-width: 66.66666667%; }
  546.  
  547.   .col-xs-9 {
  548.     -ms-flex-preferred-size: 75%;
  549.     flex-basis: 75%;
  550.     max-width: 75%; }
  551.  
  552.   .col-xs-10 {
  553.     -ms-flex-preferred-size: 83.33333333%;
  554.     flex-basis: 83.33333333%;
  555.     max-width: 83.33333333%; }
  556.  
  557.   .col-xs-11 {
  558.     -ms-flex-preferred-size: 91.66666667%;
  559.     flex-basis: 91.66666667%;
  560.     max-width: 91.66666667%; }
  561.  
  562.   .col-xs-12 {
  563.     -ms-flex-preferred-size: 100%;
  564.     flex-basis: 100%;
  565.     max-width: 100%; }
  566.  
  567.   .start-xs {
  568.     -webkit-box-pack: start;
  569.     -ms-flex-pack: start;
  570.     justify-content: flex-start;
  571.     text-align: start; }
  572.  
  573.   .center-xs {
  574.     -webkit-box-pack: center;
  575.     -ms-flex-pack: center;
  576.     justify-content: center;
  577.     text-align: center; }
  578.  
  579.   .end-xs {
  580.     -webkit-box-pack: end;
  581.     -ms-flex-pack: end;
  582.     justify-content: flex-end;
  583.     text-align: end; }
  584.  
  585.   .top-xs {
  586.     -webkit-box-align: start;
  587.     -ms-flex-align: start;
  588.     align-items: flex-start; }
  589.  
  590.   .middle-xs {
  591.     -webkit-box-align: center;
  592.     -ms-flex-align: center;
  593.     align-items: center; }
  594.  
  595.   .bottom-xs {
  596.     -webkit-box-align: end;
  597.     -ms-flex-align: end;
  598.     align-items: flex-end; }
  599.  
  600.   .around-xs {
  601.     -ms-flex-pack: distribute;
  602.     justify-content: space-around; }
  603.  
  604.   .between-xs {
  605.     -webkit-box-pack: justify;
  606.     -ms-flex-pack: justify;
  607.     justify-content: space-between; }
  608.  
  609.   .first-xs {
  610.     -webkit-box-ordinal-group: 0;
  611.     -ms-flex-order: -1;
  612.     order: -1; }
  613.  
  614.   .last-xs {
  615.     -webkit-box-ordinal-group: 2;
  616.     -ms-flex-order: 1;
  617.     order: 1; } }
  618. @media only screen and (min-width: 30em) {
  619.   body:before {
  620.     content: "small";
  621.     display: none; }
  622.  
  623.   .col-sm,
  624.   .col-sm-1,
  625.   .col-sm-2,
  626.   .col-sm-3,
  627.   .col-sm-4,
  628.   .col-sm-5,
  629.   .col-sm-6,
  630.   .col-sm-7,
  631.   .col-sm-8,
  632.   .col-sm-9,
  633.   .col-sm-10,
  634.   .col-sm-11,
  635.   .col-sm-12,
  636.   .col-sm--offset-0,
  637.   .col-sm--offset-1,
  638.   .col-sm--offset-2,
  639.   .col-sm--offset-3,
  640.   .col-sm--offset-4,
  641.   .col-sm--offset-5,
  642.   .col-sm--offset-6,
  643.   .col-sm--offset-7,
  644.   .col-sm--offset-8,
  645.   .col-sm--offset-9,
  646.   .col-sm--offset-10,
  647.   .col-sm--offset-11,
  648.   .col-sm--offset-12 {
  649.     -webkit-box-flex: 0;
  650.     -ms-flex: 0 0 auto;
  651.     flex: 0 0 auto; }
  652.  
  653.   .col-sm {
  654.     -webkit-box-flex: 1;
  655.     -ms-flex-positive: 1;
  656.     flex-grow: 1;
  657.     -ms-flex-preferred-size: 0;
  658.     flex-basis: 0;
  659.     max-width: 100%; }
  660.     .col-sm--offset-0 {
  661.       margin-left: 0; }
  662.     .col-sm--offset-1 {
  663.       margin-left: 8.33333333%; }
  664.     .col-sm--offset-2 {
  665.       margin-left: 16.66666667%; }
  666.     .col-sm--offset-3 {
  667.       margin-left: 25%; }
  668.     .col-sm--offset-4 {
  669.       margin-left: 33.33333333%; }
  670.     .col-sm--offset-5 {
  671.       margin-left: 41.66666667%; }
  672.     .col-sm--offset-6 {
  673.       margin-left: 50%; }
  674.     .col-sm--offset-7 {
  675.       margin-left: 58.33333333%; }
  676.     .col-sm--offset-8 {
  677.       margin-left: 66.66666667%; }
  678.     .col-sm--offset-9 {
  679.       margin-left: 75%; }
  680.     .col-sm--offset-10 {
  681.       margin-left: 83.33333333%; }
  682.     .col-sm--offset-11 {
  683.       margin-left: 91.66666667%; }
  684.  
  685.   .col-sm-1 {
  686.     -ms-flex-preferred-size: 8.33333333%;
  687.     flex-basis: 8.33333333%;
  688.     max-width: 8.33333333%; }
  689.  
  690.   .col-sm-2 {
  691.     -ms-flex-preferred-size: 16.66666667%;
  692.     flex-basis: 16.66666667%;
  693.     max-width: 16.66666667%; }
  694.  
  695.   .col-sm-3 {
  696.     -ms-flex-preferred-size: 25%;
  697.     flex-basis: 25%;
  698.     max-width: 25%; }
  699.  
  700.   .col-sm-4 {
  701.     -ms-flex-preferred-size: 33.33333333%;
  702.     flex-basis: 33.33333333%;
  703.     max-width: 33.33333333%; }
  704.  
  705.   .col-sm-5 {
  706.     -ms-flex-preferred-size: 41.66666667%;
  707.     flex-basis: 41.66666667%;
  708.     max-width: 41.66666667%; }
  709.  
  710.   .col-sm-6 {
  711.     -ms-flex-preferred-size: 50%;
  712.     flex-basis: 50%;
  713.     max-width: 50%; }
  714.  
  715.   .col-sm-7 {
  716.     -ms-flex-preferred-size: 58.33333333%;
  717.     flex-basis: 58.33333333%;
  718.     max-width: 58.33333333%; }
  719.  
  720.   .col-sm-8 {
  721.     -ms-flex-preferred-size: 66.66666667%;
  722.     flex-basis: 66.66666667%;
  723.     max-width: 66.66666667%; }
  724.  
  725.   .col-sm-9 {
  726.     -ms-flex-preferred-size: 75%;
  727.     flex-basis: 75%;
  728.     max-width: 75%; }
  729.  
  730.   .col-sm-10 {
  731.     -ms-flex-preferred-size: 83.33333333%;
  732.     flex-basis: 83.33333333%;
  733.     max-width: 83.33333333%; }
  734.  
  735.   .col-sm-11 {
  736.     -ms-flex-preferred-size: 91.66666667%;
  737.     flex-basis: 91.66666667%;
  738.     max-width: 91.66666667%; }
  739.  
  740.   .col-sm-12 {
  741.     -ms-flex-preferred-size: 100%;
  742.     flex-basis: 100%;
  743.     max-width: 100%; }
  744.  
  745.   .start-sm {
  746.     -webkit-box-pack: start;
  747.     -ms-flex-pack: start;
  748.     justify-content: flex-start;
  749.     text-align: start; }
  750.  
  751.   .center-sm {
  752.     -webkit-box-pack: center;
  753.     -ms-flex-pack: center;
  754.     justify-content: center;
  755.     text-align: center; }
  756.  
  757.   .end-sm {
  758.     -webkit-box-pack: end;
  759.     -ms-flex-pack: end;
  760.     justify-content: flex-end;
  761.     text-align: end; }
  762.  
  763.   .top-sm {
  764.     -webkit-box-align: start;
  765.     -ms-flex-align: start;
  766.     align-items: flex-start; }
  767.  
  768.   .middle-sm {
  769.     -webkit-box-align: center;
  770.     -ms-flex-align: center;
  771.     align-items: center; }
  772.  
  773.   .bottom-sm {
  774.     -webkit-box-align: end;
  775.     -ms-flex-align: end;
  776.     align-items: flex-end; }
  777.  
  778.   .around-sm {
  779.     -ms-flex-pack: distribute;
  780.     justify-content: space-around; }
  781.  
  782.   .between-sm {
  783.     -webkit-box-pack: justify;
  784.     -ms-flex-pack: justify;
  785.     justify-content: space-between; }
  786.  
  787.   .first-sm {
  788.     -webkit-box-ordinal-group: 0;
  789.     -ms-flex-order: -1;
  790.     order: -1; }
  791.  
  792.   .last-sm {
  793.     -webkit-box-ordinal-group: 2;
  794.     -ms-flex-order: 1;
  795.     order: 1; } }
  796. @media only screen and (min-width: 48em) {
  797.   body:before {
  798.     content: "medium";
  799.     display: none; }
  800.  
  801.   .col-md,
  802.   .col-md-1,
  803.   .col-md-2,
  804.   .col-md-3,
  805.   .col-md-4,
  806.   .col-md-5,
  807.   .col-md-6,
  808.   .col-md-7,
  809.   .col-md-8,
  810.   .col-md-9,
  811.   .col-md-10,
  812.   .col-md-11,
  813.   .col-md-12,
  814.   .col-md--offset-0,
  815.   .col-md--offset-1,
  816.   .col-md--offset-2,
  817.   .col-md--offset-3,
  818.   .col-md--offset-4,
  819.   .col-md--offset-5,
  820.   .col-md--offset-6,
  821.   .col-md--offset-7,
  822.   .col-md--offset-8,
  823.   .col-md--offset-9,
  824.   .col-md--offset-10,
  825.   .col-md--offset-11,
  826.   .col-md--offset-12 {
  827.     -webkit-box-flex: 0;
  828.     -ms-flex: 0 0 auto;
  829.     flex: 0 0 auto; }
  830.  
  831.   .col-md {
  832.     -webkit-box-flex: 1;
  833.     -ms-flex-positive: 1;
  834.     flex-grow: 1;
  835.     -ms-flex-preferred-size: 0;
  836.     flex-basis: 0;
  837.     max-width: 100%; }
  838.     .col-md--offset-0 {
  839.       margin-left: 0; }
  840.     .col-md--offset-1 {
  841.       margin-left: 8.33333333%; }
  842.     .col-md--offset-2 {
  843.       margin-left: 16.66666667%; }
  844.     .col-md--offset-3 {
  845.       margin-left: 25%; }
  846.     .col-md--offset-4 {
  847.       margin-left: 33.33333333%; }
  848.     .col-md--offset-5 {
  849.       margin-left: 41.66666667%; }
  850.     .col-md--offset-6 {
  851.       margin-left: 50%; }
  852.     .col-md--offset-7 {
  853.       margin-left: 58.33333333%; }
  854.     .col-md--offset-8 {
  855.       margin-left: 66.66666667%; }
  856.     .col-md--offset-9 {
  857.       margin-left: 75%; }
  858.     .col-md--offset-10 {
  859.       margin-left: 83.33333333%; }
  860.     .col-md--offset-11 {
  861.       margin-left: 91.66666667%; }
  862.  
  863.   .col-md-1 {
  864.     -ms-flex-preferred-size: 8.33333333%;
  865.     flex-basis: 8.33333333%;
  866.     max-width: 8.33333333%; }
  867.  
  868.   .col-md-2 {
  869.     -ms-flex-preferred-size: 16.66666667%;
  870.     flex-basis: 16.66666667%;
  871.     max-width: 16.66666667%; }
  872.  
  873.   .col-md-3 {
  874.     -ms-flex-preferred-size: 25%;
  875.     flex-basis: 25%;
  876.     max-width: 25%; }
  877.  
  878.   .col-md-4 {
  879.     -ms-flex-preferred-size: 33.33333333%;
  880.     flex-basis: 33.33333333%;
  881.     max-width: 33.33333333%; }
  882.  
  883.   .col-md-5 {
  884.     -ms-flex-preferred-size: 41.66666667%;
  885.     flex-basis: 41.66666667%;
  886.     max-width: 41.66666667%; }
  887.  
  888.   .col-md-6 {
  889.     -ms-flex-preferred-size: 50%;
  890.     flex-basis: 50%;
  891.     max-width: 50%; }
  892.  
  893.   .col-md-7 {
  894.     -ms-flex-preferred-size: 58.33333333%;
  895.     flex-basis: 58.33333333%;
  896.     max-width: 58.33333333%; }
  897.  
  898.   .col-md-8 {
  899.     -ms-flex-preferred-size: 66.66666667%;
  900.     flex-basis: 66.66666667%;
  901.     max-width: 66.66666667%; }
  902.  
  903.   .col-md-9 {
  904.     -ms-flex-preferred-size: 75%;
  905.     flex-basis: 75%;
  906.     max-width: 75%; }
  907.  
  908.   .col-md-10 {
  909.     -ms-flex-preferred-size: 83.33333333%;
  910.     flex-basis: 83.33333333%;
  911.     max-width: 83.33333333%; }
  912.  
  913.   .col-md-11 {
  914.     -ms-flex-preferred-size: 91.66666667%;
  915.     flex-basis: 91.66666667%;
  916.     max-width: 91.66666667%; }
  917.  
  918.   .col-md-12 {
  919.     -ms-flex-preferred-size: 100%;
  920.     flex-basis: 100%;
  921.     max-width: 100%; }
  922.  
  923.   .start-md {
  924.     -webkit-box-pack: start;
  925.     -ms-flex-pack: start;
  926.     justify-content: flex-start;
  927.     text-align: start; }
  928.  
  929.   .center-md {
  930.     -webkit-box-pack: center;
  931.     -ms-flex-pack: center;
  932.     justify-content: center;
  933.     text-align: center; }
  934.  
  935.   .end-md {
  936.     -webkit-box-pack: end;
  937.     -ms-flex-pack: end;
  938.     justify-content: flex-end;
  939.     text-align: end; }
  940.  
  941.   .top-md {
  942.     -webkit-box-align: start;
  943.     -ms-flex-align: start;
  944.     align-items: flex-start; }
  945.  
  946.   .middle-md {
  947.     -webkit-box-align: center;
  948.     -ms-flex-align: center;
  949.     align-items: center; }
  950.  
  951.   .bottom-md {
  952.     -webkit-box-align: end;
  953.     -ms-flex-align: end;
  954.     align-items: flex-end; }
  955.  
  956.   .around-md {
  957.     -ms-flex-pack: distribute;
  958.     justify-content: space-around; }
  959.  
  960.   .between-md {
  961.     -webkit-box-pack: justify;
  962.     -ms-flex-pack: justify;
  963.     justify-content: space-between; }
  964.  
  965.   .first-md {
  966.     -webkit-box-ordinal-group: 0;
  967.     -ms-flex-order: -1;
  968.     order: -1; }
  969.  
  970.   .last-md {
  971.     -webkit-box-ordinal-group: 2;
  972.     -ms-flex-order: 1;
  973.     order: 1; } }
  974. @media only screen and (min-width: 80em) {
  975.   body:before {
  976.     content: "large";
  977.     display: none; }
  978.  
  979.   .col-lg,
  980.   .col-lg-1,
  981.   .col-lg-2,
  982.   .col-lg-3,
  983.   .col-lg-4,
  984.   .col-lg-5,
  985.   .col-lg-6,
  986.   .col-lg-7,
  987.   .col-lg-8,
  988.   .col-lg-9,
  989.   .col-lg-10,
  990.   .col-lg-11,
  991.   .col-lg-12,
  992.   .col-lg--offset-0,
  993.   .col-lg--offset-1,
  994.   .col-lg--offset-2,
  995.   .col-lg--offset-3,
  996.   .col-lg--offset-4,
  997.   .col-lg--offset-5,
  998.   .col-lg--offset-6,
  999.   .col-lg--offset-7,
  1000.   .col-lg--offset-8,
  1001.   .col-lg--offset-9,
  1002.   .col-lg--offset-10,
  1003.   .col-lg--offset-11,
  1004.   .col-lg--offset-12 {
  1005.     -webkit-box-flex: 0;
  1006.     -ms-flex: 0 0 auto;
  1007.     flex: 0 0 auto; }
  1008.  
  1009.   .col-lg {
  1010.     -webkit-box-flex: 1;
  1011.     -ms-flex-positive: 1;
  1012.     flex-grow: 1;
  1013.     -ms-flex-preferred-size: 0;
  1014.     flex-basis: 0;
  1015.     max-width: 100%; }
  1016.     .col-lg--offset-0 {
  1017.       margin-left: 0; }
  1018.     .col-lg--offset-1 {
  1019.       margin-left: 8.33333333%; }
  1020.     .col-lg--offset-2 {
  1021.       margin-left: 16.66666667%; }
  1022.     .col-lg--offset-3 {
  1023.       margin-left: 25%; }
  1024.     .col-lg--offset-4 {
  1025.       margin-left: 33.33333333%; }
  1026.     .col-lg--offset-5 {
  1027.       margin-left: 41.66666667%; }
  1028.     .col-lg--offset-6 {
  1029.       margin-left: 50%; }
  1030.     .col-lg--offset-7 {
  1031.       margin-left: 58.33333333%; }
  1032.     .col-lg--offset-8 {
  1033.       margin-left: 66.66666667%; }
  1034.     .col-lg--offset-9 {
  1035.       margin-left: 75%; }
  1036.     .col-lg--offset-10 {
  1037.       margin-left: 83.33333333%; }
  1038.     .col-lg--offset-11 {
  1039.       margin-left: 91.66666667%; }
  1040.  
  1041.   .col-lg-1 {
  1042.     -ms-flex-preferred-size: 8.33333333%;
  1043.     flex-basis: 8.33333333%;
  1044.     max-width: 8.33333333%; }
  1045.  
  1046.   .col-lg-2 {
  1047.     -ms-flex-preferred-size: 16.66666667%;
  1048.     flex-basis: 16.66666667%;
  1049.     max-width: 16.66666667%; }
  1050.  
  1051.   .col-lg-3 {
  1052.     -ms-flex-preferred-size: 25%;
  1053.     flex-basis: 25%;
  1054.     max-width: 25%; }
  1055.  
  1056.   .col-lg-4 {
  1057.     -ms-flex-preferred-size: 33.33333333%;
  1058.     flex-basis: 33.33333333%;
  1059.     max-width: 33.33333333%; }
  1060.  
  1061.   .col-lg-5 {
  1062.     -ms-flex-preferred-size: 41.66666667%;
  1063.     flex-basis: 41.66666667%;
  1064.     max-width: 41.66666667%; }
  1065.  
  1066.   .col-lg-6 {
  1067.     -ms-flex-preferred-size: 50%;
  1068.     flex-basis: 50%;
  1069.     max-width: 50%; }
  1070.  
  1071.   .col-lg-7 {
  1072.     -ms-flex-preferred-size: 58.33333333%;
  1073.     flex-basis: 58.33333333%;
  1074.     max-width: 58.33333333%; }
  1075.  
  1076.   .col-lg-8 {
  1077.     -ms-flex-preferred-size: 66.66666667%;
  1078.     flex-basis: 66.66666667%;
  1079.     max-width: 66.66666667%; }
  1080.  
  1081.   .col-lg-9 {
  1082.     -ms-flex-preferred-size: 75%;
  1083.     flex-basis: 75%;
  1084.     max-width: 75%; }
  1085.  
  1086.   .col-lg-10 {
  1087.     -ms-flex-preferred-size: 83.33333333%;
  1088.     flex-basis: 83.33333333%;
  1089.     max-width: 83.33333333%; }
  1090.  
  1091.   .col-lg-11 {
  1092.     -ms-flex-preferred-size: 91.66666667%;
  1093.     flex-basis: 91.66666667%;
  1094.     max-width: 91.66666667%; }
  1095.  
  1096.   .col-lg-12 {
  1097.     -ms-flex-preferred-size: 100%;
  1098.     flex-basis: 100%;
  1099.     max-width: 100%; }
  1100.  
  1101.   .start-lg {
  1102.     -webkit-box-pack: start;
  1103.     -ms-flex-pack: start;
  1104.     justify-content: flex-start;
  1105.     text-align: start; }
  1106.  
  1107.   .center-lg {
  1108.     -webkit-box-pack: center;
  1109.     -ms-flex-pack: center;
  1110.     justify-content: center;
  1111.     text-align: center; }
  1112.  
  1113.   .end-lg {
  1114.     -webkit-box-pack: end;
  1115.     -ms-flex-pack: end;
  1116.     justify-content: flex-end;
  1117.     text-align: end; }
  1118.  
  1119.   .top-lg {
  1120.     -webkit-box-align: start;
  1121.     -ms-flex-align: start;
  1122.     align-items: flex-start; }
  1123.  
  1124.   .middle-lg {
  1125.     -webkit-box-align: center;
  1126.     -ms-flex-align: center;
  1127.     align-items: center; }
  1128.  
  1129.   .bottom-lg {
  1130.     -webkit-box-align: end;
  1131.     -ms-flex-align: end;
  1132.     align-items: flex-end; }
  1133.  
  1134.   .around-lg {
  1135.     -ms-flex-pack: distribute;
  1136.     justify-content: space-around; }
  1137.  
  1138.   .between-lg {
  1139.     -webkit-box-pack: justify;
  1140.     -ms-flex-pack: justify;
  1141.     justify-content: space-between; }
  1142.  
  1143.   .first-lg {
  1144.     -webkit-box-ordinal-group: 0;
  1145.     -ms-flex-order: -1;
  1146.     order: -1; }
  1147.  
  1148.   .last-lg {
  1149.     -webkit-box-ordinal-group: 2;
  1150.     -ms-flex-order: 1;
  1151.     order: 1; } }
  1152. .button {
  1153.   background-color: black;
  1154.   color: white;
  1155.   display: block;
  1156.   width: 100%;
  1157.   border: none;
  1158.   padding: 15px 16px;
  1159.   font-weight: 600;
  1160.   text-align: center;
  1161.   text-decoration: none;
  1162.   text-transform: uppercase; }
  1163.   .button--stripped {
  1164.     background-color: transparent;
  1165.     color: #1a1a1a;
  1166.     display: block;
  1167.     border: none;
  1168.     font-weight: 300;
  1169.     text-align: center;
  1170.     text-decoration: underline; }
  1171.     .button--stripped:link, .button--stripped:visited {
  1172.       color: #333333; }
  1173.     .button--stripped:hover, .button--stripped:active {
  1174.       color: black; }
  1175.  
  1176. .btn-close {
  1177.   background-color: initial;
  1178.   width: 32px;
  1179.   height: 32px;
  1180.   border: none;
  1181.   padding: 0;
  1182.   font-size: 22px; }
  1183.  
  1184. *, *:before, *:after {
  1185.   -webkit-box-sizing: border-box;
  1186.   box-sizing: border-box; }
  1187.  
  1188. .veil {
  1189.   background-color: rgba(0, 0, 0, 0.5);
  1190.   position: fixed;
  1191.   top: 0;
  1192.   bottom: 0;
  1193.   left: 0;
  1194.   right: 0;
  1195.   display: -webkit-box;
  1196.   display: -ms-flexbox;
  1197.   display: flex;
  1198.   -webkit-box-pack: center;
  1199.   -ms-flex-pack: center;
  1200.   justify-content: center;
  1201.   -webkit-box-align: center;
  1202.   -ms-flex-align: center;
  1203.   align-items: center; }
  1204.  
  1205. .buyNotify {
  1206.   position: relative;
  1207.   background-color: #fff;
  1208.   padding: 24px; }
  1209.   .buyNotify__confirmation {
  1210.     display: -webkit-box;
  1211.     display: -ms-flexbox;
  1212.     display: flex;
  1213.     -webkit-box-orient: vertical;
  1214.     -webkit-box-direction: normal;
  1215.     -ms-flex-direction: column;
  1216.     flex-direction: column; }
  1217.     .buyNotify__confirmation--hasItems {
  1218.       display: -webkit-box;
  1219.       display: -ms-flexbox;
  1220.       display: flex;
  1221.       -webkit-box-orient: vertical;
  1222.       -webkit-box-direction: normal;
  1223.       -ms-flex-direction: column;
  1224.       flex-direction: column; }
  1225.       @media only screen and (min-width: 48em) {
  1226.         .buyNotify__confirmation--hasItems {
  1227.           -webkit-box-orient: horizontal;
  1228.           -webkit-box-direction: normal;
  1229.           -ms-flex-direction: row;
  1230.           flex-direction: row; } }
  1231.   .buyNotify__currentProduct {
  1232.     display: -webkit-box;
  1233.     display: -ms-flexbox;
  1234.     display: flex;
  1235.     -webkit-box-orient: vertical;
  1236.     -webkit-box-direction: normal;
  1237.     -ms-flex-direction: column;
  1238.     flex-direction: column;
  1239.     -webkit-box-flex: 1;
  1240.     -ms-flex-positive: 1;
  1241.     flex-grow: 1;
  1242.     max-width: 100%; }
  1243.     .buyNotify__currentProduct--hasItems {
  1244.       display: -webkit-box;
  1245.       display: -ms-flexbox;
  1246.       display: flex;
  1247.       -webkit-box-orient: horizontal;
  1248.       -webkit-box-direction: normal;
  1249.       -ms-flex-direction: row;
  1250.       flex-direction: row;
  1251.       -webkit-box-flex: 1;
  1252.       -ms-flex-positive: 1;
  1253.       flex-grow: 1;
  1254.       max-width: 100%;
  1255.       margin-bottom: 16px; }
  1256.       @media only screen and (min-width: 48em) {
  1257.         .buyNotify__currentProduct--hasItems {
  1258.           -webkit-box-orient: vertical;
  1259.           -webkit-box-direction: normal;
  1260.           -ms-flex-direction: column;
  1261.           flex-direction: column;
  1262.           margin-right: 8px;
  1263.           margin-bottom: 0; } }
  1264.     .buyNotify__currentProductWrapper1 {
  1265.       -webkit-box-flex: 1;
  1266.       -ms-flex-positive: 1;
  1267.       flex-grow: 1;
  1268.       -ms-flex-preferred-size: 0;
  1269.       flex-basis: 0;
  1270.       max-width: 100%; }
  1271.       .buyNotify__currentProductWrapper1--hasItems {
  1272.         -webkit-box-flex: 1;
  1273.         -ms-flex-positive: 1;
  1274.         flex-grow: 1;
  1275.         -ms-flex-preferred-size: 0;
  1276.         flex-basis: 0;
  1277.         max-width: 20%;
  1278.         margin-right: 6px;
  1279.         margin-bottom: 8px; }
  1280.         @media only screen and (min-width: 48em) {
  1281.           .buyNotify__currentProductWrapper1--hasItems {
  1282.             max-width: 100%;
  1283.             margin-right: 0; } }
  1284.     .buyNotify__currentProductImage {
  1285.       display: block;
  1286.       width: 100%; }
  1287.     .buyNotify__currentProductWrapper2 {
  1288.       -webkit-box-flex: 1;
  1289.       -ms-flex-positive: 1;
  1290.       flex-grow: 1;
  1291.       -ms-flex-preferred-size: 0;
  1292.       flex-basis: 0;
  1293.       max-width: 100%; }
  1294.       .buyNotify__currentProductWrapper2--hasItems {
  1295.         display: -webkit-box;
  1296.         display: -ms-flexbox;
  1297.         display: flex;
  1298.         -webkit-box-orient: vertical;
  1299.         -webkit-box-direction: normal;
  1300.         -ms-flex-direction: column;
  1301.         flex-direction: column;
  1302.         -ms-flex-pack: distribute;
  1303.         justify-content: space-around;
  1304.         -webkit-box-flex: 1;
  1305.         -ms-flex-positive: 1;
  1306.         flex-grow: 1;
  1307.         -ms-flex-preferred-size: 0;
  1308.         flex-basis: 0;
  1309.         max-width: 80%;
  1310.         margin-left: 6px; }
  1311.         @media only screen and (min-width: 48em) {
  1312.           .buyNotify__currentProductWrapper2--hasItems {
  1313.             display: block;
  1314.             max-width: 100%;
  1315.             margin-left: 0; } }
  1316.     .buyNotify__currentProductName {
  1317.       display: block;
  1318.       font-size: 14px;
  1319.       font-weight: 600;
  1320.       text-align: center;
  1321.       text-transform: uppercase; }
  1322.       .buyNotify__currentProductName--hasItems {
  1323.         display: block;
  1324.         font-size: 14px;
  1325.         font-weight: 600;
  1326.         text-align: left;
  1327.         text-transform: uppercase; }
  1328.         @media only screen and (min-width: 48em) {
  1329.           .buyNotify__currentProductName--hasItems {
  1330.             text-align: center; } }
  1331.     .buyNotify__currentProductMessage {
  1332.       display: block;
  1333.       font-size: 16px;
  1334.       font-weight: 300;
  1335.       text-align: center; }
  1336.       .buyNotify__currentProductMessage--hasItems {
  1337.         display: block;
  1338.         margin: 8px 0;
  1339.         font-size: 16px;
  1340.         font-weight: 300;
  1341.         text-align: left; }
  1342.         @media only screen and (min-width: 48em) {
  1343.           .buyNotify__currentProductMessage--hasItems {
  1344.             text-align: center; } }
  1345.   .buyNotify__container {
  1346.     display: -webkit-box;
  1347.     display: -ms-flexbox;
  1348.     display: flex;
  1349.     -webkit-box-orient: vertical;
  1350.     -webkit-box-direction: normal;
  1351.     -ms-flex-direction: column;
  1352.     flex-direction: column;
  1353.     -webkit-box-flex: 1;
  1354.     -ms-flex-positive: 1;
  1355.     flex-grow: 1;
  1356.     max-width: 100%; }
  1357.     @media only screen and (min-width: 48em) {
  1358.       .buyNotify__container--hasItems {
  1359.         margin-left: 8px; } }
  1360.   .buyNotify__cart--noItems {
  1361.     display: none; }
  1362.   .buyNotify__cartMessage {
  1363.     display: block;
  1364.     margin-bottom: 16px;
  1365.     font-size: 14px;
  1366.     font-weight: 600; }
  1367.   .buyNotify__cartProducts {
  1368.     border-color: #1a1a1a;
  1369.     border-style: solid;
  1370.     border-width: 1px 0;
  1371.     overflow-y: auto; }
  1372.     .buyNotify__cartProducts::-webkit-scrollbar {
  1373.       width: 6px; }
  1374.     .buyNotify__cartProducts::-webkit-scrollbar-track {
  1375.       background-color: #e6e6e6; }
  1376.     .buyNotify__cartProducts::-webkit-scrollbar-thumb {
  1377.       background-color: black; }
  1378.     @media only screen and (min-width: 48em) {
  1379.       .buyNotify__cartProducts {
  1380.         height: 220px; } }
  1381.   .buyNotify__cartProduct {
  1382.     padding: 8px 0;
  1383.     border-bottom: 1px solid #cccccc; }
  1384.     .buyNotify__cartProductName {
  1385.       display: block;
  1386.       margin-bottom: 4px;
  1387.       font-size: 12px;
  1388.       font-weight: 600;
  1389.       text-transform: uppercase; }
  1390.     .buyNotify__cartProductButton {
  1391.       margin-left: 16px; }
  1392.   .buyNotify__cartMessage2 {
  1393.     display: block;
  1394.     margin: 12px 0;
  1395.     font-size: 14px; }
  1396.   .buyNotify__cartTotalPrice {
  1397.     font-weight: 600; }
  1398.   .buyNotify__currentProductWrapper3, .buyNotify__cartProductWrapper2 {
  1399.     font-size: 12px;
  1400.     font-weight: 300; }
  1401.   .buyNotify__currentProductPrice, .buyNotify__cartProductPrice, .buyNotify__currentProductSize, .buyNotify__cartProductSize {
  1402.     font-size: 12px;
  1403.     font-weight: 500; }
  1404.   .buyNotify__currentProductButton, .buyNotify__cartProductButton {
  1405.     font-size: 14px;
  1406.     font-weight: 500;
  1407.     -ms-flex-item-align: center;
  1408.     align-self: center; }
  1409.   .buyNotify__checkoutButton, .buyNotify__continueButton {
  1410.     font-size: 14px; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement