/*

Description: Video and News experience in a simple design comfortable for every type of user.
Version: 1.0


Normalizing styles have been helped along thanks to the fine work of
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Links
# Accessibility
# Alignments
# Clearings
# Widgets
## Comments
# Infinite scroll
# Media
## Captions
# Header Section

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*===================================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*===================================================================================== */
html {
font-family: 'Noto Serif', serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust:     100%;
}

body {
margin: 0;
font-family: 'Noto Serif', serif;
font-size: 14px;
overflow-x:hidden;
background:#f7f7f7!important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}

audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}

audio:not([controls]) {
display: none;
height: 0;
}

[hidden],
template {
display: none;
}

a {
background-color: transparent;
}

a:active,
a:hover {
outline: 0;
}
ul  {
list-style:none;
margin:0px;
padding:0px;
}
ul li {
list-style:none;
margin:0px;
padding:0px;
}
abbr[title] {
border-bottom: 1px dotted;
}

b,
strong {
font-weight: bold;
}

dfn {
font-style: italic;
}

h1 {
font-size: 2em;
margin: 0.67em 0;
}

mark {
background: #ff0;
color: #000;
}

small {
font-size: 80%;
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

img {
border: 0;
}

svg:not(:root) {
overflow: hidden;
}

figure {
margin: 0;
line-height: 0;
}

hr {
box-sizing: content-box;
height: 0;
}

pre {
overflow: auto;
}

code,
kbd,
pre,
samp {
font-family: 'Noto Serif', serif;
font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}

button {
overflow: visible;
}

button,
select {
text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}

button[disabled],
html input[disabled] {
cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

input {
line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}

legend {
border: 0;
padding: 0;
}

textarea {
overflow: auto;
}

optgroup {
font-weight: bold;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

td,
th {
padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #e1e1e1;
font-family: 'Noto Serif', serif;
font-size: 14px;
font-size: 1rem;
line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: 'Noto Serif', serif;
}

dfn,
cite,
em,
i {
font-style: italic;
}

blockquote {
margin: 0 1.5em;
}

address {
margin: 0 0 1.5em;
}

pre {
background: #eee;
font-family: 'Noto Serif', serif;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}

code,
kbd,
tt,
var {
font-family: 'Noto Serif', serif;
font-size: 15px;
font-size: 0.9375rem;
}

abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}

mark,
ins {
background: #fff9c0;
text-decoration: none;
}

big {
font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}

body {
background: #f7f7f7; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}

blockquote,
q {
quotes: "" "";
}

hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}

ul,
ol {
margin: 0;
}

ul {
list-style: disc;
}

ol {
list-style: decimal;
}

li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}

dt {
font-weight: bold;
}

dd {
margin: 0 1.5em 1.5em;
}

img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}

table {
margin: 0 0 1.5em;
width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button {
background: none;
display: inline-block;
font-size: 14px;
font-weight: 300;
line-height: 20px;
padding: 5px 15px;
position: relative;
text-transform: uppercase;
z-index: 1;
transition: all ease-in-out 0.4s;
-webkit-transition: all ease-in-out 0.4s;
}
button:after {
content: "";
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
top: 0;
height: 100%;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all ease-in-out 0.4s;
-webkit-transition: all ease-in-out 0.4s;
}
button:hover:after {
opacity: 1;
filter: alpha(opacity= 100);
visibility: visible;
width: 100%;
}

button:hover, button:active, button:focus {
border-color: #e1e1e1!important;
}
.navbar-light .navbar-toggler {
color: #f7f7f7;
border-color: #e1e1e1;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
background: none;
border-radius: 0;
color: #1c1616;
border: 2px solid #1c1616;
display: inline-block;
font-size: 14px;
font-weight: 300;
line-height: 20px;
padding: 5px 15px;
text-transform: uppercase;
transition: all ease-in-out 0.4s;
-webkit-transition: all ease-in-out 0.4s;
}
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
background: #e1e1e1;
color: #f7f7f7;
border-color: #e1e1e1;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #e1e1e1;
border: 1px solid #e1e1e1;
border-radius: 0px;
padding: 5px 10px;
font-size:14px;
width: 100%;
}

select {
border: 1px solid #e1e1e1;
background: url(images/dropdown.png) no-repeat;
background-position: 90% 50%;
border-radius: 0;
font-size: 14px;
width: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
padding-left: 5px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}

textarea {
width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
text-decoration: none;
color: inherit;
transition: all ease-in-out 0.4s;
-webkit-transition: all ease-in-out 0.4s;
}

a:visited {
color: inherit;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: inherit;
text-decoration: none;
}

a:focus {
outline: thin dotted;
}

a:hover,
a:active {
outline: 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}

.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}

.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}

.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after, 
.ed-container:before, 
.ed-container:after {
content: "";
display: table;
/*table-layout: fixed;*/
}

.clearfix:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after, 
.ed-container:after {
clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
.widget:last-child {
margin-bottom: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}

.hentry {
margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
display: none;
}

.single .byline,
.group-blog .byline {
display: inline;
}

.entry-content,
.entry-summary {
margin: 1.5em 0 0;
font-size: 14px;
line-height: 25px;
}
.page-content {
font-size: 14px;
line-height: 25px;
}

.page-links {
clear: both;
margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}

.bypostauthor {
display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content /8958.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
width: 100%;
}
.p-left {
padding-left:0px!important;
}
.p-right{
padding-right:0px!important;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}

.wp-caption-text {
text-align: center;
}
/*---------------------------------
# Top Header 
----------------------------------*/
.top-header {
border-bottom: 1px solid #efeeee;
    padding: 10px 0px;
    background: #ffffff;
}
.left-sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 9;
top: 0;
Left: 0;
border:1px solid #efeeee;
background-color: #ffffff;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.left-sidenav ul li 
{
 padding: 15px 6px;	
}
.left-sidenav .navbar-header
{
	width:100%;
}
.left-sidenav a {
     text-decoration: none;
    font-size: 14px;
    color: #757575;
	font-weight:600;
    display: block;
    transition: 0.3s;
   
}
.left-sidenav li i {
    padding-right: 10px;
    color: #757575;
}
.left-sidenav a:hover {
color: #027981;
text-decoration:none;
}

.left-sidenav  .fa-chevron-circle-down{
    float: right;
    margin-top: 5px;
    }
.navbar-toggle {
    background: #efefef;
    padding: 10px 10px 10px 10px;    
}
.left-sidenav .collapse.show {
    display: block;
    padding-left: 30px;
    border: 1px solid #efeeee;
    background: #ffdcaf;
}
.left-sidenav .closebtn {
position: absolute;
top: 0;
right: 0;
font-size: 18px;
border-bottom:1px solid #eeeeee;
background: #ffffff;
width: 100%;
text-align: right;
padding: 15px 15px;
color: #757575;
font-weight: 600;
}
.topmenu
{
font-size: 18px;
float: left;
line-height: 32px;	
}
.togmenu .togtwo
{
font-size: 24px;
cursor: pointer;
padding: 0px 0px 0 40px;
color: #757575;
text-align:right;
}
.location {
margin-left:30px;
}
.location .custom-select {
  position: relative;
      display: inline-block;
    width: 160px;
       padding: 6px;
    line-height: 1.5;
    color: #757575;
	 font-size:14px;
	  font-weight:600;
    vertical-align: top;
   background-size: 8px 10px;
    border: 1px solid #efeeee;
       -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.location .custom-select select {
  display: none; /*hide original SELECT element: */
}


/* Style the arrow inside the select element: */
.location .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.location .select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.location .select-items div,.select-selected {
      color: #757575;
	  font-size:14px;
	  font-weight:600;
    padding: 0px 15px;
    cursor: pointer;
    border: 0;
}

/* Style items (options): */
.location .select-items {
       border: 1px solid #efeeee;
    position: absolute;
    background-color: #fff;
    left: 0;
    right: 0;
    top: 36px;
    z-index: 99;
    width: 160px;
}
.location .select-items div {
	padding: 10px;
    border-bottom: 1px solid #efeeee;
}

/* Hide the items when the select box is closed: */
.location .select-hide {
  display: none;
}

.location .select-items div:hover, .same-as-selected {
  background-color:#ffdcaf;
}




.dashprofile {
	float:right;
	padding: 0px 15px;
}
.dashprofile ul{
	padding:0px;
	margin:0px;
	margin-top:6px;
	list-style:none;
}
.dashprofile ul li{
	display:inline;
	padding:0px 18px;
	position: relative;
}
.dashprofile ul li a{
	color:#757575;
	font-size:14px;
	font-weight:600;
}
.dashprofile ul li .fa-phone-square-alt,
.dashprofile ul li .fa-gifts,
.dashprofile ul li .fa-question-circle
{
margin-right:5px;
}
.dashprofile ul li a:hover{
text-decoration:none;
color:#027981;
}
.dashprofile .wishlist a{
height: 40px;
    width: 40px;
    background: #ffdcaf;
    padding: 10px 13px;
    border-radius: 49px;
	color:#027981;
}
.toppin {
    position: absolute;
    top: -13px;
    background: #027981;
    font-size: 12px;
    border-radius: 50px;
    width: 22px;
    height: 22px;
    padding: 6px 8px;
    line-height: 9px;
    color: #fff;
    right: 8px;
    font-weight: 600;
}
.dashprofile .dropdown {
  position: relative;
  display: inline-block;
}
.dashprofile .dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 240px;
    z-index: 2;
    right: 0px;
	border:1px solid #efeeee;
}
.dashprofile .dropdown-content a {
      font-weight: 600;
    color: #757575;
    padding: 15px 15px;
    font-size: 14px;
    float: left;
    border-bottom: 1px solid #efeeee;
    width: 100%;
}
 .dashprofile .dropbtn {
     font-weight: 600;
    color: #757575;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 2px;
    background: #efefef6b;
    border: 1px solid #efefef6b;
}
.dashprofile .dropdown-content i{
	padding-right: 8px;
    color: #757575;
}
.dashprofile .dropbtn i{
padding-right: 7px;	
}
.dashprofile .dropbtn .fa-map-marker-alt 
{
padding-right: 8px;
}
 .dashprofile .dropbtn .fa-angle-down
{
padding-left: 8px;
}
.dashprofile .dropdown:hover .dropdown-content {display: block;}
.dashprofile .dropdown-content a:hover {
	 background-color: #ffdcaf;
 text-decoration:none;}


/*================================================
	Header
=================================================*/
.header {
background:#ffffff;
padding:0px 0;
}
.search_bar {
margin: 13px auto;
position: relative;
width: 70%;

}
.search_bar input[type="text"]
{
background: transparent;
border-radius: 30px;
padding:10px 10px 10px 50px;
font-size: 14px;
color:#e1e1e1;
font-weight: 500;
border: 1px solid #e1e1e1;
}
.search_bar button {
position: absolute;
left: 0;
border: 0;
top: 5px;	
}
.search_bar .fa-search {
color: #757575;
font-size: 17px;
}

.header  .right-sidenav {
height: 100%;
position: fixed;
z-index: 9;
top: 0;
right: 0;
background-color: #ffffff;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
border: 1px solid#efeeee;
}
.header  .right-sidenav .topcart
{
font-size: 18px;
    float: right;
    line-height: 24px;
    color: #757575;
    width: 90%;
    text-align: right;	
}

.header  .right-sidenav .closebtn {
position: absolute;
    top: 0;
    right: 0;
font-size: 18px;
    background: #ffffff;
     width: 100%;
    text-align: right;
    padding: 15px 15px;
    color: #757575;
    font-weight: 600;
	border:1px solid #eeeeee;
}

.header  .togmenu .togtwo
{
font-size: 18px;
cursor: pointer;
padding: 0px 0px 0 40px;
color: #757575;
text-align: right;

}
.header   .r-cart
{
background: #027981;
padding: 24px 12px;
text-align: center;
color: #ffffff;
font-size: 14px;
font-weight: 600;
cursor: pointer;
letter-spacing: 2px;

}
.header  .right-sidenav a:hover,
.topcart:hover {
color: #027981;
}
.top-cart {
    position: absolute;
    z-index: 999;
    top: 72px;
    color: #000;
    width: 100%;
	border-bottom:1px solid #efeeee;
	padding:10px 0px;
}
.top-cart .Pro-name 
{
color:#757575;
font-size:14px;
 letter-spacing: 0;
text-align:left;
font-weight:600;
}
.top-cart .Pro-price 
{
color:#757575;
font-size:14px;
text-align:right;
 letter-spacing: 0;
font-weight:600;	
}
.top-cart p{
    margin-bottom: 0px;
    padding-top: 10px;
    font-size: 14px;
    color: #363636;
    letter-spacing: 0;
}
.proced{
    position: absolute;
    bottom: 0;
    width: 100%;
    
}
.prompcode {
    width: 100%;

}
.prompcode a {
    font-size: 14px!important;
    float: left;
    padding: 15px 15px;
     letter-spacing: 0px;
    border: 0px!important;
    border-top: 1px solid #efeeee!important;
    border-bottom: 1px solid #efeeee!important;
    width: 100%;
    text-align: center;
    color: #757575;
}
.prompcode a:hover{
	text-decoration:none;
}
.proceeds {
    width: 100%;
    padding: 15px 15px;	
}
.proceeds button {
    font-size: 14px;
    border: 0px;
    border-radius: 4px;
    padding: 15px 24px;
    font-weight: 600;
    color: #ffffff;
	background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
}
.proceeds button:hover{
	background:#757575;
}

.side-cart-items {
    margin-top: 20%;
    border-top: 1px solid #efeeee;

}

.cart-product-img {
     width: 35%;
    position: relative;
    float: left;
}

.cart-product-img img {
    width: 100%;
    border-radius: 5px;
	border: 1px solid #f7f7f7;
}

.offer-badge {
  position: absolute;
    top: 7px;
    left: 7px;
    font-size: 10px;
    font-weight: 700;
    color: #ffffff;
    background: #027981;
    padding: 1px 10px 0px;
    border-radius: 50px;
    line-height: 20px;
}

.cart-text {
	margin-left: 15px;
	width: 60%;
	float:left;
}

.cart-text h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: #027981;
	text-align: left;
	margin-bottom: 10px;
}

.cart-close-btn {
    position: absolute;
    top: 2px;
    right: 0;
    background: transparent;
    border: 0;
    font-size: 18px;
    color: #027981;
}

.cart-close-btn:hover {
    color: #027981;
}


/* --- Cart Radio Btn --- */

.kggrm-now {
  list-style-type: none;
  margin:  0;
  padding: 0;
}

.kggrm-now li {
	    margin-right: 3px;
    width: 50px;
    height: 34px;
    position: relative;
    text-align: center;
    display: inline-block;
}

.kggrm-now label,
.kggrm-now input {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.kggrm-now input[type="radio"] {
	display: none;
}

.kggrm-now input[type="radio"]:checked+label,
.Checked+label {
	background: #027981;
}

.kggrm-now label {
	padding: 3px 4px;
    cursor: pointer;
    background: #323232;
    color: #ffffff;
    border-radius: 3px;
    font-weight: 600;
	font-size: 12px;
}

.kggrm-now label:hover {
	background: #027981;
}

.qty-group {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

/* -- quantity box -- */

.quantity {
 display: inline-block; }

.quantity .input-text.qty {
    width: 35px;
    height: 30px;
    padding: 0 5px;
    text-align: center;
    background-color: transparent;
    border: 0;
    margin-left: -4px;
    margin-right: -4px;
    background: #fff;
    font-size: 12px;
    font-weight: 500;
    color: #454545;
    border: 1px solid #efeeee;
}

.quantity .input-text.qty.white-bg-input {
    border: 1px solid #efefef;
}

.quantity.buttons_added {
	 text-align: left;
	 position: relative;
	 white-space: nowrap;
	 vertical-align: top; 
 }

.quantity.buttons_added input {
	 display: inline-block;
	 margin: 0;
	 vertical-align: top;
	 box-shadow: none;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
    padding: 6px 10px 5px;
    height: 30px;
    background-color: #323232;
    border: 0;
	color: #fff;
    cursor: pointer;
    border-radius: 3px;
	width: 30px;
}

.quantity.buttons_added .minus-btn {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.quantity.buttons_added .plus-btn {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.quantity.buttons_added .minus {
	border-right: 0;	
}

.quantity.buttons_added .plus {
	border-left: 0; 
}

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
	background: #027981;
	color: #fff !important;
	transition: all .2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
	background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
 }

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
	 -webkit-appearance: none;
	 -moz-appearance: none;
	 margin: 0;
 }
 
.quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
	outline: none; 
}


.cart-item-price {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: #027981;
    text-align: right;
	display: inline-flex;
	margin-left: auto;
}
.cart-item-price span {
	color:#999999;
}



.socialicon
{
text-align:right;
margin: 12px 0 0;
}
.socialicon ul{
padding:0px;
margin:0px;
}
.socialicon ul li{
display: inline;
padding-left: 10px;
}
.socialicon ul li a i{
font-size:20px;
color:#e1e1e1;
}
.socialicon ul li a i:hover{
color:#027981;
}


/*------------------------------------------------------------------
Banner Slider
-------------------------------------------------------------------*/

.slider-bg-one {
background-image: url("../images/slider/slider-3.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.slider-bg-two {
background-image: url("../images/slider/slider-2.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.slider-bg-three {
background-image: url("../images/slider/slider-3.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.slider-bg-four {
background-image: url("../images/slider/slider-4.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}

.slider-content-area {
width:100%;
text-align:center;
position: relative;
}

.home-one-slider-otem .slider-content-area {
height: 550px;
position: relative;
}
.slide-text {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 1;
}
.main-Slider .homepage-three-title h2{
color:#ffffff;
font-size:48px;
text-transform:capitalize;
padding:90px 0px 30px;
}
.main-Slider .textslide  {
color:#ffffff;
font-size:18px;
text-transform:uppercase;
}

.main-Slider .textslide p{
color: #ffffff;
font-size:14px;
padding-top:20px;
}
.main-Slider hr{
border-top: 1px solid #027981;
margin: 30px auto;
width: 38%;

}
.main-Slider .textslidebtm p
{
font-size:14px;
color:#ffffff;
line-height:26px;
margin-bottom:50px;
}
.main-Slider .blue-btn
{
padding:20px 20px;
background:#454545;
color:#ffffff;
font-size:14px;
text-transform:uppercase;
}
.main-Slider .green_btn
{
padding:20px 20px;
margin-left:10px;
background:#027981;
color:#ffffff;
font-size:14px;
text-transform:uppercase;
}
.main-Slider .green_btn,
.main-Slider .blue-btn
{
	text-decoration:none;
}
.slider-wrapper .owl-nav .owl-prev, .slider-wrapper .owl-nav .owl-next {
height: 60px;
top: 50%;
transform: translateY(-50%);
transition: all 0.4s ease-in-out 0s;
width: 60px;
border-radius: 25px 0px 25px 0px;
}

.slider-wrapper .owl-nav .owl-prev:hover, .slider-wrapper .owl-nav .owl-next:hover {
color: #484848;
text-decoration:none;
}

.slider-wrapper .owl-nav .owl-prev {
margin-left: 5%;
left: 0px;
position: absolute;
}

.slider-wrapper .owl-nav .owl-prev i{
position: absolute;
    left: 0px;
    right: 0;
    width: auto;
    height: auto;
    font-size: 24px;
     color: #454545;
    background: #ffffff;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 15px 20px
}

.slider-wrapper .owl-nav .owl-next {
margin-right: 5%;
right: 0;
position: absolute;
}

.slider-wrapper .owl-nav .owl-next i{
position: absolute;
right: 0;
left: 0px;
width: auto;
height: auto;
 font-size: 24px;
     color: #454545;
    background: #ffffff;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 15px 20px
}
.slider-wrapper .owl-nav .owl-next i:hover,
.slider-wrapper .owl-nav .owl-prev i:hover
{
background:#027981;
color:#ffffff;
}
.home-one-slider-otem::before{
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0%;
left: 100%;
z-index: 1
}
/**************************
Crasual Slider Top Slider
*************************/
.owl-product {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}
.owl-product .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-product .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    padding: 0px 0 0 0;
}
.owl-product.owl-loaded {
    display: block;
}
.owl-product .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
/**************************
Crasual Slider Top Slider
*************************/
.topslide {
padding:30px 30px;
}
.topslide .owl-dots
{
display:none;
}
.topslide .owl-theme .owl-nav .owl-prev, .topslide .owl-theme .owl-nav .owl-next {
bottom: 122px;
}
.owl-theme .owl-nav .owl-prev {
position: absolute;
left: -14px;
color: #363636363636!important;
border-radius: 50%!important;
bottom: 92px;
height: 36px;
font-size: 16px!important;
width: 36px;
background: #ffffff!important;
margin: 0px!important;
line-height: 2px!important;
-webkit-box-shadow: 2px 4px 3px 0 rgba(34, 36, 38, 0.2) !important;
box-shadow: 2px 4px 3px 0 rgba(34, 36, 38, 0.2) !important;
}
.owl-theme .owl-nav .owl-prev i
{
line-height:30px;	
}
.owl-theme .owl-nav .owl-next {
position: absolute;
right: -14px;
border-radius: 50%!important;
bottom: 92px;
color: #363636363636!important;
height: 36px;
font-size: 16px!important;
width: 36px;
background: #ffffff!important;
font-weight: 900!important;
margin: 0px!important;
line-height: 2px!important;
-webkit-box-shadow: 2px 4px 3px 0 rgba(34, 36, 38, 0.2) !important;
box-shadow: 2px 4px 3px 0 rgba(34, 36, 38, 0.2) !important;
}
.owl-theme .owl-nav .owl-next i
{
	line-height:30px;
}


.topslide button:after {
content: "";
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
top: 0;
height: 100%;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all ease-in-out 0.4s;
-webkit-transition: all ease-in-out 0.4s;
}
.topslide button:after {
content: "";
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
top: 0;
height: 100%;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all ease-in-out 0.4s;
-webkit-transition: all ease-in-out 0.4s;
}
.box-img {
position: relative;
background: #ffffff;
padding: 5px 5px;
border-radius:6px;
text-align:center;
}
.box-content {
    position: absolute;
    padding: 15px 15px;
    top: 28%;
       bottom: 0;
    background: #027981;
    text-align: left;
    border-bottom-right-radius: 45%;
    border-top-right-radius: 45%;
    height: 30%;

}
.box-content .slidetitle 
{
    font-size: 14px;
    color: #fff;
    margin: 0;
    line-height: 44px;	
}
.shopgo {
    position: absolute;
    bottom: 16px;
    right: 15px;	
}
.shopgo a {
background: #027981;
    font-size: 14px;
    color: #fff;
    padding: 8px 14px;
    border-radius: 6px;

}
.shopgo a:hover
{
text-decoration:none;
color:#ffffff;
background:#323232;
}
.box-content .post 
{
font-size: 14px;
color: #323232;	
}
.p-both {
padding-right:0px!important;
padding-left:0px!important;
}
.icon{
padding: 0px;
position: absolute;
bottom: -48px;
}
.icon li{
display:inline;
padding:4px 4px;
}
.icon li a{
font-size:14px;
color:#323232;
}
.icon li a:hover{
text-decoration:none;
color:#027981;
}
/*********************************************
	Product Boxes
***********************************************/
.product-mian  .owl-nav
{
	bottom:87px;
}
.product-mian  .owl-nav .owl-prev {
    position: absolute;
    left: -14px;
    color: #363636363636!important;
    border-radius: 50%!important;
    bottom: 155px;
    height: 42px;
    font-size: 16px!important;
    width: 42px;
    background: #ffffff!important;
    margin: 0px!important;
    line-height: 6px!important;
    -webkit-box-shadow: 2px 4px 3px 0 rgba(34, 36, 38, 0.2) !important;
    box-shadow: 2px 4px 3px 0 rgba(34, 36, 38, 0.2) !important;
}
.product-mian  .owl-nav .owl-next {
    position: absolute;
    right: -14px;
    color: #363636363636!important;
    border-radius: 50%!important;
    bottom: 156px;
    height: 42px;
    font-size: 16px!important;
    width: 42px;
    background: #ffffff!important;
    margin: 0px!important;
    line-height: 6px!important;
    -webkit-box-shadow: 2px 4px 3px 0 rgba(34, 36, 38, 0.2) !important;
    box-shadow: 2px 4px 3px 0 rgba(34, 36, 38, 0.2) !important;
}
.layout-section .owl-nav .owl-prev i {
    line-height: 30px;
	padding:7px 16px;
	    font-size: 18px;
}
.layout-section .owl-nav .owl-next i {
    line-height: 30px;
	padding:7px 18px;
	    font-size: 18px;
}
.layout-section {
	padding-top:80px;
	
}
.product-box {
background:#ffffff;
padding-bottom:15px;
}
.images-product {
	position:relative;
	top:0;
	bottom:0px;
}
.images-product .offer {
   position: absolute;
    top: 8px;
    left: 8px;
	padding:4px 10px;
    z-index: 2;
    background: #027981;
	color:#ffffff;
	border-radius:3px;
	font-size:14px;
}
.images-product .wishlist {
   position: absolute;
    top: 8px;
    right: 8px;
	padding:6px 10px;
    z-index: 2;
    background: #027981;
	color:#edaf9b;
	border-radius:50%;
	font-size:14px;
}
.box-middle {
	text-align:center;
}
.box-middle .prduct-ttile {
    font-size: 16px;
    text-align: center;
    color: #424242;
    margin: 15px 0 5px;
    font-weight: 600;
}
.box-middle span{
	color:#cac6c6;
	font-size:14px;
}
.box-middle .price
{
padding:10px 0px;
font-size:14px;
font-weight:600;
}
.box-middle .price-actual {
color:#027981;
text-decoration: line-through;
padding-left:15px;
}
.box-middle  .cart-icon
{
    float: right;
    padding: 6px 16px;
    color: #cac6c6;
	margin-top:15px;
    font-size: 16px;
}
.box-middle  .cart-icon:hover{
	color:#027981;
}
.box-middle .quantity
{
	float:left;
	margin-left:15px;
	margin-top:15px;
}
/*********************
#boxes
*********************/
.mainspace {
padding:0px 0px;
}
.top_title h2 {
width: 100%;
    font-size: 24px;
    padding: 0px 0px 30px;
    font-weight: 600;
}
.top_title i{
	color: #f7f7f7;
    background: #027981;
    padding: 6px;
    border-radius: 50px;
    width: 34px;
    height: 34px;
    line-height: 24px;
    text-align: center;
}
.boxes
{
padding-bottom: 10px;
    background: #fff;
    box-shadow: 0 0.15rem .15rem 0 rgba(99, 99, 89, 0.15) !important;
    margin-bottom: 15px;
}
.boxes .box_title {
font-size: 16px;
color: #595959;
padding: 10px 8px;

}
.boxes .iconbox {
text-align:right;
}
.boxes .iconbox li{
display:inline;
padding:4px 4px;
}
.boxes .iconbox li a{
font-size:14px;
color:#595959
}
.boxes .iconbox li a:hover{
	color:#027981;
	text-decoration:none;
}
.boxes .post{
font-size:14px;
color:#595959;
padding:4px 8px;
}
/**********************
#footer
***********************/
.top-footer {
background: #212221;
color: #f7f7f7;
margin-top: 80px;
font-size: 14px;
line-height: 25px;
padding: 80px 0;
}
.widget-title {
font-size: 16px;
color: #f7f7f7;
font-weight: 600;
margin-bottom: 25px;
}
.footer-block li {
line-height: 22px;
padding: 5px 0;
display: block;

}
.footer-block li a {
font-size: 14px;
text-transform: capitalize;
color: #f7f7f7;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.footer-block li a:hover{
color:#027981;
padding-left:4px;
text-decoration:none;
}
.newsletter label {
color: #f7f7f7;
font-size: 16px;
text-transform: capitalize;
margin-top: 20px;
}
.copyright-text label{

}
.top-footer label {
display: inline-block;
margin-bottom: .5rem;
}
.apps {
float: left;
width: 100%;
}
.apps img {
border-radius: 0px;
width: 47%;
background: #000;
padding: 3px 10px;
margin-right: 5px;
}
.newsletter .control {
position: relative;
text-align: right;
margin-bottom: 20px;
}
.newsletter input[type='email'] {
width: 100%;
padding: 4px;
}
.newsletter .actions {
position: absolute;
right: 0;
top: 0px;
padding: 0px 0px;
margin-top: 0;
}
.newsletter .actions button {
border: 0px;
color: #f7f7f7;
font-size: 14px;
background: #027981;
font-weight: 700;
padding: 5px 13px 5px 12px;
border-left: 1px solid #757575;
text-align: center;
}
.site-info {
background: #191919;
padding: 30px 0px;
border-top: 1px solid #343131;
}
.copyright-text {
color: #f7f7f7;
width: 100%;
font-size: 14px;
font-weight: 300;
vertical-align: middle;
}
.right-links {
text-align: right;
}
.right-links ul {
margin: 0px;
padding: 0px;
margin-top: -2px;
}
.right-links ul li {
display: inline;
}
.right-links ul li a {
padding: 0px 10px;
font-size: 14px;
color: #f7f7f7;
font-weight: 300;
}
/*****************
#left Side Bar
*****************/
.card-header {
     margin-bottom: 0;
    font-size: 14px;
    border-bottom: 1px solid #eee;
}
.leftside .card-header {
    color: #4b4848;
    font-size: 16px;
    padding: 12px 10px;
	    background-color: #fff;
    font-weight: 300;
}
.card-header:first-child {
    border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0;
}
.searhes {
    padding: 15px;
    position: relative;
}
.searhes .input-box input {
    background: #fff;
    border: 1px solid #ccc;
    color: #eee;
    display: block;
    font-size: 14px;
    height: 45px;
    outline: medium none;
    padding: 0 60px 0 15px;
    width: 100%;
}
.searhes .src-btn.sb-2 {
	background:#101010;
    color: #fff;
    line-height: 24px;
    right: 16px;
    top: 15px;
    border: 0px;
     position: absolute;
    padding: 10px 16px;
}
.categog {
    padding: 15px 15px;
}
.categog ul {
    padding: 0px;
    margin: 0px;
}
.categog ul li {
    padding: 10px 0px;
    border-bottom: 1px dotted #efeeee;
}
.categog ul li:last-child
{
	border-bottom:0px;
}
.categog ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #000000;
}
.categog ul li a:hover{
	color:#027981;
	text-decoration:none;
}
.leftside i {
     margin-right: 10px;
}
.categog ul li a i {
    font-size: 14px;
}
.tag {
    margin: 25px 15px 15px;
}
.tag li {
    float: left;
    height: 45px;
}
.tag li a {
    margin: 7px 6px;
    padding: 10px 15px;
    border-radius: 3px;
    border: 1px solid #027981;
    font-size: 14px;
}
.tag li a:hover {
	color:#027981;
	text-decoration:none;
}
/********************
#Video
********************/
.video {
	margin:50px 0px;
}
.fb-profile {
    width: 100%;
    position: relative;
}
.fb-profile img.fb-image-lg {
    width: 100%;
    margin-bottom: 10px;
}
.fb-image-profile {
    
    position: absolute;
     left: 20px; 
    top: 120px;
}
.fb-image-profile img{
	 border-radius: 50%;
	 border: 4px solid #fff; 
     height: 70px; 
     width: 70px; 
}
.fb-profile-text h1 {
    font-size: 18px;
    color: #333333;
	font-weight:600;
    margin-bottom: 4px;
}
.fbmiddle p {
    font-size: 14px;
    line-height: 20px;
    color: #898989;
}
.own-channel .bg-light {
    background: #ffffff!important;
    padding: 5px;
    border-radius: 3px;
}
.own-channel ul li {
    padding: 6px 12px;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0;
    margin: 0.125rem 0 0;
    font-size: 12px;
    color: #363636;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #efeeee;
    border-radius: 3px;
}
.own-channel ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #453636364;
}
.post-bar {
    float: left;
    width: 100%;
    background-color: #fff;
    border-left: 1px solid #efeeee;
    border-right: 1px solid #efeeee;
    border-bottom: 1px solid #efeeee;
    margin-bottom: 20px;
}
.post_topbar {
    float: left;
    width: 100%;
    position: relative;
    padding: 20px 20px 15px 20px;
}
.usy-dt {
    float: left;
	width:100%;
}
.usy-dt img {
    width: 50px;
    border-radius: 50px;
	    float: left;
}
.usy-name {
    float: left;
    margin-left: 10px;
}
.usy-name h3 {
    color: #000000;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 2px;
}
.usy-name span {
    color: #b2b2b2;
    font-size: 14px;
}
.epi-sec {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding: 0 20px;
}
.descp {
    float: left;
    margin-top: 3px;
}
.descp li {
    display: inline-block;
    margin-right: 15px;
}
.job_descp {
    float: left;
    width: 100%;
    padding: 0 20px 20px 20px;
    border-bottom: 1px solid #efeeee;
}
.job_descp > p {
    color: #333333;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}
.job-status-bar {
    float: left;
    width: 100%;
    padding: 15px 20px;
}
.like-com {
    float: left;
}
.like-com li {
    display: inline-block;
    margin-right: 15px;
}
.like-com li a {
    color: #898989;
    font-size: 14px;
    float: left;
    margin-right: 5px;
}
.like-com li a:hover{
	color:#027981;
	text-decoration:none;
}
.like-com li a i {
    margin-right: 2px;
    font-size: 17px;
    position: relative;
    top: 2px;
}
.job-status-bar > a {
    float: right;
    color: #b2b2b2;
    font-size: 14px;
    margin-top: -3px;
}
.post-comment {
    float: left;
    width: 100%;
    padding: 10px;
    border-top: 1px solid #eee;
}
.cm_img {
    float: left;
    width: 40px;
    margin-right: 10px;
}
.cm_img img {
    width: 40px;
    height: 40px;
    border-radius: 50px;
}
.comment_box input {
    width: 80%;
    height: 40px;
    border: 1px solid #efeeee;
    background-color: #ffffff;
    padding-left: 13px;
    color: #b2b2b2;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    resize: none;
    border-radius: 30px;
}
.comment_box form button {
     float: right;
    color: #000000;
    background-color: #e9e4e4;
    height: 35px;
    padding: 4px 14px;
    text-align: center;
    width: 80px;
    font-size: 14px;
    margin-left: 10px;
    border-radius: 30px;
    margin-top: 4px;
    cursor: pointer;
    font-weight: 600;
    border: 0;
}
/*********************
# Creat Post 
***********************/
.postpage {
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.postpage h3 {
	margin:0px;
    padding: 8px 8px;
    font-size: 14px;
    background-color: #ffffff;
    border-bottom: 1px solid #efeeee;
    border-radius: 2px 2px 0 0;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.cpo {
    background: #fff;
}
.cpo img {
    width: 50px;
    height: 50px;
    float: left;
    margin: 10px;
    border-radius: 50%;
    position: absolute;
    top: 31px;
    left: 16px;
}
.cpo textarea {
    margin-top: 0px;
    resize: none;
    margin-bottom: 0px;
    height: 97px;
    padding: 10px;
    color: #999;
    border: 0px;
    overflow-y: hidden;
      text-align: left;
    font-size: 13px;
	width:100%;
    line-height: 18px;
}
.botompost {
    border-top: 1px solid #efeeee;
    padding: 15px 10px;
}
.botompost ul {
    padding: 0px;
    margin: 0px;
}
.botompost ul li {
    display: inline;
    margin: 10px;
}
.botompost ul li a {
    background: #efeeee;
    border-radius: 30px;
    color: #333333;
    font-size: 14px;
    padding: 6px 16px;
}
.botompost ul li a:hover{
	text-decoration:none;
}
.post1 {
    border-top: 1px solid #eee;
    padding: 10px 0px;
}
.post1 .btn-default {
    border-radius: 0px;
    background: #fff;
    cursor: pointer;
    margin-right: 10px;
    font-size: 14px;
    border: 1px solid #dbdada;
    padding: 7px 18px;
    margin-left: 14px;
    font-weight: 600;
}
.post1 .btn-primary {
    border-radius: 0px;
    background: #efeeee;
    cursor: pointer;
    margin-right: 10px;
    font-size: 14px;
    border: 0px;
	color:#333333;
    padding: 7px 18px;
    margin-left: 14px;
    font-weight: 600;
}
.cpo textarea:focus {
	border:0px;
}
/*************************
#Sign Up Sign IN
*************************/
.bg-gradient-primary {
    background-color: #453636364!important;
    background-image: linear-gradient(74deg, #453636364 -11%, #453636364 217%);
    background-size: cover;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.formlogin .bg-password-image {
    padding: 50px 0px 0;
    text-align: center;
}
.container-fluid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.justify-content-center {
    justify-content: center !important;
}
.mt-5, .my-5 {
    margin-top: 3rem !important;
}
.bg-password-image {
    background: #f7f7f7;
    background-position: center;
    background-size: cover;
}
.formlogin .bg-password-image p {
    padding: 36px;
    font-size: 14px;
    color: #b49d9d;
    line-height: 22px;
}
.formlogin .bg-password-image .rounded {
    width: 100%;
    padding: 0px 60px 30px;
}
.rounded {
    border-radius: 0.35rem !important;
}
.bg-password-image img{
	width:33%;
}
.formlogin .text-gray-900 {
    padding: 20px 0px;
    color: #9e9e9e;
    font-size: 22px;
}
.form-group {
    margin-bottom: 1rem;
}
.formlogin form.user .form-control-user {
    padding: 14px;
    height: 40px;
    font-size: 14px;
    color: #888;
    border-radius: 0px;
    background: #ffffff;
}
.formlogin form.user .form-control-user {
    padding: 14px;
    height: 40px;
    font-size: 14px;
    color: #888;
    border-radius: 0px;
    background: #ffffff;
}
.formlogin .btn-google {
    background: #db4437!important;
    border: 1px solid #db4437!important;
    color: #fff!important;
}
.formlogin .btn-facebook {
    background: #4267B2!important;
    border: 1px solid #4267B2!important;
    color: #fff!important;
}
.btn-block + .btn-block {
    margin-top: 0.5rem;
}
form.user .btn-user {

    padding: 0.75rem 1rem;
}
form.user .custom-checkbox.small label {
     line-height: 1.85rem;
    margin-left: 12px;

}
.formlogin form.user .btn-user {
    border: 1px solid #333333;
    border-radius: 0px;
    font-size: 14px;
    background: #333333;
    color: #ffffff;
}
.formlogin .small {
    font-size: 14px;
    padding: 10px;
}
.custom-control-label::before {
      top: 1rem!important;
}
.formlogin .small:hover{
	text-decoration:none;
	color:#898989;
}
/*****************************
#BreadScrum
*****************************/
.breadcumb-area.breadcumb-3 {
    background: rgba(0, 0, 0, 0) url(../images/breadcumb.jpg) no-repeat scroll 0 0;
	    min-height: 270px;
		background-size: 100%;
}
.overlay::before {
    background: #363636 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.85;
    position: absolute;
    top: 0;
    width: 100%;
}
.breadcumb-area.overlay:before {
    opacity: 0.7;
   }
  .bread-main {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0px;
    left: 0;
    padding: 15px 30px;
    position: absolute;
    /* -webkit-transform: translate(-50%); */
    /* transform: translate(-50%); */
}
.bred-hading {
    color: #f7f7f7;
}
.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 6px 0px;
    margin-bottom: 0px;
    list-style: none;
}
.bread-main li {
    color: #f7f7f7;
    font-style: italic;
	font-size: 14px;

}
.breadcrumb a {
    outline: medium none;
    color: #f7f7f7;
	font-size: 14px;

} 
.bred-hading h5{
font-size:16px;	
}
.breadcrumb {
    background: transparent!important;
	padding:4px!important;
}
.breadcrumb > li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #ccc;
}
.pos-rltv {
    position: relative;
}
.layout {
margin-top:80px;
}
.code-offer-item,
.best-offer-item
{
width:100%;
}
.fa-heart {
	color:#ffffff;
}
.code-offer-item img,
.best-offer-item img{
width:100%;
}

/********************************************
Crasual Prdouct Detail  Page Related Slider
********************************************/
.owl-related {
    
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}
.owl-related .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-related .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    padding: 0px 0 0 0;
}
.owl-product.owl-loaded {
    display: block;
}
.owl-related .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
/**********************
#contact Us
***********************/

.contact-section {
    padding-top: 80px;
    padding-bottom: 30px;
    position: relative;
	    background: #fff;
}
.contact-info h3 {
    margin-bottom: 50px;
}
.contact-info p {
    font-size: 14px;
    color: #363636;
    line-height: 1.6;
}
.contact-social {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 85px;
    padding-top: 20px;
}
.contact-social a {
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 32px;
    height: 32px;
    background: #f0f0f0;
    color: #363636;
    font-size: 14px;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 12px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.contact-social a:hover {
    color: #fff;
    background: #027981;
}
.map {
    position: absolute;
    width: calc(50% - 15px);
    height: 100%;
    right: 0;
    top: 0;
    background: #ddd;
}
.map iframe {
    width: 100%;
    height: 100%;
}
.contact-form input, .contact-form textarea {
    width: 100%;
    height: 44px;
    border: none;
    padding: 0 18px;
    background: #f0f0f0;
    border-radius: 40px;
    margin-bottom: 17px;
    font-size: 14px;
}

.site-btn {
    display: inline-block;
    border: none;
    font-size: 14px;
    font-weight: 600;
    min-width: 167px;
    padding: 18px 47px 14px;
    border-radius: 50px;
    text-transform: uppercase;
    background: #027981;
    color: #fff;
    line-height: normal;
    cursor: pointer;
    text-align: center;

}
.spad {
    padding-top: 105px;
    padding-bottom: 105px;
}
.section-title {
    text-align: center;
}
.related-product-section .section-title h2 {
    font-size: 24px;
    margin-bottom: 60px;
	color:#363636;
}

	
.price-range-wrap .price-range {
	border-radius: 0;
	margin-right: 13px;
	margin-bottom: 28px;
}

.price-range-wrap .price-range.ui-widget-content {
    border: none;
    background: #6f91ff;
    height: 4px;
    position: relative;
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-range {
	background: #ebebeb;
	border-radius: 0;
}

.price-range-wrap .price-range .ui-slider-range.ui-corner-all.ui-widget-header:last-child {
	background: #363636;
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle {
    border: none;
    background: #ffb49c;
    height: 20px;
    width: 20px;
    outline: none;
    /* top: 0; */
    cursor: ew-resize;
    margin-left: 0;
    border-radius: 0;
    position: absolute;
    border-radius: 50px;
    margin: -8px;
}

.price-range-wrap .price-range .ui-slider-handle.ui-corner-all.ui-state-default span {
	position: absolute;
	font-size: 14px;
	top: 35px;
}

.price-range-wrap .range-slider {
	color: #363636;
	margin-top: 22px;
}

.price-range-wrap {
	padding: 40px 0;
}

.price-range-wrap h4 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	color: #363636;
	margin-bottom: 45px;
}

.price-range-wrap .range-slider .price-input input {
	color: #363636;
	border: none;
	outline: none;
	max-width: 80px;
	pointer-events: none;
}

.price-range-wrap .range-slider .price-input input:nth-child(1) {
	float: left;
}
.price-range-wrap .range-slider .price-input input:nth-child(2) {
	float: right;
}

.fw-color-choose,
.fw-size-choose {
	    padding: 40px 0;
}

.fw-color-choose .cs-item {
	display: inline-block;
	position: relative;
	margin-right: 14px;
}

.fw-color-choose .cs-item:last-child {
	margin-right: 0;
}

.fw-color-choose label {
	width: 26px;
	height: 26px;
	border-radius: 50px;
	background: #333;
	position: relative;
	cursor: pointer;
}

.fw-color-choose label.cs-gray {
	background: #d7d7d7;
}

.fw-color-choose label.cs-orange {
	background: #6f91ff;
}

.fw-color-choose label.cs-yollow {
	background: #6f91ff;
}

.fw-color-choose label.cs-green {
	background: #8fc99c;
}

.fw-color-choose label.cs-purple {
	background: #bc83b1;
}

.fw-color-choose label.cs-blue {
	background: #9ee7f4;
}

.fw-color-choose label span {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    opacity: .0;
    font-size: 11px;
    color: #363636;
}

.fw-color-choose input[type=radio] {
	visibility: hidden;
	position: absolute;
}

.fw-color-choose input[type=radio]:checked+label {
	-webkit-box-shadow: 0 0 0 2px #f51167;
	box-shadow: 0 0 0 2px #f51167;
}

.fw-color-choose input[type=radio]:checked+label span {
	color: #b09d81;
}


.fw-size-choose .sc-item {
	display: inline-block;
	position: relative;
	margin-right: 5px;
}

.fw-size-choose label {
    display: inline-block;
    height: 33px;
    min-width: 33px;
    text-align: center;
    font-size: 14px;
    color: #363636;
    font-weight: 500;
    cursor: pointer;
    border-radius: 50px;
    padding: 6px 6px 0;
}

.fw-size-choose input[type=radio] {
	visibility: hidden;
	position: absolute;
}

.fw-size-choose input[type=radio]:checked+label {
	background: #f51167;
	color: #fff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
#blog-section{
text-align:center;
    padding: 80px 0 60px;
}
#blog-section p {
color: #363636;
font-size: 16px;
line-height: 25px;
margin-bottom: 40px;
font-weight: 300;
}
.about
{
padding-bottom: 80px;
font-size:16px;
color:#363636;
line-height:26px;
}
.about img:hover  {
transform: scale(.95);
transition: all 1.5s;
}
.probra {
    background: #fff;
    padding: 80px 0px;
}
.probra h5 {
    font-size: 16px;
    color: #363636;
    padding: 0px 0 10px;

}
.progress
{
height: 1.2rem!important;
border-radius:30px!important;
}

/**************/
.delevrybox {
border: 1px solid #e9e9e9;
padding: 25px 15px;
text-align: center;
font-size: 18px;
color: #363636;
font-weight: 600;
height: 160px;
margin: 30px 0 30px;
}
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: #027981;
color: #f7f7f7;
cursor: pointer;
padding: 10px;
border-radius: 2px;
}
#myBtn .fa {
font-size:22px;
}
#myBtn:hover {
background-color: #ef5766;
}
/*********************
#Team Member
*********************/
.tag-filter a {
color:#ffffff;
font-size:14px;
}
.box5:hover .title {
opacity: 1;
transform: translate(0,0);
transition-delay: .15s;
}
.box5{background:#444;position:relative}

.box5:hover:after,.box5:hover:before{opacity:.75;transform:scale(8);transition-delay:.15s}
.box5 img{width:100%;height:auto;transition:all .35s ease-out 0s}
.box5:hover img{opacity:.4}
.box5 .icon{margin:0;position:absolute;bottom:15px;right:15px;z-index:2;transform:scale(0);transition:all .35s ease-out}
.box5:hover .icon{transform:scale(1);transition-delay:.15s}
.box5 .icon li a{display:block;width:35px;height:35px;line-height:35px;font-size:22px;color:#027981;margin-right:10px;position:relative;transition:all .5s ease 0s}
.box5 .icon li a:hover{color:#fff}
.box5 .box-content{padding:20px 15px;position:absolute;top:0;left:0;z-index:1}
.box5 .title{font-size:20px;font-weight:800;color:#fff;margin:0 0 5px;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .title{opacity:1;transform:translate(0,0);transition-delay:.15s;
font-size: 16px;
    font-weight: 500;
}
.box5 .post{display:inline-block;font-size:14px;color:#fff;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .post{opacity:1;transform:translate(0,0);transition-delay:.15s}
@media only screen and (max-width:990px){.box5{margin-bottom:30px}

}
.forget-password {
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 60px 80px;	
}
.privacy h1{
    font-size: 24px;
    color: #363636;
    padding: 15px 0px;	
}
.privacy h2
{
    font-size: 22px;
    color: #363636;
    padding: 15px 0px;	
}
.privacy h3
{
    font-size: 20px;
    color: #363636;
    padding: 15px 0px;	
}
.privacy p,
.privacy ul li
{
    font-size: 14px;
    color: #555555;
    line-height: 28px;
}
/************************************
# FAQ
************************************/
.faq {
padding:15px 0px;
margin-top:50px;
width: 100%;
}
.faq .card {
    margin-top: 15px;
    background: #ffffff;
    padding: 0px;
    width: 100%;
}
.faq  .card-header {
    padding: 8px;
    margin-bottom: 0;
    background-color: #212221;
    border-bottom: 0;
}
.faq .btn-link {
    color:#ffffff;
    font-size:16px;
    text-decoration:none;
}
.faq .btn-link:hover,
.faq .btn-link:active,
.faq .btn-link:focus,
.faq .btn-link:focus-visible{
    color:#ffffff;
    font-size:16px;
    text-decoration:none;
    border:0px;
}

/*********************
#offer Page
*********************/
.all-product-grid {
    margin-top: 40px;
}

.product-top-dt {
    float: left;
    width: 100%;
    display: block;
}

.product-left-title {
    float: left;
}

.product-left-title h2 {
    font-size: 24px;
    font-weight: 600;
    color: #2b2f4c;
    text-align: left;
	padding-top: 3px;
}

.default-title {
    text-align: center;
	padding-bottom: 8px;
}

.default-title h2 {
    font-size: 24px;
    color: #2b2f4c;
    font-weight: 700;
    margin-bottom: 13px;
}

.default-title p {
    line-height: 24px;
    font-weight: 400;
    color: #3e3f5e;
    font-size: 14px;
    margin-bottom: 15px;
}


/* --- Offers Page --- */

.offers-item {
	display: block;
	margin-top: 30px; 
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    position: relative;
	box-shadow: 0 1px 2px 0 #e9e9e9;
}

.offer-img img {
    width: 100%;
	border-radius: 5px 5px 0 0;
}

.offers-text {
    padding: 20px 15px;
}

.offers-text h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 13px;
    text-align: left;
    color: #212121;
}

.offers-text p {
    font-size: 14px;
    font-weight: 400;
    color: #232323;
    line-height: 26px;
    text-align: left;
}

.mb-14 {
	margin-bottom: 14px;
}
a:hover {
    text-decoration:none!important;
}
/*************************
Wallet and Left Sidebar
*************************/

.left-side-tabs {
    position: sticky;
    top: 167px;
}

.left-side-tabs {
    background: #fff;
    margin-top: 50px;
    border-radius: 5px;
	box-shadow: 0 1px 2px 0 #e9e9e9;
}

.user-item {
    display: flex;
    padding: 12px 20px;
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    font-weight: 400;
    color: #2b2f4c;
    text-align: left;
    align-items: center;
}

.user-item:last-child {
    border-bottom: 0;
}

.user-item i {
    margin-right: 10px;
	font-size: 18px;
}

.user-item:hover { 
	color: #2b2f4c;
    background:#ffecec;
}

.user-item:first-child:hover { 
	border-radius: 5px 5px 0 0;
}

.user-item:last-child:hover { 
	border-radius: 0 0 5px 5px;
}

.user-item:hover i { 
	color: #027981 !important;
}

.user-item.active { 
	background: #027981;
	color: #fff !important;
	transition: all .2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
	background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));;
	pointer-events:none;
}

.user-item:first-child.active { 
	border-radius: 5px 5px 0 0;
}

.user-item:last-child.active{ 
	border-radius: 0 0 5px 5px;
}

.dashboard-right {
    margin-top: 50px;
}

.main-title-tab h4 {
    font-size: 18px;
    font-weight: 700;
    color: #2b2f4c;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
}

.main-title-tab i {
    margin-right: 5px;
}

.welcome-text h2 {
    font-size: 24px;
    font-weight: 500;
    color: #2b2f4c;
    text-align: left;
    margin-bottom: 3px !important;
    margin-top: 30px !important;
}

.ddsh-body {
    padding: 20px;
}

.ddsh-body h2 {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left;
    color: #2b2f4c;
	font-weight: 500;
}

.more-link14 {
    text-align: left;
    padding: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #2b2f4c;
	display: block;
	border-top: 1px solid #efefef;
}

.more-link14:hover {
    color: #027981 !important;
}

.ddsh-body ul li {
    display: inline-block;
    margin-right: 10px;
}

.ddsh-body ul li:last-child {
    margin-right: 0;
}

.small-reward-dt {
    color: #fff;
    background: #027981;
    padding: 5px 10px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 12px;
    display: block;
}

.rewards-link5 {
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
}

.rewards-link5:hover {
    color: #027981 !important;
}

.smll-history {
    display: flex;
    width: 100%;
	padding: 4px 0;
}

.order-title {
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
}

.order-title span {
    font-size: 12px;
    display: inline-block;
    background: #2b2f4c;
    color: #fff;
    height: 18px;
    border-radius: 100%;
    width: 18px;
    text-align: center;
    font-weight: 700;
    margin-left: 5px;
    cursor: pointer;
}

.order-title span:hover {
    background: #027981;
}

.smll-history p {
    margin-left: auto;
	font-size: 14px;
    font-weight: 600;
    color: #3e3f5e;
}

.order-list-145 li {
    display: block !important;
    margin-right: 0 !important;
}

.wllt-body h2 {
	font-weight: 500;
}

.order-status {
    margin-left: auto;
    font-size: 14px;
    font-weight: 500;
    color: #027981;
}

[data-inverted][data-position~=top][data-tooltip]:before {
    background: #2b2f4c !important;
}

[data-position="top right"][data-tooltip]:before {
    right: 0.1em !important;
}

[data-tooltip][data-inverted]:after {
    background: #2b2f4c !important;
    color: #fff;
}

[data-tooltip]:after {
    border: 1px solid #d4d4d5;
    font-size: 14px !important;
	font-weight: 600 !important;
	font-family: 'Roboto', sans-serif;
}

.wllt-body {
    padding: 20px 20px 0;
}

.wallet-list {
    padding-top: 10px;
}

.wallet-list li {
	width: 50% !important;
    display: inline-block;
    margin-right: 0 !important;
	margin-bottom: 20px;
    margin-left: -2px;
}

.wallet-links14 {
	font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
	display: flex;
	align-items: center;
}

.wallet-links14 i {
	font-size: 18px;
	margin-right: 5px;
}

/* --- Order Placed --- */

.order-placed-dt {
    text-align: center;
    padding: 20px 0 14px;
    float: left;
    width: 100%;
}

.order-placed-dt .icon-circle {
    font-size: 56px;
    color: #027981;
}
.order-placed-dt h2 {
    font-size: 30px;
    font-weight: 500;
    color: #2b2f4c;
    text-align: center;
    margin-bottom: 25px;
}

.order-placed-dt p {
    font-size: 16px;
    font-weight: 500;
    color: #3e3f5e;
    margin-bottom: 0;
    text-align: center;
	line-height: 24px;
}

.delivery-address-bg {
    margin-top: 40px;
    background: #fff;
    border-radius: 5px;
    float: left;
    width: 100%;
	text-align: left;
	box-shadow: 0 1px 2px 0 #e9e9e9;
}

.title585 {
    display: inline-block;
    float: left;
    width: 100%;
	border-bottom: 1px solid #efefef;
}

.pln-icon {
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
	line-height: 50px;
    margin-right: 10px;
}

.title585 h4 {
    float: left;
    margin-top: 0;
    font-weight: 500;
    font-size: 16px;
    color: #2b2f4c;
	line-height: 50px;
}

.pln-icon i {
    font-size: 20px;
	color: #027981;
}

.address-placed-dt1 {
    float: left;
    padding: 20px;
	width: 100%;
}

.address-placed-dt1 li {
    margin-bottom: 10px;
}

.address-placed-dt1 li:last-child {
    margin-bottom: 0;
}

.address-placed-dt1 i {
    margin-right: 5px;
}

.address-placed-dt1 p {
    font-size: 14px;
    font-weight: 500;
	text-align: left;
	color: #2b2f4c;
}

.address-placed-dt1 p span {
    margin-left: 10px;
	font-weight: 400;
	color: #3e3f5e;
}

.stay-invoice {
    float: left;
    width: 100%;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.invc-link {
    margin-left: auto;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #027981;
    padding: 5px 15px;
    border-radius: 5px;
}

.st-hm {
    font-size: 16px;
    font-weight: 500;
    color: #2b2f4c;
}

.st-hm i {
    margin-left: 5px;
}

.placed-bottom-dt {
    padding: 20px;
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    margin-bottom: 0;
    text-align: center;
    line-height: 24px;
    width: 100%;
}

.placed-bottom-dt span {
    font-weight: 600;
    color: #027981;
}

/* --- User Dashboard Page --- */

.dashboard-group {
    background: rgba(245,93,44, 0.3);
    position: relative;
    padding: 50px 0;
}

.dashboard-group:before {
    content: "";
    background: url(../images/banner.svg) no-repeat bottom;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    background-size: cover;
    opacity: 0.02;
}

.user-dt {
    position: relative;
    width: 100%;
    text-align: center;
}

.user-img {
    position: relative;
	display: inline-block;
}

.user-img img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 2px solid #fff;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.user-img .change-btn {
    position: absolute;
    bottom: 5px;
    right: -5px;
    background: #027981;
    color: #fff;
    height: 35px;
    width: 35px;
    border-radius: 100%;
	border: 1px solid #ffff;
    font-size: 18px;
    padding: 8px 5px;
}

.img-add {
	display: block;
}

.img-add [type="file"] {
	height: 0;
	overflow: hidden;
	width: 0;
	float: left;
}

.img-add [type="file"] + label {
	cursor: pointer;
	display: inline-block;
	outline: none;
	transition: all 0.3s;
	vertical-align: middle;
	margin: 0;
	position: absolute;
    bottom: 5px;
    right: -5px;
    background: #027981;
    color: #fff;
    height: 35px;
    width: 35px;
    border-radius: 100%;
	border: 1px solid #ffff;
    font-size: 18px;
    padding: 8px 5px;
}

.img-add [type="file"] + label:hover {
	background: #027981;
	color: #fff !important;
	transition: all .2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
	background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
}

.user-dt h4 {
    font-size: 24px;
    color: #2b2f4c;
    text-align: center;
    margin-bottom: 8px;
    margin-top: 18px;
}

.user-dt p {
    font-size: 14px;
    color: #3e3f5e;
    text-align: center;
	margin-bottom: 20px;
	font-weight: 500;
	display: block;
}

.user-dt p a {
	color: #3e3f5e !important;
    font-size: 16px;
	margin-left: 5px;
}

.user-dt p a:hover {
    color: #027981 !important;
}

.earn-points img {
    width: 24px;
    margin-right: 7px;
}

.earn-points {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #2b2f4c;
    background: rgba(255,255,255, 0.3);
	padding: 5px 11px 5px 10px;
    border-radius: 5px;
}


.left-side-tabs {
    position: sticky;
    top: 167px;
}

.left-side-tabs {
    background: #fff;
    margin-top: 50px;
    border-radius: 5px;
	box-shadow: 0 1px 2px 0 #e9e9e9;
}

.user-item {
    display: flex;
    padding: 12px 20px;
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    font-weight: 400;
    color: #2b2f4c;
    text-align: left;
    align-items: center;
}

.user-item:last-child {
    border-bottom: 0;
}

.user-item i {
    margin-right: 10px;
	font-size: 18px;
 
}
.user-item .fa-heart {
color:#212121;
}

.user-item:hover { 
	color: #2b2f4c;
    background:#ffecec;
}

.user-item:first-child:hover { 
	border-radius: 5px 5px 0 0;
}

.user-item:last-child:hover { 
	border-radius: 0 0 5px 5px;
}

.user-item:hover i { 
	color: #027981 !important;
}

.user-item.active { 
	background: #027981;
	color: #fff !important;
	transition: all .2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
	background-image: -webkit-linear-gradient(left, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));
    background-image: linear-gradient(to right, rgba(230, 92, 91, 0.9), rgba(245, 93, 44, 0.9));;
	pointer-events:none;
}

.user-item:first-child.active { 
	border-radius: 5px 5px 0 0;
}

.user-item:last-child.active{ 
	border-radius: 0 0 5px 5px;
}

.dashboard-right {
    margin-top: 50px;
}

.main-title-tab h4 {
    font-size: 18px;
    font-weight: 700;
    color: #2b2f4c;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0;
}

.main-title-tab i {
    margin-right: 5px;
}

.welcome-text h2 {
    font-size: 24px;
    font-weight: 500;
    color: #2b2f4c;
    text-align: left;
    margin-bottom: 3px !important;
    margin-top: 30px !important;
}

.ddsh-body {
    padding: 20px;
}

.ddsh-body h2 {
    font-size: 24px;
    margin-bottom: 20px;
    text-align: left;
    color: #2b2f4c;
	font-weight: 500;
}

.more-link14 {
    text-align: left;
    padding: 20px;
    font-weight: 500;
    font-size: 14px;
    color: #2b2f4c;
	display: block;
	border-top: 1px solid #efefef;
}

.more-link14:hover {
    color: #027981 !important;
}

.ddsh-body ul li {
    display: inline-block;
    margin-right: 10px;
}

.ddsh-body ul li:last-child {
    margin-right: 0;
}

.small-reward-dt {
    color: #fff;
    background: #027981;
    padding: 5px 10px;
    border-radius: 3px;
    font-weight: 500;
    font-size: 12px;
    display: block;
}

.rewards-link5 {
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
}

.rewards-link5:hover {
    color: #027981 !important;
}

.smll-history {
    display: flex;
    width: 100%;
	padding: 4px 0;
}

.order-title {
    font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
}

.order-title span {
    font-size: 12px;
    display: inline-block;
    background: #2b2f4c;
    color: #fff;
    height: 18px;
    border-radius: 100%;
    width: 18px;
    text-align: center;
    font-weight: 700;
    margin-left: 5px;
    cursor: pointer;
}

.order-title span:hover {
    background: #027981;
}

.smll-history p {
    margin-left: auto;
	font-size: 14px;
    font-weight: 600;
    color: #3e3f5e;
}

.order-list-145 li {
    display: block !important;
    margin-right: 0 !important;
}

.wllt-body h2 {
	font-weight: 500;
}

.order-status {
    margin-left: auto;
    font-size: 14px;
    font-weight: 500;
    color: #027981;
}

[data-inverted][data-position~=top][data-tooltip]:before {
    background: #2b2f4c !important;
}

[data-position="top right"][data-tooltip]:before {
    right: 0.1em !important;
}

[data-tooltip][data-inverted]:after {
    background: #2b2f4c !important;
    color: #fff;
}

[data-tooltip]:after {
    border: 1px solid #d4d4d5;
    font-size: 14px !important;
	font-weight: 600 !important;
	font-family: 'Roboto', sans-serif;
}

.wllt-body {
    padding: 20px 20px 0;
}

.wallet-list {
    padding-top: 10px;
}

.wallet-list li {
	width: 50% !important;
    display: inline-block;
    margin-right: 0 !important;
	margin-bottom: 20px;
    margin-left: -2px;
}

.wallet-links14 {
	font-size: 14px;
    font-weight: 500;
    color: #2b2f4c;
	display: flex;
	align-items: center;
}

.wallet-links14 i {
	font-size: 18px;
	margin-right: 5px;
}

.newsletter-input {
	position: relative;
}

.newsletter-btn {
    background: #027981;
    position: absolute;
    right: 2px;
    top: 3px;
    height: 35px;
    border: 0;
    width: 35px;
    border-radius: 3px;
    font-size: 18px;
    color: #fff;
}

.newsletter-input .form-control {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #2b2f4c;
    border: 1px solid #efefef;
    position: relative;
    padding: 0 3rem 0 1rem;
	height: 40px;
}

/* --- Dashboard My Orders --- */

.pdpt-title h6 {
    border-bottom: 1px solid #efefef;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #2b2f4c;
	margin-bottom: 0;
}

.order-body10 {

}

.order-dtsll {
	padding: 20px;
}

.order-dtsll li {
    display: inline-block;
	vertical-align: top;
}

.order-dt-img {
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #efefef;
    border-radius: 5px;
}

.order-dt-img img {
    width: 50px;
}

.order-dt47 {
    margin-left: 15px;
}

.order-dt47 h4 {
    font-size: 16px;
    color: #2b2f4c;
    margin-bottom: 5px;
    line-height: 24px;
    text-align: left;
	font-weight: 700;
}

.order-dt47 p {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
	color: #3e3f5e;
	margin-bottom: 7px;
}

.track-order {
    padding: 20px 0 20px;
}

.track-order h4 {
    margin-left: 20px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #2b2f4c;
    text-align: left;
}

.bs-wizard {
	margin-top: 0;
    display: flex;
    width: 100%;	
}

/*Form Wizard*/
.bs-wizard {
	border-bottom: solid 1px #e0e0e0;
	padding: 0;
}

.bs-wizard > .bs-wizard-step {
	padding: 0; 
	position: relative; 
	width: 100%;
}

.bs-wizard > .bs-wizard-step + .bs-wizard-step {}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
	color: #2b2f4c;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
}

.bs-wizard > .bs-wizard-step .bs-wizard-info {
	color: #999; 
	font-size: 14px;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
	position: absolute; 
	width: 30px; 
	height: 30px; 
	display: block; 
	background: #ffcfc0; 
	top: 45px; 
	left: 50%; 
	margin-top: -15px; 
	margin-left: -15px; 
	border-radius: 50%;
} 

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
	content: ' '; 
	width: 14px; 
	height: 14px; 
	background: #027981;
	border-radius: 50px; 
	position: absolute; 
	top: 8px; 
	left: 8px; 
} 

.bs-wizard > .bs-wizard-step > .progress {
	position: relative;
    border-radius: 0px!important;
    height: 8px!important;
    box-shadow: none;
    margin: 22px 0;
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
	width:0px; 
	box-shadow: none; 
	background: #ffcfc0;
}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
	width:100%;
}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
	width:50%;
}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
	width:0%;
}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
	width: 100%;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
	background-color: #efefef;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
	opacity: 0;
}

.bs-wizard > .bs-wizard-step:first-child  > .progress {
	left: 50%; 
	width: 50%;
}

.bs-wizard > .bs-wizard-step:last-child  > .progress {
	width: 50%;
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ 
	pointer-events: none; 
}

.progress {
    background-color: #efefef !important;
}
/*END Form Wizard*/


.alert-offer img {
    width: 30px;
	margin-right: 10px;
}

.alert-offer {
    padding: 20px;
    border-top: 1px solid #efefef;
    font-weight: 400;
    color: #3e3f5e;
    text-align: left;
    line-height: 24px;
}

.call-bill {
    padding: 15px 20px;
    display: flex;
    border-top: 1px solid #efefef;
    align-items: center;
}

.delivery-man {
    font-size: 14px;
    color: #2b2f4c;
    font-weight: 400;
    text-align: left;
    line-height: 24px;
}

.delivery-man a {
    margin-left: 5px;
    color: #027981;
}

.delivery-man a:hover {
    color: #027981 !important;
	text-decoration: underline !important;
}

.order-bill-slip {
    margin-left: auto;
}

.bill-btn5 {
    display: block;
    background: #027981;
    color: #fff;
    padding: 10px 15px;
    font-weight: 500;
    border-radius: 5px;
}

/* --- My Rewards --- */

.reward-body-dtt {
    padding: 30px;
	text-align: center;
}

.reward-img-icon {
    width: 80px;
    height: 80px;
    display: inline-block;
    background: #f9f9f9;
    border-radius: 100%;
    border: 2px solid #efefef;
	padding: 18px 0;
}

.reward-img-icon img {
    width: 40px;
    text-align: center;
}

.rewrd-title {
    display: block;
    margin-top: 20px;
    font-weight: 500;
    color: #3e3f5e;
    font-size: 14px;
    text-align: center;
}

.cashbk-price {
    color: #2b2f4c;
    margin-top: 12px;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0;
    text-align: center;
}

.reward-body-all {
    display: flex;
	text-align: center;
}

.reward-body-all li {
    display: inline-block;
    width: 33.333%;
	padding: 30px 10px;
	border-right: 1px solid #efefef;
}

.reward-body-all li:last-child {
	border-right: 0;
}

.tt-icon {
    width: 45px;
    height: 45px;
    display: inline-block;
    background: #027981;
    border-radius: 100%;
    padding: 11px 0;
}

.tt-icon i {
    color: #fff;
    font-size: 24px;
}

.total-rewards span {
    display: block;
    margin-top: 20px;
    font-weight: 600;
    color: #3e3f5e;
    font-size: 14px;
    text-align: center;
}

.total-rewards h4 {
    color: #2b2f4c;
    margin-top: 12px;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0;
    text-align: center;
}

.date-reward {
    display: inline-block;
    margin-top: 20px;
    font-weight: 500;
    background: #f9f9f9;
    border: 1px dashed #efefef;
    padding: 2px 15px;
    border-radius: 5px;
    font-size: 12px;
    color: #2b2f4c;
}

.rewards-coupns {
	position: relative;
}

.top-coup-code {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 10px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    background: #027981;
    border-radius: 0 5px 0 3px;
	cursor: pointer;
    border: 1px dashed #fff;
}

.gambo-body-cash {
    padding: 30px 20px;
    text-align: center;
}

.gambo-body-cash p {
    font-size: 14px;
    font-weight: 500;
    color: #3e3f5e;
    margin-top: 20px;
    line-height: 24px;
}

.rotate-img {
    transform: rotate(260deg);
}

.table-responsive {
    border: 0;
    border-radius: 0 0 5px 5px;
    margin-bottom: 0;
    overflow-x: inherit;
}

table.table.ucp-table {
    margin-bottom: 0px;
}

.ucp-table {
    height: auto;
    overflow: hidden;
    border-radius: 0;
}

.ucp-table thead {
    font-weight: 500;
    padding: 14px !important;
    border-radius: 0;
    color: #2b2f4c !important;
}


.ucp-table thead tr th:first-child {
    border-bottom-left-radius: 0;
}

.ucp-table thead tr th {
    color: #2b2f4c;
	font-size: 14px;
    background-color: #ffecec;
	font-weight: 500;
}

.ucp-table tfoot {
    font-weight: 400;
    padding: 14px !important;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    color: #2b2f4c !important;
}

.ucp-table tfoot td {
    color: #fff;
    font-size: 14px;
    background-color: #2b2f4c;
	padding: .75rem !important;
}

.ucp-table.earning__table td {
	padding: 1rem !important;
}

table {
    margin: 0px auto 0px;
    font-size: 14px;
    width: 100%;
}

.ucp-table tbody {
    background: #fff;
}

.ucp-table td, .ucp-table th {
    border-top: 1px solid #efefef !important;
}

.ucp-table td {
    padding: 1.5rem .75rem !important;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.ucp-table th:first-child {
    border-top: 0 !important;
}

.ucp-table thead th {
    vertical-align: bottom;
    border-bottom: 0 !important;
}

.course_active {
    color: #ed2a26;
}

.ucp-table tbody tr td {
    font-size: 14px;
    vertical-align: middle;
	font-weight: 400;
	color: #3e3f5e;
}

.offer_active {
    color: #027981;
	font-weight: 700;
}

.add-cash-body {
    padding: 20px;
}


.history-body {
	height: 360px;
    overflow-y: auto;
}

.history-list li {
    display: block;
    padding: 20px;
    border-bottom: 1px solid #efefef;
}

.history-list li:last-child {
    border-bottom: 0;
}

.purchase-history {
    display: flex;
    align-items: center;
}

.purchase-history-right {
    margin-left: auto;
}

.purchase-history-left h4 {
    font-size: 16px;
    color: #2b2f4c;
    margin-bottom: 8px;
    text-align: left;
	font-weight: 500;
}

.purchase-history-left p {
    font-size: 14px;
    font-weight: 500;
    color: #3e3f5e;
    text-align: left;
    margin-bottom: 8px;
    line-height: 24px;
}

.purchase-history-left p ins {
    text-decoration: none;
	text-transform: uppercase;
	color: #027981;
}

.purchase-history-left span {
    font-weight: 400;
    font-size: 13px;
    color: #3e3f5e;
    text-align: left;
    display: block;
}

.purchase-history-right span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #027981;
    text-align: center;
}

.purchase-history-right {
    text-align: center;
}

.purchase-history-right a {
    font-size: 14px;
    font-weight: 500;
    margin-top: 9px;
    display: block;
    color: #2b2f4c;
}

.purchase-history-right a:hover {
    color: #027981 !important;
}

/* --- My Addresses --- */

.add-address {
    display: inline-block;
    padding: 10px 20px;
    margin-top: 20px;
    margin-left: 20px;
    color: #fff;
    background: #027981;
    border-radius: 5px;
    font-weight: 500;
	margin-bottom: 10px;
}

.address-item {
    padding: 20px;
    border-bottom: 1px solid #efefef;
}

.address-item:last-child {
    border-bottom: 0;
}

.address-item {
    display: flex;
    align-items: self-start;
}

.address-icon1 {
    margin-right: 10px;
    background: #027981;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}

.address-icon1 i {
    font-size: 16px;
}

.address-dt-all h4 {
    color: #2b2f4c;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    margin-top: 0;
    margin-bottom: 8px;
}

.address-dt-all p {
    font-size: 14px;
    font-weight: 400;
    color: #3e3f5e;
    margin-bottom: 0;
    line-height: 24px;
}

.action-btns {
    margin-top: 10px;
}

.action-btns li {
    display: inline-block;
    margin-right: 5px;
}

.action-btns li:last-child {
    margin-right: 0;
}

.action-btn {
    font-size: 16px;
    color: #3e3f5e;
}

.action-btn:hover {
    color: #027981 !important;
}

.add-address-form {
    padding: 20px 30px 30px;
}
.pdpt-bg-left {
    margin-top: 30px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 #e9e9e9;
    float: left;
    width: 100%;
}
.pdpt-title h4 {
    border-bottom: 1px solid #efefef;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #2b2f4c;
}
.ui.swdh10 {
    font-size: 14px !important;
    width: 100%;
}

.ui[class*="left icon"].swdh10.input>input {
    padding-left:3.2em!important;
    padding-right: 1em!important;
	font-size: 14px;
    font-weight: 500;
	border: 0 !important;
}

.ui.search .prompt {
    border-radius: .3rem !important;
}
.pdpt-bg {
    margin-top: 30px;
    background: #fff;
    border-radius: 10px;
}

.pdpt-bg {
    margin-top: 30px;
    background: #fff;
    border-radius: 3px;
	box-shadow: 0 1px 2px 0 #e9e9e9;
}

label.control-label {
    font-size: 13px;
    font-weight: 500;
    color: #2b2f4c;
}
.control-label {
    font-size: 14px;
    font-weight: 600;
    color: #2b2f4c;
    margin-bottom: .8rem;
}

.next-btn16 {
    height: 40px;
    padding: 9px 20px;
    border: 1px solid #027981;
    background: #027981;
    color: #fff;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
	display: inline-block;
}
.ui.search .prompt {
    border-radius: 0.3rem !important;
    width: 100%;
    font-size: 12px!important;
    font-weight: 500!important;
}
.swdh19 {
    width: 100%;
}

.ui[class*="left icon"].swdh19.input>input {
    padding-left: 1em!important;
    padding-right: 1em!important;
	height: 34px;
}

.ui.input>input {
	font-weight: 500 !important;
    background: #fff;
    border: 1px solid #efefef !important;
    color: #2b2f4c !important;
    border-radius: 5px !important;
}

.ui.input>input:focus {
    border: 1px solid #027981 !important;
}

.ui.selection.active.dropdown.form-dropdown {
    border-color: #027981 !important;
}

.ui.selection.active.dropdown.form-dropdown .menu {
    border-color: #027981 !important;
}

.ui.dropdown.form-dropdown .menu>.item {
    color: #2b2f4c !important;
    font-size: 14px !important; 
    font-weight: 400 !important;
}

.ui.selection.dropdown.form-dropdown:hover {
    border-color: #efefef !important;
}

.ui.selection.dropdown.form-dropdown {
    color: #2b2f4c !important;
	font-weight: 500 !important;
    border: 1px solid #efefef !important;
}

.ui.selection.visible.dropdown.form-dropdown>.text:not(.default) {
    font-weight: 500 !important;
    color: #2b2f4c !important;
}
/*********************************
#Wishlist
**********************************/
.cart-item {
	display: flex;
	padding: 10px;
	background: #fff;
	border-bottom: 1px solid #efefef;
}

.cart-item:last-child {
	border-bottom: 0;
}

.cart-item:last-child {
	border-bottom: 0;
}

.side-cart-items {
    
}

.cart-product-img {
    width: 130px;
	position: relative;
}

.cart-product-img img {
    width: 100%;
    border-radius: 5px;
	border: 1px solid #f7f7f7;
}

.offer-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    background: #027981;
    padding: 1px 10px 0px;
    border-radius: 3px;
    line-height: 20px;
}

.cart-text {
	margin-left: 20px;
	width: 100%;
	position: relative;
}

.cart-text h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: #2b2f4c;
	text-align: left;
	margin-bottom: 10px;
}

.cart-close-btn {
    position: absolute;
    top: 2px;
    right: 0;
    background: transparent;
    border: 0;
    font-size: 18px;
    color: #2b2f4c;
}

.cart-close-btn:hover {
    color: #027981;
}


/* --- Cart Radio Btn --- */

.kggrm-now {
  list-style-type: none;
  margin:  0;
  padding: 0;
}
/************************
Tracking Order
************************/
.track-order {
    padding: 20px 0 20px;
}

.track-order h4 {
    margin-left: 20px;
    margin-bottom: 20px;
    font-weight: 700;
    color: #2b2f4c;
    text-align: left;
}

.pdpt-title h6 {
    border-bottom: 1px solid #efefef;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #2b2f4c;
	margin-bottom: 0;
}

.order-body10 {

}

.order-dtsll {
	padding: 20px;
}

.order-dtsll li {
    display: inline-block;
	vertical-align: top;
}

.order-dt-img {
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #efefef;
    border-radius: 5px;
}

.order-dt-img img {
    width: 50px;
}

.order-dt47 {
    margin-left: 15px;
}

.order-dt47 h4 {
    font-size: 16px;
    color: #2b2f4c;
    margin-bottom: 5px;
    line-height: 24px;
    text-align: left;
	font-weight: 700;
}

.order-dt47 p {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
	color: #3e3f5e;
	margin-bottom: 7px;
}
.total-checkout-group {
    padding: 20px 20px 0;
	border-top: 1px solid #efefef;
    margin-top: 10px;
}
.cart-total-dil {
    display: flex;
    width: 100%;
    align-items: center;
}

.cart-total-dil h4 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #2b2f4c;
    line-height: 24px;
}

.cart-total-dil span {
	color: #8f91ac;
    font-size: 16px;
    margin-left: auto;
    font-weight: 400;
	line-height: 24px;
}
.cart-total-dil {
    display: flex;
    width: 100%;
    align-items: center;
}

.cart-total-dil h4 {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #2b2f4c;
    line-height: 24px;
}

.cart-total-dil span {
	color: #8f91ac;
    font-size: 16px;
    margin-left: auto;
    font-weight: 400;
	line-height: 24px;
}
.main-total-cart {
    display: flex;
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.saving-total {
    padding: 20px 20px 0;
}

.main-total-cart h2 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    color: #2b2f4c;
    line-height: 24px;
}

.main-total-cart span {
	color: #027981;
    font-size: 18px;
    margin-left: auto;
    font-weight: 700;
	line-height: 24px;
}
/************************
#Profile
************************/
.pdpt-bg table{
    width:100%;
    }
    
    .pdpt-bg table td{
    margin:30px;
   /* box-shadow:0px 6px 16px -6px rgba(1,1,1,0.5);
   background-color:#000; */
    padding:30px;
    color:#fff;
    vertical-align:top;
    }
    .pdpt-bg table td li b {
    color:#212121;
    }  
    .pdpt-bg table td:nth-child(1){
    text-align:Center;
    }
    
    .pdpt-bg table td:nth-child(2) .fa{
    float:right;
    }
    
    .pdpt-bg table td:nth-child(2) input{
    background:none;
    outline:none;
    border:0;
    color:gray;
    width:60%;
    pointer-events:none;
    }
    
    .pdpt-bg table td:nth-child(1) section{
    position:relative;
    width:200px;
    height:200px;
    margin:5vh auto;
    }
    
    
    .pdpt-bg table td:nth-child(1) .fa{
    position:absolute;
    right:25px;
    top:25px;
    font-size:2em;
    }
    
    .pdpt-bg table td img{
    width:200px;
    height:200px;
    border-radius:50%;
    }
    
    .pdpt-bg table td h3{
    color:gray;
    font-weight:normal;
    }
    
    .pdpt-bg table .section2{
    text-align:left;
    }
    
    .pdpt-bg table .section2 label{
    display:block;
    margin:10px 0;
    text-align:left;
    } 
    
    .pdpt-bg table .section2 select{
    background:#1e1e1e;
    width:100%;
    padding:19px;
    border:0;
    outline:none;
    color:gray;
    }
    
    .pdpt-bg table .section2 input{
    background:#1e1e1e;
    width:90%;
    padding:20px;
    color:gray;
    border:0;
    outline:none;
    }
    
    .pdpt-bg table .section2 .quantityselector{
    height:80px;
    border-bottom:0px;
    }
    
    .pdpt-bg table .section2 .quantityselector section{
    display:inline-block !important;
    width:45%;
    margin:0 10px;
    }
    
    .pdpt-bg table textarea{
    width:90%;
    resize:none;
    outline:none;
    border:0;
    background:#1e1e1e;
    color:gray;
    padding:20px;
    }
    
    
    
    .pdpt-bg .inframe .card{
    width:100%;
    height:40vh;
    position:relative;
    overflow:hidden;
    display:block;
    margin:10px 0;
    }
    
    .pdpt-bg .inframe .card img{
    width:100%;
    height:40vh;
    border-radius:0;
    }
    
    .card_content{
    height:0;
    position:absolute;bottom:0;
    width:100%;background-color:rgba(1,1,1,0.8);
    transition:0.5s;
    }
    
    .card_content ul li{
    padding:5px;
    font-size:13px;
    }
    
    .card_content h3{
    text-align:Center;
    color:#fff;
    }
    
    .inframe .card:hover > .card_content{
    height:40vh;
    }
    
    .card_content .btn{
    font-size:12px;
    width:100px;
    display:inline-block;
    margin:0 10px;
    }
    
    .btnprofile{
        padding: 12px;
        font-size: 16px;
        border: 0;
        color: #fff;
        display: block;
        width: 100%!important;
        margin: 10px 0;
        text-align: Center;
        border-radius: 5px;
        cursor: pointer;
        background: #027981;
        font-weight: 600;
        }
    
    .pdpt-bg table li {
        border-bottom: 1px solid #555;
      margin: 15px 0;
    padding: 15px 0;   
    }
    .profile-select {
        border:0px;
    }
    .profile-select:focus,
    .profile-select:active {
        border:0px!important;
    }
    .pdpt-bg tr h1 {
        font-size: 18px;
        padding: 25px 0 0;
        color: #595959;
    }
    .pdpt-bg tr h3 {
        font-size: 14px;
        padding: 10px 0 0;
        color: #595959;
    }
    @media (max-width:820px){
   
    .pdpt-bg table td{
    display:block;
    width:100%;
    margin:0px;
    }
    .pdpt-bg table .section2 .quantityselector section{
    width:41%;
    margin:0px 10px;
    }
    .pdpt-bg table .section2 ul{
    position:relative;
    left:-40px;
    }
  
    }
    /************************
    #Forget Password
    ************************/
    .forget-pwd {
    width:100%;
    margin:15px 0px;
    }
.forget-pwd label{
width:100%;
margin:8px 0px;
text-align:left;
}
.forget-pwd input{
width: 100%!important;
margin: 0px 0px;
text-align: left;

}

.topslide .owl-nav .owl-prev i {
    line-height: 30px;
    padding: 0px 3px;
    font-size: 18px;
    color: #212121;
}
.topslide .owl-nav .owl-next i {
    line-height: 30px;
    padding: 0px 3px;
    font-size: 18px;
    color: #212121;
}
.cart-totals,
.update-continue-btn {
    margin:15px 0px;
}
.main-title-tab .fa-heart {
color:#212121;
}
.table-cart .fa-shopping-basket {
    background: #90d9ef;
    padding: 5px 10px 10px;
    border-radius: 25px;
}
.sitebox {
    background: #fff!important;
    padding: 20px!important;    
}
.sitebox h2{
font-size:22px;
color:#212121; 
}
.sitebox ul li {
color:#525252;
font-size:14px;
}