html {
  color: #484c52;
  color: #383838; }

:root {
  --main-color: #414141;
  --extra-color: #cb0000;
  --a-color: #fff;
  --border-color: #676767 ;
  --bg-color: #e9ebf112;
  --text-color: rgb(72, 76, 82); }

@font-face {
  font-style: normal;
  font-family: "SfuPro";
  src: url("fonts/SF-Pro.ttf");
  src: url("fonts/SF-Pro.ttf") format("truetype");
  font-display: swap; }
@font-face {
  font-weight: 500;
  font-style: normal;
  font-family: "SfuFutura";
  src: url("fonts/SfuFutura/SFUFuturaRegular.TTF");
  src: url("fonts/SfuFutura/SFUFuturaRegular.TTF") format("truetype");
  font-display: swap; }
@font-face {
  font-weight: 600;
  font-style: normal;
  font-family: "SfuFutura";
  src: url("fonts/SfuFutura/SFUFuturaHeavy.TTF");
  src: url("fonts/SfuFutura/SFUFuturaHeavy.TTF") format("truetype");
  font-display: swap; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, legend, input, button, textarea, p, blockquote {
  margin: 0;
  padding: 0; }

body {
  font: 15px/18px 'SfuPro','SfuFutura', Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  color: #111;
  background-color: #fff;
  /*	-webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;*/ }
  @media all and (max-width: 600px) {
    body {
      font: 15px/18px 'SfuPro','SfuFutura', Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif; } }

.bodyhidden {
  overflow: hidden; }

.content_popular {
  background-image: url("/images/strbg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

th, td {
  margin: 0; }

a {
  color: #fff;
  text-decoration: none;
  -moz-transition: all 0.2s ease-in 0;
  -webkit-transition: all 0.2s ease-in;
  -webkit-transition-delay: 0;
  transition: all 0.2s ease-in 0; }

* {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent; }

a, img {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent; }

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

.red, .label_error {
  color: red; }

.redborder {
  border: 1px solid red; }

.bold {
  font-weight: bold; }

img {
  border: 0;
  max-width: 100%;
  height: auto;
  transition: .4s; }

.scale_img {
  display: grid;
  overflow: hidden; }

.scale_img img:hover {
  transform: scale(1.05); }

del, ins {
  text-decoration: none; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1; }

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

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: baseline; }

sub {
  vertical-align: baseline; }

legend {
  color: #000000;
  font-weight: bold;
  padding: 0 8px; }

figure {
  margin: 0;
  text-align: center;
  margin-bottom: 12px; }

.figcaption {
  font-style: italic; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: none; }

input, button, textarea, select {
  *font-size: 100%; }

table {
  font: 100%;
  border-collapse: collapse; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

select {
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #333 50%), linear-gradient(135deg, #333 50%, transparent 50%), linear-gradient(to right, #fff, #fff);
  background-position: calc(100% - 20px) calc(1em + -2px), calc(100% - 16px) calc(1em + -2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat; }
  select:focus {
    background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, gray, gray);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;
    background-size: 5px 5px, 5px 5px, 3em 3em;
    background-repeat: no-repeat;
    border-color: grey;
    outline: 0; }

.clear, .clearfix {
  clear: both; }

.cls::after {
  content: '';
  display: block;
  clear: both; }

.hidden, .hide, .hiden {
  display: none; }

.overflow-hidden {
  overflow: hidden; }

.pagination {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
  width: 100%;
  padding-bottom: 10px; }

.scroll_bar::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #EBEBEB; }

.scroll_bar::-webkit-scrollbar {
  width: 8px;
  background-color: #EBEBEB;
  border-radius: 10px; }

.scroll_bar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: scroll center center var(--main-color);
  background: scroll center center #bcc0c4;
  border: 1px solid #EBEBEB; }

.a_button {
  display: inline-block;
  padding: 10px 22px;
  box-sizing: border-box;
  font-size: 18px;
  text-transform: uppercase;
  border: 2px solid #000; }
  .a_button:hover {
    color: #fff;
    background: #000; }

/****** end COMMON ***********/
.pagination .current {
  background: none repeat scroll 0 0 var(--main-color);
  color: #FFFFFF;
  border: 1px solid var(--main-color);
  display: inline-block;
  font-size: 14px;
  margin-left: 6px;
  padding: 6px 12px;
  box-sizing: border-box;
  border-radius: 3px; }

.pagination a, .pagination b {
  background: none repeat scroll 0 0 #fff;
  color: #4C4C4C;
  display: inline-block;
  font-size: 13px;
  margin-left: 6px;
  padding: 6px 12px;
  border-radius: 3px;
  text-decoration: none;
  box-sizing: border-box;
  border: 1px solid #eee;
  margin-bottom: 10px; }

.pagination a:hover, .pagination b:hover {
  background: none repeat scroll 0 0 var(--main-color);
  color: #FFFFFF;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all; }

.main_wrapper {
  padding: 10px; }

/*# sourceMappingURL=template.css.map */