/*
TMS V 1.0
*/

/* Common CSS */
:root {
    --primary: #000000;
    --black: #626262;
    --gray: #c5c5c5;
	--white: #ffffff;	
}
*									{ margin: 0; padding: 0; box-sizing: border-box;  scroll-behavior: smooth;}
html 								{ scroll-behavior: smooth; }
body								{ font-size: 14px; font-family: 'Manrope', sans-serif; font-weight: 400; 
									color: var(--black); -webkit-font-smoothing: antialiased; }
body::-webkit-scrollbar         	{ width: 10px; }
body::-webkit-scrollbar-thumb   	{ background-color: var(--primary); border: 0; border-radius: 6px; }
body::-webkit-scrollbar-track   	{ -webkit-box-shadow:0; background-color: transparent; border-radius: 10px; }
a:focus,
input:focus,
textarea:focus,
button:focus,
.btn:focus,
.btn.focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active
									{ text-decoration: none; outline: none; box-shadow: none; }
a.Nl-Btn							{ background: var(--primary); color: var(--white); border-radius: 50px; padding: 10px 30px; margin-top: 15px; }
a.Nl-Btn:hover 						{ opacity:0.9; color: var(--white); }
a 									{ text-decoration: none; -webkit-transition: all 0.5s ease-in-out; 
									color:var(--primary); -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
a:hover 							{ color: var(--primary); }
a,
a:focus,
a:hover 							{ text-decoration: none; }
i, span, a 							{ display: inline-block; }
audio, canvas, iframe, img, svg, video 								
									{ vertical-align: middle; }
button,i							{ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; 
									transition: all 0.5s ease-in-out; }
ol ol, ol ul, ul ol, ul ul 			{ margin-bottom: 0; }
ul, ol 								{ margin: 0px; padding: 0px; list-style-type: none; }
p									{ line-height: 2; font-size: 14px; margin-bottom: 10px; }
.tms-topbar							{ background: var(--primary); padding: 10px 0px; } 
ul.tms-headerSocial li				{ display: inline-block; margin: 0 5px; }
ul.tms-headerSocial	li a			{ color: var(--gray); width: 28px; height: 28px; font-size: 15px; text-align: center; border-radius: 50%; line-height: 29px; box-shadow: 0 0 0 1px var(--gray); }
ul.tms-headerSocial	li a:hover		{ background: var(--white); color: var(--primary); }
ul.tms-headerSocial	li:first-child	{ margin-left: 0px; }
ul.tms-headerSocial	li:last-child	{ margin-right: 0px; }	
.tms-headerPhone a					{ color: var(--gray); }
.tms-headerPhone a:first-child		{ margin-right: 14px; }							
.tms-headerPhone a i				{ color: var(--gray); margin-right: 8px; }
header .navbar .navbar-brand 		{ padding: 0; margin: 0; }
nav.navbar 							{ padding: 10px 0px; }	
.sticky .tms-main-header			{ width: 100%; position: fixed; top: 0; z-index: 999; background: #fff;
									box-shadow: 1px 1px 20px #25354436; animation: smoothScroll 1s forwards; }
@keyframes smoothScroll 			{
									0% 	 { transform: translateY(-40px); }
									100% { transform: translateY(0px); }
									}									
header .navbar-brand img			{ width: 250px; -webkit-transition: all 0.5s ease-in-out; 
									-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
header .navbar-expand-lg .navbar-nav .nav-link
									{ color: var(--black); font-size: 14px; font-weight: 700; padding: 5px 25px; }
header .navbar-expand-lg .navbar-nav li:last-child a
									{ padding-right:0;}
header .navbar-expand-lg .navbar-nav li
									{ padding: 25px 0; }
header.sticky .navbar-expand-lg .navbar-nav li
									{ padding: 15px 0; }
header .navbar-expand-lg .navbar-nav .nav-link:hover
									{ color: var(--primary); }
.main-carousel 						{ background: #F8F8F8; } 
.main-carousel .slide-item			{ position: relative; height: 60vh; width: 100%; display: flex; align-items: center; } 
.main-carousel .slide-text h1		{ font-size: 36px; font-weight: 700; color: var(--primary); }		
.main-carousel .slide-text p		{ font-size: 16px; font-weight: 500;  }		
.main-carousel .owl-nav .owl-prev,
.main-carousel .owl-nav .owl-next 	{ position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50px; background: var(--white) !important; width: 35px; height: 35px; display: flex;  
									align-items: center; margin: 0 20px; justify-content: center; }
.main-carousel .owl-nav .owl-prev:hover,
.main-carousel .owl-nav .owl-next:hover
									{ color:var(--primary); box-shadow: 2px 2px 5px #0000003b; }
.main-carousel .owl-nav .owl-prev 	{ left: 0; } 
.main-carousel .owl-nav .owl-next 	{ right: 0; }
.mac-mainSec						{ padding: 5% 0;}
.mac-about .mac-about-left-side img	{ width: 100%; border-radius:10px;}
.mac-mainSec h3 					{ font-size: 22px; text-transform: uppercase; font-weight: 700; color:var(--primary); }
.mac-about.mac-mainSec				{ text-align: left; }
.mac-mainSec .mac-heading			{ text-align: center;}
.mac-main-btn 						{ background: var(--primary); padding: 10px 30px; border-radius: 10px; color: var(--white); font-size: 16px; border: 1px solid var(--primary); }
.mac-main-btn:hover 				{ background: transparent; color:var(--primary); }
.mac-catagory, .mac-inquiry			{ background: #F8F8F8;}
.mac-categoryThumb h2 				{ margin: 0; font-size: 20px; font-weight: 700; color: var(--primary); position: absolute; top: 20px; left: 25px; z-index:1; }
.mac-categoryThumb 					{ position: relative; margin-bottom:12px; }
.mac-categoryThumb figure			{ overflow: hidden; }
.mac-categoryThumb figure img 		{ width: 100%; height: 100%; transition: 0.5s;  }
.mac-categoryThumb figure img:hover { transform: scale(1.2); }
.w-100 .mac-categoryThumb 			{ height: calc(50% - 15px); }
.mac-testimonial .Tesmuser h4		{ font-size: 16px; font-weight:700; color: var(--primary); margin-bottom: 0px; }
.mac-testimonial .Tesmuser p		{ margin-bottom: 0px; }
.mac-testimonial .Tesmuser			{ margin-bottom: 15px; } 
.TesmBox 							{ background: #F8F8F8; padding: 20px; border-radius:20px; }
.mac-testimonialSlider .owl-stage	{ display: flex; }
.mac-testimonialSlider .item		{ display: flex; flex: 1 0 auto; height: 100%; }
.mac-testimonial .owl-carousel .owl-item img 
									{ width: 60px; height: 60px; border: 2px double #fff; object-fit: cover; }
.mac-inquiry 						{ background-image: url(../images/inquiry-bg.jpg); background-size: cover; background-position: center center; background-attachment:fixed; background-repeat: no-repeat; }
.mac-inquiry h3.macInqTtl			{ font-size: 24px; color: #fff; letter-spacing: 1px; }
.inquiry-card 						{ padding: 30px; border-radius: 20px; box-shadow: 2px 2px 10px 4px #00000073; background: rgba(255,255,255,0.15); }
.mac-inquiry .form-control			{ font-size: 14px; padding: 12px 10px; border-radius: 10px; margin: 10px 0; width: 100%;
									height: auto; }
.mac-inquiry .form-control:focus 	{ color: #495057; background-color: #fff; border-color: var(--primary); box-shadow: none ; }
.mac-top-footer 					{ background: var(--primary); padding: 4% 0; }
.mac-top-footer .f-logo				{ width: 250px; margin-bottom:20px; }
.mac-top-footer .f-SecTwo ul li a,
.btm-Sec ul li a					{ color:var(--gray); }
.mac-top-footer .f-SecTwo ul li a:hover,
.btm-Sec ul li a:hover				{ color:var(--white); }
.mac-top-footer h5					{ font-size:16px; color:var(--white); text-transform:uppercase; margin:20px 0;}
.mac-top-footer .f-SecTwo ul li		{ padding-right:20px;}
.mac-bottom-footer					{ border-top:1px solid #ffffff75;}
.mac-bottom-footer p				{ margin:0; color:var(--white);}	
.btm-Sec ul li:not(:last-child)		{ margin-right: 20px; }

.mac-store							{ background: #F8F8F8; }
.mac-storeThumb						{ background: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; height: 100%; overflow: hidden; }
.mac-storeSlider .owl-nav 			{ margin: 0; }
.mac-storeSlider .owl-nav button.owl-next,
.mac-storeSlider .owl-nav button.owl-prev
									{ position: absolute; top: 50%; transform: translateY(-50%); color: #fff; font-size: 24px; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 50%;
									box-shadow: 3px 3px 20px rgb(0 0 0 / 10%); }
.mac-storeSlider .owl-nav button.owl-next:hover,
.mac-storeSlider .owl-nav button.owl-prev:hover 
									{ color: #000; background: #fff; }
.mac-storeSlider .owl-nav button.owl-next 
									{ float: right; right: 0px; }
.mac-storeSlider .owl-nav button.owl-prev
									{ float: left; left: 0px; }
.mac-storeSlider a.fancybox			{ display: block; width: 100%; }
.mac-storeSlider img.img-fluid		{ height: 320px; width: 100%; object-fit: cover; }
.mac-storeThumb .mac-storeInfo		{ background: #EBEBEB; padding: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
									-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; height: 100%; }
.mac-storeThumb .mac-storeInfo h2	{ font-size: 18px; font-weight: 800; color: var(--primary); margin-bottom: 10px; }
.mac-storeThumb .mac-storeInfo p	{ font-size: 14px; line-height: 1.5; font-weight: 600; margin-bottom: 0px; }
.mac-storeThumb .mac-storeInfo i	{ margin-right: 10px; margin-top: 5px; width: 15px; }
.mac-storeThumb .mac-storeInfo .mac-storeInfoTag
									{ display: flex; flex-wrap: wrap; margin-top: 20px; }
.mac-storeThumb .mac-storeInfo .mac-storeInfoTag span
									{ background: var(--primary); color: #fff;  padding: 5px 10px;border-radius: 8px; line-height: 1; display: block; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; }
.mac-storeThumb:hover .mac-storeInfo{ background: #fff; border-radius: 0; }
.success							{ color: green; font-weight: 700; padding: 5px; text-align: center; }
.failed								{ color: red;  font-weight: 700; padding: 5px; text-align: center; }
@media (max-width: 991px)			{
	.navbar-toggler .toggler-icon
									{ width: 30px; height: 2px; background-color: #000; display: block; margin: 8px 0; position: relative; -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; }
	.navbar-toggler .toggler-icon:nth-of-type(2)
									{ width: 24px; background-color: var(--black); }
	.navbar-toggler .toggler-icon:nth-of-type(3)
									{ width: 30px; }
	header .navbar-expand-lg .navbar-nav li
									{ padding: 5px 0; border-bottom: 1px solid rgba(0,0,0,0.05); }
	header .navbar-expand-lg .navbar-nav .nav-link
									{ padding: 5px 0; }
	header .navbar-expand-lg .navbar-nav li:last-child
									{ border-bottom: 0; }
}
@media (max-width: 767px)			{
	.mac-mainSec 					{ padding: 10% 0; }
	.main-carousel .slide-item		{ padding: 10% 0; text-align: center; height: 100%; }
	.main-carousel .slide-text h1 	{ font-size: 28px; }
	.main-carousel .slide-text p 	{ font-size: 14px; font-weight: 600; margin-bottom: 35px; padding: 0 5%; }
	.mac-about .mac-about-left-side img
									{ margin-bottom: 30px; }
	.mac-categoryThumb				{ width: 100%; }
	.mac-categoryThumb a			{ display: block; }
	.mac-storeThumb					{ height: auto; margin-bottom: 30px; }
	.inquiry-card 					{ padding: 15px; }
	.f-SecTwo						{ margin-top: 30px; }
	.tms-topbar						{ text-align: center; }
	.tms-topbar .tms-headerSocial	{ justify-content: center !important; margin-top: 10px; }
}
@media (max-width: 576px)			{
	.mac-mainSec 					{ padding: 15% 0; }
}