@charset "UTF-8";
.dropdown-box { margin: 0; padding: 0; list-style: none; }

.navbar-normal .nav { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (min-width: 768px) { .navbar-normal .nav > li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } }

@media (min-width: 768px) { .navbar-normal .nav-icon { display: none; } }

.ie9 .navbar-normal .nav { display: table; }

.ie9 .navbar-normal .nav > li { display: table-cell; }

.navbar-auto .nav { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (min-width: 768px) { .navbar-auto .nav > li { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: none; } }

.ie9 .navbar-auto .nav { display: table; }

.ie9 .navbar-auto .nav > li { display: table-cell; }

@media (min-width: 576px) { .navbar-collapse.collapse:not(.show) { display: block; } }

@media (max-width: 991.98px) { .navbar-collapse.collapse:not(.show) { display: none; } }

.navbar-toggle { color: #FFF; display: block; width: 40px; height: 38px; padding: 4px 0; }

@media (min-width: 992px) { .navbar-toggle { display: none; } }

.navbar-toggle .bar { display: block; width: 22px; height: 0; border-top: 2px solid; margin: 6px auto; position: relative; -webkit-transition: opacity .35s ease, -webkit-transform .35s ease; transition: opacity .35s ease, -webkit-transform .35s ease; -o-transition: transform .35s ease, opacity .35s ease; transition: transform .35s ease, opacity .35s ease; transition: transform .35s ease, opacity .35s ease, -webkit-transform .35s ease; }

.navbar-toggle:not(.collapsed) .bar:first-child { -webkit-transform: translate(0, 8px) rotate(45deg); -ms-transform: translate(0, 8px) rotate(45deg); transform: translate(0, 8px) rotate(45deg); }

.navbar-toggle:not(.collapsed) .bar:nth-child(2) { opacity: 0; }

.navbar-toggle:not(.collapsed) .bar:last-child { -webkit-transform: translate(0, -8px) rotate(-45deg); -ms-transform: translate(0, -8px) rotate(-45deg); transform: translate(0, -8px) rotate(-45deg); }

@media (min-width: 768px) { .navbar-right .nav { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }

.dropdown-box { display: none; }

@media (min-width: 992px) { .dropdown-box { display: block; position: absolute; top: 100%; right: 50%; -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); z-index: 999; min-width: 100%; white-space: nowrap; background-color: #FFF; padding: 5px 0; border-top: 1px solid #ddd; text-align: center; visibility: hidden; opacity: 0; -webkit-transition: opacity .35s ease; -o-transition: opacity .35s ease; transition: opacity .35s ease; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.35); }
  .dropdown-box li { border: 0 !important; }
  .dropdown-box a { padding: 7px 15px; text-decoration: none; }
  .dropdown:hover .dropdown-box { opacity: 1; visibility: visible; } }

.banner { background-position: center center; background-repeat: no-repeat; position: relative; background-color: #eee; overflow: hidden; background-size: cover; }

.banner:before { display: block; content: ""; position: relative; z-index: 1; }

.banner-index { min-height: 100vh; }

.banner-inner { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); padding: 0 50px; text-align: center; }

.notify ~ .notify { z-index: 1051; }

.modal-backdrop ~ .modal-backdrop { z-index: 1050; }

@media (min-width: 768px) { .notify { padding-right: 17px; } }

.notify .notify-desc { color: #999; }

.notify .modal-dialog { max-width: 420px; }

.notify .modal-content { border-radius: 10px; }

.notify .modal-footer { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

.notify .modal-footer > .btn { margin: 0; -ms-flex-preferred-size: 0; flex-basis: 0; border-color: transparent !important; -ms-flex-positive: 1; padding-top: 10px; padding-bottom: 10px; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; border-radius: 0; background-color: #FFF; color: #444; border-left: 1px solid #e9ecef !important; }

.notify .modal-footer > .btn:hover { background-color: #f6f6f6; }

.notify .modal-footer > .btn:active { background-color: #e8e8e8; }

.notify .modal-footer > .btn.btn-ok, .notify .modal-footer > .btn.btn-primary { color: #db2001; }

.notify .modal-footer > .btn:first-child { border-left: 0 !important; border-bottom-left-radius: 10px; }

.notify .modal-footer > .btn:last-child { border-bottom-right-radius: 10px; }

.ie9 .notify .notify .modal-footer { display: table; }

.ie9 .notify .notify .modal-footer > .btn { display: table-cell; }

.notify-alert .modal-dialog { max-width: 360px; }

.notify-auto { color: #999999; font-size: 12px; text-align: center; }

.row-list { margin: 0 -15px; list-style: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.row-list > li, .row-list > div { padding: 0 15px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; width: 100%; }

.row-g-0 { margin: 0; }

.row-g-0 > li, .row-g-0 > div { padding: 0; }

.row-g-1 { margin: 0 -12px; }

.row-g-1 > li, .row-g-1 > div { padding: 0 12px; }

.row-g-2 { margin: 0 -10px; }

.row-g-2 > li, .row-g-2 > div { padding: 0 10px; }

.row-g-3 { margin: 0 -8px; }

.row-g-3 > li, .row-g-3 > div { padding: 0 8px; }

.row-1 > li, .row-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; width: 100%; }

.row-2 > li, .row-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; width: 50%; }

.row-3 > li, .row-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; width: 33.33333%; width: 33.33333%; }

.row-4 > li, .row-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; width: 25%; }

.row-5 > li, .row-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; width: 20%; }

.row-6 > li, .row-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; width: 16.66667%; width: 16.66667%; }

.row-7 > li, .row-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; width: 14.28571%; width: 14.28571%; }

.row-8 > li, .row-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; width: 12.5%; }

.row-1 > li, .row-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; width: 100%; }

.row-2 > li, .row-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; width: 50%; }

.row-3 > li, .row-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; width: 33.33333%; width: 33.33333%; }

.row-4 > li, .row-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; width: 25%; }

.row-5 > li, .row-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; width: 20%; }

.row-6 > li, .row-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; width: 16.66667%; width: 16.66667%; }

.row-7 > li, .row-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; width: 14.28571%; width: 14.28571%; }

.row-8 > li, .row-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; width: 12.5%; }

.row-g-4 { margin: 0 -15px; }

.row-g-4 > li, .row-g-4 > div { padding: 0 15px; }

.row-g-3 { margin: 0 -12px; }

.row-g-3 > li, .row-g-3 > div { padding: 0 12px; }

.row-g-2 { margin: 0 -10px; }

.row-g-2 > li, .row-g-2 > div { padding: 0 10px; }

.row-g-1 { margin: 0 -8px; }

.row-g-1 > li, .row-g-1 > div { padding: 0 8px; }

.row-g-0 { margin: 0; }

.row-g-0 > li, .row-g-0 > div { padding: 0; }

@media (min-width: 576px) { .row-sm-1 > li, .row-sm-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; width: 100%; }
  .row-sm-2 > li, .row-sm-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; width: 50%; }
  .row-sm-3 > li, .row-sm-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; width: 33.33333%; width: 33.33333%; }
  .row-sm-4 > li, .row-sm-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; width: 25%; }
  .row-sm-5 > li, .row-sm-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; width: 20%; }
  .row-sm-6 > li, .row-sm-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; width: 16.66667%; width: 16.66667%; }
  .row-sm-7 > li, .row-sm-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; width: 14.28571%; width: 14.28571%; }
  .row-sm-8 > li, .row-sm-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; width: 12.5%; }
  .row-g-sm-4 { margin: 0 -15px; }
  .row-g-sm-4 > li, .row-g-sm-4 > div { padding: 0 15px; }
  .row-g-sm-3 { margin: 0 -12px; }
  .row-g-sm-3 > li, .row-g-sm-3 > div { padding: 0 12px; }
  .row-g-sm-2 { margin: 0 -10px; }
  .row-g-sm-2 > li, .row-g-sm-2 > div { padding: 0 10px; }
  .row-g-sm-1 { margin: 0 -8px; }
  .row-g-sm-1 > li, .row-g-sm-1 > div { padding: 0 8px; }
  .row-g-sm-0 { margin: 0; }
  .row-g-sm-0 > li, .row-g-sm-0 > div { padding: 0; } }

@media (min-width: 768px) { .row-md-1 > li, .row-md-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; width: 100%; }
  .row-md-2 > li, .row-md-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; width: 50%; }
  .row-md-3 > li, .row-md-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; width: 33.33333%; width: 33.33333%; }
  .row-md-4 > li, .row-md-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; width: 25%; }
  .row-md-5 > li, .row-md-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; width: 20%; }
  .row-md-6 > li, .row-md-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; width: 16.66667%; width: 16.66667%; }
  .row-md-7 > li, .row-md-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; width: 14.28571%; width: 14.28571%; }
  .row-md-8 > li, .row-md-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; width: 12.5%; }
  .row-g-md-4 { margin: 0 -15px; }
  .row-g-md-4 > li, .row-g-md-4 > div { padding: 0 15px; }
  .row-g-md-3 { margin: 0 -12px; }
  .row-g-md-3 > li, .row-g-md-3 > div { padding: 0 12px; }
  .row-g-md-2 { margin: 0 -10px; }
  .row-g-md-2 > li, .row-g-md-2 > div { padding: 0 10px; }
  .row-g-md-1 { margin: 0 -8px; }
  .row-g-md-1 > li, .row-g-md-1 > div { padding: 0 8px; }
  .row-g-md-0 { margin: 0; }
  .row-g-md-0 > li, .row-g-md-0 > div { padding: 0; } }

@media (min-width: 992px) { .row-lg-1 > li, .row-lg-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; width: 100%; }
  .row-lg-2 > li, .row-lg-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; width: 50%; }
  .row-lg-3 > li, .row-lg-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; width: 33.33333%; width: 33.33333%; }
  .row-lg-4 > li, .row-lg-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; width: 25%; }
  .row-lg-5 > li, .row-lg-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; width: 20%; }
  .row-lg-6 > li, .row-lg-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; width: 16.66667%; width: 16.66667%; }
  .row-lg-7 > li, .row-lg-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; width: 14.28571%; width: 14.28571%; }
  .row-lg-8 > li, .row-lg-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; width: 12.5%; }
  .row-g-lg-4 { margin: 0 -15px; }
  .row-g-lg-4 > li, .row-g-lg-4 > div { padding: 0 15px; }
  .row-g-lg-3 { margin: 0 -12px; }
  .row-g-lg-3 > li, .row-g-lg-3 > div { padding: 0 12px; }
  .row-g-lg-2 { margin: 0 -10px; }
  .row-g-lg-2 > li, .row-g-lg-2 > div { padding: 0 10px; }
  .row-g-lg-1 { margin: 0 -8px; }
  .row-g-lg-1 > li, .row-g-lg-1 > div { padding: 0 8px; }
  .row-g-lg-0 { margin: 0; }
  .row-g-lg-0 > li, .row-g-lg-0 > div { padding: 0; } }

@media (min-width: 1200px) { .row-xl-1 > li, .row-xl-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; width: 100%; }
  .row-xl-2 > li, .row-xl-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; width: 50%; }
  .row-xl-3 > li, .row-xl-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; width: 33.33333%; width: 33.33333%; }
  .row-xl-4 > li, .row-xl-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; width: 25%; }
  .row-xl-5 > li, .row-xl-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; width: 20%; }
  .row-xl-6 > li, .row-xl-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; width: 16.66667%; width: 16.66667%; }
  .row-xl-7 > li, .row-xl-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571%; width: 14.28571%; width: 14.28571%; }
  .row-xl-8 > li, .row-xl-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; width: 12.5%; }
  .row-g-xl-4 { margin: 0 -15px; }
  .row-g-xl-4 > li, .row-g-xl-4 > div { padding: 0 15px; }
  .row-g-xl-3 { margin: 0 -12px; }
  .row-g-xl-3 > li, .row-g-xl-3 > div { padding: 0 12px; }
  .row-g-xl-2 { margin: 0 -10px; }
  .row-g-xl-2 > li, .row-g-xl-2 > div { padding: 0 10px; }
  .row-g-xl-1 { margin: 0 -8px; }
  .row-g-xl-1 > li, .row-g-xl-1 > div { padding: 0 8px; }
  .row-g-xl-0 { margin: 0; }
  .row-g-xl-0 > li, .row-g-xl-0 > div { padding: 0; } }

.no-skrollr { overflow: auto; }

.scrollbar-track { position: fixed; height: 100%; right: 0; width: 6px; z-index: 99999; top: 0; background-color: rgba(136, 136, 136, 0); -webkit-transition: .35s background-color ease; -o-transition: .35s background-color ease; transition: .35s background-color ease; }

.scrollbar-track .scrollbar-thumb { position: absolute; width: 100%; background-color: rgba(219, 32, 1, 0); left: 0; top: 0; border-radius: 4px; -webkit-transition: .35s background-color ease; -o-transition: .35s background-color ease; transition: .35s background-color ease; }

.scrollbar-track .scrollbar-thumb.draggable { background-color: #db2001; }

.scrollbar-track:hover { background-color: rgba(136, 136, 136, 0.3); }

.scrollbar-track:hover .scrollbar-thumb { background-color: #db2001; }

.no-skrollr .scrollbar-track { display: none; }

/*------------------------------------ Box-shadows Styles ------------------------------------ */
[class*="shadow--hover"] { -webkit-transition: -webkit-box-shadow .35s ease; transition: -webkit-box-shadow .35s ease; -o-transition: box-shadow .35s ease; transition: box-shadow .35s ease; transition: box-shadow .35s ease, -webkit-box-shadow .35s ease; }

.shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; }

.shadow-none--focus:focus { -webkit-box-shadow: none !important; box-shadow: none !important; }

.g-parent:hover .shadow-none--parent-hover { -webkit-box-shadow: none !important; box-shadow: none !important; }

/*------------------------------------ Box-shadows-v1 ------------------------------------ */
.shadow-v1, .shadow--hover-v1:hover { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

.shadow-v1-1, .shadow--hover-v1-1:hover { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

.shadow-v1-2, .shadow--hover-v1-2:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.shadow-v1-3, .shadow--hover-v1-3:hover { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }

.shadow-v1-4, .shadow--hover-v1-4:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

/*------------------------------------ Box-shadows-v2 ------------------------------------ */
.shadow-v2 { -webkit-box-shadow: 0 12px 12px -8px rgba(0, 0, 0, 0.2); box-shadow: 0 12px 12px -8px rgba(0, 0, 0, 0.2); }

.shadow-v2-1, .shadow--hover-v2-1:hover { -webkit-box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 6px -4px rgba(0, 0, 0, 0.2); }

.shadow-v2-2, .shadow--hover-v2-2:hover { -webkit-box-shadow: 0 12px 12px -8px rgba(0, 0, 0, 0.2); box-shadow: 0 12px 12px -8px rgba(0, 0, 0, 0.2); }

.shadow-v2-3, .shadow--hover-v2-3:hover { -webkit-box-shadow: 0 18px 18px -12px rgba(0, 0, 0, 0.2); box-shadow: 0 18px 18px -12px rgba(0, 0, 0, 0.2); }

.shadow-v2-4, .shadow--hover-v2-4:hover { -webkit-box-shadow: 0 24px 24px -16px rgba(0, 0, 0, 0.2); box-shadow: 0 24px 24px -16px rgba(0, 0, 0, 0.2); }

/*------------------------------------ Box-shadows-v3-v4-v5 ------------------------------------ */
[class*="shadow--hover-v3"]:after, [class*="shadow--hover-v3"]:before { -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-transition: -webkit-box-shadow .35s ease; transition: -webkit-box-shadow .35s ease; -o-transition: box-shadow .35s ease; transition: box-shadow .35s ease; transition: box-shadow .35s ease, -webkit-box-shadow .35s ease; }

.shadow-v3 { position: relative; }

.shadow-v3:after, .shadow-v3:before { content: ""; display: none; position: absolute; top: 80%; max-width: 300px; width: 50%; background: rgba(0, 0, 0, 0.2); z-index: -1; bottom: 30px; -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); }

.shadow-v3:after { display: block; right: 10px; -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); }

.shadow-v3:before { display: block; left: 10px; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }

.shadow-v3:hover:after, .shadow-v3:hover:before { -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; }

.shadow-v3-left { position: relative; }

.shadow-v3-left:after, .shadow-v3-left:before { content: ""; display: none; position: absolute; top: 80%; max-width: 300px; width: 50%; background: rgba(0, 0, 0, 0.2); z-index: -1; bottom: 30px; -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); }

.shadow-v3-left:before { display: block; left: 10px; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }

.shadow-v3-left:hover:after, .shadow-v3-left:hover:before { -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; }

.shadow-v3-right { position: relative; }

.shadow-v3-right:after, .shadow-v3-right:before { content: ""; display: none; position: absolute; top: 80%; max-width: 300px; width: 50%; background: rgba(0, 0, 0, 0.2); z-index: -1; bottom: 30px; -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); }

.shadow-v3-right:after { display: block; right: 10px; -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); }

.shadow-v3-right:hover:after, .shadow-v3-right:hover:before { -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; }

.shadow--hover-v3-left { position: relative; }

.shadow--hover-v3-left:after, .shadow--hover-v3-left:before { content: ""; display: none; position: absolute; top: 80%; max-width: 300px; width: 50%; background: rgba(0, 0, 0, 0.2); z-index: -1; bottom: 30px; -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); }

.shadow--hover-v3-left:before { display: block; left: 10px; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }

.shadow--hover-v3-left:hover:after, .shadow--hover-v3-left:hover:before { -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; }

.shadow--hover-v3-right { position: relative; }

.shadow--hover-v3-right:after, .shadow--hover-v3-right:before { content: ""; display: none; position: absolute; top: 80%; max-width: 300px; width: 50%; background: rgba(0, 0, 0, 0.2); z-index: -1; bottom: 30px; -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2); }

.shadow--hover-v3-right:before { display: block; left: 10px; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); }

.shadow--hover-v3-right:hover:after, .shadow--hover-v3-right:hover:before { -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 30px 20px rgba(0, 0, 0, 0.2) !important; }

/*------------------------------------ Box-shadows-v7 ------------------------------------ */
.shadow-v4-left { -webkit-box-shadow: -10px 10px 20px -10px rgba(0, 0, 0, 0.075); box-shadow: -10px 10px 20px -10px rgba(0, 0, 0, 0.075); }

.shadow-v4-right { -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.075); box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.075); }

.shadow-v4-left-1, .shadow--hover-v4-left-1:hover { -webkit-box-shadow: -5px 5px 10px -5px rgba(0, 0, 0, 0.075); box-shadow: -5px 5px 10px -5px rgba(0, 0, 0, 0.075); }

.shadow-v4-right-1, .shadow--hover-v4-right-1:hover { -webkit-box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.075); box-shadow: 5px 5px 10px -5px rgba(0, 0, 0, 0.075); }

.shadow-v4-left-2, .shadow--hover-v4-left-2:hover { -webkit-box-shadow: -10px 10px 20px -10px rgba(0, 0, 0, 0.1125); box-shadow: -10px 10px 20px -10px rgba(0, 0, 0, 0.1125); }

.shadow-v4-right-2, .shadow--hover-v4-right-2:hover { -webkit-box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.1125); box-shadow: 10px 10px 20px -10px rgba(0, 0, 0, 0.1125); }

.shadow-v4-left-3, .shadow--hover-v4-left-3:hover { -webkit-box-shadow: -15px 15px 30px -15px rgba(0, 0, 0, 0.15); box-shadow: -15px 15px 30px -15px rgba(0, 0, 0, 0.15); }

.shadow-v4-right-3, .shadow--hover-v4-right-3:hover { -webkit-box-shadow: 15px 15px 30px -15px rgba(0, 0, 0, 0.15); box-shadow: 15px 15px 30px -15px rgba(0, 0, 0, 0.15); }

.shadow-v4-left-4, .shadow--hover-v4-left-4:hover { -webkit-box-shadow: -20px 20px 40px -20px rgba(0, 0, 0, 0.1875); box-shadow: -20px 20px 40px -20px rgba(0, 0, 0, 0.1875); }

.shadow-v4-right-4, .shadow--hover-v4-right-4:hover { -webkit-box-shadow: 20px 20px 40px -20px rgba(0, 0, 0, 0.1875); box-shadow: 20px 20px 40px -20px rgba(0, 0, 0, 0.1875); }

.label-required { position: relative; }

.label-required:before { content: "*"; color: #dc3545; position: absolute; display: inline-block; vertical-align: middle; width: 0.75em; margin-left: -0.75em; }

.help-block { display: none; }

.has-error .form-control { border-color: #dc3545; }

.has-error .help-block { margin-top: 5px; display: block; color: #dc3545; }

.has-error label { color: #dc3545 !important; }

.has-error .checker .checker-radio:before, .has-error .checker .checker-checkbox:before { border-color: #dc3545; }

.form-v1 .col-form-label { margin-left: 15px; width: calc(100% - 30px); }

.form-label-3 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 3em; flex: 0 0 3em; max-width: 3em; width: 3em; }

.form-label-3 .col-js-select { max-width: calc(100% - 3em - 15px); }

.form-label-4 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 4em; flex: 0 0 4em; max-width: 4em; width: 4em; }

.form-label-4 .col-js-select { max-width: calc(100% - 4em - 15px); }

.form-label-5 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 5em; flex: 0 0 5em; max-width: 5em; width: 5em; }

.form-label-5 .col-js-select { max-width: calc(100% - 5em - 15px); }

.form-label-6 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 6em; flex: 0 0 6em; max-width: 6em; width: 6em; }

.form-label-6 .col-js-select { max-width: calc(100% - 6em - 15px); }

.form-label-7 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 7em; flex: 0 0 7em; max-width: 7em; width: 7em; }

.form-label-7 .col-js-select { max-width: calc(100% - 7em - 15px); }

@media (min-width: 576px) { .form-sm-label-3 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 3em; flex: 0 0 3em; max-width: 3em; width: 3em; }
  .form-sm-label-3 .col-js-select { max-width: calc(100% - 3em - 15px); } }

@media (min-width: 576px) { .form-sm-label-4 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 4em; flex: 0 0 4em; max-width: 4em; width: 4em; }
  .form-sm-label-4 .col-js-select { max-width: calc(100% - 4em - 15px); } }

@media (min-width: 576px) { .form-sm-label-5 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 5em; flex: 0 0 5em; max-width: 5em; width: 5em; }
  .form-sm-label-5 .col-js-select { max-width: calc(100% - 5em - 15px); } }

@media (min-width: 576px) { .form-sm-label-6 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 6em; flex: 0 0 6em; max-width: 6em; width: 6em; }
  .form-sm-label-6 .col-js-select { max-width: calc(100% - 6em - 15px); } }

@media (min-width: 576px) { .form-sm-label-7 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 7em; flex: 0 0 7em; max-width: 7em; width: 7em; }
  .form-sm-label-7 .col-js-select { max-width: calc(100% - 7em - 15px); } }

@media (min-width: 768px) { .form-md-label-3 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 3em; flex: 0 0 3em; max-width: 3em; width: 3em; }
  .form-md-label-3 .col-js-select { max-width: calc(100% - 3em - 15px); } }

@media (min-width: 768px) { .form-md-label-4 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 4em; flex: 0 0 4em; max-width: 4em; width: 4em; }
  .form-md-label-4 .col-js-select { max-width: calc(100% - 4em - 15px); } }

@media (min-width: 768px) { .form-md-label-5 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 5em; flex: 0 0 5em; max-width: 5em; width: 5em; }
  .form-md-label-5 .col-js-select { max-width: calc(100% - 5em - 15px); } }

@media (min-width: 768px) { .form-md-label-6 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 6em; flex: 0 0 6em; max-width: 6em; width: 6em; }
  .form-md-label-6 .col-js-select { max-width: calc(100% - 6em - 15px); } }

@media (min-width: 768px) { .form-md-label-7 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 7em; flex: 0 0 7em; max-width: 7em; width: 7em; }
  .form-md-label-7 .col-js-select { max-width: calc(100% - 7em - 15px); } }

@media (min-width: 992px) { .form-lg-label-3 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 3em; flex: 0 0 3em; max-width: 3em; width: 3em; }
  .form-lg-label-3 .col-js-select { max-width: calc(100% - 3em - 15px); } }

@media (min-width: 992px) { .form-lg-label-4 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 4em; flex: 0 0 4em; max-width: 4em; width: 4em; }
  .form-lg-label-4 .col-js-select { max-width: calc(100% - 4em - 15px); } }

@media (min-width: 992px) { .form-lg-label-5 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 5em; flex: 0 0 5em; max-width: 5em; width: 5em; }
  .form-lg-label-5 .col-js-select { max-width: calc(100% - 5em - 15px); } }

@media (min-width: 992px) { .form-lg-label-6 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 6em; flex: 0 0 6em; max-width: 6em; width: 6em; }
  .form-lg-label-6 .col-js-select { max-width: calc(100% - 6em - 15px); } }

@media (min-width: 992px) { .form-lg-label-7 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 7em; flex: 0 0 7em; max-width: 7em; width: 7em; }
  .form-lg-label-7 .col-js-select { max-width: calc(100% - 7em - 15px); } }

@media (min-width: 1200px) { .form-xl-label-3 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 3em; flex: 0 0 3em; max-width: 3em; width: 3em; }
  .form-xl-label-3 .col-js-select { max-width: calc(100% - 3em - 15px); } }

@media (min-width: 1200px) { .form-xl-label-4 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 4em; flex: 0 0 4em; max-width: 4em; width: 4em; }
  .form-xl-label-4 .col-js-select { max-width: calc(100% - 4em - 15px); } }

@media (min-width: 1200px) { .form-xl-label-5 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 5em; flex: 0 0 5em; max-width: 5em; width: 5em; }
  .form-xl-label-5 .col-js-select { max-width: calc(100% - 5em - 15px); } }

@media (min-width: 1200px) { .form-xl-label-6 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 6em; flex: 0 0 6em; max-width: 6em; width: 6em; }
  .form-xl-label-6 .col-js-select { max-width: calc(100% - 6em - 15px); } }

@media (min-width: 1200px) { .form-xl-label-7 .col-form-label { -webkit-box-flex: 0; -ms-flex: 0 0 7em; flex: 0 0 7em; max-width: 7em; width: 7em; }
  .form-xl-label-7 .col-js-select { max-width: calc(100% - 7em - 15px); } }

.checker { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; display: inline-block; font-size: inherit; line-height: 1.5; margin-right: 15px; cursor: pointer; }

.checker .checker-radio, .checker .checker-checkbox { position: relative; padding-left: 1.5em; display: block; }

.checker .checker-radio:before, .checker .checker-radio:after, .checker .checker-checkbox:before, .checker .checker-checkbox:after { color: #aaa; position: absolute; left: 0; top: 3px; content: ""; display: block; font-size: 16px; }

.checker .checker-radio:before, .checker .checker-checkbox:before { width: 1em; height: 1em; border: 1px solid; }

.checker .checker-radio:hover:before, .checker .checker-checkbox:hover:before { color: #db2001; }

.checker .checker-radio:before, .checker .checker-radio:after { border-radius: 50%; }

.checker .checker-radio:after { opacity: 0; border: 0.25em solid; top: 7px; left: 0.25em; }

.checker .checker-checkbox:before { border-radius: 3px; }

.checker .checker-checkbox:after { opacity: 0; border-radius: 1px; border-bottom: 2px solid; border-right: 2px solid; width: 0.4em; height: 0.6em; top: 5px; left: 0.325em; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.checker input:checked + .checker-radio:after, .checker input:checked + .checker-radio:before, .checker input:checked + .checker-checkbox:after, .checker input:checked + .checker-checkbox:before { color: #db2001; }

.checker input:checked + .checker-radio:after, .checker input:checked + .checker-checkbox:after { opacity: 1; }

.checker-sm { font-size: 0.875rem; }

.select-v1 { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='#888' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .5rem center; background-size: 1rem 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 1.75rem; }

.spinner { border: 5px solid #eee; border-top: 5px solid #db2001; border-radius: 50%; display: inline-block; vertical-align: middle; width: 24px; height: 24px; -webkit-animation: spin 1.2s linear infinite; animation: spin 1.2s linear infinite; }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.spinner-sm { width: 1em; height: 1em; border: 2px solid rgba(0, 0, 0, 0.5); border-top: 2px solid #eee; margin-right: 5px; }

.mobile-dropdown { display: none; }

@media (max-width: 767.98px) { .mobile-dropdown { display: block; position: fixed; z-index: 999; right: 100%; width: 60%; height: 100%; top: 0; overflow: auto; background-color: #a81901; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .35s ease; transition: -webkit-transform .35s ease; -o-transition: transform .35s ease; transition: transform .35s ease; transition: transform .35s ease, -webkit-transform .35s ease; }
  .mobile-dropdown.open { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
  .mobile-dropdown .nav > li { border-bottom: 1px solid #751101; }
  .mobile-dropdown .nav > li > a { color: #FFF; padding: 10px 35px; -webkit-transition: background-color .35s ease; -o-transition: background-color .35s ease; transition: background-color .35s ease; }
  .mobile-dropdown .nav > li.nav-dropdown-link { font-size: 18px; }
  .mobile-dropdown .nav > li.nav-dropdown-link > a { padding: 10px 20px; }
  .mobile-dropdown .nav > li.active a, .mobile-dropdown .nav > li:hover a { background-color: #751101; }
  .mobile-dropdown-backdrop { display: block; visibility: hidden; opacity: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; transtion: opacity .35s ease; position: fixed; top: 0; left: 0; }
  .mobile-dropdown-backdrop.open { opacity: 1; visibility: visible; } }

.header-brand::after { display: block; clear: both; content: ""; }

.header-logo, .header-hotline { display: block; }

.header-left { float: left; max-width: 60%; }

.header-right { float: right; max-width: 40%; }

@media (max-width: 767.98px) { .navbar-grid[data-nav] .container { width: 100%; max-width: 100%; padding: 0; }
  .navbar-grid[data-nav] .nav { -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #a81901; border-right: 1px solid #a81901; font-size: 14px; }
  .navbar-grid[data-nav] .nav li { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; border: 1px solid #a81901; border-top: 0; border-right: 0; }
  .navbar-grid[data-nav] .nav-icon { font-size: 24px; display: block; margin-bottom: 8px; }
  .navbar-grid[data-nav] .nav-title { opacity: 0.75; }
  .navbar-grid[data-nav="11"] .nav li:nth-child(8) ~ li { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; }
  .navbar-grid[data-nav="7"] .nav li:nth-child(4) ~ li { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; }
  .navbar-grid[data-nav="10"] .nav li:nth-child(8) ~ li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; }
  .navbar-grid.nav10a[data-nav="10"] .nav li:nth-child(4) ~ li { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; }
  .navbar-grid.nav10b[data-nav="10"] .nav li { -webkit-box-flex: 0; -ms-flex: 0 0 20% !important; flex: 0 0 20% !important; max-width: 20% !important; width: 20% !important; }
  .navbar-grid.nav10b[data-nav="10"] .nav li .nav-title { display: inline-block; width: 2em; }
  .navbar-grid[data-nav="9"] .nav li, .navbar-grid[data-nav="6"] .nav li, .navbar-grid.nav12a[data-nav="12"] .nav li { -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; width: 33.333%; } }

.is-sticky { z-index: 999; }

.header-v3 { position: fixed; width: 100%; top: 0; left: 0; z-index: 999; text-align: center; -webkit-transition: padding .35s, background-color .35s; -o-transition: padding .35s, background-color .35s; transition: padding .35s, background-color .35s; padding: 40px; }

@media (max-width: 991.98px) { .header-v3 { padding: 20px; text-align: right; } }

@media (max-width: 767.98px) { .header-v3 { padding: 8px 15px; } }

@media (min-width: 768px) { .header-v3 .navbar-main.collapse { display: block !important; } }

.header-v3.header-active { background-color: rgba(0, 0, 0, 0.85); padding: 15px 40px; }

@media (max-width: 767.98px) { .header-v3.header-active { padding: 0px 15px; } }

.header-v3 .navbar { display: inline-block; }

@media (min-width: 768px) { .header-v3 .navbar { float: right; } }

.header-v3 .header-logo { float: left; }

.header-v3 .header-logo img { height: 38px; width: auto; }

@media (max-width: 991.98px) { .header-v3 .header-logo img { height: 30px; } }

@media (max-width: 767.98px) { .header-v3 .header-logo { padding: 15px 0; } }

.header-v3 .navbar-toggle { display: none; width: 40px; height: 40px; border: 1px solid transparent; border-radius: 50%; vertical-align: middle; color: #ffffff; -webkit-transition: color .35s; -o-transition: color .35s; transition: color .35s; margin-top: 10px; }

@media (max-width: 767.98px) { .header-v3 .navbar-toggle { display: inline-block; } }

@media (min-width: 768px) { .before-animate .nav-header-v3 > li { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  .nav-header-v3 .dropdown .dropdown-box { -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, -webkit-transform .35s; -o-transition: transform .35s, opacity .35s; transition: transform .35s, opacity .35s; transition: transform .35s, opacity .35s, -webkit-transform .35s; -webkit-transform: translate3d(50%, 50px, 0); transform: translate3d(50%, 50px, 0); }
  .nav-header-v3 .dropdown:hover .dropdown-box { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); opacity: 1; visibility: visible; }
  .nav-header-v3 .dropdown-btn { display: none !important; }
  .nav-header-v3 .nav-title { position: relative; z-index: 4; }
  .nav-header-v3 > li { -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, -webkit-transform .35s; -o-transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s, -webkit-transform .35s; }
  .nav-header-v3 > li:nth-child(-1) { -webkit-transition-delay: 0.1s !important; -o-transition-delay: 0.1s !important; transition-delay: 0.1s !important; }
  .nav-header-v3 > li:nth-child(0) { -webkit-transition-delay: 0.2s !important; -o-transition-delay: 0.2s !important; transition-delay: 0.2s !important; }
  .nav-header-v3 > li:nth-child(1) { -webkit-transition-delay: 0.3s !important; -o-transition-delay: 0.3s !important; transition-delay: 0.3s !important; }
  .nav-header-v3 > li:nth-child(2) { -webkit-transition-delay: 0.4s !important; -o-transition-delay: 0.4s !important; transition-delay: 0.4s !important; }
  .nav-header-v3 > li:nth-child(3) { -webkit-transition-delay: 0.5s !important; -o-transition-delay: 0.5s !important; transition-delay: 0.5s !important; }
  .nav-header-v3 > li:nth-child(4) { -webkit-transition-delay: 0.6s !important; -o-transition-delay: 0.6s !important; transition-delay: 0.6s !important; }
  .nav-header-v3 > li:nth-child(5) { -webkit-transition-delay: 0.7s !important; -o-transition-delay: 0.7s !important; transition-delay: 0.7s !important; }
  .nav-header-v3 > li:nth-child(6) { -webkit-transition-delay: 0.8s !important; -o-transition-delay: 0.8s !important; transition-delay: 0.8s !important; }
  .nav-header-v3 > li:nth-child(7) { -webkit-transition-delay: 0.9s !important; -o-transition-delay: 0.9s !important; transition-delay: 0.9s !important; }
  .nav-header-v3 > li:nth-child(8) { -webkit-transition-delay: 1s !important; -o-transition-delay: 1s !important; transition-delay: 1s !important; }
  .nav-header-v3 > li > a { color: #ffffff; padding: 9px 20px; font-size: 14px; line-height: 20px; position: relative; -webkit-transition: color .35s; -o-transition: color .35s; transition: color .35s; overflow: hidden; } }

@media (min-width: 768px) and (max-width: 1199.98px) { .nav-header-v3 > li > a { padding-left: 15px; padding-right: 15px; } }

@media (min-width: 768px) { .nav-header-v3 > li > a:hover { color: #bbb; } }

@media (min-width: 768px) { .header-no-animate .nav-header-v3 > li { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@media (max-width: 767.98px) { .header-v3 .navbar-main { position: fixed; height: 100% !important; width: 45%; overflow-x: hidden; top: 0; left: 0; z-index: 1199; overflow-y: auto; background-color: rgba(0, 0, 0, 0.85); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; border-right: 4px solid #db2001; }
  .header-v3 .navbar-main.navbar-open { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .header-v3 .dropdown-box { max-height: 0; display: block; overflow: hidden; opacity: 0; -webkit-transition: opacity .35s; -o-transition: opacity .35s; transition: opacity .35s; padding-left: 30px !important; background-color: #b21a01; }
  .header-v3 .dropdown-box > li > a { border-top: 1px solid #b21a01; border-left: 1px solid #b21a01; color: #ffffff; }
  .header-v3 .dropdown-box > li > a:hover { background-color: #8f1501; }
  .header-v3 .dropdown-btn { float: right; text-align: center; border-left: 1px solid #b21a01; }
  .header-v3 .dropdown-btn:before { content: "+"; }
  .header-v3 .dropdown-btn.active:before { content: "-"; }
  .header-v3 .dropdown-btn.active ~ .dropdown-box { opacity: 1; max-height: none; }
  .header-v3 .navbar-open .nav-header-v3 > li { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .header-v3 .nav-header-v3 > li:nth-child(1) { -webkit-transition-delay: 0.3s !important; -o-transition-delay: 0.3s !important; transition-delay: 0.3s !important; }
  .header-v3 .nav-header-v3 > li:nth-child(2) { -webkit-transition-delay: 0.4s !important; -o-transition-delay: 0.4s !important; transition-delay: 0.4s !important; }
  .header-v3 .nav-header-v3 > li:nth-child(3) { -webkit-transition-delay: 0.5s !important; -o-transition-delay: 0.5s !important; transition-delay: 0.5s !important; }
  .header-v3 .nav-header-v3 > li:nth-child(4) { -webkit-transition-delay: 0.6s !important; -o-transition-delay: 0.6s !important; transition-delay: 0.6s !important; }
  .header-v3 .nav-header-v3 > li:nth-child(5) { -webkit-transition-delay: 0.7s !important; -o-transition-delay: 0.7s !important; transition-delay: 0.7s !important; }
  .header-v3 .nav-header-v3 > li:nth-child(6) { -webkit-transition-delay: 0.8s !important; -o-transition-delay: 0.8s !important; transition-delay: 0.8s !important; }
  .header-v3 .nav-header-v3 > li:nth-child(7) { -webkit-transition-delay: 0.9s !important; -o-transition-delay: 0.9s !important; transition-delay: 0.9s !important; }
  .header-v3 .nav-header-v3 > li:nth-child(8) { -webkit-transition-delay: 1s !important; -o-transition-delay: 1s !important; transition-delay: 1s !important; }
  .header-v3 .nav-header-v3 > li:nth-child(9) { -webkit-transition-delay: 1.1s !important; -o-transition-delay: 1.1s !important; transition-delay: 1.1s !important; }
  .header-v3 .nav-header-v3 > li:nth-child(10) { -webkit-transition-delay: 1.2s !important; -o-transition-delay: 1.2s !important; transition-delay: 1.2s !important; }
  .navbar-backdrop-close { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; -webkit-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; background-color: #000000; z-index: 998; }
  .navbar-backdrop-close.open { opacity: .6; }
  .header-v3 .navbar { display: block; }
  .nav-header-v3 { display: block !important; text-align: left; }
  .nav-header-v3 a { color: #FFF; display: block; padding: 12px 20px; background-color: rgba(0, 0, 0, 0); text-align: center; font-size: 16px; }
  .nav-header-v3 > li { -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, -webkit-transform .35s; -o-transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s; transition: opacity .35s, transform .35s, -webkit-transform .35s; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .nav-header-v3 > li:last-child { border-bottom: 0; }
  .nav-header-v3 > li > a { color: #FFF; }
  .nav-header-v3 > li > a:hover { background-color: rgba(0, 0, 0, 0.5); }
  .nav-header-v3 > li.dropdown > a { width: calc( 100% - 40px); }
  .nav-header-v3 > li.dropdown > a.dropdown-btn { width: 40px; } }

@font-face { font-family: 'bbcbox-icon'; src: url("../fonts/bbcbox.eot?sz0fdx"); src: url("../fonts/bbcbox.eot?sz0fdx#iefix") format("embedded-opentype"), url("../fonts/bbcbox.ttf?sz0fdx") format("truetype"), url("../fonts/bbcbox.woff?sz0fdx") format("woff"), url("../fonts/bbcbox.svg?sz0fdx#bbcbox") format("svg"); font-weight: normal; font-style: normal; }

[class^="bbc-icon-"], [class*=" bbc-icon-"] { font-family: 'bbcbox-icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.bbc-icon-size-fullscreen:before { content: "\e057"; }

.bbc-icon-size-actual:before { content: "\e058"; }

.bbc-icon-grid:before { content: "\e06a"; }

.bbc-icon-control-play:before { content: "\e071"; }

.bbc-icon-control-pause:before { content: "\e072"; }

.bbcbox-enabled { overflow: hidden; }

.bbcbox-enabled body { overflow: visible; height: 100%; }

.bbcbox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.bbcbox-container ~ .bbcbox-container { z-index: 99992; }

.bbcbox-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); -o-transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.bbcbox-container--ready .bbcbox-bg { opacity: 0.87; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.bbcbox-controls { position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; direction: ltr; }

.bbcbox-show-controls .bbcbox-controls { opacity: 1; background-color: rgba(0, 0, 0, 0.8); }

.bbcbox-infobar { display: none; }

.bbcbox-show-infobar .bbcbox-infobar { display: inline-block; pointer-events: all; }

.bbcbox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; color: #ddd; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; }

.bbcbox-buttons { position: absolute; top: 0; right: 0; display: none; pointer-events: all; }

.bbcbox-show-buttons .bbcbox-buttons { display: block; }

.bbcbox-slider-wrap { overflow: hidden; direction: ltr; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; }

.bbcbox-slider { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; }

.bbcbox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; }

.bbcbox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; }

.bbcbox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.bbcbox-slide--image { overflow: hidden; }

.bbcbox-slide--image::before { display: none; }

.bbcbox-content { display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16px; font-family: Arial, sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; }

.bbcbox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; }

.bbcbox-slide--video .bbcbox-content, .bbcbox-slide--video .bbcbox-iframe { background: transparent; }

.bbcbox-placeholder { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.bbcbox-image, .bbcbox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; background: transparent; background-size: 100% 100%; }

.bbcbox-controls--canzoomOut .bbcbox-placeholder { cursor: -webkit-zoom-out; cursor: zoom-out; }

.bbcbox-controls--canzoomIn .bbcbox-placeholder { cursor: -webkit-zoom-in; cursor: zoom-in; }

.bbcbox-controls--canGrab .bbcbox-placeholder { cursor: -webkit-grab; cursor: grab; }

.bbcbox-controls--isGrabbing .bbcbox-placeholder { cursor: -webkit-grabbing; cursor: grabbing; }

.bbcbox-spaceball { z-index: 1; }

.bbcbox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; }

.bbcbox-error { position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; cursor: default; }

.bbcbox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }

.bbcbox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer; }

.bbcbox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 2; }

.bbcbox-close-small:focus:after { outline: 1px dotted #888; }

.bbcbox-slide--video .bbcbox-close-small { top: -36px; right: -36px; background: transparent; }

.bbcbox-close-small:hover:after { color: #555; background: #eee; }

.bbcbox-caption-wrap { position: absolute; top: 0; left: 0; z-index: 99999; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; pointer-events: none; }

@media (max-width: 767px) { .bbcbox-caption-wrap { position: absolute; bottom: 0; top: initial; left: 0; right: 0; } }

.bbcbox-show-caption .bbcbox-caption-wrap { opacity: 1; }

.bbcbox-caption { padding: 12px 16px; font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; }

.bbcbox-caption a, .bbcbox-caption button { pointer-events: all; }

.bbcbox-caption a { color: #fff; text-decoration: underline; }

.bbcbox-button { font-family: "bbcbox-icon"; font-size: 16px; display: inline-block; position: relative; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: transparent; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; outline: none; }

.bbcbox-button--disabled { cursor: default; pointer-events: none; }

.bbcbox-button:hover { background: rgba(0, 0, 0, 0.2); }

.bbcbox-button::before, .bbcbox-button::after { content: ''; pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; }

.bbcbox-button--disabled::before, .bbcbox-button--disabled::after { opacity: 0.5; }

.bbcbox-button--left::after, .bbcbox-button--right::after { position: absolute; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; width: 8px; height: 8px; margin-top: -5px; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }

.bbcbox-button--left::after { left: 48%; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }

.bbcbox-button--right::after { right: 48%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.bbcbox-button--left { border-bottom-left-radius: 5px; }

.bbcbox-button--right { border-bottom-right-radius: 5px; }

.bbcbox-button--close { float: right; }

.bbcbox-button--close::before, .bbcbox-button--close::after { content: ''; position: absolute; height: 2px; width: 18px; background-color: #fff; top: 50%; margin-bottom: -1px; left: 50%; margin-left: -9px; }

.bbcbox-button--close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.bbcbox-button--close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.bbcbox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: bbcbox-rotate .8s infinite linear; animation: bbcbox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; }

@-webkit-keyframes bbcbox-rotate { from { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes bbcbox-rotate { from { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) { .bbcbox-controls { text-align: left; }
  .bbcbox-button--left, .bbcbox-button--right, .bbcbox-buttons button:not(.bbcbox-button--close) { display: none !important; }
  .bbcbox-caption { margin: 0; background-color: rgba(0, 0, 0, 0.8); text-align: center; } }

.bbcbox-button--fullscreen::before { content: "\e057"; }

.bbcbox-button--actual::before { content: "\e058"; }

.bbcbox-button--play::before { content: "\e071"; }

.bbcbox-button--pause::before { content: "\e072"; }

.bbcbox-button--thumbs span { font-size: 23px; }

.bbcbox-button--thumbs::before { content: "\e06a"; }

.bbcbox-container--thumbs .bbcbox-controls, .bbcbox-container--thumbs .bbcbox-slider-wrap, .bbcbox-container--thumbs .bbcbox-caption-wrap { right: 220px; }

.bbcbox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

.bbcbox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; }

.bbcbox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }

li.bbcbox-thumbs-loading { background: rgba(0, 0, 0, 0.1); }

.bbcbox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.bbcbox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.bbcbox-thumbs > ul > li.bbcbox-thumbs-active:before { opacity: 1; }

@media all and (max-width: 800px) { .bbcbox-thumbs { display: none !important; }
  .bbcbox-container--thumbs .bbcbox-controls, .bbcbox-container--thumbs .bbcbox-slider-wrap, .bbcbox-container--thumbs .bbcbox-caption-wrap { right: 0; } }

.morphing-btn-wrap { text-align: center; display: inline-block; position: relative; }

.morphing-btn { -webkit-transition: background 0.2s, color 0.2s 0.3s, width 0.2s 0s; -moz-transition: background 0.2s, color 0.2s 0.3s, width 0.2s 0s; -o-transition: background 0.2s, color 0.2s 0.3s, width 0.2s 0s; transition: background 0.2s, color 0.2s 0.3s, width 0.2s 0s; white-space: nowrap; }

.morphing-btn_circle { color: transparent; padding-left: 0; padding-right: 0; width: 35.6px !important; -webkit-transition: color 0.2s 0s, width .3s 0.2s; -moz-transition: color 0.2s 0s, width .3s 0.2s; -o-transition: color 0.2s 0s, width .3s 0.2s; transition: color 0.2s 0s, width .3s 0.2s; }

.morphing-btn-clone { position: fixed; background: #0075da; width: 3em; height: 3em; border-radius: 50%; z-index: 3; font-size: 0.875em; -webkit-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1); -moz-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1); -o-transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1); transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.morphing-btn-clone_visible { -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; }

.morphing-close { position: fixed; top: 5%; right: 5%; background: rgba(0, 0, 0, 0.2); text-indent: -9999px; width: 50px; height: 50px; border-radius: 50%; border: 0; overflow: hidden; -webkit-transition: background-color 0.2s ease 0s, -webkit-transform .2s ease-in-out; transition: background-color 0.2s ease 0s, -webkit-transform .2s ease-in-out; -o-transition: background-color 0.2s ease 0s, transform .2s ease-in-out; transition: background-color 0.2s ease 0s, transform .2s ease-in-out; transition: background-color 0.2s ease 0s, transform .2s ease-in-out, -webkit-transform .2s ease-in-out; z-index: 99993; cursor: pointer; outline: none; }

.morphing-close:active { margin-top: -1px; }

.morphing-close:before, .morphing-close:after { content: ""; position: absolute; left: 12px; top: 24px; width: 26px; height: 1.5px; background: #fff; }

.morphing-close:before { -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }

.morphing-close:after { -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }

#morphing-content { margin: 0; position: relative; background: transparent; color: #fff; padding: 6em 10vw; line-height: 2; z-index: 3; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

#morphing-content a { color: #fff; }

/* Owl Carousel - Core */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; width: 100%; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { visibility: hidden; }

.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: linear; animation-timing-function: linear; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

/* Owl Carousel - Auto Height Plugin */
.owl-height { -webkit-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; -o-transition: transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

[data-toggle="img"] { position: relative; }

[data-toggle="img"] img { opacity: 0; display: block; width: 1px; height: 1px; }

[data-toggle="img"]:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ""; display: block; opacity: 1; -webkit-transition: opacity .15s; -o-transition: opacity .15s; transition: opacity .15s; z-index: 2; background-color: #eee; }

.img-cover, .img-contain { background-position: center center; background-repeat: no-repeat; background-color: #eee; position: relative; }

.img-cover { background-size: cover; }

.img-contain { background-size: contain; }

.img-loaded:after { opacity: 0; }

.img-parallax { overflow: hidden; position: relative; }

.parallax-bg { position: absolute; top: 0; min-height: 100%; width: 100%; left: 0; z-index: 1; }

.z-index-3 { position: relative; z-index: 3; }

body { color: #555; position: relative; overflow: hidden; }

p { line-height: 1.75em; }

img { max-width: 100%; }

.section { position: relative; background-position: center center; background-size: cover; overflow: hidden; }

@media (min-width: 992px) { .section { min-height: 100vh; } }

@media screen and (orientation: portrait) { .section { min-height: 0; } }

.slider-index { background-color: #000000; }

.slider-index .slide-dots { position: absolute; bottom: 5%; width: 50%; right: 10%; text-align: right; z-index: 9; }

@media (max-width: 767.98px) { .slider-index .slide-dots { width: 100%; right: 0; text-align: center; } }

.slider-index .slide-dot { width: 25px; height: 8px; cursor: pointer; display: inline-block; vertical-align: bottom; background-color: transparent; -webkit-transition: border .25s; -o-transition: border .25s; transition: border .25s; border-bottom: 2px solid #ccc; margin: 0 4px; }

.slider-index .slide-dot.active { border-bottom: 6px solid #db2001; }

.slide-item { overflow: hidden; width: 0; -webkit-transition: width 1s linear; -o-transition: width 1s linear; transition: width 1s linear; position: absolute; top: 0; left: 0; z-index: 1; }

.slide-item.slide-active { width: 100%; z-index: 2; }

.slide-item.slide-active-before { z-index: 3; }

.slide-wrap { position: relative; height: 100vh; overflow: hidden; background-color: #000; }

.slide-item { width: 0; -webkit-transition: width 1s; -o-transition: width 1s; transition: width 1s; }

.active .slide-item { width: 100%; }

@-webkit-keyframes textDown { from { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes textDown { from { opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes textLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes textLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
  90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.fadeInDown { -webkit-animation: textDown .8s ease both; animation: textDown .8s ease both; }

.fadeInLeft { -webkit-animation: textLeft .5s ease both; animation: textLeft .5s ease both; }

.bounceInDown { -webkit-animation: bounceInDown .6s ease both; animation: bounceInDown .6s ease both; }

.section-inner { padding-left: 120px; padding-right: 120px; }

@media (max-width: 1199.98px) { .section-inner { padding-left: 80px; padding-right: 80px; } }

@media (max-width: 767.98px) { .section-inner { padding-left: 25px; padding-right: 25px; } }

.ie9 .section-v1 { display: table; table-layout: fixed; width: 100%; }

.ie9 .section-v1 .section-inner { display: table-cell; vertical-align: middle; padding: 80px 0; }

@media (max-width: 991.98px) { .ie9 .section-v1 .section-inner { padding: 80px 0 40px; } }

.section-v1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.section-v1 .section-inner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 80px; padding-bottom: 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }

@media (min-width: 992px) { .section-v1 .section-inner { min-height: 100vh; } }

@media (max-width: 991.98px) { .section-v1 .section-inner { padding-top: 50px; padding-bottom: 50px; } }

@media (max-width: 767.98px) { .section-v1 .section-inner { padding-top: 25px; padding-bottom: 30px; } }

@media screen and (orientation: portrait) { .section-v1 .section-inner { min-height: 0; } }

.about-section { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; }

.about-section .inner-left { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; background-color: #f0f0f0; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; text-align: center; padding-left: 50px; padding-right: 50px; }

@media (max-width: 767.98px) { .about-section .inner-left { padding-left: 25px; padding-right: 25px; } }

.about-section .inner-right { -webkit-box-flex: 0; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; width: 0%; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; }

.about-section .ueditor-content { font-size: 12px; display: inline-block; text-align: left; max-width: 600px; }

@media (max-width: 1199.98px) { .about-section .ueditor-content p { margin-bottom: 15px; } }

.about-section.section-active .inner-left { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; width: 60%; }

@media (max-width: 1199.98px) { .about-section.section-active .inner-left { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } }

.about-section.section-active .inner-right { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; width: 40%; }

@media (max-width: 1199.98px) { .about-section.section-active .inner-right { -webkit-box-flex: 0; -ms-flex: 0 0 0; flex: 0 0 0; max-width: 0; width: 0; } }

.about-wrap { max-width: 960px; width: 100%; margin: auto; padding-left: 0; -webkit-transition: max-width .6s, padding-left .6s; -o-transition: max-width .6s, padding-left .6s; transition: max-width .6s, padding-left .6s; }

.section-active .about-wrap { max-width: 650px; padding-left: 50px; }

@media (max-width: 991.98px) { .section-active .about-wrap { padding-left: 0; } }

.banner-index { color: #FFF; }

.banner-index h3 { font-size: 60px; font-weight: bold; margin-bottom: 0.5em; line-height: 1.5em; }

@media (max-width: 1199.98px) { .banner-index h3 { font-size: 48px; } }

@media (max-width: 991.98px) { .banner-index h3 { font-size: 36px; } }

@media (max-width: 767.98px) { .banner-index h3 { font-size: 24px; } }

.banner-index p { font-size: 16px; opacity: 0.6; text-transform: uppercase; }

@media (max-width: 991.98px) { .banner-index p { font-size: 12px; } }

@media (max-width: 767.98px) { #home .btn-welcome { display: none; } }

#nav-side { position: fixed; left: 35px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); z-index: 99; }

@media (max-width: 1199.98px) { #nav-side { left: 20px; } }

@media (max-width: 767.98px) { #nav-side { left: -5px; } }

.nav-side { width: 40px; }

.nav-side span { display: none; }

.nav-side a { padding: 10px; color: #CCC; font-weight: bold; font-size: 12px; white-space: nowrap; -webkit-transition: color .6s; -o-transition: color .6s; transition: color .6s; position: relative; }

.nav-side a:before, .nav-side a:after { display: block; vertical-align: middle; }

.nav-side a:after { content: attr(data-last); width: 0; -webkit-transition: width .6s ease-out; -o-transition: width .6s ease-out; transition: width .6s ease-out; overflow: hidden; position: absolute; top: 10px; left: 10px; }

.nav-side a:before { content: attr(data-first); -webkit-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s; opacity: 1; }

.nav-side a:hover, .nav-side a.active { color: #db2001; }

.nav-side a:hover:after, .nav-side a.active:after { width: 60px; }

.nav-side a:hover:before, .nav-side a.active:before { opacity: 0; }

@media (max-width: 991.98px) { .nav-side a.active:after { width: 0; }
  .nav-side a.active:before { opacity: 1 !important; }
  .nav-side a:hover:after { width: 60px; }
  .nav-side a:hover:before { opacity: 0; } }

#home .btn-welcome { position: absolute; bottom: 0; left: 10%; z-index: 12; }

.btn-welcome { color: #fff; background-color: #db2001; border-color: #db2001; font-size: 13px; line-height: 20px; padding: 20px 45px; }

.btn-welcome:hover { color: #fff; background-color: #b51a01; border-color: #a81901; }

.btn-welcome:focus, .btn-welcome.focus { -webkit-box-shadow: 0 0 0 0 rgba(219, 32, 1, 0.5); box-shadow: 0 0 0 0 rgba(219, 32, 1, 0.5); }

.btn-welcome.disabled, .btn-welcome:disabled { color: #fff; background-color: #db2001; border-color: #db2001; }

.btn-welcome:not(:disabled):not(.disabled):active, .btn-welcome:not(:disabled):not(.disabled).active, .show > .btn-welcome.dropdown-toggle { color: #fff; background-color: #a81901; border-color: #9c1701; }

.btn-welcome:not(:disabled):not(.disabled):active:focus, .btn-welcome:not(:disabled):not(.disabled).active:focus, .show > .btn-welcome.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(219, 32, 1, 0.5); box-shadow: 0 0 0 0 rgba(219, 32, 1, 0.5); }

.btn-welcome span { display: inline-block; vertical-align: middle; }

.btn-welcome:before { content: ""; display: inline-block; vertical-align: middle; border: 2px solid; border-radius: 50%; margin-right: 6px; width: 0; height: 0; }

.btn-welcome:hover .arrow:before { width: 3em; }

.arrow { display: inline-block; vertical-align: middle; height: 20px; }

.arrow:after, .arrow:before { content: ""; display: inline-block; vertical-align: top; }

.arrow-right { padding-top: 6px; }

.arrow-right:after { border-top: 1px solid; border-right: 1px solid; width: 7px; height: 7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.arrow-right:before { border-top: 1px solid; width: 2em; height: 0; -webkit-transition: width .35s; -o-transition: width .35s; transition: width .35s; margin-left: 6px; margin-top: 3px; }

.arrow-left { padding-top: 6px; }

.arrow-left:before { border-top: 1px solid; border-left: 1px solid; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.arrow-left:after { border-top: 1px solid; width: 2em; height: 0; -webkit-transition: width .35s; -o-transition: width .35s; transition: width .35s; margin-right: 6px; margin-top: 3px; }

.preload-logo { position: fixed; background-color: #000; width: 100%; height: 100%; bottom: 0; left: 0; z-index: 9999; -webkit-transition: height .5s; -o-transition: height .5s; transition: height .5s; overflow: hidden; }

.preload-logo.loaded { height: 0; }

.preload-logo img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.heading { padding-top: 30px; padding-bottom: 25px; padding-left: 40px; position: relative; margin-bottom: 30px; margin-left: auto; margin-right: auto; text-align: left; -webkit-transition: width .5s; -o-transition: width .5s; transition: width .5s; }

@media (max-width: 767.98px) { .heading { padding: 10px 15px 0; text-align: center; }
  .heading .heading-square { display: none; } }

.heading h3 { font-size: 40px; margin-bottom: 0; }

@media (max-width: 767.98px) { .heading h3 { font-size: 36px; } }

.heading span { display: inline-block; vertical-align: middle; }

.heading .ch { font-family: Kaiti, "楷体", "SimSun", "宋体", sans-serif; }

@media (max-width: 767.98px) { .heading .ch { margin-bottom: 8px; } }

.heading .en { font-size: 12px; vertical-align: middle; }

@media (max-width: 767.98px) { .heading .en { display: none; } }

.heading .en:before, .heading .en:after { display: inline-block; content: ""; vertical-align: middle; }

.heading .en:before { height: 0; width: 68px; margin: 0 6px; border-top: 1px solid #ccc; }

.heading .en:after { content: attr(data-title); text-transform: uppercase; }

.heading p { font-size: 12px; padding-left: 5px; margin-bottom: 0; opacity: 1; }

.heading .heading-inner { z-index: 2; }

.about-section .heading { width: 350px; max-width: 100%; }

.about-section.section-active .heading { width: 600px; }

.heading-square { z-index: 1; position: absolute; width: 100px; height: 100%; left: 0; top: 0; color: #CCC; }

@media (max-width: 767.98px) { .heading-square { width: 140px; } }

.heading-square > i { display: block; position: absolute; }

.heading-square .line-1 { border-top: 4px solid; border-right: 4px solid; width: 100%; height: 30px; bottom: 100%; margin-bottom: -30px; right: 0; opacity: 1; -webkit-transition: height .35s linear, width .5s linear .35s, opacity .2s .35s; -o-transition: height .35s linear, width .5s linear .35s, opacity .2s .35s; transition: height .35s linear, width .5s linear .35s, opacity .2s .35s; }

@media (max-width: 767.98px) { .heading-square .line-1 { border-top: 3px solid; border-right: 3px solid; } }

.heading-square .line-2 { border-right: 4px solid; left: 0; top: 0; height: 100%; opacity: 1; -webkit-transition: height .5s linear .85s, opacity .2s .85s; -o-transition: height .5s linear .85s, opacity .2s .85s; transition: height .5s linear .85s, opacity .2s .85s; }

@media (max-width: 767.98px) { .heading-square .line-2 { border-right: 3px solid; } }

.heading-square .line-3 { border-bottom: 4px solid; border-right: 4px solid; width: 100%; height: 20px; bottom: 0; left: 0; opacity: 1; -webkit-transition: width .5s  linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s; -o-transition: width .5s  linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s; transition: width .5s  linear 1.45s, height .2s linear 1.95s, opacity .2s 1.45s; }

@media (max-width: 767.98px) { .heading-square .line-3 { width: 100%; height: 25px; border-bottom: 3px solid; border-right: 3px solid; } }

.before-active .heading-square .line-1 { width: 0; height: 0; -webkit-transition: height .35s 1.55s, width .5s 1.2s, opacity .2s 1.7s; -o-transition: height .35s 1.55s, width .5s 1.2s, opacity .2s 1.7s; transition: height .35s 1.55s, width .5s 1.2s, opacity .2s 1.7s; opacity: 0; }

.before-active .heading-square .line-2 { height: 0; -webkit-transition: height .5s .7s, opacity .2s 1s; -o-transition: height .5s .7s, opacity .2s 1s; transition: height .5s .7s, opacity .2s 1s; opacity: 0; }

.before-active .heading-square .line-3 { width: 0; height: 0; -webkit-transition: width .5s .2s, height .2s, opacity .2s .5s; -o-transition: width .5s .2s, height .2s, opacity .2s .5s; transition: width .5s .2s, height .2s, opacity .2s .5s; opacity: 0; }

.list-partner { margin-left: -5px; margin-right: -5px; }

.list-partner > div { padding-left: 5px; padding-right: 5px; }

@media (min-width: 992px) { .list-partner { margin-left: -10px; margin-right: -10px; }
  .list-partner > div { padding-left: 10px; padding-right: 10px; } }

.list-about-count { margin-left: -18px; margin-right: -18px; }

.list-about-count li { display: inline-block; padding: 0 21px; }

@media (max-width: 1199.98px) { .list-about-count li { padding: 0 15px; } }

@media (max-width: 991.98px) { .list-about-count li { padding: 0 10px; } }

@media (max-width: 767.98px) { .list-about-count li { width: 45%; } }

.about-count { text-align: center; padding: 20px 0 30px; }

@media (max-width: 767.98px) { .about-count { padding: 10px 0 15px; } }

.about-count p { margin-bottom: 5px; }

.about-count .count { font-size: 42px; line-height: 1em; }

@media (max-width: 1199.98px) { .about-count .count { font-size: 36px; } }

@media (max-width: 991.98px) { .about-count .count { font-size: 30px; } }

.about-count .type { font-size: 14px; line-height: 1em; }

.about-count h5 { font-size: 13px; margin-bottom: 0; }

.about-icon-container { padding: 15px 100px; background-color: #FFF; width: 960px; position: relative; z-index: 8; margin-top: 30px; }

@media (max-width: 1199.98px) { .about-icon-container { padding: 15px 50px; margin-top: 5px; max-width: 100%; } }

@media (max-width: 767.98px) { .about-icon-container { padding: 15px; display: none; } }

@media (max-width: 767.98px) { .about-section .btn-welcome { width: 100%; } }

.list-about-icon { text-align: center; padding: 15px 0 5px; }

.list-about-icon .fi { font-size: 64px; color: #e6624d; line-height: 1em; }

@media (max-width: 1199.98px) { .list-about-icon .fi { font-size: 48px; } }

.list-about-icon h5 { font-size: 12px; margin-top: 8px; }

.banner-full { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.fadeUp { -webkit-transition: opacity .8s, -webkit-transform .8s; transition: opacity .8s, -webkit-transform .8s; -o-transition: transform .8s, opacity .8s; transition: transform .8s, opacity .8s; transition: transform .8s, opacity .8s, -webkit-transform .8s; }

.before-active .fadeUp { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); }

.fadeDown { -webkit-transition: opacity .8s, -webkit-transform .8s; transition: opacity .8s, -webkit-transform .8s; -o-transition: transform .8s, opacity .8s; transition: transform .8s, opacity .8s; transition: transform .8s, opacity .8s, -webkit-transform .8s; }

.before-active .fadeDown { opacity: 0; -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); }

.zoomIn { -webkit-transition: opacity .8s, -webkit-transform .8s; transition: opacity .8s, -webkit-transform .8s; -o-transition: transform .8s, opacity .8s; transition: transform .8s, opacity .8s; transition: transform .8s, opacity .8s, -webkit-transform .8s; }

.before-active .zoomIn { opacity: 0; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); }

.fadeRight { -webkit-transition: opacity .8s, -webkit-transform .8s; transition: opacity .8s, -webkit-transform .8s; -o-transition: transform .8s, opacity .8s; transition: transform .8s, opacity .8s; transition: transform .8s, opacity .8s, -webkit-transform .8s; }

.before-active .fadeRight { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); }

.fadeLeft { -webkit-transition: opacity .8s, -webkit-transform .8s; transition: opacity .8s, -webkit-transform .8s; -o-transition: transform .8s, opacity .8s; transition: transform .8s, opacity .8s; transition: transform .8s, opacity .8s, -webkit-transform .8s; }

.before-active .fadeLeft { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); }

.tab-pane:not(.show) .fadeRight { opacity: 0; -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); }

.delay-1 { -webkit-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; }

.before-active .delay-b-1 { -webkit-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; }

.delay-2 { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }

.before-active .delay-b-2 { -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }

.delay-3 { -webkit-transition-delay: 0.75s; -o-transition-delay: 0.75s; transition-delay: 0.75s; }

.before-active .delay-b-3 { -webkit-transition-delay: 0.75s; -o-transition-delay: 0.75s; transition-delay: 0.75s; }

.delay-4 { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.before-active .delay-b-4 { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }

.delay-5 { -webkit-transition-delay: 1.25s; -o-transition-delay: 1.25s; transition-delay: 1.25s; }

.before-active .delay-b-5 { -webkit-transition-delay: 1.25s; -o-transition-delay: 1.25s; transition-delay: 1.25s; }

.delay-6 { -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; }

.before-active .delay-b-6 { -webkit-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; }

.delay-7 { -webkit-transition-delay: 1.75s; -o-transition-delay: 1.75s; transition-delay: 1.75s; }

.before-active .delay-b-7 { -webkit-transition-delay: 1.75s; -o-transition-delay: 1.75s; transition-delay: 1.75s; }

.delay-8 { -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; }

.before-active .delay-b-8 { -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; }

.delay-9 { -webkit-transition-delay: 2.25s; -o-transition-delay: 2.25s; transition-delay: 2.25s; }

.before-active .delay-b-9 { -webkit-transition-delay: 2.25s; -o-transition-delay: 2.25s; transition-delay: 2.25s; }

.delay-10 { -webkit-transition-delay: 2.5s; -o-transition-delay: 2.5s; transition-delay: 2.5s; }

.before-active .delay-b-10 { -webkit-transition-delay: 2.5s; -o-transition-delay: 2.5s; transition-delay: 2.5s; }

.delay-11 { -webkit-transition-delay: 2.75s; -o-transition-delay: 2.75s; transition-delay: 2.75s; }

.before-active .delay-b-11 { -webkit-transition-delay: 2.75s; -o-transition-delay: 2.75s; transition-delay: 2.75s; }

.delay-12 { -webkit-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; }

.before-active .delay-b-12 { -webkit-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; }

.delay-13 { -webkit-transition-delay: 3.25s; -o-transition-delay: 3.25s; transition-delay: 3.25s; }

.before-active .delay-b-13 { -webkit-transition-delay: 3.25s; -o-transition-delay: 3.25s; transition-delay: 3.25s; }

.delay-14 { -webkit-transition-delay: 3.5s; -o-transition-delay: 3.5s; transition-delay: 3.5s; }

.before-active .delay-b-14 { -webkit-transition-delay: 3.5s; -o-transition-delay: 3.5s; transition-delay: 3.5s; }

.delay-15 { -webkit-transition-delay: 3.75s; -o-transition-delay: 3.75s; transition-delay: 3.75s; }

.before-active .delay-b-15 { -webkit-transition-delay: 3.75s; -o-transition-delay: 3.75s; transition-delay: 3.75s; }

.delay-16 { -webkit-transition-delay: 4s; -o-transition-delay: 4s; transition-delay: 4s; }

.before-active .delay-b-16 { -webkit-transition-delay: 4s; -o-transition-delay: 4s; transition-delay: 4s; }

.delay-17 { -webkit-transition-delay: 4.25s; -o-transition-delay: 4.25s; transition-delay: 4.25s; }

.before-active .delay-b-17 { -webkit-transition-delay: 4.25s; -o-transition-delay: 4.25s; transition-delay: 4.25s; }

.delay-18 { -webkit-transition-delay: 4.5s; -o-transition-delay: 4.5s; transition-delay: 4.5s; }

.before-active .delay-b-18 { -webkit-transition-delay: 4.5s; -o-transition-delay: 4.5s; transition-delay: 4.5s; }

.delay-19 { -webkit-transition-delay: 4.75s; -o-transition-delay: 4.75s; transition-delay: 4.75s; }

.before-active .delay-b-19 { -webkit-transition-delay: 4.75s; -o-transition-delay: 4.75s; transition-delay: 4.75s; }

.delay-20 { -webkit-transition-delay: 5s; -o-transition-delay: 5s; transition-delay: 5s; }

.before-active .delay-b-20 { -webkit-transition-delay: 5s; -o-transition-delay: 5s; transition-delay: 5s; }

.heading-light { color: #FFF; }

.heading-light .en:before { border-color: #fff; opacity: 0.5; }

.heading-light .heading-square { opacity: 0.5; }

.heading-right { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }

.heading-right .en:after { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }

.heading-right .ch { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }

.heading-right p span { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); text-align: right; }

@media (max-width: 767.98px) { .heading-right p span { text-align: center; } }

#service { background-color: #000; }

.service-wrap { max-width: 1500px; width: 100%; margin: auto; text-align: center; }

.service-wrap > div { display: inline-block; vertical-align: middle; }

.service-wrap .service-left { width: 42%; }

@media (max-width: 991.98px) { .service-wrap .service-left { width: 100%; } }

.service-wrap .service-right { width: 56%; padding-left: 6%; padding-top: 140px; }

@media (max-width: 991.98px) { .service-wrap .service-right { padding-top: 10px; width: 100%; padding-left: 0; } }

@media (max-width: 767.98px) { .service-wrap .service-right { display: none; } }

.service-section .section-inner { padding-left: 120px; padding-right: 120px; }

@media (max-width: 991.98px) { .service-section .section-inner { padding-left: 50px; padding-right: 50px; } }

@media (max-width: 767.98px) { .service-section .section-inner { padding-left: 25px; padding-right: 25px; } }

.nav-tab-service { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }

.nav-tab-service > li { padding-left: 10px; padding-right: 10px; }

.nav-tab-service > li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; margin-bottom: 20px; }

@media (min-width: 768px) and (max-width: 991.98px) { .nav-tab-service > li { -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; width: 33.333%; }
  .nav-tab-service > li:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 66.666%; flex: 0 0 66.666%; max-width: 66.666%; width: 66.666%; } }

.nav-tab-service a { display: block; background-color: #1d1c1c; padding: 8px; text-align: center; color: #FFF; height: 88px; position: relative; overflow: hidden; }

@media (min-width: 1200px) { .nav-tab-service a { height: 109px; } }

.nav-tab-service a:before { content: ""; position: absolute; background-color: #db2001; width: 100%; height: 100%; top: 0; left: 0; display: block; opacity: 0; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, -webkit-transform .35s; -o-transition: transform .35s, opacity .35s; transition: transform .35s, opacity .35s; transition: transform .35s, opacity .35s, -webkit-transform .35s; -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scale(0, 0.02); -ms-transform: scale(0, 0.02); transform: scale(0, 0.02); }

.nav-tab-service a:hover:before { -webkit-transform: scale(1, 0.02); -ms-transform: scale(1, 0.02); transform: scale(1, 0.02); opacity: 1; }

.nav-tab-service a.active:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }

.nav-tab-service .delay-7 a:focus:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }

.nav-tab-service h5, .nav-tab-service p, .nav-tab-service i { position: relative; z-index: 2; }

.nav-tab-service p { margin-bottom: 0; font-size: 12px; }

@media (max-width: 1199.98px) { .nav-tab-service p { display: none; } }

.nav-tab-service h5 { font-size: 16px; margin-bottom: 5px; }

.nav-tab-service .fi { font-size: 36px; line-height: 48px; }

.more-service, .btn-more { border: 1px solid; display: inline-block; padding: 5px 15px; margin-top: 25px; position: relative; z-index: 2; }

@media (max-width: 1199.98px) { .more-service, .btn-more { margin-top: 20px; } }

.btn-more { color: #FFF; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.btn-more:hover { background-color: #db2001; color: #ffffff; border-color: #db2001; }

a.nav-toggle-work { position: absolute; z-index: 7; right: 50%; margin-right: -35px; top: 100%; margin-top: -35px; background-color: #db2001; border: 15px solid #ffffff; width: 70px; height: 70px; }

a.nav-toggle-work .box { text-align: center; display: block; height: auto; height: 12px; }

a.nav-toggle-work .box:first-child { margin-top: 4px; }

a.nav-toggle-work .box:before, a.nav-toggle-work .box:after { display: inline-block; vertical-align: top; content: ""; width: 10px; height: 10px; margin: 1px; background-color: #FFF; }

.work-section { -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 991.98px) { .work-section { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; } }

.work-section .inner-left { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%; width: 35%; background-color: #222; padding-left: 50px; padding-right: 50px; }

@media (max-width: 767.98px) { .work-section .inner-left { padding-left: 25px; padding-right: 25px; padding-bottom: 5px !important; background-color: #fff; border-bottom: 1px solid #eee; }
  .work-section .inner-left .heading { color: #222; } }

.work-section .inner-right { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%; width: 65%; padding-left: 50px; padding-right: 50px; }

@media (max-width: 991.98px) { .work-section .inner-left, .work-section .inner-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; }
  .work-section .inner-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-bottom: 30px; }
  .work-section .inner-right { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 40px 50px 60px; }
  .work-section .section-inner { min-height: auto; } }

@media (max-width: 767.98px) { .work-section .inner-right { padding: 40px 25px 60px; } }

@media (max-width: 767.98px) { .contact-right .text-center { display: none; } }

.work-right { max-width: 960px; width: 100%; padding-left: 60px; }

@media (max-width: 991.98px) { .work-right { padding-left: 10px; } }

.nav-work-close { padding: 5px 0 !important; top: 5px; left: 5px; position: absolute; }

.list-work { margin-bottom: -60px; }

@media (min-width: 1200px) { .list-work { margin-left: -35px; margin-right: -35px; }
  .list-work > li { padding-left: 35px; padding-right: 35px; } }

@media (max-width: 991.98px) { .list-work { margin-bottom: -30px; } }

@media (max-width: 767.98px) { .list-work { margin-left: -7px; margin-right: -7px; }
  .list-work > li { padding-left: 7px; padding-right: 7px; } }

.list-work li { margin-bottom: 30px; }

@media (min-width: 1200px) { .list-work li { margin-bottom: 58px; } }

@media (max-width: 767.98px) { .list-work li { margin-bottom: 15px; } }

.list-work h5 { margin-bottom: 0; position: absolute; padding: 10px 15px 11px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; text-align: center; width: 100%; background-color: #db2001; top: 100%; left: 0; color: #FFF; font-size: 14px; -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; margin-top: 1px; }

.list-work a { position: relative; overflow: hidden; }

.list-work a:hover .plus { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.list-work a:hover h5 { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }

.list-work .plus { top: 50%; left: 50%; margin-top: -1em; margin-left: -1em; -webkit-transform: scale(9); -ms-transform: scale(9); transform: scale(9); background-color: #db2001; opacity: 0; color: #FFF; -webkit-transition: opacity .6s, -webkit-transform .6s; transition: opacity .6s, -webkit-transform .6s; -o-transition: transform .6s, opacity .6s; transition: transform .6s, opacity .6s; transition: transform .6s, opacity .6s, -webkit-transform .6s; }

.plus { position: absolute; display: block; z-index: 2; width: 2em; height: 2em; font-size: 20px; }

.plus:before, .plus:after { display: block; content: ""; top: 50%; left: 50%; position: absolute; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.plus:before { border-left: 2px solid; height: 1em; }

.plus:after { border-top: 2px solid; width: 1em; }

.nav-work { text-align: right; }

@media (max-width: 767.98px) { .nav-work { position: fixed; top: 0; right: 0; background-color: #222; padding: 80px 30px 30px; height: 100%; z-index: 99999; -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); width: 70%; }
  .nav-work.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.nav-work li a.btn-more { display: inline-block; padding: 5px 10px; }

.nav-work .arrow { margin-right: 15px; color: #FFF; }

.nav-work .arrow:after { width: 60px; -webkit-transition: width .35s, opacity .35s; -o-transition: width .35s, opacity .35s; transition: width .35s, opacity .35s; opacity: 0.4; margin-left: 6px; }

.nav-work .arrow:before { opacity: 0; -webkit-transition: opacity .35s; -o-transition: opacity .35s; transition: opacity .35s; }

@media (min-width: 768px) and (max-width: 991.98px) { .nav-work li { display: inline-block; width: 32%; }
  .nav-work li a.btn-more { margin-top: 0; } }

.nav-work a { padding: 12px 0; color: #FFF; -webkit-transition: color .35s; -o-transition: color .35s; transition: color .35s; }

.nav-work a.active { color: #db2001; }

.nav-work a:hover .arrow:after, .nav-work a.active .arrow:after { width: 100px; opacity: 1; }

.nav-work a:hover .arrow:before, .nav-work a.active .arrow:before { opacity: 1; }

.partner-wrap, .news-wrap { width: 1440px; max-width: 100%; position: relative; z-index: 2; padding-top: 20px; }

@media (max-width: 991.98px) { .partner-wrap, .news-wrap { padding-top: 1px; } }

.partner-block { position: relative; margin-bottom: 20px; background-color: #e8e8e8; overflow: hidden; }

@media (max-width: 991.98px) { .partner-block { margin-bottom: 10px; } }

.partner-block [data-toggle="img"]:after { background-color: #e8e8e8; }

.partner-block .img-cover { background-color: transparent; }

.partner-block .partner-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: #db2001; -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; -o-transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s, -webkit-transform .5s; z-index: 1; }

.partner-block:hover .partner-hover { opacity: 1; }

.slide-partner .owl-dots { display: none; }

.slide-partner .owl-nav > button { padding: 0; border: 0; background: transparent; color: #666; -webkit-transition: color .35s, -webkit-transform .35s; transition: color .35s, -webkit-transform .35s; -o-transition: color .35s, transform .35s; transition: color .35s, transform .35s; transition: color .35s, transform .35s, -webkit-transform .35s; }

.slide-partner .owl-nav > button:hover { color: #db2001; }

.slide-partner .owl-nav > button.disabled { opacity: 0.5; pointer-events: none; }

.slide-partner .owl-nav span { display: inline-block; font-style: normal; vertical-align: top; margin-top: -3px; font-size: 12px; line-height: 1em; margin: -3px 5px 0; }

.slide-partner .owl-next { float: right; }

.slide-partner .owl-next:hover { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }

.slide-partner .owl-next:hover .arrow-right:before { width: 90px; }

@media (max-width: 767.98px) { .slide-partner .owl-next:hover .arrow-right:before { width: 50px; } }

.slide-partner .owl-prev { float: left; }

.slide-partner .owl-prev:hover { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }

.slide-partner .owl-prev:hover .arrow-left:after { width: 90px; }

@media (max-width: 767.98px) { .slide-partner .owl-prev:hover .arrow-left:after { width: 50px; } }

.slide-partner .arrow-left:after { margin-left: 6px; }

.slide-partner .arrow-right:before { margin-right: 6px; }

.slide-partner .arrow-left:after, .slide-partner .arrow-right:before { border-color: #ccc; width: 80px; -webkit-transition: width .35s; -o-transition: width .35s; transition: width .35s; }

@media (max-width: 767.98px) { .slide-partner .arrow-left:after, .slide-partner .arrow-right:before { width: 40px; } }

.slide-partner .arrow-right:after, .slide-partner .arrow-left:before { border-color: #db2001; }

.partner-container { padding: 30px; background-color: #FFF; }

@media (max-width: 767.98px) { .partner-container { padding: 15px 25px; margin-left: -25px; margin-right: -25px; } }

.partner-bg { position: absolute; top: 0; left: 0; height: 510px; width: 100%; overflow: hidden; }

@media (max-width: 767.98px) { .partner-bg { height: 200px; } }

.partner-bg .img-cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.section-bg, .img-bg { width: 100%; height: 100%; top: 0; left: 0; display: block; position: absolute; }

.news-img { height: 196px; overflow: hidden; position: relative; }

@media (max-width: 1199.98px) { .news-img { height: 160px; } }

.news-img .img-bg { -webkit-transition: -webkit-transform .5s ease-out; transition: -webkit-transform .5s ease-out; -o-transition: transform .5s ease-out; transition: transform .5s ease-out; transition: transform .5s ease-out, -webkit-transform .5s ease-out; }

.news-body { padding: 30px; position: relative; }

@media (max-width: 1199.98px) { .news-body { padding: 20px; } }

.news-body:before { content: ""; display: block; position: absolute; width: 15px; height: 15px; top: 20px; left: -7px; background-color: #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: background-color .35s; -o-transition: background-color .35s; transition: background-color .35s; }

@media (max-width: 991.98px) { .news-body { padding: 15px; } }

.news-block { background-color: #FFF; color: #000; -webkit-transition: background-color .35s, color .35s; -o-transition: background-color .35s, color .35s; transition: background-color .35s, color .35s; }

.news-block:hover { background-color: #db2001; color: #FFF; }

.news-block:hover .news-body:before { background-color: #db2001; }

.news-block:hover .img-bg { -webkit-transform: scale(1.2) rotate(3deg); -ms-transform: scale(1.2) rotate(3deg); transform: scale(1.2) rotate(3deg); }

.news-block > div { float: left; width: 50%; }

.news-block h5 { font-size: 15px; margin-bottom: 5px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.news-block .news-date { display: block; opacity: 0.5; margin-bottom: 10px; font-size: 12px; }

.news-block p { opacity: 0.7; font-size: 12px; line-height: 2em; margin-bottom: 0; max-height: 6em; overflow: hidden; }

.news-block-outer:nth-child(2n) .news-img { float: right; }

.news-block-outer:nth-child(2n) .news-body:before { left: auto; right: -7px; }

.news-section .btn-more { margin-top: 80px; }

@media (max-width: 1199.98px) { .news-section .btn-more { margin-top: 30px; } }

.contact-wrap { width: 100%; max-width: 1100px; position: relative; z-index: 2; -webkit-perspective: 550px; perspective: 550px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.contact-wrap::after { display: block; clear: both; content: ""; }

[data-code-remote] + .input-append { position: relative; }

[data-code-remote] + .input-append:before { content: ""; position: absolute; top: 7px; right: 100%; margin-right: 7px; width: 12px; height: 8px; border-bottom: 1px solid; border-left: 1px solid; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: opacity .35s; -o-transition: opacity .35s; transition: opacity .35s; opacity: 0; }

.code-success .input-append:before { opacity: 1 !important; }

.contact-left { height: 480px; width: 30%; float: left; padding: 70px 40px; background-color: rgba(219, 32, 1, 0.9); color: #FFF; -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; }

.contact-left .captcha-img { width: 80px; }

@media (max-width: 1199.98px) { .contact-left { width: 35%; } }

@media (max-width: 991.98px) { .contact-left { width: 100%; float: auto; height: auto; padding: 30px 60px; } }

@media (max-width: 767.98px) { .contact-left { padding: 20px; }
  .contact-left .btn-submit { margin-top: 5px; } }

.contact-left h3 { font-size: 30px; }

.contact-left p { font-size: 16px; }

.contact-left .has-error .form-label { color: #ffe1dc !important; }

.contact-left .has-error .help-block { color: #fe8a77 !important; font-size: 12px; text-align: right; line-height: 20px; margin-top: 0; height: 0; }

.input-material-group { display: block !important; position: relative; }

.input-material-group .input-append, .input-material-group .form-label { position: absolute; }

.input-material-group .input-append { right: 0; bottom: 0; z-index: 3; }

.input-material-group .form-label { padding: 25px 0 5px; height: 50px; opacity: 0.75; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; }

.input-material-group.focus .form-label { -webkit-transform: scale(0.8) translate3d(0, -55%, 0); transform: scale(0.8) translate3d(0, -55%, 0); }

.input-material-group .form-control { border: 0; background: transparent; border-bottom: 1px solid #FFF; display: block !important; width: 100%; position: relative; z-index: 2; padding: 25px 0 5px; color: #ffffff; height: 50px; line-height: 20px; }

.input-material-group img, .input-material-group .fi { vertical-align: middle; }

.input-material-group .fi { width: 30px; height: 30px; line-height: 31px; cursor: pointer; text-align: center; font-size: 18px; background-color: #000000; color: #db2001; }

.input-material-group .fi:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); display: inline-block; line-height: 30px; }

.input-material-group .fi:hover:before { -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; -o-transition: transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

#about-container { min-width: 100%; }

.contact-right { overflow: hidden; background-color: #FFF; height: 480px; padding: 80px 15px; text-align: center; }

@media (max-width: 991.98px) { .contact-right { height: auto; padding: 40px 15px 50px; } }

.contact-right h5, .contact-right p { max-width: 450px; margin: auto; }

.contact-right h5 { font-size: 24px; color: #db2001; margin-bottom: 10px; }

@media (max-width: 767.98px) { .contact-right h5 { font-size: 20px; } }

.contact-right p { font-size: 16px; color: #000; }

@media (max-width: 767.98px) { .contact-right p { font-size: 14px; } }

.contact-line { max-width: 550px; margin: 40px auto 0; border-bottom: 1px solid #ddd; padding: 1px; height: 2px; }

@media (max-width: 991.98px) { .contact-line { margin-top: 20px; } }

.contact-line i { display: block; margin: -19px auto 0; width: 40px; height: 40px; border: 15px solid #ffffff; background-color: #ddd; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.list-contact { max-width: 600px; margin: 40px auto 0; }

@media (max-width: 767.98px) { .list-contact { margin-top: 0; } }

.list-contact span { display: block; }

@media (max-width: 767.98px) { .list-contact span { display: inline-block; margin-right: 10px; } }

.list-contact p { color: #666; font-size: 14px; }

@media (max-width: 767.98px) { .list-contact p { overflow: hidden; margin-top: 7px; } }

.list-contact a { color: #666; }

.list-contact a:hover { color: #db2001; }

.list-contact li { margin-bottom: 20px; }

@media (max-width: 767.98px) { .list-contact li { text-align: left; padding: 0 10px; margin-bottom: 0px; }
  .list-contact li:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } }

.list-contact .fi { font-size: 42px; line-height: 42px; color: #db2001; margin-bottom: 10px; }

@media (max-width: 767.98px) { .list-contact .fi { margin-bottom: 5px; float: left; font-size: 24px; margin-right: 10px; } }

.btn-submit { font-size: 18px; min-width: 130px; text-align: center; padding: 5px 10px; border: 1px solid #ffffff; color: #FFF; background-color: transparent; margin-top: 20px; -webkit-transition: background-color .5s, color .5s; -o-transition: background-color .5s, color .5s; transition: background-color .5s, color .5s; }

.btn-submit:hover { color: #db2001; background-color: #FFF; }

.footer-index { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #FFF; }

@media (max-width: 991.98px) { .footer-index { position: static; } }

@media screen and (orientation: portrait) { .footer-index { position: static; } }

.footer-index a, .footer-index span { color: #666; }

.footer-index a:hover { color: #db2001; }

.copyright { text-align: center; padding: 15px; }

@media (max-width: 767.98px) { .copyright { font-size: 12px; } }

.copyright a, .copyright span { display: inline-block; padding: 0 10px; text-transform: uppercase; }

.section-v2 { min-height: auto; }

.banner-sub-inner { position: absolute; top: 35%; left: 0; right: 0; text-align: center; z-index: 8; }

.banner-sub { height: 380px; }

@media (max-width: 767.98px) { .banner-sub { height: 220px; } }

.banner-sub .heading { display: inline-block; }

@media (max-width: 767.98px) { #about-service { display: none; } }

.nav-menu-v2 { margin-left: -15px; margin-right: -15px; }

.nav-menu-v2::after { display: block; clear: both; content: ""; }

.nav-menu-v2 .menu-item { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; padding: 0 10px; }

.nav-menu-v2 li { width: 12.5%; float: left; position: relative; }

.nav-menu-v2 li:not(:last-child) .menu-item:before { content: ""; height: 60%; border-left: 1px solid rgba(0, 0, 0, 0.1); position: absolute; right: 0; display: block; top: 20%; }

.nav-menu-v2 .menu-a { padding: 25px 0px; color: #333333; -webkit-transition: color .35s, background-color .35s, padding .35s; -o-transition: color .35s, background-color .35s, padding .35s; transition: color .35s, background-color .35s, padding .35s; position: relative; }

.nav-menu-v2 .menu-a:hover { color: #FFF; background-color: #333; }

.nav-menu-v2 .menu-a:hover .menu-item { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }

.nav-menu-v2 .menu-over { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.nav-menu-v2 .sub-list { margin: 0 -5px; position: relative; z-index: 4; height: 21px; overflow: hidden; }

.nav-menu-v2 a { display: inline-block; padding: 0 5px; font-size: 12px; opacity: 0.6; color: #333; font-weight: normal; -webkit-transition: font-weight .35s, color .35s, opacity .35s; -o-transition: font-weight .35s, color .35s, opacity .35s; transition: font-weight .35s, color .35s, opacity .35s; }

.nav-menu-v2 a:hover { color: #FFF !important; opacity: 1; }

@media (min-width: 1200px) and (max-width: 1600px) { .nav-menu-v2 a { padding: 0 2px; } }

.nav-menu-v2 h5 { font-size: 14px; }

@media (max-width: 991.98px) { .nav-menu-v2 h5 { font-size: 13px; } }

.nav-menu-v2 small { font-size: 12px; opacity: 0.6; display: block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.menu-a:hover a { color: #FFF; }

.section-logo, .section-hotline { opacity: 0; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; -o-transition: transform .5s, opacity .5s; transition: transform .5s, opacity .5s; transition: transform .5s, opacity .5s, -webkit-transform .5s; pointer-events: auto; }

.section-logo { left: 15px; -webkit-transform: translate3d(-100px, -50%, 0); transform: translate3d(-100px, -50%, 0); }

.section-logo img { height: 38px; }

@media (min-width: 1200px) and (max-width: 1600px) { .section-logo img { width: 172px; } }

.ie9 .ie-hide { display: none; }

.ie-show { display: none; }

.ie9 .ie-show { display: block; }

.section-hotline { right: 15px; color: #444; font-size: 24px; -webkit-transform: translate3d(100px, -50%, 0); transform: translate3d(100px, -50%, 0); display: block; }

@media (min-width: 1200px) and (max-width: 1600px) { .section-hotline { font-size: 20px; } }

.section-hotline span { line-height: 36px; }

@media (min-width: 1200px) and (max-width: 1600px) { .section-hotline span { line-height: 32px; } }

.section-hotline i, .section-hotline span { display: inline-block; vertical-align: top; }

.section-hotline .fi { font-size: 18px; width: 2em; height: 2em; background-color: #444; border-radius: 50%; line-height: 2em; text-align: center; color: #ffffff; margin-right: 10px; }

.section-hotline .fi:before { display: inline-block; }

@media (min-width: 1200px) and (max-width: 1600px) { .section-hotline .fi { font-size: 16px; margin-right: 6px; } }

.section-fixed { background-color: #ffffff; width: 100%; top: 0; -webkit-transition: padding .35s; -o-transition: padding .35s; transition: padding .35s; }

.section-fixed .container { -webkit-transition: max-width .5s; -o-transition: max-width .5s; transition: max-width .5s; }

.is-sticky .section-fixed { position: fixed; z-index: 888; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); padding-bottom: 1px !important; }

.is-sticky .section-fixed .container { max-width: 1300px; }

.is-sticky .menu-a { padding: 15px 0 !important; }

@media (min-width: 1200px) { .is-sticky .section-fixed { padding: 0 190px; }
  .is-sticky .section-logo, .is-sticky .section-hotline { opacity: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } }

@media (min-width: 1601px) { .is-sticky .section-fixed { padding: 0 260px; } }

@media (max-width: 992px) { .is-sticky .section-logo, .is-sticky .section-hotline { pointer-events: none; } }

.block-body { overflow: hidden; }

.block-0010-1::after { display: block; clear: both; content: ""; }

.block-0010-1 .block-media { float: left; margin-right: 30px; margin-top: 15px; }

.block-0010-1 .block-media img { max-width: 210px; }

@media (max-width: 767.98px) { .block-0010-1 .block-media { float: none; margin-right: 0; text-align: center; margin-bottom: 20px; } }

.block-0010-1 p { text-indent: 2em; }

.heading-about { margin-top: 40px; margin-bottom: 60px; }

@media (max-width: 1199.98px) { .heading-about { margin-bottom: 30px; } }

.before-active .heading-about h3:after { width: 0; }

.before-active .heading-about h3 span:after { -webkit-transform: translate3d(-50%, -55%, 0) scale(2); transform: translate3d(-50%, -55%, 0) scale(2); opacity: 0; }

.before-active .heading-about h3 span:before { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; }

.heading-about h3 { font-size: 48px; font-weight: bold; color: #555; }

@media (max-width: 767.98px) { .heading-about h3 { font-size: 36px; } }

@media (max-width: 575.98px) { .heading-about h3 { font-size: 7.5vw; } }

.heading-about h3 span { display: inline-block; position: relative; z-index: 2; }

.heading-about h3 span:before, .heading-about h3 span:after { -webkit-transition: opacity .6s ease-out, -webkit-transform .6s ease-out; transition: opacity .6s ease-out, -webkit-transform .6s ease-out; -o-transition: transform .6s ease-out, opacity .6s ease-out; transition: transform .6s ease-out, opacity .6s ease-out; transition: transform .6s ease-out, opacity .6s ease-out, -webkit-transform .6s ease-out; opacity: 1; }

.heading-about h3 span:before { content: attr(data-ch); display: inline-block; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; }

.heading-about h3 span:after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale(0.8, 1); transform: translate3d(-50%, -50%, 0) scale(0.8, 1); content: attr(data-en); opacity: .1; font-size: 140px; line-height: 1em; z-index: -1; white-space: nowrap; text-transform: uppercase; }

@media (max-width: 1199.98px) { .heading-about h3 span:after { font-size: 110px; } }

@media (max-width: 767.98px) { .heading-about h3 span:after { font-size: 80px; } }

@media (max-width: 575.98px) { .heading-about h3 span:after { font-size: 17vw; } }

.heading-about h3:after { content: ""; display: block; border-top: 6px solid #db2001; margin-top: 60px; width: 1.5em; -webkit-transition: width .5s .8s; -o-transition: width .5s .8s; transition: width .5s .8s; }

@media (max-width: 1199.98px) { .heading-about h3:after { margin-top: 30px; } }

@media (max-width: 767.98px) { .heading-about h3:after { border-top: 4px solid #db2001; } }

@media (max-width: 991.98px) { .heading-about { text-align: center; }
  .heading-about h3:after { margin-left: auto; margin-right: auto; } }

.section-p { padding: 70px 0; }

@media (max-width: 991.98px) { .section-p { padding: 50px 0; } }

@media (max-width: 575.98px) { .section-p { padding: 30px 0; } }

.laptop { margin-top: 30px; }

@media (min-width: 1200px) { .laptop img { width: 550px; max-width: 550px; } }

@media (min-width: 992px) { .laptop img { width: 750px; max-width: 750px; } }

@media (min-width: 1200px) { #about01 .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 720px; flex: 0 0 720px; max-width: 720px; width: 720px; }
  #about01 .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 420px; flex: 0 0 420px; max-width: 420px; width: 420px; } }

.heading-line { color: #333333; position: relative; text-align: center; }

@media (max-width: 767.98px) { .heading-line { margin-left: 30px; margin-right: 30px; } }

.heading-line h5 { font-size: 26px; }

@media (max-width: 575.98px) { .heading-line h5 { font-size: 20px; } }

.heading-line p { margin-bottom: 0; }

@media (max-width: 575.98px) { .heading-line p { font-size: 12px; } }

.heading-line .heading-inner { display: inline-block; background-color: #fff; position: relative; z-index: 2; padding: 0 20px; }

@media (max-width: 767.98px) { .heading-line .heading-inner { padding: 0 10px; } }

.heading-line .line-center { top: 50%; position: absolute; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); width: 1920px; border-top: 1px solid #ddd; }

@font-face { font-family: 'AvenirNext'; src: url("../fonts/avn.eot"); src: url("../fonts/avn.eot?#iefix") format("embedded-opentype"), url("../fonts/avn.woff2") format("woff2"), url("../fonts/avn.woff") format("woff"), url("../fonts/avn.ttf") format("truetype"), url("../fonts/avn.svg#AvenirNext-Medium") format("svg"); font-weight: 500; font-style: normal; }

.about-count-v2 { text-align: center; padding: 20px 0; }

.about-count-v2 .count { font-size: 90px; letter-spacing: -3px; color: #db2001; font-family: "AvenirNext", "Microsoft Yahei", sans-serif; }

@media (max-width: 1199.98px) { .about-count-v2 .count { font-size: 65px; } }

@media (max-width: 991.98px) { .about-count-v2 .count { font-size: 42px; } }

.about-count-v2 h5 { font-size: 18px; }

.list-count-v2 { padding: 100px 0 70px; text-align: center; margin-right: -30px; margin-left: -30px; }

@media (max-width: 991.98px) { .list-count-v2 { padding: 60px 0 35px; } }

@media (max-width: 575.98px) { .list-count-v2 { padding: 30px 0 30px; } }

.list-count-v2 li { display: inline-block; vertical-align: middle; padding: 0 50px; }

@media (max-width: 1199.98px) { .list-count-v2 li { padding: 0 30px; } }

@media (max-width: 575.98px) { .list-count-v2 li { padding: 0 10px; width: 45%; } }

.section-v2 .container { z-index: 2; position: relative; }

.heading-line-v2 { color: #ffffff; text-align: center; }

.heading-line-v2 h3 { font-size: 30px; }

.heading-line-v2 .ch { margin-bottom: 10px; display: block; font-weight: bold; }

.heading-line-v2 .en { font-size: 18px; display: block; }

@media (max-width: 575.98px) { .heading-line-v2 .en { font-size: 16px; } }

.heading-line-v2 .en:before, .heading-line-v2 .en:after { content: ""; display: inline-block; border-top: 1px solid #fff; vertical-align: middle; width: 130px; margin: 0 30px; opacity: .7; }

@media (max-width: 767.98px) { .heading-line-v2 .en:before, .heading-line-v2 .en:after { width: 20px; margin: 0 10px; } }

.heading-line-v2 p { margin-bottom: 0; opacity: .7; }

@media (max-width: 575.98px) { .heading-line-v2 p { font-size: 12px; } }

.list-tech { padding-top: 100px; }

@media (max-width: 767.98px) { .list-tech { padding-top: 10px; padding-bottom: 20px; } }

.list-tech a { display: block; color: #FFF; }

.list-tech li { padding: 0 30px; }

.list-tech h5 { width: 3.25em; height: 3.25em; margin: 0 auto 35px; font-size: 48px; position: relative; }

@media (max-width: 991.98px) { .list-tech h5 { font-size: 36px; } }

@media (max-width: 767.98px) { .list-tech h5 { margin-bottom: 18px; margin-top: 25px; } }

.list-tech h5 span { width: 3.25em; height: 3.25em; border-radius: 50%; border: 1px solid; text-align: center; line-height: 3.25em; line-height: calc(3.25em - 2px); position: relative; display: block; }

.list-tech h5:before, .list-tech h5:after { position: absolute; display: block; content: ""; top: 50%; border-top: 1px solid #ddd; width: 150px; }

@media (max-width: 1199.98px) { .list-tech h5:before, .list-tech h5:after { width: 120px; } }

@media (max-width: 991.98px) { .list-tech h5:before, .list-tech h5:after { width: 80px; } }

@media (max-width: 767.98px) { .list-tech h5:before, .list-tech h5:after { width: 300px; } }

.list-tech h5:before { margin-left: 8px; left: 100%; }

.list-tech h5:after { margin-right: 8px; right: 100%; }

.list-tech li:first-child h5:after, .list-tech li:last-child h5:before { width: 800px; }

.list-tech p { border-left: 1px solid #db2001; padding-left: 20px; }

.heading-v2 { text-align: center; }

.heading-v2 h3 { font-size: 20px; color: #222; margin-bottom: 10px; }

.heading-v2 h3:after { content: ""; width: 2em; border-top: 1px solid; display: block; margin: 15px auto; }

#about04 { padding: 80px 0; }

#about04 .btn-v2 { margin-top: 90px; }

@media (max-width: 767.98px) { #about04 { padding: 40px 0; }
  #about04 .btn-v2 { margin-top: 10px; } }

#about03 .section-bg, #about04 .section-bg { height: 90vh; top: -15vh; }

.no-skrollr #about03 .section-bg, .no-skrollr #about04 .section-bg { height: 100%; top: 0; }

.btn-v2 { border: 1px solid #db2001; color: #db2001; padding: 8px 35px; background: transparent; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }

.btn-v2:hover { background-color: #db2001; color: #FFF; }

.footer-sub { min-height: auto; background-color: #222222; color: #FFF; }

.footer-sub .bottom-info { padding: 60px 0; }

@media (max-width: 767.98px) { .footer-sub .bottom-info { padding: 30px 0; } }

.footer-sub .bottom-info a { color: #ffffff; -webkit-transition: color .35s; -o-transition: color .35s; transition: color .35s; }

.footer-sub .bottom-info a:hover { color: #ffffff; }

.footer-sub .copyright { background-color: #000; font-size: 12px; }

.footer-sub .copyright span, .footer-sub .copyright a { color: #d2d2d2; }

.footer-sub .copyright a:hover { color: #FFF; }

@media (min-width: 1200px) { .footer-sub .container { max-width: 1300px; } }

@media (max-width: 767.98px) { #navbar .header-logo { float: none; text-align: left; padding: 35px 15px 15px; background-color: #000; }
  #navbar .header-logo img { height: auto; }
  .nav-header-v3 { margin: 0 30px; } }

.list-bottom::after { display: block; clear: both; content: ""; }

@media (min-width: 1200px) { .list-bottom { margin-left: -60px; margin-right: -60px; }
  .list-bottom li { padding: 0 65px; } }

@media (max-width: 1199.98px) { .list-bottom { margin-left: -20px; margin-right: -20px; }
  .list-bottom li { padding: 0 20px; height: 94px; } }

.list-bottom p:not(.big) { overflow: hidden; }

.list-bottom span, .list-bottom em { display: block; }

.list-bottom em { font-style: normal; overflow: hidden; }

.list-bottom span { float: left; }

.list-bottom li { width: 30%; float: left; height: 102px; }

.list-bottom li:first-child { width: 28%; }

.list-bottom li:not(:first-child) { border-left: 1px solid rgba(255, 255, 255, 0.1); }

.list-bottom li:nth-child(2) { width: 37%; }

.list-bottom p { margin-bottom: 0; padding: 5px 0; }

@media (max-width: 1199.98px) { .list-bottom p { font-size: 12px; } }

@media (max-width: 321px) { .list-bottom p { max-width: 245px; } }

.list-bottom .big { font-size: 36px; font-weight: bold; line-height: 1.5em; }

@media (max-width: 1199.98px) { .list-bottom .big { font-size: 28px; } }

.list-bottom h5 { font-size: 18px; margin-bottom: 0; padding-top: 10px; }

.list-bottom .footer-logo { display: block; margin-top: 25px; }

@media (max-width: 991.98px) { .list-bottom li { width: 50% !important; height: auto; }
  .list-bottom li:last-child { float: none; overflow: hidden; border-left: 0; }
  .list-bottom li:nth-child(2) { float: right; }
  .list-bottom h5 { font-size: 16px; }
  .list-bottom h5, .list-bottom .big { display: inline-block; }
  .list-bottom .big { font-size: 22px; }
  .list-bottom .footer-logo { margin-top: 3px; margin-bottom: 10px; }
  .list-bottom .footer-logo img { max-width: 180px; } }

@media (max-width: 767.98px) { .list-bottom li { float: none !important; width: 100% !important; border: 0 !important; } }

.banner-sub-v2 { height: 530px; }

@media (max-width: 767.98px) { .banner-sub-v2 { height: 300px; } }

.heading-v3 { color: #FFF; }

@media (max-width: 767.98px) { .heading-v3 { padding: 0 20px; } }

.heading-v3 h3 { font-size: 48px; }

@media (max-width: 767.98px) { .heading-v3 h3 { font-size: 32px; } }

.heading-v3 span { display: block; }

.heading-v3 .ch { font-size: 18px; }

.heading-v3 .ch:after { display: block; content: ""; border: 1px solid; width: 2em; margin: 16px auto 0; }

@media (max-width: 767.98px) { .heading-v3 .ch:after { margin-top: 12px; } }

.banner-list-icon { position: absolute; width: 100%; bottom: 0; text-align: center; color: #ffffff; font-size: 58px; padding: 20px 0; }

@media (max-width: 1199.98px) { .banner-list-icon { font-size: 48px; } }

@media (max-width: 767.98px) { .banner-list-icon { font-size: 20px; padding: 12px 0; display: none; } }

.banner-list-icon .fi { margin: 0 45px; }

@media (max-width: 991.98px) { .banner-list-icon .fi { margin: 0 25px; } }

@media (max-width: 767.98px) { .banner-list-icon .fi { margin: 0 10px; } }

.section-0020 { min-height: auto; background-color: #202020; color: #FFF; }

@media (min-width: 1200px) { .section-0020 .container { max-width: 1400px; } }

@media (min-width: 992px) { .section-0020:nth-child(2n+1) .service-img { right: 50%; }
  .section-0020:nth-child(2n+1) .block-0020 { margin-left: 50%; }
  .section-0020:nth-child(2n+1) .heading-v4 { padding-right: 0; padding-left: 70px; } }

@media (max-width: 767.98px) { .section-0020 .heading-v4 { padding-right: 0; } }

.service-img { width: 50%; position: absolute; right: 0; height: 100%; top: 0; }

@media (max-width: 991.98px) { .service-img { width: 100%; position: relative; height: 250px; right: 0; } }

.block-0020 { padding: 100px 0 70px; width: 50%; }

@media (max-width: 991.98px) { .block-0020 { width: auto; } }

@media (max-width: 767.98px) { .block-0020 { padding: 50px 0 30px; } }

.heading-v4 { color: #db2001; padding-right: 70px; }

.heading-v4::after { display: block; clear: both; content: ""; }

.heading-v4 span { display: block; }

.heading-v4 .heading-num { font-family: "AvenirNext", "Microsoft Yahei", sans-serif; font-size: 62px; float: left; letter-spacing: -7px; line-height: 1em; position: relative; top: -3px; margin-right: 12px; }

@media (max-width: 767.98px) { .heading-v4 .heading-num { font-size: 52px; } }

.heading-v4 h3 { font-size: 24px; }

.heading-v4 .en { font-size: 18px; color: #FFF; text-transform: uppercase; }

@media (max-width: 1199.98px) { .heading-v4 .en { font-size: 16px; } }

@media (max-width: 767.98px) { .heading-v4 .en { font-size: 12px; } }

.heading-v4 p { clear: both; font-size: 24px; color: #ffffff; margin: 30px 0 0; font-family: Kaiti, "楷体", "SimSun", "宋体", sans-serif; }

@media (max-width: 1199.98px) { .heading-v4 p { font-size: 20px; } }

@media (max-width: 767.98px) { .heading-v4 p { font-size: 16px; margin-top: 15px; } }

.nav-0020 { margin-top: 30px; position: relative; z-index: 9; }

.nav-0020 li { padding: 22px 0; }

.nav-0020 li::after { display: block; clear: both; content: ""; }

@media (max-width: 767.98px) { .nav-0020 li { padding: 12px 0; } }

.nav-0020 li:hover .text-0020:before { width: 220px; }

@media (max-width: 1199.98px) { .nav-0020 li:hover .text-0020:before { width: 160px; } }

@media (max-width: 767.98px) { .nav-0020 li:hover .text-0020:before { width: 60px; } }

.nav-0020 li:hover .icon-0020 { background-color: #db2001 !important; }

@media (min-width: 992px) { .text-0020 { text-align: right; } }

.text-0020:before { content: ""; display: block; width: 160px; border-top: 1px solid #fff; opacity: .5; float: left; margin-top: 41px; margin-left: 25px; -webkit-transition: width .35s; -o-transition: width .35s; transition: width .35s; }

@media (max-width: 1199.98px) { .text-0020:before { width: 100px; } }

@media (min-width: 992px) { .text-0020:before { float: right; margin-right: -10px; margin-left: 0; } }

@media (max-width: 767.98px) { .text-0020:before { margin-top: 33px; margin-left: 15px; width: 40px; } }

.text-0020 span { display: block; }

.text-0020 h5 { margin-bottom: 0; font-size: 18px; color: #FFF; overflow: hidden; padding-top: 28px; padding-left: 25px; padding-bottom: 5px; }

@media (min-width: 992px) { .text-0020 h5 { padding-right: 35px; } }

@media (max-width: 767.98px) { .text-0020 h5 { padding-top: 18px; padding-left: 15px; } }

.text-0020 .en { font-size: 14px; opacity: .5; margin-top: 5px; }

@media (max-width: 767.98px) { .text-0020 .en { font-size: 12px; } }

.icon-0020 { padding: 7px; font-size: 34px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; float: left; -webkit-transition: background-color .35s, color .35s; -o-transition: background-color .35s, color .35s; transition: background-color .35s, color .35s; }

@media (min-width: 992px) { .icon-0020 { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); float: right; } }

@media (max-width: 767.98px) { .icon-0020 { font-size: 28px; padding: 5px; } }

.icon-0020 .fi { width: 2em; height: 2em; background-color: #FFF; line-height: 2em; text-align: center; border-radius: 50%; color: #db2001; -webkit-transition: background-color .35s, color .35s; -o-transition: background-color .35s, color .35s; transition: background-color .35s, color .35s; }

@media (min-width: 992px) { .section-0020:nth-child(2n+1) .text-0020 { text-align: left; }
  .section-0020:nth-child(2n+1) .text-0020:before { float: left; margin-right: 0; margin-left: -10px; }
  .section-0020:nth-child(2n+1) .text-0020 h5 { padding-left: 35px; padding-right: 0; }
  .section-0020:nth-child(2n+1) .icon-0020 { float: left; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } }

.section-0030, .section-0040, .section-0050 { background-color: #f0f0f0; padding: 30px 0 50px; }

.section-0040 { padding: 80px 0 70px; }

@media (max-width: 767.98px) { .section-0040 { padding: 30px 0; } }

@media (min-width: 1600px) { #case .container { max-width: 1700px; padding: 0 50px; } }

@media (min-width: 1600px) { #client .container { max-width: 1400px; padding: 0 50px; } }

.nav-case { text-align: center; margin-bottom: 40px; margin-top: 20px; }

@media (max-width: 991.98px) { .nav-case { margin-bottom: 20px; margin-top: 0; } }

@media (max-width: 767.98px) { .nav-case { font-size: 12px; } }

.nav-case li { display: inline-block; padding: 10px 20px; }

@media (max-width: 1199.98px) { .nav-case li { padding: 10px 10px; } }

@media (max-width: 991.98px) { .nav-case li { padding: 8px; } }

@media (max-width: 575.98px) { .nav-case li { padding: 5px; } }

.nav-case a { padding: 8px 25px; line-height: 20px; background-color: #fff; color: #222222; -webkit-transition: background-color .35s, color .35s; -o-transition: background-color .35s, color .35s; transition: background-color .35s, color .35s; border-radius: 18px; }

@media (max-width: 1199.98px) { .nav-case a { padding: 8px 20px; } }

@media (max-width: 575.98px) { .nav-case a { padding: 5px 12px; } }

.nav-case a:hover { background-color: #db2001; color: #FFF; }

.nav-case li.active a { background-color: #db2001; color: #FFF; }

@media (max-width: 991.98px) { .list-case { margin-left: -8px; margin-right: -8px; }
  .list-case > li { padding-left: 8px; padding-right: 8px; } }

.block-0030 { color: #222222; -webkit-transition: background-color .35s, color .35s; -o-transition: background-color .35s, color .35s; transition: background-color .35s, color .35s; margin-bottom: 30px; }

@media (max-width: 991.98px) { .block-0030 { margin-bottom: 15px; } }

.block-0030 .img-bg { -webkit-transition: -webkit-transform .35s ease-out; transition: -webkit-transform .35s ease-out; -o-transition: transform .35s ease-out; transition: transform .35s ease-out; transition: transform .35s ease-out, -webkit-transform .35s ease-out; }

.block-0030:hover { color: #FFF; background-color: #db2001; }

.block-0030:hover .img-bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.block-0030 h5 { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 767.98px) { .block-0030 h5 { font-size: 16px; } }

.block-0030 p { opacity: .75; margin-bottom: 0; line-height: 1.75em; height: 3.5em; overflow: hidden; }

@media (max-width: 767.98px) { .block-0030 p { font-size: 12px; } }

.block-0030 .block-bottom { padding: 20px; }

@media screen and (max-width: 1599px) { .block-0030 .block-bottom { padding: 15px 10px; } }

@media (max-width: 767.98px) { .block-0030 .block-bottom { padding: 12px 0; -webkit-transition: padding .35s; -o-transition: padding .35s; transition: padding .35s; }
  .block-0030:hover .block-bottom { padding: 12px 10px; } }

.ajax-load-container { text-align: center; }

@media (min-width: 992px) { .ajax-load-container { font-size: 18px; } }

.ajax-spinner { width: 42px; height: 42px; background-image: url(../img/spinner.gif); display: inline-block; vertical-align: middle; }

.cases-details { padding: 50px 0; color: #565656; }

.img-responsive { display: inline-block; }

.heading-detail { position: relative; text-align: center; padding: 40px 0 90px; }

.heading-detail h3 { font-size: 20px; margin: 0; }

.heading-detail h3:before, .heading-detail h3:after { content: ""; display: block; position: absolute; z-index: 2; }

.heading-detail h3:before { width: 48px; height: 140px; border: 2px solid #ccc; top: 0; left: 50%; margin-left: -24px; }

.heading-detail h3:after { top: 40px; left: 50%; margin-left: 20px; width: 30px; height: 50px; background-color: #ffffff; z-index: 3; }

.heading-detail span { display: inline-block; width: 240px; position: relative; background: #fff; padding: 5px 0; z-index: 4; }

.heading-detail span:before, .heading-detail span:after { content: ""; display: block; position: absolute; top: 50%; border-top: 3px solid #222; width: 16px; }

.heading-detail span:before { left: 0; }

.heading-detail span:after { right: 0; }

.heading-detail .line { position: absolute; top: 90px; left: 0; width: 100%; }

.heading-detail .line:before, .heading-detail .line:after { display: block; content: ""; }

.heading-detail .line:before { width: 100%; border-top: 1px solid #ddd; }

.heading-detail .line:after { position: relative; border-top: 3px solid #ffffff; top: -2px; width: 100px; margin: auto; }

.editor-content { margin: auto; }

.thanks { text-align: center; color: #555; max-width: 600px; margin: 40px auto 20px; }

.thanks .hline { position: relative; }

.thanks .hline span { display: inline-block; padding: 0 1em; min-width: 200px; background-color: #fff; position: relative; z-index: 1; }

.thanks .hline:before { content: ""; display: block; top: 50%; border-top: 1px solid #ddd; position: absolute; width: 100%; }

.thanks .site { font-size: 16px; }

.thanks .design { font-size: 28px; }

.thanks .big { font-size: 100px; line-height: 1.2; }

@media (max-width: 767.98px) { .thanks .big { font-size: 80px; } }

@media (max-width: 575.98px) { .thanks .big { font-size: 70px; } }

.thanks p { font-size: 12px; max-width: 26em; margin: auto; color: #aaa; }

.detail-bottom { font-size: 18px; margin-top: 50px; padding-bottom: 20px; border-bottom: 1px solid #eee; }

.detail-bottom::after { display: block; clear: both; content: ""; }

.bdshare a { display: inline-block; margin-left: 7px; border-radius: 50%; width: 2em; height: 2em; line-height: 2em; font-size: 24px; color: #FFF; text-align: center; text-decoration: none; background: #bbb; -webkit-transition: background .35s ease; -o-transition: background .35s ease; transition: background .35s ease; }

.bdshare a:hover { opacity: 1; color: #FFF; }

.bdshare .bds_tsina:hover { background: #ee3333; }

.bdshare .bds_weixin:hover { background: #58b721; }

.bdshare .bds_qzone:hover { background: #ffc028; }

.bdshare .bds_tqq:hover { background: #4084c1; }

.service-right [data-toggle='img'] { background-color: #000; }

.service-right [data-toggle='img']:after { background-color: #000; }

.bdshare .bds_popup:hover { background: #10d9f3; }

@media (min-width: 1200px) { .cases-details .container { max-width: 1176px; } }

.cases-details .editor-content p { margin-bottom: 5px; }

.cases-details .editor-content h4 { color: #a1a1a1 !important; margin-bottom: 5px !important; }

.cases-details .editor-content h3 { color: #616161 !important; margin-bottom: 15px !important; }

.cases-details .editor-content h4, .cases-details .editor-content h3 { font-size: 22px !important; text-align: center !important; }

@media (min-width: 768px) { .cases-details .editor-content h4, .cases-details .editor-content h3 { font-size: 36px !important; } }

.btn-url { color: #444444; border-color: #777; padding: 5px 25px; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }

@media (min-width: 768px) { .btn-url { margin-top: 30px; } }

.btn-url:hover { color: #FFF; background-color: #777; }

.bd_weixin_popup { height: auto !important; }

.copyright-text { float: left; padding: 15px 0; color: #888; }

.copyright-text:before { display: inline-block; content: ""; width: 40px; vertical-align: middle; border-top: 1px solid #eee; margin-right: 10px; }

@media (max-width: 767.98px) { .copyright-text { font-size: 14px; text-align: center; }
  .copyright-text:before { display: none !important; } }

.news-block-v2 { padding: 20px 0; }

.news-block-v2::after { display: block; clear: both; content: ""; }

@media (max-width: 991.98px) { .news-block-v2 { padding: 15px 0; } }

@media (max-width: 575.98px) { .news-block-v2 { border-top: 1px solid #e5e5e5; } }

.news-block-v2 .img-bg { -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; }

.news-block-v2 .ratio { width: 280px; margin-left: 50px; float: right; }

@media (max-width: 1199.98px) { .news-block-v2 .ratio { margin-left: 20px; } }

@media (max-width: 991.98px) { .news-block-v2 .ratio { width: 200px; } }

@media (max-width: 575.98px) { .news-block-v2 .ratio { width: 102px; margin-left: 10px; }
  .news-block-v2 .ratio:before { padding-top: 66.66%; } }

.news-block-v2 .news-date { float: left; color: #999; margin-right: 30px; -webkit-transition: color .35s; -o-transition: color .35s; transition: color .35s; }

@media (max-width: 767.98px) { .news-block-v2 .news-date { display: none; } }

.news-block-v2 .news-date span { display: block; }

.news-block-v2 .big { font-weight: bold; font-size: 38px; color: #b1b1b1; line-height: 46px; -webkit-transition: color .35s; -o-transition: color .35s; transition: color .35s; }

@media (max-width: 991.98px) { .news-block-v2 .big { font-size: 30px; line-height: 38px; } }

.news-block-v2 .more { color: #999; padding: 8px; border-top: 1px solid #e6e6e6; text-align: center; margin-top: 15px; -webkit-transition: color .35s, background-color .35s; -o-transition: color .35s, background-color .35s; transition: color .35s, background-color .35s; }

@media (max-width: 991.98px) { .news-block-v2 .more { margin-top: 10px; } }

.news-block-v2 .block-body { margin-top: 5px; padding-left: 30px; position: relative; padding-right: 30px; }

.news-block-v2 .block-body:before { content: ""; display: block; top: 0; left: 0; -webkit-transition: height .35s; -o-transition: height .35s; transition: height .35s; height: 0; position: absolute; border-left: 1px solid #888; }

@media (max-width: 767.98px) { .news-block-v2 .block-body { padding-left: 5px; } }

@media (max-width: 575.98px) { .news-block-v2 .block-body { padding-right: 10px; margin-top: 2px; } }

.news-block-v2 .body-inner { -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; }

.news-block-v2 h5 { margin-bottom: 25px; color: #333; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: color .35s; -o-transition: color .35s; transition: color .35s; }

@media (max-width: 575.98px) { .news-block-v2 h5 { margin-bottom: 8px; font-size: 16px; } }

.news-block-v2 p { margin-bottom: 0; color: #666; }

@media (max-width: 991.98px) { .news-block-v2 p { height: 3.5em; overflow: hidden; } }

@media (max-width: 575.98px) { .news-block-v2 p { font-size: 12px; line-height: 1.5em; height: 3em; } }

.news-block-v2:hover h5 { color: #db2001; }

.news-block-v2:hover .img-bg { -webkit-transform: scale(1.1) rotate(5deg); -ms-transform: scale(1.1) rotate(5deg); transform: scale(1.1) rotate(5deg); }

.news-block-v2:hover .news-date { color: #727272; }

.news-block-v2:hover .big { color: #727272; }

.news-block-v2:hover .more { background-color: #515151; color: #FFF; }

.news-block-v2:hover .body-inner { -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); }

@media (max-width: 575.98px) { .news-block-v2:hover .body-inner { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } }

.news-block-v2:hover .block-body:before { height: 35px; }

.news-heading { text-align: center; margin-bottom: 50px; }

.news-heading h1 { font-size: 32px; }

.news-heading span { display: inline-block; padding: 3px 10px; color: #999; }

.ueditor-content img { display: block; margin: auto; max-width: 100%; }

.nav-article { margin-top: 25px; padding-top: 15px; border-top: 1px solid #e5e5e5; }

.nav-article::after { display: block; clear: both; content: ""; }

.v2 .nav-article { border-top: 0; padding-top: 5px; padding-bottom: 10px; margin-top: 10px; }

.nav-article a { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; padding: 5px 0; color: #999999; font-size: 14px; -webkit-transition: color .35s; -o-transition: color .35s; transition: color .35s; }

.nav-article a:hover { color: #db2001; }

@media (min-width: 768px) { .nav-article li { max-width: 46%; }
  .nav-article .nav-next { float: right; }
  .nav-article .nav-prev { float: left; } }

.bdshare-sm a { font-size: 18px; }

.section-0060 { background-color: #f0f0f0; padding: 110px 0; }

@media (max-width: 991.98px) { .section-0060 { padding: 70px 0; } }

@media (max-width: 575.98px) { .section-0060 { padding: 30px 0; } }

.section-0060 .contact-wrap { margin: auto; }

.section-0060 .contact-left { -webkit-transition: -webkit-transform .8s; transition: -webkit-transform .8s; -o-transition: transform .8s; transition: transform .8s; transition: transform .8s, -webkit-transform .8s; }

.section-0060.before-active .contact-left { -webkit-transform: rotateY(-85deg); transform: rotateY(-85deg); }

.nav-toolbar { position: fixed; bottom: 30%; right: 0; z-index: 999; }

@media (max-width: 767.98px) { .nav-toolbar { bottom: 0; padding: 8px 15px 15px; }
  .nav-toolbar li { display: inline-block; vertical-align: middle; } }

.nav-toolbar li > a { color: #ffffff; width: 40px; height: 40px; line-height: 40px; background-color: #db2001; position: relative; text-align: center; font-size: 22px; -webkit-transition: background-color .35s; -o-transition: background-color .35s; transition: background-color .35s; position: relative; }

@media (max-width: 767.98px) { .nav-toolbar li > a { border-radius: 50%; margin: 0 5px; } }

.nav-toolbar li:hover > a { background-color: #b21a01; }

.nav-toolbar li:hover .hover-show { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; }

@media (max-width: 767.98px) { .nav-toolbar li:hover .hover-show { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } }

.nav-toolbar .hover-show { position: absolute; visibility: hidden; right: 100%; top: 0; opacity: 0; -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, -webkit-transform .35s; -o-transition: transform .35s, opacity .35s; transition: transform .35s, opacity .35s; transition: transform .35s, opacity .35s, -webkit-transform .35s; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); background-color: #b21a01; z-index: -1; }

@media (max-width: 767.98px) { .nav-toolbar .hover-show { right: 15px; top: auto; bottom: 100%; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); margin-bottom: 10px; } }

.nav-toolbar .qrcode { width: 140px; max-width: none; border: 1px solid #d2d2d2; }

.nav-toolbar .hotline { font-size: 16px; padding: 0 15px 0; white-space: nowrap; }

@media (max-width: 767.98px) { .nav-toolbar .hotline { display: none; } }

.isWeixin .nav-toolbar li:first-child { display: none; }

.hotline-block { color: #fff; background-color: #b21a01; min-width: 180px; padding: 17px 16px; border-bottom: 1px solid #9e1701; }

.hotline-block:hover { background-color: #9e1701; color: #FFF; }

.hotline-block h5 { font-size: 14px; margin-bottom: 0; }

.hotline-block span { font-size: 20px; font-weight: bold; }

.isWeixin .bds_weixin { display: none; }

.case-img-1, .case-img-2 { display: block; margin: auto; }

@media (min-width: 768px) { .header-sub { position: absolute; } }

.gotop { height: 0; overflow: hidden; -webkit-transition: height .35s; -o-transition: height .35s; transition: height .35s; }

.gotop.active { height: 40px; }

@media (max-width: 767.98px) { .gotop { height: auto; width: 0; -webkit-transition: width .35s; -o-transition: width .35s; transition: width .35s; }
  .gotop.active { width: 50px; } }

@media (max-width: 767.98px) { .copyright { padding-bottom: 70px !important; } }

.ajax-complete { display: none; }

.notify .modal-dialog { max-width: 350px; }

.notify .modal-content { border-radius: 5px; }

.notify .modal-footer { display: block; border-top: 0; padding: 0 15px 30px; text-align: center; }

.notify .modal-footer > .btn { min-width: 120px; display: inline-block; border-radius: 3px !important; }

.notify .modal-footer > .btn.btn-primary { background-color: #db2001; color: #ffffff; }

.notify .modal-footer > .btn.btn-primary:hover { background-color: #a81901; }

.notify h5 { text-align: center; margin-top: 20px; }

@media (min-width: 768px) { .notify h5 { font-size: 24px; } }

.notify i { width: 64px; height: 64px; border: 2px solid; border-radius: 50%; line-height: 60px; display: block; margin: 25px auto 10px; text-align: center; }

.notify i:before { display: inline-block; }

.notify .icon-sucess { color: #db2001; }

.notify .icon-sucess:before { content: ""; width: 30px; height: 20px; border-left: 4px solid; border-bottom: 4px solid; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.notify .icon-danger { color: #aaa; }

.notify .icon-danger:before { content: "!"; font-size: 32px; font-weight: bold; font-style: normal; }

.heading-related { font-size: 24px; margin: 20px 0 25px; }

@media (max-width: 767.98px) { .heading-related { font-size: 18px; margin: 15px 0; } }

@media (max-width: 1199.98px) { .list-related li:last-child { display: none; } }

@media (max-width: 991.98px) { .list-related { margin-left: -10px; margin-right: -10px; }
  .list-related > li { padding-left: 10px; padding-right: 10px; } }

@media (max-width: 575.98px) { .list-related { margin-left: -8px; margin-right: -8px; }
  .list-related > li { padding-left: 8px; padding-right: 8px; } }

.list-related + .detail-bottom { margin-top: 30px; }

@media (max-width: 575.98px) { .list-related + .detail-bottom { margin-top: 15px; } }

.block-related { color: #333; }

.block-related .img-bg { -webkit-transition: -webkit-transform .35s; transition: -webkit-transform .35s; -o-transition: transform .35s; transition: transform .35s; transition: transform .35s, -webkit-transform .35s; }

.block-related h5 { font-size: 14px; padding: 15px 5px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 575.98px) { .block-related h5 { padding: 12px 5px 15px; } }

.block-related:hover { color: #db2001; }

.block-related:hover .img-bg { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.list-sitemap-1 > li { min-width: 0; }

.list-sitemap-9 > li { width: 48%; }

@media (min-width: 768px) { .list-sitemap-9 > li { width: 32.5%; } }

@media (min-width: 992px) { .list-sitemap-9 > li { width: 24%; } }

@media (min-width: 1200px) { .list-sitemap-9 > li { width: 19.5%; } }

.list-sitemap-9 > li li a { padding-right: 2px; }

.heading-v5 { text-align: center; margin-bottom: 40px; }

.heading-v5 h3 { font-size: 28px; }

@media (max-width: 767.98px) { .heading-v5 h3 { font-size: 22px; } }

.heading-v5 span { display: block; }

.heading-v5 span.ch:after { content: ""; display: block; width: 1.5em; border-top: 2px solid #db2001; margin: 12px auto; }

.heading-v5 span.en { color: #999999; font-size: 0.75em; }

.slide-honor.ar-v1 .owl-dots { display: none; }

.slide-honor.ar-v1 .owl-nav { display: none; text-align: center; margin-top: 40px; }

.slide-honor.ar-v1 .owl-nav > button { padding: 0; border: 0; background: transparent; color: #666; -webkit-transition: color .35s, -webkit-transform .35s; transition: color .35s, -webkit-transform .35s; -o-transition: color .35s, transform .35s; transition: color .35s, transform .35s; transition: color .35s, transform .35s, -webkit-transform .35s; }

.slide-honor.ar-v1 .owl-nav > button:hover { color: #db2001; }

.slide-honor.ar-v1 .owl-nav > button.disabled { opacity: 0.5; pointer-events: none; }

.slide-honor.ar-v1 .owl-next { margin-left: 10px; }

.slide-honor.ar-v1 .owl-next:hover { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }

.slide-honor.ar-v1 .owl-next:hover .arrow-right:before { width: 60px; }

@media (max-width: 767.98px) { .slide-honor.ar-v1 .owl-next:hover .arrow-right:before { width: 50px; } }

.slide-honor.ar-v1 .owl-prev { margin-right: 10px; }

.slide-honor.ar-v1 .owl-prev:hover { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }

.slide-honor.ar-v1 .owl-prev:hover .arrow-left:after { width: 60px; }

@media (max-width: 767.98px) { .slide-honor.ar-v1 .owl-prev:hover .arrow-left:after { width: 50px; } }

.slide-honor.ar-v1 .arrow-left:after { margin-left: 6px; }

.slide-honor.ar-v1 .arrow-right:before { margin-right: 6px; }

.slide-honor.ar-v1 .arrow-left:after, .slide-honor.ar-v1 .arrow-right:before { border-color: #ccc; width: 40px; -webkit-transition: width .35s; -o-transition: width .35s; transition: width .35s; }

@media (max-width: 767.98px) { .slide-honor.ar-v1 .arrow-left:after, .slide-honor.ar-v1 .arrow-right:before { width: 40px; } }

.slide-honor.ar-v1 .arrow-right:after, .slide-honor.ar-v1 .arrow-left:before { border-color: #db2001; }

.slide-honor.ar-v2 { margin-bottom: 20px; }

.slide-honor.ar-v2 .owl-dots { display: none; }

.slide-honor.ar-v2 .owl-nav { display: none; text-align: center; margin-top: 40px; }

.slide-honor.ar-v2 .owl-nav > button { padding: 0; border: 0; background: transparent; color: #666; -webkit-transition: color .35s, -webkit-transform .35s; transition: color .35s, -webkit-transform .35s; -o-transition: color .35s, transform .35s; transition: color .35s, transform .35s; transition: color .35s, transform .35s, -webkit-transform .35s; position: absolute; top: 50%; margin-top: -15px; }

.slide-honor.ar-v2 .owl-nav > button:hover { color: #db2001; }

.slide-honor.ar-v2 .owl-nav > button.disabled { opacity: 0.5; pointer-events: none; }

.slide-honor.ar-v2 .owl-next { margin-left: 10px; }

.slide-honor.ar-v2 .owl-next:hover { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }

.slide-honor.ar-v2 .owl-next:hover .arrow-right:before { width: 60px; }

@media (max-width: 767.98px) { .slide-honor.ar-v2 .owl-next:hover .arrow-right:before { width: 50px; } }

.slide-honor.ar-v2 .owl-prev { margin-right: 10px; }

.slide-honor.ar-v2 .owl-prev:hover { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }

.slide-honor.ar-v2 .owl-prev:hover .arrow-left:after { width: 60px; }

@media (max-width: 767.98px) { .slide-honor.ar-v2 .owl-prev:hover .arrow-left:after { width: 50px; } }

.slide-honor.ar-v2 .arrow-left:after { margin-left: 6px; }

.slide-honor.ar-v2 .arrow-right:before { margin-right: 6px; }

.slide-honor.ar-v2 .arrow-left:after, .slide-honor.ar-v2 .arrow-right:before { border-color: #ccc; width: 40px; -webkit-transition: width .35s; -o-transition: width .35s; transition: width .35s; display: none; }

@media (max-width: 767.98px) { .slide-honor.ar-v2 .arrow-left:after, .slide-honor.ar-v2 .arrow-right:before { width: 40px; } }

.slide-honor.ar-v2 .arrow-right:after, .slide-honor.ar-v2 .arrow-left:before { border-color: #db2001; width: 16px; height: 16px; border-width: 2px; }

.bbcbox-infobar__body { display: none; }

.honor-item { padding: 15px; }

@media (max-width: 767.98px) { .honor-item { padding: 8px; } }

.honor-item .block-0030 .ratio { overflow: visible; }

.honor-item .block-0030 .img-bg { z-index: 9; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }

.honor-item .block-0030 .block-bottom { -webkit-transition: background-color .35s, -webkit-transform .35s; transition: background-color .35s, -webkit-transform .35s; -o-transition: transform .35s, background-color .35s; transition: transform .35s, background-color .35s; transition: transform .35s, background-color .35s, -webkit-transform .35s; }

.honor-item .block-0030:hover { background-color: transparent; }

.honor-item .block-0030:hover .img-bg { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.honor-item .block-0030:hover .block-bottom { -ms-transform: translate(0, 8px); -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); background-color: #db2001; }

/*# sourceMappingURL=style.css.map */