/* Fonts */
@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Bold.woff") format("woff"), url("../fonts/roboto/Roboto-Bold.ttf") format("truetype"), url("../fonts/roboto/Roboto-Bold.svg#SFUFutura") format("svg");
    font-weight: bold;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Light.woff") format("woff"), url("../fonts/roboto/Roboto-Light.ttf") format("truetype"), url("../fonts/roboto/Roboto-Light.svg#SFUFutura") format("svg");
    font-weight: 300;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Regular.woff") format("woff"), url("../fonts/roboto/Roboto-Regular.ttf") format("truetype"), url("../fonts/roboto/Roboto-Regular.svg#SFUFutura") format("svg");
    font-weight: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/roboto/Roboto-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto/Roboto-Medium.woff") format("woff"), url("../fonts/roboto/Roboto-Medium.ttf") format("truetype"), url("../fonts/roboto/Roboto-Medium.svg#SFUFutura") format("svg");
    font-weight: 500;
}

/*Lora*/
@font-face {
    font-family: 'Lora';
    src: url("../fonts/lora/Lora-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/lora/Lora-Bold.woff") format("woff"), url("../fonts/lora/Lora-Bold.ttf") format("truetype"), url("../fonts/lora/Lora-Bold.svg#SFUFutura") format("svg");
    font-weight: bold;
}

@font-face {
    font-family: 'Lora';
    src: url("../fonts/lora/Lora-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/lora/Lora-Regular.woff") format("woff"), url("../fonts/lora/Lora-Regular.ttf") format("truetype"), url("../fonts/lora/Lora-Regular.svg#SFUFutura") format("svg");
    font-weight: normal;
}

/* Nunito */
@font-face {
    font-family: 'Nunito';
    src: url("../fonts/nunito/NunitoSans-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito/NunitoSans-Bold.woff") format("woff"), url("../fonts/nunito/NunitoSans-Bold.ttf") format("truetype"), url("../fonts/nunito/NunitoSans-Bold.svg#SFUFutura") format("svg");
    font-weight: bold;
}

@font-face {
    font-family: 'Nunito';
    src: url("../fonts/nunito/NunitoSans-SemiBoldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito/NunitoSans-SemiBold.woff") format("woff"), url("../fonts/nunito/NunitoSans-SemiBold.ttf") format("truetype"), url("../fonts/nunito/NunitoSans-SemiBold.svg#SFUFutura") format("svg");
    font-weight: 500;
}

@font-face {
    font-family: 'Nunito';
    src: url("../fonts/nunito/NunitoSans-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/nunito/NunitoSans-Regular.woff") format("woff"), url("../fonts/nunito/NunitoSans-Regular.ttf") format("truetype"), url("../fonts/nunito/NunitoSans-Regular.svg#SFUFutura") format("svg");
    font-weight: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after {
    content: '';
    content: none;
}

q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a:hover {
    text-decoration: none;
}

a {
    color: inherit;
}

a:active, a:focus {
    text-decoration: none;
    color: inherit;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eee;
}

html {
    overflow-x: hidden;
    overflow-y: auto;
}

/*
example keyframes
@include keyframes( incrediblehulk ){
    0% {
        color: #f8d2c0;
    }
    100% {
        color: #0f0;
    }
}*/
.background-graylight {
    background-color: #f6f7f9;
}

.background-white {
    background-color: #fff;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fri {
    float: right !important;
}

.lsn,
.lsn > li {
    list-style: none;
}

.posr {
    position: relative;
}

.posa {
    position: absolute;
}

.posf {
    position: fixed;
}

.imgdf > img {
    max-width: 100%;
    width: auto;
    height: auto;
    border: none;
}

.hidden {
    display: none;
}

.dib {
    display: inline-block;
}

.dtb {
    display: table;
}

.dtbc {
    display: table-cell;
}

.pt0 {
    padding-top: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.tac {
    text-align: center;
}

.taj {
    text-align: justify;
}

.ttu {
    text-transform: uppercase;
}

.tdu {
    text-decoration: underline;
}

.tdn {
    text-decoration: none;
}

.fwb {
    font-weight: bold;
}

.vat {
    vertical-align: top;
}

.fwb {
    font-weight: bold;
}

.fw2 {
    font-weight: 200;
}

.fw3 {
    font-weight: 300;
}

.fw4 {
    font-weight: 400;
}

.fw5 {
    font-weight: 500;
}

.fw6 {
    font-weight: 600;
}

.fw7 {
    font-weight: 700;
}

.fw8 {
    font-weight: 800;
}

.fw9 {
    font-weight: 900;
}

.fwsb {
    font-weight: 600;
}

.color-blue {
    color: #824198;
}

.color-blue-bold {
    color: #4B3C50;
}

.color-gray-bold {
    color: #63676E;
}

.ovfh {
    overflow: hidden;
}

.img-background-full-center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-height: 101%;
    min-width: 101%;
}

.h-auto {
    height: auto !important;
}

.w-auto {
    width: auto !important;
}

.bg-none {
    background: none !important;
}

.tar {
    text-align: right;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative !important;
}

.fixed {
    position: fixed !important;
}

.normal {
    font-weight: normal !important;
}

.bold {
    font-weight: bold !important;
}

.tleft {
    text-align: left !important;
}

.tright {
    text-align: right !important;
}

.center {
    text-align: center !important;
}

.justify {
    text-align: justify !important;
}

.upper {
    text-transform: uppercase !important;
}

.left,
.ap-left {
    float: left !important;
}

.right,
.ap-right {
    float: right;
}

.pointer {
    cursor: pointer !important;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.hidden {
    display: none;
}

.xdot {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.xo,
.ap-xo {
    overflow: hidden;
}

.full {
    width: 100%;
    height: 100%;
}

.bor0 {
    border: 0px !important;
}

.fullw {
    width: 100% !important;
}

.fullh {
    height: 100%;
}

.block {
    display: block;
}

.inline {
    display: inline-block;
}

.cell {
    display: table-cell;
}

.table {
    display: table;
}

.invisible,
.ap-invisible {
    opacity: 0;
    filter: alpha(opacity=0);
}

.vtop {
    vertical-align: top !important;
}

.vcenter {
    vertical-align: middle !important;
}

.vbottom {
    vertical-align: bottom !important;
}

.f0 {
    font-size: 0px !important;
}

/*padding*/
.pad0 {
    padding: 0px !important;
}

.padl0 {
    padding-left: 0px !important;
}

.padr0 {
    padding-right: 0px !important;
}

.padt0 {
    padding-top: 0px !important;
}

.padb0 {
    padding-bottom: 0px !important;
}

.padtb0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.padlr0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*margin*/
.mar0 {
    margin: 0px !important;
}

.marl0 {
    margin-left: 0px !important;
}

.marr0 {
    margin-right: 0px !important;
}

.mart0 {
    margin-top: 0px !important;
}

.marb0 {
    margin-bottom: 0px !important;
}

.martb0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.marlr0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.lh0 {
    line-height: 0px !important;
}

.f1 {
    font-size: 1px !important;
}

/*padding*/
.pad1 {
    padding: 1px !important;
}

.padl1 {
    padding-left: 1px !important;
}

.padr1 {
    padding-right: 1px !important;
}

.padt1 {
    padding-top: 1px !important;
}

.padb1 {
    padding-bottom: 1px !important;
}

.padtb1 {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.padlr1 {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

/*margin*/
.mar1 {
    margin: 1px !important;
}

.marl1 {
    margin-left: 1px !important;
}

.marr1 {
    margin-right: 1px !important;
}

.mart1 {
    margin-top: 1px !important;
}

.marb1 {
    margin-bottom: 1px !important;
}

.martb1 {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.marlr1 {
    margin-left: 1px !important;
    margin-right: 1px !important;
}

.lh1 {
    line-height: 1px !important;
}

.f2 {
    font-size: 2px !important;
}

/*padding*/
.pad2 {
    padding: 2px !important;
}

.padl2 {
    padding-left: 2px !important;
}

.padr2 {
    padding-right: 2px !important;
}

.padt2 {
    padding-top: 2px !important;
}

.padb2 {
    padding-bottom: 2px !important;
}

.padtb2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.padlr2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

/*margin*/
.mar2 {
    margin: 2px !important;
}

.marl2 {
    margin-left: 2px !important;
}

.marr2 {
    margin-right: 2px !important;
}

.mart2 {
    margin-top: 2px !important;
}

.marb2 {
    margin-bottom: 2px !important;
}

.martb2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.marlr2 {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.lh2 {
    line-height: 2px !important;
}

.f3 {
    font-size: 3px !important;
}

/*padding*/
.pad3 {
    padding: 3px !important;
}

.padl3 {
    padding-left: 3px !important;
}

.padr3 {
    padding-right: 3px !important;
}

.padt3 {
    padding-top: 3px !important;
}

.padb3 {
    padding-bottom: 3px !important;
}

.padtb3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.padlr3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

/*margin*/
.mar3 {
    margin: 3px !important;
}

.marl3 {
    margin-left: 3px !important;
}

.marr3 {
    margin-right: 3px !important;
}

.mart3 {
    margin-top: 3px !important;
}

.marb3 {
    margin-bottom: 3px !important;
}

.martb3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.marlr3 {
    margin-left: 3px !important;
    margin-right: 3px !important;
}

.lh3 {
    line-height: 3px !important;
}

.f4 {
    font-size: 4px !important;
}

/*padding*/
.pad4 {
    padding: 4px !important;
}

.padl4 {
    padding-left: 4px !important;
}

.padr4 {
    padding-right: 4px !important;
}

.padt4 {
    padding-top: 4px !important;
}

.padb4 {
    padding-bottom: 4px !important;
}

.padtb4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.padlr4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

/*margin*/
.mar4 {
    margin: 4px !important;
}

.marl4 {
    margin-left: 4px !important;
}

.marr4 {
    margin-right: 4px !important;
}

.mart4 {
    margin-top: 4px !important;
}

.marb4 {
    margin-bottom: 4px !important;
}

.martb4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.marlr4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.lh4 {
    line-height: 4px !important;
}

.f5 {
    font-size: 5px !important;
}

/*padding*/
.pad5 {
    padding: 5px !important;
}

.padl5 {
    padding-left: 5px !important;
}

.padr5 {
    padding-right: 5px !important;
}

.padt5 {
    padding-top: 5px !important;
}

.padb5 {
    padding-bottom: 5px !important;
}

.padtb5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.padlr5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/*margin*/
.mar5 {
    margin: 5px !important;
}

.marl5 {
    margin-left: 5px !important;
}

.marr5 {
    margin-right: 5px !important;
}

.mart5 {
    margin-top: 5px !important;
}

.marb5 {
    margin-bottom: 5px !important;
}

.martb5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.marlr5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.lh5 {
    line-height: 5px !important;
}

.f6 {
    font-size: 6px !important;
}

/*padding*/
.pad6 {
    padding: 6px !important;
}

.padl6 {
    padding-left: 6px !important;
}

.padr6 {
    padding-right: 6px !important;
}

.padt6 {
    padding-top: 6px !important;
}

.padb6 {
    padding-bottom: 6px !important;
}

.padtb6 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.padlr6 {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

/*margin*/
.mar6 {
    margin: 6px !important;
}

.marl6 {
    margin-left: 6px !important;
}

.marr6 {
    margin-right: 6px !important;
}

.mart6 {
    margin-top: 6px !important;
}

.marb6 {
    margin-bottom: 6px !important;
}

.martb6 {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.marlr6 {
    margin-left: 6px !important;
    margin-right: 6px !important;
}

.lh6 {
    line-height: 6px !important;
}

.f7 {
    font-size: 7px !important;
}

/*padding*/
.pad7 {
    padding: 7px !important;
}

.padl7 {
    padding-left: 7px !important;
}

.padr7 {
    padding-right: 7px !important;
}

.padt7 {
    padding-top: 7px !important;
}

.padb7 {
    padding-bottom: 7px !important;
}

.padtb7 {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.padlr7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

/*margin*/
.mar7 {
    margin: 7px !important;
}

.marl7 {
    margin-left: 7px !important;
}

.marr7 {
    margin-right: 7px !important;
}

.mart7 {
    margin-top: 7px !important;
}

.marb7 {
    margin-bottom: 7px !important;
}

.martb7 {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

.marlr7 {
    margin-left: 7px !important;
    margin-right: 7px !important;
}

.lh7 {
    line-height: 7px !important;
}

.f8 {
    font-size: 8px !important;
}

/*padding*/
.pad8 {
    padding: 8px !important;
}

.padl8 {
    padding-left: 8px !important;
}

.padr8 {
    padding-right: 8px !important;
}

.padt8 {
    padding-top: 8px !important;
}

.padb8 {
    padding-bottom: 8px !important;
}

.padtb8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.padlr8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/*margin*/
.mar8 {
    margin: 8px !important;
}

.marl8 {
    margin-left: 8px !important;
}

.marr8 {
    margin-right: 8px !important;
}

.mart8 {
    margin-top: 8px !important;
}

.marb8 {
    margin-bottom: 8px !important;
}

.martb8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.marlr8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.lh8 {
    line-height: 8px !important;
}

.f9 {
    font-size: 9px !important;
}

/*padding*/
.pad9 {
    padding: 9px !important;
}

.padl9 {
    padding-left: 9px !important;
}

.padr9 {
    padding-right: 9px !important;
}

.padt9 {
    padding-top: 9px !important;
}

.padb9 {
    padding-bottom: 9px !important;
}

.padtb9 {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.padlr9 {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

/*margin*/
.mar9 {
    margin: 9px !important;
}

.marl9 {
    margin-left: 9px !important;
}

.marr9 {
    margin-right: 9px !important;
}

.mart9 {
    margin-top: 9px !important;
}

.marb9 {
    margin-bottom: 9px !important;
}

.martb9 {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
}

.marlr9 {
    margin-left: 9px !important;
    margin-right: 9px !important;
}

.lh9 {
    line-height: 9px !important;
}

.f10 {
    font-size: 10px !important;
}

/*padding*/
.pad10 {
    padding: 10px !important;
}

.padl10 {
    padding-left: 10px !important;
}

.padr10 {
    padding-right: 10px !important;
}

.padt10 {
    padding-top: 10px !important;
}

.padb10 {
    padding-bottom: 10px !important;
}

.padtb10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.padlr10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/*margin*/
.mar10 {
    margin: 10px !important;
}

.marl10 {
    margin-left: 10px !important;
}

.marr10 {
    margin-right: 10px !important;
}

.mart10 {
    margin-top: 10px !important;
}

.marb10 {
    margin-bottom: 10px !important;
}

.martb10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.marlr10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.lh10 {
    line-height: 10px !important;
}

.f11 {
    font-size: 11px !important;
}

/*padding*/
.pad11 {
    padding: 11px !important;
}

.padl11 {
    padding-left: 11px !important;
}

.padr11 {
    padding-right: 11px !important;
}

.padt11 {
    padding-top: 11px !important;
}

.padb11 {
    padding-bottom: 11px !important;
}

.padtb11 {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

.padlr11 {
    padding-left: 11px !important;
    padding-right: 11px !important;
}

/*margin*/
.mar11 {
    margin: 11px !important;
}

.marl11 {
    margin-left: 11px !important;
}

.marr11 {
    margin-right: 11px !important;
}

.mart11 {
    margin-top: 11px !important;
}

.marb11 {
    margin-bottom: 11px !important;
}

.martb11 {
    margin-top: 11px !important;
    margin-bottom: 11px !important;
}

.marlr11 {
    margin-left: 11px !important;
    margin-right: 11px !important;
}

.lh11 {
    line-height: 11px !important;
}

.f12 {
    font-size: 12px !important;
}

/*padding*/
.pad12 {
    padding: 12px !important;
}

.padl12 {
    padding-left: 12px !important;
}

.padr12 {
    padding-right: 12px !important;
}

.padt12 {
    padding-top: 12px !important;
}

.padb12 {
    padding-bottom: 12px !important;
}

.padtb12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.padlr12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/*margin*/
.mar12 {
    margin: 12px !important;
}

.marl12 {
    margin-left: 12px !important;
}

.marr12 {
    margin-right: 12px !important;
}

.mart12 {
    margin-top: 12px !important;
}

.marb12 {
    margin-bottom: 12px !important;
}

.martb12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

.marlr12 {
    margin-left: 12px !important;
    margin-right: 12px !important;
}

.lh12 {
    line-height: 12px !important;
}

.f13 {
    font-size: 13px !important;
}

/*padding*/
.pad13 {
    padding: 13px !important;
}

.padl13 {
    padding-left: 13px !important;
}

.padr13 {
    padding-right: 13px !important;
}

.padt13 {
    padding-top: 13px !important;
}

.padb13 {
    padding-bottom: 13px !important;
}

.padtb13 {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}

.padlr13 {
    padding-left: 13px !important;
    padding-right: 13px !important;
}

/*margin*/
.mar13 {
    margin: 13px !important;
}

.marl13 {
    margin-left: 13px !important;
}

.marr13 {
    margin-right: 13px !important;
}

.mart13 {
    margin-top: 13px !important;
}

.marb13 {
    margin-bottom: 13px !important;
}

.martb13 {
    margin-top: 13px !important;
    margin-bottom: 13px !important;
}

.marlr13 {
    margin-left: 13px !important;
    margin-right: 13px !important;
}

.lh13 {
    line-height: 13px !important;
}

.f14 {
    font-size: 14px !important;
}

/*padding*/
.pad14 {
    padding: 14px !important;
}

.padl14 {
    padding-left: 14px !important;
}

.padr14 {
    padding-right: 14px !important;
}

.padt14 {
    padding-top: 14px !important;
}

.padb14 {
    padding-bottom: 14px !important;
}

.padtb14 {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.padlr14 {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

/*margin*/
.mar14 {
    margin: 14px !important;
}

.marl14 {
    margin-left: 14px !important;
}

.marr14 {
    margin-right: 14px !important;
}

.mart14 {
    margin-top: 14px !important;
}

.marb14 {
    margin-bottom: 14px !important;
}

.martb14 {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

.marlr14 {
    margin-left: 14px !important;
    margin-right: 14px !important;
}

.lh14 {
    line-height: 14px !important;
}

.f15 {
    font-size: 15px !important;
}

/*padding*/
.pad15 {
    padding: 15px !important;
}

.padl15 {
    padding-left: 15px !important;
}

.padr15 {
    padding-right: 15px !important;
}

.padt15 {
    padding-top: 15px !important;
}

.padb15 {
    padding-bottom: 15px !important;
}

.padtb15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.padlr15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/*margin*/
.mar15 {
    margin: 15px !important;
}

.marl15 {
    margin-left: 15px !important;
}

.marr15 {
    margin-right: 15px !important;
}

.mart15 {
    margin-top: 15px !important;
}

.marb15 {
    margin-bottom: 15px !important;
}

.martb15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.marlr15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.lh15 {
    line-height: 15px !important;
}

.f16 {
    font-size: 16px !important;
}

/*padding*/
.pad16 {
    padding: 16px !important;
}

.padl16 {
    padding-left: 16px !important;
}

.padr16 {
    padding-right: 16px !important;
}

.padt16 {
    padding-top: 16px !important;
}

.padb16 {
    padding-bottom: 16px !important;
}

.padtb16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.padlr16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/*margin*/
.mar16 {
    margin: 16px !important;
}

.marl16 {
    margin-left: 16px !important;
}

.marr16 {
    margin-right: 16px !important;
}

.mart16 {
    margin-top: 16px !important;
}

.marb16 {
    margin-bottom: 16px !important;
}

.martb16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.marlr16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.lh16 {
    line-height: 16px !important;
}

.f17 {
    font-size: 17px !important;
}

/*padding*/
.pad17 {
    padding: 17px !important;
}

.padl17 {
    padding-left: 17px !important;
}

.padr17 {
    padding-right: 17px !important;
}

.padt17 {
    padding-top: 17px !important;
}

.padb17 {
    padding-bottom: 17px !important;
}

.padtb17 {
    padding-top: 17px !important;
    padding-bottom: 17px !important;
}

.padlr17 {
    padding-left: 17px !important;
    padding-right: 17px !important;
}

/*margin*/
.mar17 {
    margin: 17px !important;
}

.marl17 {
    margin-left: 17px !important;
}

.marr17 {
    margin-right: 17px !important;
}

.mart17 {
    margin-top: 17px !important;
}

.marb17 {
    margin-bottom: 17px !important;
}

.martb17 {
    margin-top: 17px !important;
    margin-bottom: 17px !important;
}

.marlr17 {
    margin-left: 17px !important;
    margin-right: 17px !important;
}

.lh17 {
    line-height: 17px !important;
}

.f18 {
    font-size: 18px !important;
}

/*padding*/
.pad18 {
    padding: 18px !important;
}

.padl18 {
    padding-left: 18px !important;
}

.padr18 {
    padding-right: 18px !important;
}

.padt18 {
    padding-top: 18px !important;
}

.padb18 {
    padding-bottom: 18px !important;
}

.padtb18 {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.padlr18 {
    padding-left: 18px !important;
    padding-right: 18px !important;
}

/*margin*/
.mar18 {
    margin: 18px !important;
}

.marl18 {
    margin-left: 18px !important;
}

.marr18 {
    margin-right: 18px !important;
}

.mart18 {
    margin-top: 18px !important;
}

.marb18 {
    margin-bottom: 18px !important;
}

.martb18 {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
}

.marlr18 {
    margin-left: 18px !important;
    margin-right: 18px !important;
}

.lh18 {
    line-height: 18px !important;
}

.f19 {
    font-size: 19px !important;
}

/*padding*/
.pad19 {
    padding: 19px !important;
}

.padl19 {
    padding-left: 19px !important;
}

.padr19 {
    padding-right: 19px !important;
}

.padt19 {
    padding-top: 19px !important;
}

.padb19 {
    padding-bottom: 19px !important;
}

.padtb19 {
    padding-top: 19px !important;
    padding-bottom: 19px !important;
}

.padlr19 {
    padding-left: 19px !important;
    padding-right: 19px !important;
}

/*margin*/
.mar19 {
    margin: 19px !important;
}

.marl19 {
    margin-left: 19px !important;
}

.marr19 {
    margin-right: 19px !important;
}

.mart19 {
    margin-top: 19px !important;
}

.marb19 {
    margin-bottom: 19px !important;
}

.martb19 {
    margin-top: 19px !important;
    margin-bottom: 19px !important;
}

.marlr19 {
    margin-left: 19px !important;
    margin-right: 19px !important;
}

.lh19 {
    line-height: 19px !important;
}

.f20 {
    font-size: 20px !important;
}

/*padding*/
.pad20 {
    padding: 20px !important;
}

.padl20 {
    padding-left: 20px !important;
}

.padr20 {
    padding-right: 20px !important;
}

.padt20 {
    padding-top: 20px !important;
}

.padb20 {
    padding-bottom: 20px !important;
}

.padtb20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.padlr20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/*margin*/
.mar20 {
    margin: 20px !important;
}

.marl20 {
    margin-left: 20px !important;
}

.marr20 {
    margin-right: 20px !important;
}

.mart20 {
    margin-top: 20px !important;
}

.marb20 {
    margin-bottom: 20px !important;
}

.martb20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.marlr20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.lh20 {
    line-height: 20px !important;
}

.f21 {
    font-size: 21px !important;
}

/*padding*/
.pad21 {
    padding: 21px !important;
}

.padl21 {
    padding-left: 21px !important;
}

.padr21 {
    padding-right: 21px !important;
}

.padt21 {
    padding-top: 21px !important;
}

.padb21 {
    padding-bottom: 21px !important;
}

.padtb21 {
    padding-top: 21px !important;
    padding-bottom: 21px !important;
}

.padlr21 {
    padding-left: 21px !important;
    padding-right: 21px !important;
}

/*margin*/
.mar21 {
    margin: 21px !important;
}

.marl21 {
    margin-left: 21px !important;
}

.marr21 {
    margin-right: 21px !important;
}

.mart21 {
    margin-top: 21px !important;
}

.marb21 {
    margin-bottom: 21px !important;
}

.martb21 {
    margin-top: 21px !important;
    margin-bottom: 21px !important;
}

.marlr21 {
    margin-left: 21px !important;
    margin-right: 21px !important;
}

.lh21 {
    line-height: 21px !important;
}

.f22 {
    font-size: 22px !important;
}

/*padding*/
.pad22 {
    padding: 22px !important;
}

.padl22 {
    padding-left: 22px !important;
}

.padr22 {
    padding-right: 22px !important;
}

.padt22 {
    padding-top: 22px !important;
}

.padb22 {
    padding-bottom: 22px !important;
}

.padtb22 {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

.padlr22 {
    padding-left: 22px !important;
    padding-right: 22px !important;
}

/*margin*/
.mar22 {
    margin: 22px !important;
}

.marl22 {
    margin-left: 22px !important;
}

.marr22 {
    margin-right: 22px !important;
}

.mart22 {
    margin-top: 22px !important;
}

.marb22 {
    margin-bottom: 22px !important;
}

.martb22 {
    margin-top: 22px !important;
    margin-bottom: 22px !important;
}

.marlr22 {
    margin-left: 22px !important;
    margin-right: 22px !important;
}

.lh22 {
    line-height: 22px !important;
}

.f23 {
    font-size: 23px !important;
}

/*padding*/
.pad23 {
    padding: 23px !important;
}

.padl23 {
    padding-left: 23px !important;
}

.padr23 {
    padding-right: 23px !important;
}

.padt23 {
    padding-top: 23px !important;
}

.padb23 {
    padding-bottom: 23px !important;
}

.padtb23 {
    padding-top: 23px !important;
    padding-bottom: 23px !important;
}

.padlr23 {
    padding-left: 23px !important;
    padding-right: 23px !important;
}

/*margin*/
.mar23 {
    margin: 23px !important;
}

.marl23 {
    margin-left: 23px !important;
}

.marr23 {
    margin-right: 23px !important;
}

.mart23 {
    margin-top: 23px !important;
}

.marb23 {
    margin-bottom: 23px !important;
}

.martb23 {
    margin-top: 23px !important;
    margin-bottom: 23px !important;
}

.marlr23 {
    margin-left: 23px !important;
    margin-right: 23px !important;
}

.lh23 {
    line-height: 23px !important;
}

.f24 {
    font-size: 24px !important;
}

/*padding*/
.pad24 {
    padding: 24px !important;
}

.padl24 {
    padding-left: 24px !important;
}

.padr24 {
    padding-right: 24px !important;
}

.padt24 {
    padding-top: 24px !important;
}

.padb24 {
    padding-bottom: 24px !important;
}

.padtb24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.padlr24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/*margin*/
.mar24 {
    margin: 24px !important;
}

.marl24 {
    margin-left: 24px !important;
}

.marr24 {
    margin-right: 24px !important;
}

.mart24 {
    margin-top: 24px !important;
}

.marb24 {
    margin-bottom: 24px !important;
}

.martb24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

.marlr24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
}

.lh24 {
    line-height: 24px !important;
}

.f25 {
    font-size: 25px !important;
}

/*padding*/
.pad25 {
    padding: 25px !important;
}

.padl25 {
    padding-left: 25px !important;
}

.padr25 {
    padding-right: 25px !important;
}

.padt25 {
    padding-top: 25px !important;
}

.padb25 {
    padding-bottom: 25px !important;
}

.padtb25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.padlr25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

/*margin*/
.mar25 {
    margin: 25px !important;
}

.marl25 {
    margin-left: 25px !important;
}

.marr25 {
    margin-right: 25px !important;
}

.mart25 {
    margin-top: 25px !important;
}

.marb25 {
    margin-bottom: 25px !important;
}

.martb25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.marlr25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.lh25 {
    line-height: 25px !important;
}

.f26 {
    font-size: 26px !important;
}

/*padding*/
.pad26 {
    padding: 26px !important;
}

.padl26 {
    padding-left: 26px !important;
}

.padr26 {
    padding-right: 26px !important;
}

.padt26 {
    padding-top: 26px !important;
}

.padb26 {
    padding-bottom: 26px !important;
}

.padtb26 {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
}

.padlr26 {
    padding-left: 26px !important;
    padding-right: 26px !important;
}

/*margin*/
.mar26 {
    margin: 26px !important;
}

.marl26 {
    margin-left: 26px !important;
}

.marr26 {
    margin-right: 26px !important;
}

.mart26 {
    margin-top: 26px !important;
}

.marb26 {
    margin-bottom: 26px !important;
}

.martb26 {
    margin-top: 26px !important;
    margin-bottom: 26px !important;
}

.marlr26 {
    margin-left: 26px !important;
    margin-right: 26px !important;
}

.lh26 {
    line-height: 26px !important;
}

.f27 {
    font-size: 27px !important;
}

/*padding*/
.pad27 {
    padding: 27px !important;
}

.padl27 {
    padding-left: 27px !important;
}

.padr27 {
    padding-right: 27px !important;
}

.padt27 {
    padding-top: 27px !important;
}

.padb27 {
    padding-bottom: 27px !important;
}

.padtb27 {
    padding-top: 27px !important;
    padding-bottom: 27px !important;
}

.padlr27 {
    padding-left: 27px !important;
    padding-right: 27px !important;
}

/*margin*/
.mar27 {
    margin: 27px !important;
}

.marl27 {
    margin-left: 27px !important;
}

.marr27 {
    margin-right: 27px !important;
}

.mart27 {
    margin-top: 27px !important;
}

.marb27 {
    margin-bottom: 27px !important;
}

.martb27 {
    margin-top: 27px !important;
    margin-bottom: 27px !important;
}

.marlr27 {
    margin-left: 27px !important;
    margin-right: 27px !important;
}

.lh27 {
    line-height: 27px !important;
}

.f28 {
    font-size: 28px !important;
}

/*padding*/
.pad28 {
    padding: 28px !important;
}

.padl28 {
    padding-left: 28px !important;
}

.padr28 {
    padding-right: 28px !important;
}

.padt28 {
    padding-top: 28px !important;
}

.padb28 {
    padding-bottom: 28px !important;
}

.padtb28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

.padlr28 {
    padding-left: 28px !important;
    padding-right: 28px !important;
}

/*margin*/
.mar28 {
    margin: 28px !important;
}

.marl28 {
    margin-left: 28px !important;
}

.marr28 {
    margin-right: 28px !important;
}

.mart28 {
    margin-top: 28px !important;
}

.marb28 {
    margin-bottom: 28px !important;
}

.martb28 {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
}

.marlr28 {
    margin-left: 28px !important;
    margin-right: 28px !important;
}

.lh28 {
    line-height: 28px !important;
}

.f29 {
    font-size: 29px !important;
}

/*padding*/
.pad29 {
    padding: 29px !important;
}

.padl29 {
    padding-left: 29px !important;
}

.padr29 {
    padding-right: 29px !important;
}

.padt29 {
    padding-top: 29px !important;
}

.padb29 {
    padding-bottom: 29px !important;
}

.padtb29 {
    padding-top: 29px !important;
    padding-bottom: 29px !important;
}

.padlr29 {
    padding-left: 29px !important;
    padding-right: 29px !important;
}

/*margin*/
.mar29 {
    margin: 29px !important;
}

.marl29 {
    margin-left: 29px !important;
}

.marr29 {
    margin-right: 29px !important;
}

.mart29 {
    margin-top: 29px !important;
}

.marb29 {
    margin-bottom: 29px !important;
}

.martb29 {
    margin-top: 29px !important;
    margin-bottom: 29px !important;
}

.marlr29 {
    margin-left: 29px !important;
    margin-right: 29px !important;
}

.lh29 {
    line-height: 29px !important;
}

.f30 {
    font-size: 30px !important;
}

/*padding*/
.pad30 {
    padding: 30px !important;
}

.padl30 {
    padding-left: 30px !important;
}

.padr30 {
    padding-right: 30px !important;
}

.padt30 {
    padding-top: 30px !important;
}

.padb30 {
    padding-bottom: 30px !important;
}

.padtb30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.padlr30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/*margin*/
.mar30 {
    margin: 30px !important;
}

.marl30 {
    margin-left: 30px !important;
}

.marr30 {
    margin-right: 30px !important;
}

.mart30 {
    margin-top: 30px !important;
}

.marb30 {
    margin-bottom: 30px !important;
}

.martb30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.marlr30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.lh30 {
    line-height: 30px !important;
}

.f31 {
    font-size: 31px !important;
}

/*padding*/
.pad31 {
    padding: 31px !important;
}

.padl31 {
    padding-left: 31px !important;
}

.padr31 {
    padding-right: 31px !important;
}

.padt31 {
    padding-top: 31px !important;
}

.padb31 {
    padding-bottom: 31px !important;
}

.padtb31 {
    padding-top: 31px !important;
    padding-bottom: 31px !important;
}

.padlr31 {
    padding-left: 31px !important;
    padding-right: 31px !important;
}

/*margin*/
.mar31 {
    margin: 31px !important;
}

.marl31 {
    margin-left: 31px !important;
}

.marr31 {
    margin-right: 31px !important;
}

.mart31 {
    margin-top: 31px !important;
}

.marb31 {
    margin-bottom: 31px !important;
}

.martb31 {
    margin-top: 31px !important;
    margin-bottom: 31px !important;
}

.marlr31 {
    margin-left: 31px !important;
    margin-right: 31px !important;
}

.lh31 {
    line-height: 31px !important;
}

.f32 {
    font-size: 32px !important;
}

/*padding*/
.pad32 {
    padding: 32px !important;
}

.padl32 {
    padding-left: 32px !important;
}

.padr32 {
    padding-right: 32px !important;
}

.padt32 {
    padding-top: 32px !important;
}

.padb32 {
    padding-bottom: 32px !important;
}

.padtb32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.padlr32 {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

/*margin*/
.mar32 {
    margin: 32px !important;
}

.marl32 {
    margin-left: 32px !important;
}

.marr32 {
    margin-right: 32px !important;
}

.mart32 {
    margin-top: 32px !important;
}

.marb32 {
    margin-bottom: 32px !important;
}

.martb32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}

.marlr32 {
    margin-left: 32px !important;
    margin-right: 32px !important;
}

.lh32 {
    line-height: 32px !important;
}

.f33 {
    font-size: 33px !important;
}

/*padding*/
.pad33 {
    padding: 33px !important;
}

.padl33 {
    padding-left: 33px !important;
}

.padr33 {
    padding-right: 33px !important;
}

.padt33 {
    padding-top: 33px !important;
}

.padb33 {
    padding-bottom: 33px !important;
}

.padtb33 {
    padding-top: 33px !important;
    padding-bottom: 33px !important;
}

.padlr33 {
    padding-left: 33px !important;
    padding-right: 33px !important;
}

/*margin*/
.mar33 {
    margin: 33px !important;
}

.marl33 {
    margin-left: 33px !important;
}

.marr33 {
    margin-right: 33px !important;
}

.mart33 {
    margin-top: 33px !important;
}

.marb33 {
    margin-bottom: 33px !important;
}

.martb33 {
    margin-top: 33px !important;
    margin-bottom: 33px !important;
}

.marlr33 {
    margin-left: 33px !important;
    margin-right: 33px !important;
}

.lh33 {
    line-height: 33px !important;
}

.f34 {
    font-size: 34px !important;
}

/*padding*/
.pad34 {
    padding: 34px !important;
}

.padl34 {
    padding-left: 34px !important;
}

.padr34 {
    padding-right: 34px !important;
}

.padt34 {
    padding-top: 34px !important;
}

.padb34 {
    padding-bottom: 34px !important;
}

.padtb34 {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}

.padlr34 {
    padding-left: 34px !important;
    padding-right: 34px !important;
}

/*margin*/
.mar34 {
    margin: 34px !important;
}

.marl34 {
    margin-left: 34px !important;
}

.marr34 {
    margin-right: 34px !important;
}

.mart34 {
    margin-top: 34px !important;
}

.marb34 {
    margin-bottom: 34px !important;
}

.martb34 {
    margin-top: 34px !important;
    margin-bottom: 34px !important;
}

.marlr34 {
    margin-left: 34px !important;
    margin-right: 34px !important;
}

.lh34 {
    line-height: 34px !important;
}

.f35 {
    font-size: 35px !important;
}

/*padding*/
.pad35 {
    padding: 35px !important;
}

.padl35 {
    padding-left: 35px !important;
}

.padr35 {
    padding-right: 35px !important;
}

.padt35 {
    padding-top: 35px !important;
}

.padb35 {
    padding-bottom: 35px !important;
}

.padtb35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.padlr35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

/*margin*/
.mar35 {
    margin: 35px !important;
}

.marl35 {
    margin-left: 35px !important;
}

.marr35 {
    margin-right: 35px !important;
}

.mart35 {
    margin-top: 35px !important;
}

.marb35 {
    margin-bottom: 35px !important;
}

.martb35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.marlr35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
}

.lh35 {
    line-height: 35px !important;
}

.f36 {
    font-size: 36px !important;
}

/*padding*/
.pad36 {
    padding: 36px !important;
}

.padl36 {
    padding-left: 36px !important;
}

.padr36 {
    padding-right: 36px !important;
}

.padt36 {
    padding-top: 36px !important;
}

.padb36 {
    padding-bottom: 36px !important;
}

.padtb36 {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
}

.padlr36 {
    padding-left: 36px !important;
    padding-right: 36px !important;
}

/*margin*/
.mar36 {
    margin: 36px !important;
}

.marl36 {
    margin-left: 36px !important;
}

.marr36 {
    margin-right: 36px !important;
}

.mart36 {
    margin-top: 36px !important;
}

.marb36 {
    margin-bottom: 36px !important;
}

.martb36 {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
}

.marlr36 {
    margin-left: 36px !important;
    margin-right: 36px !important;
}

.lh36 {
    line-height: 36px !important;
}

.f37 {
    font-size: 37px !important;
}

/*padding*/
.pad37 {
    padding: 37px !important;
}

.padl37 {
    padding-left: 37px !important;
}

.padr37 {
    padding-right: 37px !important;
}

.padt37 {
    padding-top: 37px !important;
}

.padb37 {
    padding-bottom: 37px !important;
}

.padtb37 {
    padding-top: 37px !important;
    padding-bottom: 37px !important;
}

.padlr37 {
    padding-left: 37px !important;
    padding-right: 37px !important;
}

/*margin*/
.mar37 {
    margin: 37px !important;
}

.marl37 {
    margin-left: 37px !important;
}

.marr37 {
    margin-right: 37px !important;
}

.mart37 {
    margin-top: 37px !important;
}

.marb37 {
    margin-bottom: 37px !important;
}

.martb37 {
    margin-top: 37px !important;
    margin-bottom: 37px !important;
}

.marlr37 {
    margin-left: 37px !important;
    margin-right: 37px !important;
}

.lh37 {
    line-height: 37px !important;
}

.f38 {
    font-size: 38px !important;
}

/*padding*/
.pad38 {
    padding: 38px !important;
}

.padl38 {
    padding-left: 38px !important;
}

.padr38 {
    padding-right: 38px !important;
}

.padt38 {
    padding-top: 38px !important;
}

.padb38 {
    padding-bottom: 38px !important;
}

.padtb38 {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
}

.padlr38 {
    padding-left: 38px !important;
    padding-right: 38px !important;
}

/*margin*/
.mar38 {
    margin: 38px !important;
}

.marl38 {
    margin-left: 38px !important;
}

.marr38 {
    margin-right: 38px !important;
}

.mart38 {
    margin-top: 38px !important;
}

.marb38 {
    margin-bottom: 38px !important;
}

.martb38 {
    margin-top: 38px !important;
    margin-bottom: 38px !important;
}

.marlr38 {
    margin-left: 38px !important;
    margin-right: 38px !important;
}

.lh38 {
    line-height: 38px !important;
}

.f39 {
    font-size: 39px !important;
}

/*padding*/
.pad39 {
    padding: 39px !important;
}

.padl39 {
    padding-left: 39px !important;
}

.padr39 {
    padding-right: 39px !important;
}

.padt39 {
    padding-top: 39px !important;
}

.padb39 {
    padding-bottom: 39px !important;
}

.padtb39 {
    padding-top: 39px !important;
    padding-bottom: 39px !important;
}

.padlr39 {
    padding-left: 39px !important;
    padding-right: 39px !important;
}

/*margin*/
.mar39 {
    margin: 39px !important;
}

.marl39 {
    margin-left: 39px !important;
}

.marr39 {
    margin-right: 39px !important;
}

.mart39 {
    margin-top: 39px !important;
}

.marb39 {
    margin-bottom: 39px !important;
}

.martb39 {
    margin-top: 39px !important;
    margin-bottom: 39px !important;
}

.marlr39 {
    margin-left: 39px !important;
    margin-right: 39px !important;
}

.lh39 {
    line-height: 39px !important;
}

.f40 {
    font-size: 40px !important;
}

/*padding*/
.pad40 {
    padding: 40px !important;
}

.padl40 {
    padding-left: 40px !important;
}

.padr40 {
    padding-right: 40px !important;
}

.padt40 {
    padding-top: 40px !important;
}

.padb40 {
    padding-bottom: 40px !important;
}

.padtb40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.padlr40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/*margin*/
.mar40 {
    margin: 40px !important;
}

.marl40 {
    margin-left: 40px !important;
}

.marr40 {
    margin-right: 40px !important;
}

.mart40 {
    margin-top: 40px !important;
}

.marb40 {
    margin-bottom: 40px !important;
}

.martb40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.marlr40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.lh40 {
    line-height: 40px !important;
}

.f41 {
    font-size: 41px !important;
}

/*padding*/
.pad41 {
    padding: 41px !important;
}

.padl41 {
    padding-left: 41px !important;
}

.padr41 {
    padding-right: 41px !important;
}

.padt41 {
    padding-top: 41px !important;
}

.padb41 {
    padding-bottom: 41px !important;
}

.padtb41 {
    padding-top: 41px !important;
    padding-bottom: 41px !important;
}

.padlr41 {
    padding-left: 41px !important;
    padding-right: 41px !important;
}

/*margin*/
.mar41 {
    margin: 41px !important;
}

.marl41 {
    margin-left: 41px !important;
}

.marr41 {
    margin-right: 41px !important;
}

.mart41 {
    margin-top: 41px !important;
}

.marb41 {
    margin-bottom: 41px !important;
}

.martb41 {
    margin-top: 41px !important;
    margin-bottom: 41px !important;
}

.marlr41 {
    margin-left: 41px !important;
    margin-right: 41px !important;
}

.lh41 {
    line-height: 41px !important;
}

.f42 {
    font-size: 42px !important;
}

/*padding*/
.pad42 {
    padding: 42px !important;
}

.padl42 {
    padding-left: 42px !important;
}

.padr42 {
    padding-right: 42px !important;
}

.padt42 {
    padding-top: 42px !important;
}

.padb42 {
    padding-bottom: 42px !important;
}

.padtb42 {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
}

.padlr42 {
    padding-left: 42px !important;
    padding-right: 42px !important;
}

/*margin*/
.mar42 {
    margin: 42px !important;
}

.marl42 {
    margin-left: 42px !important;
}

.marr42 {
    margin-right: 42px !important;
}

.mart42 {
    margin-top: 42px !important;
}

.marb42 {
    margin-bottom: 42px !important;
}

.martb42 {
    margin-top: 42px !important;
    margin-bottom: 42px !important;
}

.marlr42 {
    margin-left: 42px !important;
    margin-right: 42px !important;
}

.lh42 {
    line-height: 42px !important;
}

.f43 {
    font-size: 43px !important;
}

/*padding*/
.pad43 {
    padding: 43px !important;
}

.padl43 {
    padding-left: 43px !important;
}

.padr43 {
    padding-right: 43px !important;
}

.padt43 {
    padding-top: 43px !important;
}

.padb43 {
    padding-bottom: 43px !important;
}

.padtb43 {
    padding-top: 43px !important;
    padding-bottom: 43px !important;
}

.padlr43 {
    padding-left: 43px !important;
    padding-right: 43px !important;
}

/*margin*/
.mar43 {
    margin: 43px !important;
}

.marl43 {
    margin-left: 43px !important;
}

.marr43 {
    margin-right: 43px !important;
}

.mart43 {
    margin-top: 43px !important;
}

.marb43 {
    margin-bottom: 43px !important;
}

.martb43 {
    margin-top: 43px !important;
    margin-bottom: 43px !important;
}

.marlr43 {
    margin-left: 43px !important;
    margin-right: 43px !important;
}

.lh43 {
    line-height: 43px !important;
}

.f44 {
    font-size: 44px !important;
}

/*padding*/
.pad44 {
    padding: 44px !important;
}

.padl44 {
    padding-left: 44px !important;
}

.padr44 {
    padding-right: 44px !important;
}

.padt44 {
    padding-top: 44px !important;
}

.padb44 {
    padding-bottom: 44px !important;
}

.padtb44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
}

.padlr44 {
    padding-left: 44px !important;
    padding-right: 44px !important;
}

/*margin*/
.mar44 {
    margin: 44px !important;
}

.marl44 {
    margin-left: 44px !important;
}

.marr44 {
    margin-right: 44px !important;
}

.mart44 {
    margin-top: 44px !important;
}

.marb44 {
    margin-bottom: 44px !important;
}

.martb44 {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
}

.marlr44 {
    margin-left: 44px !important;
    margin-right: 44px !important;
}

.lh44 {
    line-height: 44px !important;
}

.f45 {
    font-size: 45px !important;
}

/*padding*/
.pad45 {
    padding: 45px !important;
}

.padl45 {
    padding-left: 45px !important;
}

.padr45 {
    padding-right: 45px !important;
}

.padt45 {
    padding-top: 45px !important;
}

.padb45 {
    padding-bottom: 45px !important;
}

.padtb45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.padlr45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
}

/*margin*/
.mar45 {
    margin: 45px !important;
}

.marl45 {
    margin-left: 45px !important;
}

.marr45 {
    margin-right: 45px !important;
}

.mart45 {
    margin-top: 45px !important;
}

.marb45 {
    margin-bottom: 45px !important;
}

.martb45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.marlr45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
}

.lh45 {
    line-height: 45px !important;
}

.f46 {
    font-size: 46px !important;
}

/*padding*/
.pad46 {
    padding: 46px !important;
}

.padl46 {
    padding-left: 46px !important;
}

.padr46 {
    padding-right: 46px !important;
}

.padt46 {
    padding-top: 46px !important;
}

.padb46 {
    padding-bottom: 46px !important;
}

.padtb46 {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
}

.padlr46 {
    padding-left: 46px !important;
    padding-right: 46px !important;
}

/*margin*/
.mar46 {
    margin: 46px !important;
}

.marl46 {
    margin-left: 46px !important;
}

.marr46 {
    margin-right: 46px !important;
}

.mart46 {
    margin-top: 46px !important;
}

.marb46 {
    margin-bottom: 46px !important;
}

.martb46 {
    margin-top: 46px !important;
    margin-bottom: 46px !important;
}

.marlr46 {
    margin-left: 46px !important;
    margin-right: 46px !important;
}

.lh46 {
    line-height: 46px !important;
}

.f47 {
    font-size: 47px !important;
}

/*padding*/
.pad47 {
    padding: 47px !important;
}

.padl47 {
    padding-left: 47px !important;
}

.padr47 {
    padding-right: 47px !important;
}

.padt47 {
    padding-top: 47px !important;
}

.padb47 {
    padding-bottom: 47px !important;
}

.padtb47 {
    padding-top: 47px !important;
    padding-bottom: 47px !important;
}

.padlr47 {
    padding-left: 47px !important;
    padding-right: 47px !important;
}

/*margin*/
.mar47 {
    margin: 47px !important;
}

.marl47 {
    margin-left: 47px !important;
}

.marr47 {
    margin-right: 47px !important;
}

.mart47 {
    margin-top: 47px !important;
}

.marb47 {
    margin-bottom: 47px !important;
}

.martb47 {
    margin-top: 47px !important;
    margin-bottom: 47px !important;
}

.marlr47 {
    margin-left: 47px !important;
    margin-right: 47px !important;
}

.lh47 {
    line-height: 47px !important;
}

.f48 {
    font-size: 48px !important;
}

/*padding*/
.pad48 {
    padding: 48px !important;
}

.padl48 {
    padding-left: 48px !important;
}

.padr48 {
    padding-right: 48px !important;
}

.padt48 {
    padding-top: 48px !important;
}

.padb48 {
    padding-bottom: 48px !important;
}

.padtb48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

.padlr48 {
    padding-left: 48px !important;
    padding-right: 48px !important;
}

/*margin*/
.mar48 {
    margin: 48px !important;
}

.marl48 {
    margin-left: 48px !important;
}

.marr48 {
    margin-right: 48px !important;
}

.mart48 {
    margin-top: 48px !important;
}

.marb48 {
    margin-bottom: 48px !important;
}

.martb48 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
}

.marlr48 {
    margin-left: 48px !important;
    margin-right: 48px !important;
}

.lh48 {
    line-height: 48px !important;
}

.f49 {
    font-size: 49px !important;
}

/*padding*/
.pad49 {
    padding: 49px !important;
}

.padl49 {
    padding-left: 49px !important;
}

.padr49 {
    padding-right: 49px !important;
}

.padt49 {
    padding-top: 49px !important;
}

.padb49 {
    padding-bottom: 49px !important;
}

.padtb49 {
    padding-top: 49px !important;
    padding-bottom: 49px !important;
}

.padlr49 {
    padding-left: 49px !important;
    padding-right: 49px !important;
}

/*margin*/
.mar49 {
    margin: 49px !important;
}

.marl49 {
    margin-left: 49px !important;
}

.marr49 {
    margin-right: 49px !important;
}

.mart49 {
    margin-top: 49px !important;
}

.marb49 {
    margin-bottom: 49px !important;
}

.martb49 {
    margin-top: 49px !important;
    margin-bottom: 49px !important;
}

.marlr49 {
    margin-left: 49px !important;
    margin-right: 49px !important;
}

.lh49 {
    line-height: 49px !important;
}

.f50 {
    font-size: 50px !important;
}

/*padding*/
.pad50 {
    padding: 50px !important;
}

.padl50 {
    padding-left: 50px !important;
}

.padr50 {
    padding-right: 50px !important;
}

.padt50 {
    padding-top: 50px !important;
}

.padb50 {
    padding-bottom: 50px !important;
}

.padtb50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.padlr50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

/*margin*/
.mar50 {
    margin: 50px !important;
}

.marl50 {
    margin-left: 50px !important;
}

.marr50 {
    margin-right: 50px !important;
}

.mart50 {
    margin-top: 50px !important;
}

.marb50 {
    margin-bottom: 50px !important;
}

.martb50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.marlr50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.lh50 {
    line-height: 50px !important;
}

.f51 {
    font-size: 51px !important;
}

/*padding*/
.pad51 {
    padding: 51px !important;
}

.padl51 {
    padding-left: 51px !important;
}

.padr51 {
    padding-right: 51px !important;
}

.padt51 {
    padding-top: 51px !important;
}

.padb51 {
    padding-bottom: 51px !important;
}

.padtb51 {
    padding-top: 51px !important;
    padding-bottom: 51px !important;
}

.padlr51 {
    padding-left: 51px !important;
    padding-right: 51px !important;
}

/*margin*/
.mar51 {
    margin: 51px !important;
}

.marl51 {
    margin-left: 51px !important;
}

.marr51 {
    margin-right: 51px !important;
}

.mart51 {
    margin-top: 51px !important;
}

.marb51 {
    margin-bottom: 51px !important;
}

.martb51 {
    margin-top: 51px !important;
    margin-bottom: 51px !important;
}

.marlr51 {
    margin-left: 51px !important;
    margin-right: 51px !important;
}

.lh51 {
    line-height: 51px !important;
}

.f52 {
    font-size: 52px !important;
}

/*padding*/
.pad52 {
    padding: 52px !important;
}

.padl52 {
    padding-left: 52px !important;
}

.padr52 {
    padding-right: 52px !important;
}

.padt52 {
    padding-top: 52px !important;
}

.padb52 {
    padding-bottom: 52px !important;
}

.padtb52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
}

.padlr52 {
    padding-left: 52px !important;
    padding-right: 52px !important;
}

/*margin*/
.mar52 {
    margin: 52px !important;
}

.marl52 {
    margin-left: 52px !important;
}

.marr52 {
    margin-right: 52px !important;
}

.mart52 {
    margin-top: 52px !important;
}

.marb52 {
    margin-bottom: 52px !important;
}

.martb52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
}

.marlr52 {
    margin-left: 52px !important;
    margin-right: 52px !important;
}

.lh52 {
    line-height: 52px !important;
}

.f53 {
    font-size: 53px !important;
}

/*padding*/
.pad53 {
    padding: 53px !important;
}

.padl53 {
    padding-left: 53px !important;
}

.padr53 {
    padding-right: 53px !important;
}

.padt53 {
    padding-top: 53px !important;
}

.padb53 {
    padding-bottom: 53px !important;
}

.padtb53 {
    padding-top: 53px !important;
    padding-bottom: 53px !important;
}

.padlr53 {
    padding-left: 53px !important;
    padding-right: 53px !important;
}

/*margin*/
.mar53 {
    margin: 53px !important;
}

.marl53 {
    margin-left: 53px !important;
}

.marr53 {
    margin-right: 53px !important;
}

.mart53 {
    margin-top: 53px !important;
}

.marb53 {
    margin-bottom: 53px !important;
}

.martb53 {
    margin-top: 53px !important;
    margin-bottom: 53px !important;
}

.marlr53 {
    margin-left: 53px !important;
    margin-right: 53px !important;
}

.lh53 {
    line-height: 53px !important;
}

.f54 {
    font-size: 54px !important;
}

/*padding*/
.pad54 {
    padding: 54px !important;
}

.padl54 {
    padding-left: 54px !important;
}

.padr54 {
    padding-right: 54px !important;
}

.padt54 {
    padding-top: 54px !important;
}

.padb54 {
    padding-bottom: 54px !important;
}

.padtb54 {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
}

.padlr54 {
    padding-left: 54px !important;
    padding-right: 54px !important;
}

/*margin*/
.mar54 {
    margin: 54px !important;
}

.marl54 {
    margin-left: 54px !important;
}

.marr54 {
    margin-right: 54px !important;
}

.mart54 {
    margin-top: 54px !important;
}

.marb54 {
    margin-bottom: 54px !important;
}

.martb54 {
    margin-top: 54px !important;
    margin-bottom: 54px !important;
}

.marlr54 {
    margin-left: 54px !important;
    margin-right: 54px !important;
}

.lh54 {
    line-height: 54px !important;
}

.f55 {
    font-size: 55px !important;
}

/*padding*/
.pad55 {
    padding: 55px !important;
}

.padl55 {
    padding-left: 55px !important;
}

.padr55 {
    padding-right: 55px !important;
}

.padt55 {
    padding-top: 55px !important;
}

.padb55 {
    padding-bottom: 55px !important;
}

.padtb55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}

.padlr55 {
    padding-left: 55px !important;
    padding-right: 55px !important;
}

/*margin*/
.mar55 {
    margin: 55px !important;
}

.marl55 {
    margin-left: 55px !important;
}

.marr55 {
    margin-right: 55px !important;
}

.mart55 {
    margin-top: 55px !important;
}

.marb55 {
    margin-bottom: 55px !important;
}

.martb55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
}

.marlr55 {
    margin-left: 55px !important;
    margin-right: 55px !important;
}

.lh55 {
    line-height: 55px !important;
}

.f56 {
    font-size: 56px !important;
}

/*padding*/
.pad56 {
    padding: 56px !important;
}

.padl56 {
    padding-left: 56px !important;
}

.padr56 {
    padding-right: 56px !important;
}

.padt56 {
    padding-top: 56px !important;
}

.padb56 {
    padding-bottom: 56px !important;
}

.padtb56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
}

.padlr56 {
    padding-left: 56px !important;
    padding-right: 56px !important;
}

/*margin*/
.mar56 {
    margin: 56px !important;
}

.marl56 {
    margin-left: 56px !important;
}

.marr56 {
    margin-right: 56px !important;
}

.mart56 {
    margin-top: 56px !important;
}

.marb56 {
    margin-bottom: 56px !important;
}

.martb56 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
}

.marlr56 {
    margin-left: 56px !important;
    margin-right: 56px !important;
}

.lh56 {
    line-height: 56px !important;
}

.f57 {
    font-size: 57px !important;
}

/*padding*/
.pad57 {
    padding: 57px !important;
}

.padl57 {
    padding-left: 57px !important;
}

.padr57 {
    padding-right: 57px !important;
}

.padt57 {
    padding-top: 57px !important;
}

.padb57 {
    padding-bottom: 57px !important;
}

.padtb57 {
    padding-top: 57px !important;
    padding-bottom: 57px !important;
}

.padlr57 {
    padding-left: 57px !important;
    padding-right: 57px !important;
}

/*margin*/
.mar57 {
    margin: 57px !important;
}

.marl57 {
    margin-left: 57px !important;
}

.marr57 {
    margin-right: 57px !important;
}

.mart57 {
    margin-top: 57px !important;
}

.marb57 {
    margin-bottom: 57px !important;
}

.martb57 {
    margin-top: 57px !important;
    margin-bottom: 57px !important;
}

.marlr57 {
    margin-left: 57px !important;
    margin-right: 57px !important;
}

.lh57 {
    line-height: 57px !important;
}

.f58 {
    font-size: 58px !important;
}

/*padding*/
.pad58 {
    padding: 58px !important;
}

.padl58 {
    padding-left: 58px !important;
}

.padr58 {
    padding-right: 58px !important;
}

.padt58 {
    padding-top: 58px !important;
}

.padb58 {
    padding-bottom: 58px !important;
}

.padtb58 {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
}

.padlr58 {
    padding-left: 58px !important;
    padding-right: 58px !important;
}

/*margin*/
.mar58 {
    margin: 58px !important;
}

.marl58 {
    margin-left: 58px !important;
}

.marr58 {
    margin-right: 58px !important;
}

.mart58 {
    margin-top: 58px !important;
}

.marb58 {
    margin-bottom: 58px !important;
}

.martb58 {
    margin-top: 58px !important;
    margin-bottom: 58px !important;
}

.marlr58 {
    margin-left: 58px !important;
    margin-right: 58px !important;
}

.lh58 {
    line-height: 58px !important;
}

.f59 {
    font-size: 59px !important;
}

/*padding*/
.pad59 {
    padding: 59px !important;
}

.padl59 {
    padding-left: 59px !important;
}

.padr59 {
    padding-right: 59px !important;
}

.padt59 {
    padding-top: 59px !important;
}

.padb59 {
    padding-bottom: 59px !important;
}

.padtb59 {
    padding-top: 59px !important;
    padding-bottom: 59px !important;
}

.padlr59 {
    padding-left: 59px !important;
    padding-right: 59px !important;
}

/*margin*/
.mar59 {
    margin: 59px !important;
}

.marl59 {
    margin-left: 59px !important;
}

.marr59 {
    margin-right: 59px !important;
}

.mart59 {
    margin-top: 59px !important;
}

.marb59 {
    margin-bottom: 59px !important;
}

.martb59 {
    margin-top: 59px !important;
    margin-bottom: 59px !important;
}

.marlr59 {
    margin-left: 59px !important;
    margin-right: 59px !important;
}

.lh59 {
    line-height: 59px !important;
}

.f60 {
    font-size: 60px !important;
}

/*padding*/
.pad60 {
    padding: 60px !important;
}

.padl60 {
    padding-left: 60px !important;
}

.padr60 {
    padding-right: 60px !important;
}

.padt60 {
    padding-top: 60px !important;
}

.padb60 {
    padding-bottom: 60px !important;
}

.padtb60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.padlr60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

/*margin*/
.mar60 {
    margin: 60px !important;
}

.marl60 {
    margin-left: 60px !important;
}

.marr60 {
    margin-right: 60px !important;
}

.mart60 {
    margin-top: 60px !important;
}

.marb60 {
    margin-bottom: 60px !important;
}

.martb60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.marlr60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

.lh60 {
    line-height: 60px !important;
}

.f61 {
    font-size: 61px !important;
}

/*padding*/
.pad61 {
    padding: 61px !important;
}

.padl61 {
    padding-left: 61px !important;
}

.padr61 {
    padding-right: 61px !important;
}

.padt61 {
    padding-top: 61px !important;
}

.padb61 {
    padding-bottom: 61px !important;
}

.padtb61 {
    padding-top: 61px !important;
    padding-bottom: 61px !important;
}

.padlr61 {
    padding-left: 61px !important;
    padding-right: 61px !important;
}

/*margin*/
.mar61 {
    margin: 61px !important;
}

.marl61 {
    margin-left: 61px !important;
}

.marr61 {
    margin-right: 61px !important;
}

.mart61 {
    margin-top: 61px !important;
}

.marb61 {
    margin-bottom: 61px !important;
}

.martb61 {
    margin-top: 61px !important;
    margin-bottom: 61px !important;
}

.marlr61 {
    margin-left: 61px !important;
    margin-right: 61px !important;
}

.lh61 {
    line-height: 61px !important;
}

.f62 {
    font-size: 62px !important;
}

/*padding*/
.pad62 {
    padding: 62px !important;
}

.padl62 {
    padding-left: 62px !important;
}

.padr62 {
    padding-right: 62px !important;
}

.padt62 {
    padding-top: 62px !important;
}

.padb62 {
    padding-bottom: 62px !important;
}

.padtb62 {
    padding-top: 62px !important;
    padding-bottom: 62px !important;
}

.padlr62 {
    padding-left: 62px !important;
    padding-right: 62px !important;
}

/*margin*/
.mar62 {
    margin: 62px !important;
}

.marl62 {
    margin-left: 62px !important;
}

.marr62 {
    margin-right: 62px !important;
}

.mart62 {
    margin-top: 62px !important;
}

.marb62 {
    margin-bottom: 62px !important;
}

.martb62 {
    margin-top: 62px !important;
    margin-bottom: 62px !important;
}

.marlr62 {
    margin-left: 62px !important;
    margin-right: 62px !important;
}

.lh62 {
    line-height: 62px !important;
}

.f63 {
    font-size: 63px !important;
}

/*padding*/
.pad63 {
    padding: 63px !important;
}

.padl63 {
    padding-left: 63px !important;
}

.padr63 {
    padding-right: 63px !important;
}

.padt63 {
    padding-top: 63px !important;
}

.padb63 {
    padding-bottom: 63px !important;
}

.padtb63 {
    padding-top: 63px !important;
    padding-bottom: 63px !important;
}

.padlr63 {
    padding-left: 63px !important;
    padding-right: 63px !important;
}

/*margin*/
.mar63 {
    margin: 63px !important;
}

.marl63 {
    margin-left: 63px !important;
}

.marr63 {
    margin-right: 63px !important;
}

.mart63 {
    margin-top: 63px !important;
}

.marb63 {
    margin-bottom: 63px !important;
}

.martb63 {
    margin-top: 63px !important;
    margin-bottom: 63px !important;
}

.marlr63 {
    margin-left: 63px !important;
    margin-right: 63px !important;
}

.lh63 {
    line-height: 63px !important;
}

.f64 {
    font-size: 64px !important;
}

/*padding*/
.pad64 {
    padding: 64px !important;
}

.padl64 {
    padding-left: 64px !important;
}

.padr64 {
    padding-right: 64px !important;
}

.padt64 {
    padding-top: 64px !important;
}

.padb64 {
    padding-bottom: 64px !important;
}

.padtb64 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}

.padlr64 {
    padding-left: 64px !important;
    padding-right: 64px !important;
}

/*margin*/
.mar64 {
    margin: 64px !important;
}

.marl64 {
    margin-left: 64px !important;
}

.marr64 {
    margin-right: 64px !important;
}

.mart64 {
    margin-top: 64px !important;
}

.marb64 {
    margin-bottom: 64px !important;
}

.martb64 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
}

.marlr64 {
    margin-left: 64px !important;
    margin-right: 64px !important;
}

.lh64 {
    line-height: 64px !important;
}

.f65 {
    font-size: 65px !important;
}

/*padding*/
.pad65 {
    padding: 65px !important;
}

.padl65 {
    padding-left: 65px !important;
}

.padr65 {
    padding-right: 65px !important;
}

.padt65 {
    padding-top: 65px !important;
}

.padb65 {
    padding-bottom: 65px !important;
}

.padtb65 {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
}

.padlr65 {
    padding-left: 65px !important;
    padding-right: 65px !important;
}

/*margin*/
.mar65 {
    margin: 65px !important;
}

.marl65 {
    margin-left: 65px !important;
}

.marr65 {
    margin-right: 65px !important;
}

.mart65 {
    margin-top: 65px !important;
}

.marb65 {
    margin-bottom: 65px !important;
}

.martb65 {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
}

.marlr65 {
    margin-left: 65px !important;
    margin-right: 65px !important;
}

.lh65 {
    line-height: 65px !important;
}

.f66 {
    font-size: 66px !important;
}

/*padding*/
.pad66 {
    padding: 66px !important;
}

.padl66 {
    padding-left: 66px !important;
}

.padr66 {
    padding-right: 66px !important;
}

.padt66 {
    padding-top: 66px !important;
}

.padb66 {
    padding-bottom: 66px !important;
}

.padtb66 {
    padding-top: 66px !important;
    padding-bottom: 66px !important;
}

.padlr66 {
    padding-left: 66px !important;
    padding-right: 66px !important;
}

/*margin*/
.mar66 {
    margin: 66px !important;
}

.marl66 {
    margin-left: 66px !important;
}

.marr66 {
    margin-right: 66px !important;
}

.mart66 {
    margin-top: 66px !important;
}

.marb66 {
    margin-bottom: 66px !important;
}

.martb66 {
    margin-top: 66px !important;
    margin-bottom: 66px !important;
}

.marlr66 {
    margin-left: 66px !important;
    margin-right: 66px !important;
}

.lh66 {
    line-height: 66px !important;
}

.f67 {
    font-size: 67px !important;
}

/*padding*/
.pad67 {
    padding: 67px !important;
}

.padl67 {
    padding-left: 67px !important;
}

.padr67 {
    padding-right: 67px !important;
}

.padt67 {
    padding-top: 67px !important;
}

.padb67 {
    padding-bottom: 67px !important;
}

.padtb67 {
    padding-top: 67px !important;
    padding-bottom: 67px !important;
}

.padlr67 {
    padding-left: 67px !important;
    padding-right: 67px !important;
}

/*margin*/
.mar67 {
    margin: 67px !important;
}

.marl67 {
    margin-left: 67px !important;
}

.marr67 {
    margin-right: 67px !important;
}

.mart67 {
    margin-top: 67px !important;
}

.marb67 {
    margin-bottom: 67px !important;
}

.martb67 {
    margin-top: 67px !important;
    margin-bottom: 67px !important;
}

.marlr67 {
    margin-left: 67px !important;
    margin-right: 67px !important;
}

.lh67 {
    line-height: 67px !important;
}

.f68 {
    font-size: 68px !important;
}

/*padding*/
.pad68 {
    padding: 68px !important;
}

.padl68 {
    padding-left: 68px !important;
}

.padr68 {
    padding-right: 68px !important;
}

.padt68 {
    padding-top: 68px !important;
}

.padb68 {
    padding-bottom: 68px !important;
}

.padtb68 {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
}

.padlr68 {
    padding-left: 68px !important;
    padding-right: 68px !important;
}

/*margin*/
.mar68 {
    margin: 68px !important;
}

.marl68 {
    margin-left: 68px !important;
}

.marr68 {
    margin-right: 68px !important;
}

.mart68 {
    margin-top: 68px !important;
}

.marb68 {
    margin-bottom: 68px !important;
}

.martb68 {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
}

.marlr68 {
    margin-left: 68px !important;
    margin-right: 68px !important;
}

.lh68 {
    line-height: 68px !important;
}

.f69 {
    font-size: 69px !important;
}

/*padding*/
.pad69 {
    padding: 69px !important;
}

.padl69 {
    padding-left: 69px !important;
}

.padr69 {
    padding-right: 69px !important;
}

.padt69 {
    padding-top: 69px !important;
}

.padb69 {
    padding-bottom: 69px !important;
}

.padtb69 {
    padding-top: 69px !important;
    padding-bottom: 69px !important;
}

.padlr69 {
    padding-left: 69px !important;
    padding-right: 69px !important;
}

/*margin*/
.mar69 {
    margin: 69px !important;
}

.marl69 {
    margin-left: 69px !important;
}

.marr69 {
    margin-right: 69px !important;
}

.mart69 {
    margin-top: 69px !important;
}

.marb69 {
    margin-bottom: 69px !important;
}

.martb69 {
    margin-top: 69px !important;
    margin-bottom: 69px !important;
}

.marlr69 {
    margin-left: 69px !important;
    margin-right: 69px !important;
}

.lh69 {
    line-height: 69px !important;
}

.f70 {
    font-size: 70px !important;
}

/*padding*/
.pad70 {
    padding: 70px !important;
}

.padl70 {
    padding-left: 70px !important;
}

.padr70 {
    padding-right: 70px !important;
}

.padt70 {
    padding-top: 70px !important;
}

.padb70 {
    padding-bottom: 70px !important;
}

.padtb70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.padlr70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
}

/*margin*/
.mar70 {
    margin: 70px !important;
}

.marl70 {
    margin-left: 70px !important;
}

.marr70 {
    margin-right: 70px !important;
}

.mart70 {
    margin-top: 70px !important;
}

.marb70 {
    margin-bottom: 70px !important;
}

.martb70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.marlr70 {
    margin-left: 70px !important;
    margin-right: 70px !important;
}

.lh70 {
    line-height: 70px !important;
}

.f71 {
    font-size: 71px !important;
}

/*padding*/
.pad71 {
    padding: 71px !important;
}

.padl71 {
    padding-left: 71px !important;
}

.padr71 {
    padding-right: 71px !important;
}

.padt71 {
    padding-top: 71px !important;
}

.padb71 {
    padding-bottom: 71px !important;
}

.padtb71 {
    padding-top: 71px !important;
    padding-bottom: 71px !important;
}

.padlr71 {
    padding-left: 71px !important;
    padding-right: 71px !important;
}

/*margin*/
.mar71 {
    margin: 71px !important;
}

.marl71 {
    margin-left: 71px !important;
}

.marr71 {
    margin-right: 71px !important;
}

.mart71 {
    margin-top: 71px !important;
}

.marb71 {
    margin-bottom: 71px !important;
}

.martb71 {
    margin-top: 71px !important;
    margin-bottom: 71px !important;
}

.marlr71 {
    margin-left: 71px !important;
    margin-right: 71px !important;
}

.lh71 {
    line-height: 71px !important;
}

.f72 {
    font-size: 72px !important;
}

/*padding*/
.pad72 {
    padding: 72px !important;
}

.padl72 {
    padding-left: 72px !important;
}

.padr72 {
    padding-right: 72px !important;
}

.padt72 {
    padding-top: 72px !important;
}

.padb72 {
    padding-bottom: 72px !important;
}

.padtb72 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
}

.padlr72 {
    padding-left: 72px !important;
    padding-right: 72px !important;
}

/*margin*/
.mar72 {
    margin: 72px !important;
}

.marl72 {
    margin-left: 72px !important;
}

.marr72 {
    margin-right: 72px !important;
}

.mart72 {
    margin-top: 72px !important;
}

.marb72 {
    margin-bottom: 72px !important;
}

.martb72 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
}

.marlr72 {
    margin-left: 72px !important;
    margin-right: 72px !important;
}

.lh72 {
    line-height: 72px !important;
}

.f73 {
    font-size: 73px !important;
}

/*padding*/
.pad73 {
    padding: 73px !important;
}

.padl73 {
    padding-left: 73px !important;
}

.padr73 {
    padding-right: 73px !important;
}

.padt73 {
    padding-top: 73px !important;
}

.padb73 {
    padding-bottom: 73px !important;
}

.padtb73 {
    padding-top: 73px !important;
    padding-bottom: 73px !important;
}

.padlr73 {
    padding-left: 73px !important;
    padding-right: 73px !important;
}

/*margin*/
.mar73 {
    margin: 73px !important;
}

.marl73 {
    margin-left: 73px !important;
}

.marr73 {
    margin-right: 73px !important;
}

.mart73 {
    margin-top: 73px !important;
}

.marb73 {
    margin-bottom: 73px !important;
}

.martb73 {
    margin-top: 73px !important;
    margin-bottom: 73px !important;
}

.marlr73 {
    margin-left: 73px !important;
    margin-right: 73px !important;
}

.lh73 {
    line-height: 73px !important;
}

.f74 {
    font-size: 74px !important;
}

/*padding*/
.pad74 {
    padding: 74px !important;
}

.padl74 {
    padding-left: 74px !important;
}

.padr74 {
    padding-right: 74px !important;
}

.padt74 {
    padding-top: 74px !important;
}

.padb74 {
    padding-bottom: 74px !important;
}

.padtb74 {
    padding-top: 74px !important;
    padding-bottom: 74px !important;
}

.padlr74 {
    padding-left: 74px !important;
    padding-right: 74px !important;
}

/*margin*/
.mar74 {
    margin: 74px !important;
}

.marl74 {
    margin-left: 74px !important;
}

.marr74 {
    margin-right: 74px !important;
}

.mart74 {
    margin-top: 74px !important;
}

.marb74 {
    margin-bottom: 74px !important;
}

.martb74 {
    margin-top: 74px !important;
    margin-bottom: 74px !important;
}

.marlr74 {
    margin-left: 74px !important;
    margin-right: 74px !important;
}

.lh74 {
    line-height: 74px !important;
}

.f75 {
    font-size: 75px !important;
}

/*padding*/
.pad75 {
    padding: 75px !important;
}

.padl75 {
    padding-left: 75px !important;
}

.padr75 {
    padding-right: 75px !important;
}

.padt75 {
    padding-top: 75px !important;
}

.padb75 {
    padding-bottom: 75px !important;
}

.padtb75 {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}

.padlr75 {
    padding-left: 75px !important;
    padding-right: 75px !important;
}

/*margin*/
.mar75 {
    margin: 75px !important;
}

.marl75 {
    margin-left: 75px !important;
}

.marr75 {
    margin-right: 75px !important;
}

.mart75 {
    margin-top: 75px !important;
}

.marb75 {
    margin-bottom: 75px !important;
}

.martb75 {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
}

.marlr75 {
    margin-left: 75px !important;
    margin-right: 75px !important;
}

.lh75 {
    line-height: 75px !important;
}

.f76 {
    font-size: 76px !important;
}

/*padding*/
.pad76 {
    padding: 76px !important;
}

.padl76 {
    padding-left: 76px !important;
}

.padr76 {
    padding-right: 76px !important;
}

.padt76 {
    padding-top: 76px !important;
}

.padb76 {
    padding-bottom: 76px !important;
}

.padtb76 {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
}

.padlr76 {
    padding-left: 76px !important;
    padding-right: 76px !important;
}

/*margin*/
.mar76 {
    margin: 76px !important;
}

.marl76 {
    margin-left: 76px !important;
}

.marr76 {
    margin-right: 76px !important;
}

.mart76 {
    margin-top: 76px !important;
}

.marb76 {
    margin-bottom: 76px !important;
}

.martb76 {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
}

.marlr76 {
    margin-left: 76px !important;
    margin-right: 76px !important;
}

.lh76 {
    line-height: 76px !important;
}

.f77 {
    font-size: 77px !important;
}

/*padding*/
.pad77 {
    padding: 77px !important;
}

.padl77 {
    padding-left: 77px !important;
}

.padr77 {
    padding-right: 77px !important;
}

.padt77 {
    padding-top: 77px !important;
}

.padb77 {
    padding-bottom: 77px !important;
}

.padtb77 {
    padding-top: 77px !important;
    padding-bottom: 77px !important;
}

.padlr77 {
    padding-left: 77px !important;
    padding-right: 77px !important;
}

/*margin*/
.mar77 {
    margin: 77px !important;
}

.marl77 {
    margin-left: 77px !important;
}

.marr77 {
    margin-right: 77px !important;
}

.mart77 {
    margin-top: 77px !important;
}

.marb77 {
    margin-bottom: 77px !important;
}

.martb77 {
    margin-top: 77px !important;
    margin-bottom: 77px !important;
}

.marlr77 {
    margin-left: 77px !important;
    margin-right: 77px !important;
}

.lh77 {
    line-height: 77px !important;
}

.f78 {
    font-size: 78px !important;
}

/*padding*/
.pad78 {
    padding: 78px !important;
}

.padl78 {
    padding-left: 78px !important;
}

.padr78 {
    padding-right: 78px !important;
}

.padt78 {
    padding-top: 78px !important;
}

.padb78 {
    padding-bottom: 78px !important;
}

.padtb78 {
    padding-top: 78px !important;
    padding-bottom: 78px !important;
}

.padlr78 {
    padding-left: 78px !important;
    padding-right: 78px !important;
}

/*margin*/
.mar78 {
    margin: 78px !important;
}

.marl78 {
    margin-left: 78px !important;
}

.marr78 {
    margin-right: 78px !important;
}

.mart78 {
    margin-top: 78px !important;
}

.marb78 {
    margin-bottom: 78px !important;
}

.martb78 {
    margin-top: 78px !important;
    margin-bottom: 78px !important;
}

.marlr78 {
    margin-left: 78px !important;
    margin-right: 78px !important;
}

.lh78 {
    line-height: 78px !important;
}

.f79 {
    font-size: 79px !important;
}

/*padding*/
.pad79 {
    padding: 79px !important;
}

.padl79 {
    padding-left: 79px !important;
}

.padr79 {
    padding-right: 79px !important;
}

.padt79 {
    padding-top: 79px !important;
}

.padb79 {
    padding-bottom: 79px !important;
}

.padtb79 {
    padding-top: 79px !important;
    padding-bottom: 79px !important;
}

.padlr79 {
    padding-left: 79px !important;
    padding-right: 79px !important;
}

/*margin*/
.mar79 {
    margin: 79px !important;
}

.marl79 {
    margin-left: 79px !important;
}

.marr79 {
    margin-right: 79px !important;
}

.mart79 {
    margin-top: 79px !important;
}

.marb79 {
    margin-bottom: 79px !important;
}

.martb79 {
    margin-top: 79px !important;
    margin-bottom: 79px !important;
}

.marlr79 {
    margin-left: 79px !important;
    margin-right: 79px !important;
}

.lh79 {
    line-height: 79px !important;
}

.f80 {
    font-size: 80px !important;
}

/*padding*/
.pad80 {
    padding: 80px !important;
}

.padl80 {
    padding-left: 80px !important;
}

.padr80 {
    padding-right: 80px !important;
}

.padt80 {
    padding-top: 80px !important;
}

.padb80 {
    padding-bottom: 80px !important;
}

.padtb80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.padlr80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

/*margin*/
.mar80 {
    margin: 80px !important;
}

.marl80 {
    margin-left: 80px !important;
}

.marr80 {
    margin-right: 80px !important;
}

.mart80 {
    margin-top: 80px !important;
}

.marb80 {
    margin-bottom: 80px !important;
}

.martb80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.marlr80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
}

.lh80 {
    line-height: 80px !important;
}

.f81 {
    font-size: 81px !important;
}

/*padding*/
.pad81 {
    padding: 81px !important;
}

.padl81 {
    padding-left: 81px !important;
}

.padr81 {
    padding-right: 81px !important;
}

.padt81 {
    padding-top: 81px !important;
}

.padb81 {
    padding-bottom: 81px !important;
}

.padtb81 {
    padding-top: 81px !important;
    padding-bottom: 81px !important;
}

.padlr81 {
    padding-left: 81px !important;
    padding-right: 81px !important;
}

/*margin*/
.mar81 {
    margin: 81px !important;
}

.marl81 {
    margin-left: 81px !important;
}

.marr81 {
    margin-right: 81px !important;
}

.mart81 {
    margin-top: 81px !important;
}

.marb81 {
    margin-bottom: 81px !important;
}

.martb81 {
    margin-top: 81px !important;
    margin-bottom: 81px !important;
}

.marlr81 {
    margin-left: 81px !important;
    margin-right: 81px !important;
}

.lh81 {
    line-height: 81px !important;
}

.f82 {
    font-size: 82px !important;
}

/*padding*/
.pad82 {
    padding: 82px !important;
}

.padl82 {
    padding-left: 82px !important;
}

.padr82 {
    padding-right: 82px !important;
}

.padt82 {
    padding-top: 82px !important;
}

.padb82 {
    padding-bottom: 82px !important;
}

.padtb82 {
    padding-top: 82px !important;
    padding-bottom: 82px !important;
}

.padlr82 {
    padding-left: 82px !important;
    padding-right: 82px !important;
}

/*margin*/
.mar82 {
    margin: 82px !important;
}

.marl82 {
    margin-left: 82px !important;
}

.marr82 {
    margin-right: 82px !important;
}

.mart82 {
    margin-top: 82px !important;
}

.marb82 {
    margin-bottom: 82px !important;
}

.martb82 {
    margin-top: 82px !important;
    margin-bottom: 82px !important;
}

.marlr82 {
    margin-left: 82px !important;
    margin-right: 82px !important;
}

.lh82 {
    line-height: 82px !important;
}

.f83 {
    font-size: 83px !important;
}

/*padding*/
.pad83 {
    padding: 83px !important;
}

.padl83 {
    padding-left: 83px !important;
}

.padr83 {
    padding-right: 83px !important;
}

.padt83 {
    padding-top: 83px !important;
}

.padb83 {
    padding-bottom: 83px !important;
}

.padtb83 {
    padding-top: 83px !important;
    padding-bottom: 83px !important;
}

.padlr83 {
    padding-left: 83px !important;
    padding-right: 83px !important;
}

/*margin*/
.mar83 {
    margin: 83px !important;
}

.marl83 {
    margin-left: 83px !important;
}

.marr83 {
    margin-right: 83px !important;
}

.mart83 {
    margin-top: 83px !important;
}

.marb83 {
    margin-bottom: 83px !important;
}

.martb83 {
    margin-top: 83px !important;
    margin-bottom: 83px !important;
}

.marlr83 {
    margin-left: 83px !important;
    margin-right: 83px !important;
}

.lh83 {
    line-height: 83px !important;
}

.f84 {
    font-size: 84px !important;
}

/*padding*/
.pad84 {
    padding: 84px !important;
}

.padl84 {
    padding-left: 84px !important;
}

.padr84 {
    padding-right: 84px !important;
}

.padt84 {
    padding-top: 84px !important;
}

.padb84 {
    padding-bottom: 84px !important;
}

.padtb84 {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
}

.padlr84 {
    padding-left: 84px !important;
    padding-right: 84px !important;
}

/*margin*/
.mar84 {
    margin: 84px !important;
}

.marl84 {
    margin-left: 84px !important;
}

.marr84 {
    margin-right: 84px !important;
}

.mart84 {
    margin-top: 84px !important;
}

.marb84 {
    margin-bottom: 84px !important;
}

.martb84 {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
}

.marlr84 {
    margin-left: 84px !important;
    margin-right: 84px !important;
}

.lh84 {
    line-height: 84px !important;
}

.f85 {
    font-size: 85px !important;
}

/*padding*/
.pad85 {
    padding: 85px !important;
}

.padl85 {
    padding-left: 85px !important;
}

.padr85 {
    padding-right: 85px !important;
}

.padt85 {
    padding-top: 85px !important;
}

.padb85 {
    padding-bottom: 85px !important;
}

.padtb85 {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
}

.padlr85 {
    padding-left: 85px !important;
    padding-right: 85px !important;
}

/*margin*/
.mar85 {
    margin: 85px !important;
}

.marl85 {
    margin-left: 85px !important;
}

.marr85 {
    margin-right: 85px !important;
}

.mart85 {
    margin-top: 85px !important;
}

.marb85 {
    margin-bottom: 85px !important;
}

.martb85 {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
}

.marlr85 {
    margin-left: 85px !important;
    margin-right: 85px !important;
}

.lh85 {
    line-height: 85px !important;
}

.f86 {
    font-size: 86px !important;
}

/*padding*/
.pad86 {
    padding: 86px !important;
}

.padl86 {
    padding-left: 86px !important;
}

.padr86 {
    padding-right: 86px !important;
}

.padt86 {
    padding-top: 86px !important;
}

.padb86 {
    padding-bottom: 86px !important;
}

.padtb86 {
    padding-top: 86px !important;
    padding-bottom: 86px !important;
}

.padlr86 {
    padding-left: 86px !important;
    padding-right: 86px !important;
}

/*margin*/
.mar86 {
    margin: 86px !important;
}

.marl86 {
    margin-left: 86px !important;
}

.marr86 {
    margin-right: 86px !important;
}

.mart86 {
    margin-top: 86px !important;
}

.marb86 {
    margin-bottom: 86px !important;
}

.martb86 {
    margin-top: 86px !important;
    margin-bottom: 86px !important;
}

.marlr86 {
    margin-left: 86px !important;
    margin-right: 86px !important;
}

.lh86 {
    line-height: 86px !important;
}

.f87 {
    font-size: 87px !important;
}

/*padding*/
.pad87 {
    padding: 87px !important;
}

.padl87 {
    padding-left: 87px !important;
}

.padr87 {
    padding-right: 87px !important;
}

.padt87 {
    padding-top: 87px !important;
}

.padb87 {
    padding-bottom: 87px !important;
}

.padtb87 {
    padding-top: 87px !important;
    padding-bottom: 87px !important;
}

.padlr87 {
    padding-left: 87px !important;
    padding-right: 87px !important;
}

/*margin*/
.mar87 {
    margin: 87px !important;
}

.marl87 {
    margin-left: 87px !important;
}

.marr87 {
    margin-right: 87px !important;
}

.mart87 {
    margin-top: 87px !important;
}

.marb87 {
    margin-bottom: 87px !important;
}

.martb87 {
    margin-top: 87px !important;
    margin-bottom: 87px !important;
}

.marlr87 {
    margin-left: 87px !important;
    margin-right: 87px !important;
}

.lh87 {
    line-height: 87px !important;
}

.f88 {
    font-size: 88px !important;
}

/*padding*/
.pad88 {
    padding: 88px !important;
}

.padl88 {
    padding-left: 88px !important;
}

.padr88 {
    padding-right: 88px !important;
}

.padt88 {
    padding-top: 88px !important;
}

.padb88 {
    padding-bottom: 88px !important;
}

.padtb88 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
}

.padlr88 {
    padding-left: 88px !important;
    padding-right: 88px !important;
}

/*margin*/
.mar88 {
    margin: 88px !important;
}

.marl88 {
    margin-left: 88px !important;
}

.marr88 {
    margin-right: 88px !important;
}

.mart88 {
    margin-top: 88px !important;
}

.marb88 {
    margin-bottom: 88px !important;
}

.martb88 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
}

.marlr88 {
    margin-left: 88px !important;
    margin-right: 88px !important;
}

.lh88 {
    line-height: 88px !important;
}

.f89 {
    font-size: 89px !important;
}

/*padding*/
.pad89 {
    padding: 89px !important;
}

.padl89 {
    padding-left: 89px !important;
}

.padr89 {
    padding-right: 89px !important;
}

.padt89 {
    padding-top: 89px !important;
}

.padb89 {
    padding-bottom: 89px !important;
}

.padtb89 {
    padding-top: 89px !important;
    padding-bottom: 89px !important;
}

.padlr89 {
    padding-left: 89px !important;
    padding-right: 89px !important;
}

/*margin*/
.mar89 {
    margin: 89px !important;
}

.marl89 {
    margin-left: 89px !important;
}

.marr89 {
    margin-right: 89px !important;
}

.mart89 {
    margin-top: 89px !important;
}

.marb89 {
    margin-bottom: 89px !important;
}

.martb89 {
    margin-top: 89px !important;
    margin-bottom: 89px !important;
}

.marlr89 {
    margin-left: 89px !important;
    margin-right: 89px !important;
}

.lh89 {
    line-height: 89px !important;
}

.f90 {
    font-size: 90px !important;
}

/*padding*/
.pad90 {
    padding: 90px !important;
}

.padl90 {
    padding-left: 90px !important;
}

.padr90 {
    padding-right: 90px !important;
}

.padt90 {
    padding-top: 90px !important;
}

.padb90 {
    padding-bottom: 90px !important;
}

.padtb90 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

.padlr90 {
    padding-left: 90px !important;
    padding-right: 90px !important;
}

/*margin*/
.mar90 {
    margin: 90px !important;
}

.marl90 {
    margin-left: 90px !important;
}

.marr90 {
    margin-right: 90px !important;
}

.mart90 {
    margin-top: 90px !important;
}

.marb90 {
    margin-bottom: 90px !important;
}

.martb90 {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.marlr90 {
    margin-left: 90px !important;
    margin-right: 90px !important;
}

.lh90 {
    line-height: 90px !important;
}

.f91 {
    font-size: 91px !important;
}

/*padding*/
.pad91 {
    padding: 91px !important;
}

.padl91 {
    padding-left: 91px !important;
}

.padr91 {
    padding-right: 91px !important;
}

.padt91 {
    padding-top: 91px !important;
}

.padb91 {
    padding-bottom: 91px !important;
}

.padtb91 {
    padding-top: 91px !important;
    padding-bottom: 91px !important;
}

.padlr91 {
    padding-left: 91px !important;
    padding-right: 91px !important;
}

/*margin*/
.mar91 {
    margin: 91px !important;
}

.marl91 {
    margin-left: 91px !important;
}

.marr91 {
    margin-right: 91px !important;
}

.mart91 {
    margin-top: 91px !important;
}

.marb91 {
    margin-bottom: 91px !important;
}

.martb91 {
    margin-top: 91px !important;
    margin-bottom: 91px !important;
}

.marlr91 {
    margin-left: 91px !important;
    margin-right: 91px !important;
}

.lh91 {
    line-height: 91px !important;
}

.f92 {
    font-size: 92px !important;
}

/*padding*/
.pad92 {
    padding: 92px !important;
}

.padl92 {
    padding-left: 92px !important;
}

.padr92 {
    padding-right: 92px !important;
}

.padt92 {
    padding-top: 92px !important;
}

.padb92 {
    padding-bottom: 92px !important;
}

.padtb92 {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
}

.padlr92 {
    padding-left: 92px !important;
    padding-right: 92px !important;
}

/*margin*/
.mar92 {
    margin: 92px !important;
}

.marl92 {
    margin-left: 92px !important;
}

.marr92 {
    margin-right: 92px !important;
}

.mart92 {
    margin-top: 92px !important;
}

.marb92 {
    margin-bottom: 92px !important;
}

.martb92 {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
}

.marlr92 {
    margin-left: 92px !important;
    margin-right: 92px !important;
}

.lh92 {
    line-height: 92px !important;
}

.f93 {
    font-size: 93px !important;
}

/*padding*/
.pad93 {
    padding: 93px !important;
}

.padl93 {
    padding-left: 93px !important;
}

.padr93 {
    padding-right: 93px !important;
}

.padt93 {
    padding-top: 93px !important;
}

.padb93 {
    padding-bottom: 93px !important;
}

.padtb93 {
    padding-top: 93px !important;
    padding-bottom: 93px !important;
}

.padlr93 {
    padding-left: 93px !important;
    padding-right: 93px !important;
}

/*margin*/
.mar93 {
    margin: 93px !important;
}

.marl93 {
    margin-left: 93px !important;
}

.marr93 {
    margin-right: 93px !important;
}

.mart93 {
    margin-top: 93px !important;
}

.marb93 {
    margin-bottom: 93px !important;
}

.martb93 {
    margin-top: 93px !important;
    margin-bottom: 93px !important;
}

.marlr93 {
    margin-left: 93px !important;
    margin-right: 93px !important;
}

.lh93 {
    line-height: 93px !important;
}

.f94 {
    font-size: 94px !important;
}

/*padding*/
.pad94 {
    padding: 94px !important;
}

.padl94 {
    padding-left: 94px !important;
}

.padr94 {
    padding-right: 94px !important;
}

.padt94 {
    padding-top: 94px !important;
}

.padb94 {
    padding-bottom: 94px !important;
}

.padtb94 {
    padding-top: 94px !important;
    padding-bottom: 94px !important;
}

.padlr94 {
    padding-left: 94px !important;
    padding-right: 94px !important;
}

/*margin*/
.mar94 {
    margin: 94px !important;
}

.marl94 {
    margin-left: 94px !important;
}

.marr94 {
    margin-right: 94px !important;
}

.mart94 {
    margin-top: 94px !important;
}

.marb94 {
    margin-bottom: 94px !important;
}

.martb94 {
    margin-top: 94px !important;
    margin-bottom: 94px !important;
}

.marlr94 {
    margin-left: 94px !important;
    margin-right: 94px !important;
}

.lh94 {
    line-height: 94px !important;
}

.f95 {
    font-size: 95px !important;
}

/*padding*/
.pad95 {
    padding: 95px !important;
}

.padl95 {
    padding-left: 95px !important;
}

.padr95 {
    padding-right: 95px !important;
}

.padt95 {
    padding-top: 95px !important;
}

.padb95 {
    padding-bottom: 95px !important;
}

.padtb95 {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
}

.padlr95 {
    padding-left: 95px !important;
    padding-right: 95px !important;
}

/*margin*/
.mar95 {
    margin: 95px !important;
}

.marl95 {
    margin-left: 95px !important;
}

.marr95 {
    margin-right: 95px !important;
}

.mart95 {
    margin-top: 95px !important;
}

.marb95 {
    margin-bottom: 95px !important;
}

.martb95 {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
}

.marlr95 {
    margin-left: 95px !important;
    margin-right: 95px !important;
}

.lh95 {
    line-height: 95px !important;
}

.f96 {
    font-size: 96px !important;
}

/*padding*/
.pad96 {
    padding: 96px !important;
}

.padl96 {
    padding-left: 96px !important;
}

.padr96 {
    padding-right: 96px !important;
}

.padt96 {
    padding-top: 96px !important;
}

.padb96 {
    padding-bottom: 96px !important;
}

.padtb96 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
}

.padlr96 {
    padding-left: 96px !important;
    padding-right: 96px !important;
}

/*margin*/
.mar96 {
    margin: 96px !important;
}

.marl96 {
    margin-left: 96px !important;
}

.marr96 {
    margin-right: 96px !important;
}

.mart96 {
    margin-top: 96px !important;
}

.marb96 {
    margin-bottom: 96px !important;
}

.martb96 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
}

.marlr96 {
    margin-left: 96px !important;
    margin-right: 96px !important;
}

.lh96 {
    line-height: 96px !important;
}

.f97 {
    font-size: 97px !important;
}

/*padding*/
.pad97 {
    padding: 97px !important;
}

.padl97 {
    padding-left: 97px !important;
}

.padr97 {
    padding-right: 97px !important;
}

.padt97 {
    padding-top: 97px !important;
}

.padb97 {
    padding-bottom: 97px !important;
}

.padtb97 {
    padding-top: 97px !important;
    padding-bottom: 97px !important;
}

.padlr97 {
    padding-left: 97px !important;
    padding-right: 97px !important;
}

/*margin*/
.mar97 {
    margin: 97px !important;
}

.marl97 {
    margin-left: 97px !important;
}

.marr97 {
    margin-right: 97px !important;
}

.mart97 {
    margin-top: 97px !important;
}

.marb97 {
    margin-bottom: 97px !important;
}

.martb97 {
    margin-top: 97px !important;
    margin-bottom: 97px !important;
}

.marlr97 {
    margin-left: 97px !important;
    margin-right: 97px !important;
}

.lh97 {
    line-height: 97px !important;
}

.f98 {
    font-size: 98px !important;
}

/*padding*/
.pad98 {
    padding: 98px !important;
}

.padl98 {
    padding-left: 98px !important;
}

.padr98 {
    padding-right: 98px !important;
}

.padt98 {
    padding-top: 98px !important;
}

.padb98 {
    padding-bottom: 98px !important;
}

.padtb98 {
    padding-top: 98px !important;
    padding-bottom: 98px !important;
}

.padlr98 {
    padding-left: 98px !important;
    padding-right: 98px !important;
}

/*margin*/
.mar98 {
    margin: 98px !important;
}

.marl98 {
    margin-left: 98px !important;
}

.marr98 {
    margin-right: 98px !important;
}

.mart98 {
    margin-top: 98px !important;
}

.marb98 {
    margin-bottom: 98px !important;
}

.martb98 {
    margin-top: 98px !important;
    margin-bottom: 98px !important;
}

.marlr98 {
    margin-left: 98px !important;
    margin-right: 98px !important;
}

.lh98 {
    line-height: 98px !important;
}

.f99 {
    font-size: 99px !important;
}

/*padding*/
.pad99 {
    padding: 99px !important;
}

.padl99 {
    padding-left: 99px !important;
}

.padr99 {
    padding-right: 99px !important;
}

.padt99 {
    padding-top: 99px !important;
}

.padb99 {
    padding-bottom: 99px !important;
}

.padtb99 {
    padding-top: 99px !important;
    padding-bottom: 99px !important;
}

.padlr99 {
    padding-left: 99px !important;
    padding-right: 99px !important;
}

/*margin*/
.mar99 {
    margin: 99px !important;
}

.marl99 {
    margin-left: 99px !important;
}

.marr99 {
    margin-right: 99px !important;
}

.mart99 {
    margin-top: 99px !important;
}

.marb99 {
    margin-bottom: 99px !important;
}

.martb99 {
    margin-top: 99px !important;
    margin-bottom: 99px !important;
}

.marlr99 {
    margin-left: 99px !important;
    margin-right: 99px !important;
}

.lh99 {
    line-height: 99px !important;
}

.f100 {
    font-size: 100px !important;
}

/*padding*/
.pad100 {
    padding: 100px !important;
}

.padl100 {
    padding-left: 100px !important;
}

.padr100 {
    padding-right: 100px !important;
}

.padt100 {
    padding-top: 100px !important;
}

.padb100 {
    padding-bottom: 100px !important;
}

.padtb100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.padlr100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

/*margin*/
.mar100 {
    margin: 100px !important;
}

.marl100 {
    margin-left: 100px !important;
}

.marr100 {
    margin-right: 100px !important;
}

.mart100 {
    margin-top: 100px !important;
}

.marb100 {
    margin-bottom: 100px !important;
}

.martb100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.marlr100 {
    margin-left: 100px !important;
    margin-right: 100px !important;
}

.lh100 {
    line-height: 100px !important;
}

.thin {
    font-weight: 300 !important;
}

.thick {
    font-weight: 500 !important;
}

.border-radius0 {
    border-radius: 0px !important;
}

@media (max-width: 1024px) {
    .hidden-devide-1024 {
        display: none !important;
    }
}

@media (min-width: 1025px) {
    .show-devide-1024 {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .hidden-devide-768 {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .show-devide-768 {
        display: none !important;
    }
}

/*

	Footer

 */
.footer {
    background: #903938;
    color: #fff;
    padding: 10px 0px;
    text-align: center;
}

.footer .add {
    display: inline-block;
    margin: 5px 15px;
}

.footer .add:last-child {
    margin-right: 0px;
}

.footer p {
    margin-bottom: 0px;
}

/*
    Custom Header
*/
.header {
    background: #fff;
    padding: 15px 0px;
}

@media (max-width: 991px) {
    .header {
        border-bottom: 1px solid #e2e2e2;
    }
}

.nav-toggle {
    display: none;
    background: #CE7A58;
    width: 36px;
    height: 36px;
    text-align: center;
    color: #fff;
    line-height: 36px;
    position: fixed;
    z-index: 88;
    top: 0px;
    right: 0px;
    font-size: 24px;
    cursor: pointer;
}

.nav-toggle .icon {
    line-height: 36px;
}

@media (max-width: 991px) {
    .nav-toggle {
        display: block;
    }
}

.logo-text {
    position: relative;
    color: #2A6EBB;
    text-align: left;
}

.logo-text .logo {
    left: 0px;
    max-width: 536px;
    width: 100%;
    display: inline-block;
}

.header-title {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 22px;
    font-family: Lora, Arial;
    color: #903938;
    text-transform: uppercase;
}

.header-sologan {
    font-size: 16px;
    color: #903938;
    font-style: italic;
}

@media (max-width: 991px) {
    .logo-text {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }

    .logo-text .logo {
        top: 0px;
        margin-bottom: 10px;
        position: relative;
    }
}

.header-account {
    position: absolute;
    top: 20px;
    right: 0px;
}

@media (max-width: 991px) {
    .header-account {
        display: none;
    }
}

.header-account .btn {
    margin: 0px 3px;
    border-color: #CE7A58;
    color: #1E2F41;
    border-radius: 3px;
    width: auto;
    min-width: 0px;
    font-size: 18px;
    height: auto;
    font-weight: 500;
}

.header-account .btn:hover {
    background-color: #CE7A58;
    color: #fff;
}

.header-account .user {
    padding-left: 50px;
    padding-right: 20px;
    padding-top: 10px;
}

.header-account .user .avatar {
    position: absolute;
    top: 0px;
    left: 0px;
}

.header-account .user .icon {
    position: absolute;
    right: 0px;
    top: 10px;
}

.header-account .user .username {
    overflow: hidden;
    max-width: 250px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 991px) {
    .header-account .user .username {
        max-width: 150px;
    }
}

.header-nav {
    background: #df0b28;
}

.header-nav .menus {
    font-size: 20px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.header-nav .menus > li {
    float: left;
    position: relative;
}

.header-nav .menus > li > a {
    display: block;
    padding: 14px 20px;
    font-weight: 500;
    height: 48px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
}

.header-nav .menus > li.active > a, .header-nav .menus > li:hover > a {
    color: #fff;
    background: #CE7A58;
}

.header-nav .menus .dropdown-menu {
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    min-width: 100%;
    background: #E9926F;
    font-size: 18px;
}

.header-nav .menus .dropdown-menu > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

.header-nav .menus .dropdown-menu > li .dropdown-menu {
    left: 100%;
    top: 0px;
}

.header-nav .menus .dropdown-menu > li > a {
    color: #fff;
    padding: 10px;
}

.header-nav .menus .dropdown-menu > li:hover > a {
    background: #CE7A58;
}

.header-nav .menus .dropdown-menu > li.active > a > a, .header-nav .menus .dropdown-menu > li.active > a:focus > a, .header-nav .menus .dropdown-menu > li.active > a:hover > a {
    background: #CE7A58;
}

.header-nav .menus li:hover > .dropdown-menu {
    display: block;
}

.header-nav .header-account {
    display: none;
}

@media (max-width: 991px) {
    .header-nav {
        position: fixed;
        top: 0px;
        left: -100%;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease;
        overflow: auto;
        bottom: 0px;
        width: 260px;
        z-index: 100;
    }

    .header-nav.show {
        visibility: visible;
        opacity: 1;
        transition: all 0.3s ease;
        left: 0px;
    }

    .header-nav .pull-left, .header-nav .pull-right {
        float: none;
        width: 100%;
    }

    .header-nav .menus > li {
        width: 100%;
        float: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .header-nav .menus > li > a {
        height: auto;
    }

    .header-nav .menus > li:hover .dropdown-menu {
        display: none;
    }

    .header-nav .menus > li.active .dropdown-menu, .header-nav .menus > li.active:hover .dropdown-menu {
        display: block !important;
    }

    .header-nav .menus > li.active > a, .header-nav .menus > li:hover > a {
        color: #fff;
        background: #CE7A58;
    }

    .header-nav .menus > li.active > a .down:before, .header-nav .menus > li:hover > a .down:before {
        content: "\f107";
    }

    .header-nav .menus > li .down {
        position: absolute;
        top: 12px;
        right: 0px;
        font-family: FontAwesome;
        display: block;
        width: 16px;
        font-size: 16px;
        text-align: center;
        line-height: 16px;
        height: 16px;
    }

    .header-nav .menus > li .down:before {
        content: "\f105";
    }

    .header-nav .menus .dropdown-menu {
        width: 100%;
        position: relative;
        display: none;
        float: none;
        top: 0px;
        left: 0px;
    }

    .header-nav .menus .dropdown-menu > li > a {
        white-space: normal;
    }

    .header-nav .menus .dropdown-menu > li .down {
        display: none;
    }

    .header-nav .menus .dropdown-menu > li.active > a {
        background: none;
    }

    .header-nav .menus .dropdown-menu > li .dropdown-menu {
        background: none;
        box-shadow: none;
        border: 0;
        left: 0px;
    }

    .header-nav .menus .dropdown-menu > li .dropdown-menu > li > a {
        padding-left: 30px;
    }

    .header-nav .menus .dropdown-menu > li .dropdown-menu > li.active > a {
        background: #CE7A58;
    }

    .header-nav .header-account {
        display: block;
        position: relative;
        clear: both;
    }

    .header-nav .header-account .btn {
        width: 100%;
        margin: 3px 0px;
    }
}

.header-nav.pakn {
    background: #67A99F;
    color: #fff;
}

.header-nav.pakn .menus > li {
    margin-right: 0px;
}

.header-nav.pakn .menus > li > a {
    padding: 12px 15px;
}

.header-nav.pakn .menus > li > a:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.1);
}

.header-nav.pakn .menus > li.active > a:before {
    display: none;
}

.header-nav.pakn .menus > li.active > a {
    background: #fff;
    color: #2A6EBB;
}

.languages > .btn {
    padding: 12px 10px;
    background: none;
}

.languages > .btn:hover, .languages > .btn:focus {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.languages .icon {
    width: 24px;
    height: 17px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 5px;
    border-radius: 2px;
    vertical-align: middle;
    background-position: center;
}

.languages .dropdown-menu {
    width: 100%;
}

.hero-banner {
    background-image: url(../img/home/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #CE7A58;
    background-position: center center;
    padding: 40px 0px;
    position: relative;
}

.hero-banner .head {
    margin-bottom: 20px;
    color: #fff;
}

.hero-banner .head .title {
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
}

.hero-banner .slider {
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    background: #CE7A58;
    color: #fff;
    white-space: nowrap;
}

.hero-banner .slider .item {
    display: inline-block;
    padding: 7px 20px;
}

.hero-banner .slider .item:hover {
    color: #000;
}

.hero-banner .actions .row {
    display: flex;
}

@media (max-width: 768px) {
    .hero-banner .actions .row {
        display: block;
    }

    .hero-banner .actions .row .btn {
        height: auto;
    }
}

.hero-banner .btn {
    height: 100%;
    align-self: stretch;
    white-space: normal;
    display: block;
    align-items: center;
}

@media (max-width: 768px) {
    .hero-banner .actions .btn {
        margin-top: 10px;
    }
}

.box-wrap-search {
    padding-right: 350px;
    position: relative;
}

.box-wrap-search .btn-dvctt {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 40px;
    padding: 6px 20px;
    font-size: 20px;
    background: #FFC251;
    color: #1E2F41;
}

@media (max-width: 768px) {
    .box-wrap-search {
        padding-right: 0px;
    }

    .box-wrap-search .btn-dvctt {
        position: relative;
    }
}

.box-search {
    margin: auto;
    position: relative;
}

.box-search .row {
    margin: 0px -5px;
}

.box-search .col-xs-12 {
    padding: 0px 5px;
}

.box-search.-nobtn {
    padding-right: 0px;
}

.box-search .form-control {
    height: 40px;
    box-shadow: none;
    font-size: 18px;
    border-radius: 4px;
}

.box-search.-adv .form-control {
    border: 0px;
    padding-right: 245px;
}

.box-search .adv {
    position: absolute;
    top: 0px;
    height: 40px;
    right: 60px;
    z-index: 10;
    width: 180px;
    border-left: 1px solid #e2e2e2;
    padding: 7px 10px;
    cursor: pointer;
    color: #1E2F41;
    text-align: center;
}

.box-search .adv:hover {
    color: #903938;
}

.box-search .btn-search {
    width: 60px;
    background: #f5f5f5;
    color: #1E2F41;
    height: 40px;
    top: 0px;
    right: 0px;
    min-width: 0px;
    border-radius: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
}

.box-search .btn-search .icon {
    font-size: 18px;
}

.box-search .btn-search:hover {
    background: #903938;
    color: #fff;
}

@media (max-width: 768px) {
    .box-search {
        padding-right: 0px;
    }

    .box-search .form-control {
        padding-right: 40px;
    }

    .box-search.-adv .form-control {
        padding-right: 200px;
    }

    .box-search .adv {
        right: 40px;
        bottom: 0px;
        top: auto;
        border-left: 0px;
        border-radius: 2px;
        text-align: right;
    }

    .box-search .btn-search {
        width: 40px;
        font-size: 0px;
    }

    .box-search .btn-search .icon {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .box-search {
        margin-bottom: 40px;
    }

    .box-search.-adv .form-control {
        padding-right: 40px;
    }

    .box-search .adv {
        bottom: -45px;
        color: #fff;
        right: 0px;
        width: 100%;
    }
}

.header-bottom {
    background: #CE7A58;
}

.header-bottom ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.header-bottom ul .dropdown-menu {
    min-width: 100%;
    background: #CE7A58;
    border: 0px;
    margin: 0px;
}

.header-bottom ul .dropdown-menu li {
    float: none;
}

.header-bottom ul .dropdown-menu li > a {
    display: block;
    font-size: 16px;
}

.header-bottom ul > li {
    float: left;
    position: relative;
}

.header-bottom ul > li > a {
    display: block;
    padding: 7px 20px;
    color: #fff;
}

.header-bottom ul > li.active > a, .header-bottom ul > li:hover > a {
    background: #bc5d37;
}

.header-bottom ul > li .down {
    position: absolute;
    top: 0px;
    right: 0px;
    font-family: FontAwesome;
    display: block;
    width: 16px;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
    height: 16px;
    bottom: 0px;
    margin: auto;
}

.header-bottom ul > li .down:before {
    content: "\f107";
}

.header-bottom ul > li:hover > ul {
    display: block;
}

@media (max-width: 991px) {
    .header-bottom {
        display: none;
    }
}

/*
    Home page
*/
.section {
    padding: 40px 0px;
}

@media (max-width: 768px) {
    .section {
        padding: 20px 0px;
    }
}

.actions-rate {
    margin-top: 20px;
    margin-bottom: 20px;
}

.actions-rate .icon {
    margin-right: 5px;
}

.actions-rate .icon img {
    height: 20px;
}

.actions-rate .btn-like {
    border: 1px solid #67A99F;
    color: #67A99F;
}

.actions-rate .btn-like:hover {
    background: #67A99F;
    color: #fff;
}

.actions-rate .btn-dislike {
    border: 1px solid #CE7A58;
    color: #CE7A58;
}

.actions-rate .btn-dislike:hover {
    background: #CE7A58;
    color: #fff;
}

@media (max-width: 480px) {
    .actions-rate .btn {
        margin-bottom: 10px;
    }
}

.targetgroup-area .container {
    max-width: 991px;
}

.targetgroup-head {
    position: relative;
    font-size: 23px;
    text-align: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    cursor: pointer;
    color: #CE7A58;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.targetgroup-head h2, .targetgroup-head .targetgroup-title {
    font-size: 23px;
    margin: 0px;
}

.targetgroup-head:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #CE7A58;
    height: 4px;
    border-radius: 20px;
}

.targetgroup-body {
    position: relative;
    font-size: 18px;
}

.targetgroup-body .wrap {
    display: block;
    padding: 10px 20px;
    padding-left: 60px;
    border-radius: 8px;
    background: #f5f5f5;
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
}

.targetgroup-body .wrap:hover {
    color: #000;
}

.targetgroup-body .icon {
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 15px;
    width: 30px;
}

.targetgroup-body .icon img {
    height: 25px;
}

.targetgroup-body-title {
    margin-bottom: 10px;
    line-height: 24px;
}

.targetgroup-box {
    padding: 10px;
    position: relative;
}

@media (max-width: 768px) {
    .targetgroup-box {
        padding: 10px 0px;
    }
}

.targetgroup-box.-congdan .targetgroup-body .wrap:hover {
    background: rgba(103, 169, 159, 0.15);
}

.targetgroup-box.-doanhnghiep .targetgroup-body .wrap:hover {
    background: rgba(144, 57, 56, 0.15);
}

.hotnews-top {
    background-image: url(../img/bg-news.jpg);
    background-size: cover;
    background-position: right center;
    background-color: #f5f5f5;
}

@media (max-width: 991px) {
    .hotnews-top {
        background: #f5f5f5;
    }
}

.hotnews-top .container {
    max-width: 991px;
}

.hotnews-top .post-date {
    font-size: 14px;
    color: #8F969C;
}

.hotnews-top .wrap {
    padding: 0px 20px;
    border-right: 1px solid #e2e2e2;
}

.hotnews-top .list-news {
    padding: 20px 30px;
}

.hotnews-top .list-news .item {
    margin-bottom: 0px;
}

.hotnews-top .list-news .post-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.hotnews-top .item:first-child .wrap {
    border-left: 0px;
}

.hotnews-top .slick-arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    line-height: 30px;
    text-align: center;
    top: 0px;
    bottom: 0px;
    margin: auto;
    font-size: 0px;
    background: none;
    border: 0px;
}

.hotnews-top .slick-arrow:before {
    font-family: FontAwesome;
    content: "";
    font-size: 24px;
}

.hotnews-top .slick-arrow:hover {
    color: #CE7A58;
}

.hotnews-top .slick-arrow.slick-prev {
    left: 0px;
}

.hotnews-top .slick-arrow.slick-prev:before {
    content: "\f104";
}

.hotnews-top .slick-arrow.slick-next {
    right: 0px;
}

.hotnews-top .slick-arrow.slick-next:before {
    content: "\f105";
}

.tab-buttons {
    margin-bottom: 20px;
}

.tab-buttons:after {
    content: "";
    display: block;
    clear: both;
}

.tab-buttons > li {
    float: left;
}

.tab-buttons > li > a {
    display: block;
    min-width: 160px;
    text-align: center;
    color: #333;
    padding: 7px 20px;
    border: 1px solid #e2e2e2;
    font-weight: 500;
}

.tab-buttons > li:hover > a {
    background: rgba(206, 122, 88, 0.08);
}

.tab-buttons > li.active > a {
    background: #CE7A58;
    color: #fff;
    border-color: #CE7A58;
}

.box-cat-cd {
    margin-bottom: 40px;
}

.box-cat-cd:last-child {
    margin-bottom: 0px;
}

.box-cat-cd .bottom-action {
    padding-left: 40px;
}

.main-title-sub {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: justify;
}

.main-title-sub.-color {
    color: #CE7A58;
}

.f20 {
    font-size: 20px !important;
}

.readmore {
    padding: 10px 10px;
    text-align: center;
    display: block;
    color: #CE7A58;
}

.readmore .icon {
    color: #F35B46;
    margin-left: 5px;
}

.readmore:hover {
    color: #173d68;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    background: #CE7A58;
}

.marl10 {
    margin-left: 10px;
}

.marb20 {
    margin-bottom: 20px;
}

.twitter-typeahead {
    display: block !important;
}

.section-menu-bottom {
    background: #f5f5f5;
}

.section-menu-bottom .container {
    max-width: 991px;
}

.section-menu-bottom .wrap {
    display: table;
    width: 100%;
    cursor: pointer;
}

.section-menu-bottom .wrap:hover {
    color: #CE7A58;
}

@media (max-width: 768px) {
    .section-menu-bottom .wrap {
        margin-bottom: 20px;
    }
}

.section-menu-bottom .icon,
.section-menu-bottom .text {
    display: table-cell;
    vertical-align: middle;
}

.section-menu-bottom .icon {
    width: 90px;
}

.section-menu-bottom .text {
    padding-left: 20px;
}

@media (max-width: 768px) {
    .section-menu-bottom .pull-right, .section-menu-bottom .pull-left {
        width: 100%;
    }
}

.bottom-fixed {
    position: fixed;
    bottom: 0px;
    background: #fff;
    left: 0px;
    right: 0px;
    box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.1);
    z-index: 100;
    padding: 10px;
    color: #e53935;
}

.section-dvc,
.section-cong-dan {
    margin-bottom: 50px;
    min-height: calc(100vh - 300px);
}

.list-document {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.list-document li {
    margin-bottom: 7px;
}

.list-document a {
    display: block;
    padding: 7px 0px;
    padding-left: 40px;
    position: relative;
    text-align: justify;
}

.list-document a:before {
    content: "";
    display: block;
    background-image: url(../img/document.svg);
    width: 18px;
    height: 19px;
    background-size: cover;
    position: absolute;
    top: 12px;
    left: 0px;
    line-height: 18px;
}

.list-document.-col2 {
    margin: 0px -15px;
}

.list-document.-col2:after {
    content: "";
    display: block;
    clear: both;
}

.list-document.-col2 > li {
    width: 50%;
    float: left;
    padding: 0px 15px;
}

@media (max-width: 768px) {
    .list-document.-col2 > li {
        width: 100%;
    }
}

.list-document.-question a:before {
    background: none;
    color: #CE7A58;
    font-family: ap;
    content: "\e30f";
    font-size: 20px;
}

.list-document.-mess a:before {
    background: none;
    color: #CE7A58;
    font-family: ap;
    content: "\f14f";
    font-size: 24px;
}

.list-document.-img a:before {
    display: none;
}

.list-document.-img a .icon {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    left: 0px;
}

.list-document.-img a .icon img {
    width: 100%;
}

.actions {
    margin-top: 30px;
}

@media (max-width: 480px) {
    .actions .btn {
        margin-top: 10px;
    }
}

.section-menu-bottom {
    margin-top: 60px;
}

@media (max-width: 768px) {
    .section-menu-bottom {
        margin-top: 0px;
    }
}

.bv-form .help-block {
    margin-bottom: 15px !important;
}

.bor1 {
    border: 1px solid #e2e2e2 !important;
}

.bg-gray {
    background: rgba(132, 132, 132, 0.1);
}

.f48 {
    font-size: 48px !important;
    line-height: 1.3333;
}

.cong-dan-list {
    display: grid;
    grid-template-columns: 50% 50%;
}

.cong-dan-list:after {
    content: "";
    display: block;
    clear: both;
}

@media (max-width: 768px) {
    .cong-dan-list {
        grid-template-columns: none;
    }
}

.cong-dan-list .wrap {
    display: block;
    padding: 30px 20px;
    cursor: default;
}

.cong-dan-list .item {
    border-bottom: 2px solid #e2e2e2;
}

.cong-dan-list .item.borb0 {
    border-bottom: transparent;
}

.cong-dan-list .item .head {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

.cong-dan-list .item .head .icon {
    display: table-cell;
    width: 45px;
}

.cong-dan-list .item .head .text {
    display: table-cell;
    font-size: 22px;
    line-height: 27px;
    font-weight: 600;
    padding-left: 20px;
}

.cong-dan-list .item .list-dvc {
    margin-top: 20px;
    color: #903938;
}

.cong-dan-list .item .list-dvc span {
    cursor: pointer;
}

.cong-dan-list .item .list-dvc span:hover {
    color: #CE7A58;
}

.cong-dan-list .item:hover, .cong-dan-list .item.active {
    border-color: #903938;
    background: #f5f5f5;
}

.cong-dan-list .item:hover .wrap, .cong-dan-list .item.active .wrap {
    color: #1E2F41;
}

.sidebar-congdan {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    margin-bottom: 20px;
}

.sidebar-congdan .head {
    background: rgba(30, 47, 65, 0.1);
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 7px 15px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #333;
}

.sidebar-congdan .body {
    padding: 15px;
}

.table-tthc {
    width: 100%;
}

.table-tthc p {
    margin-bottom: 5px;
}

.table-tthc .head {
    border-top: 1px solid #e2e2e2;
}

.table-tthc .head td {
    padding-bottom: 0px;
}

.table-tthc .head .title {
    font-size: 20px;
    font-weight: 500;
}

.table-tthc td {
    padding: 15px 0px;
    padding-right: 20px;
    vertical-align: top;
}

.table-tthc td:last-child {
    padding-right: 0px;
}

@media (max-width: 768px) {
    .table-tthc {
        display: block;
    }

    .table-tthc tr,
    .table-tthc td,
    .table-tthc tbody {
        display: block;
    }

    .table-tthc td {
        border-top: 0px;
        padding: 0px;
        margin-bottom: 5px;
    }

    .table-tthc tr {
        padding: 15px 0px;
    }

    .table-tthc tr.head {
        padding-bottom: 0px;
    }
}

.section-tien-ich {
    background-image: url(../img/tienich/bg.svg);
    background-position: top right;
    background-repeat: no-repeat;
}

.section-tien-ich .btn-search {
    max-width: 300px;
    width: 100%;
}

.section-tien-ich .box-form {
    margin-bottom: 40px;
}

.section-tbkm .main-title-sub {
    font-size: 22px;
    text-align: unset;
}

.section-tbkm .main-title {
    text-align: unset;
}

.kqtk {
    margin-bottom: 30px;
}

.kqtk .links li {
    padding: 15px 0px;
    border-bottom: 1px solid #e2e2e2;
}

.kqtk .links li:last-child {
    border-bottom: 0px;
}

.steps:after {
    content: "";
    display: block;
    clear: both;
}

.steps .item {
    text-align: center;
    width: 25%;
    float: left;
    padding: 15px;
    position: relative;
    color: #7C964C;
}

.steps .item:after {
    content: "";
    height: 2px;
    width: 100%;
    right: 50%;
    position: absolute;
    top: 40px;
    background: rgba(124, 150, 76, 0.2);
}

.steps .item:first-child:after {
    display: none;
}

@media (max-width: 768px) {
    .steps .item {
        width: 100% !important;
        padding: 0px;
        margin-bottom: 30px;
    }

    .steps .item:after {
        width: 1px;
        height: 30px;
        bottom: -30px;
        right: 0px;
        left: 0px;
        margin: auto;
        top: auto;
        display: none;
    }
}

.steps .item.processing .number {
    background: #7C964C;
    color: #fff;
}

.steps .item.processing:after {
    background: #7C964C;
}

.steps .item.actived .number {
    background: #7C964C;
    color: #fff;
    font-size: 0px;
}

.steps .item.actived .number:before {
    font-size: 18px;
    content: "\f00c";
    font-family: FontAwesome;
}

.steps .item.actived:after {
    background: #7C964C;
}

.steps .item.actived .title {
    color: #1E2F41;
}

.steps.steps3 .item {
    width: 33.333%;
}

.steps.steps5 .item {
    width: 20%;
}

.steps .number {
    height: 44px;
    width: 44px;
    position: relative;
    z-index: 2;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 44px;
    color: #7C964C;
    background: #e5eadb;
}

.steps .txt {
    color: rgba(30, 47, 65, 0.6);
}

.steps .title {
    color: rgba(30, 47, 65, 0.6);
    font-size: 16px;
    margin-bottom: 10px;
}

.steps.-ncovi .number {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 28px;
}

.steps.-ncovi .item:after {
    top: 60px;
}

.box-chitiet-km {
    font-size: 16px;
}

.box-chitiet-km .main-title-sub {
    margin-bottom: 7px;
}

.box-chitiet-km .label-text {
    white-space: normal;
    overflow: auto;
    vertical-align: middle;
    margin-bottom: 0px;
}

.box-chitiet-km .form-control {
    height: 36px;
    border: 0px;
    padding-left: 0px;
    padding-right: 0px;
    height: auto;
    color: #000;
    font-size: 16px;
    border-radius: 0px;
    border-bottom: 1px solid #d6d6d6;
}

.box-chitiet-km .form-control::placeholder {
    font-weight: normal;
}

.box-chitiet-km .form-control:focus {
    outline: none;
    font-weight: 500;
    box-shadow: none;
    border-bottom-color: #2A6EBB;
}

.box-chitiet-km textarea {
    max-height: 120px;
}

.box-chitiet-km .list-cqth {
    border: 1px solid #e2e2e2;
}

.box-chitiet-km .list-cqth .item {
    display: block;
    padding: 10px 15px;
}

.box-chitiet-km .btn {
    font-size: 16px;
}

.box-chitiet-km .input-right-button {
    position: relative;
    padding-right: 160px;
}

.box-chitiet-km .input-right-button .btn {
    width: 140px;
    position: absolute;
    right: 0px;
    top: 0px;
    min-width: 0px;
    padding: 6px 10px;
    height: auto;
}

.box-chitiet-km .table-info .key {
    width: 250px;
}

.box-chitiet-km .table-info .value {
    min-width: 300px;
}

.box-chitiet-km .table-info a {
    white-space: nowrap;
    display: block;
    width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 768px) {
    .box-chitiet-km .table-info .key {
        width: 100%;
    }

    .box-chitiet-km .table-info a {
        width: 100%;
    }
}

.table-dvc {
    margin-top: 10px;
    width: 100%;
}

.table-dvc th {
    padding: 8px 8px;
}

.table-dvc td {
    vertical-align: top;
    padding: 8px 8px;
    padding-right: 20px;
    line-height: 22px;
}

.table-dvc .key {
    margin-bottom: 3px;
    display: block;
    white-space: nowrap;
    font-weight: 500;
}

@media (max-width: 768px) {
    .table-dvc {
        display: block;
    }

    .table-dvc th,
    .table-dvc td,
    .table-dvc tr,
    .table-dvc tbody {
        display: block;
    }
}

.table-dvc .actions {
    margin-top: 0px !important;
}

.table-dvc .divider-gray {
    margin: 10px 0px;
}

.table-info td {
    padding: 10px 10px;
    vertical-align: top;
}

.table-info td.key {
    padding-left: 0px;
    color: #666;
}

.table-info td.value {
    font-weight: 500;
}

.table-info.-style01 td.key {
    color: #1E2F41;
    font-weight: 500;
}

.table-info.-style01 td.value {
    color: #1E2F41;
    font-weight: normal;
}

@media (max-width: 768px) {
    .table-info {
        display: block;
    }

    .table-info th,
    .table-info td,
    .table-info tr,
    .table-info tbody {
        display: block;
        padding: 0px;
        margin-bottom: 5px;
    }

    .table-info tr {
        margin-bottom: 20px;
    }
}

.list-expand {
    margin-bottom: 20px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.list-expand .content {
    display: none;
    margin-bottom: 20px;
}

.list-expand .title {
    cursor: pointer;
    display: block;
    padding: 15px 0px;
    color: #1E2F41;
    position: relative;
    padding-right: 40px;
    font-weight: 500;
    font-size: 22px;
}

.list-expand .title:before {
    content: "\f107";
    position: absolute;
    top: 0px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    bottom: 0px;
    margin: auto;
    right: 0px;
    color: #8F969C;
    font-family: FontAwesome;
}

.list-expand .title:hover {
    color: #CE7A58;
}

.list-expand .item {
    border-top: 1px solid #E9F0F8;
}

.list-expand .item:first-child {
    border-top: 0px;
}

.list-expand .item.active .content {
    display: block;
}

.list-expand .item.active .title {
    color: #333;
}

.list-expand .item.active .title:before {
    content: "\f106";
}

.input-right-button {
    position: relative;
    padding-right: 160px;
}

.input-right-button .btn {
    position: absolute;
    top: 0px;
    right: 0px;
    min-width: 150px;
}

.slick-slide {
    height: auto;
}

.slick-dots {
    text-align: center;
}

.slick-dots > li {
    display: inline-block;
    margin: 0px 5px;
}

.slick-dots > li button {
    background: none;
    border: none;
    font-size: 0px;
    padding: 0px;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    background: #f1f1f1;
}

.slick-dots > li.slick-active button {
    background: #EAA031;
}

.box-wrap-search-page {
    background-image: url(../img/home/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #CE7A58;
    background-position: center center;
    padding: 30px;
    position: relative;
    margin-bottom: 30px;
    padding-right: 350px;
}

.box-wrap-search-page .box-search.-adv .form-control {
    padding-right: 80px;
}

.box-wrap-search-page .btn-dvctt {
    position: absolute;
    top: 30px;
    right: 30px;
    height: 40px;
    padding: 6px 20px;
    font-size: 20px;
    background: #FFC251;
    color: #1E2F41;
}

.box-wrap-search-page.-style01 {
    padding: 0px;
    padding-right: 350px;
    background: none;
}

.box-wrap-search-page.-style01 .btn-dvctt {
    right: 0px;
    top: 0px;
}

.box-wrap-search-page.-style01 .box-search.-adv .form-control {
    border: 1px solid #8F969C;
}

.box-wrap-search-page.-style01 .box-search.-adv .form-control:focus {
    border-color: #CE7A58;
}

.box-wrap-search-page.-style01 .box-search .btn-search {
    background: #F5F5F5;
    color: #1E2F41;
    top: 1px;
    right: 1px;
    height: auto;
    bottom: 1px;
    margin-bottom: 0px;
}

.box-wrap-search-page.-style01 .box-search .btn-search:hover {
    background: #bc5d37;
    color: #fff;
}

@media (max-width: 768px) {
    .box-wrap-search-page.-style01 {
        padding-right: 0px;
    }
}

@media (max-width: 768px) {
    .box-wrap-search-page {
        padding: 15px;
    }

    .box-wrap-search-page .box-search {
        margin-bottom: 20px;
    }

    .box-wrap-search-page .btn-dvctt {
        top: 0px;
        right: 0px;
        position: relative;
    }
}

.nav-fix-tkm {
    width: 115px;
    position: fixed;
    background: #CE7A58;
    color: #fff;
    text-align: center;
    top: 20%;
    right: 0px;
    z-index: 10;
    font-size: 20px;
    line-height: 28px;
    cursor: pointer;
    padding: 15px 10px;
}

.popup-chitietTTHC {
    padding: 0px !important;
}

.popup-chitietTTHC .close {
    position: absolute;
    top: 20px;
    right: 10px;
}

.popup-chitietTTHC .modal-content {
    border-radius: 0px;
}

.popup-chitietTTHC .main-title {
    margin-bottom: 0px;
    padding-left: 0px;
    text-align: center;
}

.popup-chitietTTHC .wd-table {
    width: 100%;
}

.popup-chitietTTHC .wd-table td {
    padding: 7px 10px;
    border: 1px solid #e2e2e2;
    line-height: 22px;
    vertical-align: top;
}

.popup-chitietTTHC .wd-table td:first-child {
    white-space: nowrap;
    background: #f5f6f7;
    font-weight: bold;
}

.user-manual .content {
    padding: 20px;
    background: #fff;
    border: 1px solid #e2e2e2;
}

.user-manual .content:after {
    content: "";
    display: block;
    clear: both;
}

.user-manual .col3 .item {
    width: 33.3333%;
}

.user-manual .item {
    text-align: center;
    width: 25%;
    float: left;
    padding: 15px;
    position: relative;
}

.user-manual .item:after {
    content: "";
    height: 2px;
    width: 100%;
    right: 50%;
    position: absolute;
    top: 55px;
    background: rgba(206, 122, 88, 0.2);
}

.user-manual .item:before {
    content: "";
    height: 2px;
    width: 100px;
    right: 0px;
    left: 0px;
    margin: auto;
    z-index: 2;
    position: absolute;
    top: 55px;
    background: #fff;
}

.user-manual .item:first-child:after {
    display: none;
}

@media (max-width: 768px) {
    .user-manual .item {
        width: 100%;
        padding: 0px;
        margin-bottom: 30px;
    }

    .user-manual .item:first-child:after {
        display: block;
    }

    .user-manual .item:after {
        width: 1px;
        height: 30px;
        bottom: -30px;
        right: 0px;
        left: 0px;
        margin: auto;
        top: auto;
    }
}

.user-manual .icon {
    height: 72px;
    width: 72px;
    position: relative;
    z-index: 2;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 10px;
}

.user-manual .txt {
    color: #999;
}

.user-manual .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.pop-success {
    text-align: center;
    max-width: 360px;
    margin: auto;
}

.pop-success .icon {
    font-size: 60px;
    color: #7C964C;
    margin-bottom: 20px;
    line-height: 80px;
}

.pop-success .alert-text {
    margin-bottom: 30px;
    font-size: 24px;
    color: #1E2F41;
    line-height: 34px;
}

.pop-usbtoken {
    padding: 20px 0px;
    max-width: 360px;
    margin: auto;
}

.pop-usbtoken .title {
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #CE7A58;
    display: block;
    margin-bottom: 20px;
}

.pop-chungthu {
    padding: 20px;
}

.pop-chungthu .head {
    margin-bottom: 30px;
    text-align: center;
}

.pop-chungthu .head .title {
    font-size: 26px;
    font-weight: 500;
    display: block;
    margin-bottom: 6px;
}

.pop-chungthu .chungthu-item {
    position: relative;
    padding-left: 80px;
    margin-bottom: 20px;
}

.pop-chungthu .chungthu-item .icon {
    position: absolute;
    width: 60px;
    top: 0px;
    left: 0px;
}

.pop-chungthu .chungthu-item .info {
    margin-bottom: 7px;
}

.vs-icon-chat {
    width: 200px;
    position: fixed;
    bottom: 0px;
    right: 0px;
}

.vs-icon-chat .head {
    background: #FFC600;
    color: #1E2F41;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 10px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.list-km-rw {
    margin: 0px -10px;
    margin-bottom: 20px;
}

.list-km-rw:after {
    content: "";
    display: block;
    clear: both;
}

.list-km-rw .item {
    padding: 10px;
    width: 33.3333%;
    float: left;
    position: relative;
}

.list-km-rw .item:nth-child(3n+4) {
    clear: both;
}

@media (max-width: 768px) {
    .list-km-rw .item {
        width: 100%;
    }
}

.list-km-rw .wrap {
    position: relative;
    padding-left: 50px;
}

.list-km-rw .wrap .icon {
    position: absolute;
    top: 0px;
    left: 0px;
}

.list-km-rw .title,
.list-km-rw .post-location {
    margin-bottom: 5px;
    font-weight: 500;
    display: block;
}

.list-km-rw .post-location {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-km-rw .post-date {
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .quanhuyen-expand .col-sm-6 {
        margin-bottom: 20px;
    }
}

.section-tien-ich,
.section-dvc,
.section-pakn, .section-hotro {
    min-height: calc(100vh - 400px);
    padding-bottom: 30px;
}

.box-search-dvc {
    margin-bottom: 30px;
    position: relative;
    padding-right: 180px;
}

.box-search-dvc .btn {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 170px;
}

.box-search-dvc.-adv .form-control {
    padding-right: 260px;
}

.box-search-dvc.-adv .box-search .btn {
    width: 60px;
    border: 1px solid #e2e2e2;
    border-left: 0px;
}

@media (max-width: 768px) {
    .box-search-dvc {
        padding-right: 0px;
    }

    .box-search-dvc .btn {
        margin-top: 10px;
        position: relative;
        width: 100%;
    }
}

.section-giothieu {
    margin-bottom: 30px;
}

.section-giothieu .list-intro-info {
    display: grid;
    margin: 0px -15px;
    grid-template-columns: 33.33% 33.333% 33.333%;
}

.section-giothieu .list-intro-info .item {
    padding: 15px;
    margin-bottom: 0px;
}

@media (max-width: 768px) {
    .section-giothieu .list-intro-info {
        display: block;
        grid-template-columns: 100%;
    }
}

.section-giothieu .box-about-slogan {
    padding: 40px 20px;
    text-align: center;
    background: rgba(242, 166, 52, 0.2);
    border-radius: 4px;
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 28px;
    background-image: url(../img/gioithieu/hac.svg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 250px auto;
}

.section-giothieu .box-about-slogan p {
    margin-bottom: 10px;
}

.section-giothieu .box-about-slogan .content {
    max-width: 768px;
    margin: auto;
}

.section-giothieu .list-roadmap {
    padding-right: 20px;
    margin: 0px -15px;
}

.section-giothieu .list-roadmap .item {
    width: 25%;
    float: left;
    padding: 0px 15px;
}

.section-giothieu .list-roadmap .item:first-child {
    width: 50%;
}

.section-giothieu .list-roadmap:after {
    content: "";
    display: block;
    clear: both;
}

.section-giothieu .list-roadmap .year {
    font-size: 24px;
    font-weight: 500;
    color: #CE7A58;
    margin-bottom: 20px;
}

.section-giothieu .list-roadmap .line {
    height: 5px;
    background: #FCEDD6;
    position: relative;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
}

.section-giothieu .list-roadmap .line:before {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #CE7A58;
    position: absolute;
    left: 15px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

.section-giothieu .list-roadmap .item:first-child .line {
    margin-left: 0px;
}

.section-giothieu .list-roadmap .item:first-child .line:before {
    left: 0px;
}

.section-giothieu .list-roadmap .item:last-child .line:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #FCEDD6;
    right: -10px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

@media (max-width: 768px) {
    .section-giothieu .list-roadmap {
        margin: 0px;
    }

    .section-giothieu .list-roadmap .item {
        width: 100%;
        padding-left: 30px;
        position: relative;
        padding-bottom: 20px;
        border-left: 5px solid #FCEDD6;
    }

    .section-giothieu .list-roadmap .item:first-child {
        width: 100%;
    }

    .section-giothieu .list-roadmap .item:last-child .line:after {
        display: none;
    }

    .section-giothieu .list-roadmap .item:last-child:after {
        content: "";
        position: absolute;
        bottom: -6px;
        left: -12px;
        width: 0px;
        height: 0px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 15px solid #FCEDD6;
    }

    .section-giothieu .list-roadmap .line {
        border: 0px;
        background: none;
        top: 10px;
        left: -10px;
        position: absolute;
    }

    .section-giothieu .list-roadmap .year {
        margin-bottom: 10px;
    }
}

.post-image {
    display: block;
    background-size: cover;
    background-position: center;
}

.post-image img {
    opacity: 0;
    display: block;
    width: 100%;
}

.post-date {
    color: #8F969C;
}

.list-news .item {
    margin-bottom: 30px;
}

.list-news .post-image {
    margin-bottom: 10px;
}

.list-news .post-image img {
    width: 100%;
}

.list-news .post-title {
    margin-bottom: 10px;
    font-size: 22px;
}

.list-news .post-title > a {
    height: 60px;
    overflow: hidden;
    font-weight: 600;
    line-height: 30px;
    margin-right: 0em;
    padding-right: 1em;
    position: relative;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list-news .post-desc {
    height: 75px;
    text-align: justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.sidebar-news .head {
    background: rgba(30, 47, 65, 0.1);
    color: #1E2F41;
    padding: 10px;
    font-weight: 500;
    border-radius: 0px;
}

.sidebar-news .links li {
    padding: 10px 0px;
    border-bottom: 1px solid #E9F0F8;
    position: relative;
    padding-left: 25px;
    font-size: 14px;
}

.sidebar-news .links li:before {
    content: "\f105";
    position: absolute;
    top: 7px;
    left: 5px;
    color: #CE7A58;
    font-family: FontAwesome;
}

.sidebar-news .links li:last-child {
    border-bottom: 0px;
}

.sidebar-news .links li a {
    font-weight: bold;
    line-height: 20px;
    color: #1E2F41;
}

.sidebar-news .links li a:hover {
    color: #CE7A58;
    text-decoration: none;
}

.box-tcqrcode .top {
    max-width: 768px;
    display: table;
    width: 100%;
    margin: auto;
}

.box-tcqrcode .top .image, .box-tcqrcode .top .content {
    display: table-cell;
    vertical-align: middle;
}

.box-tcqrcode .top .image {
    width: 285px;
}

.box-tcqrcode .top .content {
    padding-left: 40px;
}

.box-tcqrcode .top .title {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
}

.box-tcqrcode .top .actions a {
    padding: 5px;
    display: inline-block;
}

.box-tcqrcode .top .actions img {
    height: 50px;
}

@media (max-width: 768px) {
    .box-tcqrcode .top {
        display: block;
        text-align: center;
    }

    .box-tcqrcode .top .image, .box-tcqrcode .top .content {
        display: inline-block;
        padding: 0px;
    }
}

.box-tcqrcode .intro-steps .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
}

.box-tcqrcode .intro-steps .steps-in {
    text-align: center;
}

.box-tcqrcode .intro-steps .steps-in:after {
    content: "";
    display: block;
    clear: both;
}

.box-tcqrcode .intro-steps .steps-in .item {
    width: 25%;
    float: left;
}

.box-tcqrcode .intro-steps .steps-in .text {
    padding: 0px 20px;
}

.box-tcqrcode .intro-steps .steps-in .image {
    display: inline-block;
    max-width: 140px;
    margin-bottom: 20px;
}

.box-tcqrcode .intro-steps .steps-in .icon {
    position: relative;
    margin-bottom: 20px;
}

.box-tcqrcode .intro-steps .steps-in .icon:before {
    content: "";
    height: 2px;
    background: #E5EADB;
    position: absolute;
    top: 0px;
    left: 50%;
    width: 100%;
    bottom: 0px;
    margin: auto;
}

.box-tcqrcode .intro-steps .steps-in .icon span {
    z-index: 10;
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: inline-block;
    background: #7C964C;
    color: #fff;
    line-height: 60px;
    text-align: center;
}

.box-tcqrcode .intro-steps .steps-in .item:last-child .icon:before {
    display: none;
}

@media (max-width: 768px) {
    .box-tcqrcode .intro-steps .steps-in .item {
        padding: 20px 0px;
        width: 100%;
        padding-left: 80px;
        position: relative;
    }

    .box-tcqrcode .intro-steps .steps-in .icon {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
    }

    .box-tcqrcode .intro-steps .steps-in .icon:before {
        width: 2px;
        height: 100%;
        left: 30px;
    }
}

.popup-lthue .info-row.-inline .key {
    color: #1E2F41;
    width: auto;
}

.popup-lthue .info-row.-inline .value {
    text-align: right;
    width: 160px;
}

.box-content-lktk .box-c {
    margin-bottom: 20px;
}

.box-content-lktk .title {
    font-size: 22px;
    font-weight: bold;
}

.box-content-lktk .head {
    margin-bottom: 20px;
}

.box-content-lktk .item {
    padding: 25px 0px;
    border-top: 1px solid #e2e2e2;
    position: relative;
    padding-left: 70px;
    font-weight: bold;
    padding-right: 120px;
}

.box-content-lktk .item .icon {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 50px;
}

.box-content-lktk .item .cancel {
    position: absolute;
    top: 25px;
    right: 0px;
    font-weight: normal;
}

@media (max-width: 768px) {
    .box-content-lktk .item {
        padding-top: 10px;
        padding-right: 0px;
    }

    .box-content-lktk .item .cancel {
        position: relative;
        top: 0px;
    }
}

.dvc-static-item {
    text-align: center;
    margin-bottom: 20px;
    color: #CE7A58;
}

.dvc-static-item .title {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}

.dvc-static-item .value {
    font-size: 48px;
    font-weight: bold;
    border-top: 4px solid #CE7A58;
    padding: 30px 10px;
    border-radius: 4px;
    background: rgba(143, 150, 156, 0.1);
}

.dvc-static-item.-second {
    color: #903938;
}

.dvc-static-item.-second .value {
    border-top-color: #903938;
}

.dvc-static-item.-third {
    color: #67A99F;
}

.dvc-static-item.-third .value {
    border-top-color: #67A99F;
}

.dvc-tabs {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
}

.dvc-tabs:after {
    content: "";
    display: block;
    clear: both;
}

.dvc-tabs li {
    width: 50%;
    float: left;
    border-bottom: 3px solid #CE7A58;
}

.dvc-tabs li > a {
    padding: 10px;
    font-size: 28px;
    display: block;
    color: #1E2F41;
    text-align: center;
    font-weight: 500;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.dvc-tabs li.active > a {
    background: #CE7A58;
    color: #fff;
}

.table-dvc-info {
    width: 100%;
    border: 1px solid #e2e2e2;
    font-weight: 500;
}

.table-dvc-info th, .table-dvc-info td {
    padding: 7px 10px;
}

.table-dvc-info th {
    background: rgba(30, 47, 65, 0.1);
    font-weight: 500;
}

.table-dvc-info td {
    border-bottom: 1px solid #e2e2e2;
}

.dvc-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.dvc-list > li {
    border-bottom: 1px solid #e2e2e2;
}

.dvc-list > li > a {
    padding: 10px 15px;
    display: block;
}

.sidebar-congdan.-bncq .body {
    padding: 0px;
}

.bg-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.banner-text-ncovi {
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 50px;
    font-family: Lora;
    color: #fff;
    line-height: 1.4;
    font-weight: bold;
}

.item-number .number {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #7C964C;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    margin-right: 5px;
}

.item-number .title {
    display: inline-block;
}

.bg-note-box {
    background: rgba(255, 198, 0, 0.15);
    padding: 10px;
}

.box-statis-row .row {
    margin: 0px -2px;
}

.box-statis-row .col-xs-12 {
    padding: 0px 2px;
}

.box-statis-row .title {
    height: 76px !important;
    overflow: hidden;
}

@media (max-width: 768px) {
    .box-statis-row .main-title.-number {
        margin: 0px;
        margin-bottom: 5px !important;
    }

    .box-statis-row .title {
        font-size: 18px !important;
        height: auto !important;
    }

    .box-statis-row .value {
        font-size: 32px !important;
    }
}

.list-tb-lichhen .item {
    display: table;
    width: 100%;
    padding: 15px 0px;
    border-bottom: 1px solid #E9F0F8;
    position: relative;
}

.list-tb-lichhen .item:last-child {
    border-bottom: 0px;
}

.list-tb-lichhen .item .icon, .list-tb-lichhen .item .text-content, .list-tb-lichhen .item .actions {
    display: table-cell;
    vertical-align: top;
}

.list-tb-lichhen .item .link {
    white-space: nowrap;
}

.list-tb-lichhen .item .text-content {
    padding: 0px 20px;
    line-height: 1.4333;
}

.list-tb-lichhen .item .icon span {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    line-height: 48px;
    text-align: center;
    font-size: 24px;
    background: rgba(206, 122, 88, 0.1);
    color: #CE7A58;
    display: block;
}

@media (max-width: 768px) {
    .list-tb-lichhen .item {
        display: block;
        padding-left: 80px;
    }

    .list-tb-lichhen .item .icon, .list-tb-lichhen .item .text-content, .list-tb-lichhen .item .actions {
        display: block;
        padding: 0px;
    }

    .list-tb-lichhen .item .icon {
        position: absolute;
        top: 15px;
        left: 0px;
    }
}

.section-dvc.-dkx .bg-cover {
    background-size: 600px;
    background-position: top right;
    background-repeat: no-repeat;
}

.section-dvc.-dkx .sidebar-congdan .head {
    background: #CE7A58;
    color: #fff;
}

.hotro-album {
    text-align: center;
    height: 400px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.hotro-album .item {
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}

.hotro-album .item img {
    height: 160px;
    transition: all 0.1s ease;
}

.hotro-album .item.active img {
    transition: all 0.1s ease;
    height: 400px;
}

.list-banan .item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
}

.list-banan .item:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.list-banan .item .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px;
    color: #CE7A58;
    display: block;
}

.list-banan .item .title:hover {
    color: #903938;
}

.list-banan .item .li {
    margin-bottom: 10px;
    font-size: 16px;
}

.list-banan .item .btn {
    color: #CE7A58;
    font-size: 14px;
    height: auto;
    min-width: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.list-banan .item .btn .icon {
    margin-right: 5px;
}

.list-banan .item .btn:hover {
    color: #fff;
}

.list-qdhd .item {
    margin-bottom: 20px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}

.list-qdhd .item .title {
    padding: 7px 20px;
    background: #f6f6f6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 600;
}

.list-qdhd .item .title .icon {
    color: #CE7A58;
    margin-right: 5px;
}

.list-qdhd .item .body {
    padding: 10px 20px;
}

.list-qdhd .item .top {
    display: table;
    width: 100%;
}

.list-qdhd .item .top .li {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
    line-height: 1.4em;
}

.list-qdhd .item .top .li.date {
    padding-left: 10px;
    border-left: 1px solid #CE7A58;
    white-space: nowrap;
    width: 100px;
}

.list-qdhd .item .att {
    position: relative;
    cursor: pointer;
}

.list-qdhd .item .att:hover > .text {
    color: #CE7A58 !important;
}

.list-qdhd .item .att:hover .show-content {
    display: block;
}

.list-qdhd .item .att .show-content {
    background: #fff;
    width: 100%;
    position: absolute;
    width: 700px;
    padding: 5px;
    display: none;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}

.list-qdhd .item .att .tb-thuoctinh {
    width: 100%;
}

.list-qdhd .item .att .tb-thuoctinh td {
    border: 1px solid #e2e2e2;
    padding: 5px 10px;
}

.list-qdhd .item .att .tb-thuoctinh td:nth-child(2n+1) {
    font-weight: bold;
    background: #f9f9f9;
}

.list-qdhd .btn {
    color: #CE7A58;
    font-size: 14px;
    height: auto;
    min-width: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.list-qdhd .btn .icon {
    margin-right: 5px;
}

.list-qdhd .btn:hover {
    color: #fff;
}

.box-anle .table-anle {
    width: 100%;
}

.box-anle .table-anle td, .box-anle .table-anle th {
    padding: 7px 10px;
    border: 1px solid #e2e2e2 !important;
}

.box-anle .table-anle th {
    text-align: center;
    background: #ce7a5821;
}

.box-anle .table-anle .icon-calendar-full {
    color: #848484;
    font-size: 14px;
    margin-right: 5px;
}

.box-anle .table-anle .btn {
    color: #CE7A58;
    font-size: 14px;
    height: auto;
    min-width: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 10px;
}

.box-anle .table-anle .btn .icon {
    margin-right: 5px;
}

.box-anle .table-anle .btn:hover {
    color: #fff;
}

.box-extend-new {
    margin-top: 60px;
}

.box-extend-new .box-ex .title {
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    padding: 7px 20px;
    text-transform: uppercase;
    color: #67A99F;
    border-top: 4px solid #67A99F;
    background: rgba(103, 169, 159, 0.1);
    margin-bottom: 10px;
}

.box-extend-new .box-ex.no2 .title {
    color: #CE7A58;
    border-top-color: #CE7A58;
    background: #F4F0EB;
}

.box-extend-new .box-ex .body {
    background: #F5F5F5;
    border-radius: 8px;
    padding: 20px 40px;
    min-height: 490px;
}

.box-extend-new .box-ex a {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

.box-extend-new .box-ex a:hover {
    color: #CE7A58;
}

.box-extend-new .box-ex a .icon {
    display: table-cell;
    width: 36px;
    vertical-align: middle;
}

.box-extend-new .box-ex a .text-m {
    display: table-cell;
    padding-left: 20px;
    font-weight: 400;
    vertical-align: middle;
}

.box-extend-new .sl-box-app {
    text-align: center;
    cursor: pointer;
}

.box-extend-new .sl-box-app .item {
    margin: 0px 20px;
    max-width: 320px;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    vertical-align: top;
}

.box-extend-new .sl-box-app .item:hover .popup-tool {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease;
}

.box-extend-new .sl-box-app .item:hover > .text-m {
    color: #CE7A58;
}

.box-extend-new .sl-box-app .text-m {
    position: relative;
}

.box-extend-new .sl-box-app .text-m .popup-tool {
    width: 400px;
    position: absolute;
    bottom: 100%;
    margin-bottom: 20px;
    right: 70%;
    font-size: 18px;
    font-weight: normal;
    border-radius: 8px;
    padding: 20px;
    z-index: 10;
    background: #fff;
    line-height: 1.55556;
    border: 1px solid #e2e2e2;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.box-extend-new .sl-box-app .text-m .popup-tool a {
    display: inline-block;
}

.box-extend-new .sl-box-app .text-m .popup-tool:before, .box-extend-new .sl-box-app .text-m .popup-tool:after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 20px;
    width: 0px;
    height: 0px;
    z-index: 1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
}

.box-extend-new .sl-box-app .text-m .popup-tool:after {
    z-index: 0;
    bottom: -12px;
    right: 18px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #e2e2e2;
}

.box-extend-new .sl-box-app .icon {
    width: 170px;
    height: 170px;
    background-color: #ce7a581a;
    border-radius: 50%;
    margin: auto;
    position: relative;
    margin-bottom: 20px;
}

.box-extend-new .sl-box-app .icon img {
    width: 88px;
    height: 88px;
    object-fit: contain;
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.tabs-dkxe {
    display: flex;
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px;
    justify-content: space-between;
}

.tabs-dkxe li {
    width: calc(50% - 10px);
}

.tabs-dkxe a {
    padding: 5px 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 100%;
    background-color: #f3f3f3;
    position: relative;
}

.tabs-dkxe a:before {
    content: "";
    position: absolute;
    height: 5px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: transparent;
}

.tabs-dkxe .active > a {
    background-color: #F3EAE7;
    color: #CE7A58;
}

.tabs-dkxe .active > a:before {
    background-color: #CE7A58;
}

.tabs-dkxe .icon {
    font-size: 60px;
    margin-right: 10px;
}

@media (max-width: 480px) {
    .tabs-dkxe {
        display: block;
    }

    .tabs-dkxe a {
        font-size: 16px;
    }

    .tabs-dkxe .icon {
        font-size: 48px;
    }

    .tabs-dkxe li {
        width: 100%;
        margin-bottom: 5px;
    }
}

/*

	Quan tri
*/
.quan-tri-sidebar {
    background: #fff;
    border: 1px solid #E5E5E5;
    padding: 15px 0px;
}

.quan-tri-sidebar .title {
    font-size: 20px;
    font-weight: 500;
    padding: 10px 20px;
    color: #2A6EBB;
}

.quan-tri-sidebar .box {
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}

.quan-tri-sidebar .box:after {
    content: "";
    height: 1px;
    left: 20px;
    right: 20px;
    bottom: 0px;
    background: #e5e5e5;
    position: absolute;
}

.quan-tri-sidebar .box:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.quan-tri-sidebar .box:last-child:after {
    display: none;
}

.quan-tri-sidebar .menus li > a {
    display: block;
    font-weight: 500;
    color: #2A6EBB;
    padding: 10px 20px;
    padding-left: 50px;
}

.quan-tri-sidebar .menus li.active > a, .quan-tri-sidebar .menus li:hover > a {
    background: #EAF0F8;
}

.form-title {
    font-size: 28px;
    display: block;
    margin: 0px;
    margin-bottom: 30px;
    font-weight: 300;
    line-height: 40px;
}

.box-form-wrapper {
    border: 1px solid #e5e5e5;
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
}

.box-form-wrapper .actions {
    text-align: center;
}

.box-form-wrapper .actions .btn {
    max-width: 200px;
    width: 100%;
}

.box-form-result .head {
    margin-bottom: 20px;
}

.box-form-result .head .btn-add-new {
    border: 1px solid #B2B2B2;
    padding: 5px 30px;
    border-radius: 0px;
    color: #CE7A58;
    text-transform: uppercase;
    font-weight: 500;
}

.box-form-result .head .btn-add-new:hover {
    background: #CE7A58;
    color: #fff;
    border-color: #CE7A58;
}

.box-form-result .table-result {
    width: 100%;
}

.box-form-result .table-result th, .box-form-result .table-result td {
    padding: 15px 10px;
}

.popup-box .modal-content {
    border-radius: 0px;
    box-shadow: none;
    border: 0px;
}

.popup-box .popup-title {
    font-size: 26px;
    display: block;
    margin-bottom: 30px;
    color: #67A99F;
    display: block;
    text-align: center;
}

.popup-box .modal-body {
    padding: 40px;
}

@media (max-width: 768px) {
    .popup-box .modal-body {
        padding: 20px;
    }
}

.popup-box .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    line-height: 22px;
    height: 24px;
    text-align: center;
    color: #000;
    font-size: 20px;
}

.form-horizontal .control-label {
    text-align: left;
}

@media (max-width: 768px) {
    .form-horizontal .form-group {
        margin-bottom: 0px;
    }

    .form-horizontal .form-control {
        margin-bottom: 20px;
    }

    .form-horizontal .has-error .form-control {
        margin-bottom: 0px;
    }
}

.form-group {
    margin-bottom: 20px;
}

.select-file {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.select-file:hover .btn {
    background: #CE7A58;
    color: #fff;
}

.select-file .file {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.select-file .btn {
    border: 1px solid #CE7A58;
    color: #CE7A58;
    background: #fff;
}

.captcha {
    position: relative;
    display: table;
    width: 100%;
}

.captcha .code {
    padding: 0px 10px;
    display: table-cell;
    top: 0px;
    vertical-align: top;
    right: 45px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    letter-spacing: 2px;
}

.captcha .form-control {
    display: table-cell;
    vertical-align: middle;
}

.captcha .btn-reload {
    width: 40px;
    display: table-cell;
    top: 0px;
    right: 0px;
    min-width: 0px;
    height: 36px;
    vertical-align: middle;
    background: none;
    font-size: 24px;
    line-height: 40px;
    padding: 0px;
    border: 1px solid #CE7A58;
}

.captcha .btn-reload:hover {
    background: #CE7A58;
    color: #fff;
}

@media (max-width: 420px) {
    .captcha {
        display: block;
        padding-right: 50px;
    }

    .captcha .btn-reload {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .captcha .code, .captcha .btn-reload {
        display: block;
    }

    .captcha .code {
        padding: 10px 0px;
        margin-bottom: 20px;
    }

    .captcha .code img {
        height: auto !important;
        width: 100%;
    }
}

.captcha.distab .cell {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
}

.captcha.distab .code, .captcha.distab .btn-reload {
    display: block;
}

.captcha.distab .code {
    border: 1px solid #2A6EBB;
    vertical-align: middle;
}

.list-file-image {
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
    white-space: nowrap;
    overflow: auto;
    list-style: none;
}

.list-file-image > li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: middle;
}

.list-file-image > li .file {
    width: 120px;
    height: 160px;
    border-radius: 4px;
    background-color: #E2E2E2;
    border: 1px solid #B2B2B2;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.list-file-image > li .file:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.7);
}

.list-file-image > li .file .close {
    z-index: 2;
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top: 0px;
    right: 0px;
    visibility: hidden;
    transition: all 0.3s ease;
    text-shadow: none;
}

.list-file-image > li .file:hover:before {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease;
}

.list-file-image > li .file:hover .close {
    visibility: visible;
    transition: all 0.3s ease;
}

.list-file-image .addnew {
    line-height: 160px;
    text-align: center;
}

.list-file-image .addnew .plus {
    line-height: 160px;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    background: #fff;
    border: 1px solid #8F969C;
    border-radius: 50%;
}

.sidebar {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    margin-bottom: 20px;
}

.sidebar .head {
    background: rgba(30, 47, 65, 0.1);
    font-size: 20px;
    padding: 5px 15px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.sidebar .body {
    padding: 15px;
}

.sidebar .info .key {
    font-size: 16px;
    display: block;
}

.sidebar .info .value {
    display: block;
    font-size: 22px;
    font-weight: 500;
}

.sidebar .info.-icon {
    position: relative;
    padding-right: 40px;
}

.sidebar .info.-icon .icon {
    position: absolute;
    top: 5px;
    right: 0px;
}

.divider-gray {
    margin: 20px 0px;
    height: 1px;
    background: #E9F0F8;
}

.input-icon-left {
    position: relative;
}

.input-icon-left .form-control {
    padding-left: 35px;
    height: 36px;
}

.input-icon-left .icon {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 20px;
}

.post-title {
    margin: 0px;
    margin-bottom: 15px;
    font-size: 18px;
}

.post-title > a {
    text-align: left;
    display: block;
    font-weight: 500;
    line-height: 26px;
}

.post-title > a:hover {
    color: #bc5d37;
}

.post-shortdesc {
    text-align: justify;
    margin-bottom: 5px;
}

.post-cat {
    font-size: 14px;
    line-height: 22px;
    color: #666;
}

.post-info {
    font-size: 16px;
    color: #666;
    margin-bottom: 7px;
}

.post-info .status {
    margin-left: 15px;
}

.bor0 {
    border-bottom: 0px !important;
}

.status {
    white-space: nowrap;
}

.status.marl0 {
    margin-left: 0px;
}

.status.-replied {
    color: #36B37E;
}

.status.-noanswer {
    color: #FFAB00;
}

.status.-tn {
    color: #903938;
}

.status.-tkq {
    color: #7C964C;
}

.status.-dangxl {
    color: #EAA031;
}

.list-link-account .item {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E9F0F8;
}

.list-link-account .item:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}

.list-link-account .info-row {
    margin-bottom: 20px;
    display: table;
    width: 100%;
    padding-right: 50px;
    position: relative;
}

.list-link-account .info-row .key, .list-link-account .info-row .value {
    display: table-cell;
}

.list-link-account .info-row .key {
    width: 160px;
}

.list-link-account .actions {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 0px !important;
}

.list-link-account .actions .link {
    margin-right: 5px;
}

.list-link-account .title {
    margin-bottom: 20px;
}

.list-link-account .title > a {
    font-size: 20px;
    font-weight: 500;
    color: #2A6EBB;
}

.list-link-account .title > a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .list-link-account .info-row {
        display: block;
        padding-right: 0px;
    }

    .list-link-account .info-row .key, .list-link-account .info-row .value {
        display: block;
    }

    .list-link-account .actions {
        position: relative;
        margin-top: 10px !important;
    }
}

.info-dd-check .item {
    padding-right: 60px;
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

.info-dd-check .status {
    position: absolute;
    top: 0px;
    right: 0px;
}

.info-dd-check .status.-confirm {
    color: #7C964C;
}

.info-dd-check .status.-warning {
    color: #FFB300;
}

.info-dd-check .status.-empty {
    color: #e53935;
}

.info-dd-check .key, .info-dd-check .value {
    display: table-cell;
}

.info-dd-check .key {
    width: 250px;
}

.info-dd-check .value {
    font-weight: 500;
}

@media (max-width: 768px) {
    .info-dd-check .item {
        display: block;
    }

    .info-dd-check .key, .info-dd-check .value {
        display: block;
    }
}

.list-noti-marquee {
    white-space: nowrap;
    border-bottom: 1px solid #E9F0F8;
}

.list-noti-marquee .item {
    padding: 7px 20px;
    display: inline-block;
    position: relative;
    padding-left: 20px;
}

.list-noti-marquee .item:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #CE7A58;
    position: absolute;
    top: 20px;
    left: 5px;
}

.kyso-tooltip {
    position: relative;
}

.kyso-tooltip:hover .tooltip {
    display: block;
    opacity: 1;
}

.kyso-tooltip > .icon {
    color: rgba(13, 129, 80, 0.62);
    cursor: pointer;
}

.kyso-tooltip .tooltip {
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #D9D9D9;
    top: -10px;
    left: 100%;
    white-space: nowrap;
    padding: 5px 10px;
    margin-left: 10px;
}

.kyso-tooltip .tooltip:before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -8px;
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #d9d9d9;
    margin: auto;
    z-index: 2;
}

.kyso-tooltip .tooltip::after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -10px;
    width: 0px;
    height: 0px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 10px solid #ccc;
    margin: auto;
}

.kyso-tooltip .tooltip .title {
    font-weight: 500;
    margin-bottom: 3px;
}

.group-buttons {
    display: flex;
    justify-content: center;
    column-gap: 10px;
    row-gap: 10px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.list-files-gt .item {
    display: flex;
    column-gap: 10px;
    margin-bottom: 10px;
}

.list-files-gt .text-content {
    flex: 1;
    min-width: 0px;
    border: 1px solid #e2e2e2;
    display: flex;
    column-gap: 10px;
    align-items: center;
    border-radius: 4px;
    padding: 5px 10px;
}

.list-files-gt .text-content .icon {
    font-size: 48px;
    color: #CE7A58;
}

.list-files-gt .text-content .text-m {
    flex: 1;
    min-width: 0px;
}

.list-files-gt .text-content .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-files-gt .text-content .size {
    font-size: 14px;
    font-weight: normal;
}

.list-files-gt .btn {
    height: auto;
    display: flex;
    width: 55px;
    min-width: 0px;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #e2e2e2;
}

.pakn-chude .item {
    width: 16.6667%;
    float: left;
    padding: 0px 7px;
    margin-bottom: 30px;
}

.pakn-chude .item:nth-child(6n+7) {
    clear: both;
}

@media (max-width: 991px) {
    .pakn-chude .item {
        width: 25%;
    }

    .pakn-chude .item:nth-child(4n+5) {
        clear: both;
    }

    .pakn-chude .item:nth-child(6n+7) {
        clear: none;
    }
}

@media (max-width: 520px) {
    .pakn-chude .item {
        width: 50%;
    }

    .pakn-chude .item:nth-child(4n+5) {
        clear: none;
    }

    .pakn-chude .item:nth-child(6n+7) {
        clear: none;
    }

    .pakn-chude .item:nth-child(2n+3) {
        clear: both;
    }
}

.pakn-chude .wrap {
    display: block;
    text-align: center;
}

.pakn-chude .icon {
    margin-bottom: 20px;
    display: inline-block;
}

.pakn-chude .icon img {
    height: 45px;
}

.pakn-chude .text {
    display: block;
}

.pakn-chude:after {
    content: "";
    display: block;
    clear: both;
}

.thick {
    font-weight: 500;
}

.file {
    position: relative;
    padding-left: 80px;
}

.file .icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    background: #CE7A58;
    color: #fff;
    border-radius: 4px;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
}

.file .text {
    display: block;
    font-size: 14px;
}

.file .content {
    display: block;
    padding: 10px 10px;
    min-height: 70px;
    border-radius: 4px;
    background: rgba(234, 160, 49, 0.2);
    position: relative;
}

.file .link {
    color: #1E2F41;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.file.-add .input-file {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    opacity: 0;
    height: 100%;
    width: 100%;
}

.file .text-note {
    color: #848484;
    font-size: 18px;
}

.file .remove {
    width: 30px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 10px;
    bottom: 0px;
    margin: auto;
    color: #CE7A58;
    cursor: pointer;
}

.file .remove:hover {
    color: #903938;
}

.section-pakn .form-bg-main {
    background: rgba(234, 160, 49, 0.1);
    border: none;
}

.section-pakn .box-search .input-icon-left {
    margin-bottom: 10px;
}

.section-pakn .box-search .btn-main {
    width: 100%;
}

.section-pakn .links > li {
    border-bottom: 1px solid #E9F0F8;
}

.section-pakn .links > li:last-child {
    border-bottom: 0px;
}

.section-pakn .links > li > a {
    display: block;
    padding: 5px 0px;
    color: #2A6EBB;
    line-height: 22px;
}

.section-pakn .links > li > a:hover {
    text-decoration: underline;
}

.section-pakn .links.-arrow > li {
    border-bottom: 0px;
}

.section-pakn .links.-arrow > li > a {
    padding: 0px;
    padding-left: 20px;
}

.section-pakn .list-pakn .item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
    padding-left: 140px;
    position: relative;
    min-height: 100px;
    border-bottom: 1px solid #E9F0F8;
}

.section-pakn .list-pakn .item:after {
    content: "";
    display: block;
    clear: both;
}

.section-pakn .list-pakn .item .icon {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(234, 160, 49, 0.1);
    border-radius: 50%;
    padding: 20px 15px;
    text-align: center;
    display: block;
}

.section-pakn .list-pakn .item .icon img {
    height: 60px;
    width: 60px;
}

@media (max-width: 768px) {
    .section-pakn .list-pakn .item {
        padding-left: 70px;
    }

    .section-pakn .list-pakn .item .icon {
        width: 60px;
        height: 60px;
    }

    .section-pakn .list-pakn .item .icon img {
        width: 100%;
        height: auto;
    }
}

.section-pakn .ques-item {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
    padding-left: 140px;
    border-bottom: 1px solid #E9F0F8;
}

.section-pakn .ques-item:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}

.section-pakn .ques-item .avatar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
}

.section-pakn .ques-item .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.section-pakn .ques-item.-answer .file .icon {
    background: #7C964C;
}

.section-pakn .ques-item.-answer .file .content {
    background: rgba(124, 150, 76, 0.1);
}

@media (max-width: 768px) {
    .section-pakn .ques-item {
        padding-left: 70px;
    }

    .section-pakn .ques-item .avatar {
        width: 60px;
        height: 60px;
    }
}

.section-pakn .btn-submit {
    max-width: 300px;
    width: 100%;
}

.section-pakn .input-form-pakn {
    padding-right: 280px;
    position: relative;
    position: relative;
    margin-bottom: 40px;
}

.section-pakn .input-form-pakn .btn-search {
    width: 270px;
    position: absolute;
    top: 0px;
    right: 0px;
}

@media (max-width: 480px) {
    .section-pakn .input-form-pakn {
        padding-right: 0px;
    }

    .section-pakn .input-form-pakn .btn-search {
        width: 100%;
        position: relative;
        margin-top: 10px;
    }
}

.section-pakn .list-file-image > li {
    display: block;
    margin-bottom: 10px;
}

.section-pakn .list-file-image > li .file {
    background: none;
    border: 0px;
    width: auto;
    height: auto;
    background: #fff;
    position: relative;
    padding: 5px 10px;
    padding-left: 70px;
    padding-right: 40px;
}

.section-pakn .list-file-image > li .file .close {
    visibility: visible;
}

.section-pakn .list-file-image > li .file .name {
    font-weight: 500;
}

.section-pakn .list-file-image > li .file .size {
    font-size: 14px;
}

.section-pakn .list-file-image > li .image {
    width: 50px;
    height: 50px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 5px;
    left: 10px;
}

.section-pakn .list-file-image > li .icon {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
}

.comments .item {
    position: relative;
    padding-left: 80px;
    min-height: 60px;
    margin-bottom: 30px;
}

.comments .item .avatar {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 5px;
    left: 0px;
}

.comments .item .name {
    font-size: 20px;
    font-weight: 500;
}

.article {
    line-height: 24px;
    text-align: justify;
}

.article p, .article div, .article li {
    margin-bottom: 20px;
}

.attach-files ol, .attach-files ul, .attach-files li, .attach-files textarea {
    text-align: left;
}

.attach-files .link {
    max-width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filename {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.col-sm-6:nth-child(2n+3) {
    clear: both;
}

.section-account .btn, .section-account .form-control {
    font-size: 16px;
    height: auto;
}

.section-account .widget {
    padding: 20px 10px;
    border: 1px solid #e2e2e2;
}

.section-account .widget .user {
    text-align: center;
    padding: 0px;
}

.section-account .widget .username {
    display: block;
}

.section-account .widget .avatar {
    margin-bottom: 10px;
    width: 80px;
    height: 80px;
    display: inline-block;
    position: relative;
}

.section-account .widget .box-info {
    text-align: center;
}

.section-account .widget .box-info .info {
    display: inline-block;
    padding: 0px 7px;
    border-left: 1px solid #E9F0F8;
}

.section-account .widget .box-info .info:first-child {
    border-left: 0px;
}

.section-account .widget .box-info .value {
    font-size: 26px;
    margin-bottom: 7px;
    font-weight: 500;
}

.section-account .widget .box-info .key {
    font-size: 16px;
}

.section-account .list-menus {
    margin: 0px;
    padding: 0px;
    list-style: none;
    margin-top: 20px;
    text-align: left;
}

.section-account .list-menus a {
    padding: 7px 5px;
    display: block;
    color: #1E2F41;
}

.section-account .list-menus a:hover {
    background: rgba(206, 122, 88, 0.08);
}

.section-account .list-menus li {
    position: relative;
}

.section-account .list-menus li.active > a {
    background: rgba(206, 122, 88, 0.08);
}

.section-account .list-menus li.open > ul {
    display: block;
}

.section-account .list-menus li.open > a .down {
    transform: rotate(90deg);
}

.section-account .list-menus li ul .down {
    top: 5px;
}

.section-account .list-menus .down {
    position: absolute;
    top: 15px;
    right: 0px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}

.section-account .list-menus .down:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #903938;
    font-size: 16px;
}

.section-account .list-menus > li {
    border-top: 1px solid #E9F0F8;
}

.section-account .list-menus > li > a {
    padding: 15px 10px;
    display: block;
    font-weight: 500;
    padding-left: 40px;
    position: relative;
}

.section-account .list-menus > li .icon {
    position: absolute;
    top: 15px;
    left: 5px;
    width: 20px;
}

.section-account .list-menus ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-left: 30px;
    position: relative;
    display: none;
}

.section-account .list-menus ul li {
    position: relative;
}

.section-account .list-menus ul li:before {
    content: "";
    width: 15px;
    position: absolute;
    height: 1px;
    background: #e2e2e2;
    top: 15px;
    left: -20px;
}

.section-account .list-menus ul:before {
    content: "";
    width: 1px;
    bottom: 0px;
    top: -10px;
    left: 10px;
    position: absolute;
    background: #e2e2e2;
}

.section-account .list-menus > li > ul > li > ul {
    padding-left: 20px;
}

.section-account .list-menus > li > ul > li > ul:before {
    display: none;
}

.section-account .list-menus > li > ul > li > ul > li:before {
    width: 3px;
    height: 3px;
    background: #2A6EBB;
    left: -10px;
}

.section-account .list-menus > li > ul > li > ul > li.active > a {
    font-weight: 500;
}

.section-account .box .head {
    position: relative;
    margin-bottom: 30px;
    min-height: 70px;
    display: table;
    width: 100%;
}

.section-account .box .head .icon {
    display: table-cell;
    width: 70px;
}

.section-account .box .head .main-title {
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 5px;
    text-align: left;
}

.section-account .addnew-info {
    padding: 48px 20px;
    margin-bottom: 20px;
    text-align: center;
    background: rgba(206, 122, 88, 0.1);
    border-radius: 5px;
    overflow: hidden;
    border: 1px dashed rgba(206, 122, 88, 0.1);
}

.section-account .addnew-info .icon {
    margin-bottom: 20px;
    display: inline-block;
}

.section-account .addnew-info .title {
    height: 60px;
    overflow: hidden;
    font-weight: 500;
    color: #CE7A58;
}

.section-account .addnew-info .desc {
    font-size: 16px;
    height: 90px;
    line-height: 22px;
    overflow: hidden;
}

.section-account .addnew-info:hover {
    border-color: #CE7A58;
}

.section-account .danhsach {
    margin-bottom: 30px;
}

.section-account .danhsach .title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #000;
    border-bottom: 1px solid #E9F0F8;
    padding-bottom: 10px;
}

.section-account .danhsach .table {
    color: #333;
    width: 100%;
    font-size: 14px;
}

.section-account .danhsach .table th {
    padding: 7px 15px;
    white-space: nowrap;
}

.section-account .danhsach .table th, .section-account .danhsach .table td {
    border: none !important;
}

.section-account .danhsach .table td {
    padding: 15px 15px;
}

.section-account .danhsach .table tr:nth-child(2n+1) td {
    background: rgba(206, 122, 88, 0.1);
}

@media (max-width: 768px) {
    .section-account .danhsach .table {
        display: block;
    }

    .section-account .danhsach .table thead {
        display: none;
    }

    .section-account .danhsach .table th, .section-account .danhsach .table td, .section-account .danhsach .table tr, .section-account .danhsach .table tbody {
        display: block;
    }

    .section-account .danhsach .table tr {
        border-bottom: 1px solid #E9F0F8;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .section-account .danhsach .table tr:last-child {
        border-bottom: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .section-account .danhsach .table td {
        text-align: left !important;
        border: 0px !important;
        padding: 5px 10px;
    }

    .section-account .danhsach .table td:before {
        content: attr(data-title);
        display: block;
        font-weight: bold;
    }
}

.section-account .dvc-tabs {
    margin-bottom: 20px;
}

.section-account .dvc-tabs:after {
    content: "";
    display: block;
    clear: both;
}

.section-account .dvc-tabs > li {
    float: left;
}

.section-account .dvc-tabs > li > a {
    display: block;
    border: 1px solid #e2e2e2;
    border-left-width: 0px;
    font-style: 14px;
    padding: 8px 10px;
    text-align: center;
    min-width: 160px;
    font-weight: 500;
}

.section-account .dvc-tabs > li:first-child > a {
    border-left-width: 1px;
}

.section-account .dvc-tabs > li.active > a {
    background: #2A6EBB;
    color: #fff;
    border-color: #2A6EBB;
}

.section-account .mydvc-list {
    padding: 20px 0px;
    font-size: 14px;
}

.section-account .mydvc-list:last-child {
    border-bottom: 0px;
}

.section-account .mydvc-list .title {
    font-size: 22px;
    color: #1E2F41;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.section-account .mydvc-list .status {
    margin-left: 0px;
}

.section-account .mydvc-list .btn-gray {
    background: #E2E2E2;
    margin-top: 5px;
    padding: 2px 10px;
    border-radius: 0px;
}

.section-account .mydvc-list .btn-gray:hover {
    background: #CE7A58;
    color: #fff;
}

.section-account .mydvc-list .btn {
    min-width: 0px;
}

.section-account .mydvc-list .table-dvc {
    margin-top: 10px;
    width: 100%;
    text-align: left;
    font-size: 16px;
}

.section-account .mydvc-list .table-dvc td {
    padding-right: 7px;
    line-height: 22px;
}

@media (max-width: 768px) {
    .section-account .mydvc-list .table-dvc {
        display: block;
    }

    .section-account .mydvc-list .table-dvc tbody, .section-account .mydvc-list .table-dvc tr, .section-account .mydvc-list .table-dvc td {
        display: block;
        text-align: left;
        padding: 0px 0px;
        margin-bottom: 15px;
    }

    .section-account .mydvc-list .table-dvc tbody .key, .section-account .mydvc-list .table-dvc tr .key, .section-account .mydvc-list .table-dvc td .key {
        margin-bottom: 2px;
    }
}

.section-account .btn-img {
    padding: 5px;
}

.section-account .actions {
    margin-top: 10px;
}

.section-account .actions .btn {
    background: none;
    border: 1px solid #e2e2e2;
    min-width: 0px;
    padding: 5px 10px;
    font-size: 12px;
    margin: 0px 2px;
    text-transform: uppercase;
    font-weight: 500;
}

.section-account .actions .btn .icon {
    margin-right: 5px;
}

.section-account .actions .btn:hover {
    background: #f1f1f1;
}

.section-account .actions .btn.-sohappy {
    border-color: #903938;
}

.section-account .actions .btn.-sohappy .icon {
    color: #903938;
}

.section-account .actions .btn.-sohappy:hover {
    background: #903938;
    color: #fff;
}

.section-account .actions .btn.-sohappy:hover .icon {
    color: #fff;
}

.section-account .actions .btn.-happy {
    border-color: #67A99F;
}

.section-account .actions .btn.-happy .icon {
    color: #67A99F;
}

.section-account .actions .btn.-happy:hover {
    background: #67A99F;
    color: #fff;
}

.section-account .actions .btn.-happy:hover .icon {
    color: #fff;
}

.section-account .actions .btn.-nohappy {
    border: 1px solid #8F969C;
}

.section-account .actions .btn.-nohappy:hover {
    background: #8F969C;
    color: #fff;
}

@media (max-width: 480px) {
    .section-account .actions .btn {
        margin: 3px 0px;
    }
}

@media (max-width: 1200px) {
    .section-account .col-sm-3 {
        width: 33.333%;
    }

    .section-account .col-sm-9 {
        width: 66.6667%;
    }

    .section-account .plugin-content .col-sm-6 {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .section-account .col-xs-12 {
        width: 100%;
    }

    .section-account .col-sm-3 {
        width: 100%;
    }

    .section-account .col-sm-9 {
        width: 100%;
    }

    .section-account .col-sm-3 {
        width: 100%;
    }

    .section-account .col-sm-9 {
        width: 100%;
    }

    .section-account .plugin-content .col-sm-6 {
        width: 100%;
    }
}

.mart0 {
    margin-top: 0px !important;
}

.bordernone td {
    border-bottom: 0px !important;
}

.main-wrapper {
    min-height: calc(100vh - 420px);
}

.box.plugin-box-wrap {
    padding: 0px;
}

.box.plugin-box-wrap .plugin-head {
    padding-bottom: 20px;
    font-size: 26px;
    font-weight: 500;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 20px;
}

.box.plugin-box-wrap .plugin-head .icon {
    margin-right: 10px;
}

.box.plugin-box-wrap .box-content {
    display: table;
    width: 100%;
}

.box.plugin-box-wrap .plugin-sidebar {
    width: 270px;
    padding: 20px 0px;
    display: table-cell;
    border-right: 1px solid #e2e2e2;
}

.box.plugin-box-wrap .plugin-sidebar .title {
    padding: 0px 20px;
}

.box.plugin-box-wrap .plugin-content {
    display: table-cell;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 768px) {
    .box.plugin-box-wrap {
        margin-top: 20px;
    }

    .box.plugin-box-wrap .box-content {
        display: block;
    }

    .box.plugin-box-wrap .plugin-sidebar, .box.plugin-box-wrap .plugin-content {
        display: block;
        width: 100%;
        padding: 10px;
    }
}

.box.plugin-box-wrap .title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
}

.box.plugin-box-wrap .addnew-info .title {
    height: 40px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
}

.box.plugin-box-wrap .addnew-info {
    padding-top: 60px;
}

.box.plugin-box-wrap .addnew-info .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #CE7A58;
    color: #fff;
    border-radius: 50%;
    font-size: 25px;
}

.box.plugin-box-wrap .list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.box.plugin-box-wrap .list > li {
    position: relative;
}

.box.plugin-box-wrap .list > li .icon {
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
}

.box.plugin-box-wrap .list > li .icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.box.plugin-box-wrap .list > li > a {
    padding: 10px 20px;
    display: block;
    color: #1E2F41;
}

.box.plugin-box-wrap .list > li > a:hover {
    background: rgba(206, 122, 88, 0.2);
}

.box.plugin-box-wrap .list > li .down {
    position: absolute;
    top: 13px;
    right: 10px;
    color: #CE7A58;
}

.box.plugin-box-wrap .list > li.active > a {
    background: rgba(206, 122, 88, 0.2);
}

.box.plugin-box-wrap .list > li.active > ul, .box.plugin-box-wrap .list > li.open > ul {
    height: auto;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}

.box.plugin-box-wrap .list ul {
    height: 0px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-left: 20px;
    font-size: 16px;
}

.box.plugin-box-wrap .list ul li {
    border-left: 1px solid #8F969C;
    padding-left: 20px;
    position: relative;
}

.box.plugin-box-wrap .list ul li.active > a {
    background: rgba(206, 122, 88, 0.1);
}

.box.plugin-box-wrap .list ul li:last-child:before {
    content: "";
    top: 50%;
    bottom: 0px;
    width: 1px;
    background: #fff;
    position: absolute;
    left: -1px;
}

.box.plugin-box-wrap .list ul a {
    display: block;
    padding: 5px 5px;
    position: relative;
}

.box.plugin-box-wrap .list ul a:before {
    height: 1px;
    content: "";
    position: absolute;
    left: -20px;
    width: 10px;
    background: #8F969C;
    top: 17px;
}

.box.plugin-box-wrap .ti-info-row {
    font-size: 16px;
    position: relative;
    padding-right: 20px;
    margin-bottom: 7px;
}

.box.plugin-box-wrap .ti-info-row .key {
    line-height: 24px;
}

.box.plugin-box-wrap .ti-info-row .status {
    position: absolute;
    top: 20px;
    right: 0px;
    color: #7C964C;
}

.box.plugin-box-wrap .ti-info-row .value {
    font-weight: 500;
}

.box.plugin-box-wrap .plugin-info {
    background: #F5F5F5;
    border: 1px solid #E2E2E2;
    padding: 10px 10px;
    padding-bottom: 60px;
    position: relative;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
}

.box.plugin-box-wrap .plugin-info .top {
    text-align: center;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.box.plugin-box-wrap .plugin-info .top .title {
    font-size: 18px;
    margin-bottom: 5px;
    color: #CE7A58;
    font-weight: 500;
}

.box.plugin-box-wrap .plugin-info .top .number {
    font-size: 16px;
    color: #666666;
}

.box.plugin-box-wrap .plugin-info .body {
    height: 180px;
    overflow: auto;
}

@media (max-width: 768px) {
    .box.plugin-box-wrap .plugin-info .body {
        height: auto;
    }
}

.box.plugin-box-wrap .plugin-info .bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-top: 1px solid rgba(42, 110, 187, 0.2);
}

.box.plugin-box-wrap .plugin-info .bottom .icon {
    margin-right: 5px;
}

.box.plugin-box-wrap .plugin-info .bottom .btn {
    text-transform: none;
    font-weight: normal;
    font-size: 16px;
    min-width: 0px;
    border-radius: 0;
    width: 50%;
    float: left;
}

.box.plugin-box-wrap .plugin-info .bottom .btn:first-child {
    border-right: 1px solid rgba(42, 110, 187, 0.2);
}

.box.plugin-box-wrap .plugin-info .bottom .btn:hover {
    background: #CE7A58;
    color: #fff;
}

.box.plugin-box-wrap .plugin-info .bottom.-style01 .btn {
    width: 100%;
}

.box.plugin-box-wrap .dienluc .plugin-info .top {
    padding-top: 10px;
    padding-bottom: 10px;
}

.box.plugin-box-wrap .dienluc .plugin-info .txt {
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
}

.box.plugin-box-wrap .dienluc .plugin-info .number {
    font-size: 24px;
    color: #333;
}

.box.plugin-box-wrap .dienluc .plugin-info .bottom {
    display: table;
    width: 100%;
}

.box.plugin-box-wrap .dienluc .plugin-info .bottom .btn {
    float: none;
    width: 100%;
    border-right: 0px;
}

.box.plugin-box-wrap .bhxh .bottom .link {
    padding: 10px;
}

.box.plugin-box-wrap .giao-duc .plugin-info .top .title {
    height: 49px;
    overflow: hidden;
    color: #CE7A58;
}

.box.plugin-box-wrap .giao-duc .plugin-info .txt {
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
}

.box.plugin-box-wrap .giao-duc .plugin-info .title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}

.box.plugin-box-wrap .giao-duc .plugin-info .body {
    padding-top: 20px;
    height: 178px;
    text-align: center;
}

@media (max-width: 768px) {
    .box.plugin-box-wrap .giao-duc .plugin-info .body {
        height: auto;
    }
}

.box.plugin-box-wrap .gplx .plugin-info .bottom {
    border-top: 0px;
    padding: 10px;
    text-align: center;
}

.box.plugin-box-wrap .gplx .plugin-info .bottom .btn {
    float: none;
    width: auto;
}

.box.plugin-box-wrap .vpgt .body {
    height: 331px;
    overflow: auto;
}

.box.plugin-box-wrap .vpgt .bottom .btn-main {
    background: #CE7A58;
    color: #fff;
}

.box.plugin-box-wrap .vpgt .plugin-info {
    border-radius: 5px;
}

.box.plugin-box-wrap .vpgt .check-action-send {
    font-size: 14px;
    color: #CE7A58;
    position: relative;
    padding-right: 48px;
}

.box.plugin-box-wrap .vpgt .check-action-send .logo {
    position: absolute;
    width: 48px;
    top: 0px;
    right: 0px;
}

.box.plugin-box-wrap .vpgt .check-action-send .check-action .name {
    padding-left: 20px;
}

.box.plugin-box-wrap .vpgt .check-action-send .check-action .name:before {
    width: 14px;
    height: 14px;
    line-height: 12px;
    font-size: 8px;
    top: 2px;
    border-radius: 3px;
    border-color: #CE7A58;
}

.box.plugin-box-wrap .vpgt .addnew-info {
    padding-top: 160px;
    padding-bottom: 99px;
}

.box.plugin-box-wrap .vpgt .ti-info-row {
    margin-bottom: 3px;
}

.box.plugin-box-wrap .vpgt .ti-info-row .value {
    min-height: 44px;
    overflow: hidden;
}

.table-plugin-info {
    width: 100%;
    font-size: 14px;
}

.table-plugin-info .key {
    color: #666;
    white-space: nowrap;
}

.table-plugin-info .value {
    font-weight: 500;
}

.table-plugin-info td {
    vertical-align: top;
    padding: 7px 5px;
}

.table-plugin-info .status {
    color: #7C964C;
}

.table-plugin-info tr:nth-child(2n+1) {
    background: rgba(206, 122, 88, 0.1);
}

.mart20 {
    margin-top: 20px;
}

.table-color-main {
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #CE7A58;
}

.table-color-main th {
    background: #CE7A58;
    color: #fff;
    font-weight: 500;
    text-align: center;
}

.table-color-main th, .table-color-main td {
    border-left: 1px solid #CE7A58;
    border-right: 1px solid #CE7A58;
    padding: 10px 10px;
}

.popup-plugin .close {
    position: absolute;
    top: 20px;
    right: 10px;
}

.popup-plugin .modal-content {
    border-radius: 0px;
}

.popup-plugin .modal-body {
    padding: 50px 30px;
}

@media (max-width: 768px) {
    .popup-plugin .modal-body {
        padding: 30px 15px;
    }
}

.popup-plugin .input-button-right {
    padding-right: 110px;
}

.popup-plugin .input-button-right .btn {
    width: 100px;
    min-width: 0px;
}

.popup-plugin .table-plugin-info td {
    padding: 10px;
}

.popup-plugin .actions {
    margin-top: 40px;
}

.value {
    font-weight: 500;
}

.box-popup-noti {
    text-align: center;
    padding: 30px 30px;
}

.box-popup-noti .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #e53935;
    line-height: 56px;
    font-size: 24px;
    color: #e53935;
    text-align: center;
    display: inline-block;
    margin-bottom: 20px;
}

.box-popup-noti .title {
    font-weight: 500;
    font-size: 20px;
}

.box-popup-noti .desc {
    font-size: 16px;
    line-height: 25px;
}

.box-popup-noti .desc .thick {
    color: #CE7A58;
}

.list-ttth {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.list-ttth a {
    display: block;
    color: #1E2F41;
    padding: 5px 10px;
    padding-left: 20px;
    position: relative;
}

.list-ttth li {
    margin-bottom: 5px;
}

.list-ttth ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: none;
}

.list-ttth .haschild > a {
    padding-right: 30px;
    background: rgba(206, 122, 88, 0.1);
}

.list-ttth .haschild > a:before {
    content: "\e6b8";
    font-family: ap;
    position: absolute;
    top: 5px;
    right: 10px;
    color: #CE7A58;
    font-size: 16px;
}

.list-ttth .haschild.open > a:before {
    content: "\e6bb";
}

.list-ttth .haschild.open > ul {
    display: block;
}

.title-logo {
    display: table;
    width: 100%;
    color: #CE7A58;
}

.title-logo .logo, .title-logo .textc {
    display: table-cell;
    vertical-align: middle;
}

.title-logo .textc {
    padding-left: 10px;
}

.title-logo .logo {
    width: 40px;
}

.title-logo .logo img {
    width: 40px;
    height: 40px;
    display: block;
    object-fit: contain;
}

.table-result-tthc th, .table-result-tthc td {
    padding: 7px 10px;
}

.table-tthc-cq {
    font-size: 16px;
    border: 1px solid #e2e2e2;
}

.table-tthc-cq td, .table-tthc-cq th {
    border: 0px !important;
    border-bottom: 1px solid #e2e2e2 !important;
}

.tthc .languages > .btn:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.tthc .box-search.-adv .form-control {
    border: 1px solid #e2e2e2;
}

.tthc .box-search.-adv .form-control:focus {
    border-color: #CE7A58;
}

@media (max-width: 768px) {
    .tthc .form-horizontal .form-group {
        margin-bottom: 15px;
    }
}

.tthc .box-search {
    margin-bottom: 0px;
    padding-right: 180px;
}

@media (max-width: 768px) {
    .tthc .box-search {
        padding-right: 50px;
    }
}

.tthc .box-search .adv {
    top: 2px;
    bottom: 2px;
    color: #1E2F41;
    border-left: 1px solid #e2e2e2;
    height: auto;
    width: 190px;
    right: 180px;
}

@media (max-width: 768px) {
    .tthc .box-search .adv {
        top: 100%;
        bottom: auto;
        right: 0px;
        border-left: 0px;
    }
}

.tthc .box-search.-adv .btn-search {
    background: #CE7A58;
    width: 170px;
    border-radius: 4px;
    color: #fff;
}

.tthc .box-search.-adv .btn-search:hover {
    background: #bc5d37;
}

@media (max-width: 768px) {
    .tthc .box-search.-adv .btn-search {
        width: 40px;
        min-width: 0px;
    }
}

@media (max-width: 991px) {
    .tthc .box-search {
        margin-bottom: 60px;
    }

    .tthc .check-action {
        margin: 0px !important;
        display: block;
        margin-bottom: 10px !important;
    }
}

.tthc .links li {
    padding: 10px 0px;
    border-bottom: 1px solid #E9F0F8;
    position: relative;
    padding-left: 25px;
}

.tthc .links li:before {
    content: "\f105";
    position: absolute;
    top: 7px;
    left: 5px;
    color: #CE7A58;
    font-family: FontAwesome;
}

.tthc .links li:last-child {
    border-bottom: 0px;
}

.tthc .links .unit {
    color: #999;
    margin-top: 5px;
    font-size: 16px;
}

.tthc .links.-col2:after {
    content: "";
    display: block;
    clear: both;
}

.tthc .links.-col2 li {
    width: 50%;
    float: left;
    padding-right: 10px;
    border-bottom: 0px;
}

.tthc .links.-col2 li:nth-child(2n+3) {
    clear: both;
}

@media (max-width: 768px) {
    .tthc .links.-col2 li {
        width: 100%;
    }
}

.tthc .table-result {
    font-size: 16px;
}

.tthc .table-result thead th {
    background: rgba(30, 47, 65, 0.1);
    color: #1E2F41;
    border-bottom: 2px solid #CE7A58 !important;
}

.tthc .table-result tr:nth-child(2n+2) td {
    background: rgba(245, 245, 245, 0.5);
}

@media (max-width: 768px) {
    .tthc .table-result {
        display: block;
    }

    .tthc .table-result thead {
        display: none;
    }

    .tthc .table-result tbody, .tthc .table-result tr, .tthc .table-result td {
        display: block;
    }

    .tthc .table-result td {
        border: 0px !important;
        padding: 0px !important;
        margin-bottom: 15px;
        color: #676262;
        background: #fff !important;
    }

    .tthc .table-result td:before {
        display: block;
        content: attr(data-title);
        font-weight: 500;
        color: #000;
        margin-bottom: 3px;
    }

    .tthc .table-result tr {
        padding: 10px 0px;
        border-bottom: 2px solid #E9F0F8;
    }

    .tthc .table-result tr:last-child {
        border-bottom: 0px;
    }
}

.tthc .sidebar .head {
    background: rgba(30, 47, 65, 0.1);
    color: #1E2F41;
    padding: 10px;
    font-weight: 500;
    border-radius: 0px;
}

.tthc .hero-banner {
    padding: 220px 0px;
    background-color: #fff;
    background-image: url(../img/TTHC/bg.jpg);
    background-size: cover;
    background-position: center;
    transition: all 0.3s ease;
    min-height: calc(100vh - 208px);
}

.tthc .hero-banner.showAdv {
    padding-top: 60px;
    padding-bottom: 380px;
}

.tthc .hero-banner .box-search-wrap {
    max-width: 768px;
    margin: auto;
    position: relative;
}

.tthc .hero-banner .box-search {
    padding-right: 0px;
}

.tthc .hero-banner .box-search .form-control {
    height: 60px;
    border-radius: 10px;
    padding-right: 275px;
}

.tthc .hero-banner .box-search .form-control:focus {
    border-color: #CE7A58;
}

.tthc .hero-banner .box-search .adv {
    height: 50px;
    padding: 12px 10px;
    border: 0px;
    top: 5px;
    right: 80px;
    border-left: 1px solid #e2e2e2;
}

.tthc .hero-banner .box-search .adv:hover {
    color: #CE7A58;
}

.tthc .hero-banner .box-search .btn-search {
    width: 80px;
    background: none;
    color: #fff;
    border-radius: 0px;
    height: 60px;
    background: #CE7A58;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.tthc .hero-banner .box-search .btn-search .icon {
    font-size: 32px;
}

.tthc .hero-banner .box-search .btn-search:hover {
    color: #fff;
}

.tthc .hero-banner .keyword-note {
    text-align: center;
    font-weight: 500;
    margin-top: 20px;
}

.tthc .hero-banner .keyword-note p {
    margin-bottom: 5px;
}

@media (max-width: 991px) {
    .tthc .hero-banner .keyword-note {
        display: none;
    }
}

.tthc .hero-banner .box-adv {
    background: #CE7A58;
    padding: 20px;
    position: absolute;
    top: 70px;
    left: 0px;
    right: 0px;
    z-index: 100;
    color: #fff;
}

@media (max-width: 991px) {
    .tthc .hero-banner .box-adv {
        position: relative;
        top: 0px;
    }
}

@media (max-width: 768px) {
    .tthc .hero-banner {
        padding: 160px 20px;
    }

    .tthc .hero-banner.showAdv {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .tthc .hero-banner .box-search .form-control {
        padding-right: 100px;
    }

    .tthc .hero-banner .box-search .adv {
        top: 60px;
        right: 0px;
        border: 0px;
        text-align: center;
    }
}

.tthc #searchAdv {
    margin-top: 20px;
    visibility: hidden;
    opacity: 0;
    height: 0px;
    transform: translateY(100px);
    transition: all 0.5s ease;
    display: none;
}

.tthc #searchAdv.show {
    visibility: visible;
    opacity: 1;
    height: auto;
    transform: translateY(0px);
    transition: all 0.5s ease;
}

.tthc #searchAdv.-child {
    display: none;
}

.tthc #searchAdv.-child.show {
    display: block;
}

.tthc .section-tthc #searchAdv .form-group {
    margin-left: -5px;
    margin-right: -5px;
    width: 100%;
}

.tthc .section-tthc #searchAdv .form-group .col-sm-3 {
    padding: 0px 5px;
    width: 28%;
}

.tthc .section-tthc #searchAdv .form-group .col-sm-3:nth-child(2n+1) {
    width: 22%;
}

@media (max-width: 991px) {
    .tthc .section-tthc #searchAdv .form-group {
        display: block;
    }

    .tthc .section-tthc #searchAdv .form-group .col-sm-3 {
        width: 100%;
    }

    .tthc .section-tthc #searchAdv .form-group .col-sm-3:nth-child(2n+1) {
        width: 100%;
    }

    .tthc .section-tthc #searchAdv .form-group .col-xs-12 {
        display: block;
    }
}

.tthc .categories:after {
    content: "";
    display: block;
    clear: both;
}

.tthc .categories > li {
    border-bottom: 0px;
    width: 33.333%;
    float: left;
    padding: 10px 10px;
}

.tthc .categories > li:nth-child(3n+4) {
    clear: both;
}

@media (max-width: 768px) {
    .tthc .categories > li {
        width: 50%;
    }

    .tthc .categories > li:nth-child(3n+4) {
        float: left;
        clear: none;
    }

    .tthc .categories > li:nth-child(2n+3) {
        clear: both;
    }
}

@media (max-width: 480px) {
    .tthc .categories > li {
        width: 100%;
    }
}

.tthc .categories > li > a {
    color: #333;
}

.tthc .categories > li > a:hover {
    color: #2A6EBB;
}

.tthc .categories.col4 > li {
    width: 25%;
}

.tthc .categories.col4 > li:nth-child(3n+4) {
    clear: none;
}

.tthc .categories.col4 > li:nth-child(4n+5) {
    clear: both;
}

@media (max-width: 768px) {
    .tthc .categories.col4 > li {
        width: 50%;
    }

    .tthc .categories.col4 > li:nth-child(4n+5) {
        clear: none;
    }

    .tthc .categories.col4 > li:nth-child(2n+3) {
        clear: both;
    }
}

.tthc .table-info th, .tthc .table-info td {
    border: 0px !important;
    border-top: 1px solid #E9F0F8 !important;
    padding: 10px;
}

.tthc .table-cb {
    line-height: 24px;
    width: 100%;
}

.tthc .table-cb td, .tthc .table-cb th {
    padding: 10px;
}

.tthc .table-cb .head {
    white-space: nowrap;
    background: rgba(243, 249, 255, 0.9);
}

.tthc .table-cb tr:not(.head) td {
    padding-bottom: 20px;
}

@media (max-width: 768px) {
    .tthc .table-cb {
        display: block;
    }

    .tthc .table-cb tr, .tthc .table-cb td, .tthc .table-cb tbody {
        display: block;
    }

    .tthc .table-cb td {
        padding: 0px !important;
        margin-bottom: 10px;
    }

    .tthc .table-cb td:before {
        display: block;
        content: attr(data-title);
        font-weight: 500;
        margin-bottom: 5px;
    }

    .tthc .table-cb .head td {
        padding: 5px !important;
    }

    .tthc .table-cb .mb-hidden {
        display: none;
    }
}

.tthc .tabs-cq {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-bottom: 2px solid #CE7A58;
}

.tthc .tabs-cq:after {
    content: "";
    display: block;
    clear: both;
}

.tthc .tabs-cq > li {
    width: 50%;
    float: left;
    padding: 0px 10px;
}

@media (max-width: 768px) {
    .tthc .tabs-cq > li {
        padding: 0px;
    }
}

.tthc .tabs-cq > li:last-child {
    padding-right: 0px;
}

.tthc .tabs-cq > li:first-child {
    padding-left: 0px;
}

.tthc .tabs-cq > li > a {
    text-align: center;
    border: 1px solid #e2e2e2;
    display: block;
    border-bottom: 0px;
}

.tthc .tabs-cq > li .icon {
    padding: 20px;
    display: block;
}

.tthc .tabs-cq > li .text {
    font-size: 26px;
    font-weight: 500;
    padding: 10px;
    padding-right: 30px;
    position: relative;
}

.tthc .tabs-cq > li .text:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    top: 12px;
    font-size: 22px;
    right: 10px;
}

@media (max-width: 768px) {
    .tthc .tabs-cq > li .text {
        font-size: 16px;
    }

    .tthc .tabs-cq > li .text:after {
        top: 6px;
    }
}

.tthc .tabs-cq > li.active .text {
    background: #CE7A58;
    color: #fff;
}

.tthc .box-chitiettthc-phienban {
    line-height: 20px;
}

.tthc .box-chitiettthc-phienban .key {
    color: #333333;
    font-weight: 500;
}

.tthc .box-chitiettthc-phienban .table-info {
    width: 100%;
    line-height: 20px;
}

.tthc .box-chitiettthc-phienban .table-info th {
    font-weight: normal;
    background: #2A6EBB;
    color: #fff;
    white-space: nowrap;
}

.tthc .box-chitiettthc-phienban .table-info td {
    border: 1px solid #E9F0F8 !important;
}

.tthc .box-chitiettthc-phienban .table-info tr:nth-child(2n+2) td {
    background: rgba(243, 249, 255, 0.9);
}

.tthc .sidebar {
    border-radius: 0px;
}

.tthc .sidebar .body {
    padding: 10px;
}

.tthc .sidebar .link {
    background: #FFFFFF;
    display: block;
    display: -webkit-box;
    max-height: 60px;
    line-height: 1.3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    text-overflow: ellipsis;
    margin-bottom: 0;
    color: #1E2F41;
}

.tthc .sidebar .link:hover {
    color: #CE7A58;
}

@-moz-document url-prefix() {
    .tthc .sidebar .link {
        overflow: hidden;
        position: relative;
    }
    .tthc .sidebar .link:before {
        background: #FFFFFF;
        bottom: 0;
        position: absolute;
        right: 0;
        float: right;
        content: '\2026';
        margin-left: -2rem;
        width: 2rem;
    }
    .tthc .sidebar .link:after {
        content: '';
        background: #FFFFFF;
        position: absolute;
        height: 50px;
        width: 100%;
        z-index: 1;
    }
}

.tthc .sidebar .info {
    margin-bottom: 10px;
}

.tthc .sidebar.-hotline {
    font-size: 16px;
}

.tthc .sidebar.-hotline .info {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 40px;
}

.tthc .sidebar.-hotline .info .icon {
    position: absolute;
    top: 5px;
    left: 5px;
}

.tthc .sidebar.-hotline .info:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.tthc .sidebar.-hotline .info .text {
    display: block;
}

.tthc .sidebar.-hotline .info .number {
    font-weight: 500;
    word-break: break-all;
}

.tthc .list-expand .title {
    color: #1E2F41;
}

.tthc .main-title-sub {
    font-size: 22px;
}

.tthc .box-tab-cc {
    border: 1px solid #e2e2e2;
    font-size: 16px;
}

.tthc .box-tab-cc .tab-cc {
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: #f5f5f5;
    margin-bottom: 20px;
}

.tthc .box-tab-cc .tab-cc:after {
    content: "";
    display: block;
    clear: both;
}

.tthc .box-tab-cc .tab-cc > li {
    float: left;
}

.tthc .box-tab-cc .tab-cc > li > a {
    padding: 10px 20px;
    display: block;
    font-weight: 500;
}

.tthc .box-tab-cc .tab-cc > li.active > a {
    background: #fff;
}

.tthc .box-tab-cc .tab-content {
    padding: 10px;
}

.tthc .section-tthc {
    margin-bottom: 30px;
}

.tthc .box-info-cq {
    border: 1px solid #e2e2e2;
    margin-bottom: 20px;
}

.tthc .box-info-cq:after {
    content: "";
    display: block;
    clear: both;
}

.tthc .box-info-cq .item {
    width: 50%;
    float: left;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.tthc .box-info-cq .item.w100 {
    width: 100%;
}

@media (max-width: 991px) {
    .tthc .box-info-cq .item {
        width: 100%;
    }

    .tthc .box-info-cq .item.w100 {
        width: 100%;
    }
}

.tthc .box-info-cq .head {
    background: rgba(30, 47, 65, 0.1);
    padding: 10px;
    font-weight: 500;
}

.tthc .box-info-cq .text {
    display: block;
}

.tthc .box-info-cq .number, .tthc .box-info-cq .link {
    height: 50px;
    overflow: hidden;
    display: block;
    font-weight: 500;
}

.tthc .box-info-cq .info {
    padding: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    padding-left: 50px;
    border-bottom: 1px solid #e2e2e2;
}

.tthc .box-info-cq .info .icon {
    position: absolute;
    top: 20px;
    left: 10px;
}

.tthc .box-info-cq .info:last-child {
    border-bottom: 0px;
}

.table-info-row {
    line-height: 22px;
}

.table-info-row td {
    padding: 10px;
}

.table-info-row .key {
    white-space: nowrap;
}

.table-info-row .value {
    font-weight: 500;
}

.box-tphs .item {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    margin-bottom: 15px;
}

.box-tphs .item:hover {
    border-color: #CE7A58;
}

.box-tphs .item.active {
    border-color: #CE7A58;
}

.box-tphs .item.active .down {
    transform: rotate(180deg);
}

.box-tphs .item.active .content {
    display: block;
}

.box-tphs .head {
    font-size: 16px;
    color: #CE7A58;
    font-weight: 500;
    padding: 10px;
    position: relative;
    cursor: pointer;
}

.box-tphs .head .down {
    position: absolute;
    top: 10px;
    right: 10px;
}

.box-tphs .content {
    display: none;
    padding: 10px;
    border-top: 1px solid #e2e2e2;
}

.box-tphs .table-result {
    font-size: 15px;
    line-height: 22px;
}

.box-tphs .table-result td {
    vertical-align: top;
}

.box-tphs .table-result th {
    white-space: nowrap;
}

.table-data {
    width: 100%;
    font-size: 16px;
}

.table-data td, .table-data th {
    border-bottom: 1px solid #E9F0F8;
    padding: 10px;
    line-height: 22px;
}

.table-data th {
    white-space: nowrap;
    font-weight: 500;
    background: rgba(30, 47, 65, 0.1);
    color: #1E2F41;
    border-bottom: 2px solid #CE7A58;
}

.table-data tr:last-child td {
    border-bottom: 0px;
}

@media (max-width: 768px) {
    .table-data {
        display: block;
    }

    .table-data thead {
        display: none;
    }

    .table-data tbody, .table-data tr, .table-data td {
        display: block;
    }

    .table-data tr {
        border-bottom: 2px solid #E9F0F8;
        padding: 20px 0px;
    }

    .table-data tr:last-child {
        border-bottom: 0px;
    }

    .table-data td {
        padding: 0px;
        border: 0px;
        margin-bottom: 10px;
    }

    .table-data td:before {
        content: attr(data-title);
        display: block;
        font-weight: 500;
    }
}

.box-tctthc .label-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box-tctthc .tabs-tc {
    margin-bottom: 0px;
    padding-left: 10px;
    border-bottom: 1px solid #e2e2e2;
}

.box-tctthc .tabs-tc:after {
    content: "";
    display: block;
    clear: both;
}

.box-tctthc .tabs-tc > li {
    float: left;
    border: 1px solid #e2e2e2;
    border-bottom: 0px;
    margin-left: -1px;
}

.box-tctthc .tabs-tc > li > a {
    position: relative;
    background: #E9F0F8;
    display: block;
    padding: 10px 20px;
}

.box-tctthc .tabs-tc > li.active > a {
    background: #fff;
}

.box-tctthc .tabs-tc > li.active > a:after {
    height: 1px;
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0px;
    right: 0px;
    background: #fff;
}

.box-tctthc .tab-content {
    border: 1px solid #e2e2e2;
    border-top: 0px;
    padding: 30px;
}

@media (max-width: 768px) {
    .tthc .box-cq .table-result-tthc thead {
        display: block;
        width: 100%;
    }

    .tthc .box-cq .table-result-tthc thead th {
        white-space: normal !important;
    }

    .tthc .box-cq .table-result-tthc thead th:first-child {
        width: 210px;
    }

    .tthc .box-cq .table-result-tthc {
        margin-bottom: 20px;
    }

    .tthc .box-cq .table-result-tthc th, .tthc .box-cq .table-result-tthc td {
        display: table-cell;
    }

    .tthc .box-cq .table-result-tthc tr {
        border-width: 1px;
        display: table;
        width: 100%;
    }

    .tthc .box-cq .table-result-tthc td:first-child {
        background: #fff;
        width: 210px;
    }

    .tthc .box-cq .table-result-tthc td:last-child {
        text-align: right !important;
    }
}

.box-nopthue {
    max-width: 991px;
    margin: auto;
    text-align: center;
    padding: 80px 20px;
    min-height: 480px;
}

.box-nopthue .logo {
    margin-bottom: 20px;
}

.box-nopthue .logo img {
    height: 84px;
}

pre {
    border: 1px solid #ddd;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    margin-bottom: 20px;
}

.api-canvas {
    background: #fff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    display: table;
    width: 100%;
}

.api-canvas:after {
    content: "";
    display: block;
    clear: both;
}

.api-canvas .api-sidebar {
    width: 300px;
    display: table-cell;
    padding: 15px;
    box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.1);
}

.api-canvas .api-sidebar .search {
    margin-bottom: 20px;
}

.api-canvas .api-sidebar .search .form-control {
    border-radius: 20px;
}

.api-canvas .box-wrap {
    padding: 30px;
}

.api-canvas .code {
    padding: 2px 10px;
    font-weight: 500;
    background: #f5efef;
    border: 1px solid #f3e1e1;
    color: #bb0808;
}

.jstree {
    font-size: 14px;
}

.jstree .jstree-themeicon {
    display: none;
}

.jstree > ul > li {
    background: none;
}

.jstree > ul > li > a {
    font-weight: 500;
    font-size: 15px;
    border-top: 1px solid #E9F0F8 !important;
}

.jstree > ul > li:last-child {
    border-bottom: 0px;
}

.jstree > ul .jstree-children {
    margin-bottom: 10px;
    border-left: 3px solid #eff1f5;
}

.jstree .jstree-node {
    position: relative;
    background: none;
    margin-left: 15px;
}

.jstree .jstree-leaf > .jstree-ocl {
    position: absolute;
    right: 0px;
    display: none;
}

.jstree .jstree-closed > .jstree-ocl, .jstree .jstree-open > .jstree-ocl {
    right: 0px;
    background: none;
    font-family: FontAwesome;
    font-style: normal;
    top: 6px;
    right: 0px;
    z-index: 2;
    color: #903938;
}

.jstree .jstree-closed > .jstree-ocl:before, .jstree .jstree-open > .jstree-ocl:before {
    content: "\f105";
}

.jstree .jstree-open > .jstree-ocl:before {
    content: "\f107";
}

.jstree .jstree-icon {
    position: absolute;
}

.jstree .jstree-anchor {
    display: block;
    padding: 8px 5px;
    padding-right: 20px;
    height: auto;
    border: 0px;
}

.jstree .jstree-anchor:after {
    content: "";
}

.jstree .jstree-anchor.jstree-hovered {
    border: 0px;
    background: #edf0f3;
    box-shadow: none;
    border-radius: 4px;
}

.jstree .jstree-open > a {
    font-weight: 500;
    color: #2A6EBB;
}

.jstree .jstree-clicked {
    border: 0px;
    box-shadow: none;
    background: none;
    color: #2A6EBB;
    position: relative;
}

.jstree .jstree-clicked:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 30px;
    bottom: 0px;
    top: 0px;
    right: -15px;
    background: #2A6EBB;
    border-radius: 20px;
    margin: auto;
}

.cau-hoi-pho-bien .list-questions .item {
    display: block;
    color: #CE7A58;
    padding: 14px 0px;
    cursor: pointer;
    padding-left: 30px;
    position: relative;
    border-bottom: 1px solid #E9F0F8;
}

.cau-hoi-pho-bien .list-questions .item:hover {
    color: #903938;
}

.cau-hoi-pho-bien .list-questions .item:before {
    font-family: ap;
    content: "\e87d";
    position: absolute;
    top: 14px;
    left: 0px;
    color: #666;
}

.cau-hoi-pho-bien .list-questions .item:last-child {
    border-bottom: 0px;
}

.cau-hoi-pho-bien .sidebar .head {
    font-size: 20px;
}

.cau-hoi-pho-bien .sidebar .body {
    padding: 0px;
}

.cau-hoi-pho-bien .sidebar .menus {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.cau-hoi-pho-bien .sidebar .menus > li:before {
    content: "\f105";
    position: absolute;
    top: 5px;
    right: 10px;
    font-family: FontAwesome;
}

.cau-hoi-pho-bien .sidebar .menus > li.active:before {
    color: #fff;
    content: "\f107";
}

.cau-hoi-pho-bien .sidebar .menus a {
    display: block;
    padding: 7px 15px;
    color: #1E2F41;
    border-top: 1px solid #E9F0F8;
}

.cau-hoi-pho-bien .sidebar .menus ul {
    display: none;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.cau-hoi-pho-bien .sidebar .menus ul > li {
    padding: 0px 15px;
}

.cau-hoi-pho-bien .sidebar .menus li {
    position: relative;
}

.cau-hoi-pho-bien .sidebar .menus li.active > a {
    background: #CE7A58;
    color: #fff;
}

.cau-hoi-pho-bien .sidebar .menus li:hover > a {
    background: #f4f5f6;
}

.cau-hoi-pho-bien .sidebar .menus li.active > a {
    background: #CE7A58;
    color: #fff;
    font-weight: bold;
}

.cau-hoi-pho-bien .sidebar .menus li.active > ul {
    display: block;
}

.cau-hoi-pho-bien .list-tt > li {
    padding: 15px 0px;
    border-bottom: 1px solid #E9F0F8;
}

.cau-hoi-pho-bien .list-tt > li > a {
    padding-left: 30px;
}

.cau-hoi-pho-bien .list-tt > li > a:before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("../img/cauhoi/notepad.html");
}

.cau-hoi-pho-bien .list-tt > li:last-child {
    border-bottom: 0px;
}

@media (max-width: 768px) {
    .cau-hoi-pho-bien .box-form .col-xs-12 {
        margin-bottom: 10px;
    }

    .cau-hoi-pho-bien .input-right-button {
        padding-right: 0px;
    }

    .cau-hoi-pho-bien .input-right-button .btn {
        position: relative;
        margin-top: 10px;
    }
}

.popup-fix-chat {
    position: fixed;
    bottom: 40px;
    right: 0px;
    background: #CE7A58;
    color: #fff;
    z-index: 100;
    padding: 5px 10px;
    font-weight: 500;
}

.popup-fix-chat .icon {
    display: inline-block;
    margin-right: 5px;
}

.popup-fix-chat .icon img {
    height: 30px;
}

.popup-fix-chat .text {
    display: inline-block;
}

.popup-fix-chat .close {
    float: none;
    font-weight: normal;
    color: #fff;
    text-shadow: none;
    opacity: 0.8;
    margin-left: 10px;
}

.popup-fix-chat .close:hover {
    opacity: 1;
}

.help-steps {
    text-align: center;
}

.help-steps:after {
    content: "";
    display: block;
    clear: both;
}

.help-steps .text {
    height: 90px;
    overflow: hidden;
}

.help-steps .item {
    position: relative;
    width: 25%;
    float: left;
    padding: 10px;
}

.help-steps .item:after {
    content: "";
    height: 4px;
    position: absolute;
    left: 50%;
    width: 100%;
    top: 50px;
    background: #7C964C;
}

.help-steps .item:last-child:after {
    display: none;
}

.help-steps .number {
    width: 80px;
    height: 80px;
    z-index: 10;
    border-radius: 50%;
    font-size: 26px;
    z-index: 10;
    position: relative;
    background: #7C964C;
    color: #fff;
    text-align: center;
    line-height: 80px;
    margin: auto;
    margin-bottom: 20px;
}

.help-steps.-col3 .item {
    width: 33.333%;
}

@media (max-width: 991px) {
    .help-steps {
        border-bottom: 0px;
        text-align: left;
    }

    .help-steps .item {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
        padding-top: 20px;
    }

    .help-steps .item:after {
        display: none;
    }

    .help-steps.-col3 .item {
        width: 100%;
    }

    .help-steps .text {
        height: auto;
    }

    .help-steps .number {
        bottom: auto;
        top: 0px;
        left: 0px;
        right: auto;
        position: relative;
    }
}

.help-article {
    line-height: 27px;
}

.help-article p, .help-article div, .help-article li {
    margin-bottom: 10px;
}

.help-article .step-item {
    margin-bottom: 30px;
}

.help-article .step-item .row {
    margin: 0px -10px;
}

.help-article .step-item .col-xs-12 {
    padding: 0px 10px;
}

.help-article .head {
    display: table;
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 28px;
}

.help-article .head .head-number, .help-article .head .text {
    display: table-cell;
    vertical-align: middle;
}

.help-article .head .head-number {
    width: 60px;
}

.help-article .head .number {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    display: block;
    border-radius: 50%;
    background: #7C964C;
    text-align: center;
}

.help-article .head .text {
    padding-left: 10px;
}

/*style home*/
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    font-family: 'Nunito', Arial;
    font-size: 18px;
    line-height: 1.3333;
    color: #1E2F41;
    height: 100%;
}

.nowrap {
    white-space: nowrap;
}

.marb0 {
    margin-bottom: 0px !important;
}

.inline {
    display: inline-block !important;
}

.container {
    max-width: 1200px;
    width: 100%;
}

.borb0 {
    border-bottom: 0px !important;
}

.pad10 {
    padding: 10px !important;
}

.row:after {
    display: block;
}

.success {
    color: #7C964C;
}

.main-title {
    margin: 0px;
    font-size: 28px;
    font-weight: 300;
    display: block;
    margin-bottom: 20px;
    color: #333333;
    font-weight: 500;
    line-height: 36px;
    padding-left: 110px;
    position: relative;
    text-align: justify;
}

.main-title .title {
    background-color: rgba(255, 198, 0, 0.15);
    padding: 30px 20px;
    background-image: url(../img/hac.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-radius: 4px;
    min-height: 100px;
    text-align: left;
}

.main-title .icon {
    width: 100px;
    height: 100px;
    background: #CE7A58;
    border-radius: 3px;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 20px;
}

.main-title .icon img {
    height: 60px;
    width: 60px;
}

.main-title.-none {
    padding-left: 0px;
    height: auto;
}

.main-title.-number {
    padding-left: 0px;
}

.main-title.-number .title {
    padding-right: 260px;
}

.main-title.-number .number {
    color: #903938;
    font-weight: bold;
    position: absolute;
    top: 30px;
    font-size: 48px;
    right: 10px;
}

.main-title.-style01 {
    background-color: rgba(255, 198, 0, 0.15);
    padding: 20px;
    background-image: url(../img/hac.svg);
    background-size: auto 60%;
    background-position: top right;
    background-repeat: no-repeat;
}

.main-title.-style01 .title {
    padding-right: 10px;
    padding: 0px;
    background: none;
    background-color: transparent;
    margin: 0px;
    min-height: 0px;
    margin-bottom: 10px;
}

.main-title.-style01 .number {
    position: static;
}

@media (max-width: 768px) {
    .main-title {
        display: table;
        width: 100%;
        padding: 0px;
        font-size: 24px;
        line-height: 32px;
    }

    .main-title .title {
        display: table-cell;
        padding: 10px;
        min-height: 0px;
    }

    .main-title .icon {
        height: auto;
        width: auto;
        padding: 10px;
        width: 60px;
        display: table-cell;
        position: relative;
    }

    .main-title .icon img {
        height: auto;
        width: 60px;
    }

    .main-title.-number {
        display: block;
        background-color: rgba(234, 160, 49, 0.2);
        padding: 10px;
        text-align: center;
    }

    .main-title.-number .title {
        background: none;
        height: auto;
        display: block;
        padding-right: 10px;
    }

    .main-title.-number .number {
        position: static;
    }
}

.main {
    color: #CE7A58 !important;
}

a:hover {
    color: #CE7A58;
}

.red {
    color: #d32f2f;
}

.select-custom {
    position: relative;
}

.select-custom select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    padding-right: 25px;
}

.select-custom:before {
    content: "\f107";
    font-family: "FontAwesome";
    position: absolute;
    width: 0px;
    top: 8px;
    right: 20px;
    pointer-events: none;
    height: 0px;
    color: #666;
}

.form-control {
    border-color: #C9CDCF;
    border-radius: 4px;
    box-shadow: none;
    height: 40px;
    font-size: 18px;
    font-weight: 500;
    color: #1E2F41;
}

.form-control::placeholder {
    font-weight: normal;
}

.form-control:focus {
    border-color: #CE7A58;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(206, 122, 88, 0.4);
}

.url {
    display: block;
    padding-left: 20px;
    position: relative;
    color: #CE7A58;
}

.url:before {
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: FontAwesome;
    content: "\f105";
    font-size: 16px;
    color: #CE7A58;
}

.tleft {
    text-align: left;
}

.links {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.links > li {
    padding: 7px 0px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #CE7A58;
}

.select2-container--default .select2-selection--single {
    outline: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #CE7A58 !important;
}

.overlay-common {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0, 0, 0, 0.2);
    z-index: 98;
    display: none;
}

.overlay-common.show {
    display: block;
}

.avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.user {
    position: relative;
    cursor: pointer;
}

.user .avatar {
    display: inline-block;
    vertical-align: middle;
}

.user .username {
    font-weight: 500;
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
}

.breadcrumb {
    background: none;
    padding: 20px 0px;
    margin-bottom: 20px;
}

.breadcrumb > li {
    text-align: left;
}

.breadcrumb > li > a {
    text-align: left;
    font-size: 16px;
}

.breadcrumb > li + li:before {
    content: ">";
}

.link {
    color: #CE7A58;
    display: inline-block;
}

.link:hover {
    text-decoration: underline;
}

.label-text {
    margin-bottom: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 768px) {
    .label-text {
        overflow: visible;
        white-space: normal;
    }
}

.level.-level3 {
    color: #7C964C;
}

.btn {
    border-radius: 4px;
    min-width: 160px;
    font-size: 18px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 480px) {
    .btn {
        width: 100%;
        height: auto;
        white-space: normal;
        margin-bottom: 10px;
    }
}

.minw100 {
    min-width: 100px !important;
}

.minw200 {
    min-width: 200px !important;
}

.w-auto {
    width: auto !important;
    min-width: 0px !important;
}

.btn-main {
    background: #CE7A58;
    color: #fff;
}

.btn-main:hover, .btn-main:focus {
    opacity: 0.8;
    color: #fff;
}

.btn-second {
    border-color: #CE7A58;
    color: #1E2F41;
    background: #fff;
}

.btn-second:hover {
    background: #CE7A58;
    color: #fff;
}

.btn-line {
    border-color: #CE7A58;
    color: #CE7A58;
    background: #fff;
}

.btn-line:hover {
    background: #CE7A58;
    color: #fff;
}

.btn-third {
    border-color: #8F969C;
    color: #1E2F41;
    background: #fff;
}

.btn-third:hover {
    background: #CE7A58;
    color: #fff;
    border-color: #CE7A58;
}

.btn-fourth {
    background: #FFC251;
    color: #000;
    font-weight: 500;
}

.btn-fourth:hover {
    background: #ffb01e;
}

.btn-sm {
    height: auto;
    padding: 3px 15px;
}

.tright {
    text-align: right;
}

.block {
    display: block;
}

.mart10 {
    margin-top: 10px;
}

.pagination {
    margin: 0px;
    margin-top: 10px;
}

.pagination > li {
    display: inline-block;
}

.pagination > li > a, .pagination > li > span {
    color: #CE7A58;
    padding: 3px 10px;
}

.pagination > li.active > a, .pagination > li.active > span {
    background: #CE7A58;
    color: #fff;
    border-color: #CE7A58;
}

.pagination > li:hover > a, .pagination > li:hover > span {
    color: #CE7A58;
}

@media (max-width: 768px) {
    .pagination {
        margin: 20px 0px;
    }

    .pagination > li.page {
        display: none;
    }

    .pagination > li.page.active {
        display: inline-block;
    }
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-radius: 0px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0px;
}

.check-action {
    display: inline-block;
    position: relative;
}

.check-action .check {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: 0;
}

.check-action .name {
    padding-left: 30px;
    position: relative;
    display: block;
    min-height: 20px;
}

.check-action .name:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 0px;
    background-color: #fff;
    border: 1px solid #C9CDCF;
}

.check-action .check:checked + .name:before {
    border-color: #CE7A58;
    color: #fff;
    font-family: ap;
    content: "\ea2b";
    font-size: 9px;
    background: #CE7A58;
    line-height: 18px;
    text-align: center;
}

.check-action input[type="radio"] + .name:before {
    border-radius: 50%;
}

.check-action input[type="radio"] + .name:after {
    border-radius: 50%;
}

.check-action input[type="radio"]:checked + .name:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #CE7A58;
    left: 5px;
    top: 8px;
}

.check-action input[type="radio"]:checked + .name:before {
    background: #fff;
    border-color: #CE7A58;
}

.popup-box {
    margin: 30px auto;
    background: #fff;
    z-index: 1050;
    position: relative;
    padding: 20px 30px !important;
}

.popup-box:after {
    content: "";
    display: block;
    clear: both;
}

.popup-box.in {
    display: block;
}

.popup-box .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    display: block;
}

.w100 {
    width: 100%;
}

.input-search-left {
    position: relative;
}

.input-search-left .form-control {
    padding-left: 35px;
}

.input-search-left .icon {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #666;
}

.input-icon-left {
    position: relative;
}

.input-icon-left .form-control {
    padding-left: 35px;
}

.input-icon-left .icon {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #666;
}

.input-icon-right {
    position: relative;
}

.input-icon-right .form-control {
    padding-right: 35px;
}

.input-icon-right .icon {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #666;
    pointer-events: none;
}

.box {
    border: 1px solid #e2e2e2;
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
}

.border-left1 {
    border-left: 1px solid #E9F0F8;
}

.row-cus {
    margin: 0px -5px;
}

.row-cus .col-xs-12 {
    padding: 0px 5px;
}

.row-cus .btn {
    min-width: 0px;
}

.w100pc {
    width: 100%;
}

.input-button-right {
    position: relative;
    padding-right: 160px;
}

.input-button-right .btn {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 150px;
    min-width: 0px;
}

.table-content {
    overflow: auto;
}

.table-result {
    width: 100%;
    text-align: justify;
    font-size: 18px;
}

.table-result th, .table-result td {
    padding: 7px 10px !important;
    vertical-align: top;
    border: 0px !important;
    border-bottom: 1px solid #E9F0F8 !important;
}

.table-result td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.table-result th {
    vertical-align: top !important;
    white-space: nowrap;
    font-weight: 500;
    background: #f6f7f8;
}

.table-result .border0 td {
    border-bottom: 0px !important;
}

.table-result .btn {
    min-width: 0px;
    padding: 5px 15px;
    height: auto;
}

.table-result tr:last-child td {
    border-bottom: 0px !important;
}

@media (max-width: 768px) {
    .table-result {
        display: block;
    }

    .table-result thead, .table-result .footable-header {
        display: none;
    }

    .table-result tr, .table-result th, .table-result tbody, .table-result td {
        display: block;
        width: 100% !important;
        border: 0px !important;
        padding: 5px 0px !important;
    }

    .table-result tr {
        border-bottom: 1px solid #e2e2e2 !important;
    }

    .table-result tr.border0 {
        border-bottom: 0px !important;
    }

    .table-result td:before {
        content: attr(data-title);
        display: block;
        font-weight: bold;
    }

    .table-result td .link {
        display: block;
    }
}

.table-result.table-tbkm {
    font-size: 16px;
}

.table-result.table-tbkm th {
    background: none !important;
    border: 0px !important;
    font-size: 18px;
}

.table-ttnnvtc tr td, .table-ttnnvtc tr th {
    border: 1px solid #e2e2e2 !important;
}

.table-ttnnvtc tr:last-child td {
    border: 1px solid #e2e2e2 !important;
}

.table-ttnnvtc tr.bg {
    background: #ce7a581a;
}

.table-result-tthc {
    border: none;
    margin-bottom: 0px;
}

.table-result-tthc th {
    white-space: nowrap;
    font-weight: 500;
    background: #f6f7f8;
}

.table-result-tthc th, .table-result-tthc td {
    border-bottom: 0px !important;
    border: none !important;
}

@media (max-width: 768px) {
    .table-result-tthc {
        display: block;
    }

    .table-result-tthc thead {
        display: none;
    }

    .table-result-tthc tbody {
        display: block;
    }

    .table-result-tthc tbody tr {
        display: block;
        border-bottom: 2px solid #ddd;
    }

    .table-result-tthc tbody tr:last-child {
        border-bottom: 0px;
    }

    .table-result-tthc tbody td {
        display: block;
        border: 0px !important;
    }

    .table-result-tthc tbody td:before {
        content: attr(data-title);
        display: block;
        font-weight: bold;
    }
}

.fieldset-head {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    text-align: center;
    margin: 20px 0px;
}

.fieldset-head span {
    display: inline-block;
    padding: 5px 10px;
    background: #fff;
    position: relative;
    z-index: 2;
}

.fieldset-head:before {
    content: "";
    height: 1px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
    background: #E9F0F8;
}

.text {
    color: #1E2F41 !important;
}

.w200 {
    width: 200px !important;
}

.w230 {
    width: 230px !important;
}

.group-buttons .btn {
    margin: 0px 2px;
}

.info-row {
    margin-bottom: 20px;
}

.info-row .key {
    color: #1E2F41;
    margin-bottom: 2px;
}

.info-row .value {
    font-weight: 500;
    color: #1E2F41;
}

.info-row .form-control {
    height: 28px;
}

.info-row.-inline {
    display: table;
    width: 100%;
}

.info-row.-inline .key, .info-row.-inline .value {
    display: table-cell;
}

.info-row.-inline .key {
    width: 140px;
}

.info-row.-inline .value {
    padding-left: 10px;
}

.info-row.-inline.lbw170 .key {
    width: 170px;
}

.info-row.-inline.lbw240 .key {
    width: 240px;
}

@media (max-width: 768px) {
    .info-row.-inline {
        display: block;
    }

    .info-row.-inline .key, .info-row.-inline .value {
        display: block;
        padding: 0px;
    }

    .info-row.-inline .key {
        margin-bottom: 3px;
    }
}

.table-line-main {
    width: 100%;
    border-bottom: 1px solid #2A6EBB;
}

.table-line-main th {
    text-align: center;
    background: #2A6EBB;
    color: #fff;
    font-weight: 500;
}

.table-line-main th, .table-line-main td {
    border-left: 1px solid #2A6EBB;
    border-right: 1px solid #2A6EBB;
    padding: 15px 10px;
}

.table-line-main tr:nth-child(2n+2) td {
    background: #FBFBFB;
}

.box-tags {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #e2e2e2;
    min-height: 80px;
    background: #fff;
}

.box-tags .tag {
    margin-right: 7px;
    margin-bottom: 7px;
    padding: 5px 10px;
    font-size: 16px;
    position: relative;
    padding-right: 30px;
    cursor: pointer;
    background: rgba(242, 166, 52, 0.5);
    border-radius: 2px;
}

.box-tags .tag:hover {
    border-color: #CE7A58;
}

.box-tags .tag .close {
    position: absolute;
    top: 7px;
    right: 5px;
    font-size: 16px;
}

.box-chontinh .top {
    padding: 20px;
}

.box-chontinh .head {
    padding: 10px 20px;
    border-top: 1px solid #E9F0F8;
    border-bottom: 1px solid #E9F0F8;
}

.box-chontinh .list-check .item {
    padding: 10px 20px;
    display: block;
}

.box-chontinh .list-check .check-action {
    display: block;
}

.box-chontinh .actions {
    padding: 20px 0px;
    border-top: 1px solid #E9F0F8;
}

.marl20 {
    margin-left: 20px !important;
}

.chat-box {
    z-index: 10000;
}

.chat-box .live-hd {
    border-radius: 8px 8px 0 0;
}

.chat-box .visitor-name {
    font-size: 16px;
}

.chat-box .live-ct-top {
    padding: 0px;
}

.chat-box .btn {
    min-width: 0px;
}

.chat-box .live-chat-ft .btn-attach {
    background: none;
    color: #5d5d5d;
    line-height: 30px;
    padding: 0px;
    text-align: center;
}

.chat-box .live-chat-ft .btn-attach .fa {
    line-height: 30px;
}

.chat-box .live-ct {
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    border: none;
}

.chat-box .live-chat-ft {
    background: #fff;
    border-top: 1px solid #ddd;
}

.readmore:hover {
    color: #173d68;
    cursor: pointer;
}

.modal {
    padding: 0px !important;
}

.modal h2, .modal h3, .modal h1 {
    margin-top: 0px;
}

.modal-dialog {
    margin: 20px auto;
}

.modal-footer .btn + .btn {
    margin-left: 0px;
}

@media (max-width: 480px) {
    .modal-footer .btn + .btn {
        margin-top: 10px;
    }
}

.upload-file {
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
}

.upload-file.-loading:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    background: rgba(255, 255, 255, 0.8);
}

.upload-file.-loading:after {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 4;
    margin: auto;
    background-size: cover;
    background-position: center;
    background-image: url(../img/loading.svg);
}

.upload-file .file {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    opacity: 0;
    height: 100%;
    width: 100%;
}

.upload-file .btn {
    text-transform: none;
    border: 1px dashed #aaa;
    width: 100%;
    color: #555;
    display: block;
    height: auto;
}

.upload-file .note {
    color: #999;
    margin-top: 3px;
    font-size: 12px;
    text-transform: none;
    font-style: italic;
    font-weight: normal;
}

.upload-file:hover .btn {
    border-color: #CE7A58;
}

.list-files {
    margin-bottom: 10px;
}

.list-files .item {
    position: relative;
    color: #2A6EBB;
    padding-right: 30px;
}

.list-files .item a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.list-files .item .remove {
    position: absolute;
    top: 0px;
    right: 0px;
    color: red;
    cursor: pointer;
}

.nowrap {
    white-space: nowrap;
}

.modal-open {
    padding-right: 0px !important;
}

#advsearch .list-check .check-action {
    width: 190px;
}

.modal .main-title {
    padding-left: 0px;
    height: auto;
    display: block;
    text-align: center;
}

.second {
    color: #903938 !important;
}

.tabs {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 40px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    letter-spacing: -4px;
    font-size: 0px;
    list-style: none;
}

.tabs:after {
    content: "";
    display: block;
    clear: both;
}

.tabs > li {
    display: inline-block;
    font-size: 18px;
    letter-spacing: 0px;
}

.tabs > li > a {
    display: block;
    padding: 15px 20px;
    position: relative;
    font-weight: 600;
}

.tabs > li > a:before {
    content: "";
    position: absolute;
    height: 5px;
    left: 0px;
    bottom: -1px;
    right: 0px;
    background: #e2e2e2;
}

.tabs > li > a:focus {
    outline: none;
}

.tabs > li.active > a {
    color: #CE7A58;
}

.tabs > li.active > a:before {
    background: #CE7A58;
}

.tabs.-style01 {
    border-bottom: 0px;
}

.tabs.-style02 {
    border-bottom: 0px;
    display: flex;
    column-gap: 30px;
    row-gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.tabs.-style02 > li > a {
    padding: 8px 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 16px;
}

.tabs.-style02 > li > a:before {
    height: 2px;
    bottom: 0px;
    background-color: transparent;
}

.tabs.-style02 > li.active > a:before {
    background-color: #CE7A58;
}

.input-captcha {
    padding-right: 150px;
    position: relative;
}

.input-captcha .code {
    border-radius: 4px;
    position: absolute;
    right: 0px;
    width: 140px;
    top: 0px;
    background: #f3f4f8;
    height: 40px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
}

.input-captcha .code img {
    height: 100%;
}

.input-captcha .code .btn-refresh {
    width: 30px;
    height: 38px;
    background: none;
    position: absolute;
    top: 0px;
    right: 0px;
    border: 0px;
    font-size: 16px;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 150px;
    overflow-y: auto;
}

.select2-selection__clear {
    display: none;
}

.select2-selection__arrow {
    margin-top: 5px;
}

.select2-selection__rendered {
    padding-top: 5px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #C9CDCF;
    border-radius: 2px;
    height: 40px;
}

.select2-container--default {
    width: 100% !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #CE7A58;
}

.chosen-container-multi .chosen-choices {
    border: 1px solid #e2e2e2;
    min-height: 40px;
    border-radius: 4px;
    box-shadow: none;
    background: #fff;
    font-size: 16px;
}

@media (max-width: 768px) {
    .action {
        margin-top: 20px;
    }

    .pagination {
        margin-top: 20px;
    }

    #paginationPanel, .bottom, .pagination-bottom, #divPromotionPagination {
        text-align: center;
    }

    #paginationPanel .pull-right, #paginationPanel .pull-left, .bottom .pull-right, .bottom .pull-left, .pagination-bottom .pull-right, .pagination-bottom .pull-left, #divPromotionPagination .pull-right, #divPromotionPagination .pull-left {
        text-align: center;
        width: 100%;
    }
}

.modal-content {
    border-radius: 0px;
}

.modal-content .close {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: center;
    z-index: 2;
    line-height: 30px;
}

.page-notfound {
    max-width: 768px;
    margin: auto;
    padding: 40px 0px;
    display: table;
    width: 100%;
}

.page-notfound .icon, .page-notfound .content {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
}

.page-notfound .icon {
    width: 200px;
}

.page-notfound .title {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
}

.list-banks {
    margin: 0px -10px;
}

.list-banks:after {
    content: "";
    display: block;
    clear: both;
}

.list-banks .item {
    cursor: pointer;
    padding: 10px 10px;
    float: left;
    width: 25%;
    float: left;
}

.list-banks .item > a {
    display: block;
    padding: 10px;
    border: 1px solid #BDBDBD;
    position: relative;
}

.list-banks .item > a:hover {
    border-color: #CE7A58;
}

.list-banks .item img {
    height: 40px;
    object-fit: contain;
    display: inline-block;
    width: 100%;
}

.list-banks .item.active > a {
    border-color: #CE7A58;
}

.list-banks .item.active > a:before {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #fff;
    color: #CE7A58;
    top: -10px;
    right: -5px;
    text-align: center;
}

@media (max-width: 768px) {
    .list-banks {
        margin: 0px;
        text-align: center;
    }

    .list-banks .item {
        width: auto;
        display: inline-block;
        float: none;
    }

    .list-banks .item img {
        width: 160px;
    }
}

.modal-body {
    padding: 30px;
}

.head-filter {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.head-filter .actions {
    padding-left: 20px;
}

.padl10 {
    padding-left: 10px;
}

.padr10 {
    padding-right: 10px;
}

.marb10 {
    margin-bottom: 10px;
}

.mart10 {
    margin-top: 10px;
}

.input-line-bottom .form-control {
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    background: none;
    border-radius: 0px;
    padding-left: 0px;
}

.input-line-bottom .form-control:focus, .input-line-bottom .form-control:active {
    box-shadow: none;
    outline: 0px;
}

.input-line-bottom .form-control:disabled {
    background-color: #D6DAE3;
}

.minw200 {
    min-width: 200px;
}

.popup-ncovi {
    max-width: 580px;
    margin: 30px auto;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
}

.popup-ncovi .banner-top {
    position: relative;
}

.popup-ncovi .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    background: rgba(196, 196, 196, 0.4);
    color: #fff;
    z-index: 100;
    opacity: 1;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
}

.popup-ncovi .box-content {
    padding: 20px;
}

.popup-ncovi .top {
    padding-right: 160px;
    position: relative;
}

.popup-ncovi .btn-link-ncovi {
    background-image: url("../img/gioithieu/bg-shield.svg");
    background-size: contain;
    width: 150px;
    height: 170px;
    background-repeat: no-repeat;
    white-space: normal;
    padding: 30px 10px;
    padding-right: 30px;
    font-weight: 500;
    position: absolute;
    right: 0px;
    top: -100px;
}

.popup-ncovi .btn-link-ncovi span {
    display: block;
    margin-top: 5px;
}

@media (max-width: 480px) {
    .popup-ncovi .top {
        padding-right: 0px;
    }

    .popup-ncovi .btn-link-ncovi {
        position: static;
        margin: auto;
        display: block;
    }
}

@media (max-width: 768px) {
    div.table, div.cell {
        display: block !important;
        text-align: center !important;
        width: 100% !important;
        padding: 0px !important;
    }
}

.box-text-content {
    padding: 20px 0px;
    font-size: 20px;
    line-height: 28px;
}

.maxw768 {
    margin: 0px auto;
    max-width: 768px;
}

.maxw991 {
    margin: 0px auto;
    max-width: 991px;
}

.input-icon-help {
    position: relative;
}

.input-icon-help .form-control {
    padding-right: 30px;
}

.input-icon-help .help-content {
    width: 30px;
    position: absolute;
    top: 10px;
    right: 0px;
}

.input-icon-help .help-content > .icon {
    color: #aaa;
    cursor: pointer;
    text-align: center;
}

.input-icon-help .help-content > .icon:hover {
    color: #CE7A58;
}

.input-icon-help .help-content .content-help {
    background: #fff;
    position: absolute;
    width: 300px;
    padding: 10px;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    bottom: 30px;
    z-index: 100;
    right: -20px;
    border: 1px solid #ddd;
    margin: auto;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}

.input-icon-help .help-content:hover .content-help {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease;
}

.alert-show {
    border-radius: 4px;
    padding: 10px 15px;
    background: #fff;
    width: 100%;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    display: table;
    white-space: nowrap;
}

.alert-show .icon, .alert-show .text-content, .alert-show .box-close {
    vertical-align: middle;
    display: table-cell;
    float: none;
}

.alert-show .icon {
    font-size: 32px;
    width: 32px;
}

.alert-show .close {
    font-size: 16px;
}

.alert-show .text-content {
    padding-right: 10px;
    padding-left: 10px;
}

.alert-show .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 3px;
}

.alert-show .mess {
    color: #666;
    font-size: 16px;
}

.alert-show:before {
    content: "";
    position: absolute;
    top: 0px;
    width: 5px;
    bottom: 0px;
    background-color: transparent;
    left: 0px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.alert-show.-success:before {
    background: #219653;
}

.alert-show.-success .icon {
    color: #219653;
}

.alert-show.-success .icon:before {
    content: "\f3ff";
}

.alert-show.-warning:before {
    background: #F2994A;
}

.alert-show.-warning .icon {
    color: #F2994A;
}

.alert-show.-warning .icon:before {
    content: "\e084";
}

.alert-show.-danger:before {
    background: #EB5757;
}

.alert-show.-danger .icon {
    color: #EB5757;
}

.alert-show.-danger .icon:before {
    content: "\e000";
}

.list-tab-checks {
    display: inline-block;
    margin-bottom: 30px;
}

.list-tab-checks:after {
    content: "";
    clear: both;
    display: block;
}

.list-tab-checks .item {
    float: left;
}

.list-tab-checks .item:first-child .check-action .name {
    border-radius: 4px 0px 0px 4px;
}

.list-tab-checks .item:last-child .check-action .name {
    border-radius: 0px 4px 4px 0px;
}

.list-tab-checks .check-action {
    cursor: pointer;
}

.list-tab-checks .check-action:hover > .name {
    background: #f1f1f1;
    cursor: pointer;
}

.list-tab-checks .check-action .name {
    background: #f5f5f5;
    border: 1px solid #e2e2e2;
    padding: 5px 20px;
    padding-left: 40px;
}

.list-tab-checks .check-action .name:before {
    top: 9px;
    left: 7px;
    width: 16px;
    height: 16px;
}

.list-tab-checks .check-action input[type=radio]:checked + .name:after {
    width: 8px;
    height: 8px;
    left: 11px;
    top: 13px;
}

.list-tab-checks .check-action input[type=radio]:checked + .name {
    background: #ffc46333;
    border-color: #ffc463;
}