/* 
=====================================
              CSS RESET
=====================================
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
body {line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
ul li{list-style:none;}
a {margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; text-decoration: none; color: inherit; display: inline-block;}
img {vertical-align: bottom;}

a, a:link, a:visited {
  text-decoration: none;
  color: inherit;
}

button{
	  border: none;
  outline: none;
  background-color: inherit ;
}



/* 
=====================================
           COMMON SYSTEM
=====================================
*/
.wrapper {max-width: 1440px; margin: 0 auto;}
.clearfix:after {content: ""; display: block; clear: both;}
.table_cell {display: table-cell; vertical-align: middle;}

/* 
=====================================
            GRID SYSTEM
=====================================
*/
[class*="col-"] {
	width: 100%;
    float: left;    
    padding: 5px;
    box-sizing: border-box;
}
@media (min-width:768px){
	.col-1  {width: 8.33%;}
	.col-2  {width: 16.66%;}
	.col-3  {width: 25%;}
	.col-4  {width: 33.33%;}
	.col-5  {width: 41.66%;}
	.col-6  {width: 50%;}
	.col-7  {width: 58.33%;}
	.col-8  {width: 66.66%;}
	.col-9  {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
}