.video_item iframe {
    display: block;
    width: 100% !important;
    height: 210px !important;
}

.link_absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
}

.video_detail iframe {
    display: block;
    max-width: 100% !important;
    margin: 30px auto;
}

.video_lq iframe {
    max-height: 234px !important;
    width: 100% !important;
}

.video_lq .link_video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.product-2__title {
    min-height: 41px;
}

/*phone fixed*/
.quick-alo-phone {
    position: fixed;
    visibility: hidden;
    background-color: transparent;
    height: 200px;
    width: 82px;
    height: 64px;
    cursor: pointer;
    z-index: 200000 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    left: -60px;
    top: 79%;
}

.quick-alo-phone.quick-alo-show {
    visibility: visible;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle {
    border-color: #f6ca62;
    opacity: .99;
}

.quick-alo-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border: 2px solid #bfebfc 9;
    opacity: .1;
    -webkit-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -moz-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-circle-fill {
    background-color: rgb(246, 202, 98);
    background-color: #a6e3fa 9;
    opacity: .75 !important;
}

.quick-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    top: 50px;
    left: 50px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .1;
    -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.quick-alo-phone.quick-alo-green .quick-alo-ph-img-circle {
    background-color: #f3bd3d;
}

.quick-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    left: 70px;
    position: absolute;
    background: rgba(30, 30, 30, 0.1) url(https://lh3.googleusercontent.com/-JOy-yF97fs4/V12KK2y0TyI/AAAAAAAAHCI/QBe8W2NTmIQ/s0/message503.png) no-repeat center center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .99;
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1;
    }

    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5;
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1;
    }
}

@keyframes quick-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2;
    }

    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2;
    }
}

@keyframes quick-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

.video_list {
    list-style: none;
    padding-left: 15px;
}

.video_list a {
    color: #3794c3;
}

.news:hover {
    box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .24), 1px 3px 3px rgba(0, 0, 0, .55);
}

/*Phuonghv*/

.h-partner__item img {
    height: 18px;
}

.popup-order .modal-header {
    border-bottom: unset;
}

.popup-order .modal-header .modal-title {
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    color: #e5322c;
}

.popup-order {
    background: #333333bf;
}

.popup-order .modal-content p {
    font-size: 14px;
    font-style: italic;
    color: #a2a2a2;
}

.popup-order .modal-header button.close {
    position: absolute;
    right: 37px;
    top: 29px;
}

.popup-order .modal-body button {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 150px;
    background: #e5322c;
    color: #fff;
    border: none;
}

.popup-order .modal-dialog {
    margin: 0 auto;
    top: 50%;
    transform: scale(0.3) translateY(-50%) !important;
    transition: all 0.3s;
    transform-origin: 50% 10%;
}

.popup-order.show .modal-dialog {
    transform: scale(1) translateY(-50%) !important;
}

.popup-order .modal-dialog .modal-content {
    padding: 12px;
    border-radius: 20px;
}
@media(min-width:998px){
    .navbar-nav .dropdown-menu .dropdown-menu{
        top: 0;
        left: 100%;
    }
    .navbar-nav .dropdown-menu li{
        position: relative;
    }
    .navbar-nav .dropdown-menu li:hover .dropdown-menu{
        display: block;
    }
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 745px;
    }
}

@media(max-width: 426px) {
    .modal.popup-order {
        padding-left: 16px;
        padding-right: 16px;
    }

    .popup-order .modal-body {
        padding: 0;
    }
}

article.product-2.news_home img {
    min-height: 200px;
}

/*add style 23/11/2023 phuonghv*/
ul.hotline__email {
    list-style: none;
}

ul.hotline__email li {
    margin-bottom: 5px;
    font-weight: 600;
}

ul.hotline__email li a {
    color: #000000;
}

.m-heading .red {
    font-weight: 400;
    font-family: "UTMAvoBold", sans-serif;
    
}

a.img__partner img {
    width: 100%;
    margin-bottom: 10px;

}


img.w-100.img__product__home {
    height: 200px;
}

a.d-block.img-zoom {
    height: 200px;
}

.product .d-block.img-zoom {
    height: auto;
}

.news__date__home {
    display: table;
}

.news__date__home span {
    margin-right: 35px;
    font-size: 14px;
}

a.zalo_online {
    position: fixed;
    right: 20px;
    bottom: 90px;
    z-index: 99999;
    display: grid;
}

a.zalo_online img {
    width: 60px;
    margin: 0 auto;
}

a.zalo_online span {
    font-weight: bold;
}



.phone-bar a,
#phone-vr .phone-vr-circle-fill,
#phone-vr .phone-vr-img-circle,
#phone-vr .phone-bar a {
    background-color: #db251c;
}

#phone-vr .phone-vr-circle-fill {
    opacity: 0.7;
    box-shadow: 0 0 0 0 #db251c;
}



#button-contact-vr {
    position: fixed;
    bottom: 0;
    z-index: 99999;
}

#gom-all-in-one #zalo-vr {
    transition: 1s all;
    -moz-transition: 1s all;
    -webkit-transition: 1s all;
}

#button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px;
}


#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}


#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196f3;
    background-color: rgba(33, 150, 243, .7);
}



.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230, 8, 8, .7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
}


#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3;
}

.phone-vr-img-circle {
    background-color: #e60808;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}

.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}

.phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

#gom-all-in-one #phone-vr {
    transition: 0.7s all;
    -moz-transition: 0.7s all;
    -webkit-transition: 0.7s all;
}

#button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px;
}

.phone-bar a,
#phone-vr .phone-vr-circle-fill,
#phone-vr .phone-vr-img-circle,
#phone-vr .phone-bar a {
    background-color: #db251c;
}

.phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap;
    display: none;
}

.phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap;
}

#button-contact-vr {
    position: fixed;
    bottom: 0;
    z-index: 99999
}

#button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px
}

#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block
}

.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    box-shadow: 0 0 0 0 #c31d1d;
    background-color: rgba(230, 8, 8, .7);
    border-radius: 50%;
    border: 2px solid transparent;
    -webkit-animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite
}

.phone-vr-img-circle {
    background-color: #e60808;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out
}

.phone-vr-img-circle a {
    display: block;
    line-height: 37px
}

.phone-vr-img-circle img {
    max-height: 25px;
    max-width: 27px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

.phone-bar a {
    position: fixed;
    bottom: 25px;
    left: 30px;
    z-index: -1;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px 7px 50px;
    border-radius: 100px;
    white-space: nowrap
}

.phone-bar a:hover {
    opacity: .8;
    color: #fff
}

@media(max-width:768px) {
    .phone-bar {
        display: none
    }
}

#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, .7)
}

#zalo-vr .phone-vr-img-circle {
    background-color: #2196F3
}

#viber-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #714497;
    background-color: rgba(113, 68, 151, .8)
}

#viber-vr .phone-vr-img-circle {
    background-color: #714497
}

#contact-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196F3;
    background-color: rgba(33, 150, 243, .7)
}

#contact-vr .phone-vr-img-circle {
    background-color: #2196F3
}


.bg-blue-gradient {
    background: #db251c;
}


h2.m-heading.h__partner__home {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

section.mb-4.partner__home {
    position: relative;
}

h2.h__partner__home:before {
    content: '';
    flex: 1;
    height: 1px;
    background-color: #dee2e6;
    margin-right: -2px;
}

h2.h__partner__home:after {
    position: absolute;
    content: "";
    width: 60px;
    height: 1px;
    background: #333;
    top: 38px;
    left: -18px;
}


a.img__partner img {
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 5px;
}

.page__news_home {
    background: #0095da;
    padding: 10px;
}

.form-group {
    margin-bottom: 8px;
    margin-top: 8px;
}

.row.item_page {
    align-items: center;
}

.title_page_home {
    color: #fff;
    font-weight: bold;
}

.footer {
    padding: 20px 0 25px;
    border-top: 1px solid #dee2e6;
    background: #e7e7e7;
}

.footer__heading {
    font-family: "UTMAvo", serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;

}

.footer__map {
    height: 160px;
/*    margin-top: 38px;*/
}

.col-lg-2.mb-4.ft_news:after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #fff;
}

.copyright {
    text-align: center;
    font-size: 14px;
    border-top: 1px solid rgba(0, 0, 0, .2);
    margin-top: 6px;
}

.col-lg-2.mb-4.ft_news ul>li:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #aaa;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    margin-right: 5px;
}

.col-lg-2.mb-4.ft_news h2 {
    font-weight: bold;
    color: #0095da;
}


.footer1 .top {
    color: #fff;
}

.footer1 .top .registration {
    display: inline-block;
}

.footer1 .top .registration>strong {
    font-family: "segoeuib";
    text-transform: uppercase;
    font-size: 18px;
    margin-right: 30px;
    transform: translateY(2px);
    display: inline-block;
}


.footer1 .top .registration .form {
    display: inline-block;
    position: relative;
}

.footer1 .top .registration .form:before {
    content: "";
    position: absolute;
    left: -7px;
    width: 8px;
    height: 16px;
    background: url(../images/m4.png) no-repeat center;
    top: 50%;
    margin-top: -8px;
}

.footer1 .top .registration .form input {
    width: 455px;
    padding: 4px 10px;
    border: 1px solid #dadada;
}

.footer1 .top .registration .form .btn-regist {
    width: 125px;
    height: 34px;
    text-align: center;
    background: #000;
    float: right;
    line-height: 32px;
    text-transform: uppercase;
    color: #fff;
    border: none;
}

.m-heading {
    display: flex;
    align-items: center;
    font-family: "UTMAvo", serif;
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 22px;
    text-align: center;
    color: #db251c;
}

/*End*/

@media (max-width: 575px) {
    .footer1 .top .registration .form input {
        width: 60% !important;
        padding: 4px 10px;
        border: 1px solid #dadada;
    }
}

button.btn.btn-send.bt-daily {
    background: #db251c;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px 10px 32px;
}

.title_daily {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    color: #0095da;
}

.col-lg-3 label {
    align-items: center !important;
    margin-top: 0.5rem;
}

li.f-contact__item {
    font-size: 14px;
}

.lk-text:hover {
    color: #db251c;
}
article.video.video_item_home{    overflow: hidden;}
.video_item_home .embed-responsive{transition: all 0.5s;}
.video_item_home .embed-responsive:hover{transform: scale(1.05);}


.img-zoom-hover:hover img {
    transform: scale(1.05);
    transition: all .4s;
}

.img-zoom-hover img {
    transition: all .3s;
}

button.btn-regist:hover {
    background: red !important;
}

.pd-detail__body img {
    width: 100%;
}
/*Add css call detail product*/

.sdbWDescription a {
    margin-bottom: 10px;
}

.btnTheme {
    background-color: transparent;
    border-color: transparent;
}


.btn {
    font-size: 14px;
    letter-spacing: 1.3px;
    padding: 0;
    border: 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    position: relative;
}
button, a {
    outline: none;
    color: #C3262E;
}

.btnThemeOutine:before {
    color: #fff;
}
.btn .btnText, .btn:before {
    border-radius: inherit;
}
.btnThemeOutine:before {
    color: #fff;
}

.btnTheme .btnText, .btnTheme:before {
    color: #fff;
}

.btn .btnText, .btn:before {
    border-radius: inherit;
}

.btn:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.btn:before {
    content: attr(data-hover);
    opacity: 0;
    -webkit-transform: translateY(50%) rotateX(90deg);
    transform: translateY(50%) rotateX(90deg);
    -webkit-transform-origin: right center 0;
    -ms-transform-origin: right center 0;
    transform-origin: right center 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    padding: 0.7rem 1.25rem;
}

.btnThemeOutine.btnThemeOutineNotWhite .btnText {
    color: #191919;
}
.quantity input, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .btnThemeOutine:before, .btnThemeOutine .btnText, .btnTheme .btnText, .btnTheme:before, .topBarSearchForm, .topBarSearchForm .form-group, .bannerSliderBlock.bannerSliderBlock02 .slick-arrow, .bannerSliderBlock.bannerSliderBlock03 .slick-arrow, .bannerSliderBlock.bannerSliderBlock04 .slick-arrow, .bannerSliderBlock.bannerSliderBlock05 .slick-arrow, .widget.rpListWidget ul > li.hover .imgWrap, .stepsGuideList > li.hover .icn, .stepsGuideList > li.active .icn, .filtersNavTabs.nav-tabs .nav-link, .wwdTabsetList.nav-tabs .nav-link.active, .phSocialLinks > li > a:hover, .pgSearchFormOpener:hover, .popActionsList > li > a:hover, .pagination.pagePagination .page-item.active .page-link, .pagination.pagePagination .page-link:hover, .popItemColumn__listView.hover, .cartForm .btnToCart, .swwdColumnsSliderType2 .slick-arrow, .rpPosterSlider .slick-arrow, .phadrList li.hover .icnWrap {
    border-color: #C3262E;
}

.btn .btnText, .btn:before {
    border-radius: inherit;
}

.btnText {
    border: 1px solid transparent;
    -webkit-transform: translateY(0px) rotateX(0deg);
    transform: translateY(0px) rotateX(0deg);
    -webkit-transform-origin: right center 0;
    -ms-transform-origin: right center 0;
    transform-origin: right center 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    opacity: 1;
    padding: 0.7rem 0.5rem;
}
.btn:hover:before {
    opacity: 1;
    -webkit-transform: translateY(0px) rotateX(0deg);
    transform: translateY(0px) rotateX(0deg);
    padding: 0.7rem 0;
}

.quantity input, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .btnThemeOutine:before, .btnThemeOutine .btnText, .btnTheme .btnText, .btnTheme:before, .topBarSearchForm, .topBarSearchForm .form-group, .bannerSliderBlock.bannerSliderBlock02 .slick-arrow, .bannerSliderBlock.bannerSliderBlock03 .slick-arrow, .bannerSliderBlock.bannerSliderBlock04 .slick-arrow, .bannerSliderBlock.bannerSliderBlock05 .slick-arrow, .widget.rpListWidget ul > li.hover .imgWrap, .stepsGuideList > li.hover .icn, .stepsGuideList > li.active .icn, .filtersNavTabs.nav-tabs .nav-link, .wwdTabsetList.nav-tabs .nav-link.active, .phSocialLinks > li > a:hover, .pgSearchFormOpener:hover, .popActionsList > li > a:hover, .pagination.pagePagination .page-item.active .page-link, .pagination.pagePagination .page-link:hover, .popItemColumn__listView.hover, .cartForm .btnToCart, .swwdColumnsSliderType2 .slick-arrow, .rpPosterSlider .slick-arrow, .phadrList li.hover .icnWrap {
    border-color: #C3262E;
}


.ui-widget-header, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .btnThemeOutine:before, .btnTheme .btnText, .btnTheme:before, .slickDots li.slick-active button, .slickDots button:hover, .slickBars li.slick-active button, .pageHeaderHolder.pageHeaderHolder02, .topBarContactList a, .booked-calendar tbody tr .bg-green, .booked-calendar tbody tr td .active, .pageNavHolder.pageNavHolder03, .pageNavHolder.pageNavHolder05, .pageMainNavigation.navbar-nav .nav-item.active .nav-link, .pageMainNavigation.navbar-nav .nav-link:before, .pageMainNavigation.navbar-nav .nav-link:hover, .mainNavDropdown.dropdown-menu .dropdown-item:hover, .mainNavDropdown.dropdown-menu .dropdown-item.active, .bannerSliderBlock.bannerSliderBlock02 .slick-arrow:hover, .bannerSliderBlock.bannerSliderBlock03 .slick-arrow:hover, .bannerSliderBlock.bannerSliderBlock04 .slick-arrow:hover, .bannerSliderBlock.bannerSliderBlock05 .slick-arrow:hover, .bannerSliderBlock .slick-arrow:hover, .widget.widget_tag_cloud .tagcloudItem:hover, .widget.widget_tag_cloud .tagcloudItem.active, .widgetFormtHead, .serviceColumn .columnBgCover:before, .filterList li:after, .filterList a:after, .filtersNavTabs.nav-tabs .nav-link:after, .filtersNavTabs.nav-tabs .nav-link:hover, .filtersNavTabs.nav-tabs .nav-link.active, .videoAside.overlayThemeColor.hover:before, .videoAside.overlayThemeColor:before, .btnPlay, .ltPostColumn .time, .ltPostColumn .ltPostBgCoverImage:before, .wwdTabsetAreaWrap .accOpener[aria-expanded="true"], .wwdTabsetList.nav-tabs.wwdTabsetList05 .nav-link:after, .wwdTabsetList.nav-tabs.shpTabsetList .nav-link:before, .wwdTabsetList.nav-tabs .nav-link.active, .phSocialLinks > li > a:hover, .languageSlctDrop .dropdown-item:hover, .languageSlctDrop .dropdown-item.active, .bsSSlide:after, .pSsImage:before, .hwwColumnsList .align:before, .pricePlanColumn.hover .btn, .pricePlanColumn .chBgCover:before, .popItemColumn[data-featured-tag]:before, .popActionsList > li > a:hover, .dsSortDropdown .dropdown-item.active, .pagination.pagePagination .page-item.active .page-link, .pagination.pagePagination .page-link:hover, .detailsImageSlider .imgWrap[data-featured-tag]:before, .cartForm .btnToCart:hover, .custom-control .custom-control-input:checked ~ .custom-control-label:after, .teamColumn.hover .captionWrap, .slickGalleryBars li.slick-active button, .swwdColumnsSliderType2 .slick-arrow:hover, .rpPosterSlider .slick-arrow:hover, .featuresList .wrap.hover, #back-top, .phadrList li.hover .icnWrap, .hiwStepsList > li.hover:before, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #C3262E;
}


.btnThemeOutine:hover {
    color: #fff;
}

.btn:hover, .btn:focus {
    text-decoration: none;
}

button, a, .mainNavDropdown.dropdown-menu, .featuresList.featuresList04 h3, .featuresList.featuresList04 .h3, .featuresList.featuresList04 .icn, .featuresList .wrap, .widget.rpListWidget .imgWrap, .serviceColumn, .serviceColumn h3, .serviceColumn .h3, .serviceColumn .columnBgCover, .stepsGuideList .icn, .filterList a:after, .filtersNavTabs.nav-tabs .nav-link:after, .prPostColumn.prPostColumnInGallery .prColumnBgCover:before, .prPostColumn.hasOverlay .prColumnBgCover:before, .prPostColumn .prColumnBgCover, .prPostColumn .prPostCaption, .testimonialSwitcherPicWrap, .videoBlockWrap.hasOverlay .videoBlockBgCover:before, .ltPostColumn.ltPostColumn05 .descriptionWrap, .ltPostColumn .alignleft, .ltPostColumn .aligncenter, .ltPostColumn h3, .ltPostColumn .h3, .ltPostColumn .time, .ltPostColumn .ltPostBgCoverImage:before, .yoeListing h3, .yoeListing .h3, .yoeListing .icn, .videoAside:before, .videoAside .btnPlay, .phadrList .icnWrap, .bsSSlide:after, .bsSSlide:before, .bsSSlide .holderWrap, .svcColumn, .prjctTextHolder, .pSsImage:before, .hwwColumnsList .align:before, .bannerAsideServicesList h3, .bannerAsideServicesList .h3, .bannerAsideServicesList .icn, .swwdPost .aligncenter, .hiwStepsList > li:before, .npssSlide, .npssSlide .powVisualPost .textWrap, .pricePlanColumn .columnHead, .pricePlanColumn .chBgCover, .popActionsList, .teamColumn h3, .teamColumn .h3, .teamColumn h4, .teamColumn .h4, .pdssImage, .ctList .icn, .ctList h3, .ctList .h3 {
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transition-property: color, background, border, visibility, opacity, max-height, max-width, -webkit-box-shadow, -webkit-transform;
    transition-property: color, background, border, visibility, opacity, max-height, max-width, -webkit-box-shadow, -webkit-transform;
    -o-transition-property: color, background, border, visibility, opacity, box-shadow, transform, max-height, max-width;
    transition-property: color, background, border, visibility, opacity, box-shadow, transform, max-height, max-width;
    transition-property: color, background, border, visibility, opacity, box-shadow, transform, max-height, max-width, -webkit-box-shadow, -webkit-transform;
}

.btn:hover .btnText {
    opacity: 0;
    -webkit-transform: translateY(-50%) rotateX(90deg);
    transform: translateY(-50%) rotateX(90deg);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    color: #000;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #c3262e;
}


/*End*/


/*icon /07/2024*/
article.product-2 {
    position: relative;
}

.img_option {
    position: absolute;
    top: 0;
    right: 0;
}

.img_option img {
    width: 40px;
}
/*End*/

h2.home__heading {
    padding: 0 10px 0 10px;
    background: #e5322c;
    color: #ffffff;
    height: 41px;
    line-height: 41px;
    border-radius: 10px 10px 0 0px;
    font-size: 17px;
    text-transform: none;
    border-bottom: 2px solid #2c8ac3;
}


a.d-block.img-zoom.home_category img {
    border-radius: 20px;
    border: 2px solid #dc2121;
    height: 140px;
}
@media (min-width: 992px) {
    .col-lg-2 {
       max-width: 20% !important;;
    flex: 20% !important;
    }
    img.w-100.img__product__home {
    height: 200px;
}
}