html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
  font-family: 'Open Sans';
  font-size: 12px;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

main {
  min-height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}

h1,
h2,
h3 {
  line-height: 40px;
}

h1 {
  font-size: 38.5px;
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24.5px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

h1 small {
  font-size: 24.5px;
}

h2 small {
  font-size: 17.5px;
}

h3 small {
  font-size: 14px;
}

h4 small {
  font-size: 14px;
}

strong, b {
  font-weight: bold;
}

i, em {
  font-style: italic;
}

:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.container {
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

@media (min-width: 768px) {
  .container {
    /*width: 750px;*/
    width: 990px;

  }
}

@media (min-width: 992px) {
  .container {
    /*width: 800px;*/
    width: 990px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 990px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
}

.row {
  width: 100%;
  display: block;
}


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	position: relative;
	float: left;
  min-height: 1px;
}

.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666667%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666667%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666667%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.66666667%;
}
.col-1 {
  width: 8.33333333%;
}

.col-offset-12 {
  padding-left: 100%;
}
.col-offset-11 {
  padding-left: 91.66666667%;
}
.col-offset-10 {
  padding-left: 83.33333333%;
}
.col-offset-9 {
  padding-left: 75%;
}
.col-offset-8 {
  padding-left: 66.66666667%;
}
.col-offset-7 {
  padding-left: 58.33333333%;
}
.col-offset-6 {
  padding-left: 50%;
}
.col-offset-5 {
  padding-left: 41.66666667%;
}
.col-offset-4 {
  padding-left: 33.33333333%;
}
.col-offset-3 {
  padding-left: 25%;
}
.col-offset-2 {
  padding-left: 16.66666667%;
}
.col-offset-1 {
  padding-left: 8.33333333%;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.container-fluid:after, .container:after, .row:after {
    clear: both;
}

.container-fluid:after, .container:after, .row:after,
.container-fluid:before, .container:before, .row:before {
	display: table;
    content: " ";
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-horizontal-center > * {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.vertical-align-middle {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

.vertical-align-center {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.list-inline {
	display: inline-flex;
}

.list-inline > * {
	text-decoration: none;
}

.list-inline:after {
    clear: both;
    content: "";
    display: inline-block;
}

.list-inline > *:after,
.list-inline > input:after {
    clear: both;
    display: inline-block;
    content: "";
}

.table {
	width: 100%;
	display: table;
}

.table > * {
	display: table-cell;
	text-decoration: none;
}

.pull-center {
  margin-right: auto;
  margin-left: auto;
  float: none;
}

.pull-right {
  float: right;
}

.square:before {
  content: "";
  display: block;
  margin-top: 100%;
}

.full-screen {
  max-width: 1366px;
  margin: 0 auto;
}

.flex {
    display: flex;
    flex-flow: row wrap;
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
}

.inline-flex {
    display: inline-flex;
}

.flex-spaced {
  justify-content: space-between;
}

.flex-spaced-around {
  justify-content: space-around;
}