sim.css

.b--b,a,article,body,code,div,footer,form,h1,h2,h3,h4,h5,h6,header,html,input,legend,li,main,ol,p,pre,select,table,td,textarea,th,tr,ul{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
html{font-size:16px}
body,
form,
input,
select,
textarea,
button{margin:0}
button:active,
button:focus{outline:0}
body{
  font: 0.875em/1.375 "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #232323;
  background: #edf2f1;
  overflow-y: hidden;
}
h1,.h1 {
  font-size: 2em;
  line-height: 1.1;
}
h2,.h2 {
  font-size: 1.5em;
  line-height: 1.1;
}
h3,.h3 {
  font-size: 1.25em;
  line-height: 1.1;
}
h4,.h4 {
  font-size: 1.15em
}
h5,.h5 {
  font-size: 1em
}
.medium,
h6,.h6 {
  font-size: .875em
}
small,
.small {
  font-size: 0.688em;
}
hr,
.hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 1px;
  background: #ddd;
  border: 0;
  margin-top: 1em;
  margin-bottom: 1em;
}
ul,
ol {
  margin: 1em 0 2em 0;
  padding: 0 0 0 20px;
}
ul li,
ol li {
  margin-bottom: 5px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width:auto;
  margin: 1em 0;
  text-align: left;
  border:1px solid #e9e9e9;
}
table thead td,
table tbody td,
table tfoot td,
table thead th,
table tbody th,
table tfoot th{
  padding:.8em .5em;
  border-bottom:1px solid #e9e9e9;
}
pre {
  padding:10px;
  overflow:auto;
  border:1px solid #d7d7d7;
}
figure,
label,
button,
input,
select,
textarea{
  color:inherit;
  font:inherit;
  margin:0;
}
textarea,
input{
  padding:.2em .8em;
}
select {
  text-transform:none;
}
button {
  overflow:visible;
  text-transform:none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance:button;
cursor:pointer;
}
/* ultility */
a[href^="tel"]{
  color:inherit;
  text-decoration:none;
}
a.white[href^="tel"]{
  color: #fff;
  text-decoration: none;
}
.full--width {
  width: 100%;
}
.c--e{
  margin-left: auto;
  margin-right: auto;
}
.round{
  border-radius: 3px
}
.circle{
  border-radius: 50%
}
.gutter{
  padding-top: 5px;
  padding-bottom: 5px;
}
.rowgutter{
  padding-top: 20px;
  padding-bottom: 20px;
}
.zonegutter{
  padding-top: 40px;
  padding-bottom: 40px;
}

/* grid */
.clear:before,
.clear:after {
  content: " ";
  display: table;
}
.row:after,
.clearfix,
.clear:after {
  clear: both;
}
.row:before,
.row:after {
  content: "";
  display: table;
}
.row{
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
.container{
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
.container--full {
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}
.col--1,
.col--2,
.col--3,
.col--4,
.col--5,
.col--6,
.col--7,
.col--8,
.col--9,
.col--10,
.col--11,
.col--12 {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  float: left;
}
.col--1 {
  width: 8.33333333%;
}
.col--2 {
  width: 16.66666667%;
}
.col--25{
  width: 20%;
}
.col--3 {
  width: 25%;
}
.col--4 {
  width: 33.33333333%;
}
.col--5 {
  width: 41.66666667%;
}
.col--6 {
  width: 50%;
}
.col--7 {
  width: 58.33333333%;
}
.col--8 {
  width: 66.66666667%;
}
.col--9 {
  width: 75%;
}
.col--10 {
  width: 83.33333333%;
}
.col--11 {
  width: 91.66666667%;
}
.col--12 {
  width: 100%;
}
.hide{
  display: none;
}
.show{
  display: block;
}
@media only screen and (min-width: 740px) {
  .col__md--1,
  .col__md--25,
  .col__md--2,
  .col__md--3,
  .col__md--4,
  .col__md--5,
  .col__md--6,
  .col__md--7,
  .col__md--8,
  .col__md--9,
  .col__md--10,
  .col__md--11,
  .col__md--12 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
  }
  .col__md--1 {
    width: 8.33333333%;
  }
  .col__md--2 {
    width: 16.66666667%;
  }
  .col__md--25 {
    width: 20%;
  }
  .col__md--3 {
    width: 25%;
  }
  .col__md--4 {
    width: 33.33333333%;
  }
  .col__md--5 {
    width: 41.66666667%;
  }
  .col__md--6 {
    width: 50%;
  }
  .col__md--7 {
    width: 58.33333333%;
  }
  .col__md--8 {
    width: 66.66666667%;
  }
  .col__md--9 {
    width: 75%;
  }
  .col__md--10 {
    width: 83.33333333%;
  }
  .col__md--11 {
    width: 91.66666667%;
  }
  .col__md--12 {
    width: 100%;
  }
  .hide--md {
    display: none;
  }
  .show--md {
    display: block;
  }
  .container,
  .container--full {
    width: 720px;
  }
}

@media only screen and (min-width:1024px) {
  .col__lg--1,
  .col__lg--2,
  .col__lg--3,
  .col__lg--4,
  .col__lg--5,
  .col__lg--6,
  .col__lg--7,
  .col__lg--8,
  .col__lg--9,
  .col__lg--10,
  .col__lg--11,
  .col__lg--12 {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
  }
  .col__lg--1 {
    width: 8.33333333%;
  }
  .col__lg--2 {
    width: 16.66666667%;
  }
  .col__lg--3 {
    width: 25%;
  }
  .col__lg--4 {
    width: 33.33333333%;
  }
  .col__lg--5 {
    width: 41.66666667%;
  }
  .col__lg--6 {
    width: 50%;
  }
  .col__lg--7 {
    width: 58.33333333%;
  }
  .col__lg--8 {
    width: 66.66666667%;
  }
  .col__lg--9 {
    width: 75%;
  }
  .col__lg--10 {
    width: 83.33333333%;
  }
  .col__lg--11 {
    width: 91.66666667%;
  }
  .col__lg--12 {
    width: 100%;
  }
  .hide--lg {
    display: none;
  }
  .show--lg {
    display: block;
  }
  .container{width:1002px}
}
@media only screen and (min-width:1200px) {
  .container--full,
  .container {
    width:1170px
  }
}
.n--mt{margin-top: 0}
.n--ml{margin-left: 0}
.n--mr{margin-right: 0}
.n--mb{margin-bottom: 0}
.n--m {margin: 0}
.n--pt{padding-top: 0}
.n--pl{
  padding-left: 0
}
.n--pr{
  padding-right: 0
}
.n--pb{
  padding-bottom: 0
}
.n--p{
  padding: 0;
}
.strong{
  font-weight: 700;
}
.font--normal {
  font-weight:inherit;
  font-style: normal;
}
.em{
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.t--l {
  text-align: left;
}
.t--r {
  text-align: right;
}
.t--c {
  text-align: center;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.left {
  float: left;
}
.right {
  float: right;
}
.list--unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list--unstyled li {
  margin: 0;
  padding: 0;
}
.list--inline {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list--inline li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
textarea:focus,
textarea:active,
input:focus,
input:active{
  outline: 0
}
a img,
iframe,
img{
  max-width:100%;
  height:auto;
  border:0
}
.border {
  border: 1px solid #edf2f1
}
.line{
  display: inline-block;
  height:1px;
  width: 100%;
  background: #ccc
}