@font-face {
	font-family: gipson;
	src: url(../fonts/Gibson-SemiBold.otf);
}

body {
	margin: 0px;
	padding: 0px;
	font-family: 'Muli', sans-serif;
}
dl, ol, ul{
   line-height:27px;
   color:#333;
}
input:focus {
	outline: 0;
}

::selection {
	color: #fff;
	background: #24aeb1;
}

::-moz-selection {
	color: #fff;
	background: #24aeb1;
}

ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
}

.z-depath-1,
.fixed-search {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.mbt0{
    margin-bottom:0px;
}


.whatsapp-icon {
    position: fixed;
    right: 15px;
    bottom: 250px;
    z-index: 9999;
}
.whatsapp-icon img{
    height:54px;
}
.wrapper {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}


.header {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	background: #fff;
	padding: 20px 0 0 0px;
}

.main-header {
	position: fixed;
	top: 0px;
	z-index: 99;
	width: 100%;
	background: #fff;
	padding: 10px 0;
}

.left-header-menu {
	float: left;
	margin: 10px 8% 0 0px;
	text-align: right;
}

.left-header-menu ul {
	display: inline-block;
	margin: 0 0 0 0px;
	padding: 0px;
}

.left-header-menu ul li {
	margin: 12px 14px 0 0px;
	text-align: right;
	float: left;
}

.left-header-menu ul li a {
	font-size: 15px;
	color: #6c6f72;
	display: block;
	text-align: right;
	padding: 4px 0;
	font-weight: 600;
}

.left-header-menu ul li:hover a {
	text-decoration: none;
	color: #FF0000;
}

.right-header-logo {
	float: right;
	margin: 0 0 0 0px;
	text-align: right;
}

.fixed-search .right-header-logo {
	float: left;
	text-align: center;
}

.fixed-search .left-header-menu ul li {
	float: none;
	margin: 0px;
}

.right-header-logo img {
	width: 100%;
}

.right-header-menu {
	width: 100%;
	float: left;
	margin: 5px 0 0 0px;
	text-align: right;
}

.right-header-menu ul {
	list-style-type: none;
	margin: 0 0 0 0px;
	padding: 0px;
	display: inline-block;
}

.right-header-menu ul li {
	float: left;
	margin: 0 0 0 0px;
	text-align: left;
	position: relative;
}

.right-header-menu ul li.whatsappicon:before {
	position: absolute;
	top: 21px;
	left: -22px;
	width: 27px;
	height: 27px;
	z-index: 9;
	content: '';
	background: url(../images/whatsapp.png) no-repeat;
	background-size: 100%;
}

.right-header-menu ul li.mail:before {
	position: absolute;
	top: 21px;
	left: -22px;
	width: 27px;
	height: 27px;
	z-index: 9;
	content: '';
	background: url(../images/mail.png) no-repeat;
	background-size: 100%;
}

.right-header-menu ul li {
	padding: 15px 60px 0 18px;
	display: block;
}

.right-header-menu ul li:last-child {
	padding-right: 0;
}

.right-header-menu ul li p.orderText {
	margin: 0 0 0 0px;
	font-size: 15px;
	color: #6c6f72;
	margin-bottom: 0px;
	display: block;
	padding: 0px 0;
	font-weight: 600;
}

.right-header-menu ul li p.contText {
	margin: 0px;
	font-size: 13px;
	color: #6c6f72;
	display: block;
	padding: 5px 0 0px 0;
	font-weight: 600;
	margin-bottom: 0px;
}

.right-header-menu ul li:hover a {
	text-decoration: none;
}

.right-header-menu ul li:hover p {
	color: #333;
}

.main-nav {
	width: 100%;
	float: left;
	margin: 80px 0 0 0px;
	background: #24aeb1;
}

.navigation {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	text-align: center;
}

.navigation ul {
	list-style-type: none;
	margin: 0 0 0 0px;
	display: inline-block;
}

.navigation ul li {
	float: left;
	margin: 0 0 0 0px;
	position: relative;
}

.navigation ul li ul {
	position: absolute;
	top: 90px;
	left: 0px;
	width: 250px;
	background: #fff;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.30);
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.30);
	z-index: 1;
	-moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}

.navigation ul li:hover ul {
	visibility: visible;
	top: 50px;
	transition: all 0.2s ease-in-out;
	opacity: 1;
	z-index: 99;
}

.navigation ul li ul li {
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	display: block;
	width: 100%;
	position: relative;
}

.navigation ul li ul li:hover:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: #ff0000;
	width: 3px;
	height: 100%;
}

.navigation ul li ul li a {
	padding: 10px 15px;
	color: #000;
	display: block;
	font-size: 14px;
	text-align: left;
}

.navigation ul li ul li:hover a {
	background: #f1f1f1;
	color: #ff0000;
}

.navigation ul li a {
	display: block;
	padding: 15px 20px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}

.navigation ul li i {
	padding: 0px 0 0 2px;
	vertical-align: middle;
}

.navigation ul li:hover a {
	text-decoration: none;
}

.slider-block {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	background: #FAFAFA url(../images/slider-bg.webp);
	background-attachment: fixed;
}

.overlay {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 90px;
	font-weight: 600;
}

.slider-title {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	text-align: center;
}

.slider-title h1 {
	font-size: 41px;
	color: #000;
	font-family: gipson;
	font-weight: 600;
}

.slider-title h1 span {
	color: #ff0000;
}

.slider-title p {
	font-size: 20px;
	color: #333;
	font-weight: 400;
	margin-top: 40px;
	margin-bottom: 10px;
}

.search-medicine {
	width: 100%;
	float: left;
	margin: 10px 0 0 0px;
	background: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1);
}

.search-medicine input {
	width: 90%;
	float: left;
	margin: 0 0 0 0px;
	padding: 15px 20px;
	font-weight: 600;
	font-size: 16px;
	height: 60px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border: none;
}

.search-medicine button {
	width: 10%;
	float: right;
	font-size: 30px;
	font-weight: 600;
	background: none;
	color: #ff0000;
}

.search-medicine button.active {
	background: #24AEB1;
	color: #fff;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.header-search-block {
	width: 100%;
	float: left;
	margin: 15px 0 0 0px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #e0e0e0;
	position: relative;
	right: 90px;
}

.header-search-block input {
	width: 85%;
	float: left;
	margin: 0 0 0 0px;
	padding: 15px 20px;
	font-weight: 600;
	font-size: 14px;
	height: 50px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border: none;
}

.header-search-block button {
	width: 15%;
	float: right;
	font-size: 24px;
	font-weight: 600;
	background: none;
	color: #333;
}

.shipping-block {
	width: 100%;
	float: left;
	margin: 50px 0 0 0px;
}

p.headingShip {
	color: #000 !important;
	font-size: 17px;
	font-weight: 600;
	margin-top: 5px;
	text-transform: uppercase;
}

.shipping-block p {
	color: #666;
}

.free-shipping {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	position: relative;
	padding: 5px 0px 5px 50px;
	border-right: 1px solid #ccc;
}

.free-shipping:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0%;
	background: url(../images/free-shipping.png) no-repeat;
	background-size: 100%;
	width: 35px;
	height: 35px;
}

.money-return {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	position: relative;
	padding: 5px 0px 5px 110px;
}

.money-return:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 15%;
	background: url(../images/money-return.png) no-repeat;
	background-size: 100%;
	width: 45px;
	height: 45px;
}

.about-block {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	background: #fff;
	padding: 40px 0;
}

.about-left {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.about-left h2 {
	font-size: 35px;
	color: #000;
	font-family: gipson;
	font-weight: 400;
	margin-bottom: 15px;
}

.about-left h2 span {
	color: #ff0000;
}

.about-left p {
	font-size: 16px;
	line-height: 27px;
	padding-right: 30px;
	font-weight: 600;
}

.about-right {
	width: 100%;
	float: left;
	margin: 40px 0 0 0px;
	padding-top: 0px;
	text-align: center;
}

.about-right img {
	width: 72%;
	margin: 8px auto 5px;
	border-radius: 100%;
}

.category-block {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 40px 0;
	background: #f1f1f1;
}

.category-item {
	width: 100%;
	float: left;
	margin: 0 0 30px 0px;
	border-radius: 5px;
	-webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1);
}
.category-item .common-head{
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    padding: 10px;
    margin-bottom: 0px;
}

.hepatitis {
	background: url(../images/hepatitis-c.webp);
	background-size: cover;
	border-radius: 5px;
}

.cencer {
	background: url(../images/cancer.webp);
	background-size: cover;
	border-radius: 5px;
}

.hiv {
	background: url(../images/hiv.webp);
	background-size: cover;
	border-radius: 5px;
}

.erection {
	background: url(../images/erection.webp);
	background-size: cover;
	border-radius: 5px;
}

.category-item a {
	background: rgba(0, 0, 0, 0.7);
	padding: 70px 0 20px 0px;
	display: block;
	border-radius: 5px;
}

.category-item img {
	width: 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.category-item h4,
.category-item h3 {
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	padding: 10px;
	margin-bottom: 0px;
}

.category-item p {
	font-size: 16px;
	letter-spacing: .3px;
	color: #eee;
	padding: 0 10px;
	line-height: 25px;
	margin-bottom: 0px;
}

.category-item:hover a {
	text-decoration: none;
}

.product-block {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 20px 0 40px 0;
	background: #fff;
}

.product-block h2,
h3.trendingProduct {
	font-size: 30px;
	color: #000;
	font-family: gipson;
	font-weight: 400;
	margin-bottom: 20px;
}

.product-block h2 span,
h3.trendingProduct span {
	color: #ff0000;
}

.trendingProduct-h4{
   	font-size: 30px;
	color: #000;
	font-family: gipson;
	font-weight: 400;
	margin-bottom: 20px; 
}
.trendingProduct-h4  span {
	color: #ff0000;
}

.cardbox{
    box-shadow:0 0 5px rgb(0 0 0 / 10%);
}

.trending-heading h3 {
	font-size: 30px;
	color: #000;
	font-family: gipson;
	font-weight: 400;
	margin-bottom: 20px;
}

.trending-heading h3 span
{
	color: #ff0000;
}


.product-item {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	transition: all 0.2s ease-in-out;
	background: #fff;
	padding: 10px;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
}

.product-item:hover {
	box-shadow: rgb(217, 218, 219) 0px 0px 12px 0px;
	transition: all 0.2s ease-in-out;
}

.product-img {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.product-img img {
	width: 100%;
}

.product-title {
	width: 100%;
	float: left;
	margin: 20px 0 0 0px;
	text-align: center;
}

.product-title:hover a {
	text-decoration: none;
}

.product-title h4,
.product-title h3,
.product-title a,
.product-title p.titleProduct,
p.titleProduct {
	font-size: 20px !important;
	color: #111 !important;
	margin-bottom: 5px !important;
	font-weight: 600 !important;
}

.product-title p {
	font-size: 14px;
	color: #333;
	font-weight: 600;
}

.product-button {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 10px 0 15px 0;
	text-align: center;
}

.product-button a {
	color: #fff;
	font-size: 12px;
	border-radius: 2px;
	padding: 10px 20px;
	font-weight: 600;
	background: #24aeb1;
	text-transform: uppercase;
}

.product-button a:hover {
	text-decoration: none;
}

.product-button a i {
	padding-left: 5px;
	font-size: 14px;
}

.owl-dots {
	display: none;
}

.trending-product-slider .owl-nav {
	position: absolute;
	right: 0px;
	top: -70px;
}

.owl-theme .owl-nav [class*="owl-"] {
	padding: 7px 12px !important;
	background: #ff0000 !important;
	color: #fff !important;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
	color: #fff !important;
}

.trending-product-slider .owl-prev,
.trending-product-slider .owl-next {
	background: #fff !important;
	color: #666 !important;
	border-radius: 100% !important;
	font-size: 18px !important;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1) !important;
	font-weight: 600 !important;
}

.choose-block {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 0px 0px;
	background: #f1f1f1;
}

.choose-left {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 40px 90px;
	position: relative;
}

.choose-left h4 {
	color: #000;
	margin: 0 0 0 0px;
	font-size: 30px;
	font-weight: 400;
	font-family: gipson;
}

.choose-left h4 span {
	color: #ff0000;
}

.choose-list {
	width: 100%;
	float: left;
	margin: 40px 0 0 0px;
}

.choose-list ul {
	margin: 20px 0 0 0px;
}

.choose-list li {
	color: #333;
	font-size: 18px;
	font-weight: 600;
	line-height: 60px;
}

.choose-list li img {
	border: 1px solid #24aeb1;
	padding: 1px;
	border-radius: 100%;
	margin-right: 10px;
}

.choose-right {
	width: 100%;
	height: 100%;
	background: url(../images/choose.jpg) no-repeat;
	background-position: 100px 0px;
	background-size: 85%;
}

.client-testimonial {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 40px 0;
}

.client-testimonial h5 {
	font-size: 30px;
	color: #000;
	font-family: gipson;
	font-weight: 400;
	margin-bottom: 20px;
}

.client-testimonial h5 span {
	color: #ff0000;
}

.video-testimonial {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 5px;
	background: #fff;
	border: 1px solid #e0e0e0;
}

.red-more {
	color: #ff0000;
	float: right;
	font-size: 13px;
	font-weight: 600;
	padding-top: 10px;
}

.web-testimoninal a {
	color: #ff0000;
	float: right;
	font-size: 13px;
	font-weight: 600;
	padding-top: 10px;
}

.web-testimoninal {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.testimonial-item {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	background: #fff;
	border: 1px solid #e0e0e0;
	text-align: center;
	padding: 40px;
}

.testimonial-item h5 {
	text-align: center;
}

.testimonial-item p {
	font-size: 16px;
	font-weight: 600;
	line-height: 30px;
	color: #333;
	margin-top: 20px;
	margin-bottom: 20px;
}

.testimonial-item img {
	margin-top: 20px;
	width: 54px;
}

.testimonial-item h3 {
	font-size: 18px;
	font-weight: 600;
	color: #000;
	margin-top: 15px;
}

.testimonial-item p.authorName {
	font-size: 18px;
	font-weight: 600;
	color: #000;
	margin-top: 15px;
	font-family: gipson;
	margin-bottom: 0px;
}

.testimonial-item h6 {
	font-size: 13px;
	font-weight: 600;
	color: ;
	margin-top: 0px;
	color: #FEDF09;
	margin-bottom: 8px;
}

.partner-block {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	background: #fff;
	padding: 30px 0 40px 0;
}

.partner-logo {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.pertner-item {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.pertner-item img {
	cursor: pointer;
	width: 100%;
}

.pertner-item:hover img {
	opacity: .7;
}

.footer {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 40px 0 0 0px;
	background: #1D2733
}

.footer-item {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.footer-item p {
	font-size: 14px;
	margin: 20px 0 0 0px;
	color: #fff;
}

.social-icon {
	width: 100%;
	float: left;
	margin: 20px 0 0 0px;
}

.social-icon ul {
	margin: 0 0 0 0px;
}

.social-icon ul li {
	float: left;
	margin: 0 0 0 0px;
}

.social-icon ul li a {
	color: #fff;
	font-size: 15px;
	padding: 10px;
	display: block;
}

.footer-item .ft-head {
	font-size: 17px;
	text-transform: capitalize;
	font-weight: 600;
	color: #eee;
}

.footer-item ul {
	margin: 20px 0 0 0px;
}

.footer-item ul li {
	margin: 0 0 0 0px;
	transition: all 0.3s ease-in-out;
}

.footer-item ul li:hover {
	padding-left: 3px;
	transition: all 0.3s ease-in-out;
}

.footer-item ul li a {
	color: #fff;
	font-size: 14px;
	padding: 5px 0;
	display: block;
}

.footer-item ul li:hover a {
	text-decoration: none;
	color: #24aeb1;
}

.footer-bottom {
	width: 100%;
	float: left;
	margin: 30px 0 0 0px;
	background: #0f141b;
	padding: 15px 0;
	text-align: center;
}

.footer-bottom p {
	color: #eee;
	margin: 0px;
	font-size: 13px;
}

.fixed-search .right-header-menu ul li a {
	padding: 15px 37px 0 10px !important;
}

.ui-widget-content {
	border: none !important;
	color: #666;
	padding: 10px !important;
	box-shadow: 0 3px 35px 0 rgba(0, 0, 0, .1) !important;
	border-radius: 5px;
	max-height: 200px;
	overflow-y: scroll;
}

.ui-menu .ui-menu-item {
	padding: 0 !important;
	color: #666;
	border: none !important;
}

.ui-menu-item-wrapper {
	position: relative;
	padding: 13px 10px 13px 45px !important;
}

.ui-menu-item-wrapper:after {
	content: '';
	width: 30px;
	height: 21px;
	position: absolute;
	left: 10px;
	z-index: 9;
	background: url(../images/map-marker.png);
	background-size: cover;
	top: 14px;
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: 'Muli', sans-serif !important;
}

.ui-menu-item-wrapper:hover {
	background: none !important;
	border: none !important;
	color: #666 !important;
}

.ui-menu-item-wrapper:hover a {
	color: #666 !important;
	text-decoration: none;
}

.ui-menu-item:hover,
.ui-menu-item:focus {
	background: #f3f5f7;
}

.ui-widget:hover .ui-menu-item,
.ui-widget:focus .ui-menu-item {
	border: none;
}

.ui-autocomplete-input:hover .ui-menu-item-wrapper {
	background: #f3f5f7 !important;
	border: none !important;
	color: #666 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-state-active.ui-button:hover {
	background: #f3f5f7 !important;
	border: none !important;
	color: #666 !important;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: 0px !important;
}

.fa-quote-left {
	color: #ff0000;
}

.partner-block h6 {
	font-size: 29px;
	text-align: center;
	color: #000;
	font-family: gipson;
	font-weight: 400;
	margin-bottom: 30px;
}

.partner-block h6 span {
	color: #ff0000;
}

.left-choose-icon {
	width: 25%;
	float: left;
	margin: 0 0 0 0px;
	border-radius: 100%;
	background: #24AEB1;
	padding: 15px;
	transition: all 0.5s ease-in-out;
}

.left-choose-icon img {
	width: 100%;
}

.right-choose {
	width: 70%;
	float: right;
	margin: 10px 0 0 0px;
}

.right-choose p.chooseHeading {
	font-size: 18px;
	color: #000;
	font-weight: 600;
}

.right-choose p {
	font-size: 15px;
	color: #666;
}

.choose-item {
	width: 100%;
	float: left;
	margin: 10px 0 25px 0px;
}

.choose-item:hover .left-choose-icon {
	background: #ff0000;
}

.choose-item:hover .left-choose-icon {
	transform: rotateY(360deg);
	transition: all 0.5s ease-in-out;
}

.breaecram {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 20px 0;
}

.product-block {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.product-left-img {
	width: 100%;
	border: 1px solid #e0e0e0;
	padding: 5px;
}

.product-left-img img {
	width: 100%;
}

.product-button {
	width: 100%;
	float: left;
	margin: 10px 0 0 0px;
}

.btn-how-order {
	width: 48%;
	float: left;
	margin: 0 0 0 0px;
	padding: 15px 0;
	font-size: 15px;
	text-align: center;
	background: #ff0000;
	color: #fff;
	border: 1px solid #ff0000;
	border-radius: 2px;
	font-weight: 600;
	text-transform: uppercase;
}

.btn-how-order:hover {
	background: #fff;
	color: #ff0000;
}

.btn-ask {
	width: 48%;
	float: right;
	margin: 0 0 0 0px;
	padding: 15px 0;
	font-size: 15px;
	text-align: center;
	color: #fff;
	background: #24AEB1;
	border-radius: 2px;
	font-weight: 600;
	text-transform: uppercase;
}

.btn-ask:hover {
	background: #fff;
	color: #24AEB1;
	border: 1px solid #24AEB1;
}

.product-right-detail {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 10px 0 0 20px;
}

.product-right-detail h1 {
	font-size: 23px;
	font-weight: bold;
	color: #000;
	margin-bottom: 5px;
}

.product-right-detail h5 {
	font-size: 18px;
	font-weight: 600;
	color: #333;
}

.product-right-detail ul {
	margin: 20px 0;
}

.product-right-detail ul li {
	line-height: 47px;
	font-size: 16px;
	color: #333;
}

.product-description {
	width: 100%;
	float: left;
	margin: 20px 0 0 0px;
	border-top: 1px solid #e0e0e0;
	padding: 0px;
	background: #fff;
}

.description-menu {
	width: 100%;
	float: left;
	margin: 0 0 20px 0px;
}

.description-menu ul {
	list-style-type: none;
	margin: 0 0 0 0px;
}

.description-menu ul li {
	float: left;
	margin: 0 0 0 0px;
	float: left;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	font-size: 15px;
	font-weight: 600;
	color: #000;
	padding: 5px 15px;
	position: relative;
}

.description-menu ul li.active {
	color: #fff;
	background: #24AEB1;
}

.description-menu ul li.active:after {
	width: 100%;
	transition: width 0.3s ease 0s;
}

.description-menu ul li::after {
	background: #24AEB1;
	content: "";
	display: block;
	height: 2px;
	margin-top: 0px;
	padding-top: 0;
	transition: width 0.3s ease 0s;
	width: 0;
	position: relative;
	bottom: 0px;
}

.description-menu ul li::after {
	background: #24AEB1;
	content: "";
	display: block;
	height: 2px;
	margin: 0 auto;
	transition: width 0.3s ease 0s;
	width: 0;
	position: relative;
}

.decription-block-product {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 8px 20px;
}

.description-item {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.description-item h2 {
	font-size: 24px;
	color: #000;
}

.description-item h3 {
	font-size: 22px;
	color: #000;
	font-family: 'gipson';
}

.description-item p {
	font-weight: 400;
	font-size: 16px;
	color: #333;
	line-height: 27px;
}

.sticky {
	position: sticky;
	position: -webkit-sticky;
	top: 100px;
	z-index: 9;
}

.left-detail-product {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.sticky .product-button {
	margin-top: 0px;
}

.description-item ul {
	list-style-type: disc;
	padding-left: 10px;
	margin-bottom:15px;
}

.description-item ul li {
	font-weight: 400;
	font-size: 15px;
	color: #333;
	line-height: 30px;
	position: relative;
}

.related-products {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 40px 0;
}

.related-products .relatedProHeading {
	font-size: 25px;
	color: #000;
	font-family: gipson;
	font-weight: 400;
	margin-bottom: 15px;
}

.relatedProHeading span {
	color: #ff0000;
}

.social-icons {
	position: fixed;
	top: 50%;
	right: 0px;
	transform: translate(0, -50%);
	z-index: 9;
}

.social-icons ul {
	list-style-type: none;
	margin: 0 0 0 0px;
}

.social-icons ul li {
	margin: 0 0 0 0px;
	position: relative;
	transform: translateX(66%);
	transition: all 0.5s ease-in-out;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.social-icons ul li:hover {
	transform: translateX(0);
	transition: all 0.5s ease-in-out;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.social-icons ul li a {
	color: #fff;
	display: block;
	padding: 10px 13px;
	font-size: 14px;
	font-weight: 600;
}

.social-icons ul li:hover a {
	text-decoration: none;
}

.social-icons ul li a i {
	font-size: 22px;
	padding-right: 10px;
	vertical-align: middle;
}

.social-icons ul li.whatsapp {
	background: #29AD00;
}

.social-icons ul li.viber {
	background: #785098;
}

.social-icons ul li.wechat {
	background: #2CBB00;
}

.wrapper-action {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	background: url(../images/wrapper-whats.gif) no-repeat;
	background-size: cover;
	padding: 30px 0 1px 0;
}

.left-wrapper {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 10px;
}

.left-wrapper p.needText {
	font-weight: 600;
	color: #fff;
	font-size: 24px;
}

.left-wrapper p.actionText {
	font-weight: 600;
	color: #fff;
	font-size: 24px;
}

.whatapp-num {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 0px 0px 0px 0;
}

.whatapp-num p.whatsNumber,
.whatapp-num p.viberNumber {
	color: #fff;
	font-weight: 700;
	font-size: 22px;
}

.whatapp-num p.whatsNumber img,
.whatapp-num p.viberNumber img {
	margin-right: 10px;
}

.disclaimer-block {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 10px 0px;
	background: #fff;
}

.disclaimer-item {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	background: #f1f1f1;
	padding: 15px;
}

.disclaimer-item h5 {
	font-size: 20px;
	font-family: gipson;
	color: #000;
}

.disclaimer-item h5 span {
	color: #ff0000;
}

.disclaimer-item p {
	color: #333;
	font-size: 16px;
	line-height: 25px;
	font-weight: 600;
}

.product-modal-price {
	width: 100%;
	padding: 20px;
}

.product-modal-price img {
	width: 100%;
}

.bg-color {
	background: #fff;
}

.step-guid-modal {
	width: 100%;
	float: left;
	margin: 10px 0 0 0px;
	padding: 10px 0;
}

.step-guid-modal h3 {
	font-size: 18px;
	margin: 0 0 0 0px;
	color: #000;
	font-weight: 600;
	margin-bottom: 10px;
}

.step-guid-modal ul {
	margin: 0px;
	padding: 0px;
}

.step-guid-modal ul li {
	font-size: 14px;
	color: #000;
	font-weight: 600;
	line-height: 27px;
}

.ask-price-right {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	background: #fff;
	height: 100%;
	padding: 5px 30px;
}

.form-ask-item {
	width: 100%;
	float: left;
	margin: 0px 0 0 0px;
}

.ask-form-item {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.ask-form-item input {
	width: 100%;
	height: 50px;
	padding: 10px 15px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	transition: all 0.2s ease-in-out;
	font-size: 14px;
}

.ask-form-item input:focus {
	border-color: #999;
	box-shadow: 2px 2px 2px 2px #eee;
	transition: all 0.2s ease-in-out;
}

.formlabel {
	font-weight: 600;
	color: #666;
	font-size: 13px !important;
	padding-top: 12px;
}

.btn-continue {
	background: #24AEB1;
	letter-spacing: 0.4px;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	padding: 12px 40px;
	border-radius: 3px;
	border: none;
	font-size: 14px;
	margin: 20px 0 0 0px;
}

.ask-form-item textarea {
	width: 100%;
	height: 240px;
	padding: 10px 15px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	transition: all 0.2s ease-in-out;
	font-size: 14px;
}

.ask-form-item textarea:focus {
	border-color: #999;
	box-shadow: 2px 2px 2px 2px #eee;
	transition: all 0.2s ease-in-out;
}

.modal-title span {
	color: #ff0000;
}

.right-main-menu-scroll {
	width: 100%;
	float: left;
	margin: 15px 0 0 0px;
	text-align: right;
	display: none;
}

.fixed-search .right-main-menu-scroll {
	display: block;
}

.fixed-search #scroll-contact {
	display: none;
}

#scroll-contact {
	display: block;
}

.right-main-menu-scroll ul {
	list-style-type: none;
	margin: 0 0 0 0px;
	display: inline-block;
}

.right-main-menu-scroll ul li {
	float: left;
	margin: 0 0 0 0px;
	position: relative;
}

.right-main-menu-scroll ul li ul {
	position: absolute;
	top: 90px;
	left: 0px;
	width: 250px;
	background: #fff;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.30);
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.30);
	z-index: 1;
	-moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s ease-in-out;
}

.right-main-menu-scroll ul li:hover ul {
	visibility: visible;
	top: 50px;
	transition: all 0.2s ease-in-out;
	opacity: 1;
}

.right-main-menu-scroll ul li ul li {
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	display: block;
	width: 100%;
	position: relative;
}

.right-main-menu-scroll ul li ul li:hover:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: #24aeb1;
	width: 3px;
	height: 100%;
}

.right-main-menu-scroll ul li ul li a {
	padding: 10px 15px;
	color: #000;
	display: block;
	font-size: 14px;
	text-align: left;
}

.right-main-menu-scroll ul li ul li:hover a {
	background: #f1f1f1;
	color: #24aeb1;
}

.right-main-menu-scroll ul li a {
	display: block;
	padding: 15px 20px;
	color: #000;
	font-size: 15px;
	font-weight: 600;
}

.right-main-menu-scroll ul li i {
	padding: 0px 0 0 2px;
	vertical-align: middle;
}

.right-main-menu-scroll ul li:hover a {
	text-decoration: none;
}

#feedback {
	display: none;
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.about-do-pro-feed {
	width: 100%;
	float: left;
	margin: 0px 0 0 0px;
	padding: 25px 10px 20px 10px;
	border-bottom: 1px solid #e0e0e0;
}

.about-do-pro-feed:last-child {
	border-bottom: none;
}

.user-feed {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	text-align: center;
}

.username {
	text-align: center;
	border-radius: 100%;
	color: #fff;
	padding: 7px 19px;
	font-size: 20px;
	width: 50px;
	height: 50px;
	display: inline-block;
}

.s {
	background: #92000A;
}

.r {
	background: #DA2C43;
}

.a {
	background: #8D4E85;
}

.m {
	background: #008000;
	padding: 13px 17px;
}

.v {
	background-color: #1C39BB;
}

.n {
	background: #004040;
}

.k {
	background: #664228;
}

.j {
	background: #F70F69;
}

.b {
	background: #92000A;
}

.c {
	background: #DA2C43;
}

.d {
	background: #8D4E85;
}

.e {
	background: #008000;
	padding: 13px 17px;
}

.f {
	background-color: #1C39BB;
}

.g {
	background: #004040;
}

.h {
	background: #664228;
}

.i {
	background: #F70F69;
}

.font-style {
	font-size: 15px !important;
	color: #333;
	margin-top: 60px;
}

.font-style i {
	color: #18880d;
}

.feedback-content {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.feedback-content h4 {
	font-size: 15px;
	margin: 0px;
}

.feedback-content i {
	color: #177B4D;
}

.feedback-content p.feedStar {
	font-size: 15px;
	margin: 0px;
}

.feedback-content p {
	font-size: 13px;
	margin: 10px 0 0 0px;
}

.select-icon {
	position: absolute;
	top: -13px;
	right: 0px;
	display: none;
}

.review-block {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 0 0 0 10px;
}

.review-block h4 {
	font-size: 15px;
}

.review-block p.reviewHeadings {
	font-size: 15px;
	color: #333;
}

.review-block p {
	font-size: 13px;
	margin-bottom: 0px;
	color: #666;
}

.review-block span {
	float: left;
	font-size: 18px;
	margin-right: 5px;
	cursor: pointer;
}

.review-block span:hover:nth-child(1) {
	color: #FAC22F;
}

.more-reviews {
	color: #ff0000;
	font-size: 13px;
	cursor: pointer;
	float: right;
	margin: 10px 0 0 0;
	text-transform: uppercase;
}

.more-reviews:hover {
	text-decoration: underline;
}

.review-container {
	width: 500px;
	margin: 0 auto;
}

.review-form {
	width: 100%;
	float: left;
	margin: 10px 0 0 0px;
}

.form-item {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.form-item label {
	font-size: 13px;
}

.btn-post {
	background: #ff0000;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 12px;
	border-radius: 20px;
	padding: 7px 17px;
}

.search-header {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.search-header h2 {
	font-size: 25px;
	margin: 0 0 0 0px;
	position: relative;
	color: #ff0000;
}

.search-header h2 select {
	cursor: pointer;
	float: right;
	border: 1px solid #999;
	font-family: 'Muli', sans-serif;
	padding: 8px 34px 8px 10px;
	font-size: 14px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.search-header h2 select option {
	color: #666;
}

.product-search-result {
	width: 100%;
	float: left;
	margin: 20px 0 0 0px;
}

.product-search {
	width: 100%;
	float: left;
	margin: 0 0 20px 0px;
	background: #fff;
	border: 1px solid #e0e0e0;
	padding: 5px;
	transition: all 0.2s ease-in-out;
}

.product-search:hover {
	box-shadow: rgb(217, 218, 219) 0px 0px 12px 0px;
	transition: all 0.2s ease-in-out;
}

.search-product-img {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.search-product-img img {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.product-search-title {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 10px;
	text-align: center;
}

.product-search-title h2,
p.productTitle {
	font-size: 20px !important;
	font-weight: 600 !important;
	color: #111 !important;
	font-family: 'Muli', sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.read-search-btn {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	text-align: center;
	padding-bottom: 20px;
}

.read-search-btn a {
	background: #24AEB1;
	color: #fff;
	padding: 11px 20px;
	border-radius: 2px;
	font-size: 11px;
	text-transform: uppercase;
}

.read-search-btn:hover a {
	text-decoration: none;
}

.load-more {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	text-align: center;
}

.btn-load {
	background: #ff0000;
	color: #fff;
	padding: 8px 20px;
	border-radius: 2px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
}

.product-search-right {
	width: 100%;
	float: left;
	margin: 0 0 20px 0px;
	background: #fbfbfb;
}

.search-right-header {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.search-right-header h4,
p.enquiryForm {
	font-size: 17px;
	text-transform: uppercase;
	color: #000;
	padding: 10px;
	margin: 0 0 0 0px;
	border-bottom: 1px solid #e0e0e0;
}

.quick-contact {
	width: 100%;
	float: left;
	margin: 10px 0px;
}

.quick-contact ul {
	list-style-type: none;
	margin: 0 0 0 0px;
}

.quick-contact ul li {
	padding: 8px 15px;
	color: #333;
	font-size: 18px;
	font-weight: 600;
	border-bottom: 1px dotted #e0e0e0;
}

.quick-contact ul li i {
	padding-right: 10px;
}

.right-message {
	width: 100%;
	float: left;
	margin: 10px 0 0 0px;
	padding: 0 10px;
}

.right-message .ask-form-item input {
	height: 45px;
}

.right-message .ask-form-item textarea {
	height: 180px;
}

.right-message .btn-continue {
	margin: 15px 0 15px 0;
	padding: 8px 20px;
	background: #ff0000;
}

.category-main-block {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.category-item-block {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.category-item-block h2,
.category-item-block h1 {
	font-size: 25px;
	color: #333;
}

.category-item-block h4 {
	font-size: 22px;
	color: #000;
}

.category-item-block p {
	font-size: 16px;
	color: #333;
	line-height: 27px;
}

.category-item-block img {
	width: 100%;
	margin: 0 auto 20px;
	display: block;
}

.category-item-block2 {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.category-item-block2 h2,
.category-item-block2 h1 {
	font-size: 25px;
	color: #333;
	font-family: 'gipson';
}

.category-item-block2 h4 {
	font-size: 22px;
	color: #000;
}

.category-item-block2 p {
	font-size: 16px;
	color: #333;
	line-height: 27px;
}

.category-item-block2 img {
	width: 100%;
	margin: 0 0 20px 0px;
	display: block;
}

.order-img {
	width: 100%;
	float: left;
	margin: 10px 0px;
	text-align: center;
}

.order-img img {
	width: 60%;
}

.category-item-block ul {
	padding-left: 20px;
	margin-bottom: 20px;
}

.category-item-block ul li {
	line-height: 27px;
	color: #333;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	padding-bottom: 5px;
}

.category-item-block ul li:after {
	width: 10px;
	height: 10px;
	content: '\f101';
	position: absolute;
	top: 0px;
	left: -25px;
	font-family: "Font Awesome 5 Free";
}

.contact-block {
	width: 100%;
	float: left;
	margin: 20px 0 0 0px;
}

.user-block-form {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	background: #fff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.contact-body {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 20px;
}

.contact-body h3 {
	font-size: 20px;
	margin: 0 0 5px 0px;
}

.contact-body p {
	font-size: 13px;
	margin-bottom: 20px;
}

.contact-header {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 20px;
}

.contact-header h4 {
	font-size: 20px;
}

.contact-body-right {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 0 20px;
}

.contact-body-right ul {
	list-style: none;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

.contact-body-right ul li {
	width: 100%;
	float: left;
}

.contact-body-right ul li i {
	float: left;
	margin: 5px 10px 0 0;
	color: #ff0000;
	width: 5%;
	font-size: 19px;
}

.contact-body-right ul li p {
	font-size: 14px;
	color: #333;
	float: right;
	width: auto;
	width: 90%;
	margin-top: 2px;
	font-weight: 600;
}

.socail-media-block {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	text-align: center;
	padding: 25px 0px 41px 0;
}

.socail-media-block ul {
	list-style-type: none;
	margin: 0 0 0 0px;
	padding: 0px;
	display: inline-block;
}

.socail-media-block ul li {
	float: left;
	margin: 0 30px 0 0px;
	transition: all 0.5s;
	position: relative;
	transform: rotate(45deg);
	width: 45px;
	height: 45px;
	background: #fff;
	border: 1px solid #e0e0e0;
	text-align: center;
	line-height: 45px;
}

.socail-media-block ul li:hover {
	box-shadow: 8px 10px 10px 3px #ccc;
	transition: all 0.5s;
}

.socail-media-block ul li i {
	transform: rotate(-45deg);
	font-size: 20px;
}

.socail-media-block ul li a {
	text-align: center;
	display: block;
}

.socail-media-block ul li a .fa-facebook-f {
	color: #4064AD;
}

.socail-media-block ul li a .fa-twitter {
	color: #1C9BE7;
}

.socail-media-block ul li a .fa-youtube {
	color: #F60002;
}

.socail-media-block ul li a .fa-pinterest-p {
	color: #C52126;
}

.socail-media-block ul li:after {
	width: 4px;
	height: 46px;
	background: #e5e5e5;
	content: "";
	position: absolute;
	left: 43px;
	top: -1px;
}

.socail-media-block ul li:before {
	width: 4px;
	height: 47px;
	transform: rotate(-90deg);
	background: #e5e5e5;
	content: "";
	position: absolute;
	left: 21px;
	top: 21px;
}

.testimonial-block {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	background: #fff;
	padding: 40px 0;
}

.testimonial-header {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.testimonial-header h2 {
	font-size: 35px;
	margin: 0 0 20px 0px;
	color: #333;
	font-family: gipson;
}

.testimonial-page-item {
	width: 100%;
	float: left;
	margin: 20px 0 0 0px;
	background: #D3EEEF;
	border: none;
	padding: 40px;
	border-radius: 10px;
	-webkit-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 3px 30px 0 rgba(0, 0, 0, .1);
}

.testimonial-page-item h4,
.testimonial-page-item h5 {
	font-size: 18px;
	font-weight: 600;
}

.testimonial-page-item p {
	font-size: 15px;
	font-weight: 600;
	color: #333;
	line-height: 27px;
}

.testimonial-img {
	width: 100%;
	float: left;
	margin: 20px 0 0 0px;
}

.testimonial-img img {
	float: left;
	margin: 0 0 0 0px;
}

.right-testimonial-name {
	float: left;
	margin: 0 0 0 20px;
}

.right-testimonial-name h4 {
	font-size: 20px;
	color: #333;
	margin: 5px 0 0 0px;
	font-weight: 600;
}

.right-testimonial-name h5 {
	margin-top: 10px;
	font-size: 12px;
	color: #333;
	font-weight: 600;
}

.right-testimonial-name img {
	vertical-align: middle;
	padding-right: 5px;
}

.right-testimonial-name p {
	color: #FEDF09;
	font-size: 13px;
}

.repeat-item {
	width: 100%;
	float: left;
	margin: 0 0 20px 0px;
}

.blog-block {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 40px;
	background: #fff;
}

.left-blog {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.left-blog img {
	width: 100%;
	padding-right: 15px;
}

.right-blog {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding-right: 35px;
}

.right-blog h2,
.right-blog h2 a {
	font-size: 25px;
	color: #333;
	font-family: gipson;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 40px;
}

.right-blog h2:hover a {
	text-decoration: none;
}

.right-blog p {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
}

.right-blog p strong {
	color: #ff0000;
}

.right-blog .redmroe {
	text-transform: uppercase;
	font-family: gipson;
	color: #222;
	font-size: 17px;
	position: relative;
	letter-spacing: 1px;
}

.right-blog .redmroe:hover {
	text-decoration: none;
	color: #000;
}

.right-blog .redmroe:hover:after {
	background: #000;
}

.right-blog .redmroe:after {
	content: '';
	position: absolute;
	bottom: -10px;
	background: #ff0000;
	width: 100%;
	height: 3px;
	z-index: 1;
	left: 0px;
}

.blog-item {
	width: 100%;
	float: left;
	margin: 0 0 40px 0px;
	padding-bottom: 40px;
	border-bottom: 1px solid #e0e0e0;
}

.buy-medicine {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 20px 0;
}

.item-buy {
	width: 100%;
	float: left;
	margin: 0 0 20px 0px;
	background: #fff;
	padding: 20px;
}

.left-step {
	width: 60px;
	text-align: center;
	float: left;
	margin: 0 40px 0 0px;
	padding: 5px 0;
	background: #24AEB1;
	box-shadow: 0 3px 5px 0 rgba(40, 44, 63, .4);
}

.left-step h4 {
	font-size: 22px;
	color: #fff;
	margin: 0 0 3px 0px;
	font-weight: 600;
}

.left-step p {
	font-size: 15px;
	color: #fff;
	font-weight: 600;
	margin: 0px;
}

.right-step-content {
	width: 86%;
	float: left;
	margin: 0 0px 0 0px;
	padding-top: 5px;
}

.right-step-content p {
	font-size: 16px;
	word-spacing: 1px;
	letter-spacing: .5px;
	font-weight: 600;
	color: #333;
	margin: 0px;
}

.medicine-buy {
	width: 100%;
	float: left;
	margin: 0 0 20px 0px;
}

.medicine-buy img {
	width: 100%;
}

.medicine-track {
	width: 100%;
	float: left;
	margin: 20px 0 0px 0px;
	text-align: center;
}

.medicine-track img {
	width: 60%;
}

.right-step-content ul {
	list-style-type: disc;
	margin: 10px 0 0 0px;
	padding: 0px;
	padding-left: 20px;
}

.right-step-content ul li {
	font-size: 16px;
	word-spacing: 1px;
	letter-spacing: .5px;
	line-height: 30px;
	font-weight: 600;
	color: #000;
	margin: 0px;
}

.track-link {
	width: 100%;
	float: left;
	margin: 0 0 40px 0px;
}

.track-link h2 {
	font-size: 25px;
	font-weight: 500;
	font-family: 'Roboto Slab', sans-serif;
	margin-bottom: 40px;
}

.track-link p {
	font-weight: 600;
}

.track-link a {
	color: #ff0000;
}

.generic-block {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.col-md-4 {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.generic-item {
	width: 100%;
	float: left;
	margin: 0 0 25px 0px;
	border: 1px solid #e0e0e0;
	padding: 5px;
}

.img-generic {
	width: 100%;
	float: left;
	margin: 0 0 10px 0px;
	position: relative;
}

.img-generic img {
	width: 100%;
}

.generic-item h2 {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	color: #fff;
	font-size: 22px;
	padding: 10px 20px;
	margin: 0px;
	width: 100%;
	position: absolute;
	bottom: 0px;
}

.generic-item p {
	font-size: 16px;
	color: #333;
	margin: 0px 0 5px 0px;
	font-weight: 600;
	clear: both;
	padding: 0 10px;
}

.generic-item a {
	color: #ff0000;
	margin-top: 10px;
	font-size: 13px;
	font-weight: 600;
	padding: 0 10px 10px 10px;
}

.generic-item a i {
	font-size: 12px;
	vertical-align: middle;
	margin-bottom: 10px;
}

.testi-brade {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 480px 0 0 0;
	position: relative;
	background: url(../images/testi.jpg) no-repeat;
	background-size: cover;
}

.blog-brade {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 480px 0 0 0;
	position: relative;
	background: url(../images/blog-br.jpg) no-repeat;
	background-size: cover;
}

.track-brade {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 480px 0 0 0;
	position: relative;
	background: url(../images/tracking.jpg) no-repeat;
	background-size: cover;
}

.contact-brade {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 480px 0 0 0;
	position: relative;
	background: url(../images/contact.jpg) no-repeat;
	background-size: cover;
}

.buymedicine-brade {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 480px 0 0 0;
	position: relative;
	background: url(../images/buymedicine.jpg) no-repeat;
	background-size: cover;
}

.about-brade {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 480px 0 0 0;
	position: relative;
	background: url(../images/aboutus.jpg) no-repeat;
	background-size: cover;
}

.verify-brade {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 480px 0 0 0;
	position: relative;
	background: url(../images/verify-company.jpg) no-repeat;
	background-size: cover;
}

.breadecram-ul {
	width: auto;
	position: absolute;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	bottom: 0px;
	left: 50%;
	text-align: center;
	background: #fff;
	padding: 10px 20px;
	transform: translate(-50%, 0);
}

.breadecram-ul h2,
.breadecram-ul h1 {
	font-family: gipson;
	font-size: 25px;
	text-transform: uppercase;
}

.breadecram-ul ul {
	list-style-type: none;
	margin: 0 0 0 0px;
	display: inline-block;
}

.breadecram-ul ul li {
	float: left;
	margin: 0 0 0 0px;
	padding: 0px;
	text-transform: capitalize;
}

.breadecram-ul ul li a {
	padding: 0 5px;
	color: #333;
	font-size: 14px;
}

.breadecram-ul ul li i {
	vertical-align: middle;
	margin-top: 0px;
}

.breadecram-ul ul li.active {
	color: #24AEB1;
	padding-left: 5px;
}

.search-right-header h3 {
	font-family: gipson;
	font-size: 22px;
	margin-top: 10px;
	color: #333;
}

.form-label {
	font-weight: 600;
	color: #333;
	padding-top: 8px;
	font-size: 14px;
}

.rating {
	border: none;
	float: left;
}

.rating>input {
	display: none;
}

.rating>label:before {
	margin: 5px;
	font-size: 1.25em;
	font-family: FontAwesome;
	display: inline-block;
	content: "\f005";
}

.rating>label {
	color: #ddd;
	float: right;
}

.rating>input:checked~label,
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
	color: #FFD700;
}

.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
.rating>input:checked~label:hover~label {
	color: #FFED85;
}

.text-viber {
	color: #785098 !important;
}

.breaecrames {
	width: 100%;
	float: left;
	margin: 2px 0 0 0px;
}

.breadecram-list {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.breadecram-list ul {
	margin: 0 0 0 0px;
}

.breadecram-list ul li {
	float: left;
	padding: 2px 2px;
	font-size: 14px;
}

.breadecram-list ul li a {
	display: block;
	vertical-align: middle;
	font-size: 12px;
	color: #666;
}

.breadecram-list ul li:hover a {
	text-decoration: none;
}

.breadecram-list ul li.active {
	color: #333;
	font-size: 12px;
}

.breadecram-list ul li i {
	vertical-align: middle;
	padding-top: 2px;
	display: block;
	float: left;
}

.list-detail {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.list-detail .left-choose-icon {
	width: 20%;
	padding: 0px 0px;
	background: none;
}

.list-detail .choose-item:hover .left-choose-icon {
	background: none;
	transform: rotate(0deg);
}

.list-detail .right-choose h5 {
	font-size: 14px;
	color: #333;
	padding-top: 3px;
}

.list-detail .choose-item {
	margin-bottom: 15px;
}

.divider {
	position: relative;
}

.divider:after {
	content: '';
	background: #ff0000;
	height: 4px;
	left: 0px;
	bottom: -20px;
	position: absolute;
	width: 100%;
}

.track-link img {
	padding: 10px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.img-generic {
	width: 100%;
	float: left;
	margin: 0 0 20px 0px;
}

.img-generic img {
	width: 100%;
}

.blog-detail-left {
	width: 100%;
	margin: 0 0 0 0px;
	float: left;
}

.left-detail-img {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.left-detail-img img {
	width: 100%;
}

.blog-content-left {
	width: 100%;
	float: left;
	margin: 20px 0 0 0px;
}

.blog-content-left h1 {
	font-size: 25px;
	color: #333;
	font-family: gipson;
	letter-spacing: 1px;
	line-height: 40px;
}

.blog-content-left p {
	font-size: 16px;
	color: #000;
	font-weight: 600;
	margin-bottom: 8px;
	line-height: 27px;
}

.recent-post {
	width: 100%;
	float: left;
	margin: 25px 0 20px 0px;
}

.recent-post h3 {
	font-size: 23px;
	font-family: 'gipson';
	color: #333;
}

.recent-post ul {
	list-style-type: none;
	margin: 20px 0 0 0px;
}

.recent-post ul li {
	margin: 0px 0 0 0px;
	padding: 5px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.recent-post ul li a {
	font-size: 14px;
	color: #000;
}

.recent-post ul li:hover a {
	color: #ff0000;
	text-decoration: none;
}

.bg-grey-pr {
	background: #f1f1f1;
}

.bg-grey-pr h2 {
	font-family: 'gipson';
	color: #000;
}

.bg-grey-pr h2 span {
	color: #ff0000;
}

.recent-post img {
	width: 80px;
	border-radius: 100%;
}

.recent-post p.rightWriter {
	font-size: 20px;
	font-family: 'gipson';
	margin-top: 20px;
	color: #333;
}

.recent-post p {
	font-size: 16px;
	color: #000;
	font-weight: 600;
}

.google-re {
	width: 100%;
	float: left;
	margin: 10px 0 0 0px;
	text-align: center;
	background: #f1f1f1;
	padding: 20px 0;
}

.font-ver {
	font-size: 1.5rem;
	font-weight: 600;
	color: #2E72F1;
	padding-top: 12px;
}

.google-re:hover a {
	text-decoration: none;
}

.mobile-co {
	width: 76% !important;
	float: right;
}

.country-code {
	width: 21% !important;
	float: left;
	height: 45px !important;
	margin: 3px 0 0 0px !important;
	border-color: #999 !important;
	background: #f7f7f7 !important;
	padding: 10px 5px !important
}

.ui-autocomplete {
	z-index: 9999 !important
}

.headerMobileTop {
	display: none;
}

.headerMobileTop {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	padding: 0 15px;
}

.menuBtn {
	background: none;
	border: none;
	color: #444;
	padding: 18px 20px;
	cursor: pointer;
}

.menuBtn:focus,
.searchBtnMobile:focus,
.search-medicine button:focus,
.mobileNavToggle:focus,
.subMenu:focus,
.mobileSearch button:focus {
	outline: none;
}

.mobileLogo {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	text-align: center;
}

.mobileLogo img {
	width: 40%;
}

.searchBtnMobile {
	float: right;
	border: none;
	background: none;
	color: #444;
	font-size: 20px;
	padding: 16px 20px;
	cursor: pointer;
}

.mainMobileNav {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: rgba(0, 0, 0, 0.2);
	display: none;
	z-index: 999;
}

.mobileNavigation {
	width: 60%;
	position: fixed;
	height: 100%;
	background: #fff;
	top: 0px;
	left: -100%;
}

.mobileNavToggle {
	float: right;
	margin: 0 0 0 0px;
	background: none;
	border: none;
	color: #444;
	padding: 5px 8px;
	font-size: 20px;
	cursor: pointer;
}

.mobileNavigation ul {
	list-style-type: none;
	margin: 0 0 0 0px;
	padding: 0px;
}

.mobileNavigation ul li {
	width: 100%;
	margin: 0 0 0 0px;
}

.mobileNavigation ul li a {
	font-size: 14px;
	color: #333;
	padding: 8px 15px;
	display: block;
	text-decoration: none;
	font-weight: 600;
}

.mobileNavigation ul li:hover a {
	text-decoration: none;
}

.subMenu {
	float: right;
	background: none;
	border: none;
	cursor: pointer;
}

.mobileNavigation ul li ul {
	display: none;
}

.mobileNavigation ul li ul li a {
	font-size: 13px;
	padding-left: 18px;
}

.mobileNavigation ul li.active ul {
	display: block;
}

.mobileNavigation ul li a .fe-minus {
	display: none;
}

.mobileNavigation ul li.active a .fe-minus {
	display: block !important;
}

.mobileNavigation ul li.active a .fe-plus {
	display: none !important;
}

.mobileSearch {
	display: none;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	background: rgba(255, 255, 255, 0.89);
	z-index: 999;
}

.mainSearchHeader {
	background: #fff;
	padding: 12px 20px;
}

.mobileSearch span {
	color: #444;
	font-size: 18px;
}

.mobileSearch button {
	float: right;
	background: none;
	border: none;
	color: #444;
	font-size: 18px;
	cursor: pointer;
	margin-top: 7px;
}

.mobileSearch input {
	padding: 10px;
	color: #444;
	width: 80%;
	border: none;
}

.search-medicine .ui-autocomplete {
	top: 69px;
	left: 15px;
}

.mobileResult {
	width: 100%;
	float: left;
	position: absolute;
}

.mobileResult .ui-autocomplete {
	width: 90%;
}

.bootstrap-select>.dropdown-toggle {
	background: #fff !important;
	border-color: #e0e0e0 !important;
	padding: 10px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100% !important;
}

.whatapp-num h2 {
	margin-bottom: 0px;
}

.desktopCate {
	display: block;
}

.mobileCate {
	display: none;
}

.mobileMenuFixed {
	position: fixed;
	top: 0px;
	z-index: 999;
	background: #fff;
}

.tabsHeader {
	display: none;
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.logoTabs {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.logoTabs img {
	width: 85%;
	text-align: center;
}

.tabSearch {
	display: none;
}

p.productIcons {
	font-size: 13px;
	color: #333;
	padding-top: 3px;
	margin: 0px;
	font-weight: 600;
}

.instructionLeft {
	width: 50px;
	float: left;
	margin: 0 0 0 0px;
}

.instructionLeft img {
	width: 90%;
}

.instructionRight {
	width: auto;
	float: left;
	margin: 12px 0 0 12px;
}

.textIns {
	font-size: 15px;
	margin: 0 0 0 0px;
	font-family: gipson;
	color: #333;
}

.badgeText {
	padding: 5px 20px;
	border-radius: 40px;
	font-size: 11px;
	margin-left: 10px;
	color: #000;
}

.itemInstructions {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
}

.itemInstructions p {
	font-size: 14px;
	color: #333;
	margin: 5px 0 0 0px;
	line-height: 20px;
}

.repeatItem {
	width: 100%;
	float: left;
	margin: 10px 0 15px 0px;
}

.proTabs {
	width: 100%;
	float: left;
	margin: 20px 0 0 0px;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 2px;
}

.decription-block-product div.active .tabContents {
	display: block !important;
}

.decription-block-product div.active span {
	transform: rotate(180deg);
}

.tabHeading {
	font-size: 20px;
	color: #333;
	font-family: 'gipson';
	font-weight: 700;
	letter-spacing: 1px;
	cursor: pointer;
}

.tabHeading span {
	float: right;
	color: #666;
	font-size: 16px;
	padding-top: 8px;
	transition: all 0.2s ease-in-out;
}

.tabContents {
	width: 100%;
	float: left;
	margin: 0 0 0 0px;
	word-break: break-all;
}

.tabContentHeading {
	font-size: 16px;
	color: #222;
	margin: 0 0 0 0px;
	letter-spacing: 1px;
	font-family: 'gipson';
}

.subContentHeading {
	font-size: 14px;
	color: #333;
	margin: 10px 0 0 0px;
	letter-spacing: 1px;
	font-family: 'gipson';
	position: relative;
	padding-left: 20px;
}

.subContentHeading:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0px;
	width: 5px;
	height: 5px;
	background: #333;
	border-radius: 100%;
}

.tabText {
	font-size: 14px;
	color: #444;
	margin: 10px 0 10px 0px;
	line-height: 20px;
	padding-left: 20px;
}

.textLink {
	font-size: 12px;
	padding-left: 20px;
}

.mobileReviews,
.tabletsShow {
	display: none;
}

#google_translate_element {
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 999;
}

.autocompleteBlock {
	width: 100%;
	position: absolute;
	top: 50px;
	z-index: 999;
	background: #fff;
	max-height: 250px;
	overflow-y: scroll;
}

.autocompleteBlock ul {
	list-style-type: none;
	margin: 0px;
	width: 100%;
}

.autocompleteBlock ul li {
	font-size: 13px;
	color: #333;
	padding: 13px 10px 13px 45px !important;
	position: relative;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	width: 100%;
	text-align: left;
	position: relative;
	z-index: 1;
}

.autocompleteBlock ul li:after {
	z-index: -1;
	border-radius: 0px;
	transition: all 0.2s ease-in-out;
	width: 0%;
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
}

.autocompleteBlock ul li:hover a {
	color: #000 !important;
}

.autocompleteBlock ul li:after {
	content: '';
	width: 30px;
	height: 21px;
	position: absolute;
	left: 10px;
	z-index: 9;
	background: url(../images/map-marker.png);
	background-size: auto;
	background-size: cover;
	top: 14px;
}

.autocompleteBlock ul li a {
	font-size: 14px;
	color: #666;
	padding: 10px !important;
}

.autocompleteBlock ul li:hover a {
	text-decoration: none;
}