/* ================================= ------------------------------------ TailorsOnCall | A Tailors Portal Version: 1.0 ------------------------------------ ====================================*/ /*----------------------------------------*/ /* Template default CSS /*----------------------------------------*/ html, body { height: 100%; font-family: 'Josefin Sans', sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
 h1, h2, h3, h4, h5, h6 { margin: 0; color: #111111; font-weight: 600; }
 h1 { font-size: 70px; }
 h2 { font-size: 36px; }
 h3 { font-size: 30px; }
 h4 { font-size: 24px; }
 h5 { font-size: 18px; }
 h6 { font-size: 16px; }
 p { font-size: 14px; color: #585858; line-height: 1.6; }
 img { max-width: 100%; }
 input:focus, select:focus, button:focus, textarea:focus { outline: none; }
 a:hover, a:focus { text-decoration: none; outline: none; }
 ul, ol { padding: 0; margin: 0; }
 /*--------------------- Helper CSS -----------------------*/ .section-title { text-align: center; }
 .section-title h2 { font-size: 36px; }
 .set-bg { background-repeat: no-repeat; background-size: cover; background-position: center; width:100%; height:300px; }
 .spad { padding-top: 15px; padding-bottom: 15px; }
 .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p, .text-white span, .text-white li, .text-white a { color: #fff; }
 /*--------------------- Commom elements -----------------------*/ /* buttons */ .site-btn { display: inline-block; border: none; font-size: 14px; font-weight: 600; min-width: 167px; padding: 18px 47px 14px; border-radius: 50px; text-transform: uppercase; background: #f51167; color: #fff; line-height: normal; cursor: pointer; text-align: center; }
 .site-btn:hover { color: #fff; }
 .site-btn.sb-white { background: #d8da78; color: #111111; }
 .site-btn.sb-line { background: #d8da78;  color: #f51167; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; }
 .site-btn.sb-dark { background: #413a3a; }
 .site-btn.sb-dark.sb-line { background-color: transparent; color: #111111; -webkit-box-shadow: inset 0 0 0 1px #111111; box-shadow: inset 0 0 0 1px #111111; }
 /* Preloder */ #preloder { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999999; background: #000; }
 .loader { width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -13px; border-radius: 60px; animation: loader 0.8s linear infinite; -webkit-animation: loader 0.8s linear infinite; }
 @keyframes loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); border: 4px solid #f44336; border-left-color: transparent; }
 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); border: 4px solid #673ab7; border-left-color: transparent; }
 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); border: 4px solid #f44336; border-left-color: transparent; }
 }
 @-webkit-keyframes loader { 0% { -webkit-transform: rotate(0deg); border: 4px solid #f44336; border-left-color: transparent; }
 50% { -webkit-transform: rotate(180deg); border: 4px solid #673ab7; border-left-color: transparent; }
 100% { -webkit-transform: rotate(360deg); border: 4px solid #f44336; border-left-color: transparent; }
 }
 .elements-section { padding-top: 100px; }
 .el-title { margin-bottom: 75px; }
 .element { margin-bottom: 100px; }
 .element:last-child { margin-bottom: 0; }
 /* Accordion */ .accordion-area { margin-top: 50px; border-top: 2px solid #e1e1e1; }
 .accordion-area .panel { border-bottom: 2px solid #e1e1e1; }
 .accordion-area .panel-link { background-image: url("../img/arrow-down.png"); background-repeat: no-repeat; background-position: right 10px top 30px; }
 .faq-accordion.accordion-area .panel-link, .faq-accordion.accordion-area .panel-link.active.collapsed { padding: 17px 100px 17px 20px; }
 .faq-accordion.accordion-area .panel-link:after { right: 44px; }
 .accordion-area .panel-header .panel-link.collapsed { background-image: url("../img/arrow-down.png"); }
 .accordion-area .panel-link.active { background-image: url("../img/arrow-up.png"); }
 .accordion-area .panel-link.active { background-color: transparent; }
 .accordion-area .panel-link, .accordion-area .panel-link.active.collapsed { text-align: left; position: relative; width: 100%; font-size: 14px; font-weight: 700; color: #414141; padding: 0; text-transform: uppercase; line-height: 1; cursor: pointer; border: none; min-height: 69px; background-color: transparent; border-radius: 0; }
 .accordion-area .panel-body { padding-top: 10px; }
 .accordion-area .panel-body p { color: #8f8f8f; margin-bottom: 25px; line-height: 1.8; }
 .accordion-area .panel-body p span { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #f51167; }
 .accordion-area .panel-body img { margin-bottom: 25px; }
 .accordion-area .panel-body h4 { font-size: 18px; margin-bottom: 20px; }
 /*------------------ Header section ---------------------*/ .header-top { padding: 18px 0 14px; }
 .site-logo { display: inline-block; }
 .header-search-form { width: 100%; position: relative; padding: 0 10px; }
 .header-search-form input { width: 100%; height: 44px; font-size: 14px; border-radius: 50px; border: none; padding: 0 19px; background: #f0f0f0; }
 .header-search-form button { position: absolute; height: 100%; right: 18px; top: 0; font-size: 26px; color: #000; border: none; cursor: pointer; background-color: transparent; }
 .user-panel .up-item { display: inline-block; font-size: 14px; }
 .user-panel .up-item i { font-size: 22px; }
 .user-panel .up-item a { font-size: 14px; color: #000; }
 .user-panel .up-item:first-child { margin-right: 29px; }
 .shopping-card { display: inline-block; position: relative; }
 .shopping-card span { position: absolute; top: -4px; left: 100%; height: 16px; min-width: 16px; color: #fff; font-size: 13px; background: #f51167; text-align: center; border-radius: 30px; padding: 0 2px; margin-left: -7px; }
 .main-navbar { background: #282828; }
 .slicknav_menu { display: none; }
 .main-menu { list-style: none; }
 .main-menu li { display: inline-block; position: relative; }
 .main-menu li a { display: inline-block; font-size: 16px; color: #ffffff; margin-right: 50px; line-height: 1; padding: 17px 0; position: relative; }
 .main-menu li a .new { position: absolute; top: -8px; font-size: 10px; font-weight: 700; color: #fff; background: #f51167; line-height: 1; text-transform: uppercase; left: calc(50% - 21px); padding: 5px 9px 1px; border-radius: 15px; width: 42px; }
 .main-menu li:hover .sub-menu { visibility: visible; opacity: 1; margin-top: 0; }
 .main-menu li:hover>a { color: #f51167; }
 .main-menu .sub-menu { position: absolute; list-style: none; width: 220px; left: 0; top: 100%; padding: 20px 0; visibility: hidden; opacity: 0; margin-top: 50px; background: #fff; z-index: 99; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-box-shadow: 2px 7px 20px rgba(0, 0, 0, 0.05); box-shadow: 2px 7px 20px rgba(0, 0, 0, 0.05); }
 .main-menu .sub-menu li { display: block; }
 .main-menu .sub-menu li a { display: block; color: #000; margin-right: 0; padding: 8px 20px; }
 .main-menu .sub-menu li a:hover { color: #f51167; }
 .nav-switch { display: none; }
 /* ---------------- Features ---------------------*/ .hero-section { padding-bottom: 54px; }
 .hero-slider .hs-item { position: relative; height: 720px; }
 .hero-slider .hs-item span { font-size: 18px; text-transform: uppercase; font-weight: 600; letter-spacing: 3px; margin-bottom: 5px; display: block; position: relative; top: 50px; opacity: 0; }
 .hero-slider .hs-item h2 { font-size: 30px; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; position: relative; top: 50px; opacity: 0; /*! border: 4px solid #fff; */ }
 .hero-slider .hs-item p { font-size: 18px; font-weight: 400; margin-bottom: 35px; position: relative; top: 100px; opacity: 0; color: #faff00; text-shadow: 2px 0px 5px #000; }
 .hero-slider .hs-item .site-btn { position: relative; top: 50px; opacity: 0; }
 .hero-slider .hs-item .sb-line { margin-right: 5px; }
 .hero-slider .hs-item .container { position: relative; padding-top: 170px; }
 .hero-slider .hs-item .offer-card { position: absolute; right: 0; top: 226px; width: 162px; height: 162px; border-radius: 50%; background: #f51167; text-align: center; padding-top: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; }
 .hero-slider .hs-item .offer-card:after { position: absolute; content: ""; width: calc(100% - 10px); height: calc(100% - 10px); border: 1px solid #f96790; left: 5px; top: 5px; border-radius: 50%; }
 .hero-slider .hs-item .offer-card span { font-size: 18px; text-transform: capitalize; position: relative; top: 50px; opacity: 0; }
 .hero-slider .hs-item .offer-card h2 { font-size: 72px; font-weight: 400; line-height: 1; }
 .hero-slider .hs-item .offer-card p { text-transform: uppercase; line-height: 1; font-size: 14px; }
 .hero-slider .slider-nav-warp { max-width: 1145px; bottom: 0; margin: -78px auto 0; }
 .hero-slider .slider-nav { display: inline-block; padding: 0 38px; position: relative; }
 .hero-slider .owl-dots { display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 9px; }
 .hero-slider .owl-dots .owl-dot { width: 8px; height: 8px; background: #ffffff; border-radius: 15px; margin-right: 10px; opacity: 0.25; }
 .hero-slider .owl-dots .owl-dot.active { opacity: 1; }
 .hero-slider .owl-dots .owl-dot:last-child { margin-right: 0; }
 .hero-slider .owl-nav button.owl-next, .hero-slider .owl-nav button.owl-prev { font-size: 27px; position: absolute; color: #ffffff; opacity: 0.5; bottom: -20px; }
 .hero-slider .owl-nav button.owl-next { right: 0; }
 .hero-slider .owl-nav button.owl-prev { left: 0; }
 .hero-slider .owl-item.active .hs-item h2, .hero-slider .owl-item.active .hs-item span, .hero-slider .owl-item.active .hs-item p, .hero-slider .owl-item.active .hs-item .site-btn { top: 0; opacity: 1; }
 .hero-slider .owl-item.active .hs-item span { -webkit-transition: all 0.5s ease 0.2s; -o-transition: all 0.5s ease 0.2s; transition: all 0.5s ease 0.2s; }
 .hero-slider .owl-item.active .hs-item h2 { -webkit-transition: all 0.5s ease 0.4s; -o-transition: all 0.5s ease 0.4s; transition: all 0.5s ease 0.4s; }
 .hero-slider .owl-item.active .hs-item p { -webkit-transition: all 0.5s ease 0.6s; -o-transition: all 0.5s ease 0.6s; transition: all 0.5s ease 0.6s; }
 .hero-slider .owl-item.active .hs-item .site-btn { -webkit-transition: all 0.5s ease 0.8s; -webkit-transition: all 0.5s ease 0.8s; -o-transition: all 0.5s ease 0.8s; transition: all 0.5s ease 0.8s; }
 .hero-slider .owl-item.active .hs-item .offer-card { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.5s ease 1s; -webkit-transition: all 0.5s ease 1s; -o-transition: all 0.5s ease 1s; transition: all 0.5s ease 1s; }
 .slide-num-holder { float: right; z-index: 1; color: #fff; position: relative; font-size: 24px; font-weight: 700; position: relative; margin-top: -22px; }
 .slide-num-holder span:first-child { margin-right: 41px; }
 .slide-num-holder:after { position: absolute; content: ""; height: 30px; width: 1px; background: #fff; left: 50%; top: 0; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }
 /* ------------------ Features section ---------------------*/ .feature { text-align: center; background: #f8f8f8; height: 100%; }
 .feature:nth-child(2) { background: #f51167; }
 .feature:nth-child(2) h2 { color: #fff; }
 .feature .feature-inner { padding: 20px 25px; display: -ms-flex; 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; height: 100%; }
 .feature .feature-icon { display: inline-block; margin-right: 15px; }
 .feature h2 { font-size: 24px; text-transform: uppercase; display: inline-block; }
 /* ---------------------- Latest product section ------------------------*/ .top-letest-product-section { padding-top: 70px; padding-bottom: 60px; }
 .top-letest-product-section .section-title { margin-bottom: 70px; }
 .product-slider .owl-nav { position: absolute; top: calc(50% - 60px); width: 100%; left: 0; }
 .product-slider .owl-nav button.owl-next, .product-slider .owl-nav button.owl-prev { color: #a4a4a4; font-size: 42px; position: relative; }
 .product-slider .owl-nav button.owl-next { float: right; right: -92px; }
 .product-slider .owl-nav button.owl-prev { float: left; left: -92px; }
 .product-item .pi-pic { position: relative; display: block; border: 1px solid #6f6f6f;}
 .product-item .tag-new, .product-item .tag-sale { position: absolute; right: 16px; top: 14px; font-size: 10px; font-weight: 700; color: #fff; background: #50e550; line-height: 1; text-transform: uppercase; padding: 5px 9px 1px; border-radius: 15px; width: 42px; }
 .product-item .tag-sale { text-align: center; padding: 5px 0px 1px; min-width: 65px; background: #f51167; }
 .product-item .pi-links { width: 100%; position: absolute; right: 0; bottom: 18px; z-index: 9; padding-right: 15px; text-align: right; }
 .product-item .pi-links a { display: inline-table; width: 36px; height: 36px; background: #fff; border-radius: 60px; font-size: 18px; line-height: 18px; padding-top: 9px; overflow: hidden; color: #000; position: relative; -webkit-box-shadow: 1px 0 32px rgba(0, 0, 0, 0.2); box-shadow: 1px 0 32px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; text-align: center; }
 .product-item .pi-links a i { display: inline-block; color: #000; }
 .product-item .pi-links a.add-card { padding-top: 8px; }
 .product-item .pi-links a.add-card span { font-size: 12px; font-weight: bold; text-transform: uppercase; position: absolute; right: 19px; top: 20px; opacity: 0; }
 .product-item .pi-links a.add-card:hover { width: 148px; padding: 8px 18px 0; text-align: left; }
 .product-item .pi-links a.add-card:hover span { opacity: 1; top: 10px; -webkit-transition: all 0.4s ease 0.3s; -o-transition: all 0.4s ease 0.3s; transition: all 0.4s ease 0.3s; }
 .product-item .pi-text { padding-top: 10px; /*! height: 87px; */ background-color: #eaeaea;}
 .product-item .pi-text h6 { float: right; padding: 10px 5px; overflow: hidden; font-weight: 700; color: #111111; }
 .product-item .pi-text p { font-size: 16px; color: #111111; margin-bottom: 0; padding: 0px 0px 0px 5px;}
 /* ----------------------- Product filter section -------------------------*/ .product-filter-section { padding-bottom: 60px; }
 .product-filter-section .section-title { margin-bottom: 70px; }
 .product-filter-menu { list-style: none; margin: 0 -10px; padding-bottom: 15px; }
 .product-filter-menu li { margin: 0 10px 10px; display: inline-block; }
 .product-filter-menu li a { color: #111111; font-size: 12px; font-weight: 700; text-transform: uppercase; background: #ebebeb; display: block; width: 100%; padding: 10px 34px; border-radius: 31px; }
 /* ---------------- Banner section ---------------------*/ 
 .banner { padding: 50px 34px 47px; position: relative; margin-bottom: 10px; }
 .banner .tag-new { position: absolute; right: 26px; top: 27px; font-size: 24px; font-weight: 700; color: #fff; background: #50e550; line-height: 1; text-transform: uppercase; padding: 7px 16px 1px; border-radius: 80px; }
 .banner span { font-size: 18px; text-transform: uppercase; font-weight: 600; letter-spacing: 3px; margin-bottom: 5px; display: block; }
 .banner h2 { font-size: 48px; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; color: #282828; }
 /* ---------------- Footer section ---------------------*/ .footer-section { background: #282828; padding-top: 60px; }
 .footer-logo { padding-bottom: 60px; }
 .footer-widget { margin-bottom: 70px; overflow: hidden; }
 .footer-widget h2 { font-size: 18px; font-weight: 700; text-transform: uppercase; color: #fff; margin-bottom: 45px; }
 .footer-widget p { color: #8f8f8f; }
 .footer-widget.about-widget p { margin-bottom: 50px; letter-spacing: -0.01em; }
 .footer-widget ul { list-style: none; float: left; margin-right: 37px; }
 .footer-widget ul:last-child { margin-right: 0; }
 .footer-widget ul li a { display: inline-block; position: relative; padding-left: 20px; font-size: 14px; color: #8f8f8f; margin-bottom: 6px; }
 .footer-widget ul li a:after { position: absolute; content: ""; width: 5px; height: 5px; left: 0; top: 8px; border: 1px solid #ec105a; border-radius: 50%; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
 .footer-widget ul li a:hover { color: #fff; }
 .footer-widget ul li a:hover:after { width: 7px; height: 7px; top: 6px; background: #ec105a; }
 .fw-latest-post-widget .lp-item { margin-bottom: 30px; display: block; overflow: hidden; }
 .fw-latest-post-widget .lp-thumb { width: 64px; height: 64px; float: left; margin-right: 22px; }
 .fw-latest-post-widget .lp-content { overflow: hidden; padding-top: 2px; }
 .fw-latest-post-widget .lp-content h6 { font-size: 14px; font-weight: 700; text-transform: uppercase; opacity: 0.25; color: #717171; margin-bottom: 1px; }
 .fw-latest-post-widget .lp-content span { display: block; font-size: 12px; color: #8f8f8f; margin-bottom: 4px; }
 .fw-latest-post-widget .lp-content .readmore { font-size: 12px; color: #f51167; }
 .contact-widget .con-info span { float: left; color: #f51167; margin-right: 15px; overflow: hidden; }
 .social-links-warp { border-top: 2px solid #3b3535; padding: 46px 0; }
 .social-links a { margin-right: 60px; display: inline-block; }
 .social-links a:last-child { margin-right: 0; }
 .social-links a i { font-size: 30px; color: #d7d7d7; float: left; margin-right: 19px; overflow: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
 .social-links a span { display: inline-block; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #9f9fa0; padding-top: 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
 .social-links a.instagram:hover i { color: #2F5D84; }
 .social-links a.google-plus:hover i { color: #E04B37; }
 .social-links a.twitter:hover i { color: #5abed6; }
 .social-links a.pinterest:hover i { color: #CD212D; }
 .social-links a.facebook:hover i { color: #39599F; }
 .social-links a.twitter:hover i { color: #5abed6; }
 .social-links a.youtube:hover i { color: #D12227; }
 .social-links a.tumblr:hover i { color: #37475E; }
 .social-links a:hover span { color: #fff; }
 /* -------------- Other Pages ------------------*/ .page-top-info { background: #f8f7f7; padding: 60px 0 70px; }
 .page-top-info h4 { color: #414141; font-weight: 700; text-transform: uppercase; }
 .site-pagination { font-size: 14px; font-weight: 600; color: #414141; }
 .site-pagination a { display: inline-block; font-size: 14px; color: #414141; }
 /* -------------- Category page ------------------*/ .filter-widget { margin-bottom: 100px; }
 .filter-widget .fw-title { font-size: 18px; font-weight: 700; color: #414141; text-transform: uppercase; margin-bottom: 45px; }
 .category-menu { list-style: none; }
 .category-menu li a { display: block; position: relative; font-size: 12px; color: #414141; border-bottom: 1px solid #ebebeb; padding: 12px 0 5px 20px; }
 .category-menu li a span { float: right; }
 .category-menu li a:after { position: absolute; content: ""; width: 9px; height: 9px; left: 0; top: 13px; border: 1px solid #f51167; border-radius: 50%; }
 .category-menu li a:hover { color: #f51167; }
 .category-menu li a:hover:after { background: #f51167; }
 .category-menu li a:last-child a { margin-bottom: 0; }
 .category-menu li .sub-menu { list-style: none; overflow: hidden; height: 0; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); opacity: 0; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; transition: opacity 0.4s, -webkit-transform 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; }
 .category-menu li .sub-menu li a { padding-left: 45px; }
 .category-menu li:hover>a { color: #f51167; }
 .category-menu li.active>.sub-menu { display: block; height: auto; opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
 .price-range-wrap .price-range { border-radius: 0; margin-right: 13px; margin-bottom: 28px; }
 .price-range-wrap .price-range.ui-widget-content { border: none; background: #ebebeb; height: 2px; }
 .price-range-wrap .price-range.ui-widget-content .ui-slider-range { background: #ebebeb; border-radius: 0; }
 .price-range-wrap .price-range .ui-slider-range.ui-corner-all.ui-widget-header:last-child { background: #414141; }
 .price-range-wrap .price-range.ui-widget-content .ui-slider-handle { border: none; background: #414141; height: 14px; width: 14px; outline: none; top: -6px; cursor: ew-resize; margin-left: 0; border-radius: 0; border-radius: 20px; }
 .price-range-wrap .price-range .ui-slider-handle.ui-corner-all.ui-state-default span { position: absolute; font-size: 14px; top: 35px; }
 .price-range-wrap .range-slider { color: #444444; margin-top: 22px; }
 .price-range-wrap { border-bottom: 2px solid #ebebeb; padding-bottom: 40px; margin-bottom: 50px; }
 .price-range-wrap h4 { text-transform: uppercase; font-size: 14px; font-weight: 700; color: #414141; margin-bottom: 45px; }
 .price-range-wrap .range-slider .price-input input { color: #444444; border: none; outline: none; max-width: 80px; pointer-events: none; }
 .price-range-wrap .range-slider .price-input input:nth-child(1) { float: left; }
 .price-range-wrap .range-slider .price-input input:nth-child(2) { float: right; }
 .fw-color-choose, .fw-size-choose { border-bottom: 2px solid #ebebeb; padding-bottom: 40px; margin-bottom: 50px; }
 .fw-color-choose .cs-item { display: inline-block; position: relative; margin-right: 14px; }
 .fw-color-choose .cs-item:last-child { margin-right: 0; }
 .fw-color-choose label { width: 26px; height: 26px; border-radius: 50px; background: #333; position: relative; cursor: pointer; }
 .fw-color-choose label.cs-gray { background: #d7d7d7; }
 .fw-color-choose label.cs-orange { background: #6f91ff; }
 .fw-color-choose label.cs-yollow { background: #6f91ff; }
 .fw-color-choose label.cs-green { background: #8fc99c; }
 .fw-color-choose label.cs-purple { background: #bc83b1; }
 .fw-color-choose label.cs-blue { background: #9ee7f4; }
 .fw-color-choose label span { position: absolute; width: 100%; text-align: center; top: 45px; font-size: 11px; color: #414141; }
 .fw-color-choose input[type=radio] { visibility: hidden; position: absolute; }
 .fw-color-choose input[type=radio]:checked+label { -webkit-box-shadow: 0 0 0 2px #f51167; box-shadow: 0 0 0 2px #f51167; }
 .fw-color-choose input[type=radio]:checked+label span { color: #b09d81; }
 .fw-size-choose .sc-item { display: inline-block; position: relative; margin-right: 5px; }
 .fw-size-choose label { display: inline-block; height: 30px; min-width: 30px; text-align: center; font-size: 14px; color: #414141; font-weight: 500; cursor: pointer; border-radius: 50px; padding: 7px 6px 0; }
 .fw-size-choose input[type=radio] { visibility: hidden; position: absolute; }
 .fw-size-choose input[type=radio]:checked+label { background: #f51167; color: #fff; }
 /* -------------- Product page ------------------*/ .product-section { padding-top: 70px; padding-bottom: 65px; }
 .back-link { padding-bottom: 50px; }
 .back-link a { font-size: 12px; color: #414141; }
 .product-pic-zoom { margin-bottom: 35px; }
 .product-thumbs-track { width: 1200px; }
 .product-thumbs .pt { width: 116px; height: 116px; float: left; margin-right: 31px; overflow: hidden; cursor: pointer; position: relative; }
 .product-thumbs .pt:last-child { margin-right: 0; }
 .product-thumbs .pt.active:after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; border: 2px solid #f51167; z-index: 1; }
 .product-details .p-title { font-size: 18px; font-weight: 700; color: #414141; text-transform: uppercase; margin-bottom: 18px; }
 .product-details .p-price { font-size: 24px; color: #414141; font-weight: 700; margin-bottom: 20px; }
 .product-details .p-stock { font-size: 12px; color: #000; font-weight: 700; color: #414141; margin-bottom: 10px; }
 .product-details .p-stock span { color: #f51167; }
 .product-details .p-rating { margin-bottom: 15px; }
 .product-details .p-rating i { color: #f51167; }
 .product-details .p-rating i.fa-fade { color: #e6e6e6; }
 .product-details .p-review { margin-bottom: 30px; }
 .product-details .p-review a { color: #414141; font-size: 14px; margin-right: 12px; margin-left: 12px; }
 .product-details .p-review a:first-child { margin-left: 0; }
 .product-details .fw-size-choose { border-bottom: none; margin-bottom: 30px; padding-bottom: 0; }
 .product-details .fw-size-choose p { float: left; margin-right: 38px; text-transform: uppercase; font-weight: 700; color: #414141; padding-top: 10px; margin-bottom: 0; }
 .product-details .fw-size-choose label { width: 33px; height: 33px; font-size: 12px; border: 2px solid #414141; }
 .product-details .fw-size-choose input[type=radio]:checked+label { border: 2px solid #f51167; }
 .product-details .fw-size-choose .disable label { border: 2px solid #e1e1e1; color: #cacaca; }
 .product-details .site-btn { min-width: 190px; }
 .product-details .social-sharing { padding-top: 50px; }
 .product-details .social-sharing a { color: #d7d7d7; margin-right: 23px; font-size: 14px; }
 .product-details .social-sharing a:hover { color: #414141; }
 .quantity { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; }
 .quantity p { float: left; margin-right: 15px; text-transform: uppercase; font-weight: 700; color: #414141; padding-top: 10px; margin-bottom: 0; }
 .quantity .pro-qty { width: 94px; height: 36px; border: 1px solid #ddd; padding: 0 15px; border-radius: 40px; float: left; }
 .quantity .pro-qty .qtybtn { width: 15px; display: block; float: left; line-height: 36px; cursor: pointer; text-align: center; font-size: 18px; color: #404040; }
 .quantity .pro-qty input { width: 28px; float: left; border: none; height: 36px; line-height: 40px; padding: 0; font-size: 14px; text-align: center; background-color: transparent; }
 .related-product-section { padding-bottom: 70px; }
 .related-product-section .section-title h2 { font-size: 24px; margin-bottom: 60px; }
 /* ---------------- Cart page ---------------------*/ .scrollbar { margin: 80px auto 0; width: 100%; height: 7px; line-height: 0; background: #ececec; overflow: hidden; }
 .scrollbar .handle { width: 100px; height: 100%; background: #fff; cursor: pointer; }
 .scrollbar .handle .mousearea { position: absolute; top: 0; left: 0; width: 100%; height: 7px; background: #b09d81; border-radius: 30px; }
 .cart-table { padding: 40px 34px 0; background: #f0f0f0; border-radius: 27px; overflow: hidden; }
 .cart-table h3 { font-weight: 700; margin-bottom: 37px; }
 .cart-table table { width: 100%; min-width: 442px; margin-bottom: 17px; }
 .cart-table table tr th { font-size: 12px; font-weight: 400; color: #414141; text-align: center; padding-bottom: 25px; }
 .cart-table table tr th.product-th { text-align: left; }
 .cart-table table tr th.size-th { padding-right: 70px; }
 .cart-table table tr th.quy-th { padding-right: 20px; }
 .cart-table .product-col { display: table; margin-bottom: 19px; }
 .cart-table .product-col img { display: table-cell; vertical-align: middle; float: left; width: 73px; }
 .cart-table .product-col .pc-title { display: table-cell; vertical-align: middle; padding-left: 30px; }
 .cart-table .product-col .pc-title h4 { font-size: 16px; color: #414141; font-weight: 700; margin-bottom: 3px; }
 .cart-table .product-col .pc-title p { margin-bottom: 0; font-size: 16px; color: #414141; }
 .cart-table .quy-col { padding-right: 20px; }
 .cart-table .quantity { margin-bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
 .cart-table .quantity .pro-qty { width: 80px; background: #fff; border-color: #fff; }
 .cart-table .quantity .pro-qty .qtybtn { width: 10px; }
 .cart-table .size-col, .cart-table .total-col { text-align: center; }
 .cart-table .size-col h4, .cart-table .total-col h4 { font-size: 18px; color: #414141; font-weight: 400; }
 .cart-table .size-col h4 { padding-right: 70px; }
 .cart-table .total-cost { background: #f51167; margin: 0 -34px; text-align: right; padding: 22px 0; padding-right: 50px; }
 .cart-table .total-cost h6 { line-height: 1; font-size: 18px; font-weight: 700; color: #fff; }
 .cart-table .total-cost h6 span { margin-left: 38px; }
 .cart-table .total-cost h4 { line-height: 1; font-size: 18px; font-weight: 700; color: #fff; }
 .cart-table .total-cost h4 span { margin-left: 38px; }
 .card-right .site-btn { margin-bottom: 14px; width: 100%; min-height: 57px; padding: 23px 47px 14px; }
 .promo-code-form { position: relative; margin-bottom: 14px; }
 .promo-code-form input { width: 100%; height: 58px; border: 2px solid #f0f0f0; padding-left: 24px; padding-right: 100px; font-size: 16px; border-radius: 80px; }
 .promo-code-form button { position: absolute; right: 24px; top: 0; height: 100%; background-color: transparent; border: none; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #f51167; cursor: pointer; }
 /* ---------------- Checkout Page ---------------------*/ .checkout-form .cf-title { font-size: 16px; font-weight: 700; color: #fff; line-height: 1; border-radius: 50px; background: #3b3b3b; padding: 21px 29px 20px; margin-bottom: 66px; }
 .checkout-form p { font-size: 16px; color: #414141; }
 .checkout-form h4 { font-size: 18px; color: #414141; }
 .checkout-form input[type=text] { width: 100%; height: 44px; border: none; padding: 0 18px; background: #f0f0f0; border-radius: 40px; margin-bottom: 20px; font-size: 14px; }
 .checkout-form .address-inputs { margin-bottom: 54px; }
 .address-rb { text-align: right; margin-bottom: 30px; }
 .address-rb .cfr-item { display: inline-block; }
 .cf-radio-btns .cfr-item { margin-bottom: 15px; text-align:left;}
 .cf-radio-btns label { display: block; font-size: 16px; color: #414141; margin-bottom: 0; padding-left: 30px; position: relative; cursor: pointer; }
 .cf-radio-btns label:after { position: absolute; content: ""; width: 5px; height: 5px; left: 4px; top: 8px; background: #414141; border-radius: 50%; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
 .cf-radio-btns label:before { position: absolute; content: ""; width: 13px; height: 13px; left: 0; top: 4px; border: 2px solid #e1e1e1; border-radius: 40px; }
 .cf-radio-btns input[type=radio] { visibility: hidden; position: absolute; }
 .cf-radio-btns input[type=radio]:checked+label:after { opacity: 1; }
 .shipping-btns { margin-bottom: 10px; }
 .shipping-btns .cf-radio-btns label { font-size: 18px; font-weight: 600; padding-left: 37px; }
 .payment-list { list-style: none; margin-bottom: 40px; }
 .payment-list li { font-size: 18px; font-weight: 600; color: #414141; margin-bottom: 20px; }
 .payment-list li a, .payment-list li span { padding-left: 40px; }
 .submit-order-btn { width: 100%; min-height: 58px; }
 .checkout-cart { background: #f0f0f0; padding: 40px 24px 30px; border-radius: 25px; }
 .checkout-cart h3 { margin-bottom: 30px; }
 .checkout-cart .product-list { list-style: none; }
 .checkout-cart .product-list li { overflow: hidden; display: block; margin-bottom: 29px; }
 .checkout-cart .product-list .pl-thumb { float: left; overflow: hidden; margin-right: 22px; width: 99px; }
 .checkout-cart .product-list .pl-thumb img { min-width: 100%; }
 .checkout-cart .product-list h6 { font-weight: 700; color: #414141; padding-top: 15px; margin-bottom: 5px; }
 .checkout-cart .product-list p { font-size: 16px; margin-bottom: 0; }
 .checkout-cart .price-list { padding-left: 17px; padding-right: 5px; list-style: none; }
 .checkout-cart .price-list li { overflow: hidden; display: block; font-size: 18px; color: #414141; margin-bottom: 10px; }
 .checkout-cart .price-list li span { float: right; width: 60px; text-align: left; }
 .checkout-cart .price-list li.total { padding-top: 35px; font-weight: 700; }
 /* ---------------- Contact Page ---------------------*/ .contact-section { padding-top: 80px; padding-bottom: 0; position: relative; }
 .contact-info h3 { margin-bottom: 50px; }
 .contact-social { display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 85px; padding-top: 20px; }
 .contact-social a { display: -ms-inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 32px; height: 32px; background: #f0f0f0; color: #414141; font-size: 14px; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 12px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
 .contact-social a:hover { color: #fff; background: #f51167; }
 .contact-form input, .contact-form textarea { width: 100%; height: 44px; border: none; padding: 0 18px; background: #f0f0f0; border-radius: 40px; margin-bottom: 17px; font-size: 14px; }
 .contact-form textarea { padding-top: 16px; border-radius: 18px; height: 175px; margin-bottom: 32px; }
 .map { position: absolute; width: calc(50% - 15px); height: 100%; right: 0; top: 0; background: #ddd; }
 .map iframe { width: 100%; height: 100%; }
 /* ---------------- Responsive ---------------------*/ @media (min-width: 1200px) { .container { max-width: 1175px; }
 }
 @media (max-width: 1350px) { .product-slider .owl-nav { position: relative; left: 0; top: 0; text-align: center; padding-top: 20px; }
 .product-slider .owl-nav button.owl-prev, .product-slider .owl-nav button.owl-next { float: none; left: 0; right: 0; margin: 0 10px; }
 }
 /* Medium screen : 992px. */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .hero-slider .slider-nav-warp { max-width: 930px; }
 .footer-widget ul { margin-right: 5px; }
 .social-links a { margin-right: 20px; }
 }
 /* Tablet :768px. */ @media only screen and (min-width: 768px) and (max-width: 991px) { .site-logo { margin-bottom: 20px; }
 .header-search-form { margin-bottom: 15px; }
 .user-panel { text-align: center; }
 .main-menu { text-align: center; }
 .sub-menu { text-align: left; }
 .main-menu li a { margin-right: 30px; }
 .hero-slider .slider-nav-warp { max-width: 690px; }
 .hero-slider .hs-item .offer-card { top: 20px; }
 .feature h2 { font-size: 18px; }
 .product-filter-menu { text-align: center; }
 .product-filter-menu li { margin: 0 5px 10px; }
 .social-links { text-align: center; }
 .social-links a { margin-right: 20px; }
 .social-links a span { display: none; }
 .cart-table, .checkout-cart, .product-thumbs { margin-bottom: 50px; }
 .map { position: relative; width: 100%; background: #ddd; height: 400px; margin-top: 70px; }
 }
 /* Large Mobile :480px. */ @media only screen and (max-width: 767px) { .site-logo { margin-bottom: 20px; }
 .header-search-form { margin-bottom: 15px; }
 .user-panel { text-align: center; }
 .main-menu { display: none; }
 .slicknav_btn { background-color: #565656; }
 .slicknav_menu { background: #282828; display: block; }
 .slicknav_menu .new { font-size: 10px; font-weight: 700; color: #fff; background: #f51167; line-height: 1; text-transform: uppercase; padding: 5px 9px 1px; border-radius: 15px; width: 42px; margin-left: 5px; }
 .hero-slider .slider-nav-warp { max-width: 510px; }
 .hero-slider .hs-item h2 { font-size: 50px; }
 .hero-slider .hs-item .offer-card { display: none; }
 .product-filter-menu { text-align: center; }
 .product-filter-menu li { margin: 0 2px 10px; }
 .footer-widget ul { margin-right: 25px; }
 .social-links { text-align: center; }
 .social-links a { margin-right: 15px; }
 .social-links a span { display: none; }
 .cart-table, .checkout-cart, .product-thumbs { margin-bottom: 50px; }
 .cart-table .size-col h4, .cart-table table tr th.size-th, .cart-table table tr th.quy-th, .cart-table .quy-col { padding-right: 0; width: 70px; }
 .cart-table .quy-col { width: 80px; }
 .address-rb { text-align: left; }
 .map { position: relative; width: 100%; background: #ddd; height: 400px; margin-top: 70px; }
 }
 /* Medium Mobile :480px. */ @media only screen and (min-width: 576px) and (max-width: 766px) { .hero-slider .slider-nav-warp { padding: 0 15px; }
 .banner .tag-new { position: relative; display: inline-block; margin-bottom: 18px; right: 0; top: 0; }
 }
 /* Small Mobile :320px. */ @media only screen and (max-width: 479px) { .hero-slider .slider-nav-warp { max-width: 510px; padding: 0 15px; }
 .hero-slider .hs-item h2 { font-size: 35px; }
 .hero-slider .hs-item .sb-line { margin-bottom: 15px; }
 .section-title h2 { font-size: 28px; }
 .feature h2 { font-size: 18px; }
 .banner .tag-new { position: relative; display: inline-block; margin-bottom: 18px; right: 0; top: 0; }
 .social-links { text-align: center; }
 .social-links a i { font-size: 20px; margin-right: 0; }
 .social-links a span { display: none; }
 }
 .button-style {
  display: inline-block;        /* So padding and border-radius apply nicely */
  background-color: #007BFF;    /* Button-like background */
  color: white;                 /* Text color */
  padding: 10px 20px;           /* Space inside the "button" */
  border-radius: 25px;          /* Rounded edges */
  font-size: 24px;              /* Adjust as needed */
  margin: 0;                    /* Optional: remove default margin */
  box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Optional: soft shadow */
  text-align: center;           /* Center the text */
}
.button-style1 {
  display: inline-block;        /* So padding and border-radius apply nicely */
  background-color: #e2b0b0;    /* Button-like background */
  color: white;                 /* Text color */
  padding: 10px 20px;           /* Space inside the "button" */
  border-radius: 25px;          /* Rounded edges */
  font-size: 24px;              /* Adjust as needed */
  margin: 0;                    /* Optional: remove default margin */
  box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Optional: soft shadow */
  text-align: center;           /* Center the text */
}
.center-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40vh; /* or any height you want */
}
.banner {
      background: url('../img/bg4.jpg') no-repeat center center;
      background-size: cover;
      color: rgba(255, 255, 255);
      padding-top: 300px;
      height: 400px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    }

    .banner h1 {
      font-size: 3rem;
      /*font-weight: bold;*/
      background: rgb(0, 0, 0,0.50);
      padding: 20px;
      border-radius: 20px;
      color:rgb(235, 232, 68);
    }

    .about-section {
      padding: 30px 20px;
      font-family: Arial, Helvetica, sans-serif;
    }
.about-section p { font-size: 18px; color: #585858; line-height: 1.6; text-align:justify; }
    .about-image img {
      width: 100%;
      border-radius: 10px;
    }

    .services {
      background-color: #f8f9fa;
      padding: 40px 0;
    }

    .service-box {
      text-align: center;
      padding: 20px;
    }

    .service-box i {
      font-size: 40px;
      color: #007bff;
      margin-bottom: 10px;
    }
.table-alignment td,
.table-alignment th{
text-align:center;
}
.table-alignment td:nth-child(3),
.table-alignment th:nth-child(3){
text-align:left;
}
.table-alignment td:nth-child(8),
th:nth-child(8){
text-align:right;
}
.product-box {
    border: 1px solid #ddd;
    border-radius: 20px;
    transition: 0.3s;
    background-color: #FFF1E6;
    padding-top:5px;
  }

  .product-box:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }

  .quantity-box button {
    width: 25px;
  }

  .price {
    font-size: 1.2rem;
    color: #28a745;
  }