/* =====================================
              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;}
html, body {line-height:1; height: 100%;}
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;}
button {cursor: pointer; padding: 0;}
input::-ms-clear, input::-ms-reveal{display:none;} input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration{display:none;}
input, textarea, button {border: none; background-color: transparent; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
input:disabled {opacity:1;-webkit-text-fill-color:inherit}
select {-webkit-appearance: none; -moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}


/* =====================================
            GRID SYSTEM
===================================== */
.clearfix:after {content: ""; display: block;clear: both}
.layoutContainer {max-width: 1080px;margin: 0 auto;}
[class*="col-"] {width: 100%; float: left; box-sizing: border-box; padding: 0 10px;}
@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%;}
}
.col-fit {padding: 0;}
.col-right {float: right;}

:root {
/* color */
    --color-black: #333;
    --color-white: #fff;
    --color-blue: #0056FB;
    --color-gray: #aaa;
}