.kv{background-position:left;overflow:hidden}@media(min-width: 2000px){.kv{background-position:center}}.kv__img{position:relative}.kv__img picture{display:block;font-size:0}@media(min-width: 320px){.kv img{width:100%}}.kv h1{height:30px;text-align:center;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;font-size:var(--title-xl);color:#fff;text-shadow:#666 0 0 30px;text-transform:uppercase}.kv .msiAbout{color:var(--color-gray-800);text-shadow:unset}.description__item{width:90%;margin:0 auto}.description__title{text-align:center;color:var(--color-gray-800);font-size:var(--title-lg);font-weight:bold}.description__text{color:var(--color-gray-800);font-size:var(--text-md);line-height:1.8;margin-top:25px;text-align:center}.common__baseButton button{margin-top:10px}.intro__card{padding:0 15px;margin-bottom:25px}@media(min-width: 1200px){.intro__card{flex:0 0 33.3333333333%}}.intro__card-title{padding:10px;font-size:var(--title-md);background-color:#fff}.intro__card-img img{width:100%;vertical-align:middle}.intro__card-text{font-size:var(--text-md);padding:15px 10px;color:#666}.common__link .link{margin-top:10px}.link{font-size:var(--link-sm);width:100%;display:flex;justify-content:space-between;align-items:center;color:var(--color-gray-800);padding:10px 15px;border:var(--color-gray-300) 1px solid;cursor:pointer;border-radius:4px;transition:.5s all ease-in .1s;background:rgba(255,255,255,.3)}.link svg{width:var(--note-sm);fill:var(--color-gray-600);vertical-align:middle}.link:hover{color:var(--color-gray-800);background-color:var(--color-gray-300)}.contactUs{margin-top:35px;background-color:#eee;position:relative;color:var(--color-gray-800)}@media(min-width: 960px){.contactUs{background:url("/frontend/imgs/aboutus/banner-about-index-contact.jpg") top 0px right -200px no-repeat}}@media(min-width: 992px){.contactUs{background:url("/frontend/imgs/aboutus/banner-about-index-contact.jpg") center no-repeat;background-size:cover}}.contactUs__img{font-size:0}.contactUs__img--mobile{width:100%;vertical-align:middle}@media(min-width: 960px){.contactUs__img--mobile{display:none}}.contactUs__card{padding:5.5% 0}@media(min-width: 960px){.contactUs__card{width:50%}}.contactUs__title{font-size:var(--title-md);text-align:center;color:var(--color-gray-800);font-weight:bold;margin-bottom:15px}@media(min-width: 960px){.contactUs__title{text-align:left}}.contactUs__text{font-size:var(--text-sm);line-height:1.5;text-align:center;margin-bottom:20px}@media(min-width: 960px){.contactUs__text{text-align:left}}.common__link button{margin-top:10px}.common__link--contact{text-align:left}@media(min-width: 960px){.common__link--contact{display:flex}}@media(min-width: 960px){.common__link--contact a{margin-top:0}}@media(min-width: 960px){.common__link--contact a+a{margin-left:20px}}.common__link--contact span{text-align:left}@media(min-width: 960px){.common__link--contact span{margin-top:0}}.baseButton{font-size:90%;width:100%;display:flex;justify-content:space-between;align-items:center;color:#666;padding:10px 15px;border:var(--color-gray-300) 1px solid;cursor:pointer}.baseButton svg{width:16px;fill:red;vertical-align:middle}.baseButton:hover{color:#fff;background-color:var(--color-gray-100)}.common__container{position:relative;padding:0 25px;margin:0 auto;width:100%}@media(min-width: 996px){.common__container{max-width:1280px;padding:0}}body,div,h1,h2,h3,p,figure{margin:0}.description{background:url("/frontend/imgs/aboutus/bg-about-index-intro.jpg") center no-repeat;background-size:cover;padding-top:35px;padding-bottom:35px}@media(min-width: 992px){.description{padding-top:70px;padding-bottom:100px}}.intro{text-align:center;margin:37px -15px 0}@media(min-width: 992px){.intro{display:flex;justify-content:center;flex-wrap:wrap;position:relative;top:-80px}}
