/*!

 * ress.css • v2.0.1

 * MIT License

 * github.com/filipelinhares/ress

 */



/* # =================================================================

   # Global selectors

   # ================================================================= */



html {

  box-sizing: border-box;

  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */

  word-break: break-word;

  -moz-tab-size: 4;

  tab-size: 4;

}



*,

::before,

::after {

  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */

  box-sizing: inherit;

}



::before,

::after {

  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */

  vertical-align: inherit;

}



* {

  padding: 0; /* Reset `padding` and `margin` of all elements */

  margin: 0;

}



/* # =================================================================

   # General elements

   # ================================================================= */



hr {

  overflow: visible; /* Show the overflow in Edge and IE */

  height: 0; /* Add the correct box sizing in Firefox */

}



details,

main {

  display: block; /* Render the `main` element consistently in IE. */

}



summary {

  display: list-item; /* Add the correct display in all browsers */

}



small {

  font-size: 80%; /* Set font-size to 80% in `small` elements */

}



[hidden] {

  display: none; /* Add the correct display in IE */

}



abbr[title] {

  border-bottom: none; /* Remove the bottom border in Chrome 57 */

  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */

  text-decoration: underline;

  text-decoration: underline dotted;

}



a {

  background-color: transparent; /* Remove the gray background on active links in IE 10 */

}



a:active,

a:hover {

  outline-width: 0; /* Remove the outline when hovering in all browsers */

}



code,

kbd,

pre,

samp {

  font-family: monospace, monospace; /* Specify the font family of code elements */

}



pre {

  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */

}



b,

strong {

  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */

}



/* https://gist.github.com/unruthless/413930 */

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sub {

  bottom: -0.25em;

}



sup {

  top: -0.5em;

}



/* # =================================================================

   # Forms

   # ================================================================= */



input {

  border-radius: 0;

}



/* Replace pointer cursor in disabled elements */

[disabled] {

  cursor: default;

}



[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */

}



[type="search"] {

  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */

  outline-offset: -2px /* Correct the outline style in Safari */

}



[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */

}



textarea {

  overflow: auto; /* Internet Explorer 11+ */

  resize: vertical; /* Specify textarea resizability */

}



button,

input,

optgroup,

select,

textarea {

  font: inherit; /* Specify font inheritance of form elements */

}



optgroup {

  font-weight: bold; /* Restore the font weight unset by the previous rule */

}



button {

  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */

}



button,

select {

  text-transform: none; /* Firefox 40+, Internet Explorer 11- */

}



/* Apply cursor pointer to button elements */

button,

[type="button"],

[type="reset"],

[type="submit"],

[role="button"] {

  cursor: pointer;

}



/* Remove inner padding and border in Firefox 4+ */

button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

  border-style: none;

  padding: 0;

}



/* Replace focus style removed in the border reset above */

button:-moz-focusring,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

  outline: 1px dotted ButtonText;

}



button,

html [type="button"], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */

[type="reset"],

[type="submit"] {

  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */

}



/* Remove the default button styling in all browsers */

button,

input,

select,

textarea {

  background-color: transparent;

  border-style: none;

}



/* Style select like a standard input */

select {

  -moz-appearance: none; /* Firefox 36+ */

  -webkit-appearance: none; /* Chrome 41+ */

}



select::-ms-expand {

  display: none; /* Internet Explorer 11+ */

}



select::-ms-value {

  color: currentColor; /* Internet Explorer 11+ */

}



legend {

  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */

  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */

  display: table; /* Correct the text wrapping in Edge and IE */

  max-width: 100%; /* Correct the text wrapping in Edge and IE */

  white-space: normal; /* Correct the text wrapping in Edge and IE */

  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */

}



::-webkit-file-upload-button {

  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */

  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */

}



/* # =================================================================

   # Specify media element style

   # ================================================================= */



img {

  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */

}



/* Add the correct vertical alignment in Chrome, Firefox, and Opera */

progress {

  vertical-align: baseline;

}



svg:not([fill]) {

  fill: currentColor;

}



/* # =================================================================

   # Accessibility

   # ================================================================= */



/* Hide content from screens but not screenreaders */

@media screen {

  [hidden~="screen"] {

    display: inherit;

  }

  [hidden~="screen"]:not(:active):not(:focus):not(:target) {

    position: absolute !important;

    clip: rect(0 0 0 0) !important;

  }

}



/* Specify the progress cursor of updating elements */

[aria-busy="true"] {

  cursor: progress;

}



/* Specify the pointer cursor of trigger elements */

[aria-controls] {

  cursor: pointer;

}



/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */

[aria-disabled] {

  cursor: default;

}





/* # =================================================================

   # bootstrap

   # ================================================================= */



html {

  box-sizing: border-box;

  -ms-overflow-style: scrollbar;

}



*,

*::before,

*::after {

  box-sizing: inherit;

}



.container {

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;

}



@media (min-width: 576px) {

  .container {

    max-width: 540px;

  }

}



@media (min-width: 768px) {

  .container {

    max-width: 760px;

  }

}



@media (min-width: 992px) {

  .container {

    max-width: 960px;

  }

}



@media (min-width: 1200px) {

  .container {

    max-width: 1140px;

  }

}



.container-fluid {

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;

}



.row {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



@media (min-width: 768px) {

  .row {

    margin-left: 130px;

    margin-right: -15px;

  }

}



@media (min-width: 992px) {

  .row {

    margin-left: 200px;

  }

}



.row.max {

  margin-left: auto !important;

  margin-top: 60px;

}



.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,

.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,

.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,

.col-md-auto {

  position: relative;

  width: 100%;

  padding-right: 15px;

  padding-left: 15px;

}



@media (max-width: 767px) {

  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,

  .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,

  .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,

  .col-md-auto {

    padding-right: 0;

    padding-left: 0;

  }

}



.col {

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  -ms-flex-positive: 1;

  flex-grow: 1;

  max-width: 100%;

}



.col-auto {

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

  width: auto;

  max-width: 100%;

}



.col-1 {

  -ms-flex: 0 0 8.333333%;

  flex: 0 0 8.333333%;

  max-width: 8.333333%;

}



.col-2 {

  -ms-flex: 0 0 16.666667%;

  flex: 0 0 16.666667%;

  max-width: 16.666667%;

}



.col-3 {

  -ms-flex: 0 0 25%;

  flex: 0 0 25%;

  max-width: 25%;

}



.col-4 {

  -ms-flex: 0 0 33.333333%;

  flex: 0 0 33.333333%;

  max-width: 33.333333%;

}



.col-5 {

  -ms-flex: 0 0 41.666667%;

  flex: 0 0 41.666667%;

  max-width: 41.666667%;

}



.col-6 {

  -ms-flex: 0 0 50%;

  flex: 0 0 50%;

  max-width: 50%;

}



.col-7 {

  -ms-flex: 0 0 58.333333%;

  flex: 0 0 58.333333%;

  max-width: 58.333333%;

}



.col-8 {

  -ms-flex: 0 0 66.666667%;

  flex: 0 0 66.666667%;

  max-width: 66.666667%;

}



.col-9 {

  -ms-flex: 0 0 75%;

  flex: 0 0 75%;

  max-width: 75%;

}



.col-10 {

  -ms-flex: 0 0 83.333333%;

  flex: 0 0 83.333333%;

  max-width: 83.333333%;

}



.col-11 {

  -ms-flex: 0 0 91.666667%;

  flex: 0 0 91.666667%;

  max-width: 91.666667%;

}



.col-12 {

  -ms-flex: 0 0 100%;

  flex: 0 0 100%;

  max-width: 100%;

}



@media (min-width: 576px) {

  .col-sm {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%;

  }

  .col-sm-auto {

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: 100%;

  }

  .col-sm-1 {

    -ms-flex: 0 0 8.333333%;

    flex: 0 0 8.333333%;

    max-width: 8.333333%;

  }

  .col-sm-2 {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%;

  }

  .col-sm-3 {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

  }

  .col-sm-4 {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%;

  }

  .col-sm-5 {

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%;

    max-width: 41.666667%;

  }

  .col-sm-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

  .col-sm-7 {

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%;

    max-width: 58.333333%;

  }

  .col-sm-8 {

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%;

    max-width: 66.666667%;

  }

  .col-sm-9 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%;

  }

  .col-sm-10 {

    -ms-flex: 0 0 83.333333%;

    flex: 0 0 83.333333%;

    max-width: 83.333333%;

  }

  .col-sm-11 {

    -ms-flex: 0 0 91.666667%;

    flex: 0 0 91.666667%;

    max-width: 91.666667%;

  }

  .col-sm-12 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%;

  }

}



  @media (min-width: 768px) {

    .col-md {

      -ms-flex-preferred-size: 0;

      flex-basis: 0;

      -ms-flex-positive: 1;

      flex-grow: 1;

      max-width: 100%;

    }

    .col-md-auto {

      -ms-flex: 0 0 auto;

      flex: 0 0 auto;

      width: auto;

      max-width: 100%;

    }

    .col-md-1 {

      -ms-flex: 0 0 8.333333%;

      flex: 0 0 8.333333%;

      max-width: 8.333333%;

    }

    .col-md-2 {

      -ms-flex: 0 0 16.666667%;

      flex: 0 0 16.666667%;

      max-width: 16.666667%;

    }

    .col-md-3 {

      -ms-flex: 0 0 25%;

      flex: 0 0 25%;

      max-width: 25%;

    }

    .col-md-4 {

      -ms-flex: 0 0 33.333333%;

      flex: 0 0 33.333333%;

      max-width: 33.333333%;

    }

    .col-md-5 {

      -ms-flex: 0 0 41.666667%;

      flex: 0 0 41.666667%;

      max-width: 41.666667%;

    }

    .col-md-6 {

      -ms-flex: 0 0 50%;

      flex: 0 0 50%;

      max-width: 50%;

    }

    .col-md-7 {

      -ms-flex: 0 0 58.333333%;

      flex: 0 0 58.333333%;

      max-width: 58.333333%;

    }

    .col-md-8 {

      -ms-flex: 0 0 66.666667%;

      flex: 0 0 66.666667%;

      max-width: 66.666667%;

    }

    .col-md-9 {

      -ms-flex: 0 0 75%;

      flex: 0 0 75%;

      max-width: 75%;

    }

    .col-md-10 {

      -ms-flex: 0 0 83.333333%;

      flex: 0 0 83.333333%;

      max-width: 83.333333%;

    }

    .col-md-11 {

      -ms-flex: 0 0 91.666667%;

      flex: 0 0 91.666667%;

      max-width: 91.666667%;

    }

    .col-md-12 {

      -ms-flex: 0 0 100%;

      flex: 0 0 100%;

      max-width: 100%;

    }

  }