/* Global Settings */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/* General Style */
div.container {
  width: 960px;
  padding: 10px 0px;
  margin: 0 auto;
}
div.container.nopadding {
  padding: 0px;
}
div.container:after {
  display: block;
  content: '.';
  visibility: hidden;
  height: 0;
  line-height: 0;
  clear: both;
}
div.container [class*='col-'] {
  float: left;
  padding: 0 10px;
}
div.container div.row {
  width: 100%;
  clear: both;
}
div.container div.row:after {
  display: block;
  content: '.';
  visibility: hidden;
  height: 0;
  line-height: 0;
  clear: both;
}
div.container div.row .col-12 {
  width: 960px;
}
div.container div.row .col-11 {
  width: 880px;
}
div.container div.row .col-10 {
  width: 800px;
}
div.container div.row .col-9 {
  width: 720px;
}
div.container div.row .col-8 {
  width: 640px;
}
div.container div.row .col-7 {
  width: 560px;
}
div.container div.row .col-6 {
  width: 480px;
}
div.container div.row .col-5 {
  width: 400px;
}
div.container div.row .col-4 {
  width: 320px;
}
div.container div.row .col-3 {
  width: 240px;
}
div.container div.row .col-2 {
  width: 160px;
}
div.container div.row .col-1 {
  width: 80px;
}
.xs-hide,
.sm-hide,
.md-hide,
.lg-hide {
  display: block;
}
.xs-show,
.sm-show,
.md-show,
.lg-show {
  display: none;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
/** Fluid **/
div.container-fluid {
  width: 100%;
  padding: 10px 10px;
  max-width: 1200px;
  margin: 0 auto;
}
div.container-fluid.nopadding {
  padding: 0px;
}
div.container-fluid:after {
  display: block;
  content: '.';
  visibility: hidden;
  height: 0;
  line-height: 0;
  clear: both;
}
div.container-fluid [class*='col-'] {
  float: left;
  padding: 10px;
}
div.container-fluid div.row {
  width: 100%;
  clear: both;
}
div.container-fluid div.row .col-12 {
  width: 100% !important;
}
div.container-fluid div.row .col-11 {
  width: 91.66666667% !important;
}
div.container-fluid div.row .col-10 {
  width: 83.33333333% !important;
}
div.container-fluid div.row .col-9 {
  width: 75% !important;
}
div.container-fluid div.row .col-8 {
  width: 66.66666667% !important;
}
div.container-fluid div.row .col-7 {
  width: 58.33333333% !important;
}
div.container-fluid div.row .col-6 {
  width: 50% !important;
}
div.container-fluid div.row .col-5 {
  width: 41.66666667% !important;
}
div.container-fluid div.row .col-4 {
  width: 33.33333333% !important;
}
div.container-fluid div.row .col-3 {
  width: 25% !important;
}
div.container-fluid div.row .col-2 {
  width: 16.66666667% !important;
}
div.container-fluid div.row .col-1 {
  width: 8.33333333% !important;
}
div.container-fluid div.row:after {
  display: block;
  content: '.';
  visibility: hidden;
  height: 0;
  line-height: 0;
  clear: both;
}
div.container-fluid div.row:last-child {
  float: right;
}
/** Large **/
@media screen and (min-width: 1200px) {
  .lg-show {
    display: block;
  }
  .lg-hide {
    display: none;
  }
  div.container {
    width: 1200px;
  }
  div.container div.row .col-12 {
    width: 1200px;
  }
  div.container div.row .col-11 {
    width: 1100px;
  }
  div.container div.row .col-10 {
    width: 1000px;
  }
  div.container div.row .col-9 {
    width: 900px;
  }
  div.container div.row .col-8 {
    width: 800px;
  }
  div.container div.row .col-7 {
    width: 700px;
  }
  div.container div.row .col-6 {
    width: 600px;
  }
  div.container div.row .col-5 {
    width: 500px;
  }
  div.container div.row .col-4 {
    width: 400px;
  }
  div.container div.row .col-3 {
    width: 300px;
  }
  div.container div.row .col-2 {
    width: 200px;
  }
  div.container div.row .col-1 {
    width: 100px;
  }
  div.container div.row .col-lg-12 {
    width: 1200px;
  }
  div.container div.row .col-lg-11 {
    width: 1100px;
  }
  div.container div.row .col-lg-10 {
    width: 1000px;
  }
  div.container div.row .col-lg-9 {
    width: 900px;
  }
  div.container div.row .col-lg-8 {
    width: 800px;
  }
  div.container div.row .col-lg-7 {
    width: 700px;
  }
  div.container div.row .col-lg-6 {
    width: 600px;
  }
  div.container div.row .col-lg-5 {
    width: 500px;
  }
  div.container div.row .col-lg-4 {
    width: 400px;
  }
  div.container div.row .col-lg-3 {
    width: 300px;
  }
  div.container div.row .col-lg-2 {
    width: 200px;
  }
  div.container div.row .col-lg-1 {
    width: 100px;
  }
  div.container-fluid div.row .col-lg-12 {
    width: 100% !important;
  }
  div.container-fluid div.row .col-lg-11 {
    width: 91.66666667% !important;
  }
  div.container-fluid div.row .col-lg-10 {
    width: 83.33333333% !important;
  }
  div.container-fluid div.row .col-lg-9 {
    width: 75% !important;
  }
  div.container-fluid div.row .col-lg-8 {
    width: 66.66666667% !important;
  }
  div.container-fluid div.row .col-lg-7 {
    width: 58.33333333% !important;
  }
  div.container-fluid div.row .col-lg-6 {
    width: 50% !important;
  }
  div.container-fluid div.row .col-lg-5 {
    width: 41.66666667% !important;
  }
  div.container-fluid div.row .col-lg-4 {
    width: 33.33333333% !important;
  }
  div.container-fluid div.row .col-lg-3 {
    width: 25% !important;
  }
  div.container-fluid div.row .col-lg-2 {
    width: 16.66666667% !important;
  }
  div.container-fluid div.row .col-lg-1 {
    width: 8.33333333% !important;
  }
}
/** Medium **/
@media screen and (max-width: 960px) {
  .md-show {
    display: block;
  }
  .md-hide {
    display: none;
  }
  div.container {
    width: 768px;
  }
  div.container div.row .col-12 {
    width: 768px;
  }
  div.container div.row .col-11 {
    width: 704px;
  }
  div.container div.row .col-10 {
    width: 640px;
  }
  div.container div.row .col-9 {
    width: 576px;
  }
  div.container div.row .col-8 {
    width: 512px;
  }
  div.container div.row .col-7 {
    width: 448px;
  }
  div.container div.row .col-6 {
    width: 384px;
  }
  div.container div.row .col-5 {
    width: 320px;
  }
  div.container div.row .col-4 {
    width: 256px;
  }
  div.container div.row .col-3 {
    width: 192px;
  }
  div.container div.row .col-2 {
    width: 128px;
  }
  div.container div.row .col-1 {
    width: 64px;
  }
  div.container div.row .col-md-12 {
    width: 768px;
  }
  div.container div.row .col-md-11 {
    width: 704px;
  }
  div.container div.row .col-md-10 {
    width: 640px;
  }
  div.container div.row .col-md-9 {
    width: 576px;
  }
  div.container div.row .col-md-8 {
    width: 512px;
  }
  div.container div.row .col-md-7 {
    width: 448px;
  }
  div.container div.row .col-md-6 {
    width: 384px;
  }
  div.container div.row .col-md-5 {
    width: 320px;
  }
  div.container div.row .col-md-4 {
    width: 256px;
  }
  div.container div.row .col-md-3 {
    width: 192px;
  }
  div.container div.row .col-md-2 {
    width: 128px;
  }
  div.container div.row .col-md-1 {
    width: 64px;
  }
  div.container-fluid div.row .col-md-12 {
    width: 100% !important;
  }
  div.container-fluid div.row .col-md-11 {
    width: 91.66666667% !important;
  }
  div.container-fluid div.row .col-md-10 {
    width: 83.33333333% !important;
  }
  div.container-fluid div.row .col-md-9 {
    width: 75% !important;
  }
  div.container-fluid div.row .col-md-8 {
    width: 66.66666667% !important;
  }
  div.container-fluid div.row .col-md-7 {
    width: 58.33333333% !important;
  }
  div.container-fluid div.row .col-md-6 {
    width: 50% !important;
  }
  div.container-fluid div.row .col-md-5 {
    width: 41.66666667% !important;
  }
  div.container-fluid div.row .col-md-4 {
    width: 33.33333333% !important;
  }
  div.container-fluid div.row .col-md-3 {
    width: 25% !important;
  }
  div.container-fluid div.row .col-md-2 {
    width: 16.66666667% !important;
  }
  div.container-fluid div.row .col-md-1 {
    width: 8.33333333% !important;
  }
}
/** Small **/
@media screen and (max-width: 768px) {
  .sm-show {
    display: block;
  }
  .sm-hide {
    display: none;
  }
  div.container {
    width: 500px;
  }
  div.container div.row .col-12 {
    width: 500px;
  }
  div.container div.row .col-11 {
    width: 458.33333333px;
  }
  div.container div.row .col-10 {
    width: 416.66666667px;
  }
  div.container div.row .col-9 {
    width: 375px;
  }
  div.container div.row .col-8 {
    width: 333.33333333px;
  }
  div.container div.row .col-7 {
    width: 291.66666667px;
  }
  div.container div.row .col-6 {
    width: 250px;
  }
  div.container div.row .col-5 {
    width: 208.33333333px;
  }
  div.container div.row .col-4 {
    width: 166.66666667px;
  }
  div.container div.row .col-3 {
    width: 125px;
  }
  div.container div.row .col-2 {
    width: 83.33333333px;
  }
  div.container div.row .col-1 {
    width: 41.66666667px;
  }
  div.container div.row .col-sm-12 {
    width: 500px;
  }
  div.container div.row .col-sm-11 {
    width: 458.33333333px;
  }
  div.container div.row .col-sm-10 {
    width: 416.66666667px;
  }
  div.container div.row .col-sm-9 {
    width: 375px;
  }
  div.container div.row .col-sm-8 {
    width: 333.33333333px;
  }
  div.container div.row .col-sm-7 {
    width: 291.66666667px;
  }
  div.container div.row .col-sm-6 {
    width: 250px;
  }
  div.container div.row .col-sm-5 {
    width: 208.33333333px;
  }
  div.container div.row .col-sm-4 {
    width: 166.66666667px;
  }
  div.container div.row .col-sm-3 {
    width: 125px;
  }
  div.container div.row .col-sm-2 {
    width: 83.33333333px;
  }
  div.container div.row .col-sm-1 {
    width: 41.66666667px;
  }
  div.container-fluid div.row .col-sm-12 {
    width: 100% !important;
  }
  div.container-fluid div.row .col-sm-11 {
    width: 91.66666667% !important;
  }
  div.container-fluid div.row .col-sm-10 {
    width: 83.33333333% !important;
  }
  div.container-fluid div.row .col-sm-9 {
    width: 75% !important;
  }
  div.container-fluid div.row .col-sm-8 {
    width: 66.66666667% !important;
  }
  div.container-fluid div.row .col-sm-7 {
    width: 58.33333333% !important;
  }
  div.container-fluid div.row .col-sm-6 {
    width: 50% !important;
  }
  div.container-fluid div.row .col-sm-5 {
    width: 41.66666667% !important;
  }
  div.container-fluid div.row .col-sm-4 {
    width: 33.33333333% !important;
  }
  div.container-fluid div.row .col-sm-3 {
    width: 25% !important;
  }
  div.container-fluid div.row .col-sm-2 {
    width: 16.66666667% !important;
  }
  div.container-fluid div.row .col-sm-1 {
    width: 8.33333333% !important;
  }
}
/** Mobile **/
@media screen and (max-width: 500px) {
  .xs-show {
    display: block;
  }
  .xs-hide {
    display: none;
  }
  div.container {
    width: 340px;
  }
  div.container div.row .col-12 {
    width: 340px;
  }
  div.container div.row .col-11 {
    width: 311.66666667px;
  }
  div.container div.row .col-10 {
    width: 283.33333333px;
  }
  div.container div.row .col-9 {
    width: 255px;
  }
  div.container div.row .col-8 {
    width: 226.66666667px;
  }
  div.container div.row .col-7 {
    width: 198.33333333px;
  }
  div.container div.row .col-6 {
    width: 170px;
  }
  div.container div.row .col-5 {
    width: 141.66666667px;
  }
  div.container div.row .col-4 {
    width: 113.33333333px;
  }
  div.container div.row .col-3 {
    width: 85px;
  }
  div.container div.row .col-2 {
    width: 56.66666667px;
  }
  div.container div.row .col-1 {
    width: 28.33333333px;
  }
  div.container div.row .col-xs-12 {
    width: 340px;
  }
  div.container div.row .col-xs-11 {
    width: 311.66666667px;
  }
  div.container div.row .col-xs-10 {
    width: 283.33333333px;
  }
  div.container div.row .col-xs-9 {
    width: 255px;
  }
  div.container div.row .col-xs-8 {
    width: 226.66666667px;
  }
  div.container div.row .col-xs-7 {
    width: 198.33333333px;
  }
  div.container div.row .col-xs-6 {
    width: 170px;
  }
  div.container div.row .col-xs-5 {
    width: 141.66666667px;
  }
  div.container div.row .col-xs-4 {
    width: 113.33333333px;
  }
  div.container div.row .col-xs-3 {
    width: 85px;
  }
  div.container div.row .col-xs-2 {
    width: 56.66666667px;
  }
  div.container div.row .col-xs-1 {
    width: 28.33333333px;
  }
  div.container-fluid div.row .col-xs-12 {
    width: 100% !important;
  }
  div.container-fluid div.row .col-xs-11 {
    width: 91.66666667% !important;
  }
  div.container-fluid div.row .col-xs-10 {
    width: 83.33333333% !important;
  }
  div.container-fluid div.row .col-xs-9 {
    width: 75% !important;
  }
  div.container-fluid div.row .col-xs-8 {
    width: 66.66666667% !important;
  }
  div.container-fluid div.row .col-xs-7 {
    width: 58.33333333% !important;
  }
  div.container-fluid div.row .col-xs-6 {
    width: 50% !important;
  }
  div.container-fluid div.row .col-xs-5 {
    width: 41.66666667% !important;
  }
  div.container-fluid div.row .col-xs-4 {
    width: 33.33333333% !important;
  }
  div.container-fluid div.row .col-xs-3 {
    width: 25% !important;
  }
  div.container-fluid div.row .col-xs-2 {
    width: 16.66666667% !important;
  }
  div.container-fluid div.row .col-xs-1 {
    width: 8.33333333% !important;
  }
}
/** LESS Functions **/
