@import url(https://fonts.googleapis.com/css2?family=Dongle:wght@300;400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Mulish&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap);
/* -----------------------------------------------------------------------
 * Floating
 * ----------------------------------------------------------------------- */
.fleft {
	display:inline;
	float:left !important;
}
.fright {
	display:inline;
	float:right !important;
}
.fnone {
	display:block !important;
	float:none !important;
}
.clear {
    clear:both !important;
}
.fcenter {
	float:none !important;
	margin:0 auto !important;
}
.display-none {
	display: none !important;
}
.display-inline {
	display: inline !important;
}
.display-inline-block {
	display: inline-block !important;
}
.display-block {
	display: block !important;
}
.display-inline_block {
	display: inline-block !important;
}
.hidden_relative {
	overflow:hidden;
	position:relative;
}
.overflow_hidden {
	overflow:hidden;
}
/* -----------------------------------------------------------------------
 * Text alignment
 * ----------------------------------------------------------------------- */
.tleft {
	text-align: left !important;
}
.tright {
	text-align: right !important;
}
.tcenter {
	text-align: center !important;
}
.tjustify {
	text-align: justify !important;
}
/* -----------------------------------------------------------------------
 * Text styling
 * ----------------------------------------------------------------------- */
.normal {font-weight:300;text-decoration:none;font-style:normal;}
.bold {font-weight:700 !important;}
.italic {font-style:italic !important;}
/*.underline {text-decoration:underline !important;}*/
.underline {border-bottom: 1px solid !important;padding-bottom: 1px;}
.example {
	color:#999;
	font-size:0.917em;
	margin:0 5px;
}
.strike {
	text-decoration: line-through;
}
.lcase {
	text-transform:lowercase;
}
.ucase {
	text-transform:uppercase;
}
.ccase {
	text-transform:capitalize;
}
.t9px {
	font-size:9px !important;
}
.t10px {
	font-size:10px !important;
}
.t11px {
	font-size:11px !important;
}
.t12px {
	font-size:12px !important;
}
.t13px {
	font-size:13px !important;
}
.t14px {
	font-size: 14px !important;
}
.t15px {
	font-size: 15px !important;
}
.t16px {
	font-size: 16px !important;
}
.txbig {
	font-size:1.333em;
}
.nowrap {
	white-space: nowrap;
}
.impact {
	color: #444;
	font-size: 1.167em;
	line-height: 1.5em;
}

/* -----------------------------------------------------------------------
 * Margin
 * ----------------------------------------------------------------------- */
/*.m-0 {margin:0px !important;}
.mb-0 {margin-bottom:0px !important;}
.ml-0 {margin-left:0px !important;}
.mr-0 {margin-right:0px !important;}
.mt-0 {margin-top:0px !important;}
.mlr-0 {margin-left:0px !important;margin-right:0px !important;}
.mbt-0{margin-bottom:0px !important;margin-top:0px !important;}

.m-3 {margin:3px !important;}
.mb-3 {margin-bottom:3px !important;}
.ml-3 {margin-left:3px !important;}
.mr-3 {margin-right:3px !important;}
.mt-3 {margin-top:3px !important;}
.mlr-3 {margin-left:3px !important;margin-right:3px !important;}
.mbt-3 {margin-bottom:3px !important;margin-top:3px !important;}

.m-5 {margin:5px !important;}
.mb-5 {margin-bottom:5px !important;}
.ml-5 {margin-left:5px !important;}
.mr-5 {margin-right:5px !important;}
.mt-5 {margin-top:5px !important;}
.mlr-5 {margin-left:5px !important;margin-right:5px !important;}
.mbt-5 {margin-bottom:5px !important;margin-top:5px !important;}
 
.m-10 {margin:10px !important;}
.mb-10 {margin-bottom:10px !important;}
.ml-10 {margin-left:10px !important;}
.mr-10 {margin-right:10px !important;}
.mt-10 {margin-top:10px !important;}
.mlr-10 {margin-left:10px !important;margin-right:10px !important;}
.mbt-10{margin-bottom:10px !important;margin-top:10px !important;}

.m-20 {margin:20px !important;}
.mb-20 {margin-bottom:20px !important;}
.ml-20 {margin-left:20px !important;}
.mr-20 {margin-right:20px !important;}
.mt-20 {margin-top:20px !important;}
.mlr-20 {margin-left:20px !important;margin-right:20px !important;}
.mbt-20{margin-bottom:20px !important;margin-top:20px !important;}

.m-30 {margin: 30px !important;}
.mb-30 {margin-bottom: 30px !important;}
.ml-30 {margin-left: 30px !important;}
.mr-30 {margin-right: 30px !important;}
.mt-30 {margin-top: 30px !important;}
.mlr-30 {margin-left:30px !important;margin-right:30px !important;}
.mbt-30{margin-bottom:30px !important;margin-top:30px !important;}*/
/* -----------------------------------------------------------------------
 * Padding
 * ----------------------------------------------------------------------- */
/*.p-0 {padding:0px !important;}
.pb-0 {padding-bottom:0px !important;}
.pl-0 {padding-left:0px !important;}
.pr-0 {padding-right:0px !important;}
.pt-0 {padding-top:0px !important;}
.plr-0{padding-left:0px !important;padding-right:0px !important;}
.pbt-0{padding-bottom:0px !important;padding-top:0px !important;}

.p-5 {padding:5px !important;}
.pb-5 {padding-bottom:5px !important;}
.pl-5 {padding-left:5px !important;}
.pr-5 {padding-right:5px !important;}
.pt-5 {padding-top:5px !important;}
.plr-5{padding-left:5px !important;padding-right:5px !important;}
.pbt-5{padding-bottom:5px !important;padding-top:5px !important;}

.p-10 {padding:10px !important;}
.pb-10 {padding-bottom:10px !important;}
.pl-10 {padding-left:10px !important;}
.pr-10 {padding-right:10px !important;}
.pt-10 {padding-top:10px !important;}
.plr-10{padding-left:20px !important;padding-right:20px !important;}
.pbt-10{padding-bottom:20px !important;padding-top:20px !important;}

.p-20 {padding:20px !important;}
.pb-20 {padding-bottom:20px !important;}
.pl-20 {padding-left:20px !important;}
.pr-20 {padding-right:20px !important;}
.pt-20 {padding-top:20px !important;}
.plr-20{padding-left:20px !important;padding-right:20px !important;}
.pbt-20{padding-bottom:20px !important;padding-top:20px !important;}

.p-30 {padding:30px !important;}
.pb-30 {padding-bottom:30px !important;}
.pl-30 {padding-left:30px !important;}
.pr-30 {padding-right:30px !important;}
.pt-30 {padding-top:30px !important;}
.plr-30{padding-left:30px !important;padding-right:30px !important;}
.pbt-30{padding-bottom:30px !important;padding-top:30px !important;}*/

.fa-brands.fa-500px{color:#0099e5}
.fa-brands.fa-adn{color:#4A484C}
.fa-brands.fa-amazon{color:#f90}
.fa-brands.fa-android{color:#a4c639}
.fa-brands.fa-angellist{color:#000}
.fa-brands.fa-apple{color:#979797}
.fa-brands.fa-behance{color:#1769ff}
.fa-brands.fa-behance-square{color:#1769ff}
.fa-brands.fa-bitbucket{color:#205081}
.fa-brands.fa-bitcoin{color:#ee9209}
.fa-brands.fa-black-tie{color:#222}
.fa-brands.fa-btc{color:#ee9209}
.fa-brands.fa-buysellads{color:#c90100}
.fa-brands.fa-cc-amex{color:#007bc1}
.fa-brands.fa-cc-diners-club{color:#004A97}
.fa-brands.fa-cc-discover{color:#f68121}
.fa-brands.fa-cc-jcb{color:#003A8F}
.fa-brands.fa-cc-mastercard{color:#0a3a82}
.fa-brands.fa-cc-paypal{color:#253b80}
.fa-brands.fa-cc-stripe{color:#00afe1}
.fa-brands.fa-cc-visa{color:#0157a2}
.fa-brands.fa-chrome{color:#4587F3}
.fa-brands.fa-codepen{color:#000}
.fa-brands.fa-connectdevelop{color:#391448}
.fa-brands.fa-contao{color:#eb8623}
.fa-brands.fa-creative-commons{color:#231f20}
.fa-brands.fa-css3{color:#1680C0}
.fa-brands.fa-dashcube{color:#7f7f7f}
.fa-brands.fa-delicious{color:#39f}
.fa-brands.fa-deviantart{color:#4e6252}
.fa-brands.fa-digg{color:#000}
.fa-brands.fa-dribbble{color:#444}
.fa-brands.fa-dropbox{color:#007ee5}
.fa-brands.fa-drupal{color:#0077c0}
.fa-brands.fa-empire{color:#000}
.fa-brands.fa-expeditedssl{color:#343433}
.fa-brands.fa-facebook{color:#3b5998}
.fa-brands.fa-facebook-square{color:#3b5998}
.fa-brands.fa-firefox{color:#e66000}
.fa-brands.fa-flickr{color:#ff0084}
.fa-brands.fa-fonticons{color:#1C1E29}
.fa-brands.fa-forumbee{color:#83ad13}
.fa-brands.fa-foursquare{color:#0072b1}
.fa-brands.fa-get-pocket{color:#d3505a}
.fa-brands.fa-gg{color:#000}
.fa-brands.fa-gg-circle{color:#000}
.fa-brands.fa-git{color:#333}
.fa-brands.fa-git-square{color:#333}
.fa-brands.fa-github{color:#333}
.fa-brands.fa-github-alt{color:#333}
.fa-brands.fa-github-square{color:#333}
.fa-brands.fa-google{color:#4285f4}
.fa-brands.fa-google-plus{color:#dd4b39}
.fa-brands.fa-google-plus-square{color:#dd4b39}
.fa-brands.fa-google-wallet{color:#4285f4}
.fa-brands.fa-hacker-news{color:#f60}
.fa-brands.fa-houzz{color:#7ac142}
.fa-brands.fa-html5{color:#e34f26}
.fa-brands.fa-instagram{color:#3f729b}
.fa-brands.fa-internet-explorer{color:#1EBBEE}
.fa-brands.fa-ioxhost{color:#faa729}
.fa-brands.fa-joomla{color:#142849}
.fa-brands.fa-jsfiddle{color:#4679BD}
.fa-brands.fa-lastfm{color:#c3000d}
.fa-brands.fa-lastfm-square{color:#c3000d}
.fa-brands.fa-leanpub{color:#0c0c0c}
.fa-brands.fa-linkedin{color:#0976b4}
.fa-brands.fa-linux{color:#333}
.fa-brands.fa-maxcdn{color:#F60}
.fa-brands.fa-medium{color:#000}
.fa-brands.fa-odnoklassniki{color:#ed812b}
.fa-brands.fa-odnoklassniki-square{color:#ed812b}
.fa-brands.fa-opencart{color:#2AC2EF}
.fa-brands.fa-openid{color:#F78C40}
.fa-brands.fa-opera{color:#cc0f16}
.fa-brands.fa-optin-monster{color:#83c11f}
.fa-brands.fa-pagelines{color:#000}
.fa-brands.fa-paypal{color:#253b80}
.fa-brands.fa-pied-piper{color:#2f9f46}
.fa-brands.fa-pied-piper-alt{color:#2f9f46}
.fa-brands.fa-pied-piper-square{color:#2f9f46}
.fa-brands.fa-pinterest{color:#cc2127}
.fa-brands.fa-pinterest-p{color:#cc2127}
.fa-brands.fa-pinterest-square{color:#cc2127}
.fa-brands.fa-qq{color:#000}
.fa-brands.fa-rebel{color:#000}
.fa-brands.fa-reddit{color:#ff4500}
.fa-brands.fa-reddit-square{color:#ff4500}
.fa-brands.fa-renren{color:#005EAC}
.fa-brands.fa-safari{color:#1B88CA}
.fa-brands.fa-sellsy{color:#1f78b9}
.fa-brands.fa-share-alt{color:#01bf01}
.fa-brands.fa-share-alt-square{color:#01bf01}
.fa-brands.fa-shirtsinbulk{color:#dd3a26}
.fa-brands.fa-simplybuilt{color:#000}
.fa-brands.fa-skyatlas{color:#00adbb}
.fa-brands.fa-skype{color:#00aff0}
.fa-brands.fa-slack{color:#0f7965}
.fa-brands.fa-slideshare{color:#e98325}
.fa-brands.fa-soundcloud{color:#f80}
.fa-brands.fa-spotify{color:#7ab800}
.fa-brands.fa-stack-exchange{color:#000}
.fa-brands.fa-stack-overflow{color:#fe7a15}
.fa-brands.fa-steam{color:#0B0B0B}
.fa-brands.fa-steam-square{color:#0B0B0B}
.fa-brands.fa-stumbleupon{color:#eb4924}
.fa-brands.fa-stumbleupon-circle{color:#eb4924}
.fa-brands.fa-tencent-weibo{color:#74AF2C}
.fa-brands.fa-trello{color:#256a92}
.fa-brands.fa-tumblr{color:#35465c}
.fa-brands.fa-tumblr-square{color:#35465c}
.fa-brands.fa-twitch{color:#6441a5}
.fa-brands.fa-twitter{color:#55acee}
.fa-brands.fa-twitter-square{color:#55acee}
.fa-brands.fa-viacoin{color:#333}
.fa-brands.fa-vimeo{color:#1ab7ea}
.fa-brands.fa-vimeo-square{color:#1ab7ea}
.fa-brands.fa-vine{color:#00b488}
.fa-brands.fa-vk{color:#45668e}
.fa-brands.fa-weibo{color:#E71D34}
.fa-brands.fa-weixin{color:#93d034}
.fa-brands.fa-wikipedia-w{color:#000}
.fa-brands.fa-windows{color:#00bcf2}
.fa-brands.fa-wordpress{color:#21759b}
.fa-brands.fa-xing{color:#026466}
.fa-brands.fa-xing-square{color:#026466}
.fa-brands.fa-y-combinator{color:#F0652F}
.fa-brands.fa-yahoo{color:#400191}
.fa-brands.fa-yelp{color:#af0606}
.fa-brands.fa-youtube{color:#e52d27}
.fa-brands.fa-youtube-square{color:#e52d27}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOQ4mohvTobdw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOQ4mogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOQ4mouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHrv4kjgoGqM7E_Cfs0wH8RnA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHrv4kjgoGqM7E_Cfs1wH8RnA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHrv4kjgoGqM7E_Cfs7wH8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfPI42ohvTobdw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfPI42ogvTobdw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfPI42ouvTo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3w-os6FospT4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3w-os6VospT4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3w-os51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3p-ks6FospT4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3p-ks6VospT4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3p-ks51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_A8s52Hs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_Ass52Hs.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7E_DMs5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gs6FospT4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gs6VospT4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gs51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8s6FospT4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8s6VospT4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8s51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4s6FospT4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4s6VospT4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4s51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3q-0s6FospT4.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3q-0s6VospT4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3q-0s51os.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------
 * FONTS
 * ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------
 * CUSTOM CSS
 * ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.tblue {
  color: #3490dc;
}

.tindigo {
  color: #6574cd;
}

.tpurple {
  color: #6827d6;
}

.tpink {
  color: #f66d9b;
}

.tred {
  color: #FF0000;
}

.torange {
  color: #f6993f;
}

.tyellow {
  color: #ffed4a;
}

.tgreen {
  color: #00A928;
}

.tteal {
  color: #4dc0b5;
}

.tcyan {
  color: #6cb2eb;
}

.tgrey {
  color: #999;
}

.tdark_grey {
  color: #666;
}

.tmain_text {
  color: #1C4f4A;
}

.fa-custom-dashboard,
.fa-custom-wallet,
.fa-custom-account,
.fa-custom-logout {
  height: 22px;
  width: 22px;
  vertical-align: middle;
}

/*.fa-custom-dashboard {background: transparent url('../images/dashboard-white.svg') no-repeat center center;}
.fa-custom-wallet {background: transparent url('../images/wallet-white.svg') no-repeat center center;}
.fa-custom-account {background: transparent url('../images/my_account-white.svg') no-repeat center center;}
.fa-custom-logout {background: transparent url('../images/logout-white.svg') no-repeat center center;}*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------
 * BROWSER MOD
 * ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
th:focus,
textarea:focus,
input:focus,
a:active,
button:active,
a:focus,
button:focus {
  border: none;
  outline: 0;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 999px #FFF inset !important;
  -webkit-text-fill-color: #171717 !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.nav-tabs button.nav-link.active {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  position: relative;
}

.nav-tabs button.nav-link > span.filler {
  display: none;
  position: absolute;
  bottom: -5px;
}

.nav-tabs button.nav-link.active > span.filler {
  background: #FFF;
  display: block;
  height: 5px;
  left: 0;
  width: 100%;
}

.nav-tabs button.nav-link {
  border: 0;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------
* BOOTSTRAP MOD
* ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.container {
  margin: 0 auto;
  position: relative;
}

.well {
  position: relative;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------
 * SCROLLBAR
 * ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* width */
::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #F6F6F6;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------
 * CUSTOM SCAFFOLDING
 * ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.full-width {
  width: 100%;
}

.half-width {
  width: 50%;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------
 * DATATABLE
 * ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
div.dataTables_wrapper div.dataTables_processing {
  background: #000;
  color: #FFF;
  z-index: 1;
}

div.dataTables_paginate li.paginate_button.page-item.active a {
  border-color: #306577;
  background-color: #306577;
}

/* -----------------------------------------------------------------------
 * Full listing
 * ----------------------------------------------------------------------- */
.listing_datatable .footer {
  background-color: transparent;
  border-top: none;
  padding-left: 0;
  padding-right: 0;
}

.listing_datatable tr:hover td {
  background-color: #F6F6F6 !important;
}

/* -----------------------------------------------------------------------
 * Thumb listing
 * ----------------------------------------------------------------------- */
.thumb_datatable .row_per_page {
  display: none;
}

.thumb_datatable .footer {
  display: flex;
  justify-content: center;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------
 * LAYOUT
 * ---------------------------------------------------------------------------------------------------------------------------------------------------------- */
html {
  -webkit-font-smoothing: antialiased !important;
}

html * {
  -webkit-font-smoothing: antialiased !important;
}

html.float_bottom_footer,
html.float_bottom_footer body,
html.float_bottom_footer body .scroll_wrapper {
  height: 100%;
}

html.float_bottom_footer body footer {
  bottom: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
}

html, body {
  font-family: arial;
  font-size: 14px;
}

body {
  background: #ECF0F1;
  min-width: 300px;
}

#div_PageLoader {
  background: rgba(255, 255, 255, 0.95);
  display: none;
  border-radius: 20px;
  left: 50%;
  padding: 0 40px;
  position: fixed;
  transform: translate(-50%, -50%);
  top: 40%;
  z-index: 1;
}

body.page_fadein .site_container {
  opacity: 1;
}

body.page_fadeout .site_container {
  opacity: 0;
}

body.page_fadeout #div_PageLoader {
  display: block;
}

.site_container {
  margin: 0 auto;
  position: relative;
  transition: opacity 0.5s ease-in-out;
}

hr {
  color: #999;
}

a:link,
a:hover,
a:active,
a:focus,
a:visited {
  color: #444;
  text-decoration: none !important;
  outline: none !important;
}

a:hover {
  /*color: #EDB11F !important;*/
  color: #306577;
}

p {
  margin-bottom: 10px;
}

h4 {
  font-size: 19px;
}

.container-fluid-no-margin {
  margin: 0;
  padding: 0;
}

.btn {
  border-radius: 50px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.btn > *[class^=material-] {
  font-size: 1.2rem;
  font-weight: 400;
  vertical-align: middle;
}

.btn-white {
  background: rgb(238, 238, 238);
  background: linear-gradient(0deg, rgb(238, 238, 238) 0%, rgb(255, 255, 255) 100%);
  border: 1px solid #444;
  color: #000 !important;
}

.btn-white:active {
  background: rgb(238, 238, 238);
  background: linear-gradient(180deg, rgb(238, 238, 238) 0%, rgb(255, 255, 255) 100%);
}

.btn-orange {
  background: #FF6600;
  border: 1px solid #FF6600;
  color: #FFF !important;
}

.btn-orange:active {
  background: #FF8533;
  border: 1px solid #FF8533;
}

input[type=text] {
  align-items: center;
  border: 1px solid #C3C4C6;
  border-radius: 5px;
  display: flex;
  padding: 5px;
}

div.contenteditable {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 0.3rem;
  color: var(--cui-input-color, rgba(44, 56, 74, 0.95));
  font-size: 1.25rem;
  min-height: 48px;
  outline: 0px solid transparent;
  padding: 10px;
}

.contenteditable[placeholder]:empty:before {
  content: attr(placeholder);
}

nav#nav_Topbar {
  background: #306577;
  padding: 0;
}

#ul_TopbarLeft {
  flex-direction: row;
}

#div_NavBarCollapsed {
  flex-grow: 0;
}

#nav_Topbar .navbar-nav .nav-item a.nav-link {
  color: #CFE3FC;
  font-family: "Barlow", sans-serif;
  font-size: 1rem;
  padding: 7px 0;
}

#nav_Topbar .navbar-nav .nav-item a.nav-link:hover {
  color: #FFF;
}

#ul_TopbarLeft > li {
  margin-right: 13px;
}

#ul_TopbarRight > li {
  margin-left: 13px;
}

#nav_Topbar .dropdown-menu {
  padding: 0;
}

#nav_Topbar .dropdown-menu[data-bs-popper] {
  margin-top: -5px;
}

#nav_Topbar .dropdown-item:focus, .dropdown-item:hover {
  color: #FFF;
  background-color: #306577;
}

nav#nav_LogoSearchBar {
  background: #B3E6F5;
  height: 200px;
}

#div_LogoSearchBar {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  position: relative;
}

#a_Logo,
#div_SearchBar {
  display: flex;
  justify-content: space-between;
}

#a_Logo {
  left: 0;
  position: absolute;
  padding: 0;
}

#a_Logo > img {
  height: 46px;
  width: auto;
}

#div_SearchBar {
  align-items: center;
  background: #FFF;
  border-radius: 10rem;
  width: 60%;
}

#txt_MainSearch,
#btn_MainSearch {
  display: flex;
}

#txt_MainSearch {
  background-color: transparent;
  border: 0;
  color: #306577;
  height: 46px;
  padding: 0 1rem;
  width: calc(100% - 42px);
}

#btn_MainSearch {
  background-color: #F9DA51;
  border-radius: 10rem;
  height: 40px;
  margin-right: 3px;
  width: 40px;
}

#btn_MainSearch > span.material-icons {
  color: #000;
  font-size: 1.8rem;
  line-height: 40px;
  margin: 0 auto;
}

main {
  margin-top: -118px;
  margin-bottom: 40px;
}

section.row.section {
  margin-top: 40px;
}

h1.section_header {
  align-items: center;
  display: flex;
  font-size: 1.5rem;
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  justify-content: space-between;
  padding: 0;
  margin-bottom: 20px;
}

#div_SiteCountryPopup {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 10;
}

#div_SiteCountryPopupContent {
  background: #FFF;
  left: 50%;
  padding: 10px;
  position: fixed;
  transform: translate(-50%, -50%);
  top: 50%;
  width: 320px;
  z-index: 1;
}

#div_SiteCountryPopupContent .head {
  align-items: flex-end;
  background: transparent url(/images/country_popup_bg.png?a0f048602ade2f372f43c43700e75ae1) no-repeat center 0;
  display: flex;
  justify-content: center;
  height: 180px;
}

#div_SiteCountryPopupContent .head > h1 {
  font-family: "Barlow", sans-serif;
  font-size: 1.5em;
  margin: 0;
}

#div_SiteCountryPopupContent .body {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 21px;
}

#div_SiteCountryPopupContent .body .btn_set_country {
  border: 1px solid #306577;
  margin-bottom: 10px;
  padding: 5px 8px;
  width: calc(100% - 20px);
}

#div_SiteCountryPopupContent .body .btn_set_country:hover {
  background-color: #B3E6F5;
}

#div_SiteCountryPopupContent .body .btn_set_country > span {
  background: transparent no-repeat center left;
  padding-left: 20px;
  width: calc(100% - 20px);
}

#div_SiteCountryPopupOverlay {
  background: #000;
  height: 100%;
  opacity: 0.6;
  width: 100%;
}

#ul_AccountNav {
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding: 10px 20px;
}

#ul_AccountNav li {
  border-bottom: 2px solid transparent;
  margin: 0 10px;
  padding: 0 3px;
}

#ul_AccountNav li.active {
  border-bottom-color: #306577;
}

.content_section {
  background-color: #FFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  padding: 20px;
}

.content_breadcrumb {
  padding: 10px 20px;
}

.content_body {
  display: flex;
  flex-direction: column;
}

.footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

/* -----------------------------------------------------------------------
 * Quick Filter
 * ----------------------------------------------------------------------- */
.quick_filter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.quick_filter_body {
  background: #FFF;
  border: 1px solid #DEE2E6;
  box-shadow: 0 1px 1px 0 rgba(var(--elevation-base-color), 0.14), 0 2px 1px -1px rgba(var(--elevation-base-color), 0.12), 0 1px 3px 0 rgba(var(--elevation-base-color), 0.2);
  display: none;
  margin-top: 3px;
  padding: 10px;
  position: absolute;
  right: 15px;
  z-index: 10;
}

.quick_filter input {
  border-radius: 0;
}

@media (max-width: 991px) {
  #nav_Topbar .navbar-toggler {
    background: transparent;
    border-color: transparent;
    color: #FFF;
  }

  #nav_Topbar .navbar-toggler {
    padding: 0;
  }

  #nav_Topbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    font-size: 1.4rem;
  }

  #nav_Topbar .navbar-toggler:focus {
    box-shadow: none;
  }

  .navbar-nav .dropdown-menu {
    position: absolute;
  }

  #ul_TopbarRight > li {
    margin-left: 0;
  }

  #div_LogoSearchBar {
    align-items: center;
    flex-direction: column;
  }

  #a_Logo {
    position: relative;
  }

  #div_SearchBar {
    margin-top: 10px;
  }

  main {
    margin-top: -75px;
  }

  .content_section {
    padding: 10px;
  }
}
@media screen and (max-width: 390px) {
  .quick_filter > .form-group {
    margin-bottom: 5px;
  }

  .listing_datatable .footer .row_per_page,
.listing_datatable .footer .paging {
    float: none !important;
    margin: 0 auto;
  }

  .listing_datatable .footer .paging {
    margin-top: 10px;
  }
}