:root {
	--brand-primary: #e0061f;
	--brand-secondary: #5b6767;
	--brand-dark-primary: #730000;
	--brand-white: #eeeced;
	--white: #fff;
	--black: #000;
	--brand-primary-opacity: rgba(224, 6, 31, 0.25);
	--black-opacity: rgba(0, 0, 0, 0.6);
}

@font-face {
	font-family: "Archivo";
	src: url("../fonts/Archivo/Archivo-Regular.ttf");
}

@font-face {
	font-family: "Avenir-Light";
	src: url("../fonts/Avenir/Avenir-Light.ttf");
}

@font-face {
	font-family: "Avenir";
	src: url("../fonts/Avenir/Avenir-Heavy.ttf");
}

@font-face {
	font-family: "Avenir-Heavy";
	src: url("../fonts/Avenir/Avenir-Regular.ttf");
}

@font-face {
	font-family: "Gilroy";
	src: url("../fonts/Gilroy/Gilroy-Regular.ttf");
}

@font-face {
	font-family: "Gilroy-Bold";
	src: url("../fonts/Gilroy/Gilroy-Bold.ttf");
}

@font-face {
	font-family: "Gilroy-ExtraBold";
	src: url("../fonts/Gilroy/Gilroy-ExtraBold.ttf");
}

html {
	scroll-padding-top: 56.13px;
}

/* GOOGLE TRANSLATE OVERRIDE START */
body {
	top: 0 !important;
	padding-top: 56.13px;
}

.goog-te-gadget {
	display: block !important;
}

#google_translate_element,
select.goog-te-combo {
	position: fixed;
	z-index: 999;
	top: -999px;
}

font {
	background: unset !important;
	box-shadow: unset !important;
}

#goog-gt-tt,
.skiptranslate {
	display: none !important;
}

/* GOOGLE TRANSLATE OVERRIDE END */

/* BT-5.3 COLLAPSE GOOGLE TRANSLATE OVERRIDE END */
.support-list-faq-col .collapse:not(.show) {
	display: block !important;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.support-list-faq-col .collapse.show {
	height: auto;
	visibility: visible;
}
/* BT-5.3 COLLAPSE GOOGLE TRANSLATE OVERRIDE END */

a {
	color: var(--brand-primary);
	text-decoration: none;
	cursor: pointer;
}

/* NAVBAR */
.navbar {
	background-color: var(--brand-dark-primary);
}

.navbar * {
	/* color: var(--white); */
	font-family: "Archivo";
}

.navbar-toggler {
	border: 0;
	color: var(--white);
}

.nav-link {
	color: var(--white) !important;
}

.nav-link:hover,
.nav-link:focus,
.nav-link.active {
	font-weight: 700;
}

.navbar .nav-item {
	display: grid;
	place-items: center;
}

/* DROPDOWN */
.dropdown-item {
	color: var(--black);
}

.dropdown-item:hover {
	background-color: var(--brand-secondary);
	border-color: var(--brand-secondary);
	color: var(--white);
}

.dropdown-item:active,
.dropdown-item:focus {
	background-color: var(--brand-primary) !important;
	border-color: var(--brand-primary) !important;
	color: var(--white) !important;
}

/* BUTTON */
.btn {
	border-radius: 0;
}

.btn-primary {
	background-color: var(--white);
	color: var(--brand-primary);
	border-color: var(--white);
	font-family: "Avenir";
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	border-radius: 0;
}

.btn-primary:hover {
	background-color: var(--brand-secondary);
	border-color: var(--brand-secondary);
	color: var(--white);
}

.btn.show,
.btn:active,
.btn-primary:active {
	background-color: var(--brand-primary) !important;
	border-color: var(--brand-primary) !important;
	color: var(--white) !important;
}

.btn-secondary {
	background-color: var(--brand-primary);
	color: var(--white);
	border-color: var(--brand-primary);
	text-align: center;
	font-family: "Archivo";
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	border-radius: 0;
}

.btn-secondary:hover {
	background-color: var(--brand-secondary);
	border-color: var(--brand-secondary);
	color: var(--white);
}

.btn.show,
.btn:active,
.btn-secondary:active {
	background-color: var(--brand-primary) !important;
	border-color: var(--brand-primary) !important;
	color: var(--white) !important;
}

/* TEXT COLOR */
.text-black {
	color: var(--black);
}

.text-white {
	color: var(--white);
}

.text-primary {
	color: var(--brand-primary) !important;
}

.text-secondary {
	color: var(--brand-secondary);
}

.text-dark-primar {
	color: var(--brand-dark-primary);
}

.text-first-caplitalize::first-letter {
	text-transform: capitalize;
}

/* FOOTER */
footer {
	background-color: var(--brand-primary);
	color: var(--white);
	font-size: 16px;
}

footer h6 {
	font-weight: 700;
}

footer .row {
	padding: 34px;
	max-width: 1000px;
	margin: 0 auto;
}

footer .image-payment {
	width: 100%;
	max-width: 330px;
}

/* SCROLL UP BUTTON */
.global-go-up-button {
	background-color: var(--brand-dark-primary);
	border: none;
	position: fixed;
	bottom: 50px;
	right: 50px;
	width: 45px;
	height: 45px;
	z-index: 1;
	visibility: hidden;
}

.global-go-up-button.show {
	visibility: visible;
}

/* WELCOME MODAL */
#myModal h1 {
	font-family: "Gilroy-Bold";
	font-size: 45px;
}

#myModal p {
	font-family: "Avenir";
}

/* HELPER CSS CLASSES */
h1.content-title {
	text-align: center;
	font-family: "Gilroy-Bold";
	font-size: 55px;
	text-transform: uppercase;
	font-weight: 800;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

p.content-subtitle {
	font-family: "Gilroy-Bold";
	font-weight: 800;
	font-size: 26px;
	text-align: center;
}

/* INPUTS */
.form-label {
	font-family: "Avenir";
	font-size: 16px;
	font-weight: 400;
}

input.form-control,
textarea.form-control {
	padding: 15px 20px 13px 20px;
	border-radius: 0;
}

.form-check-input:checked {
	background-color: var(--brand-primary);
	border-color: var(--brand-primary);
}

.form-check-input:focus {
	border-color: var(--brand-primary);
	outline: 0;
	box-shadow: 0 0 0 0.25rem var(--brand-primary-opacity);
}

/* TABLE */
table {
	width: 100%;
	table-layout: fixed;
	margin-bottom: 75px;
}

th,
thead th {
	background-color: var(--brand-primary);
	color: var(--white);
	padding: 18px;
	text-align: center;
	border: 1px solid var(--brand-primary);
	font-family: "Gilroy-Bold";
	font-size: 26px;
	font-weight: 800;
	line-height: normal;
}

td,
tbody td {
	padding: 29px;
	text-align: center;
	font-family: "Avenir-Light";
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	border: solid 1px var(--black);
}

/* PRINT ICON */
.print-icon {
	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;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 15px 10px;
	top: 100px;
	right: 0;
	color: var(--white);
	background: var(--brand-primary);
	-webkit-box-shadow: 0px 4px 60px rgba(191, 191, 191, 0.2);
	box-shadow: 0px 4px 60px rgba(191, 191, 191, 0.2);
	position: sticky;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin-left: auto;
	float: right;
	z-index: 1;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.print-icon > img {
	transform: rotate(-90deg);
	margin-top: 5px;
}

.print-icon span {
	font-size: 16px;
	line-height: 18px;
	text-transform: capitalize;
	margin-top: 10px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* POLICIES */

#condition-block {
	min-height: 300px;
}

#condition-block h1 {
	font-family: "Gilroy-Bold";
	font-size: 40px;
	font-weight: 800;
	line-height: normal;
	color: var(--brand-primary);
}

#condition-block {
	font-family: "Avenir-Light";
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	color: var(--brand-secondary);
}

#condition-block #paymentandbilling,
#condition-block #pricingplans,
#condition-block #cancellation,
#condition-block #deliverypolicy,
#condition-block #customers {
	scroll-margin-top: 25px;
}

@media (max-width: 991.98px) {
	.navbar .navbar-nav {
		background-color: var(--white);
		align-items: center;
		padding: 12px;
		margin: 12px 0;
	}
	.navbar .navbar-nav *,
	.navbar .navbar-nav .nav-link.active {
		color: var(--brand-primary) !important;
	}

	h1.content-title {
		font-size: 45px;
	}

	/* FOOTER */
	footer .text-start {
		margin-left: 20%;
		margin-right: auto;
	}

	/* SCROLL UP BUTTON */
	.global-go-up-button {
		right: 5px;
		bottom: 5px;
	}

	/* CHAT BUTTON */
	#chat-widget-container {
		bottom: -10px !important;
	}

	/* TABLE */
	th,
	thead th {
		font-size: 16px;
		padding: 0;
		overflow-wrap: break-word;
		word-break: break-word;
	}

	td,
	tbody td {
		padding: 6px 0;
		overflow-wrap: break-word;
		word-break: break-word;
	}

	/* PRINT ICON */
	.print-icon {
		padding: 8px;
	}
	.print-icon span {
		font-size: 0;
		margin: 0;
	}
}