.boxIntro .info {width: 100%;max-width: 270px;margin: auto;}.boxIntro .icon {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #464646;margin: 0 auto 12px;position: relative;}.boxIntro .icon:before {position: absolute;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;content: '';-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;top: 0;left: 0;bottom: 0;right: 0;pointer-events: none;-ms-transition: -ms-transform 0.5s,opacity .5s;-o-transition: -o-transform 0.5s,opacity .5s;-moz-transition: -moz-transform 0.5s,opacity .5s;-webkit-transition: -webkit-transform 0.5s,opacity .5s;transition: transform 0.5s,opacity .5s;-o-transform: scale(.8);-webkit-transform: scale(.8);-moz-transform: scale(.8);-ms-transform: scale(.8);transform: scale(.8);opacity: 0;background-color: #fff200;}.boxIntro .info:hover .icon:before {-o-transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);opacity: 1;}.boxIntro .icon *[class^=icofont-] {font-size: 30px;color: #fff200;position: relative;z-index: 1;}.boxIntro .item:hover .icon *[class^=icofont-] {color: #464646 }.boxIntro .caption .counter {font-size: 18px;color: #ded301;font-weight: 700;}.vnt-about .boxIntro {padding: 30px 0 40px;}.sound-effect {position: relative;}.sound-bg {position: absolute;top: 50%;left: 0;width: 100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}.sound-effect .img {width: 70.42857%;margin: auto;}.sound-bg img {z-index: -1;-webkit-animation: wavepulse .5s ease infinite;-moz-animation: wavepulse .5s ease infinite;-o-animation: wavepulse .5s ease infinite;animation: wavepulse .5s ease infinite;}@-webkit-keyframes wavepulse{0%,30%{transform:scale(1,1)}50%{transform:scale(1.03,1.03)}70%,100%{transform:scale(1,1)}}@keyframes wavepulse{0%,30%{transform:scale(1,1)}50%{transform:scale(1.03,1.03)}70%,100%{transform:scale(1,1)}}.desc li:before{display:inline-block;font-family: "FontAwesome";content:'\f101';font-weight:600;margin-right:5px}.vnt-about .boxIntro .icon {width: 80px;height: 80px;background-color: #f6f6f6;}.vnt-about .boxIntro .icon *[class^=icofont-] {font-size: 48px;color: #969696;}.vnt-about .slogan {width: 100%;max-width: 1030px;margin: auto;margin-bottom: 60px;}.vnt-about .slogan h2 {font-size: 24px;line-height: 36px;font-weight: 900;text-transform: uppercase;margin-bottom: 10px;}.boxInfoShop {padding: 40px 20px;margin-top: 50px;background-color: #333333;color: #FFFFFF }.boxInfoShop .nameShop {font-size: 24px;line-height: 30px;color: #fff200;text-transform: uppercase;margin-bottom: 10px;}@media screen and (min-width: 992px) {.vnt-about .boxIntro .row {align-items: center;}.vnt-about .boxIntro .item {width: 19.5%;}.vnt-about .boxIntro .item:first-child {order: 1;width: 61%;}.vnt-about .boxIntro .item:nth-child(2) {order: 2 }.vnt-about .boxIntro .info ~ .info {margin-top: 50px;}}@media screen and (max-width: 991px) {.vnt-about .slogan h2, .boxInfoShop .nameShop {font-size: 20px;line-height: 30px;}.vnt-about .boxIntro .info ~ .info {margin-top: 25px;}.vnt-about .slogan {margin-bottom: 25px;}.boxInfoShop {margin-top: 30px;padding: 20px;}}@media all and (max-width: 390px) {.vnt-about .boxIntro .item {width: 100% }.vnt-about .boxIntro .item:nth-child(n+2) {margin-top: 25px;}}