:root{
	--bs-body-color: black;
	--menu-width: 240px;
	--negative-menu-width: -240px;
}
.c60{ color: #606060; }
.c26{ color: #262626; }
.fop{ font: "Open Sans";}
.fs18{ font-size: 18px; line-height: 30px; }
.text-center{ text-align: center; }
.cblue{ color:#00A8E1!important; }

.poppins
{
	font-family: "Poppins";
}

h1{
	color:#2B2B2B;
}

.max_width
{
	max-width: 1268px;
}

.margin-auto
{
	margin: auto auto;
}

.title2
{
	font-family: "Poppins";
	font-weight: 600;
	font-size: 4vw;
	line-height: 6vw;
}

.p6040
{
	padding: 60px 40px;
}

#start .p6040
{
	padding: 60px 40px 40px 40px;
}

#start p
{
	font-size: 20px;
	line-height: 27px;
	font-family: "Open Sans";
}

body
{
	font-family: "Open Sans"; font-size: 16px;
/*	background-color: #f5f5f5; */
}
.brand_img
{
	background-image: url(uniform_people.webp);
	background-size: cover;
	background-repeat: no-repeat;
}
.your_brand
{
	position: absolute;
	bottom: 71px;
	right: 0;
	left: 0;
	top: 65px;
	background-image: url(uniform_people.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.main
{
	margin: 0 auto;
	max-width: 1240px;
	background-color: #FFFFFF;
}

.mx-1
{

}
.mx-2
{

}
.mx-3
{

}
input.form-control
{
	display:block;
	width: 100%;
	padding: .375rem .75rem;
	line-height: 1.5;
	border: 1px solid #d5d5d5;
	border-radius: 8px;
}

.secondary_container
{
	margin: 0 2rem;
}

.pc-y{
	padding-top:2rem;
	padding-bottom:2rem;
}
.pc-x
{
	padding-right: 2rem;
	padding-left: 2rem;
}

footer
{
	background: url(branded.png);
	background-position: center center;
	background-size: cover;
	min-height: 354px;
}
.custom_kits
{

}
.custom_kits img
{
	width: 100%;
}
img{
	width: 100%;
}
.background_blue
{
	background: url(branded.png);
	background-position: center center;
	background-size: cover;
}

.poppins-semibold {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-style: normal;
}
h2
{
	color:#262626;
	margin-top:24px;
	line-height: 56px;
	font-size: 32px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
}
.dot_x
{
	background: url(x.png);
	background-position: center center;
	background-repeat: repeat;
	font-size: 40px;
	text-align: center;
	color: white;
	padding: 120px 0 180px 0;
	line-height: 60px;
}
.black_x
{
	background-color: #2b2b2b;
}
p
{
	color: #606060;
	line-height: 34px;
	font-size: 20px;
	margin-top: 24px;
	margin-bottom: 24px;
}

.poppins
{
	font-family: "Poppins", sans-serif;
}
.gap16
{
	margin-bottom: 16px;
}

.bottom_50
{
	margin-bottom: 30px;
}


.customlist
{
	width: 100%;
	margin: auto;
	max-width: 923px;
}

header.sticky-top
{
	top: 0;
	left: 0;
	right: 0;
	height: 64px!important;
	background-color: white;
	overflow: hidden;
	box-sizing: border-box;
}

a.internal_link:link,
a.internal_link:visited,
a.internal_link
{
	color: #2b2b2b;
	text-decoration: none;
	margin: 0px 20px;
}

a.internal_link:active,
a.internal_link:hover
{
	color: #00A8E1!important;
	text-decoration: underline;
}


label
{
	font-family: "Open Sans";
	font-weight: 400;
	font-size: 16px;
	padding: 8px 0;
	color: #606060;
}

::placeholder {
	color: #D9D9D9!important;
	opacity: 1; /* Firefox */
}

.cbutton
{
	background-color: #2B2B2B;
	color: white;
	margin:	16px 0;
	display: block;
	border-radius: 8px;
	font-weight: bold;
	padding: 8px 16px;
	max-width: 168px;
	height: 32px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	font-family: "Open Sans";
	font-size: 15px;
	line-height: 15px;
}
.connect_with_us
{
	font-family: "Open Sans";
	font-weight: 700;
	font-size: 20px;
	color: #2b2b2b;
}

.social_link:visited,
.social_link:active,
.social_link:hover,
.social_link
{
	color: white;
	text-decoration: none;
	margin: 30px 8px;
}
.citem
{
	font-size: 17px;
	line-height: 35px;
	font-weight: 600;
	font-family: "Open Sans";
	color: #606060;
}

p.cut_and_sew
{
	line-height: 34px;
	font-family: "Open Sans";
}


header a.social_link:visited,
header a.social_link:active,
header a.social_link:hover,
header a.social_link.cblue
{
	color: white;
	text-decoration: none;
	margin: 0px 4px!important;
}

@media (max-width: 768px)
{
	.title2
	{
		font-family: "Poppins";
		font-weight: 600;
		font-size: 28px;
		line-height: 42px;
	}
	p
	{
		color: #606060;
		line-height: 23px;
		font-size:14px;
		margin-top: 24px;
		margin-bottom: 24px;
	}
	h2
	{
		margin-top:24px;
		line-height: 44px;
		font-size: 32px;
		font-family: "Poppins", sans-serif;
		font-weight: 600;
	}
	.pc-x
	{
		padding-right: 16px;
		padding-left: 16px;
	}
	.secondary_container
	{
		margin: 0 16px;
	}

	header.sticky-top
	{
		height: 64px;
		background-color: white;
	}


	/*
	p.cut_and_sew
	{
		size: 20px;
		line-height: 34px;
		font-family: "Open Sans";
	}
	*/

}

.premium img
{
	width: 156px;
}

@media (max-width: 1200px)
{
	a.internal_link:link,
	a.internal_link:visited,
	a.internal_link
	{
		margin: 0 10px;
	}
}

@media(min-width: 1240px)
{
	.title2
	{
		font-size: 50px;
		line-height: 70px;
	}
}

/*
@media (min-width: 1920px)
{
	.title2
	{
		font-size: 50px;
		line-height: 70px;
	}

	h2
	{
		line-height: 44px;
		font-size: 32px;
	}
}
*/

.row.customlist.dos .pc-x
{
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

a.back_to_future
{
	position: fixed;
	right: 20px;
	bottom: 20px;
	height: 88px;
	width: 88px;
	z-index: 9999;
	margin-right: 20px;
}

a.cblue_link
{
	color: #262626;
	display: inline;
	color:#00A8E1!important;
	text-decoration: none;
}
#cmenu
{
	position: fixed;
	top: 0;
	left:100%;
	width: 240px;
	bottom: 0;
	font-size: 16px;
	line-height: 21px;
	transition: 500ms;
}

#cmenu.open
{
	z-index: 99999;
	background-color: white;
	transform: translate3d(var(--negative-menu-width),0,0);
}

#cmenu a:not(.cbutton)
{
	display: block;
	width: 100%;
	height: 48px;
	line-height: 48px;
	text-align:center;
	color: #666;
	transition: 500ms;
}
#cmenu a.cbutton
{
	line-height: 38px;
	margin: auto auto;
}

dialog{
	border: 1px solid #DDDDDD;
}

dialog::backdrop
{
	background-color: rgba(0,0,0,0.8)!important;
}

#bar
{
	transition: 500ms;
	transform: none;
	height: 30px;
}

#bar.open
{
	transform: translate3d(var(--negative-menu-width),0,0);
}


@media(min-width:1920px)
{

}


.desktop
{
	display: none;
}
.p_desktop
{
	font-size: 18px;
	line-height: 28px;
}

@media(min-width:1240px)
{
	.mobile
	{
		display: none!important;
	}
	.desktop
	{
		display: block;
	}

	.p_desktop
	{
		font-size: 18px;
		line-height: 28px;
	}

	.p_desktop.cut_and_sew
	{
	}
}

.catorcepx
{
	font-size: 14px!important;
}

.catorcepx p
{
	font-size: 14px!important;
}

.animate-color
{
	filter: grayscale(1);
	transition: grayscale 3s ease;
}

.animate-color.animate
{
	filter: grayscale(0);
}
.animate-down
{
	transition-property: all;
	transition-duration: 0.5s;
	top: 0px;
}

.animate-down.animate
{
	margin-top:50px;
}

.animate-top
{
	position:relative;
	transition-property: all;
	transition-duration: 2s;
	top: 50px;
}
.animate-down
{
	position: relative;
	transition-property: all;
	transition-duration: 2s;
	top: -50px;
}

.animate-down.animate,
.animate-top.animate
{
	top:0px;
}

.animate-opacity
{
	transition-property: all;
	transition-duration: 2s;
	opacity: 0;
}

.animate-opacity.animate
{
	opacity: 1;
}