@charset "utf-8";
htm, body { width: 100%; margin: 0; font-size: 16px; line-height: 1.4; text-shadow: none; }
body { font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; outline: 0; margin: 0; }
body img { max-width: 100%; height: auto; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; }
p, a { font-weight: normal; }
a { text-decoration: none; -webkit-transition: 0.2s all; -o-transition: 0.2s all; transition: 0.2s all; }
a:hover, a:focus { text-decoration: none; }
p:empty { display: none; }
p {}
button, input, select, textarea { border: 1px solid #ececec; padding: 10px 15px; background-color: #f5f5f5; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; font-size: 14px; line-height: 1.4; color: #666666; outline: 0 !important; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.2s all; }
input:not([type=button]):not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]), select , textarea { max-width: 100%; width: 100%; }
input:not([type=button]):not([type=submit]):focus, select:focus, textarea:focus { border-color: #117ec5; }
input[type=file] { max-width: 100%; }

/* utilities */
.flex-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex-box::before, .flex-box::after { display: none; }
.align-middle { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.justify-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.justify-space-around { -ms-flex-pack: distribute; justify-content: space-around; }
.flex-grow-1 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.flex-direction-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.mx-0 { margin-right: 0; margin-left: 0; }
.px-0 { padding-right: 0; padding-left: 0; }

/* input placeholder */
::-webkit-input-placeholder { font-family: 'Arial', sans-serif; font-weight: normal; font-size: 14px; color: #666666; opacity: 1; }
::-moz-placeholder { font-family: 'Arial', sans-serif; font-weight: normal; font-size: 14px; color: #666666; opacity: 1; }
:-ms-input-placeholder { font-family: 'Arial', sans-serif; font-weight: normal; font-size: 14px; color: #666666; opacity: 1; }
:-moz-placeholder { font-family: 'Arial', sans-serif; font-weight: normal; font-size: 14px; color: #666666; opacity: 1; }


/* ------------------------------- */
/* --------- media query --------- */
/* ------------------------------- */
@media (min-width: 576px) {

}
@media (min-width: 768px) {

}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
@media (min-width: 1300px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 576px) and (max-width: 767px) {

}

@media (max-width: 1199px) {

}
@media (max-width: 991px) {
	.error-404 h1 { font-size: 120px; }
	.error-404 h2 { font-size: 24px; }
}
@media (max-width: 767px) {

}
@media (max-width: 600px) {
	
}
@media (max-width: 575px) {
	
}
@media (max-width: 480px) {

}