.si-tool {
  box-sizing: border-box; }
  .si-tool *,
  .si-tool *:before,
  .si-tool *:after {
    box-sizing: inherit; }

.si-tool {
  z-index: 100;
  position: relative;
  font-family: inherit; }
  .si-tool--bar {
    width: 100%;
    background-color: #fff; }
  .si-tool--top.si-tool--bar {
    border-bottom: 3px solid #000;
    top: 0;
    bottom: auto; }
    .si-tool--top.si-tool--bar.si-tool--shadow {
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); }
  .si-tool--bottom.si-tool--bar {
    border-top: 3px solid #000;
    top: auto;
    bottom: 0; }
    .si-tool--bottom.si-tool--bar.si-tool--shadow {
      box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.5); }
  .si-tool--modal.si-tool--bar {
    position: fixed;
    left: 0;
    right: 0; }
  .si-tool-inner {
    padding: 10px;
    position: relative; }

.si-tool--bar .si-tool-inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto; }

.si-tool-mobile-logo {
  display: block;
  height: auto; }
  @media (min-width: 800px) {
    .si-tool-mobile-logo {
      display: none; } }
.si-tool-desktop-logo {
  display: none;
  height: auto; }
  @media (min-width: 800px) {
    .si-tool-desktop-logo {
      display: block; } }
.si-tool-close {
  -js-display: flex;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  white-space: nowrap; }
  .si-tool-close-icon {
    background-color: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    text-align: center;
    margin-right: 5px; }
.si-tool-btn {
  display: inline-block;
  background-color: #ccc;
  padding: 15px 30px;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  min-width: 140px;
  -webkit-transition: background-color 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s;
  -o-transition: background-color 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s;
  transition: background-color 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s; }
  .si-tool-btn:hover, .si-tool-btn:focus {
    text-decoration: none; }

.si-tool-inner--grid {
  -js-display: flex;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  flex: 0 1 auto;
  margin-left: -10px;
  margin-right: -10px; }
  .si-tool-inner--grid .si-tool-inner-group {
    margin-left: -10px;
    margin-right: -10px;
    -js-display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
    .si-tool-inner--grid .si-tool-inner-group > .si-tool-inner-item {
      padding-left: 20px;
      padding-right: 20px;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-preferred-size: 0;
      max-width: 100%;
      flex-basis: 0;
      width: 100%; }
    .si-tool-inner--grid .si-tool-inner-group.row {
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
    .si-tool-inner--grid .si-tool-inner-group.col {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .si-tool-inner--grid .si-tool-inner-group.col > .si-tool-inner-item {
        flex-basis: auto; }
  .si-tool-inner--grid-mobile-col {
    width: 100%; }
    @media (max-width: 799px) {
      .si-tool-inner--grid-mobile-col {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        animation-name: mobile; }
        .si-tool-inner--grid-mobile-col .si-tool-inner-group {
          max-width: 100%;
          width: 100%; } }
  @media (max-width: 799px) {
    .si-tool-inner--grid-mobile-row {
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      animation-name: mobile; } }
  .si-tool-inner--grid-desktop-col {
    width: 100%; }
    @media (min-width: 800px) {
      .si-tool-inner--grid-desktop-col {
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        animation-name: desktop; }
        .si-tool-inner--grid-desktop-col .si-tool-inner-group {
          max-width: 100%;
          width: 100%; } }
  @media (min-width: 800px) {
    .si-tool-inner--grid-desktop-row {
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      animation-name: desktop; } }

html.ie11 .si-tool .si-tool-mobile-logo,
html.ie11 .si-tool .si-tool-desktop-logo {
  max-width: 100%; }
@media (min-width: 800px) {
  html.ie11 .si-tool .si-tool-inner--grid-desktop-row .si-tool-inner-group {
    max-width: 100%;
    min-width: 180px; } }

/*# sourceMappingURL=master-tool.css.map */