* {
  margin: 0;
  padding: 0;
}
.CommandButton, .Head, .Normal, .NormalBold, .NormalDisabled, .NormalRed, .NormalTextBox, .SubHead, .SubSubHead, a:hover, a:link, a:visited, body, h1, h2, h3, h4, h5, h6, input, table, td, th {
    font-family: 'Roboto', sans-serif;
}
html,
body {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400;
  overflow-x: hidden;
  width: 100%;
}
:root {
  --mainColor: #3777BC;
  --secondColor: #D1DF85;
  --overColor: #e3f8eb;
  --textDarkColor: #484554;
  --textDarkSecondColor:#181818;
  --textLightColor: #ffffff;
  --textSecondColor: #2E4398;
  --desciptionTextColor: #555555;
  --backgroundSection: #efefef;
  --backgroundGray: #E4E4E4;
  --backgroundPostGray: #F5F4F4;
  --borderAdsColor:#EDEDED;
  --backgroundFooterGray:#DEE1E4;
  --boxShadow:rgba(100, 100, 111, 0.2);
  --overLayout:#000000a6;
  --text-linkColor:#0066BC;
  --text-meta:#8A8C8E;
}
@font-face {
  font-family: "UTM Avo";
  font-weight: 400;
  font-style: normal;
  src: url(./../fonts/UTM/UTMAvo.ttf);
}
@font-face {
  font-family: "UTM Avo";
  font-weight: 800;
  font-style: bold;
  src: url(./../fonts/UTM/UTMAvoBold.ttf);
}
@font-face {
    font-family: "Noto Serif SC";
    font-weight: 400;
    font-style: normal;
    src: url(./../fonts/NOTO/NotoSerif-Regular.ttf);
}
@font-face {
    font-family: "Noto Serif SC";
    font-weight: 800;
    font-style: bold;
    src: url(./../fonts/NOTO/NotoSerif-Bold.ttf);
}
@media (min-width: 1280px) {
  .container {
    max-width: 1230px;
  }
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
  list-style-type: none !important;
}
a {
  text-decoration: none;
}
.slick-slide a, .slick-slide{
  outline: none;
}
.userNoneSelect {
  user-select: none;
}
.flex-row {
  display: flex;
  align-items: center;
}
.section {
    position: relative;
    min-height: auto;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
}
.section .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.box-image{
    position:relative;
}
.textLine-1 {
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.textLine-2{
  box-sizing: border-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.textLine-3{
  box-sizing: border-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.textLine-4{
  box-sizing: border-box;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.box .box-image a, .banner a{
  display: block;
}
.box.box-vertical{
  display: flex;
  flex-wrap: wrap;
}
.box.box-vertical .box-text{
  flex:1;
  padding-left: 15px;
}
.custom-menu-mobile{
  display: none;
}
button:focus, .navbar-toggler:focus{
  box-shadow: unset;
}
@media only screen and (min-width:800px){
  .only-mobile{
    display: none;
  }
}
@media only screen and (max-width:800px){
  .only-desktop{
    display:none;
  }
  .only-mobile{
    display: block;
  }
}