@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*
font-family: 'Outfit', sans-serif;
*/

html, body { width: 100%; height: 100%; margin:0; }

h1, h2, h3, h4, h5, h6 {
	transition: .5s;
	margin: 0;
	line-height: 1.2;
	font-weight: 600;
	font-style: normal;
	font-family: 'Outfit', sans-serif;
}
h1 { font-size: 50px; }
h2 { font-size: 40px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

p {
	margin: 0;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	font-style: normal;
	font-family: 'Outfit', sans-serif;
	-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
}

ol, li, ul { font-family: 'Outfit', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.7; font-style: normal; }
small { font-family: 'Outfit', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.0; }

a, a:visited {
	font-family: 'Outfit', sans-serif;
	text-decoration: none;
	cursor: pointer;
	color: #ee8037;

	-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		 -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
			  transition: all 0.2s;
}
a:hover, a:focus, a:active { text-decoration: underline; color: #ee8037; outline: none; }



/* CUST_AMINATION
============================================================================================================================== */

@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
	from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}



/* HEADER
============================================================================================================================== */

header h2 { color: #FFF; }
header p { font-size: 16px; color: #FFF; }
header i { font-size: 12px; }
header a, header a:visited { color: #FFF; text-decoration: none; }
header a:hover, header a:active { color: #ee8037; text-decoration: underline;; }

.div-header-icon {
	position: relative;
	max-width: 290px;
	margin: -140px auto 0;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 30px;
	padding: 0 40px 0 40px;
	z-index: 40;
}



/* NAVBAR
============================================================================================================================== */

.nav-main {
	position: relative;
	z-index: 50;
	background-color: #000;
	border-bottom: 3px solid #ee8037;
}
.navbar-toggler { border: 3px solid #FFF; }

.nav-main .navbar-nav .nav-link {
	font-family: 'Fira Sans', sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #FFF;
	padding-left: 20px;
	padding-right: 20px;

	-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		 -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
			  transition: all 0.2s;
}
@media only screen and (max-width: 1039.50px) { .nav-main .navbar-nav .nav-link { padding-left: 13px; padding-right: 13px; font-size: 15px; } }

.nav-main .navbar-nav .nav-link:focus, .nav-main .navbar-nav .nav-link:hover { text-decoration: none; color: #e2ac87; background-color: #FFF; border-radius: 20px 0 20px 0; }
.nav-main .dropdown-menu { background-color: #FFF; padding: 0; border-radius: 0 20px 0 20px; }
.nav-main .dropdown-item { padding-top: 10px; padding-bottom: 10px; font-weight: 400; color: #000; }
.nav-main .dropdown-item:focus, .dropdown-item:hover { background-color: #fff5ef; text-decoration: none; color: #000; border-radius: 0 20px 0 20px; }
.nav-main .dropdown-item .dropdown-img-cont { text-align: center; }

.nav-main .offcanvas-header { padding-right: 40px; }
.nav-main .offcanvas-header .close-btn {
	margin: 10px 10px 10px auto;
	transform: scale(0.90);

	-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		 -ms-transition: all 0.2s;
		  -o-transition: all 0.2s;
			  transition: all 0.2s;
}
.nav-main .offcanvas-header .close-btn:hover { transform: scale(1.5); }
.nav-main .offcanvas-top { height: 100%; background-color: #FFF; }
.wrap-logo { width: 100px; margin-left: 20px; margin-top: 15px; }

@media only screen and (max-width: 767.50px) {
	.nav-main .offcanvas-body { padding-left: 30px; padding-right: 30px; }
	.nav-main .navbar-nav .nav-link { font-size: 20px; background-color: #FFF; color: #000; }
	.nav-main .navbar-nav .nav-link:focus, .nav-main .navbar-nav .nav-link:hover { background-color: #fff5ef; color: #000; padding-left: 30px; }
	.nav-main .navbar-nav .nav-item:first-child { border-top: 3px solid #efefef; border-bottom: 3px solid #efefef; padding-top: 5px; padding-bottom: 5px; }
	.nav-main .navbar-nav .nav-item { border-bottom: 3px solid #efefef; padding-top: 5px; padding-bottom: 5px; }
	.nav-main .navbar-nav .nav-item:last-child { border-bottom: 3px solid #efefef; padding-top: 5px; margin-bottom: 15px; }
	.nav-main .dropdown-menu { background-color: #FFF; border: 0; }
	.nav-main .dropdown-item { padding-top: 10px; padding-bottom: 10px; color: #000; font-size: 20px; }
	.nav-main .dropdown-item:focus, .dropdown-item:hover { background-color: #fff5ef; text-decoration: none; color: #000; padding-left: 30px; }
	.nav-main .dropdown-item .dropdown-img-cont { max-width: 100px; }
}
@media only screen and (max-width: 359.50px) {
	.nav-main .navbar-nav .nav-link { font-size: 16px; background-color: #FFF; color: #000; }
	.wrap-logo { width: 70px; }
}



/* SLIDER
============================================================================================================================== */

.slider-main { position: relative; z-index: 30; }



/* FORMS
============================================================================================================================== */

label {
	font-family: 'Outfit', sans-serif;
	font-weight: 400;
	font-size: 16px;
}
.form-control, .form-select {
	font-family: 'Outfit', sans-serif;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	border: 3px solid #000;
	background-color: #FFF;
	border-radius: 10px;
	padding: 10px 15px 10px 15px;

	-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		  -o-transition: all 0.2s;
		 -ms-transition: all 0.2s;
			  transition: all 0.2s;
}
.form-control:active, .form-control:hover, .form-select:active, .form-select:hover { border-color: #ee8037; color: #000; }
.form-control:focus, .form-select:focus { border-color: #ee8037; color: #000; -webkit-box-shadow: none; box-shadow: none; }

.table { font-family: 'Outfit', sans-serif; font-size: 16px; }



/* BUTTONS
============================================================================================================================== */

.btn-main {

	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	padding: 15px 35px 15px 35px;
	font-family: 'Outfit', sans-serif;
	border-radius: 15px;
	-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		 -ms-transition: all 0.4s ease-in-out;
		  -o-transition: all 0.4s ease-in-out;
			  transition: all 0.4s ease-in-out;
}

.btn-main.dflt { background-color: #000; color: #ee8037; border: 3px solid #ee8037; }
.btn-main.dflt:hover { background-color: #ee8037; color: #000; border: 3px solid #000; }

.btn-main.gold { background-color: #ee8037; color: #FFF; border: 3px solid #ee8037; }
.btn-main.gold:hover { background-color: #FFF; color: #ee8037; }

.btn-main.dark { background-color: #000; color: #ee8037; border: 3px solid #000; }
.btn-main.dark:hover { background-color: #FFF; color: #000; }

.btn-main.sml { font-size: 14px; padding: 8px 20px 8px 20px; }
.btn-main.unfill { background-color: transparent; color: #ee8037; border: 3px solid #ee8037; }
.btn-main.unfill:hover { background-color: #000; color: #ee8037; }
.btn-main.full { width: 100%; }



/* FOOTER
============================================================================================================================== */

footer { background-color: rgba(0, 0, 0, 0.9); padding-top: 70px; }
.logo-footer { max-width: 200px; }
footer p { font-size: 16px; color: #FFF; }
footer h4, footer h6 { color: #FFF; }

footer .i-social {
	font-size: 40px;
	color: #ee8037;
	transform: scale(0.90);
	-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		 -ms-transition: all 0.2s ease-in-out;
		  -o-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
} footer .i-social:hover { transform: scale(1.0); color: #FFF; }

footer .ul-links { padding-left: 0; list-style-position: inside; }
footer .ul-links a { color: #FFF; }
footer .ul-links a:hover { color: #ee8037; }
footer .ul-links li { list-style-type: none; font-size: 16px; }
footer .ul-links li::before { content: "-"; margin-inline-end: 5px; color: #FFF; }

footer .cont-btm { background-color: #000; margin-top: 70px; padding-top: 20px; padding-bottom: 20px; }
footer .cont-btm a, footer .cont-btm p { color: #FFF; font-size: 14px; }



/* OTHERS
============================================================================================================================== */

.txt-gold { color: #ee8037; }

.BG-1 { background: url('../imgs/BGs/BG-1.jpg'); background-position: top center; background-repeat: no-repeat; background-size: cover; opacity: 1.0; }
.BG-2 { background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../imgs/BGs/BG-2.jpg'); background-position: right center; background-repeat: no-repeat; background-size: cover; }

.BG-3 { background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../imgs/BGs/BG-3.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.BG-4 { background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../imgs/BGs/BG-4.jpg'); background-position: center bottom; background-repeat: no-repeat; background-size: cover; }
.BG-5 { background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../imgs/BGs/BG-5.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.BG-6 { background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../imgs/BGs/BG-6.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.BG-7 { background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../imgs/BGs/BG-7.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.BG-8 { background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../imgs/BGs/BG-8.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.BG-9 { background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../imgs/BGs/BG-9.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.BG-10 { background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('../imgs/BGs/BG-10.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }

.BG-img-Gifts { background: url('../imgs/img-gifts-1.jpg'); background-position: center top; background-repeat: no-repeat; background-size: cover; }
.BG-img-Printing { background: url('../imgs/img-oren-1.jpg'); background-position: center top; background-repeat: no-repeat; background-size: cover; }
.BG-img-Embroidery { background: url('../imgs/img-ultifresh-1.jpg'); background-position: center top; background-repeat: no-repeat; background-size: cover; }

.div-UniteePrint-icon {
	position: relative;
	max-width: 280px;
	margin: -120px auto 0;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 30px;
	padding: 40px;
	z-index: 40;

}

/* - - - - */

.div-welcome-imgs { margin-top: 100px; }
@media only screen and (max-width: 1199.50px) { .div-welcome-imgs { margin-top: 200px; } }
@media only screen and (max-width: 767.50px) { .div-welcome-imgs { margin-top: 0; } }

.rounded-logo { position: absolute; z-index: 20; margin: 65px 0 0 -70px; }
@media only screen and (max-width: 575.50px) { .rounded-logo { margin: 65px 0 0 -5px; } }
@media only screen and (max-width: 475.50px) { .rounded-logo { margin: 25px 0 0 50px; max-width: 150px; max-height: 150px; } }
@media only screen and (max-width: 339.50px) { .rounded-logo { display: none; } }

.rounded-logo .rounded-img {
	max-width: 200px;
	max-height: 200px;
	padding: 0;
	border-radius: inherit;
	border-radius: 50%;
	/* background-color: #FFF; */
	position: relative;
}
.rounded-logo .rounded-img:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: inherit;
	border: 6px dashed #ee8037;
	top: 0;
	left: 0;
	-webkit-animation: linear spin 40s infinite;
			  animation: linear spin 40s infinite;
}
.rounded-logo:hover .rounded-img:before {
	-webkit-animation: linear spin 10s infinite;
			  animation: linear spin 10s infinite;
}
.rounded-logo .rounded-img > img { padding: 30px; }

/* - - - - */

.tagline { color: #FFF; font-size: 55px; text-shadow: 5px 5px 10px rgba(0, 0, 0, 1); }
@media only screen and (max-width: 767.50px) { .tagline { font-size: 40px; } }
@media only screen and (max-width: 454.50px) { .tagline { font-size: 30px; } }

/* - - - - */

.card-tstmnl { border-radius: 30px; border: 4px dashed #ee8037; }

/* - - - - */

.card-nmbrd { transition: 0.3s; overflow: hidden; }
.card-nmbrd .p-no { transition: 0.3s; text-align: right; font-size: 100px; font-weight: 900; line-height: 0.2; color: #e3e6e6 }

.card-nmbrd:hover { transform: translate(0, -10px); overflow: visible; border: 1px solid #ee8037; }
.card-nmbrd:hover .p-no { color: #ee8037; transform: translate(0, -10px); }

.accordion {
	--bs-accordion-btn-color: #000;
	--bs-accordion-btn-bg: #FFF;
	--bs-accordion-active-color: #FFF;
	--bs-accordion-active-bg: #ee8037;
}

.div-catalogue-logo {
	max-width: 200px;
	border: 1px solid #FFF;
	padding: 10px;
	transform: scale(0.95);
	-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		 -ms-transition: all 0.2s ease-in-out;
		  -o-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}
.div-catalogue-logo:hover {
	border: 2px solid #ee8037;
	transform: scale(1.0);
}

.google-map { width: 100%; height: 550px; border:0; }
.hpNo { display: none; }