@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html { font-size: 100%; }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-size: 1em; color: #000; margin: 0px; font-family: "Poppins", sans-serif; font-weight: normal; }
ul,
li { display: inline-block; margin: 0px; padding: 0px; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: "Libre Bodoni", serif; }
p { font-size: 1em; line-height: 1.7; display: inline-block; }
img { display: flex; }
.TBB-but { position: relative; overflow: hidden; background: #de0144; padding: 15px 30px; color: #fff; display: inline-block; margin-top: 20px; text-decoration: none; }
.TBB-but:hover { background: #a91919; border-color: #a91919; color: #fff; transition: 0.2s; }
.container { width: 1200px; margin: 0 auto; }
.container-flex { display: flex; flex-wrap: wrap; }
.clear { clear: both; }
.TBB-title { font-size: 3.5em; display: inline-block; font-weight: bolder; margin: 0px; line-height: 1.2; }
.toggle-menu,
.close { display: none; }
.accent { color: #c92525; }
/**Heade**/
.header { width: 100%; z-index: 1; background: #000; position: relative; border-top: solid 10px #de0144; }
.header .container-flex { align-items: center; justify-content: space-between; transition: 0.2s; }
.sticky .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; box-shadow: 0 0 10px #00000036; }
.logo { position: absolute; left: 50%; transform: translateX(-50%); }
.TBB-menu { display: flex; align-items: center; width: 100%; }
.menu-threadingbrowbar-menu-container { width: 100%; }
.TBB-menu ul { display: flex; gap: 40px; width: 100%; }
.TBB-menu ul li { display: flex; padding: 30px 0; }
.TBB-menu ul li:nth-child(4) { margin-left: auto; }
.TBB-menu ul li a { text-decoration: none; color: #fff; text-transform: uppercase; }
.TBB-menu ul li a:hover { color: #de0144; }
/*Banner*/
.banner { position: relative; }
.banner img { width: 100%; object-fit: cover; }
.banner .slick-slide { position: relative; }
.banner-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.banner-overlay h2 { color: #fff; font-size: 5.25em; font-weight: bolder; line-height: 1.1; width: 100%; }
/**********/
.offer-img { flex: 0 1 calc((40% / 1) - 0em); }
.offer-img img { width: 100%; height: 100%; object-fit: cover; }
.eyebrow-special { flex: 0 1 calc((60% / 1) - 0em); text-align: center; background: #000; color: #fff; position: relative; padding: 30px 0; overflow: hidden; }
.eyebrow-special:before { content: ""; width: 20%; background: #de0144; height: 100%; position: absolute; right: -30px; top: 0; transform: skew(-10deg); }
.eyebrow-special h3 { display: inline-block; width: 100%; font-size: 2em; margin: 0px; color: #fff; }
.price-new { position: relative; display: inline-block; }
.price-new h4.eyebrow-title { color: #1eaeb7; margin: 0px; font-size: 2.5em; }
.eyebrow-special strike { color: #fff; vertical-align: text-bottom; font-size: 0.7em; padding: 0 0 0 10px; }
.price-new h5 { background: #de0144; display: inline-block; padding: 10px 20px 13px 20px; border-radius: 6px; margin-top: 10px !important; font-size: 1.6em; line-height: 1; }
.eyebrow-special > div { width: 75%; }
/************/
.welcome-threading { display: inline-block; width: 100%; background: url(../images/welcome-to-threading.jpg) top center; color: #fff; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; }
.welcome-threading-contant { width: 60%; padding: 5em 0; }
.welcome-threading .TBB-title { margin-bottom: 20px; }
.welcome-threading-contant p { padding-top: 10px; }
.welcome-threading h3 { color: #fff; width: 100%; text-align: center; font-size: 2.25em; background: rgba(21, 20, 36, 0.89); padding: 15px 0; }
.welcome-threading h3 span { color: #de0144; }
/******************/

.eyebrow-services { text-align: center; display: inline-block; width: 100%; background: url(../images/services-bg.jpg) top center; color: #fff; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; padding: 5em 0; }
.eyebrow-services ul { gap: 1em; display: flex; justify-content: center; flex-wrap: wrap; }
.eyebrow-services li { display: inline-block; flex: 1 1 calc((100% / 4) - 1em); position: relative; cursor: pointer; }
.eyebrow-services li span { display: inline-block; position: relative; overflow: hidden; }
.eyebrow-services li span:before { content: ""; width: 94%; border: solid 1px rgba(255, 255, 255, 0.20); height: 93%; position: absolute; z-index: 9; top: 3%; left: 3%; }
.eyebrow-services li img { width: 100%; overflow: hidden; transition: 1s; }
.eyebrow-services li:hover img { transform: scale(1.1); transition: 1s; }
.eyebrow-services li span:after { background: url(../images/threadting-bg.png) top center; display: inline-block; content: ""; width: 100%; left: 0; top: 0; height: 100%; position: absolute; background-size: cover; background-repeat: no-repeat; }
.eyebrow-services li h3 { position: absolute; font-size: 1.75em; top: 30px; left: 30px; color: #fff; z-index: 9; }
.eyebrow-services li h3 a { color: #fff; text-decoration: none; }
/************/
.choose-us { width: 100%; background: url(../images/testimonial-bg.jpg) top center; padding: 60px 0; color: #fff; background-attachment: fixed; background-repeat: repeat; padding: 5em 0; }
.choose-us .container-flex { align-items: center; gap: 4em; }
.choose-us-img { flex: 0 1 calc((45% / 1) - 2em); }
.choose-us-img img { width: 100%; }
.why-choose { flex: 0 1 calc((55% / 1) - 2em); color: #fff; padding: 0; background: #000; }
.why-choose ul li { width: 100%; display: inline-block; padding: 10px 0; }
.why-choose h3 { font-size: 1.875em; color: #de0144; letter-spacing: 1px; margin: 0px; }
/***********/
.location { width: 100%; background: #de0144; padding: 40px 0; }
.location .container { width: 1100px; }
.location .container-flex { justify-content: space-around; }
.location li { display: inline-block; position: relative; color: #fff; text-align: center; padding-right: 1em; }
.location li:before { content: ""; height: 100%; width: 2px; background: #0000004a; position: absolute; right: 0; transform: skew(-18deg); }
.location li:last-child:before { display: none; }
.location li h3 { display: inline-block; color: #fff; font-size: 3.125em; text-align: center; }
.location li span { display: inline-block; text-align: left; padding-left: 7px; font-size: 1.25em; line-height: 19px; width: 36%; }
/******Testimonial*****/
.testimonial { width: 100%; text-align: center; background: #000; padding: 5em 0 7em 0; color: #fff; background-attachment: fixed; background-repeat: repeat; }
.box { width: 300px; margin: 0 auto; position: relative; position: relative; margin-bottom: 30px; }
.box span:before { width: 50px; height: 50px; content: ""; border: solid #de0144; position: absolute; border-width: 5px 0 0 5px; top: 0; left: 0; }
.box span:after { width: 50px; height: 50px; content: ""; border: solid #de0144; position: absolute; border-width: 5px 5px 0 0px; top: 0; right: 0; }
.box small:before { width: 50px; height: 50px; content: ""; border: solid #de0144; position: absolute; border-width: 0px 0px 5px 5px; bottom: 0; left: 0; }
.box small:after { width: 50px; height: 50px; content: ""; border: solid #de0144; position: absolute; border-width: 0px 5px 5px 0px; bottom: 0; right: 0; }
.testimonial h2 { padding: 0 0 40px 0; }
.testimonial .box img { padding: 15px 10px 10px 10px; margin: 0 auto; }
.testimonial .item p { width: 53%; margin: 30px auto !important; font-size: 18px; }
/*****/
footer { width: 100%; background: url(../images/footer.jpg) top center; padding-top: 5em; background-attachment: fixed; background-size: cover; background-repeat: no-repeat }
footer .container-flex { display: flex; flex-wrap: nowrap; margin-left: auto !important; margin: 0; gap: 2em; }
.address { color: #fff; border: solid 3px #de0144; padding: 34px 20px; clear: both; position: relative; border-radius: 5px; flex: 1 1 calc((100% / 3) - 2em); background: #000000a6; }
.address ul { margin: 0px; padding: 0px; }
.address ul li { display: flex; width: 100%; padding: 6px 0; justify-content: start; align-items: flex-start; }
.address ul li img { margin: 4px 9px 0px 0; }
.address ul li span { width: 90%; }
.address h3 { background: #08080a; position: absolute; top: -23px; padding: 6px 7px; font-size: 1.6em; color: #de0144; }
.copy-right { width: 100%; background: #fff; padding: 10px 0; text-align: center; margin-top: 4em; color: #6f6f6f; }
.responsive-menu { display: none; }
/***********/
.services { padding: 5em 0; text-align: center; }
.services .TBB-title { margin-bottom: 20px; }
.services p { padding-bottom: 20px; }
.services-grid { margin-top: 2em; border: solid 1px #ddd; padding: 2em; border-radius: 10px; text-align: left; }
.services-grid h3 { font-size: 2em; color: #de0144; }
.services-grid .container-flex { gap: 4em; align-items: center; margin-top: 1em; flex-wrap: nowrap; }
.services-grid figure { flex: 0 1 calc((30% / 1) - 3em); }
.services-grid p { flex: 0 1 calc((43% / 1) - 3em); }
.services-grid .call-us { margin-left: auto; flex: 0 1 calc((27% / 1) - 3em); }
.call-us h4 { font-size: 1.5em; color: #de0144; padding-bottom: 10px; }
.call-us ul li { padding: 4px 0; }
.services-grid img { border-radius: 10px; width: 100%; }
/***********/
.gallery.container-flex { gap: 3em; margin-top: 2em; }
.gallery .glightbox { flex: 1 1 calc((100% / 4) - 3em); }
.gallery img { width: 100%; object-fit: cover; border-radius: 10px; cursor: pointer; transition: .3s; }
.gallery img:hover { transform: scale(1.05); }
/*******/
.contact-page { padding: 5em 0; text-align: center; }
.contact-location { margin-top: 4em; }
.contact-page .container-flex { justify-content: space-between; margin-top: 3em; border-bottom: solid 1px #ddd; padding-bottom: 3em; }
.contact-grid { flex: 1 1 calc((100% / 4) - 3em); border-right: solid 1px #ddd; }
.contact-grid:last-child { border-right: none; }
.contact-info .TBB-title,
.services .TBB-title,
.about-us .TBB-title { padding-bottom: 15px; font-size: 2.5em; position: relative; width: 100%; }
.contact-info .TBB-title:before,
.services .TBB-title:before,
.about-us .TBB-title:before { content: ""; height: 2px; width: 100%; position: absolute; left: 0; top: 50%; background: #dbdbdb; transform: translateY(-50%); }
.contact-info .TBB-title span,
.services .TBB-title span,
.about-us .TBB-title span { background: #fff; position: relative; padding: 0 20px; }
.contact-location h3 { font-size: 2em; color: #de0144; }
.contact-location h4 { padding: 30px 0 10px 0; font-size: 1.4em; }
.contact-location strong { /*color: #de0144;*/ font-weight: normal; width: 73%; display: inline-block; }
.contact-grid img { margin: 0 auto; }
.contact-map { padding: 1em 0 5em 0; }
.contact-map h3 { font-size: 2em; color: #de0144; margin-bottom: 30px; }
.contact-map .container-flex { gap: 5em; }
.map { flex: 1 1 calc((50% / 1) - 4em); }
.contact-form { flex: 1 1 calc((50% / 1) - 4em); }
.contact-form ul li { display: inline-block; width: 100%; margin-bottom: 15px; }
.contact-form ul li p { display: inline-block; width: 100%; }
.contact-form ul li:last-child { width: auto; }
.contact-form ul li input,
.contact-form ul li textarea { display: inline-block; width: 100%; padding: 13px 10px; border: solid 1px #ddd; }
.contact-form ul li textarea { height: 80px; }
.contact-form ul li label { width: 100%; display: inline-block; padding-bottom: 6px; margin: 0; }
.contact-form ul li input.wpcf7-submit { background: #16a085 !important; font-size: 1.1em; text-transform: uppercase; padding: 13px 30px !important; }
.map img { border: solid 1px #ddd; padding: 1em; width: 100%; }
/*******/
.about-us { text-align: center; padding: 5em 0 }
.about-us .container-flex { gap: 5em; text-align: left; margin-top: 3em; }
.about-img { flex: 1 1 calc((50% / 1) - 4em); }
.about-img img { width: 100%; border-radius: 10px; }
.about-content { flex: 1 1 calc((50% / 1) - 4em); }
.about-content p { padding-top: 15px; }
.about-threading { padding: 2em 0em 5em 0em; }
.about-threading .container-flex { gap: 5em; }
.threading-about-left { flex: 1 1 calc((50% / 1) - 4em); }
.threading-about-process { flex: 1 1 calc((50% / 1) - 4em); }
.about-threading h3 { position: relative; text-align: center; font-size: 1.6em; margin-bottom: 30px; }
.about-threading h3:before { content: ""; height: 2px; width: 100%; position: absolute; left: 0; top: 50%; background: #dbdbdb; transform: translateY(-50%); }
.about-threading h3 span { background: #fff; position: relative; padding: 0 20px; color: #de0144; }
.threading-about-left p { padding-bottom: 15px; }
.threading-about-process h4 { position: relative; font-size: 1.6em; margin-bottom: 15px; }
.threading-about-process ul li { padding-bottom: 30px; display: inline-block; position: relative; padding-left: 84px; }
.threading-about-process ul li:before { content: ""; height: 58px; width: 58px; position: absolute; left: 0; top: 0%; background: url(../images/arrow.png); z-index: 1; background-size: 100%; }
.threading-about-process ul li:after { content: ""; height: 100%; width: 1px; position: absolute; left: 28px; top: 0%; background: #d9d9d9; }
.threading-about-process ul li:last-child:after { display: none; }