@font-face {
	font-family: nunito;
	src: url(/font/Nunito/nunito.ttf);
}
.ffn{ font-family: nunito }

/*Background*/
.bgcd { background-color: #ddd; }
.bgcfa { background-color:#fafafa; }
.bgcfx{ background-color: #F5F8FA; }
.bgcf, .bgcfh:hover, .bgcfb:before { background-color: #fff; }
.bgc03, bgc03h:hover { background-color: rgba(0,0,0,.3); }

/*Margin*/

.ml2, .mlr2, .ma2 { margin-left: 2px; }
.mr2, .mlr2, .ma2 { margin-right: 2px; }
.mt2, .mtb2, .ma2, .mtb-0 { margin-top: 2px; }
.mb2, .mtb2, .ma2 { margin-bottom: 2px; }
.ml3, .mlr3, .ma3 { margin-left: 3px; }
.ml5, .mlr5, .ma5, .ml5a:after, .ml5b:before { margin-left: 5px; }
.mr3, .mlr3, .ma3 { margin-right: 3px; }
.mr5, .mlr5, .ma5, .mr5a:after, .mr5b:before { margin-right: 5px; }
.mt3, .mtb3, .ma3 { margin-top: 3px; }
.mb3, .mtb3, .ma3 { margin-bottom: 3px; }
.mt5, .mtb5, .ma5, .mt5a:after, .mt5b:before { margin-top: 5px; }
.mb5, .mtb5, .ma5, .mb5a:after, .mb5b:before { margin-bottom: 5px; }
.ml7, .mlr7, .ma7 { margin-left: 7px; }
.mr7, .mlr7, .ma7 { margin-right: 7px; }
.mt7, .mtb7, .ma7 { margin-top: 7px; }
.mb7, .mtb7, .ma7 { margin-bottom: 7px; }
.ml10, .mlr10, .ma10 { margin-left: 10px; }
.mr10, .mlr10, .ma10 { margin-right: 10px; }
.mt10, .mtb10, .ma10 { margin-top: 10px; }
.mb10, .mtb10, .ma10 { margin-bottom: 10px; }
.ml15, .mlr15, .ma15 { margin-left: 15px; }
.mr15, .mlr15, .ma15 { margin-right: 15px; }
.mt15, .mtb15, .ma15 { margin-top: 15px; }
.mb15, .mtb15, .ma15 { margin-bottom: 15px; }
.ml25, .mlr25, .ma25 { margin-left: 25px; }
.mr25, .mlr25, .ma25 { margin-right: 25px; }
.mt25, .mtb25, .ma25 { margin-top: 25px; }
.mb25, .mtb25, .ma25 { margin-bottom: 25px; }
.ml30, .mlr30, .ma30 { margin-left: 30px; }
.mr30, .mlr30, .ma30 { margin-right: 30px; }
.mt30, .mtb30, .ma30 { margin-top: 30px; }
.mb30, .mtb30, .ma30 { margin-bottom: 30px; }
.ml40, .mlr40, .ma40 { margin-left: 40px; }
.mr40, .mlr40, .ma40 { margin-right: 40px; }
.mt40, .mtb40, .ma40 { margin-top: 40px; }
.mb40, .mtb40, .ma40 { margin-bottom: 40px; }
.ml50, .mlr50, .ma50 { margin-left: 50px; }
.mr50, .mlr50, .ma50 { margin-right: 50px; }
.mt50, .mtb50, .ma50 { margin-top: 50px; }
.mb50, .mtb50, .ma50 { margin-bottom: 50px; }

/*Padding*/

.pl1, .plr1, .pa1 { padding-left: 1px; }
.pr1, .plr1, .pa1 { padding-right: 1px; }
.pt1, .ptb1, .pa1 { padding-top: 1px; }
.pb1, .ptb1, .pa1 { padding-bottom: 1px; }
.pl2, .plr2, .pa2 { padding-left: 2px; }
.pr2, .plr2, .pa2 { padding-right: 2px; }
.pt2, .ptb2, .pa2 { padding-top: 2px; }
.pb2, .ptb2, .pa2 { padding-bottom: 2px; }
.pl3, .plr3, .pa3 { padding-left: 3px; }
.pr3, .plr3, .pa3 { padding-right: 3px; }
.pt3, .ptb3, .pa3 { padding-top: 3px; }
.pb3, .ptb3, .pa3 { padding-bottom: 3px; }
.pl5, .plr5, .pa5 { padding-left: 5px; }
.pr5, .plr5, .pa5 { padding-right: 5px; }
.pt5, .ptb5, .pa5 { padding-top: 5px; }
.pb5, .ptb5, .pa5 { padding-bottom: 5px; }
.pl7, .plr7, .pa7 { padding-left: 7px; }
.pr7, .plr7, .pa7 { padding-right: 7px; }
.pt7, .ptb7, .pa7 { padding-top: 7px; }
.pb7, .ptb7, .pa7 { padding-bottom: 7px; }
.pl10, .plr10, .pa10, .pa10e:empty { padding-left: 10px!important; }
.pr10, .plr10, .pa10, .pa10e:empty { padding-right: 10px!important; }
.pt10, .ptb10, .pa10, .pa10e:empty { padding-top: 10px!important; }
.pb10, .ptb10, .pa10, .pa10e:empty { padding-bottom: 10px!important; }
.pl15, .plr15, .pa15 { padding-left: 15px; }
.pr15, .plr15, .pa15 { padding-right: 15px; }
.pt15, .ptb15, .pa15 { padding-top: 15px; }
.pb15, .ptb15, .pa15 { padding-bottom: 15px; }
.pl20, .plr20, .pa20 { padding-left: 20px; }
.pr20, .plr20, .pa20 { padding-right: 20px; }
.pt20, .ptb20, .pa20 { padding-top: 20px; }
.pb20, .ptb20, .pa20 { padding-bottom: 20px; }
.pl25, .plr25, .pa25 { padding-left: 25px; }
.pr25, .plr25, .pa25 { padding-right: 25px; }
.pt25, .ptb25, .pa25 { padding-top: 25px; }
.pb25, .ptb25, .pa25 { padding-bottom: 25px; }
.pl30, .plr30, .pa30 { padding-left: 30px; }
.pr30, .plr30, .pa30 { padding-right: 30px; }
.pt30, .ptb30, .pa30 { padding-top: 30px; }
.pb30, .ptb30, .pa30 { padding-bottom: 30px; }
.pl35, .plr35, .pa35 { padding-left: 35px; }
.pr35, .plr35, .pa35 { padding-right: 35px; }
.pt35, .ptb35, .pa35 { padding-top: 35px; }
.pb35, .ptb35, .pa35 { padding-bottom: 35px; }
.pl40, .plr40, .pa40 { padding-left: 40px; }
.pr40, .plr40, .pa40 { padding-right: 40px; }
.pt40, .ptb40, .pa40 { padding-top: 40px; }
.pb40, .ptb40, .pa40 { padding-bottom: 40px; }
.pl50, .plr50, .pa50 { padding-left: 50px; }
.pr50, .plr50, .pa50 { padding-right: 50px; }
.pt50, .ptb50, .pa50 { padding-top: 50px; }
.pb50, .ptb50, .pa50 { padding-bottom: 50px; }
.pt2e { padding-top: 2em; }
.pb2e { padding-bottom: 2em; }
.pl0, .plr0, .pa0, .pa0e:empty { padding-left: 0; }
.pr0, .plr0, .pa0, .pa0e:empty { padding-right: 0; }
.pt0, .ptb0, .pa0, .pa0e:empty { padding-top: 0; }
.pb0, .ptb0, .pa0, .pa0e:empty { padding-bottom: 0; }
.pa0i, .pa0i .iTip-content { padding: 0!important; }
.paa { padding: auto; }
.pb14 { padding-bottom: 400%; }
.pb13 { padding-bottom: 300%; }
.pb12 { padding-bottom: 200%; }
.pb916 { padding-bottom: 177.77%; }
.pb23 { padding-bottom: 150%; }
.pb1 { padding-bottom: 100%; }
.pb43 { padding-bottom: 75%; }
.pb32 { padding-bottom: 66.66%; }
.pb169, .pb169e:empty { padding-bottom: 56.25%; height: unset!important; }
.pb21, .pb189 { padding-bottom: 50%; }
.pb249 { padding-bottom: 37.5%; }
.pb31 { padding-bottom: 33.33%; }
.pb41 { padding-bottom: 25%; }
.pb51 { padding-bottom: 20%; }

/*Float*/

.fl, .flr >*:nth-child(odd), .flc >*, .fla:after, .flb:before { float: left; }
.fr, .flr >*:nth-child(even), .frc >*, .fra:after, .frb:before { float: right; }
.fli, .flr >*:nth-child(1) { float: left!important; }
.fri, .flr >*:nth-child(2) { float: right!important; }
.fn, .fnc >* { float: none; }
.fni, .fnci >* { float: none!important; }

/*clear fload*/

.cl { clear: left; }
.cr { clear: right; }
.cb, cb, .cb:before, .cb:after { clear: both; }

/*display*/
.di { display: initial; }
.dib, .dibh:hover{ display: inline-block; }
.db, .list >*, cb, .dbh:hover, .dbb:before, .dba:after, .dbc >*, .dbc >.iIcon { display: block; }
.ais { align-items: stretch; }
.ass{ align-self: stretch; }
.aic{ align-items: center; }
.dn { display: none; }
.dni, .hidden, .ẩn { display: none!important; }
.ph:hover>.dnph, .ph:hover .phv.dn, .phc:hover>.phv.dn { display: inherit; }
.jcsb { justify-content: space-between; }
.jcsc, .vamf { justify-content: center; }
.acsb { align-content: space-between; }
.flex{ display: flex; }
/*z-index*/

.z0 { z-index: 0; }
.z1, .z1h:hover, .z1c>* { z-index: 1; }
.z3, .z3h:hover { z-index: 3; }
.z5 { z-index: 5; }
.z5i { z-index: 5!important; }
.z7 { z-index: 7; }
.z7i { z-index: 7!important; }
.z9 { z-index: 9; }
.z11 { z-index: 11; }
.z13 { z-index: 13; }
.z13i { z-index: 13!important; }
.z15 { z-index: 15; }
.z17 { z-index: 17; }
.z99, .z99h:hover { z-index: 99; }
.z100 { z-index: 100; }
.z101 { z-index: 101; }
.z102 { z-index: 102; }
.z999 { z-index: 999; }
.z9k { z-index: 9999; }

/*position*/

.pr, .prh:hover, .prc>* { position: relative; }
.pa, .ol, .vami>* { position: absolute; }
.pai { position: absolute!important; }
.ola:after, .olb:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.pf { position: fixed; }
.ps { position: sticky; position: -webkit-sticky; }
.psi { position: sticky!important; position: -webkit-sticky!important; }
.pf, .pfi, .tt3 { transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: -moz-translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }
.pfi { position: fixed!important; }

/*text*/

.tac, .tace:empty { text-align: center; }
.taj { text-align: justify; }
.tal { text-align: left; }
.tar { text-align: right; }
.ttu { text-transform: uppercase; }
.ttl { text-transform: lowercase; }
.ttc { text-transform: capitalize; }
.tti { text-transform: inherit; }
.ttn, .ffi { text-transform: none; }
.tdu, .tduh:hover, a[href^=http]:not([class]):hover, a[href^=http][class=""]:hover { text-decoration: underline; }
.tdui { text-decoration: underline!important; }
.tdlt { text-decoration: line-through; }
.tdn, .tdnh:hover { text-decoration: none; }

/*border*/

.brtl0, .brt0, .brl0, .bra0 { border-top-left-radius: 0; }
.brtr0, .brt0, .brr0, .bra0 { border-top-right-radius: 0; }
.brbl0, .brb0, .brl0, .bra0 { border-bottom-left-radius: 0; }
.brbr0, .brb0, .brr0, .bra0 { border-bottom-right-radius: 0; }
.brtl3, .brt3, .brl3, .bra3, .bra3h:hover { border-top-left-radius: 3px; }
.brtr3, .brt3, .brr3, .bra3, .bra3h:hover { border-top-right-radius: 3px; }
.brbl3, .brb3, .brl3, .bra3, .bra3h:hover { border-bottom-left-radius: 3px; }
.brbr3, .brb3, .brr3, .bra3, .bra3h:hover { border-bottom-right-radius: 3px; }
.brtl5, .brt5, .brl5, .bra5 { border-top-left-radius: 5px; }
.brtr5, .brt5, .brr5, .bra5 { border-top-right-radius: 5px; }
.brbl5, .brb5, .brl5, .bra5 { border-bottom-left-radius: 5px; }
.brbr5, .brb5, .brr5, .bra5 { border-bottom-right-radius: 5px; }
.brtl8, .brt8, .brl8, .bra8 { border-top-left-radius: 8px; }
.brtr8, .brt8, .brr8, .bra8 { border-top-right-radius: 8px; }
.brbl8, .brb8, .brl8, .bra8 { border-bottom-left-radius: 8px; }
.brbr8, .brb8, .brr8, .bra8 { border-bottom-right-radius: 8px; }
.brtl10, .brt10, .brl10, .bra10 { border-top-left-radius: 10px; }
.brtr10, .brt10, .brr10, .bra10 { border-top-right-radius: 10px; }
.brbl10, .brb10, .brl10, .bra10 { border-bottom-left-radius: 10px; }
.brbr10, .brb10, .brr10, .bra10 { border-bottom-right-radius: 10px; }
.brtl15, .brt15, .brl15, .bra15 { border-top-left-radius: 15px; }
.brtr15, .brt15, .brr15, .bra15 { border-top-right-radius: 15px; }
.brbl15, .brb15, .brl15, .bra15 { border-bottom-left-radius: 15px; }
.brbr15, .brb15, .brr15, .bra15 { border-bottom-right-radius: 15px; }
.brtl50, .brt50, .brl50, .bra50 { border-top-left-radius: 50%; }
.brtr50, .brt50, .brr50, .bra50 { border-top-right-radius: 50%; }
.brbl50, .brb50, .brl50, .bra50 { border-bottom-left-radius: 50%; }
.brbr50, .brb50, .brr50, .bra50 { border-bottom-right-radius: 50%; }
.bra50i { border-radius: 50%!important; }
.br0i, .br0h:hover { border-radius: 0!important; }
.br5h:hover { border-radius: 5px; }
.bw1, .b1sb, .b1sd { border-width: 1px; }
.bt1 { border-width: 1px 0 0 0; }
.br1 { border-width: 0 1px 0 0; }
.bb1 { border-width: 0 0 1px 0; }
.bl1 { border-width: 0 0 0 1px; }
.btw1 { border-top-width: 1px; }
.brw1 { border-right-width: 1px; }
.bbw1 { border-bottom-width: 1px; }
.blw1 { border-left-width: 1px; }
.btw2 { border-top-width: 2px; }
.brw2 { border-right-width: 2px; }
.bbw2 { border-bottom-width: 2px; }
.blw2 { border-left-width: 2px; }
.btw3 { border-top-width: 3px; }
.brw3 { border-right-width: 3px; }
.bbw3 { border-bottom-width: 3px; }
.blw3 { border-left-width: 3px; }
.bw2, .b2fr { border-width: 2px; }
.bt2 { border-width: 2px 0 0 0; }
.br2 { border-width: 0 2px 0 0; }
.bb2 { border-width: 0 0 2px 0; }
.bl2 { border-width: 0 0 0 2px; }
.bw4 { border-width: 4px; }
.bw5 { border-width: 5px; }
.bw7 { border-width: 7px; }
.bw10 { border-width: 10px; }
.bss, .b1sb, .b2fr, .b1sd { border-style: solid; }
.bsdo { border-style: dotted; }
.bsda { border-style: dashed; }
.bsos { border-style: outset; }
.bsish:hover { border-style: inset; }
.bc0 { border-color: #000; }
.bcb1 { border-color: #718BB7; }
.bca { border-color: #aaa; }
.bcb, .b1sb { border-color: #bbb; }
.bcc { border-color: #ccc; }
.bcd, .b1sd, .bcdh:hover { border-color: #ddd; }
.bce { border-color: #eee; }
.bcf, .bcfh:hover { border-color: #fff; }
.bc3 { border-color: #333; }
.bc6 { border-color: #666; }
.bc9 { border-color: #999; }
.bcy { border-color: #ff9; }
.bcg3, .bcg3h:hover { border-color: #008c46; }
.bni { border: 0!important; }
.bt0, .btb0, .bn, .bt0fc:first-child { border-top: 0; }
.bb0, .btb0, .bn, .bb0lc:last-child { border-bottom: 0; }
.bl0, .blr0, .bn, .bl0fc:first-child { border-left: 0; }
.br0, .blr0, .bn, .br0lc:last-child { border-right: 0; }
.blr0i { border-left: 0!important; border-right: 0!important; }
.bs1 { border-spacing: 1px; }
.bs1x { box-shadow: 0 0 0 1px; }
.bs16, .bs16h:hover { box-shadow: 0 0 0 1px #666; border: 0; }
.bs1b, .bs1bh:hover { box-shadow: 0 0 0 1px #bbb; border: 0; }
.bs1d, .bs1dh:hover { box-shadow: 0 0 0 1px #ddd; border: 0; }
.bs1f, .bs1fh:hover { box-shadow: 0 0 0 1px #fff; border: 0; }

/*width - height*/

.mw120p{ min-width: 120px }
.w2 { width: 2%; }
.w3 { width: 3%; }
.w5 { width: 5%; }
.w10 { width: 10%; }
.w12 { width: 12.5%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80, .w80b:before { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.wh1, .w1, .ol { width: 100%; }
.w1v, .wh1v { width: 100vw; }
.h1v, .wh1v { height: 100vh; }
.h50vw { height: 50vw; }
.w50vh { width: 50vh; }
.wh8 { width: 8px; height: 8px; }
.wh10 { width: 10px; height: 10px; }
.wh15 { width: 15px; height: 15px; }
.wh20 { width: 20px; height: 20px; }
.wh25 { width: 25px; height: 25px; }
.wh28 { width: 28px; height: 28px; }
.wh30 { width: 30px; height: 30px; }
.wh32 { width: 32px; height: 32px; }
.wh40 { width: 40px; height: 40px; }
.wh50 { width: 50px; height: 50px; }
.wh64 { width: 64px; height: 64px; }
.wh80 { width: 80px; height: 80px; }
.wh100 { width: 100px; height: 100px; }
.wh128 { width: 128px; height: 128px; }
.wh150 { width: 150px; height: 150px; }
.wh200 { width: 200px; height: 200px; }
.wh256 { width: 256px; height: 256px; }
.wh300 { width: 300px; height: 300px; }
.wh512 { width: 512px; height: 512px; }
.wh1e { width: 1em; height: 1em; line-height: 1em; }
.wh1e[class*=" pa"] { box-sizing: content-box; }
.wh1e.ffia, .wh1e.ffib { position: relative; }
.wh1e.ffia:after, .wh1e.ffib:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.wh11e { width: 1.1em; height: 1.1em; line-height: 1.1em; }
.wh1i, .w1i, .w1ci>* { width: 100%!important; margin-left: 0!important; }
.wh1i, .h1i { height: 100%!important; }
.w1a20:not(.w50):not(.w33):not(.w25):not(.w10) { width: calc(100% + 20px); }
.pa5 > .w1a20:not(.w50):not(.w33):not(.w25):not(.w10) { width: calc(100% + 10px); margin-left: -5px; }
.wa { width: auto; }
.wai { width: auto!important; }
.wh1, .h1, .ol, .vamg:before { height: 100%; }
.w0, .wh0 { width: 0; }
.h0, .wh0 { height: 0; }
.ha, .w1a20, img.wh1 { height: auto; }
.h5, .hl5 { height: 5px; }
.h10, .hl10 { height: 10px; }
.h15, .hl15 { height: 15px; }
.h25, .hl25 { height: 25px; }
.h30, .hl30 { height: 30px; }
.h40 { height: 40px; }
.h60 { height: 60px; }
.h100, .wh100 { height: 100px; }
.h150, .wh150 { height: 150px; }
.w50p { width: 50px; }
.h50 { height: 50%; }
.w100, .wh100 { width: 100px; }
.w01 { width: 1px; }
.toe, .els, .đơn > * { text-overflow: ellipsis; }
.wsn, .els, .đơn > *, .wsnb:before { white-space: nowrap; }
.els[contenteditable]:focus { white-space: initial; }
.wsi, .wsic>* { white-space: initial; }
/*font*/

.fs0 { font-size: 0; }
.fs05, .fs05a:after, .fs05b:before { font-size: .5em; }
.fs06 { font-size: .6em; }
.fs07 { font-size: .7em; }
.fs075 { font-size: .75em; }
.fs08, .fs08b:before, .fs08a:after { font-size: .8em; }
.fs8p { font-size: 8px; }
.fs085 { font-size: .85em; }
.fs09, .fs09b:before, .fs09a:after { font-size: .9em; }
.fs9p { font-size: 9px; }
.fs093 { font-size: .93em; }
.fs095 { font-size: .95em; }
.fs097 { font-size: .97em; }
.fs1, .iInput:not([class*=" fs"]) { font-size: 1em; }
.fs10p { font-size: 10px; }
.fs11, .fsbfl:first-letter { font-size: 1.1em; }
.fs11p { font-size: 11px; }
.fs12, .num, .fs12fl:first-letter, .fs12a:after, .fs12b:before { font-size: 1.2em; }
.fs12p { font-size: 12px; }
.fs12pi { font-size: 12px!important; }
.fs13, .fs13fl:first-letter { font-size: 1.3em; }
.fs13p { font-size: 13px; }
.fs14, .số, .fs14fl:first-letter, .fs14a:after, .fs14b:before { font-size: 1.4em; }
.fs14p, .fs14pc * { font-size: 14px; }
.fs14pi, .fs14pci * { font-size: 14px!important; }
.fs15p { font-size: 15px; }
.fs15, .fs15fl:first-letter { font-size: 1.5em; }
.fs16, .fs15fl:first-letter { font-size: 1.6em; }
.fs18, .fs18fl:first-letter { font-size: 1.8em; }
.fs2, .fs2fl:first-letter { font-size: 2em; }
.fs25 { font-size: 2.5em; }
.fs3 { font-size: 3em; }
.fs5 { font-size: 5em; }
.fs11{ font-size: 1.1em; }
.fwb, .fwbh:hover, .fwbb:before, .fwba:after, .fwblc:last-child, .fwbfl:first-letter, .fsbfl:first-letter { font-weight: bold; }
.fwbi { font-weight: bold!important; }
.fwn { font-weight: normal; }

/*Free*/
.ls06 { letter-spacing: .06em; }
.ls0 { letter-spacing: 0; }
.ls1 { letter-spacing: 1px; }
.ls2 { letter-spacing: 2px; }
.ls03 { letter-spacing: .3em; }
.bs0 { border-spacing: 0; }
.bsbb { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bscb, .pb1.bra50 { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.t0, .tl0, .tb0, .ol, .tr0 { top: 0; }
.t0i, .tl0i { top: 0!important; }
.t50, .tl50, .vami>* { top: 50%; }
.t1 { top: 100%; }
.l0, .tl0, .lr0, .ol, .tr0 { left: 0; }
.l0i, .lr0i, .tl0i { left: 0!important; }
.r0i, .lr0i { right: 0!important; }
.l50, .tl50 { left: 50%; }
.l1 { left: 100%; }
.b0, .tb0, .tr0 { bottom: 0; }
.b-1 { bottom: -1px; }
.b1 { bottom: 100%; }
.r0, .lr0, .tr0 { right: 0; }
.r1 { right: 100%; }
.bar{ background-image:linear-gradient(rgba(255,255,255,.1),rgba(0,0,0,.1)) }
.tt { transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.vami>*, .tt-50, .tty { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.lh1{ line-height: 1; }
.lh15{ line-height: 15px; }
.ts01 { text-shadow: 0 0 .3em #111; }
.ts-lb{ text-shadow: 0 0 2px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff; }
.o0, .o0h:hover{ opacity: 0!important; }
.o1, .o1h:hover{ opacity: 1!important; }
.cp{ cursor: pointer!important; }
.checked{ color: #3c8dbc; }
.vam{ vertical-align: middle!important; }
.vab{ vertical-align: bottom!important; }
.vat{ vertical-align: top!important; }
.tran2s{ transition: all .2s ease-in-out; }
.c6, .c6h:hover{ color:#383434!important;  }
.bsdo{ border-style: dotted; }
.bgpc{ background-position: center; }
.bgsc{ background-size: cover; }
.bgrn{ background-repeat: no-repeat; }
.pb1{ padding-bottom: 100%; }
.cf, .cfh:hover{ color: #fff; }
.bóng{ -webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.2);-moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.2);box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.2); }
.oh{ overflow: hidden; }
.bgc08{ background-color: rgba(0,0,0,.8)  }
.wh20p{ width: 20px; height: 20px }
.bgse{ background: seashell; }
.select2-container .select2-selection--single{ height: 34px!important; }
.bg-g{ background: linear-gradient(to right, rgba(255,175,69,1) 0%, rgba(246,41,12,1) 100%) }
.cld8{ color:#8a8787; }
a, a:hover {
    text-decoration: none;
}
.cl1, .cl1h:hover{
    color: rgb(16, 72, 145);
}
.bg1, .bg1h:hover{
    background-color: rgba(5, 98, 141, 0.97);
}
.mauticform-innerform {}
.mauticform-post-success {}
.mauticform-name { font-weight: bold; font-size: 1.5em; margin-bottom: 3px; }
.mauticform-description { margin-top: 2px; margin-bottom: 10px; }
.mauticform-error { margin-bottom: 10px; color: red; }
.mauticform-message { margin-bottom: 10px;color: green; }
.mauticform-row { display: block; margin-bottom: 20px; }
.mauticform-label { font-size: 1.1em; display: block; font-weight: bold; margin-bottom: 5px; }
.mauticform-row.mauticform-required .mauticform-label:after { color: #e32; content: " *"; display: inline; }
.mauticform-helpmessage { display: block; font-size: 0.9em; margin-bottom: 3px; }
.mauticform-errormsg { display: block; color: red; margin-top: 2px; }
.mauticform-selectbox, .mauticform-input, .mauticform-textarea { width: 100%; padding: 0.5em 0.5em; border: 1px solid #CCC; background: #fff; box-shadow: 0px 0px 0px #fff inset; border-radius: 4px; box-sizing: border-box; }
.mauticform-checkboxgrp-row {}
.mauticform-checkboxgrp-label { font-weight: normal; }
.mauticform-checkboxgrp-checkbox {}
.mauticform-radiogrp-row {}
.mauticform-radiogrp-label { font-weight: normal; }
.mauticform-radiogrp-radio {}
.mauticform-button-wrapper .mauticform-button.btn-default, .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default { color: #5d6c7c;background-color: #ffffff;border-color: #dddddd;}
.mauticform-button-wrapper .mauticform-button, .mauticform-pagebreak-wrapper .mauticform-pagebreak { display: inline-block;margin-bottom: 0;font-weight: 600;text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 13px;line-height: 1.3856;border-radius: 3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.mauticform-button-wrapper .mauticform-button.btn-default[disabled], .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default[disabled] { background-color: #ffffff; border-color: #dddddd; opacity: 0.75; cursor: not-allowed; }
.mauticform-pagebreak-wrapper .mauticform-button-wrapper {  display: inline; }
.mauticform_wrapper {
    font-family: 'Muli', sans-serif;
}
.mauticform-input, .mauticform-selectbox {
    padding: 10px;
    font-size: 16px;
    border-radius: 8px;
    font-family: 'Muli', sans-serif !important;
}
.mauticform-input:focus {
    outline: none;
}
.mauticform-button {
    padding: 10px 40px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    border-radius: 100px !important;
    background: #E86A30 !important;
    color: #fff !important;
    border: none !important;
    text-transform: uppercase !important;
}
.mauticform-button-wrapper {
    text-align: center !important;
}
.margin{ padding: 150px 0 50px 0; }
.w100{ width: 100px; }
.w50{ width: 50px; }
.mlra{ margin: 0 auto; }
.f_bg{background-size: 100% auto; background-position: 0 50px}
.f_bg_m{ background-size: 100% auto; background-position: 0 380px; }
.phone_animate{ animation-name: 'phone_scale';
    -webkit-animation-name: 'phone_scale';
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
/*animation*/
@keyframes phone_scale{
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }  
    100% {
        transform: scale(1);
    }
}


.slideInRight{ animation:slideInRight 1s; }
@keyframes slideInRight{
	from{
		transform: translate3d(150%,0,0);
	}
	to{
		transform: translate3d(0,0,0);
	}
}

.slideInLeft{ animation:slideInLeft 1s; }

@keyframes slideInRight{
	from{
		transform: translate3d(-150%,0,0);
	}
	to{
		transform: translate3d(0,0,0);
	}
}

.slideInDown { animation: slideInDown 1s; }

@keyframes slideInDown{
	from {
		transform: translate3d(0,-150%,0);
	}
	to {
		transform: translate3d(0,0,0);
	}
}

.slideInUp { animation: slideInUp 1s; }

@keyframes slideInUp{
	from {
		transform: translate3d(0,150%,0);
	}
	to {
		transform: translate3d(0,0,0);
	}
}


/*slide out*/

.slideOutRight{ animation:slideOutRight 1s; }

@keyframes slideOutRight{
	from{
		transform: translate3d(0,0,0);
	}
	to{
		transform: translate3d(150%,0,0);
	}
}

.slideOutLeft{ animation:slideOutLeft 1s; }

@keyframes slideOutLeft{
	to{
		transform: translate3d(-150%,0,0);
	}
	from{
		transform: translate3d(0,0,0);
	}
}

.slideOutDown { animation: slideOutDown 1s; }

@keyframes slideOutDown{
	from{
		transform: translate3d(0,0,0);
	}
	to {
		transform: translate3d(0,-150%,0);
	}
}

.slideOutUp { animation: slideOutUp 1s; }

@keyframes slideOutUp{
	from{
		transform: translate3d(0,0,0);
	}
	to{
		transform: translate3d(0,150%,0);
	}
}

.zoomIn{ animation: zoomIn 1s; }

@keyframes zoomIn{
	from{
		opacity: 0;
		transform: scale3d(.3,.3,.3);
	}
	to{
		opacity: 1;
	}
}

.zoomOut{ animation: zoomOut 1s; }

@keyframes zoomOut{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0;
		transform: scale3d(.3,.3,.3);
	}
	100%{
		opacity: 0;
	}
}

.flippedIn{ animation: flippedIn 1s; transform-origin: left top; }

@keyframes flippedIn{
	0%{
		opacity: 0;
	}
	40% {
		opacity: 1;
		transform: rotate3d(0,0,-1,10deg);
	}
	80%{
		opacity: 1;
		transform:  rotate3d(0,0,1,5deg);
	}
	100%{
		opacity: 1;
		transform: rotate3d(0,0,0,0);
	}
}

.flippedOut{ animation: flippedOut 1s; }

@keyframes flippedOut{
	0%{
		transform-origin: left top;
		opacity: 1;
	}
	60% {
		transform-origin: left top;
		opacity: 1;
		transform: rotate3d(0,0,1,5deg);
	}
	90%{
		transform-origin: left top;
		opacity: 0;
		transform:  rotate3d(0,0,-1,15deg);
	}
	100%{
		transform-origin: left top;
		opacity: 0;
	}
}