@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/OpenSans.eot');
  src: url('../fonts/OpenSans.eot') format('embedded-opentype'),
       url('../fonts/OpenSans.woff2') format('woff2'),
       url('../fonts/OpenSans.woff') format('woff'),
       url('../fonts/OpenSans.ttf') format('truetype'),
       url('../fonts/OpenSans.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/OpenSansBold.eot');
  src: url('../fonts/OpenSansBold.eot') format('embedded-opentype'),
       url('../fonts/OpenSansBold.woff2') format('woff2'),
       url('../fonts/OpenSansBold.woff') format('woff'),
       url('../fonts/OpenSansBold.ttf') format('truetype'),
       url('../fonts/OpenSansBold.svg#OpenSansBold') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/OpenSansItalic.eot');
  src: url('../fonts/OpenSansItalic.eot') format('embedded-opentype'),
       url('../fonts/OpenSansItalic.woff2') format('woff2'),
       url('../fonts/OpenSansItalic.woff') format('woff'),
       url('../fonts/OpenSansItalic.ttf') format('truetype'),
       url('../fonts/OpenSansItalic.svg#OpenSansItalic') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/OpenSansBoldItalic.eot');
  src: url('../fonts/OpenSansBoldItalic.eot') format('embedded-opentype'),
       url('../fonts/OpenSansBoldItalic.woff2') format('woff2'),
       url('../fonts/OpenSansBoldItalic.woff') format('woff'),
       url('../fonts/OpenSansBoldItalic.ttf') format('truetype'),
       url('../fonts/OpenSansBoldItalic.svg#OpenSansBoldItalic') format('svg');
}

html { 
  overflow-y: scroll; 
}

body {
  background-color: #EEEEEE;
  padding-top: 95px;
}

.row-first-offset {
  margin-top: 0px;
}

.navbar-nav-si > li > a {
  line-height: 20px;
}

@media (min-width: 768px) {
  body {
    padding-bottom: 50px;
  }
  .row-first-offset {
    margin-top: 25px;
  }
  .navbar-nav-si > li > a {
    line-height: 62px;
  }
}

.navbar-brand-si {
  padding: 5px;
  height: 92px;
}

.navbar-header > .navbar-text > a:hover,
.navbar-header > .navbar-text > a:focus {
  color: #3399f3;
  background-color: transparent;
  text-decoration: none;
  -webkit-transition: color ease-in-out 0.2s;
  -o-transition: color ease-in-out 0.2s;
  transition: color ease-in-out 0.2s;
}

.navbar-header > .navbar-text > a {
  color: #777777;
}

.navbar-bottom-si {
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  margin-bottom: 0px;
}

.navbar-toggle-si {
  padding: 30px 15px;
}

.row-offset {
  margin-bottom: 25px;
}

.ul-padding-left {
  padding: 0px 15px;
}

.contact-text {
  min-width: 126px;
}

.verticaltext2 {
  transform: rotate(90deg);
  transform-origin: right, top;
  -ms-transform: rotate(90deg);
  -ms-transform-origin:right, top;
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin:right, top;
}

.verticaltext {
  position: relative;
  margin-left: 40px;
  /*border: 1px solid #ccc;*/
}

.verticaltext > * {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  -ms-transform: rotate(-90deg);
  -ms-transform-origin: 50% 50%;
  -webkit-transform: rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
  /*margin-top: 50px;*/
  margin-left: -100%;
  display: inline-block;
}

.verticaltext > *:before {
  content:'';
  padding:50% 0;
  display:block;
  position:relative;
  /*top:20px*/
}

.mirror {
  -moz-transform: scaleX(-1);    /* Gecko */
  -o-transform: scaleX(-1);      /* Operah */
  -webkit-transform: scaleX(-1); /* webkit */
  transform: scaleX(-1);         /* standard */
  filter: FlipH;                 /* IE 6/7/8 */
}

.mirror2 {
  -moz-transform: scaleY(-1);    /* Gecko */
  -o-transform: scaleY(-1);      /* Operah */
  -webkit-transform: scaleY(-1); /* webkit */
  transform: scaleY(-1);         /* standard */
  filter: FlipV;                 /* IE 6/7/8 */
}