/* Font Face */
@font-face { font-family: font_regular; src: url("opensans_medium.ttf"); }
@font-face { font-family: font_medium; src: url("opensans_bold.ttf"); }
@font-face { font-family: font_bold; src: url("opensans_extrabold.ttf"); }

.font-medium { font-family: font_medium; }
.font-bold { font-family: font_bold; }

/* Universal Variables */
* { margin: 0; padding: 0; font-size: 14px; line-height: 1.5; box-sizing: border-box; letter-spacing: 0; font-family: font_regular; }
html,body { width: 100%; height: 100%; scroll-behavior: smooth; }

/* Labels */
a { text-decoration: none; }
li { list-style: none; }

/* Fixed Content */
.fixed-top-left { top: 0; left: 0; position: fixed; z-index: 999; }
.fixed-top-right { top: 0; right: 0; position: fixed; z-index: 999; }
.fixed-bot-left { bottom: 0; left: 0; position: fixed; z-index: 999; }
.fixed-bot-right { bottom: 0; right: 0; position: fixed; z-index: 999; }

/* Position Absolute, Relative */
.p-rel { position: relative; }
.p-abs-top-left { top: 0; left: 0; position: absolute; }
.p-abs-top-right { top: 0; right: 0; position: absolute; }
.p-abs-bot-left { bottom: 0; left: 0; position: absolute; }
.p-abs-bot-right { bottom: 0; right: 0; position: absolute; }

/* Input [All], Button, Textarea, Select */
input[type=date] { border: none; outline: none; background-color: transparent; }
input[type=time] { border: none; outline: none; background-color: transparent; }
input[type=text] { border: none; outline: none; background-color: transparent; }
input[type=search] { border: none; outline: none; background-color: transparent; }
input[type=number] { border: none; outline: none; background-color: transparent; }
input[type=email] { border: none; outline: none; background-color: transparent; }
input[type=password] { border: none; outline: none; background-color: transparent; }
input[type=submit] { border: none; outline: none; cursor: pointer; background-color: transparent; }
button { border: none; outline: none; cursor: pointer; background-color: transparent; }
select { border: none; outline: none; cursor: pointer; background-color: transparent; }
textarea { resize: none; outline: none; border: none; background-color: transparent; }
video { border: none; outline: none; background-color: transparent; }

/* Displays */
.d-block { display: block; }
.d-inblock { display: inline-block; }
.d-none { display: none; }

/* Visibility */
.v-hidden { visibility: hidden; }
.v-visible { visibility: visible; }

/* Flex Box */
.f-row { display: flex; flex-direction: row; }
.f-row-reverse { display: flex; flex-direction: row-reverse; }
.f-row-center { display: flex; flex-direction: row; justify-content: center; }
.f-row-start { display: flex; flex-direction: row; justify-content: flex-start; }
.f-row-end { display: flex; flex-direction: row; justify-content: flex-end; }
.f-row-between { display: flex; flex-direction: row; justify-content: space-between; }
.f-row-around { display: flex; flex-direction: row; justify-content: space-around; }
.f-col { display: flex; flex-direction: column; }
.f-col-reverse { display: flex; flex-direction: column-reverse;  }
.f-col-center { display: flex; flex-direction: column; justify-content: center; }
.f-col-start { display: flex; flex-direction: column; justify-content: flex-start; }
.f-col-end { display: flex; flex-direction: column; justify-content: flex-end; }
.f-col-between { display: flex; flex-direction: column; justify-content: space-between; }
.f-col-around { display: flex; flex-direction: column; justify-content: space-around; }
.wrap { flex-wrap: wrap; }
.alg-center { align-items: center; }
.alg-start { align-items: flex-start; }
.alg-end { align-items: flex-end; }
.alg-between { align-items: space-between; }
.alg-around { align-items: space-around; }
.alg-stretch { align-items: stretch; }
.alg-s-center { align-self: center; }
.alg-s-start { align-self: flex-start; }
.alg-s-end { align-self: flex-end; }
.alg-s-between { align-self: space-between; }
.alg-s-around { align-self: space-around; }
.alg-s-stretch { align-self: stretch; }
.alg-c-center { align-content: center; }
.alg-c-start { align-content: flex-start; }
.alg-c-end { align-content: flex-end; }
.alg-c-between { align-content: space-between; }
.alg-c-around { align-content: space-around; }
.alg-c-stretch { align-content: stretch; }

/* Background Image */
.img-bg { background-size: cover; background-position: center; }
.img-of { object-fit: cover; }

/* Font Align */
.ta-justify { text-align: justify; }
.ta-center { text-align: center; }
.ta-left { text-align: left; }
.ta-right { text-align: right; }

/* Adapt Text to Box */
.text-box { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.text-box-2 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; overflow:hidden; }
.text-box-3 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow:ellipsis; overflow:hidden; }
.text-box-4 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; text-overflow:ellipsis; overflow:hidden; }
.text-box-5 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; text-overflow:ellipsis; overflow:hidden; }
.text-box-6 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; text-overflow:ellipsis; overflow:hidden; }

/* Overflow X, Y */
.over-x { overflow-x: auto; }
.no-over-x { overflow-x: hidden; }
.over-y { overflow-y: auto; }
.no-over-y { overflow-y: hidden; }
.over-auto { overflow: auto; }
.over-hidden { overflow: hidden; }

/* Cursor */
.cursor { cursor: pointer; }
.no-cursor { cursor: context-menu; }
.no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* Animations */
.smooth { transition: all .5s; }

/* Font Color */
.fc-dark { color: #252A33; }
.fc-gray { color: #8E8E8E; }
.fc-blue { color: #007BFF; }
.fc-green { color: #28A745; }
.fc-red { color: #DC3545; }
.fc-yellow { color: #FFC107; }
.fc-lightblue { color: #17A2B8; }
.fc-light { color: #FFFFFF; }
.fc-t-light { color: #E0E0E0; }
.fc-seclight { color: #F8F9FA; }

/* Backgrounds */
.blue { color: #FFFFFF; background-color: #007BFF; }
.blue > p, .blue > span { color: #FFFFFF }
.gray { color: #FFFFFF; background-color: #6C757D; }
.gray > p, .gray > span { color: #FFFFFF; }
.green { color: #FFFFFF; background-color: #28A745; }
.green > p, .green > span { color: #FFFFFF; }
.red { color: #FFFFFF; background-color: #DC3545; }
.red > p, .red > span { color: #FFFFFF; }
.yellow { background-color: #FFC107; }
.yellow > p, .yellow > span { color: #000000; }
.lightblue { color: #FFFFFF; background-color: #17A2B8; }
.lightblue > p, .lightblue > span { color: #FFFFFF; }
.light { background-color: #F8F9FA; }
.sec-light { background-color: #FFFFFF; }
.tert-light { background-color: #E0E0E0; }
.dark { color: #FFFFFF; background-color: #343A40; }
.dark > p, .dark > span { color: #FFFFFF; }

/* Margin */
.ma-auto { margin: auto; } .ma-y { margin: auto 0; } .ma-x { margin: 0 auto; }

/* 000WEBHOST FOOTER */
img[alt="www.000webhost.com"]{display:none;}