abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{
  margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0
  }

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

  .container{
  position:relative
  }
  article,aside,figure,footer,header,hgroup,nav,section{
  display:block
  }
  .colgroup:after,.colgroup:before, .container:after,.container:before{
  content:"";display:table
  }
  .colgroup:after, .container:after{
  clear:both
  }
  .colgroup, .container{
  zoom:1
  }
  .clearfix:after{
  content:"";display:block;clear:both;visibility:hidden;font-size:0;height:0
  }
  .container{
  width:auto;display:block;margin:0 auto;text-align:left
  }
  .col{
  margin:0;float:left;display:block;padding: 0 10px;
  }
  .w-1,.w-10,.w-11,.w-12,.w-2,.w-3,.w-4,.w-5,.w-6,.w-7,.w-8,.w-9{
  width: 100%;
  }


@media only screen and (min-width:768px){
  .container{
  width:750px
  }
  .col{
  padding:0 10px;float:left;display:block
  }
  .w-1,.w-2,.w-3,.w-4{
  width:33.333333%
  }
  .w-5,.w-6,.w-7,.w-8,.w-9{
  width:66.666666%
  }
  .w-10,.w-11,.w-12{
  width:100%
  }
  .l-1,.l-2,.l-3,.l-4{
  margin-left:0;
  }
  .l-5,.l-6,.l-7,.l-8,.l-9{
  margin-left:66.666666%
  }
}

@media only screen and (min-width:992px){
  .container{
  width:960px;
  padding: 0 15px;
  }
  .col{
  display:block;float:left;margin:0;padding: 0 15px;
  }
  .w-1{
  width: 8.33333333%
  }
  .w-2{
  width: 16.66666667%;
  }
  .w-3{
  width: 25%;
  }
  .w-4{
  width: 33.33333333%;
  }
  .w-5{
  width: 41.66666667%;
  }
  .w-6{
  width: 50%;
  }
  .w-7{
  width: 58.33333333%;
  }
  .w-8{
  width: 66.66666667%;
  }
  .w-9{
  width: 75%;
  }
  .w-10{
  width: 83.33333333%;
  }
  .w-11{
  width: 91.66666667%;
  }
  .w-12{
  width: 100%;
  }
  .l-0{
  margin-left:0
  }
  .l-1{
  margin-left:8.33333333%
  }
  .l-2{
  margin-left:16.66666667%;
  }
  .l-3{
  margin-left:25%;
  }
  .l-4{
  margin-left:33.33333333%;
  }
  .l-5{
  margin-left:41.66666667%;
  }
  .l-6{
  margin-left:50%;
  }
  .l-7{
  margin-left:58.33333333%;
  }
  .l-8{
  margin-left:66.66666667%;
  }
  .l-9{
  margin-left:75%;
  }
  .l-10{
  margin-left:83.33333333%;
  }
  .l-11{
  margin-left:91.66666667%;
}

}

@media only screen and (min-width:1200px){
  .container{
  width:1170px;
  padding: 0 15px;
  }
}