@charset "utf-8";
/* CSS Document */
*{ box-sizing: border-box}
.img-100{width: 100%; height: auto}
.img-80{width: 80%; height: auto}
.container{ width: 80%; margin: auto}
.bg-grey{ background: #eee}
.bg-primary{ background: #3A8A86}
.bg-danger{ background: red}
.bg-green{background: #00691B}
.color-white{color: #FFF}
.w-20{ width: 20%}
.w-25{ width: 25%}
.w-50{ width: 50%}
.w-70{ width: 75%}
.w-90{ width: 90%}
.h-100{ height: 100%}
.row{ display: flex; flex-wrap: wrap}
.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%;}
[class*="col-"] {
  padding: 15px;
 /* border: 1px solid red;*/
}
/*--------------spacing style---------------*/
.mt-0{ margin-top: 0px}
.mt-5{ margin-top: 5px}
.mt-10{ margin-top: 10px}
.mt-20{ margin-top: 20px}
.mt-50{ margin-top: 50px}
.mb-10{ margin-bottom: 10px}
.mb-20{ margin-bottom: 20px}
.mb-50{ margin-bottom: 50px}
.p-0{ padding: 0px}
.py-50 {padding-top: 50px; padding-bottom: 50px}
.py-20 {padding-top: 20px; padding-bottom: 20px}
.mx-auto{ margin-left: auto; margin-right: auto}
.m-left-50{margin-left: 50px}
	.text-primary{color: #FF7600}
.text-light{color: #fff}
.text-dark{color: #333}
.text-center{ text-align: center}
.text-left{ text-align: left}
.line-15{line-height: 1.5em}
.d-flex{ display: flex}
.flex-row{flex-direction: row}
.flex-row-reverse{flex-direction: row-reverse}
.flex-column{ flex-direction: column}
.flex-column-reverse{ flex-direction: column-reverse}
/*--------------flex canh chieu ngang voi nhau trong row-flex---------------*/
.justify-start{ justify-content: flex-start}
.justify-end{ justify-content: flex-end}
.justify-center{ justify-content: center}
.justify-around{ justify-content: space-around}
.justify-between{ justify-content: space-between}
/*--------------flex canh chieu doc voi nhau trong row-flex-----------------*/
.align-item-start{ align-items: flex-start}
.align-item-center{align-items: center}
.align-item-end{ align-items: flex-end}
.align-item-stretch{ align-items:stretch}

.shadow-image{box-shadow:10px 5px 10px 5px #eee}