:root {
    --up-main-gradient: linear-gradient(90deg, #00AEEF 0.01%, #EC008C 50%, #FFF200 100%);
    --up-color-STRAWBERRY-POP: #EE1F52;
    --up-color-SOUR-CHERRY: #DD4B39;
    --up-color-BELUGA: #F1F1F1;
    --up-color-CASCADING-WHITE: #F6F6F6;
    --up-color-SNOWBANK: #E9E9E9;
    --up-color-PEARL: #f8f8f8;
    --up-color-WHITE: #FFFFFF;
    --up-color-SQUANT: #666666;
    --up-color-DARK-GREY: #363636;
    --up-color-MUTED-LAVENDER: #3B5998;
    --up-color-CERULEAN: #55ACEE;
    --up-color-BLUE-HIGHLIGHT: #30408E;
}

body {background: #fff}
header {box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); background: #FFF}

.hdr-top {padding: 10px 0;background: #16243d}

.transfer-text p{margin: 0;line-height: 25px;font-size: 16px;font-weight: 400;color: #363636;}
.button-a {border: 1px solid var(--up-color-BELUGA); color: var(--up-color-STRAWBERRY-POP);}
.button-a:hover {border-color: var(--up-color-STRAWBERRY-POP); background: var(--up-color-STRAWBERRY-POP); color: #FFF;}

.swiper-button-next, .swiper-button-prev {background-color: rgba(255, 255, 255, 0.2); transition: 0.3s;border-radius: 50%}
.swiper-button-next:hover, .swiper-button-prev:hover { box-shadow: 0 0 10px rgba( 0, 0, 0, .5 );}
.swiper-button-next::after, .swiper-button-prev::after {content: unset}

.xh-accordion::before {color: var(--up-color-STRAWBERRY-POP)}

.xh-social .buttons .item {color: var(--up-color-SOUR-CHERRY)}
.xh-social .buttons .item.fb {border-color: var(--up-color-MUTED-LAVENDER); background-color: var(--up-color-MUTED-LAVENDER); color: var(--up-color-WHITE)}
.xh-social .buttons .item.tw {border-color: var(--up-color-CERULEAN); background-color: var(--up-color-CERULEAN); color: var(--up-color-WHITE)}

ul.breadcrumb .uk-disabled a {color: #ff8347;}

/*.hdr .top {background-color: #00826E}*/
/*.hdr .top .right {color: #fff}*/
/*.hdr .top .right .social .item, .hdr .top .right .customer .item {border-color: rgba(0, 0, 0, 0.2);}*/
/*.hdr .top .right .social .item:last-child {border-color: rgba(0, 0, 0, 0.2);}*/
/*.hdr .top .right .social a {color: #fff}*/

/*.hdr .mid .seeker {border-color: #EEE; background-color: var(--up-color-PEARL)}*/
/*.hdr .mid .seeker select, .hdr .mid .seeker input {background-color: transparent}*/
/*.hdr .mid .seeker input:focus {outline-color: #00826E; outline-width: 0}*/
/*.hdr .mid .seeker input::placeholder {font-family: Roboto; font-size: 14px; color: #666}*/
/*.hdr .mid .seeker select::before {border-color: #d8d8d8}*/
/*.hdr .mid .seeker button {background-color: var(--up-color-STRAWBERRY-POP); color: #fff}*/
/*.hdr .mid .seeker button {background-color: var(--up-color-STRAWBERRY-POP); color: #fff}*/
/*.hdr .mid .select::before {border-right: 1px solid #d8d8d8}*/


.hdr .bot {border-color: var(--up-color-SNOWBANK)}
.hdr .bot .tpCategories {border-color: var(--up-color-BELUGA); color: var(--up-color-DARK-GREY)}

.hdr .bot .mainMenu a.item {color: var(--up-color-DARK-GREY)}
.hdr .bot .tpCategories:hover {background: var(--up-color-PEARL)}
.hdr .bot .tpCategories.uk-open {background: var(--up-color-PEARL)}
.hdr .bot .specialOffers .item {border-color: var(--up-color-STRAWBERRY-POP); color: var(--up-color-DARK-GREY)}

.darksider {background-color: #005C4E;}
.darksider a svg path {fill: #fff}
.darksider a:hover {color: #FFF; background-color: #CE171F;}
.darksider a:hover svg path {opacity: 1; fill-opacity: 1}
.darksider a.active {color: #FFF; background-color: #CE171F;}
.darksider a.active svg path {fill: #FFF; opacity: 1}

#sideBarLoginTarget {}
#sideBarLoginTarget .signin-box {width: 100%;}
#sideBarLoginTarget .signin-box .uk-subnav {margin-left: 0;}
#sideBarLoginTarget .signin-box .uk-subnav li {flex: 1; padding: 0}
#sideBarLoginTarget .signin-box .uk-subnav li:last-child {border-color: #006858}
#sideBarLoginTarget .signin-box .uk-subnav li a {border-color: #006858; color: #999;}
#sideBarLoginTarget .signin-box .uk-subnav li.uk-active a {background: rgba(0, 0, 0, 0); color: #000000;}


.signup-message {background: #F5F5F5}
.signup-message .heading {border-color: #EAEAEA; color: var(--up-color-BLUE-HIGHLIGHT);}
.current-user .item {color: #666}
.current-user .item span {color: var(--up-color-BLUE-HIGHLIGHT)}
.current-user .item:not(:last-child) {border-color: #EAEAEA; margin-bottom: 10px; padding-bottom: 10px}

.ft {background: #f8f8f8}
.ft-top ul.ft-menu .parent {color: #999}
.ft-top ul.ft-menu .child {color: #FFF}
.ft-top ul.ft-menu .child::after {background: #00AEEF}
.ft-top ul.ft-menu.ft-categories .child::before {color: #00AEEF}

.ft-top .app-links a { background: #FFF}
.ft-top .app-links a span {color: var(--up-color-DARK-GREY)}
.ft-top .app-links a div:not(.qr) {color: var(--up-color-STRAWBERRY-POP) }

.ft .ft-top .social {}
.ft .ft-top .social a {color: #000}
.ft .ft-top .social a:not(:last-child) {}
.ft .ft-top .social a::before {}
.ft .ft-top .social a:hover {}
.ft .ft-top .social a:hover::before {}

.ft .ft-top .social a.fb:hover {color: #3B5998}
.ft .ft-top .social a.fb:hover {box-shadow: 4px 3px 7px #3B5998}
.ft .ft-top .social a.tw:hover {color: #55ACEE}
.ft .ft-top .social a.tw:hover {box-shadow: 4px 3px 7px #55ACEE}
.ft .ft-top .social a.yt:hover {color: #FF0000}
.ft .ft-top .social a.yt:hover {box-shadow: 4px 3px 7px #FF0000}
.ft .ft-top .social a.in:hover {color: #FFCA59}
.ft .ft-top .social a.in:hover {box-shadow: 4px 3px 7px #FFCA59}

.ft .ft-top .contact > div span {color: #999999;}
.ft .ft-top .contact > div {color: #FFF;}

footer .address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
}
footer .address li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
}
footer .address li .feather {
    width: 20px;
    min-width: 20px;
    height: 20px;
    stroke: #4a5568;
}
footer .address li a {
    margin: 0 0 0 10px;
    color: #4a5568;
    line-height: 18px;
    font-size: 16px;
}

.section-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}
.section-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100px;
    background-color: #000;
    height: 1px;
}
.section-title h2 {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.mad-read-more {
    display: inline-block;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #26658c;
}
.mad-read-more:not(.no-arrow):after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 900;
    margin-left: 6px;
    top: 0;
}

.accountWidget .item {background-color: #fff;}
.accountWidget .item .icon {background-color: var(--up-color-STRAWBERRY-POP)}
.accountWidget .item .icon i {color: #FFF}
.accountWidget .item .text {color: #666}

.products.bordered-items .item {border-color:#F2F2F2;}
.products .item .img {border-color: #F2F2F2}
.products .item .name {color: var(--up-color-STRAWBERRY-POP);}
.products .item .price {color: var(--up-color-DARK-GREY)}
.products .item .wish {background-color: rgba(255, 255, 255, 0.5);}
.products .item .wish:hover {border-color: rgba(255, 255, 255, 0.3); background: var(--up-color-STRAWBERRY-POP)}
.products .item .wish:hover svg path  {fill: var(--up-color-WHITE)}

.border-dash {border-color: #F0F0F0;}
.border-dash .title  {background-color: #FFF;}

.custom-swiper .swiper-button-next {background-color: var(--up-color-WHITE)}

.contents-sqr .item {border: 1px solid var(--up-color-SNOWBANK);}

.contents-sqr .item .category {color: var(--up-color-STRAWBERRY-POP);}
.contents-sqr .item .name {color: #204270;}
.contents-sqr .item .description {color: var(--up-color-DARK-GREY)}
.contents-sqr .item .button {background: var(--up-color-STRAWBERRY-POP); color: #FFF}

.articles-list .item .category {color: var(--up-color-STRAWBERRY-POP);}
.articles-list .item .name {color: #204270;}
.articles-list .item .description {color: var(--up-color-DARK-GREY)}
.articles-list .item .button {background: var(--up-color-STRAWBERRY-POP); color: #FFF}

.categories-mini {border: 1px solid var(--up-color-BELUGA);}
.categories-mini .hding {border-bottom: 1px solid var(--up-color-STRAWBERRY-POP); color: #00826E}
.categories-mini .hding *:first-child {margin-right: 10px}
.categories-mini ul li:hover {background: var(--up-color-STRAWBERRY-POP);}
.categories-mini ul li:hover a {color: #FFF;}
.categories-mini ul li:hover a .fa {color: #FFF;}
.categories-mini ul li a {border: 1px solid var(--up-color-BELUGA); border-top: 0; border-right: 0; border-left: 0; box-sizing: border-box; color: var(--up-color-DARK-GREY)}
.categories-mini ul li a .fa {color: var(--up-color-STRAWBERRY-POP)}
.categories-mini ul li:last-child a {border-bottom: 0}

.collection .box .name{ color: var(--up-color-STRAWBERRY-POP);}

.categories-grid .categories-grid-top .title {color: var(--up-color-STRAWBERRY-POP);}
.categories-grid .categories-grid-top .desc {color: #E89AAD;}
.categories-grid .categories-grid-list .name {color: var(--up-color-STRAWBERRY-POP)}
.categories-grid .categories-grid-list .count {color: #999}

.categories-grid .swiper-slide .item .name {color: var(--up-color-STRAWBERRY-POP)}
.categories-grid .swiper-slide .item .caption {color: #00826E}

.dropdown-body {border-color: var(--up-color-STRAWBERRY-POP);  background: #fff; }
.dropdown-body .dropdown-body-cats {border-color: var(--up-color-BELUGA);}
.dropdown-body .dropdown-body-subCats {flex: 3}
.dropdown-body .dropdown-body-cats .item {border-color: var(--up-color-BELUGA); color: var(--up-color-DARK-GREY)}
.dropdown-body .dropdown-body-cats .item:hover {color: var(--up-color-STRAWBERRY-POP)}

.related-links .item {color: var(--up-color-DARK-GREY)}
.related-links .item span {color: #00826E}
.related-links .item i {color: var(--up-color-STRAWBERRY-POP);}
.related-links .item:hover {background: var(--up-color-STRAWBERRY-POP); color: #fff}
.related-links .item:hover span {color: #fff}
.related-links .item:hover i {color: #fff}
.related-links .item.active {background: var(--up-color-STRAWBERRY-POP); color: #fff}
.related-links .item.active span {color: #fff}
.related-links .item.active i {color: #fff}


article .name {color: #204270}
article .published {color: var(--up-color-STRAWBERRY-POP)}

.related-articles.list .title {color: #00826E}
.related-articles.list .item:hover .name {color: var(--up-color-STRAWBERRY-POP)}
.related-articles.list .item .name {color: #204270;}
.related-articles.list .item .published {color: #999}

.product {}
.product hgroup .name {color: var(--up-color-DARK-GREY)}
.product hgroup .productId {color: #999 }
.product hgroup .productId span {color: #00826E}
.product .price .base {color: var(--up-color-STRAWBERRY-POP)}
.product .price .compare {color: #999;}
.product .price .discount {color: var(--up-color-DARK-GREY); background-color: #F3F3F3}

.discount-prices {background: linear-gradient(90deg, #00AEEF 0.01%, #EC008C 50%, #FFF200 100%);}
.discount-prices .prices { padding: 20px 25px; }
.discount-prices .prices .td {color: rgba(0, 0, 0, 0.5)}
.discount-prices .prices .base {color: #FFF;}
.discount-prices .prices .compare {color: #FDDFE1}
.discount-prices .timer {}
.discount-prices .timer .counterBox {background: rgba(0, 0, 0, 0.3); color: #fff;}
.discount-prices .timer .counterBox:not(.first):before {color: #111}

/*for print*/
.product .details .caption {color: #00AEEF}

.purchase-button span {color: var(--up-color-DARK-GREY);}
.purchase-button .icon {background: #EC008C;}
.purchase-button .icon svg {fill: #FFF; }
.purchase-button:hover {background: #EC008C;}
.purchase-button:hover span {color: #FFF}
.purchase-button:hover .icon {background: #FFF;}
.purchase-button:hover .icon svg {fill: #EC008C;}
.purchase-button.disabled {background: rgba(153, 153, 153, 0.53); cursor: default}
.purchase-button.disabled .icon {background: transparent;}
.purchase-button.disabled:hover {background: rgba(153, 153, 153, 0.53)}
.purchase-button.disabled:hover .icon {background: transparent;}
.purchase-button.disabled:hover span {color: var(--up-color-DARK-GREY)}

.category-list-box{padding-top: 50px}
.product-category-list {
    width: 100%;
    box-sizing: border-box;
    transition: .5s all;
    border-bottom: 2px solid #ff8347;
    padding-bottom: 10px;
}
.product-category-list-side {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    transition: .5s all;
}
.product-category-list__name {
    font-size: 16px;
    font-weight: bold;
    color: #ff8347;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    margin: 0;
    z-index: 2;
}
.basket-box{width: 100%;display: flex;align-items: center}
.basket-box input{width: 60px;margin-right: 15px;border-radius: 6px;}

.product-category-list__img{position: absolute;bottom: 0;top: 65px;left: 0;right: 0;}

.committee-item {
    width: 100%;
    height: 0;
    padding-bottom: 77%;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #ddd;
    box-sizing: border-box;
    transition: .5s all;
    margin-bottom: 30px;
    border-radius: 10px;;
}
.side {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: .5s all;
}
/*.side-bg:before {*/
/*    content: '';*/
/*    background: rgba(31,60,146,.6);*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    top: 0;*/
/*}*/
.committee-item__name {
    font-size: 16px;
    font-weight: bold;
    color: #ff8347;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    padding: 0 20px;
    margin: 10px 0;
    z-index: 2;
}
.committee-item__img{position: absolute;bottom: 0;top: 65px;left: 0;right: 0;}
.side:last-child {
    position: absolute;
    left: 0;
    right: 0;
    bottom: auto;
    top: 100%;
}
.committee-item__description {color: #fff;font-size: 14px;}
.committee-item__description ul {margin: 0}
.committee-item__description ul li{margin-bottom: 5px;text-align: start;}
.committee-item:hover .side:first-child {top: 0;transform: translateY(-100%);}
.committee-item:hover .side:last-child {
    top: 0;
    bottom: 0;
    background: rgb(93 206 187 / 95%);
}

.mad-product {
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #FC7E0A;
    position: relative;
    overflow: hidden;
    transition: all .5s ease;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.07)
}
.mad-product .mad-product-image {
    height: 240px;
    position: relative;
    background: none!important;
    margin-bottom: 20px;
    overflow: hidden;
}
.mad-product-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    transition: 1s ease-in-out;
}
.mad-product-description{height: 40px;}
.mad-product-description .mad-product-title{
    margin: 0;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    color: #000;
}
.price-box{margin-bottom: 15px;display: flex;align-items: center;border-top: 1px solid #0347FE;padding-top: 15px;}
.price-head{margin-right: 5px;font-size: 20px;font-weight: 800;line-height: 20px;}
.price-for{font-size: 20px;line-height: 20px;font-weight: 300;color: #000;}
.mad-product-description .mad-product-title .mad-link {color: #000;font-weight: 600;font-size: 18px;line-height: 20px;border: none;}
.mad-info-item {
    font-size: 0.8125rem;
    color: #8b9599;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: 0.5rem;
    row-gap: 0.5rem;
}
.mad-product-price {
    position: relative;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    color: #ff8347;
    display: block;
}
.mad-product-price span {
    font-size: 16px;
    font-weight: 500;
    color: #8b9599;
    padding-left: 0.25rem;
}
.mad-cart, .mad-product .mad-actions > a {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-size: 18px;
    color: #2e2133;
    background: #edf1f2;
    display: block;
    border-radius: 50%;
}
.product-list-cart, .mad-product .mad-actions > a {
    width: auto;
    padding: 0 10px;
    line-height: 2.5rem;
    text-align: center;
    font-size: 18px;
    color: #2e2133;
    background: #edf1f2;
    display: block;
    border-radius: 8px;
}
.mad-product:hover {
    border-color: #0347FE;
}
.mad-product:hover .mad-product-image img{transform: scale(1.1);transition: 1s ease-in-out}
.mad-product-description .mad-product-title .mad-link:hover {
    color: #2e3133;
}

.product-list-pull {
    position: relative;
    overflow: hidden;
    transition: all .5s ease;
}
.product-list-pull .product-list-image {
    height: 180px;
    position: relative;
    padding: 10px;
    border: 1px solid #ddd;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.product-list-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.product-list-description{padding: 10px;height: 60px;background: #efefef;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.product-list-description .product-list-title{
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
}
.product-list-description .product-list-title .mad-link {
    color: #363636;
    font-weight: 400;
    border: none;
}
.product-list-info-item {
    font-size: 20px;
    color: #8b9599;
    display: flex;
    flex-wrap: wrap;
    align-items: self-start;
    justify-content: space-between;
    flex-direction: column;
    column-gap: 10px;
    row-gap: 10px;
}
.product-list-price {
    position: relative;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    color: #ff8347;
    display: block;
}
.product-list-price span {
    font-size: 16px;
    font-weight: 500;
    color: #8b9599;
    padding-left: 0.25rem;
}
.product-list-remaining {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #000;
    display: block;
}
.product-list-remaining-not{ font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: red;
    display: block;}
.product-list-cart, .product-list-pull > a {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    font-size: 18px;
    color: #2e2133;
    background: #edf1f2;
    display: block;
    border-radius: 50%;
}
.product-list-cart, .product-list-pull > a {
    width: 100%;
    padding: 0;
    line-height: 2.5rem;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    color: #2e2133;
    background: #edf1f2;
    display: block;
    border-radius: 8px;
}
.product-list-pull:hover {
    border-color: #0347FE;
}
.product-list-description .product-list-title .mad-link:hover {
    color: #2e3133;
}
.bg-vet-back{background: #0347FE}
.compare {margin-left: 15px;font-size: 14px;font-weight: 400;text-decoration: line-through;line-height: 100%;color: #999;}
.totalQtyPrice{font-size: 18px;font-weight: 700;color: #000;}
.category-list-pull {
    position: relative;
    overflow: hidden;
    transition: all .5s ease;
}
.category-list-pull .category-list-image {
    height: 180px;
    position: relative;
    padding: 10px;
    border: 2px solid #02313D;
    border-top-left-radius: 30px;
    border-top-right-radius: 0;
}
.category-list-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.mad-product-sale{margin-top: 15px;display: flex;align-items: center;justify-content: center}
.sale-price{margin-right: 15px;font-size: 20px;}
.mad-product-sale-title{text-align: center}
.mad-product-sale-title .mad-link {color: #000;font-weight: 600;font-size: 18px;line-height: 20px;border: none;}

.category-list-description{padding: 15px;height: 70px;background: #02313D;border-bottom-left-radius: 0;border-bottom-right-radius: 30px;}
.category-list-description .category-list-title{
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #fff;
}

.breadcrumb-box{background: #ededed}
.pages-box{margin: 30px 0}
.shop-details-content > .title {font-size: 26px;font-weight: 600;color: #000;margin-bottom: 16px;}
.shop-details-price {display: flex;align-items: center;margin-bottom: 12px;}
.shop-details-price > .title {font-size: 24px;color: #282828;font-weight: 700;margin-bottom: 0;}
.shop-details-quantity {display: flex;align-items: center;flex-wrap: wrap}
.cart-plus-minus {
    position: relative;
}
.cart-plus-minus {
    width: 116px;
    flex: 0 0 116px;
    margin-right: 12px;
}
.cart-plus-minus input {
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    height: 45px;
    text-align: center;
    padding: 0 30px;
    font-size: 13px;
    color: #282828;
    font-weight: 600;
    box-sizing: border-box;
}
.cart-plus-minus .qtybutton {
    position: absolute;
    top: 0;
    left: 0;
    width: 31px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    color: #696868;
    cursor: pointer;
    border-right: 1px solid #e1e1e1;
    user-select: none;
    -moz-user-select: none;
}
.cart-plus-minus .qtybutton.inc {
    left: auto;
    right: 0;
    border-right: none;
    border-left: 1px solid #e1e1e1;
}
.cover-img{
    position: absolute;
    object-fit: contain;
    height: 100%;
    width: 100%;}
.shop-details-quantity > a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: #0347FE;
    line-height: 1;
    padding: 16px 22px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    margin-left: 12px;
    justify-content: center;
}
.shop-details-quantity > a i {
    margin-right: 5px;
}
.shop-details-quantity .cart-btn {
    background: #FC7E0A;
    min-width: 129px;
}
.shop-details-bottom ul li > span {
    margin-right: 7px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.shop-details-bottom ul li > span i{display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 8px;
    color: #0347FE;
    border: 1px solid #0347FE;
    font-size: 18px;}
.shop-details-bottom ul li > a {
    font-size: 14px;
    font-weight: 500;
    color: #0347FE;
}
.shop-details-bottom ul li > a span{
    font-size: 14px;
    font-weight: 500;
    color: #d94945;
}

.shop-details-bottom ul{
    display: flex;align-items: center;
}
.shop-details-bottom ul li+li {
    margin-left: 12px;
}

.shop-details-bottom ul{margin: 0;padding: 0}
.shop-details-bottom ul li{list-style: none}

.shop-details-quantity > a:hover {
    background: #222;
}
.shop-details-quantity .cart-btn:hover {
    background: #16243d;
}

.article-list-img img{width: 100%;height: 250px;object-fit: cover;object-position: top;}
.article-list-box{padding: 20px}
.article-list-name{font-size: 20px;line-height: 25px;color: #0347FE;font-weight: 600;}
.article-list-name a{color: #0347FE;}
.article-list-desc{margin-top: 15px;margin-bottom: 0;font-size: 14px;line-height: 20px;font-weight: 400;color: #000;}
.logo-text{font-size: 32px;line-height: 20px;color: #000;padding-left: 20px;margin: 0px 0;font-family: Roboto;font-style: italic;}
.mainTopBanner{}
.mainTopBannerImg{height: 450px}
.mainTopBannerImg img{height: 100%;width: 100%;object-fit: cover;border-radius: 10px}

/*--------------------------------------------------------------
# Site Footer
--------------------------------------------------------------*/
.site-footer {
    position: relative;
    display: block;
    background-color: #16243d;
    z-index: 1;
}

.site-footer-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1709px;
    mix-blend-mode: color-burn;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.site-footer__top {
    position: relative;
    display: block;
    padding: 60px 0;
}

.footer-widget__logo {
    position: relative;
    display: inline-block;
    margin-bottom: 33px;
    margin-left: -20px;
}

.footer-widget__about {
    position: relative;
    display: block;
}

.footer-widget__about-text-box {
    position: relative;
    display: block;
}

.footer-widget__about-text {
    color: #fff;
    line-height: 30px;
    font-size: 16px;
}

.site-footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 32px;
}

.site-footer__social a {
    position: relative;
    height: 43px;
    width: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 15px;
    border-radius: 17px;
    border: 2px solid #015fc9;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.site-footer__social a:hover {
    color: #015fc9;
    background-color: #fff;
    border: 2px solid #fff;
}

.site-footer__social a:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #fff;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: all;
    transition-property: all;
    opacity: 1;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    z-index: -1;
}

.site-footer__social a:hover:after {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.site-footer__social a+a {
    margin-left: 10px;
}

.footer-widget__title {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 40px;
}

.footer-widget__contact {
    position: relative;
    display: block;
}

.footer-widget__contact-list {
    position: relative;
    display: block;
    padding: 0;
}

.footer-widget__contact-list li {
    position: relative;
    display: flex;
}

.footer-widget__contact-list li+li {
    margin-top: 20px;
}

.footer-widget__contact-list li .icon {
    position: relative;
    display: block;
}

.footer-widget__contact-list li .icon i {
    font-size: 14px;
    color: #015fc9;
}

.footer-widget__contact-list li .text {
    margin-left: 14px;
}

.footer-widget__contact-list li .text p {
    font-size: 16px;
    color: #fff;
    line-height: 25px;
}

.footer-widget__contact-list li .text p a {
    color: #fff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget__contact-list li .text p a:hover {

}

.footer-widget__open-hour {
    position: relative;
    display: block;
    margin-top: 26px;
}

.footer-widget__open-hour-title {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 10px;
}

.footer-widget__open-hour-text {
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    margin: 0;
}

.footer-widget__gallery {
    position: relative;
    display: block;
}

.footer-widget__gallery-list {
    position: relative;
    display: block;
    margin-right: -5px;
    margin-left: -5px;
    padding-top: 7px;
}

.footer-widget__gallery-list li {
    position: relative;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 15px;
}

.footer-widget__gallery-img {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    z-index: 1;
}

.footer-widget__gallery-img:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    transition: all 700ms ease;
    transform: translateY(-100%);
    border-radius: 5px;
    z-index: 1;
}

.footer-widget__gallery-list li:hover .footer-widget__gallery-img:before {
    transform: translateY(0%);
}

.footer-widget__gallery-img img {
    width: 100%;
    border-radius: 5px;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
    transform: scale(1);
}

.footer-widget__gallery-list li:hover .footer-widget__gallery-img img {
    transform: scale(1.05);
}

.footer-widget__gallery-img a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    transform: translateY(100px);
    opacity: 0;
    transition: all 700ms ease;
    z-index: 2;
}

.footer-widget__gallery-list li:hover .footer-widget__gallery-img a {
    transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.3s;
}

.footer-widget__newsletter {
    position: relative;
    display: block;
}

.footer-widget__newsletter-text {
    color: #97a2b7;
    line-height: 26px;
    font-size: 15px;
}

.footer-widget__newsletter-form {
    position: relative;
    display: block;
    margin-top: 27px;
    margin-bottom: 27px;
}

.footer-widget__newsletter-input-box {
    position: relative;
    display: block;
}

.footer-widget__newsletter-input-box input[type="email"] {
    height: 60px;
    width: 100%;
    border: none;
    outline: none;
    padding-left: 20px;
    padding-right: 60px;
    background-color: #111d32;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #97a2b7;
}

.footer-widget__newsletter-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    height: 35px;
    width: 35px;
    border: none;
    font-size: 15px;
    background-color: transparent;
    color: #fff;
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget__newsletter-btn:hover {
    color: #015fc9;
}

.footer-widget__phone {
    position: relative;
    display: flex;
    align-items: center;
}

.footer-widget__phone-icon {
    position: relative;
    display: flex;
    align-items: center;
}

.footer-widget__phone-icon span {
    font-size: 37px;
    color: #0ce0ff;
    position: relative;
    display: inline-block;
}

.footer-widget__phone-text {
    position: relative;
    margin-left: 15px;
    display: flex;
    flex-direction: column;
}

.footer-widget__phone-text a {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.footer-widget__phone-text a:hover {
    color: #0ce0ff;
}

.footer-widget__phone-text p {
    font-size: 14px;
    color: #97a2b7;
    line-height: 26px;
}

.site-footer__bottom {
    position: relative;
    display: block;
}

.site-footer__bottom-inner {
    position: relative;
    display: block;
    border-top: 1px solid rgba(255, 255, 255, .10);
    padding: 20px 0;
    color: #fff;
}

.site-footer__bottom-text {
    color: #97a2b7;
}

.site-footer__bottom-text a {
    color: #97a2b7;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.site-footer__bottom-text a:hover {
    color: #fff;
}

.videoBox {border-radius: 10px;overflow: hidden;padding: 20px;background-color: #000}

.video-list {position: relative;overflow: auto}
.video-live-btm{margin-bottom: 20px}
.particles-js-canvas-el{position: absolute}
.video-grid-title i{margin-left: 10px}
.video-live-main {position: relative;display: block;border-radius: 10px;padding-bottom: 62.41%;overflow: hidden;}
.video-live-main > * {position: absolute;top: 50%;right: 50%;transform: translate(50%, -50%);width: 100%;height: 100%}
.video-title {padding: 7px 10px;display: flex;justify-content: center;align-items: center;font-size: 14px;line-height: 34px;width: 100px;text-transform: uppercase;color: #fff;background-color: #006eb5;}
.video-title:hover {color: #fff;}
.video-title > i {margin-left: 5px;font-size: 16px;}
.video-items {margin: 0;padding: 0;list-style: none;}
.video-items > li {margin-top: 20px;}
.video-items > li:first-child {margin-top: 0;}
.video-item {position: relative;overflow: hidden;}
.video-item.playing::before {content: "";position: absolute;top: 10px;left: 10px;border-radius: 50%;transform: translate(-50%, -50%);width: 10px;height: 10px;animation: playingNow infinite 3s linear;background-color: #ff0000;z-index: 5;}
.video-item-img {position: relative;border-radius: 3px;padding-bottom: 56%;height: 0;background-color: #ccc;}
.video-item-text {padding-right: 10px}
.video-item-title p{display: -webkit-box;margin-bottom: 10px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-weight: 700;font-size: 14px;line-height: 21px;color: #fff;}
.video-item-info {font-size: 13px;color: rgb(170, 170, 170);}
@keyframes playingNow {
    from {
        opacity: .3;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: .3;
    }
}
.ps {max-height: 500px;}

.breaking_news {width:100%;font-size: 14px;background: -webkit-linear-gradient(95deg, #0ACCFD 0%, #0347FE 100%);background: -moz-linear-gradient(95deg, #0ACCFD 0%, #0347FE 100%);background: -webkit-linear-gradient(95deg, #0ACCFD 0%, #0347FE 100%);}
.breaking_news:after{position:relative;clear: both;; display: table;; content: "";}
.label {float: left;padding: 0 15px;font-size: 14px;color: #FFF;line-height: 40px;font-weight: bold;height: 40px;text-transform: uppercase;}
.news_title {line-height: 40px;height: 40px;float:left;width: calc(100% - 156px); position: relative; overflow: hidden;}
.breaking_news__title{font-size: 14px;display: inline-block;color: #fff;padding: 0 20px;font-family: Roboto, sans-serif;     text-overflow: ellipsis;white-space: nowrap; overflow: hidden; font-weight: 700;}
.breaking_news__title:hover{opacity: .9;color: #fff;}
.js-marquee{display: flex}
.breaking-before{display: flex;align-items: center}
.breaking-before:before{content: "\f0c1";position: absolute;font:normal normal normal 14px/1 FontAwesome;color: #fff}
/* Ripple magic */
.ripple {position: relative;overflow: hidden;}
.ripple:after {content: '';position: absolute;top: 50%;left: 50%;width: 5px;height: 5px;background: rgba(255, 255, 255, .5);opacity: 0;border-radius: 100%;transform: scale(1, 1) translate(-50%);transform-origin: 50% 50%;}
.breaking_news-close{padding: 0;margin: 0;border: none;background: none;color: #ffffff;font-size: 14px;cursor: pointer;position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); z-index: 3;}
@keyframes ripples {
    0% {
        transform: scale(0, 0);
        opacity: 1;
    }
    20% {
        transform: scale(25, 25);
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: scale(40, 40);
    }
}

.ripple::after {
    animation: ripples 1.5s ease-out  infinite;
}

.ss-button-mini {display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;border-radius: 8px;padding: 7px 10px;width: max-content;-webkit-transition: .3s;transition: .3s;background: #027CE6;color: #fff}

.ss-button-mini:hover {border-color: #027CE6;color: #fff}
.cart-section{margin-top: 30px}
.empty-basket-box{padding: 40px 30px;background: #fff;box-shadow: 0 0 50px 0 rgb(0 0 0 / 15%);border-radius: 6px;}
.empty-basket {width: 400px;height: 400px;margin: 5% auto 0px;background-size: contain;background-position: center center;background-image: url(../assets/basket.png);}
.empty-basket-box h6 {color: rgb(102, 102, 102);font-size: 20px;font-weight: 600;margin-bottom: 20px;text-align: center;}
.empty-basket-box p {color: rgb(119, 119, 119);padding: 10px;margin: 0px auto;font-size: 12px;max-width: 800px;text-align: center;}

.product-top-information{display: flex;align-items: center;justify-content: space-between;margin: 30px 0;padding: 20px;border-radius: 10px;background: #efefef;border: 1px solid #ededed}
.product-right-information{background: #efefef;padding: 15px;border-radius: 10px;height: 570px;overflow: auto;}
.c-content table {
    font-size: 13px;
    margin: 20px 0;
    width: 100%;
    border-top: 3px solid #363636;
    border-bottom: 2px solid #363636;
    border-collapse: collapse
}
.c-content table th {
    border: 1px solid #ccc;
    border-bottom: 1px solid #363636;
    font-weight: bold;
    padding: 4px;
    color: #363636;
}
.c-content table td {
    border: 1px solid #dbe1ea;
    padding: 4px;
    color: #363636;
    font-weight: 300
}
.c-content table th > p,
.c-content table td > p {
    margin: 0
}
.c-content table.tright tr:nth-child(even) {
    background-color: #fbfdff
}
.c-content table.tleft tr:nth-child(even) {
    background-color: #fbfdff
}
.c-content table.tshort td {
    padding: 2px
}

@media (min-width: 768px) and (max-width: 978px) {
    .c-content blockquote {
        width: 400px;
        font-size: 1.2em
    }
    .c-content blockquote > p {
        font-size: 1em
    }
}
@media (min-width: 601px) and (max-width: 767px) {
    .c-content blockquote {
        width: 300px;
        font-size: 1em
    }
    .c-content blockquote > p {
        font-size: 1em
    }
}
@media (max-width: 600px) {
    .c-content blockquote {
        width: 90%;
        font-size: 1em;
        padding: 10px 10px 40px 10px !important;
    }
    .c-content blockquote > p {
        font-size: 1em
    }
    .c-content img{
        width: 100% !important;
    }
}
@media (max-width: 480px) {
    .c-content blockquote {
        float: none;
        margin: 20px auto;
    }
    .c-content blockquote:before{
        margin-left: -.09em;
        font-size: 120px;
        top: 19px;
    }
}

@media (max-width: 600px) {
    .c-content table {
        width: 100% !important
    }

}

.wowbook-page-content img{width: 100%;height: 100%;object-fit: contain}
.feedback__title {display: block;padding-bottom: 10px; font-size: 24px; font-weight: 400; color: #000}
.feedback-item {margin-bottom: 15px}
.feedback-item input,.feedback-item textarea {box-shadow: inset 3px 3px 3px rgba(0, 0, 0, 0.05); font-size: 14px !important;}
.feedback-item input::placeholder,.feedback-item textarea::placeholder {font-size: 14px !important; font-family: 'Roboto'}
.feedback-item textarea {padding-top: 10px}
.feedback-item__text--error{border: 1px solid #dd2c00}
.feedback-item__text--error-msg{color: #dd2c00; font-size: 12px; display: block; margin-bottom: 5px;}
.card-item-list{margin-bottom: 20px;padding: 20px;border-radius: 10px;display: flex;align-items: center;background: linear-gradient(to top right, #007bff, #002f36);}
.card-item-list-icon{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 4px;font-size: 24px;color: #0347FE;}
.card-item-text p{color: #fff;margin-left: 20px;font-size: 18px;line-height: 35px;margin-bottom: 0;}
.card-list-social{margin-top: 20px;display: flex}
.social{display: flex}
.card-list-social a{width: 40px;height: 40px;background: linear-gradient(to top right, #007bff, #002f36);color: #fff;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-right: 15px;font-size: 18px;}
.card-body:not(:last-child) {border-right: 1px solid #F6F6F6;}
.card-body .social {display: flex; gap: 20px}
.card-body .social .item {font-size: 24px;}
.card-body .social .item.tw {color: #55ACEE}
.card-body .social .item.yt {color: #FF0000}
.card-body .social .item.in {color: #FFCA59}

.download-btn a {
    background-color: #FC7E0A;
    display: inline-block;
    position: relative;
    margin: 15px 0;
    width: 100%;
    padding: 15px 20px 15px 80px;
    color: #fff;
    font-size: 18px;
    transition: all 0.4s ease;
    border-radius: 4px;
}
.download-btn a:before {
    content: "\f019";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    font-size: 26px;
    border-radius: 0 20px 0 0;
    color: #000;
    background-color: #fff;
    opacity: 0.3;
    padding: 10px 20px;
    top: 0;
    left: 0;
}
#myPdfMobile{display: none}
@media (max-width: 600px) {
    .mainTopBannerImg{height: auto}
    .mainTopBannerImg img{object-fit: contain}
    .committee-item{padding-bottom: 115%}
    .committee-item__name{font-size: 14px;}
    .committee-item__img{top: 77px}
    .xh-client-content .head {margin-bottom: 10px;display: block;height: auto;}
    .grid-5{display: block}
    #myPdfMobile{display: block}
    #myPdf {display: none}
}