:root{

	 --red:#dd2328;

	 --black:#343434;

 }

 

 body {

	font-family: Roboto,sans-serif;

    outline: 0;

    position: relative;

    font-size: 16px;

    text-rendering: optimizelegibility;

    word-wrap: break-word;

    font-smooth: always;

    font-weight: 400;

    webkit-font-smoothing: antialiased;

    letter-spacing: .5px;

    color: #000;

}

.body-bg {

	background-color: #fbfbfc;

}







p {

	margin: 0px 0px 15px 0px;

}

p:last-child {

	margin: 0px;

}

a {

	color: #3544ee;

}

a:hover {

	color: #202db8;

	text-decoration: none;

}

a:active, a:hover {

	outline: 0;

	text-decoration: none;

}



a.text-primary:focus, a.text-primary:hover {

	color: #202db8!important;

}

ol, ul {

}

ol li, ul li {

}

.lead {

	font-size: 21px;

	line-height: 32px;

	color: #181825;

}

.z-index-0 {

	z-index: 0;

}

::selection {

	background: rgba(255, 244, 147, .8);

	color: #272c30;

}

.btn {

	font-size: 16px;

	padding: 11px 21px;

	border-radius: 4px;

	overflow: hidden;

	display: inline-block;

	vertical-align: middle;

	-webkit-transform: perspective(1px) translateZ(0);

	transform: perspective(1px) translateZ(0);

	box-shadow: 0 0 1px rgba(0, 0, 0, 0);

	overflow: hidden;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-property: color, background-color;

	transition-property: color, background-color;

	transition: .3s ease;

	

}

header{

	background-color: var(--black);

	border-bottom: 4px var(--red) solid;

}

/*--- btn default --*/

.btn-brand {

	color: #fff;

	background-color: #000;

	border-color: #000;

}

.btn-brand:hover {

	color: #fff;

	background-color: #08b072;

	border-color: #08b072;

}

.btn-brand.focus, .btn-brand:focus {

	color: #fff;

	background-color: #08b072;

	border-color: #08b072;

	box-shadow: none;

}

.cart {

    position: relative;

}

.cart img {

    width: 28px;

    margin-top: -6px;

}

span.cartno {

    font-size: 12px;

    font-weight: 600;

    position: absolute;

    border: solid var(--red);

    border-radius: 60%;

    height: 20px;

    width: 20px;

    background: var(--red);

    color: #fff;

    top: 10px;

    right: 0px;

    line-height: 16px;

    text-align: center;

}

/*----------------- 7. Headers ---------------------------------*/

.header-classic {

	background-color: #fff;

}

/* -------------------- Top Header --------------------*/

.top-header {

	background-color: var(--black);

	font-size: 14px;

	color: #fff;

	line-height: 20px; 

	padding-bottom: 4px;

	padding-top: 4px;

}

.top-header ul {

	margin-bottom: 0px;

}

.top-header ul li {

	float: left;

	margin-left: 18px;

}

.top-header ul li a {

	color: #626582;

}

.top-header i {

	font-size: 14px;

}

.top-header-social {

}

.top-header-social i {

	font-size: 14px;

}

.top-header-social ul {

	margin-left: 10px;

}

.top-header-social ul li {

	float: left;

	margin-left: 8px;

}

.top-header-social ul li a {

	color: #9d9ea7;

}

.top-header-social ul li a:hover {

	color: #01d486;

}

.middle-header{

	padding: 10px 0px;

}

/*-------------------------------------------------------------------8. Navigations-------------------------------------------------------------------*/

/*-------------------- Navigation classic ---------------------*/

 

.navbar-classic {

}

.navbar-classic.navbar-light .navbar-nav .nav-link {

	color: #181825;



	padding: 12px 16px;

}

.navbar-classic .navbar-nav .nav-item {

	border-right: 1px solid #484848;

}

.navbar-classic .navbar-nav .nav-item:last-child {

	border-right:none;

}

.navbar-classic .navbar-nav .nav-item .nav-link {

	font-size: 15px;

	color: #fff;

	padding: 12px 20px;

	line-height: 20px;

	text-transform: uppercase;

	 

}

.navbar-classic .navbar-nav .nav-item .nav-link:hover {

	color: #fff;

}

.navbar-classic .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after {

	color: #fff;

}

.navbar-classic.navbar {

	padding: 0px 0px;

}

.navbar-classic .dropdown-toggle::after {
   display: none !important;
	margin-top: 1px;

	display: inline-block;

	width: 0;

	height: 0;

	margin-left: 6px;

	vertical-align: -2px;

	content: "\f107";

	border-top: none;

	border-right: none;

	border-bottom: none;

	border-left: none;

	color: #bdbebf;

	font-family: 'Font Awesome\ 5 Free';

	font-weight: 900;

	margin-right: 15px;

	font-size: 13px;

	float: right;

}



.middle-header  i {

    margin-right: 8px;

    color: #ffffff;

    vertical-align: middle;

    height: 40px;

    width: 40px;

    line-height: 40px;

    text-align: center;

    background: #343434;

     

    border-radius: 25px;

}

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item {

	border-bottom: 1px solid #f1f1f6;

	border-radius: 0px;

}

.navbar-brand {

	display: inline-block;

	padding-top: 5px;

	padding-bottom: 2px;

	margin-right: initial;

	line-height: inherit;

	white-space: nowrap;

	color:#181825;

	font-size:24px;

}

.dropdown-menu {

	position: absolute;

	top: 68%;

	left: 0;

	z-index: 1000;

	display: none;

	float: left;

	min-width: 13rem;

	padding: 0px;

	margin: 18px 0px;

	font-size: 1rem;

	color: #808294;

	text-align: left;

	list-style: none;

	background-color: #fff;

	background-clip: padding-box;

	border: 1px solid rgb(255, 255, 255);

	border-radius: 2px;

	-webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);

	-moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);

	box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09);

}

.dropdown-item {

	display: block;

	width: 100%;

	padding: 15px 17px;

	clear: both;

	font-weight: 600;

	color: #343434;

	text-align: inherit;

	white-space: nowrap;

	background-color: transparent;

	border: 0;

	font-size: 15px;

	line-height: 15px;

	text-align: left;

	border-bottom: 1px #eee solid;

}

.dropdown-item:focus, .dropdown-item:hover {

	color: #4955ef;

	text-decoration: none;

	background-color: #eeeffd;

	border-radius: 4px;

}

.dropdown-item:focus .dropdown-toggle::after, .dropdown-item:hover.dropdown-toggle::after {

	color: #4955ef;

}

.dropdown ul li:last-child a{

	border-bottom: none !important;

}

@media(min-width:992px) {

	.dropdown .dropdown-menu {

		display: block;

		visibility: hidden;

		opacity: 0;

		-webkit-transform: translateY(20px);

		-ms-transform: translateY(20px);

		transform: translateY(20px);

		-webkit-transition: all .3s ease-in;

		-o-transition: all .3s ease-in;

		transition: all .3s ease-in 



}

	.dropdown:hover>.dropdown-menu {

		visibility: visible;

		opacity: 1;

		-webkit-transform: scaleY(1);

		-ms-transform: scaleY(1);

		transform: scaleY(1);

		opacity: 1;

		visibility: visible;

		border-radius: 0px 0px 10px 10px;

	}

	.dropdown-submenu:hover .dropdown-menu {

		visibility: visible;

		opacity: 1;

		-webkit-transform: scaleY(1);

		-ms-transform: scaleY(1);

		transform: scaleY(1);

		opacity: 1;

		visibility: visible;

	}

}

.dropdown-submenu {

	position: relative;

}

.dropdown-submenu a::after {

	transform: rotate(-90deg);

	position: absolute;

	right: 17px;

	top: 25px;

}

.dropdown-submenu .dropdown-menu {

	top: -19px;

	left: 95%;

	margin-left: 13px;

	margin-right: .1rem;

}

.caret-up {

	width: 0;

	height: 0;

	border-left: 4px solid rgba(0, 0, 0, 0);

	border-right: 4px solid rgba(0, 0, 0, 0);

	border-bottom: 4px solid;

	display: inline-block;

	margin-left: 2px;

	vertical-align: middle;

}

.mega-dropdown {

	position: unset;

}

.mega-dropdown-menu {

	width: 100%;

	position: absolute;

	top: 63px;

	margin: 15px 0px;

}

.mega-dropdown-menu ul {

	list-style: none;

}

.nav-dropitem-arrow {

	position: relative;

	font-size: 12px;

	opacity: 0;

	padding-right: 10px;

}

.nav-dropitem-arrow i {

	position: absolute;

	/* top: -1px;

	*/

}

.dropdown-item:focus, .dropdown-item:hover {

	color:var(--red);

	text-decoration: none;

	background:none !important;

	border-radius: 4px;

}

.dropdown-item:hover .nav-dropitem-arrow {

	color: var(--red);

	opacity: 1;

	margin-right: 5px;

}

.navbar-classic .navbar-toggler, .navbar-boxed .navbar-toggler {

	padding: 17px 15px;

	font-size: 1.25rem;

	line-height: 1;

	background-color: transparent;

	 

	border-radius: .25rem;

	position: relative;

}

/* mobile menu css */

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu {

	background: #fff;

	box-shadow: none;

	margin: 7px 0px;

}

.navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link {

	border-bottom: 1px solid #f1f1f6;

}

.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {

	border-bottom: 1px solid #f1f1f6;

}

.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu {

	background: #fff;

	box-shadow: none;

	margin: 7px 0px;

}

.navbar-boxed .navbar-collapse.show .navbar-nav .nav-item .nav-link {

	border-bottom: 1px solid #f1f1f6;

}

.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {

	border-bottom: 1px solid #f1f1f6;

}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu {

	background: #fff;

	box-shadow: none;

	margin: 7px 0px;

}

.navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link {

	border-bottom: 1px solid #495bfb;

}

.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu.dropdown-item {

	border-bottom: 1px solid #f1f1f6;

}

.icon-bar {

	width: 21px;

	height: 3px;

	background-color: var(--red);

	display: block;

	-webkit-transition: all 0.2s;

	transition: all 0.2s;

	margin-top: 4px 

}

.navbar-toggler:focus {

	outline: 0px;

}

.navbar-toggler .top-bar {

	transform: rotate(45deg);

	transform-origin: 10% 190%;

	background-color: var(--red);

}

.navbar-toggler .middle-bar {

	opacity: 0;

}

.navbar-toggler .bottom-bar {

	transform: rotate(-45deg);

	transform-origin: 10% -80%;

	background-color: var(--red);

}

.navbar-toggler.collapsed .top-bar {

	transform: rotate(0);

	background-color: var(--red);

}

.navbar-toggler.collapsed .middle-bar {

	opacity: 1;

}

.navbar-toggler.collapsed .bottom-bar {

	transform: rotate(0);

	background-color:var(--red);

}

.list-unstyled figcaption {

    width: auto;

    display: inline-block;

    text-align: left;

    vertical-align: top;

    color: #dd2328;

    font-size: 16px;

    line-height: 18px;

	font-weight: 600;

}

.list-unstyled li span {

    width: 40px;

    height: 40px;

    display: inline-block;

    background: #333;

    border-radius: 50%;

    text-align: center;

    line-height: 40px;

}

.list-unstyled li .tp_top a {

    font-size: 18px;

    display: flex;

    align-items: center;

	font-weight: 600;

}

.list-unstyled li .tp_top a span {

    margin-right: 8px;

}

.list-unstyled li:first-child a i {

    font-size: 16px!important;

}

.list-unstyled li span i {

    color: #fff;

    font-size: 20px;

    line-height: 40px;

}

.list-unstyled li figcaption label {

    display: block;

    font-size: 14px;

    font-weight: 400;

    margin: 0;

    color: #333;

    text-transform: uppercase;

    letter-spacing: 1px;

}

.list-unstyled li span img {

    max-height: 25px;

}



.main-banner{

	margin: 0px auto;

    padding: 0;

    position: relative;

}



.banner-text {

    position: absolute;

    top: 33px;

    right: 10%;

    border: 1px solid var(--black);

    padding: 8px;

    text-align: center;

    z-index: 99;

    max-width: 320px;

}

.banner-text span {

    font-size: 30px;

    margin-bottom: 0px;

    line-height: 30px;

    font-weight: 700;

    width: 100%;

    float: left;

    color: var(--black);

}

.banner-text label {

    font-size: 26px;

    text-transform: uppercase;

    display: block;

    width: 100%;

    float: left;

    line-height: 26px;

    margin: 5px 0px;

    color: var(--black);

}

.banner-text a {

    background:var(--red);

    display: inline-block;

    padding: 3px 10px;

    text-align: center;

    font-size: 16px;

    font-weight: 600;

	color: #fff;

}

.main-banner .carousel-caption {

    padding: 12% 0 0 0 !important;

}

.main-banner .carousel-caption {

    width: 100%;

    height: 100%;

    left: 0;

    padding: 6% 0 0 0;

    top: 90px;

    text-align: center;

    text-shadow: none;

    color: #fff;

    letter-spacing: .5px;

}

.main-banner .carousel-caption h1 {

    width: auto;

    color: var(--black);

    font-size: 42px;

    font-weight: 700;

    padding: 0;

    margin: 0;

    text-transform: none;

    letter-spacing: .5px;

    margin: 0 0 5px;

     

}

.main-banner .carousel-caption label {

    font-size: 32px;

    font-weight: 600;

    line-height: 30px;

    color: var(--black);

}

.main-content{}



.main-content h1{

	font-size: 32px;

	font-weight: bold;

    color: var(--red);

}

.main-content p{

	font-size: 15px; 
    width: 100%; 
    color: #000; 
    margin-top: 0;
	display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

.product-sec{ margin-top: 30px;}

.product-sec .card .card-body .card-title a{

	font-weight: bold;

	color: var(--red);
	font-size: 18px;

}

.product-sec .btn {

    font-size: 16px;

    padding: 5px 0px;

    border-radius: 4px;

    overflow: hidden;

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px rgb(0 0 0 / 0%);

    overflow: hidden;

    -webkit-transition-duration: 0.3s;

    transition-duration: 0.3s;

    -webkit-transition-property: color, background-color;

    transition-property: color, background-color;

    transition: .3s ease;

}

.product-sec .btn-danger {

    color: #fff;

    background-color: var(--red);

    border-color: var(--red);

    width: 150px !important;

    display: block;

    margin: auto;

}

.product-sec .card:hover .btn-danger{

	background-color: var(--black);

	border-color: var(--black);

}

.product2 {

	width: 100%;

    float: left;

    border: solid 0 #ccc;

    margin: 0 0 0px;

    overflow: hidden;

    transition: ease-in .3s;

	

}

.product2:hover {

    box-shadow: 0 25px 25px #928f8f;

}

.product2:hover img{

	transform: scale(1.2);

	transition: 1s;

}

.product2 h4{

	background-color: var(--red); 

	margin: 0;

}

.product2 h6{

	background-color: var(--black); 

	margin: 0;

}

.product2 figure {

    width: 100%;

    float: left;

    margin: 0;

    overflow: hidden;

}

.product2 h4 a{

	 font-size: 18px;

	color: #fff!important;

    display: block;

    padding: 10px 15px!important;

}

.product2 h6 a{

	font-size: 18px;

   color: #fff!important;

   display: block;

   padding: 10px 15px!important;

   text-align: center;

}

.sleeping-sec{

	background:url(../images/second-bg.jpg);  

	background-attachment: fixed;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	 

	position: relative;

	height: 600px;

  }



.overlay{

	position: absolute;

    background-color: #000000e3;

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

	color: #fff;

     

}

.sleeping-sec h1{

	color: #fff;

}

.sleeping-sec p{

	color: #fff;

}

.testimonial_area {

    width: 100%;

    float: left;

    padding: 50px 0;

}

.sub_heading {

    width: 100%;

    float: left;

    font-size: 20px;

    font-weight: 500;

    vertical-align: middle;

    margin: 0 0 10px;

    padding: 0;

}

.sub_heading .line {

    width: 85px;

    height: 2px;

    background:var(--red);

    margin: 0 5px 0 0;

    display: inline-block;

    vertical-align: middle;

}

.sub_heading .head_title {

    width: auto;

    display: inline-block;

    vertical-align: middle;

    color: var(--red);

    text-transform: uppercase;

}

.testimonial_area h2 {

    width: 100%;

    float: left;

    font-size: 48px;

    letter-spacing: 1px;

    padding: 0 50px 0 0;

	font-weight: bold;

	color: var(--black);

}

.testimonial_area ul {

    width: 100%;

    float: left;

    display: flex;

    flex-flow: row wrap;

    align-items: stretch;

    justify-content: space-between;

}

.testimonial_area ul li {

    flex: 0 0 48%;

    max-width: 48%;

    border: solid 1px #eee;

    text-align: center;

    padding: 25px;

	list-style: none;

}

.testimonial_area ul li p {

    font-size: 20px;

    line-height: 30px;

}

.testimonial_area ul li h4 {

    color:var(--red);

    text-transform: uppercase;

    font-size: 20px;

    text-transform: uppercase;

    border-top: solid 2px var(--red);

    width: auto;

    margin: 10px auto 0;

    display: inline-block;

    padding: 10px 0 0;

}

.benefit-sec{

	background-color: var(--red);

	padding-top: 30px;

	padding-bottom: 30px;

	color: #fff;

	text-align: justify;

}

.benefit-sec .content_part {

    width: 100%;

    float: left;

    padding: 0;

}

.benefit-sec a .sub_heading {

    width: 100%;

    float: left;

    font-size: 20px;

    font-weight: 700;

    vertical-align: middle;

    margin: 0 0 5px;

    padding: 0;

}

.benefit-sec .sub_heading .line {

    width: 85px;

    height: 2px;

    background: #fff !important;

    margin: 0 5px 0 0;

    display: inline-block;

    vertical-align: middle;

}

.benefit-sec .sub_heading .head_title {

    width: auto;

    display: inline-block;

    vertical-align: middle;

    color: #fff;

    text-transform: uppercase;

}

.benefit-sec .content_part h2 {

    width: 100%;

    float: left;

    font-size: 32px;

    margin: 0 0 10px;

	font-weight: bold !important;

}

.benefit-sec a .content_part p {

    width: 100%;

    float: left;

    font-size: 18px;

    line-height: 28px;

}

.benefit-sec h5{

	font-size: 16px !important;

}

.online-sec{

	padding-top: 30px;

	padding-bottom: 10px; 

	text-align: justify;

}

.online-sec h4{

	font-size: 1.5rem;

	color: var(--red);

	font-weight: 600;

}

.banner-sec{

	position: relative;

}

.inner-div{

	position: absolute;

	top: 30%;

	left:5%;

}

.inner-div h3{

	font-size: 2rem;

	font-weight: bold;

	color: var(--red); 

}

.help-div{

	position: relative;

}

.inner-div2{

	position: absolute;

	text-align: right;

	top: 30%;

	right:5%;

}

.inner-div2 h3{

	font-size: 2rem;

	font-weight: bold;

	color: var(--red); 

}

.support-sec{

	width: 100%;

    float: left;

    background: #dfe5ea url(../images/contact_bg.jpg) no-repeat right bottom;

    background-size: contain;

    min-height: 400px;

	padding-top: 30px;

}

.support-sec h4{

	font-size: 1.6rem;

	font-weight: bold;

	margin-bottom: 20px;

}

/*============================ Footer Css ==============================*/

footer {

    background: var(--black);

    padding-top: 20px;

    font-family: Roboto,sans-serif;

    color: #fff;

    margin-top: 20px;

     

}

footer h4 {

    text-transform: uppercase;

    font-weight: 400;

    font-size: 16px;

    margin-top: 10px;

    width: 100%;

    float: left;

}

footer .address_detials {

    width: 90%;

    float: left;

    color: #fff;

}

footer .container ul {

    margin: 0;

    padding: 0;

}

footer .address_detials ul {

    width: 100%;

    float: left;

    margin: 0 0 10px;

    padding: 0;

}

footer .address_detials ul li {

    width: 100%;

    float: left;

    padding: 10px 0;

    margin: 0;

    list-style: none;

    line-height: 16px;

    font-size: 14px;

    color: #fff;

    border-bottom: solid 1px #525252;

}

footer .address_detials ul li i {

    font-size: 18px;

    display: inline-block;

    width: 25px;

    float: left;

    margin: 3px 0 0;

}

footer .address_detials ul li span {

    width: calc(100% - 25px);

    float: left;

    line-height: 22px;

}

footer .container ul.list-unstyled {

    width: 100%;

    float: left;

}

 

footer .container ul.list-unstyled li a {

    font-weight: 400;

    font-size: 14px;

    color: #666;

    text-decoration: none;

    transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -webkit-transition: all .3s ease-in-out;

    position: relative;

    display: inline-block;

    padding: 0 0 0 5px;

    color: #fff;

    margin: 6px 0;

}

footer .container ul.list-inline {

    margin: 15px 0;

    width: 100%;

    float: left;

}

footer .container ul.list-inline a i{

	font-size: 24px;

}



footer .container ul.list-inline .fa-facebook-f{

	width: 35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

	background: #3b5998;

	color: #fff;

}

footer .container ul.list-inline .fa-twitter{

	width: 35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

	background: #55acee;

	color: #fff;

}

footer .container ul.list-inline .fa-instagram{

	width: 35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

	background-image: linear-gradient(#624bc0, #d52f87, #e42509, #ffd97a);

	color: #fff;

}

footer .container ul.list-inline .fa-pinterest-p{

	width: 35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

	background: #cb1f26;

	color: #fff;

}

footer .container ul.list-inline .fa-youtube{

	width: 35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

	background:#dc472e;

	color: #fff;

}

 

 

.footer-bottom{

	background-color: #000;

	text-align: center;

	padding-top: 12px;

	padding-bottom: 12px;

	font-size: 12px;

}

footer .container ul.certification {

    margin: 0 0;

    width: 100%;

    float: left;

    margin: 6px 0 10px;

}

footer .container ul.certification li {

     

    line-height: 35px !important;

	list-style: none;

}

footer .container ul.certification li:last-child {

    width: 100%;

    float: left;

}

footer .container ul.certification li img {

    max-height: 52px;

}

footer .container ul.certification li:last-child img {

    max-height: inherit;

}



.scroll-top-wrapper {

    position: fixed;

    opacity: 0;

    visibility: hidden;

	overflow: hidden;

	text-align: center;

	z-index: 99999999;

    background-color:var(--red);

	color: #eeeeee;

	width: 50px;

	height: 48px;

	line-height: 48px;

	right: 30px;

	bottom: 30px;

	padding-top: 2px;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	border-bottom-right-radius: 10px;

	border-bottom-left-radius: 10px;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-ms-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}

.scroll-top-wrapper:hover {

	background-color: var(--black);

}

.scroll-top-wrapper.show {

    visibility:visible;

    cursor:pointer;

	opacity: 1.0;

}

.scroll-top-wrapper i.fa {

	line-height: inherit;

}

.navbar-nav li span {

    width: 40px;

    height: 40px;

    display: inline-block;

    background:var(--red);

    border-radius: 50%;

    text-align: center;

    line-height: 40px;

}

.navbar-nav li span img {

    max-height: 25px;

}

.navbar-nav figcaption {

    width: auto;

    display: inline-block;

    text-align: left;

    vertical-align: top;

    color: #fff;

    font-size: 16px;

    line-height: 18px;

    font-weight: 600;

	float: right;

}

.navbar-nav  li figcaption label {

    display: block;

    font-size: 14px;

    font-weight: 400;

    margin: 0;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 1px;

	

}

.card {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: 1px solid rgba(0,0,0,.125);

    border-radius: 0.25rem;

    box-shadow: 1px 1px 5px #ccc;

}

.card:hover {

	-webkit-box-shadow: 9px 13px 16px 4px rgb(0 0 0 / 40%); */

    /* box-shadow: 9px 13px 16px 4px rgb(0 0 0 / 42%); */

    -webkit-box-shadow: 7.727px 2.071px 21px 0px rgb(6 6 6 / 40%);

    7.727px 2.071px 21px 0px rgb(6 6 6 / 80%): ;

    -o-box-shadow: 7.727px 2.071px 21px 0px rgba(6, 6, 6, 0.40);

    -moz-box-shadow: 7.727px 2.071px 21px 0px rgba(6, 6, 6, 0.40);

    -webkit-transition: box-shadow 0.5s ease-in-out;

    -o-transition: box-shadow 0.5s ease-in-out;

    -moz-transition: box-shadow 0.5s ease-in-out;

    transition: box-shadow 0.5s ease-in-out;

}

 

.card-body form select {

	height: 35px;

    background: #34343440;

	 

}

.searchbar{

    margin-bottom: auto;

    margin-top:12px;

    height:40px; 
	line-height: 15px;

    border-radius: 30px;

    padding: 10px;

	border: 1px var(--black) solid;

    }



    .search_input{

    color: #000;

    border: 0;

    outline: 0;

    background: none; 

    caret-color:transparent; 

    transition: width 0.4s linear;

    }



  



    .search_icon{

    height: 40px;

    

    float: right;

    display: flex;

    justify-content: center;

    align-items: center;

     

    color:white;

    text-decoration:none;

    }

	.border-bottom{

		border-bottom: none !important;

		border-top: none;

	}

	.breadcrumb-bg{

		background: #e9ecef;

	}



	.pd-wrap {

		padding: 10px 0;

		font-family: 'Poppins', sans-serif;

	}

	.heading-section {

		text-align: center;

		margin-bottom: 20px;

	}

	.sub-heading {

		font-family: 'Poppins', sans-serif;

		font-size: 12px;

		display: block;

		font-weight: 600;

		color: #2e9ca1;

		text-transform: uppercase;

		letter-spacing: 2px;

	}

	.heading-section h2 {

		font-size: 32px;

		font-weight: 500;

		padding-top: 10px;

		padding-bottom: 15px;

		font-family: 'Poppins', sans-serif;

	}

	.user-img {

		width: 80px;

		height: 80px;

		border-radius: 50%;

		position: relative;

		min-width: 80px;

		background-size: 100%;

	}

	.carousel-testimonial .item {

		padding: 30px 10px;

	}

	.quote {

		position: absolute;

		top: -23px;

		color: #2e9da1;

		font-size: 27px;

	}

	.name {

		margin-bottom: 0;

		line-height: 14px;

		font-size: 17px;

		font-weight: 500;

	}

	.position {

		color: #adadad;

		font-size: 14px;

	}

	.owl-nav button {

		position: absolute;

		top: 50%;

		transform: translate(0, -50%);

		outline: none;

		height: 25px;

	}

	.owl-nav button svg {

		width: 25px;

		height: 25px;

	}

	.owl-nav button.owl-prev {

		left: 25px;

	}

	.owl-nav button.owl-next {

		right: 25px;

	}

	.owl-nav button span {

		font-size: 45px;

	}

	.product-thumb .item img {

		height: 100px;

	}
	.product-dtl h2{
		color:#dd2328;
		font-size: 22px !important;
	}
	.tab-content h2{
		color:#dd2328;
		font-size: 22px !important;
	}
	.product-name {

		font-size: 22px !important;

		font-weight: 500;

		line-height: 22px;

		margin-bottom: 20px !important;
		color:#dd2328;


	}
	.product-name h1{
		font-size: 28px;
	}

	.product-price-discount {

		font-size: 22px;

		font-weight: 400;

		padding: 10px 0;

		clear: both;

	}

	.product-price-discount span.line-through {

		text-decoration: line-through;

		margin-left: 10px;

		font-size: 14px;

		vertical-align: middle;

		color: #a5a5a5;

	}

	.display-flex {

		display: flex;

	}

	.align-center {

		align-items: center;

	}

	.product-info {

		width: 100%;

	}

	.reviews-counter {

		font-size: 13px;

	}

	.reviews-counter span {

		vertical-align: -2px;

	}

	.rate {

		float: left;

		padding: 0 10px 0 0;

	}

	.rate:not(:checked) > input {

		position:absolute;

		top:-9999px;

	}

	.rate:not(:checked) > label {

		float: right;

		width: 15px;

		overflow: hidden;

		white-space: nowrap;

		cursor: pointer;

		font-size: 21px;

		color:#ccc;

		margin-bottom: 0;

		line-height: 21px;

	}

	.rate:not(:checked) > label:before {

		content: '\2605';

	}

	.rate > input:checked ~ label {

		color: #ffc700;    

	}

	.rate:not(:checked) > label:hover,

	.rate:not(:checked) > label:hover ~ label {

		color: #deb217;  

	}

	.rate > input:checked + label:hover,

	.rate > input:checked + label:hover ~ label,

	.rate > input:checked ~ label:hover,

	.rate > input:checked ~ label:hover ~ label,

	.rate > label:hover ~ input:checked ~ label {

		color: #c59b08;

	}

	.product-dtl p {

		font-size: 14px;

		line-height: 24px;

		color: #7a7a7a;

	}

	.product-dtl .form-control {

		font-size: 15px;

	}

	.product-dtl label {

		line-height: 16px;

		font-size: 15px;

	}

	.form-control:focus {

		outline: none;

		box-shadow: none;

	}

	.product-count {

		margin-top: -20px; 

	}

	.product-count .qtyminus,

	.product-count .qtyplus {

		width: 34px;

		height: 34px;

		background: #212529;

		text-align: center;

		font-size: 19px;

		line-height: 36px;

		color: #fff;

		cursor: pointer;

	}

	.product-count .qtyminus {

		border-radius: 3px 0 0 3px; 

	}

	.product-count .qtyplus {

		border-radius: 0 3px 3px 0; 

	}

	.product-count .qty {

		width: 60px;

		text-align: center;

	}

	.round-black-btn {

		border-radius: 4px;

		background:var(--red);

		color: #fff;

		padding: 7px 45px;

		display: inline-block;

		margin-top: 20px;

		border: solid 2px #212529; 

		transition: all 0.5s ease-in-out 0s;

	}

	.round-black-btn:hover,

	.round-black-btn:focus {

		background:#dd2328;

		color: #fff;

		text-decoration: none;

	}

	

	.product-info-tabs {

		margin-top: 25px; 

	}

	.product-info-tabs .nav-tabs {

		border-bottom: 2px solid var(--red);

	}

	.product-info-tabs .nav-tabs .nav-item {

		margin-bottom: 0;

	}

	.product-info-tabs .nav-tabs .nav-link {

		border: none; 

		border-bottom: 2px solid transparent;

		color: #323232;

	}

	.product-info-tabs .nav-tabs .nav-item .nav-link:hover {

		border: none; 

	}

	.product-info-tabs .nav-tabs .nav-item.show .nav-link, 

	.product-info-tabs .nav-tabs .nav-link.active, 

	.product-info-tabs .nav-tabs .nav-link.active:hover {

		border: none;  

		font-weight: bold;

		color: var(--red);

	}

	.product-info-tabs .tab-content .tab-pane {

		padding: 30px 0px;

		font-size: 15px;

		line-height: 24px;

		color: #000;

		text-align: justify;

	}

	.review-form .form-group {

		clear: both;

	}

	.mb-20 {

		margin-bottom: 20px;

	}

	

	.review-form .rate {

		float: none;

		display: inline-block;

	}

	.review-heading {

		font-size: 24px;

		font-weight: 600;

		line-height: 24px;

		margin-bottom: 6px;

		text-transform: uppercase;

		color: #000;

	}

	.review-form .form-control {

		font-size: 14px;

	}

	.review-form input.form-control {

		height: 40px;

	}

	.review-form textarea.form-control {

		resize: none;

	}

	.review-form .round-black-btn {

		text-transform: uppercase;

		cursor: pointer;

	}

	.product-detail{

		background: #e9ecef;

		padding: 25px 10px;

		border: 1px #ccc solid;

	}

	.what-txt{

		margin-top: 0px;

	}

	.what-txt h4{

		color: var(--red);

		font-size: 20px;

		font-weight: 600;

	}

	.cart-wrap {

		padding: 40px 0;

		font-family: 'Open Sans', sans-serif;

	}

	.main-heading {

		font-size: 19px;

		margin-bottom: 20px;

	}

	.table-cart table {

		width: 100%;
		border:1px #ccc solid;

	}

	.table-cart thead {

		border-bottom: 1px solid #e5e5e5;

		margin-bottom: 5px;

	}

	.table-cart thead tr th {

		padding: 8px 0 18px;

		color: var(--black);

		font-size: 15px;

		font-weight:bold;
        background: #e9ecef;
	}

	.table-cart tr td {

		padding: 40px 10px 27px;

		vertical-align: middle;

	}

	.table-cart tr td:nth-child(1) {

		width: 52%;

	}

	.table-cart tr td:nth-child(2) {

		width: 26%;

	}

	.table-cart tr td:nth-child(3) {

		width: 13.333%;

	}

	.table-cart tr td:nth-child(4) {

		width: 7.667%;

		text-align: right;

	}

	.table-cart tr td .img-product {

		width: 72px;

		float: left;

		margin-left: 8px;

		margin-right: 15px;

		line-height: 63px;

	}

	.table-cart tr td .img-product img {

		width: 100%;

	}

	.table-cart tr td .name-product {

		font-size: 15px;

		color:var(--black);

		padding-top: 8px;

		line-height: 24px;

		width: 55%;

	}

	.table-cart tr td .price {

		text-align: right;

		line-height: 64px;

		margin-right: 40px;

		color: var(--red);

		font-size: 16px;

		font-family: 'Nunito';

	}

	.table-cart tr td .quanlity {

		position: relative;

	}

	.product-count .qtyminus,

	.product-count .qtyplus {

		width: 34px;

		height: 34px;

		background: transparent;

		text-align: center;

		font-size: 19px;

		line-height: 34px;

		color: #000;

		cursor: pointer;

		font-weight: 600;

	}

	.product-count .qtyminus {

		line-height: 32px;

	}

	.product-count .qtyminus {

		border-radius: 3px 0 0 3px; 

	}

	.product-count .qtyplus {

		border-radius: 0 3px 3px 0; 

	}

	.product-count .qty {

		width: 60px;

		text-align: center;

		border: none;

	}

	.count-inlineflex {

		display: inline-flex;

		border: solid 2px #ccc;

		border-radius: 20px;  

	}

	.total {

		font-size: 18px;

		font-weight: 600;

		color:var(--red);

	}

	.display-flex {

		display: flex;

	}

	.align-center {

		align-items: center;

	}

	

	.coupon-box {

		padding: 63px 0 58px;

		text-align: center;

		border: 2px dotted #e5e5e5;

		border-radius: 10px;

		margin-top: 55px;

	}

	.coupon-box form input {

		display: inline-block;

		width: 264px;

		margin-right: 13px;

		height: 44px;

		border-radius: 25px;

		border: solid 2px #cccccc;

		padding: 5px 15px;

		font-size: 14px;

	}

	input:focus {

		outline: none;

		box-shadow: none;

	}

	.round-black-btn {

		border-radius: 25px;

		background:var(--red);

		color: #fff;

		padding: 8px 35px;

		display: inline-block;

		border: solid 2px var(--red); 

		transition: all 0.5s ease-in-out 0s;

		cursor: pointer;

		font-weight: bold;

	}

	.round-black-btn:hover,

	.round-black-btn:focus {

		background: transparent;

		color: var(--red);

		text-decoration: none;

		font-weight: bold;

	}

	.cart-totals {

		border-radius: 3px;

		background: #e9ecef;

		padding: 25px;

	}

	.cart-totals h3 {

		font-size: 19px;

		color: var(--black);

		letter-spacing: 1px;

		font-weight: 500;

	}

	.cart-totals table {

		width: 100%;

	}

	.cart-totals table tr th,

	.cart-totals table tr td {

		width: 50%;

		padding: 3px 0;

		vertical-align: middle;

	}

	.cart-totals table tr td:last-child {

		text-align: right;

	}

	.cart-totals table tr td.subtotal {

		font-size: 20px;

		color: var(--black);

	}

	.cart-totals table tr td.free-shipping {

		font-size: 14px;

		color: var(--black);

	}

	.cart-totals table tr.total-row td {

		padding-top: 25px;

	}

	.cart-totals table tr td.price-total {   

		font-size: 18px;

		font-weight: 600;

		color:var(--red);

	}

	.btn-cart-totals {

		text-align: center;

		margin-top: 60px;

		margin-bottom: 20px;

	}

	.btn-cart-totals .round-black-btn {

		margin: 10px 0; 

	}

	.checkout-div{

		background: #fafafa;

		padding-top: 30px;

		padding-bottom: 30px;

		 

	}

	.checkout-inner-div{

		background: #fff;

		border-radius: 5px;

		box-shadow: 1px 1px 5px #ccc;

		padding: 10px;

	}

	.checkout-inner-div h4{

		font-size: 18px;

		font-weight: bold;

	}

	.summary-left-div{

		background: #fff;

		border-radius: 5px;

		box-shadow: 1px 1px 5px #ccc;

		padding: 10px;

	}

	.summary-left-div h4{

		font-size: 18px;

		font-weight: bold;

	}

	#form-container { 

		border: 1px var(--red) solid;

		padding: 20px;

	} 

	.checkout-div input[type="text"], input[type="password"] {

		width:100%;

		height: 45px;

		margin-top: 10px; 

		padding-left: 10px;

		margin-bottom: 10px;

	} 

	.checkout-div input[type="email"], input[type="password"] {

		width:100%;

		height: 45px;

		margin-top: 10px; 

		padding-left: 10px;

		margin-bottom: 10px;

	} 

	fieldset {

		width: 600px;

		margin-left: 28%;

		height: 200px;

		margin-top: 15%;

	}

	.checkout-div select {

		width: 100%;

    height: 45px;

    margin-top: 10px;

    padding-left: 10px;

    margin-bottom: 10px;

	} 

	input[type="checkbox"]{

		cursor: pointer;

	}  

	.bg-danger {

		background-color: var(--red)!important;

	}

	.social:hover {

		-webkit-transform: scale(1.1);

		-moz-transform: scale(1.1);

		-o-transform: scale(1.1);

	}

	.social {

		-webkit-transform: scale(0.8);

		/* Browser Variations: */

		

		-moz-transform: scale(0.8);

		-o-transform: scale(0.8);

		-webkit-transition-duration: 0.5s;

		-moz-transition-duration: 0.5s;

		-o-transition-duration: 0.5s;

	}

   

   /*

	   Multicoloured Hover Variations

   */

	

	#social-fb:hover {

		color: #3B5998;

	}

	#social-tw:hover {

		color: #4099FF;

	}

	#social-gp:hover {

		color: #d34836;

	}

	#social-em:hover {

		color: #9f00aa;

	}

	#social-pt:hover {

		color: #d34836;

	}

.about-div{

	padding-top: 30px;

	padding-bottom: 30px;

}

.about-div h1{

	font-size: 28px;

	font-weight: bold;

	border-bottom: 3px var(--red) solid;

}

.about-div h2{

	font-size: 20px;

	font-weight: bold;

	border-bottom: 3px var(--red) solid;

}

.detail-sec {

    width: 100%;

    float: left;

}

.detail-sec h1, .detail-sec h2, .detail-sec h3 {

    font-size: 20px;

    color: var(--red);

    font-weight: 600;

}

.top-review {

    display: inline-block;

}

.admin-ranking {

    float: left;

    width: 100%;

}

.admin-ranking a {

    color: #000;

}

.star {

    position: relative;

    float: left;

    font-size: 14px;

    top: 4px;

    left: 10px;

}

.star i {

    color: #ffd100;

}

.patient_info {

    width: auto;

    display: inline-block;

    float: right;

    margin: 0px 0 0;

}

.pro-tabs{

	text-align: justify;

}

.patient_info a {

    padding: 5px;

    display: inline-block;

    border: solid 1px var(--red);

    color: var(--red);

    font-weight: 600;

}

#slideshow-left {

    border: 1px solid var(--red);

    width: 100%;

}

#slideshow-left {

    border: 1px solid var(--red);

    width: 100%;

    height: 240px;

    line-height: 240px;

    margin-top: 20px;

	text-align: center;

}

.price-options {

    width: 100%;

    margin: 20px auto;

}

.price-options td.btn {

    border:none !important;

}

.pro_row table.price-options th {

    padding: 20px;

    text-align: center;

    background: #2482b6!important;

    color: #fff;

}

.pro_row table.price-options tr td:last-child {

    border: none;

}

.pro_row td.btn a {

    background: #2581b6;

    color: #fff;

    padding: 5px 20px;

    border-radius: 20px;

    border: 1px solid #2581b6;

    -moz-transition: all ease-in-out .4s;

    -ms-transition: all ease-in-out .4s;

    -webkit-transition: all ease-in-out .4s;

}

.btn a{

	background: var(--red);

	padding: 10px;

	border-radius: 25px;

	color: #fff;

	font-size:14px;

}
@media (min-width:200px){
	.mobile-none{
		display: none !important;
	}
	
}
@media (min-width:320px) and (max-width:768px){
	span.cartno {
		font-size: 12px;
		font-weight: 600;
		position: absolute;
		border: solid var(--red);
		border-radius: 60%;
		height: 20px;
		width: 20px;
		background: var(--red);
		color: #fff;
		top: 0px;
		right: 30px;
		line-height: 16px;
		text-align: center;
	}
	.product-count {
		margin-top: 0px;
	}
	.mobile-none{
		display: none !important;
	}
	.banner-text{
		display: none;
	}
	.heading{
		display: none;
	}
}

@media (min-width:768px) and (max-width:1024px){
	.mobile-none{
		display: none;
	}
	.banner-text{
		display: none;
	}
	.heading{
		display: none;
	}
}