body{margin:0;padding:0;overflow-x:hidden;font-family:Ubuntu}
body::-webkit-scrollbar-track{border-radius: 0px;	background-color: transparent;}
body::-webkit-scrollbar{width: 6px;background-color: transparent;transition:all ease .5s}
body::-webkit-scrollbar-thumb{border-radius: 6px;background-color: #f04e23;}
ul{list-style-type:none;padding:0;margin:0}
a{text-decoration:none;transition:all ease .5s}
figure{margin:0}
.form-control{transition:all ease .5s}
.container{max-width:1444px}

.header{width:100%;position:relative;background:#fff;z-index:9;padding:23px 0;transition:all ease .5s}
.navbar{padding:0;transition:all ease .5s}
.navbar-nav{align-items:center;width:100%;justify-content: right;}
.navbar-nav .nav-item{position:relative;display: flex;align-items: center;margin:0 5px}
.navbar-nav .nav-item:first-child{margin-left:0}
.navbar-nav .nav-item:last-child{margin-right:0}
.navbar-nav .nav-item .nav-link{color:#999999;font-weight:500;font-size:16px;font-family:Ubuntu}
.navbar-nav .nav-item:first-child .nav-link{margin-left:0;}
.navbar-nav .nav-item:last-child .nav-link{margin:0;}
.navbar-nav .nav-item .nav-link.active, 
.navbar-nav .nav-item .nav-link:hover{color:#f04e23;}
.navbar-nav .nav-item .nav-link.search{color:#f04e23;border-radius:360px;font-size:16px;width:110px;height:40px;line-height:40px;padding:0;padding-left:10px;border:solid 1px #acacac;transition:all ease .5s}
.navbar-nav .nav-item .nav-link.search:hover{color:#063579;border:solid 1px #f04e23;transition:all ease .5s}
.navbar-expand-lg .navbar-nav .dropdown-menu.lang{border: solid 1px #cccccc;border-radius: 8px;padding: 8px 27px;top: 55px;left:-48px;}
.navbar-expand-lg .navbar-nav .dropdown-menu.lang li{width:50px;display: inline-block;text-align:center}
.navbar-expand-lg .navbar-nav .dropdown-menu.lang li a{padding:0}
.dropdown-item.active, .dropdown-item:active{background:none;border:solid 2px #ccc;border-radius:4px;padding:2px 0}
.dropdown-toggle::after{display:none}
.last-menu {border:solid 1px #cccccc;border-radius:5px}
.last-menu a{padding: 6px 5px;font-size:15px!important;height:40px;line-height:29px;}
.last-menu a img{margin-left:10px}
.last-menu a:hover{background:#003286;color:#fff!important;}
.last-menu a:hover img{filter:invert(1)}
.last-menu .pop-up-search img{margin:0;}
.navbar-nav .last-menu:last-child{border:none;}
.navbar-nav .last-menu:last-child a{background:#f5f5f5;border-radius:50%;width:50px;height:50px;text-align: center;line-height: 35px;}
.last-menu .pop-up-search{border:none}
.navbar-nav .nav-item .last-menu a.nav-link{color:#706f6f;font-size:16px;}
.sticky{position:fixed;transition:all ease .5s;background:#fff;width:100%;top:0;box-shadow:#ee4b2577 0 2px 10px;left:0;padding:25px}
.sticky-fixed.fixed-0{top:75px!important}
.alert{position:fixed;right:50px;width:400px;z-index:1051;transition:all ease .5s}
.white-icon::before{background:url('../images/white-icon.png') no-repeat center center;width:33px;height:15px;content:'';position:absolute;bottom:-15px;left:50%;margin-left:-16px}


.menu,.menu-close{height: 50px;width: 30px;padding:17px 0;border-left:solid 2px #f2f2f2;padding-left:10px}
.menu-img,.close-img{position:absolute;width:30px;}
.close-img{opacity:0;z-index:1}
.menu-img{z-index:2}
.close{animation:close ease 1s;animation-duration:1s;opacity:0;transform: scale(1);}
.open{animation:open ease 1s;animation-duration:1s;opacity:1;transform: scale(1);}

@keyframes close{0%{transform:rotate(-360deg);opacity:1}100%{transform:rotate(-180deg)  scale(.1);opacity:0;}} 
@keyframes open{0%{transform:rotate(360deg) scale(.5);opacity:0}100%{transform:rotate(180deg) scale(1);opacity:1;}}
.fixed-menu{position:absolute;top:-500px;width:272px;z-index:999;background:#fff;padding:27px 30px;display:flex;justify-content:center;transition:all ease .5s;left:0;border-radius:0;opacity:0}
.menu-list{color:#6d6e71;font-weight:500;font-size:15px}
.menu-list h3{margin-bottom:15px;font-size:20px}
.menu-list li{margin-bottom:15px;display:block}
.menu-list li a{color:#6d6e71;transition:all ease .5s;}
.menu-list li a:hover{color:#e94411;transition:all ease .5s;}
.menu-list li ul li a{font-weight:300;position:relative;padding-left:15px}
.menu-list li ul li a::after{content:"\f105";position:absolute;left:0;font-family: "Font Awesome 5 Free";font-weight:900;}
.menu-list li ul{margin:20px 0}
.menu-list li ul li{margin:5px}
.menu-list > ul > li:last-child{display: flex;align-items: center;column-gap: 20px;}
.menu-list > ul > li:last-child a{font-family:Ubuntu;color:#e94411;font-weight:800}
.fixed-0{top:74px;opacity:1}
.page-section{padding:80px 0}
.page-section h3{color:#003399;font-size:34px;font-weight:400;text-align:center}

.page-top{height:292px;position:relative;transition:all ease .5s}
.page-middle{display:flex;align-items:center;height: 100%;}
.page-middle h2{color:#fff;font-weight:500;font-size:25px;margin:0;font-family:Ubuntu}
.page-middle .breadcrumb{margin:0}
.page-bottom{position:relative;width:100%;bottom:0}
.page-middle .breadcrumb li,
.page-middle .breadcrumb li a{color:#fff;font-weight:300;font-size:15px;text-decoration:none}
.page-middle .breadcrumb-item+.breadcrumb-item::before{content:'|';color:#fff}

.dealer-title{position:relative;}
.dealer-title h3{font-size:30px}

footer{background:#003286 url('../images/footer-bg.jpg') no-repeat center center/cover;padding:100px 0 0 0}
footer .footer-top,
footer .footer-bottom{position:relative;z-index:9}
footer ul.social-icons li{display:inline-block;color:#fff;font-weight:500;padding:0 15px;border-left:solid 1px #fff;}
footer ul.social-icons li a{color:#fff;text-align:center;font-size:24px;}
footer ul.social-icons li:last-child{border-right:solid 1px #fff}
footer ul.social-icons li:first-child{border-left:none}
footer ul.social-icons,
footer ul.footer-menu{padding-top:45px}
footer ul.footer-menu li{display:inline-block}
footer ul.footer-menu li a{color:#37cdff;text-align:left;font-size:16px;font-weight:500;display:block;margin-right:30px}
footer .widget-list{display:flex;align-items: center;justify-content: space-between;}
footer .widget p{font-weight:300;font-size:16px;color:#fff;margin-top:25px;text-align:center}
footer .newsletter{position:relative}
footer .newsletter::after{content:'';position:absolute;left:20px;right:60px;bottom:15px;background:#fff;height:2px}
footer .newsletter input{width:100%;font-weight:500;border-radius:30px;background:#0000003d;border:none;padding: 18px 20px;color:#fff;text-align:left;transition:all ease .5s;}
footer .newsletter input:focus{outline:none;box-shadow:none;background:#003286bc;color:#fff;text-align:center;transition:all ease .5s;}
footer .newsletter input::placeholder{color:#fff}
footer .newsletter .btn-white{position: absolute;right: 30px;top:7px;color: #3cf;font-size: 22px;}

footer .footer-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:80px;background:#fff;}
footer .footer-bottom p{margin:0;font-size:14px;color:#cccccc;font-weight:300}
.footer-bottom .scroll-top{width:45px;height:45px;background-color:#f04e23;color:#fff;text-align:center;line-height:45px;border-radius:100%;display:inline-block;position:relative;margin-right:20px;}
.footer-bottom .scroll-top::after{content:'';position:absolute;width:50px;height:50px;background:#fff;top: -6px;left: -2px;z-index:-1;border-radius:100%}


.slide{position:relative}
.carousel-caption {height: 100%;justify-content: center;align-items: center;text-align: center;width: 100%;inset: 0;}
.carousel-caption h5{font-size: 58px;width: 334px;color: #fff;text-align: left;font-family: 'gilroy-bold';}
.carousel-caption h5 span{font-family:'gilroy-medium';}
.carousel-control-next-icon, .carousel-control-prev-icon{width:4rem;height:4rem}
.carousel-control-prev span,
.carousel-control-next span{font-size: 40px;color: #ffffff;}
.carousel-indicators [data-bs-target]{width:20px;height:20px;border-radius:50%}
.carousel-dark .carousel-indicators [data-bs-target]{background-color: #ffd800;}
.carousel-control-next, .carousel-control-prev{width:8%}
.slide-whatsapp{position:fixed;z-index:2;right:70px;bottom:80px;z-index:99}

/* Corporate */
.corporate-category-content{background:#f0f0f0;padding:0;margin:0}
.corporate-categories{display:flex;align-content:flex-start;}
.corporate-categories li{height: 44px;line-height: 44px;padding-right: 50px;}
.corporate-categories li a{font-size:17px;color:#003399;transition:all ease .5s}
.corporate-categories li a.active,
.corporate-categories li a:hover{color:#e94411}
.corporate-text{color:#6d6e71;font-size:20px;padding-top:58px}
.corporate-text h2.title{color:#3cf;font-size:35px!important;text-align:left}
.corporate-text p{padding-right:10px;font-weight:300}
.page-mission{background:url('../images/corporate-bg.png') no-repeat center top;}
.mission-content{margin-top:50px;padding-top:60px;text-align:center;}
.mission-content figure{margin-top:30px;margin-bottom:50px}
.mission-content figure img{width:100%!important}
.mission-content h3{color:#fff;font-weight:500;font-size:55px;text-align:left;margin-bottom:30px}
.mission-content p{text-align:left;font-weight:300;font-size:20px;color:#fff;line-height:37px;padding:0}
.page-quality .mission-content{margin:80px 0}
.page-quality .mission-content h2{margin-bottom:80px;color:#3cf}
.page-quality .mission-content p{color:#6d6e71;padding:0 100px 0 0}
.page-quality .mission-content h4{color:#6d6e71;text-align:left;font-weight:500;font-size:20px}
.page-quality .mission-content .col-lg-7{margin-top:80px}

.documents{margin-bottom:50px}
.documents img{box-shadow: #4c4b4b33 0 7px 10px;transition:all ease .5s}
.documents img:hover{box-shadow:none}

.corporate-section .service-content{align-items:center}
.corporate-section .service-content .col-md-6{padding:0}
.corporate-section .service-content:nth-child(even){flex-direction:row-reverse}
        
.corporate-section .service-content .service-icon img{width:100%}
.corporate-section .service-content h3.title{color:#003286;font-family:'gilroy-semibold';font-size:47px;margin-bottom:46px}
.corporate-section .service-content p{color:#6d6e71;font-family:'gilroy-medium';font-size:19px;margin-bottom:60px;padding-right:96px;line-height:40px}
.corporate-section .service-content:nth-child(even) h3,
.corporate-section .service-content:nth-child(even) ul,
.corporate-section .service-content:nth-child(even) p{padding-left:96px;padding-right:0;text-align:right}
.corporate-section .service-content ul li{display:inline-block;}
.corporate-section .service-content ul li a{display:block;padding:0 10px;border-left:solid 1px #a5a4a5}
.corporate-section .service-content ul li:last-child a{border-right:solid 1px #a5a4a5}
.corporate-banner-img{width:100%;position:relative}
.corporate-banner-img img{width:100%;}
.corporate-banner-img::before{content:'';right:-50%;width:100%;height:300px;position:absolute;top:63%;margin-top:-150px;background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(0,212,255,1) 100%);    backdrop-filter: blur(2px);}
.coporate-banner-content{position:relative;width:100%;padding:64px 0 0;z-index:2}
.coporate-banner-content h4{color:#fff;font-family:'gilroy-semibold';font-size:35px;z-index:2;padding-left:50px;margin-top:-40px}
.coporate-banner-title{margin-top:-128px}
.coporate-banner-title::after{content:'';position:absolute;bottom:0;width:100%;left:-280px;background:#003286;height:190px;top:-150px}

.home-about strong{font-size: 56px;font-family: 'gilroy-bold';color: #33ccff;}
.home-about h2{font-size: 50px;font-family: 'gilroy-regular';color:#33ccff;} 
.home-about p{font-family:'gilroy-medium';font-size:20px;color:#808285;margin:50px 0 0 0;padding-right:100px}

/* contact */
.contact-section .form-group .form-control{border: none;border-radius: 8px;font-size: 16px;color: #939598;padding: 17px 20px;margin-bottom: 30px;background: #f2f2f2;font-weight: 500;}
.contact-section .form-group .form-control::placeholder{color:#939598}
.contact-section .form-group .form-control:focus{outline:none;box-shadow:none;color:#000}
.contact-section .btn-contact{background: rgba(0,212,255,1);border-radius: 27px;height: 55px;/* line-height: 55px; */color: #fff;padding: 0 25px;float: right;transition:all ease .5s;font-size:20px}
.contact-section .btn-contact:hover{background:#706f6f;color:#fff}
.contact-section .contact-form{margin-top:50px}
.contact-section .item-box p{color:#58595b;font-size:20px; font-weight:300;}
.contact-section .item-box p a{color:#58595b;font-size:25px; font-weight:500;}
.contact-section .icons-item{margin-bottom: 34px;border: solid 1px #ebebea;height: 347px;display: flex;align-items: center;padding: 0 30px 0 50px;}
.contact-section .icons-box-title a{color:#33ccff;font-size:17px; font-weight:300}
.contact-section .item-phone{display:flex;column-gap:40px;align-items:center;position:relative}
.contact-section ul.social-icons{list-style-type:none;margin:20px 0 0 0;padding:0;text-align:center}
.contact-section ul.social-icons li{display:inline-block;}
.contact-section ul.social-icons li a{color:#858385;padding:0 16px;border-left:solid 1px #858385;font-size:24px}
.contact-section ul.social-icons li:last-child a{border-right:solid 1px #858385}
.contact-section .m-t-20{margin-top:20px}
.contact-section .m-b-20{margin-bottom:20px}
#map iframe{width:100%;float:left;border:none;height:612px;position:relative}
#map{position: relative;display: flex;margin: 0;flex-direction: row;flex-wrap: nowrap;width:100%;}


.owl-item{    justify-content: center;display: flex;}
.banner-product-shop .shop-product-content h4{font-size: 20px;font-weight: 400;color: #fff;margin:0}
.banner-product-shop .shop-product-content h6 a{font-size:14px}
.banner-product-shop .shop-product-content p{font-size: 20px;font-weight: 500;color: #ffcc00;}
.banner-product-shop .shop-product-actions a{height: 47px;font-size: 17px;font-weight: 500;color: #fff;background:#ff3300;border-radius: 27px;width: 149px;line-height: 49px;display: block;text-align: center;margin: 35px auto 0;}

.shop{position:relative;overflow:hidden;margin-bottom:55px}
.shop:hover img{margin-top:0px;}
.shop:hover::after{box-shadow:#ffcc005e 0 0 10px}
.shop img{width:180px!important;margin:35px auto 0;z-index: 2;position: relative;transition:all ease .5s}
.shop figure{width: 240px;margin: 0 auto;position: relative;height: 305px;overflow: hidden;border-radius: 0 0 44% 44%;}
.shop::after{content:'';width:240px;height:240px;border-radius:100%;background:#00000031;position:absolute;z-index:1;bottom:82px;left: 50%;margin-left: -120px;transition:all ease .4s}
.shop-category-content{position:absolute;bottom:0;    width: 245px;text-align: center;}
.shop-category-content a{color:#fff;text-decoration:none;font-size:16px;font-family: 'gilroy-semibold';}
.shop .overlay{display:none}

.product-search-content{margin:25px 0;background:url(/content/images/product-search-bg.jpg) no-repeat center center/cover;position:relative;padding: 14px 0;}
.product-search-form{display:flex;flex-direction:row;align-items:center;position:relative;}
.product-search-form .form-group:first-child{padding-right:1.5rem}
.product-search-input{width:100%;border-radius:26px;height:56px;border:none;padding:10px 10px 10px 20px}
.product-search-form label{background:#34c6f4;color:#fff;top:7px;bottom:7px;position:absolute;justify-content:center;border-top-left-radius:26px;border-bottom-left-radius:26px;font-family:'gilroy-semibold';font-size:17px;padding:10px 30px 10px 10px;transition:all ease .3s;left:10px;line-height: 22px;}
.product-search-input.select{-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */appearance:none;font-family: 'gilroy-semibold';font-size: 17px;padding-left:115px;cursor:pointer;}
.product-search-input.select option{cursor:pointer}
.no-place::placeholder{background:none;color:#6d6e716c;font-family:'gilroy-medium';}
.product-search-input:focus{border:none;box-shadow:#0032863b 0px 0 7px;outline:none}
.product-search-button{position:absolute;right:10px;border-radius:26px;color:#fff;border:none;padding:10px;background:#34c6f4;color:#fff;width:73px;height:42px}
.shop-product{margin:35px 0;transition:all ease .5s}
.shop-product-content{text-align:center;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 115px}
.shop-product-content h6 a{font-family:'gilroy-bold';font-size:16px;color:#575756;text-decoration:none}
.shop-product-content h4{}
.shop-product-actions p{margin:0;text-align:center;font-family:'gilroy-semibold';font-size:16px;color:#575756}
.shop-product-actions ul{list-style-type:none;margin:12px 0 0 0;padding:0;display:flex;align-items:center;width:100%;justify-content:center;column-gap:4px}
.shop-product-actions ul li{display:inline-block}
.shop-product-actions ul li a{border:solid 1px #34c6f4;font-family:'gilroy-medium';font-size:13px;color:#575756;text-align:center;text-decoration:none;height:40px;display: block;line-height: 37px;width:90px;transition:all ease .5s}
.shop-product-actions ul li:first-child a{border-top-left-radius:26px;border-bottom-left-radius:26px}
.shop-product-actions ul li:last-child a{border-top-right-radius:26px;border-bottom-right-radius:26px}
.shop-product-actions ul li a:hover{background:#34c6f4;color:#fff;font-family:'gilroy-bold'}
.pop-login-button{background:#ee4b25;color:#fff;border-radius:27px;font-family:'gilroy-bold';font-size:20px;border:none;height:55px;transition:all ease .5s;min-width:126px;margin:0 auto;    line-height: 55px;
    padding: 10px 20px;}
.pop-login-button:hover{background:#003286;color:#fff}

/* home category */
.home-page-product{background: url(/content/images/category-bg.jpg) no-repeat center center/cover;padding-top:150px;position:relative;margin-top:75px;height:845px}
.home-page-product::after{content:'';position:absolute;left:50%;width:255px;height:255px;background:url('../images/novaline-product-top.png') no-repeat center center;margin-left:-127.5px;top:-120px}
h2.title{font-weight:300;font-size:30px;color:#003399;text-align:center;margin:35px 0}
h2.title span{font-weight:500}


.user-section h3{text-align:left;color:#3cf;margin-top:10px}

.page-category{padding:90px 0;background:url('/content/images/category-bg.jpg') no-repeat center center/cover}
.page-category h2 {font-family:'gilroy-bold';font-size:30px;color:#fff;padding-left:32px}
.page-category h2 a{color:#fff;}
.page-category h2 span {font-family:'gilroy-medium';}
.page-category ul.category-list.nav li{display:block;position:relative;margin-bottom:20px}
.page-category ul.category-list.nav li > a{font-family:'gilroy-bold';color:#fff;font-size:35px;transition:all ease .5s}
.page-category ul.category-list.nav li:hover > a,
.page-category ul.category-list.nav li.active > a,
.page-category ul.category-list.nav > li > a:hover{color:#afca0b}
.page-category ul.category-list.nav li ul{position: absolute;right: 20px;top:0px;opacity:0;transition:all ease .5s}
.page-category ul.category-list.nav li ul li a{margin-top:-3px}
.page-category ul.category-list.nav li.active ul{opacity:1}
.page-category ul.category-list.nav li.active::after,
.page-category ul.category-list.nav > li:hover:after{content: '';position: absolute;width: 280px;    left: calc(45% - 115px);height: 1px;top: calc(55% - 1px);background: #ffffff78;}
.page-category ul.category-list.nav li:hover ul{opacity:1}
.page-category ul.category-list.nav li ul li a.contact-button:hover{color:#fff;background:#afca0b}
.page-category .nav-tabs {border-bottom: none}
.page-category .nav{display:block!important}

/* product detail */

/* page price*/
.page-price{background:#f6f6f6}


/* offer page */
.offer-page .offer-title{text-align:center;font-family:'gilroy-bold';font-size:20px;color:#6d6e71;margin-bottom:75px}
.offer-page .offer-form .col-lg-6:nth-child(odd) .form-group{padding-right:30px}
.offer-page .offer-form .col-lg-6:nth-child(even) .form-group{padding-left:30px}
.offer-page .offer-form .form-group .form-control,
.offer-page .offer-form .form-group .form-select{padding:10px;border-radius:9px;border:solid #8082854e 2px;margin-bottom:20px;transition:all ease .5s}
.offer-page .offer-form .form-group .form-control:focus,
.offer-page .offer-form .form-group .form-select:focus{outline:none;box-shadow:none;border-color:#808285ff}
.offer-page .offer-form .form-group .form-control::placeholder{color:#00000078;}
.offer-page .table{width:100%;padding:33px;border:solid 2px #6d6e7131;border-radius:11px}
.offer-page table.offer-cart{width:100%;}
.offer-page table.offer-cart tr:last-child{border:none}
.offer-page .offer-cart tr{border-color:#6d6e7131}
.offer-page .offer-cart tr,
.offer-page .offer-cart tr td{display:flex;align-content: center;align-items: center;width:100%}
.offer-page .offer-cart tr td:last-child{justify-content:flex-end}
.offer-page .offer-cart-piece{background:#003286;height:45px;line-height:45px;border-radius:4px;width:80px;display: flex;text-align: center;align-items: center;justify-content: space-evenly;}
.offer-page .offer-cart-piece a{text-decoration:none;color:#fff;width:50%}
.offer-page .offer-cart-piece input{width:27px;height:calc(45px - 5px);text-align:center;border:none;margin-top:1px}
.offer-page .offer-cart-piece input:focus{border:none;outline:none}
.offer-page .offer-cart-button a{width: 153px;height: 45px;text-align: center;color: #fff;background: #232682;text-decoration: none;display: block;line-height: 45px;border-radius: 4px;margin-left: 17px;}
.offer-page .offer-cart-text{color:#003286;font-family:'gilroy-semibold';font-size:17px}
.offer-page .offer-cart-text span{color:#00000076;font-family:'gilroy-medium';font-size:17px}
.offer-page .offer-button{background:#ee4b25;color:#fff;border-radius:8px;font-family:'gilroy-bold';font-size:20px;border:none;height:55px;width:189px;float:right;transition:all ease .5s;margin-right:33px}
.offer-page .offer-button:hover{background:#003286;}

/* pages */
.brands-category-content{background:url('/content/images/product-search-bg.jpg') no-repeat center center/cover;padding:14px 0;margin:25px 0 80px 0}
.brands-categories{background:#fff;border-radius:28px;display:flex;align-content:center;justify-content:center;}
.brands-categories li{width: 100%;border-right: solid 2px #f2f2f2;text-align: center;height: 57px;line-height: 57px;}
.brands-categories li a{font-family:'gilroy-bold';font-size:17px;color:#9d9d9c;transition:all ease .5s}
.brands-categories li a:hover{color:#e94411}
.brands-content h2{color:#005487;font-family:'gilroy-bold';font-size:25px;margin-bottom:20px}
.brands-content p{color:#6d6e71;font-family:'gilroy-medium';font-size:16px;margin:10px 0}
.brands-content strong,
.brands-content b{color:#005487;font-family:'gilroy-bold';font-size:16px;}
.brands-content a{border-radius:27px;color:#005487;border:solid 1px #005487;text-align:center;min-width:233px;height:55px;line-height:55px;display: inline-block;margin-top: 20px;}
.brands-content > .service-content {display: flex;flex-direction: row;justify-content: center;align-items: center;}
.brands-content > .service-content:nth-child(odd) {flex-direction: row-reverse;}
.brands-content .service-icon img {display: block;margin: 0 auto;width: 100%;}

.support-sidebar ul{margin-top:110px;margin-bottom:50px;border:solid 1px #00000045}
.support-sidebar ul li{display:block}
.support-sidebar ul li a{display:block;padding:18px;color:#808285;font-size:16px;font-family:'gilroy-bold';border-bottom:solid 1px #00000045;transition:all ease .4s}
.support-sidebar ul li a:hover,
.support-sidebar ul li a.active{background:#005487;color:#fff;}
.support-sidebar ul li:last-child a{border:none}
.support-title{padding: 20px 25px;border: solid 1px #00000039;margin: 24px 0;height: 64px;border-radius: 5px;}
.support-title h3{ color: #003286;font-family: 'gilroy-bold';font-size:20px;margin: 0;}
.sidebar-content .footer-call{margin-top: 50px;background:#fdede9;justify-content: center;align-items: center;column-gap: 10px;padding: 25px 0;}
.sidebar-content .footer-call a {font-family: 'Kumbh Sans';font-size: 18px;font-weight: 800;color: #f04e23;}

/* home faq */
.page-faq{margin:90px 0 120px 0}
.page-faq h2.title{margin-bottom:50px}
.accordion-body{padding:10px 123px;background:#33ccff;color:#fff;border-bottom-left-radius:35px!important;border-bottom-right-radius:35px!important;}
.accordion-button:not(.collapsed) {color:#fff;background-color: #33ccff;box-shadow: none;border-bottom:1px solid #f3f3f3;}
.accordion-button:is(:hover,:focus) {box-shadow:none;outline:none;}
.accordion-item{border:none;}
.accordion-item:first-of-type{border-radius:0}
.accordion-item:last-of-type{border-radius:0}
.accordion-button{padding:35px 123px;font-weight:500;font-size:20px;color:#003286;background-color: #fff;border-top-left-radius:35px!important;border-top-right-radius:35px!important;border-bottom:1px solid rgba(0,0,0,.125);}
.accordion-body p{font-weight:300;color:#fff;font-size:16px}
/*.accordion-button:hover::after,
.accordion-button{background:#33ccff;color:#fff}*/
.accordion-button::after {flex-shrink: 0;width: 38px;height: 38px;margin-left: auto;background-image:none;transition: transform .2s ease-in-out;background: #66666626;border-radius: 100%;color: #6f7072;content: '\f077';font-family: "Font Awesome 5 Free";font-weight: 900;text-align: center;line-height: 38px;}
.accordion-button:not(.collapsed)::after{background:#fff;color:#33ccff}

.btn-orange {
    height: 47px;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    background: #e94411;
    border-radius: 27px;
    width: 271px;
    line-height: 49px;
    display: block;
    text-align: center;
    margin: 35px auto 0;
}
.btn-orange:hover{color:#fff;background:#7dbbec}

/* page-video */
.page-video{width:100%;height:430px;background-position:center center}
.banner-text{height: 430px;position: relative;top: 0;display: flex;align-items: center;justify-content: flex-end;right: 89px;}
.banner-text h4{font-family: 'gilroy-medium';font-size: 42px;    letter-spacing: -1.1px;color: #003399;display:none}

/* page-blog */
.page-blog{padding:80px 0}
.page-blog h2.title{color:#33ccff;margin-bottom:10px}
.page-blog .blog-p{color: #808285;font-weight: 300;width: 570px;margin: 0 auto;display: block;text-align: center;font-size: 16px;}
.blog-content{width: 100%;display: flex;flex-direction: row;align-items: center;}
.blog-content .blog-img figure{margin:0}
.blog-content .blog-img figure img{width:300px!important}
.blog-content .blog-text{width:370px;padding-left:60px}
.blog-content .blog-text p{font-weight:300;font-size:15px;color:#6d6e71}
.blog-content .blog-text h5,h2.entry-title{font-weight:300;font-size:30px;color:#003286;margin-bottom:35px}
.blog-content .blog-text h5 span,h2.entry-title span{font-weight:500;color:#ff3300}
.blog-content .blog-text a{border-radius: 27px;height: 47px;display: inline-block;background: #ff3300;font-size: 17px!important;min-width: 149px;line-height: 47px;text-align: center;margin-top: 50px;color: #fff;font-weight: 500;font-family: 'Ubuntu';}
.page-blog .owl-nav{text-align: center;bottom: -60px;position: absolute;width: 100%;}

.news-content{width: 100%;display: flex;flex-direction: column;background:#fff;box-shadow:#0608070e 4px 14px 16px;margin-bottom:105px;padding:0;transition:all ease .5s}
.news-content .news-img{height:307px;overflow:hidden}
.news-content .news-img figure img{width:100%!important;transition:all ease .5s}
.news-content .news-text{padding:30px;position:relative;height:315px}
.news-content .news-text p{font-weight:300;font-size:15px;color:#6d6e71}
.news-content .news-text h5,h2.entry-title{font-weight:300;font-size:30px;color:#003286;margin-bottom:35px}
.news-content .news-text h5 span,h2.entry-title span{font-weight:500;color:#ff3300}
.news-content .news-text a{border-radius: 27px;height: 47px;display: inline-block;background: #e94411;font-size: 17px!important;min-width: 150px;line-height: 47px;text-align: center;margin-top: 50px;color: #fff;font-weight: 500;font-family: 'Ubuntu';position:absolute;left:50%;margin-left:-75px;bottom:-23px}
.news-content:hover .news-img img{transform:scale(1.2)}
.news-content:hover{box-shadow:none;background:#7dbbec}
.news-content:hover{color:#fff}
.news-content:hover .news-text p,
.news-content:hover .news-text h5,.news-content:hover h2.entry-title,
.news-content:hover .news-text h5 span,.news-content:hover h2.entry-title span{color:#fff}
.news-content:hover .news-text a,
.news-content .news-text a:hover{background:#b1318a}

/* b2b page-top */
.page-bayi-top{width:100%;height:65px;background:#66d9ff;position:relative;background-image:none!important}
.page-bayi-top .container{display:flex;justify-content:space-between; align-items:center}
.page-bayi-top .page-middle{height:100%}
.page-bayi-top .page-bottom{background:#f2f2f2;height:44px;}
.page-bayi-top .page-bottom .breadcrumb{align-items:center;display:flex;height:44px}
.page-bayi-top .page-bottom .breadcrumb li,.page-bayi-top .page-bottom .breadcrumb li,
.page-bayi-top .page-bottom .breadcrumb li,.page-bayi-top .page-bottom .breadcrumb li a,
.page-bayi-top .page-bottom .breadcrumb-item + .breadcrumb-item::before{color:#003286}

/* orders */
.orders-form-content{margin-bottom:50px}
.order-form-search .form-control,
.order-check{width:100%;border:solid 2px #6d6e7129;text-align:center;color:#6d6e7151;font-family:'gilroy-medium';font-size:14px;border-radius:20px;height:41px;line-height:41px;padding:0;transition:all ease .5s;position:relative}
.btn-check:checked ~ .order-check,
.btn-check:checked ~ .order-check:focus,
.order-check:hover{background:#ee4b25;color:#fff;border:none;box-shadow:none}
.order-form-search input:focus{border-color:#ee4b25;box-shadow:none}
.order-form-search{position:relative}
.order-form-search .order-search-button{width:32px;height:32px;border-radius:15px;color:#fff;background:#00ccff;border:none;position:absolute;top:5px;right:20px;transition:all ease .5s}
.order-form-search .order-search-button:hover{background:#ee4b25}
.orders-container{position:relative;width:100%;border:solid 2px #6d6e712b;padding:15px 30px;border-radius:23px;margin-bottom:30px;transition:all ease .5s}
.orders-container strong{font-family:'gilroy-semibold';color:#003286;font-size:16px;width:100%;text-align:center;display:block}
.orders-container span{font-family:'gilroy-medium';color:#0000008b;font-size:16px;width:100%;text-align:center;display:block;margin-top:5px}
.orders-table,
.order-content-detail{display:flex;align-items:center;justify-content:space-between;transition:all ease .5s}
.orders-content .orders{margin-bottom:30px}
.orders-content .orders:first-child{margin-top:60px}
.orders-table{border:solid 2px #6d6e712b;border-radius:19px;overflow:hidden;padding:15px}
.order-content-detail .orders-detail-button{color:#fff;background:#ee4b25;border-radius:22px;text-align:center;height: 45px;width: 123px;display: block;line-height: 45px;margin:0 0 0 auto;}
.order-image-text{display:flex;align-items:center;column-gap:30px}
.order-image-text .order-product-text span,
.order-image-text .order-product-text strong{text-align:left!important}
.order-product-image{overflow:hidden;text-align:center;display:flex;justify-content:center}

/* cart */
.orders-container{position:relative;width:100%;border:solid 2px #6d6e712b;padding:15px 30px;border-radius:23px;margin-bottom:30px;transition:all ease .5s}
.orders-container strong{font-family:'gilroy-semibold';color:#003286;font-size:16px;width:100%;text-align:center;display:block}
.orders-container span{font-family:'gilroy-medium';color:#0000008b;font-size:16px;width:100%;text-align:center;display:block;margin-top:5px}
.cart-container{padding:0!important;border:none!important}
.orders-table,
.order-content-detail{display:flex;align-items:center;justify-content:space-between;transition:all ease .5s}
.cart-container .orders{margin-bottom:30px}
.cart-container .orders:first-child{margin-top:60px}
.orders-table{border:solid 2px #6d6e712b;border-radius:19px;overflow:hidden;padding:15px}
.order-content-detail .orders-detail-button{color:#fff;background:#ee4b25;border-radius:22px;text-align:center;height: 45px;width: 123px;display: block;line-height: 45px;margin:0 0 0 auto;}
.order-image-text{display:flex;align-items:center;column-gap:30px}
.order-image-text .order-product-text span,
.order-image-text .order-product-text strong{text-align:left!important}
.orders-container .offer-cart-piece{height:46px;line-height:46px;border-radius:4px;display:flex;text-align:center;align-items:center;justify-content:center}
.orders-container .offer-cart-piece a{text-decoration:none;color:#fff;width:19px;background:#003286;height:16px;text-align:center;line-height:16px}
.orders-container .offer-cart-piece a:first-child{margin-right:5px}
.orders-container .offer-cart-piece a:last-child{margin-left:5px}
.orders-container .offer-cart-piece input{width:35px;height:calc(46px - 5px);text-align:center;border:solid 1px #6d6e712b;margin-top:1px;border-radius:9px}
.orders-container .offer-cart-piece input:focus{border:none;outline:none}
.cart-actions{width:100%;margin-top:55px}
.cart-buttons a{border:solid 1px #003286;border-radius:8px;text-align:center;border:none;float:left;font-size:18px;font-family:'gilroy-bold';padding:10px 20px;color:#fff}
.cart-buttons a:first-child{background:#003286;}
.cart-buttons a:last-child{background:#ee4b25;margin-left:20px}
.cart-total {text-align:right}
.cart-total .label{border:solid 1px #003286;border-radius:8px;text-align:center;padding:10px 20px;color:#fff;background:#003286;font-size:18px;font-family:'gilroy-bold';position:relative;}
.cart-total .label:first-child{margin-right:-15px;z-index:1}
.cart-total .label.price{color:#ee4b25;background:#fff;z-index:2;padding:10px 25px}

/* login */
.login-form{font-family:'gilroy-regular';}
.login-title{text-align:left;font-family:'gilroy-regular';font-size:18px;color:#000000c7;margin-bottom:60px;margin-left:50px;width:500px;margin-top:20px}
.login-form .form-group {position:relative}
.login-form .form-group .show-pass{top: 21px!important;}
.login-form .form-group .form-select,
.login-form .form-group .form-control{transition:all ease .5s;height:61px;background:#80828519;font-size:18px;border-radius:40px;border:solid 1px transparent;padding-left:50px;margin-bottom:25px;}
.login-form .form-group .form-select:focus,
.login-form .form-group .form-control:focus{outline:none;box-shadow:none;border:solid 1px #f04e23  }
.login-form .form-group .form-control::placeholder{color:#00000078;}
.login-button,
.sign-button{background:#ee4b25;color:#fff;border-radius:27px;font-family:'gilroy-bold';font-size:20px;border:none;height:55px;transition:all ease .5s;}
.login-button{min-width:126px;float:right;margin-right:33px;text-align:center;}
.sign-button{min-width:152px;text-decoration:none;display:inline-block;line-height:55px;text-align:center;margin-top:50px}
.sign-button:hover,
.login-button:hover{background:#003286;color:#fff}
.login-forgot-password{font-family:'gilroy-medium';font-size:16px;color:#706f6f6e;margin-left:50px;text-decoration:none;position:absolute;}
.login-forgot-password::after{content:'';border-bottom:1px solid #00000021;bottom:-10px;left:-50px;width:300px;position:absolute;}
.login-card{width:470px;border-radius:21px;background:#f6f6f6;padding:50px 50px;font-family:'gilroy-regular';font-size:18px;color:#000000c9;}
.login-card h3{color:#003286;font-family:'gilroy-semibold';font-size:40px;margin:0}
.login-card p{margin:27px 0 40px 0}
.login-card ul{list-style-type:none;padding:0;margin:0}
.form-check-input:checked{    background-color: #e94411;border-color: #e94411;}
.form-check-label{font-family:'gilroy-regular';font-size: 18px;}
/* sign */
    /*.login-form{font-family:'gilroy-regular';}
        .login-title{text-align:left;font-family:'gilroy-regular';font-size:18px;color:#000000c7;margin-bottom:60px;margin-left:50px;width:500px;margin-top:20px}

        .login-form .form-group .form-control{transition:all ease .5s;height:61px;background:#80828519;font-size:18px;border-radius:40px;border:none;padding-left:50px;margin-bottom:25px}
        .login-form .form-group .form-control:focus{outline:none;box-shadow:none;border-color:#808285ff}
        .login-form .form-group .form-control::placeholder{color:#00000078;}

        .login-button,
        .sign-button{background:#ee4b25;color:#fff;border-radius:27px;font-family:'gilroy-bold';font-size:20px;border:none;height:55px;transition:all ease .5s;}
        .login-button{min-width:126px;float:right;margin-right:33px;}
        .sign-button{min-width:152px;text-decoration:none;display:block;line-height:55px;text-align:center;margin-top:50px}
        .sign-button:hover,
        .login-button:hover{background:#003286;color:#fff}
        .login-forgot-password{font-family:'gilroy-medium';font-size:16px;color:#706f6f6e;margin-left:50px;text-decoration:none;position:absolute;}
        .login-forgot-password::after{content:'';border-bottom:1px solid #00000021;bottom:-10px;left:-50px;width:300px;position:absolute;}

        .login-card{width:470px;border-radius:21px;background:#f6f6f6;padding:50px 50px;font-family:'gilroy-regular';font-size:18px;color:#000000c9;}
        .login-card h3{color:#003286;font-family:'gilroy-semibold';font-size:40px;margin:0}
        .login-card p{margin:27px 0 40px 0}
        .login-card ul{list-style-type:none;padding:0;margin:0}*/

/* Support */
.support-new-button {color: #ee4b25;font-size: 17px;font-family: 'gilroy-semibold';position: absolute;right: 0;top: 8px;transition: all ease .5s}
.support-new-button:hover {color: #003286}
.supports-table{display:flex;width:100%;flex-direction:row;border:solid 2px #80808035;border-radius:14px;padding:15px 0;justify-content: space-around;margin-bottom:30px;transition:all ease .5s;position:relative}
.support-detail table{width:100%;font-family:'gilroy-bold';color:#003286;}
.support-detail table tr{width: 100%;display: flex;justify-content: space-between;}
.support-detail span{font-family:'gilroy-medium';}
.support-text p{margin:0;color:#6d6e71}
.support-image{overflow:hidden;width:100px;display:flex;height:100%;justify-content:center;}
.support-container{margin-top:60px}
.orange{color:#ee4b25}
.bg-orange{background:#ee4b25;color:#fff}
.supports:hover .supports-table{box-shadow:#00000017  0 0 10px}
.supports-table a.overlay{position:absolute;z-index:2;opacity:1;inset:0}

/* account */
.support-new-button {color: #ee4b25;font-size: 17px;font-family: 'gilroy-semibold';position: absolute;right: 0;top: 8px;transition: all ease .5s}
.support-new-button:hover {color: #003286}
.supports-table{display:flex;width:100%;flex-direction:row;border:solid 2px #80808035;border-radius:14px;padding:15px 0;justify-content: space-around;margin-bottom:30px}
.support-detail table{width:100%;font-family:'gilroy-bold';color:#003286;}
.support-detail table tr{width: 100%;display: flex;justify-content: space-between;}
.support-detail span{font-family:'gilroy-medium';}
.support-text{border:solid 2px #80808035;display:flex;align-items:center;text-align:left;padding-left:20px;min-height:100px;border-radius:14px;margin-top:10px}
.support-text p{margin:0;color:#6d6e71}
.support-image{overflow:hidden;width:100px;display:flex;height:100%;justify-content:center;}
.support-container{margin-top:60px}
.orange{color:#ee4b25}
.account-container{margin-top:30px}
.account-nav{width:100%;border-bottom:solid 2px #706f6f20;}
.account-nav .nav-item .nav-link, 
.account-nav .nav-link{color: #6d6e71;border: none;padding:10px 0;margin:0 35px;margin-bottom:-3px;font-family:'gilroy-semibold';font-size:16px}
.account-nav .nav-item.show .nav-link, 
.account-nav .nav-link.active{ border-bottom: solid 5px #ee4b25;}
.account-form{margin:70px 0 0 214px;width:610px;}
.account-form form{margin-top:60px}
.account-form strong{color:#003286;font-family:'gilroy-semibold';font-size:18px;margin-left:25px}
.account-form p{font-family:'gilroy-regular';font-size:16px;color:#6d6e71;margin:0}
#supportForm .form-select,
#supportForm .form-control,
.addres-form .form-select,
.account-form .form-select,
.addres-form .form-control,
.account-form .form-control{border:solid 2px #6d6e7120;border-radius:23px;margin-bottom:25px;padding:10px 20px;font-family:'gilroy-regular'}
#supportForm .form-control::placeholder,
.addres-form .form-control::placeholder,
.account-form .form-control::placeholder{color:#0000007f}
#supportForm .form-control:focus,
.addres-form .form-control:focus,
.account-form .form-control:focus{outline:none;box-shadow:none;border-color:#ee4b25}
#supportForm .col-form-label,
#supportForm small {padding-left:30px;color:#003286;font-family:'gilroy-bold'}
#supportForm .form-control{margin-bottom: 5px;}
.address ul{position:absolute;right:0;right: 20px;top: 10px;}
.address ul li{display:block}
.address ul li a{color:#6d6e71;transition:all ease .5s;position:relative;font-family:'gilroy-bold'}
.address ul li a i{position:relative;z-index:1}
.address > ul > li > a::after{content: '';background: #6d6e71;position: absolute;width: 25px;height: 25px;border-radius: 50%;right: -9px;z-index: 0;top: -3px;opacity:0;transition:all ease .5s}
.address ul li a:hover::after{opacity:1}
.address ul li a:hover{color:#6d6e71}
.address ul li ul{background:#fff;color:#003286;border-radius:8px;padding: 20px;box-shadow:#6d6e7120 0 0 10px;}
.address ul li ul li a{color:#003286;display:block;font-size:18px;padding:3px 0}
.address ul li ul li a:hover{color:#ee4b25}
#popover-password{position: absolute;right: -285px;background: #fff;padding: 30px;border-radius: 10px;top: -30px;border: solid 2px #6d6e7120;}
.control-label {text-align: left !important;padding-bottom: 4px;}
.progress {height: 3px !important;margin-bottom:10px}
.show-pass{position: absolute;top: 12px;right: 25px;}
.progress-bar-danger {background-color: #e90f10;}
.progress-bar-warning{background-color: #ffad00;}
.progress-bar-success{background-color: #02b502;}
.fa-eye{color: #022255;cursor: pointer;}
.ex-account p a{color: #f6086e;text-decoration: underline;}
.fa-circle{font-size: 6px;  }
.fa-check{color: #02b502;}

/* page contact home */
.page-contact{margin-top:0px}
.page-contact-content{display:flex;flex-direction:row;align-items:center;align-content:center;height:100%}
.page-contact-text{font-family:'Kumbh Sans';color:#fff}
.page-contact-text a{font-family:'gilroy-semibold';font-weight:800;font-size:34px;color:#fff}
.page-contact-text h6{font-size:20px;font-weight:400;padding-left:20px}
.page-contact-text h4{font-size:40px;font-weight:500;padding-left:20px}
.contact-button{border-radius:27px;height:54px;display:inline-block;background:#e94411;font-size:20px!important;min-width:175px;line-height:54px;text-align:center;margin-top:50px}
.page-contact-text a.contact-button{margin-left:20px}
.page-contact-image{border-right:solid 1px #ffffff70;padding-right:30px;}
.contact-bg-left{height: 402px;}
.contact-bg-left:before{content:'';background:url('/content/images/banner-contact-bg.jpg') no-repeat center center;height: 402px;position: absolute;width: 1170px;left: -32px;z-index: -1;}
.contact-bg-right{position:relative}
.contact-bg-right:before{content:'';background:url('/content/images/banner-contact-bg-2.jpg') no-repeat center center;height: 367px;position: absolute;width: 1011px;left: -166px;z-index: -3;}

/* counter */
.digit{background:url('/content/images/digit-bg.jpg') no-repeat center center/cover;height: 467px;display: flex;align-items: center;justify-content: space-between;margin-top: -80px;padding-top: 140px;}
.counter ,
.counter h3{color:#fff;font-family: 'gilroy-bold';}
.counter-title{display: flex;column-gap: 20px;}
.counter-title span{font-size: 68px;}
.counter-title h3 strong{width: 100%;float: left;font-size: 14px;margin: 0;}
.counter-text{border-top: solid 3px #fff;margin-top: 15px;padding-top: 12px;width: 264px;}
.counter-text p{font-family: 'gilroy-medium';font-size: 16px;margin: 0;}

/* manufacturer */
.manufacturer{border-right:solid 1px #00000034;padding:10px 0}

/* page search */
.page-search{position:relative;background:url('/content/images/search-bg.jpg') no-repeat center center/cover;height:410px;display:flex;align-items:flex-end;width:100%;text-align:center;margin:0 0 200px 0;padding-bottom: 80px;}
.page-search h2{font-family:'gilroy-semibold';font-size:95px;color:#003286;margin:0 0 45px 0;}
.page-search .search-content{position:absolute;bottom:-30px;width:100%;left:0;}
.page-search .search-form{position:relative;padding:0 130px}
.page-search .search-input{width:100%;border-radius:50px;height:75px;border:none;padding-left:50px;font-size:28px;color:#6d6e7168;font-family:'gilroy-medium';box-shadow: #f3f3f3 0px 7px 0px;transition:all ease .5s}
.page-search .search-input::placeholder{color:#6d6e7168;}
.page-search .search-input:focus,
.page-search .search-input:hover{box-shadow: #00328671 0px 0px 20px;border:solid #00328671 1px;outline:none}
.page-search .search-button{color:#fff;position:absolute;right:135px;top:5px;border:none;border-radius:50px;min-width:115px;height:65px;background-color:#00ccff;transition:all ease .5s;font-size:26px}
.page-search .search-button:hover{background:#e94411;}
.modal-content {border-radius: 26px!important;}
.page-product .tab-content{margin-bottom:90px}
.account-button{color: #fff;background: #ee4b25;border-radius: 22px;text-align: center;height: 45px;min-width: 293px;display: block;line-height: 45px;margin: 0 0 0 auto;border:none;transition:all ease .5s}

.account-button[disabled]{background:#e9e9e9;color:#ee4b25}

.alert-input{border:red solid 1px!important}
.loading{background:#003286 url(/content/images/loading.gif) no-repeat center center!important;color:#fff!important;background-size:contain!important}
.product-category-content{column-gap:55px;}
.product-category-content .col-lg-6{width: 48%; padding: 0}
.no-cart h4{text-align:center;font-size: 2.8rem;margin:0;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: 0.033rem;color:#000;font-family:'gilroy-bold'}
.no-cart p{margin: 0.8rem 0 0;font-style: normal;line-height: 1.5;letter-spacing: -0.032rem;text-align: center;color: #000;font-family:'gilroy-medium'}
.preloader{position:fixed;inset:0;background:#fff;z-index:9999;display:flex;justify-content:center;align-items:center;transition:all ease .5s}
.preloader img{animation:fadeSlow 1s ease infinite;transition:all ease 1s}
@keyframes fadeSlow{
    0%{transform:scale(0.5)}
    50%{transform:scale(1)}
    100%{transform:scale(0.5)}
}
.preanimation{opacity:0}
.page-quality h2 {font-weight:300}
.documents h2.title{color:#fff;margin:60px 0;font-weight:300}
.page-quality h2 span,
.documents h2.title span{color:#ff3300;font-weight:500}
.sm\:-bottom-px {bottom: -110px!important;}
.text-gray-50 {color: #fff;}
.overflow-hidden {overflow: hidden!important;}
.z-1 {z-index: 1!important;}
.left-0 {left: 0!important;}
.right-0 {right: 0!important;}
.absolute {position: absolute!important;}
.h-auto {height: auto!important;}
.w-full {width: 100%!important;}
.shape>svg {-webkit-transform: scale(2);transform: scale(2);-webkit-transform-origin: top center;transform-origin: top center;}
.corporate-list{width:100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;border-top:solid 2px #cccccc;border-bottom:solid 2px #cccccc;padding:23px 0}
.corporate-list li{display: flex;align-items: center;column-gap: 20px;}
.corporate-list li:first-child p{font-weight:300;color:#99cc33}
.corporate-list li:first-child p span{font-weight:500}
.corporate-list li:nth-child(2) p{font-weight:300;color:#33ccff;font-weight:500;}
.corporate-list li:nth-child(3) p{font-weight:300;color:#003399;font-weight:500;}
.corporate-list li p{font-size:25px;margin:0}
.corporate-list li img{box-shadow:#00000012 4px 1px 6px;border-radius:100%}
table.product-table{width:100%;border:solid 2px #99999941;border-radius:43px;padding:60px 110px;display:block;float:left}
table.product-table tbody{width:100%;float:left}
table.product-table tr{border-bottom:solid 1px #cccccc;width:100%;float:left}
table.product-table tr td{width:50%;float:left} 
table.product-table tr > td:first-child{padding-left:80px}
table.product-table tr.thead > td{color:#33ccff;font-weight:500;font-size:18px}
table.product-table tr > td{color:#003399;font-weight:400;font-size:18px;padding: 5px 0;}
.description{padding:75px 80px}
.page-top-product{height:776px;position:relative;}
.page-top-product .page-middle{height:calc(100% - 84px)}
.page-top-product .page-navigation{height:60px;align-items:center;display:flex}
.page-top-product .page-navigation ul{padding-top:0px}
.page-top-product .page-navigation ul li{display:inline-block}
.page-top-product .page-navigation ul li a{font-weight:400;color:#003399;font-size:20px;margin-right:40px}
.page-top-product .page-navigation ul.page-social {text-align:right;padding-top:0px;    margin-top: -15px;}
.page-top-product .page-navigation ul.page-social li a{border-right:1px solid #003399;padding:0 10px;margin-right:0}
.page-top-product .page-navigation ul.page-social li:first-child a{border-left:1px solid #003399;}

.page-top-product h2{color:#ffcc00;font-weight:500;margin-bottom:15px;font-size:40px}
.page-top-product p{color:#fff;font-weight:300}
.page-top-product a.page-sale{color:#fff;border-radius:23px;background:#ff3300;font-weight:500;display:inline-block;min-width:150px;height:50px;line-height:50px;text-align:center;transition:all ease .5s;cursor:pointer}
 .page-top-product .page-slide{position:relative;width:375px;    border-bottom-left-radius: 49%;border-bottom-right-radius: 49%;overflow:hidden;height:460px}
 .page-top-product .page-slide figure{position: relative;border-bottom-left-radius: 49%;border-bottom-right-radius: 49%;overflow: hidden;width: 360px;text-align: center;height: 470px;margin: 0 auto;}
 .page-top-product .page-slide figure img{width: 313px;text-align: center;display: block;margin-right: auto;margin-left: auto;}
 .page-top-product .page-slide::after{content: '';position: absolute;width: 340px;height: 340px;border-radius: 50%;bottom: 0px;background: #00000030;left: 16px;}
 .page-top-product .product-text{display: flex;flex-direction: column;flex-wrap: wrap;align-items: flex-start;justify-content: flex-end;height: 80%;padding-left: 50px;}
 .page-top-product .product-text p{width:540px}
 .page-top-product .page-bottom{position:absolute;text-align:center;bottom:120px}
 .page-top-product .page-bottom .breadcrumb{justify-content:center}
 .page-top-product .page-bottom .breadcrumb li,
 .page-top-product .page-bottom .breadcrumb li a{color:#fff;font-weight:300;font-size:14px}
 .page-top-product .page-bottom .breadcrumb-item+.breadcrumb-item::before{content:'|';color:#fff}
 .description h3{color:#003399;font-size:25px;font-weight:500}
 .description p{color:#003399;font-size:20px;font-weight:300;}
 .description table{margin-top:40px}
 .description table h4{color:#999999;font-size:20px;font-weight:500}
 .description table p{color:#999999;font-size:20px;padding-right:100px}
 .description table tr{margin-bottom:40px;display:block}
 h4.title-attribute{position: relative;text-align: center;color: #fff;display: block;margin: 0 auto -30px auto;background: #ff3300;width: 635px;border-radius: 32px;height: 63px;line-height: 63px;font-weight: 500;}
 #detailProduct .banner-product-shop .shop-product-content h4{color:#003399}
 #detailProduct .banner-product-shop .shop-product-content p{color:#ff3300}
 .left-arrow-detail{position:absolute;right:0;top:50%;}
 h1.detail-title{text-align:center;color:#33ccff;font-weight:300;font-size:32px}
 .quik-view-modal{border-radius: 0!important;background: rgb(255 255 255 / 80%);padding:20px;position:relative}
 .modal-dialog{max-width:960px}
 .quik-view-modal .btn-close{right: 25px;position: absolute;z-index:3}
 .quik-view-content{display:flex;align-items:center;}
 .quik-view-slide{border-radius:18px;background:#ededee;width:350px;padding:15px 50px}
 .quik-view-slide figure img{height:330px!important;width:auto!important}
 .quik-view-detail{padding-left:30px}
 .quik-view-detail .quik-view-title h2{font-size:28px;font-weight:300;color:#003399;}
 .quik-view-detail .quik-view-title h2 span{font-weight:500;}
 .quik-view-detail .quik-view-title h3{color:#808285;font-size:24px;}
 .quik-view-detail .quik-view-desc{margin:50px 0;border-top:solid 2px #dddddd;border-bottom:solid 2px #dddddd}
 .quik-view-detail .quik-view-desc table{padding:20px 0;display:block;color:#003399;font-weight:300}
 .quik-view-detail .quik-view-desc table tr td span{font-weight:500}
 .quik-view-detail .quik-view-form{display:flex;column-gap:27px;align-items:center}
 .quik-view-detail .quik-view-form input{width:88px;height:65px;border:solid 1px #33ccff;border-radius:23px;text-align:center;font-size:24px;font-weight:500;color:#808285}
 .quik-view-detail .quik-view-form input:is(:hover,:focus){outline:none;box-shadow:none}
 .quik-view-detail .quik-view-form .quik-view-piece {background: #33ccff;height: 45px;line-height: 45px;border-radius: 4px;width:144px;display: flex;text-align: center;align-items: center;justify-content: space-evenly;border-radius:16px}
.quik-view-detail .quik-view-form .quik-view-piece a {text-decoration: none;color: #fff;width: 50%;font-size:24px;font-weight:500}
.quik-view-detail .quik-view-form a.cart-add ,
.quik-view-detail .quik-view-form a.alert-cart {min-width:250px;height:65px;text-align:center;display:block;line-height:65px;font-weight:500;font-size:24px;background:#ff3300;border-radius:23px;color:#fff;}
.quik-view-detail .quik-view-form a.cart-add:hover,
.quik-view-detail .quik-view-form a.alert-cart:hover{background:#b62805}
 #detailProduct .owl-nav{display:block!important}
 #detailProduct .owl-prev{margin-right:20px}
 #detailProduct .owl-nav{position: absolute;right: 0;top: -44px;}
 .title-green{position:relative}
 .title-green::after{content: '';position: absolute;width: 440px;height: 2px;background: #706f6f50;right: 80px;top: 22px;}
@media (min-width:993px) and (max-width:1100px){.title-green:after{width:230px}}
@media (min-width:1101px) and (max-width:1336px){.title-green:after{width:280px}}
.item-box h5{color:#33ccff;font-weight:300;font-size:20px}
.item-box .icons-box-title a{color:#58595b;font-weight:500}
.item-box .icons-box-title a i{color:#33ccff;}
.item-box p a {font-weight:400;font-size:25px;color:#58595b}
.contact-title{color:#33ccff;font-size:34px;margin:45px 0;font-weight:300;text-align:center}
.contact-p h2{font-weight:300;color:#33ccff;font-size:34px}
.contact-p h2 strong{color:#ff3300;font-weight:500;}
.contact-p p{color:#808285;font-weight:300;width:480px;display:block;margin:20px auto;font-size:20px}

.top-0{color:#f6f6f6!important}
.page-price h2{font-weight:500;color:#ff3300;text-align:center;font-size:35px;margin-top:40px}
.page-price h3{font-weight:300;color:#33ccff;text-align:center;font-size:25px}
.price-row > h3.title:nth-child(4){color:#ff3300}
.price-row > h3.title:nth-child(6){color:#66cccc}
.price-row .shop{display: flex;flex-direction: row-reverse;padding:20px 0;margin:0;border-top:solid 2px #f5f5f5;border-right:solid 2px #f5f5f5;padding-left:50px;align-items:center}
.price-row .shop-product-content {text-align: left;width: 100%;padding-left:15px;}
.price-row .shop-product-content h4{font-size:17px;font-weight: 300;color: #003399;margin: 0;}
.price-row .shop-product-content p{font-size: 17px;font-weight: 500;color: #003399;margin: 0;}        
.price-row .shop-product-content p a{color: #fff;background:#33ccff;min-width:70px;height:34px;line-height:34px;text-align:center;display:inline-block;border-radius:17px;margin-top:5px}        
.price-row .shop figure {width: 139px;margin: 0 auto;position: relative;height: 130px;overflow: hidden;border-radius: 0 0 44% 44%;}
.price-row .shop img{width: 72px!important;margin: 15px auto 0;z-index: 2;position: relative;display: block;transition: all ease .5s;}
.price-row .shop::after{content: '';width: 93px;height: 93px;border-radius: 100%;background: #00000011;position: absolute;z-index: 1;bottom: 20px;left:51px;margin-left: 0;transition: all ease .4s;}
.price-row .price-content{background:#fff;border-radius:20px;padding:18px 0;border:solid 2px #ebebea;margin:50px 0}
.price-row div[class*="col-lg-"]:nth-child(4n+0) .shop{border-right:none;}
.price-row div[class*="col-lg-"]:nth-child(1) .shop{border-top:none}
.price-row div[class*="col-lg-"]:nth-child(2) .shop{border-top:none}
.price-row div[class*="col-lg-"]:nth-child(3) .shop{border-top:none}
.price-row div[class*="col-lg-"]:nth-child(4) .shop{border-top:none}
.price-row .price-content:nth-child(5) .shop-product-content h4,
.price-row .price-content:nth-child(5) .shop-product-content p{color: #003399;}
.price-row .price-content:nth-child(5) .shop-product-content p a{background:#ff3300;}
.price-row .price-content:nth-child(7) .shop-product-content h4, 
.price-row .price-content:nth-child(7) .shop-product-content p{color: #33cccc;} 
.price-row .price-content:nth-child(7) .shop-product-content p a{background:#003399;}
@media (max-width:992px) {
    .fixed-menu{width:100%;left:0;right:0}
    header{padding:25px!important}
    .navbar-brand img{width:200px}
    .slide .carousel-caption,
    .slide .carousel-control-next,
    .slide .carousel-control-prev{display:none}
    .slide-whatsapp{right:25px;bottom:25px}
    .slide-whatsapp img{width:70px}
    .home-about{padding:0 25px}
    .home-about h2,
    .home-about h2 strong{font-size:34px}
    .home-about p{font-size:18px}
    .home-page-product::after{    width: 160px;height: 160px;margin-left:-80px;background-size:contain;top:-90px}
    .home-page-product{padding-top:60px;height:715px}
    .home-page-product h2.title{font-size:25px}
    .home-page-product .owl-carousel .owl-prev{left:25px}
    .home-page-product .owl-carousel .owl-next{right:25px}
    .accordion-body,
    .accordion-button{padding:25px}
    .banner-text,
    .page-video{height:110px}
    .page-blog .blog-p,
    .page-blog .type2{display:none}
    .blog-content{flex-direction:column}
    .blog-content .blog-text h5, h2.entry-title{text-align:center;margin-top:25px}
    .blog-content .blog-text{padding-left:0;text-align:center}
    .blog-content .blog-img figure img{margin:0 auto;display:block}
    .top-0{top:-11px!important}
    .sm\:-bottom-px {bottom: -133px !important;}
    .page-bayi-top{padding:0 25px;height:70px}
    .page-dropdown{display:none}    
    .corporate-categories{justify-content:space-between;padding-left:25px;padding-right:25px}
    .corporate-categories li{padding-right:0}
    .corporate-categories li a{font-size:12px}
    .corporate-section .row{flex-direction:column-reverse;padding:25px;text-align:center}
    .corporate-text h2.title{text-align:center}
    .corporate-section .row .col-md-6 img{width:auto;margin-left:-50%}
    .corporate-list{flex-direction:column;border:none}
    .corporate-list li{width:276px;margin:10px auto;border-bottom:solid 1px #cccccc6c;padding-bottom:10px}
    .page-mission .container,
    .page-mission .container .row{padding:0}
    .page-mission{background-size:cover}
    .page-mission .mission-content .col-lg-7{padding:40px}
    .page-mission .mission-content h3{font-size:34px;text-align:center}
    .page-mission .mission-content p{font-size:18px}
    .page-quality{padding:25px}
    .page-quality .mission-content{margin:0}
    .page-quality .mission-content h2{font-size:34px;margin-bottom:0}
    .page-quality .mission-content p{padding:0;text-align:left}
    .page-quality .col-lg-5{padding:0}
    .page-quality .col-lg-5 img.w-100{height: 530px;margin-left: -40px;width:auto!important}
    .page-mission.documents{text-align:center;padding:0;background-size:contain;background-position:center  bottom}
    .documents img{margin-bottom:20px}
    .documents h2.title{color:#3cf}
    .page-top-product .product-text{height:auto;padding:25px 0 0;text-align:center;    align-items: center;}
    .left-arrow-detail,
    .page-slide::before{display:none}
    .page-top-product .product-text p{width:auto;text-align:center}
    .page-top-product a.page-sale{margin:0 auto;text-align:center;padding:0}
    .page-top-product .page-navigation{display:none}
    .description{padding:25px}
    .description table tr {margin-bottom: 40px;display: flex;flex-direction: column-reverse;align-items: center;justify-content: center;text-align:center}
    .description table tr td{padding-top:25px}
    .description table p{padding:0}
    h4.title-attribute{width:260px}
    table.product-table{padding-left:20px;padding-right:20px}
    table.product-table tr > td:first-child{padding:0}
    table.product-table tr > td:last-child{text-align:right!important}
    table.product-table tr.thead > td{text-align:left!important}

    .title-green,
    .product-detail-content{padding-left:25px;padding-right:25px}
    #detailProduct .owl-nav{    width: 100%;padding:0 25px;top:-65px}
    .title-green h3{font-size:26px;border-bottom:solid 1px #706f6f50;border-top:solid 1px #706f6f50;padding:25px 0}
    #detailProduct .owl-prev{left:25px}
    #detailProduct .owl-next{right:25px;position:absolute}
    .title-green::after{display:none}
    .news-content{margin-bottom:80px}
    .price-row .shop{border-bottom: solid 2px #f5f5f5;border-right:none}
    .price-row div[class*="col-lg-"]:last-child .shop{border:none}
    .price-row{padding:0 25px}
    .contact-section{padding:25px}
    .contact-p p{width:auto}

    .navbar-toggler{display:none}

    .last-menu{margin-bottom: 10px!important;}
    .last-menu a{padding: 10px 15px!important;}
    .line span{height:120px}
    .home-about p{padding-right:0}
    .home-about img{width:100%;margin-top:15px}
    .page-search{flex-direction:column;padding:25px 0;margin-bottom:100px}
    .page-search .search-button,
    .page-search .search-content{position:relative;}
    .page-search .search-button{margin:15px auto;right:initial;    width: 100%;}
    .page-search .search-input{padding-left:10px;font-size: 18px;}
    .page-search .search-form{padding:0 20px}
    .page-search h2 {font-size:60px}
    .page-category{padding:60px 0}
    .page-category ul.category-list.nav li.active::after, .page-category ul.category-list.nav > li:hover:after{display:none}
    .page-category .row{flex-direction:column-reverse}
    .page-category h2{padding:0;padding-bottom: 40px;}
    .digit{height:auto;margin-top:0}
    .counter{margin-bottom:60px}
    .counter-text{width:100%;text-align:center}
    .counter-text p{padding: 0 15px;}
    .counter-title {align-items: center;justify-content: center;}
    .counter-title h3{width:40%}
    .counter-title span{font-size:60px}
    .manufacturer{margin-bottom:20px;border-bottom: solid 1px #00000034;border-right:none;padding:40px 0}
    .page-contact-content{flex-direction:column;padding-top:40px;justify-content: center;}
    .page-contact-content .page-contact-text{margin-top:25px!important;text-align: center;}
    .contact-bg-left::before,
    .contact-bg-right::before{background-size:cover;left:0; width: 100%;}
    .contact-bg-left::before,
    .contact-bg-left{height:450px;width:100%}
    .page-contact-text a{margin-left:auto;margin-right:auto}
    .contact-bg-right .page-contact-content{padding:40px 0}
    footer .footer-social-icons{margin-top:25px;margin-bottom:25px;}
    footer ul.social-icons{align-items: center;justify-content: center;display:flex}
    footer .widget{margin-top:20px}
    .fp,
    footer h4.widget-title,
    footer h3.widget-title,
    footer .widget p,
    footer ul.widget-list li a{text-align:center}
    .footer-bottom .text-start,
    .footer-bottom .text-end{text-align:center!important}
    .footer-bottom{padding-top:50px;}
    .footer-bottom .scroll-top{position:absolute;left:50%;margin-right:0;margin-left:-25px;top:0}
    .coporate-banner-title{margin-top:0}
    .coporate-banner-title::after{    left: 0;height:90px;top:48px}
    .coporate-banner-content h4{font-size:24px;padding-left:15px}
    .corporate-banner-img::before{height:48px;bottom: 50px;top: inherit;}
    .product-search-form{flex-direction:column}
    .product-search-form .form-group:first-child{padding-right:0}
    .product-search-form .form-group{width:100%;margin-bottom:10px}
    .product-search-button{top:7px}
    .product-category-content{column-gap:55px;}
    .product-category-content .col-lg-6{width:100%; padding: 0 20px}
    .shop-category-content{width:140px}
    .page-product-action{padding-top:25px}
    .page-product-action .nav-tabs{height:auto;justify-content:center}
    .page-product-action .nav-tabs .nav-item .nav-link, .page-product-action .nav-tabs .nav-link{margin-right:20px}
    .corporate-section .service-content .service-text,
    .corporate-section .service-content h3.title,
    .corporate-section .service-content p{text-align:center;padding:10px 0}
    .corporate-section .row{justify-content:center}
    .corporate-section .service-content:nth-child(even) h3,
    .corporate-section .service-content:nth-child(even) ul,
    .corporate-section .service-content:nth-child(even) p{padding-left:0;text-align:center}
    
    .page-support{margin-bottom:50px}
    
    .login-button{margin:50px auto;display:block;float: none;}
    .login-forgot-password{position:relative;display:block;margin:0 auto;text-align: center;}
    .login-title{width:100%;margin-left:0}
    .offer-page .offer-cart-button a,
    .col-lg-4.offset-1{margin-left:0}
    .login-card{width:100%}
   
    .user-sidebar ul{margin-top:30px}
    .cart-total{text-align:center;margin-top:15px}
    .supports-table,
    .support-detail table tr,
    .orders-table, .order-content-detail{flex-direction:column}
    .support-detail table tr{text-align:center}
    .order-form-search .form-control, .order-check{margin-bottom:10px}
    .support-image{display:none}
    .support-text{margin:10px}
    .support-new-button{position:relative}
    .account-form{margin:70px 0;width:100%}
    #popover-password{right: 0;z-index: 9;top: -10px;position: relative;transition:all ease .5s}
    #wizard{padding:50px 10px!important}
    .offer-page .offer-form .col-lg-6:nth-child(odd) .form-group{padding-right:0}
    .offer-page .offer-form .col-lg-6:nth-child(even) .form-group{padding-left:0}
    .offer-page .offer-cart tr, .offer-page .offer-cart tr td{flex-direction:column;margin-bottom:10px}
    .offer-page .offer-cart-button a{margin-top:10px}
    .offer-page .offer-cart-text{text-align:center}
    .brands-categories{flex-wrap:wrap}
    .brands-content > .service-content .service-icon{margin:25px 0}
    .product-detail-image{margin-top:25px}
    .alert{left:10px;right:10px;width:calc(100% - 20px);top:85px}
    .order-product-image{display:none}
    .order-image-text .order-product-text span, .order-image-text .order-product-text strong{text-align:center;}
    .navbar-nav{padding-bottom:20px}
    .navbar-nav .nav-item:last-child{display:none}
    footer ul.footer-menu li{display:block}
    footer .widget-list{flex-direction:column;justify-content:center}
    footer .footer-bottom{padding-bottom:25px}
    .user-profile-content{justify-content:center}
    .user-section h3{text-align:center}
    .page-blog .justify-content-between{justify-content:center!important}
    .news-content{width:calc(100% - 50px)!important}


 .quik-view-modal{padding:20px 0}
 .quik-view-content{flex-direction:column}
 .quik-view-slide{width:100%;padding:15px 50px}
 .quik-view-slide figure img{height:170px!important;}
 .quik-view-detail{padding-left:0px;width:100%;text-align:center}
 .quik-view-detail .quik-view-desc{margin:12px}
 .quik-view-detail .quik-view-desc table tbody{width:100%;display:block}
 .quik-view-detail .quik-view-desc table tbody tr{display:flex;flex-direction:column}
 .quik-view-detail .quik-view-form{flex-direction:column;row-gap:30px}
 
}