@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,700&display=swap");
/* color master classes
 */
.text-master {
	color: #020f58; }

.bg-master {
	background-color: #020f58; }

.btn-master {
	background-color: #020f58;
	color: white; }

.btn-outline-master {
	border-color: #020f58;
	color: #020f58;
	border-radius: 6px !important;
	line-height: normal;
	padding: 8px 30px;
	transition: .3s;
}
	.btn-outline-master:hover {
		background-color: #020f58;
		color: white; 
	}

.badge-info {
	color: black !important; }

/**
 * color slave classes
 */
.text-slave {
	color: #005c93; }

.bg-slave {
	background-color: #005c93; }

.btn-slave {
	background-color: #005c93;
	color: white; }

.btn-outline-slave {
	border-color: #005c93;
	color: #005c93; }
	.btn-outline-slave:hover {
		background-color: #005c93;
		color: white; }

/**
 * color slave2 classes
 */
.text-slave2 {
	color: #49b0c1; }

.bg-slave2 {
	background-color: #49b0c1; }

.btn-slave2 {
	background-color: #49b0c1;
	color: white; }

.btn-outline-slave2 {
	border-color: #49b0c1;
	color: #49b0c1; }
	.btn-outline-slave2:hover {
		background-color: #49b0c1;
		color: white; }

/**
 * color yellow classes
 */
.text-yellow {
	color: #ffc107; }

.bg-yellow {
	background-color: #ffc107; }

.btn-yellow {
	background-color: #ffc107;
	color: white; }

.btn-outline-yellow {
	border-color: #ffc107;
	color: #ffc107; }
	.btn-outline-yellow:hover {
		background-color: #ffc107;
		color: white; }

.flaticon:before {
	margin-left: 0; }

.bold {
	font-weight: bold !important; }

.spinner-grow {
	width: 20px;
	height: 20px; 
	display: none;
}

.owl-nav {
	display: none; }

.container-fluid {
	padding-left: 60px !important;
	padding-right: 60px !important;
	max-width: 1440px !important; }

.d-contents {
	display: contents; }

.nav-tabs {
	border-bottom: 2px solid #020f58;
}
.nav-tabs .nav-link {
	border: 2px solid #EFF2F2;
	border-bottom: 0;
}

.pointer {
	cursor: pointer; }

input, select, textarea, button, .form-control, .btn {
	border-radius: 0; }

input:focus, select:focus, textarea:focus, button:focus, .btn:focus {
	box-shadow: 0 !important;
	border-color: #020f58; }

a {
	color: #020f58; }
	a:hover {
		color: #005c93;
		text-decoration: none; }

@font-face {
	font-family: "Fira Sans", sans-serif;
  src: url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,700&display=swap');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: "Fira Sans", sans-serif;
	font-size: 14px; 
	}
header {
	position: relative;
}
header .header-nav {
	margin-bottom: 10px; }
header .logo {
	max-width: 108% !important; }
header .dropdown-menu.dm {
	border-radius: 0;
	border: 1px solid #f7f6f6;
	width: fit-content; }
	header .dropdown-menu.dm .dropdown-item {
		color: #020f58 !important;
		border-bottom: 1px solid #f7f6f6;
		font-size: 12px; }
		header .dropdown-menu.dm .dropdown-item:last-child {
			border: 0; }
header .top-navbar {
	padding-top: 5px;
	margin-bottom: 10px;
	height: 35px;
	border-bottom: 1px solid #f8f9fa; }
	header .top-navbar .nav-item:last-child .nav-link {
		padding-right: 0; }
	header .top-navbar .nav-item .nav-link {
		color: black;
		font-size: 12px;
		padding: 5px 8px;
		border-left: 1px dotted #f7f6f6; }
header .user-menu .user-nav {
	position: relative;
	margin-left: 10px;
	border-radius: 2px;
	border: 3px solid lightgray;
	width: 110px;
	height: 55px;
	padding: 5px;
	background-color: #f8f9fa; }
	header .user-menu .user-nav .flaticon {
		position: absolute;
		top: 0px;
		right: 5px;
		color: #020f58; }
		header .user-menu .user-nav .flaticon:before {
			font-size: 35px; }
	header .user-menu .user-nav.basket {
		cursor: pointer; }
		header .user-menu .user-nav.basket span {
			margin-top: 10px;
			position: absolute; }
		header .user-menu .user-nav.user {
			width: 130px !important;
		}
	header .user-menu .user-nav span {
		color: #333;
		font-weight: bold;
		font-size: 12px; }
		header .user-menu .user-nav span hr {
			margin: 0px; }
	header .user-menu .user-nav span.badge {
		position: absolute;
		top: -5px;
		right: 3px;
		z-index: 1;
		color: white; }
header .header-icon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 60px;
	z-index: 3;
	border-bottom-left-radius: 100%;
	border-bottom-right-radius: 100%;
	padding: 8px;
	background: white; }
header .logo-type {
	font-size: 20px;
	color: #020f58; }
header .flaticon-exclamation:before {
	font-size: 14px; }
header .navbar {
	padding: 0;
	background-color: #020f58 !important; }
header .navbar-nav > .nav-item {
	padding: 2px 2px;
	border-left: 1px solid #003e7c; }
	header .navbar-nav > .nav-item:hover {
		background-color: #020f58; }
		header .navbar-nav > .nav-item:hover > .nav-link {
			color: white;
			text-shadow: 0 0.1em 0.05em #005c93; }
			header .navbar-nav > .nav-item:hover > .nav-link.highlight {
				color: white; }
	header .navbar-nav > .nav-item:first-child {
		border: 0;
		padding-left: 0; }
	header .navbar-nav > .nav-item .flaticon:before {
		font-size: 5px;
		color: gray;
		position: absolute;
		top: 15px;
		margin-left: -3px; }
	header .navbar-nav > .nav-item .nav-link {
		color: white;
		letter-spacing: 0px;
		font-size: 12px;
		display: inline-block;
		text-shadow: 0 0.05em 0.05em black;
		padding-left: 10px;
		padding-right: 10px; }
		header .navbar-nav > .nav-item .nav-link.highlight {
			color: white;
			font-weight: bold;
			text-shadow: 1px 1px 15px white; }
	header .navbar-nav > .nav-item .dropdown {
		position: absolute;
		width: 100%;
		left: 0;
		top: 39px;
		background-color: white;
		padding: 20px 95px;
		z-index: 1000;
		min-height: 450px;
		visibility: hidden; }
		header .navbar-nav > .nav-item .dropdown .nav-link {
			color: #020f58;
			text-shadow: none; }
	header .navbar-nav > .nav-item:hover .dropdown {
		transition-delay: 0.1s;
		visibility: visible; }
	header .navbar-nav > .nav-item:hover li {
		list-style: none; }
		header .navbar-nav > .nav-item:hover li a {
			border-bottom: 1px solid #E8ECEF; }
			header .navbar-nav > .nav-item:hover li a:hover {
				background-color: #020f58;
				color: white; }
		header .navbar-nav > .nav-item:hover li:last-child {
			border: 0; }
		header .navbar-nav > .nav-item:hover li:before {
			color: orange;
			content: "›"; }
header .main-search {
	border-radius: 2px;
	border: 3px solid lightgray; 
}
.search-bar-result {
	position: absolute;
	top: 82px;
	width: 95.5%;
	max-height: 300px;
	overflow: auto;
	background-color: white;
	box-shadow: 0px 4px 10px -5px rgba(0,0,0,0.75);
	z-index: 1002;
}
.search-bar-result::-webkit-scrollbar {
	width: 5px;
}
.search-bar-result::-webkit-scrollbar-thumb {
	background: #888;
}
.search-bar-result ul {
	padding-left: 0;
	margin-bottom: 0;
}
.search-bar-result li {
	list-style: none;
	border-bottom: 1px solid #eee;
}
.search-bar-result li:hover .product-info span:first-child {
	color: #021058;
}
.search-bar-result li:last-child {
	border-bottom: none;
}
.search-bar-result li.p > a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px;
}
.search-bar-result .p-left {
	display: flex;
	align-items: center;
}
.search-bar-result .product-info {
	display: flex;
	flex-direction: column;
	border: none;
}
.search-bar-result .product-info span{
	color: black;
}
.search-bar-result .product-info span:nth-child(2) {
	color: #cbcbcb;
	font-size: 10px;
}
.search-bar-result .p-left img {
	width: 40px;
	margin-right: 10px;
}
.search-bar-result .p-right {
	margin-right: 8px;
}
.search-bar-result .p-right span{
	color: #cbcbcb;
}				
.search-bar-result .p-right img {
	filter: brightness(0.1)invert(.4);
	margin-left: 50px;
}			
.search-bar-result .p-right .external-link {
	width: 20px
}
.search-bar-result li.c > a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px;
}
.search-bar-result li.c	.c-left {
	display: flex;
	align-items: center;
}
.search-bar-result li.c	.c-left .product-info {
	border: none;
}
.search-bar-result li.c	.c-left img {
	width: 40px;
	margin-right: 10px;
}			
.search-bar-result li.c .c-right {
	margin-right: 8px;
}
.search-bar-result li.c .c-right span {
	color: #cbcbcb;
}			
.search-bar-result li.c .c-right img {
	filter: brightness(0.1)invert(.4);
	margin-left: 50px;
}
.search-bar-result li.c .c-right .external-link {
	width: 20px;
}
@media screen and (max-width: 768px) {
	.search-bar-result {
		top: 66px;
		width: 91.5%;
	}
	.search-bar-result .p-right img, .search-bar-result .c-right img{
		margin-left: 30px !important;
	}
	.search-bar-result .p-right {
		display: flex;
		justify-content: flex-end;
	}
	.search-bar-result .product-info span {
		text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			max-width: 140px;
	}
	.search-bar-result .c-right {
		margin-right: 8px;
			display: flex;
			justify-content: flex-end;	
	}
}
header .main-search i.placeholder {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 10; 
}
header .main-search input {
	height: 50px;
	border: 0;
	padding-left: 40px; 
}
header .main-search button {
	border-radius: 0;
	background-color: lightgray;
	color: white;
	border: 0;
	cursor: pointer;
	height: 50px; 
}

main {
	margin-bottom: 30px; }
	main .breadcrumb {
		padding-left: 0;
		background-color: white !important; }
		main .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
			content: "›" !important; }
	main .h-title {
		padding: 5px;
		padding-left: 10px; }
		main .h-title.warning {
			position: relative;
			padding: 0;
			color: #020f58; 
			display: table;
			margin: auto;
			font-size: 22px;
			margin-bottom: 20px;
		}
		main .h-title.warning::after {
			content: '';
			left: -10px;
			position: absolute;
			bottom: 0px;
			background-color: #ffc108;
			height: 40%;
			width: 50%;
			border-radius: 4px;
			z-index: -1;
		}
		main .h-title.master {
			border-top: 5px solid #94761694;
			background-color: #020f58;
			color: white; }
	main .filter-header {
		border-bottom: 1px solid lightgray; }
	main .carousel-item {
		height: 600px;
		background-size: cover;
		background-position: center; }
	main .carousel-caption {
		border-left: 15px solid #010a5926;
		z-index: 2;
		color: white;
		background-color: #ffc300;
		padding: 20px;
		height: fit-content;
		width: fit-content;
		top: 30px;
		left: 30px;
		text-align: left; }
		main .carousel-caption h5 {
			font-weight: bold;
			font-size: 28px;
			color: black; }
		main .card.product {
			box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
			padding: 40px 20px 20px 20px;
			border-radius: 6px;
			border: none;
			margin-bottom: 30px;
		}
		main .card.product img {
			padding: 10px; }
		main .card.product.promotion img {
			padding: 10px 60px; }
		main .card.product .card-title {
			margin: 0px;
			overflow: hidden;
			height: 35px;
			font-size: 15px;
			font-weight: bold;
			margin-bottom: 10px; }
		main .card.product .badge {
			position: absolute;
			z-index: 1;
			font-size: 14px; 
			border-radius: 4px;
			background-color: transparent;
			padding: 0;
			letter-spacing: 0.6px;
			top: 10px;
			right: 10px;
		}
		main .card.product .badge::after {
				content: '';
				position: absolute;
				left: 0;
				bottom: -6px;
				width: 100%;
				height: 4px;
				border-radius: 2px;
				background-color: #ffc108;
		}
		main .card.product .card-body {
			background-color: transparent;
			padding: 30px 4px 0px 4px;
			overflow: hidden;
		}
		main .card.product .card-body .rating .stars {
			display: flex;
			gap: 4px;
			margin-bottom: 10px;
		}
		main .card.product .card-body .rating .stars i.flaticon::before {
			font-size: 16px;
			line-height: 16px;
		}
		main .card.product .card-body .rating .stars span {
			color: #808080;
			font-style: initial;
			margin-left: 4px;
			line-height: unset;
		}
		main .card.product .card-body .card-title {
			color: black;
		}
		main .card.product .info {
			margin-bottom: 10px;
			height: 54px;
			margin-top: 20px;
		}
		main .card.product .info .price {
			margin-right: 6px;
		}
		main .card.product .info .old-price {
			margin-right: 6px;
			background: none;
			color: gray;
			font-weight: 600;
			position: relative;
			font-size: 16px;
		}
		main .card.product .card-body .info .old-price::after {
			content: '';
			position: absolute;
			width: 100%;
			height: 2px;
			background-color: darkgray;
			left: 0;
			top: 50%;
			transform: translate(0px, -1px);
		}
		main .card.product .price {
			font-size: 18px;
			font-weight: 600;
		}
		main .card.product .price small {
			font-weight: 600;
		}
		main .card.product button {
			border: 0;
			width: 100%;
			border-radius: 6px !important;
			line-height: normal;
			padding: 8px 30px;
			transition: .3s;
		}
		main .card.product .card-body button:hover {
			color: white !important;
			background-color: #ffc107 !important;
			border-color: #ffc107 !important;
		}
		@media screen and (max-width: 560px) {
			main .card.product {
				padding: 20px 10px;
			}
			main .card.product button {
				padding: 6px 10px !important;
				height: auto !important;
				font-size: 12px;
			}
			main .card.product .card-body .card-title {
				font-size: 14px;
				height: 33px;
				line-height: normal;
			}
			main .card.product .info .old-price {
				font-size: 12px;
				margin: 0;
			}
			main .card.product .info .price {
				font-size: 14px;
				margin: 0;
			}
			main .card.product .badge {
				font-size: 12px;
				top: 8px;
			}
			main .card.product .badge::after {
				height: 3px;
			}
		}
	main .comments {
		list-style: none; }
		main .comments li p {
			font-size: 14px;
			font-family: unset; }
		main .comments li img {
			border-radius: 100%;
			box-shadow: 0px 2px 3px 0px #e6e6e6; }
		main .comments li span {
			float: right;
			font-weight: bold; }
		main .comments li .left-quote {
			top: -50px;
			left: 30px;
			font-size: 80px;
			position: absolute;
			font-family: sans-serif; }
		main .comments li .right-quote {
			font-family: sans-serif;
			position: absolute;
			font-size: 80px;
			right: -140px;
			bottom: -50px; }
	main .features img {
		border-radius: 2px;
		border: 3px solid #f3f3f3; }
	main .brand-list img {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		border-radius: 2px;
		padding: 12px;
		background-color: #d6e6f7; }
	main .product-info.table td, main .product-info.table th {
		padding: 10px; 
	}
	main .product-detail .product-phone {
		width: 100%;
		max-width: 470px;
		margin-bottom: 10px; }
	main .product-detail .badge {
		position: absolute;
		z-index: 1;
		font-size: 14px;
		border-radius: 4px;
		letter-spacing: .6px;
		padding: 4px 6px;
		top: 10px;
		right: 20px;
		background-color: white;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	}
	main .product-detail .badge::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: -6px;
		width: 100%;
		height: 4px;
		border-radius: 2px;
		background-color: #ffc108;
	}
	main .product-detail .info {
		display: inline-block; }
		main .product-detail .info .old-price {
			font-size: 20px;
			padding: 8px;
			margin-right: 15px;
			margin-bottom: 10px;
			border: 1px solid #ddd;
			color: gray;
			border-radius: 6px;
			background: none;
			position: relative;
		}
		main .product-detail .info .old-price::after {
			content: '';
			position: absolute;
			left: 0;
			top: 50%;
			transform: translate(0px, -50%);
			width: 100%;
			display: block;
			height: 2px;
			background-color: #d32f2f;
		}
	main .product-detail .price {
		padding: 8px;
		font-size: 20px;
		margin-bottom: 10px;
		border: 1px solid #ddd;
		border-radius: 6px;
		margin-right: 10px;
	}
	main .product-detail .product-description {
		font-size: 14px !important;
		line-height: 20px; }
		main .product-detail .product-description b {
			font-weight: 900; }
	main #properties table {
		width: 100% !important; }
		main #properties table td, main #properties table th {
			padding: 0.5rem !important; }
		main #properties table td[colspan="2"] {
			background: #eff2f2;
			color: #021058;
			font-weight: 900;
			font-size: 18px;
			letter-spacing: 3px;
			text-transform: uppercase; }
			@media screen and (max-width: 560px) {
				main #properties table td[colspan="2"] {
					font-size: 16px;
					text-align: center;
				}
				main #properties table td, main #properties table th {
					font-size: 12px;
				}
			}
	main .address-list .address {
		padding: 10px;
		border: 1px dashed gray;
		background: #f7f7f7;
		height: 100px;
		font-size: 12px;
		line-height: 14px;
		margin-bottom: 15px; }
		main .address-list .address.new {
			padding-top: 40px;
			text-align: center;
			vertical-align: middle;
			cursor: pointer;
			font-size: 14px;
			line-height: 14px;
			font-weight: bold; }
			main .address-list .address.new:hover {
				border-color: #ffce00;
				background: lightyellow; }
		main .address-list .address.select-delivery {
			border-color: #2DDC06;
			background: #D9FFDC; }
		main .address-list .address.select-invoice {
			border-color: #2DDC06;
			background: #D9FFDC; }
		main .address-list .address .status {
			position: absolute;
			top: -5px;
			right: 5px;
			padding: 5px;
			border: 1px solid lightgray;
			background: white;
			font-size: 12px;
			font-weight: bold; }
		main .address-list .address .tools {
			position: absolute;
			right: 20px;
			bottom: 20px; }
			main .address-list .address .tools span {
				font-weight: bold;
				margin-right: 5px; }
			main .address-list .address .tools .flaticon::before {
				font-size: 14px;
				line-height: 10px; }
	main #accordion .card {
		margin-bottom: 5px; }
		main #accordion .card .card-header {
			padding: 5px;
			text-align: left; }
			main #accordion .card .card-header .btn {
				text-align: left; }
	main.blog-detail p, main.blog-detail p.lead, main.blog-detail .lead {
		font-family: sans-serif !important;
		font-size: 1rem !important;
		font-weight: 100 !important; }
	main.blog-detail a {
		font-weight: 900;
		color: #020f58; }
	main .overflow-filter {
		max-height: 300px;
		overflow-y: scroll; }
	main.static-page p.lead {
		font-weight: 100 !important;
		font-family: sans-serif;
		font-size: 16px; }

#productComments .comment-content {
	background: #f5f5f5;
	padding: 20px;
	margin-bottom: 10px; }

.modal {
	animation-duration: 0.5s; }
	.modal .modal-content {
		border-radius: 0;
		border-color: black; }
	.modal .close {
		float: right;
		font-size: 22px;
		position: absolute;
		font-weight: normal;
		color: black;
		opacity: 1;
		top: 0;
		right: 0;
		background-color: black;
		color: white;
		padding: 8px;
		height: 30px;
		width: 30px;
		padding-top: 0px;
		border-radius: 50px; }
		.modal .close .flaticon-close:before {
			font-size: 14px; }

#openPopupModal {
	background-color: #0000006e; }

#openPopupModal .modal-content {
	border: 0 !important; }

#openPopupModal .modal-dialog {
	background: white; }

#openPopupModal .close {
	z-index: 2; }

#priceInfo {
	margin-top: 10px; }

.printed-label .lead {
	font-family: sans-serif;
	font-size: 1rem; }
.printed-label h2 {
	text-align: center; }
.printed-label .want-offer-container {
	margin-top: 15px;
	margin-bottom: 45px;
	border-bottom: 0.5px solid #fff5d9; }
	.printed-label .want-offer-container button {
		box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
		border-color: #020f58; }
	.printed-label .want-offer-container .col-12.col-md-3 {
		text-align: center; }
		.printed-label .want-offer-container .col-12.col-md-3 i {
			display: block !important; }
		.printed-label .want-offer-container .col-12.col-md-3 .flaticon:before {
			font-size: 40px;
			color: #ffc108; }
		.printed-label .want-offer-container .col-12.col-md-3:nth-child(3) b {
			font-size: 30px !important; }
.printed-label h3 {
	text-align: center;
	font-weight: bold; }
.printed-label h4 {
	text-align: center;
	font-size: 1rem; }
.printed-label .printed-label-brands li {
	list-style: none; }
.printed-label .feature img {
	padding: 20px;
	max-height: 100px; }

footer h5 {
	color: white;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 20px; }
footer .contact-list li {
	color: lightgray !important; }
	footer .contact-list li a {
		color: lightgray !important; }
	footer .contact-list li i {
		margin-right: 5px;
		color: gray; }
footer .social-list .nav-link {
	padding: 0px 5px; }
	footer .social-list .nav-link i {
		color: lightgray; }
	footer .social-list .nav-link:hover i {
		color: white; }
footer .flex-column .nav-link {
	color: lightgray;
	padding: 4px;
	font-size: 14px; }
	footer .flex-column .nav-link:hover {
		color: white; }
	footer .flex-column .nav-link:before {
		color: gray;
		margin-right: 10px;
		content: "›"; }

.basket-container {
	overflow-y: scroll;
	overflow-x: scroll;
	width: 100%;
	max-width: 500px;
	background-color: white;
	height: 100%;
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 100;
	padding: 20px 10px 10px 10px;
	display: none;
	animation-duration: 0.4s; }
	.basket-container h3 {
		border-bottom: 4px solid lightgray;
		color: black;
		margin-bottom: 10px;
		padding-bottom: 10px; }
	.basket-container.open {
		display: block; }
	.basket-container .basket-list {
		padding: 0; }
		.basket-container .basket-list .lead {
			font-size: 12px; }
		.basket-container .basket-list h6 {
			font-weight: bold; }
		.basket-container .basket-list .close {
			font-weight: bold;
			float: right;
			text-align: right;
			cursor: pointer; }
		.basket-container .basket-list li {
			padding-bottom: 10px;
			margin-bottom: 10px;
			border-bottom: 1px dotted lightgray; }
			.basket-container .basket-list li:last-child {
				border: none; }
	.basket-container .flaticon-close {
		display: inline-block;
		float: right;
		position: relative;
		color: black;
		font-size: 10px;
		cursor: pointer; }

/**
 * Checkbox
 */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	background-color: #020f58 !important; }

.custom-checkbox .custom-control-label::before {
	border-radius: 0 !important; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
	border-color: #020f58;
	background-color: #020f58; }

/**
 * Slider Range
 */
.ui-widget.ui-widget-content {
	border-color: #020f58 !important; }

.ui-widget-header {
	background: #020f58 !important; }

.slider-range-amount {
	border: 0 !important;
	font-family: "Fira Sans", sans-serif; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	background: orange;
	border: 0;
	width: 25px;
	height: 25px;
	margin-top: -3px; }

/**
 * Quantity
 */
.qty-text {
	border: 1px solid #ddd;
	height: 40px;
	padding: 5px 15px;
	max-width: 100px;
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
	font-size: 14px; }

.cart-submit {
	background-color: #0ac5cc;
	border: medium none;
	color: #fff;
	font-size: 14px;
	height: 40px;
	margin-left: 15px;
	text-transform: uppercase;
	width: 120px;
	cursor: pointer; }

.flaticon-tick:before {
	color: green;
	font-size: 30px;
	margin-right: 5px; }

.flaticon-hazard:before {
	color: red;
	font-size: 30px;
	margin-right: 5px; }

#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
	opacity: 1;
	top: 50px; }

.toast-info {
	background-color: #1565C4 !important; }

.toast-info2 {
	background-color: #2f96b4 !important; }

.toast-error {
	background-color: #CA1C1E !important; }

.toast-success {
	background-color: #27C616 !important; }

.toast-warning {
	background-color: #FACA48 !important; }

.d-none {
	display: none !important; }
@media (min-width: 1800px) {
	.carousel-item {
		height: 600px !important; 
	} 
}
/* @media (min-width: 1500px) {
	.carousel-item {
		height: 500px !important;
		background-size: cover !important; } }
@media (max-width: 1500px) {
	.carousel-item {
		height: 390px !important;
		background-size: cover !important; } } */
@media screen and (min-width: 1700px) {
	.carousel.slide .carousel-item {
		background-size: contain !important;
		min-height: 550px !important;
		background-position: top !important;
	}	
}
@media screen and (min-width: 1800px) {
	.carousel.slide .carousel-item {
		background-size: contain !important;
		min-height: 600px !important;
		background-position: top !important;
	}	
}
@media screen and (min-width: 1950px) {
	.carousel.slide .carousel-item {
		background-size: contain !important;
		min-height: 780px !important;
		background-position: top !important;
	}	
}
@media screen and (min-width: 2200px) {
	.carousel.slide .carousel-item {
		background-size: cover !important;
		min-height: 800px !important;
		background-position: center !important;
	}	
}
@media (max-width: 1700px) {
	.carousel-item {
		height: 500px !important;
		background-size: cover !important; } }
@media (max-width: 1400px) {
	.carousel-item {
		height: 400px !important;
		background-size: cover !important; } }
@media (max-width: 1290px) {
	.carousel-item {
		height: 400px !important;
		background-size: cover !important; } }
@media (max-width: 1200px) {
	.carousel-item {
		height: 340px !important;
		background-size: cover !important; }

	.container-fluid {
		padding-left: 30px !important;
		padding-right: 30px !important; } }
@media (min-width: 992px) {
	.d-md-flex {
		display: flex !important; }

	.d-md-inline-block {
		display: inline-block !important; }

	.d-md-block {
		display: block !important; } }
@media (max-width: 768px) {
	main .carousel-item {
		height: auto !important; }

	main .card.product .old-price {
		font-size: 14px; }

	.breadcrumb {
		padding-top: 10px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ececec;
		margin-bottom: 30px; }
		.breadcrumb .breadcrumb-item {
			font-size: 12px; }
			.breadcrumb .breadcrumb-item:first-child {
				display: none; }
			.breadcrumb .breadcrumb-item:nth-child(2) {
				width: 100px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap; }

	h1 {
		font-size: 1.5rem;
		font-weight: bold; }

	#filterForm #filterFormContent {
		display: none; }

	#filterForm .custom-checkbox {
		display: none; }

	.right-quote {
		display: none; }

	main .h-title {
		margin-top: 10px; }

	header .logo {
		margin-top: 8px; }
	header .flaticon-phone:before {
		font-size: 14px; }
	header .top-navbar {
		margin-bottom: 0px;
		background-color: #f5f5f5; }
		header .top-navbar .nav {
			display: none; }
		header .top-navbar .h6 {
			font-size: 14px; }
		header .top-navbar .h6.float-right {
			font-size: 12px; }
	header .mobile-nav .col-2 {
		position: relative; }
	header .mobile-nav .flaticon {
		position: absolute;
		top: 15px; }
		header .mobile-nav .flaticon:before {
			font-size: 30px !important; }
		header .mobile-nav .flaticon.left {
			left: 15px; }
		header .mobile-nav .flaticon.right {
			right: 15px; }
	header .mobile-nav span.badge {
		position: absolute;
		top: 15px;
		z-index: 10;
		right: 10px; }
	header .mobile-nav .input-group-append button {
		width: 40px; }
	header .mobile-nav .main-search {
		margin-top: 10px; }
		header .mobile-nav .main-search .flaticon {
			top: 7px; }
	header .header-icon {
		background-color: #f5f5f5;
		width: 40px; }
	header .user-nav {
		position: absolute;
		right: 0; }
	header .dropdown-menu.dm {
		top: 70px !important; }

	.modal .close {
		top: 30px;
		right: 30px; }

	.card.product .card-body {
		padding: 10px 5px 15px 5px; }
	.card.product button {
		font-size: 18px;
		padding: 2px 8px !important; }
		.card.product button .flaticon {
			display: none !important; }
	.card.product .price {
		display: block; }
	.card.product.promotion img {
		padding: 10px 15px !important; }

	.product-detail button {
		width: 100%;
		margin-left: 0px !important;
		margin-top: 5px; }
	.product-detail .qty-minus, .product-detail .qty-plus {
		width: 50px;
		height: 26px;
		left: 152px !important;
		font-size: 24px; }
	.product-detail .qty-text {
		max-width: 200px;
		font-size: 24px;
		height: 50px; }
	.product-detail .price, .product-detail .old-price {
		display: inline-block;
		font-size: 16px !important;
		padding: 5px !important; }
	.product-detail h1 {
		font-size: 1.2rem;
		margin-top: -20px;
		font-weight: 700;
		margin-bottom: 20px;
		font-weight: bold; }
	.product-detail .features {
		display: none; }
	.product-detail .badge {
		font-size: 14px !important; }

	.container-fluid {
		padding-left: 10px !important;
		padding-right: 10px !important; }

	.footer-logo {
		margin: auto !important;
		display: block !important;
		width: 60% !important; } }
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	background-color: #020f58;
	overflow-x: hidden;
	padding-top: 45px;
	transition: 0.5s; }
	.sidenav li a {
		padding: 5px 5px 5px 15px;
		text-decoration: none;
		font-size: 18px;
		color: #D7DADA;
		display: block;
		transition: 0.3s;
		border-bottom: 1px solid #020e58;
		position: relative; }
	.sidenav li a.nav-link:after {
		content: "‸";
		font-size: 30px;
		position: absolute;
		right: 25px;
		bottom: 5px;
		font-family: monospace;
		color: #656da0;
		line-height: 0;
		transform: rotate(180deg);
		transition: 0.4s; }
	.sidenav li ul {
		display: none !important; }
	.sidenav li.nav-item.show a:after {
		transform: rotate(0deg);
		transition: 0.4s;
		bottom: 30px; }
	.sidenav li.nav-item.show ul {
		display: block !important; }
	.sidenav li.nav-item.short a:after {
		display: none; }
	.sidenav li:hover {
		color: white; }
	.sidenav .closebtn {
		color: #D7DADA;
		position: absolute;
		top: -15px;
		right: 10px;
		font-size: 40px; }
	.sidenav .nav li > a {
		background-color: rgba(0, 123, 255, 0.11); }
	.sidenav .nav .nav {
		display: none; }
		.sidenav .nav .nav a {
			font-size: 14px; }
		.sidenav .nav .nav a:before {
			content: "›" !important;
			color: gray;
			margin-right: 5px; }

.login-btn a {
	color: white !important; }
.login-btn .facebook-btn {
	background-color: #3b5999; }
.login-btn .google-btn {
	background-color: #dd4b39; }
.login-btn .twitter-btn {
	background-color: #55acee; }

body::after {
	content: "";
	position: fixed;
	z-index: 99;
	background-color: #010f58;
	height: 100vh;
	width: 100vw;
	transition: 0.4s;
	opacity: 0;
	visibility: hidden; }
body.nav-is-toggled::after {
	opacity: 0.5;
	visibility: visible; }

.nav-drill {
	display: flex;
	position: fixed;
	z-index: 100;
	bottom: -1000px;
	right: 0;
	width: 80%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	background-color: #020f58;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	transition: .4s; }
	.nav-drill.nav-is-toggled {
		bottom: 0;
		opacity: 1;
		visibility: visible; }
	.nav-drill .nav-items > .nav-item:first-child .nav-link {
		text-align: right; }
		.nav-drill .nav-items > .nav-item:first-child .nav-link i {
			position: absolute;
			left: 15px; }
	.nav-drill ul {
		padding: 0; }
		.nav-drill ul li {
			list-style: none; }
	.nav-drill .nav-top {
		display: flex;
		align-items: center;
		position: fixed;
		z-index: 101;
		padding: 10px 20px;
		width: 100%;
		height: 50px;
		background-color: #005c93; }
	.nav-drill .nav-items {
		flex: 0 0 100%; }
	.nav-drill .nav-item:not(:last-child) {
		border-bottom: solid 1px #011394; }
	.nav-drill .nav-link {
		display: block;
		padding: 0.875em 1em;
		background-color: #020f58;
		color: white;
		font-size: 1rem;
		line-height: 1.5em;
		font-weight: 300; }
	.nav-drill .nav-expand-content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform: translateX(100%);
		background-color: #005c93;
		transition: 0.3s;
		visibility: hidden; }
	.nav-drill .nav-expand-content .nav-item:not(:last-child) {
		border-bottom: solid 1px #095482; }
	.nav-drill .nav-expand-content .nav-link {
		background-color: #005c93; }
	.nav-drill .nav-expand-content .nav-back-link {
		display: flex;
		align-items: center;
		background-color: #020f58 !important;
		color: white;
		padding-left: 40px; }
	.nav-drill .nav-expand-content .nav-back-link::before {
		left: 20px;
		position: absolute;
		content: "‹";
		color: white; }
	.nav-drill .nav-expand-link {
		justify-content: space-between; }
	.nav-drill .nav-expand-link::after {
		right: 30px;
		position: absolute;
		content: "›"; }
	.nav-drill .nav-expand.active > .nav-expand-content {
		transform: translateX(0);
		visibility: visible;
		z-index: 300; }
	.nav-drill .nav-expand .nav-expand-content {
		background-color: #005c93; }
	.nav-drill .nav-expand .nav-expand-content .nav-link {
		background-color: #005c93;
		color: white; }
	.nav-drill .nav-expand .nav-expand-content .nav-item:nth-child(2) .nav-link {
		background-color: #020f58;
		text-align: center;
		font-weight: bold; }


.pfb-container {
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #f7f7f7;
	border-top: 1px solid #f9f9f9;
	width: 100%;
	z-index: 999999999999;
	padding: 10px;
}
.pfb {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pfb > .pfb-price-container {
	width: 100%;
	font-size: 13px;
	display:flex;
	justify-content: center;
}
.pfb-old-price {
	display: flex;
	justify-content: space-between;
}
.pfb .cart-table {
	display: grid;
	grid-template-areas:
	"quantity basket"
	"quantity offer";
}
.pfb-old-price .old-price {
	color: #555;
	background-image: repeating-linear-gradient(163deg, transparent 0,transparent 48%,red 50%,transparent 52%,transparent 100%);
}
.pfb-old-price .price {
	margin: 0 7px;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
}
.pfb-old-price .old-price, .pfb-old-price .price, .pfb-price .price {
	font-size: 14px;
	font-weight: 600;
	padding: 5px;
	display: inline-block;
}

.pfb-action-container {
	display: flex;
	margin: 10px auto 0 auto;
}
.pfb-quantity-container {
	width: 30%;
		margin-right: 15px;
}
.pfb-buttons-container {
	width: 70%;
}
.pfb-buttons-container > button {
	cursor: pointer;
	font-size: 12px;
	padding: 6px 12px;
		width: auto;
	margin-right: 5px;
	height: 39px;
}

.pfb #priceInfo {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	margin: 0;
}

.pfb .price-info {
	display: flex;
	justify-content: space-between;
}
.pfb .price-info > .price {
	font-weight: 600;
	font-size: 20px;
}
.pfb .control-quantity {
	grid-area: quantity;
	margin-right: 10px;
}
.pfb #addBasket {
	grid-area: basket;
	margin-left: 0 !important;
}
.pfb button[data-target="#wantOffer"] {
	grid-area: offer;
	display: flex;
	align-items: center;
	height: 30px;
}
.pfb > #priceInfo > .price {
	font-size: 15px;
	font-weight: 600;
}

@media screen and (max-width: 768px) {
	.product-detail .cart-table {
		display: none;
	}
	.pfb-container {
		padding: 5px 10px;
	}
	.pfb .price-info>.price {
		font-size: 18px;
	}
	#addBasket {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#addBasket i::before {
		font-size: 15px;
		margin-right: 5px;
	}
	.pfb .price-info>.price {
		line-height: 18px;
	}
}

.nav-drill {
	background-color: white;
	width: 100%;
}
.nav-drill .nav-link {
	color: #333;
	background-color: transparent;
	position: relative;
	font-size: 13px;
}
.nav-drill .nav-back-link i::before {
	font-size: 15px;
}
.nav-drill .nav-expand-link::after {
		content: "›";
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		right: 15px;
		top: 47%;
		transform: translateY(-50%);
		width: 15px;
		height: 15px;
		font-size: 18px;
		color: #555;
		line-height: 15px;
}
.nav-drill .nav-item:not(:last-child) {
	border-bottom: solid 1px #f9f9f9;
}
.nav-drill .nav-expand-content .nav-back-link {
	background-color: white !important;
	color: #333 !important;
}
.nav-drill .nav-expand-content .nav-back-link::before {
	left: 20px;
		position: absolute;
		content: "‹";
		color: #333;
		font-size: 18px;
		top: 48%;
		transform: translateY(-50%);
}
.nav-drill .nav-expand .nav-expand-content .nav-item:nth-child(2) .nav-link {
	background-color: rgb(249 249 249);
	color: #333;
	font-weight: 500;
}
.nav-drill .nav-expand .nav-expand-content .nav-link {
		background-color: white;
		color: #333;
}
.nav-drill .nav-expand-content .nav-item:not(:last-child) {
		border-color: #f9f9f9;
}
.nav-drill .nav-expand .nav-expand-content {
	background: white;
}

.customer-comment-list {
	padding-left: 0;
}
.customer-comment-list .owl-item {
	height: 255px;
}
.customer-comment-list .owl-item:nth-child(even) li {
	background-color: #f9f9f9;
}
.customer-comment-list .owl-item:nth-child(even) li .left-quote, .customer-comment-list .owl-item:nth-child(even) li .right-quote {
	background-color: transparent;
}
.customer-comment-list li {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	flex-direction: column;
	border: 1px solid #f9f9f9;
	position: relative;
}
.customer-comment-list li .left-quote, .customer-comment-list li .right-quote {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: 600;
	width: 40px;
	height: 40px;
	color: #015b93;
	background-color: white;
	z-index: 999;
	padding-top: 13px;
}
.customer-comment-list li .left-quote {
	top: -10px;
	left: -10px;
}
.customer-comment-list li .right-quote {
	bottom: -10px;
	right: -10px;
}
.customer-comment-list li img {
	width: 80px !important;
	height: 80px;
	border-radius: 50px;
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	padding: 2px;
	border: 1px solid #f9f9f9;
}
.customer-comment-list li div {
		padding: 15px 35px;
		text-align: center;
		font-size: 13px;
		color: #000;
		height: 200px;
}
.customer-comment-list li div p {
	height: 95px;
}
.customer-comment-list li div span {
		padding: 10px;
		font-size: 12px;
		font-weight: 700;
		color: #000;
		padding: 5px 0;
		float: unset;
		display: block;
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 35px;
}

@media screen and (max-width: 768px) {
	.customer-comment-list .owl-item, .customer-comment-list li div p, .customer-comment-list li div {
		height: auto !important;
	}
	.customer-comment-list li div span {
		position: relative;
		bottom: unset;
	}
	.customer-comment-list li img {
		position: relative;
		bottom: 12px;
	}
}

.user-nav.user.dropdown > a  {
	display: block;
	width: 65px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: pre;
}
header .navbar-nav>.nav-item {
	padding: 5px 15px 5px 15px;
	border-left: 1px solid #003E7C;
}
@media screen and (max-width: 1200px) {
	header .navbar-nav>.nav-item {
		padding: 5px 10px 5px 10px;
	}
}
header .navbar-nav>.nav-item .nav-link {
	color: #fff;
	letter-spacing: 0.5px;
	font-size: 14px;
	display: inline-block;
	text-shadow: 0 0.05em 0.05em #000;
	padding-left: 10px;
	padding-right: 10px;
}

header .navbar-nav>.nav-item .flaticon:before {
	position: absolute;
	top: 15px;
	margin-left: -3px;
}
html, body {
	overflow-x: hidden;
}
@media screen and (max-width: 768px) {
	.fct-container{bottom:90px!important;}
}

.label-production-page .sample-product-gallery a {
	display: block;
	padding: 10px;
	background-color: white;
	transition: .4s ease background-color, .4s ease padding;
	border: 1px solid #ffc107;
}
.label-production-page .sample-product-gallery a:hover {
	background-color: #020f58;
	padding: 5px;
	border-color: transparent;
}
.label-production-page .call-to-action-btn {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 10px 15px;
	height: 100%;
	font-size: 16px;
}
.label-production-page .call-to-action-btn i::before {
	font-size: 36px;
	border: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	margin: 0;
}
.label-production-page h1 {
	font-size: 36px;
}
.label-production-page h2 {
	font-size: 32px;
}
.label-production-page h1, .label-production-page h2 {
	font-weight: 700;
	letter-spacing: 2px;
}

.lang-bar-dropdown {
	position: relative;
	height: 100%;
	cursor: pointer;
}

.lang-bar-dropdown .dropdown-content {
	cursor: default;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 100px;
	white-space: nowrap;
	background-color: white;
	-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
					box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
	color: #58595b;
	padding: 10px;
	z-index: 9999999;
}

.lang-bar-dropdown img {
	max-width: 20px;
}

.lang-bar-dropdown img a {
	border-bottom: 1px solid #f9f9f9;
	padding: 5px 0;
}

.lang-bar-dropdown img a:last-child {
	border: none;
	padding-bottom: 0;
}

.lang-bar-dropdown i::before {
	font-size: 12px !important;
}

.lang-bar-dropdown:hover .dropdown-content {
	display: block;
}

.category-card .card-body {
		display: flex;
		align-items: center;
}
.category-card .card-body span {
		margin-left: 10px;
}
.category-card .card-body img {
		border-right: 1px solid lightgray;
		padding-right: 10px;
}
@media screen and (max-width: 768px) {
		.category-card .card-body {
				flex-direction: column;
				align-items: center;
				text-align: center;
		}
		.category-card .card-body span {
				margin-left: 0;
				margin-top: 10px;
		}
		.category-card .card-body img {
				padding-right: 0;
				border-bottom: 1px solid lightgray;
				padding-bottom: 10px;
				margin-right: 0 !important;
				border-right: 0 !important;
		}
}

@media screen and (max-width: 768px) {
	#priceInfo .info {
		display: flex;
	}
	#priceInfo .info > span {
		flex: 1;
		text-align: center;
	}
	#priceInfo .info > .price {
		margin-right: 0;
	}
	#priceInfo > .price {
		width: 100%;
		text-align: center;
		font-size: 18px;
	}
}
.mobile-pay-wrapper #priceInfo {
	gap: 10px;
	width: 100%;
	display: flex;
}
.mobile-pay-wrapper .info {
	width: 80%;
	flex-direction: row;
	gap: 4px;
	font-weight: 600;
}
.mobile-pay-wrapper .info .old-price {
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 5px 0;
	height: 30px;
	line-height: inherit;
	position: relative;
	font-size: 12px;
}
.mobile-pay-wrapper .info .old-price::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	width: 100%;
	display: block;
	height: 2px;
	background-color: #d32f2f;
}
.mobile-pay-wrapper .info .price {
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 5px 0;
	height: 30px;
	line-height: inherit;
	font-size: 12px;
}
.mobile-pay-wrapper #priceInfo > .price {
	width: 50%;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 5px 0;
	height: 30px;
	line-height: inherit;
	font-size: 12px;
}
@media screen and (max-width: 340px) {
	.mobile-pay-wrapper .info .price {
		font-size: 10px;
		padding: 6px 0;
	}
	.mobile-pay-wrapper .info .old-price {
		font-size: 10px;
		padding: 6px 0;
	}
}
#featuresAccordion .card-header {
	padding: 8px 16px;
}
#featuresAccordion .card-header button {
		padding: 0px!important;
		color: rgb(2, 15, 88)!important;
		font-size: 14px;
		position: relative;
		border: none !important;
		text-decoration: none !important;
}

#featuresAccordion .card-header {
		border: 2px solid rgb(239, 242, 242)!important;
		padding: 8px 16px!important;
}


.blog-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.blog-list li {
	margin-bottom: 50px;
	background: #fcfcfc;
}
.blog-list .blog-list-info {
	padding: 35px 30px 15px 20px;
}
.blog-list .blog-list-info a {
	background: #102381;
	color: white;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 40px;
	border-radius: 5px;
	padding: 0 30px;
	font-weight: 600;
	letter-spacing: 1px;
}
.blog-list .blog-title {
	font-size: 44px;
	font-weight: 700;
	margin-bottom: 30px;
}
.blog-list .blog-preview-text {
	font-size: 16px;
	line-height: 30px;
	font-weight: 100;
	letter-spacing: 1px;
	margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
	.blog-list img {
		width: 100%;
		height: 400px;
		object-fit: cover;
	}
}

@media screen and (max-width: 768px) {
	.blog-list .blog-title {
		font-size: 28px;
	}
	.blog-list .blog-preview-text {
		font-size: 14px;
		line-height: 25px;
	}
	.blog-list .blog-list-info {
		padding-top: 25px;
		padding-right: 10px;
		padding-left: 10px;
	}
}
.nav.nav-tabs .nav-item .nav-link {
	border: 1px solid #020f58;
	border-radius: 0px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding: 8px 30px;
	transition: .3s;
}
.nav.nav-tabs .nav-item .nav-link.active {
	background-color: #020f58;
	color: white;
	font-weight: 700;
}
.tab-content {
	padding: 20px;
	margin: 0;
	border-top: 0;
	border-bottom: 0;
}
.tab-content .pdf-button {
	border: 1px solid #102381;
	border-radius: 5px;
	padding: 8px 8px 10px 2px;
	background: #102381;
	color: #fff;
	font-size: 16px;
}
.tab-content .pdf-button:hover {
	opacity: .8;
}
.tab-content .pdf-button img {
	width: 30px;
}
@media screen and (max-width: 560px) {
	.tab-content .pdf-button {
		font-size: 12px;
	}
	.tab-content .pdf-button img {
		width: 20px;
	}
	.tab-content {
		padding: 0 10px;
		margin-top: 20px;
	}
	header .top-navbar .h6 {
		font-size: 12px;
	}
	.nav.nav-tabs .nav-item .nav-link {
		border-radius: 6px;
	}
}
/* new slider */

.new-slider .slider-wrapper .owl-dots {
	display: flex;
	gap: 20px;
	position: absolute;
	bottom: 20px;
	transform: translate(-50%, -50%);
	left: 50%;
}
.new-slider .slider-wrapper .owl-dots span {
	width: 40px;
	display: block;
	height: 10px;
	border-radius: 4px;
	background-color: #e5e4e2;
}
.new-slider .slider-wrapper .owl-dot.active span {
	border: 2px solid #102381;
}

.new-slider .slider-wrapper .owl-nav {
	display: block !important;
}
.new-slider .slider-wrapper .owl-nav img {
	width: 40px;
	filter: invert(1);
}
.new-slider .slider-wrapper .owl-nav .owl-prev {
	position: absolute;
	top: 50%;
	transform: translate(0px, -20px);
	left: 20px;
}
.new-slider .slider-wrapper .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	transform: translate(0px, -20px);
	right: 20px;
}

@media screen and (max-width: 768px) {
	.new-slider .slider-wrapper .owl-dots {
		gap: 10px;
	}
	.new-slider .slider-wrapper .owl-dots span {
		width: 30px;
	}
	.new-slider .slider-wrapper .owl-dot.active span {
		border: 1px solid #102381;
	}
	.new-slider .slider-wrapper .owl-nav {
		display: none !important;
	}
}

.last-updated-list .owl-stage-outer {
	padding: 20px 0; 
}

.service-card {
	box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px;
	padding: 40px 20px 20px 20px !important;
	border-radius: 6px;
	border: none;
	margin-bottom: 30px !important;
}
.service-card .card-body {
	height: 200px;
	padding: 20px 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.service-card .card-body > div {
		display: flex;
		flex-direction: column;
		align-items: center;
}
.service-card .card-body .card-title {
	background-color: transparent;
	border: none;
	color: #252525;
	letter-spacing: 0.8px;
	padding: 0;
	position: relative;
	z-index: 2;
	display: inline-flex;
	font-size: 16px;
}
.service-card .card-body .card-title::after {
	content: '';
	position: absolute;
	left: -10px;
	top: 16px;
	transform: translate(0,-50%);
	background-color: #ffc108;
	height: 10px;
	width: 50px;
	border-radius: 4px;
	z-index: -1;
}

.service-card .card-body span.btn {
	border: 0;
	border-radius: 6px !important;
	line-height: normal;
	padding: 8px 30px;
	transition: .3s;
	margin-top: 20px;
	display: block;
}
.service-card .card-body span.btn:hover {
	color: white;
	background-color: #ffc107;
	border-color: #ffc107;
}

.blog-card {
	border: 0;
	box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px;
	border-radius: 6px;
	margin-bottom: 30px;
	height: calc(100% - 30px);
}
.blog-card .card-img-top {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.blog-card .card-title {
	padding-bottom: 10px;
}
.blog-card .card-text {
	/* height: 90px; */
}

.cart-table {
	display: flex;
	align-items: center;
	gap: 20px;
}
.cart-table .want-offer-btn {
	height: 56px;
}
.cart-table .add-basket-btn {
	height: 56px;
}
@media screen and (max-width: 768px) {
	.cart-table {
		gap: 0px;
	}
	.cart-table .want-offer-btn {
		height: 40px;
		font-size: 14px;
	}
	.cart-table .add-basket-btn {
		height: 40px;
		font-size: 14px;
	}
}
.add-basket-btn {
	letter-spacing: normal;
	font-size: 16px;
	width: auto;
	padding: 12px 30px;
	border-radius: 6px;
}
.add-basket-btn:hover {
	color: white;
}
.want-offer-btn {
	letter-spacing: normal;
	font-size: 16px;
	width: auto;
	padding: 12px 30px;
	border-radius: 6px;
}
.sct .sct-btn {
	background-color: #53b564 !important;
}

@media screen and (min-width: 1200px) {
	.last-updated-list.owl-carousel .owl-nav {
		display: block !important;
	}
	.last-updated-list.owl-carousel .owl-nav {
		display: block !important;
	}
	.last-updated-list.owl-carousel .owl-nav img {
		width: 40px;
	}
	.last-updated-list.owl-carousel .owl-nav .owl-prev {
		position: absolute;
		top: 50%;
		transform: translate(0px, -20px);
		left: -20px;
	}
	.last-updated-list.owl-carousel .owl-nav .owl-next {
		position: absolute;
		top: 50%;
		transform: translate(0px, -20px);
		right: -20px;
	}
}

.badge-area {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.badge-area .badge-warning {
	padding: 6px 16px;
	border-radius: 6px;
	font-size: 12px;
	font-family: "Fira Sans", sans-serif;
	cursor: default;
}

.wp-button .sct-container .sct {
	margin-bottom: 14px;
}
.wp-button .sct-container .sct a {
	border-radius: 6px;
	font-size: 14px;
	padding: 8px 12px;
}
.wp-button .sct-container .sct img {
	width: 24px;
}


.quantity {
	display: flex !important;
	position: relative;
	width: 120px;
	height: 56px;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 10px 12px;
	align-items: center;
	justify-content: center;
	max-width: 120px;
}
.quantity span {
	position: relative;
	z-index: 100;
	padding: 3px;
	line-height: 14px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	border: none;
}
.quantity input{
	border: none;
	border-radius: 6px;
	max-width: 60px;
	text-align: center;
	position: relative;
	background-color: transparent;
	left: 6px;
	padding: 0 10px;
	height: auto;
}
@media screen and (max-width: 768px) {
	.quantity {
		height: 40px;
	}
	.mobile-pay-wrapper .quantity input {
		left: 2px;
	}
}

/* cargo counter */
.day-shipping-counter {
	padding: 10px 0;
	position: relative;
    background-size: cover;
	background-repeat: no-repeat;
	background-image: url('/../assets/front-face/img/core-img/counter-bg.webp?v=1.2');
}

.day-shipping-counter .shipping-counter-wrap {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
}

.day-shipping-counter .shipping-counter-wrap p {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.4px;
	text-align: center;
}
.day-shipping-counter .shipping-counter-wrap p span {
	display: block
}
.day-shipping-counter button {
	position: absolute;
	top: 10px;
	right: 20px;
	display: block;
	line-height: normal;
	padding: 2px;
	border: 0;
	background-color: transparent;
	cursor: pointer;
}
.day-shipping-counter button i {
	display: block;
	line-height: normal;
}
.day-shipping-counter button i::before {
	font-size: 16px
}
.day-shipping-counter .shipping-counter-wrap .flaticon-close:before {
	font-size: 14px;
}
.day-shipping-counter .shipping-counter-wrap .shipping-counter {
	display: flex;
	align-items: baseline;
	gap: 10px;
}
.day-shipping-counter .shipping-counter-wrap .shipping-counter p {
	font-size: 16px;
}
.day-shipping-counter .shipping-counter-wrap .shipping-counter > div {
	display: flex;
	align-items: baseline;
	gap: 4px;
}
.day-shipping-counter .shipping-counter-wrap .shipping-counter > div .brace {
	font-weight: 700;
	font-size: 20px;
}
.day-shipping-counter .shipping-counter-wrap .shipping-counter > div .counter-item {
	text-align: center;
}
.day-shipping-counter .shipping-counter-wrap .shipping-counter > div .counter-item span {
	background-color: #020f58;
	display: block;
	color: white;
	border-radius: 4px;
	margin-bottom: 4px;
	font-size: 20px;
	font-weight: 700;
	width: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
}
.day-shipping-counter .shipping-counter-wrap .shipping-counter > div .counter-item small {
	display: block;
	font-weight: 700;
}

@media screen and (max-width: 1300px) {
	.day-shipping-counter .shipping-counter-wrap p {
		font-size: 16px;
	}
	.day-shipping-counter .shipping-counter-wrap button {
		right: -40px;
	}
}
@media screen and (max-width: 1050px) {
	.day-shipping-counter .shipping-counter-wrap button {
		right: 20px;
		top: auto;
		bottom: 10px;
	}
}

@media screen and (max-width: 991px) {
	.day-shipping-counter .shipping-counter-wrap {
		flex-direction: column;
		padding: 0;
	}
	.day-shipping-counter .shipping-counter-wrap p {
		font-size: 14px;
	}
	.day-shipping-counter .shipping-counter-wrap .shipping-counter p {
		font-size: 14px;
	}
	.day-shipping-counter .shipping-counter-wrap .shipping-counter > div .counter-item span {
		padding: 4px 10px;
		font-size: 16px;
	}
	#productList .col-6:nth-child(odd) {
		padding-right: 6px;
	}
	#productList .col-6:nth-child(even) {
		padding-left: 6px;
	}
	main .card.product {
		margin-bottom: 12px;
	}
}