@font-face {
    font-family: 'Roboto'; font-display:swap;
    src: url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto'; font-display:swap;
    src: url('../fonts/Roboto-Black.woff2') format('woff2'),
        url('../fonts/Roboto-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto'; font-display:swap;
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto'; font-display:swap;
    src: url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto'; font-display:swap;
    src: url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto'; font-display:swap;
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto'; font-display:swap;
    src: url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('../fonts/Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto'; font-display:swap;
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto'; font-display:swap;
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Akaya Kanadaka';
    src: url('../fonts/AkayaKanadaka-Regular.woff2') format('woff2'),
        url('../fonts/AkayaKanadaka-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Arima';
    src: url('../fonts/Arima-Thin.woff2') format('woff2'),
        url('../fonts/Arima-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
button:focus {
  outline: none;
}

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
.navbar-dark .navbar-toggler-icon{
  background: none;
}
.navbar-dark .navbar-toggler-icon svg{
  fill: #D81400;
}
:focus {
  outline: none;
}

.fz12 {
    font-size: 12px;
}
.fz13{
   font-size: 13px;
}
.fz14{
   font-size: 14px;
}
.fz15{
   font-size: 15px;
}
.fz16{
   font-size: 16px;
}
.fz17{
   font-size: 17px;
}
.fz18{
   font-size: 18px;
}
.fz19{
   font-size: 19px;
}
.fz20{
   font-size: 20px;
}
.fz22{
   font-size: 22px;
}
.fz25{
   font-size: 25px;
}
.fz26{
   font-size: 26px;
}
.fz30{
   font-size: 30px;
}
.fz35{
   font-size: 35px;
}
.fw-300{
  font-weight: 300;
}
.fw-400{
  font-weight: 400;
}
.fw-500{
  font-weight: 500;
}
.fw-600{
  font-weight: bold;
}
.fw-700{
  font-weight: 700;
}
img {
  max-width: 100%;
  height: auto;
}
.animasion-tran{
    transition: all 0.3s ease;
}
.text-red{
    color: #D81400;
}
.bgred{
    background-color: #D81400;
}
.toogle-menu-desktop{
    background: #FFBC00;
    height: 100%;
    display: block;
    padding: 0.9rem 0;
    cursor: pointer;
}
.toogle-menu-desktop:hover .dropdown-menu{
    opacity: 1;
    visibility: visible;
}
.toogle-menu-desktop .menungang_con{
    position: absolute;
    z-index: 5;
    left: 100%;
    min-width: 855px;
    max-width: 75%;
    background-color: #fff;
    top: 0;
    display: none;
    overflow: hidden;
    overflow-y: auto;
    max-height: 550px;
    box-shadow: 0 0 4px rgb(0 0 0 / 20%);
}

.toogle-menu-desktop .menungang_con ul{
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 20px;
}
.toogle-menu-desktop .menungang_con ul li{
    padding-right: 0;
}
.dropdown ul li:hover .menungang_con {
    display: block;
}
.textyellow{
    color: #B10000;
}
.text-cyan{
    color: #D81400;
}
.line-height-15{
    line-height: 1.5;
}
.navbar-expand-lg .navbar-collapse{
  justify-content: flex-end;
}
.navbar-toggler:focus{
  box-shadow: none;
}
.menu_destop{
  background-color: #D81400;
}
.menu_destop li.nav-item .nav-link {
  font-weight: 400;
  transition: all 0.3s;
  font-size: 14px;
  color: #fff;
  padding: 1rem 2rem;
}
.menu_destop li.nav-item .nav-link.active,
.menu_destop li.nav-item .nav-link:hover{
  background-color: #B10000;
}
.dropdown-item{
  padding: 8px 25px;
  line-height: 1.4;
  color: #333;
  font-weight: 400;
}
.dropdown-item:hover{
    box-shadow: 0 0 10px #ccc;
}
.dropdown-menu{
  padding: 1rem 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  border: none;
  background-color: #fff;
  box-shadow: 0 0 4px rgb(0 0 0 / 20%);
  top: 100%;
  border-radius: 0;
  min-width: 100%;
}
header .nav-item.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transition: all 0.5s ease;
}
.btn.show:focus,
.btn-check:focus+.btn, .btn:focus{
  box-shadow: none;
}
.menu-mobile{
  background-color: #fff;
  padding: 10px 0 !important;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
}
.menu-mobile .nav-link.menu-has-children{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.menu-mobile .name-menu-has-children{
  width: calc(100% - 55px);
}
.menu-mobile .dropdown-toggle::after{
  display: none;
}
.menu-mobile .menu-has-children.show .icon-menu-has-children svg{
  transform: rotate(45deg);
}
.menu-mobile .icon-menu-has-children svg{
  fill: #ccc;
  transition: all 0.3s;
}
.menu-mobile .dropdown-menu .dropdown-item{
  padding:4px 15px;
}
.menu-mobile .dropdown-menu{
  padding:0;
} 
.logo-mobile svg{
    width: 100px;
    height: auto;
    max-width: 100%;
}
.menu-mobile .nav-item{
  border-bottom: 1px solid #ccc;
}
.menu-mobile .navbar-nav .nav-link{
  color: #333;
  font-weight: 500;
  padding: 10px 0;
}
.menu-mobile .dropdown-menu{
  box-shadow: none;
}
.menu_destop_scroll {
  left: 0;
  margin: 0 auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9;
  transition: 0.5s;
  z-index: 5;
  -webkit-animation: mations 1s ease;
  animation: mations 1s ease;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
}

.menu_mobile_scroll {
  left: 0;
  margin: 0 auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9;
  transition: 0.5s;
  z-index: 5;
  -webkit-animation: mations 1s ease;
  animation: mations 1s ease;
  box-shadow: 1px 1px 10px rgb(0 0 0 / 15%);
  background-color: #fff;
}

.star-product svg{
    fill: #ffc007;
    width: 12px;
    height: auto;
}
.box-img-blog{
    border-radius: 12px;
}

.box-img-blog img,
.box-img img{
    transition: transform 400ms ease 0s;
}

.box-img-blog,
.box-img{
    overflow: hidden;
}
.item-service .icon{
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    margin-right: 1.5rem;
    background-color: #D81400;
    color: #fff;
}
.item-service .icon svg{
    width: 35px;
    height: auto;
}
.item-service .text-info-service{
    flex-grow: 1;
}
.lamvt-category .item-category .info-text{
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.5s;
}
.lamvt-category .item-category:hover .info-text{
    bottom: 30px;
}
.lamvt-category .item-category:hover .link-category{
    opacity: 1;
    visibility: visible;
}
.lamvt-category .item-category .link-category{
    border: 1px solid #fff;
    opacity: 0;
    visibility: hidden;
}
.lamvt-category .item-category .link-category:hover{
    background-color: #D81400;
    border-color: #D81400;
}
.lamvt-brick-brand .list-brand{
    display: grid;
    grid-template-columns: repeat(9,minmax(0,1fr));
    gap: 20px;
}
.padding-15{
  padding: 20px 15px;
}
.padding-10{
  padding: 20px 8px;
}
.slick-dots li{
    width: 5px;
    height: auto;
}
.slick-dots li button {
  font-size: unset;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #ccc;
  border-radius: 50%;
  padding: 0;
  position: relative;
  overflow: hidden;
  transition: .5s;
}
.slick-dots .slick-active button {
  background-color: #D81400;
}
.slick-dots li button:before{
  font-size: 0;
}
.item-blog .box-img{
    position: relative;
}
.box-img-blog:hover .icon-link-blog svg{
    opacity: 1;
    visibility: visible;
    transform: scale(2);
}
.info-date-author .item:last-child{
    border-left: 1px solid #777;
    padding-left: 10px;
}
.box-img:hover img{
    transform: scale(1.05);
}
.box-img-blog:hover img,
.item-blog .box-img:hover img {
    transform: rotate(2deg) scale(1.1);
}
.icon-mail-header,
.icon-tell-header{
  flex-shrink: 0;
  color: #D81400;
}
.wg-search-form-header input,
.wg-search-form-header select{
    height: 44px;
}
.wg-search-form-header select{
    border-radius: 50px 0 0 50px;
}
.form-control:focus{
    box-shadow: none;
    border-color: #D81400;
}
.search-form-menu-mobile .search-field {
  width: 100%;
  height: 40px;
  border: none;
  padding: 0 2.8em 0 0.8em;
  transition: all 0.3s;
  border: 1px solid #000;
}
.wg-search-form-header input:focus{
  border-color: #D81400;
}
.lamvt-newletter .form-control::placeholder,
.wg-search-form-header input::placeholder{
  font-size: 14px;
  font-weight: 300;
  color: #828282;
}
.search-submit-header{
    background-color: #D81400;
    border-radius: 0 50px 50px 0;
    border: none;
    padding: 0 15px;
    height: 44px;
}
.search-submit-header:hover{
    background-color: #FFBC00;
}
.search-form-menu-mobile .search-submit {
  top: 0;
  right: 0;
  height: 40px;
  background: #D81400;
  border: none;
  font-size: 18px;
  color: #fff;
  padding: 0 20px;
  cursor: pointer;
  position: absolute;
  transition: all 0.3s;
    border-radius: 0 50px 50px 0;
}
.search-form-menu-mobile .search-submit:hover{
    background-color: #B10000;
}
.icon-mail-header svg{
    width: 35px;
    height: auto;
}
.icon-tell-header svg{
    width: 30px;
    height: auto;
    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
}

.dropdown-item:focus, .dropdown-item:hover,
.dropdown-item.active, .dropdown-item:active{
  background-color: #fff;
}
.search-form-menu-mobile{
  position: relative;
  margin-bottom: 1rem;
}

.list-icon-footer li a{
    width: 40px;
    height: 40px;
    background-color: #FFBC00;
}
.list-icon-footer li a svg{
  width: auto;
  height: 20px;
  fill: #fff;
}
.list-icon-footer li a:hover svg{
    animation: animationsale .3s linear 1;
    transform: scale(1.05);
}
.breadcrumb-top .box-bg:after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 36px 0px 0px 45px;
  border-color: transparent transparent transparent #e3e3e3;
  position: absolute;
  top: 0;
  right: -45px;
  transform: rotate(0);
}
.breadcrumb-top .box-bg{
  display: inline-block;
  background: #e3e3e3;
  padding: 6px 10px;
  position: relative;
}
.breadcrumb-top {
  border-bottom: #e3e3e3 1px solid;
}
.accordion-header-no-haschildren,
.sidebar-single .accordion-button{
    padding: 8px 0 !important;
    text-transform: capitalize;
}
.sidebar-single .accordion-button::after{
    width: 12px;
    height: 12px;
    background-size: cover;
}
.sidebar-single .accordion-body{
    padding: 0 !important;
}
.sidebar-single .accordion-item,
.sidebar-single .accordion-button:not(.collapsed),
.sidebar-single .accordion-item:last-of-type .accordion-button.collapsed,
.sidebar-single .accordion-item:first-of-type .accordion-button{
    border: none !important;
}
.accordion-button:not(.collapsed){
    color: #000;
    background-color: transparent;
    box-shadow: none;
}
.accordion-button:focus{
    box-shadow: none;
}
.sidebar-single .accordion-body ul li {
    line-height: 1.5em;
    background: url(../images/iconlist.svg) 5px 15px no-repeat;
    padding-left: 20px;
}
.pagination ul .pagination_current a {
  border: 1px solid #2c2c2c;
  color: #2c2c2c;
}
.pagination .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: none;
}
.pagination .page-item a {
    color: #000;
    transition: all 0.3s ease;
    padding: .5rem 1rem;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
}
.pagination .page-item.active a,
.pagination .page-item li.active a, 
.pagination .page-item a:active,
.pagination .page-item a:hover {
    border: 1px solid #D81400 !important;
    color: #fff !important;
    background-color: #D81400;
}

.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
    border-radius: 0;
}
.sidebar-single {
    position: sticky;
    top: 80px;
}
.sidebar-single .list_chuyenmuc li{
    border-top: dotted 1px #ddd;
    padding: 0.5rem 0;
}
.sidebar-single .list_chuyenmuc li:first-child{
    border-top: none;
}
.widget-title{
    background-color: #D81400;
    display: block;
}
.widget-title:not(:first-child){
    margin-top: 30px;
}
.boder-box {
    border: 1px solid #ccc;
}
.support-sidebar{
    border: 1px dashed #ccc;
    border-radius: 20px;
}
.sidebar-single .item-blog-sidebar .box-img {
    width: 70px;
    margin-right: 10px;
    flex-shrink: 0;
}
.sidebar-single .item-blog-sidebar .info {
    flex-grow: 1;
}
.sidebar-single .new-sidebar-box li:not(:first-child) {
    border-top: 1px solid #ececec;
}

.sidebar-single .list_chuyenmuc li{
    border-top: dotted 1px #ddd;
    padding: 0.5rem 0;
}
.sidebar-single .list_chuyenmuc li:first-child{
    border-top: none;
}
.sidebar-single .list_chuyenmuc li a{
    display: flex;
}
.sidebar-single .list_chuyenmuc li a svg{
    width: 12px;
    height: auto;
    flex-shrink: 0;
    margin-right: 0.5rem;
    fill: #ccc;
}
.sidebar-single .list_chuyenmuc li a:hover svg{
    fill: #D81400;
}
.sidebar-single .list_chuyenmuc li a span{
    flex-grow: 1;
}
.info-date-author a{
  color: #777;
  display: inline-flex;
  align-items: center;
}
.item-blog .des-blog{
    color: #818283;
}
footer .center-footer .title_footer:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #8F8F8F;
}
footer .center-footer .name-cty-footer li .icon{
    flex-shrink: 0;
}

footer .center-footer .name-cty-footer li .icon svg{
    fill: #D81400;
    width: 14px;
    height: auto;
}
footer .center-footer .name-cty-footer li .content{
    flex-grow: 1;
}
.text-yellow{
    color: #FFFA00;
}
.form-register-site.page-about .form-control {
  background-color: #f8f8f8;
  color: #000;
  border: none;
  height: 50px;
}
.form-register-site.page-about .form-control::placeholder {
    color: #868686;
    font-size: 14px;
}
.form-register-site.page-about .form-control:focus{
    border: 1px solid #ccc;
    box-shadow: none;
}
.form-register-site.page-about textarea.form-control{
    height: 120px;
}
.list-thumnail-single-product{
    gap: 5px;
}
.button-add-to-cart-single a{
    background-color: #D81400;
    color: #fff;
}
.button-add-to-cart-single a:hover{
    background-color: #B10000;
    color: #fff;
}
.single-product-page .nav-tabs .nav-link{
    border: 1px solid #e9ecef;
    border-radius: 0;
    color: #000;
}
.single-product-page .nav-tabs .nav-link.active{
    background-color: #D81400;
    color: #fff;
}
.single-product-page .nav-tabs .nav-item {
    margin-right: 1rem;
}
.form-register-site .form-group.style2 {
  background-color: #B10000;
  padding-left: .75rem;
  border-radius: .25rem;
  height: 50px;
  color: #fff;
  font-size: 14px;
}
.form-register-site .form-group.style2 label{
    width: 41%;
}
.form-register-site .custom-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 50px;
    width: 60%;
    padding: 0 10px;
    font-size: 16px;
}
.form-register-site button {
  background-color: #D81400;
  border: none;
  transition: all 0.3s;
}
.form-register-site button:hover {
    background-color: #B10000;
}

footer .menu-footer li{
    background: url(../images/icon-list-footer.svg) 0 6px no-repeat;
    padding-left: 20px;
}

.lamvt-newletter .form-control{
    height: 50px;
    border: none;
    background-color: #B61100;
}
.lamvt-newletter .form-control::placeholder{
    color: #fff;
    font-size: 14px;
}
.lamvt-newletter .form-control:focus::placeholder{
    color: #000;
}
.lamvt-newletter .form-control:focus{
    box-shadow: none;
    background-color: #fff;
}
.lamvt-newletter button{
    background-color: #fff;
    color: #D81400;
    height: 50px;
    width: 50px;
    text-align: center;
    transition: all 0.3s;
    right: 0;
    top: 0;
}
.lamvt-newletter button svg{
    width: 25px;
    height: auto;
}
.lamvt-newletter button:hover{
    background-color: #CC0303;
    color: #fff;
    border-color: transparent;
}
.lamvt-brand .arrow-prev,
.lamvt-brand .arrow-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background: transparent;
  padding: 0;
  border: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.lamvt-brand:hover .arrow-next,
.lamvt-brand:hover .arrow-prev{
    opacity: 1;
    visibility: visible;
}
.lamvt-brand:hover .arrow-next{
    right: -25px;
}
.lamvt-brand:hover .arrow-prev{
    left: -25px;
}
.lamvt-brand .arrow-prev{
    left: 0;
}
.lamvt-brand .arrow-next{
  right: 0;
}
.lamvt-brand .arrow-prev svg,
.lamvt-brand .arrow-next svg{
    width: 25px;
    height: auto;
}

.item-blog-sidebar .date{
    color: #868686;
}
.toogle-menu-desktop a,
.title-project a,
.title-product a,
.item-blog-sidebar a,
.box-item-category .title-category a,
.text-hotline,
.sidebar-single .list_chuyenmuc li a,
.breadcrumb-item a,
.title-blog a,
footer .menu-footer li a,
footer .center-footer .name-cty-footer li .content a{
    color: #000;
}
.toogle-menu-desktop a:hover,
.title-project a:hover,
.title-product a:hover,
.item-blog-sidebar a:hover,
.box-item-category .title-category a:hover,
.info-date-author a:hover,
.sidebar-single .list_chuyenmuc li a:hover,
.breadcrumb-item a:hover,
.breadcrumb-item.active,
.menu-mobile .nav-item.active .nav-link,
.menu-mobile .navbar-nav .nav-link:active,
.menu-mobile .navbar-nav .nav-link:focus,
.menu-mobile .navbar-nav .nav-link:hover,
.dropdown-item.active, .dropdown-item:active,
.dropdown-item:focus, .dropdown-item:hover,
.title-blog a:hover,
footer .menu-footer li a:hover,
footer .center-footer .name-cty-footer li .content a:hover{
    color: #D81400;
}
footer .copyright{
    background-color: #CC0303;
}
footer .copyright a:hover{
   opacity: 0.8;
}
.list-contect-bottom{
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  z-index: 9999;
  box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 25%);
}
.list-contect-bottom .contact-bottom li.category:before{
    width: 70px;
    height: 70px;
    background: #D81400;
    line-height: 3.7;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 35px);
    top: -15px;
    padding: 0px;
    content: '';
}
.list-contect-bottom .contact-bottom li{
    flex: 0 0 20%;
    position: relative;
}
.list-contect-bottom .contact-bottom li a{
    color: #878787;
    position: relative;
}
.list-contect-bottom .contact-bottom li svg{
    width: auto;
    height: 1.2rem;
}
.list-icon-contact-site{
  position: fixed;
  bottom: 15%;
  right: 2%;
}
@media screen and (max-width: 767px) {
    .list-icon-contact-site{ right: 5%; }
}
.list-icon-contact-site .icon span{
    display: block;
    color: #333;
}
#back-to-top {
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  text-align: center;
  line-height: 36px;
  background: #fff;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  transform: translate(80px, 0px);
  z-index: 2;
  box-shadow: 1px 2px 6px 4px rgba(53, 57, 68, 0.2);
}
#back-to-top svg {
  fill: #000;
  width: 23px;
  height: auto;
}
#back-to-top.show {
   transform: translate(0px, 0px);
}
#back-to-top:hover {
   background-color: #D81400;
}
#back-to-top:hover svg {
   fill: #fff;
}
@media (max-width: 1400px){
    .menu_destop li.nav-item .nav-link{
        padding: 1rem 1.5rem;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .fz-mobile-30{
        font-size: 25px;
    }
    .fz-mobile-25{
        font-size: 20px;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .menu_destop li.nav-item .nav-link{
        padding: 1rem;
    }

}

@media (max-width: 991.98px) {
    .lamvt-brick-brand .list-brand{
        grid-template-columns: repeat(6,minmax(0,1fr));
    }
   .offcanvas-collapse {
    position: fixed;
    top: 75px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #fff;
    transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
    z-index: 99;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
  }
  .dropdown-menu{
    background-color: transparent;
    border: none;
    padding: .5rem;
  }
  .dropdown-item{
    white-space: unset;
  }
  .description-news-section{
    width: 100% !important;
  }
}
@keyframes scale3 {
    0% {
        transform: rotate(0) scale(0.5) skew(1deg);
    }
    30% {
        transform: rotate(0) scale(0.7) skew(1deg);
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
    }
}

@media (max-width: 767px){
  footer .copyright{
    padding-bottom: 80px !important;
  }
  #back-to-top{
    bottom: 90px;
  }

  .fz-mobile-30{
        font-size: 26px;
    }
    .fz-mobile-25{
        font-size: 20px;
    }
}

@media (max-width: 575px){
    .single-product-page .nav-tabs .nav-item{
        margin-right: 0.5rem;
    }
    .lamvt-brick-brand .list-brand{
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .price-contact.fz16{
        font-size: 15px;
    }
    .fz-mobile-30{
        font-size: 26px;
    }
    .fz-mobile-25{
        font-size: 20px;
    }
    .form-register-site .form-group.style2 label{
        width: 45%;
    }
    .form-register-site .custom-select {
        width: 55%;
    }

    .arcontactus-widget.right.arcontactus-message{
        bottom: 150px !important;
    }

    .item-service{
        flex-direction: column;
    }
    .item-service .icon{
        margin-right: 0;
        margin-bottom: 20px;
    }

    .lamvt-service-box .row{
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
    }
}

@keyframes animationsale {
    0% {
        transform: rotate(0) scale(1);
        opacity: 0.5;
    }

    20% {
        transform: rotate(30deg) scale(1.02);
        opacity: 0.6;
    }

    40% {
        transform: rotate(-30deg) scale(1.04);
        opacity: 0.7;
    }

    60% {
        transform: rotate(30deg) scale(1.06);
        opacity: 0.8;
    }

    80% {
        transform: rotate(-30deg) scale(1.08);
        opacity: 0.9;
    }

    100% {
        transform: rotate(0) scale(1.1);
        opacity: 1;
    }
}

@-moz-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes mations {
  from {
    transform: translateY(-100%); }
  to {
    transform: translateY(0); } }
@-moz-keyframes mations {
  from {
    transform: translateY(-100%); }
  to {
    transform: translateY(0); } }
@-webkit-keyframes mations {
  from {
    transform: translateY(-100%); }
  to {
    transform: translateY(0); } }
@-o-keyframes mations {
  from {
    transform: translateY(-100%); }
  to {
    transform: translateY(0); } }


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}