/*
  Theme Name: Supmax - Health Supplement Landing Page HTML5 Template
  Support: admin@gmail.com
  Description: Health Supplement Landing Page HTML5 Template
  Version: 1.0
*/

/* CSS Index
-----------------------------------
1. Theme default css
2. Header
3. Slider
4. Features
5. Services
6. Video
7. Gallery
8. Fact
9. Faq
10. Pricing
11. Doctors
12. Product
13. Blog
14. Pagination
15. Brand
16. Newsletter
17. Footer
18. Preloader

*/



/* 1. Theme default css */
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,500i,600,600i,700,800,900&display=swap');
 body {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 14px;
	color: #6b578b;
}
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.f-left {
	float: left
}
.f-right {
	float: right
}
.fix {
	overflow: hidden
}
a,
.button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:focus,
.btn:focus,
.button:focus {
	text-decoration: none;
	outline: none;
	box-shadow: none;
}
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	text-decoration: none;
}
a,
button {
	color: #1696e7;
	outline: medium none;
}
button:focus,input:focus,input:focus,textarea,textarea:focus{outline: 0}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
	color: #5613c3;
	margin-top: 0px;
	font-style: normal;
	font-weight: 700;
	text-transform: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}
h1 {
	font-size: 40px;
	font-weight: 500;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {
	font-size: 14px;
	font-weight: 500;
	line-height: 26px;
	color: #6b578b;
	margin-bottom: 15px;
}
hr {
	border-bottom: 1px solid #eceff8;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}
label {
	color: #7e7e7e;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}
*::-moz-selection {
	background: #d6b161;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #6b578b;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #6b578b;
	color: #fff;
	text-shadow: none;
}
*::-moz-placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
.theme-overlay {
	position: relative
}
.theme-overlay::before {
	background: #1696e7 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}
.separator {
	border-top: 1px solid #f2f2f2
}
#scrollUp {
	background: #ed1d24;
	height: 50px;
	width: 50px;
	right: 50px;
	bottom: 77px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 20px;
	line-height: 50px;
}

/* button style */
.btn {
	-moz-user-select: none;
	background: #ed1d24 none repeat scroll 0 0;
	border: medium none;
	border-radius: 8px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 0;
	padding: 18px 40px;
	text-align: center;
	text-transform: uppercase;
	touch-action: manipulation;
	transition: all 0.4s ease-in-out;
	vertical-align: middle;
	white-space: nowrap;
}
.btn:hover {
	box-shadow: none;
	color: #fff;
	background: #5613c3;
}
.white-btn {
	background: #fff;
	color: #57468c;
}
.white-btn:hover {
	background: #5613c3;
	color: #fff;
}
.breadcrumb > .active {
	color: #888;
}

/* 2. Header */
.header-social ul li {
	display: inline-block;
	margin-right: 3px;
}
.header-social ul li a {
	display: block;
	height: 30px;
	width: 30px;
	background: #3f089a;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
}
.header-social ul li a:hover {
	color: #da1b31;
}
.header-top-right {
	display: flex;
    margin-right:10px;
    align-items: center;
}

.header-top-right div a {
	display: block;
	color: #fff;
	font-size: 13px;
}
.header-top-right div.search-icon a {
	height: 50px;
	line-height: 50px;
	width: 60px;
	text-align: center;
	background: #470ca7;
}
.header-top-right div.shop-cart::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	height: 30px;
	width: 1px;
	background: #7246b9;
	transform: translateY(-50%);
	border-radius: 50%;
}
.header-top-right div.shop-cart a {
	height: 50px;
	line-height: 50px;
	width: 60px;
	text-align: center;
	position: relative;
}
.header-top-right div.shop-cart .cart-count {
	position: absolute;
	height: 8px;
	width: 8px;
	background: #ed1d24;
	border-radius: 50%;
	right: 20px;
	top: 14px;
	z-index: 1;
}
.header-top-right div.phone-call {
	margin-left: 16px;
}
.header-top-right div.phone-call a {
	font-weight: 600;
}
.header-top-right div.phone-call i {
	margin-right: 10px;
}
.transparent-header {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50px;
	z-index: 9;
	border-bottom: 1px solid rgba(255,255,255, .12);
	padding: 10px 0;
}
.main-menu .navbar {
	padding: 0;
}
.main-menu .navbar-nav li.nav-item {
	margin-left: 32px;
	display: block;
}
.main-menu .navbar-nav li.nav-item:first-child {
	margin-left: 0px;
}
.main-menu .navbar-nav li.nav-item a.nav-link {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	position: relative;
	padding: 31px 0;
	text-transform: uppercase;
}
.main-menu .navbar-nav li.nav-item.active a.nav-link {
	color: #FFF;
}
.header-btn {
	margin-left: 30px;
}
.header-btn a {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
}
.header-btn a.signUp {
	padding: 12px 15px;
	background: #5613c3;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}
.header-btn a.login {
	background: #fff;
	color: #cc3a13;
	padding: 12px 17px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-left: -4px;
}
.transparent-header.sticky-menu {
	left: 0;
	margin: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	background: #5613c3;
	-webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	border-radius: 0;
	padding: 0;
	border-bottom: none;
}
.sticky-menu .header-btn a.signUp {
	background: #cc3a13;
	color: #fff;
}
.sticky-menu .main-menu .navbar-nav li.nav-item.active a.nav-link {
	color: #FFF;
}
.breadcrumb-bg {
	background-image: url(../img/bg/breadcrumb_bg.jpg);
	min-height: 240px;
	position: relative;
	background-size: cover;
	background-position: center;
	z-index: 1;
    padding-top: 66px;
    max-height: 108px;
}
.breadcrumb-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #ffad17;
	background: -webkit-linear-gradient(to left, #bd4326, #ffad17);
	background: linear-gradient(to left, #bd4326, #ffad17);
	opacity: .75;
}
.breadcrumb-bg::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 105px;
	background: #bd4326;
	background: -webkit-linear-gradient(to bottom, #bd4326, transparent);
	background: linear-gradient(to bottom, #bd4326, transparent);
	opacity: .75;
}
.breadcrumb-content {
	margin-top: 75px;
}
.breadcrumb-content h2 {
	font-size: 45px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.breadcrumb-content .breadcrumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	margin-bottom: 0;
	list-style: none;
	background-color: transparent;
	border-radius: 0;
	justify-content: center;
}
.breadcrumb-content .breadcrumb li {
	display: block;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
}
.breadcrumb-content .breadcrumb li a,
.breadcrumb-content .breadcrumb li.active {
	color: #fff;
}
.breadcrumb-item + .breadcrumb-item::before {
	color: #fff;
	content: "|";
}

/* 3. Slider */
.slider-bg {
	background-image: url(../img/slider/slider_bg_new1.webp);
	min-height: 871px;
	background-position: center;
	background-size: cover;
	position: relative;
	z-index: 1;
}
.slider-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #ffad17;
	background: -webkit-linear-gradient(to left, #bd4326, #ffad17);
	background: linear-gradient(to left, #bd4326, #ffad17);
	opacity: .75;
}
.slider-bg::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 105px;
	background: #bd4326;
	background: -webkit-linear-gradient(to bottom, #bd4326, transparent);
	background: linear-gradient(to bottom, #bd4326, transparent);
	opacity: .75;
}
.slider-overflow {
	overflow: hidden;
	padding-top: 100px;
}
.slider-content h2 {
	font-size: 65px;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 15px;
}
.slider-content h2 span {
	color: #5613c3;
}
.slider-content p {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	line-height: 1.9;
	margin-bottom: 35px;
}
.slider-btn .white-btn {
	padding: 18px 35px;
	margin-left: 20px;
}
.slider-img {
	z-index: 1;
}
.slider-shape {
	position: absolute;
	right: 0;
	top: -2px;
	z-index: -1;
}
.slider-content {
	padding-top: 60px;
}


/* 4. Features */
.features-bg {
	background-image: url(../img/bg/features_bg.jpg);
	box-shadow: 0px 4px 12.09px 0.91px rgba(82, 33, 162, 0.08);
	background-position: center;
	background-size: cover;
	padding-top: 65px;
	padding-bottom: 10px;
	overflow: hidden;
	position: relative;
}
.features-icon img {
	transition: .5s linear;
	transform: rotateY(0deg);
}
.features-content h5 {
	font-size: 17px;
	color: #39255a;
	margin-bottom: 15px;
}
.features-content p {
	margin-bottom: 0;
}
.single-features:hover .features-icon img {
	transform: rotateY(360deg);
}
.offer-percentage {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -170px;
	height: 223px;
	width: 213px;
	border-radius: 50%;
	background: #f6db12;
	text-align: center;
	line-height: 380px;
	margin-bottom: 0;
	z-index: 1;
	font-size: 13px;
	color: #ffffff;
}

/* 5. Services */
.section-title h2 {
	font-size: 36px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.section-title .bar {
	height: 2px;
	width: 165px;
	background: #d4c0f4;
	margin: 20px auto 30px;
	position: relative;
	border-radius: 50%;
}
.section-title .bar::before {
	content: '';
	position: absolute;
	left: 0;
	top: -3px;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background: #ed1d24;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: MOVE-BG;
	animation-name: MOVE-BG;
}
@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(163px);
            transform: translateX(163px);
  }
}

@keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(163px);
            transform: translateX(163px);
  }
}
.section-title p {
	margin-bottom: 0;
	color: #75668f;
	line-height: 28px;
}
.single-delivery-services {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
.single-delivery-services.pr-40 .ds-icon {
	margin-left: 17px;
}
.ds-content h5 {
	font-size: 18px;
	text-transform: uppercase;
	color: #39255a;
	line-height: 1;
	margin-bottom: 10px;
}
.ds-content p {
	margin-bottom: 0;
}
.single-delivery-services.pl-40 .ds-icon {
	margin-right: 17px;
}
.d-services-img {
	text-align: center;
	position: relative;
}
.d-services-img::before {
	content: "";
	position: absolute;
	background-image: url(../img/images/ellips_shape.png);
	width: 578px;
	height: 578px;
	background-repeat: no-repeat;
	left: -90px;
	top: -15px;
	z-index: -1;
}
.d-services-img::after {
	content: "";
	position: absolute;
	background-image: url(../img/images/services_shape.png);
	width: 709px;
	height: 585px;
	background-repeat: no-repeat;
	left: -155px;
	top: -20px;
	z-index: -1;
}
.single-delivery-services:last-child {
	margin-bottom: 0;
}

/* 6. Video */
.video-bg {
	background-image: url(../img/bg/video_bg.jpg);
	overflow: hidden;
	background-position: center;
	background-size: cover;
}
.video-overlay {
	position: relative;
	z-index: 1;
}
.video-overlay::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 880px;
	background: rgb(86, 19, 195, 0.859);
	height: 100%;
	z-index: -1;
}
.video-title {
	padding: 190px 0;
	padding-left: 70px;
}
.video-title > span {
	font-size: 18px;
	font-weight: 700;
	color: #ff4612;
	padding: 11px 15px;
	background: #f9f9f9;
	line-height: 1;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 20px;
	position: relative;
	font-style: italic;
}
.video-title > span::before {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 40px 10px;
	border-color: transparent transparent #fff transparent;
}
.video-title > span::after {
	content: "";
	position: absolute;
	right: -10px;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 10px 0 0;
	border-color: #fff transparent transparent transparent;
}
.video-title h2 {
	font-size: 70px;
	text-transform: uppercase;
	color: #fff;
	line-height: 1;
	margin-bottom: 35px;
}
.video-title h2 span {
	font-weight: 900;
	display: block;
}
.video-title a {
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	display: inline-block;
	position: relative;
}
.video-title a > span {
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 4px;
	border-color: transparent transparent transparent #fff;
	margin-left: 30px;
	position: relative;
	transition: .4s linear;
}
.video-title a > span::before {
	content: "";
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	height: 2px;
	background: #fff;
	transition: .4s linear;
}
.video-title a:hover span {
	margin-left: 50px;
}
.video-title a:hover span::before {
	width: 42px;
}
.video-play {
	text-align: center;
}
.video-play a {
	display: inline-block;
	position: relative;
}
.video-play a::before {
	content: "";
	position: absolute;
	right: 73px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 2px;
	background: #fff;
	transition: .4s linear;
}
.video-play a:hover::before {
	width: 78px;
}

/* 7. Gallery */
.gallery-bg {
	background-image: url(../img/bg/gallery_bg.jpg);
	background-position: center;
	background-size: cover;
}
.product-menu {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 0px 27px 0px rgba(149, 149, 149, 0.22);
    padding: 25px 0;
}
.product-menu button {
    font-size: 15px;
    font-weight: 500;
    border: none;
    padding: 8px 20px;
    background: transparent;
    color: #687d95;
    cursor: pointer;
    border-radius: 50px;
    border: 2px solid transparent;
    box-shadow: none;
    transition: .4s ease-in-out;
}
.product-menu button.active {
	background: #ed1d24;
	color: #fff;
	border-color: #fff;
	box-shadow: 0px 0px 24px 0px rgba(93, 87, 171, 0.32);
}
.single-gallery-img {
	display: block;
	position: relative;
}
.single-gallery-img::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fd003a;
	transition: .4s ease-in-out;
	opacity: 0;
}
.single-gallery-img img {
	width: 100%;
}
.gallery-overlay {
	position: absolute;
	left: 55px;
	top: 50px;
	z-index: 9;
	transform: translateX(-30px);
	transition: .4s ease-in-out;
	opacity: 0;
}
.gallery-overlay-title {
	font-size: 24px;
	font-weight: 800;
	color: #fff;
	padding-bottom: 15px;
	position: relative;
	margin-bottom: 20px;
}
.gallery-overlay-title::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	height: 4px;
	width: 0px;
	background: #fff;
	border-radius: 10px;
}
.gallery-overlay-title a {
	display: inline-block;
}
.gallery-overlay span {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	display: inline-block;
}
.single-gallery-img:hover::before {
	opacity: .86;
}
.single-gallery-img:hover .gallery-overlay {
	transform: translateX(0px);
	opacity: 1;
}
.single-gallery-img:hover .gallery-overlay-title::before {
	width: 45px;
	transition: 1s ease-in-out;
}
.gallery-overlay-title a:hover {
	color: #fff;
}

/* 8. Fact */
.fact-bg {
	background-image: url(../img/bg/fact_bg.jpg);
	padding-top: 120px;
	background-position: center;
	background-size: cover;
	padding-bottom: 65px;
	position: relative;
}
.fact-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #211239;
	opacity: .9;
}
.fact-content h5 {
	font-size: 36px;
	font-weight: 500;
	color: #ed1d24;
	margin-bottom: 15px;
	line-height: 1;
}
.fact-content p {
	line-height: 1;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 600;
	color: #e4e4e4;
}

/* 9. Faq */
.faq-bg {
	background-image: url(../img/bg/faq_bg.jpg);
	background-position: center;
	background-size: cover;
}
.faq-img img {
	width: 100%;
}
.faq-wrapper .card {
	margin-bottom: 13px;
	border-radius: 0;
	border: none;
	padding: 23px 25px;
	background: #fff;
	box-shadow: 0px 0px 70px 0px rgba(45, 3, 91, 0.05);
}
.faq-wrapper .card-header {
	padding: 0;
	border-radius: 0;
	background: no-repeat;
	border: none;
}
.card-header:first-child {
	border-radius: 0;
}
.faq-wrapper .card-header h5 a {
	font-size: 16px;
	color: #ed1d24;
	font-weight: 600;
	display: block;
	text-decoration: none;
	line-height: 1.4;
	padding-right: 50px;
	border-bottom: 1px dashed transparent;
}
.faq-wrapper .card-header h5 a {
	padding-bottom: 15px;
	border-bottom: 1px dashed #d8d8d8;
}
.faq-wrapper .card-header h5 a.collapsed {
	color: #5d516a;
}
.faq-wrapper .card-header h5 a.collapsed {
	padding-bottom: 0px;
	border-bottom: 1px solid transparent;
}
.faq-wrapper .card-header h5 a::after {
	position: absolute;
	content: "\f067";
	top: 21px;
	right: 30px;
	font-family: "Font Awesome 5 Free";
	height: 26px;
	width: 26px;
	text-align: center;
	font-weight: 700;
	line-height: 20px;
	font-size: 10px;
	border: 3px solid #f2575d;
	border-radius: 50%;
	background: #fff;
	color: #f2575d;
}
.faq-wrapper .card-header h5 a.collapsed::after {
	content: "\f067";
	color: #94879f;
	border-color: #94879f;
}
.faq-wrapper .card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 0;
	color: #786d99;
	padding-top: 20px;
}
.faq-wrapper .card-body p {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 28px;
}
.faq-wrapper .card:last-child {
	margin-bottom: 0;
}

/* 10. Pricing */
.single-pricing {
	box-shadow: 0px 0px 46px 0px rgba(97, 104, 212, 0.2);
	border-radius: 8px;
	border-top: 7px solid #eae6e4;
	border-bottom: 7px solid #eae6e4;
	padding: 50px 30px;
	background: #fff;
	transition: .3s linear;
}
.pricing-head > h5 {
	font-size: 18px;
	margin-bottom: 5px;
	font-weight: 400;
	color: #444172;
}
.pricing-head > h5 > span {
	font-weight: 600;
}
.pricing-head > span {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 500;
	display: block;
	color: #9098a9;
	margin-bottom: 25px;
}
.pricing-head p {
	line-height: 1.1;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 500;
	color: #717f99;
}
.price-count h4 {
	font-size: 16px;
	font-weight: 700;
	box-shadow: 0px 0px 27px 0px rgba(97, 104, 212, 0.17);
	padding: 18px 10px;
	border-radius: 50px;
	margin: 0 10px;
}
.price-count h4 {
	font-size: 16px;
	font-weight: 600;
	box-shadow: 0px 0px 27px 0px rgba(97, 104, 212, 0.17);
	padding: 18px 10px;
	border-radius: 50px;
	margin: 0 10px;
	color: #444172;
}
.price-count h4 > span {
	color: #fd003a;
}
.pricing-list ul li {
	padding-bottom: 12px;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: 500;
	color: #717f99;
}
.pricing-btn .btn {
	border: none;
	box-shadow: none;
	background: #fd003a;
	padding: 10px 15px 10px 28px;
	transition: .3s linear;
	border-radius: 50px;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 16px;
}
.pricing-btn .btn i {
	height: 35px;
	width: 35px;
	text-align: center;
	line-height: 35px;
	background: #cc1111;
	border-radius: 50%;
	font-size: 14px;
	margin-left: 12px;
	transition: .3s linear;
}
.pricing-btn .btn::before {
	display: none;
}
.single-pricing:hover .pricing-btn .btn {
	background: #5613c3;
}
.single-pricing:hover .pricing-btn .btn i {
	background: #400d93;
}
.single-pricing:hover {
	border-color: #5613c3;
}
.single-pricing.active {
	border-color: #5613c3;
}
.single-pricing.active .pricing-btn .btn {
	background: #5613c3;
}
.single-pricing.active .pricing-btn .btn  i{
	background: #400d93;
}

/* 11. Doctors */
.doctor-bg {
	background-image: url(../img/bg/doctors_bg.jpg);
	background-position: center;
	background-size: cover;
	position: relative;
}
.doctor-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #150f1d;
	opacity: .97;
}
.white-title h2 {
	color: #fff;
}
.white-title .bar {
	background: #3b3541;
}
.white-title p {
	color: #b7b6b8;
}
.doctor-thumb {
	float: left;
	margin-right: 23px;
	margin-top: 35px;
}
.doctor-thumb img {
	border-radius: 50%;
	border: 3px solid #fff;
}
.doctor-content {
	overflow: hidden;
}
.doctor-icon {
	margin-bottom: 10px;
}
.doctor-content p {
	font-size: 14px;
	line-height: 30px;
	color: #c0c0c0;
	margin-bottom: 20px;
}
.doctor-info h6 {
	margin-bottom: 0;
	font-size: 14px;
	color: #fd003a;
	font-weight: 500;
}
.doctor-info span {
	font-style: italic;
	color: #c0c0c0;
	margin-left: 5px;
}

/* 12. Product */
.product-active {
	margin-bottom: 20px;
}
.product-wrap {
	margin-right: 15px;
}
.single-product-nav {
	text-align: center;
	margin: 0 10px;
}
.single-product-nav img {
	display: inline-block;
	width: 100%;
	cursor: pointer;
}
.single-product img {
	width: 100%;
	padding: 0 10px;
}
.slick-slide:focus {
	outline: none;
}
.product-details-content > h3 {
	font-size: 30px;
	text-transform: uppercase;
	color: #3d2860;
	line-height: 1;
	margin-bottom: 10px;
}
.product-details-content > h6 {
	font-size: 22px;
	font-weight: 600;
	color: #ed1d24;
	margin-bottom: 30px;
}
.product-rating ul li {
	display: inline-block;
	font-size: 12px;
	color: #ed1d24;
	margin-left: -3px;
}
.product-rating ul li:first-child {
	margin-left: 0px;
}
.product-rating ul {
	display: inline-block;
	margin-right: 30px;
}
.product-rating span {
	color: #75668f;
	display: inline-block;
}
.product-details-content > p {
	color: #747373;
	margin-bottom: 45px;
    text-align: justify;
}
.cart-plus {
	width: 134px;
	position: relative;
	margin-right: 30px;
}
.cart-plus-minus {
	position: relative;
}
.cart-plus-minus::before {
	content: "";
	position: absolute;
	left: 40px;
	height: 100%;
	width: 2px;
	background: #ed1d24;
	top: 0;
}
.cart-plus-minus input {
	width: 100%;
	border: 2px solid #ed1d24;
	padding: 11px 40px;
	text-align: center;
	color: #ed1d24;
	font-size: 16px;
}
.qtybutton {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 6px;
	font-size: 20px;
	color: #ed1d24;
	cursor: pointer;
	user-select: none;
	font-weight: normal;
	width: 35px;
	text-align: center;
	height: 40px;
	line-height: 40px;
}
.dec.qtybutton {
	font-size: 23px;
}
.inc.qtybutton {
	right: 3px;
	left: auto;
}
.cart-plus-minus::after {
	content: "";
	position: absolute;
	right: 40px;
	height: 100%;
	width: 2px;
	background: #ed1d24;
	top: 0;
}
.btn.add-card-btn {
	border-radius: 0;
}
.perched-info {
	display: flex;
	align-items: center;
	padding-bottom: 40px;
	/*border-bottom: 1px dashed #d7d7d7;*/
	margin-bottom: 25px;
    justify-content: center;
}
.product-info h5 {
	font-size: 15px;
	text-transform: uppercase;
	color: #403157;
	margin-bottom: 20px;
}
.product-info ul li {
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
	color: #747373;
}
.product-info ul li:last-child {
	margin-bottom: 0;
}
.product-info ul li span {
	color: #FFF;
	margin-right: 5px;
}
.product-desc-wrap .nav-tabs {
	border-bottom: none;
}
.product-desc-wrap .nav-tabs .nav-item {
	margin-bottom: 0;
	margin-right: 50px;
	display: block;
}
.product-desc-wrap .nav-tabs .nav-link {
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 700;
	color: #545353;
}
.product-desc-wrap .nav-tabs .nav-item.show .nav-link,
.product-desc-wrap .nav-tabs .nav-link.active {
	color: #ed1d24;
	background-color: unset;
	border-color: unset;
}
.product-desc-wrap .nav-tabs .nav-item:last-child {
	margin-right: 0;
}
.product-details-content {
	margin-top: 40px;
}
.desc-content {
	margin-bottom: 0;
	color: #747373;
}
.product-review-wrap h5 {
	font-size: 13px;
	color: #545353;
	margin-bottom: 23px;
}
.single-review {
	display: flex;
	align-items: center;
}
.review-avatar {
	margin-right: 25px;
}
.review-content {
	overflow: hidden;
}
.review-rating ul li {
	display: inline-block;
	color: #ed1d24;
	font-size: 13px;
}
.review-rating {
	margin-bottom: 5px;
}
.review-meta h6 {
	color: #393939;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 10px;
}
.review-meta h6 span {
	color: #ed1d24;
}
.review-content p {
	margin-bottom: 0;
	color: #75668f;
}
.review-avatar img {
	border: 4px solid #ebebeb;
}

/* 13. Blog */
.single-blog-post {
	box-shadow: 0px 0px 10px 0px rgba(89, 75, 128, 0.09);
}
.b-post-thumb img {
	width: 100%;
}
.blog-content {
	padding: 40px 30px 35px;
	border: 1px solid #f3f3f3;
	border-top: none;
	background: #fafdfe;
}
.blog-content span {
	font-size: 12px;
	font-weight: 500;
	color: #7c7298;
	display: block;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.blog-content h3 {
	font-size: 24px;
	margin-bottom: 15px;
	color: #564c73;
}
.blog-content p {
	margin-bottom: 30px;
	font-size: 16px;
	color: #786d99;
	font-weight: 400;
}
.blog-content > a {
	font-size: 14px;
	font-weight: 500;
	color: #58468c;
}
.blog-content a i {
	display: inline-block;
	box-shadow: none;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	color: #ed1d24;
	background: #ed1d24;
	border-radius: 3px;
	box-shadow: 0px 4px 12.09px 0.91px rgba(204, 58, 0, 0.23);
	margin-left: 8px;
	color: #fff;
	transition: .3s;
}
.single-blog-post:hover .blog-content h3 a {
	color: #ed1d24;
}


.blog-list-thumb img {
	width: 100%;
}
.blog-list-tag ul li {
	display: inline-block;
	margin-right: 3px;
}
.blog-list-tag ul li,
.blog-list-tag ul li a {
	font-size: 14px;
	color: #ed1d24;
}
.blog-list-tag ul li a:hover {
	color: #5613c3;
}
.blog-list-content h2 {
	color: #3c3444;
	font-size: 30px;
	margin-bottom: 25px;
}
.blog-list-content h2 a:hover {
	color: #5613c3;
}
.blog-list-content p {
	font-size: 15px;
	line-height: 2;
	font-weight: 400;
	margin-bottom: 45px;
}
.blog-list-meta > ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding: 19px 0;
}
.blog-list-meta ul li.blog-post-date {
	font-size: 14px;
	color: #9a9999;
	font-weight: 400;
	text-transform: uppercase;
}
.blog-list-meta > ul > li.blog-post-date > i {
	margin-right: 5px;
}
.blog-list-meta ul li.blog-more-read a {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #3c3444;
}
.blog-list-meta ul li.blog-more-read a:hover {
	color: #e32222;
}
.blog-list-meta ul li.blog-post-share a,
.post-avatar-social a {
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	background: #385594;
	text-align: center;
	font-size: 12px;
	border-radius: 50%;
	color: #fff;
	margin-left: 5px;
}
.blog-list-meta ul li.blog-post-share a:nth-child(2),
.post-avatar-social a:nth-child(2) {
	background: #4eabee;
}
.blog-list-meta ul li.blog-post-share a:last-child,
.post-avatar-social a:last-child {
	background: #cb2027;
}
.widget {
	background: #f4f4f4;
	padding: 25px;
}
.sidebar-title h3 {
	font-size: 18px;
	color: #4f405e;
	margin-bottom: 0;
	padding-left: 20px;
	position: relative;
	line-height: 1;
}
.sidebar-title h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 2px;
	background: #e75454;
}
.sidebar-title h3::after {
	content: "";
	position: absolute;
	left: 5px;
	top: -3px;
	height: 20px;
	width: 2px;
	background: #e75454;
}
.blog-sidebar {
	padding-left: 17px;
}
.sidebar-form form {
	position: relative;
	margin-bottom: 25px;
}
.sidebar-form form input {
	width: 100%;
	border: none;
	padding: 17px 20px;
}
.sidebar-form form button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	border: none;
	padding: 0;
	background: none;
	color: #e32222;
	cursor: pointer;
	line-height: 1;
}
.single-sidebar.white-bg {
	padding: 30px 25px;
}
.cat-list ul li {
	display: block;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #d6d6d6;
}
.cat-list ul li:last-child {
	margin-bottom: 0px;
}
.cat-list ul li a {
	color: #969696;
	display: block;
}
.cat-list ul li a span {
	float: right;
}
.cat-list ul li a:hover {
	color: #e32222;
}
.rc-post ul li {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.rc-post ul li:last-child {
	margin-bottom: 0;
}
.rc-post-thumb {
	margin-right: 15px;
}
.rc-post-content h5 {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 5px;
	color: #4f405e;
}
.rc-post-content h5 a:hover {
	color: #e32222;
}
.rc-post-content span {
	font-size: 12px;
	display: block;
	color: #969696;
}
.tag-list ul li {
	display: inline-block;
	margin: 0 7px 6px;
}
.tag-list ul li a {
	display: block;
	background: #e7e7e7;
	font-size: 13px;
	color: #807c83;
	padding: 8px 13px;
	position: relative;
}
.tag-list ul li a::before {
	content: "";
	position: absolute;
	left: -10px;
	top: 0;
	width: 0;
	height: 100%;
	border-style: solid;
	border-width: 0 0 35px 10px;
	border-color: transparent transparent #e7e7e7 transparent;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.tag-list ul li a::after {
	content: "";
	position: absolute;
	right: -10px;
	top: 0;
	width: 0;
	height: 100%;
	border-style: solid;
	border-width: 0 0 35px 10px;
	border-color: transparent transparent transparent #e7e7e7;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.tag-list ul li a:hover {
	color: #fff;
	background: #e32222;
}
.tag-list ul li a:hover::after {
	border-color: transparent transparent transparent #e32222;
}
.tag-list ul li a:hover::before {
	border-color: transparent transparent #e32222 transparent;
}
.blog-details-img {
	display: flex;
	align-items: center;
	margin: 45px 0 40px;
}
.blog-details-img img:first-child {
	margin-right: 20px;
}
.blog-details-content p {
	margin-bottom: 10px;
}
blockquote {
	margin: 27px 0 30px;
	font-size: 16px;
	line-height: 28px;
	font-weight: 500;
	font-style: italic;
	color: #362f3c;
	padding-left: 90px;
	position: relative;
	padding-right: 30px;
}
blockquote::before {
	content: "";
	position: absolute;
	left: 40px;
	top: 8px;
	background-image: url(../img/icon/quote.png);
	width: 31px;
	height: 25px;
	background-repeat: no-repeat;
}
.blog-details-date li {
	display: inline-block;
	margin-right: 15px;
	color: #9a9999;
	font-size: 13px;
}
.blog-details-date li:last-child {
	margin-right: 0;
}
.blog-details-date li a {
	color: #716f6f;
}
.blog-details-date li i {
	margin-right: 5px;
}
.blog-list-meta .blog-details-tag i {
	font-size: 12px;
	color: #a6a5a5;
	margin-right: 15px;
}
.blog-details-tag a {
	font-size: 13px;
	text-transform: capitalize;
	color: #a6a5a5;
	position: relative;
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
}
.blog-details-tag a:hover {
	color: #e32222;
}
.blog-details-tag a:last-child {
	margin-right: 0;
	padding-right: 0;
}
.blog-details-tag a::before {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 13px;
	background: #a6a5a5;
}
.blog-details-tag a:last-child::before {
	display: none;
}
.blog-details-content .blog-list-meta {
	margin-top: 75px;
}
.avatar-post {
	background: #f8f8f8;
	padding: 40px 50px;
}
.avatar-post ul li {
	display: flex;
	align-items: center;
}
.post-avatar-img {
	margin-right: 25px;
}
.post-avatar-img img {
	border-radius: 50%;
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.16);
}
.post-avatar-content h5 {
	font-size: 18px;
	color: #4f405e;
	margin-bottom: 10px;
}
.post-avatar-content p {
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 0;
	color: #554e5c;
	font-weight: 400;
}
.post-avatar-social a:first-child {
	margin-left: 0;
}
.blog-next-prev ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.blog-next-prev ul li a {
	display: block;
	font-size: 16px;
	color: #4f405e;
}
.blog-next-prev ul li a:hover {
	color: #e32222;
}
.blog-prev img {
	margin-right: 15px;
}
.blog-next img {
	margin-left: 15px;
}
.b-details-inner-title {
	font-size: 20px;
	margin-bottom: 35px;
	color: #4f405e;
}
.blog-comment ul li {
	display: block;
	padding-bottom: 30px;
	border-bottom: 1px dashed #d2d2d2;
	overflow: hidden;
	margin-bottom: 30px;
}
.blog-comment ul li .single-comment {
	display: flex;
	align-items: center;
}
.comment-avatar-img {
	margin-right: 25px;
}
.comment-avatar-img img {
	border-radius: 50%;
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.16);
}
.comment-avatar-info {
	overflow: hidden;
	margin-bottom: 15px;
}
.comment-avatar-info h5 {
	font-size: 18px;
	margin-bottom: 0;
	display: inline-block;
	color: #4f405e;
}
.comment-avatar-info h5 span {
	font-size: 13px;
	color: #a6a5a5;
	margin-left: 15px;
	font-weight: 500;
}
.comment-reply-link {
	float: right;
	color: #9d9c9e;
	font-size: 14px;
	font-weight: 500;
}
.comment-reply-link:hover {
	color: #e32222;
}
.blog-comment ul li.comment-reply {
	margin-left: 50px;
}
.comment-text p {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 0;
	line-height: 2;
}
.comment-form textarea {
	width: 100%;
	padding: 20px 20px;
	border: none;
	margin-bottom: 20px;
	background: #f8f8f8;
	height: 160px;
	transition: .3s;
}
.comment-form input {
	width: 100%;
	padding: 18px 20px;
	border: none;
	margin-bottom: 20px;
	background: #f8f8f8;
	transition: .3s;
}
.comment-form textarea::placeholder,
.comment-form input::placeholder {
	color: #afabb3;
}
.comment-form .btn {
	margin-top: 10px;
	border-radius: 0px;
	padding: 18px 40px;
}


/* 14. Pagination */
.pagination {
	display: block;
	display: block;
	display: block;
	padding-left: 0;
	list-style: none;
	border-radius: 0;
}
.pagination li {
	display: inline-block;
	margin: 0 4px;
}
.pagination li a {
	position: relative;
	display: block;
	padding: 0;
	margin-left: 0;
	line-height: 48px;
	color: #56487f;
	font-weight: 600;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	text-align: center;
}
.pagination li:first-child a,
.pagination li:last-child a {
	border: 2px solid #dcdcdc;
}
.pagination li.active a {
	border-color: #ed1d24;
	background: #ed1d24;
	color: #fff;
}
.pagination li a:hover {
	border-color: #ed1d24;
	background: #ed1d24;
	color: #fff;
}

/* 15. Brand */
.signle-brand {
	text-align: center;
}
.signle-brand img {
	display: inline-block;
}

/* 16. Newsletter */
.newsletter-wrap {
	box-shadow: 0px 2px 12.09px 0.91px rgba(68, 68, 68, 0.24);
	background: #fff;
	background-image: url(../img/bg/newsletter_bg.jpg);
	border: 8px solid #ffcc05;
	padding: 40px 50px;
	background-position: center;
	background-size: cover;
	margin-bottom: -90px;
}
.newsletter-form form {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.newsletter-content h4 {
	font-size: 30px;
	font-weight: 900;
	color: #ed1d24;
	margin-bottom: 10px;
}
.newsletter-content span {
	font-size: 16px;
	color: #5b5b5b;
	font-weight: 500;
	font-style: italic;
	display: block;
}
.newsletter-form form input {
	padding: 19px 25px;
	border: none;
	background: #edecec;
	font-size: 14px;
	width: 465px;
}
.newsletter-form form input::placeholder {
	font-size: 14px;
}
.newsletter-form form button {
	font-size: 17px;
	font-style: italic;
	font-weight: 700;
	text-transform: capitalize;
	padding: 21px 30px;
	border-radius: 0;
}

/* 17. Footer */
.footer-wrap {
	background-position: center;
	background-size: cover;
	background-image: url("../img/bg/footer_bg.jpg");
}
.footer-text p {
	color: #969696;
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: 400;
}
.footer-social ul li {
	display: inline-block;
	margin-right: 5px;
}
.footer-social ul li a {
	display: block;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	color: #949697;
	background: #252526;
	border-radius: 50%;
	font-size: 14px;
}
.footer-social ul li a:hover {
	color: #ed1d24;
}
.fw-title h5 {
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 0;
	opacity: .75;
	text-transform: uppercase;
	font-weight: 600;
}
.f-rc-post ul li {
	display: flex;
	align-items: center;
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: 1px dashed #464547;
	margin-bottom: 20px;
}
.f-rc-post ul li:last-child {
	padding-bottom: 0px;
	border-bottom: none;
	margin-bottom: 0px;
}
.f-rc-thumb {
	margin-right: 20px;
}
.f-rc-content span {
	font-size: 14px;
	color: #838383;
	display: block;
	margin-bottom: 3px;
	font-weight: 400;
}
.f-rc-content h5 {
	font-size: 14px;
	font-weight: 500;
	color: #aeaeae;
	margin-bottom: 0;
	padding-right: 50px;
	line-height: 1.4;
}
.f-rc-content h5 a:hover {
	color: #ed1d24;
}
.f-rc-thumb img {
	border-radius: 3px;
}
.fw-link ul li {
	margin-bottom: 20px;
	line-height: 1;
}
.fw-link ul li a {
	color: #969696;
	font-size: 16px;
	font-weight: 400;
}
.fw-link ul li a i {
	margin-right: 5px;
}
.fw-link ul li a:hover {
	color: #ed1d24;
}
.footer-form form input {
	border: none;
	padding: 12px 16px;
	width: 100%;
	border-radius: 3px;
	margin-bottom: 10px;
	font-size: 12px;
}
.footer-form form textarea {
	border: none;
	padding: 12px 16px;
	width: 100%;
	border-radius: 3px;
	margin-bottom: 10px;
	font-size: 12px;
	height: 98px;
}
.footer-form form button {
	padding: 14px 40px;
	border-radius: 3px;
}
.footer-form form textarea::placeholder,
.footer-form form input::placeholder {
	font-size: 12px;
	color: #8b8b8b;
}
.copyright-wrap {
	background: #0c0b0d;
	padding: 35px 0;
}
.copyright-text p {
	color: #777676;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400;
}
.copyright-text p span {
	color: #ed1d24;
	font-style: italic;
}

/* 18. Preloader */
#preloader{
	background-color: #5613c3;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1;
	margin-top: 0px;
	top: 0px;
	z-index: 99;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
}
.object{
	width: 20px;
	height: 20px;
	background-color: #FFF;
	float: left;
	margin-right: 20px;
	margin-top: 65px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}
#object_one {
	-webkit-animation: object_one 1.5s infinite;
	animation: object_one 1.5s infinite;
}
#object_two {
	-webkit-animation: object_two 1.5s infinite;
	animation: object_two 1.5s infinite;
	-webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
#object_three {
    -webkit-animation: object_three 1.5s infinite;
	animation: object_three 1.5s infinite;
	-webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;

}

@-webkit-keyframes object_one {
75% { -webkit-transform: scale(0); }
}
@keyframes object_one {

  75% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

}
@-webkit-keyframes object_two {


  75% { -webkit-transform: scale(0); }


}
@keyframes object_two {
  75% {
    transform: scale(0);
    -webkit-transform:  scale(0);
  }

}
@-webkit-keyframes object_three {

  75% { -webkit-transform: scale(0); }

}
@keyframes object_three {

  75% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

}

/* START Make the WooCommerce Cart Table Responsive  for Mobile */
/* CSS published in http://www.jeremycarter.com.au/optimising-woocommerce-checkout-for-mobile/ */

@media screen and (max-width: 600px) {

.pt-230{
    padding: 68px !important;
}

.woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity {
    margin-left: 0px!important;
}

/* Force table to not be like tables anymore */
.woocommerce-page table.shop_table, 
.woocommerce-page table.shop_table thead, 
.woocommerce-page table.shop_table tbody, 
.woocommerce-page table.shop_table th, 
.woocommerce-page table.shop_table td, 
.woocommerce-page table.shop_table tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.woocommerce-page table.shop_table thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.woocommerce-page table.shop_table tr.cart_item { 
	border: 1px solid #d2d3d3; 
}

.woocommerce-page table.shop_table td { 
	/* Behave  like a "row" */
	border: 1px solid #d2d3d3; 
	position: relative;
	padding-left: 10% !important; 
}

.woocommerce-page table.shop_table {
	border: none;
}

.woocommerce-page table.shop_table td.product-spacer {
	border-color: #FFF;
	height: 10px;
}

.woocommerce-page table.shop_table td:before { 
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%; 
	padding-right: 10px; 
	white-space: nowrap;
}

/*
Label the data
*/
.woocommerce-page table.shop_table td.product-remove:before {
	content: "Delete";
}

.woocommerce-page table.shop_table td.product-name:before {
	content: "Product";
}

.woocommerce-page table.shop_table td.product-price:before {
	content: "Price";
}

.woocommerce-page table.shop_table td.product-quantity:before {
	content: "Quantity";
}

.woocommerce-page table.shop_table td.product-subtotal:before {
	content: "Subtotal";
}

.woocommerce-page table.shop_table td.product-total:before {
	content: "Total";
}

.woocommerce .quantity, 
.woocommerce #content .quantity, 
.woocommerce-page .quantity, 
.woocommerce-page #content .quantity {
	margin: 0;
}

.woocommerce-page table.cart td.actions, 
.woocommerce-page #content table.cart td.actions {
	text-align: left;
	border:0;
	padding-left: 6px !important;
}

.woocommerce-page table.cart td.actions .button.alt, 
.woocommerce-page #content table.cart td.actions .button.alt {
	float: left;
	margin-top: 10px;
}

.woocommerce-page table.cart td.actions div, 
.woocommerce-page #content table.cart td.actions div,
.woocommerce-page table.cart td.actions input, 
.woocommerce-page #content table.cart td.actions input {
	margin-bottom: 10px;
}

.woocommerce-page .cart-collaterals .cart_totals {
	float: left;
	width: 100%;
	text-align: left;
}

.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
.woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
.woocommerce-page .cart-collaterals .cart_totals table tr.total td {
	padding-left: 6px !important;
}

.woocommerce-page table.shop_table tr.cart-subtotal td,
.woocommerce-page table.shop_table tr.shipping td,
.woocommerce-page table.shop_table tr.total td,
.woocommerce-page table.shop_table.order_details tfoot th,
.woocommerce-page table.shop_table.order_details tfoot td {
	padding-left: 6px !important;
}

.woocommerce-page table.shop_table tbody {
	padding-top: 10px;
}

.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2,
.woocommerce form .form-row-first, 
.woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, 
.woocommerce-page form .form-row-last {
	float: none;
	width: 100%;
}

.woocommerce .order_details ul, 
.woocommerce-page .order_details ul,
.woocommerce .order_details, 
.woocommerce-page .order_details {
	padding:0;
}

.woocommerce .order_details li, 
.woocommerce-page .order_details li {
	clear: left;
	margin-bottom: 10px;
	border:0;
}

}

/* END Make the WooCommerce Cart Table Responsive  for Mobile */

@media screen and (max-width: 600px) {
  /* Force table to not be like tables anymore */
  .woocommerce-page table.shop_table,
  .woocommerce-page table.shop_table thead,
  .woocommerce-page table.shop_table tbody,
  .woocommerce-page table.shop_table th,
  .woocommerce-page table.shop_table td,
  .woocommerce-page table.shop_table tr {
    display: block;
  }
/* Hide table headers (but not display: none;, for accessibility) */
  .woocommerce-page table.shop_table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
.woocommerce-page table.shop_table tr {
    /*border: 1px solid #d2d3d3; */
  }
.woocommerce-page table.shop_table td {
    /* Behave  like a "row" */
    border: 1px solid #d2d3d3;
    position: relative;
    padding-left: 10% !important;
  }
.woocommerce-page table.shop_table {
    border: none;
  }
.woocommerce-page table.shop_table td.product-spacer {
    border-color: #fff;
    height: 10px;
  }
.woocommerce-page table.shop_table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
/*
Label the data
*/
  .woocommerce-page table.shop_table td.product-remove:before {
    content: "Delete";
    text-align: left;
  }
.woocommerce-page table.shop_table td.product-name:before {
    content: "Product";
    text-align: left;
  }
.woocommerce-page table.shop_table td.product-price:before {
    content: "Price";
    text-align: left;
  }
.woocommerce-page table.shop_table td.product-quantity:before {
    content: "Quantity";
    text-align: left;
  }
.woocommerce-page table.shop_table td.product-subtotal:before {
    content: "Subtotal";
    text-align: left;
  }
.woocommerce-page table.shop_table td.product-total:before {
    content: "Total";
    text-align: left;
  }
.woocommerce .quantity,
  .woocommerce #content .quantity,
  .woocommerce-page .quantity,
  .woocommerce-page #content .quantity {
    margin-left: 142px;
  }
  
.woocommerce-page table.cart td.actions,
  .woocommerce-page #content table.cart td.actions {
    text-align: left;
    border: 0;
    padding-left: 6px !important;
    background: #FFF !important
  }
.woocommerce-page table.cart td.actions .button.alt,
  .woocommerce-page #content table.cart td.actions .button.alt {
    float: left;
    margin-top: 10px;
  }
.woocommerce-page table.cart td.actions div,
  .woocommerce-page #content table.cart td.actions div,
  .woocommerce-page table.cart td.actions input,
  .woocommerce-page #content table.cart td.actions input {
    margin-bottom: 10px;
  }
.woocommerce-page .cart-collaterals .cart_totals {
    float: left;
    width: 100%;
    text-align: left;
  }
.woocommerce-page .cart-collaterals .cart_totals th,
  .woocommerce-page .cart-collaterals .cart_totals td {
    border: 0 !important;
  }
.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
  .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
  .woocommerce-page .cart-collaterals .cart_totals table tr.total td {
    padding-left: 6px !important;
  }
.woocommerce-page table.shop_table tr.cart-subtotal td,
  .woocommerce-page table.shop_table tr.shipping td,
  .woocommerce-page table.shop_table tr.total td,
  .woocommerce-page table.shop_table.order_details tfoot th,
  .woocommerce-page table.shop_table.order_details tfoot td {
    padding-left: 6px !important;
    border: 0 !important;
  }
}
.product-thumbnail {
    display: block !important;
}
.quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
}

.quantity .minus, .quantity .plus {
    width: 30px;
    height: 50px;
    background: #ee0707;
    border: 1px solid #ddd;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    user-select: none;
    font-size: 1.5em;
}

.quantity .minus:hover, .quantity .plus:hover {
    background: #ee0707;
}

.quantity .qty {
    width: 50px;
    height: 50px;
    text-align: center;
    border: 1px solid #ddd;
    margin: 0 5px;
}
.perched-area .product-details-content .quantity {
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-right: 10px;
}
.single-product .perched-area .product-details-content .quantity {
    margin-left: 0px !important;
    justify-content: left;
    padding-right: 16px;
    padding-bottom: 0px;
    margin-top:0px !important;
}
.product-remove .fa-times {
    color: red;
}
.cart_totals tr td {
text-align: right !important;
    }   
.header-btn-mobile {
    display: none !important;
}
.main-menu .navbar-nav li.menu-item-744, .main-menu .navbar-nav li.menu-item-745 {
    display: none !important;
}
/* Responsive */
@media (max-width: 600px) {
    .main-menu .navbar-nav li.menu-item-744, .main-menu .navbar-nav li.menu-item-745 {
        display: block !important;
    }
    .woocommerce-MyAccount-content {
    width: 70% !important;
    padding-left: 0px;
}
.logged-in .transparent-header {
    top: 10px;
}

.logged-in .transparent-header.sticky-menu {
    top: 10px;
}

    .product-details-content form.cart {
            justify-content: center;
    }
    .transparent-header.sticky-menu {
        position: absolute;
    }
    .cart-area {
        padding-top: 8px !important;
    }
    .cart-heading-wc{
            margin-bottom: -20px;
    z-index: 1;
    }
         
  .shop_table .cart_item .product-quantity .quantity {
    margin-left: 142px!important;
    text-align: center;
    justify-content: right;
  }
    .product-details-content {
        text-align: center;
    }
    .cart-heading-wc { 
        display: block !important;
    }
    .woocommerce table.shop_table {
        border:none;
    }
    .pt-80 {
        padding-top: 32px;
    }
    .quantity .qty {
        margin: 5px 0;
    }
    .breadcrumb-bg {
       min-height: 136px;
    }
    .pt-120 {
        padding-top: 0px !important;
    }
    .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering
{
    float:none;
}
.shop-banner-area .f-right
{
    float:none;
    text-align: center;
}
.product-showing p {
    margin-left: 10px !important;
}
.breadcrumb-area .container {
    display:none;
}
.cart_item {
    margin-top:10px;
    border: none !important;
}
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
    border: 1px solid #d2d3d3 !important;
}
}

.woocommerce table.shop_table_responsive tr td:before, .woocommerce-page table.shop_table_responsive tr td:before {
    content:"";
}

.product-thumbnail img {
    width: 180px !important;
}
.woocommerce table.shop_table_responsive tr td.product-thumbnail, .woocommerce-page table.shop_table_responsive tr td.product-thumbnail {
    text-align: center !important;
}
.cart-heading-wc { display:none;}

.cart-box {
  display: inline-block;
  position: relative;
  padding: 15px;
}

.cart-image {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  position: relative;
}

i {
  margin-right: 5px;
  color: white;
}

.cart-counter {
  padding: 0 4px;
  height: 20px;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(224, 227, 237);
  position: absolute;
  top: 0%;
  left: 70%;
  transform: translate(0%, -50%);
  font-size: 14px;
  font-weight: bold;
  font-family: sans-serif;
  background: #c2512b;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.woocommerce-thankyou-order-details.order_details {
    width: 100%;
    display: flex;
    padding: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
                       .transparent-header.sticky-menu {
                           position: relative;
                       }
}

/* Change WC Acct Page Column Widths */
@media (min-width: 769px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 22% !important;
  }

  .woocommerce-account .woocommerce-MyAccount-content { 
    width: 75% !important;
  }
}
/* Style WC Account Endpoint Links */
nav.woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  padding-left: 0;
  font-size: 17px;
  line-height: 26px;
}
nav.woocommerce-MyAccount-navigation ul li {
  padding: 8px 20px;
  background-color: rgba(0,0,0,0.05);
  border-bottom: 1px solid rgba(0,0,0,0.05);
}
nav.woocommerce-MyAccount-navigation ul li.is-active {
  background-color: rgba(0,0,0,0.1);
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
  color: rgba(0,0,0,0.8); cursor: default;
}
nav.woocommerce-MyAccount-navigation ul li.is-active:after {
  content: "";
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-left: 14px solid rgba(0,0,0,0.1);
  border-bottom: 20px solid transparent;
  float: right;
  margin-right: -34px;
  margin-top: -7px;
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover {
  background-color: rgba(0,0,0,0.07);
}
nav.woocommerce-MyAccount-navigation ul li:not(.is-active):hover:after { 
  content: "";
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-left: 14px solid rgba(0,0,0,0.07);
  border-bottom: 20px solid transparent;
  float: right;
  margin-right: -34px;
  margin-top: -7px;
}
.cart-count-ws {
    background: red;
    border-radius: 50%;
}
.woocommerce-MyAccount-content {
    width: 70% !important;
    padding-left: 20px;
}

.woocommerce-MyAccount-navigation {
    width: 30% !important;
}

.woocommerce table.my_account_orders {
    font-size: 1.1em;
}

.woocommerce-MyAccount-content .woocommerce-Addresses {
    display: flex;
    justify-content: center;
}

.justified {
    text-align: justify;
}

.product-details-content p, .product-desc-area p {
    text-align: justify;
}

.woocommerce-input-wrapper {
    width:100% !important;
}


.woocommerce form.login .form-row input.input-text, .woocommerce form .form-row textarea {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.checkout_coupon .button, .login .button {
    background: #ed1d24 !important;
    color: #FFF !important;
    height: 42px !important;
    margin-right: 10px !important;
}

 .woocommerce-MyAccount-content .button {
    background: #ed1d24 !important;
    color: #FFF !important;
    margin-right: 10px !important;
}