@charset "UTF-8";
/* CSS Document */

.col-wrap-1 {
  width: 8.33333%;
  margin-left: 0;
  margin-right: 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.col-wrap-1 > h1, .col-wrap-1 > h2, .col-wrap-1 > h3, .col-wrap-1 > h4, .col-wrap-1 > h5, .col-wrap-1 > h6, .col-wrap-1 > span, .col-wrap-1 > p {
  margin-left: 10px;
  margin-right: 10px;
  display: block;
}


.col-1 {
  width: 8.33333%;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.col-wrap-2 {
  width: 16.66667%;
  margin-left: 0;
  margin-right: 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col-wrap-2 > h1, .col-wrap-2 > h2, .col-wrap-2 > h3, .col-wrap-2 > h4, .col-wrap-2 > h5, .col-wrap-2 > h6, .col-wrap-2 > span, .col-wrap-2 > p {
  margin-left: 10px;
  margin-right: 10px;
  display: block;
}


.col-2 {
  width: 16.66667%;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.col-wrap-3 {
  width: 25%;
  margin-left: 0;
  margin-right: 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col-wrap-3 > h1, .col-wrap-3 > h2, .col-wrap-3 > h3, .col-wrap-3 > h4, .col-wrap-3 > h5, .col-wrap-3 > h6, .col-wrap-3 > span, .col-wrap-3 > p {
  margin-left: 10px;
  margin-right: 10px;
  display: block;
}


.col-3 {
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.col-wrap-4 {
  width: 33.33333%;
  margin-left: 0;
  margin-right: 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col-wrap-4 > h1, .col-wrap-4 > h2, .col-wrap-4 > h3, .col-wrap-4 > h4, .col-wrap-4 > h5, .col-wrap-4 > h6, .col-wrap-4 > span, .col-wrap-4 > p {
  margin-left: 10px;
  margin-right: 10px;
  display: block;
}


.col-4 {
  width: 33.33333%;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.col-wrap-5 {
  width: 41.66667%;
  margin-left: 0;
  margin-right: 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col-wrap-5 > h1, .col-wrap-5 > h2, .col-wrap-5 > h3, .col-wrap-5 > h4, .col-wrap-5 > h5, .col-wrap-5 > h6, .col-wrap-5 > span, .col-wrap-5 > p {
  margin-left: 10px;
  margin-right: 10px;
  display: block;
}


.col-5 {
  width: 41.66667%;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.col-wrap-6 {
  width: 50%;
  margin-left: 0;
  margin-right: 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col-wrap-6 > h1, .col-wrap-6 > h2, .col-wrap-6 > h3, .col-wrap-6 > h4, .col-wrap-6 > h5, .col-wrap-6 > h6, .col-wrap-6 > span, .col-wrap-6 > p {
  margin-left: 10px;
  margin-right: 10px;
  display: block;
}


.col-6 {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.col-wrap-7 {
  width: 58.33333%;
  margin-left: 0;
  margin-right: 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col-wrap-7 > h1, .col-wrap-7 > h2, .col-wrap-7 > h3, .col-wrap-7 > h4, .col-wrap-7 > h5, .col-wrap-7 > h6, .col-wrap-7 > span, .col-wrap-7 > p {
  margin-left: 10px;
  margin-right: 10px;
  display: block;
}


.col-7 {
  width: 58.33333%;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.col-wrap-8 {
  width: 66.66667%;
  margin-left: 0;
  margin-right: 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col-wrap-8 > h1, .col-wrap-8 > h2, .col-wrap-8 > h3, .col-wrap-8 > h4, .col-wrap-8 > h5, .col-wrap-8 > h6, .col-wrap-8 > span, .col-wrap-8 > p {
  margin-left: 10px;
  margin-right: 10px;
  display: block;
}


.col-8 {
  width: 66.66667%;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.col-wrap-9 {
  width: 75%;
  margin-left: 0;
  margin-right: 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col-wrap-9 > h1, .col-wrap-9 > h2, .col-wrap-9 > h3, .col-wrap-9 > h4, .col-wrap-9 > h5, .col-wrap-9 > h6, .col-wrap-9 > span, .col-wrap-9 > p {
  margin-left: 10px;
  margin-right: 10px;
  display: block;
}


.col-9 {
  width: 75%;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.col-wrap-10 {
  width: 83.33333%;
  margin-left: 0;
  margin-right: 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col-wrap-10 > h1, .col-wrap-10 > h2, .col-wrap-10 > h3, .col-wrap-10 > h4, .col-wrap-10 > h5, .col-wrap-10 > h6, .col-wrap-10 > span, .col-wrap-10 > p {
  margin-left: 10px;
  margin-right: 10px;
  display: block;
}


.col-10 {
  width: 83.33333%;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.col-wrap-11 {
  width: 91.66667%;
  margin-left: 0;
  margin-right: 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col-wrap-11 > h1, .col-wrap-11 > h2, .col-wrap-11 > h3, .col-wrap-11 > h4, .col-wrap-11 > h5, .col-wrap-11 > h6, .col-wrap-11 > span, .col-wrap-11 > p {
  margin-left: 10px;
  margin-right: 10px;
  display: block;
}


.col-11 {
  width: 91.66667%;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.col-wrap-12 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.col-wrap-12 > h1, .col-wrap-12 > h2, .col-wrap-12 > h3, .col-wrap-12 > h4, .col-wrap-12 > h5, .col-wrap-12 > h6, .col-wrap-12 > span, .col-wrap-12 > p {
  margin-left: 10px;
  margin-right: 10px;
  display: block;
}


.col-12 {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.container-responsive {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 ratio */
  height: 0;
  overflow: hidden;
}


.container-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}