.dx-btn{
    display: block;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    font-weight: bold;
    letter-spacing: .5pt;
    border-radius: 3px;
}
.dx-btn + .dx-btn{
    margin-top: 10px;
}
.dx-btn a{
    color: #9a4600;
}
.dx-btn:hover {
    opacity: 0.7;
}

.dx-border{
    border: 1px solid #0070d9;
}
.login-menu{
    background-color: #ffffee;
}

.hotline{
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 10px;
}
.support-users .row{
    width: 250px;
    margin: auto;
}
.support-online .support-title{
    border-bottom: 1px solid #0070d9;
    font-size: 18px !important;
    padding-bottom: 3px;
    font-weight: bold;
    text-align: center;
    margin: -10px -10px;
    margin-bottom: 10px;
    background-color: #fff9ea;
    color: #a74600 !important;
}
.city .city-btn{
    border-radius: 4px;
}

.city .city-btn a{
    height: 44px;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    width: 100%;
    display: block;
    color: white;
    font-weight: bold;
    font-size: 120%;
}

.city .login-btn{
    background-color: #0b6ccb;
}
.city .login-btn:hover{
    background-color: #1e7edc;
}

.city .register-btn{
    background-color: #ff6060;
}
.city .register-btn:hover{
    background-color: #f34242;
}

.login-form-wrapper{
    border: 1px solid #ddd;
    padding: 20px;
    margin-top: 30px;
    background-color: #f7f7f7;
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,.my-1 {
    margin-top: .25rem!important
}

.mr-1,.mx-1 {
    margin-right: .25rem!important
}

.mb-1,.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,.my-2 {
    margin-top: .5rem!important
}

.mr-2,.mx-2 {
    margin-right: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

.mr-3,.mx-3 {
    margin-right: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,.my-5 {
    margin-top: 3rem!important
}

.mr-5,.mx-5 {
    margin-right: 3rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

.pr-0,.px-0 {
    padding-right: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

.pl-0,.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,.py-1 {
    padding-top: .25rem!important
}

.pr-1,.px-1 {
    padding-right: .25rem!important
}

.pb-1,.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,.py-2 {
    padding-top: .5rem!important
}

.pr-2,.px-2 {
    padding-right: .5rem!important
}

.pb-2,.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,.py-3 {
    padding-top: 1rem!important
}

.pr-3,.px-3 {
    padding-right: 1rem!important
}

.pb-3,.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,.py-5 {
    padding-top: 3rem!important
}

.pr-5,.px-5 {
    padding-right: 3rem!important
}

.pb-5,.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

.mr-auto,.mx-auto {
    margin-right: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

.ml-auto,.mx-auto {
    margin-left: auto!important
}

@media (min-width: 420px) {
    .m-xs-0 {
        margin:0!important
    }

    .mt-xs-0,.my-xs-0 {
        margin-top: 0!important
    }

    .mr-xs-0,.mx-xs-0 {
        margin-right: 0!important
    }

    .mb-xs-0,.my-xs-0 {
        margin-bottom: 0!important
    }

    .ml-xs-0,.mx-xs-0 {
        margin-left: 0!important
    }

    .m-xs-1 {
        margin: .25rem!important
    }

    .mt-xs-1,.my-xs-1 {
        margin-top: .25rem!important
    }

    .mr-xs-1,.mx-xs-1 {
        margin-right: .25rem!important
    }

    .mb-xs-1,.my-xs-1 {
        margin-bottom: .25rem!important
    }

    .ml-xs-1,.mx-xs-1 {
        margin-left: .25rem!important
    }

    .m-xs-2 {
        margin: .5rem!important
    }

    .mt-xs-2,.my-xs-2 {
        margin-top: .5rem!important
    }

    .mr-xs-2,.mx-xs-2 {
        margin-right: .5rem!important
    }

    .mb-xs-2,.my-xs-2 {
        margin-bottom: .5rem!important
    }

    .ml-xs-2,.mx-xs-2 {
        margin-left: .5rem!important
    }

    .m-xs-3 {
        margin: 1rem!important
    }

    .mt-xs-3,.my-xs-3 {
        margin-top: 1rem!important
    }

    .mr-xs-3,.mx-xs-3 {
        margin-right: 1rem!important
    }

    .mb-xs-3,.my-xs-3 {
        margin-bottom: 1rem!important
    }

    .ml-xs-3,.mx-xs-3 {
        margin-left: 1rem!important
    }

    .m-xs-4 {
        margin: 1.5rem!important
    }

    .mt-xs-4,.my-xs-4 {
        margin-top: 1.5rem!important
    }

    .mr-xs-4,.mx-xs-4 {
        margin-right: 1.5rem!important
    }

    .mb-xs-4,.my-xs-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-xs-4,.mx-xs-4 {
        margin-left: 1.5rem!important
    }

    .m-xs-5 {
        margin: 3rem!important
    }

    .mt-xs-5,.my-xs-5 {
        margin-top: 3rem!important
    }

    .mr-xs-5,.mx-xs-5 {
        margin-right: 3rem!important
    }

    .mb-xs-5,.my-xs-5 {
        margin-bottom: 3rem!important
    }

    .ml-xs-5,.mx-xs-5 {
        margin-left: 3rem!important
    }

    .p-xs-0 {
        padding: 0!important
    }

    .pt-xs-0,.py-xs-0 {
        padding-top: 0!important
    }

    .pr-xs-0,.px-xs-0 {
        padding-right: 0!important
    }

    .pb-xs-0,.py-xs-0 {
        padding-bottom: 0!important
    }

    .pl-xs-0,.px-xs-0 {
        padding-left: 0!important
    }

    .p-xs-1 {
        padding: .25rem!important
    }

    .pt-xs-1,.py-xs-1 {
        padding-top: .25rem!important
    }

    .pr-xs-1,.px-xs-1 {
        padding-right: .25rem!important
    }

    .pb-xs-1,.py-xs-1 {
        padding-bottom: .25rem!important
    }

    .pl-xs-1,.px-xs-1 {
        padding-left: .25rem!important
    }

    .p-xs-2 {
        padding: .5rem!important
    }

    .pt-xs-2,.py-xs-2 {
        padding-top: .5rem!important
    }

    .pr-xs-2,.px-xs-2 {
        padding-right: .5rem!important
    }

    .pb-xs-2,.py-xs-2 {
        padding-bottom: .5rem!important
    }

    .pl-xs-2,.px-xs-2 {
        padding-left: .5rem!important
    }

    .p-xs-3 {
        padding: 1rem!important
    }

    .pt-xs-3,.py-xs-3 {
        padding-top: 1rem!important
    }

    .pr-xs-3,.px-xs-3 {
        padding-right: 1rem!important
    }

    .pb-xs-3,.py-xs-3 {
        padding-bottom: 1rem!important
    }

    .pl-xs-3,.px-xs-3 {
        padding-left: 1rem!important
    }

    .p-xs-4 {
        padding: 1.5rem!important
    }

    .pt-xs-4,.py-xs-4 {
        padding-top: 1.5rem!important
    }

    .pr-xs-4,.px-xs-4 {
        padding-right: 1.5rem!important
    }

    .pb-xs-4,.py-xs-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-xs-4,.px-xs-4 {
        padding-left: 1.5rem!important
    }

    .p-xs-5 {
        padding: 3rem!important
    }

    .pt-xs-5,.py-xs-5 {
        padding-top: 3rem!important
    }

    .pr-xs-5,.px-xs-5 {
        padding-right: 3rem!important
    }

    .pb-xs-5,.py-xs-5 {
        padding-bottom: 3rem!important
    }

    .pl-xs-5,.px-xs-5 {
        padding-left: 3rem!important
    }

    .m-xs-auto {
        margin: auto!important
    }

    .mt-xs-auto,.my-xs-auto {
        margin-top: auto!important
    }

    .mr-xs-auto,.mx-xs-auto {
        margin-right: auto!important
    }

    .mb-xs-auto,.my-xs-auto {
        margin-bottom: auto!important
    }

    .ml-xs-auto,.mx-xs-auto {
        margin-left: auto!important
    }
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin:0!important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0!important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0!important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0!important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem!important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .25rem!important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem!important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem!important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: .5rem!important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem!important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem!important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1rem!important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem!important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem!important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.5rem!important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem!important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem!important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem!important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0!important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0!important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0!important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem!important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .25rem!important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem!important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem!important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: .5rem!important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem!important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem!important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1rem!important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem!important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem!important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.5rem!important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem!important
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem!important
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto!important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto!important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin:0!important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0!important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0!important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0!important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem!important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .25rem!important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem!important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem!important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: .5rem!important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem!important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem!important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1rem!important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem!important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem!important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.5rem!important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem!important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem!important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem!important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0!important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0!important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0!important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem!important
    }

    .pr-md-1,.px-md-1 {
        padding-right: .25rem!important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem!important
    }

    .pl-md-1,.px-md-1 {
        padding-left: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem!important
    }

    .pr-md-2,.px-md-2 {
        padding-right: .5rem!important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem!important
    }

    .pl-md-2,.px-md-2 {
        padding-left: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem!important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1rem!important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem!important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem!important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.5rem!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem!important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem!important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto!important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto!important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto!important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin:0!important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0!important
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0!important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0!important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem!important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: .25rem!important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem!important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem!important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: .5rem!important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem!important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem!important
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1rem!important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem!important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem!important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 1.5rem!important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem!important
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 3rem!important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem!important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 3rem!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0!important
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0!important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0!important
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem!important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .25rem!important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem!important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem!important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: .5rem!important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem!important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem!important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1rem!important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem!important
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem!important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 1.5rem!important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem!important
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem!important
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto!important
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto!important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin:0!important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0!important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0!important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0!important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem!important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: .25rem!important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem!important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem!important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: .5rem!important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem!important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem!important
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1rem!important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem!important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem!important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 1.5rem!important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem!important
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 3rem!important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem!important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 3rem!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0!important
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0!important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0!important
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem!important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .25rem!important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem!important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem!important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: .5rem!important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem!important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem!important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1rem!important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem!important
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem!important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 1.5rem!important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem!important
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem!important
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto!important
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto!important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto!important
    }
}

@media (min-width: 1440px) {
    .m-xxl-0 {
        margin:0!important
    }

    .mt-xxl-0,.my-xxl-0 {
        margin-top: 0!important
    }

    .mr-xxl-0,.mx-xxl-0 {
        margin-right: 0!important
    }

    .mb-xxl-0,.my-xxl-0 {
        margin-bottom: 0!important
    }

    .ml-xxl-0,.mx-xxl-0 {
        margin-left: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .mt-xxl-1,.my-xxl-1 {
        margin-top: .25rem!important
    }

    .mr-xxl-1,.mx-xxl-1 {
        margin-right: .25rem!important
    }

    .mb-xxl-1,.my-xxl-1 {
        margin-bottom: .25rem!important
    }

    .ml-xxl-1,.mx-xxl-1 {
        margin-left: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .mt-xxl-2,.my-xxl-2 {
        margin-top: .5rem!important
    }

    .mr-xxl-2,.mx-xxl-2 {
        margin-right: .5rem!important
    }

    .mb-xxl-2,.my-xxl-2 {
        margin-bottom: .5rem!important
    }

    .ml-xxl-2,.mx-xxl-2 {
        margin-left: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .mt-xxl-3,.my-xxl-3 {
        margin-top: 1rem!important
    }

    .mr-xxl-3,.mx-xxl-3 {
        margin-right: 1rem!important
    }

    .mb-xxl-3,.my-xxl-3 {
        margin-bottom: 1rem!important
    }

    .ml-xxl-3,.mx-xxl-3 {
        margin-left: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .mt-xxl-4,.my-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mr-xxl-4,.mx-xxl-4 {
        margin-right: 1.5rem!important
    }

    .mb-xxl-4,.my-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-xxl-4,.mx-xxl-4 {
        margin-left: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .mt-xxl-5,.my-xxl-5 {
        margin-top: 3rem!important
    }

    .mr-xxl-5,.mx-xxl-5 {
        margin-right: 3rem!important
    }

    .mb-xxl-5,.my-xxl-5 {
        margin-bottom: 3rem!important
    }

    .ml-xxl-5,.mx-xxl-5 {
        margin-left: 3rem!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .pt-xxl-0,.py-xxl-0 {
        padding-top: 0!important
    }

    .pr-xxl-0,.px-xxl-0 {
        padding-right: 0!important
    }

    .pb-xxl-0,.py-xxl-0 {
        padding-bottom: 0!important
    }

    .pl-xxl-0,.px-xxl-0 {
        padding-left: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .pt-xxl-1,.py-xxl-1 {
        padding-top: .25rem!important
    }

    .pr-xxl-1,.px-xxl-1 {
        padding-right: .25rem!important
    }

    .pb-xxl-1,.py-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pl-xxl-1,.px-xxl-1 {
        padding-left: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .pt-xxl-2,.py-xxl-2 {
        padding-top: .5rem!important
    }

    .pr-xxl-2,.px-xxl-2 {
        padding-right: .5rem!important
    }

    .pb-xxl-2,.py-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pl-xxl-2,.px-xxl-2 {
        padding-left: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .pt-xxl-3,.py-xxl-3 {
        padding-top: 1rem!important
    }

    .pr-xxl-3,.px-xxl-3 {
        padding-right: 1rem!important
    }

    .pb-xxl-3,.py-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pl-xxl-3,.px-xxl-3 {
        padding-left: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .pt-xxl-4,.py-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pr-xxl-4,.px-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pb-xxl-4,.py-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-xxl-4,.px-xxl-4 {
        padding-left: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .pt-xxl-5,.py-xxl-5 {
        padding-top: 3rem!important
    }

    .pr-xxl-5,.px-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-5,.py-xxl-5 {
        padding-bottom: 3rem!important
    }

    .pl-xxl-5,.px-xxl-5 {
        padding-left: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mt-xxl-auto,.my-xxl-auto {
        margin-top: auto!important
    }

    .mr-xxl-auto,.mx-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-auto,.my-xxl-auto {
        margin-bottom: auto!important
    }

    .ml-xxl-auto,.mx-xxl-auto {
        margin-left: auto!important
    }
}
.text-white {
    color: #fff!important
}

.text-primary {
    color: #007bff!important
}

a.text-primary:focus,a.text-primary:hover {
    color: #0062cc!important
}

.text-secondary {
    color: #6c757d!important
}

a.text-secondary:focus,a.text-secondary:hover {
    color: #545b62!important
}

.text-success {
    color: #28a745!important
}

a.text-success:focus,a.text-success:hover {
    color: #1e7e34!important
}

.text-info {
    color: #17a2b8!important
}

a.text-info:focus,a.text-info:hover {
    color: #117a8b!important
}

.text-warning {
    color: #ffc107!important
}

a.text-warning:focus,a.text-warning:hover {
    color: #d39e00!important
}

.text-danger {
    color: #dc3545!important
}

a.text-danger:focus,a.text-danger:hover {
    color: #bd2130!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:focus,a.text-light:hover {
    color: #dae0e5!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:focus,a.text-dark:hover {
    color: #1d2124!important
}

.text-body {
    color: #212529!important
}

.text-muted {
    color: #6c757d!important
}

.can-click{
    cursor: pointer;
}

table .btn{
    font-size: 20px;
    width: 30px;
    height: 30px !important;
    display: inline-block;
    cursor: pointer;
    box-shadow: none !important;
    color: #bfbfbf !important;
}

table .btn:hover{
    color: black !important;
}

table .btn.active{
    color: #0a68c7 !important;
}

.modal,.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-25%)
}

@media screen and (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: translate(0)
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-title {
    margin: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width:800px
    }
}

.show.modal{
    opacity: 1 !Important;
}

.news-detail-description *{
    max-width: 100%;
}


a{
    cursor: pointer;
}

.AddForm .dnnFormItem a.dnnFormHelp span,.alert{
    font-size: 13px;
}
#navigation.navbar,#navigation_mobile .nav-menu-button{
    background-color: #0070d9;
}
ul.megamenu li:hover, .megahover, ul.megamenu .current{
    background-color: #a77900;
}
#login .LoginLink, #login .SkinObject,#login .SkinObject{
    color: #231900;
}
.btnPrimary,.dropbtn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #0070d9 0%, #079be5 100%) repeat scroll 0 0;
    border-color: #3ebcfa;
}
/*.btnSimpleSearch:hover,.dropdown:hover .dropbtn{
    background: #3ebcfa;
}*/
.news-default .news-default-left {

    width: 100%;

    border: 1px solid #e3e3e3;
    padding: 6px;

    position: relative;

    float: left;

    background: #fff;

    min-height: 1px;

}

.news-default .news-default-left a {

    color: #015f95;

    font: bold 15px/20px tahoma, arial;

}

.news-default-left img {
    width: 180px;
    height: 120px;
    display: block;

    margin: 0 auto;
    float:left;
    margin-right:8px;

}

.news-default-left h2 {
    margin: 1px 0 10px 0;
    line-height: 20px;
}
.news-default-left p {
    display: -webkit-box !important;
    max-height: 100px !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /*border-left: 3px solid #182F57;*/
    white-space: normal;
    -webkit-line-clamp: 3;
    margin-top: 5px;
    color: initial;

}

.news-default-left .date {

    width: 316px;

    position: absolute;

    bottom: 0;

    text-align: right;

    color: #36a445;

}
.news-default .news-default-right {
    width: 100%;
    border: 1px solid #dedede;
    border-top: none;
    float: left;
    background: #fff;
    margin-top:0px;
}

.news-default-right ul {
    padding: 0 10px 0 10px;
    margin-bottom: 0;
}
.news-default-right .title{
    margin-bottom: 0;   
}

.news-default-right ul li {

    border-bottom: 1px solid #dedede;

    padding: 5px 0px;

}

.news-default-right ul li img {

    width: 139px;

    height: 92px;

    float: left;

}

.news-default-right ul li a {

    font: bold normal 14px/20px tahoma;

    color: #015f95;

    padding: 3px 0 3px 12px;

    display: block;

    background: url('../images/icon_butlet.png') no-repeat 0 10px;

    min-height: 20px;


}

.news-default-right ul li:last-child {

    margin-bottom: 0;

}

.listNews a:visited{
    color: red !important
}