@font-face {font-family: "Montserrat,sans-serif"; font-style: normal; font-weight: 400; src: url("../fonts/Montserrat-Regular.ttf") format("truetype"); }
@font-face {font-family: "Montserrat,sans-serif"; font-style: normal; font-weight: 500; src: url("../fonts/Montserrat-Medium.ttf") format("truetype"); }
@font-face {font-family: "Montserrat,sans-serif"; font-style: normal; font-weight: 600; src: url("../fonts/Montserrat-SemiBold.ttf") format("truetype"); }
@font-face {font-family: "Montserrat,sans-serif"; font-style: normal; font-weight: 700; src: url("../fonts/Montserrat-Bold.ttf") format("truetype"); }

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

a {
  outline: none;
  text-decoration: none;
}

a span {
  border: 1px solid transparent;
}

a:hover, a:focus {
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

p {
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

button {
  cursor: pointer;
  background-color: transparent;
  outline: none;
  border: none;
}
button:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

img {
  max-width: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}

input {
  outline: none;
  border-radius: 0;
}

@font-face {
  font-family: 'SVN';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/SVN-Poppins-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'SVN';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/SVN-Poppins-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'SVN';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/SVN-Poppins-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: 'SVN';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/SVN-Poppins-Bold.ttf") format("truetype");
}

body { font-family: "SVN"; font-weight: 400; font-size: 16px; line-height: 1.8; color: #5A5A5A; -webkit-box-sizing: border-box; box-sizing: border-box; }
.container { max-width: 1140px; padding: 0 15px;}
h1, h2, h3, h4, h5 { line-height: 1.3; padding: 0; font-weight: bold; }
h1 { font-size: 2rem }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.4rem; }
h4 { font-size: 1.2rem; }
h5 { font-size: 1rem; }
ol, ul { padding-left: 1rem; }

.title { font-size: 40px; font-weight: 600; line-height: 1.35; text-transform: uppercase;}
.sub-title { font-size: 30px; font-weight: 400; text-transform: uppercase;}

/*.cl-m { color: #162B75; }
.cl-w { color: #fff; }
.cl-s { color: #D89927; }
.cl-bd { color: #5A5A5A; }
.bg-m { background-color: #162B75; }
.bg-s { background-color: #F5F1E6; }
.bg-r { background-color: #BD1C1C; }
*/
:root {
    --bg-hp-m: #107390;
    --bg-hp-s: #f5f1e6;
    --bg-hp-xl: #019e3e;
    --bg-hp-w: #656329;
    --bg-hp-r: #BD1C1C;
    --cl-hp-m: #107390;
    --cl-hp-s: #d7a95c;
    --cl-hp-r: #BD1C1C;
    --cl-hp-xl: #019e3e;
    --cl-hp-w: #fff;
    --cl-hp-v: #D89927;
    --cl-hp-bd: #5A5A5A;
}

.bg-hp-m { background-color: var(--bg-hp-m); }
.bg-hp-s { background-color: var(--bg-hp-s); }
.bg-hp-xl { background-color: var(--bg-hp-xl) }
.bg-hp-w { background-color: var(--bg-hp-w) }
.bg-hp-r { background-color: var(--bg-hp-r) }

.cl-hp-m { color: var(--cl-hp-m);}
.cl-hp-w { color: var(--cl-hp-w); }
.cl-hp-s { color: var(--cl-hp-s); }
.cl-hp-r { color: var(--cl-hp-r);}
.cl-hp-v { color: var(--cl-hp-v);}
.cl-hp-bd { color: var(--cl-hp-bd);}

.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-80 { margin-bottom: 80px; }
.pb-40 { padding-bottom: 40px; }
.pb-60 { padding-bottom: 60px; }
.pb-80 { padding-bottom: 80px; }
.p-tb-80 { padding: 80px 0; }
.p-tb-60 { padding: 60px 0; }

b, strong {
  font-weight: 700;
}

.line-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.breadcrumbs a {color: #333; }
.breadcrumbs a:hover {color: var(--cl-hp-m); }
.breadcrumbs p {margin-bottom: 0; }
.breadcrumbs span {color: #dca447; }
.breadcrumbs { color: #dca447; padding: 10px 0; }

.btn { border-radius: 5px; font-weight: 600; font-size: 16px; padding: 10px;}
.btn:hover { color: var(--cl-hp-s); }

#toc_container a:hover { text-decoration: none; }
.entry-content img{margin:0 0 1.5em}
.alignleft,img.alignleft{margin-right:1.5em;display:inline;float:left}
.alignright,img.alignright{margin-left:1.5em;display:inline;float:right}
.aligncenter,img.aligncenter{margin-right:auto;margin-left:auto;display:block;clear:both}
.wp-caption{margin-bottom:1.5em;text-align:center;padding-top:5px;max-width: 100%; width: 100%!important;}
.wp-caption img{border:0 none;padding:0;margin:0;height: auto;}
.wp-caption .wp-caption-text{ line-height:1.5; font-size:13px; margin: 0px; padding: 5px; background: rgba(0,0,0,0.05)}
.wp-block-image .aligncenter>figcaption { text-align: center; }
.wp-block-image .alignright>figcaption { text-align: right; }
.wp-block-image .size-full, .wp-block-image .size-full img { width: 100%; height: auto;}
.wp-block-image figcaption { margin-bottom: 0; }
.wp-smiley{margin:0!important;max-height:1em}
blockquote.left{margin-right:20px;text-align:right;margin-left:0;width:33%;float:left}
blockquote.right{margin-left:20px;text-align:left;margin-right:0;width:33%;float:right}
.centered {float:none;margin-left:auto;margin-right:auto}

em { font-style: normal; }

.navbar-nav {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; height: 100%; }
.navbar-nav>.nav-item { padding-right: 30px; -webkit-transition: all ease 0.6s; -o-transition: all ease 0.6s; transition: all ease 0.6s; }
.navbar-nav>.nav-item:last-of-type { padding-right: unset; }
.navbar-nav .nav-item .nav-link { position: relative; padding: 15px 0; color: #575757; display: flex; align-items: center; height: 100%; font-weight: 600;}
.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item.active .nav-link {color: #162B75; } 
.header.active .navbar-nav .nav-item {padding: 10px; }
.navbar-toggler {display: none; }
.mobile-menu {display: none; }

.header { padding: 10px 0; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.05);}
.header .logo-main a { display: inline-block; margin-right: 28px; }
.header .logo-main img { max-width: 118px; height: 60px; object-fit: contain; }
.header .nav-comp-column {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; position: relative; }
.header .nav-comp-column .logo-main { display: flex; align-items: center; }
.over-light { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; pointer-events: none; z-index: 990}


.footer__list { display: flex; }
.footer__list .name { font-size: 16px; font-weight: 600; }
.footer__form { width: 60%; padding-left: 11.5%;}
.footer .form-register-home { max-width: 400px;}
.footer .form-register-home .wrap-form .form-group input { width: 100%; padding: 10px 25px; border-radius: 5px; outline: none; border: 1px solid #818181; }
.footer .form-register-home .wrap-form .form-group { margin-bottom: 27px; }
.footer .form-register-home .wrap-form .wrap-submit .btn {font-weight: 500; min-width: 160px; }

.list-news { display: flex; flex-wrap: wrap; margin: -30px -18px; list-style: none; padding-left: unset; justify-content: center;}
.list-news__item { width: 33.33%; padding: 30px 18px; }
.list-news__item .wrap-img { position: relative; height: 0; padding-top: 67.9%; overflow: hidden; }
.list-news__item .wrap-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all ease 0.4s; }
.list-news__item .wrap-info .name { font-size: 17px; -webkit-line-clamp: 3; font-weight: 500; line-height: 1.7; margin-bottom: 0;} 
.list-news__item a:hover .wrap-img img{ transform: scale(1.05); }
.list-news__item a { height: 100%; display: block;}
.list-news__item a .inner { display: flex; flex-direction: column; height: 100%; }
.list-news__item a .inner .wrap-info { flex: 1; padding: 15px;}

.form-salepage .form-group input { border: 1px solid #6c757d; height: 48px; padding: 13px 20px; border-radius: 10px; width: 100%;}
.form-salepage.form-horizontal .form-group .box-input { display: flex; width: 100%; }
.form-salepage.form-horizontal .infusion-field { width: 26%; padding-right: 20px;}
.form-salepage.form-horizontal .infusion-submit { width: 22%; }
.form-salepage .infusion-submit button { width: 100%; background-color: var(--bg-hp-r); color: var(--cl-hp-w); border-radius: 10px; height: 48px; font-weight: 700;}
.form-salepage .form-group label { display: none; }
.form-salepage .form-group { margin-bottom: 0; }
.form-salepage .title { font-size: 30px; }

.form-salepage.form-stand .form-group .infusion-field { margin-bottom: 25px; }
.form-salepage.form-stand .form-group { background-color: #fff; }
.form-salepage.form-stand .form-group { max-width: 609px; margin: auto; border-radius: 10px; padding: 48px 36px; }
.des-form { font-weight: 700; }