body {
	/*background-color: #f3f3f3;*/
	font-family: 'Lato-Light', Sans-Serif;
	font-weight: normal;
	line-height: normal;
	font-size: 12px;
	letter-spacing: 0.03rem;
	overflow-x: hidden; /* Prevent scroll on narrow devices */
	color: #555;
}
.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none !important;
}
.breadcrumb {
	background: none;
	margin: 0;
	padding: 10px 0;
}
#scrollToTop {
	font-size: 3em;
	color: #333;
	position: fixed;
	right: 40px;
	bottom: 10%;
	transition: all 0.5s ease;
	z-index: 55555555;
}
#scrollToTop:hover {
	transform: scale(1.1, 1.1);
	color: rgba(211,84,0,0.9);
}
.hide {
	transition: all 0.5s ease;
	transform: scale(0, 0);
}
.owl-nav button {
	position: absolute;
	top: 50%;
	background-color: #000;
	color: #fff;
	margin: 0;
	transition: all 0.3s ease-in-out;
}
.owl-nav span{
	padding: 10px 5px;
}
.owl-nav button.owl-prev {
	left: 0px;
}
.owl-nav button.owl-next {
	right: 0px;
}
.owl-dots {
	text-align: center;
	padding-top: 15px;
}
.owl-dots button.owl-dot {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: inline-block;
	background: #ccc;
	margin: 0 3px;
}
.owl-dots button.owl-dot.active {
	background-color: #fff !important;
}
.owl-dots button.owl-dot:focus {
	outline: none;
}
.owl-nav button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0.38) !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #FF0004;
}
/*span {
	font-size: 70px;
	position: relative;
	top: -5px;
}*/
.owl-nav button:focus {
	outline: none;
}
.wow:first-child {
	visibility: hidden;
}
.border-wrapper {
	position: relative;
	display: inline-block;
}
.border-bt {
	position: relative;
	width: 100px;
	height: 3px;
	background: rgb(131,58,180);
	background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(160,50,163,1) 14%, rgba(80,40,149,1) 28%, rgba(69,252,235,1) 44%, rgba(64,233,83,1) 60%, rgba(213,162,58,1) 75%, rgba(253,218,38,1) 89%, rgba(253,29,29,1) 100%);
	/*background-color:#ed1c24;*/
	margin: 10px auto;
}
button:focus {
	outline: none;
}
a {
	color: #555;
}
a:visited {
	color: #555;
}
a:hover {
	color: #ed1c24;
	text-decoration: none;
}
.btn-shop {
	font-family: 'Lato-Regular', Sans-Serif;
	padding: 0.5rem 1rem;
	text-transform: uppercase;
	letter-spacing: 0.03rem;
	color: #fff !important;
	background-color: #ed1c24;
	border-color: #ed1c24;
}
.btn-shop:hover {
	color: #ed1c24 !important;
	background-color: #fff;
	border-color: #ed1c24;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(26,78,150,0.5);
	-moz-box-shadow: 0px 0px 15px 0px rgba(26,78,150,0.5);
	box-shadow: 0px 0px 15px 0px rgba(26,78,150,0.5);
}
.alt-font {
	font-family: 'DancingScript', Sans-Serif;
}
.navbar-brand img {
	width: 150px;
	height: auto;
}
.bg-nav {
	background: #000;
}
header {
	background: #000 !important;
	box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
}
.navbar-brand {
	display: inline-block;
	padding-top: 0rem;
	padding-bottom: 0rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap;
}
.menu-bg {
	/*background: #f2f2f2!important;*/
	/*box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);*/
	z-index: 9999;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.menu-bg .navbar-brand img {
	width: 90px;
	text-align: center;
	margin: 0 auto;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 0.9);
	font-weight: bold;
	font-size: 0.8rem;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: rgba(255,255,255,.75);
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
	color: #fff;
	font-weight: bold;
}
/*.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  Without this, clicking will make it sticky
    pointer-events: none;
}*/
.dropdown-item {
	display: block;
	width: 100%;
	clear: both;
	font-weight: 100;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	font-size: 12px;
	padding: 10px 15px;
}
.dropdown-menu {
	border-radius: 0;
}
.navbar-dark .navbar-toggler {
	color: rgba(255, 255, 255, 0.99);
}
.navbar-nav .nav-link {
	font-size: 12px;
	text-transform: uppercase;
}
.search {
	position: absolute;
	right: 0;
	margin: 10px 0 0 0;
}
.search form {
	position: relative;
	/*top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);*/
	transition: all 1s;
	width: 40px;
	height: 40px;
	background: white;
	box-sizing: border-box;
	border-radius: 25px;
	border: 4px solid white;
	padding: 5px;
}
.search input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	;
	height: 32.5px;
	line-height: 30px;
	outline: 0;
	border: 0;
	display: none;
	font-size: 1em;
	border-radius: 20px;
	padding: 0 20px;
	background: #000;
}
.search .fa {
	box-sizing: border-box;
	padding: 6px;
	width: 32.5px;
	height: 32.5px;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 50%;
	color: #07051a;
	text-align: center;
	font-size: 1.2em;
	transition: all 1s;
	line-height: 20px;
}
.search form:hover {
	width: 200px;
	cursor: pointer;
}
.search form:hover input {
	display: block;
}
.search form:hover .fa {
	background: #07051a;
	color: white;
}
main {
	margin: 78px auto 0;
}
/*.slider .item img{
	height:60vh;
	width: 100%;
}*/
/*
* Green theme - Owl Carousel CSS File
*/
#owl-one .item {
	height: auto;
	background: #4DC7A0;
	color: #fff;
	position: relative;
}
#owl-one .item img {
	width: 100%;
	height:80vh;
}
.owl-item .item .text {
	/* width: 100%;
  height: 100%;*/
	position: absolute;
	opacity: 0;
	z-index: 99;
	top: 50%;
	/*bottom: 50%;*/
	right: 12vw;
	text-shadow: 2px 2px 15px #000;
	font-size: 1.5em;
	/*background: #00000063;*/
	overflow: hidden;
	display: inline-table;
	padding: 20px;
	left: 50%;
	transform: translate(-50%, -50%) !important;
	/*border-bottom:5px solid #fff;*/
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 40%, rgba(12,12,12,1) 60%, rgba(255,255,255,0) 100%);
}
.owl-item .item .text h3 {
	margin: 0 0 0 0;
	text-align: center;
}
.owl-item .item .text h1 {
	margin: 10px 0 0 0;
	text-align: center;
	font-family: 'Lato-Black', Sans-Serif;
}
.owl-item .item .text .btn-shop {
	margin: 20px auto 0 auto;
	text-align: center;
	float: none;
	display: block;/*  -ms-transform: rotate(-5deg);
   -webkit-transform: rotate(-5deg);
   transform: rotate(-5deg);*/
}
.owl-item.active .item .text {
	opacity: 1;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 250ms ease 0.5s;
	-moz-transition: all 250ms ease 0.5s;
	-ms-transition: all 250ms ease 0.5s;
	-o-transition: all 250ms ease 0.5s;
	transition: all 250ms ease 0.5s;
}
/*.owl-item.active .item .text h1{
  margin: 10px 0 0 0;
    -ms-transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
  -webkit-transition: all 250ms ease 0.5s;
-moz-transition: all 250ms ease 0.5s;
-ms-transition: all 250ms ease 0.5s;
-o-transition: all 250ms ease 0.5s;
transition: all 250ms ease 0.5s;
}
.owl-item.active .item .text .btn-shop{
  margin: 10px 0 0 0;
 float: right;
  -ms-transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
  -webkit-transition: all 250ms ease 0.6s;
-moz-transition: all 250ms ease 0.6s;
-ms-transition: all 250ms ease 0.6s;
-o-transition: all 250ms ease 0.6s;
transition: all 250ms ease 0.6s;
  
}*/
.box-3-title {
	font-family: 'Lato-Regular', Sans-Serif;
	color: #7f7f7f;
}
.box-3 {
	margin: 30px 0 0;
}
.box-3 .cards {
	margin: 0 auto 30px auto;
	overflow: hidden;
	position: relative;
}
.box-3 .cards img {
	max-width: 100%;
	-webkit-transition: 0.4s ease;
	transition: 0.4s ease;
}
.box-3 .cards:hover img {
	transform: scale(1.2);
}
.box-3 .cards h3 {
	font-family: 'Lato-Regular', Sans-Serif;
	padding: 5px 10px;
	background: rgba(255,255,255,0.5);
	color: #fff;
	position: absolute;
	z-index: 1;
	bottom: 50px;
	width: 100%;
	text-align: center;
	font-size: 1rem;
}
.box-3 .cards h3 span {
	display: block;
	font-size: 0.6rem;
	padding: 5px;
}
.box-3 .cards:hover h3 {
	background: rgba(237, 28, 36,0.9);
	color: #fff;
}
.heading-1 {
	position: relative;
	text-align: center
}
.heading-1:before {
	content: "";
	display: block;
	border-top: solid 1px #bebebe;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 63%;
	z-index: 0;
}
.heading-1 span {
	font-family: 'Lato-Bold', Sans-Serif;
	background: #fff;
	padding: 0 10px;
	position: relative;
	z-index: 1;
	color: #555;
	text-transform: uppercase;
	font-size: 1.3rem;
}
/********************* product-grid **********************/
.product-grid {
	margin: 0 0 20px 0;
}
.product-grid, .product-grid .product-image {
	position: relative
}
.product-grid {
	font-family: Poppins, sans-serif;
	z-index: 1
}
.product-grid .product-image a {
	display: block
}
.product-grid .product-image img {
	width: 100%;
	height: auto
}
.product-grid .pic-1 {
	opacity: 1;
	transition: all .5s ease-out 0s
}
.product-grid:hover .pic-1 {
	opacity: 0
}
.product-grid .pic-2 {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .5s ease-out 0s
}
.product-grid:hover .pic-2 {
	opacity: 1
}
.product-grid .product-full-view {
	color: #505050;
	background-color: #fff;
	font-size: 16px;
	height: 45px;
	width: 45px;
	padding: 18px;
	border-radius: 100px 0 0;
	display: block;
	opacity: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: all .3s ease 0s
}
.product-grid .product-full-view:hover {
	color: #c0392b
}
.product-grid:hover .product-full-view {
	opacity: 1
}
.product-grid .product-content {
	padding: 12px 12px 0;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.product-grid .title {
	font-size: 0.7rem;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 3px;
	transition: all .3s ease 0s;
	position: relative;
	z-index: 1;
	text-align: center;
	padding-bottom: 10px;
	color: #999999;
}
.product-grid .title:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 30px;
	border-bottom: 3px solid #ccc;
	transform: translate(-50%, -50%) !important;
}
.product-grid .title a {
	color: rgba(0,0,0,.5)
}
.product-grid .title a:hover {
	color: #ed1c24
}
.product-grid .text-2 {
	color: #ed1c24;
	font-size: 0.7rem;
	margin: 0;
	display: block;
	transition: all .5s ease 0s
}
.product-grid:hover .text-2 {
	/*opacity: 0*/
		color: #000;
}
.product-grid .add-to-cart {
	display: block;
	color: #ed1c24;
	font-weight: 600;
	font-size: 0.7rem;
	opacity: 0;
	position: absolute;
	left: 50%;
	bottom: -20px;
	transition: all .5s ease 0s;
	transform: translate(-50%, -50%) !important;
}
.product-grid:hover .add-to-cart {
	opacity: 1;
	bottom: -10px;
}
.work-three {
	margin: 2rem 0 0 0;
}
.work-three .card {
	border: none;
	margin: 0 0 2rem 0;
}
.work-three .card .card-title {
	font-weight: 800;
	color: #555;
	letter-spacing: 0.05rem;
	font-size: 1.2rem;
	margin: 0 0 5px 0 !important;
}
.work-three .card .card-text {
	font-size: 0.9rem;
	line-height: 1.3rem;
}
.flex-row .features-card, .flex-row {
	flex-direction: column;
	display: flex;
	flex: 1 0 auto;
	height: auto;
	position: relative;
}
.flex-text {
	flex-grow: 1;
}
.flex-row img {
	min-width: 0;
	width: 100%;
}
.features-card {
	text-align: center;
}
.features-card h5 {
	font-family: 'Lato-Bold';
	text-transform: uppercase;
	text-align: center;
	font-size: 1rem;
}
.features-card .icons {
	margin: 0 0 15px 0;
}
.features-card .icons img {
	width: 72px;
	height: 72px;
}
.features-card p {
	font-weight: 300;
}
.testimonial-wrapper {
	padding: 0 10px;
	background: rgba(0, 0, 0, 0) url("../images/slider-3.jpg") no-repeat fixed center top / cover;
	padding-bottom: 92px;
	padding-top: 100px;
	position: relative;
	z-index: 1;
}
.testimonial {
	color: #ccc;
	position: relative;
	padding: 15px;
	background: #000000c4;
	border: 0px solid #efefef;
	border-radius: 3px;
	margin-bottom: 15px;
	letter-spacing: 1px;
}
.media img {
	width: auto !important;
}
.star-rating ul {
	margin: 0 0 8px 0;
}
.star-rating li {
	padding: 0 0px;
}
.star-rating i {
	font-size: 16px;
	color: #ffdc12;
}
.overview {
	padding: 3px 0 0 0px;
}
.overview .details {
	padding: 10px 0 8px;
	font-size: 1rem;
	margin: 5px 0 0 0;
}
.overview b {
	text-transform: uppercase;
	color: #FFF;
	font-size: 1rem;
	position: relative;
}
.overview b:after {
	content: "";
	position: absolute;
	left: 15px;
	top: 0;
	width: 30px;
	margin: 26px 0;
	border-bottom: 3px solid #ccc;
	transform: translate(-50%, -50%) !important;
}
.star-rating .list-inline-item:not(:last-child) {
	margin-right: .01rem;
}
.footer-wrapper {
	background: #333;
	padding: 20px;
}
.footer-nav ul {
	padding: 0;
	margin: 0 0 5px 0;
	overflow: hidden;
}
.footer-nav ul li {
	display: block;
	float: left;
}
.footer-nav li {
	display: block;
	float: left;
	padding: 5px;
	font-size: 0.8rem;
}
.footer-nav li a {
	color: #999;
}
.copyright-footer {
	color: #999;
	font-size: 0.9rem;
	letter-spacing: 1px;
	border-top: 1px solid #000;
	padding: 10px 0 0;
}
.pt-results span {
	font-size: 14px;
	margin: 0 0 10px 0;
	display: inline-block;
}
.pt-select {
	display: inline-grid;
	margin: 0 0 0 10px;
}
.custom-dropdown__select {
	font-size: inherit; /* inherit size from .custom-dropdown */
	padding: .5em; /* add some space*/
	margin: 0; /* remove default margins */
}
.custom-dropdown__select--white {
	background-color: #fff;
	color: #444;
	font-size: 0.8rem;
}
 @supports (pointer-events: none) and (appearance: none) {
 .custom-dropdown {
 position: relative;
 display: inline-block;
 vertical-align: middle;
 border: 1px solid #ddd;
}
 .custom-dropdown__select {
 padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
 border: 0;
 border-radius: 3px;
 appearance: none;
 letter-spacing: 1px;
}
 .custom-dropdown::before, .custom-dropdown::after {
 content: "";
 position: absolute;
 pointer-events: none;
}
 .custom-dropdown::after { /*  Custom dropdown arrow */
 content: "\25BC";
 height: 1em;
 font-size: .625em;
 line-height: 1;
 right: 1.2em;
 top: 50%;
margin-top: -.5em;
}
 .custom-dropdown::before { /*  Custom dropdown arrow cover */
 width: 2em;
 right: 0;
top: 0;
bottom: 0;
 border-radius: 0 3px 3px 0;
}
 .custom-dropdown__select[disabled] {
 color: rgba(0,0,0,.3);
}
 .custom-dropdown.custom-dropdown--disabled::after {
 color: rgba(0,0,0,.1);
}

    /* White dropdown style */
    .custom-dropdown--white::before {
 background-color: #fff;
 border-left: 1px solid rgba(0,0,0,.1);
}
 .custom-dropdown--white::after {
 color: rgba(0,0,0,.9);
}
}
.pt-pageing nav {
	display: table;
	margin: 0 auto;
}
.pt-pageing .page-link {
	color: #999;
}
.pt-pageing .page-link:hover {
	color: #fff;
	background: #ed1c24;
}
.pd-wrap {
	padding: 0px 0;
}
.carousel-testimonial .item {
	padding: 30px 10px;
}
.pd-wrap .owl-nav button {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	outline: none;
	height: 25px;
}
.pd-wrap .owl-nav button svg {
	width: 25px;
	height: 25px;
	padding: 3px;
}
.pd-wrap .owl-nav button.owl-prev {
	left:15px;
}
.pd-wrap .owl-nav button.owl-next {
	right:15px;
}
.pd-wrap .owl-nav button span {
	font-size: 45px;
}
.product-thumb .item img {
	height: auto;
}
.border-t {
	padding: 10px 0 0 0;
	border-top: 1px solid #d8d8d8;
}
.product-name {
	font-family: 'Lato-Black';
	font-size: 22px;
	line-height: 22px;
	margin: 5px 0 4px 0;
	position: relative;
}
.product-name:after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: -10px;
	width: 30px;
	border-bottom: 3px solid #ccc;
}
.product-price-discount {
	font-size: 22px;
	font-weight: 400;
	padding: 10px 0;
	clear: both;
}
.product-price-discount span.line-through {
	text-decoration: line-through;
	margin-left: 10px;
	font-size: 14px;
	vertical-align: middle;
	color: #a5a5a5;
}
.display-flex {
	display: flex;
}
.align-center {
	align-items: center;
}
.product-info {
	width: 100%;
}
.product-dtl p {
	font-size: 14px;
	line-height: 24px;
	color: #7a7a7a;
	font-weight: 200;
}
.round-black-btn {
	border-radius: 4px;
	background: #999;
	color: #fff !important;
	padding: 10px;
	display: inline-block;
	text-align: center;
	margin: 15px 0;
	font-size: 15px;
	border: solid 2px #999;
	text-transform: uppercase;
	transition: all 0.5s ease-in-out 0s;
}
.round-black-btn:hover, .round-black-btn:focus {
	background: transparent;
	color: #333 !important;
	text-decoration: none;
}
.product-info-tabs {
	margin-top: 25px;
}
.product-info-tabs .nav-tabs {
	border-bottom: 2px solid #d8d8d8;
}
.product-info-tabs .nav-tabs .nav-item {
	margin-bottom: 0;
}
.product-info-tabs .nav-tabs .nav-link {
	border: none;
	border-bottom: 2px solid transparent;
	color: #323232;
}
.product-info-tabs .nav-tabs .nav-item .nav-link:hover {
	border: none;
}
.product-info-tabs .nav-tabs .nav-item.show .nav-link, .product-info-tabs .nav-tabs .nav-link.active, .product-info-tabs .nav-tabs .nav-link.active:hover {
	border: none;
	border-bottom: 2px solid #d8d8d8;
	font-weight: bold;
}
.product-info-tabs .tab-content .tab-pane {
	padding: 20px;
	font-size: 14px;
	line-height: 24px;
	color: #7a7a7a;
	font-weight: 200;
}
.social {
	margin: 20px auto;
}
/* ============================ */
/* SOCIAL ICONS                 */
/* ============================ */
.social-icon {
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition-property: background-color;
	-moz-transition-property: background-color;
	transition-property: background-color;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	transition-timing-function: ease;
	/*background-color: #c4c4c4;*/
	text-align: center;
	display: inline-block;
	width: 40px;
	height: 38px;
	padding: 7px 0px;
	color: #777 !important;
	margin: 2px;
	font-size: 18px;/* Color each button differently */
}
.social-icon:nth-child(2):hover, .social-icon:nth-child(2):active, .social-icon:nth-child(2):focus {
	opacity: 1;
	background-color: #3a589d;
	color: #fff !important;
}
.social-icon:nth-child(3):hover, .social-icon:nth-child(3):active, .social-icon:nth-child(3):focus {
	opacity: 1;
	background-color: #2478ba;
	color: #fff !important;
}
.social-icon:nth-child(4):hover, .social-icon:nth-child(4):active, .social-icon:nth-child(4):focus {
	opacity: 1;
	background-color: #444;
	color: #fff !important;
}
.social-icon:nth-child(5):hover, .social-icon:nth-child(5):active, .social-icon:nth-child(5):focus {
	opacity: 1;
	background-color: #cb2320;
	color: #fff !important;
}
.social-icon:nth-child(6):hover, .social-icon:nth-child(6):active, .social-icon:nth-child(6):focus {
	opacity: 1;
	background-color: #dd4e31;
	color: #fff !important;
}
.social-icon:nth-child(7):hover, .social-icon:nth-child(7):active, .social-icon:nth-child(7):focus {
	opacity: 1;
	background-color: #444;
	color: #fff !important;
}
.social-icon img {
	width: 20px;
}
/* ============================ */
/* TOOLTIP                      */
/* ============================ */
[data-tooltip] {
	position: relative;/* tooltip arrow */
  /* tooltip box */
}
[data-tooltip]:before, [data-tooltip]:after {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	transition-timing-function: linear;
	position: absolute;
	left: 50%;
	top: 100%;
	bottom: 100%;
	visibility: hidden;
	opacity: 0;
	z-index: 9999;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
[data-tooltip]:before {
	content: "";
	border-color: #323232;
	border-style: none;
	border: 5px solid transparent;
	border-bottom: 6px solid #323232;
	margin-top: -4px;
}
[data-tooltip]:after {
	content: attr(data-tooltip);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: auto;
	height: 22px;
	padding: 11px 11px 0 11px;
	font-size: 13px;
	line-height: 11px;
	white-space: nowrap;
	background-color: #323232;
	color: #ecf0f1;
	margin-top: 7px;
}
[data-tooltip]:hover, [data-tooltip]:focus {
	background-color: transparent;
}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after {
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	opacity: 1;
	visibility: visible;
}
.comen-page{
	padding:30px;
}
.comen-page p{
	font-size:1rem;
	line-height: 1.5rem;
}

.banner-top{
z-index: 1;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: 50% 50% !important;
min-height:250px;
	text-align: center;
	display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
-o-flex-direction: column;
flex-direction: column;
-ms-align-items: center;
align-items: center;
justify-content: center;
	position: relative;
}
.banner-top:after{
	background: rgba(0, 0, 0, 0.56);
content: "";
position: absolute;
left: 0;
width: 100%;
right: 0;
top: 0;
bottom: 0;
height: auto;
z-index: -1;
}
.banner-top h1{
	font-family: 'Lato-Bold';
	font-size:38px;
	color: white;
	line-height: 1.2;
	text-transform: uppercase;
	position: relative;
}
.banner-top h1:after {
	content: "";
	position: absolute;
	left:50%;
	bottom: -10px;
	width: 30px;
	border-bottom: 3px solid #ccc;
	transform: translate(-50%, -50%) !important;
}

.fonuder .icon img{
	border:8px solid #fff;
	border-radius:30px;
}
.fonuder .box {
  margin: 50px auto;
  background: #f2f2f2;
  padding: 20px;
  text-align: left;
  font-weight: 900;
  position: relative;
	border-radius: 15px;
}

.fonuder .sb2:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #f2f2f2;
  border-top: 10px solid #f2f2f2;
  border-bottom: 10px solid transparent;
  left: -19px;
  top:25px;
}
/*.page{
	display: flex;
  flex-direction: column;
  height:100vh;
}
main {
  flex: 1 0 auto;
}*/

.product-dtl table {
	color: #666;
	letter-spacing: 0.03rem;
	/*width: 100%;*/
}
.product-dtl table p {
	margin: 0 !important;
	font-weight: bold;
	font-size: 16px;
	color: #000;
}
.product-dtl .t-bg-dark {
	vertical-align: bottom;
	width: 40px;
	background-color: #efffc0;
	text-align: center;
	color: #000;
}
.product-dtl .al-m {
	vertical-align: middle !important;
}
.product-dtl .t-bg-dark-2 {
	background-color: #d7d7d7;
	color: #000;
}
.product-dtl .light-g-2 {
	background-color: #f4f4f4 !important;
}
.product-dtl .t-bg-dark-3{
	background-color: #fff4d4;
	color: #000;
}
.product-dtl .light-g-3{
	background-color: #fff9e7 !important;
}
.product-dtl .t-bg-1 {
	vertical-align: bottom;
	width: 40px;
	background-color: #f3fadf;
	text-align: center;
}
.product-dtl .light-g {
	display: inline-block;
	color: #666;
	font-size: 10px;
	writing-mode: vertical-lr;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	transform-origin: center;
	transform: rotate(180deg);/*padding-top: 2mm;
    padding-bottom: 3mm;*/
}
/*date10-12*/
.list-product ul{
	padding: 0 0 0 15px;
	font-size:1rem;
}
.list-product ul li{
	margin:0 0 10px 0;
}
.list-product ul li img{
	width:80px;
	height:80px;
}
.list {
    padding-left: 0;
    padding-right: 0
}

.list-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word
}

.list-row .list-item {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    padding: .75rem .625rem
}
.w-48 {
    width: 48px !important;
    height: 48px !important
}

.list-row .list-item>* {
    padding-left: .625rem;
    padding-right: .625rem
}
.avatar {
    position: relative;
    line-height: 1;
    border-radius: 500px;
    white-space: nowrap;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    /*align-items: center;*/
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 500px;
    box-shadow: 0 5px 10px 0 rgba(50, 50, 50, .15)
}

.avatar img {
    border-radius: inherit;
    width: 100%
}
.item-author{
	font-size:1rem;
	font-weight: bold;
}

@media (max-width:992px) {
.navbar-dark .navbar-brand {
	margin: 0 auto;
}
header .container {
	max-width: 100%;
}
main {
	margin: 50px auto 0;
}
.search {
	margin: 5px 0 0 0;
}
.mobileMenu {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	position: fixed;
	top: 0px;
	bottom: 0;
	margin: auto;
	left: 0;
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
	background: #2a2a2a;
}
.mobileMenu.open {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
.mobileMenu .navbar-nav {
	overflow-y: auto;
	width: 220px;
}
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
}
.overlay.open {
	display: block;
	z-index: 1029;
}
.menu-bg {
	z-index: 5555;
}
.menu-bg .navbar-brand img {
	width: 80px;
	text-align: center;
	margin: 0 auto;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.nav-link {
	display: block;
	padding: 0.5rem 0;
	border-bottom: 1px solid #575757;
}
.navbar-brand img {
	width: 80px;
	height: auto;
}
	.dropdown-menu {
	border: 0;
	border-radius: 0;
}
.product-grid {
	margin-bottom: 30px
}
	.fonuder .box {
		margin: 2px auto;
	}
	.fonuder .sb2::before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #f2f2f2;
    border-left: 10px solid #f2f2f2;
    border-right: 10px solid transparent;

    top: -19px;
    text-align: center;
    margin: 0 auto;
    left: 50%;
}
}

@media (min-width: 768px) and (max-width:999.99px) {
.navbar-brand img {
	width: 80px;
	height: auto;
}
.navbar-nav .nav-link {
	padding-right: 4px;
	padding-left: 4px;
	font-size: 10px;
}
}

@media (max-width: 767.98px) {
.single-hs-item {
	height: 550px;
}
.hero-text h1 {
	font-size: 30px;
}
.hero-text p {
	font-size: 15px;
	margin-bottom: 25px;
}
/*.owl-carousel .owl-nav button.owl-next {
	top: auto;
	margin: 0;
	bottom: 0px;
}*/
/*.owl-carousel .owl-nav button.owl-prev {
	top: auto;
	margin: 0;
	bottom: 0px;
}*/
.owl-dots {
	bottom: 10px;
	left: 50px;
	right: 50px;
}
.banner-top {
    min-height: 125px;
	}
.banner-top h1 {
    font-size: 30px;
	}
	.comen-page p{
	font-size:0.8rem;
	line-height: 1.3rem;
}
	#owl-one .item img {
    width: 100%;
    height:100% !important;
}
	.owl-item .item .text h1{
		font-size:1.2rem;
	}
	.owl-item .item .text h3{
		font-size:0.9rem;
	}
}
.bg-dark {
	background-color: #2a5781 !important;
}
.solvent-dyes {
	font-size: 18px;
	margin: 20px;
}
.solvent-dyes .list-group-item {
	position: relative;
	display: block;
	padding: .75rem 0rem;
}
.solvent-dyes .list-group-item i {
	margin: 0 5px 0 0;
}
.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
	color: #FFF;
}
video {
  width: 100%;
  height: auto;
	margin: 0 0 20px 0;
}