@font-face {
	font-family: icomoon;
	src: url(../country/in/fonts/icomoon.ae916689.eot);
	src: url(../country/in/fonts/icomoon.ae916689.eot#iefix) format("embedded-opentype"), url(../country/in/fonts/icomoon.29a32201.woff2) format("woff2"), url(../country/in/fonts/icomoon.5f916383.ttf) format("truetype"), url(../country/in/fonts/icomoon.55abe4d6.woff) format("woff"), url(../country/in/fonts/icomoon.b462cc55.svg#icomoon) format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

[class*=" icon-"],
[class^=icon-] {
	font-family: icomoon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body {
	color: #333
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

a {
	color: #337ab7
}

a:focus,
a:hover {
	color: #23527c;
	text-decoration: underline
}

img {
	vertical-align: middle
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee
}

[role=button] {
	cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
	margin-top: 20px;
	margin-bottom: 10px
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
	margin-top: 10px;
	margin-bottom: 10px
}

.h1,
h1 {
	font-size: 36px
}

.h2,
h2 {
	font-size: 30px
}

.h3,
h3 {
	font-size: 24px
}

.h4,
h4 {
	font-size: 18px
}

.h5,
h5 {
	font-size: 14px
}

.h6,
h6 {
	font-size: 12px
}

p {
	margin: 0 0 10px
}

.text-justify {
	text-align: justify
}

.text-lowercase {
	text-transform: lowercase
}

.text-uppercase {
	text-transform: uppercase
}

.text-capitalize {
	text-transform: capitalize
}

.page-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #eee
}

ol,
ul {
	margin-top: 0;
	margin-bottom: 10px
}

ol ol,
ol ul,
ul ol,
ul ul {
	margin-bottom: 0
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media (min-width:768px) {
	.container {
		width: 750px
	}
}

@media (min-width:992px) {
	.container {
		width: 970px
	}
}

@media (min-width:1200px) {
	.container {
		width: 1170px
	}
}

.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.row {
	margin-right: -15px;
	margin-left: -15px
}

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
	float: left
}

.col-xs-12 {
	width: 100%
}

.col-xs-11 {
	width: 91.66666667%
}

.col-xs-10 {
	width: 83.33333333%
}

.col-xs-9 {
	width: 75%
}

.col-xs-8 {
	width: 66.66666667%
}

.col-xs-7 {
	width: 58.33333333%
}

.col-xs-6 {
	width: 50%
}

.col-xs-5 {
	width: 41.66666667%
}

.col-xs-4 {
	width: 33.33333333%
}

.col-xs-3 {
	width: 25%
}

.col-xs-2 {
	width: 16.66666667%
}

.col-xs-1 {
	width: 8.33333333%
}

.col-xs-offset-2 {
	margin-left: 16.66666667%
}

.col-xs-offset-1 {
	margin-left: 8.33333333%
}

.col-xs-offset-0 {
	margin-left: 0
}

@media (min-width:768px) {
	.col-sm-1,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12 {
		float: left
	}
	.col-sm-12 {
		width: 100%
	}
	.col-sm-11 {
		width: 91.66666667%
	}
	.col-sm-10 {
		width: 83.33333333%
	}
	.col-sm-9 {
		width: 75%
	}
	.col-sm-8 {
		width: 66.66666667%
	}
	.col-sm-7 {
		width: 58.33333333%
	}
	.col-sm-6 {
		width: 50%
	}
	.col-sm-5 {
		width: 41.66666667%
	}
	.col-sm-4 {
		width: 33.33333333%
	}
	.col-sm-3 {
		width: 25%
	}
	.col-sm-2 {
		width: 16.66666667%
	}
	.col-sm-1 {
		width: 8.33333333%
	}
}

@media (min-width:992px) {
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		float: left
	}
	.col-md-12 {
		width: 100%
	}
	.col-md-11 {
		width: 91.66666667%
	}
	.col-md-10 {
		width: 83.33333333%
	}
	.col-md-9 {
		width: 75%
	}
	.col-md-8 {
		width: 66.66666667%
	}
	.col-md-7 {
		width: 58.33333333%
	}
	.col-md-6 {
		width: 50%
	}
	.col-md-5 {
		width: 41.66666667%
	}
	.col-md-4 {
		width: 33.33333333%
	}
	.col-md-3 {
		width: 25%
	}
	.col-md-2 {
		width: 16.66666667%
	}
	.col-md-1 {
		width: 8.33333333%
	}
	.col-md-offset-5 {
		margin-left: 41.66666667%
	}
	.col-md-offset-4 {
		margin-left: 33.33333333%
	}
	.col-md-offset-2 {
		margin-left: 16.66666667%
	}
	.col-md-offset-1 {
		margin-left: 8.33333333%
	}
	.col-md-offset-0 {
		margin-left: 0
	}
}

th {
	text-align: left
}

label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px
}

input[type=search] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

input[type=checkbox],
input[type=radio] {
	margin: 4px 0 0;
	margin-top: 1px\9;
	line-height: normal
}

input[type=file] {
	display: block
}

input[type=range] {
	display: block;
	width: 100%
}

select[multiple],
select[size] {
	height: auto
}

input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
	color: #999;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #999
}

.form-control::-webkit-input-placeholder {
	color: #999
}

.form-control[disabled],
.form-control[readonly] {
	background-color: #eee;
	opacity: 1
}

.form-control[disabled] {
	cursor: not-allowed
}

textarea.form-control {
	height: auto
}

input[type=search] {
	-webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type=date],
	input[type=datetime-local],
	input[type=month],
	input[type=time] {
		line-height: 34px
	}
}

.form-group {
	margin-bottom: 15px
}

input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
	cursor: not-allowed
}

.form-control-feedback {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	pointer-events: none
}

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px
}

.btn.focus,
.btn:focus,
.btn:hover {
	text-decoration: none
}

.btn.active:focus,
.btn:active:focus,
.btn:focus {
	outline: none
}

.btn.active,
.btn:active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn[disabled] {
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65
}

.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad
}

.btn-default.active,
.btn-default:active {
	background-image: none
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover {
	background-color: #fff;
	border-color: #ccc
}

.btn-primary {
	background-color: #337ab7;
	border-color: #2e6da4
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}

.btn-primary.active,
.btn-primary:active {
	background-image: none
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover {
	background-color: #337ab7;
	border-color: #2e6da4
}

.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a
}

.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925
}

.btn-danger.active,
.btn-danger:active {
	background-image: none
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover {
	background-color: #d9534f;
	border-color: #d43f3a
}

.fade {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear
}

.fade.in {
	opacity: 1
}

.dropdown {
	position: relative
}

.open>a {
	outline: 0
}

[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio],
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none
}

.input-group {
	position: relative;
	display: table;
	border-collapse: separate
}

.input-group[class*=col-] {
	float: none;
	padding-right: 0;
	padding-left: 0
}

.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	display: table-cell
}

.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
	border-radius: 0
}

.input-group-btn {
	width: 1%;
	vertical-align: middle
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group .form-control:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group .form-control:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.input-group-btn {
	font-size: 0;
	white-space: nowrap
}

.input-group-btn,
.input-group-btn>.btn {
	position: relative
}

.input-group-btn>.btn+.btn {
	margin-left: -1px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
	z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
	margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
	margin-left: -1px
}

.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em
}

a.label:focus,
a.label:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}

.label:empty {
	display: none
}

.btn .label {
	position: relative;
	top: -1px
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px
}

.alert h4 {
	margin-top: 0;
	color: inherit
}

.alert>p,
.alert>ul {
	margin-bottom: 0
}

.alert>p+p {
	margin-top: 5px
}

.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2
}

.close:focus,
.close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5
}

button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}

.modal,
.modal-open {
	overflow: hidden
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	-o-transform: translateY(-25%);
	transform: translateY(-25%)
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	transform: translate(0)
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}

.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}

.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0
}

.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5
}

.modal-header {
	min-height: 16.43px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
	margin-top: -2px
}

.modal-title {
	margin: 0;
	line-height: 1.42857143
}

.modal-body {
	position: relative;
	padding: 15px
}

.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}

@media (min-width:768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
	}
}

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	filter: alpha(opacity=0);
	opacity: 0
}

.tooltip.in {
	filter: alpha(opacity=90);
	opacity: .9
}

.tooltip.top {
	padding: 5px 0;
	margin-top: -3px
}

.tooltip.right {
	padding: 0 5px;
	margin-left: 3px
}

.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px
}

.tooltip.left {
	padding: 0 5px;
	margin-left: -3px
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
	right: 5px
}

.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
	left: 5px
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	right: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	left: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	font-family: Gilroy, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: left;
	white-space: normal;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.popover.top {
	margin-top: -10px
}

.popover.right {
	margin-left: 10px
}

.popover.bottom {
	margin-top: 10px
}

.popover.left {
	margin-left: -10px
}

.popover-content {
	padding: 9px 14px
}

.popover>.arrow,
.popover>.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.popover>.arrow {
	border-width: 11px
}

.popover>.arrow:after {
	content: "";
	border-width: 10px
}

.popover.top>.arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, .25);
	border-bottom-width: 0
}

.popover.top>.arrow:after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #fff;
	border-bottom-width: 0
}

.popover.right>.arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, .25);
	border-left-width: 0
}

.popover.right>.arrow:after {
	bottom: -10px;
	left: 1px;
	content: " ";
	border-right-color: #fff;
	border-left-width: 0
}

.popover.bottom>.arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, .25)
}

.popover.bottom>.arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #fff
}

.popover.left>.arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, .25)
}

.popover.left>.arrow:after {
	right: 1px;
	bottom: -10px;
	content: " ";
	border-right-width: 0;
	border-left-color: #fff
}

.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.modal-footer:after,
.modal-footer:before,
.row:after,
.row:before {
	display: table;
	content: " "
}

.clearfix:after,
.container-fluid:after,
.container:after,
.modal-footer:after,
.row:after {
	clear: both
}

.pull-right {
	float: right!important
}

.pull-left {
	float: left!important
}

.hide {
	display: none!important
}

.show {
	display: block!important
}

.hidden {
	display: none!important
}

@-ms-viewport {
	width: device-width
}

.custom-template {
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	padding: 45px 30px;
	width: 100%
}

.custom-template.btn-lg,
.custom-template.btn-md,
.custom-template.btn-sm {
	border-radius: 0
}

.custom-template .container-fluid {
	padding-right: 0;
	padding-left: 0
}

.template-main-container:not(.header-block) {
	background: #fff
}

.desktop.home-page .floating-block .template-main-container {
	border-radius: 4px;
	background-color: unset;
	overflow: hidden;
	background-origin: border-box
}

.desktop.home-page .floating-block .header-block.template-main-container {
	overflow: unset
}

.editable-content-holder {
	cursor: default
}

.link-content,
a {
	cursor: pointer
}

.custom-template .alignment-container .editable-button {
	display: inline-block
}

.template-main-container .custom-template .editable-button-container:empty {
	display: none
}

.edit-mode .edit-content .custom-template .editable-button-container.alignment-container:hover {
	outline: 1px solid #4086c4
}

.bootstrap-iso.custom-template a,
.bootstrap-iso.custom-template a:focus,
.bootstrap-iso.custom-template a:hover {
	color: inherit;
	text-decoration: none
}

.custom-template .editable-content.no-image {
	display: none
}

.custom-template img {
	min-width: 1px;
	min-height: 1px
}

.custom-template .change-color-holder {
	border: 0 transparent;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-clip: padding-box!important;
	-moz-background-clip: padding!important;
	-webkit-background-clip: padding!important
}

.custom-template .border-radius {
	border-radius: 4px
}

.custom-template .change-color-holder {
	overflow: hidden
}

.custom-template .align-middle {
	display: flex;
	align-items: center
}

.custom-template .align-middle.flex-direction-column {
	flex-direction: column
}

.template-main-container .custom-template .editable-button-container {
	max-width: 100%;
	min-width: 24%;
	width: auto
}

.template-main-container .custom-template .editable-button .btn-rounded {
	border-radius: 30px!important
}

.template-main-container .custom-template .editable-button .btn-boxed {
	border-radius: 0!important
}
.template-main-container .custom-template .editable-button .btn-curved {
	border-radius: 5px!important
}

.template-main-container .custom-template .editable-button .editable-content .btn-lg {
	font-size: 18px;
	padding: 14px 25px;
	border-width: 3px
}

.custom-template .editable-button .editable-content .btn-sm {
	font-size: 14px;
	padding: 10px 25px;
	border-width: 1px
}

.template-main-container .custom-template .editable-button .editable-content .btn-md {
	font-size: 16px;
	padding: 12px 25px;
	border-width: 2px
}

.template-main-container .custom-template .editable-button .editable-content .btn {
	cursor: inherit
}

.iosSafari .template-main-container .custom-template .editable-button .editable-content .btn,
.template-main-container .custom-template .editable-button .editable-content .contact_submit,
.template-main-container .custom-template .editable-button .editable-content .link-content .btn,
.template-main-container .custom-template .editable-button .editable-content a .btn {
	cursor: pointer
}

.template-main-container .custom-template .paddingLR0 {
	padding-left: 0;
	padding-right: 0
}

.template-main-container .custom-template .margin0 {
	margin: 0
}

.feature-product-loader {
	position: relative;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center
}

.feature-product-loader .circle-loader {
	position: relative
}

.template-main-container:not(.coverImageHeader) {
	width: 100%;
	background-size: cover;
	background-position: 50%!important
}

.template-main-container.background-position:not(.coverImageHeader),
.template-main-container:not(.coverImageHeader) {
	background-position: 0 0!important
}

.template-main-container.background-position-center:not(.coverImageHeader) {
	background-position: 50%!important
}

.template-main-container.background-no-repeat {
	background-repeat: no-repeat
}

.template-main-container.background-attachment-fixed {
	background-repeat: no-repeat;
	transition: initial
}

.template-main-container.coverImageHeader.background-position-center {
	background-position: 50%!important
}

body:not(.edit-mode) .parallax-container {
	position: relative;
	perspective: 1px;
	transform-style: preserve-3d;
	display: block;
	overflow: hidden
}

body:not(.edit-mode).wap .parallax-container {
	overflow: hidden!important
}

body:not(.edit-mode) .parallax-div {
	position: absolute;
	height: 100vh;
	left: 50%;
	top: 0;
	z-index: -1;
	transition: none;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	position: fixed;
	transform: translateZ(0);
	object-fit: cover
}

body:not(.edit-mode) .parallax-container .background-attachment-fixed {
	background-image: none!important
}

body:not(.edit-mode) #parallax-images {
	display: block
}

body:not(.edit-mode) #parallax-images .parallax-image-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: hidden;
	-webkit-backface-visibility: hidden
}

body:not(.edit-mode) #parallax-images .parallax-image-container:after {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow-x: hidden;
	-webkit-backface-visibility: hidden;
	content: "";
	background: inherit
}

body:not(.edit-mode) #parallax-images .parallax-image-container img {
	opacity: 1;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	height: 100vh;
	width: auto
}

.desktop [data-scroll-effect=reveal] .template-main-container.background-attachment-fixed {
	background-attachment: fixed;
	background-position: 50%!important
}

.desktop .IPad .template-main-container.background-attachment-fixed {
	background-attachment: unset
}

.desktop .iosIframeApp .template-main-container.background-attachment-fixed {
	background-attachment: scroll
}

.custom-template .paddingLR4 {
	padding-left: 4%;
	padding-right: 4%
}

.edit-content .template-main-container .change-color-holder>a.link-content {
	display: block;
	height: 100%;
	width: 100%
}

.custom-template .paddingR20 {
	padding-right: 20px
}

.custom-template .col-md-4.paddingLR0 {
	padding-left: 0;
	padding-right: 0
}

.custom-template .padding-0 {
	padding: 0
}

.custom-template .paddingT50 {
	padding-top: 50px
}

.custom-template .padding12 {
	padding: 12px
}

.custom-template .paddingT4 {
	padding-top: 4px
}

.custom-template .button-div {
	margin: auto
}

.custom-template .paddingLR3 {
	padding-left: 3%;
	padding-right: 3%
}

.custom-template .marginB15 {
	margin-bottom: 15px
}

.custom-template .marginB30 {
	margin-bottom: 30px
}

.custom-template .marginB20 {
	margin-bottom: 20px
}

.custom-template .editable-content {
	word-break: break-word
}

.custom-template .change-color-holder,
.custom-template .editable-background-holder,
.custom-template .editable-content>img {
	border-radius: 10px
}

.custom-template .edit-input {
	padding: 0
}

.custom-template .edit-input.border-boxed .form-control {
	border: 1px solid #333
}

.custom-template .edit-input.border-curved {
	border-radius: 8px
}

.custom-template .edit-input.border-curved .form-control {
	border: 1px solid #333;
	border-radius: 8px
}

.custom-template .edit-input.border-line {
	background-color: transparent!important
}

.custom-template .edit-input.border-line .form-control {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #333;
	padding-left: 0
}

.custom-template .editable-button {
	margin-top: 10px;
	padding: 0
}

@media (max-width:480px) {
	.editable-content-holder .editable-content.font-size-12 {
		font-size: 12px
	}
	.editable-content-holder .editable-content.font-size-14,
	.editable-content-holder .editable-content.font-size-16 {
		font-size: 14px
	}
	.editable-content-holder .editable-content.font-size-18,
	.editable-content-holder .editable-content.font-size-20 {
		font-size: 16px
	}
	.editable-content-holder .editable-content.font-size-22 {
		font-size: 20px
	}
	.editable-content-holder .editable-content.font-size-24,
	.editable-content-holder .editable-content.font-size-26,
	.editable-content-holder .editable-content.font-size-28 {
		font-size: 22px
	}
	.editable-content-holder .editable-content.font-size-30,
	.editable-content-holder .editable-content.font-size-32,
	.editable-content-holder .editable-content.font-size-34,
	.editable-content-holder .editable-content.font-size-36 {
		font-size: 26px
	}
	.editable-content-holder .editable-content.font-size-40 {
		font-size: 34px
	}
	.editable-content-holder .editable-content.font-size-48 {
		font-size: 40px
	}
	.editable-content-holder .editable-content.font-size-54 {
		font-size: 48px
	}
	.editable-content-holder .editable-content.font-size-60 {
		font-size: 54px
	}
	.editable-content-holder .editable-content.font-size-66 {
		font-size: 60px
	}
	.editable-content-holder .editable-content.font-size-72 {
		font-size: 66px
	}
}

@media (min-width:768px) {
	.editable-content-holder .editable-content.font-size-12 {
		font-size: 12px
	}
	.editable-content-holder .editable-content.font-size-14 {
		font-size: 14px
	}
	.editable-content-holder .editable-content.font-size-16 {
		font-size: 16px
	}
	.editable-content-holder .editable-content.font-size-18 {
		font-size: 18px
	}
	.editable-content-holder .editable-content.font-size-20 {
		font-size: 20px
	}
	.editable-content-holder .editable-content.font-size-22 {
		font-size: 22px
	}
	.editable-content-holder .editable-content.font-size-24 {
		font-size: 24px
	}
	.editable-content-holder .editable-content.font-size-26 {
		font-size: 26px
	}
	.editable-content-holder .editable-content.font-size-28 {
		font-size: 28px
	}
	.editable-content-holder .editable-content.font-size-30 {
		font-size: 30px
	}
	.editable-content-holder .editable-content.font-size-32 {
		font-size: 32px
	}
	.editable-content-holder .editable-content.font-size-34 {
		font-size: 34px
	}
	.editable-content-holder .editable-content.font-size-36 {
		font-size: 36px
	}
	.editable-content-holder .editable-content.font-size-40 {
		font-size: 40px
	}
	.editable-content-holder .editable-content.font-size-48 {
		font-size: 48px
	}
	.editable-content-holder .editable-content.font-size-54 {
		font-size: 54px
	}
	.editable-content-holder .editable-content.font-size-60 {
		font-size: 60px
	}
	.editable-content-holder .editable-content.font-size-66 {
		font-size: 66px
	}
	.editable-content-holder .editable-content.font-size-72 {
		font-size: 72px
	}
}

@media (min-width:992px) {
	.custom-template .cust-temp-prod-box:hover {
		box-shadow: 0 0 20px rgba(23, 84, 116, .18);
		background: #fff
	}
	.custom-template .main-image {
		float: right!important
	}
	.custom-template .image-left {
		float: left!important
	}
	.paddingL0 {
		padding-left: 0
	}
	.paddingR0 {
		padding-right: 0
	}
	.custom-template .marginT15 {
		margin-top: 15px
	}
	.custom-template .marginT40 {
		margin-top: 40px
	}
}

@media (max-width:992px) {
	.template-main-container {
		border-radius: 0
	}
	.jd-amenities-slider .jd-mobile-header,
	.jd-services-slider .jd-mobile-header {
		z-index: 1061
	}
	.edit-amenitiesServices-section {
		height: auto
	}
	.custom-template .main-image {
		margin-top: 0
	}
	.padding0 {
		padding: 0
	}
	.custom-template .paddingT10p {
		padding-top: 10px
	}
	.amenitiesServices-save-footer button:first-child {
		display: none
	}
	.amenitiesServices-save-footer button:last-child {
		width: 100%
	}
}

.custom-template:not(.template-25) img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%
}

.custom-template .marginT20 {
	margin-top: 20px
}

.custom-template .marginT30 {
	margin-top: 30px
}

.custom-template .marginT50 {
	margin-top: 50px
}

.custom-template .marginT5 {
	margin-top: 5px
}

.custom-template .marginT15 {
	margin-top: 15px
}

.custom-template .marginB0 {
	margin-bottom: 0
}

.align-left {
	text-align: left!important
}

.align-right {
	text-align: right!important
}

.align-center {
	text-align: justify!important
}

.align-justify {
	text-align: justify!important
}

.font-light,
.font-light.btn {
	font-weight: 300
}

.font-medium,
.font-medium.btn {
	font-weight: 500
}

.regular,
.regular.btn {
	font-weight: 400
}

.bold {
	font-weight: 700
}

.extra-light,
.extra-light.btn {
	font-weight: 100
}

.semi-bold,
.semi-bold.btn {
	font-weight: 500
}

.extra-bold,
.extra-bold.btn {
	font-weight: 900
}

.underline {
	text-decoration: underline
}

.italic {
	font-style: italic
}

b,
strong {
	font-weight: 500!important
}

.template-main-container .bold {
	font-weight: 700!important
}

.extra-light.btn,
.template-main-container .extra-light {
	font-weight: 100!important
}

.font-light.btn,
.template-main-container .font-light {
	font-weight: 300!important
}

.semi-bold.btn,
.template-main-container .semi-bold {
	font-weight: 500!important
}

.extra-bold.btn,
.template-main-container .extra-bold {
	font-weight: 900!important
}

.template-main-container .underline {
	text-decoration: underline!important
}

.template-main-container .italic {
	font-style: italic!important
}

.editable-button .editable-content.bold div {
	font-weight: 700
}

.template-main-container .custom-template .editable-content.btn-lg,
.template-main-container .custom-template .editable-content.btn-md,
.template-main-container .custom-template .editable-content.btn-sm {
	padding: 0
}

.template-main-container .custom-template .editable-content .button {
	max-width: 100%
}

.template-main-container .custom-template .editable-content .button:focus {
	outline: none
}

.display-table {
	display: table
}

.display-table-cell {
	display: table-cell
}

.vertical-align-middle {
	vertical-align: middle
}

.vertical-align-bottom {
	vertical-align: bottom
}

.custom-template .featured-header.border {
	float: none;
	width: 12%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 5px auto
}

.custom-template .cust-temp-prod-box {
	padding-bottom: 10px
}

.edit-block .custom-template .cust-temp-prod-box:hover {
	border: 0 solid transparent;
	box-shadow: 0 0 transparent;
	background: none
}

.custom-template .marginT10 {
	margin-top: 10px
}

.custom-template .marginT4 {
	margin-top: 4px
}

.template-main-container .custom-template .paddingT10 {
	padding-top: 10px
}

.custom-template .align-item-center {
	display: flex;
	height: 100%;
	align-items: center;
	flex: inherit;
	text-align: center
}

.content.para-2.editable-content-holder.marginB30 {
	margin-bottom: 10px
}

.modal-vertical-align-center {
	display: table-cell;
	vertical-align: middle
}

.modal-vertical-alignment-helper {
	display: table;
	height: 100%;
	margin: 0 auto
}

.custom-template .editable-content-holder.input-content .form-control {
	color: inherit;
	font-size: 16px;
	background: transparent;
	box-shadow: none;
	width: 100%
}

.custom-template .editable-content-holder.input-content input::-webkit-input-placeholder,
.custom-template .editable-content-holder.input-content textarea::-webkit-input-placeholder {
	color: inherit;
	opacity: .5
}

.custom-template .editable-content-holder.input-content .form-control,
.custom-template .editable-content-holder.input-content .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.edit-block .editable-content-holder.input-content .form-control {
	box-shadow: none
}

.custom-template .editable-content-holder.input-content .form-control~i {
	display: none
}

.custom-template .editable-content-holder.input-content .validation_error i {
	display: block;
	position: absolute;
	top: 17px;
	right: 10px;
	color: #e73b3c
}

.custom-template .editable-content-holder.input-content .validation_error .icon-error:before {
	color: inherit
}

.custom-template .editable-content-holder.input-content .edit-input span {
	display: none
}

.custom-template .editable-content-holder.input-content .validation_error span {
	width: 100%;
	display: inline-block;
	background-color: #ffe9eb;
	color: #e73b3c;
	padding: 2px 10px;
	font-size: 14px;
	border-radius: 0 0 4px 4px;
	font-family: roboto;
	font-weight: 400;
	font-style: normal
}

.template-main-container .clearfix:after,
.template-main-container .clearfix:before {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.template-main-container .clearfix:after {
	clear: both
}

.template-main-container .clearfix {
	zoom: 1
}

.custom-template .jd-cms-tag-working-hours .contact-day-holder {
	display: inline-block
}

.custom-template .jd-cms-tag-working-hours .contact-timing-holder {
	padding-left: 0
}

.edit-block .quote-image~.click-to-edit .icon-uploadImage {
	padding: 0;
	font-size: 14px
}

.home-page .edit-block .home-cat-section.wrpr {
	padding: 1px
}

.jd-h2 {
	font-family: inherit;
	font-weight: 500;
	color: inherit
}

.custom-template .header-subheader .editable-content-holder:last-child .editable-content {
	margin-bottom: 10px
}

.custom-template .align-item-flex {
	display: flex;
	align-items: center
}

.static-templates ol,
.static-templates ol li {
	list-style-type: decimal
}

.static-templates ul,
.static-templates ul li {
	list-style-type: disc
}

.static-templates ul {
	padding-left: 20px
}

.blue-border.content-align-left .left-align-btn,
.blue-border.content-align-right .right-align-btn {
	display: none
}

.content-block-menu .icon-bell {
	font-size: 14px;
	margin-left: 2px
}

.btn.btn-border-rad:focus {
	outline: none
}

.linked-section .editable-content a {
	color: inherit
}

.home-page .para-1 .editable-content:hover .product-rating {
	text-decoration: none!important
}

.home-page .para-1 .editable-content .product-rating {
	display: contents;
	width: 100%
}

.header-content .custom-template {
	font-family: unset!important
}

.header-content .custom-template,
.omni-header .custom-template {
	font-size: medium;
	-webkit-font-smoothing: antialiased;
	padding: 0;
	width: 100%
}

.header-content .custom-template .editable-button {
	margin-top: 0
}

.template-main-container .custom-template .wysiwyg-content {
	overflow-x: auto
}

.desktop .template-main-container .positionTopLeft {
	align-items: flex-start!important;
	justify-content: flex-start!important
}

.desktop .template-main-container .positionTopCenter {
	align-items: flex-start!important;
	justify-content: center!important
}

.desktop .template-main-container .positionTopRight {
	align-items: flex-start!important;
	justify-content: flex-end!important
}

.desktop .template-main-container .positionCenterLeft {
	align-items: center!important;
	justify-content: flex-start!important
}

.desktop .template-main-container .positionCenter {
	align-items: center!important;
	justify-content: center!important
}

.desktop .template-main-container .positionCenterRight {
	align-items: center!important;
	justify-content: flex-end!important
}

.desktop .template-main-container .positionBottomLeft {
	align-items: flex-end!important;
	justify-content: flex-start!important
}

.desktop .template-main-container .positionBottomCenter {
	align-items: flex-end!important;
	justify-content: center!important
}

.desktop .template-main-container .positionBottomRight {
	align-items: flex-end!important;
	justify-content: flex-end!important
}

.positionBottomCenter .contentPosition-pop .positionBottomCenter-div,
.positionBottomLeft .contentPosition-pop .positionBottomLeft-div,
.positionBottomRight .contentPosition-pop .positionBottomRight-div,
.positionCenter .contentPosition-pop .positionCenter-div,
.positionCenterLeft .contentPosition-pop .positionCenterLeft-div,
.positionCenterRight .contentPosition-pop .positionCenterRight-div,
.positionTopCenter .contentPosition-pop .positionTopCenter-div,
.positionTopLeft .contentPosition-pop .positionTopLeft-div,
.positionTopRight .contentPosition-pop .positionTopRight-div {
	color: #fea702
}

.popover.template28 .positionBottomLeft-div,
.popover.template28 .positionBottomRight-div,
.popover.template28 .positionCenterLeft-div,
.popover.template28 .positionCenterRight-div,
.popover.template28 .positionTopLeft-div,
.popover.template28 .positionTopRight-div,
.popover.template98 .positionBottomCenter-div,
.popover.template98 .positionBottomLeft-div,
.popover.template98 .positionBottomRight-div,
.popover.template98 .positionTopCenter-div,
.popover.template98 .positionTopLeft-div,
.popover.template98 .positionTopRight-div,
.popover.template99 .positionBottomCenter-div,
.popover.template99 .positionBottomLeft-div,
.popover.template99 .positionBottomRight-div,
.popover.template99 .positionTopCenter-div,
.popover.template99 .positionTopLeft-div,
.popover.template99 .positionTopRight-div {
	color: #c0c0c1!important;
	opacity: .4;
	pointer-events: none
}

.custom-template .change-color-holder.linked-section a[linktype] {
	width: 100%;
	height: 100%
}

.wap .btn:active {
	box-shadow: none;
	-webkit-box-shadow: none
}

.editable-content-holder .content,
.editable-content-holder .editable-content {
	font-size: 1rem
}

html.modal-open-ios,
html.modal-open-ios .jd-cms.modal-open {
	overflow-y: hidden;
	overflow-x: hidden
}

.listing .edit-content.firstContent {
	margin-top: 10px
}

.listing .edit-content.lastContent:not(.mobileHeaderBlock) {
	margin-bottom: 20px
}

.desktop .listing.floating-block .edit-content {
	margin: 7.5px 5px;
	width: calc(100% - 10px)
}

.listing .edit-content.lastContent.sticky-footer {
	margin: 0
}

.home-page .color-inherit,
.listing .color-inherit {
	color: inherit
}

.home-page .position-absolute,
.listing .position-absolute {
	position: absolute
}

.home-page .big-thumbnail-block .big-thumbnail-box,
.listing .edit-content .big-thumbnail-block .big-thumbnail-box {
	width: 33.3%;
	display: inline-block;
	padding: 10px 20px 20px;
	box-sizing: border-box
}

.big-thumbnail-block .img-block {
	height: 100%
}

.home-page .slick-slider img,
.listing .edit-content .slick-slider img {
	border-radius: 0
}

.home-page .slick-dotted.slick-slider,
.listing .edit-content .slick-dotted.slick-slider,
.static .slick-dotted.slick-slider {
	margin-bottom: 0
}

.slick-slider.transition-fade .slick-slide.slick-active {
	z-index: 1
}

.home-page .featured-header.border,
.listing .featured-header.border {
	float: none;
	width: 15%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto 25px
}

.home-page .slick-dots,
.listing .edit-content .slick-dots {
	text-align: right;
	bottom: 27px;
	margin: 5px -6px
}

.home-page .item,
.listing .edit-content .item {
	position: relative
}

.home-page .slick-dots li button:before,
.listing .edit-content .slick-dots li button:before {
	opacity: .6;
	font-size: 7px;
	top: 1px;
	color: #fff
}

.home-page .slick-dots li.slick-active button:before,
.listing .edit-content .slick-dots li.slick-active button:before {
	opacity: .9;
	color: #fff
}

.home-page .slick-dots li,
.listing .edit-content .slick-dots li {
	margin: 0 -1px
}

.home-page .inline-block,
.listing .inline-block {
	display: inline-block
}

.home-page .slider-arrow-circle,
.listing .edit-content .slider-arrow-circle,
.social .slider-arrow-circle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border-radius: 30px;
	position: absolute;
	border: 1px solid #e5e5e5;
	z-index: 1;
	top: 50%;
	background-color: #fff
}

.home-page .slider-arrow-circle,
.social .slider-arrow-circle {
	transform: translateY(-50%);
	top: 50%;
	transition: all .6s ease-out
}

.home-page .slider-arrow-circle.left-circle,
.listing .edit-content .slider-arrow-circle.left-circle,
.social .slider-arrow-circle.left-circle {
	left: 25px
}

.listing .edit-content .slider-arrow-circle.left-circle {
	top: calc(50% - 12px)
}

.home-page .slider-arrow-circle.right-circle,
.listing .edit-content .slider-arrow-circle.right-circle,
.social .slider-arrow-circle.right-circle {
	right: 25px
}

.home-page .IPad .slider-arrow-circle:active,
.home-page body:not(.IPad) .slider-arrow-circle:hover,
.listing .edit-content .slider-arrow-circle:hover,
.social .slider-arrow-circle:hover {
	background-color: #333;
	cursor: pointer;
	border: none
}

.home-page .IPad .slider-arrow-circle:active .icon-pagination-left:before,
.home-page .IPad .slider-arrow-circle:active .icon-pagination-right:before,
.home-page .IPad .slider-arrow-circle:active:before,
.home-page body:not(.IPad) .slider-arrow-circle:hover .icon-pagination-left:before,
.home-page body:not(.IPad) .slider-arrow-circle:hover .icon-pagination-right:before,
.home-page body:not(.IPad) .slider-arrow-circle:hover:before,
.listing .edit-content .slider-arrow-circle:hover .icon-pagination-right:before,
.listing .edit-content .slider-arrow-circle:hover .slider-left-arrow:before,
.listing .edit-content .slider-arrow-circle:hover:before,
.social .slider-arrow-circle:hover .icon-pagination-left:before,
.social .slider-arrow-circle:hover .icon-pagination-right:before,
.social .slider-arrow-circle:hover:before {
	color: #fff
}

.home-page .previous-slider,
.listing .edit-content .previous-slider {
	position: absolute;
	top: 0;
	left: calc(50% - 12px)
}

.home-page .next-slider,
.listing .edit-content .next-slider {
	position: absolute;
	bottom: 0;
	right: calc(50% - 12px)
}

.home-page .next-slider .icon-pagination-down,
.home-page .previous-slider .icon-pagination-up,
.listing .edit-content .next-slider .icon-pagination-down,
.listing .edit-content .previous-slider .icon-pagination-up {
	left: 0
}

.home-page .proimg,
.listing .edit-content .proimg {
	height: 232px;
	padding: 0
}

.home-page .unitPresent,
.listing .edit-content .unitPresent {
	display: table
}

.desktop .floating-block .background-container .edit-content.firstContent {
	margin-top: 15px
}

.desktop .floating-block .edit-content {
	width: calc(100% - 30px);
	margin: 7.5px 15px;
	background-color: unset;
	border-radius: 4px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.desktop .floating-block .edit-content.firstContent,
.desktop .floating-block .edit-content.firstContent .template-main-container {
	margin-top: 0;
	border-radius: 4px 4px 4px 4px
}

.desktop .floating-block .edit-content.lastContent {
	margin-bottom: 15px
}

.home-page .hide-title .featured-header,
.home-page .hide-title .featured-header.border,
.listing .hide-title .featured-header,
.listing .hide-title .featured-header.border {
	display: none
}

.listing .edit-content.tile-template .feature-html {
	float: right;
	width: 80%;
	position: relative
}

.home-page .edit-content.tile-template .feature-html>.custom-template {
	padding: 0
}

.edit-content .paddingR5 {
	padding-right: 5px
}

.IPad .drag-drop-text {
	display: none
}

.drag-drop-text {
	display: block;
	min-height: 22px;
	padding-top: 10px;
	line-height: 1;
	font-size: 12px;
	color: #aabacc
}

.two-line-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.listing .preview .edit-content.firstContent.webheader {
	margin-top: 0
}

.home-page .slider-arrow-circle {
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .3);
	outline: unset
}

.my-account .myaccount-area .mob-country-code {
	border-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0;
	align-items: center;
	justify-content: end;
	left: 0
}

.IPad.my-account .myaccount-area .mob-country-code {
	font-size: 14px
}

.my-account .my-account .mobile-loader {
	left: 0;
	position: absolute;
	height: 100%
}

.desktop .my-account .initial-cms-loader {
	display: none
}

.my-account .myaccount-area .margin-top-25 {
	margin-top: 25px
}

.my-account .myaccount-area .data-holder {
	width: 340px;
	margin: 20px auto 30px
}

.my-account .myaccount-area .password-change-modal .form-control.input-for-custom-label {
	height: 50px
}

.my-account .myaccount-area .form-control.input-for-custom-label,
.my-account .myaccount-area .form-control.input-for-custom-label:focus {
	box-shadow: none
}

.my-account .myaccount-area .password-change-modal label.user-mobile-email {
	font-size: 12px
}

.my-account .signUpModal .login-body .inputMaterial {
	background: #fff;
	width: 340px;
	-webkit-appearance: none;
	-moz-appearance: textfield
}

.my-account .myaccount-area .form-control.input-for-custom-label:focus {
	border-bottom: 2px solid #0086ff;
	padding-bottom: 0
}

.my-account .pos-relative {
	position: relative
}

.my-account .myaccount-area .margin-top-20 {
	margin-top: 20px
}

.my-account .myaccount-area .margin-top-10 {
	margin-top: 10px
}

.my-account .myaccount-area .modal-footer.footer-new-style {
	border-top: 0;
	margin-top: 0
}

.my-account .myaccount-area .modal-footer.footer-new-style .new-btn-style,
.my-account .myaccount-area .save-info-btn .new-btn-style {
	width: 100%;
	padding: 12px;
	font-size: 14px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2);
	border-radius: 80px
}

.my-account .btn:focus,
.my-account .myaccount-area .btn:active,
.my-account .myaccount-area .btn:active:focus,
.my-account .myaccount-area .btn:hover {
	outline: none
}

.my-account .myaccount-area .error-div {
	height: 13px
}

.my-account .myaccount-area .validation-errLabl {
	color: #e22323
}

.my-account .password-input-area .changedPassword {
	margin-top: 20px
}

.my-account .password-input-area .confirmChangedPassword {
	margin-top: 38px;
	margin-bottom: 15px
}
.jd-cms .my-account .password-input-area .confirmChangedPassword {
	margin-bottom: 30px
}

.my-account .myaccount-area .error-input .form-control.input-for-custom-label {
	border-bottom: 2px solid #e22323
}

.my-account .myaccount-area .loader-style {
	background: #fff;
	z-index: 10;
	position: absolute;
	top: 8px;
	left: 0;
	width: 100%;
	height: calc(100vh - 130px)
}

.my-account .myaccount-area .display-none {
	display: none
}

.my-account .myaccount-area .modal-vertical-alignment-helper {
	display: table;
	height: 100%;
	margin: 0 auto
}

.my-account .myaccount-area .modal-vertical-align-center {
	display: table-cell;
	vertical-align: middle
}

.my-account .myaccount-area .password-change-modal .modal-dialog {
	width: 390px
}

.my-account .myaccount-area .password-change-modal .modal-dialog .modal-content {
	border-radius: 3px
}

.my-account .myaccount-area .password-change-modal .modal-dialog .modal-content .popup-alert-header {
	height: 56px
}

.my-account .myaccount-area .password-change-modal .modal-dialog .modal-content .modal-body {
	padding: 0
}

.my-account .myaccount-area .password-change-modal .modal-dialog .modal-content .modal-body .body-header-label {
	font-size: 16px;
	color: #999;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #f7f7f7
}

.my-account .myaccount-area .password-change-modal .modal-dialog .modal-content .modal-body .password-input-area {
	padding: 0 20px
}

.my-account .myaccount-area .cursor-pointer {
	cursor: pointer
}

.my-account .myaccount-area .breadcrumb-section-design .label-style {
	padding-left: 5px;
	padding-right: 5px
}

.my-account .myaccount-area .info-section {
	display: flex;
	flex-direction: column;
	width: 100%;
	float: none;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .18);
	border-radius: 10px;
	background: #fff;
	margin: 0 auto 10px;
	overflow: hidden
}

.my-account .show-result-count {
	display: flex;
	font-size: 18px;
	font-weight: 500;
	border: 0;
	background: #f9f9f9
}

.my-account .show-result-text {
	flex: 1;
	padding: 10px;
	opacity: 0
}

.my-account .myaccount-area .info-section .section-2 {
	flex: 1
}

.my-account .myaccount-area .info-section .section-1 .tabs-style .tab .icon-pagination-right {
	padding-top: 4px
}

.my-account .myaccount-area .margin-top-48 {
	margin-top: 48px
}

.my-account .myaccount-area .margin-top-30 {
	margin-top: 30px
}

.my-account .myaccount-area .margin-top-15 {
	margin-top: 15px
}

.my-account .side-menu .heading {
	border-bottom: 0;
	background: #f9f9f9
}

.my-account .myaccount-area .password-change-modal .icon-close-thin {
	font-weight: 400;
	color: #999;
	opacity: 1
}

.my-account .myaccount-area .country-code-style {
	position: absolute;
	top: 17px;
	font-size: 14px;
	display: block;
	left: 2px
}

.my-account .myaccount-area .country-code-style .country-code-txt {
	position: relative;
	top: 2px
}

.my-account .myaccount-area .country-code-style .mbl-seperator {
	font-size: 20px;
	color: #999;
	font-weight: 200
}

.my-account .myaccount-area .form-control.custom-input-group.mobile-number-style {
	padding-left: 38px;
	margin-top: 2px;
	padding-top: 2px
}

.desktop .my-account .userMobileNo .input-with-moving-label {
	margin-bottom: 0
}

.desktop .my-account .userEmail,
.desktop .my-account .userMobileNo {
	margin-top: 5px
}

@-moz-document url-prefix() {
	.my-account .myaccount-area .form-control.custom-input-group.mobile-number-style {
		padding-top: 3px
	}
}

.my-account .myaccount-area .breadcrumb-section-design .label-style.black-color {
	color: #424448
}

.my-account .color-black {
	color: #424242
}

.my-account .signUpModal .login-body .forgot-password-section {
	margin-top: 40px;
	margin-bottom: 40px
}

.nb {
	background-image: none!important;
	border: 0
}

h3,
li,
p,
ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.jsb #chkrembercity:focus {
	box-shadow: 0
}

textarea {
	resize: none
}

.nm {
	margin: 0!important
}

.clft {
	clear: left
}

.module:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

* html .module {
	height: 1%;
	overflow: visible
}

*+html .module {
	min-height: 1%
}

.brdot {
	width: 570px;
	float: left;
	padding: 10px 0 0
}

.breadCrumb {
	float: left;
	overflow: hidden;
	width: 990px;
	background: #fff;
	padding: 15px 0 5px 2px
}

.breadCrumb,
.breadCrumb ul {
	display: block;
	height: 21px;
	margin: 0
}

.breadCrumb ul {
	padding: 0
}

.breadCrumb ul li {
	display: block;
	float: left;
	position: relative;
	height: 21px;
	overflow: hidden;
	line-height: 21px;
	font-size: 11px;
	background: url(http://img.jdmagicbox.com/icontent/Chevron.gif) no-repeat 100% 2px;
	margin: 0 6px 0 0;
	padding: 0 10px 0 0
}

.breadCrumb ul li div.chevronOverlay {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2
}

.breadCrumb ul li a,
.breadCrumb ul li span {
	display: block;
	overflow: hidden
}

.breadCrumb ul li a {
	position: relative;
	height: 21px;
	line-height: 21px;
	float: left;
	cursor: pointer
}

.breadCrumb ul li.first a:hover {
	background-position: 0 -16px
}

.breadCrumb ul li.last {
	background: 0;
	padding-right: 0;
	margin: 0 0 0 1px
}

.chevronOverlay {
	display: none;
	background: url(http://img.jdmagicbox.com/icontent/ChevronOverlay.png) no-repeat 100% 1px;
	width: 13px;
	height: 20px
}

.inactv {
	display: none!important
}

.breadCrumb .prvnxt {
	position: absolute;
	right: 0;
	margin: -21px 0 0
}

#breadcrumbSpan {
	color: #424242;
	padding: 0
}

.s0,
.s1,
.s2,
.s3,
.s4,
.s5,
.s6,
.s7,
.s8,
.s9,
.s10 {
	background-image: url(http://img.jdmagicbox.com/icontent/starbx.gif);
	background-repeat: no-repeat;
	float: left;
	height: 19px;
	width: 19px
}

.s0 {
	background-position: -2px -1px
}

.s1 {
	background-position: -22px -1px
}

.s2 {
	background-position: -41px -1px
}

.s3 {
	background-position: -61px -1px
}

.s4 {
	background-position: -81px -1px
}

.s5 {
	background-position: -101px -1px
}

.s6 {
	background-position: -121px -1px
}

.s7 {
	background-position: -141px -1px
}

.s8 {
	background-position: -161px -1px
}

.s9 {
	background-position: -180px -1px
}

.s10 {
	background-position: -200px -1px
}

a.ctc[href^=tel]:link {
	color: #424242;
	cursor: default
}

.ms0,
.ms1,
.ms2,
.ms3,
.ms4,
.ms5,
.ms6,
.ms7,
.ms8,
.ms9,
.ms10 {
	background-image: url(http://img.jdmagicbox.com/icontent/Star03.gif);
	background-repeat: no-repeat;
	float: left;
	height: 10px;
	width: 11px
}

.ms0 {
	background-position: 0 0
}

.ms1 {
	background-position: -10px 0
}

.ms2 {
	background-position: -21px 0
}

.ms3 {
	background-position: -31px 0
}

.ms6 {
	background-position: -64px 0
}

.ms7 {
	background-position: -75px 0
}

.ms8 {
	background-position: -85px 0
}

.ms9 {
	background-position: -97px 0
}

.ms10 {
	background-position: -107px 0
}

.mssp0,
.mssp1,
.mssp2,
.mssp3,
.mssp4,
.mssp5,
.mssp6,
.mssp7,
.mssp8,
.mssp9,
.mssp10 {
	background-image: url(http://img.jdmagicbox.com/icontent/star04.png);
	background-repeat: no-repeat;
	float: left;
	height: 15px;
	width: 17px;
	margin-left: 2px
}

.mssp0 {
	background-position: 0 0
}

.mssp1 {
	background-position: -21px 0
}

.mssp2 {
	background-position: -41px 0
}

.mssp3 {
	background-position: -62px 0
}

.mssp4 {
	background-position: -82px 0
}

.mssp5 {
	background-position: -102px 0
}

.mssp6 {
	background-position: -123px 0
}

.mssp7 {
	background-position: -143px 0
}

.mssp8 {
	background-position: -164px 0
}

.mssp9 {
	background-position: -184px 0
}

.mssp10 {
	background-position: -204px 0
}

.jdph,
.jl span,
.jpn,
.jti,
.jufl {
	background: url(http://img.jdmagicbox.com/icontent/hmpg_sprite.gif?v=2) no-repeat;
	display: inline-block
}

.citl,
.jf,
.jt,
.jtuf,
.jut,
.opt {
	background: url(http://img.jdmagicbox.com/icontent/HP_Header_Sprite.png) no-repeat;
	_background: url(http://img.jdmagicbox.com/icontent/HP_Header_Sprite.gif) no-repeat;
	display: inline-block
}

.opt {
	background-position: -3px -89px;
	cursor: pointer;
	height: 17px;
	width: 17px;
	vertical-align: middle
}

.jtr #acc_opt {
	background-color: #fff;
	border: 1px solid #cbcbcb;
	color: #2a54ce;
	line-height: 17px;
	position: absolute;
	right: 61px;
	text-align: left;
	top: 23px;
	width: 147px;
	z-index: 999;
	padding: 1px 0
}

.citl {
	background-color: #f5f5f5;
	background-position: 0 -33px;
	color: #1274c0;
	cursor: pointer;
	font-size: 14px;
	padding: 9px 10px 9px 20px
}

.ie6 .jauto .stars_m {
	position: relative;
	top: 6px
}

.ie .jbc,
.operal .jbc {
	border: 1px solid #c5e4fe!important
}

.ipad .jfot .abt {
	width: 715px
}

.ipad .jfot dt {
	width: 800px
}

.ie9 .jfot .abt {
	width: 716px
}

header {
	background: #fff;
	float: left;
	border-bottom: 1px solid #e4e4e4;
	padding: 1px 0 0
}

.jtl {
	float: left;
	width: 39%;
	padding: 4px 0 0 10px
}

.jtl a {
	float: left;
	width: 375px
}

.jtr {
	color: #fff;
	float: right;
	width: 39%;
	text-align: right;
	padding: 4px 10px 0 0
}

.jtr a {
	font-weight: 700;
	color: #fff;
	margin: 0 8px 0 0
}

.jtr .jf,
.jtr .jt,
.jtuf {
	background-position: -66px -8px;
	height: 20px;
	vertical-align: middle;
	width: 20px;
	margin: 0
}

.jtr .jt {
	background-position: -86px -8px
}

.jtr .jtuf {
	background-position: -29px -4px;
	height: 28px;
	width: 34px;
	vertical-align: middle
}

.ppl {
	background-position: -17px -5px;
	float: left;
	height: 27px;
	width: 25px
}

.jut {
	background-position: -2px -5px;
	height: 28px;
	vertical-align: middle;
	width: 24px
}

.jutc {
	float: left;
	width: 90%;
	color: #fff;
	margin: 4px 0 3px 5px
}

#jul {
	font-family: Arial
}

.jufl {
	background-position: -86px -12px;
	float: left;
	height: 16px;
	width: 17px;
	margin: 0 5px 0 0
}

.jpn {
	background-position: -112px -12px;
	clear: both;
	position: absolute;
	right: 0;
	width: 158px;
	top: 0;
	margin: 45px 10px 0 0
}

.jdph,
.jpn {
	float: right;
	height: 42px
}

.jdph {
	background-position: -106px -178px;
	width: 155px;
	margin: 9px 10px 0 0
}

.jw {
	display: table;
	width: 1000px;
	clear: both;
	margin: 0 auto;
	padding: 5px 0 0
}

.ipad .jw {
	padding: 10px 5px 0
}

.ipad .jfot {
	width: 101%
}

.jbrd {
	width: 490px;
	padding: 0
}

.jbrd,
.jbrd .bd {
	float: left;
	margin: 0
}

.jbrd .bd {
	background: 0;
	color: #b0b0b0;
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	width: auto;
	height: auto;
	padding: 0 3px
}

.jbrd .prnx {
	float: right
}

.jdstar {
	display: inline-block;
	vertical-align: middle;
	margin: 0
}

.jnsb,
.jnsb2,
.jsb {
	float: right;
	width: 830px;
	position: relative;
	z-index: 7;
	padding: 0
}

.note {
	color: #424242;
	float: right;
	font-size: 10px;
	font-family: Arial;
	padding: 9px 0 0
}

.jsi {
	width: 230px;
	float: left
}

.jas,
.jccs,
.jcs {
	float: left;
	position: relative
}

.jnsb .jccs label b {
	width: 13%
}

.jcs {
	float: left;
	z-index: 5;
	margin: 0 8px 5px 0
}

.jccs {
	width: 728px;
	float: left;
	_margin: 0;
	margin: 0 5px 0 0
}

.jccs .jauto {
	top: 40px
}

.jas {
	width: 245px;
	float: left
}

.jnas {
	float: left;
	padding: 5px 0 0
}

.jnas a {
	color: #1274c0
}

.jnas a,
.rem {
	font-size: 11px
}

.rem {
	float: left;
	width: 215px;
	padding: 5px 0 0
}

.jas .rem input {
	vertical-align: top;
	width: auto;
	height: 12px;
	border: 0;
	margin: 1px 5px 0 0;
	padding: 0
}

.jnsb label b,
.jsb label b {
	color: #424242;
	float: left;
	font-size: 12px;
	text-align: center;
	width: 17%;
	padding: 5px 0
}

.jsb .jccs label b {
	width: 13%;
	text-align: center
}

.jsb .jas label b {
	width: 28%
}

.jnsb input,
.jsb input {
	font-weight: 400;
	border: 1px solid #cbcbcb;
	color: #424242;
	float: left;
	font-size: 14px;
	height: 15px;
	padding: 10px 0 10px 7px
}

.jnsb input:focus,
.jsb input:focus {
	border: 1px solid #5db2f5;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3)
}

.jsi input {
	width: 223px
}

.jccs input {
	width: 721px;
	height: 19px
}

.jnsb .jgb,
.jsb .jgb {
	background: #1274c0;
	border: 1px solid #1274c0;
	color: #fff;
	height: 41px;
	width: 95px;
	float: right;
	font-size: 14px;
	margin: 0;
	padding: 10px 0
}

.logow {
	padding: 42px 0 0
}

.logo,
.logow {
	float: left;
	width: 160px
}

.logo {
	background: url(http://img.jdmagicbox.com/icontent/jdlogo.png) no-repeat;
	_background: url(http://img.jdmagicbox.com/icontent/jdlogo.gif) no-repeat;
	height: 42px
}

.jauto {
	background: #fff;
	float: left;
	position: absolute;
	top: 36px;
	left: 0;
	width: 100%;
	border: 1px solid #b0b0b0;
	z-index: 5
}

.jauto ul {
	text-align: left;
	margin: 0;
	padding: 0
}

.jauto ul li {
	border-bottom: 1px dotted #d7d7d7;
	cursor: pointer;
	display: block;
	list-style: none
}

.jauto ul li a {
	color: #424242;
	display: block;
	font-family: Arial;
	font-size: 14px;
	padding: 5px 8px 3px
}

.jauto ul li .act,
.jauto ul li a:hover {
	background-color: #e2f2ff
}

.stars_m {
	display: inline-block
}

.dl {
	border-right: 1px solid #b0b0b0;
	float: left;
	height: 15px;
	width: 1px;
	margin: 8px 0 0
}

.jpfl {
	width: 483px;
	padding: 5px 0 0
}

.jpop {
	background: #fff;
	float: left;
	box-shadow: 0 3px 5px #333
}

.jpbg,
.jpbg_outlet {
	background: #fff;
	float: left;
	width: 320px;
	padding: 40px
}

.jbtn.jcl {
	text-indent: inherit
}

.jch {
	background: #53b1e5;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	padding: 10px
}

#jcuo .jcuc .jch {
	clear: both;
	display: table;
	float: none;
	margin: 0 auto;
	padding: 10px
}

#gasBook .jbtn {
	font-size: 14px;
	margin: 0 6px 0 0;
	text-align: center;
	width: 110px
}

#gasBook .jbtn:hover {
	color: #fff
}

#gasBook h3 {
	font-size: 17px;
	margin: 0 0 15px;
	text-align: left
}

#gasBook p {
	float: left;
	padding: 0 0 20px
}

.jbtn {
	background: #53b1e5
}

.jbtn,
.jbtn_outlet {
	color: #fff;
	font-weight: 700;
	border: 0;
	float: right;
	_float: right!important;
	overflow: visible;
	cursor: pointer;
	margin: 0;
	padding: 8px 13px
}

.jbtn:hover {
	background: none repeat scroll 0 0 #61b8e8
}

.ws .jcl {
	position: inherit
}

#wich .jbtn {
	display: table;
	float: none;
	margin: 20px auto 0
}

.addjerr,
.jerr {
	clear: left;
	color: red;
	display: table;
	font-size: 12px;
	text-align: center;
	margin: 0 auto 10px
}

#resend_msg {
	font-weight: 700;
	margin: 0;
	padding: 0 0 0 20px
}
#batte .jpbg {
	width: 553px;
	padding: 20px
}

#batapierr .jpbg {
	width: 453px;
	padding: 10px
}

#batte .jbtnc {
	clear: both;
	text-align: center
}

.shead {
	text-align: center;
	font-weight: 700;
	color: #424242;
	font-size: 14px;
	display: block;
	padding: 10px 0 30px
}

#batapierr h3,
#batcfm h3,
.bookAtable h3 {
	font-size: 19px;
	font-weight: 700;
	text-align: center;
	padding: 5px 0 0
}

#batapierr .jpbg .btcont,
#batcfm .jpbg .btcont,
#batte .jpbg .btcont {
	line-height: 22px;
	border-top: 1px dotted #b0b0b0;
	display: table;
	padding: 15px 0 0
}

#batapierr .tmntavl .jpbg p {
	padding: 0 0 5px
}

#batapierr p#apierrormsg {
	text-align: left;
	padding: 0 5px 5px
}

#batapierr .tmntavl_in #btbcdate_cnan1,
#batapierr .tmntavl_in .jbtnc {
	padding: 0 5px 5px
}

#batapierr .co_org,
#batcfm .co_org,
#batte .co_org {
	font-size: 17px;
	color: #ff6c00;
	display: block;
	text-align: center;
	font-weight: 700;
	margin: 0 auto 5px;
	padding: 0
}

#batapierr .whr,
#batcfm .whr,
#batte .whr {
	color: #424242;
	display: inline-block
}

#batte .time_slot {
	float: left;
	width: 100%;
	margin: 5px 0 0;
	padding: 0
}

#batte .time_slot li {
	float: left;
	border-bottom: 1px solid #cdcdcd;
	width: 62px;
	font-size: 14px;
	margin: 10px 12px;
	padding: 0 0 5px
}

#batte .jbtn {
	display: table;
	float: none;
	_margin-top: 10px;
	margin: 10px auto 0
}

#batte .btcont>span {
	font-size: 15px;
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 5px
}

#batcfm .jpbg {
	font-size: 15px;
	position: relative;
	width: 450px;
	padding: 10px
}

#batcfm .jpbg aside {
	clear: both;
	float: left;
	line-height: 25px;
	width: 100%;
	padding: 0 0 15px
}

#batcfm .jbtn {
	margin: 8px 5px 0
}

#batcfm .gry {
	background: #b8b8b8;
	width: auto
}

.blklst .jpbg {
	width: 435px
}

.blklst .jpbg p {
	text-align: center;
	float: none;
	font-size: 13px;
	color: #747474;
	padding: 15px 0 5px
}

.blklst .jbtn {
	display: block;
	float: none;
	font-size: 13px;
	margin: 15px auto
}

.jabph {
	background-position: -450px 0;
	width: 200px;
	height: 455px;
	float: left
}

.jcuo {
	background-position: -11px -120px;
	width: 426px;
	height: 120px;
	float: left
}

#jcuo .jcuc {
	display: inline-block;
	width: 427px;
	margin: 80px 0 0 58px
}

.jlo {
	background-position: -12px -15px;
	float: right;
	height: 62px;
	width: 176px;
	margin: 20px 0 0
}

#jcuo .jcuc p {
	display: block;
	text-align: center;
	margin: 0 auto 18px;
	padding: 0
}

#jcuo .jcuc p,
#jsms .jpbg,
#jvc .jpbg,
#jvf .jpbg {
	line-height: 18px;
	width: 405px
}

#jsms h3 {
	text-align: center;
	font-size: 1.17em
}

#jsms .jpbg label {
	float: left;
	width: 63px;
	margin: 17px 0 0
}

#jsms .jsi {
	border: 1px solid #b0b0b0;
	clear: none;
	width: 248px;
	float: left;
	margin: 15px 0
}

#jsms .orng {
	clear: both;
	display: block;
	width: 400px;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 8px
}

#jsms aside {
	display: table;
	text-align: center;
	width: 407px;
	margin: 0 auto 15px 0
}

#jsms .jbtn {
	clear: left;
	display: table;
	float: none;
	width: 70px;
	margin: 0 auto;
	padding: 8px 0
}

#jsms .jpbg .mco {
	background: #ccc;
	width: auto;
	margin: 0;
	padding: 6px 10px
}

#jsms .jsi input {
	border: 0!important;
	display: block;
	width: 185px;
	font-size: 12px;
	height: 20px;
	margin: 0;
	padding: 5px 0
}

#jcuo .jcl,
.ie #jcuo .jcl {
	position: relative!important;
	right: -13px!important;
	top: -16px!important
}

#jcuo .jpbg {
	width: 760px;
	padding: 10px 0 0
}

.jcntry {
	font-size: 11px;
	width: 100%;
	text-align: center;
	color: #ccc;
	margin-top: 0;
	padding: 15px 0 0
}

.lgnrt {
	float: right;
	padding: 10px 0 0
}

.lgnrt .sep {
	color: #1274c0;
	padding: 0 5px
}

.jnsb2 .lgnrt {
	padding: 10px 0 15px
}

.accopt {
	background-color: #fff;
	border: 1px solid #cbcbcb;
	color: #2a54ce;
	line-height: 17px;
	position: absolute;
	right: 0;
	text-align: left;
	top: 26px;
	width: 147px;
	z-index: 999
}

.trans {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
	transition: all .2s linear
}

.bktblouter {
	width: 870px;
	background: #fcfcfc;
	box-shadow: 1px 1px 1px #ececec;
	float: left;
	border: 1px solid #dadada;
	margin-left: 65px
}

.dtcont .bktblouter {
	width: 100%;
	margin: 0
}

.bktblouter .jpop {
	background: 0;
	width: 490px;
	float: none;
	margin: 0 auto
}

.bktblouter .jpbg {
	width: 490px;
	background: 0;
	border: 0!important;
	padding: 20px 0
}

.bktblouter .jpbg .restName {
	text-align: left;
	width: 310px;
	padding-left: 129px;
	font-size: 13px;
	border: 0;
	margin: 0 0 20px
}

.bktblouter h3 {
	text-align: left;
	width: 300px;
	padding-left: 128px
}

.bktblouter .jpbg .jinp {
	width: 330px;
	height: 30px;
	line-height: 30px
}

.bktblouter .jpbg .jinp_s {
	float: left;
	font-size: 15px;
	height: 30px
}

.bktblouter .jpbg .jinp_m {
	width: 280px
}

.bktblouter .dt_outer {
	width: 138px
}

.bktblouter .datewrp #bdtimedd {
	width: 185px;
	margin-left: 10px
}

.bktblouter .jslct {
	width: 125px
}

.bktblouter .cald {
	width: 100px;
	padding: 8px 2px
}

.bktblouter .jbtn {
	width: 140px;
	margin-top: 15px
}

.bookAtable .gryjbtn {
	margin-left: 10px;
	background: #ccc
}

.bktblouter p.jterms {
	padding: 40px 0 0
}

.bktblouter .jpbg label {
	width: 115px
}

.bktblouter .er_block {
	float: left;
	width: 300px
}

.preoptn {
	width: 505px;
	display: table;
	clear: both;
	margin: 70px auto 0
}

.preopdiv .jpbg {
	width: 460px;
	padding: 20px
}

.preopdiv .jpbg .restName {
	width: 95%;
	font-size: 20px;
	text-align: center;
	margin: 0 10px;
	padding: 0 0 5px
}

.preopdiv .jpbg p {
	width: 95%;
	font-size: 15px;
	text-align: center;
	font-weight: 700;
	margin: 0 10px 10px;
	padding: 0 0 10px
}

.preopdiv .jpbg .jbtn {
	float: none;
	display: inline-block;
	font-size: 18px
}

.preopdiv .nthnks a {
	float: right;
	font-weight: 400;
	font-size: 12px
}

.preopdiv .jpbg .nthnks {
	margin-bottom: 0;
	padding-bottom: 0
}

.satmsg {
	margin: 0 0 5px;
	padding: 0 0 5px
}

.mod-cancl,
.satmsg {
	text-align: center;
	float: left;
	width: 100%
}

.mod-cancl {
	border-bottom: 1px dotted #b0b0b0;
	padding: 0 0 15px
}

.mod-cancl .txt {
	color: #a5a5a5;
	font: 14px Arial;
	margin: 0 0 5px;
	float: left;
	width: 100%
}

.mod-cancl .mod-canclbtn {
	display: inline-block;
	background: #fff;
	font: 13px Arial;
	border: 1px solid #e2e2e2;
	color: #3c3c3c;
	cursor: pointer;
	padding: 5px 7px
}

.nwmrwtng {
	font-size: 24px;
	float: left;
	width: 100%;
	text-align: center;
	margin: 10px 0 25px
}

.jbt {
	clear: both;
	float: left;
	padding: 20px 40px 10px 30px
}

.bdh,
.jbt {
	font-size: 18px;
	font-weight: 700
}

.bdh {
	color: #424242;
	display: table
}

#best_deal_detail_div .jpbg,
#best_deal_div .jpbg,
#best_deal_dnd .jpbg,
#best_deal_resp .jpbg,
#best_deal_resp_maxlimit .jpbg {
	width: 660px;
	padding: 0
}

#best_deal_detail_div .jpbg p,
#best_deal_div .jpbg p,
#best_deal_dnd .jpbg p,
#best_deal_resp .jpbg p,
#best_deal_resp_maxlimit .jpbg p {
	padding-bottom: 15px;
	width: 100%
}

#best_deal_dnd .jbnd {
	margin: 23px
}

.sns {
	font-size: 20px
}

.bdc {
	width: 652px;
	float: left;
	margin: 10px 0 0
}

.bdst {
	clear: both;
	display: table;
	padding: 0 0 0 39px
}

.bdo li {
	width: 300px;
	float: left;
	clear: left
}

.bdlf li,
.bdo li {
	display: table;
	margin: 0 0 5px
}

.bdlf li {
	width: 190px
}

.bdc aside {
	width: 550px;
	float: left;
	padding: 0 0 0 30px
}

#bddnd label {
	padding-bottom: 0;
	margin: 5px 10px 0
}

#best_deal_dnd .bdc aside {
	margin-top: 0
}

#bddnd .jpbg p {
	padding-bottom: 0
}

.snso {
	width: 540px;
	display: table;
	margin: 20px auto 0
}

.snso p.smo {
	margin: 8px 0 25px
}

.snso p {
	display: table;
	width: 560px;
	margin: 0 auto
}

.sno {
	font-size: 20px;
	font-weight: 700
}

#best_deal_resp .jdra,
#best_deal_resp_maxlimit .jdra {
	margin: 25px 0 10px
}

#best_deal_dnd aside.jpb,
aside.jpb {
	float: right;
	width: 470px;
	margin-top: 10px
}

#bddnd {
	float: left;
	width: 600px
}

.osrch {
	float: left;
	width: 100%;
	padding: 8px 0 2px
}

.osrch span {
	display: inline-block;
	padding-right: 4px;
	font-size: 13px
}

.dyma {
	float: left;
	font-size: 13px
}

.dyma .orng {
	font-weight: 400;
	padding: 2px 0 4px
}

.dyma aside {
	padding: 0 0 4px
}

#rarp p {
	float: left;
	width: 320px;
	text-align: justify;
	padding: 0 0 10px 10px
}

.cl {
	margin: 9px 0 0
}

.cl,
.rarb {
	float: left
}

.rarb {
	display: block;
	background-color: #efefef;
	text-align: justify;
	padding: 5px 10px
}

.snf {
	clear: left;
	float: left;
	background-color: #e6f2ff;
	border: 1px solid #b0b0b0;
	width: 195px;
	padding: 5px
}

.snf p {
	float: left;
	margin-bottom: 6px
}

.snf .jinp {
	width: 187px;
	font-size: 12px
}

.snf textarea {
	height: 156px
}

.snf .jbtn {
	float: left;
	margin: 5px 0 0
}

.bul,
.check,
.crtick,
.jab,
.jdra,
.tick {
	background: url(http://img.jdmagicbox.com/icontent/Bestdeal-popup_sprite2.gif) no-repeat
}

.bul {
	background-position: -234px -22px;
	width: 15px;
	height: 15px;
	float: left;
	margin: 0 5px 0 0
}

.jpb p {
	width: 390px
}

.jab {
	background-position: -4px 8px;
	width: 183px;
	height: 256px;
	float: left
}

.jdra {
	background-position: -203px -73px;
	width: 205px;
	height: 26px;
	float: right;
	padding: 10px 0
}

.check,
.crtick,
.tick {
	background-position: -266px -15px;
	display: inline-block;
	width: 33px;
	height: 33px;
	vertical-align: bottom
}

.tick {
	background-position: -307px -15px
}

.crtick {
	background-position: -266px -18px
}

#best_deal_detail_div .bdc aside {
	_margin: 0 0 0 -65px;
	margin: 0;
	padding: 10px 0 0 30px
}

#best_deal_detail_div .jbt {
	font-weight: 400
}

.bdfo,
.bdo {
	margin: 0 0 0 30px
}

.bdfo li {
	float: left;
	width: 300px;
	margin: 0 0 5px
}

.bdo li input {
	width: auto;
	float: left;
	margin: 3px 5px 0 0
}

.ctxt {
	float: left;
	width: 155px
}

#best_deal_detail_div aside label,
#best_deal_div .bdc aside label,
#best_deal_div aside label,
#best_deal_dnd #bddnd label {
	width: 145px;
	float: left
}

#best_deal_dnd aside {
	width: 581px;
	display: table;
	margin: 30px 0 0 20px
}

#bddnd .data {
	float: left;
	width: 345px;
	margin-top: 4px
}

.bdc aside .jbtn {
	position: relative;
	z-index: 1;
	float: none;
	_float: none!important
}

.gradhd {
	float: left;
	width: 100%;
	background: #f4f4f4 url(http://img.jdmagicbox.com/icontent/verticals/hdrgrdnt.gif) repeat-x;
	margin: 0 0 10px;
	padding: 10px 0
}

.jdlg {
	width: 60px;
	height: 60px;
	background: url(http://img.jdmagicbox.com/icontent/jdlg.png) no-repeat 0 0;
	_background-image: url(http://img.jdmagicbox.com/icontent/jdlg.gif);
	float: left;
	margin: 0 0 0 5px
}

.verthd {
	float: left;
	width: 620px;
	padding: 0 10px
}

.verthd.nhd {
	padding-top: 12px
}

.verthd .cmpnm {
	font-size: 25px;
	font-weight: 700;
	color: #424242;
	display: inline;
	padding: 0 5px 0 0
}

.verthd .cmpnm.tp {
	padding-top: 12px;
	display: block
}

.verthd .cmpar {
	font-size: 15px
}

.verthd .cmpver {
	display: block;
	font-size: 15px
}

.btlgn {
	float: right;
	width: 250px;
	font-size: 13px;
	text-align: right;
	position: relative;
	z-index: 10;
	padding: 20px 10px
}

.btlgn a {
	font-weight: 700;
	cursor: pointer
}

.lgnnav {
	background: #fff;
	border: 1px solid #cbcbcb;
	color: #2a54ce;
	line-height: 17px;
	position: absolute;
	right: 10px;
	text-align: left;
	top: 37px;
	width: 160px;
	z-index: 99999;
	float: left;
	padding: 1px 0
}

.lgnnav a {
	background: url(http://img.jdmagicbox.com/icontent/dots.gif) repeat-x bottom;
	color: #1274c0;
	float: left;
	font-size: 12px;
	font-weight: 400;
	width: 140px;
	margin: 0;
	padding: 7px 10px
}

.lgnnav a:hover {
	background: #e2f2ff;
	color: #1274c0
}

.lgnnav a.nb {
	background-image: none;
	border: 0
}

#signu.jpop,
.cnfod.jpop,
.jcrv .jpop,
.jdvert .jpop,
.popUps .jpop,
.preopdiv.jpop,
.rsincty .jpop,
.tfc .jpop {
	box-shadow: none;
	border-radius: 15px;
	background: #b0b0b0;
	padding: 1px
}

#signu .jpbg,
.cnfod .jpbg,
.jcrv .jpbg,
.jdvert .jpbg,
.popUps .jpbg,
.preopdiv .jpbg,
.rsincty .jpbg,
.tfc .jpbg {
	box-shadow: inset 0 1px 4px #b0b0b0;
	-moz-box-shadow: 0 1px 4px #b0b0b0 inset;
	-webkit-box-shadow: 0 1px 4px #b0b0b0 inset;
	border-radius: 15px;
	border: 1px solid #b0b0b0;
	padding: 10px 5px
}

.anchorTitle {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	top: 100%;
	left: 15px;
	z-index: 9999;
	background: #e4e4e4 url(http://img.jdmagicbox.com/icontent/1px.gif) repeat-x 50% 100%;
	border: 1px solid #b0b0b0;
	color: #424242;
	text-align: center;
	font-size: 11px;
	line-height: normal;
	padding: 3px 10px
}

.jgsp .jauto ul li a {
	font-size: 16px;
	padding: 10px 8px
}

.jgsp .stars_m {
	padding: 0 0 0 2px
}

#arBox .jauto ul li a,
#ctyBox .jauto ul li a {
	padding: 10px 8px
}

.loginhdr {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 10px
}

.jpbgc {
	background-color: #fff;
	float: left;
	width: 400px;
	position: relative;
	padding: 40px
}

.jpbgc .finp {
	width: 374px;
	margin: 0 0 10px
}

.jpbgc .finp,
.jpbgc .finps {
	border: 1px solid #cbcbcb;
	display: inline-block;
	font-size: 16px;
	height: 25px;
	padding: 2px 0 2px 3px
}

.jpbgc .finps {
	width: 262px;
	float: left;
	margin: 0 10px 10px
}

.jpbg .para {
	font-size: 12px;
	clear: both;
	float: none;
	margin: 15px 0 5px
}

.captcha {
	border: 1px solid #1274c0;
	width: 100px;
	height: 29px;
	display: inline-block;
	float: left
}

.lgftr {
	clear: both;
	display: block;
	text-align: center;
	margin: 20px 0 0
}

.para .jbtn {
	background-color: #53b1e5;
	border: 0;
	color: #fff;
	font-weight: 700;
	float: left;
	margin: 0;
	padding: 8px 13px
}

.jpbg .cplbl {
	width: 106px
}

.jpbg .cpwd {
	float: left;
	width: 333px;
	padding: 0 0 10px
}

.inpwrp_s {
	width: 198px;
	font-size: 15px;
	border: 1px solid #b0b0b0;
	float: left;
	margin: 0 15px 0 0;
	padding: 4px 0
}

.hire {
	display: table;
	background: #f7f7f7;
	text-align: center;
	font-size: 18px;
	width: 795px;
	border-radius: 5px;
	font-weight: 700;
	margin: 30px auto 0;
	padding: 10px 0
}

.jbic {
	background: url(http://img.jdmagicbox.com/icontent/Hiring.jpg) no-repeat;
	width: 21px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 7px 0 0
}

.bc_outer {
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
	padding: 0 0 10px
}

.bc_outer .breadCrumb {
	width: 750px;
	padding: 0
}

.bc_outer .bklnk {
	position: absolute;
	right: 0;
	top: -3px;
	text-align: right;
	margin: 0;
	padding: 0
}

.bc_outer .bklnk a {
	display: inline-block;
	background: #6ab33d;
	color: #fff;
	font-size: 14px;
	border-radius: 5px;
	padding: 4px 10px
}

.swtchprof {
	z-index: 1011;
	position: fixed;
	width: 30%;
	top: 40%;
	left: 35%;
	text-align: center;
	color: #fff;
	border: none;
	background-color: #000;
	cursor: default;
	opacity: .5;
	display: none;
	margin: 0;
	padding: 15px
}

.swtchprof span {
	font-size: 20px;
	color: #fff;
	width: 100%;
	margin: 15px 0;
	padding: 0
}

.comingsoon {
	text-align: center;
	float: left;
	width: 100%;
	padding: 60px 0;
	border-top: 1px solid #e4e4e4
}

.ivr .jpbg {
	width: 390px
}

.phn {
	background: url(http://img.jdmagicbox.com/icontent/ivrmenu.gif) no-repeat;
	display: block;
	padding: 0 0 11px 28px;
	font-size: 14px
}

.f13,
.jpop h3 {
	font-size: 13px
}

a:focus,
div,
input:focus {
	outline: 0 none
}

.bktblouter .ment,
a:hover,
sup {
	color: #1274c0
}

.verthd .cmpnm a {
	color: #424242
}

#batte .btcont span.tm_dt,
.orng {
	color: #ff6c00;
	font-weight: 700
}

.grey,
.jnsb .grey,
.jsb .grey {
	color: #a4a4a4
}

.mg4,
.ms4 {
	background-position: -43px 0
}

.mg5,
.ms5,
.mw5 {
	background-position: -53px 0
}

.btlgn span,
.jtr .cp,
.lgnrt .cp {
	cursor: pointer
}

.accopt a,
.jtr #acc_opt a {
	float: left;
	font-size: 12px;
	font-weight: 400;
	width: 127px;
	color: #1274c0;
	background: url(http://img.jdmagicbox.com/icontent/dots.gif) repeat-x scroll bottom;
	margin: 0;
	padding: 7px 10px
}

.accopt a.nb:hover,
.accopt a:hover,
.jtr #acc_opt a.nb:hover,
.jtr #acc_opt a:hover {
	background: #e2f2ff
}

.ie #jinter,
.ie .jai,
.ie .jauto,
.ie .jinp,
.ie .jinput,
.ie .jpbg,
.ie .jpbgc,
.ie select,
.ie textarea,
.opera #jinter,
.opera .jauto,
.opera .jinp,
.opera .jinput,
.opera .jpbg,
.opera select,
.opera textarea {
	border: 1px solid #cbcbcb!important
}

#srchpagination,
.ie7 .jcar {
	clear: none
}

.bktblouter #btnoprsn,
.ie7 a.jtse,
.ie7 a.jtse:hover {
	width: 140px
}

.bdn,
.jcot,
.jmc {
	float: left;
	width: 100%
}

.jfot span,
.jnsb,
.jnsb2 {
	margin: 0 auto
}

.cty .jinp,
.jas input {
	width: 238px
}

#shf .jpag,
.jnas input {
	width: auto
}

#hui h3,
#jra h3,
#report_incorrect h3,
#ri h3,
#tfi h3,
.jgsp input,
.jpag span {
	font-size: 16px
}

#rarp .jpbg,
.ws {
	padding: 0
}

#jfb .jinp,
#jul p {
	width: 320px
}

#jul .jerr,
#rlogin .jerr {
	width: 100%;
	text-align: left
}

#bt_caname span,
.jcntry a,
.jpr .jsel {
	color: #ccc
}

#best_deal_dnd #bddnd label,
.jfot dt.jcopy a {
	margin: 0
}

#best_deal_dnd .jbtn,
#best_deal_dnd aside.jpb,
#jfb .jbtn,
#report_incorrect .jbtn,
#review_thumb_img_div div,
.JNsubmit .jbtn,
.ndo.jbtn,
.recaptchatable {
	float: left
}

#castinfo .wide,
#jvf,
#jwd .jwf,
#mies1 h3,
.cntr,
.mv_rate {
	text-align: center
}

#wsms .jbtn,
.mv_rate .jpbg p {
	float: none
}

#sgnup .jpbg p .jieo .jerr,
.vendorhd .bc_outer {
	margin: 0 0 10px
}

#incrmsg,
.fbld,
.index_nav span {
	font-weight: 700
}

#testing:hover,
.preopdiv .jpbg a.jbtn:hover {
	color: #fff
}

#scpf .sct a,
.opera11 #prs .jbtn {
	display: block
}

#batapierr .tmntavl_in,
.JNLeft #row_outer p {
	padding: 5px 0
}

.mg0,
.mw0 {
	background-position: -2px 0
}

.mg1,
.mw1 {
	background-position: -12px 0
}

.mg6,
.mw6 {
	background-position: -63px 0
}

.mg7,
.mw7 {
	background-position: -73px 0
}

.mg8,
.mw8 {
	background-position: -83px 0
}

.mg9,
.mw9 {
	background-position: -93px 0
}

.bookAtable .datewrp,
.btVeri .jpbg .jinp {
	width: 280px;
	float: left
}

.bktblouter .datewrp {
	width: 336px
}

.btVeri .jerr,
.datewrp .cald,
.tms ol {
	text-align: left
}

.bdfo,
.bdlf,
.bdo {
	display: table
}

#best_deal_detail_div aside input,
#best_deal_div .bdc aside input,
#best_deal_div aside input {
	float: none;
	width: 345px
}

#best_deal_detail_div .chk_box,
#best_deal_div .chk_box {
	float: left;
	margin: 0 16px 0 0;
	font-size: 13px
}

#best_deal_detail_div input.calchk,
#best_deal_div .chk_box input.calchk {
	width: auto;
	margin: 0 4px 0 0;
	position: relative;
	top: 2px;
	vertical-align: top
}

.jpbg .cpwd .jbtn,
.lgftr .jbtn {
	background-color: #53b1e5;
	border: 0;
	color: #fff;
	font-weight: 700;
	float: none;
	margin: 0;
	padding: 8px 13px
}

.jpbg input.inptlft_s,
.jpbg input.inptrt_s {
	width: 80px;
	font-size: 15px;
	border: 0;
	text-align: center;
	float: left;
	height: auto;
	margin: 0;
	padding: 2px 7px
}

.add_error {
	color: red
}

.sides_error {
	color: #424242
}

.sides_error .rs {
	display: inline-block;
	float: none
}

.sides_error .jpbg {
	width: 450px;
	text-align: center;
	margin: 15px 0 0;
	font-size: 14px
}

.div_outer {
	float: right;
	width: 250px;
	background: #fff;
	position: fixed;
	bottom: 0;
	right: 55px;
	z-index: 200;
	_position: relative
}

.showhide {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background: #1b84db;
	padding: 5px;
	font-size: 16px;
	width: 242px;
	float: left;
	cursor: pointer
}

.showhide,
a.showhide:hover {
	color: #fff
}

.dwtx {
	float: left;
	width: 210px;
	margin: 0 0 0 5px
}

.upar {
	background: url(http://img.jdmagicbox.com/icontent/up-arrow.jpg) no-repeat;
	float: left;
	width: 23px;
	height: 17px;
	margin: 3px 0 0
}

.dwar {
	background: url(http://img.jdmagicbox.com/icontent/down-arrow.jpg) no-repeat
}

.win_txt {
	background: url(http://img.jdmagicbox.com/icontent/win-ipad-txt.jpg) no-repeat;
	display: block;
	width: 155px;
	height: 31px;
	margin: 5px auto 0
}

.wipd {
	background: url(http://img.jdmagicbox.com/icontent/ipad.jpg) no-repeat scroll 0 -14px;
	float: right;
	width: 225px;
	height: 123px
}

.slidediv {
	background: #fff;
	border: 1px solid #b2b2b2;
	float: left;
	width: 250px;
	display: none;
	padding: 0 0 5px
}

.snd_block {
	float: left;
	margin: 5px 0 3px;
	width: 212px;
	font-size: 12px;
	padding: 5px 8px 7px;
	border-radius: 8px;
	background: #f2f2f2;
	border: 1px solid #bab6b6;
	font-weight: 700
}

.snd_block span {
	float: left;
	margin: 0 0 3px 3px
}

.dwntxt {
	font-size: 15px;
	display: block;
	width: 220px;
	margin: 0 auto
}
.snd_block input {
	background: url(http://img.jdmagicbox.com/icontent/jd.jpg) no-repeat scroll 2px 0 #fff;
	font-size: 15px;
	font-weight: 400;
	float: left;
	width: 116px;
	height: 21px;
	padding: 3px 0 3px 40px;
	border: 1px solid #e1e1e1;
	color: #d2cfcf;
	*width: 106px
}

.snd_block button,
.txt_outer button {
	background: #d54f27;
	font-size: 15px;
	color: #fff;
	border: 0;
	font-weight: 400;
	float: left;
	padding: 3px 9px;
	height: 28px
}

.wnlst {
	font-size: 12px;
	color: #f95c00;
	width: 76px;
	float: left;
	margin-left: 80px
}

.tc {
	color: #a4a4a4;
	font-size: 10px;
	float: right;
	margin: 0 17px 0 0
}

.ipad .div_outer {
	position: relative;
	bottom: -25px
}

.div_main {
	position: absolute;
	bottom: 0
}

.jmerr {
	color: #fd0f09;
	display: inline-block;
	font-size: 12px;
	margin: 5px 0 0 20px;
	padding: 0;
	width: 220px
}

#topcontrol {
	margin: 0 0 0 5px
}

body.IPad #topcontrol {
	z-index: 1049!important
}

#dwlpvc .jpbg {
	width: 370px
}

.txt_outer {
	float: left;
	width: 234px;
	padding: 0 5px 0 10px
}

.txt_outer .txt,
.vrftxt {
	float: left;
	width: 234px;
	margin: 0 0 12px
}

.vrftxt {
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 5px
}

.vry_box {
	float: left;
	width: 235px;
	margin: 0
}

.inpwrp {
	border: 1px solid #b0b0b0;
	float: left;
	font-size: 15px;
	margin: 0 9px 0 0;
	padding: 4px 0;
	width: 162px;
	_width: 158px;
	_margin-right: 2px;
	_padding-bottom: 1px
}

.inpwrp .lft,
.inpwrp .rt {
	width: 70px;
	float: left;
	border: 0;
	text-align: center;
	margin: 0;
	padding: 0
}

.verhyphen {
	color: #424242;
	float: left;
	font-weight: 700
}

.sndbtn {
	background: #53b1e5;
	border: 0;
	color: #fff;
	cursor: pointer;
	float: right;
	font-weight: 700;
	margin: 0;
	padding: 8px 0;
	width: 60px
}

.tabsrch .jccs input {
	font-size: 22px;
	font-weight: 700
}

.tabsrch .jccs .jauto ul li a {
	font-size: 22px
}

.tabsrch .citl {
	font-size: 18px;
	background-position: 0 -31px
}

.banr {
	position: relative
}

.re_banr {
	float: left;
	background: #000;
	background: rgba(0, 0, 0, .6);
	font-size: 10px;
	color: #fff;
	height: 16px;
	position: absolute;
	top: 1px;
	right: 1px;
	text-align: center;
	padding: 0 4px;
	line-height: 17px
}

.grahdalign {
	display: table;
	float: none;
	margin: 0 auto;
	width: 960px
}

.ac_count,
.ac_countfr,
.anrdic,
.appleic,
.blkbery,
.bwjd,
.crt_count,
.fvrt_count,
.inrmyacnt,
.inrmycrt,
.inrmyfvrt,
.jdlogo,
.jfb,
.jgpls,
.jtb,
.jytub,
.mpicn,
.mpicn_hvr,
.myacnt,
.myacnt_hvr,
.mycrt,
.mycrt_hvr,
.myfvrt,
.navicn,
.navicn_hvr,
.navicnic,
.srcbtn,
.wndowic {
	background: url(http://img.jdmagicbox.com/icontent/hmpg_sprite_new2.png) no-repeat;
	_background: url(http://img.jdmagicbox.com/icontent/hmpg_sprite_new2.gif) no-repeat;
	display: inline-block
}

.bwjd {
	height: 11px
}

.jfot .abt .jfb,
.jfot .abt .jtb,
.jfot .abt a.jytub {
	background-position: -141px -88px;
	height: 30px;
	vertical-align: middle;
	width: 30px;
	margin: 1px;
	padding: 0
}

.jfb,
.jfot .abt a.jgpls {
	background-position: -181px -54px;
	height: 30px;
	vertical-align: middle;
	width: 30px;
	margin: 0;
	padding: 0
}

.jfot .abt .jfb {
	background-position: -102px -88px;
	margin-left: 10px
}

.jfot .abt a.jytub {
	background-position: -180px -88px;
	vertical-align: middle;
	margin: 0 3px;
	padding: 0
}

.bwjd {
	background-position: -111px -13px;
	width: 79px;
	height: 12px
}

.frlstoutr {
	width: 100%;
	background-color: #333;
	border-top: 1px solid #333;
	border-bottom: 1px solid #5c5c5c;
	padding: 7px 0 5px;
	text-align: left;
	color: #666;
	display: table;
	margin: 0 0 25px
}

.frlstoutr .frlst {
	width: 970px;
	margin: 0 auto;
	display: table;
	font-size: 13px;
	float: none
}

.frlst ul {
	padding: 0 5px
}

.frlst ul li {
	width: 215px;
	float: left;
	padding: 2px 0 0
}

.frlst ul li.last {
	width: auto;
	padding: 0
}

.frlst ul li.last a span {
	margin: 0 7px 0 0
}

.frlst ul li a {
	color: #fff;
	float: left
}

.frlst ul li a.frlt,
.frlst ul li a:hover {
	color: #fff
}

.appleic {
	background-position: -255px -42px;
	width: 14px;
	height: 18px;
	margin: 0 7px 0 0
}

.anrdic {
	background-position: -275px -42px;
	width: 16px;
	height: 19px;
	margin: 0 7px 0 0
}

.wndowic {
	background-position: -301px -44px;
	width: 18px;
	height: 18px;
	margin: 0 7px 0 0
}

.blkbery {
	background-position: -326px -44px;
	width: 23px;
	height: 17px;
	margin: 0
}

.anrdic:hover,
.appleic:hover,
.blkbery:hover,
.wndowic:hover {
	opacity: .8
}

.bld {
	font-weight: 700
}

.header {
	background: #2d2d2d;
	float: left;
	width: 100%;
	font-size: 13px;
	color: #fff
}

.header_content {
	width: 980px;
	margin: 0 auto;
	position: relative;
	z-index: 12
}

.header_content .hdl {
	color: #666;
	float: left;
	margin-top: 5px;
	padding: 0 5px 3px;
	position: relative;
	height: 16px;
	font-size: 14px;
	font-family: arial;
	font-weight: 400
}

.bfr {
	margin-left: 20px;
	font-weight: 700
}

.hdl i {
	position: absolute;
	left: 0;
	bottom: -1px;
	background: #fff;
	height: 1px;
	width: 100%;
	display: none
}

.hdl.act,
.hdl:hover {
	color: #222;
	background-position: -136px -370px
}

.hdl.act i,
.hdl:hover i {
	display: block
}

.lftsec {
	float: left;
	margin: 0
}

.rgtsec {
	float: right;
	margin: 0
}

.loginouter {
	display: inline-block;
	float: left;
	padding: 7px 15px 0;
	color: #747474;
	font-size: 13px
}

.loginouter a {
	color: #747474;
	margin: 0 8px 0 0;
	font-weight: 700
}

.mycrt {
	background-position: -200px -224px;
	width: 30px;
	margin: 0 10px 0 0
}

.mycrt.act,
.mycrt:hover {
	background-position: -200px -254px
}

.myacnt {
	background-position: -261px -226px;
	width: 40px
}

.crt_count {
	right: 1px
}

.ac_count,
.crt_count {
	background: #ff6c00;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	height: 15px;
	position: absolute;
	color: #fff;
	text-align: center;
	top: -12px;
	line-height: 15px;
	font-family: arial;
	font-size: 9px;
	padding: 0 3px
}

.ac_count {
	right: 0
}

.ac_countfr {
	background: #ff6c00;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	width: 14px;
	height: 14px;
	margin-left: 5px
}

.ac_countfr,
.fvrt_count {
	color: #fff;
	text-align: center;
	line-height: 15px;
	font-family: arial;
	font-size: 9px;
	font-weight: 700
}

.fvrt_count {
	background-position: -168px -340px;
	width: 17px;
	height: 15px;
	position: absolute;
	right: 4px;
	top: -16px
}

.myacnt:hover .myacnt.act .ac_count,
.mycrt:hover .mycrt.act .crt_count,
.mycrt:hover .mycrt.act .fvrt_count {
	display: none
}

.mpicn {
	background-position: -79px -224px;
	width: 31px
}

.mpicn.act,
.mpicn:hover {
	background-position: -79px -253px
}

.navicn {
	background-position: -136px -342px;
	width: 15px;
	position: relative
}

.navicn.act,
.navicn:hover {
	background-position: -136 -370px
}

.menu_outer {
	width: 100%;
	position: absolute;
	box-shadow: 0 1px 0 0 #cdcdcd;
	z-index: 5;
	background-color: #fff;
	left: -1px;
	top: 45px;
	border: 1px solid #e4e4e4;
	border-top: none
}

.menu_outer ul {
	padding: 8px 0 8px 1%;
	margin: 0;
	float: left;
	width: 19%;
	background-color: #fff
}

.menu_outer ul.bgclr {
	background-color: #fbfbfb
}

.menu_outer ul li {
	font-size: 13px;
	color: #707072;
	padding: 3px 0 5px;
	float: left;
	width: 100%
}

.menu_outer ul li a {
	color: #707072;
	display: block;
	float: left;
	width: 100%
}

.menu_outer ul li a:hover {
	color: #ff6c00
}

.menu_outer a:hover span {
	opacity: .8
}

.hkul4 {
	width: 80%
}

.hkul3 {
	width: 60%
}

.hkul2 {
	width: 40%
}

.hkul1 {
	width: 20%
}

.hkul4 ul {
	width: 23%
}

.hkul3 ul,
.hkul4 ul {
	padding: 8px 0 8px 2%
}

.hkul3 ul {
	width: 31%
}

.hkul2 ul {
	padding: 8px 0 8px 3%;
	width: 47%
}

.hkul1 ul {
	padding: 8px 0 8px 4%;
	width: 96%
}

.ac_opt {
	background: #fff;
	color: #2a54ce;
	line-height: 17px;
	position: absolute;
	right: 0;
	text-align: left;
	top: 42px;
	width: 165px;
	z-index: 99999;
	float: left;
	padding: 1px 0;
	border: 1px solid #f2f2f2;
	border-top: none
}

.ac_opt a {
	border-bottom: 1px solid #f2f2f2;
	color: #666;
	float: left;
	font-family: arial;
	font-size: 12px;
	font-weight: 400;
	width: 135px;
	padding: 7px 5px;
	margin: 0 10px
}

.ac_opt a:hover {
	color: #222
}

.ac_opt a.nb {
	background-image: none;
	border: 0
}

.htknm {
	float: left;
	margin: 4px 0 0 10px;
	font-weight: 400;
	font-size: 13px
}

.ac_s,
.acdmy_s,
.acserv_s,
.arln_s,
.arobic_s,
.ast_s,
.atacs_s,
.atm_s,
.audtrm_s,
.auto_s,
.banq_s,
.bm_s,
.bss_s,
.bstdl_s,
.bustk_s,
.c_s,
.carserv_s,
.ce_s,
.clnsev_s,
.cnd_s,
.cns_s,
.courieric_s,
.cp_s,
.cpa_s,
.crre_s,
.dcmus_s,
.diet_s,
.ds_s,
.dthsr_s,
.ens_s,
.ers_s,
.es_s,
.ess_s,
.et_s,
.exb_s,
.fbp_s,
.ff_s,
.fit_s,
.fnp_s,
.frnexch_s,
.gc_s,
.gnc_s,
.groc_s,
.hand_s,
.hb_s,
.hh_s,
.hme_s,
.hr_s,
.ie_s,
.insrn_s,
.jj_s,
.labic_s,
.laundryic_s,
.lf_s,
.libry_s,
.lif_s,
.liq_s,
.lngcls_s,
.lnt_s,
.lodgsr_s,
.mnytrf_s,
.mtrtrn_s,
.mv_s,
.nl_s,
.nyhire_s,
.nyparty_s,
.optic_s,
.p1_s,
.pa_s,
.party_s,
.pasvs_s,
.pc_s,
.pckmvr_s,
.phtosh_s,
.pstcntr_s,
.ptp_s,
.rc_s,
.re_s,
.rechrg_s,
.rst_s,
.sfront_s,
.shop_s,
.sp_s,
.sprtsh_s,
.swetsh_s,
.tatoart_s,
.taxi_s,
.testdrv_s,
.tifinsr_s,
.tow_s,
.trvkhn_s,
.ts_s,
.wpr_s,
.wr_s,
.yogacls_s {
	background: url(http://img.jdmagicbox.com/icontent/hotkey-small8.png) no-repeat;
	_background: url(http://img.jdmagicbox.com/icontent/hotkey-small8.gif) no-repeat;
	display: inline-block;
	width: 36px;
	height: 30px;
	float: left
}

.sfront_s {
	background-position: -25px -15px
}

.bstdl_s {
	background-position: -27px -57px
}

.mv_s {
	background-position: -26px -101px
}

.rc_s {
	background-position: -26px -145px
}

.hr_s {
	background-position: -27px -188px
}

.ts_s {
	background-position: -76px -677px
}

.arln_s {
	background-position: -28px -232px
}

.ds_s {
	background-position: -28px -276px
}

.taxi_s {
	background-position: -24px -322px
}

.fnp_s {
	background-position: -23px -362px
}

.ce_s {
	background-position: -25px -407px
}

.ers_s {
	background-position: -24px -448px
}

.ac_s {
	background-position: -78px -12px
}

.ast_s {
	background-position: -78px -55px
}

.atm_s {
	background-position: -76px -99px
}

.auto_s {
	background-position: -72px -144px
}

.bss_s {
	background-position: -77px -226px
}

.banq_s {
	background-position: -75px -185px
}

.bm_s {
	background-position: -75px -277px
}

.bustk_s {
	background-position: -76px -323px
}

.crre_s {
	background-position: -171px -1060px
}

.cnd_s {
	background-position: -73px -408px
}

.cns_s {
	background-position: -75px -451px
}

.cp_s {
	background-position: -76px -496px
}

.c_s {
	background-position: -121px -13px
}

.lnt_s {
	background-position: -119px -58px
}

.es_s {
	background-position: -123px -102px
}

.et_s {
	background-position: -123px -143px
}

.ess_s {
	background-position: -120px -188px
}

.ens_s {
	background-position: -122px -233px
}

.fit_s {
	background-position: -123px -275px
}

.fbp_s {
	background-position: -122px -320px
}

.ff_s {
	background-position: -122px -362px
}

.jj_s {
	background-position: -121px -406px
}

.gnc_s {
	background-position: -125px -453px
}

.gc_s {
	background-position: -125px -496px
}

.groc_s {
	background-position: -166px -12px
}

.hand_s {
	background-position: -166px -55px
}

.hb_s {
	background-position: -164px -100px
}

.hme_s {
	background-position: -165px -144px
}

.hh_s {
	background-position: -165px -191px
}

.ie_s {
	background-position: -167px -232px
}

.pc_s {
	background-position: -167px -275px
}

.lif_s {
	background-position: -167px -316px
}

.cpa_s {
	background-position: -167px -362px
}

.nl_s {
	background-position: -169px -408px
}

.party_s {
	background-position: -171px -452px
}

.lf_s {
	background-position: -169px -497px
}

.ptp_s {
	background-position: -209px -11px
}

.pa_s {
	background-position: -203px -55px
}

.p1_s {
	background-position: -205px -103px
}

.re_s {
	background-position: -205px -145px
}

.rst_s {
	background-position: -206px -187px
}

.sp_s {
	background-position: -206px -230px
}

.shop_s {
	background-position: -207px -273px
}

.tow_s {
	background-position: -205px -321px
}

.wr_s {
	background-position: -205px -365px
}

.carserv_s {
	background-position: -70px -542px
}

.courieric_s {
	background-position: -31px -958px
}

.labic_s {
	background-position: -174px -780px
}

.laundryic_s {
	background-position: -172px -1005px
}

.wpr_s {
	background-position: -28px -1108px
}

.liq_s {
	background-position: -129px -819px
}

.testdrv_s {
	background-position: -215px -868px
}

.acserv_s {
	background-position: -124px -1112px
}

.nyhire_s {
	background-position: -177px -1107px
}

.rechrg_s {
	background-position: -214px -1109px
}

.acdmy_s {
	background-position: -170px -1216px
}

.arobic_s {
	background-position: -72px -1214px
}

.audtrm_s {
	background-position: -71px -1266px
}

.clnsev_s {
	background-position: -120px -1265px
}

.dcmus_s {
	background-position: -215px -1160px
}

.diet_s {
	background-position: -128px -1159px
}

.dthsr_s {
	background-position: -175px -1159px
}

.frnexch_s {
	background-position: -217px -1264px
}

.lngcls_s {
	background-position: -29px -1157px
}

.libry_s {
	background-position: -26px -1319px
}

.lodgsr_s {
	background-position: -72px -1322px
}

.mnytrf_s {
	background-position: -71px -1160px
}

.mtrtrn_s {
	background-position: -123px -1314px
}

.optic_s {
	background-position: -171px -1317px
}

.pckmvr_s {
	background-position: -213px -1314px
}

.pasvs_s {
	background-position: -24px -1366px
}

.pstcntr_s {
	background-position: -126px -1212px
}

.phtosh_s {
	background-position: -71px -1365px
}

.sprtsh_s {
	background-position: -124px -1363px
}

.swetsh_s {
	background-position: -171px -1370px
}

.tatoart_s {
	background-position: -218px -1216px
}

.tifinsr_s {
	background-position: -29px -1261px
}

.yogacls_s {
	background-position: -28px -1210px
}

.nyparty_s {
	background-position: -220px -1365px
}

.exb_s {
	background-position: -27px -1423px
}

.atacs_s {
	background-position: -70px -1424px
}

.trvkhn_s {
	background-position: -124px -1424px
}

.insrn_s {
	background-position: -172px -1424px
}

.whitehdr {
	margin: 0 auto;
	padding: 3px 0;
	position: relative;
	width: 1000px;
	z-index: 10
}

.whitehdr .lftsec {
	float: left
}

.whitehdr .rgtsec {
	float: right;
	padding: 0;
	width: 251px;
	line-height: 40px
}

.whitehdr .hdll {
	border-bottom: 0;
	position: relative
}

.hdll i {
	position: absolute;
	left: 0;
	bottom: -1px;
	height: 1px;
	width: 100%;
	display: block
}

.hdll.act {
	color: #222;
	background-position: -136px -370px
}

.hdll.act i,
.hdll:hover i {
	display: block;
	background-position: -136px -370px
}

.navicnic {
	background-position: -136px -342px;
	width: 15px;
	height: 9px;
	float: left;
	padding: 5px;
	position: relative;
	z-index: 6;
	margin-top: 15px
}

.navicnic.act,
.navicnic:hover {
	background-position: -136px -370px
}

.whitehdr .logo_outer {
	float: left;
	width: 43px;
	padding: 0;
	margin: 0 14px 0 10px
}

.whitehdr .loginouter a {
	color: #747474;
	font-weight: 700;
	margin: 0 8px 0 0
}

.jdlogo {
	background-position: -167px -360px;
	height: 43px;
	width: 43px;
	float: left
}

.inrjcot {
	float: left;
	width: 615px
}

.inrjcot input {
	-webkit-appearance: none;
	-webkit-border-radius: 0
}

.whitehdr .jccs {
	margin: 0;
	width: 568px;
	float: left;
	position: relative
}

.whitehdr .jsin {
	font-size: 16px;
	height: 19px;
	width: 561px;
	border: 1px solid #cbcbcb;
	float: left;
	padding: 10px 0 10px 7px;
	line-height: normal
}

.jgbtn {
	background: none repeat scroll 0 0 #1274c0;
	border: 1px solid #1274c0;
	color: #fff;
	float: right;
	font-size: 14px;
	height: 41px;
	margin: 0;
	padding: 10px 12px
}

.srcbtn {
	background-position: -281px -69px;
	height: 19px;
	width: 19px
}

.srcbtngif {
	background: url(http://img.jdmagicbox.com/icontent/loadcir.gif) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	content: ""
}

.whitehdr .jauto ul li a {
	font-size: 16px;
	padding: 10px 8px
}

.whitehdr .loginouter {
	color: #747474;
	display: inline-block;
	float: right;
	font-family: arial;
	font-size: 13px;
	padding: 0 0 0 10px;
	width: 107px;
	line-height: 45px
}

.inrmycrt {
	background-position: -70px -339px;
	width: 24px;
	height: 23px;
	margin: 11px 26px 0 0;
	position: relative;
	float: left;
	padding: 0
}

.inrmycrt:hover {
	background-position: -70px -369px
}

.inrmyacnt {
	background-position: -102px -338px;
	float: left;
	height: 23px;
	padding: 0 5px;
	margin: 11px 0 0!important;
	position: relative;
	width: 23px
}

.inrmyacnt:hover {
	background-position: -102px -366px
}

.inrmyfvrt {
	background-position: -41px -340px;
	width: 24px;
	height: 22px;
	margin: 11px 27px 0 0;
	position: relative;
	float: left;
	padding: 0
}

.inrmyfvrt:hover {
	background-position: -41px -370px
}

.whitehdr .menu_outer {
	width: 100%;
	position: absolute;
	border: 1px solid #e4e4e4;
	border-top: none;
	box-shadow: 0 1px 0 0 #cdcdcd;
	z-index: 5;
	background-color: #fff;
	left: 0;
	top: 61px
}

.whitehdr .ac_opt {
	top: 62px
}

.whitehdr .lgsptop {
	padding: 0;
	font-size: 13px
}

.jdtphd {
	float: left;
	width: 100%;
	background: url(http://img.jdmagicbox.com/icontent/1px_inside.gif) 0 100% repeat-x #f4f4f4;
	padding: 10px 0
}

.jdtphd_inr {
	clear: both;
	display: table;
	margin: 0 auto;
	padding: 0 0 3px;
	width: 1000px
}

.jdtx {
	color: #424242;
	display: inline;
	font-size: 30px;
	font-weight: 700;
	padding: 0 5px 0 0;
	font-family: Arial
}

.jdtphd_inr aside {
	padding-top: 12px;
	margin-left: 12px;
	float: left
}

.dt {
	display: table;
	clear: both
}

.yah {
	float: left;
	margin: 2px 0;
	width: 80px
}

.btnlnk {
	width: 100%;
	display: table
}

.rslnlogo {
	width: 220px;
	height: 220px;
	display: inline-block;
	border-top: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	margin-top: -1px;
	float: left;
	background: url(http://img.jdmagicbox.com/icontent/jdlogorsl.jpg) no-repeat
}

.rslnlogos {
	display: table-cell;
	float: left;
	height: 60px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 85px;
	background: url(http://img.jdmagicbox.com/icontent/jdlogosml.jpg) no-repeat
}

.tphd {
	color: #ff6c00;
	float: left;
	margin-bottom: 15px
}

.coupn_msg {
	color: #000;
	font-weight: 700;
	font-size: 15px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px
}

.add_sucsfly_msg,
.coupn_msg {
	width: 100%;
	display: block;
	float: left;
	text-align: center
}

.add_sucsfly_msg {
	margin: 0;
	padding-top: 12px
}

.add_sucsfly_img {
	background: url(http://img.jdmagicbox.com/icontent/domns.png) no-repeat -10px -8px;
	_background: url(http://img.jdmagicbox.com/icontent/domns.gif) no-repeat -10px -8px;
	width: 26px;
	height: 19px;
	display: inline-block
}

.sucsfly_msg {
	width: 180px;
	display: inline-block;
	color: #000
}

.domns_popup .jpbg {
	padding: 20px;
	width: 400px
}

.add_sucsfly_msg button {
	width: 60px;
	display: block;
	background: #52b0e6;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	margin: 0 auto;
	border: 0;
	outline: 0
}

.err_msg {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
	padding-bottom: 12px
}

.err_msg_img {
	background: url(http://img.jdmagicbox.com/icontent/domns.png) no-repeat -45px -8px;
	_background: url(http://img.jdmagicbox.com/icontent/domns.gif) no-repeat -45px -8px;
	width: 22px;
	height: 20px;
	display: inline-block
}

.err_tlte {
	width: 50px;
	display: inline-block;
	font-size: 16px;
	font-weight: 700
}

.coupn-cde-msg {
	width: 100%;
	display: block;
	float: left;
	padding-top: 8px;
	text-align: center
}

.domns_popup .trms-condtn {
	width: 560px
}

.invld-cpn {
	font-size: 16px
}

.invld-cpn,
.ordr-selctn {
	width: 560px;
	display: block;
	float: left;
	font-weight: 700
}

.ordr-selctn {
	font-family: bold;
	font-size: 14px;
	padding: 8px 0
}

.plse-note {
	width: 560px;
	padding-bottom: 8px;
	font-weight: 700;
	font-size: 13px
}

.plse-note,
.trms-condn,
.trms-condn ol {
	display: block;
	float: left
}

.trms-condn ol {
	width: 544px;
	margin: 0;
	padding: 0 18px
}

.trms-condn ol li {
	list-style-type: decimal;
	padding-bottom: 15px
}

.prcd-frthr {
	width: 60px;
	display: block;
	float: left;
	text-align: left;
	padding-top: 10px
}

.prcd-frthr button {
	width: 60px;
	display: block;
	background: #52b0e6;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	margin: 0 auto;
	border: 0;
	outline: 0
}

.aply-tc {
	display: block;
	float: left;
	width: 560px;
	padding: 10px 0
}

.AD,
.container,
.hstry,
.jdlc,
.jdvert,
.jmbl,
.jmc,
.myact,
.rsincty,
.signu_o,
.tms,
.tyf,
.wrw {
	min-height: 450px
}

.mainten {
	background: url(http://img.jdmagicbox.com/icontent/downfor_maintenance.jpg) no-repeat;
	display: inline-block;
	width: 629px;
	height: 312px
}

.load_more {
	background: #e7edf3;
	font-size: 14px;
	padding: 8px;
	text-align: center;
	color: #8b9197;
	margin: 20px 0 25px;
	clear: both;
	display: table;
	float: left;
	width: 100%
}

.hdr_nwup {
	background: #f7f7f7;
	border-bottom: 5px solid #f2f2f2;
	height: 56px;
	padding-top: 9px;
	width: 100%
}

.flhd {
	font-family: arial;
	font-weight: 700;
	font-size: 18px;
	color: #606060;
	display: block;
	clear: left;
	width: auto;
	margin-left: 165px;
	float: left;
	padding: 10px 10px 0;
	text-align: left
}

.mycrt {
	background-position: -70px -339px;
	width: 24px;
	height: 23px;
	margin: 5px 26px 0 0;
	position: relative;
	float: left;
	padding: 0
}

.mycrt.act,
.mycrt:hover {
	background-position: -70px -369px
}

.myacnt {
	background-position: -102px -338px;
	float: left;
	height: 23px;
	padding: 0 5px;
	margin: 5px 0 0;
	position: relative;
	width: 23px
}

.myacnt:hover {
	background-position: -102px -366px
}

.myfvrt {
	background-position: -41px -340px;
	width: 24px;
	height: 22px;
	margin: 5px 27px 0 0;
	position: relative;
	float: left;
	padding: 0
}

.myfvrt.act,
.myfvrt:hover {
	background-position: -41px -370px
}

header {
	background: none repeat scroll 0 0 #f7f7f7;
	border-bottom: 5px solid #f2f2f2;
	height: 37px;
	padding-top: 10px;
	width: 100%
}

.review-login-close {
	background: url(http://img.jdmagicbox.com/icontent/Rate-This_Sprite1.png) no-repeat -276px -41px;
	width: 29px;
	height: 29px;
	color: #fff;
	cursor: pointer;
	position: absolute;
	right: 10px;
	text-indent: -9999px;
	top: 10px;
	float: right
}

.review-login {
	float: left;
	width: 100%
}

.review-login h3 {
	color: #424242;
	font: 700 22px arial;
	margin: 10px 0
}

.login-box {
	float: left;
	width: 320px
}

.login-box .login-inputbox {
	border: 1px solid #cbcbcb;
	color: #999;
	float: left;
	font: 15px Arial;
	margin: 7px 0;
	padding: 10px;
	width: 298px
}

.review-submit {
	background: #53b1e5;
	border: 0;
	color: #f5f5f5;
	font: 700 15px Arial;
	height: 40px;
	padding: 10px 0;
	text-transform: uppercase
}

.orwrp,
.review-submit {
	margin: 7px 0;
	width: 100%
}

.orwrp {
	float: left;
	text-align: center
}

.orwrp i {
	background: #eee;
	border-radius: 100%;
	color: #999;
	display: inline-block;
	font: 700 10px/25px Arial;
	height: 25px;
	width: 25px
}

.login-fbook,
.orwrp i {
	text-transform: uppercase
}

.login-fbook {
	background: #4a6eaa;
	border: none;
	color: #f5f5f5;
	font: 700 12px/40px Arial;
	height: 40px;
	padding: 0;
	width: 100%;
	margin: 7px 0
}

.login-fbicon {
	background: url(http://img.jdmagicbox.com/icontent/Rate-This_Sprite1.png) no-repeat -156px -44px;
	width: 14px;
	height: 26px;
	float: left;
	margin: 7px 0 0 16px;
	padding: 0 7px;
	border-right: 1px solid #5c7fb8
}

.connect-fb {
	border-left: 1px solid #3c5c92;
	float: left;
	height: 26px;
	line-height: 26px;
	margin: 7px 0;
	padding-left: 34px;
	text-align: left;
	width: 240px
}

.review-userlogin {
	background: #eee;
	clear: both;
	float: left;
	padding: 0 40px;
	width: 320px
}

.review-userloginbox {
	float: left;
	padding: 8px 0;
	width: 100%
}

.review-userforgot {
	float: left;
	width: 160px
}

.review-newuser,
.review-userforgot a {
	font: 700 12px Arial
}

.review-newuser {
	color: #424242;
	float: left;
	text-align: right;
	width: 160px
}

.review-newuser a {
	font: 700 12px Arial
}

.nw_tmhd {
	margin: 0;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 5px
}

.jw .flhd.nw_tmhd .f11 {
	font-size: 12px;
	float: right;
	font-weight: 400;
	margin-top: 5px
}

.tltip {
	cursor: pointer
}

.nw_jmt2 {
	background: none;
	clear: left;
	color: #606060;
	display: block;
	float: left;
	font-size: 17px;
	padding: 5px 10px;
	width: 75%;
	margin-top: 10px;
	margin-left: 162px
}

.nw_rgtsec {
	width: 230px
}

.loginouter.dn {
	display: block
}

.loginouter.lognsetp {
	position: relative;
	width: 100px;
	left: 22px;
	float: left;
	line-height: 30px;
	padding: 0 0 0 10px;
	white-space: nowrap
}

.loginouter.lognsetp:hover {
	color: #ff6c00
}

.ie9 .fltbx_clsi img {
	display: none
}

.ie8 .movie-filter .movie-filter-box input {
	line-height: 34px
}

.company-name .mainBody .outletBody .outlet-area {
	text-align: left
}

.hidden-lang-text {
	display: none
}

body.menulink-open {
	overflow: hidden
}

.theme-background-slider-section {
	position: relative;
	z-index: 50
}

body,
div,
html,
li,
p,
section,
span,
ul {
	padding: 0;
	margin: 0;
	line-height: inherit
}

body,
html {
	height: 100%
}

* {
	margin: 0
}

body {
	font-size: 12px;
	font-family: arial;
	color: #424242;
	font-family: Roboto, sans-serif;
	font-weight: 400
}

ol,
ul {
	list-style: none
}

a {
	color: #1274c0
}

.wrpr {
	width: 100%;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.disTbl {
	display: table
}

.disTblCell {
	display: table-cell;
	float: none;
	vertical-align: middle
}

.disInBlk {
	display: inline-block;
	float: none
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.curs-pointer {
	cursor: pointer
}

.gyhdr {
	padding: 10px 0;
	background: url(http://img.jdmagicbox.com/icontent/verticals/hdrgrdnt.gif) repeat-x scroll 0 0 #f4f4f4;
	height: auto
}

.glst,
.gyhdr {
	float: left;
	width: 100%
}

.glst {
	margin: 0
}

.wide_outer {
	float: left;
	border-left: 1px solid #ebebeb;
	width: 100%;
	padding: 10px 17px;
	min-height: 835px
}

.srpt,
.wide_outer {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.srpt {
	border: 1px solid #d5d1d2;
	width: 586px;
	height: 34px;
	padding: 3px 0 3px 10px;
	color: #6c6565;
	font-size: 14px;
	line-height: 34px
}

.srch {
	background-position: -5px -79px;
	width: 90px;
	height: 37px;
	border: 0
}

.crt_outer {
	float: right;
	border-radius: 2px;
	padding: 5px 10px;
	width: 93px;
	height: 34px;
	z-index: 1;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.cart,
.crt_outer {
	position: relative
}

.cart {
	float: left;
	width: 46px;
	height: 28px;
	top: 10px;
	left: 0
}

.cart .dta {
	position: absolute;
	top: -8px;
	right: -32px;
	color: #fff;
	min-width: 17px;
	height: 17px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	padding: 1px 2px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 11px;
	font-weight: 400
}

.cart .dta,
.dta:hover {
	background: #f90
}

.cart .dta.bgGrey {
	background: #ccc
}

.ttl_outer {
	float: left;
	width: 66px;
	margin: 6px 0 0;
	position: relative
}

.ttl_outer .ow {
	font-size: 11px;
	float: left;
	width: 100%
}

.prd_hd {
	float: left;
	width: 754px;
	background: #ececec;
	font-size: 14px;
	font-weight: 400;
	margin: 10px 0 0;
	padding: 5px 0 5px 12px;
	color: #333;
	position: relative
}

.prd_outer {
	float: left;
	width: 766px;
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
	padding: 0 0 10px
}

.prd_outer.grid_view:last-child {
	border-bottom: 0
}

.hidePrice {
	height: 280px
}

.prdnm {
	float: left;
	padding: 5px 6px;
	width: 756px;
	font-size: 13px;
	cursor: pointer;
	background: #ececec
}

.prdnm,
.prdnm:hover {
	color: #424242
}

.prdnm .nam {
	float: left;
	width: 660px;
	text-align: left
}

.list_view .lstli {
	padding: 0;
	min-height: 25px;
	border-top: 0
}

.prd_box .addnlprchk,
.prd_box .prchk {
	float: right;
	margin: 0 6px 0 0
}

.prd_outer .prd_box {
	padding: 5px 10px 11px
}

.prd_outer .slct_box {
	padding-bottom: 0
}

.prd_box {
	float: left;
	padding: 15px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

@media (min-width:1268px) {
	.listing .prd_box {
		width: 25%
	}
}

@media (max-width:1267px) {
	.listing .prd_box {
		width: 33.33%
	}
}

.details .prod-detail-section .prd_box {
	width: 190px
}

.prd_box.prd_box_elect {
	height: 290px
}

.prd_outer .lstrb {
	border-right: 0
}

.vmr {
	text-decoration: underline;
	float: right;
	width: 100%;
	text-align: right;
	color: #424242
}

.vmr2 {
	color: #1274c0;
	font-weight: 500;
	margin: 0 10px;
	text-decoration: none;
	width: 100%;
	cursor: pointer
}

.prd_outer .vmr2 {
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px;
	cursor: pointer
}

.prd_box .nm,
.rpe.sglers {
	float: left;
	width: 100%;
	text-align: left;
	font-size: 14px;
	color: #333
}

.svng {
	float: left;
	background: #e3e3e3;
	border-radius: 3px;
	width: 94px;
	padding: 3px 0;
	text-align: center;
	font-size: 11px
}

.proimg {
	height: 140px;
	cursor: pointer;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 5px;
	position: relative;
	background-size: contain;
	background-position: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all .3s ease-in-out
}

.proimg,
.rpe_outer {
	float: left;
	width: 100%
}

.rpe_outer .sglers {
	font-size: 14px;
	font-weight: 500
}

.rpe {
	font-size: 17px;
	float: right
}

.prd_box select,
.sngitm {
	float: left;
	width: 176px;
	font-size: 13px;
	border: 1px solid #e2e2e2;
	padding: 2px 0 2px 2px;
	margin: 5px 0 8px;
	background: #fff;
	text-align: left
}

.sngitm {
	border-left: 0;
	border-right: 0
}

.sngitm2 {
	border: none
}

.prd_box .disb {
	background: url(http://img.jdmagicbox.com/icontent/disable-menu.jpg) no-repeat;
	width: 179px;
	height: 24px;
	float: left
}

.prd_box .specr {
	float: left;
	height: 27px;
	margin: 5px 0;
	width: 100%;
	display: block
}

.slct_crt .specr {
	height: 28px
}

.lst {
	border-bottom: 0
}

.inplus,
.minus,
.nmb,
.plus {
	float: left;
	height: 27px;
	left: 0;
	position: absolute;
	width: 23px;
	cursor: pointer
}

.plus:hover {
	box-shadow: inset -1px 2px 4px silver
}

.minus:hover {
	box-shadow: inset 2px 2px 4px silver
}

.nmb:hover {
	box-shadow: inset 0 0 3px #b3b3b3
}

.nmb {
	width: 34px;
	left: 24px;
	text-align: center;
	color: #424242;
	padding: 4px 0 0;
	height: 22px;
	font-size: 13px;
	background: transparent;
	border: 0;
	margin: 0;
	cursor: default;
	font-weight: 400
}

.incrt .nmb {
	width: 90px;
	height: 23px;
	color: #fff;
	font-weight: 500
}

.plus {
	left: 60px
}

.inplus {
	float: right;
	right: 0;
	position: relative
}

.slct_crt {
	width: 186px;
	height: 120px;
	float: left;
	padding-right: 4px
}

.dslct_crt {
	float: left;
	width: 65%
}

.descrt {
	float: left
}

.adcart {
	background-position: -6px -163px;
	width: 78px;
	height: 28px;
	float: right;
	margin: 0 5px 0 2px
}

.mrp {
	display: block;
	text-align: right;
	float: right;
	width: 100%;
	text-decoration: line-through;
	margin: 0 0 3px
}

.rs4 {
	background-position: -83px -207px;
	display: inline-block;
	float: none;
	height: 13px;
	width: 10px;
	position: relative;
	top: 2px
}

.lodng {
	float: left;
	width: 100%;
	background: #ececec;
	font-size: 14px;
	color: #8f8f8f;
	padding: 5px 0;
	border-radius: 5px;
	text-align: center
}

.lodr {
	background-position: -104px -45px;
	width: 30px;
	height: 21px;
	display: inline-block;
	float: none;
	vertical-align: middle
}

.ad_crt {
	background-position: -7px -128px;
	float: right;
	width: 92px;
	height: 28px
}

.sbmnu {
	float: left;
	width: 200px;
	margin: 5px 0 0 17px
}

.sbmnu li.lst {
	margin-bottom: 0
}

.sbmnu li.active {
	position: relative;
	background: #e1edf7;
	width: 178px;
	padding: 5px 0 5px 2px
}

.sbmnu li a {
	font-size: 12px
}

a.dwarw {
	color: #1274c0
}

.ssmnu {
	background: #e1edf7;
	left: 177px;
	position: absolute;
	top: 0;
	width: 190px;
	padding: 5px 12px 10px;
	z-index: 2
}

.ssmnu li {
	width: 100%;
	padding-bottom: 0
}

.ssmnu a,
.ssmnu a:hover {
	float: left;
	width: 97%;
	padding: 3px 0 3px 3px
}

.ssmnu a:hover {
	background: #fff;
	color: #1274c0
}

.srch_wraper {
	float: left;
	position: relative;
	width: 650px;
	margin-right: 10px
}

.srch_wraper .clsSrc {
	position: absolute;
	top: 12px;
	right: 73px
}

.itmsrch {
	border: 1px solid #d5d1d1;
	width: 514px
}

.auto_outer {
	float: left;
	position: absolute;
	top: 34px;
	background: #fff;
	border-radius: 0;
	font-size: 14px;
	left: 1px;
	z-index: 8
}

.auto_outer,
.auto_outer li {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.auto_outer li {
	border-bottom: 1px solid #e6e6e6;
	padding: 5px 15px;
	display: flex;
	height: auto;
	position: relative
}

.auto_outer .icon-currency {
	color: inherit;
	margin-bottom: 2px;
	margin-right: 2px
}

.auto_outer li .liBrdr {
	display: flex;
	align-items: center;
	float: none
}

.auto_outer li:first-child {
	padding-top: 5px
}

.auto_outer li:last-child {
	border-bottom: 0;
	padding-bottom: 5px
}

.auto_outer li:hover .pr_nm {
	color: #1274c0
}

.auto_outer li:hover {
	background: #f0f0f0;
	height: auto;
	box-sizing: border-box
}

.auto_outer li:hover>.liBrdr {
	background: #f0f0f0;
	border: 0
}

.auto_outer li:last-child>.liBrdr {
	border-bottom: 0
}

.act:hover .pr_nm {
	color: #1274c0
}

.amg_outer {
	min-width: 27px;
	height: 40px;
	padding-right: 14px
}

.amg_outer,
.pr_nm {
	float: none;
	display: table-cell;
	vertical-align: middle
}

.pr_nm {
	font-size: 14px;
	color: #333;
	width: 100%;
	margin: 2px 0 0;
	padding-left: 5px
}

.pr_nm .highlit {
	font-size: 14px;
	color: #000
}

.pr_nm .prdnms {
	font-size: 14px;
	color: #333
}

.pr_nm .prdnms:hover {
	font-size: 14px;
	color: #1274c0
}

.arup {
	float: none;
	margin: 9px 3px 0;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	display: table-cell;
	vertical-align: middle;
	width: 17.5%
}

.arup .rs5 {
	background-position: -65px -206px;
	float: left;
	width: 8px;
	height: 13px;
	position: relative;
	top: 4px
}

.sz {
	float: none;
	width: 17.5%;
	font-size: 14px;
	color: #424242;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding-left: 10px
}

.auto_outer .adcart {
	margin: 3px 0 0 2px
}

.aucrt_outer {
	float: none;
	width: 168px;
	display: table-cell;
	vertical-align: middle
}

.auto_outer .gry {
	background: #ececec;
	color: #7d7d7d;
	padding: 5px 12px;
	font-size: 12px;
	display: none
}

.auto_outer .gry,
.auto_outer ul {
	float: left;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.auto_outer ul {
	padding: 0
}

.vwprd {
	background: #eaeaea;
	font-size: 14px;
	color: #333;
	padding: 10px 12px;
	float: left;
	width: 100%;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border-top: 1px solid #d5d1d1
}

.bchkbx {
	background-position: -167px -4px;
	height: 17px
}

.bchkbx,
.tchkbx {
	float: left;
	width: 24px
}

.tchkbx {
	background-position: -217px -3px;
	height: 18px
}

.blckarw {
	position: absolute;
	top: -8px;
	left: 192px;
	background-position: -190px -6px;
	width: 18px;
	height: 11px
}

.vew {
	width: 160px
}

.vew,
.vew span,
.vew u {
	display: block;
	margin: 0 auto
}

.vew span,
.vew u {
	font-size: 13px;
	color: #bbb
}

.vew u {
	cursor: pointer
}

.vew span.rs {
	display: inline-block;
	float: none;
	left: 4px;
	position: relative;
	top: 2px
}

.crt_outer .blckarw {
	left: 192px
}

#adcart .vew {
	width: 125px;
	margin: 0 0 0 10px;
	float: left
}

.odrhstry {
	font-size: 17px;
	float: left;
	width: 766px;
	margin: 10px 0 0
}

.odrhstry .htxt {
	float: left;
	width: 100%;
	border-bottom: 1px solid #cbcbcb;
	padding: 0 0 5px;
	font-weight: 500
}

.htxt span.moh {
	float: left
}

.htxt .alitm {
	font-size: 12px;
	font-weight: 400;
	float: left;
	width: 155px;
	margin: 6px 0 0 6px
}

.htxt .allnk {
	text-decoration: underline;
	color: #1274c0;
	cursor: pointer
}

.sel_pr {
	font-size: 12px;
	color: #6b6b6b;
	float: right;
	margin: 10px 0;
	width: 50%
}

.allse {
	background: #424242;
	font-size: 13px;
	color: #a4a1a1;
	padding: 5px 15px
}

.allse:hover {
	color: #fff
}

.ptitle .mbv {
	float: left;
	width: 100%
}

.nx,
.pr {
	background-position: -99px -50px;
	width: 7px;
	height: 12px;
	position: absolute;
	top: 45%;
	float: none;
	display: inline-block
}

.pr {
	left: 8px
}

.nx {
	background-position: -124px -49px;
	right: 8px
}

#pro h3 {
	font-size: 20px;
	font-weight: 500;
	float: left;
	margin: 0 0 12px;
	width: 65%
}

select {
	width: 175px;
	border: 1px solid #e2e2e2;
	padding: 2px 0;
	font-size: 13px
}

.rs6 {
	background-position: -9px -201px;
	width: 18px;
	height: 18px;
	display: inline-block;
	float: none;
	position: relative;
	top: 2px;
	left: 4px
}

.opr_box {
	float: left;
	width: 410px;
	font-size: 22px;
	margin: 15px 0
}

.opr_box .opr {
	float: left;
	margin: 0 15px 0 0
}

.opr_box .svng {
	float: left;
	display: inline-block;
	width: 128px;
	font-size: 12px
}

#pro .adcart {
	float: left
}

.prd_txt {
	width: 425px;
	border-top: 1px solid #c6c6c6
}

.prd_txt,
.prnm {
	float: left;
	margin: 12px 0 0
}

.prnm {
	font-size: 15px
}

.prd_txt .txt {
	float: left;
	width: 420px;
	text-align: justify;
	color: #676767;
	margin: 0 0 10px
}

.grorder table {
	border-bottom: 1px solid #e5e5e5
}

.rsordr table tr.rsortbl td {
	background: #f4f4f4;
	border-bottom: 0;
	padding: 5px 15px;
	font-size: 14px;
	color: #333;
	font-weight: 500;
	height: 35px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-shadow: 0 0 #000
}

.rsordr table tr.rsortbl td.prn {
	padding: 5px 15px;
	text-align: left
}

.rdcls {
	background-position: -195px -25px;
	width: 19px;
	height: 19px;
	position: absolute;
	right: 2px;
	top: 4px
}

.ipad .grorder select {
	width: 70px
}

.grorder .bdata table {
	border-top: 0
}

.rsordr table {
	margin: 0;
	text-align: left;
	width: 100%
}

.rsordr table.cartTable {
	margin-bottom: 20px;
	width: 920px
}

.itmdt td {
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #f5f5f5;
	padding: 4px;
	vertical-align: inherit
}

tr.itmdt:last-child>td {
	border-bottom: 1px solid #e0e0e0
}

.im_outer {
	float: left;
	width: 54px;
	height: 60px;
	text-align: center
}

.font14 {
	font-size: 14px
}

.font15 {
	float: right;
	clear: both;
	margin: 3px 0 0
}

.font16 {
	font-size: 16px;
	float: right
}

.itmdt td.txtlf {
	text-align: left;
	font-size: 14px
}

.sav_outer {
	float: right;
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	margin-top: 10px
}

#confscroll {
	padding-bottom: 22px
}

.sav_outer_tcph {
	width: 330px!important
}

.sav_outer .sv {
	float: left;
	color: #227f15;
	font-size: 14px;
	margin: 0 49px 0 0;
	font-weight: 500
}

.grs {
	background-position: -97px -207px;
	width: 12px;
	height: 12px;
	display: inline-block;
	float: none;
	position: relative;
	top: 1px
}

.chk_outer {
	float: right;
	width: auto
}

.prtxt {
	font-size: 9px;
	color: #999;
	float: left;
	width: 900px;
	margin: 10px 0 0
}

.user_outer {
	float: left;
	width: 100%;
	padding: 20px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

input.brdrAcctClk,
textarea.brdrAcctClk {
	border: 1px solid #4182c4
}

.odrid {
	background: #ececec;
	font-size: 13px;
	padding: 6px 10px;
	text-align: left;
	width: 746px;
	float: left
}

.dltime {
	float: left;
	display: inline-block;
	width: 520px
}

.odrid .nam {
	float: left;
	width: 160px
}

.odrid a {
	float: right;
	color: #6b6b6b;
	font-size: 12px;
	text-decoration: underline;
	width: 66px
}

.incrt {
	background-position: -90px -163px;
	width: 149px;
	height: 28px;
	display: block;
	margin: 0 auto;
	float: right;
	position: relative
}

.confm_hd {
	float: left;
	width: 980px;
	background: #000;
	border-radius: 5px;
	color: #fff;
	padding: 10px;
	margin: 0 0 10px
}

.grntik {
	background-position: -107px -71px;
	width: 58px;
	height: 48px
}

.confm_hd .hdtxt {
	font-size: 15px;
	margin: 0 0 5px
}

.confm_hd .hdtxt,
.confm_hd .txt {
	float: left;
	width: 94%
}

.grytik {
	background-position: -174px -69px;
	width: 58px;
	height: 54px
}

.num_block {
	font-size: 20px;
	font-weight: 500
}

.num_block,
.qry_txt {
	float: left;
	width: 60%;
	color: #000
}

.user_block {
	display: table;
	margin: 0 auto;
	width: 330px;
	border: 1px solid #cbcbcb;
	padding: 10px 20px
}

.user_block a,
.vhd {
	font-weight: 500
}

.vhd {
	background: #ededed;
	color: #424242;
	display: block;
	float: left;
	font-size: 20px;
	line-height: normal;
	margin: 0 0 5px;
	padding: 5px 1% 3px;
	text-transform: uppercase;
	width: 98%
}

.ldr {
	display: table;
	margin: 0 auto;
	width: 200px
}

.redrs {
	background-position: -223px -204px;
	width: 10px;
	height: 12px;
	position: relative;
	top: 1px;
	float: none;
	display: inline-block
}

.srh_txt,
.srhntfd {
	float: left;
	width: 100%
}

.srh_txt {
	color: #222;
	border-bottom: 1px solid #e6e6e6;
	padding: 0 0 5px;
	margin: 10px 0
}

.srh_txt .prnam {
	font-size: 15px;
	font-weight: 500
}

#elpse input,
#histelpse input,
#ordelpse input {
	float: none
}

#elpse p,
#ordelpse p {
	color: #747474;
	float: none;
	font-size: 13px;
	padding: 15px 0 5px;
	text-align: center
}

#ordelpse p {
	padding: 5px 0
}

.prodlt p {
	float: none;
	padding: 8px 0 0;
	text-align: center;
	width: 340px
}

.prodlt p input {
	background: #53b1e5;
	float: right
}

.jdmed {
	background: url(http://img.jdmagicbox.com/icontent/jd_pharmacy.png) no-repeat scroll 0 0;
	height: 70px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 201px;
	z-index: 2
}

.clrhd {
	display: block;
	left: 0;
	width: 1030px;
	margin: 10px auto 0
}

.innercont {
	background: #f4f4f4;
	display: block;
	margin: 0 auto;
	width: 1024px;
	position: relative;
	padding: 0;
	height: 74px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.logocnt {
	width: 201px;
	margin: auto;
	position: relative
}

.bklg {
	background: url(http://img.jdmagicbox.com/icontent/lg_grocery.png) no-repeat;
	width: 201px;
	height: 70px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9
}

.btmblk {
	background: #f4f4f4;
	width: 100%;
	opacity: 1;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.btmblk .skp {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	color: #fff
}

.btmblk .skp a {
	color: #fff
}

.rsautosg {
	float: left;
	width: 100%;
	position: relative;
	background: #1e4564
}

.rsautosg .drpdn {
	background: url(http://img.jdmagicbox.com/icontent/dnarw.png) no-repeat;
	padding: 5px 25px 5px 10px;
	color: #fff;
	font-size: 15px;
	min-width: 115px;
	display: inline-block;
	background-position: 98% 11px;
	float: left;
	z-index: 111
}

.autocity {
	float: left;
	left: 0;
	position: absolute;
	top: 31px;
	width: 100%;
	background: #fff;
	z-index: 99
}

.autocity ul {
	margin: 0;
	padding: 0;
	text-align: left
}

.autocity li {
	border-bottom: 1px dotted #d7d7d7;
	cursor: pointer;
	display: block;
	list-style: outside none none
}

.autocity a {
	color: #424242;
	display: block;
	font-size: 14px;
	padding: 5px 8px 3px
}

.autocity a.act,
.autocity a:hover {
	background-color: #e2f2ff
}

.inrbox .shp_name {
	padding: 5px 0;
	float: left
}

.inrbox .shp_name,
.inrbox .shp_name a {
	color: #fff;
	font-size: 14px;
	font-weight: 500
}

.shp_name:hover {
	color: #fff
}

.shp_location,
.trackLft {
	color: #fff;
	font-size: 14px
}

.shp_location:hover,
.trackLft:hover {
	color: #545454
}

.glst .glst_category {
	background: #fff;
	float: left;
	width: 100%;
	padding: 10px;
	color: #7b7b7b;
	box-sizing: border-box
}

.clickdarbg,
.gscbold {
	font-weight: 500
}

.clickdarbg {
	background: #ebebeb;
	float: left;
	width: 100%
}

.os_cbfnt {
	text-transform: uppercase;
	color: #a2a2a2;
	font-size: 11px;
	height: 30px;
	overflow: hidden
}

.os_bbx2 {
	float: left
}

.os_bbx2,
.os_bfnt2 {
	height: 30px
}

.os_adscrl {
	height: 403px;
	overflow: scroll;
	overflow-x: hidden
}

.os_valad {
	color: #53b1e5
}

.gcy_clcrt,
.gcy_clcrt a {
	color: #3b8ac8;
	font-size: 13px;
	text-transform: capitalize;
	font-weight: 400
}

.outStock {
	padding: 3px 10px;
	color: red;
	font-size: 13px;
	border: 1px solid;
	float: left;
	margin-top: 5px
}

.amount-holder {
	text-align: right;
	float: right
}

.text-upper {
	text-transform: uppercase
}

.font13 {
	font-size: 13px
}

.font15 {
	font-size: 15px
}

.outletError {
	color: red
}

.shp_name_lg {
	float: none;
	font-size: 22px;
	padding-left: 8px;
	font-family: inherit;
	position: relative;
	margin-right: 7px;
	padding-top: 5px
}

.shp_name_lg a {
	color: #545454
}

.break-word {
	word-wrap: break-word;
	margin-left: 22px;
	font-size: 12px;
	font-family: Roboto, sans-serif;
	color: #8d8d8d
}

.edit-outlet-btn,
a.edit-outlet-btn {
	font-size: 16px;
	color: #545454
}

a:hover.edit-outlet-btn {
	color: #1274c0
}

.location-icon,
.phone-icon {
	width: 15px;
	position: relative;
	top: -2px;
	height: 18px
}

.search-text-box {
	background: #fff;
	border: 1px solid #c2c2c2;
	padding-right: 40px;
	border-radius: 2px
}

.search-icon {
	width: 20px;
	position: absolute;
	top: 8px;
	left: 10px
}

.track-order {
	color: #545454
}

.track-order.paddingR30 {
	padding-right: 30px
}

.trackLft .track-order:hover {
	color: #1274c0
}

.address-label {
	font-weight: 400;
	padding-left: 7px;
	color: #585858;
	font-size: 14px
}

.shortform_name {
	width: 42px;
	height: 42px;
	padding: 8px;
	border-radius: 50%;
	text-align: center;
	box-sizing: border-box;
	display: inline-block;
	font-size: 22px;
	font-family: inherit;
	font-weight: 500
}

.head-edit,
.shortform_name {
	cursor: pointer;
	position: relative;
	float: left
}

.head-edit {
	margin-right: 5px
}

.search-button {
	position: absolute;
	border: 0;
	width: 64px;
	height: 100%;
	right: 0;
	border-radius: 0 2px 2px 0
}

.search-button i {
	margin-top: 5px
}

.nmbx-nw {
	overflow: hidden;
	line-height: 17px;
	cursor: pointer;
	margin-bottom: 2px
}

.nmbx-nw,
.quan-nw {
	float: left;
	font-size: 13px;
	color: #212121
}

.quan-nw {
	width: 100%
}

.price-nw {
	float: left;
	margin-right: 3px
}

.cutPric-nw {
	float: left;
	position: relative;
	margin-left: -4px;
	margin-right: 10px
}

.cutPric-nw .icbx {
	position: relative;
	top: 6px;
	right: -5px
}

@media screen and (min--moz-device-pixel-ratio:0) {
	.cutPric-nw .icbx {
		top: 6px
	}
}

.cutPric-nw .rsTx {
	font-size: 12px;
	color: #919191;
	font-weight: 400;
	margin-right: 0
}

.svng-nw {
	width: 100%;
	float: left;
	font-size: 12px;
	color: #212121;
	text-align: left
}

.svng-nw .ismbx {
	position: relative;
	top: 0;
	right: 0
}

.brdcrum {
	margin-top: 10px;
	margin-bottom: 7px
}

.brdcrum.prd-detail {
	margin-top: 2px
}

.brdcrum .blk-nm {
	font-size: 14px;
	color: #6f6969;
	float: left
}

.brdcrum .blk-nm:hover {
	text-decoration: underline
}

.brdcrum .blk-grey {
	font-size: 14px;
	color: #6f6969;
	float: left
}

.brdcrum .arwBx {
	display: inline-block;
	margin: 0 7px
}

.brdcrum .arwBx,
.details-share {
	position: relative
}

.details-share .brdcrum {
	margin-right: 60px
}

.details-share .share-block {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3
}

.details-share .share-block .lnk-share {
	padding: 10px 0;
	display: inline-block;
	color: #5d5d5d;
	font-size: 14px
}

.details-share .share-block .lnk-share.active,
.details-share .share-block .lnk-share:hover {
	color: #1274c0
}

.simProd {
	padding: 20px 0 0
}

.simProd .prd_outer {
	border-bottom: 0;
	padding-bottom: 0
}

.simProd .hedTx {
	font-size: 22px;
	color: #1f1f1f;
	margin-bottom: 10px
}

.addMinBx {
	float: left
}

.addMinBx .minBx {
	float: none
}

.addMinBx .inpBx {
	float: none;
	width: 40px;
	height: 36px;
	margin: 0 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position: relative
}

.addMinBx .inpBx input {
	float: left;
	width: 46px;
	height: 80%;
	position: relative;
	left: -1px;
	box-sizing: border-box;
	padding: 10px;
	border: 0;
	text-align: center;
	font-size: 16px
}

.addMinBx .plsBx {
	float: none
}

.list_view .numbx .addGrnPls {
	float: right
}

.list_view .numbx .addMinBx {
	float: right;
	width: auto
}

.list_view .numbx .addMinBx .minBx {
	float: left
}

.list_view .numbx .addMinBx .inpBx {
	float: left;
	width: 40px;
	height: auto;
	margin: 0 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.list_view .numbx .addMinBx .inpBx input {
	width: 40px;
	height: 100%;
	box-sizing: border-box;
	padding: 10px;
	border: 0;
	text-align: center;
	font-size: 16px
}

.list_view .numbx .addMinBx .plsBx {
	float: left
}

.list_view .svng-nw {
	height: auto
}

.ib-grid,
.ib-list {
	float: left;
	margin-right: 0
}

.adcartOuter {
	display: table-cell;
	float: none;
	min-width: 100px;
	width: 20%;
	vertical-align: middle
}

.auto_outer .addGrnPls {
	float: right
}

.auto_outer .addMinBx {
	float: right;
	width: auto
}

.auto_outer .addMinBx .minBx,
.auto_outer .addMinBx .plsBx {
	float: left;
	font-size: 14px;
	display: inline-flex
}

.auto_outer .addMinBx .inpBx {
	float: left;
	width: 30px;
	height: 25px;
	margin: 0 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.auto_outer .addMinBx .inpBx input {
	margin-top: 1px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 0;
	border: 0;
	text-align: center;
	font-size: 14px;
	background: transparent
}

.auto_outer .autoRsBx {
	float: left;
	position: relative;
	top: 3px;
	margin-right: 5px
}

.auto_outer .addMinBx .icon-minusLine,
.auto_outer .addMinBx .icon-pluseLine {
	font-size: 20px
}

.IPad .header-block.mobile .searchBar-wrapper .auto_outer {
	min-width: 486px
}

.clear-cart {
	font-size: 14px;
	color: #0086ff;
	padding-left: 15px
}

.discIcBx,
.discIcBx div,
.discIcBx span {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.iback {
	position: relative;
	top: 1px;
	left: 0;
	padding-left: 5px
}

.codeBx {
	width: 50px;
	background: #f4f4f4;
	color: #333;
	font-size: 13px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	line-height: 35px
}

.codeBx,
.mobInpBx {
	height: 36px;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.mobInpBx {
	width: 300px
}

.mobInpBx.emailInpBx {
	width: 350px
}

input.errorborder-nw,
textarea.errorborder-nw {
	border: 1px solid #e22323
}

.svContGry {
	border: 0;
	background: #858585;
	color: #fff;
	font-size: 16px;
	width: 400px;
	padding: 10px 0;
	margin-top: 0;
	border-radius: 100px;
	height: 45px;
	cursor: pointer;
	float: left
}

.view-cart .loading-span {
	height: 16px;
	width: 16px
}

.edtTx a.color-inherit {
	color: inherit!important
}

.no-image-container {
	position: relative;
	height: 40px
}

.no-image-container .amg_outer {
	float: none;
	width: 22px;
	min-width: 38px;
	height: 20px;
	position: relative;
	top: 10px
}

.desktop .listing-outerDiv #productdiv[data-view=list] .product .product-img img.no-image-present {
	height: 45%;
	width: auto
}

.order-listing .image-holder .img-box.no-image-backgroundcolor {
	width: 50%;
	height: 50%
}

.no-image-color,
.no-image-wrapper {
	width: 100%;
	height: 100%
}

.no-image-color {
	position: absolute;
	top: 0;
	left: 0
}

.pin-err.error-msg {
	color: red
}

.order-detail-head {
	font-size: 14px;
	color: #333;
	font-weight: 500;
	margin-bottom: 6px
}

.items-desText {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	margin-bottom: 4px
}

.itmslink {
	font-size: 14px;
	color: #0086ff;
	text-decoration: underline
}

.delcharge-Text {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	margin-bottom: 20px
}

.del-rsBx {
	position: relative;
	top: 1px;
	left: 0;
	padding-right: 4px
}

.addres .head {
	font-size: 14px;
	color: #333;
	font-weight: 500
}

.addres .desc {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	width: calc(100% - 30px);
	margin-top: 10px
}

.idown {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg)
}

.idown,
.iright {
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer
}

.iright {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.couponDiv {
	height: 50px;
	clear: both
}

.couponDiv .coupCode {
	font-size: 15px;
	color: #333
}

.couponDiv .close-coup {
	font-size: 15px;
	margin-left: 5px;
	cursor: pointer
}

.delivery-pincode-sec .delivery-cod {
	font-size: 12px;
	color: #333;
	font-weight: 400
}

.fMedium {
	font-weight: 500
}

.fLight {
	font-weight: 300
}

.fRegular {
	font-weight: 400
}

.mkPayment {
	margin-bottom: 10px
}

.opacity-box {
	background: #000;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 7;
	opacity: .5
}

.auto-orng-rs {
	color: #f90;
	font-size: 12px;
	font-weight: 500
}

.auto-orng-rs .icon-currency {
	color: inherit;
	margin-right: 2px
}

.auto-orng-rs .rsiBx {
	position: relative;
	top: 1px;
	right: 0
}

.pr_nm_autoElec {
	float: none;
	font-size: 14px;
	color: #333;
	width: 500px;
	margin: 2px 0 0;
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px
}

.pr_nm_autoElec .prdnms {
	font-size: 14px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.pr_nm_autoElec:hover>.prdnms {
	color: #1274c0
}

.lt_outer {
	float: left
}

.auto-outStok .out-stk-wrp {
	width: 100px;
	min-width: 100px;
	text-align: center
}

.auto-outStok .out-stk {
	font-size: 14px;
	color: #5d5d5d
}

.prDetRt-pg {
	min-height: 1000px
}

.rfq-minQty {
	font-size: 14px;
	color: #333;
	font-weight: 400
}

.rfq-minQtyNew {
	font-size: 13.5px;
	margin-top: 3px;
	color: #332;
	font-weight: 400;
	height: 20px
}

.b2bmrgn {
	margin-top: 2.5px
}

.auto-rfq-minQtyB2b {
	font-size: 14px;
	color: #333;
	font-weight: 500;
	float: left
}

.grid-rfqBtnWrp {
	margin: 5px 0
}

.grid-rfqBtnWrp .rfqBtnNew {
	font-size: 18px;
	width: auto;
	height: 28px;
	border: 0;
	box-shadow: none;
	outline: 0;
	padding: 0;
	cursor: pointer
}

.grid-rfqBtnWrp .rfqBtnNew .icon-view_rfq {
	position: relative;
	top: 2px;
	font-size: 20px
}

.auto-rfqBtnWrp {
	display: table-cell;
	float: none;
	width: 20%;
	min-width: 100px;
	vertical-align: middle
}

.auto-rfq-minQty {
	font-size: 14px;
	color: #333;
	font-weight: 500
}

.auto-rfqBtnWrp .rfqBtn {
	float: right;
	width: 7rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	background: #168a14;
	font-size: 12px;
	height: 26px;
	border: 0;
	box-shadow: none;
	color: #fff;
	outline: 0;
	padding: 0
}

.auto-rfqBtnWrp .rfqBtn:hover {
	background: #095f05
}

.auto-rfqBtnWrp .rfqBtn .icon-view_rfq {
	margin-bottom: 2px;
	margin-right: 6px
}

.auto_outer li:hover .dishovrBtn {
	display: block
}

.vendor-logo-bx {
	display: table;
	float: left;
	height: 100%
}

.vendor-logo {
	width: 47px;
	height: 47px;
	float: left;
	text-align: center;
	display: table-cell;
	float: none;
	vertical-align: middle
}

.vendor-logo img {
	max-width: 42px;
	max-height: 42px
}

.vendor-logo-sml-bx {
	display: table;
	float: left;
	height: 100%
}

.vendor-logo-sml {
	width: 32px;
	height: 32px;
	float: left;
	text-align: center;
	margin-top: 15px;
	display: table-cell;
	float: none;
	vertical-align: middle
}

.vendor-logo-sml img {
	max-width: 32px;
	max-height: 32px
}

.addBx.autoAdButon {
	display: block;
	float: right
}

.addBx.autoAdButon .adbutton1 {
	margin-left: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	float: right;
	width: 80px;
	height: 26px;
	line-height: 27px;
	background: #188913;
	border-radius: 20px;
	color: #fff;
	cursor: pointer;
	text-align: center
}

.addBx.autoAdButon .adbutton1:hover {
	background: #095f05
}

.addBx.autoAdButon .adbutton1 .icon-CKcart {
	margin-right: 8px
}

.zoomContainer {
	z-index: 6
}

.home-cat-box,
.home-cat-box button,
.home-cat-box div,
.home-cat-box input,
.home-cat-box span,
.home-cat-box textarea {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.home-cat-row {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
	display: table
}

.home-cat-row .home-cat-box:last-child {
	border-right: 0
}

.home-cat-box {
	width: 25%;
	height: 180px;
	vertical-align: top;
	border-right: 1px solid #e6e6e6;
	padding: 10px 5px 0;
	display: table-cell
}

.home-cat-box .cat-prod {
	height: 130px;
	cursor: pointer
}

.home-cat-box .cat-prod-name {
	padding: 10px 8px 0;
	font-size: 16px;
	color: #424448;
	text-align: center
}

.home-cat-box .cat-prod-name .blkurl {
	color: #333
}

.home-cat-box .cat-prod-name .blkurl:hover {
	color: #1274c0
}

.left-bx .clsicbx1:hover {
	opacity: 1
}

body.IPad.jd-cms.edit-mode.modal-open {
	margin-top: 0;
	padding-top: 55px
}

.preview.modal-open {
	overflow-y: hidden
}

.active-category {
	font-weight: 500
}

.pull-left {
	float: left
}

.pull-right {
	float: right
}

.dn {
	display: none
}

.dt {
	display: block
}

.dn-important {
	display: none!important
}

#filterLoader.listing-page-loader {
	left: 50%
}

.desktop #filterLoader.listing-page-loader {
	left: 0
}

#filterLoader .listing-page-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #fff;
	opacity: .6
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn)
	}
}

.clearfix:after {
	content: "";
	display: table;
	clear: both
}

.brdcrum .blk-grey {
	float: none;
	word-wrap: break-word
}

.header-top {
	margin-top: 5px
}

.header-partition {
	position: relative;
	top: 30px;
	z-index: 2
}

.innercont .social-head-bx {
	font-size: 17px;
	height: 15px;
	display: inline-block
}

.innercont .left-head {
	float: left;
	width: 250px
}

.innercont .right-head,
.innercont .right-head a,
.innercont .right-head button,
.innercont .right-head div,
.innercont .right-head span {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box
}

.innercont .right-head {
	clear: both;
	text-align: center;
	position: relative
}

.innercont .right-head .social-head {
	width: 100%;
	height: 30px;
	padding-top: 10px;
	float: right;
	text-align: right
}

.innercont .right-head .social-head-bx {
	width: auto;
	float: right;
	margin-left: 9px
}

.innercont .right-head .social-head-bx a {
	height: 21px;
	width: 21px;
	outline: 0
}

.innercont .right-head .profile-head {
	float: right;
	margin-left: 30px;
	color: #545454;
	width: 70px;
	overflow: hidden
}

.innercont .right-head .profile-head .profileIcn {
	float: left;
	position: relative;
	top: 1px;
	left: 0
}

.innercont .right-head .profile-head .profile-txt {
	float: right;
	position: relative;
	top: 0;
	left: 3px;
	width: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.slick-dots {
	text-align: right;
	bottom: 27px;
	margin: 5px -6px
}

.item {
	position: relative
}

.slick-dots li button:before {
	opacity: .6;
	font-size: 10px;
	color: #fff
}

.slick-dots li.slick-active button:before {
	opacity: .9;
	color: #fff
}

.desktop .slick-dots li button:before {
	font-family: unset
}

.slick-dots li {
	margin: 0 -1px
}

.group:after {
	content: "";
	display: table;
	clear: both
}

.img-bx {
	position: relative
}

.edit {
	position: absolute;
	right: 0;
	top: 0;
	width: 75px;
	color: #1274c0;
	background: hsla(0, 0%, 100%, .9);
	padding: 6px 13px 6px 6px;
	z-index: 2;
	text-align: right;
	border-bottom-left-radius: 5px
}

.error-del .iError {
	position: relative;
	top: 2px;
	left: 0
}

.error-del {
	margin: 0;
	color: #e22323;
	font-size: 14px;
	border: 1px solid #ff9399;
	background: #fef1f5;
	position: absolute;
	min-width: 170px;
	right: -292px;
	top: -8px;
	width: 270px;
	word-wrap: break-word
}

.error-del:before {
	content: "";
	border-top: 8px solid transparent;
	border-right: 12px solid #fef1f5;
	border-bottom: 8px solid transparent;
	position: absolute;
	left: -13px;
	top: 10px;
	z-index: 2
}

.addBanner {
	text-align: center;
	vertical-align: middle;
	margin-top: 17%
}

.addBanner a {
	color: #545454;
	font-size: 24px
}

.editBannerIcon {
	font-size: 12px;
	margin-right: 4px
}

.editProIcon {
	font-size: 10px
}

.default-page-head {
	float: right;
	display: inline-block
}

.default-page-head a {
	font-size: 14px;
	padding: 4px 0 2px 4px;
	line-height: 20px
}

.edit a {
	color: #1274c0;
	font-size: 15px
}

.pageLink {
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	margin-left: 20px
}

.more-header-btn {
	color: #fff!important
}

.avail-grd {
	float: right;
	font-size: 14px;
	padding-top: 3px
}

.product-list-container .avail-grd {
	margin-left: 5px
}

.sngitmlist {
	display: block
}

.prodCat {
	margin-bottom: 14px
}

.zomm-lense-img {
	background-image: url(https://image1.jdomni.in/jdomni_email/zoomLenseImage_2001311255.png);
	background-size: cover;
	border: none!important;
	cursor: crosshair!important
}

@-webkit-keyframes inputHighlighter {
	0% {
		background: #ff7f00
	}
	to {
		width: 0;
		background: transparent
	}
}

@-moz-keyframes inputHighlighter {
	0% {
		background: #ff7f00
	}
	to {
		width: 0;
		background: transparent
	}
}

@keyframes inputHighlighter {
	0% {
		background: #ff7f00
	}
	to {
		width: 0;
		background: transparent
	}
}

.icon-edit {
	font-size: 12px
}

.variants .sizBxWrp {
	font-size: 15px
}

.variants .sizBxWrp .pull-left {
	font-size: 15px;
	line-height: 1.8
}

.in-content header {
	background: none;
	border-bottom: inherit;
	height: inherit
}

.btn-check:hover {
	text-decoration: underline;
	cursor: pointer
}

.truncate-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: 205px
}

.variantBlock::-webkit-scrollbar {
	width: 8px;
	height: 10px
}

.variantBlock {
	max-height: 158px;
	overflow-y: scroll;
	width: 100%;
	position: relative;
	margin-bottom: 10px
}

.variantName {
	margin-left: 5px
}

.drop-down-style {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 300px
}

.crt_outer .cart .header-btn:hover {
	text-decoration: none
}

.bg-none {
	background-color: #fff
}

.pdSiz-in {
	margin: 0 1.5ex
}

.txt-underline:hover {
	text-decoration: underline;
	cursor: pointer
}

.chk.header-btn.no-underline {
	text-decoration: none!important
}

.addMinBx .inpBx .disInBlk1 {
	height: 80%
}

.disInBlk3 {
	width: 98px;
	height: 28px;
	line-height: 28px;
	font-size: 18px;
	cursor: pointer;
	font-weight: 500
}

.adbutton2 .disInBlk3 {
	font-weight: 400
}

.adbutton2 {
	display: table;
	color: #188913;
	cursor: pointer
}

.adbutton2 .icon-pluseFill {
	font-size: 21px;
	position: relative;
	top: 2px;
	color: inherit
}

.feature-product .adbutton2 .disInBlk3,
.feature-product .adbutton2 .icon-pluseFill {
	color: inherit;
	font-size: inherit
}

.svng-nw1 {
	border-radius: 3px;
	border: 1px solid #919191;
	padding: 2px;
	line-height: normal;
	font-weight: 400
}

.prodD-svPric.svng-nw1 {
	color: #625e5e;
	padding: 2px 5px;
	font-size: 12px;
	margin-left: 0
}

.svng-nw2 {
	width: 100%;
	float: left;
	font-size: 12px;
	color: #212121;
	text-align: left;
	height: 23px
}

.discountOff,
.widthauto,
.widthautob2b {
	width: auto
}

.wrpr.tax {
	float: right;
	font-size: 12px;
	padding-bottom: 5px;
	color: #797979
}

.rfq-minQtyB2b {
	font-size: 16px;
	color: #333;
	font-weight: 400
}

.b2bBtnMrgn {
	margin: 14px 0
}

.arupB2bE {
	float: right;
	color: #000;
	font-size: 14px;
	display: table-cell;
	width: 100%;
	text-align: right;
	padding: 3px 15px 3px 3px;
	position: relative
}

.b2bPrice {
	color: #212121;
	text-decoration: none;
	font-weight: 500
}

.b2bPrice,
.rfq-minQtyNewList {
	font-family: Roboto, sans-serif;
	font-size: 14px
}

.rfq-minQtyNewList {
	font-weight: 400;
	height: 20px
}

.price-nwb2b {
	float: left;
	margin-right: 3px;
	font-size: 16px;
	font-weight: 500
}

.wrpr.pricrng {
	margin-top: 10px
}

.electdetails {
	margin-top: 0
}

.border-bottom {
	border-bottom: 1px solid #e3eaee
}

.arupB2bE .morepricoptn {
	position: absolute;
	right: 0;
	top: 25px;
	font-weight: 400;
	padding-top: 0;
	color: #0086ff
}

.arupB2bE .auto-unit {
	font-size: 12px;
	color: #777;
	font-weight: 400
}

.auto_outer .b2bautosgst .pr_nm_autoElec {
	width: calc(100% - 80px)
}

.rfq-minQtyNewList .mintext {
	color: #777
}

.rfq-minQtyNewList .minvalue {
	color: #333
}

.rfq-minQtyB2b .mintext {
	color: #777
}

.rfq-minQtyB2b .minvalue {
	color: #333
}

.b2b .srch_wraper {
	margin-right: 0
}

.arupB2bE .autoPrice {
	font-size: 14px;
	right: 0
}

.b2b .morePricePadding {
	top: -6px
}

.full-width {
	width: 100%
}

.btn.btn-def {
	color: #0086ff;
	border-color: #0086ff;
	background-color: #fff;
	border-radius: 2px;
	height: 45px
}

.btn.btn-def:hover {
	background: #0086ff;
	color: #fff!important
}

.pos-rel {
	position: relative
}

.word-truncate {
	word-wrap: break-word
}

.marginT20 {
	margin-top: 20px
}

.marginB10 {
	margin-bottom: 10px
}

.paginationwrpr {
	border-top: thin solid #eee;
	box-sizing: border-box;
	float: left;
	width: calc(100% + 40px);
	height: 51px;
	left: -20px;
	position: relative
}

.prdpaginationdiv .act {
	background-color: #4081c3;
	color: #fff!important;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	height: 30px;
	margin: 5px;
	width: 30px;
	font-size: 14px
}

.pageinfodiv {
	float: left;
	font-size: 14px;
	margin-top: 9px;
	width: auto;
	padding-left: 20px
}

.prevnxt {
	padding: 0 40px!important
}

.website-font-roboto {
	font-family: Roboto, sans-serif;
	font-weight: 400!important
}

.back-top {
	position: fixed;
	bottom: 65px;
	margin-right: 32px;
	background: #333;
	width: 46px;
	height: 38px;
	z-index: 999;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	right: 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
	padding-top: 9px;
	opacity: .8;
	border: none!important;
	transition: all .1s ease-in
}

.back-top:hover {
	text-decoration: none;
	opacity: 1
}

.moreless {
	color: #1274c0!important;
	margin-top: 10px
}

.jd-rating {
	display: none
}

.home-page .jd-rating {
	display: table;
	float: none;
	padding: 0;
	position: relative
}

.jd-rating {
	border: none;
	float: left
}

.jd-rating .star-pos {
	margin-bottom: 0;
	cursor: pointer
}

.jd-rating label:before {
	font-size: 20px;
	display: inline-block
}

.jd-rating label {
	color: #ddd;
	float: left
}

.feature-html .jd-rating label {
	float: right
}

.jd-rating .highlight {
	color: gold
}

.auto_outer li .liBrdr .icon-currency-position {
	font-size: 16px
}

.auto_outer li .liBrdr .arupB2bE .icon-currency-position.rupee-style {
	left: -1px;
	position: relative;
	top: 1px
}

.auto_outer li .liBrdr .arup {
	text-align: right
}

@media screen and (max-width:1023px) {
	.pr_nm_autoElec .prdnms {
		font-size: 15px
	}
}

.table-cell-disp {
	display: table-cell;
	vertical-align: middle
}

.proTxDet img {
	width: auto
}

.store-name {
	max-height: 50px
}

input:-webkit-autofill,
textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}

b {
	font-weight: 500!important
}

.srch_wraper .auto_outer .wrpr .pr_nm {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative
}

.srch_wraper .auto_outer .wrpr .arup {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-right: 20px;
	margin-top: 0
}

.autoPrice.min-max-price-range {
	color: #000;
	font-size: 12px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 0 0 0 3px;
	margin-left: unset
}

.autoPrice.min-max-price-range .icon-currency-position.rupee-style {
	color: inherit;
	font-size: inherit
}

.cartTable .itmdt .amtTx .icon-currency {
	font-size: 12px
}

.cartTable .itmdt .rsdltitm .cros-amt .icon-currency,
.cartTable .itmdt .rsdltitm .wrpr .icon-currency {
	font-size: 9px
}

.disTblCell.curs-pointer.prod-container {
	display: flex;
	align-items: center;
	width: 45%
}

.disTblCell.curs-pointer.prod-container.no-btns {
	width: 60%
}

.disTblCell.curs-pointer.prod-container.category-type {
	width: calc(100% - 50px)
}

@keyframes rotate {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(1turn)
	}
}

input[type=number] {
	-moz-appearance: textfield
}

.jd-circular-radio input[type=radio] {
	opacity: 0
}

input[type=radio] {
	cursor: pointer;
	margin: 2px 0 0;
	line-height: normal;
	box-sizing: border-box;
	padding: 0
}

.desktop .order-summary {
	width: 100%;
	max-width: 1323px;
	margin: auto;
	min-height: calc(100vh - 301px)
}

.footer-container {
	display: block;
	width: 100%;
	padding: 0;
	background: #fff;
	position: relative;
	box-sizing: border-box
}

.edit-mode .footer-container {
	display: block
}

.custom-template .container-fluid .linked-section .link-content,
.custom-template .container-fluid .linked-section a {
	cursor: pointer
}

.disabled {
	opacity: .6
}

.color-lightBlue {
	color: #1274c0
}

.edit-content .feature-html .item {
	display: inline-block;
	vertical-align: top
}

.edit-content .nobanner {
	font-size: xx-large
}

.border-transparent {
	border: 1px solid transparent;
	border-radius: 3px
}

.flex-center.dn {
	display: none
}

body.order-summary,
body.preview.order-summary {
	background: #f0f0f5
}

body.preview {
	background: #f2f4f8
}

body.preview.web-theme-background {
	background-repeat: repeat;
	background-attachment: fixed
}

/* #goog-gt-tt,
#google_translate_element,
.goog-te-banner-frame.skiptranslate {
	display: block !important
} */

.goog-text-highlight {
	background-color: transparent!important;
	box-shadow: none!important
}

.single-item .item {
	position: absolute
}

.single-item .item:first-child,
.single-item.slick-initialized .item {
	position: relative
}

.add-cart-minus-icon,
.add-cart-plus-icon {
	font-size: 25px
}

.add-cart-minus-icon.icon-minusLine:hover:before {
	content: "\e93b"
}

.add-cart-plus-icon.icon-pluseLine:hover:before {
	content: "\e939"
}

.adcartOuter.use-as-fake-div {
	min-width: 111px
}

.default-links a:focus,
.default-links a:hover {
	text-decoration: none
}

.gallery-img-container {
	border: 1px solid #ccc;
	height: inherit
}

.justdial-gallery-block .gallery-img-container {
	border: 1px solid transparent;
	position: relative
}

.justdial-gallery-block .gallery-block .gallery-img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.featuredProd .feature-product .proimg {
	margin-bottom: 0
}

#topcontrol {
	background: #222;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center
}

#topcontrol .up-icon {
	font-size: 24px;
	color: #fff
}

.footer-container .container-fluid b.text-color {
	font-weight: 600!important
}

.list_view .svng-nw.discountOff {
	width: 100%
}

.auto_outer .cat-search-icon.amg_outer {
	font-size: 16px;
	padding: 10px 6px 5px
}

.category-type .pr_nm {
	padding-left: 13px!important
}

.web-theme-background {
	background-repeat: repeat;
	background-attachment: fixed
}

.prd_outer.grid_view .product-box-div .grid-nw,
.prd_outer.grid_view .product-box-div .grid-rfqBtnWrp {
	width: 100%!important
}

.desktop .link-menu .mobile-header-center .common-header-title {
	display: flex;
	justify-content: center
}

.omni-loader-container .mobile-loader {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1050
}

.desktop .product-info .per-piece .price-per-piece {
	margin: 2px
}

.omni-loader-container .circle-loader {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: transparent;
	border: 2px solid #3272b2;
	border-top-color: #fff;
	-webkit-animation: jdLoading 1.2s linear infinite;
	-moz-animation: jdLoading 1.2s infinite linear;
	-ms-animation: jdLoading 1.2s infinite linear;
	animation: jdLoading 1.2s linear infinite;
	top: calc(50% - 35px);
	display: inline-block;
	position: fixed;
	left: calc(50% - 35px);
	margin-left: 0
}

.edit-content {
	width: 100%;
	float: left;
	position: relative;
	box-sizing: border-box
}

.edit-content .editable-image-holder .editable-content .fake-div {
	display: none
}

.desktop .custom-modal .tertiary-btn-border {
	border: 1px solid transparent
}

.product-smart-fill-container.prod-image-holder {
	border: none;
	border-radius: unset
}

.mobile-loader {
	background-color: transparent;
	position: fixed;
	z-index: 9999;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0
}

.desktop .mobile-loader {
	height: 100vh
}

.desktop .mobile-loader.image-cropper-loader {
	z-index: 10001
}

.mobile-loader .svg-wrapper {
	background: #fff;
	width: 43px;
	height: 43px;
	margin: 0 Auto;
	padding: 5px;
	border-radius: 50%;
	position: relative;
	top: calc(50% - 21px);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 2px 2px rgba(0, 0, 0, .1)
}

.mobile-loader .circle {
	stroke: #0086ff;
	stroke-width: 2.5px;
	stroke-dashoffset: unset;
	stroke-dasharray: 2.6em;
	stroke-linecap: round
}

.loader-svg-holder .circle,
.mobile-loader .circle {
	fill: none;
	animation: spin 1s linear infinite;
	transform: rotate(-90deg);
	transform-origin: 50%;
	position: relative
}

.loader-svg-holder .circle {
	border-radius: 50%;
	display: table;
	stroke: #0086ff;
	stroke-width: 2.5px;
	stroke-dashoffset: unset;
	stroke-dasharray: 41px;
	stroke-linecap: round
}

.preview .loader-svg-holder .circle,
.preview .mobile-loader .circle {
	stroke: #0086ff
}

.IPad .mobile-loader .circle {
	stroke-dashoffset: unset;
	stroke-dasharray: 2.8em;
	animation: spin 1s linear infinite
}

@keyframes loading5 {
	0% {
		transform: rotate(-90deg);
		stroke-dashoffset: 2.669em
	}
	25% {
		transform: rotate(0deg);
		stroke-dashoffset: 1.33945em
	}
	50% {
		transform: rotate(90deg);
		stroke-dashoffset: 0
	}
	75% {
		transform: rotate(180deg);
		stroke-dashoffset: -1.33945em
	}
	to {
		transform: rotate(270deg);
		stroke-dashoffset: -2.669em
	}
}

#filterLoader.listing-page-loader .svg-wrapper {
	z-index: 2
}

.theme-pal-container {
	width: 100%;
	height: auto;
	background-color: #fff;
	overflow: auto
}

.color-container {
	width: 100%;
	height: 100%;
	border-radius: 20px
}

.selected-theme-circle {
	width: 35px;
	height: 35px;
	border: 1px solid #b7b7b7;
	border-radius: 20px;
	cursor: pointer;
	float: left;
	margin: 10px;
	position: relative
}

.icon-tick-pos {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 20px
}

.icon-cross-header {
	font-size: 20px;
	overflow: auto;
	position: relative;
	top: 23px;
	right: 17px;
	float: right;
	cursor: pointer
}

html.desktop {
	height: auto
}

.innercont.webheader {
	padding-right: 0
}

.footer-wrapper .logo-wrapper .strlogo {
	font-family: Lobster
}

.desktop .jd-cms.cartCheckout .preview-content {
	display: none
}

.edit-mode .webheader.header-sticky.sticky.fixed-header {
	z-index: 1012
}

.edit-mode .coverImageHeader.header-sticky.sticky.fixed-header,
.edit-mode .coverImageMiddleHeader.header-sticky.sticky.fixed-header {
	z-index: unset
}

.edit-mode .webheader.header-sticky.sticky.fixed-header.coverImageHeader.overLapHeader,
.edit-mode .webheader.header-sticky.sticky.fixed-header.coverImageMiddleHeader.overLapHeader {
	z-index: 1011
}

.edit-mode.mobile-view-cms .webheader.header-sticky.sticky.fixed-header {
	z-index: 0
}

.header-block .burger-menu-wrapper .editable-content-holder.under-edit,
.header-block .burger-menu-wrapper .editable-content-holder.under-edit .whiteBack.menuIconBar {
	z-index: 10002
}

.edit-block .header-block .third-block .icon-pagination-down {
	position: unset
}

.header-block.b2b .second-block #content_wrapper .leftnavOverlay .transparent-div {
	display: none
}

.header-block.b2b .second-block .burger-menu-wrapper .menuIconBar.whiteBack {
	box-shadow: none;
	background: transparent
}

body.edit-mode.jd-cms .webheader.header-sticky.fixed-header.coverImageHeader .coverImage-gradient-Block.first-second-block,
body.edit-mode.jd-cms .webheader.header-sticky.fixed-header.coverImageMiddleHeader .coverImage-gradient-Block.first-second-block {
	top: 55px
}

body.edit-mode.jd-cms .webheader.header-sticky.sticky.coverImageHeader .coverImage-gradient-Block.first-second-block,
body.edit-mode.jd-cms .webheader.header-sticky.sticky.coverImageMiddleHeader .coverImage-gradient-Block.first-second-block {
	position: fixed;
	width: 100%;
	z-index: 1011
}

.header-block.grocery .third-block .menuLink-wrapper .menulist-container.webheader.partition-color {
	border-top: transparent!important;
	background-color: transparent!important;
	display: flex;
	align-items: center
}

.disp-flex {
	display: flex;
	align-items: center
}

.preview .animation-overlay {
	position: fixed;
	overflow: hidden;
	z-index: 1120;
	width: 100%;
	height: 100%;
	top: 0;
	background: #000;
	opacity: .8;
	transition: all .5s ease-out
}

.edit-mode .animation-mobile.semi-circle,
.edit-mode .preview-animation.semi-circle,
.edit-mode .preview-fixed-footer {
	display: none
}

.preview .preview-animation.semi-circle {
	left: 50%;
	transform: translate(-50%) scale(0);
	top: -270px;
	border: 0 solid #4a90e2;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 580px;
	width: 700px;
	border-bottom-left-radius: 500px;
	border-bottom-right-radius: 500px;
	z-index: 10000;
	position: fixed;
	opacity: .85;
	transition: all .5s ease-out
}

.preview .preview-animation.semi-circle.transition-effect {
	border: 210px solid #4a90e2;
	transform: translate(-50%) scale(1)
}

.preview .preview-animation.semi-circle .animation-content {
	font-weight: 500;
	opacity: 0;
	width: 100%;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 24px;
	position: fixed;
	top: 210px;
	left: 50%;
	transform: translateX(-50%);
	transition: opacity .1s ease-out
}

.preview .preview-animation.semi-circle .animation-btn:hover {
	cursor: pointer;
	box-shadow: 0 8px 8px rgba(0, 0, 0, .18), 0 0 14px rgba(0, 0, 0, .02), 0 0 0 rgba(0, 0, 0, .1)
}

.preview .preview-animation.semi-circle .animation-btn {
	opacity: 0;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .4);
	border-radius: 20px;
	width: 65px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	font-weight: 400;
	font-size: 14px;
	color: #4a90e2;
	text-align: center;
	position: fixed;
	top: 285px;
	left: 50%;
	transform: translateX(-50%);
	transition: opacity .1s ease-out
}

.preview .preview-animation.semi-circle.transition-effect .animation-btn .animation-btn-txt {
	margin-top: -1px;
	font-family: roboto;
	font-weight: 400
}

.preview .preview-animation.semi-circle.transition-effect .animation-btn,
.preview .preview-animation.semi-circle.transition-effect .animation-content {
	opacity: 1;
	font-family: roboto;
	font-weight: 400;
	transition: opacity 2s ease-out
}

.edit-mode .preview-content {
	display: none
}

.preview .preview-content:hover {
	cursor: pointer;
	background: #0086ff
}

.preview .preview-content {
	display: flex;
	justify-content: center;
	text-align: center;
	transform: translate(-50%);
	z-index: 1120;
	background: #4a90e2;
	width: 150px;
	height: 22px;
	top: 0;
	position: absolute;
	left: 50%;
	border-radius: 0 0 15px 15px;
	box-shadow: 0 0 10px rgba(4, 4, 4, .47058823529411764)
}

.ad-campaign .customize-web-button {
	top: 49px;
	box-shadow: 0 3px 6px 0 rgba(4, 4, 4, .38823529411764707);
	position: absolute
}

.ad-campaign.preview .preview-animation.semi-circle {
	top: -234px
}

.preview .preview-content .preview-btn {
	font-family: roboto;
	display: flex;
	justify-content: center;
	font-size: 12px;
	padding-top: 2px;
	color: #fff;
	text-align: center;
	font-weight: 400
}

.preview .preview-content .icon-magicWand {
	padding-top: 2px;
	color: #fff;
	border: 0 solid #fff;
	font-size: 16px;
	display: inline-block;
	margin-right: 3px
}

.jd-cms.edit-mode.bookAppointment .header-block .track-order.menuLink-color {
	pointer-events: auto
}

.jd-cms .floatCartButton {
	top: 230px
}

.webheader .submenu-link.child-menu {
	max-height: calc(100vh - 200px);
	overflow: auto
}

.desktop .jd-cms .coverImageHeader.edit-content .show-edit-menu,
.desktop .jd-cms .coverImageMiddleHeader.edit-content .show-edit-menu {
	top: 14px
}

.desktop .header-block .contact-wrapper .editable-content-holder.under-edit a:hover {
	cursor: text
}

.paddingB10 {
	padding-bottom: 10px
}

.inlineBlock {
	display: inline-block!important
}

.paddingR5 {
	padding-right: 5px
}

.gallery-block .slider-arrow-circle.left-circle.slick-disabled,
.gallery-block .slider-arrow-circle.right-circle.slick-disabled {
	color: #ccc
}

.gallery-block .slider-arrow-circle.left-circle.slick-disabled:hover,
.gallery-block .slider-arrow-circle.right-circle.slick-disabled:hover {
	background-color: #fff
}

.whatsappWidget {
	height: 3.7em;
	width: 3.7em;
	border-radius: 50%;
	z-index: 11;
	color: #fff;
	text-align: center;
	display: table;
	transition-property: top;
	transition-duration: .3s;
	transition-timing-function: ease-in-out
}

.wap.hide-omniheader .whatsappWidget.widgetPosition-Top-Center,
.wap.hide-omniheader .whatsappWidget.widgetPosition-Top-Left,
.wap.hide-omniheader .whatsappWidget.widgetPosition-Top-Right {
	top: 30px
}

.wap .whatsappWidget.widgetPosition-Top-Center,
.wap .whatsappWidget.widgetPosition-Top-Left,
.wap .whatsappWidget.widgetPosition-Top-Right {
	top: 130px
}

.widgetPosition-Bottom-Right {
	position: fixed;
	bottom: 20px;
	right: 15px
}

.widgetPosition-Bottom-Left {
	position: fixed;
	bottom: 20px;
	left: 15px
}

.wap.jd-cms .widgetPosition-Bottom-Center,
.wap.jd-cms .widgetPosition-Bottom-Left,
.wap.jd-cms .widgetPosition-Bottom-Right {
	bottom: calc(130px + var(--jdnotchheight))
}

.wap.hide-sticky-footer .widgetPosition-Bottom-Center,
.wap.hide-sticky-footer .widgetPosition-Bottom-Left,
.wap.hide-sticky-footer .widgetPosition-Bottom-Right {
	bottom: calc(20px + var(--jdnotchheight))
}

.wap.jd-cms.hide-sticky-footer .widgetPosition-Bottom-Center,
.wap.jd-cms.hide-sticky-footer .widgetPosition-Bottom-Left,
.wap.jd-cms.hide-sticky-footer .widgetPosition-Bottom-Right,
.wap .widgetPosition-Bottom-Center,
.wap .widgetPosition-Bottom-Left,
.wap .widgetPosition-Bottom-Right {
	bottom: calc(70px + var(--jdnotchheight))
}

.widgetPosition-Top-Right {
	position: fixed;
	top: 130px;
	right: 15px
}

.widgetPosition-Top-Left {
	position: fixed;
	top: 130px;
	left: 15px
}

.widgetPosition-Center-Right {
	position: fixed;
	top: 50%;
	right: 15px
}

.widgetPosition-Center-Left {
	position: fixed;
	top: 50%;
	left: 15px
}

.widgetPosition-Top-Center {
	position: fixed;
	top: 130px;
	right: 50%
}

.widgetPosition-Bottom-Center {
	position: fixed;
	bottom: 20px;
	right: 48%
}

.wap .widgetPosition-Bottom-Center {
	right: 40%
}

.whatsappWidget .whatsappIcon {
	width: 100%
}

.position-bottom-right {
	position: fixed!important;
	left: 18pt!important;
	top: auto
}

@media(max-width:1024px) and (min-width:767px) {
	.desktop .order-summary .pincode-wrapper {
		width: 41.33333%
	}
	.desktop .IPad.order-summary .pincode-wrapper.pincode-entered {
		width: 33.33%
	}
}

.omni-left-panel .section-topcat .list-options .list-option .icon-Home {
	font-size: 16px;
	padding: 2px 17px 9px 9px
}

.animate-section-overlay {
	z-index: 14;
	background: #000;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: .7
}

img[data-src]:not([src*=transparent]):not([src*=default_img]) {
	opacity: 0;
	transition: opacity .25s linear
}

img[data-src]:not([src*=transparent]):not([src*=default_img]).jd-img-loaded {
	opacity: 1
}

.product-rating-div {
	display: flex;
	align-items: center
}

.product-customer-count,
.product-rating-count {
	font-size: 15px;
	line-height: 16px
}

.product-rating-count {
	margin: 0 5px 0 0
}

.product-customer-count {
	margin: 0 0 0 2px;
	color: #333
}

.card-box {
	padding: 0 10px 10px;
	overflow: auto;
	height: calc(100% - 175px);
	background: #eef1f8
}

.card-list {
	margin: 0;
	padding: 0;
	list-style: none
}

.card-box .card-list {
	display: block;
	border: 1px solid transparent
}

.card-list {
	cursor: pointer
}

.card-box .card-list>.drag-element {
	background: #fff;
	font-size: 14px;
	text-decoration: none;
	padding: 15px 4px;
	height: auto
}

.card-box .settingsCard {
	height: 68px;
	margin-bottom: 0;
	border-radius: 10px;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .25);
	margin-left: 0;
	width: 100%;
	margin-top: 10px;
	position: relative;
	cursor: auto;
	align-items: unset
}

.card-box .settingsCard.open-more-options {
	z-index: 3
}

.card-box .drag-icon {
	font-size: 18px;
	color: #777;
	cursor: -webkit-grab;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0!important;
	width: 28px;
	overflow: hidden;
	position: relative;
	margin-right: 4px
}

.card-box .card-name-holder {
	color: #0086ff;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	width: calc(100% - 50px);
	margin-top: -15px;
	margin-bottom: -15px;
	padding-top: 15px;
	padding-bottom: 15px
}

.card-box .card-name-type {
	width: 100%
}

.card-name-type .card-name {
	font-size: 14px;
	line-height: 18px;
	word-break: break-word
}

.card-name-type .card-type {
	word-break: break-word;
	font-size: 12px;
	color: #4a4a4a;
	letter-spacing: 0;
	margin-top: 4px;
	line-height: 16px;
	cursor: auto
}

.card-name-type .card-type.only-desc {
	cursor: pointer
}

.card-box .icon-more-vertical-span {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	left: 2px
}

.card-box .card-list .image-container {
	width: 48px;
	height: 48px;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #ededed;
	padding: 0;
	margin-right: 10px
}

.card-box .card-delete {
	color: #777;
	position: absolute!important;
	right: 3px;
	top: -10px;
	height: 28px;
	width: 27px;
	border-radius: 4px
}

.card-box .card-edit-options-btn {
	font-size: 12px;
	position: absolute;
	right: 12px;
	top: 11px;
	z-index: 10;
	padding: 10px 0;
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
	color: #6e6e6e;
	box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .22);
	animation: scale-up-tr .25s cubic-bezier(.075, .82, .165, 1) 0s 1 normal forwards running
}

.card-box .card-edit-options-btn.tooltip-hidden {
	animation: scale-down-tr .5s cubic-bezier(.075, .82, .165, 1) 0s 1 normal forwards running
}

.card-box .card-edit-option {
	height: 41px;
	width: 173px;
	display: flex;
	align-items: center
}

.card-box .card-edit-option:hover {
	background: #edf1f7
}

.card-edit-options-btn .card-edit-text:hover {
	background-color: #f5fafe
}

.card-edit-options-btn .card-edit-icons {
	height: 100%;
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #979797
}

.card-edit-options-btn .card-edit-text {
	width: 100%;
	display: flex;
	height: 100%;
	align-items: center;
	font-size: 14px;
	color: #444;
	padding-left: 14px
}

.wap .hidden-scroll-div {
	position: absolute;
	opacity: 0;
	pointer-events: none
}

.wap .read-only-rating-div {
	display: flex;
	align-items: center;
	padding-top: 9px;
	width: fit-content
}

.wap .first-to-review {
	color: #5491cc;
	font-size: 13px;
	margin-left: 2px;
	margin-top: 3px
}

.wap .prod-mrp-line-throught {
	padding-left: 7px;
	padding-right: 12px;
	display: inline-block
}

.wap .prod-mrp-line-throught .icon-currency {
	position: relative;
	top: 1px;
	left: 7px
}

.wap .tabs-div+.product-price-container .prod-disp-price-block {
	position: relative;
	left: 0
}

.wap .tabs-div+.product-price-container .prod-disp-price-block .price-uom {
	color: #979797
}

.disabled-button {
	color: #ccc;
	background: transparent;
	border-color: transparent
}

.desktop .cartdetails-container .loading-span {
	position: absolute;
	top: 8px;
	left: 80%;
	width: 16px;
	height: 16px
}

.loading-span {
	display: inline-block;
	position: relative;
	top: 3px;
	text-align: center;
	position: static;
	border: 2px solid #0086ff;
	border-top-color: transparent;
	border-radius: 50%;
	left: calc(50% - 10px);
	animation: spin 2s linear infinite;
	vertical-align: middle
}

.loading-span,
.loading-span .loading-image {
	width: 20px;
	height: 20px
}

.wap.jd-basics .main-outer.header-icon .right-icons .icon-section.telephone,
.wap .main-outer.header-icon .left-inner .icon-section .wap .main-outer.header-icon .right-inner .icon-section {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center
}

.wap .main-outer.header-icon .left-inner .icon-section .icon-HDRback,
.wap .main-outer.header-icon .right-inner .icon-section .icon-HDRcross {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.wap .main-outer.header-icon .right-inner .icon-section .icon-HDRcross {
	padding-top: 16px
}

.wap .orderConfirmation-hdr .main-outer.header-icon .right-inner .icon-section .icon-HDRcross {
	padding-top: 0
}

.btn.contact_submit:active,
.btn.link-button:active {
	box-shadow: none;
	-webkit-box-shadow: none
}

.marginL40 {
	margin-left: 40px
}

.desktop .grid_view .prod-image-container .prod-image-holder {
	overflow: hidden
}

.desktop .smart-fill-on .prod-detail-section #gallery~.wishlist-wrapper {
	top: 35px
}

.desktop .prod-detail-section .wishlist-wrapper {
	top: 10px
}

@keyframes select-wishlist {
	0% {
		color: #fff
	}
	25% {
		color: pink
	}
	to {
		color: red
	}
}

@keyframes unselect-wishlist {
	0% {
		color: red
	}
	25% {
		color: pink
	}
	to {
		color: grey
	}
}

.ui-slider {
	-webkit-appearance: none;
	width: 100%;
	outline: 0;
	margin: 15px 0;
	-webkit-transition: .2s;
	transition: opacity .2s;
	background: #e9e9e9;
	border-radius: 9px;
	height: 6px;
	position: relative
}

.ui-slider .ui-slider-handle {
	border-radius: 50%;
	-webkit-appearance: none;
	appearance: none;
	width: 14px;
	height: 14px;
	border: 2px solid #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5);
	background: #0086ff;
	top: -.3em;
	margin-left: -.6em;
	position: absolute;
	z-index: 2;
	cursor: pointer;
	outline: none
}

.desktop .myOrders,
.desktop .orderDetail {
	height: auto;
	background-color: #f1f0f6
}

@-webkit-keyframes scale-up-tr {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0
	}
}

@keyframes scale-up-tr {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0
	}
}

@keyframes scale-up-center {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%
	}
}

@-webkit-keyframes scale-down-tr {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0
	}
	to {
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0
	}
}

@keyframes scale-down-tr {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0
	}
	to {
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0
	}
}

.desktop body.transparent-scroll-bar>.transparent-scroll-fb {
	top: 0
}

.card-design {
	background: #fff;
	box-shadow: 0 2px 13px 0 rgba(0, 0, 0, .18);
	border-radius: 10px;
	overflow: hidden
}

.user-profile-image {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden!important;
	transform: translateZ(0)
}

.wap .myaccount-area .login-body:not(.main-body) {
	padding: 0
}

.wap.sticky-footer-visible .toast-msg-div.show-div.upload-image-toast {
	bottom: 50px
}

.product-smart-fill {
	position: absolute;
	left: 0;
	z-index: 1;
	top: 0;
	padding: 0;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	overflow: hidden;
	filter: blur(3px);
	opacity: .5;
	margin: -2px
}

.product-smart-fill-container {
	clear: both;
	display: flex;
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid #e7e7e7;
	left: 0;
	top: 0
}

.desktop .couponCodeSection .icon-Crossmark1 {
	font-size: 16px
}

.desktop .couponCodeSection .coupon-code-input {
	height: 36px;
	background: #fff;
	border: 1px solid #0086ff;
	border-radius: 4px;
	font-size: 14px;
	margin: auto
}

.myaccount-area .brdcrum,
.myOrders .brdcrum,
.orderDetail .brdcrum {
	height: 42px;
	margin: 0;
	display: flex;
	align-items: center;
	padding-left: 15px;
	background-color: #fff
}

.wishlist .brdcrum {
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 0
}

.myOrders .brdcrum,
.orderDetail .brdcrum {
	margin: 15px 0;
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, .18);
	border-radius: 6px
}

.stop-body-scrollWithPosFixed,
.stop-scrollWithPosFixed {
	position: fixed!important;
	width: 100%
}

.stop-body-scroll,
.stop-body-scrollWithPosFixed,
.stop-scroll,
.stop-scrollWithPosFixed {
	overflow: hidden!important
}

.editable-content-holder .editable-content[data-text-seo] h1,
.editable-content-holder .editable-content[data-text-seo] h2,
.editable-content-holder .editable-content[data-text-seo] h3,
.editable-content-holder .editable-content[data-text-seo] h4,
.editable-content-holder .editable-content[data-text-seo] h5,
.editable-content-holder .editable-content[data-text-seo] h6,
.editable-content-holder .editable-content[data-text-seo] p,
[data-text-seo] h1,
[data-text-seo] h2,
[data-text-seo] h3,
[data-text-seo] h4,
[data-text-seo] h5,
[data-text-seo] h6,
[data-text-seo] p {
	font-size: inherit;
	display: inherit;
	margin: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin-block-start: inherit;
	margin-block-end: inherit;
	margin-inline-start: inherit;
	margin-inline-end: inherit
}

.desktop .details .arrow-icon-right,
.desktop .listing .arrow-icon-right {
	font-size: 16px;
	position: relative;
	top: -1px;
	margin: 0 5px;
	color: #979797
}

.desktop .details .brdcrum,
.desktop .listing .brdcrum {
	margin-top: 10px;
	margin-bottom: 10px
}

.circle-loader {
	border: 4px solid #3272b2;
	border-top-color: transparent;
	-webkit-animation: jdLoading 1.2s linear infinite;
	-moz-animation: jdLoading 1.2s infinite linear;
	-ms-animation: jdLoading 1.2s infinite linear;
	animation: jdLoading 1.2s linear infinite;
	top: 46%;
	border-radius: 50%;
	position: fixed;
	left: calc(50% - 20px);
	width: 38px;
	height: 38px
}

@keyframes jdLoading {
	to {
		transform: rotate(1turn)
	}
}

.wrpr.addMinBx.text-center {
	margin-top: 0
}

.prd_box .os_bbx2 {
	height: auto
}

.inpBx.disInBlk {
	width: 40px;
	height: auto
}

.inpBx.disInBlk input {
	padding: 5px!important
}

.addMinBx .inpBx {
	height: auto
}

.wrpr.addMinBx.text-left,
.wrpr.text-left.grid-nw {
	margin: 5px 0
}

.clear-both {
	clear: both
}

.grid_view.jd-slider .cutPric-nw .icon-currency {
	font-size: inherit;
	position: relative;
	top: 1px;
	color: #919191
}

.grid_view .icon-sendEnquiry {
	position: relative;
	top: 3px;
	font-size: 20px;
	color: inherit
}

.grid_view .prod-image-container {
	width: 100%;
	max-width: 192px;
	position: relative;
	height: 222px
}

.bigThumbnail .grid_view .prod-image-container.no-image .prod-image-holder>a,
.grid_view .bigThumbnail .prod-image-container.no-image .prod-image-holder>a {
	background: none
}

.bigThumbnail .grid_view .prod-image-container .prod-image-holder>a,
.grid_view .bigThumbnail .prod-image-container .prod-image-holder>a {
	background: #fff;
	z-index: 2
}

.grid_view .prod-image-container .prod-image-holder .noimage img {
	width: 70px
}

.grid_view .prod-image-container.no-image .prod-image-holder>a,
.grid_view .prod-image-container.no-image .prod-image-holder img {
	height: 85px
}

.grid_view .prod-image-container.no-image .prod-image-holder>a,
.grid_view .prod-image-container .prod-image-holder>a.noimage {
	border: none!important
}

.grid_view .prod-image-container .prod-image-holder>a,
.grid_view .prod-image-container .prod-image-holder img {
	max-width: 100%!important;
	max-height: 100%!important;
	margin-left: auto;
	margin-right: auto;
	min-width: 1px;
	min-height: 1px;
	height: auto;
	width: auto;
	margin-bottom: 0;
	overflow: hidden
}

.grid_view .prod-image-container .prod-image-holder img[data-lazyloadingcolor=lazy-loading-color].new-height,
img[data-lazyloadingcolor=lazy-loading-color].new-height {
	height: 100%;
	width: 100%;
	border-radius: 7px
}

.grid_view .bigThumbnail .prod-image-container .prod-image-holder img {
	border-radius: 0
}

html {
	background-color: #f2f4f8
}

body {
	font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #333!important;
	background-color: transparent;
	-webkit-font-smoothing: antialiased;
	line-height: 1.53846154
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin: 0
}

a {
	color: #3c4144
}

a,
a:focus,
a:hover {
	text-decoration: none
}

a:focus,
a:hover {
	color: #ff0000
}

label {
	font-weight: 400
}

.small,
small {
	font-size: 12px
}

.badge,
.label {
	font-weight: 700
}

.badge {
	background-color: #b0bcd4
}

.badge.up {
	position: relative;
	top: -10px;
	padding: 3px 6px;
	margin-left: -10px
}

.badge-sm {
	font-size: 85%;
	padding: 2px 5px!important
}

.label-sm {
	padding-top: 0;
	padding-bottom: 0
}

.green {
	color: green
}

.red {
	color: red
}

.badge-white {
	border: 1px solid hsla(0, 0%, 100%, .35);
	padding: 2px 6px
}

.badge-empty,
.badge-white {
	background-color: transparent
}

.badge-empty {
	border: 1px solid rgba(0, 0, 0, .15);
	color: inherit
}

.caret-white {
	border-top-color: #fff;
	border-top-color: hsla(0, 0%, 100%, .65)
}

a:hover .caret-white {
	border-top-color: #fff
}

.tooltip-inner {
	background-color: rgba(0, 0, 0, .9);
	background-color: #222733
}

.tooltip.top .tooltip-arrow {
	border-top-color: #222733
}

.tooltip.right .tooltip-arrow {
	border-right-color: #222733
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #222733
}

.tooltip.left .tooltip-arrow {
	border-left-color: #222733
}

.thumbnail {
	border-color: #eaeef1
}

.popover-content {
	font-size: 12px;
	line-height: 1.5
}

.progress-xs {
	height: 6px
}

.progress-sm {
	height: 10px
}

.progress-sm .progress-bar {
	font-size: 10px;
	line-height: 1em
}

.progress,
.progress-bar {
	-webkit-box-shadow: none;
	box-shadow: none
}

.breadcrumb {
	background-color: #fff;
	border: 1px solid #eaeef1;
	padding-left: 10px;
	margin-bottom: 10px
}

.breadcrumb>.active,
.breadcrumb>li+li:before {
	color: inherit
}

.accordion-group,
.accordion-inner {
	border-color: #eaeef1;
	border-radius: 2px
}

.alert {
	font-size: 12px;
	box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .2)
}

.alert .close i {
	font-size: 12px;
	font-weight: 400;
	display: block
}

.form-control {
	border-color: #c1cdd7;
	border-radius: 2px
}

.form-control,
.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.form-control:focus {
	border-color: #177bbb
}

.input-s-sm {
	width: 120px
}

.input-s {
	width: 200px
}

.input-s-lg {
	width: 250px
}

.input-group-addon {
	border-color: #cbd5dd;
	background-color: #fcfcfd
}

.list-group {
	border-radius: 2px
}

.list-group.no-radius .list-group-item {
	border-radius: 0!important
}

.list-group.no-borders .list-group-item {
	border: none
}

.list-group.no-border .list-group-item {
	border-width: 1px 0
}

.list-group.no-bg .list-group-item {
	background-color: transparent
}

.list-group-item {
	border-color: #eaeef1;
	padding-right: 15px
}

a.list-group-item:focus,
a.list-group-item:hover {
	background-color: #f9fafc
}

.list-group-item.media {
	margin-top: 0
}

.list-group-item.active {
	color: #fff;
	border-color: #1ccacc!important;
	background-color: #1ccacc!important
}

.list-group-item.active .text-muted {
	color: #91eff0
}

.list-group-item.active a {
	color: #fff
}

.list-group-alt .list-group-item:nth-child(2n+2) {
	background-color: rgba(0, 0, 0, .02)!important
}

.list-group-lg .list-group-item {
	padding-top: 15px;
	padding-bottom: 15px
}

.list-group-sp .list-group-item {
	margin-bottom: 5px;
	border-radius: 3px
}

.list-group-item>.badge {
	margin-right: 0
}

.list-group-item>.fa-chevron-right {
	float: right;
	margin-top: 4px;
	margin-right: -5px
}

.list-group-item>.fa-chevron-right+.badge {
	margin-right: 5px
}

.nav-pills.no-radius>li>a {
	border-radius: 0
}

.nav-pills>li.active>a {
	color: #fff!important;
	background-color: #1ccacc
}

.nav>li>a:focus,
.nav>li>a:hover {
	background-color: #f7f8fb
}

.nav.nav-sm>li>a {
	padding: 6px 8px
}

.nav .avatar {
	width: 30px;
	margin-top: -5px;
	margin-right: 5px
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	background-color: #f7f8fb
}

.panel {
	border-radius: 2px
}

.panel.panel-default,
.panel.panel-default>.panel-footer,
.panel.panel-default>.panel-heading {
	border-color: #eaeef1
}

.panel .list-group-item {
	border-color: #f3f5f7
}

.panel.no-borders,
.panel.no-borders .panel-footer,
.panel.no-borders .panel-heading {
	border-width: 0
}

.panel .table td,
.panel .table th {
	padding: 8px 15px;
	border-top: 1px solid #eaeef1
}

.genioreport .table td {
	word-break: break-word;
	word-wrap: break-word
}

.panel .table thead>tr>th {
	border-bottom: 1px solid #eaeef1
}

.panel .table-striped>tbody>tr:nth-child(odd)>td,
.panel .table-striped>tbody>tr:nth-child(odd)>th {
	background-color: #f9fafc
}

.panel .table-striped>thead th {
	background-color: #f9fafc;
	border-right: 1px solid #eaeef1
}

.panel .table-striped>thead th:last-child {
	border-right: none
}

.panel-heading {
	border-radius: 2px 2px 0 0
}

.panel-default .panel-heading {
	background-color: #f9fafc
}

.panel-heading.no-border {
	margin: -1px -1px 0;
	border: none
}

.panel-heading .nav {
	margin: -10px -15px
}

.panel-heading .nav>li>a {
	border-radius: 2px 2px 0 0;
	margin: 0;
	border-bottom-color: #eaeef1!important
}

.panel-heading .nav>li.active>a {
	border-color: #eaeef1 #eaeef1 #fff!important
}

.panel-heading .nav-tabs {
	margin: -11px -16px;
	border-color: #eaeef1
}

.panel-heading .nav-tabs.nav-justified {
	width: auto
}

.panel-heading .nav-tabs>li>a {
	padding-top: 11px;
	padding-bottom: 11px
}

.panel-heading .list-group {
	background: transparent
}

.panel-footer {
	border-color: #eaeef1;
	border-radius: 0 0 2px 2px;
	background-color: #f9fafc
}

.panel-group .panel-heading+.panel-collapse .panel-body {
	border-top: 1px solid #eaedef
}

.open {
	z-index: 1050;
	position: relative
}

.user-feedback.open {
	position: fixed
}

.dropdown-menu {
	font-size: 13px;
	border-radius: 2px;
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
	border: 1px solid #ddd;
	border: 1px solid rgba(0, 0, 0, .1)
}

.dropdown-menu.pull-left {
	left: 100%
}

.dropdown-menu>.panel {
	border: none;
	margin: -5px 0
}

.dropdown-menu>li>a {
	padding: 5px 15px
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	background-image: none;
	filter: none;
	background-color: #f2f4f8!important;
	color: #181a1c
}

.dropdown-header {
	padding: 5px 15px
}

.dropdown-submenu {
	position: relative
}

.dropdown-submenu:focus>a,
.dropdown-submenu:hover>a {
	background-color: #f2f4f8!important;
	color: #788288
}

.dropdown-submenu:focus>.dropdown-menu,
.dropdown-submenu:hover>.dropdown-menu {
	display: block
}

.dropdown-submenu.pull-left {
	float: none!important
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px
}

.dropdown-submenu .dropdown-menu {
	left: 100%;
	top: 0;
	margin-top: -6px;
	margin-left: -1px
}

.dropup .dropdown-submenu>.dropdown-menu {
	top: auto;
	bottom: 0
}

.dropdown-select>li>a input {
	position: absolute;
	left: -9999em
}

.select-dropdown-div select {
	-webkit-appearance: none;
	z-index: 2;
	position: relative;
	background-color: transparent
}

.carousel-control {
	width: 40px;
	color: #999;
	text-shadow: none
}

.carousel-control:focus,
.carousel-control:hover {
	color: #ccc;
	text-decoration: none;
	opacity: .9;
	filter: alpha(opacity=90)
}

.carousel-control.left,
.carousel-control.right {
	background-image: none;
	filter: none
}

.carousel-control i {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px
}

.carousel-indicators.out {
	bottom: -5px
}

.carousel-indicators li {
	-webkit-transition: background-color .25s;
	transition: background-color .25s;
	background: #ddd;
	background-color: rgba(0, 0, 0, .2);
	border: none
}

.carousel-indicators .active {
	background: #f0f0f0;
	background-color: hsla(0, 0%, 78.4%, .2);
	width: 10px;
	height: 10px;
	margin: 1px
}

.carousel.carousel-fade .item {
	-webkit-transition: opacity .25s;
	transition: opacity .25s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0)
}

.carousel.carousel-fade .active {
	opacity: 1;
	filter: alpha(opacity=1)
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0)
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1
}

.carousel.carousel-fade .carousel-control {
	z-index: 3
}

.col-lg-2-4 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px
}

.col-0 {
	clear: left
}

.row.no-gutter {
	margin-left: 0;
	margin-right: 0
}

.no-gutter [class*=col] {
	padding: 0
}

.modal-backdrop {
	background-color: #222733
}

.modal-backdrop.in {
	opacity: .8;
	filter: alpha(opacity=80)
}

.modal-over {
	width: 100%;
	height: 100%;
	position: relative;
	background: #222733
}

.modal-center {
	position: absolute;
	left: 50%;
	top: 50%
}

.modal-content {
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .25)
}

.icon-muted {
	color: #ccc
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border-color: transparent
}

.navbar-fixed-bottom,
.navbar-fixed-top {
	position: fixed!important
}

.navbar-fixed-top+* {
	padding-top: 50px
}

.navbar-fixed-top.header-md+* {
	padding-top: 60px
}

.footer,
.header {
	min-height: 50px;
	padding: 0 15px
}

.footer>p,
.header>p {
	margin-top: 15px;
	display: inline-block
}

.footer>.btn,
.footer>.btn-group,
.footer>.btn-toolbar,
.header>.btn,
.header>.btn-group,
.header>.btn-toolbar {
	margin-top: 10px
}

.footer>.btn-lg,
.header>.btn-lg {
	margin-top: 0
}

.footer .nav-tabs,
.header .nav-tabs {
	border: none;
	margin-left: -15px;
	margin-right: -15px
}

.footer .nav-tabs>li a,
.header .nav-tabs>li a {
	border: none!important;
	border-radius: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px
}

.footer .nav-tabs>li a:focus,
.footer .nav-tabs>li a:hover,
.header .nav-tabs>li a:focus,
.header .nav-tabs>li a:hover {
	background-color: transparent
}

.footer .nav-tabs>li.active a,
.header .nav-tabs>li.active a {
	color: #788288
}

.footer .nav-tabs>li.active a,
.footer .nav-tabs>li.active a:hover,
.header .nav-tabs>li.active a,
.header .nav-tabs>li.active a:hover {
	background-color: #f2f4f8
}

.footer .nav-tabs.nav-white>li.active a,
.footer .nav-tabs.nav-white>li.active a:hover,
.header .nav-tabs.nav-white>li.active a,
.header .nav-tabs.nav-white>li.active a:hover {
	background-color: #fff
}

.footer.navbar,
.header.navbar {
	border-radius: 0;
	border: none;
	margin-bottom: 0;
	padding: 0;
	position: relative;
	z-index: 1000
}

body.container {
	padding: 0
}

@media (min-width:768px) {
	body.container {
		-webkit-box-shadow: 0 3px 60px rgba(0, 0, 0, .3);
		box-shadow: 0 3px 60px rgba(0, 0, 0, .3);
		border-left: 1px solid #cbd5dd;
		border-right: 1px solid #cbd5dd
	}
	.app,
	.app body {
		height: 100%;
		overflow: hidden
	}
	.app .hbox.stretch {
		height: 100%
	}
	.app .vbox>footer,
	.app .vbox>section {
		position: absolute
	}
	.app .vbox.flex>section>section {
		overflow: auto
	}
	.hbox {
		display: table;
		table-layout: fixed;
		border-spacing: 0;
		width: 100%
	}
	.hbox>aside,
	.hbox>section {
		display: table-cell;
		vertical-align: top;
		height: 100%;
		float: none
	}
	.hbox>aside.hidden-sm,
	.hbox>aside.show,
	.hbox>section.hidden-sm,
	.hbox>section.show {
		display: table-cell!important
	}
	.vbox {
		display: table;
		border-spacing: 0;
		position: relative;
		height: 100%;
		width: 100%
	}
	.vbox>footer,
	.vbox>section {
		top: 0;
		bottom: 0;
		width: 100%
	}
	.vbox>header~section {
		top: 50px
	}
	.vbox>header.header-md~section {
		top: 60px
	}
	.vbox>section.w-f {
		bottom: 50px
	}
	.vbox>footer {
		top: auto
	}
	.vbox>footer~section {
		bottom: 50px
	}
	.vbox.flex>footer,
	.vbox.flex>header,
	.vbox.flex>section {
		position: inherit
	}
	.vbox.flex>section {
		display: table-row;
		height: 100%
	}
	.vbox.flex>section>section {
		position: relative;
		height: 100%;
		-webkit-overflow-scrolling: touch
	}
	.ie .vbox.flex>section>section {
		display: table-cell
	}
	.vbox.flex>section>section>section {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0
	}
	.aside-xs {
		width: 60px
	}
	.aside-sm {
		width: 150px
	}
	.aside {
		width: 200px
	}
	.aside-md {
		width: 240px
	}
	.aside-lg {
		width: 300px
	}
	.aside-xl {
		width: 360px
	}
	.aside-xxl {
		width: 480px
	}
	.header-md {
		min-height: 60px
	}
	.header-md .navbar-form {
		margin-top: 15px;
		margin-bottom: 15px
	}
	.scrollable {
		-webkit-overflow-scrolling: touch
	}
	::-webkit-scrollbar-thumb {
		background-color: rgba(50, 50, 50, .25);
		border: 2px solid transparent;
		border-radius: 10px;
		background-clip: padding-box
	}
	::-webkit-scrollbar-thumb:hover {
		background-color: rgba(50, 50, 50, .5)
	}
	::-webkit-scrollbar-track {
		background-color: rgba(50, 50, 50, .05)
	}
}

.scrollable {
	overflow-x: hidden;
	overflow-y: auto
}

.no-touch .scrollable.hover {
	overflow-y: hidden
}

.no-touch .scrollable.hover:hover {
	overflow: visible;
	overflow-y: auto
}

.no-touch::-webkit-scrollbar-button {
	width: 10px;
	height: 6px;
	background-color: rgba(50, 50, 50, .05)
}

.slimScrollBar {
	border-radius: 5px;
	border: 2px solid transparent;
	border-radius: 10px;
	background-clip: padding-box!important
}

@media print {
	.hbox,
	.vbox,
	body,
	html {
		height: auto
	}
	.vbox>footer,
	.vbox>section {
		position: relative
	}
}

.navbar-header {
	position: relative
}

.navbar-header>.btn {
	position: absolute;
	font-size: 1.3em;
	padding: 9px 16px;
	line-height: 30px;
	left: 0
}

.navbar-header .navbar-brand+.btn {
	right: 0;
	top: 0;
	left: auto
}

.navbar-brand {
	float: none;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	height: auto;
	line-height: 50px;
	display: inline-block;
	padding: 0 15px
}

.navbar-brand:hover {
	text-decoration: none
}

.navbar-brand img {
	max-height: 20px;
	margin-top: -4px;
	vertical-align: middle
}

.nav-primary li>a>i {
	line-height: 36px;
	width: 36px;
	float: left;
	margin: -8px 5px -8px -10px;
	text-align: center;
	position: relative;
	overflow: hidden
}

.nav-primary li>a>i:before {
	position: relative;
	z-index: 2
}

.nav-primary ul.nav>li>a {
	padding: 8px 15px;
	position: relative;
	-webkit-transition: background-color .2s ease-in-out 0s;
	transition: background-color .2s ease-in-out 0s
}

.no-borders .nav-primary ul.nav>li>a {
	border-width: 0!important
}

.nav-primary ul.nav>li>a>.badge {
	font-size: 11px;
	padding: 2px 5px 2px 4px;
	margin-top: 2px
}

.nav-primary ul.nav>li>a>.text-muted {
	margin: 0 3px
}

.nav-primary ul.nav>li>a.active .text {
	display: none
}

.nav-primary ul.nav>li>a.active .text-active {
	display: inline-block!important
}

.nav-primary ul.nav>li li a {
	font-weight: 400;
	text-transform: none
}

.nav-primary ul.nav>li.active>ul {
	display: block
}

.nav-primary ul.nav ul {
	display: none
}

.bg-black .nav-primary>ul.nav-main>li.active>a,
.bg-black .nav-primary>ul.nav-main>li:active>a,
.bg-black .nav-primary>ul.nav-main>li:focus>a,
.bg-black .nav-primary>ul.nav-main>li:hover>a {
	background-color: #1aae88
}

@media (min-width:768px) {
	.visible-nav-xs {
		display: none
	}
	.nav-xs {
		width: 70px
	}
	.nav-xs .slim-scroll,
	.nav-xs .slimScrollDiv {
		overflow: visible!important
	}
	.nav-xs .slimScrollBar,
	.nav-xs .slimScrollRail {
		display: none!important
	}
	.nav-xs .scrollable {
		overflow: visible
	}
	.nav-xs .nav-primary>ul>li>a {
		position: relative;
		padding: 0;
		font-size: 11px;
		text-align: center;
		height: 50px;
		overflow-y: hidden;
		border: none
	}
	.nav-xs .nav-primary>ul>li>a span {
		display: table-cell;
		vertical-align: middle;
		height: 50px;
		width: 70px
	}
	.nav-xs .nav-primary>ul>li>a span.pull-right {
		display: none!important
	}
	.nav-xs .nav-primary>ul>li>a i {
		width: auto;
		float: none;
		display: block;
		font-size: 16px;
		margin: 0;
		line-height: 50px;
		border: none!important;
		-webkit-transition: margin-top .2s;
		transition: margin-top .2s
	}
	.nav-xs .nav-primary>ul>li>a i b {
		left: 0!important
	}
	.nav-xs .nav-primary>ul>li>a .badge {
		position: absolute;
		right: 10px;
		top: 4px;
		z-index: 3
	}
	.nav-xs .nav-primary>ul>li.active>a i,
	.nav-xs .nav-primary>ul>li:active>a i,
	.nav-xs .nav-primary>ul>li:focus>a i,
	.nav-xs .nav-primary>ul>li:hover>a i {
		margin-top: -50px
	}
	.nav-xs .nav-primary>ul ul {
		display: none!important;
		position: absolute;
		left: 100%;
		top: 0;
		z-index: 1050;
		width: 220px;
		-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
		box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
	}
	.nav-xs .nav-primary li:active>ul,
	.nav-xs .nav-primary li:focus>ul,
	.nav-xs .nav-primary li:hover>ul {
		display: block!important
	}
	.nav-xs.nav-xs-right .nav-primary>ul ul {
		left: auto;
		right: 100%
	}
	.nav-xs>.vbox>.footer,
	.nav-xs>.vbox>.header {
		padding: 0 20px
	}
	.nav-xs .hidden-nav-xs {
		display: none
	}
	.nav-xs .visible-nav-xs {
		display: inherit
	}
	.nav-xs .text-center-nav-xs {
		text-align: center
	}
	.nav-xs .nav-user {
		padding-left: 0;
		padding-right: 0
	}
	.nav-xs .nav-user .avatar {
		float: none!important;
		margin-right: 0
	}
	.nav-xs .nav-user .dropdown>a {
		display: block;
		text-align: center
	}
	.nav-xs .navbar-header {
		float: none
	}
	.nav-xs .navbar-brand {
		display: block;
		padding: 0
	}
	.nav-xs .navbar-brand img {
		margin-right: 0
	}
	.nav-xs .navbar {
		padding: 0
	}
	.header-md .navbar-brand {
		line-height: 60px
	}
	.header-md .navbar-brand img {
		max-height: 30px
	}
	.header-md .navbar-nav>li>a {
		padding: 20px
	}
}

@media (max-width:767px) {
	.navbar-fixed-top-xs {
		position: fixed!important;
		left: 0;
		width: 100%;
		z-index: 1100
	}
	.navbar-fixed-top-xs+* {
		padding-top: 50px!important
	}
	.nav-bar-fixed-bottom {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 1100
	}
	body,
	html {
		min-height: 100%
	}
	.nav-primary .dropdown-menu {
		position: relative;
		float: none;
		left: 0;
		margin-left: 0;
		padding: 0
	}
	.nav-primary .dropdown-menu a {
		padding: 15px;
		border-bottom: 1px solid #eee
	}
	.nav-primary .dropdown-menu li:last-child a {
		border-bottom: none
	}
	.navbar-header {
		text-align: center
	}
	.nav-user {
		margin: 0;
		padding: 15px
	}
	.nav-user.open {
		display: inherit!important
	}
	.nav-user .dropdown-menu {
		display: block;
		position: static;
		float: none
	}
	.nav-user .dropdown>a {
		display: block;
		text-align: center;
		font-size: 18px;
		padding-bottom: 10px
	}
	.nav-user .avatar {
		width: 160px!important;
		float: none!important;
		display: block;
		margin: 20px auto;
		padding: 5px;
		background-color: hsla(0, 0%, 100%, .1);
		position: relative
	}
	.nav-user .avatar:before {
		content: "";
		position: absolute;
		left: 5px;
		right: 5px;
		bottom: 5px;
		top: 5px;
		border: 4px solid #fff;
		border-radius: 500px
	}
	.nav-off-screen {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 75%;
		visibility: visible;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch
	}
	.nav-off-screen,
	.nav-off-screen .nav-primary {
		display: block!important
	}
	.nav-off-screen .navbar-fixed-top-xs {
		width: 75%
	}
	.nav-off-screen.push-right .navbar-fixed-top-xs {
		left: 25%
	}
	.nav-off-screen.push-right {
		left: auto;
		right: 0
	}
	.nav-off-screen.push-right+* {
		-webkit-transform: translate3d(-75%, 0, 0);
		transform: translate3d(-75%, 0, 0)
	}
	.nav-off-screen+* {
		background-color: #f2f4f8;
		-webkit-transition: -webkit-transform .2s ease-in-out;
		-moz-transition: -moz-transform .2s ease-in-out;
		-o-transition: -o-transform .2s ease-in-out;
		transition: transform .2s ease-in-out;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translate3d(75%, 0, 0);
		transform: translate3d(75%, 0, 0);
		overflow: hidden;
		position: absolute;
		width: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 2
	}
	.nav-off-screen+* .nav-off-screen-block {
		display: block!important;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1950
	}
	.navbar+section .nav-off-screen,
	.navbar+section .nav-off-screen+* {
		top: 50px
	}
	.slim-scroll,
	.slimScrollDiv {
		overflow: visible!important;
		height: auto!important
	}
	.slimScrollBar,
	.slimScrollRail {
		display: none!important
	}
}

.arrow {
	border-width: 8px;
	z-index: 10
}

.arrow,
.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.arrow:after {
	border-width: 7px;
	content: ""
}

.arrow.top {
	left: 50%;
	margin-left: -8px;
	border-top-width: 0;
	border-bottom-color: #eee;
	border-bottom-color: rgba(0, 0, 0, .25);
	top: -8px
}

.arrow.top:after {
	content: " ";
	top: 1px;
	margin-left: -7px;
	border-top-width: 0;
	border-bottom-color: #fff
}

.arrow.right {
	top: 50%;
	right: -8px;
	margin-top: -8px;
	border-right-width: 0;
	border-left-color: #eee;
	border-left-color: rgba(0, 0, 0, .1)
}

.arrow.right:after {
	content: " ";
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff;
	bottom: -7px
}

.arrow.bottom {
	left: 50%;
	margin-left: -8px;
	border-bottom-width: 0;
	border-top-color: #eee;
	border-top-color: rgba(0, 0, 0, .1);
	bottom: -8px
}

.arrow.bottom:after {
	content: " ";
	bottom: 1px;
	margin-left: -7px;
	border-bottom-width: 0;
	border-top-color: #fff
}

.arrow.left {
	top: 50%;
	left: -8px;
	margin-top: -8px;
	border-left-width: 0;
	border-right-color: #eee;
	border-right-color: rgba(0, 0, 0, .1)
}

.arrow.left:after {
	content: " ";
	left: 1px;
	border-left-width: 0;
	border-right-color: #fff;
	bottom: -7px
}

.btn-link {
	color: #788288
}

.btn-link.active {
	webkit-box-shadow: none;
	box-shadow: none
}

.btn-default {
	color: #788288!important;
	background-color: #fcfcfd;
	border-color: #d2dae1 #d2dae1 #cbd5dd;
	-webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, .1);
	box-shadow: 0 1px 1px rgba(90, 90, 90, .1)
}

.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
	color: #788288!important;
	background-color: #ebeef4;
	border-color: #b9c6d0
}

.btn-default.active,
.btn-default:active,
.open .dropdown-toggle.btn-default {
	background-image: none
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
	background-color: #fcfcfd;
	border-color: #d2dae1
}

.btn-default.btn-bg {
	border-color: rgba(0, 0, 0, .1);
	background-clip: padding-box
}

.btn-primary {
	color: #fff;
	background-color: #0086ff;
	border-color: #0086ff
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #146ca4;
	border-color: #136397
}

.btn-primary.active,
.btn-primary:active,
.open .dropdown-toggle.btn-primary {
	background-image: none
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
	background-color: #177bbb;
	border-color: #177bbb
}

.btn-success {
	color: #fff!important;
	background-color: #1aae88;
	border-color: #1aae88
}

.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success {
	color: #fff!important;
	background-color: #179877;
	border-color: #158b6c
}

.btn-success.active,
.btn-success:active,
.open .dropdown-toggle.btn-success {
	background-image: none
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
	background-color: #1aae88;
	border-color: #1aae88
}

.btn-info {
	color: #fff!important;
	background-color: #1ccacc;
	border-color: #1ccacc
}

.btn-info.active,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open .dropdown-toggle.btn-info {
	color: #fff!important;
	background-color: #19b4b6;
	border-color: #17a6a8
}

.btn-info.active,
.btn-info:active,
.open .dropdown-toggle.btn-info {
	background-image: none
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
	background-color: #1ccacc;
	border-color: #1ccacc
}

.btn-warning {
	color: #fff!important;
	background-color: #fcc633;
	border-color: #fcc633
}

.btn-warning.active,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open .dropdown-toggle.btn-warning {
	color: #fff!important;
	background-color: #fcbf1a;
	border-color: #fbbb0b
}

.btn-warning.active,
.btn-warning:active,
.open .dropdown-toggle.btn-warning {
	background-image: none
}

.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
	background-color: #fcc633;
	border-color: #fcc633
}

.btn-danger {
	color: #fff!important;
	background-color: #e33244;
	border-color: #e33244
}

.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open .dropdown-toggle.btn-danger {
	color: #fff!important;
	background-color: #dd1e32;
	border-color: #d01c2f
}

.btn-danger.active,
.btn-danger:active,
.open .dropdown-toggle.btn-danger {
	background-image: none
}

.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
	background-color: #e33244;
	border-color: #e33244
}

.btn-dark {
	color: #fff!important;
	background-color: #222733;
	border-color: #222733
}

.btn-dark.active,
.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover,
.open .dropdown-toggle.btn-dark {
	color: #fff!important;
	background-color: #181b24;
	border-color: #12141b
}

.btn-dark.active,
.btn-dark:active,
.open .dropdown-toggle.btn-dark {
	background-image: none
}

.btn-dark.disabled,
.btn-dark.disabled.active,
.btn-dark.disabled:active,
.btn-dark.disabled:focus,
.btn-dark.disabled:hover,
.btn-dark[disabled],
.btn-dark[disabled].active,
.btn-dark[disabled]:active,
.btn-dark[disabled]:focus,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark,
fieldset[disabled] .btn-dark.active,
fieldset[disabled] .btn-dark:active,
fieldset[disabled] .btn-dark:focus,
fieldset[disabled] .btn-dark:hover {
	background-color: #222733;
	border-color: #222733
}

.btn-icon {
	padding-left: 0!important;
	padding-right: 0!important;
	width: 34px;
	text-align: center
}

.btn-icon.b-2x {
	width: 36px
}

.btn-icon.btn-sm {
	width: 30px
}

.btn-icon.btn-sm.b-2x {
	width: 32px
}

.btn-icon.btn-lg {
	width: 45px
}

.btn-icon.btn-lg.b-2x {
	width: 47px
}

.btn-group-justified {
	border-collapse: separate
}

.btn-rounded {
	border-radius: 50px;
	padding-left: 15px;
	padding-right: 15px
}

.btn-rounded.btn-lg {
	padding-left: 25px;
	padding-right: 25px
}

.btn>i.pull-left,
.btn>i.pull-right {
	line-height: 1.428571429
}

.btn-block {
	padding-left: 12px;
	padding-right: 12px
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
	border-top-right-radius: 2px
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
	border-bottom-left-radius: 2px
}

.btn-inactive {
	-webkit-box-shadow: none!important;
	box-shadow: none!important
}

.chat-item:after,
.chat-item:before {
	content: " ";
	display: table
}

.chat-item:after {
	clear: both
}

.chat-item .arrow {
	top: 20px
}

.chat-item .arrow.right:after {
	border-left-color: #f2f4f8
}

.chat-item .chat-body {
	position: relative;
	margin-left: 45px;
	min-height: 30px
}

.chat-item .chat-body .panel {
	margin: 0 -1px
}

.chat-item.right .chat-body {
	margin-left: 0;
	margin-right: 45px
}

.chat-item+.chat-item {
	margin-top: 15px
}

.comment-list {
	position: relative
}

.comment-list .comment-item {
	margin-top: 0;
	position: relative
}

.comment-list .comment-item>.thumb-sm {
	width: 36px
}

.comment-list .comment-item .arrow.left {
	top: 20px;
	left: 39px
}

.comment-list .comment-item .comment-body {
	margin-left: 46px
}

.comment-list .comment-item .panel-body {
	padding: 10px 15px
}

.comment-list .comment-item .panel-footer,
.comment-list .comment-item .panel-heading {
	position: relative;
	font-size: 12px;
	background-color: #fff
}

.comment-list .comment-reply {
	margin-left: 46px
}

.comment-list:before {
	position: absolute;
	top: 0;
	bottom: 35px;
	left: 18px;
	width: 1px;
	background: #e0e4e8;
	content: ""
}

.timeline {
	display: table;
	width: 100%;
	border-spacing: 0;
	table-layout: fixed;
	position: relative;
	border-collapse: collapse
}

.timeline:before {
	content: "";
	width: 1px;
	margin-left: -1px;
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 30px;
	background-color: #ddd;
	z-index: 0
}

.timeline .timeline-date {
	position: absolute;
	width: 150px;
	left: -200px;
	top: 50%;
	margin-top: -9px;
	text-align: right
}

.timeline .timeline-icon {
	position: absolute;
	left: -41px;
	top: -2px;
	top: 50%;
	margin-top: -15px
}

.timeline .time-icon {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block!important;
	z-index: 10;
	border-radius: 20px;
	text-align: center
}

.timeline .time-icon:before {
	font-size: 14px;
	margin-top: 5px
}

.timeline-item {
	display: table-row
}

.timeline-item.alt:after,
.timeline-item:before {
	content: "";
	display: block;
	width: 50%
}

.timeline-item.alt {
	text-align: right
}

.timeline-item.alt:before {
	display: none
}

.timeline-item.alt .panel {
	margin-right: 25px;
	margin-left: 0
}

.timeline-item.alt .timeline-date {
	left: auto;
	right: -200px;
	text-align: left
}

.timeline-item.alt .timeline-icon {
	left: auto;
	right: -41px
}

.timeline-item.active {
	display: table-caption;
	text-align: center
}

.timeline-item.active:before {
	width: 1%
}

.timeline-item.active .timeline-caption {
	display: inline-block;
	width: auto
}

.timeline-item.active .timeline-caption h5 span {
	color: #fff
}

.timeline-item.active .panel {
	margin-left: 0
}

.timeline-item.active .timeline-date,
.timeline-item.active .timeline-icon {
	position: static;
	margin-bottom: 10px;
	display: inline-block;
	width: auto
}

.timeline-caption {
	display: table-cell;
	vertical-align: top;
	width: 50%
}

.timeline-caption .panel {
	position: relative;
	margin-left: 25px;
	text-align: left
}

.timeline-caption h5 {
	margin: 0
}

.timeline-caption h5 span {
	display: block;
	color: #999;
	margin-bottom: 4px;
	font-size: 12px
}

.timeline-caption p {
	font-size: 12px;
	margin-bottom: 0;
	margin-top: 10px
}

.timeline-footer {
	display: table-row
}

.timeline-footer a {
	display: table-cell;
	text-align: right
}

.timeline-footer .time-icon {
	margin-right: -15px;
	z-index: 5
}

.post-item {
	border-radius: 3px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
	margin-bottom: 15px
}

.post-item .post-title {
	margin-top: 0
}

.post-item .post-media {
	text-align: center
}

.post-item .post-media img {
	border-radius: 3px 3px 0 0
}

.i-fw {
	width: 1.2857142857143em;
	text-align: center
}

.i-lg {
	font-size: 1.3333333333333em;
	line-height: .75em;
	vertical-align: -15%
}

.i-sm {
	font-size: .75em
}

.i-1x {
	font-size: 1em
}

.i-2x {
	font-size: 2em
}

.i-3x {
	font-size: 3em
}

.i-4x {
	font-size: 4em
}

.i-5x {
	font-size: 5em
}

.i-s {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.i-s>i {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: inherit
}

.i-s-2x {
	width: 2em;
	height: 2em;
	line-height: 2em
}

.i-s-2x,
.i-s-2x .i-s-base {
	font-size: 2em
}

.i-s-3x {
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em
}

.i-s-3x,
.i-s-3x .i-s-base {
	font-size: 2.5em
}

.i-s-4x {
	width: 3em;
	height: 3em;
	line-height: 3em
}

.i-s-4x,
.i-s-4x .i-s-base {
	font-size: 3em
}

.i-s-5x {
	width: 3.5em;
	height: 3.5em;
	line-height: 3.5em
}

.i-s-5x,
.i-s-5x .i-s-base {
	font-size: 3.5em
}

.switch {
	cursor: pointer;
	position: relative
}

.switch input {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0)
}

.switch input:checked+span {
	background-color: #1aae88
}

.switch input:checked+span:after {
	left: 31px
}

.switch span {
	position: relative;
	width: 60px;
	height: 30px;
	border-radius: 30px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .1);
	display: inline-block;
	-webkit-transition: background-color .2s;
	transition: background-color .2s
}

.switch span:after {
	content: "";
	position: absolute;
	background-color: #fff;
	width: 26px;
	top: 1px;
	bottom: 1px;
	border-radius: 30px;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .25);
	-webkit-transition: left .2s;
	transition: left .2s
}

.nav-docs>ul>li>a {
	padding-top: 5px!important;
	padding-bottom: 5px!important
}

.dropfile {
	border: 2px dashed #e0e4e8;
	text-align: center;
	min-height: 20px
}

.dropfile.hover {
	border-color: #aac3cc
}

.dropfile small {
	margin: 50px 0;
	display: block
}

.portlet {
	min-height: 30px
}

.jqstooltip {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.easypiechart {
	position: relative;
	text-align: center
}

.easypiechart>div {
	position: relative;
	z-index: 1
}

.easypiechart>div .text {
	position: absolute;
	width: 100%;
	top: 60%;
	line-height: 1
}

.easypiechart>div img {
	margin-top: -4px
}

.easypiechart canvas {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0
}

.flot-legend .legend>div {
	display: none
}

.flot-legend .legend .legendColorBox>div {
	border: none!important;
	margin: 5px
}

.flot-legend .legend .legendColorBox>div>div {
	border-radius: 10px
}

.doc-buttons .btn {
	margin-bottom: 5px
}

.list-icon i {
	font-size: 14px;
	width: 40px;
	vertical-align: middle;
	margin: 0;
	display: inline-block;
	text-align: center;
	-webkit-transition: font-size .2s;
	transition: font-size .2s
}

.list-icon div {
	line-height: 40px;
	white-space: nowrap
}

.list-icon div:hover i {
	font-size: 26px
}

.th-sortable {
	cursor: pointer
}

.th-sortable .th-sort {
	float: right;
	position: relative
}

.th-sort i {
	position: relative;
	z-index: 1
}

.th-sort .fa-sort {
	position: absolute;
	left: 0;
	top: 3px;
	color: #bac3cc;
	z-index: 0
}

.th-sortable.active .text {
	display: none!important
}

.th-sortable.active .text-active {
	display: inline-block!important
}

.sortable-placeholder {
	list-style: none;
	border: 1px dashed #ccc;
	min-height: 50px;
	margin-bottom: 5px
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px
}

.parsley-error-list {
	padding: 0;
	list-style: none;
	margin: 6px 0 0;
	font-size: 12px
}

.parsley-error {
	border-color: #ff5f5f!important
}

.datepicker td.active,
.datepicker td.active.active,
.datepicker td.active:hover,
.datepicker td.active:hover.active {
	background: #177bbb
}

#flotTip {
	padding: 3px 5px;
	background-color: #000;
	z-index: 100;
	color: #fff;
	opacity: .7;
	filter: alpha(opacity=70);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.bg-gradient {
	background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, .05)));
	background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 0, rgba(40, 50, 60, .05), 100%);
	background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, .05) 100%);
	background-image: linear-gradient(180deg, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, .05));
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0028323c", endColorstr="#0c28323c", GradientType=0);
	filter: none
}

.bg-light {
	background-color: #f2f4f8;
	color: #788288
}

.bg-light.lt,
.bg-light .lt {
	background-color: #f7f8fb
}

.bg-light.lter,
.bg-light .lter {
	background-color: #fcfcfd
}

.bg-light.dk,
.bg-light .dk {
	background-color: #e9edf4
}

.bg-light.dker,
.bg-light .dker {
	background-color: #e0e6f0
}

.bg-light.bg,
.bg-light .bg {
	background-color: #f2f4f8
}

.bg-dark {
	background-color: #222733;
	color: #7a87a7
}

.bg-dark.lt,
.bg-dark .lt {
	background-color: #2e3341
}

.bg-dark.lter,
.bg-dark .lter {
	background-color: #3a404e
}

.bg-dark.dk,
.bg-dark .dk {
	background-color: #171b24
}

.bg-dark.dker,
.bg-dark .dker {
	background-color: #0d0f15
}

.bg-dark.bg,
.bg-dark .bg {
	background-color: #222733
}

.bg-dark a {
	color: #99a3bb
}

.bg-dark a:hover {
	color: #fff
}

.bg-dark a.list-group-item:focus,
.bg-dark a.list-group-item:hover {
	background-color: inherit
}

.bg-dark .nav>li.active>a,
.bg-dark .nav>li:active>a,
.bg-dark .nav>li:focus>a,
.bg-dark .nav>li:hover>a {
	color: #fff;
	background-color: #12151d
}

.bg-dark .nav>li>a {
	color: #99a3bb
}

.bg-dark .nav>li>a:focus,
.bg-dark .nav>li>a:hover {
	background-color: #171b24
}

.bg-dark .nav .open>a {
	background-color: #12151d
}

.bg-dark .caret {
	border-top-color: #7a87a7;
	border-bottom-color: #7a87a7
}

.bg-dark.navbar .nav>li.active>a {
	color: #fff;
	background-color: #171b24
}

.bg-dark .open>a,
.bg-dark .open>a:focus,
.bg-dark .open>a:hover {
	color: #fff
}

.bg-dark .text-muted {
	color: #5f6d8f!important
}

.bg-dark .text-lt {
	color: #c7ccda!important
}

.bg-dark .icon-muted {
	color: #5f6d8f!important
}

.bg-dark.auto .list-group-item,
.bg-dark .auto .list-group-item {
	border-color: #282e3c!important;
	background-color: transparent
}

.bg-dark.auto .list-group-item.active,
.bg-dark .auto .list-group-item.active,
.bg-dark.auto .list-group-item:active,
.bg-dark .auto .list-group-item:active,
.bg-dark.auto .list-group-item:focus,
.bg-dark .auto .list-group-item:focus,
.bg-dark.auto .list-group-item:hover,
.bg-dark .auto .list-group-item:hover {
	background-color: #171b24!important
}

.bg-black {
	background-color: #12131a;
	color: #656b93
}

.bg-black.lt,
.bg-black .lt {
	background-color: #1d1f28
}

.bg-black.lter,
.bg-black .lter {
	background-color: #292b36
}

.bg-black.dk,
.bg-black .dk {
	background-color: #07080b
}

.bg-black.dker,
.bg-black .dker {
	background-color: #000
}

.bg-black.bg,
.bg-black .bg {
	background-color: #12131a
}

.bg-black a {
	color: #8287a9
}

.bg-black a:hover {
	color: #fff
}

.bg-black a.list-group-item:focus,
.bg-black a.list-group-item:hover {
	background-color: inherit
}

.bg-black .nav>li.active>a,
.bg-black .nav>li:active>a,
.bg-black .nav>li:focus>a,
.bg-black .nav>li:hover>a {
	color: #fff;
	background-color: #020203
}

.bg-black .nav>li>a {
	color: #8287a9
}

.bg-black .nav>li>a:focus,
.bg-black .nav>li>a:hover {
	background-color: #07080b
}

.bg-black .nav .open>a {
	background-color: #020203
}

.bg-black .caret {
	border-top-color: #656b93;
	border-bottom-color: #656b93
}

.bg-black.navbar .nav>li.active>a {
	color: #fff;
	background-color: #07080b
}

.bg-black .open>a,
.bg-black .open>a:focus,
.bg-black .open>a:hover {
	color: #fff
}

.bg-black .text-muted {
	color: #515574!important
}

.bg-black .text-lt {
	color: #b0b3c8!important
}

.bg-black .icon-muted {
	color: #515574!important
}

.bg-black.auto .list-group-item,
.bg-black .auto .list-group-item {
	border-color: #181a23!important;
	background-color: transparent
}

.bg-black.auto .list-group-item.active,
.bg-black .auto .list-group-item.active,
.bg-black.auto .list-group-item:active,
.bg-black .auto .list-group-item:active,
.bg-black.auto .list-group-item:focus,
.bg-black .auto .list-group-item:focus,
.bg-black.auto .list-group-item:hover,
.bg-black .auto .list-group-item:hover {
	background-color: #07080b!important
}

.bg-primary {
	background-color: #177bbb;
	color: #aad7f4
}

.bg-primary.lt,
.bg-primary .lt {
	background-color: #1d89cf
}

.bg-primary.lter,
.bg-primary .lter {
	background-color: #2796de
}

.bg-primary.dk,
.bg-primary .dk {
	background-color: #126da7
}

.bg-primary.dker,
.bg-primary .dker {
	background-color: #0d5e92
}

.bg-primary.bg,
.bg-primary .bg {
	background-color: #177bbb
}

.bg-primary-ltest {
	background-color: #ecf6fb
}

.bg-primary a {
	color: #d7ecfa
}

.bg-primary a:hover {
	color: #fff
}

.bg-primary a.list-group-item:focus,
.bg-primary a.list-group-item:hover {
	background-color: inherit
}

.bg-primary .nav>li.active>a,
.bg-primary .nav>li:active>a,
.bg-primary .nav>li:focus>a,
.bg-primary .nav>li:hover>a {
	color: #fff;
	background-color: #11659b
}

.bg-primary .nav>li>a {
	color: #d7ecfa
}

.bg-primary .nav>li>a:focus,
.bg-primary .nav>li>a:hover {
	background-color: #126da7
}

.bg-primary .nav .open>a {
	background-color: #11659b
}

.bg-primary .caret {
	border-top-color: #aad7f4;
	border-bottom-color: #aad7f4
}

.bg-primary.navbar .nav>li.active>a {
	color: #fff;
	background-color: #126da7
}

.bg-primary .open>a,
.bg-primary .open>a:focus,
.bg-primary .open>a:hover {
	color: #fff
}

.bg-primary .text-muted {
	color: #7cc2ef!important
}

.bg-primary .text-lt {
	color: #fff!important
}

.bg-primary .icon-muted {
	color: #7cc2ef!important
}

.bg-primary.auto .list-group-item,
.bg-primary .auto .list-group-item {
	border-color: #1984c9!important;
	background-color: transparent
}

.bg-primary.auto .list-group-item.active,
.bg-primary .auto .list-group-item.active,
.bg-primary.auto .list-group-item:active,
.bg-primary .auto .list-group-item:active,
.bg-primary.auto .list-group-item:focus,
.bg-primary .auto .list-group-item:focus,
.bg-primary.auto .list-group-item:hover,
.bg-primary .auto .list-group-item:hover {
	background-color: #126da7!important
}

.bg-success {
	background-color: #1aae88;
	color: #a3f1dd
}

.bg-success.lt,
.bg-success .lt {
	background-color: #20c198
}

.bg-success.lter,
.bg-success .lter {
	background-color: #27d4a8
}

.bg-success.dk,
.bg-success .dk {
	background-color: #159a78
}

.bg-success.dker,
.bg-success .dker {
	background-color: #108567
}

.bg-success.bg,
.bg-success .bg {
	background-color: #1aae88
}

.bg-success-ltest {
	background-color: #f1ffed
}

.bg-success a {
	color: #cff8ed
}

.bg-success a:hover {
	color: #fff
}

.bg-success a.list-group-item:focus,
.bg-success a.list-group-item:hover {
	background-color: inherit
}

.bg-success .nav>li.active>a,
.bg-success .nav>li:active>a,
.bg-success .nav>li:focus>a,
.bg-success .nav>li:hover>a {
	color: #fff;
	background-color: #138f6f
}

.bg-success .nav>li>a {
	color: #cff8ed
}

.bg-success .nav>li>a:focus,
.bg-success .nav>li>a:hover {
	background-color: #159a78
}

.bg-success .nav .open>a {
	background-color: #138f6f
}

.bg-success .caret {
	border-top-color: #a3f1dd;
	border-bottom-color: #a3f1dd
}

.bg-success.navbar .nav>li.active>a {
	color: #fff;
	background-color: #159a78
}

.bg-success .open>a,
.bg-success .open>a:focus,
.bg-success .open>a:hover {
	color: #fff
}

.bg-success .text-muted {
	color: #76ebcd!important
}

.bg-success .text-lt {
	color: #fff!important
}

.bg-success .icon-muted {
	color: #76ebcd!important
}

.bg-success.auto .list-group-item,
.bg-success .auto .list-group-item {
	border-color: #1cbb92!important;
	background-color: transparent
}

.bg-success.auto .list-group-item.active,
.bg-success .auto .list-group-item.active,
.bg-success.auto .list-group-item:active,
.bg-success .auto .list-group-item:active,
.bg-success.auto .list-group-item:focus,
.bg-success .auto .list-group-item:focus,
.bg-success.auto .list-group-item:hover,
.bg-success .auto .list-group-item:hover {
	background-color: #159a78!important
}

.bg-info {
	background-color: #1ccacc;
	color: #bef5f6
}

.bg-info.lt,
.bg-info .lt {
	background-color: #24dbdd
}

.bg-info.lter,
.bg-info .lter {
	background-color: #3ddcde
}

.bg-info.dk,
.bg-info .dk {
	background-color: #16b6b8
}

.bg-info.dker,
.bg-info .dker {
	background-color: #11a2a4
}

.bg-info.bg,
.bg-info .bg {
	background-color: #1ccacc
}

.bg-info-ltest {
	background-color: #ecfcff
}

.bg-info a {
	color: #ebfcfc
}

.bg-info a:hover {
	color: #fff
}

.bg-info a.list-group-item:focus,
.bg-info a.list-group-item:hover {
	background-color: inherit
}

.bg-info .nav>li.active>a,
.bg-info .nav>li:active>a,
.bg-info .nav>li:focus>a,
.bg-info .nav>li:hover>a {
	color: #fff;
	background-color: #15abad
}

.bg-info .nav>li>a {
	color: #ebfcfc
}

.bg-info .nav>li>a:focus,
.bg-info .nav>li>a:hover {
	background-color: #16b6b8
}

.bg-info .nav .open>a {
	background-color: #15abad
}

.bg-info .caret {
	border-top-color: #bef5f6;
	border-bottom-color: #bef5f6
}

.bg-info.navbar .nav>li.active>a {
	color: #fff;
	background-color: #16b6b8
}

.bg-info .open>a,
.bg-info .open>a:focus,
.bg-info .open>a:hover {
	color: #fff
}

.bg-info .text-muted {
	color: #91eff0!important
}

.bg-info .text-lt {
	color: #fff!important
}

.bg-info .icon-muted {
	color: #91eff0!important
}

.bg-info.auto .list-group-item,
.bg-info .auto .list-group-item {
	border-color: #1ed7d9!important;
	background-color: transparent
}

.bg-info.auto .list-group-item.active,
.bg-info .auto .list-group-item.active,
.bg-info.auto .list-group-item:active,
.bg-info .auto .list-group-item:active,
.bg-info.auto .list-group-item:focus,
.bg-info .auto .list-group-item:focus,
.bg-info.auto .list-group-item:hover,
.bg-info .auto .list-group-item:hover {
	background-color: #16b6b8!important
}

.bg-warning {
	background-color: #fcc633;
	color: #fffefc
}

.bg-warning.lt,
.bg-warning .lt {
	background-color: #facc4e
}

.bg-warning.lter,
.bg-warning .lter {
	background-color: #f9d269
}

.bg-warning.dk,
.bg-warning .dk {
	background-color: #ffc017
}

.bg-warning.dker,
.bg-warning .dker {
	background-color: #fcb800
}

.bg-warning.bg,
.bg-warning .bg {
	background-color: #fcc633
}

.bg-warning-ltest {
	background-color: #fffee6
}

.bg-warning a,
.bg-warning a:hover {
	color: #fff
}

.bg-warning a.list-group-item:focus,
.bg-warning a.list-group-item:hover {
	background-color: inherit
}

.bg-warning .nav>li.active>a,
.bg-warning .nav>li:active>a,
.bg-warning .nav>li:focus>a,
.bg-warning .nav>li:hover>a {
	color: #fff;
	background-color: #ffbd0a
}

.bg-warning .nav>li>a {
	color: #fff
}

.bg-warning .nav>li>a:focus,
.bg-warning .nav>li>a:hover {
	background-color: #ffc017
}

.bg-warning .nav .open>a {
	background-color: #ffbd0a
}

.bg-warning .caret {
	border-top-color: #fffefc;
	border-bottom-color: #fffefc
}

.bg-warning.navbar .nav>li.active>a {
	color: #fff;
	background-color: #ffc017
}

.bg-warning .open>a,
.bg-warning .open>a:focus,
.bg-warning .open>a:hover {
	color: #fff
}

.bg-warning .text-muted {
	color: #fef0ca!important
}

.bg-warning .text-lt {
	color: #fff!important
}

.bg-warning .icon-muted {
	color: #fef0ca!important
}

.bg-warning.auto .list-group-item,
.bg-warning .auto .list-group-item {
	border-color: #fcca42!important;
	background-color: transparent
}

.bg-warning.auto .list-group-item.active,
.bg-warning .auto .list-group-item.active,
.bg-warning.auto .list-group-item:active,
.bg-warning .auto .list-group-item:active,
.bg-warning.auto .list-group-item:focus,
.bg-warning .auto .list-group-item:focus,
.bg-warning.auto .list-group-item:hover,
.bg-warning .auto .list-group-item:hover {
	background-color: #ffc017!important
}

.bg-danger {
	background-color: #e33244;
	color: #fce5e8
}

.bg-danger.lt,
.bg-danger .lt {
	background-color: #e34b5b
}

.bg-danger.lter,
.bg-danger .lter {
	background-color: #e56371
}

.bg-danger.dk,
.bg-danger .dk {
	background-color: #e01b2f
}

.bg-danger.dker,
.bg-danger .dker {
	background-color: #cc1628
}

.bg-danger.bg,
.bg-danger .bg {
	background-color: #e33244
}

.bg-danger-ltest {
	background-color: #fbedec
}

.bg-danger a,
.bg-danger a:hover {
	color: #fff
}

.bg-danger a.list-group-item:focus,
.bg-danger a.list-group-item:hover {
	background-color: inherit
}

.bg-danger .nav>li.active>a,
.bg-danger .nav>li:active>a,
.bg-danger .nav>li:focus>a,
.bg-danger .nav>li:hover>a {
	color: #fff;
	background-color: #d51a2d
}

.bg-danger .nav>li>a {
	color: #fff
}

.bg-danger .nav>li>a:focus,
.bg-danger .nav>li>a:hover {
	background-color: #e01b2f
}

.bg-danger .nav .open>a {
	background-color: #d51a2d
}

.bg-danger .caret {
	border-top-color: #fce5e8;
	border-bottom-color: #fce5e8
}

.bg-danger.navbar .nav>li.active>a {
	color: #fff;
	background-color: #e01b2f
}

.bg-danger .open>a,
.bg-danger .open>a:focus,
.bg-danger .open>a:hover {
	color: #fff
}

.bg-danger .text-muted {
	color: #f5b9bf!important
}

.bg-danger .text-lt {
	color: #fff!important
}

.bg-danger .icon-muted {
	color: #f5b9bf!important
}

.bg-danger.auto .list-group-item,
.bg-danger .auto .list-group-item {
	border-color: #e53f50!important;
	background-color: transparent
}

.bg-danger.auto .list-group-item.active,
.bg-danger .auto .list-group-item.active,
.bg-danger.auto .list-group-item:active,
.bg-danger .auto .list-group-item:active,
.bg-danger.auto .list-group-item:focus,
.bg-danger .auto .list-group-item:focus,
.bg-danger.auto .list-group-item:hover,
.bg-danger .auto .list-group-item:hover {
	background-color: #e01b2f!important
}

.bg-white {
	background-color: #fff;
	color: #788288
}

.bg-white a {
	color: #3c4144
}

.bg-white a:hover {
	color: #242729
}

.bg-white .text-muted {
	color: #a1a8ac!important
}

.bg-white-only {
	background-color: #fff
}

.bg-empty {
	background-color: transparent
}

.text-primary {
	color: #177bbb
}

.text-primary-lt {
	color: #1a8ad2
}

.text-primary-lter {
	color: #2198e4
}

.text-primary-dk {
	color: #146ca4
}

.text-primary-dker {
	color: #115d8e
}

.text-info {
	color: #1ccacc
}

.text-info-lt {
	color: #21dee1
}

.text-info-lter {
	color: #37e2e4
}

.text-info-dk {
	color: #19b4b6
}

.text-info-dker {
	color: #169e9f
}

.text-success {
	color: #1aae88
}

.text-success-lt {
	color: #1dc499
}

.text-success-lter {
	color: #21daab
}

.text-success-dk {
	color: #179877
}

.text-success-dker {
	color: #138265
}

.text-warning {
	color: #fcc633
}

.text-warning-lt {
	color: #fccd4c
}

.text-warning-lter {
	color: #fdd465
}

.text-warning-dk {
	color: #fcbf1a
}

.text-warning-dker {
	color: #f8b704
}

.text-danger {
	color: #e33244
}

.text-danger-lt {
	color: #e64858
}

.text-danger-lter {
	color: #e95f6d
}

.text-danger-dk {
	color: #dd1e32
}

.text-danger-dker {
	color: #c71b2d
}

.text-dark {
	color: #222733
}

.text-dark-lt {
	color: #2c3342
}

.text-dark-lter {
	color: #363e52
}

.text-dark-dk {
	color: #181b24
}

.text-dark-dker {
	color: #0e1014
}

.text-black {
	color: #000;
	color: rgba(0, 0, 0, .8)
}

.text-white {
	color: #fff;
	color: hsla(0, 0%, 100%, .8)
}

.text-muted {
	color: #a1a8ac
}

.pos-rlt {
	position: relative
}

.pos-stc {
	position: static
}

.pos-abt {
	position: absolute
}

.line {
	*width: 100%;
	height: 2px;
	margin: 10px 0;
	font-size: 0;
	overflow: hidden
}

.line-xs {
	margin: 0
}

.line-lg {
	margin-top: 15px;
	margin-bottom: 15px
}

.line-dashed {
	border-style: dashed!important;
	background-color: transparent
}

.line-dashed,
.no-line {
	border-width: 0
}

.no-border,
.no-borders {
	border-color: transparent;
	border-width: 0
}

.no-radius {
	border-radius: 0
}

.block {
	display: block
}

.block.hide {
	display: none
}

.inline {
	display: inline-block!important
}

.none {
	display: none
}

.pull-right-lg {
	float: right
}

.pull-none {
	float: none
}

.rounded {
	border-radius: 500px
}

.btn-s-xs {
	min-width: 90px
}

.btn-s-sm {
	min-width: 100px
}

.btn-s-md {
	min-width: 120px
}

.btn-s-lg {
	min-width: 150px
}

.btn-s-xl {
	min-width: 200px
}

.l-h-2x {
	line-height: 2em
}

.l-h-1x {
	line-height: 1.2
}

.l-h {
	line-height: 1.5
}

.v-middle {
	vertical-align: middle!important
}

.v-top {
	vertical-align: top!important
}

.v-bottom {
	vertical-align: bottom!important
}

.font-normal {
	font-weight: 400
}

.font-thin {
	font-weight: 300
}

.font-bold {
	font-weight: 700
}

.text-lg {
	font-size: 16px
}

.text-md {
	font-size: 14px
}

.text-sm {
	font-size: 12px
}

.text-xs {
	font-size: 11px
}

.text-ellipsis {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.text-u-c {
	text-transform: uppercase
}

.text-l-t {
	text-decoration: line-through
}

.text-u-l {
	text-decoration: underline
}

.active>.auto .text,
.active>.text,
.text-active {
	display: none!important
}

.active>.auto .text-active,
.active>.text-active {
	display: inline-block!important
}

.box-shadow {
	box-shadow: 0 2px 2px rgba(0, 0, 0, .05), 0 1px 0 rgba(0, 0, 0, .05)
}

.wrapper-xxs {
	padding: 4px 6px
}

.wrapper-sm {
	padding: 5px 10px
}

.wrapper {
	padding: 0px
}

.wrapper-md {
	padding: 20px
}

.wrapper-lg {
	padding: 30px
}

.wrapper-xl {
	padding: 50px
}

.padder {
	padding-left: 15px;
	padding-right: 15px
}

.padder-v {
	padding-top: 15px;
	padding-bottom: 15px
}

.no-padder {
	padding: 0!important
}

.pull-in {
	margin-left: -15px;
	margin-right: -15px
}

.pull-out {
	margin: -10px -15px
}

.b {
	border: 1px solid rgba(0, 0, 0, .05)
}

.b-a {
	border: 1px solid #eaeef1
}

.b-t {
	border-top: 1px solid #eaeef1
}

.b-r {
	border-right: 1px solid #eaeef1
}

.b-b {
	border-bottom: 1px solid #eaeef1
}

.b-l {
	border-left: 1px solid #eaeef1
}

.b-light {
	border-color: #e1e6ef
}

.b-dark {
	border-color: #2c3342
}

.b-primary {
	border-color: #1a8ad2
}

.b-success {
	border-color: #1dc499
}

.b-info {
	border-color: #21dee1
}

.b-warning {
	border-color: #fccd4c
}

.b-danger {
	border-color: #e64858
}

.b-black {
	border-color: #1c1e29
}

.b-white {
	border-color: #fff
}

.b-dashed {
	border-style: dashed!important
}

.b-2x {
	border-width: 2px
}

.b-3x {
	border-width: 3px
}

.b-4x {
	border-width: 4px
}

.b-5x {
	border-width: 5px
}

.r {
	border-radius: 2px 2px 2px 2px
}

.r-l {
	border-radius: 2px 0 0 2px
}

.r-r {
	border-radius: 0 2px 2px 0
}

.r-t {
	border-radius: 2px 2px 0 0
}

.r-b {
	border-radius: 0 0 2px 2px
}

.m-xxs {
	margin: 2px 4px
}

.m-xs {
	margin: 5px
}

.m-sm {
	margin: 10px
}

.m {
	margin: 15px
}

.m-md {
	margin: 20px
}

.m-lg {
	margin: 30px
}

.m-xl {
	margin: 50px
}

.m-n {
	margin: 0!important
}

.m-l-none {
	margin-left: 0
}

.m-l-xs {
	margin-left: 5px
}

.m-l-sm {
	margin-left: 10px
}

.m-l {
	margin-left: 15px
}

.m-l-md {
	margin-left: 20px
}

.m-l-lg {
	margin-left: 30px
}

.m-l-xl {
	margin-left: 40px
}

.m-l-n-xxs {
	margin-left: -1px
}

.m-l-n-xs {
	margin-left: -5px
}

.m-l-n-sm {
	margin-left: -10px
}

.m-l-n {
	margin-left: -15px
}

.m-l-n-md {
	margin-left: -20px
}

.m-l-n-lg {
	margin-left: -30px
}

.m-l-n-xl {
	margin-left: -40px
}

.m-t-none {
	margin-top: 0
}

.m-t-xxs {
	margin-top: 1px
}

.m-t-xs {
	margin-top: 5px
}

.m-t-sm {
	margin-top: 10px
}

.m-t {
	margin-top: 15px
}

.m-t-md {
	margin-top: 20px
}

.m-t-lg {
	margin-top: 30px
}

.m-t-xl {
	margin-top: 40px
}

.m-t-n-xxs {
	margin-top: -1px
}

.m-t-n-xs {
	margin-top: -5px
}

.m-t-n-sm {
	margin-top: -10px
}

.m-t-n {
	margin-top: -15px
}

.m-t-n-md {
	margin-top: -20px
}

.m-t-n-lg {
	margin-top: -30px
}

.m-t-n-xl {
	margin-top: -40px
}

.m-r-none {
	margin-right: 0
}

.m-r-xxs {
	margin-right: 1px
}

.m-r-xs {
	margin-right: 5px
}

.m-r-sm {
	margin-right: 10px
}

.m-r {
	margin-right: 15px
}

.m-r-md {
	margin-right: 20px
}

.m-r-lg {
	margin-right: 30px
}

.m-r-xl {
	margin-right: 40px
}

.m-r-n-xxs {
	margin-right: -1px
}

.m-r-n-xs {
	margin-right: -5px
}

.m-r-n-sm {
	margin-right: -10px
}

.m-r-n {
	margin-right: -15px
}

.m-r-n-md {
	margin-right: -20px
}

.m-r-n-lg {
	margin-right: -30px
}

.m-r-n-xl {
	margin-right: -40px
}

.m-b-none {
	margin-bottom: 0
}

.m-b-xxs {
	margin-bottom: 1px
}

.m-b-xs {
	margin-bottom: 5px
}

.m-b-sm {
	margin-bottom: 10px
}

.m-b {
	margin-bottom: 15px
}

.m-b-md {
	margin-bottom: 20px
}

.m-b-lg {
	margin-bottom: 30px
}

.m-b-xl {
	margin-bottom: 40px
}

.m-b-n-xxs {
	margin-bottom: -1px
}

.m-b-n-xs {
	margin-bottom: -5px
}

.m-b-n-sm {
	margin-bottom: -10px
}

.m-b-n {
	margin-bottom: -15px
}

.m-b-n-md {
	margin-bottom: -20px
}

.m-b-n-lg {
	margin-bottom: -30px
}

.m-b-n-xl {
	margin-bottom: -40px
}

.media-xs {
	min-width: 50px
}

.media-sm {
	min-width: 80px
}

.media-md {
	min-width: 90px
}

.media-lg {
	min-width: 120px
}

.avatar {
	position: relative;
	display: block;
	border-radius: 500px;
	white-space: nowrap
}

.avatar img {
	border-radius: 500px;
	width: 100%
}

.avatar i {
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 10px;
	border-width: 2px;
	border-style: solid;
	border-radius: 100%
}

.avatar i.md {
	width: 12px;
	height: 12px;
	margin: 1px
}

.avatar i.bottom,
.avatar i.right {
	left: auto;
	right: 0
}

.avatar i.bottom {
	top: auto;
	bottom: 0
}

.avatar i.on {
	background-color: #1aae88
}

.avatar i.off {
	background-color: #a1a8ac
}

.avatar i.busy {
	background-color: #e33244
}

.avatar i.away {
	background-color: #fcc633
}

.thumb-lg {
	width: 128px
}

.thumb-lg,
.thumb-md {
	display: inline-block
}

.thumb-md {
	width: 64px
}

.thumb {
	width: 50px
}

.thumb,
.thumb-sm {
	display: inline-block
}

.thumb-sm {
	width: 34px
}

.thumb-xs {
	width: 24px;
	display: inline-block
}

.thumb-wrapper {
	padding: 2px;
	border: 1px solid #ddd
}

.thumb-btn img,
.thumb-lg img,
.thumb-md img,
.thumb-sm img,
.thumb-xs img,
.thumb img {
	height: auto;
	max-width: 100%;
	vertical-align: middle
}

.img-full,
.img-full>img {
	max-width: 100%
}

.clear {
	display: block;
	overflow: hidden
}

.row-sm {
	margin-left: -10px;
	margin-right: -10px
}

.row-sm>div {
	padding-left: 10px;
	padding-right: 10px
}

.i-checks input {
	opacity: 0
}

.i-checks input:checked+i {
	border-color: #177bbb
}

.i-checks input:checked+i:before {
	position: absolute;
	left: 0;
	width: 100%;
	top: 2px;
	text-align: center;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	color: #177bbb
}

.i-checks input[type=radio]+i {
	border-radius: 100%
}

.i-checks input[type=checkbox]:checked+i:before {
	content: "\f00c"
}

.i-checks input[type=radio]:checked+i:before {
	content: "\f111"
}

.i-checks input[disabled]+i,
fieldset[disabled] .i-checks input+i {
	border-color: #dbe2e7
}

.i-checks input[disabled]+i:before,
fieldset[disabled] .i-checks input+i:before {
	color: #cbd5dd
}

.i-checks i {
	width: 18px;
	height: 18px;
	line-height: 1;
	border: 1px solid #cbd5dd;
	background-color: #fff;
	margin-left: -20px;
	margin-top: -2px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	position: relative;
	font-size: 12px
}

.ie8 .i-checks i {
	display: none
}

.scroll-x,
.scroll-y {
	overflow: hidden;
	-webkit-overflow-scrolling: touch
}

.scroll-y {
	overflow-y: auto
}

.scroll-x {
	overflow-x: auto
}

.no-touch .scroll-x,
.no-touch .scroll-y {
	overflow: hidden
}

.no-touch .scroll-x:active,
.no-touch .scroll-x:focus,
.no-touch .scroll-x:hover {
	overflow-x: auto
}

.no-touch .scroll-y:active,
.no-touch .scroll-y:focus,
.no-touch .scroll-y:hover {
	overflow-y: auto
}

.no-touch .hover-action {
	display: none
}

.no-touch .hover:hover .hover-action {
	display: inherit
}

.hover-rotate {
	-webkit-transition: all .2s ease-in-out .1s;
	transition: all .2s ease-in-out .1s
}

.hover:active .hover-rotate,
.hover:hover .hover-rotate {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.backdrop {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	background-color: #fff
}

.backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0)
}

.backdrop.in {
	opacity: .8;
	filter: alpha(opacity=80)
}

.h {
	font-size: 170px;
	font-weight: 300;
	text-shadow: 0 1px 0 #d9d9d9, 0 2px 0 #d0d0d0, 0 5px 10px rgba(0, 0, 0, .125), 0 10px 20px rgba(0, 0, 0, .2)
}

@media screen and (min-width:992px) {
	.col-lg-2-4 {
		width: 20%;
		float: left
	}
}

@media (max-width:767px) {
	.shift {
		display: none!important
	}
	.shift.in {
		display: block!important
	}
	.row-2 [class*=col] {
		width: 50%;
		float: left
	}
	.row-2 .col-0 {
		clear: none
	}
	.row-2 li:nth-child(odd) {
		clear: left;
		margin-left: 0
	}
	.text-center-xs {
		text-align: center
	}
	.text-left-xs {
		text-align: left
	}
	.pull-none-xs {
		float: none!important
	}
	.dropdown-menu.pull-none-xs {
		left: 0
	}
	.hidden-xs.show {
		display: inherit!important
	}
	.wrapper-lg {
		padding: 15px
	}
}

.arrow.top.arrow-color {
	border-bottom-color: #e3eaee
}

.semi-bold {
	font-weight: 500
}

.cursor-pointer {
	cursor: pointer
}

.isNotDefaultSelected a {
	color: #b0b0b0
}

.isDefaultSelected a {
	color: #177bbb!important
}

.has-error {
	border: 2px solid red
}

@-webkit-keyframes placeholder-shimmer-loader {
	0% {
		background-position: -300px 0
	}
	to {
		background-position: 300px 0
	}
}

@-moz-keyframes placeholder-shimmer-loader {
	0% {
		background-position: -300px 0
	}
	to {
		background-position: 300px 0
	}
}

.shimmer-loader {
	-webkit-animation-name: placeholder-shimmer-loader;
	-moz-animation-name: placeholder-shimmer-loader;
	animation-name: placeholder-shimmer-loader;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;
	background: #f6f7f8;
	background-image: -webkit-linear-gradient(left, #f6f7f8, #edeef1 20%, #f6f7f8 40%, #f6f7f8);
	background-image: -moz-linear-gradient(left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
	background-image: linear-gradient(left, #f6f7f8, #edeef1 20%, #f6f7f8 40%, #f6f7f8);
	background-repeat: no-repeat;
	height: 104px;
	overflow: hidden
}

.make-scroll-transparent,
.shimmer-loader,
.transparent-scroll-bar,
div[transparent-scroll-bar],
ul[transparent-scroll-bar] {
	position: relative
}

.make-scroll-transparent::-webkit-scrollbar,
.transparent-scroll-bar::-webkit-scrollbar,
div[transparent-scroll-bar]::-webkit-scrollbar,
ul[transparent-scroll-bar]::-webkit-scrollbar {
	width: 0!important;
	background: transparent!important
}

.transparent-scroll-fb::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: rgba(0, 0, 0, .5);
	width: 7px!important
}

.left-menu-page-container .transparent-scroll-fb::-webkit-scrollbar-thumb {
	background-color: hsla(0, 0%, 100%, .5)
}

.transparent-scroll-fb::-webkit-scrollbar-track {
	background-color: transparent
}

.transparent-scroll-fb::-webkit-scrollbar {
	width: 10px;
	background-color: transparent
}

.wap .transparent-scroll-fb::-webkit-scrollbar {
	width: 6px
}

.transparent-scroll-fb:hover::-webkit-scrollbar {
	width: 12px
}

.wap .transparent-scroll-fb:hover::-webkit-scrollbar {
	width: 8px
}

.transparent-scroll-fb:hover::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background-color: rgba(39, 39, 39, .5)
}

.left-menu-page-container .transparent-scroll-fb:hover::-webkit-scrollbar-thumb {
	background-color: hsla(0, 0%, 100%, .5)
}

.transparent-scroll-fb {
	position: fixed;
	right: 0;
	height: 100%;
	width: 10px;
	overflow: auto;
	transition: opacity .5s ease-out;
	z-index: 1013;
	margin-right: 1px
}

.left-menu-page-container .linkStyle.widget .transparent-scroll-fb {
	max-height: 340px
}

.left-menu-page-container .transparent-scroll-fb {
	display: none
}

.left-menu-page-container .linkStyle.widget .transparent-scroll-fb {
	display: block
}

.transparent-scroll-fb:hover {
	margin-right: 0
}

.transparent-scroll-fb.disappear {
	opacity: 0
}

.transparent-scroll-fb:hover {
	opacity: 1
}

#page-top .transparent-scroll-fb {
	margin-right: 4px
}

#page-top .transparent-scroll-fb::-webkit-scrollbar {
	width: 7px!important
}

#page-top .transparent-scroll-fb:hover::-webkit-scrollbar {
	width: 10px!important
}

#page-top .transparent-scroll-fb:hover {
	height: calc(100% + 15px)
}

.left-menu-page-container .linkStyle.widget .transparent-scroll-fb .scroll-div-content::-webkit-scrollbar,
.left-menu-page-container .linkStyle.widget .transparent-scroll-fb::-webkit-scrollbar {
	height: 0
}

.transparent-scroll-fb::-webkit-scrollbar-corner {
	display: none!important
}

.blue-btn {
	background: #0086ff;
	color: #fff
}

.blue-btn .loading-span {
	border-color: transparent #fff #fff
}

.blue-btn:active,
.blue-btn:focus,
.blue-btn:hover {
	color: #fff
}

.blue-btn:hover {
	background: #0174dc
}

.grey-btn {
	color: #333;
	background-color: #ededed
}

.grey-btn .loading-span {
	border-color: transparent #333 #333
}

.grey-btn:hover {
	background-color: #d8d8d8
}

@font-face {
	font-family: Gilroy;
	src: url(../gilroy/Gilroy-Regular/fonts/Gilroy-Regular.3e940ecf.eot);
	src: url(../gilroy/Gilroy-Regular/fonts/Gilroy-Regular.3e940ecf.eot?#iefix) format("embedded-opentype"), url(../gilroy/Gilroy-Regular/fonts/Gilroy-Regular.651f1a9f.woff2) format("woff2"), url(../gilroy/Gilroy-Regular/fonts/Gilroy-Regular.063e969c.woff) format("woff"), url(../gilroy/Gilroy-Regular/fonts/Gilroy-Regular.d3b96c71.otf) format("opentype"), url(../gilroy/Gilroy-Regular/fonts/Gilroy-Regular.8e76c1c5.svg) format("svg"), url(../gilroy/Gilroy-Regular/fonts/Gilroy-Regular.6e47889c.ttf) format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Gilroy;
	src: url(../gilroy/Gilroy-Medium/fonts/Gilroy-Medium.3c76dd79.eot);
	src: url(../gilroy/Gilroy-Medium/fonts/Gilroy-Medium.3c76dd79.eot?#iefix) format("embedded-opentype"), url(../gilroy/Gilroy-Medium/fonts/Gilroy-Medium.e29df2ae.woff2) format("woff2"), url(../gilroy/Gilroy-Medium/fonts/Gilroy-Medium.562c1288.woff) format("woff"), url(../gilroy/Gilroy-Medium/fonts/Gilroy-Medium.a37685bc.otf) format("opentype"), url(../gilroy/Gilroy-Medium/fonts/Gilroy-Medium.c7e91592.svg) format("svg"), url(../gilroy/Gilroy-Medium/fonts/Gilroy-Medium.d686fcf2.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: Gilroy;
	src: url(../gilroy/Gilroy-Bold/fonts/Gilroy-Bold.dbd78443.eot);
	src: url(../gilroy/Gilroy-Bold/fonts/Gilroy-Bold.dbd78443.eot?#iefix) format("embedded-opentype"), url(../gilroy/Gilroy-Bold/fonts/Gilroy-Bold.fc95e80a.woff2) format("woff2"), url(../gilroy/Gilroy-Bold/fonts/Gilroy-Bold.a22e11c1.woff) format("woff"), url(../gilroy/Gilroy-Bold/fonts/Gilroy-Bold.fecccc05.otf) format("opentype"), url(../gilroy/Gilroy-Bold/fonts/Gilroy-Bold.864baa80.svg) format("svg"), url(../gilroy/Gilroy-Bold/fonts/Gilroy-Bold.ea6e63d1.ttf) format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

._35ZA_center {
	text-align: center
}

._3MXO_ripple {
	position: relative;
	overflow: hidden;
	width: auto;
	height: auto;
	display: inline-block
}

._3MXO_ripple .n2_N_rippleContainer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden
}

._3MXO_ripple .n2_N_rippleContainer .RqZj_ripple-span {
	transform: scale(0);
	border-radius: 100%;
	position: absolute;
	opacity: .75;
	animation: rh9z_rippleAnimation .85s
}

@keyframes rh9z_rippleAnimation {
	to {
		opacity: 0;
		transform: scale(2)
	}
}

.button-component {
	height: 40px;
	width: 100%;
	padding: 5px 0;
	font-size: 14px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-weight: 500
}

.button-component,
.button-component:active {
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3)
}

.button-component:focus {
	outline: none
}

.button-component.round-button {
	border-radius: 25px
}

.button-component.square-button {
	border-radius: 5px
}

.button-component.flat-button {
	border-radius: 0;
	width: 100%
}

.button-component.bottom-sticky-button {
	position: fixed;
	bottom: 20px;
	width: calc(100% - 30px);
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	border: 0
}

.button-component.bottom-sticky-button.flat-button {
	bottom: 0;
	width: 100%
}

.button-component~.bottom-gradient-div {
	position: fixed;
	left: 0;
	width: 100%;
	height: 80px;
	background-image: linear-gradient(0deg, #fff, #fff 69%, hsla(0, 0%, 100%, 0));
	bottom: 0
}

.wap .button-component.bottom-sticky-button {
	font-size: 4vw;
	height: 2.5rem
}

.wap.jd-cms.preview .button-component.bottom-sticky-button {
	bottom: 45px
}

.wap.jd-cms.preview .button-component.bottom-sticky-button.flat-button {
	bottom: 25px
}

@media (hover:hover) and (pointer:fine) {
	.cxpu_btn-animate-hover {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		cursor: pointer;
		outline: none;
		-webkit-tap-highlight-color: transparent;
		min-width: 0;
		position: relative;
		overflow: hidden;
		min-height: 1.875rem;
		min-width: 2.44rem
	}
	.cxpu_btn-animate-hover:after {
		border: none;
		opacity: 0;
		content: "";
		position: absolute;
		transition-duration: .15s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transform: scale(0);
		transition-property: transform, opacity;
		border-radius: 4px;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0
	}
	.cxpu_btn-animate-hover._3sZV_circle-btn,
	.cxpu_btn-animate-hover._3sZV_circle-btn:after {
		border-radius: 50%
	}
	.cxpu_btn-animate-hover:hover:after {
		background-color: rgba(0, 0, 0, .06);
		border: none;
		opacity: 1;
		transform: scale(1)
	}
	.cxpu_btn-animate-hover[disabled] {
		pointer-events: none
	}
	.cxpu_btn-animate-hover[disabled]:after {
		content: none
	}
}

._1PfO_input-group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
	border: 1px solid #ededed;
	border-radius: .25rem
}

._1PfO_input-group ._3Ehe_input-form {
	flex: 1;
	z-index: 3;
	border: 0
}

._3vNv_has-prepend ._3Ehe_input-form {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

._3JG4_has-append ._3Ehe_input-form {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

._2evu_focused-group {
	border-color: #0086ff
}

.vuas_valid-group {
	border-color: #00b05a
}

._34yh_invalid-group {
	border-color: #c64c5c
}

._3rAh_alert-group {
	border-color: #ff7b06
}

._1Hli_control-container {
	position: relative;
	flex: 1
}

.AJUm_input-group-text {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .375rem .75rem;
	margin-bottom: 0;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #333;
	text-align: center;
	white-space: nowrap;
	background-color: #edf1f7;
	height: 100%;
	border-radius: 0
}

.PAni_input-group-append {
	border-top-right-radius: .1875rem;
	border-bottom-right-radius: .1875rem;
	overflow: hidden
}

.BlfK_input-group-prepend {
	min-width: 40px;
	border-top-left-radius: .1875rem;
	border-bottom-left-radius: .1875rem;
	overflow: hidden
}

.bce1_input-right-icon {
	border-radius: 4px;
	color: #7d7d7d;
	cursor: pointer;
	font-size: 1.25rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.bce1_input-right-icon:hover {
	background: #ededed
}

.bce1_input-right-icon,
.tvh1_input-right-section {
	position: absolute;
	height: 1.625rem;
	width: 1.625rem;
	top: 50%;
	right: .3125rem;
	transform: translateY(-50%)
}

._1sQl_show-hide-pass,
.tvh1_input-right-section {
	display: flex;
	align-items: center;
	justify-content: center
}

._1sQl_show-hide-pass {
	cursor: pointer;
	font-size: .6875rem;
	line-height: .6875rem;
	color: #9e9e9e;
	font-weight: 500;
	padding: 0 .3125rem;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	right: .3125rem;
	transform: translateY(-50%);
	min-height: 72%;
	width: 3.75rem
}

._3zIr_password-icon {
	margin-right: 5px
}

._2CCZ_form-control {
	display: block;
	width: 100%;
	padding: .375rem .625rem;
	font-size: .875rem;
	font-weight: 400;
	font-family: inherit;
	line-height: 1.572;
	color: #414e5a;
	background-color: #fff;
	border: 1px solid #ededed;
	background-clip: padding-box;
	border-radius: .25rem;
	-webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

._2CCZ_form-control:focus {
	border-color: #0086ff;
	outline: 0
}

._2CCZ_form-control:focus::-webkit-input-placeholder {
	color: #718190
}

._2CCZ_form-control::-webkit-input-placeholder {
	color: #718190;
	font-family: inherit
}

._2CCZ_form-control:disabled {
	background-color: #ecf1f5;
	border: none;
	opacity: 1
}

._2CCZ_form-control._7zPx_lg {
	height: calc(1.5em + 1rem + 2px);
	padding: .5rem 1rem;
	font-size: 1.25rem
}

._2CCZ_form-control._3ybD_sm {
	height: calc(1.5em + .5rem + 2px);
	padding: .25rem .5rem;
	font-size: .875rem
}

._2CCZ_form-control._2yz__valid {
	border-color: #00b05a
}

._2CCZ_form-control.FQ72_invalid {
	border-color: #c64c5c
}

._2CCZ_form-control._37Me_alert {
	border-color: #ff7b06
}

._2CCZ_form-control._1aTw_read-only {
	border: 0;
	padding: 0;
	height: auto;
	line-height: .875rem
}

.aeEL_form-textarea {
	resize: none;
	min-height: 4.375rem
}

.aeEL_form-textarea._3QNu_fixed-height {
	min-height: 40px
}

.aeEL_form-textarea._3QNu_fixed-height._2evj_input-focus {
	min-height: 38px
}

._2gTG_form-label {
	display: inline-block;
	font-size: .75rem;
	color: #7a8994;
	margin-bottom: .375rem
}

._2gTG_form-label._1vis_valid {
	color: #00b05a
}

._2gTG_form-label.ZfuQ_invalid {
	color: #c64c5c
}

._2gTG_form-label._3uAL_alert {
	color: #ff7b06
}

.GsFk_feedback {
	display: block;
	width: 100%;
	font-size: .75rem;
	margin-top: .25rem;
	color: #7d7d7d
}

.GsFk_feedback._11cS_valid {
	color: #00b05a
}

.GsFk_feedback._2Qt1_invalid {
	color: #c64c5c
}

.GsFk_feedback._2Vq2_alert {
	color: #ff7b06
}

.GsFk_feedback._2TDl_helper {
	color: #718190
}

.GsFk_feedback._19TP_right {
	text-align: right
}

._3coi_input-with-moving-label {
	margin-bottom: 16px;
	position: relative
}

._3coi_input-with-moving-label._10_Q_omni-form {
	margin-bottom: 0;
	z-index: 1
}

._3coi_input-with-moving-label ._7LB6_editable-input ._2Rxe_editable-content {
	outline: none;
	height: auto;
	min-height: 80px;
	width: calc(100% - 2rem)
}

._3coi_input-with-moving-label ._7LB6_editable-input._3izV_input-focused ._1aOB_input-right-section,
._3coi_input-with-moving-label ._7LB6_editable-input._3izV_input-focused ._2xbz_input-right-icon {
	top: 19px;
	right: calc(.3125rem - 1px)
}

._3coi_input-with-moving-label ._7LB6_editable-input ._1aOB_input-right-section,
._3coi_input-with-moving-label ._7LB6_editable-input ._2xbz_input-right-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	height: 1.625rem;
	width: 1.625rem;
	top: 20px;
	right: .3125rem;
	transform: translateY(-50%)
}

._3coi_input-with-moving-label ._7LB6_editable-input ._2xbz_input-right-icon {
	border-radius: 4px;
	color: #7d7d7d;
	cursor: pointer;
	font-size: 1.25rem
}

._3coi_input-with-moving-label ._7LB6_editable-input ._2xbz_input-right-icon:hover {
	background: #ededed
}

._3coi_input-with-moving-label ._1InG_fixed-height-textarea {
	border: 1px solid #dadce0!important;
	border-radius: 4px
}

._3coi_input-with-moving-label ._1InG_fixed-height-textarea textarea {
	border: none!important
}

._3coi_input-with-moving-label ._1InG_fixed-height-textarea._3izV_input-focused ._1aOB_input-right-section,
._3coi_input-with-moving-label ._1InG_fixed-height-textarea._3izV_input-focused ._2xbz_input-right-icon {
	top: 19px;
	right: calc(.3125rem - 1px)
}

._3coi_input-with-moving-label ._1InG_fixed-height-textarea ._1aOB_input-right-section,
._3coi_input-with-moving-label ._1InG_fixed-height-textarea ._2xbz_input-right-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	height: 1.625rem;
	width: 1.625rem;
	top: 20px;
	right: .3125rem;
	transform: translateY(-50%)
}

._3coi_input-with-moving-label ._1InG_fixed-height-textarea ._2xbz_input-right-icon {
	border-radius: 4px;
	color: #7d7d7d;
	cursor: pointer;
	font-size: 1.25rem
}

._3coi_input-with-moving-label ._1InG_fixed-height-textarea ._2xbz_input-right-icon:hover {
	background: #ededed
}

._3coi_input-with-moving-label ._1Iae_moving-label {
	position: absolute;
	margin-bottom: 0;
	line-height: 1;
	top: calc(5.85vw - .4375rem);
	left: 10px;
	color: #718190;
	pointer-events: none;
	transform: scale(1) translate(0);
	transition: transform .15s cubic-bezier(.4, 0, .2, 1), opacity .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1);
	z-index: 4;
	font-size: .875rem;
	font-weight: 400
}

._3coi_input-with-moving-label._1iFe_move-up ._1Iae_moving-label {
	background-color: #fff;
	transform: scale(.85) translateY(-.37188rem);
	transform-origin: left;
	padding: 0 .3125rem;
	border-radius: 3px;
	position: absolute;
	line-height: 1;
	left: 5px;
	top: 0;
	width: fit-content;
	pointer-events: auto
}

._3coi_input-with-moving-label._1iFe_move-up ._1Iae_moving-label._1vMm_ios {
	width: auto
}

._3coi_input-with-moving-label._1iFe_move-up ._1uEO_rupee-holder:before {
	content: "₹";
	position: absolute;
	top: 0;
	left: 11px;
	z-index: 1;
	font-size: .875rem;
	height: 100%;
	display: flex;
	align-items: center
}

._3coi_input-with-moving-label._1iFe_move-up ._1uEO_rupee-holder input {
	padding-left: 1.2rem
}

._3coi_input-with-moving-label._1iFe_move-up.jA1H_label-top ._1PEu_moving-inp-grp input::-webkit-input-placeholder {
	opacity: 1
}

._3coi_input-with-moving-label._109p_input-with-section ._1PEu_moving-inp-grp input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

._3coi_input-with-moving-label ._1PEu_moving-inp-grp {
	border: none
}

._3coi_input-with-moving-label ._1PEu_moving-inp-grp._7LB6_editable-input,
._3coi_input-with-moving-label ._1PEu_moving-inp-grp input {
	outline: none;
	border: 1px solid #dadce0!important;
	border-radius: 4px;
	height: 11.7vw;
	padding: .625rem;
	color: #414e5a
}

._3coi_input-with-moving-label ._1PEu_moving-inp-grp._7LB6_editable-input._7LB6_editable-input,
._3coi_input-with-moving-label ._1PEu_moving-inp-grp input._7LB6_editable-input {
	height: auto;
	min-height: 100px
}

._3coi_input-with-moving-label ._1PEu_moving-inp-grp._7LB6_editable-input::-webkit-input-placeholder,
._3coi_input-with-moving-label ._1PEu_moving-inp-grp input::-webkit-input-placeholder {
	opacity: 0
}

._3coi_input-with-moving-label ._1PEu_moving-inp-grp input[type=password] {
	font-size: 1rem;
	letter-spacing: 3px
}

._3coi_input-with-moving-label ._1PEu_moving-inp-grp input:disabled {
	border-color: #ecf1f5!important
}

._3coi_input-with-moving-label textarea {
	padding: .625rem;
	border: 1px solid #dadce0!important
}

._3coi_input-with-moving-label._3izV_input-focused ._1Iae_moving-label {
	color: #0086ff
}

._3coi_input-with-moving-label._3izV_input-focused ._7LB6_editable-input,
._3coi_input-with-moving-label._3izV_input-focused input,
._3coi_input-with-moving-label._3izV_input-focused textarea {
	padding: calc(.625rem - 1px);
	border: 2px solid #0086ff!important
}

._3coi_input-with-moving-label._3izV_input-focused ._1InG_fixed-height-textarea {
	border: 2px solid #0086ff!important
}

._3coi_input-with-moving-label._3izV_input-focused ._1InG_fixed-height-textarea textarea {
	border: none!important
}

._3coi_input-with-moving-label._3izV_input-focused input::-webkit-input-placeholder {
	opacity: 1
}

._3coi_input-with-moving-label._1w4c_warning input {
	border: 2px solid #ff8e00!important
}

._3coi_input-with-moving-label._1w4c_warning._1iFe_move-up ._1Iae_moving-label,
._3coi_input-with-moving-label._1w4c_warning ._2Lze_input-feedback {
	color: #ff8e00
}

._3coi_input-with-moving-label._29uL_input-error {
	margin-bottom: 6px
}

._3coi_input-with-moving-label._29uL_input-error._10_Q_omni-form {
	margin-bottom: 0
}

._3coi_input-with-moving-label._29uL_input-error ._7LB6_editable-input,
._3coi_input-with-moving-label._29uL_input-error input,
._3coi_input-with-moving-label._29uL_input-error textarea {
	padding: calc(.625rem - 1px);
	border: 2px solid #c64c5c!important
}

._3coi_input-with-moving-label._29uL_input-error ._1InG_fixed-height-textarea {
	border: 2px solid #c64c5c!important
}

._3coi_input-with-moving-label._29uL_input-error ._1InG_fixed-height-textarea textarea {
	border: none!important
}

._3coi_input-with-moving-label._29uL_input-error._1iFe_move-up ._1Iae_moving-label {
	color: #c64c5c
}

._3coi_input-with-moving-label._29uL_input-error ._2Lze_input-feedback {
	margin-top: 2px
}

._3coi_input-with-moving-label .zqdn_input-arrow {
	position: absolute;
	top: 47%;
	right: 14px;
	transform: translateY(-47%)
}

._3coi_input-with-moving-label .zqdn_input-arrow._1G_W_error-present {
	top: 35%
}

._3coi_input-with-moving-label ._1J9B_prepend {
	position: absolute;
	line-height: 1;
	top: calc(5.85vw - .4375rem);
	left: .625rem;
	z-index: 1;
	color: #414e59;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .875rem;
	padding-right: .5rem;
	padding-left: .125rem;
	color: #414e5a
}

._3coi_input-with-moving-label ._1J9B_prepend:after {
	content: "";
	position: absolute;
	height: .975rem;
	top: 0;
	right: 0;
	border-right: 1px solid #999
}

._3coi_input-with-moving-label ._1J9B_prepend>i {
	position: relative;
	top: 1px
}

._3coi_input-with-moving-label ._2IXO_append {
	position: absolute;
	line-height: 1;
	top: calc(5.85vw - .4375rem);
	right: .625rem;
	z-index: 1;
	color: #414e59;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .875rem;
	padding-left: .5rem;
	padding-right: .125rem;
	color: #414e5a
}

._3coi_input-with-moving-label ._2IXO_append:after {
	content: "";
	position: absolute;
	height: .975rem;
	top: -.1rem;
	left: 0;
	border-right: 1px solid #999
}

._3coi_input-with-moving-label._3BAu_dropdown-container ._1PEu_moving-inp-grp {
	border: 1px solid #dadce0;
	height: 11.7vw;
	flex: 0 0 100%;
	max-width: 100%;
	padding: .625rem
}

._3coi_input-with-moving-label._3BAu_dropdown-container._3izV_input-focused ._1PEu_moving-inp-grp {
	padding: calc(.625rem - 1px);
	border: 2px solid #0086ff
}

._3coi_input-with-moving-label._3BAu_dropdown-container .zqdn_input-arrow {
	position: absolute;
	right: 10px;
	pointer-events: none
}

._3coi_input-with-moving-label._3BAu_dropdown-container._29uL_input-error ._1PEu_moving-inp-grp {
	padding: calc(.625rem - 1px);
	border: 2px solid #c64c5c
}

._3coi_input-with-moving-label ._2bPG_select-tag {
	height: 100%;
	background: transparent;
	outline: none;
	border: 0;
	-webkit-appearance: none;
	font-weight: 400;
	padding: 0
}

._3coi_input-with-moving-label._2aYl_hide-append-bar ._2IXO_append:after,
._3coi_input-with-moving-label._3mbS_hide-prepend-bar ._1J9B_prepend:after {
	border-right: none
}

._3coi_input-with-moving-label._1NL7_has-prepend ._1NtP_prepend-size-1,
._3coi_input-with-moving-label._1NL7_has-prepend._3izV_input-focused:not(._29uL_input-error) ._1NtP_prepend-size-1 {
	padding-left: 30px
}

._3coi_input-with-moving-label._1NL7_has-prepend._3izV_input-focused:not(._29uL_input-error) .nn0y_prepend-size-2,
._3coi_input-with-moving-label._1NL7_has-prepend .nn0y_prepend-size-2 {
	padding-left: 40px
}

._3coi_input-with-moving-label._1NL7_has-prepend._3izV_input-focused:not(._29uL_input-error) ._3y26_prepend-size-3,
._3coi_input-with-moving-label._1NL7_has-prepend ._3y26_prepend-size-3 {
	padding-left: 50px
}

._3coi_input-with-moving-label._1NL7_has-prepend._3izV_input-focused:not(._29uL_input-error) ._3WfR_prepend-size-4,
._3coi_input-with-moving-label._1NL7_has-prepend ._3WfR_prepend-size-4 {
	padding-left: 60px
}

._3coi_input-with-moving-label._1NL7_has-prepend ._1Ree_prepend-size-5,
._3coi_input-with-moving-label._1NL7_has-prepend._3izV_input-focused:not(._29uL_input-error) ._1Ree_prepend-size-5 {
	padding-left: 70px
}

._3coi_input-with-moving-label._2Pep_has-append ._6OJh_append-size-1 {
	padding-right: 30px
}

._3coi_input-with-moving-label._2Pep_has-append._3izV_input-focused:not(._29uL_input-error) ._6OJh_append-size-1 {
	padding-right: 29px
}

._3coi_input-with-moving-label._2Pep_has-append ._3PxU_append-size-2 {
	padding-right: 40px
}

._3coi_input-with-moving-label._2Pep_has-append._3izV_input-focused:not(._29uL_input-error) ._3PxU_append-size-2 {
	padding-right: 39px
}

._3coi_input-with-moving-label._2Pep_has-append .Kip2_append-size-3 {
	padding-right: 50px
}

._3coi_input-with-moving-label._2Pep_has-append._3izV_input-focused:not(._29uL_input-error) .Kip2_append-size-3 {
	padding-right: 49px
}

._3coi_input-with-moving-label._2Pep_has-append ._1RP__append-size-4 {
	padding-right: 60px
}

._3coi_input-with-moving-label._2Pep_has-append._3izV_input-focused:not(._29uL_input-error) ._1RP__append-size-4 {
	padding-right: 59px
}

._3coi_input-with-moving-label._2Pep_has-append ._1PwA_append-size-5 {
	padding-right: 70px
}

._3coi_input-with-moving-label._2Pep_has-append._3izV_input-focused:not(._29uL_input-error) ._1PwA_append-size-5 {
	padding-right: 69px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant {
	margin-bottom: 1.563rem
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant ._1Iae_moving-label {
	font-size: .625rem;
	left: .125rem;
	text-transform: uppercase
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._1iFe_move-up ._1Iae_moving-label {
	padding: 0;
	left: .125rem;
	text-transform: uppercase
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant ._1PEu_moving-inp-grp._7LB6_editable-input,
._3coi_input-with-moving-label._3QPW_border-bottom-variant ._1PEu_moving-inp-grp input {
	border-radius: 0;
	border: none!important;
	border-bottom: 1px solid #dadce0!important;
	padding: 0 .125rem;
	height: 35px;
	padding-top: .6875rem!important
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant ._1J9B_prepend {
	top: calc(17.5px - .125rem)
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant ._2IXO_append {
	top: calc(17.5px - .4375rem)
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend._3mbS_hide-prepend-bar ._1NtP_prepend-size-1,
._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend._3mbS_hide-prepend-bar._3izV_input-focused:not(._29uL_input-error) ._1NtP_prepend-size-1 {
	padding-left: 25px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend._3mbS_hide-prepend-bar._3izV_input-focused:not(._29uL_input-error) .nn0y_prepend-size-2,
._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend._3mbS_hide-prepend-bar .nn0y_prepend-size-2 {
	padding-left: 35px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend._3mbS_hide-prepend-bar._3izV_input-focused:not(._29uL_input-error) ._3y26_prepend-size-3,
._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend._3mbS_hide-prepend-bar ._3y26_prepend-size-3 {
	padding-left: 45px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend._3mbS_hide-prepend-bar._3izV_input-focused:not(._29uL_input-error) ._3WfR_prepend-size-4,
._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend._3mbS_hide-prepend-bar ._3WfR_prepend-size-4 {
	padding-left: 55px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend._3mbS_hide-prepend-bar ._1Ree_prepend-size-5,
._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend._3mbS_hide-prepend-bar._3izV_input-focused:not(._29uL_input-error) ._1Ree_prepend-size-5 {
	padding-left: 65px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append._2aYl_hide-append-bar ._6OJh_append-size-1 {
	padding-right: 25px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append._2aYl_hide-append-bar._3izV_input-focused:not(._29uL_input-error) ._6OJh_append-size-1 {
	padding-right: 24px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append._2aYl_hide-append-bar ._3PxU_append-size-2 {
	padding-right: 35px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append._2aYl_hide-append-bar._3izV_input-focused:not(._29uL_input-error) ._3PxU_append-size-2 {
	padding-right: 34px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append._2aYl_hide-append-bar .Kip2_append-size-3 {
	padding-right: 45px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append._2aYl_hide-append-bar._3izV_input-focused:not(._29uL_input-error) .Kip2_append-size-3 {
	padding-right: 44px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append._2aYl_hide-append-bar ._1RP__append-size-4 {
	padding-right: 55px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append._2aYl_hide-append-bar._3izV_input-focused:not(._29uL_input-error) ._1RP__append-size-4 {
	padding-right: 54px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append._2aYl_hide-append-bar ._1PwA_append-size-5 {
	padding-right: 65px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append._2aYl_hide-append-bar._3izV_input-focused:not(._29uL_input-error) ._1PwA_append-size-5 {
	padding-right: 64px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend ._1NtP_prepend-size-1,
._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend._3izV_input-focused:not(._29uL_input-error) ._1NtP_prepend-size-1 {
	padding-left: 35px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend._3izV_input-focused:not(._29uL_input-error) .nn0y_prepend-size-2,
._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend .nn0y_prepend-size-2 {
	padding-left: 45px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend._3izV_input-focused:not(._29uL_input-error) ._3y26_prepend-size-3,
._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend ._3y26_prepend-size-3 {
	padding-left: 55px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend._3izV_input-focused:not(._29uL_input-error) ._3WfR_prepend-size-4,
._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend ._3WfR_prepend-size-4 {
	padding-left: 65px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend ._1Ree_prepend-size-5,
._3coi_input-with-moving-label._3QPW_border-bottom-variant._1NL7_has-prepend._3izV_input-focused:not(._29uL_input-error) ._1Ree_prepend-size-5 {
	padding-left: 75px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append ._6OJh_append-size-1 {
	padding-right: 30px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append._3izV_input-focused:not(._29uL_input-error) ._6OJh_append-size-1 {
	padding-right: 29px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append ._3PxU_append-size-2 {
	padding-right: 40px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append._3izV_input-focused:not(._29uL_input-error) ._3PxU_append-size-2 {
	padding-right: 39px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append .Kip2_append-size-3 {
	padding-right: 50px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append._3izV_input-focused:not(._29uL_input-error) .Kip2_append-size-3 {
	padding-right: 49px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append ._1RP__append-size-4 {
	padding-right: 60px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append._3izV_input-focused:not(._29uL_input-error) ._1RP__append-size-4 {
	padding-right: 59px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append ._1PwA_append-size-5 {
	padding-right: 70px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._2Pep_has-append._3izV_input-focused:not(._29uL_input-error) ._1PwA_append-size-5 {
	padding-right: 69px
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._3izV_input-focused ._7LB6_editable-input,
._3coi_input-with-moving-label._3QPW_border-bottom-variant._3izV_input-focused input,
._3coi_input-with-moving-label._3QPW_border-bottom-variant._3izV_input-focused textarea {
	border-radius: 0;
	border: none!important;
	border-bottom: 1px solid #0086ff!important
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._29uL_input-error {
	margin-bottom: .75rem
}

._3coi_input-with-moving-label._3QPW_border-bottom-variant._29uL_input-error ._7LB6_editable-input,
._3coi_input-with-moving-label._3QPW_border-bottom-variant._29uL_input-error input,
._3coi_input-with-moving-label._3QPW_border-bottom-variant._29uL_input-error textarea {
	border-radius: 0;
	border: none!important;
	border-bottom: 1px solid #c64c5c!important;
	margin-bottom: 0
}

@media (min-width:992px) {
	._3coi_input-with-moving-label ._1Iae_moving-label {
		top: calc(20px - .4375rem)
	}
	._3coi_input-with-moving-label._1iFe_move-up ._1Iae_moving-label {
		pointer-events: auto
	}
	._3coi_input-with-moving-label ._1PEu_moving-inp-grp._7LB6_editable-input,
	._3coi_input-with-moving-label ._1PEu_moving-inp-grp input {
		height: 40px;
		padding-top: .375rem;
		padding-bottom: .375rem
	}
	._3coi_input-with-moving-label ._1J9B_prepend,
	._3coi_input-with-moving-label ._2IXO_append {
		top: calc(20px - .4375rem)
	}
	._3coi_input-with-moving-label._1NL7_has-prepend._3mbS_hide-prepend-bar ._1NtP_prepend-size-1,
	._3coi_input-with-moving-label._1NL7_has-prepend._3mbS_hide-prepend-bar._3izV_input-focused:not(._29uL_input-error) ._1NtP_prepend-size-1 {
		padding-left: 25px
	}
	._3coi_input-with-moving-label._1NL7_has-prepend._3mbS_hide-prepend-bar._3izV_input-focused:not(._29uL_input-error) .nn0y_prepend-size-2,
	._3coi_input-with-moving-label._1NL7_has-prepend._3mbS_hide-prepend-bar .nn0y_prepend-size-2 {
		padding-left: 35px
	}
	._3coi_input-with-moving-label._1NL7_has-prepend._3mbS_hide-prepend-bar._3izV_input-focused:not(._29uL_input-error) ._3y26_prepend-size-3,
	._3coi_input-with-moving-label._1NL7_has-prepend._3mbS_hide-prepend-bar ._3y26_prepend-size-3 {
		padding-left: 45px
	}
	._3coi_input-with-moving-label._1NL7_has-prepend._3mbS_hide-prepend-bar._3izV_input-focused:not(._29uL_input-error) ._3WfR_prepend-size-4,
	._3coi_input-with-moving-label._1NL7_has-prepend._3mbS_hide-prepend-bar ._3WfR_prepend-size-4 {
		padding-left: 55px
	}
	._3coi_input-with-moving-label._1NL7_has-prepend._3mbS_hide-prepend-bar ._1Ree_prepend-size-5,
	._3coi_input-with-moving-label._1NL7_has-prepend._3mbS_hide-prepend-bar._3izV_input-focused:not(._29uL_input-error) ._1Ree_prepend-size-5 {
		padding-left: 65px
	}
	._3coi_input-with-moving-label._2Pep_has-append._2aYl_hide-append-bar ._6OJh_append-size-1 {
		padding-right: 25px
	}
	._3coi_input-with-moving-label._2Pep_has-append._2aYl_hide-append-bar._3izV_input-focused:not(._29uL_input-error) ._6OJh_append-size-1 {
		padding-right: 24px
	}
	._3coi_input-with-moving-label._2Pep_has-append._2aYl_hide-append-bar ._3PxU_append-size-2 {
		padding-right: 35px
	}
	._3coi_input-with-moving-label._2Pep_has-append._2aYl_hide-append-bar._3izV_input-focused:not(._29uL_input-error) ._3PxU_append-size-2 {
		padding-right: 34px
	}
	._3coi_input-with-moving-label._2Pep_has-append._2aYl_hide-append-bar .Kip2_append-size-3 {
		padding-right: 45px
	}
	._3coi_input-with-moving-label._2Pep_has-append._2aYl_hide-append-bar._3izV_input-focused:not(._29uL_input-error) .Kip2_append-size-3 {
		padding-right: 44px
	}
	._3coi_input-with-moving-label._2Pep_has-append._2aYl_hide-append-bar ._1RP__append-size-4 {
		padding-right: 55px
	}
	._3coi_input-with-moving-label._2Pep_has-append._2aYl_hide-append-bar._3izV_input-focused:not(._29uL_input-error) ._1RP__append-size-4 {
		padding-right: 54px
	}
	._3coi_input-with-moving-label._2Pep_has-append._2aYl_hide-append-bar ._1PwA_append-size-5 {
		padding-right: 65px
	}
	._3coi_input-with-moving-label._2Pep_has-append._2aYl_hide-append-bar._3izV_input-focused:not(._29uL_input-error) ._1PwA_append-size-5 {
		padding-right: 64px
	}
	._3coi_input-with-moving-label._1NL7_has-prepend ._1NtP_prepend-size-1,
	._3coi_input-with-moving-label._1NL7_has-prepend._3izV_input-focused:not(._29uL_input-error) ._1NtP_prepend-size-1 {
		padding-left: 30px
	}
	._3coi_input-with-moving-label._1NL7_has-prepend._3izV_input-focused:not(._29uL_input-error) .nn0y_prepend-size-2,
	._3coi_input-with-moving-label._1NL7_has-prepend .nn0y_prepend-size-2 {
		padding-left: 40px
	}
	._3coi_input-with-moving-label._1NL7_has-prepend._3izV_input-focused:not(._29uL_input-error) ._3y26_prepend-size-3,
	._3coi_input-with-moving-label._1NL7_has-prepend ._3y26_prepend-size-3 {
		padding-left: 50px
	}
	._3coi_input-with-moving-label._1NL7_has-prepend._3izV_input-focused:not(._29uL_input-error) ._3WfR_prepend-size-4,
	._3coi_input-with-moving-label._1NL7_has-prepend ._3WfR_prepend-size-4 {
		padding-left: 60px
	}
	._3coi_input-with-moving-label._1NL7_has-prepend ._1Ree_prepend-size-5,
	._3coi_input-with-moving-label._1NL7_has-prepend._3izV_input-focused:not(._29uL_input-error) ._1Ree_prepend-size-5 {
		padding-left: 70px
	}
	._3coi_input-with-moving-label._2Pep_has-append ._6OJh_append-size-1 {
		padding-right: 30px
	}
	._3coi_input-with-moving-label._2Pep_has-append._3izV_input-focused:not(._29uL_input-error) ._6OJh_append-size-1 {
		padding-right: 29px
	}
	._3coi_input-with-moving-label._2Pep_has-append ._3PxU_append-size-2 {
		padding-right: 40px
	}
	._3coi_input-with-moving-label._2Pep_has-append._3izV_input-focused:not(._29uL_input-error) ._3PxU_append-size-2 {
		padding-right: 39px
	}
	._3coi_input-with-moving-label._2Pep_has-append .Kip2_append-size-3 {
		padding-right: 50px
	}
	._3coi_input-with-moving-label._2Pep_has-append._3izV_input-focused:not(._29uL_input-error) .Kip2_append-size-3 {
		padding-right: 49px
	}
	._3coi_input-with-moving-label._2Pep_has-append ._1RP__append-size-4 {
		padding-right: 60px
	}
	._3coi_input-with-moving-label._2Pep_has-append._3izV_input-focused:not(._29uL_input-error) ._1RP__append-size-4 {
		padding-right: 59px
	}
	._3coi_input-with-moving-label._2Pep_has-append ._1PwA_append-size-5 {
		padding-right: 70px
	}
	._3coi_input-with-moving-label._2Pep_has-append._3izV_input-focused:not(._29uL_input-error) ._1PwA_append-size-5 {
		padding-right: 69px
	}
	._3coi_input-with-moving-label._3BAu_dropdown-container ._1PEu_moving-inp-grp {
		height: 40px
	}
}

input.cross-right {
	padding-right: 2rem!important
}

@media (min-width:992px) {
	.cross-style {
		right: 5px!important
	}
}

.cross-style {
	right: calc(5.85vw - .8125rem);
	font-size: .75rem;
	color: #718190
}

.-UxT_btn-switch-wrapper {
	display: flex;
	border-radius: 4px;
	overflow: hidden;
	max-height: 50px;
	position: relative;
	z-index: 1;
	border: 1px solid #0086ff;
	background-color: #fff
}

.-UxT_btn-switch-wrapper ._2J0P_animator {
	position: absolute;
	height: 100%;
	z-index: -1;
	background-color: #0086ff;
	transition: left .3s ease
}

.-UxT_btn-switch-wrapper._3MIz_has-disabled {
	border: 1px solid #dadce0
}

.-UxT_btn-switch-wrapper._3MIz_has-disabled ._2XYj_toggle-btn~._2XYj_toggle-btn {
	border-left: 1px solid #dadce0
}

._2XYj_toggle-btn {
	flex: 1;
	font-size: .75rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #0086ff;
	cursor: pointer;
	transition: background-color .3s ease;
	padding: 10px
}

._2XYj_toggle-btn~._2XYj_toggle-btn {
	border-left: 1px solid #0086ff
}

._2XYj_toggle-btn._3r2H_active {
	color: #fff;
	background-color: transparent;
	pointer-events: none
}

._2XYj_toggle-btn._2i1o_disabled {
	pointer-events: none;
	color: #abb6c1;
	background-color: transparent
}

@media (hover:hover) and (pointer:fine) {
	._2XYj_toggle-btn:not(._3r2H_active):hover {
		background-color: #edf1f7
	}
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
	margin-left: -3px;
	position: absolute
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow:before {
	box-sizing: content-box;
	position: absolute;
	border: 3px solid transparent;
	height: 0;
	width: 1px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow:before {
	content: "";
	z-index: -1;
	border-width: 3px;
	left: -3px;
	border-bottom-color: #aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
	top: 0;
	margin-top: -3px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
	border-top: none;
	border-bottom-color: #f0f0f0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
	top: -1px;
	border-bottom-color: #aeaeae
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
	bottom: 0;
	margin-bottom: -3px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow:before {
	border-bottom: none;
	border-top-color: #fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow:before {
	bottom: -1px;
	border-top-color: #aeaeae
}

.react-datepicker-wrapper {
	display: inline-block;
	padding: 0;
	border: 0;
	width: 100%
}

.react-datepicker {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: .8rem;
	background-color: #fff;
	color: #424448;
	border: 1px solid #aeaeae;
	border-radius: .3rem;
	display: inline-block;
	position: relative
}

.react-datepicker--time-only .react-datepicker__triangle {
	left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
	border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
	border-radius: .3rem
}

.react-datepicker__triangle {
	position: absolute;
	left: 50px
}

.react-datepicker-popper {
	z-index: 4;
	width: 100%;
	max-width: 290px;
	min-width: 14.375rem
}

@media (min-width:512px) {
	.react-datepicker-popper {
		max-width: 290px
	}
}

.react-datepicker-popper>div {
	line-height: 0
}

.react-datepicker-popper[data-placement^=bottom] {
	margin-top: 0
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,
.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
	left: auto;
	right: 50px
}

.react-datepicker-popper[data-placement^=top] {
	margin-bottom: 5px
}

.react-datepicker-popper[data-placement^=right] {
	margin-left: 3px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
	left: auto;
	right: 42px
}

.react-datepicker-popper[data-placement^=left] {
	margin-right: 3px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
	left: 42px;
	right: auto
}

.react-datepicker__header {
	text-align: center;
	position: relative
}

.react-datepicker__header--time {
	padding-bottom: 8px;
	padding-left: 5px;
	padding-right: 5px
}

.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
	display: inline-block;
	margin: 0 2px
}

.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
	margin-top: 0;
	color: #000;
	font-weight: 700;
	font-size: .944rem
}

.react-datepicker-time__header {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.react-datepicker__navigation {
	background: none;
	line-height: 1.7rem;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 10px;
	width: 0;
	padding: 0;
	z-index: 1
}

.react-datepicker__navigation.previous {
	left: 10px
}

.react-datepicker__navigation.previous--disabled,
.react-datepicker__navigation.previous--disabled:hover {
	border-right-color: #e6e6e6;
	cursor: default
}

.react-datepicker__navigation.next {
	right: 10px
}

.react-datepicker__navigation.next--with-time {
	right: 80px
}

.react-datepicker__navigation.next--disabled,
.react-datepicker__navigation.next--disabled:hover {
	border-left-color: #e6e6e6;
	cursor: default
}

.react-datepicker__navigation--years {
	position: relative;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.react-datepicker__navigation--years-previous {
	top: 4px;
	border-top-color: #ccc
}

.react-datepicker__navigation--years-previous:hover {
	border-top-color: #b3b3b3
}

.react-datepicker__navigation--years-upcoming {
	top: -4px;
	border-bottom-color: #ccc
}

.react-datepicker__navigation--years-upcoming:hover {
	border-bottom-color: #b3b3b3
}

.react-datepicker__month-container {
	float: left
}

.react-datepicker__month {
	margin: .3125rem;
	text-align: center
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
	display: inline-block;
	width: 4rem;
	margin: 2px
}

.react-datepicker__input-time-container {
	clear: both;
	width: 100%;
	float: left;
	margin: 5px 0 10px 15px;
	text-align: left
}

.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container .react-datepicker-time__input-container {
	display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
	display: inline-block;
	margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
	width: 85px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
	-moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
	margin-left: 5px;
	display: inline-block
}

.react-datepicker__time-container {
	float: right;
	border-left: 1px solid #aeaeae;
	width: 85px
}

.react-datepicker__time-container--with-today-button {
	display: inline;
	border: 1px solid #aeaeae;
	border-radius: .3rem;
	position: absolute;
	right: -72px;
	top: 0
}

.react-datepicker__time-container .react-datepicker__time {
	position: relative;
	background: #fff
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
	width: 85px;
	overflow-x: hidden;
	margin: 0 auto;
	text-align: center
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
	list-style: none;
	margin: 0;
	height: calc(195px + .85rem);
	overflow-y: scroll;
	padding-right: 0;
	padding-left: 0;
	width: 100%;
	box-sizing: content-box
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
	height: 30px;
	padding: 5px 10px;
	white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
	cursor: pointer;
	background-color: #f0f0f0
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
	background-color: #216ba5;
	color: #fff;
	font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
	background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
	color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
	cursor: default;
	background-color: transparent
}

.react-datepicker__week-number {
	color: #ccc;
	display: inline-block;
	width: 1.7rem;
	line-height: 1.7rem;
	text-align: center;
	margin: .166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
	cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
	border-radius: .3rem;
	background-color: #f0f0f0
}

.react-datepicker__day-names,
.react-datepicker__week {
	white-space: nowrap
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
	color: #424448;
	display: inline-block;
	width: 1.7rem;
	line-height: 1.7rem;
	text-align: center;
	margin: .166rem
}

.react-datepicker__month--in-range,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--selected,
.react-datepicker__quarter--in-range,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--selected {
	border-radius: .3rem;
	background-color: #216ba5;
	color: #fff
}

.react-datepicker__month--in-range:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--selected:hover,
.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--selected:hover {
	background-color: #1d5d90
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
	color: #ccc;
	pointer-events: none
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
	cursor: default;
	background-color: transparent
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text {
	cursor: pointer
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today {
	font-weight: 700
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted {
	border-radius: .3rem;
	background-color: #3dcc4a;
	color: #fff
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover {
	background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1 {
	color: #f0f
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2 {
	color: green
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected {
	border-radius: .3rem;
	background-color: #216ba5;
	color: #fff
}

.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--selected:hover {
	background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected {
	border-radius: .3rem;
	background-color: #2a87d0;
	color: #fff
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover {
	background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range {
	background-color: rgba(33, 107, 165, .5)
}

._2taP_react-datepicker__month--selecting-range .react-datepicker__day--in-range,
._2taP_react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,
._2taP_react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range {
	background-color: #f0f0f0;
	color: #424448
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled {
	cursor: default;
	color: #ccc
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover {
	background-color: transparent
}

.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover {
	background-color: #216ba5
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
	background-color: #f0f0f0
}

.react-datepicker__input-container {
	position: relative;
	display: inline-block;
	width: 100%
}

.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
	border: 1px solid transparent;
	border-radius: .3rem
}

.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
	cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
	border-top-color: #b3b3b3
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
	border-top-color: #ccc;
	float: right;
	margin-left: 20px;
	top: 8px;
	position: relative;
	border-width: .45rem
}

.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
	background-color: #f0f0f0;
	position: absolute;
	width: 50%;
	left: 25%;
	top: 30px;
	z-index: 1;
	text-align: center;
	border-radius: .3rem;
	border: 1px solid #aeaeae
}

.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
	cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
	height: 150px;
	overflow-y: scroll
}

.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
	line-height: 20px;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-bottom-left-radius: .3rem;
	border-bottom-right-radius: .3rem
}

.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
	background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
	border-bottom-color: #b3b3b3
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
	border-top-color: #b3b3b3
}

.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
	position: absolute;
	left: 15px
}

.react-datepicker__close-icon {
	cursor: pointer;
	background-color: transparent;
	border: 0;
	outline: 0;
	padding: 0 6px 0 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	display: table-cell;
	vertical-align: middle
}

.react-datepicker__close-icon:after {
	cursor: pointer;
	background-color: #216ba5;
	color: #fff;
	border-radius: 50%;
	height: 16px;
	width: 16px;
	padding: 2px;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	content: "\00d7"
}

.react-datepicker__today-button {
	background: #f0f0f0;
	border-top: 1px solid #aeaeae;
	cursor: pointer;
	text-align: center;
	font-weight: 700;
	padding: 5px 0;
	clear: left
}

.react-datepicker__portal {
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, .8);
	left: 0;
	top: 0;
	justify-content: center;
	align-items: center;
	display: flex;
	z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
	width: 3rem;
	line-height: 3rem
}

@media (max-height:550px),
(max-width:400px) {
	.react-datepicker__portal .react-datepicker__day,
	.react-datepicker__portal .react-datepicker__day-name,
	.react-datepicker__portal .react-datepicker__time-name {
		width: 2rem;
		line-height: 2rem
	}
}

.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
	font-size: 1.44rem
}

.react-datepicker__portal .react-datepicker__navigation {
	border: .81rem solid transparent
}

.react-datepicker__portal .react-datepicker__navigation--previous {
	border-right-color: #ccc
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
	border-right-color: #b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
	border-right-color: #e6e6e6;
	cursor: default
}

.react-datepicker__portal .react-datepicker__navigation--next {
	border-left-color: #ccc
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
	border-left-color: #b3b3b3
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
	border-left-color: #e6e6e6;
	cursor: default
}

._2qbq_jd-calendar {
	border-radius: 10px;
	border: none
}

._2sTt_mobile-calendar .react-datepicker__tab-loop {
	display: none
}

._2qbq_jd-calendar {
	font-family: Gilroy, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, sans-serif!important;
	box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .2);
	background: #fff;
	overflow: hidden;
	width: 100%;
	max-width: 19.375rem
}

._2qbq_jd-calendar .react-datepicker__week {
	display: flex
}

._2qbq_jd-calendar ._1nPs_hover-effect:hover:after {
	background-color: rgba(122, 161, 189, .16)
}

._2qbq_jd-calendar ._1rEh_months-row,
._2qbq_jd-calendar ._2w8p_years-row {
	width: calc(33% - 2px);
	margin: 1px
}

._2qbq_jd-calendar .react-datepicker__day-names,
._2qbq_jd-calendar .react-datepicker__month {
	opacity: 1
}

._2qbq_jd-calendar .react-datepicker__month {
	transition: transform .3s linear, opacity .3s cubic-bezier(0, 0, 1, -.15)
}

._2qbq_jd-calendar._1fGT_months-display .react-datepicker__day-names,
._2qbq_jd-calendar._1fGT_months-display .react-datepicker__month,
._2qbq_jd-calendar._3mFk_years-display .react-datepicker__day-names,
._2qbq_jd-calendar._3mFk_years-display .react-datepicker__month {
	opacity: 0;
	z-index: -1;
	position: relative
}

._2qbq_jd-calendar._1fGT_months-display .react-datepicker__month,
._2qbq_jd-calendar._3mFk_years-display .react-datepicker__month {
	transform: translateY(50%)
}

._2qbq_jd-calendar._1fGT_months-display ._2Usw_datepicker-months {
	display: flex;
	opacity: 1;
	z-index: unset
}

._2qbq_jd-calendar._1fGT_months-display ._22Oq_month-body {
	opacity: 1;
	transform: translateY(0)
}

._2qbq_jd-calendar._3mFk_years-display .QFgm_datepicker-years {
	display: flex;
	opacity: 1;
	z-index: unset
}

._2qbq_jd-calendar._3mFk_years-display ._3_-V_year-body {
	opacity: 1;
	transform: translateY(0)
}

._2qbq_jd-calendar ._2Usw_datepicker-months,
._2qbq_jd-calendar .QFgm_datepicker-years {
	position: absolute;
	top: 0;
	width: 100%;
	height: auto;
	background: #fff;
	flex-direction: column;
	opacity: 0;
	z-index: -1
}

._2qbq_jd-calendar ._3_-V_year-body,
._2qbq_jd-calendar ._22Oq_month-body {
	opacity: 0;
	transform: translate3d(0, 50%, 0);
	transition: transform .3s linear, opacity .3s cubic-bezier(0, 0, 1, -.15)
}

._2qbq_jd-calendar ._3NjT_year-header,
._2qbq_jd-calendar .drk7_datepicker-days,
._2qbq_jd-calendar .pjvr_month-header {
	position: relative;
	height: 3.125rem;
	width: 100%;
	padding: 5px
}

._2qbq_jd-calendar ._3NjT_year-header ._1Aak_datepicker-switch {
	cursor: default
}

._2qbq_jd-calendar ._3_-V_year-body,
._2qbq_jd-calendar ._22Oq_month-body {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 5px
}

._2qbq_jd-calendar ._1rEh_months-row,
._2qbq_jd-calendar ._2w8p_years-row {
	border-radius: 4px;
	height: 42px;
	font-size: .875rem;
	line-height: 42px;
	position: relative;
	z-index: 1
}

._2qbq_jd-calendar ._1Aak_datepicker-switch {
	font-size: 1.14rem;
	font-weight: 500;
	color: #414e59;
	height: 3.125rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 6.25rem);
	margin: auto;
	height: 2.5rem
}

._2qbq_jd-calendar .T_pi_datepicker__navigation {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: absolute;
	top: 5px;
	z-index: 1
}

._2qbq_jd-calendar .T_pi_datepicker__navigation._1FEv_previous {
	left: 5px
}

._2qbq_jd-calendar .T_pi_datepicker__navigation._1Fih_next {
	right: 5px
}

._2qbq_jd-calendar .react-datepicker__month-container {
	width: 100%
}

._2qbq_jd-calendar .react-datepicker__day-names {
	height: 2rem;
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	background: #f6f7fa;
	font-size: .85rem;
	color: #4a4a4a;
	font-weight: 500
}

._2qbq_jd-calendar .react-datepicker__day {
	position: relative;
	width: calc(14.28571% - 2px);
	flex: 0 0 calc(14.28571% - 2px);
	padding-top: calc(14.28571% - 2px);
	height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1px;
	color: #4a4a4a;
	border-radius: .5rem;
	font-size: .875rem
}

._2qbq_jd-calendar .react-datepicker__day:after {
	content: "";
	border: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transform: scale(0);
	transition-property: transform, opacity;
	border-radius: 4px
}

._2qbq_jd-calendar .react-datepicker__day:hover:after {
	background-color: rgba(122, 161, 189, .16);
	border: none;
	opacity: 1;
	transform: scale(1)
}

._2qbq_jd-calendar .react-datepicker__day--outside-month {
	color: #9b9b9b
}

._2qbq_jd-calendar .react-datepicker__day--keyboard-selected,
._2qbq_jd-calendar .react-datepicker__day--selected {
	color: #fff;
	background: #0086ff;
	box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, .2);
	border-radius: 8px
}

._2qbq_jd-calendar .react-datepicker__day--keyboard-selected:after,
._2qbq_jd-calendar .react-datepicker__day--selected:after {
	content: none
}

._2qbq_jd-calendar .pyve_day-holder {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

._2ME6_date-input {
	position: relative;
	z-index: 2;
	cursor: pointer;
	background-color: transparent;
	-webkit-appearance: none
}

._2ME6_date-input::-webkit-calendar-picker-indicator,
._2ME6_date-input::-webkit-clear-button,
._2ME6_date-input::-webkit-datetime-edit,
._2ME6_date-input::-webkit-inner-spin-button {
	opacity: 0;
	-webkit-appearance: none
}

._3Aay_fake-date-input {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 3
}

._3Aay_fake-date-input::-webkit-clear-button {
	display: none
}

._3Aay_fake-date-input::-webkit-calendar-picker-indicator {
	background: transparent;
	bottom: 0;
	color: transparent;
	cursor: pointer;
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto
}

._2JXr_mobile-input {
	position: relative
}

._2JXr_mobile-input~._1PHz_calendar-icon-style {
	top: calc(5.85vw - .4375rem - 1px)
}

._2TSh_date-picker-holder {
	position: relative
}

._1cZ6_mask-label {
	position: absolute;
	left: 15px;
	top: calc(5.85vw - .4375rem);
	z-index: 0;
	font-size: .875rem;
	line-height: 1.572
}

._3N4H_hover-icon-holder {
	position: absolute;
	min-width: 26px;
	min-height: 26px;
	top: 7px;
	right: 5px;
	z-index: 1
}

@media screen and (max-width:512px) {
	._3N4H_hover-icon-holder {
		display: flex;
		align-items: center;
		justify-content: center
	}
}

._3N4H_hover-icon-holder._2tvM_holder-cross {
	z-index: 4;
	margin-right: 2px
}

._1PHz_calendar-icon-style {
	color: #718190
}

._2tEe_default-loader {
	display: inline-block;
	position: absolute;
	top: 3px;
	text-align: center;
	position: static;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	left: calc(50% - 8px);
	animation: PhkH_spin 2s linear infinite;
	vertical-align: middle
}

@keyframes PhkH_spin {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(1turn)
	}
}

.Gyk-_loader-svg-holder .fL0A_circle {
	border-radius: 50%;
	display: table;
	stroke: #0086ff;
	fill: none;
	stroke-width: 2.5px;
	stroke-dashoffset: unset;
	stroke-dasharray: 41px;
	animation: _3eBp_loader 1s linear infinite;
	transform: rotate(-90deg);
	transform-origin: 50%;
	position: relative;
	stroke-linecap: round
}

@keyframes _3eBp_loader {
	0% {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}
	25% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	50% {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg)
	}
	75% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	to {
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		transform: rotate(270deg)
	}
}

._3ja5_header-input {
	margin: .125rem .625rem .625rem;
	position: relative
}

._3ja5_header-input ._1KGc_searchbox {
	width: 100%;
	height: 40px;
	border-radius: 4px;
	border: 1px;
	padding: 0 2.8125rem 0 2.125rem;
	font-size: .875rem;
	color: #333;
	font-family: inherit
}

._3ja5_header-input ._1KGc_searchbox:focus {
	outline: none
}

._3ja5_header-input ._1KGc_searchbox:focus::placeholder {
	color: #d1d7dc
}

._3ja5_header-input ._1KGc_searchbox::placeholder {
	color: #718190
}

._3ja5_header-input ._1Wss_left-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 13px;
	left: 10px;
	font-size: .875rem;
	color: #7d7d7d
}

._3ja5_header-input ._3C9p_close-span {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 5px;
	min-width: 26px;
	min-height: 26px
}

._3ja5_header-input ._3C9p_close-span .W8l3_right-icon {
	font-size: .875rem;
	color: #414e59
}

._3ja5_header-input ._2fvv_search-loader {
	border: 2px solid #0086ff;
	border-top-color: transparent
}

._3ja5_header-input._18Bg_edit {
	display: flex;
	align-items: center;
	margin: 0;
	background: #fff
}

._3ja5_header-input._18Bg_edit ._1KGc_searchbox {
	border: none;
	border-radius: 0;
	padding-left: 0;
	height: 45px
}

._3ja5_header-input._18Bg_edit ._1agh_left-icon-holder {
	display: flex;
	font-size: .875rem;
	color: #7d7d7d;
	height: inherit;
	overflow: unset
}

._3ja5_header-input._18Bg_edit ._1agh_left-icon-holder ._1Wss_left-icon {
	color: #414e59;
	position: relative;
	top: -1px;
	left: 0;
	padding: 0 .625rem 0 .9375rem
}

._3ja5_header-input._18Bg_edit ._3C9p_close-span {
	right: 9px
}

@media screen and (max-width:478px) {
	._3ja5_header-input._18Bg_edit ._1KGc_searchbox {
		height: 14.06vw;
		max-height: 48px
	}
	._3ja5_header-input._18Bg_edit ._3C9p_close-span {
		min-width: 32px;
		min-height: 32px
	}
}

@media screen and (max-width:478px) {
	._3ja5_header-input._18Bg_edit.joPU_only-search ._1KGc_searchbox {
		height: 14.375vw;
		max-height: 55px;
		font-size: .875rem
	}
	._3ja5_header-input._18Bg_edit.joPU_only-search ._1agh_left-icon-holder {
		width: 13.5vw
	}
	._3ja5_header-input._18Bg_edit.joPU_only-search ._1Wss_left-icon {
		padding: 0 1rem;
		font-size: 1rem
	}
	._3ja5_header-input._18Bg_edit.joPU_only-search ._3W2x_cross-ripple {
		height: 100%;
		top: unset;
		margin-top: unset;
		width: 13.5vw;
		right: 0
	}
}

._2NUw_tabs-container {
	position: relative;
	display: flex;
	font-size: .875rem;
	height: 50px;
	align-items: center
}

._2NUw_tabs-container ._2JO9_tab-slider {
	display: inline-block;
	height: 4px;
	border-radius: 0;
	background-color: #fff;
	position: absolute;
	z-index: 5;
	bottom: 0;
	transition: all .2s linear;
	left: 0
}

._2NUw_tabs-container ._1JjL_tab-item {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	cursor: pointer
}

._2NUw_tabs-container ._1JjL_tab-item._3TQ0_active {
	font-weight: 600;
	opacity: 1;
	color: #fff
}

._2NUw_tabs-container ._1JjL_tab-item:after {
	border-radius: 0
}

._2NUw_tabs-container._3V_F_secondary ._2JO9_tab-slider {
	background-color: #0086ff;
	height: 3px
}

._2NUw_tabs-container._3V_F_secondary ._1JjL_tab-item {
	color: #414e59
}

._2NUw_tabs-container._3V_F_secondary ._1JjL_tab-item._3TQ0_active {
	font-weight: 500
}

@media screen and (max-width:512px) {
	._2NUw_tabs-container {
		height: 12.8125vw;
		max-height: 49px
	}
}

._1BNh_more-menu-holder {
	text-align: right;
	width: 40px;
	height: 40px;
	display: inline-block
}

._1BNh_more-menu-holder ._1Dy8_icon-holder {
	height: 100%;
	width: 100%;
	border-radius: 7px;
	overflow: hidden;
	transform: translateZ(0);
	display: inline-flex;
	align-items: center;
	justify-content: center
}

._1BNh_more-menu-holder ._3F0e_menu-options {
	position: absolute;
	background: #fff;
	padding: .625rem 0;
	z-index: 1100;
	top: 15px;
	width: 210px;
	border-radius: 10px;
	font-size: .875rem;
	animation: _2MVX_slideFromTop .2s linear;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2)
}

._1BNh_more-menu-holder ._3F0e_menu-options._1poV_rightTop {
	right: 15px;
	transform-origin: 98% 0
}

._1BNh_more-menu-holder ._3F0e_menu-options._1poV_rightTop._29zS_open-top {
	transform-origin: 98% 98%
}

._1BNh_more-menu-holder ._3F0e_menu-options.RDco_leftTop {
	left: 10px;
	transform-origin: 0 0
}

._1BNh_more-menu-holder ._3F0e_menu-options.RDco_leftTop._29zS_open-top {
	transform-origin: 0 98%
}

._1BNh_more-menu-holder ._3F0e_menu-options._29zS_open-top {
	top: unset;
	bottom: 15px
}

._1BNh_more-menu-holder ._3F0e_menu-options._11pv_close {
	animation: _2dNN_shrink .2s linear
}

._1BNh_more-menu-holder ._2Fvh_choices {
	cursor: pointer;
	display: flex;
	align-items: center;
	padding: 0 .9375rem;
	height: 2.5rem;
	transition: all .3s ease;
	z-index: 1100
}

._1BNh_more-menu-holder ._2Fvh_choices._1kGd_active,
._1BNh_more-menu-holder ._2Fvh_choices:focus,
._1BNh_more-menu-holder ._2Fvh_choices:hover {
	outline: none;
	background-color: #f5fafe
}

@media (max-width:460px) {
	._1BNh_more-menu-holder ._3F0e_menu-options {
		width: 60vw
	}
	._1BNh_more-menu-holder ._3F0e_menu-options ._2Fvh_choices {
		height: 12.5vw
	}
	._1BNh_more-menu-holder ._3F0e_menu-options ._2Fvh_choices:hover {
		background-color: inherit
	}
	._1BNh_more-menu-holder ._1t3r_moremenu-overlay {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		overflow: scroll;
		z-index: 1000
	}
}

@keyframes _2MVX_slideFromTop {
	0% {
		transform: scale(0)
	}
	to {
		transform: scale(1)
	}
}

@keyframes _2dNN_shrink {
	0% {
		transform: scale(1)
	}
	to {
		transform: scale(0)
	}
}

._1a-U_custom-checkbox {
	display: flex;
	cursor: pointer;
	height: 2.5rem;
	margin-bottom: 0
}

._1a-U_custom-checkbox._1R8P_has-label {
	padding-left: .9375rem;
	padding-right: .9375rem
}

._1a-U_custom-checkbox._3JDh_input-disabled {
	pointer-events: none
}

._1a-U_custom-checkbox._3Azn_label-before ._3uMY_label-holder {
	order: 1;
	margin-left: 10px;
	margin-right: 0
}

._1a-U_custom-checkbox._3Azn_label-before .UOVq_label-tag {
	justify-content: space-between
}

._1a-U_custom-checkbox._3UPU_indeterminate-checked-animation ._1McV_svg-holder {
	-webkit-animation: UKYQ_checkbox-indeterminate-checked .5s linear 0s;
	animation: UKYQ_checkbox-indeterminate-checked .5s linear 0s
}

._1a-U_custom-checkbox ._23hU_hover-over {
	position: absolute;
	min-width: 2.25rem;
	min-height: 2.25rem;
	left: -.625rem;
	top: -.625rem
}

._1a-U_custom-checkbox ._1McV_svg-holder {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%
}

._1a-U_custom-checkbox ._31aB_svg-path {
	stroke: #fff;
	stroke-linecap: round;
	stroke-width: 3px;
	stroke-dashoffset: 29.7833385;
	stroke-dasharray: 29.7833385
}

._1a-U_custom-checkbox .Htk7_checked-path {
	-webkit-transition: stroke-dashoffset .2s cubic-bezier(0, 0, 1, -.15) 0ms;
	-o-transition: stroke-dashoffset .2s 0ms cubic-bezier(0, 0, 1, -.15);
	transition: stroke-dashoffset .2s cubic-bezier(0, 0, 1, -.15) 0ms
}

._1a-U_custom-checkbox ._2lnB_partial-selection {
	opacity: 0;
	stroke-dashoffset: 0;
	-webkit-animation-duration: .18s;
	animation-duration: .18s;
	-webkit-animation-timing-function: cubic-bezier(.4, 0, .6, 1);
	animation-timing-function: cubic-bezier(.4, 0, .6, 1);
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

._1a-U_custom-checkbox ._26Xb_custom-check-box {
	width: 0;
	height: 0;
	opacity: 0;
	display: none;
	margin: 0
}

._1a-U_custom-checkbox ._26Xb_custom-check-box:checked+.UOVq_label-tag ._31aB_svg-path {
	stroke-dashoffset: 0
}

._1a-U_custom-checkbox ._26Xb_custom-check-box:checked+.UOVq_label-tag ._2lnB_partial-selection {
	opacity: 0
}

._1a-U_custom-checkbox ._26Xb_custom-check-box.Xu-5_indeterminate+.UOVq_label-tag ._2yWO_label-span,
._1a-U_custom-checkbox ._26Xb_custom-check-box:indeterminate+.UOVq_label-tag ._2yWO_label-span {
	color: #fff;
	font-size: 1rem;
	border: none
}

._1a-U_custom-checkbox ._26Xb_custom-check-box.Xu-5_indeterminate+.UOVq_label-tag ._2lnB_partial-selection,
._1a-U_custom-checkbox ._26Xb_custom-check-box:indeterminate+.UOVq_label-tag ._2lnB_partial-selection {
	opacity: 1;
	-webkit-animation: fRAk_expand-from-centre .18s cubic-bezier(.4, 0, .6, 1) forwards;
	animation: fRAk_expand-from-centre .18s cubic-bezier(.4, 0, .6, 1) forwards
}

._1a-U_custom-checkbox ._26Xb_custom-check-box.Xu-5_indeterminate+.UOVq_label-tag .Htk7_checked-path,
._1a-U_custom-checkbox ._26Xb_custom-check-box:indeterminate+.UOVq_label-tag .Htk7_checked-path {
	opacity: 0
}

._1a-U_custom-checkbox ._26Xb_custom-check-box[disabled]+label {
	opacity: .5
}

._1a-U_custom-checkbox .UOVq_label-tag {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
	font-size: .875rem;
	color: #333;
	z-index: 1;
	transition: color .25s cubic-bezier(.4, 0, .23, 1)
}

._1a-U_custom-checkbox .UOVq_label-tag ._2yWO_label-span {
	z-index: 1;
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 1rem;
	height: 1rem;
	flex: 0 0 1rem;
	cursor: pointer;
	background: #0086ff;
	border-radius: 3px;
	transition: border 80ms ease-out;
	border: 1px solid #d7dcdf
}

._1a-U_custom-checkbox .UOVq_label-tag ._2yWO_label-span:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: -1px;
	left: -1px;
	right: 0;
	bottom: 0;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	background: #fff;
	border: 1px solid #d7dcdf;
	border-radius: inherit;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 80ms;
	transition-duration: 80ms;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

._1a-U_custom-checkbox .UOVq_label-tag._17ir_circle-label ._2yWO_label-span {
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	flex: 0 0 1.25rem
}

._1a-U_custom-checkbox .UOVq_label-tag._17ir_circle-label ._23hU_hover-over {
	position: absolute;
	min-width: 2.25rem;
	min-height: 2.25rem;
	left: -.5rem;
	top: -.5rem
}

._1a-U_custom-checkbox .UOVq_label-tag._17ir_circle-label ._1McV_svg-holder {
	width: calc(100% - .25rem);
	top: .125rem;
	left: .125rem
}

._1a-U_custom-checkbox ._3uMY_label-holder {
	position: relative;
	margin-right: 10px
}

._1a-U_custom-checkbox._39Ud_primary ._26Xb_custom-check-box:checked+.UOVq_label-tag ._2yWO_label-span {
	border: 1px solid #0086ff;
	background: #0086ff
}

._1a-U_custom-checkbox._39Ud_primary ._26Xb_custom-check-box:checked+.UOVq_label-tag ._2yWO_label-span:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}

._1a-U_custom-checkbox._39Ud_primary ._26Xb_custom-check-box.Xu-5_indeterminate+.UOVq_label-tag ._2yWO_label-span,
._1a-U_custom-checkbox._39Ud_primary ._26Xb_custom-check-box:indeterminate+.UOVq_label-tag ._2yWO_label-span {
	background: #0086ff
}

._1a-U_custom-checkbox._39Ud_primary ._26Xb_custom-check-box.Xu-5_indeterminate+.UOVq_label-tag ._2yWO_label-span:before,
._1a-U_custom-checkbox._39Ud_primary ._26Xb_custom-check-box:indeterminate+.UOVq_label-tag ._2yWO_label-span:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}

._1a-U_custom-checkbox._3NuO_omni ._26Xb_custom-check-box:checked+.UOVq_label-tag ._2yWO_label-span {
	border: 1px solid #437dff;
	background: #437dff
}

._1a-U_custom-checkbox._3NuO_omni ._26Xb_custom-check-box:checked+.UOVq_label-tag ._2yWO_label-span:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}

._1a-U_custom-checkbox._3NuO_omni ._26Xb_custom-check-box.Xu-5_indeterminate+.UOVq_label-tag ._2yWO_label-span,
._1a-U_custom-checkbox._3NuO_omni ._26Xb_custom-check-box:indeterminate+.UOVq_label-tag ._2yWO_label-span {
	background: #437dff
}

._1a-U_custom-checkbox._3NuO_omni ._26Xb_custom-check-box.Xu-5_indeterminate+.UOVq_label-tag ._2yWO_label-span:before,
._1a-U_custom-checkbox._3NuO_omni ._26Xb_custom-check-box:indeterminate+.UOVq_label-tag ._2yWO_label-span:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}

._1a-U_custom-checkbox._2UWJ_website ._26Xb_custom-check-box:checked+.UOVq_label-tag ._2yWO_label-span {
	border: 1px solid #824cff;
	background: #824cff
}

._1a-U_custom-checkbox._2UWJ_website ._26Xb_custom-check-box:checked+.UOVq_label-tag ._2yWO_label-span:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}

._1a-U_custom-checkbox._2UWJ_website ._26Xb_custom-check-box.Xu-5_indeterminate+.UOVq_label-tag ._2yWO_label-span,
._1a-U_custom-checkbox._2UWJ_website ._26Xb_custom-check-box:indeterminate+.UOVq_label-tag ._2yWO_label-span {
	background: #824cff
}

._1a-U_custom-checkbox._2UWJ_website ._26Xb_custom-check-box.Xu-5_indeterminate+.UOVq_label-tag ._2yWO_label-span:before,
._1a-U_custom-checkbox._2UWJ_website ._26Xb_custom-check-box:indeterminate+.UOVq_label-tag ._2yWO_label-span:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}

._1a-U_custom-checkbox._25n-_retail ._26Xb_custom-check-box:checked+.UOVq_label-tag ._2yWO_label-span {
	border: 1px solid #0086ff;
	background: #0086ff
}

._1a-U_custom-checkbox._25n-_retail ._26Xb_custom-check-box:checked+.UOVq_label-tag ._2yWO_label-span:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}

._1a-U_custom-checkbox._25n-_retail ._26Xb_custom-check-box.Xu-5_indeterminate+.UOVq_label-tag ._2yWO_label-span,
._1a-U_custom-checkbox._25n-_retail ._26Xb_custom-check-box:indeterminate+.UOVq_label-tag ._2yWO_label-span {
	background: #0086ff
}

._1a-U_custom-checkbox._25n-_retail ._26Xb_custom-check-box.Xu-5_indeterminate+.UOVq_label-tag ._2yWO_label-span:before,
._1a-U_custom-checkbox._25n-_retail ._26Xb_custom-check-box:indeterminate+.UOVq_label-tag ._2yWO_label-span:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}

._1a-U_custom-checkbox._2_K__justdial ._26Xb_custom-check-box:checked+.UOVq_label-tag ._2yWO_label-span {
	border: 1px solid #1274c0;
	background: #1274c0
}

._1a-U_custom-checkbox._2_K__justdial ._26Xb_custom-check-box:checked+.UOVq_label-tag ._2yWO_label-span:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}

._1a-U_custom-checkbox._2_K__justdial ._26Xb_custom-check-box.Xu-5_indeterminate+.UOVq_label-tag ._2yWO_label-span,
._1a-U_custom-checkbox._2_K__justdial ._26Xb_custom-check-box:indeterminate+.UOVq_label-tag ._2yWO_label-span {
	background: #1274c0
}

._1a-U_custom-checkbox._2_K__justdial ._26Xb_custom-check-box.Xu-5_indeterminate+.UOVq_label-tag ._2yWO_label-span:before,
._1a-U_custom-checkbox._2_K__justdial ._26Xb_custom-check-box:indeterminate+.UOVq_label-tag ._2yWO_label-span:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}

@media (max-width:992px) {
	._1a-U_custom-checkbox {
		height: 12.5vw;
		max-height: 2.8125rem
	}
}

@-webkit-keyframes UKYQ_checkbox-indeterminate-checked {
	0% {
		-webkit-animation-timing-function: cubic-bezier(.14, 0, 0, 1);
		animation-timing-function: cubic-bezier(.14, 0, 0, 1);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
		opacity: 1
	}
}

@keyframes UKYQ_checkbox-indeterminate-checked {
	0% {
		-webkit-animation-timing-function: cubic-bezier(.14, 0, 0, 1);
		animation-timing-function: cubic-bezier(.14, 0, 0, 1);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		opacity: 0
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn);
		opacity: 1
	}
}

@-webkit-keyframes fRAk_expand-from-centre {
	0% {
		stroke-dasharray: 0 10;
		stroke-dashoffset: -5
	}
	to {
		stroke-dasharray: 10 10;
		stroke-dashoffset: 0
	}
}

@keyframes fRAk_expand-from-centre {
	0% {
		stroke-dasharray: 0 10;
		stroke-dashoffset: -5
	}
	to {
		stroke-dasharray: 10 10;
		stroke-dashoffset: 0
	}
}

.A5ol_btn-group {
	position: relative;
	display: inline-flex;
	vertical-align: middle
}

.A5ol_btn-group>._1AG8_jd-btn:not(:last-child):not(._3mmt_dropdown-toggle),
.A5ol_btn-group>.A5ol_btn-group:not(:last-child)>._1AG8_jd-btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.A5ol_btn-group>._1AG8_jd-btn {
	position: relative;
	flex: 1 1 auto
}

.A5ol_btn-group>._1AG8_jd-btn:not(:first-child),
.A5ol_btn-group>.A5ol_btn-group:not(:first-child) {
	margin-left: -1px
}

.A5ol_btn-group>._1AG8_jd-btn:not(:first-child),
.A5ol_btn-group>.A5ol_btn-group:not(:first-child)>._1AG8_jd-btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

._1AG8_jd-btn {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	vertical-align: middle;
	user-select: none;
	border: none;
	outline: none;
	padding: 0 1.75rem;
	height: 2.125rem;
	font-size: .875rem;
	line-height: inherit;
	cursor: pointer;
	border-radius: 3.5rem;
	transition: color .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
	transform: translateZ(0)
}

._1AG8_jd-btn._3iWa_default-colors {
	color: #212529;
	background-color: transparent
}

._1AG8_jd-btn._1LZl_primary {
	color: #fff;
	background-color: #0086ff
}

._1AG8_jd-btn._1LZl_primary._3XT6_disabled {
	border: none;
	pointer-events: none;
	color: #9e9e9e;
	background-color: #edf1f7
}

._1AG8_jd-btn.COiT_tertiary {
	border: 1px solid
}

._1AG8_jd-btn._2Z8A_default {
	background: #fff;
	border: 1px solid #0086ff;
	color: #0086ff
}

._1AG8_jd-btn._2Z8A_default ._3s3f_btn-loader {
	border: 2px solid #0086ff;
	border-top-color: transparent
}

._1AG8_jd-btn._2Z8A_default._3XT6_disabled {
	pointer-events: none;
	border: 1px solid #d8d8d8;
	color: #d8d8d8;
	background-color: #fff
}

._1AG8_jd-btn._3MuO_retail._1LZl_primary {
	color: #fff;
	background-color: #0086ff
}

._1AG8_jd-btn._3MuO_retail._2Z8A_default {
	color: #0086ff;
	background-color: #fff;
	border: 1px solid #0086ff
}

._1AG8_jd-btn._3MuO_retail._2Z8A_default ._3s3f_btn-loader {
	border: 2px solid #0086ff;
	border-top-color: transparent
}

._1AG8_jd-btn._3MuO_retail.fYcS_raised {
	box-shadow: 0 11px 45px -11px rgba(0, 134, 255, .6)
}

._1AG8_jd-btn._38Zc_website._1LZl_primary {
	color: #fff;
	background-color: #824cff
}

._1AG8_jd-btn._38Zc_website._2Z8A_default {
	color: #824cff;
	background-color: #fff;
	border: 1px solid #824cff
}

._1AG8_jd-btn._38Zc_website._2Z8A_default ._3s3f_btn-loader {
	border: 2px solid #824cff;
	border-top-color: transparent
}

._1AG8_jd-btn._38Zc_website.fYcS_raised {
	box-shadow: 0 11px 45px -11px rgba(130, 76, 255, .6)
}

._1AG8_jd-btn._2rXT_omni._1LZl_primary {
	color: #fff;
	background-color: #437dff
}

._1AG8_jd-btn._2rXT_omni._2Z8A_default {
	color: #437dff;
	background-color: #fff;
	border: 1px solid #437dff
}

._1AG8_jd-btn._2rXT_omni._2Z8A_default ._3s3f_btn-loader {
	border: 2px solid #437dff;
	border-top-color: transparent
}

._1AG8_jd-btn._2rXT_omni.fYcS_raised {
	box-shadow: 0 11px 45px -11px rgba(67, 125, 255, .6)
}

._1AG8_jd-btn._3XT6_disabled {
	pointer-events: none;
	border: 1px solid #d8d8d8;
	color: #d8d8d8;
	background-color: #fff
}

._1AG8_jd-btn._1A4j_danger {
	color: #fff;
	background-color: #c64c5c
}

._1AG8_jd-btn._1yDH_danger-default {
	color: #c64c5c;
	background-color: #fff;
	border: 1px solid #c64c5c
}

._1AG8_jd-btn._1yDH_danger-default ._3s3f_btn-loader {
	border: 2px solid #c64c5c;
	border-top-color: transparent
}

._1AG8_jd-btn._1yDH_danger-default._3XT6_disabled {
	pointer-events: none;
	border: 1px solid #d8d8d8;
	color: #d8d8d8;
	background-color: #fff
}

._1AG8_jd-btn._2Oyn_success {
	color: #fff;
	background-color: #00b05a
}

._1AG8_jd-btn._1RXF_action-add {
	color: #fff;
	background-color: #ffa800
}

._1AG8_jd-btn._3D9a_secondary {
	color: #333;
	background-color: #ededed
}

._1AG8_jd-btn._3D9a_secondary ._3s3f_btn-loader {
	border: 2px solid #333;
	border-top-color: transparent
}

._1AG8_jd-btn.bnua_secondary-dark {
	color: #fff;
	background-color: #434448;
	border-color: #7d7d7d
}

._1AG8_jd-btn._3BR__text {
	color: #0086ff;
	background-color: transparent;
	border: none;
	border-radius: 4px;
	padding: 0 .75rem
}

._1AG8_jd-btn._3BR__text._3XT6_disabled {
	color: #9e9e9e
}

._1AG8_jd-btn.fYcS_raised {
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3)
}

._1AG8_jd-btn._1Eby_jd-btn-block {
	width: 100%
}

._1AG8_jd-btn._2YOS_sm {
	font-size: .75rem;
	height: 1.625rem
}

._1AG8_jd-btn._3aBL_lg {
	height: 2.5rem
}

._1AG8_jd-btn.w1A2_xs {
	font-size: .75rem;
	height: 1.25rem
}

._1AG8_jd-btn._2AjK_xl {
	height: 3.125rem
}

._1AG8_jd-btn._2AjK_xl,
._1AG8_jd-btn.FsGS_xxl {
	font-size: 1rem;
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	font-weight: 600
}

._1AG8_jd-btn.FsGS_xxl {
	height: 3.75rem
}

._1AG8_jd-btn ._1U5q_margin-R8 {
	margin-right: .5rem
}

@media (hover:hover) and (pointer:fine) {
	._1AG8_jd-btn._1LZl_primary:hover {
		background-color: #0174dc
	}
	._1AG8_jd-btn._2Z8A_default:hover {
		color: #fff;
		background-color: #0086ff
	}
	._1AG8_jd-btn._2Z8A_default:hover ._3s3f_btn-loader {
		border: 2px solid #fff;
		border-top-color: transparent
	}
	._1AG8_jd-btn._3MuO_retail._1LZl_primary:hover {
		background-color: #0174dc
	}
	._1AG8_jd-btn._3MuO_retail._2Z8A_default:hover {
		color: #fff;
		background-color: #0086ff
	}
	._1AG8_jd-btn._38Zc_website._1LZl_primary:hover {
		background-color: #7640f2
	}
	._1AG8_jd-btn._38Zc_website._2Z8A_default:hover {
		color: #fff;
		background-color: #824cff
	}
	._1AG8_jd-btn._2rXT_omni._1LZl_primary:hover {
		background-color: #2d6efe
	}
	._1AG8_jd-btn._2rXT_omni._2Z8A_default:hover {
		color: #fff;
		background-color: #437dff
	}
	._1AG8_jd-btn._1A4j_danger:hover {
		background-color: #b43e4d
	}
	._1AG8_jd-btn._1yDH_danger-default:hover {
		color: #fff;
		background-color: #c64c5c
	}
	._1AG8_jd-btn._1yDH_danger-default:hover ._3s3f_btn-loader {
		border: 2px solid #fff;
		border-top-color: transparent
	}
	._1AG8_jd-btn._2Oyn_success:hover {
		background-color: #009d50
	}
	._1AG8_jd-btn._1RXF_action-add:hover {
		background-color: #ff8e00
	}
	._1AG8_jd-btn._3D9a_secondary:hover {
		background-color: #d8d8d8
	}
	._1AG8_jd-btn.bnua_secondary-dark:hover {
		background-color: #333;
		color: #fff
	}
	._1AG8_jd-btn._3BR__text:hover:after {
		background-color: rgba(122, 161, 189, .16)
	}
}

._2i8J_jd-popover {
	display: block;
	position: absolute;
	max-width: unset;
	transform: scale(0);
	will-change: left, top, right, bottom, transform;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
	border: none;
	left: 0;
	text-align: left;
	white-space: normal;
	background-color: #fff;
	color: #414e59;
	border-radius: 10px;
	z-index: 100;
	max-width: 290px;
	transition: transform .3s ease-out
}

._2i8J_jd-popover._164h_top {
	margin-bottom: 5px
}

._2i8J_jd-popover._127b_bottom {
	margin-top: 5px
}

._2i8J_jd-popover._3PzJ_popover-hover._164h_top {
	margin-bottom: 0
}

._2i8J_jd-popover._3PzJ_popover-hover._127b_bottom {
	margin-top: 0
}

._2i8J_jd-popover._2Hx-_error {
	background: #fce6e5;
	color: #c64c5c
}

._2i8J_jd-popover._2Hx-_error._127b_bottom>._3JFO_arrow,
._2i8J_jd-popover._2Hx-_error._164h_top>._3JFO_arrow {
	background-color: #fce6e5;
	border-bottom-color: transparent
}

._2i8J_jd-popover._2Hx-_error._127b_bottom>._3JFO_arrow:after,
._2i8J_jd-popover._2Hx-_error._164h_top>._3JFO_arrow:after {
	border-bottom-color: #fce6e5
}

._2i8J_jd-popover._2Hx-_error ._32kL_jd-popover-content {
	font-size: .75rem
}

._2i8J_jd-popover._2_WN_warning {
	background: #ffffe7;
	color: #ff8e00
}

._2i8J_jd-popover._2_WN_warning._127b_bottom>._3JFO_arrow,
._2i8J_jd-popover._2_WN_warning._164h_top>._3JFO_arrow {
	background-color: #ffffe7;
	border-bottom-color: transparent
}

._2i8J_jd-popover._2_WN_warning._127b_bottom>._3JFO_arrow:after,
._2i8J_jd-popover._2_WN_warning._164h_top>._3JFO_arrow:after {
	border-bottom-color: #ffffe7
}

._2i8J_jd-popover._2_WN_warning ._32kL_jd-popover-content {
	font-size: .75rem
}

._2i8J_jd-popover._1RnF_in {
	transform: scale(1)
}

._2i8J_jd-popover ._32kL_jd-popover-content {
	padding: 10px;
	font-size: .75rem
}

._2i8J_jd-popover._127b_bottom>._3JFO_arrow {
	border-bottom-color: rgba(0, 0, 0, .08);
	margin-left: -6px;
	border-top-width: 0;
	top: -6px;
	box-shadow: 2px 1px 2px rgba(221, 218, 218, .2)
}

._2i8J_jd-popover._1oly_right>._3JFO_arrow {
	border-bottom-color: rgba(0, 0, 0, .08);
	margin-top: -5px;
	border-top-width: 1px;
	left: -6px;
	box-shadow: 2px 1px 2px rgba(221, 218, 218, .2)
}

._2i8J_jd-popover>._3JFO_arrow,
._2i8J_jd-popover>._3JFO_arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

._2i8J_jd-popover>._3JFO_arrow {
	transform: rotate(225deg);
	width: 12px;
	height: 12px;
	border-width: 0;
	background: #fff
}

._2i8J_jd-popover>._3JFO_arrow:after {
	content: "";
	border-width: 10px
}

._2i8J_jd-popover._127b_bottom>._3JFO_arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #fff
}

._2i8J_jd-popover._1oly_right>._3JFO_arrow:after {
	left: 3px;
	margin-top: -18px;
	content: " ";
	border-left-width: 0;
	border-bottom-color: #fff
}

._2i8J_jd-popover._5MW__no-transition {
	transition: none!important
}

._2i8J_jd-popover._164h_top>._3JFO_arrow {
	top: auto!important;
	transform: rotate(45deg);
	bottom: -6px;
	margin-left: -6px;
	border-top-color: rgba(0, 0, 0, .08);
	border-bottom-width: 0
}

._2i8J_jd-popover._164h_top>._3JFO_arrow:after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-bottom-width: 0
}

._2i8J_jd-popover ._3ppW_jd-popover-title {
	padding: .75rem .9375rem;
	font-size: .875rem;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #ededed
}

._2i8J_jd-popover ._3ppW_jd-popover-title ._1Z4X_title-btn {
	padding: 0 1rem
}

._2i8J_jd-popover ._3ppW_jd-popover-title~._32kL_jd-popover-content {
	font-size: .875rem
}

._2i8J_jd-popover ._9Dkp_dummy-div {
	width: 20px;
	height: 20px;
	position: relative;
	cursor: pointer;
	top: -6px;
	left: -7px
}

.OvZv_slider-header {
	position: sticky;
	display: flex;
	flex-direction: column;
	top: 0;
	left: 0;
	color: #fff;
	z-index: 1200;
	transition: box-shadow .3s ease-in-out
}

.OvZv_slider-header._18d1_raised {
	box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.OvZv_slider-header._1D94_border-bottom {
	border-bottom: 1px solid #f1f2f3
}

.OvZv_slider-header._3wlK_primary {
	background-image: linear-gradient(135deg, #1661c1, #1294d4 51%, #11a4da)
}

.OvZv_slider-header._2CjK_secondary {
	color: #414e59;
	background: #fff
}

.OvZv_slider-header._2CjK_secondary ._2TfP_heading-icon-holder ._31Un_icon-holder {
	min-width: 40px
}

.OvZv_slider-header._2CjK_secondary ._2TfP_heading-icon-holder ._31Un_icon-holder i {
	z-index: 1
}

.OvZv_slider-header._2CjK_secondary ._2TfP_heading-icon-holder ._31Un_icon-holder.W7go_custom-hover:hover:after {
	border-radius: 6px;
	background-color: #edf1f7
}

.OvZv_slider-header._2CjK_secondary._3TvI_split-sections {
	background: transparent;
	position: absolute;
	width: 100%;
	border-bottom: none;
	top: 1.5625rem
}

.OvZv_slider-header._2CjK_secondary._3TvI_split-sections ._2yaj_header-text-holder {
	background: #fff;
	padding: .375rem 1.25rem;
	border-radius: 2rem;
	width: auto;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .17)
}

.OvZv_slider-header._2CjK_secondary._3TvI_split-sections ._31Un_icon-holder {
	width: 2.1875rem;
	height: 2.1875rem;
	min-width: 2.1875rem;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .17)
}

.OvZv_slider-header._2CjK_secondary._3TvI_split-sections ._31Un_icon-holder ._1bNV_icon-HDRback {
	margin-left: -3px
}

.OvZv_slider-header ._2TfP_heading-icon-holder {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .5rem .25rem;
	position: relative
}

.OvZv_slider-header ._2TfP_heading-icon-holder._32AH_heading-text-holder {
	padding-right: .75rem
}

.OvZv_slider-header ._2TfP_heading-icon-holder ._2yaj_header-text-holder {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	width: 100%
}

.OvZv_slider-header ._2TfP_heading-icon-holder .UYwB_header-title {
	font-weight: 400;
	width: 100%;
	text-align: center;
	flex: 2;
	line-height: 20px
}

.OvZv_slider-header ._2TfP_heading-icon-holder ._2LOx_header-subtitle {
	font-size: .625rem
}

.OvZv_slider-header ._2TfP_heading-icon-holder ._2LOx_header-subtitle~.UYwB_header-title {
	font-size: .875rem
}

.OvZv_slider-header ._2TfP_heading-icon-holder ._2YFb_icons-container {
	display: flex
}

.OvZv_slider-header ._2TfP_heading-icon-holder ._2YFb_icons-container ._1bNV_icon-HDRback {
	margin-left: -6px
}

.OvZv_slider-header ._2TfP_heading-icon-holder ._3p92_right-icon-holder {
	justify-content: flex-end
}

.OvZv_slider-header ._2TfP_heading-icon-holder ._31Un_icon-holder {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	min-width: 38px;
	border: none
}

.OvZv_slider-header ._2TfP_heading-icon-holder ._31Un_icon-holder i {
	display: flex;
	justify-content: center;
	cursor: pointer;
	font-size: .875rem
}

.OvZv_slider-header ._2TfP_heading-icon-holder ._2PGG_heading-right-text {
	padding: 8px 3px 8px 4px;
	border-radius: 4px;
	display: flex;
	height: 46px;
	align-items: center
}

.OvZv_slider-header ._2TfP_heading-icon-holder ._2PGG_heading-right-text .KyO__heading-small-text {
	font-size: .875rem;
	line-height: 10px;
	width: max-content
}

.OvZv_slider-header ._2TfP_heading-icon-holder .Rc1e_header-more-menu-container ._2t_a_icon-HDRmore {
	margin-left: 3px
}

.OvZv_slider-header ._2TfP_heading-icon-holder .Rc1e_header-more-menu-container .elQc_header-more-menu {
	color: #333
}

.OvZv_slider-header ._1Oqj_helper-holder {
	background: #fff;
	border-bottom: 1px solid #ededed;
	display: flex;
	justify-content: space-around;
	font-size: .75rem;
	text-transform: uppercase;
	font-weight: 500;
	height: 40px;
	align-items: center
}

.OvZv_slider-header ._1Oqj_helper-holder ._2sTn_helper-button {
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center
}

.OvZv_slider-header ._1Oqj_helper-holder ._2sTn_helper-button ._36-9_helper-icon {
	display: flex;
	margin-right: .5rem;
	color: #7d7d7d
}

.OvZv_slider-header ._1Oqj_helper-holder ._8o-j_helper-checkbox ._3KYu_helper-checkbox-label {
	font-size: .75rem
}

.OvZv_slider-header ._1Oqj_helper-holder ._37Pb_helper-seperator {
	border-right: 1px solid #ededed;
	height: 23px
}

.OvZv_slider-header ._1Oqj_helper-holder ._2sTn_helper-button,
.OvZv_slider-header ._1Oqj_helper-holder ._8o-j_helper-checkbox {
	transition: .3s;
	padding: 0 .9375rem;
	height: 100%;
	width: 100%;
	cursor: pointer
}

@media screen and (max-width:478px) {
	.OvZv_slider-header ._2TfP_heading-icon-holder {
		height: 14.375vw;
		max-height: 55px;
		padding: 0 5px
	}
	.OvZv_slider-header ._2TfP_heading-icon-holder ._31Un_icon-holder {
		height: 46px;
		min-width: 10.625vw;
		width: 10.625vw
	}
	.OvZv_slider-header ._2TfP_heading-icon-holder ._31Un_icon-holder i {
		font-size: 1rem
	}
	.OvZv_slider-header ._2TfP_heading-icon-holder .QCGr_left-icon-holder ._31Un_icon-holder {
		margin-right: 2px
	}
	.OvZv_slider-header ._2TfP_heading-icon-holder ._3p92_right-icon-holder ._31Un_icon-holder {
		margin-left: 2px
	}
}

@media (hover:hover) and (pointer:fine) {
	.OvZv_slider-header ._1Oqj_helper-holder ._2sTn_helper-button:hover,
	.OvZv_slider-header ._1Oqj_helper-holder ._8o-j_helper-checkbox:hover {
		background: #f5fafe
	}
}

._3pyo_animate-slider {
	position: fixed;
	background: #fff;
	z-index: 10000;
	top: 0;
	transition: transform .2s ease;
	-webkit-transition: transform .2s ease;
	-webkit-overflow-scrolling: touch
}

._3pyo_animate-slider.lsz6_left {
	left: 0;
	transform: translate3d(-100%, 0, 0)
}

._3pyo_animate-slider._12Jk_right {
	right: 0;
	transform: translate3d(100%, 0, 0)
}

._3pyo_animate-slider._1ySH_top {
	top: 0;
	transform: translate3d(0, -100%, 0)
}

._3pyo_animate-slider.AC5W_bottom {
	bottom: 0;
	transform: translate3d(0, 100%, 0)
}

._3pyo_animate-slider._14ZR_disable-animation {
	transition: none;
	-webkit-transition: none
}

._1pgS_animate-slider-overlay {
	position: fixed;
	background: #000;
	left: 0;
	opacity: .8;
	width: 100%;
	top: 0;
	height: 100%;
	z-index: 9990;
	overflow: hidden
}

._19Rw_full-width-btn {
	border-radius: 0;
	height: 46px;
	padding: 5px 15px;
	width: 320px
}

._1y1J_section {
	width: 60%;
	font-size: 1rem;
	display: inline-flex;
	align-items: center
}

._1y1J_section ._1UsD_holder-icon {
	margin-left: 10px;
	font-weight: 600;
	font-size: 11px
}

._1y1J_section._3yjZ_right {
	justify-content: flex-end
}

._1y1J_section._3gHy_left {
	width: 40%;
	justify-content: flex-start;
	text-align: left;
	flex-wrap: wrap
}

._1y1J_section._3gHy_left ._1HZa_text {
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	width: 100%
}

._1y1J_section._3gHy_left ._1sLo_sub-text {
	font-size: 10px;
	line-height: 15px;
	flex: 1;
	width: 100%
}

._1y1J_section._14RV_subtext-text ._1HZa_text {
	order: 1
}

@media (max-width:992px) {
	._19Rw_full-width-btn {
		width: 100%;
		height: 14.375vw;
		max-height: 52px
	}
}

._3Isf_slider-footer-wrpr {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 0 15px 15px;
	z-index: 4
}

._3Isf_slider-footer-wrpr._27Sa_full-width-btn {
	padding: 0;
	z-index: 1
}

._3Isf_slider-footer-wrpr ._3G2T_btn1,
._3Isf_slider-footer-wrpr ._3i06_btn2 {
	margin-top: 10px
}

._3Isf_slider-footer-wrpr.EOfV_total-btns-3 ._3G2T_btn1,
._3Isf_slider-footer-wrpr.EOfV_total-btns-3 ._3i06_btn2 {
	width: calc(50% - 5px)
}

._3Isf_slider-footer-wrpr.EOfV_total-btns-3 ._3G2T_btn1 {
	margin-right: 5px
}

._3Isf_slider-footer-wrpr.EOfV_total-btns-3 ._3i06_btn2 {
	margin-left: 5px
}

._3Isf_slider-footer-wrpr:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	pointer-events: none;
	background: linear-gradient(0deg, #fff 0, #fff 50%, hsla(0, 0%, 100%, .75) 62.5%, hsla(0, 0%, 100%, .5) 75%, hsla(0, 0%, 100%, .25) 87.5%, hsla(0, 0%, 100%, 0));
	width: 100%;
	height: 100%
}

._3Isf_slider-footer-wrpr._3MR-_total-btns-1:after {
	background: linear-gradient(0deg, #fff 0, hsla(0, 0%, 100%, .75) 25%, hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, .25) 75%, hsla(0, 0%, 100%, 0))
}

._3Isf_slider-footer-wrpr._27RG_add-bottom-padding:not(._27Sa_full-width-btn) {
	padding-bottom: 45px
}

._1Z-i_slider-header {
	position: relative
}

@-webkit-keyframes _3mG1_fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes _3mG1_fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

._1VDW_fade-in-up {
	-webkit-animation-name: _3mG1_fadeInUp;
	animation-name: _3mG1_fadeInUp
}

@-webkit-keyframes _2KaZ_slideFromTop {
	0% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px)
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes _2KaZ_slideFromTop {
	0% {
		-webkit-transform: translateY(-100px);
		transform: translateY(-100px)
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.fgJe_slide-from-top {
	-webkit-animation-name: _2KaZ_slideFromTop;
	animation-name: _2KaZ_slideFromTop
}

.cropper-container {
	font-size: 0;
	line-height: 0;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	direction: ltr;
	width: 100%!important;
	height: inherit!important
}

.cropper-container img {
	display: block;
	min-width: 0!important;
	max-width: none!important;
	min-height: 0!important;
	max-height: none!important;
	width: 100%;
	height: 100%;
	image-orientation: 0deg
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.cropper-wrap-box {
	overflow: hidden
}

.cropper-drag-box {
	opacity: 0;
	background-color: #fff
}

.cropper-modal {
	opacity: .8;
	background-color: #000
}

.edit-block .cropper-modal {
	opacity: .5
}

.mobileEditBlock .img-cropper .cropper-modal {
	background-color: #000
}

.cropper-view-box {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	outline: 2px solid #0086ff;
	outline-color: #0086ff;
	outline-style: dashed
}

.cropper-center {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	opacity: .75
}

.cropper-center:after,
.cropper-center:before {
	position: absolute;
	display: block;
	content: " ";
	background-color: #eee
}

.cropper-center:before {
	top: 0;
	left: -3px;
	width: 7px;
	height: 1px
}

.cropper-center:after {
	top: -3px;
	left: 0;
	width: 1px;
	height: 7px
}

.cropper-face,
.cropper-line,
.cropper-point {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	opacity: .1
}

.cropper-face {
	top: 0;
	left: 0;
	background-color: #fff
}

.cropper-line {
	background-color: #0086ff;
	display: none
}

.cropper-line.line-e {
	top: 0;
	right: -3px;
	width: 5px;
	cursor: e-resize
}

.cropper-line.line-n {
	top: -3px;
	left: 0;
	height: 5px;
	cursor: n-resize
}

.cropper-line.line-w {
	top: 0;
	left: -3px;
	width: 5px;
	cursor: w-resize
}

.cropper-line.line-s {
	bottom: -3px;
	left: 0;
	height: 5px;
	cursor: s-resize
}

.cropper-point {
	width: 16px!important;
	height: 16px!important;
	opacity: .95!important;
	border-radius: 50%;
	background: #fff;
	border: 3px solid #0086ff;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15)
}

.cropper-point.point-e,
.cropper-point.point-n,
.cropper-point.point-s,
.cropper-point.point-w {
	display: none
}

.image-prog-container-with-overlay .image-progress-loader .progress-bar-container .percentage-container {
	height: 20px
}

.image-prog-container-with-overlay .image-progress-loader .progress-bar-container .percentage-container .display-table-cell {
	font-size: 13px
}

.image-prog-container-with-overlay .image-progress-loader .progress-bar-container .progress-div-holder .progress-bar-wrap {
	background-color: #c9c9c9;
	border-radius: 15px;
	border: none
}

.image-prog-container-with-overlay .image-progress-loader .progress-bar-container .progress-div-holder .progress-bar-wrap .progress-bar {
	border-radius: 15px
}

.cropper-point.point-ne {
	top: -7px;
	right: -7px;
	cursor: ne-resize
}

.cropper-point.point-nw {
	top: -7px;
	left: -7px;
	cursor: nw-resize
}

.cropper-point.point-sw {
	bottom: -7px;
	left: -7px;
	cursor: sw-resize
}

.cropper-point.point-se {
	right: -7px;
	bottom: -7px;
	width: 20px;
	height: 20px;
	cursor: se-resize;
	opacity: 1
}

.cropper-container .cropper-wrap-box .cropper-canvas {
	position: absolute;
	width: 500px;
	height: 500px
}

.cropper-container .cropper-drag-box .cropper-crop-box {
	position: absolute;
	width: 500px;
	height: 500px;
	left: 300px;
	top: 300px
}

.cropper-invisible {
	opacity: 0
}

.cropper-hide {
	position: absolute;
	display: block;
	width: 0;
	height: 0
}

.cropper-hidden {
	display: none!important
}

.cropper-move {
	cursor: move
}

.cropper-crop {
	cursor: crosshair
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
	cursor: not-allowed
}

.cropper-container .cropper-web-view {
	display: block;
	position: absolute;
	bottom: -90px;
	border-bottom: 1px dashed #fff;
	width: 100%;
	height: 0
}

.cropper-container .cropper-mob-view {
	display: block;
	position: absolute;
	bottom: -35px;
	border-bottom: 1px dashed #fff;
	width: 48%;
	height: 0;
	left: 27%
}

.cropper-loader-style {
	width: 40px;
	margin: 0;
	stroke: unset
}

.cropper-container .cropper-mob-container {
	display: block;
	position: absolute;
	bottom: 0;
	width: 46%;
	height: 100%;
	outline: 2px dashed #fff;
	left: 27%
}

.cropper-container .left-0 {
	left: 0
}

.cropper-container .right-0 {
	right: 0
}

.cropper-container .strike-container {
	width: 27%;
	position: absolute;
	bottom: 0;
	height: 100%;
	opacity: .6
}

.cropper-container .info-bar {
	bottom: -100px;
	width: 100%;
	height: auto;
	color: #333;
	border: 1px solid #fff;
	background: #fff;
	border-radius: 2px
}

.cropper-container .info-bar,
.cropper-container .title-bar {
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%)
}

.cropper-container .title-bar {
	top: -100px;
	width: 100vw;
	text-align: center;
	height: 50px;
	border-radius: 2px
}

.cropper-container .text-info {
	color: #333;
	font-size: 14px;
	width: inherit;
	margin-left: 10px
}

.cropper-container .title-text {
	color: #fff;
	font-size: 35px;
	font-weight: 300;
	width: inherit;
	display: inline-block;
	margin-left: 40px;
	height: inherit
}

.cropper-container .icon-position {
	display: inline-block;
	position: absolute;
	top: 13px;
	left: 10px;
	color: orange
}

.cropper-container .view-info-box {
	display: inline-block;
	width: 100%;
	position: absolute;
	bottom: -68px;
	margin: -7px 0;
	text-align: center
}

.cropper-container .view-info-box.web-view {
	margin: 0
}

.cropper-container .view-info-box-text {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	padding: 0 10px
}

.cropper-container .dotted-sec-mob {
	width: 100%;
	padding: 0 27%;
	margin: 20px 0;
	position: absolute;
	bottom: -70px
}

.cropper-container .dotted-sec-web {
	margin: 20px 0;
	position: absolute;
	bottom: -40px;
	width: 100%
}

.cropper-container .dotted-line {
	border-bottom: 1px dashed #fff;
	display: inline-block;
	width: calc(44% - 1px);
	margin-bottom: 3px
}

.cropper-container .dotted-line.width-adjust {
	width: calc(39% - 1px)
}

.dis-hide {
	display: none!important
}

.dis-block {
	display: block!important
}

.cropper-container .icon-leftNew,
.cropper-container .icon-rightNew {
	display: inline-block;
	font-size: 9px
}

.cropper-container .view-info-box .icon-mobileView {
	display: inline-block;
	margin: 3px 6px;
	font-size: 15px;
	padding-top: 3px;
	color: #fff
}

.cropper-container .view-info-box .icon-desktopView {
	display: inline-block;
	font-size: 15px;
	margin: 3px 8px;
	color: #fff;
	position: relative;
	top: 1px
}

.cropper-block .jd-fixed-footer.imageCropperFooterMobile {
	z-index: 1051
}

.wap .cropper-block .jd-mobile-header {
	z-index: 1053
}

.cropper-block .jd-fixed-footer:not(.imageCropperFooterMobile) {
	bottom: 50px
}

.voice-search-modals .cropper-block .jd-fixed-footer:not(.imageCropperFooterMobile) {
	bottom: 60px
}

.cropper-block .image-cropper {
	padding-top: 50px;
	padding-bottom: 30px
}

.wap .online-store .cropper-block .image-cropper {
	padding-bottom: 0
}

.dark-gray-pop.image-tool-pop .popover-content {
	flex-direction: row;
	white-space: nowrap
}

.popover.cropper-height-width .height-width-input .popover-content {
	padding: 10px 0
}

.height-width-input .input-div {
	display: flex;
	padding: 0 5px;
	align-items: center;
	flex-direction: row;
	color: #fff
}

.height-width-input .input-div span {
	width: auto;
	padding: 0 5px
}

.height-width-input.popover {
	margin-top: -97px;
	min-width: 205px;
	left: -1px
}

.height-width-input.popover .arrow {
	left: auto;
	right: 16px
}

.dark-gray-pop.image-tool-pop {
	padding-right: 0;
	border-right: 0;
	white-space: nowrap
}

.dark-gray-pop.image-tool-pop .popover-content .inline-table.SaveButton {
	min-width: 81px;
	display: inline-block
}

.dark-gray-pop.image-tool-pop .popover-content .inline-table.SaveButton .btn-with-text {
	border: none;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: #0086ff;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin: -15px 0;
	padding: 7px 5px
}

.img-crop-pop.dark-gray-pop.image-tool-pop.top>.arrow {
	left: 50%
}

.mob-repetitive-repeat .cropper-screen .image-cropper {
	position: fixed;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1051
}

.mob-repetitive-repeat .cropper-screen .image-cropper,
.wap .online-store .cropper-block .image-cropper {
	height: calc(100% - 50px);
	z-index: 1052
}

.height-width-input.bottom.popover {
	top: 144px
}

.img-cropper .footer-btns-4 button {
	background: #424448;
	color: #fff;
	height: 61px;
	font-size: 12px
}

.img-cropper .jd-fixed-footer {
	z-index: 10;
	background: #424448;
	height: 61px;
	box-shadow: 4px 0 7px rgba(50, 50, 50, .75)
}

.img-cropper .footer-btns-4 button>div {
	padding-bottom: 4px
}

.cropper-container .info-alignment {
	display: flex;
	height: inherit;
	line-height: 1.5;
	padding: 12px;
	align-items: center
}

.uploadbanner .cropper-container .icon-static-page {
	top: 0;
	color: orange
}

.image-cropper .icon-flipDown:hover~.edit-detail-popover,
.image-cropper .icon-flipRight:hover~.edit-detail-popover {
	display: inline-table
}

.img-cropper .selected {
	color: #c0780e!important
}

.img-cropper .dark-gray-pop .icon-flipDown,
.img-cropper .dark-gray-pop .icon-flipRight {
	font-size: 18px
}

.react-image-cropper {
	position: fixed;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
	background-color: rgba(0, 0, 0, .8)
}

.react-image-cropper .cropper-div {
	width: 100%
}

.react-image-cropper .react-cropper-toolbar {
	background: transparent;
	max-width: unset
}

.react-image-cropper .react-cropper-toolbar>.popover-content {
	display: flex;
	padding: 0
}

.react-image-cropper .react-cropper-toolbar>.popover-content .cropper-btn {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px
}

.react-image-cropper .react-cropper-toolbar>.popover-content .cropper-btn.save {
	color: #fff;
	outline: none
}

.react-image-cropper .react-cropper-toolbar>.popover-content .cropper-btn.close-btn {
	opacity: 1;
	border-radius: 4px
}

.react-image-cropper .react-cropper-toolbar>.popover-content .cropper-btn .btn-with-text {
	display: flex
}

.react-image-cropper .react-cropper-toolbar>.popover-content .item-icon {
	font-size: inherit
}

.react-image-cropper .react-cropper-toolbar>.popover-content .btn-markup {
	display: flex
}

.react-image-cropper .cropper-btn.skip {
	font-size: 14px!important;
	color: #fff;
	padding: 2px 10px;
	width: auto!important
}

.react-image-cropper .cropper-btn.close-btn {
	border-radius: 4px
}

.img-crop-pop {
	margin-top: 0;
	top: 45px;
	width: 1px
}

.img-crop-pop .popover-content img {
	display: block;
	min-width: 0;
	max-width: none;
	min-height: 0;
	max-height: none;
	width: 100%;
	height: 100%
}

.img-crop-pop .popover-content .align-inputs {
	display: flex;
	align-items: center;
	padding: 5px 0
}

.img-crop-pop .popover-content .align-inputs input {
	font-size: 12px;
	border: none;
	border-bottom: 2px solid #666;
	padding: 4px 5px 0;
	margin: 0;
	width: 65px;
	background: 0 0;
	color: #fff
}

.img-crop-pop .popover-content .save-cancel-div {
	padding: 7px 12px
}

.img-crop-pop .popover-content .save-cancel-div .save-cancel-button {
	width: 77px;
	background-color: #2a2c2e;
	border: 1px solid;
	color: #fff;
	font-size: 12px;
	padding: 5
}

.img-crop-pop .popover-content .save-cancel-div .save-cancel-button.save-btn {
	margin-left: 4px;
	float: right
}

.desktop .react-image-cropper .title-text {
	color: #fff;
	width: 100%;
	font-size: 35px;
	font-weight: 300;
	text-align: center;
	position: absolute;
	top: -80px
}

.desktop .popover.react-cropper-toolbar {
	border: 0;
	padding: 0;
	left: 50%;
	transform: translateX(-50%);
	box-shadow: none
}

.desktop .popover.react-cropper-toolbar .btn-markup {
	background: #2b2c2f;
	border-radius: 4px;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .27)
}

.desktop .popover.react-cropper-toolbar .item-icon {
	width: 38px;
	font-size: 18px;
	height: 100%;
	color: #ccc
}

.desktop .popover.react-cropper-toolbar .item-icon,
.desktop .popover.react-cropper-toolbar .upload-image-btn {
	display: flex;
	align-items: center;
	justify-content: center
}

.desktop .popover.react-cropper-toolbar .upload-another-image {
	height: 100%;
	min-width: 139px;
	position: relative;
	top: unset;
	margin-right: 15px;
	margin-top: 0;
	background-color: #0086ff;
	border: none;
	color: #fff;
	border-radius: 4px
}

.desktop .popover.react-cropper-toolbar .upload-another-image .popover-content {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%
}

.desktop .popover.react-cropper-toolbar .upload-another-image .popover-content .txt-right {
	width: auto
}

.desktop .popover.react-cropper-toolbar .cropper-btn.set-height-width {
	cursor: default;
	min-width: 205px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	position: relative
}

.desktop .popover.react-cropper-toolbar .cropper-btn .align-pop {
	display: flex;
	justify-content: space-around;
	color: #fff;
	align-items: center;
	width: 100%
}

.desktop .popover.react-cropper-toolbar .cropper-btn .align-pop .icon-edit {
	cursor: pointer;
	border: 1px solid #fff;
	color: #fff;
	font-size: 12px;
	padding: 4px;
	left: auto;
	margin-right: 5px
}

.desktop .popover.react-cropper-toolbar .cropper-btn .align-pop .height-width-span {
	width: 48px;
	flex: 1;
	padding-left: 8px;
	font-size: 12px
}

.desktop .popover.react-cropper-toolbar .cropper-btn.save {
	width: 64px;
	margin: 0 15px;
	border: none
}

.desktop .popover.react-cropper-toolbar .cropper-btn.save,
.desktop .popover.react-cropper-toolbar .cropper-btn.upload-another-image {
	height: 100%;
	font-size: 14px;
	border-radius: 4px;
	background: #0086ff;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .27);
	transition: background .3s ease-out;
	color: #fff
}

.desktop .popover.react-cropper-toolbar .cropper-btn.save:hover,
.desktop .popover.react-cropper-toolbar .cropper-btn.upload-another-image:hover {
	background: #0174dc
}

.desktop .popover.react-cropper-toolbar .cropper-btn.upload-another-image {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.desktop .popover.react-cropper-toolbar .cropper-btn .btn-with-text {
	line-height: 14px;
	padding-left: 5px
}

.desktop .popover.react-cropper-toolbar .cropper-btn.close-btn {
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .27);
	background: #2b2c2f;
	font-size: 14px;
	text-shadow: none;
	width: 36px;
	height: 36px
}

.desktop .popover.react-cropper-toolbar>.popover-content {
	height: 38px
}

.desktop .popover.react-cropper-toolbar>.popover-content .display-text {
	display: flex;
	background: #2b2c2f;
	border-radius: 4px;
	font-size: 12px;
	color: #fff;
	position: absolute;
	bottom: 45px;
	width: auto;
	padding: 0 10px;
	height: 24px;
	white-space: nowrap;
	align-items: center;
	transform: scale(0);
	transition: all .3s ease-out
}

.desktop .popover.react-cropper-toolbar>.popover-content .cropper-btn:hover .item-icon {
	color: #fff
}

.desktop .popover.react-cropper-toolbar>.popover-content .cropper-btn:hover .display-text {
	transform: scale(1);
	opacity: 1
}

.desktop .popover.react-cropper-toolbar>.popover-content .custom-arrow {
	position: absolute;
	bottom: -18px;
	left: calc(50% - 13.5px);
	display: inline-block;
	vertical-align: middle;
	color: #2b2c2f;
	box-sizing: border-box;
	width: 0;
	height: 0;
	border-right: 3px solid transparent;
	border-top: 3px solid transparent;
	border-color: currentcolor currentcolor transparent transparent;
	border-style: solid;
	border-width: 3px;
	margin: 15px;
	-webkit-transform: translateX(-50%) rotate(135deg);
	transform: translateX(-50%) rotate(135deg)
}

.desktop .cropper-div {
	height: 100%
}

.desktop .popover.cropper-info {
	display: block;
	white-space: nowrap;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 6px;
	background-color: #fff;
	font-size: 12px;
	font-weight: 500;
	max-width: none
}

.wap .react-image-cropper {
	background: #fff
}

.wap .react-image-cropper .cropper-modal {
	background-color: rgba(0, 0, 0, .7)
}

.wap .react-image-cropper .cropper-header {
	height: 55px;
	background: #1294d4;
	color: #fff;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid hsla(0, 0%, 81.2%, .15)
}

.wap .react-image-cropper .cropper-header .left-section,
.wap .react-image-cropper .cropper-header .right-section {
	justify-content: center;
	width: 45px
}

.wap .react-image-cropper .cropper-header .render-style {
	display: flex;
	align-items: center;
	font-size: 16px
}

.wap .react-image-cropper .cropper-div {
	height: calc(100% - 104px - 2rem - 11.4vw);
	margin-bottom: calc(100% - 119px - 2rem - 11.4vw)
}

.wap .react-image-cropper .cropper-div .cropper-container {
	height: 100%!important
}

.wap .react-cropper-toolbar>.popover-content {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	flex-direction: column;
	background: #fff
}

.wap .react-cropper-toolbar .rotate-options.cropper-btn {
	background: #1f2124
}

.wap .react-cropper-toolbar .zoom-options {
	width: 100vw;
	background: #1f2124!important;
	display: flex;
	align-items: center;
	height: 64px;
	padding: 0 7px
}

.wap .react-cropper-toolbar .zoom-options .zoom-option {
	width: 28px;
	color: #fff;
	background: #454648;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 14px;
	font-size: 18px
}

.wap .react-cropper-toolbar .zoom-options .percentage-slider {
	width: calc(100% - 56px)
}

.wap .react-cropper-toolbar .btn-markup {
	height: 64px;
	width: 100%;
	background: #2a2c2e;
	text-align: center;
	box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, .1)
}

.wap .react-cropper-toolbar .btn-markup.rotate-visible {
	box-shadow: unset
}

.wap .react-cropper-toolbar .btn-markup.rotate-visible .rotate {
	background: #1f2124
}

.wap .react-cropper-toolbar .btn-markup.zoom-visible {
	box-shadow: unset
}

.wap .react-cropper-toolbar .btn-markup.zoom-visible .zoom-mobile {
	background: #1f2124
}

.wap .react-cropper-toolbar .btn-markup .cropper-btn {
	min-width: 25%;
	flex: 1;
	transform: none;
	flex-direction: column;
	overflow: hidden!important;
	color: #fff;
	background: #2a2c2e
}

.wap .react-cropper-toolbar .btn-markup .cropper-btn .btn-with-text,
.wap .react-cropper-toolbar .btn-markup .cropper-btn .display-text {
	font-size: 12px;
	color: #fff;
	flex-direction: column;
	padding-top: 5px
}

.wap .react-cropper-toolbar .btn-markup .cropper-btn .display-text {
	color: #fff
}

.wap .react-cropper-toolbar .btn-markup .cropper-btn.changeImage {
	width: 24%;
	flex-basis: 24%
}

.wap .react-cropper-toolbar .btn-markup .cropper-btn .upload-image-btn {
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column
}

.wap .react-cropper-toolbar .rotate-options-overlay {
	background: rgba(0, 0, 0, .7);
	opacity: .8;
	height: 64px;
	width: 100vw
}

.wap .react-cropper-toolbar .rotate-options {
	display: flex;
	background: #1f2124!important
}

.wap .react-cropper-toolbar .rotate-options .cropper-btn {
	background: #1f2124!important
}

.wap .react-cropper-toolbar .btn-parent {
	z-index: 1;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	padding: 1rem 0
}

.wap .react-cropper-toolbar .btn-parent .save {
	width: calc(100% - 30px);
	font-size: 4vw;
	height: 2.85em;
	margin: auto;
	border-radius: 25px;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3)
}

.signUpModal.display-block {
	display: block
}

.signUpModal.display-none {
	display: none
}

.signUpModal .background-black {
	background: #000
}

.signUpModal .white-color {
	color: #fff
}

.signUpModal .paddingR0 {
	padding-right: 0
}

.signUpModal .paddingL0 {
	padding-left: 0
}

.signUpModal .text-right {
	text-align: right
}

.signUpModal .text-center {
	text-align: center
}

.signUpModal .paddingT25 {
	padding-top: 25px
}

.signUpModal .font24 {
	font-size: 2em
}

.shop-password {
	-webkit-text-security: disc
}

.signUpModal .shortNameContainer {
	position: relative;
	height: 50px;
	width: 50px;
	top: -6px;
	border-radius: 30px;
	background-color: #0086ff;
	color: #fff
}

.signUpModal .width67 {
	width: 67%
}

.signUpModal .width32 {
	width: 32%
}

.signUpModal .line-height {
	line-height: 50px
}

.signUpModal .blue-color {
	color: #0086ff
}

.signUpModal .paddingL50 {
	padding-left: 50px
}

.signUpModal .paddingL60 {
	padding-left: 60px
}

.signUpModal .modal-body .password:focus {
	outline: none;
	border-color: #0086ff;
	border-bottom: 1px solid #0086ff
}

.signUpModal .modal-body .mobile-no:focus {
	outline: none
}

.signUpModal .sign-up-btn {
	height: 48px;
	width: 100%;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px
}

.signUpModal .pos-rel {
	position: relative
}

.signUpModal .warning-btn.otp-btn {
	background-color: #fff;
	color: #f0ad4e;
	border-color: #eea236
}

.signUpModal .btn-cross {
	position: absolute;
	top: 40px;
	right: 0;
	background-position: -219px -53px
}

.signUpModal .forgot-password-container {
	font-size: inherit;
	padding: 0;
	color: inherit
}

.signUpModal .font16 {
	font-size: 16px
}

.signUpModal .paddingT60 {
	padding-top: 60px
}

.signUpModal input.pwd {
	padding-right: 45px
}

.signUpModal .form-inputs input,
.signUpModal .form-inputs input:focus {
	width: 12%;
	outline: none;
	border: 0;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	margin: 0 5px;
	text-align: center
}

.signUpModal .paddingT10 {
	padding-top: 10px
}

.signUpModal .paddingT5 {
	padding-top: 5px
}

.signUpModal .red-color {
	color: #ea4940
}

.signUpModal .green-color {
	color: #00b05a
}

.signUpModal .input-box-style.user-mobile-email.left5 {
	left: 5px
}

.signUpModal .lr-panel.upl-panel.ownerDivPosition {
	padding: 0;
	position: relative;
	top: 0
}

.signUpModal .lr-panel.upl-panel.ownerDivPosition.ownerImage {
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%
}

.signUpModal .padding0 {
	padding: 0
}

.signUpModal .modal-body .v-name {
	position: absolute;
	left: 0;
	width: 100%;
	top: 25px;
	color: #737373
}

.signUpModal .modal-body .width100 {
	width: 100%
}

.signUpModal .form-inputs .txt-otp.ng-not-empty,
.signUpModal .form-inputs .txt-otp:focus {
	border-bottom: 1px solid #0086ff
}

.signUpModal .form-inputs .txt-otp.ng-not-empty.error-otp-border {
	border-bottom: 1px solid #ea4940
}

.marginB20 {
	margin-bottom: 20px
}

.signUpModal .invalid-otp {
	color: #ea4940;
	height: 30px
}

.signUpModal .blackColor {
	color: #333
}

.signUpModal .modal-header .line-height-2 {
	line-height: 1;
	position: relative;
	top: 2px;
	font-size: 1.6em
}

.signUpModal .modal-header {
	position: fixed;
	z-index: 1005;
	border: none
}

.signUpModal .description {
	position: relative;
	padding-bottom: 25px;
	padding-top: 25px;
	top: 55px
}

.signUpModal .modal-body {
	overflow: auto;
	top: 58px;
	height: calc(100vh - 60px)
}

.wap.webbrowser .signUpModal .modal-body {
	height: calc(100vh - 120px)
}

.signUpModal .logout-btn {
	padding-top: 25px;
	width: 100%
}

.signUpModal .full-height {
	height: 100%
}

.signUpModal .log-out-btn {
	height: 40px;
	width: 100%;
	border-radius: 2px;
	padding: 5px 0;
	font-size: 18px;
	color: #0086ff
}

.signUpModal .sign-up-btn:disabled {
	color: #9f9f9f;
	background: #ddd;
	border-color: transparent
}

.signUpModal .verify-otp .txt-otp.single-field {
	width: 160px;
	letter-spacing: .7em;
	border: none;
	border-bottom: 1px solid;
	margin: 0;
	border-radius: 0
}

.signUpModal .verify-otp .txt-otp.single-field:focus {
	border-color: #0086ff
}

.otp-input {
	border-bottom: 1px solid #ccc;
	position: relative;
	margin: auto;
	width: 160px
}

.signUpModal .form-inputs .txt-otp:focus+.otp-input {
	border-bottom: 1px solid #0086ff
}

.signUpModal .form-inputs .txt-otp:focus+.error-otp-border {
	border-bottom: 1px solid #ea4940
}

.signUpModal .marginB10 {
	margin-bottom: 10px
}

.signUpModal .lr-panel.upl-panel.ownerImage .ownerCloseBtn {
	position: absolute;
	right: 10px;
	top: 10px
}

.signUpModal .lr-panel.upl-panel.ownerImage .ownerCloseBtn .crossIcon {
	font-size: 23px;
	color: #737373;
	cursor: pointer
}

.signUpModal .lr-panel.upl-panel.ownerImage .header-text {
	margin-top: 0;
	margin-bottom: 15px;
	color: #333;
	font-size: 18px
}

.signUpModal .lr-panel.upl-panel.ownerImage .help-text {
	padding-right: 30px;
	padding-left: 30px;
	margin: 0 0 15px;
	color: #848484
}

.signUpModal .lr-panel.upl-panel.ownerImage .continue-button .btn {
	width: 90%;
	padding: 8px
}

.circle-loader {
	background: transparent;
	fill: transparent
}

body .login .signUpModal .login-body .btn.sign-up-btn.primary-btn-color,
body .my-account .signUpModal .login-body .btn.sign-up-btn.primary-btn-color {
	position: relative;
	transition: top .3s ease-out;
	top: 0
}

body .login .signUpModal .login-body .btn.sign-up-btn.btn-position,
body .my-account .signUpModal .login-body .btn.sign-up-btn.btn-position {
	top: 5px
}

.signUpModal .no-login-msg-text .shortNameContainer {
	left: auto;
	display: inline-block
}

.iosSafari #signUpModal .modal-header {
	position: absolute;
	left: 0;
	top: 0
}

.iosSafari #signUpModal .modal-content {
	position: relative
}

@media screen and (max-height:568px) {
	.iosSafari .signUpModal .lr-panel.upl-panel.ownerDivPosition.ownerImage {
		overflow: auto;
		max-height: 100%
	}
	.iosSafari .signUpModal .modal-body.set-scrollTop-ownerDiv {
		top: 0;
		height: 100%
	}
	.wap.iosSafari.webbrowser .signUpModal .set-scrollTop-ownerDiv.modal-body {
		height: 100%
	}
}

.signUpModal .btn-warning {
	background-color: #ff7b05
}

.signUpModal .btn.btn-blue-text-white {
	border: 1px solid #0086ff;
	color: #fff;
	background-color: #0086ff
}

.signUpModal .upl-bg img {
	width: 100%
}

.marginR5 {
	margin-right: 5px
}

.marginR10 {
	margin-right: 10px
}

.verify-otp {
	padding: 10px
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn);
		-moz-transform: rotate(1turn);
		-ms-transform: rotate(1turn);
		-o-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.signUpModal .loading-circle {
	float: left;
	border-radius: 100%;
	width: 24px;
	height: 24px;
	border: 3px solid #5a8fc5;
	border-top-color: #25578a;
	-webkit-animation: spin .8s linear infinite;
	-moz-animation: spin .8s infinite linear;
	-ms-animation: spin .8s infinite linear;
	-o-animation: spin .8s infinite linear;
	animation: spin .8s linear infinite;
	margin: 10px
}

.signUpModal .loading-circle.verifying-circle {
	float: none;
	display: inline-block;
	width: 60px;
	height: 60px;
	border-width: 5px;
	border-top-color: #fff;
	margin: 30px 0;
	animation: spin .8s linear infinite
}

.signUpModal .verifyotp-content .auto-verify-text {
	margin: 10px 10px 30px;
	color: #747474
}

.signUpModal .lnk-manual-otp {
	color: #337ab7
}

.signUpModal body {
	font-size: 14px;
	box-sizing: border-box;
	font-family: Gilroy, sans-serif
}

.signUpModal .roboto-regular {
	font-weight: 400
}

.signUpModal .roboto-medium {
	font-weight: 500
}

.signUpModal .roboto-thin {
	font-weight: 100
}

.signUpModal .roboto-light {
	font-weight: 300
}

.signUpModal .hide {
	display: none
}

.signUpModal .show {
	display: block
}

.signUpModal button,
.signUpModal input,
.signUpModal optgroup,
.signUpModal select,
.signUpModal textarea {
	font-family: Gilroy, sans-serif
}

.signUpModal .login-header {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	padding: 15px;
	position: absolute;
	z-index: 1;
	height: auto;
	margin-top: 0
}

.signUpModal .login-header .icon-pagination-left {
	display: inline-block;
	margin-right: 10px
}

.signUpModal .description {
	display: flex;
	justify-content: space-between
}

.signUpModal .login-body {
	padding: 15px;
	position: relative
}

.signUpModal .password-toggle-button {
	position: absolute;
	right: 7px;
	top: 22px;
	font-size: 12px;
	color: #0086ff;
	cursor: pointer
}

.signUpModal .or-div {
	display: flex;
	justify-content: center;
	align-items: center
}

.signUpModal .or-div .border-line {
	flex: 1;
	border-bottom: 1px solid #e0e0e0
}

.signUpModal .or-div .or-text {
	display: inline-block;
	width: 40px;
	text-align: center;
	color: #979797
}

.signUpModal .country-field-div {
	position: relative;
	margin-bottom: 20px;
	height: 80px
}

.signUpModal .country-field-div .country {
	padding-left: 30px
}

.signUpModal .country-field-div .country-flag {
	position: absolute;
	left: 0;
	transform: scale(.5);
	transform-origin: top right;
	margin: -30px -25px;
	zoom: unset;
	top: 36px
}

.signUpModal .country-field-div .icon-pagination-down {
	position: absolute;
	top: 8px;
	right: 5px;
	transform: rotate(270deg)
}

.signUpModal .country-field-div .country-input-wrapper {
	position: relative
}

.signUpModal .email-sent-div {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px;
	text-align: center
}

.signUpModal .email-sent-div .email-sent-message {
	color: #8e8e8e
}

.signUpModal .email-sent-div .email-sent-message .email-address {
	color: #424242
}

.signUpModal .email-sent-div .check-message,
.signUpModal .email-sent-div .email-sent-message {
	margin-bottom: 30px;
	color: #777;
	font-size: 12px;
	text-align: center;
	line-height: 20px
}

.signUpModal .email-sent-div .go-to-email {
	margin-bottom: 10px;
	width: 90%;
	font-size: 18px;
	text-transform: capitalize
}

.signUpModal .email-sent-div .problem-message {
	color: #3272b2;
	font-size: 12px;
	cursor: pointer
}

.signUpModal .email-sent-div .email-sent-icon {
	margin-bottom: 40px;
	height: 120px
}

.signUpModal .email-sent-div .overlay-div {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: none
}

.signUpModal .email-sent-div .problem-div {
	position: relative
}

.signUpModal .email-sent-div .problem-popover-container {
	display: none;
	position: absolute;
	top: 23px;
	width: 280px;
	z-index: 10;
	background: #fff;
	left: 50%;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	transform: translateX(-50%)
}

.signUpModal .email-sent-div .problem-popover-container .arrow.top {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	margin-left: -8px;
	top: unset;
	bottom: -8px;
	border-color: #fff transparent rgba(0, 0, 0, .25);
	border-style: solid;
	border-width: 8px 8px 0
}

.signUpModal .email-sent-div .problem-popover-container .problem-popover {
	text-align: initial;
	padding: 8px;
	font-size: 11px
}

.signUpModal .email-sent-div .problem-popover-container .resend-div {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.signUpModal .email-sent-div .problem-popover-container .list-li {
	margin-bottom: 5px;
	display: list-item;
	list-style-type: disc;
	list-style-position: inside
}

.signUpModal .email-sent-div .problem-popover-container .resend-button {
	padding: 1px 10px;
	color: #3272b1;
	margin-left: 5px;
	border: 1px solid #3272b1;
	border-radius: 25px;
	float: right
}

.signUpModal .email-sent-div .problem-popover-container .not-received {
	display: inline-flex;
	flex-direction: column
}

.signUpModal .email-sent-div .problem-popover-container .not-received .another-email {
	color: #3272b1;
	cursor: pointer
}

.signUpModal .email-sent-div .problem-popover-container .resend-message {
	visibility: hidden;
	margin-top: 5px
}

.signUpModal .email-sent-div .problem-popover-container .resend-message .icon-Checkmark {
	margin-right: 5px
}

.signUpModal .email-sent-div .problem-popover-container .resend-message.visible {
	visibility: visible
}

.signUpModal .email-sent-div .problem-popover-container.topSide {
	top: unset;
	bottom: 30px
}

.signUpModal .disabled-email-field {
	height: 70px
}

.signUpModal .country-label,
.signUpModal .disabled-email-field .email-label {
	color: #999;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 5px
}

.signUpModal .success-div {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center
}

.signUpModal .success-div .signup-success-message {
	font-size: 15px;
	margin-bottom: 30px
}

.signUpModal .success-div .redirecting-message {
	margin-bottom: 30px
}

.signUpModal .success-div .icon-Checkmark,
.signUpModal .success-div .icon-Crossmark {
	font-size: 60px;
	margin-bottom: 30px
}

.signUpModal .success-div .or-text {
	margin: 20px 0
}

.signUpModal .success-div.failure .go-to-home {
	color: #337ab7;
	background-color: #fff;
	padding: 0 15px
}

.signUpModal .dont-have-account {
	padding-top: 15px
}

.signUpModal .icon-Checkmark {
	color: #6abe78
}

.signUpModal .icon-Crossmark {
	color: #c64b57
}

.signUpModal .country-flag {
	zoom: .5
}

.signUpModal .otp-image-holder {
	margin-bottom: 25px
}

.signUpModal .otp-image-holder .otp-image {
	height: 100px;
	width: 100px
}

.signUpModal .otp-verification-container .icon-alertNew {
	font-size: 15px;
	position: relative;
	top: 2px
}

.signUpModal .otp-verification-container .icon-alertNew,
.signUpModal .otp-verification-container .icon-Checkmark,
.signUpModal .otp-verification-container .timer-icon {
	margin-right: 9px
}

.signUpModal .otp-verification-container .icon-alertNew,
.signUpModal .otp-verification-container .inValidOtp {
	color: #c64b57
}

.signUpModal .otp-verification-container .enter-otp-text {
	line-height: 18px
}

.signUpModal .otp-verification-container .didnt-receive-otp {
	font-size: 12px;
	color: #777;
	margin-top: 18px
}

.signUpModal .otp-verification-container .resend-timer-wrapper {
	margin-top: 10px
}

.signUpModal .otp-verification-container .timer-wrapper {
	font-size: 12px;
	color: #777
}

.signUpModal .otp-verification-container .message-div {
	margin-top: 10px;
	font-size: 12px
}

.signUpModal .otp-verification-container .code-container .input-holder .otp-input-place {
	width: 40px
}

.signUpModal .icon-close-thin {
	color: #000
}

.signUpModal .login-form {
	position: relative
}

.signUpModal .login-form .invalid-msg {
	position: absolute;
	bottom: 55px;
	text-align: center;
	width: 100%
}

.signUpModal .login-form .button-wrapper {
	margin-top: 20px
}

.signUpModal .input-holder {
	border-bottom-width: 0;
	display: flex;
	justify-content: space-between;
	height: 30px;
	margin-top: 25px
}

.signUpModal .input-holder .otp-input-place {
	height: 100%;
	width: 40px;
	font-size: 20px;
	border: 0;
	text-align: center;
	outline: none;
	padding-bottom: 5px;
	border-bottom: 2px solid #e1e1e1
}

.signUpModal .input-holder .otp-input-place.infocus {
	border-bottom-color: #0086ff
}

.signUpModal .input-holder .otp-input-place.error {
	border-bottom-color: #c64b57
}

.signUpModal .input-holder .otp-input-place:read-only:focus {
	border-color: #e1e1e1
}

.signUpModal .loading-span {
	position: static;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-radius: 32px;
	width: 20px;
	height: 20px;
	left: calc(50% - 10px);
	animation: spin 2s linear infinite
}

.signUpModal .logout-modal .modal-dialog {
	width: 80%
}

.signUpModal .logout-modal .modal-dialog .modal-content {
	height: 150px;
	overflow: hidden;
	border-radius: 10px;
	width: 106%;
	left: 7%;
	box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .29)
}

.signUpModal .logout-modal .modal-dialog .modal-content .modal-header {
	position: unset
}

.signUpModal .logout-modal .modal-dialog .modal-content .modal-header .icon-close-thin {
	color: #333
}

.signUpModal .logout-modal .modal-dialog .modal-content .modal-body {
	height: calc(100% - 80px);
	top: unset;
	width: 100%;
	padding: 20px 0
}

.signUpModal .logout-modal .modal-dialog .modal-content .modal-footer {
	padding: 0;
	height: 45px;
	position: absolute;
	bottom: 0;
	opacity: 1;
	width: 100%
}

.signUpModal .logout-modal .modal-dialog .modal-content .modal-footer .cancel-btn,
.signUpModal .logout-modal .modal-dialog .modal-content .modal-footer .confirm-btn {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.signUpModal .logout-modal .modal-dialog .modal-content .modal-footer .cancel-btn {
	background-color: #eaeaea
}

.signUpModal .logout-modal .modal-dialog .modal-content .modal-footer .confirm-btn {
	border-left: 1px solid #e5e5e5
}

.signUpModal .access-denied {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 521px
}

.signUpModal .access-denied .empty-security {
	width: 95px;
	margin-bottom: 20px
}

.signUpModal .access-denied .denied-text {
	color: #333;
	font-size: 20px;
	text-align: center;
	margin-bottom: 45px
}

.signUpModal .signupLogin .signupLoginModal .access-denied-body {
	display: flex;
	flex-direction: column
}

.signUpModal .signupLogin .signupLoginModal .access-denied-body .signup-login-section {
	flex: 1;
	display: flex;
	align-items: center
}

.wap .login .omni-container.b2b .omni-header .right-icons .cross-icon,
.wap .login .omni-container.machinery2 .omni-header .right-icons .cross-icon,
.wap .login .omni-container.machinery3 .omni-header .right-icons .cross-icon {
	display: flex
}

.wap .login .omni-container {
	background: #fff
}

.wap .signUpModal.my-account .profile-details {
	margin-bottom: 25px
}

.wap .signUpModal.my-account .inputMaterial {
	padding: 8px;
	background: #fff;
	-webkit-appearance: none
}

.wap .signUpModal.my-account .name.inputMaterial.ng-not-empty~label.user-mobile-email,
.wap .signUpModal.my-account .password.inputMaterial.ng-not-empty~label.user-mobile-email {
	font-size: 12px;
	color: #999
}

.wap .signUpModal.my-account .border-bottom-red {
	border-bottom: 1px solid #ea4940
}

.wap .signUpModal.my-account .inputMaterial~label.input-box-style {
	top: 15px!important
}

.wap .signUpModal .login-body {
	padding: 30px 15px
}

.wap .signUpModal .login-body .change-password-mobile,
.wap .signUpModal .login-body .set-password-mobile {
	padding: 25px 20px
}

.wap .signUpModal .logout-modal>div {
	padding: 40px 15px 25px!important;
	min-height: unset!important
}

.wap .signUpModal .logout-modal .logout-text {
	color: #414e5a
}

.wap .signUpModal .logout-modal .close-style {
	font-size: .875rem
}

.wap .signUpModal .logout-modal button {
	width: 100%;
	box-shadow: none
}

.wap .signUpModal .mob-country-code {
	border-right: 0
}

.wap .signUpModal .verify-otp .txt-otp.single-field {
	margin: auto
}

.wap .signUpModal .error-msg {
	font-size: .75rem
}

.wap .signUpModal .button-wrapper {
	margin-top: 30px;
	padding-top: 0
}

.wap .signUpModal .button-wrapper .sign-up-btn {
	display: flex;
	justify-content: center;
	align-items: center
}

.wap .signUpModal .dont-have-account {
	font-size: .8125rem;
	color: #414e5a;
	text-align: center;
	font-weight: 400
}

.wap .signUpModal .dont-have-account .already-account,
.wap .signUpModal .dont-have-account .dont-have-account-text {
	margin-right: 3px
}

.wap .signUpModal .dont-have-account .blue-color {
	color: #0086ff
}

.wap .signUpModal .or-div .or-text {
	font-size: .875rem;
	color: #718190;
	text-align: center;
	font-weight: 400
}

.wap .signUpModal .input-holder {
	display: block
}

.wap .signUpModal .login-body .link-expired {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: calc(100vh - 115px);
	padding-bottom: 10vh
}

.wap .change-password-mobile .submit-container .button-component.bottom-sticky-button {
	z-index: 5
}

.wap .signUpModal .login-body .link-expired .image {
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center
}

.wap .signUpModal .login-form .invalid-error.email-container,
.wap .signUpModal .login-form .invalid-error.mobile-container {
	margin-bottom: 26px
}

.wap .mobileHeaderBlock .main-outer.header-icon .right-inner .icon-section .icon-HDRcross {
	padding-top: 0
}

.wap .signUpModal .login-body .link-expired .image img {
	max-width: 6.75rem;
	height: auto
}

.wap .signUpModal .login-body .link-expired .title {
	font-size: 1.125rem;
	color: #414e5a;
	letter-spacing: .2px;
	text-align: center;
	line-height: 20px;
	font-weight: 500;
	margin-top: 25px
}

.wap .signUpModal .login-body .link-expired .resend-link-btn {
	margin-bottom: 15px
}

.wap .signUpModal .login-body .link-expired .go-to-home {
	overflow: auto
}

.wap .signUpModal .login-body .link-expired .sub-title {
	font-size: .75rem;
	color: #718190;
	letter-spacing: .3px;
	text-align: center;
	line-height: 18px;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 25px
}

.wap .signUpModal .country-field-div .country-flag {
	position: absolute;
	left: 0;
	transform: scale(.4);
	transform-origin: top right;
	margin: -30px -25px;
	zoom: unset;
	top: 38px
}

.wap .signUpModal .country-field-div {
	border: 1px solid #dadce0!important;
	position: relative;
	margin-bottom: 20px;
	height: 11.7vw;
	border-radius: 4px
}

.wap .signUpModal .country-field-div .country-input-wrapper {
	position: absolute;
	top: 5px;
	width: calc(100% - 15px);
	margin-left: 10px;
	margin-bottom: 0;
	height: unset
}

.wap .signUpModal .country-field-div .country-input-wrapper .country {
	padding-top: 4px
}

.wap .signUpModal .country-field-div .icon-pagination-down {
	color: #718190
}

.wap .signUpModal .country-label {
	left: 10px;
	color: #718190;
	pointer-events: none;
	z-index: 2;
	font-size: .875rem;
	font-weight: 400;
	background: #fff;
	background-color: #fff;
	transform: scale(.85) translateY(-.37188rem);
	transform-origin: left;
	padding: 0 .3125rem;
	border-radius: 3px;
	position: absolute;
	line-height: 1;
	top: -2px
}

.wap .signUpModal .email-sent-div .problem-popover-container .resend-message.visible {
	margin-bottom: 5px;
	margin-left: 13px
}

.wap .signUpModal .email-sent-div .problem-message {
	font-size: .75rem
}

.wap .signUpModal .email-sent-div .email-sent-message .email-address {
	font-size: .8125rem;
	color: #414e5a;
	text-align: center;
	line-height: 19.8px;
	font-weight: 500
}

.wap .signUpModal .email-sent-div {
	justify-content: center;
	align-items: center;
	display: flex;
	height: calc(100vh - 115px);
	padding: 0 0 10vh
}

.wap .signUpModal .email-sent-div .problem-popover-container {
	box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, .2);
	border-radius: 8px
}

.wap .signUpModal .email-sent-div .problem-popover-container .another-email-link {
	color: #0086ff;
	margin-left: 3px;
	text-decoration: underline;
	font-size: .75rem;
	line-height: 18px;
	font-weight: 400
}

.wap .signUpModal .email-sent-div .problem-popover-container .resend-button {
	color: #0086ff;
	margin-left: 5px;
	text-decoration: underline;
	font-size: .75rem;
	line-height: 18px;
	font-weight: 400;
	padding: 0;
	border: none;
	border-radius: 0;
	float: none
}

.wap .signUpModal .email-sent-div .problem-popover-container .problem-popover {
	display: flex;
	justify-content: center;
	flex-direction: column
}

.wap .signUpModal .email-sent-div .problem-popover-container .list-li {
	font-size: .75rem;
	color: #414e5a;
	letter-spacing: 0;
	text-align: left;
	line-height: 18px;
	font-weight: 400
}

.wap .signUpModal .email-sent-div .email-sent-message {
	font-size: .8125rem;
	color: #414e5a;
	text-align: center;
	line-height: 19.8px;
	font-weight: 400;
	margin-bottom: 20px
}

.wap .signUpModal .login-body .signup-form-container {
	margin-bottom: 115px
}

.wap .signUpModal .login-body .signup-form-container .button-component.bottom-sticky-button {
	z-index: 4
}

.wap .signUpModal .email-sent-div .email-sent-icon {
	max-width: 6.75rem;
	height: auto;
	margin-bottom: 28px
}

.wap .signUpModal .email-sent-div .problem-message {
	color: #2874f0
}

.wap .signUpModal .email-sent-div .problem-div {
	font-size: .8125rem;
	color: #0086ff;
	text-align: center;
	font-weight: 400;
	margin-top: 15px
}

.wap .signUpModal .email-sent-div .check-message {
	font-size: .75rem;
	color: #718190;
	text-align: center;
	line-height: 20px;
	margin-bottom: 30px
}

.wap .signUpModal .verifyotp-content .auto-verify-text {
	margin: 10px 10px 0
}

.wap .signUpModal .otp-verification-container .message-div {
	margin-top: 14px
}

.wap .signUpModal .otp-verification-container .inValidOtp {
	color: #718190
}

body.wap .signUpModal .tertiary-btn-color:not(.no-hover):hover {
	background-color: #fff;
	color: #d6261c;
	border-color: #d6261c
}

.wap .login-body .password-container .text-right {
	position: absolute;
	font-weight: 400;
	right: 7px;
	top: 5px;
	font-size: .75rem;
	cursor: pointer;
	width: 55px;
	color: #0086ff;
	letter-spacing: .3px;
	text-align: right
}

.page-auth-title {
	padding: .625rem 1rem;
	background: #f9f9f9;
	font-size: .75rem;
	color: #333;
	font-family: Gilroy, sans-serif
}

.omni-header.remove-box-shdw {
	box-shadow: none
}

.desktop .for-permission-modal .custom-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #e6ebf3
}

.desktop .signup-form-container .country-field-div .country-name {
	margin-left: 50px;
	margin-top: 5px;
	font-size: 16px;
	color: #2e2d43
}

.react-image-cropper .userProfileImage .cropper-view-box {
	border-radius: 50%
}

@media (min-width:768px) {
	.my-account-page,
	.profile-details {
		max-width: 1366px;
		margin: 15px auto
	}
	.my-account-page .my-account,
	.profile-details .my-account {
		width: calc(100% - 30px);
		margin: auto
	}
}

.myaccount-area .cover-profile-holder {
	margin-bottom: 20px
}

.myaccount-area .react-image-cropper {
	z-index: 1050
}

.myaccount-area .cover-image {
	width: 100%;
	height: 190px;
	position: relative;
	cursor: pointer
}

.myaccount-area .cover-image .user-profile-image {
	height: 100%
}

.myaccount-area .cover-image .user-profile-image .image-thumbnail {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%
}

.myaccount-area .profile-image {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)
}

.myaccount-area .profile-image.no-profile-picture .image-thumbnail {
	background-position: 8px 18px;
	background-size: 90%
}

.myaccount-area .user-name {
	font-size: 1.375rem;
	color: #414e59;
	line-height: 1.5625rem;
	width: 100%;
	text-align: center;
	padding: 0 15px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
	text-transform: capitalize
}

.desktop .cover-profile-holder {
	height: 265px
}

.desktop .cover-profile-holder .profile-image {
	width: 150px;
	height: 150px
}

.desktop .camera-holder:hover {
	background: #0086ff;
	color: #fff
}

.wap #logOutModal .custom-modal-header .modal-title {
	padding-bottom: 11px;
	padding-top: 8px
}

.wap #logOutModal .custom-modal-header .modal-title span {
	font-size: .875rem;
	color: #4a4a4a
}

.wap #logOutModal .confirm-btn {
	background-color: #24b05b
}

.wap .profile-input {
	width: 100%;
	margin-bottom: 1rem;
	font-size: .875rem
}

.wap .profile-input label {
	text-transform: capitalize
}

.wap .display-block {
	display: block!important
}

.wap .profile-image {
	width: 48vw;
	height: 48vw
}

.wap .cover-profile-holder {
	height: calc(24vw + 190px)
}

.wap .gender-label {
	font-weight: 400
}

.wap .dob-container {
	width: 100%;
	position: relative
}

.wap .dob-container .dob-icon {
	font-size: 16px
}

.wap .dob-container .fake-div {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 40px
}

.wap .gender-toggle-holder {
	width: 100%;
	margin-top: -8px;
	margin-bottom: 25px
}

.wap .gender-toggle-holder.inactive .gender-toggle-btn,
.wap .gender-toggle-holder.inactive [class*=_btn-switch-wrapper] {
	border-color: #dadce0;
	color: #718190
}

.wap [class*=date-picker-holder] {
	width: 100%;
	margin-bottom: 1.25rem
}

.wap .change-password .omni-header,
.wap .profile-details .omni-header {
	z-index: 15
}

.wap .change-password .submit-container .save-btn,
.wap .profile-details .submit-container .save-btn {
	z-index: 4;
	box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .3)
}

.wap .change-password .submit-container:after,
.wap .profile-details .submit-container:after {
	content: "";
	width: 100%;
	position: fixed;
	bottom: 0;
	right: 0;
	pointer-events: none;
	height: 80px;
	z-index: 0;
	background: linear-gradient(0deg, hsla(0, 0%, 100%, .95) 0, hsla(0, 0%, 100%, .68) 50%, hsla(0, 0%, 100%, 0))
}

.wap .cover-image {
	border-bottom: 1px solid hsla(0, 0%, 81.2%, .15)
}

.wap .my-account .mobileHeaderBlock {
	background-color: inherit
}

.wap .my-account .template-main-container {
	background-image: none!important
}

.wap .my-account:not(.body-scrolled) .main-outer i {
	color: #fff!important
}

.wap .my-account .user-name {
	font-size: 1.125rem;
	font-weight: 500
}

.wap .my-account .no-cover-picture .image-thumbnail {
	opacity: .5
}

.wap .my-account .omni-header:after {
	content: "";
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: none;
	height: 55px;
	z-index: -1;
	background-image: linear-gradient(-180deg, rgba(0, 0, 0, .39), transparent)
}

.wap .myaccount-area .data-holder {
	padding: 5px 15px 60px;
	display: flex;
	flex-wrap: wrap;
	background: #fff
}

.wap.preview .myaccount-area .data-holder {
	padding: 5px 15px 80px
}

.wap .camera-holder {
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}

.wap .camera-holder:active {
	-webkit-transform: scale(.9);
	transform: scale(.9)
}

.wap.iphoneX .profile-details .submit-container {
	bottom: 25px
}

.wap.iphoneX .react-image-cropper .cropper-div {
	height: calc(100% - 230px);
	margin-bottom: 230px
}

.wap.iphoneX .react-cropper-toolbar .btn-markup {
	bottom: 110px
}

.wap.iphoneX .change-password-mobile .fixed-footer,
.wap.iphoneX .react-cropper-toolbar .btn-parent {
	bottom: 30px
}

body .userName .inputMaterial {
	text-transform: capitalize
}

body .icon-style {
	color: inherit;
	font-size: 1rem;
	cursor: pointer
}

body .camera-holder {
	position: absolute;
	background: #ebedf0;
	color: #414e59
}

body .camera-holder,
body .profile-image {
	display: flex;
	align-items: center;
	justify-content: center
}

body .profile-image {
	border-radius: 50%;
	background: #d2d7da;
	margin: auto;
	cursor: pointer;
	border: 4px solid #fff
}

body .profile-image .image-thumbnail,
body .profile-image .user-profile-image {
	width: 100%;
	height: 100%;
	object-fit: cover
}

body .profile-image .user-profile-image {
	box-shadow: inset 0 -1px 0 0 #d2d7da;
	border-radius: 50%
}

body .profile-image .user-profile-image .image-thumbnail {
	z-index: -1
}

body .profile-image.no-profile-picture .image-thumbnail {
	position: relative;
	top: 15px
}

body .profile-image .image-thumbnail {
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%
}

body .profile-image .camera-holder {
	bottom: 5px;
	right: 8px;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	border: 2px solid #fff
}

body .profile-image .camera-holder .icon-style {
	font-size: 1.125rem
}

body .cover-image .camera-holder {
	bottom: 10px;
	right: 10px;
	border-radius: 4px;
	width: 58px;
	height: 28px;
	font-size: .875rem;
	line-height: .875rem;
	border: 1px solid #ebedef
}

body .cover-image .camera-holder:hover {
	border-color: hsla(0, 0%, 100%, .5)
}

body .cover-image .icon-style {
	padding-right: 5px
}

body .change-password-mobile label,
body .forgot-password-section label {
	text-transform: uppercase
}

body.wap .my-account-hdr.omni-header.webheader .custom-template.mobile-header {
	background-color: transparent!important
}

.web-profile-details .data-holder {
	padding: 5px 15px 80px;
	display: flex;
	flex-wrap: wrap
}

.web-profile-details .profile-input {
	width: 100%;
	margin-bottom: 1.25rem;
	font-size: .875rem
}

.web-profile-details .profile-input label {
	text-transform: capitalize
}

.web-profile-details .profile-input.profile-input-error {
	margin-bottom: .625rem
}

.web-profile-details.web-profile-details .data-holder {
	width: 100%
}

.web-profile-details .gender-toggle-holder {
	width: 100%;
	margin-top: -8px;
	margin-bottom: 25px
}

.web-profile-details .gender-toggle-holder~div {
	width: 100%
}

.web-profile-details .gender-toggle-holder.inactive .gender-toggle-btn,
.web-profile-details .gender-toggle-holder.inactive [class*=_btn-switch-wrapper] {
	border-color: #dadce0;
	color: #718190
}

.web-profile-details .dob-holder {
	width: 100%
}

.web-profile-details .react-datepicker-popper {
	width: 260px;
	left: 30px!important;
	z-index: 10
}

.web-profile-details .react-datepicker-popper [class*=_datepicker-days] {
	height: 45px
}

.web-profile-details .react-datepicker-popper [class*=_datepicker-days] [class*=_datepicker-switch] {
	height: 35px
}

.web-profile-details .react-datepicker-popper .react-datepicker__day-names {
	font-size: .75rem;
	height: 26px;
	color: #414e59;
	font-weight: 400
}

.web-profile-details .react-datepicker-popper .react-datepicker__week {
	justify-content: space-between
}

.web-profile-details .react-datepicker-popper .react-datepicker__day {
	width: calc(14.28571% - 4px);
	flex: 0 0 calc(14.28571% - 4px);
	padding-top: calc(14.28571% - 4px)
}

.edit-profile-slider-holder .cover-profile-holder {
	height: 240px
}

.edit-profile-slider-holder .cover-profile-holder .cover-image {
	height: 162px
}

.edit-profile-slider-holder .cover-profile-holder .cover-image .camera-holder {
	width: 55px;
	height: 24px;
	font-size: .75rem
}

.edit-profile-slider-holder .cover-profile-holder .profile-image .camera-holder {
	width: 30px;
	height: 30px
}

.edit-profile-slider-holder .cover-profile-holder .profile-image .camera-holder .icon-style {
	font-size: 1rem
}

#staticHeader.cropper-open {
	z-index: 10000
}

.profile-slider {
	height: unset!important;
	z-index: 10000
}

.header-icon-wrapper {
	margin-right: 5px;
	height: 2.1875rem;
	padding-top: 4px;
	position: relative;
	display: flex;
	align-items: center
}

.preview .header-icon-wrapper {
	height: unset
}

.header-icon-wrapper .holder-div {
	width: 1.625rem;
	height: 1.625rem;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding-top: 2px;
	border: unset!important
}

.header-icon-wrapper .click-to-edit {
	padding: 5px!important
}

.header-icon-wrapper .header-icon .dta {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 18px;
	left: 13px;
	color: #fff;
	background: #f90;
	min-width: 13px;
	height: 13px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 10px;
	font-weight: 500;
	font-family: Roboto, sans-serif
}

.header-icon-wrapper .header-icon .cart-count-val {
	font-weight: 500
}

.header-icon {
	color: var(--CS-OTHER_ICON)!important
}

._2PHW_add-item-slider .jjVj_video-player-wrapper,
.OAL4_add-edit-product .jjVj_video-player-wrapper {
	width: 100%;
	height: 360px!important;
	max-height: calc(100vw - 9rem)!important
}

._2PHW_add-item-slider .spJQ_progress-bar-wrapper,
.OAL4_add-edit-product .spJQ_progress-bar-wrapper {
	height: 360px;
	max-height: calc(100vw - 9rem)!important
}

.q7CE_show-thumbnail-wrapper {
	width: 100%;
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.q7CE_show-thumbnail-wrapper ._1nYa_overlay-div {
	background-color: rgba(0, 0, 0, .6);
	pointer-events: none;
	position: absolute;
	width: calc(100% + 4px);
	height: calc(100% + 4px)
}

.q7CE_show-thumbnail-wrapper ._1xDZ_default-icon-holder {
	position: absolute;
	z-index: 1;
	color: #fff;
	font-size: 180%
}

.q7CE_show-thumbnail-wrapper img {
	filter: brightness(.6)
}

._1YMp_view-image-slider .q7CE_show-thumbnail-wrapper ._1xDZ_default-icon-holder {
	font-size: 2.5rem
}

._1YMp_view-image-slider .jjVj_video-player-wrapper {
	background-color: #000
}

.Q11E_react-player__preview {
	background-size: contain!important;
	background-repeat: no-repeat;
	background-position: 50%!important
}

.Q11E_react-player__preview:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	pointer-events: none
}

._35dG_video-player-tag-on {
	position: absolute;
	bottom: 10px;
	transform: translateX(-50%);
	left: 50%;
	pointer-events: none
}

._3t8S_light-player-icon {
	font-size: 2.75rem;
	color: #fff;
	position: relative;
	z-index: 1
}

@media (min-width:762px) {
	._2PHW_add-item-slider .jjVj_video-player-wrapper,
	.OAL4_add-edit-product .jjVj_video-player-wrapper {
		height: 290px!important;
		max-height: 290px!important
	}
	._2PHW_add-item-slider .spJQ_progress-bar-wrapper,
	.OAL4_add-edit-product .spJQ_progress-bar-wrapper {
		height: 290px;
		max-height: 290px!important
	}
}

._3S4T_progress-bar,
.lH3t_progress {
	display: flex;
	overflow: hidden
}

.lH3t_progress {
	width: 72%;
	height: .625rem;
	font-size: .75rem;
	background-color: #e9ecef;
	border-radius: .315rem;
	border: 1px solid #e9ecef
}

.-Gvg_progress-text {
	flex-direction: column;
	margin-top: .875rem;
	font-size: .8125rem;
	color: #e4e4e5
}

._1RlG_progress-bar-wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	background: rgba(0, 0, 0, .85)
}

._1vVR_background-icon {
	font-size: 7rem;
	position: absolute;
	z-index: -1;
	transform: translateY(-.5rem)
}

._2V6b_progress-bar-animated {
	animation: _2HaY_progress-bar-stripes 1s linear infinite
}

._2-Py_progress-bar-striped {
	background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
	background-size: 1rem 1rem
}

._3S4T_progress-bar {
	flex-direction: column;
	justify-content: center;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #0086ff;
	transition: width .6s ease;
	border-radius: .315rem
}

@keyframes _2HaY_progress-bar-stripes {
	0% {
		background-position: 1rem 0
	}
	to {
		background-position: 0 0
	}
}

._13M__circle-progress,
.fKTL_circle-background {
	fill: none
}

.fKTL_circle-background {
	stroke: #ddd
}

._13M__circle-progress {
	stroke: #0086ff;
	stroke-linecap: round;
	stroke-linejoin: round
}

.I6SN_circle-text {
	font-size: 3em;
	font-weight: 700;
	fill: #0086ff
}

._1SjV_circular-wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	background-image: url(https://image1.jdomni.in/jdomni_email/b2bprogressbarsmallR_2004071738.png);
	background-size: cover
}

._1SjV_circular-wrapper ._3kLY_back-icon {
	position: absolute;
	z-index: -1;
	font-size: 1.15rem;
	color: rgba(0, 0, 0, .6)
}

._2tVC_video-listing-container ._1SjV_circular-wrapper {
	background-image: url(https://image1.jdomni.in/jdomni_email/b2bprogressbarbig_2004012035.png);
	background-size: cover
}

._2z-v_tag-holder {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ededed;
	border-radius: 12px;
	color: #424448;
	width: fit-content;
	height: 16px;
	font-size: .625rem;
	text-transform: uppercase;
	padding: 0 .5rem
}

._2z-v_tag-holder._3hvj_filter {
	text-transform: none;
	font-size: .75rem;
	height: 22px
}

._2z-v_tag-holder i {
	font-size: 10px
}

._2z-v_tag-holder._1hc__alert {
	background: #c64c5c;
	color: #fff
}

._2z-v_tag-holder._1hc__alert.GOPq_info {
	transition: background .3s ease;
	cursor: pointer
}

._2z-v_tag-holder._1hc__alert.GOPq_info:hover {
	background: #b43e4d
}

._2z-v_tag-holder._2bbM_warning {
	background: #ffa800;
	color: #fff
}

._2z-v_tag-holder._2bbM_warning.GOPq_info {
	transition: background .3s ease;
	cursor: pointer
}

._2z-v_tag-holder._2bbM_warning.GOPq_info:hover {
	background: #ff8e00
}

._2z-v_tag-holder._1Pt8_success {
	background: #00b05a;
	color: #fff
}

._2z-v_tag-holder._1Pt8_success.GOPq_info {
	transition: background .3s ease;
	cursor: pointer
}

._2z-v_tag-holder._1Pt8_success.GOPq_info:hover {
	background: #009d50
}

._2z-v_tag-holder.GOPq_info {
	transition: background .3s ease;
	cursor: pointer
}

._2z-v_tag-holder.GOPq_info:hover {
	background: #7d7d7d
}

.jd-cms .srch_wraper #srchdetsticky .wrpr.addMinBx.text-center {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 26px;
	width: 80px;
	min-width: 80px;
	vertical-align: middle;
	border-radius: 20px;
	border-width: 1px;
	border-style: solid
}

.searchBar-wrapper .out-stk-wrp {
	text-align: right;
	width: 20%;
	min-width: 100px
}

.searchBar-wrapper .not-present-tag {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ededed;
	border-radius: 25px;
	width: auto;
	padding: 0;
	width: 115px;
	max-width: 115px;
	height: 26px;
	font-size: 12px;
	color: #414e59;
	margin-left: auto
}

.searchBar-wrapper .prod-container.template-product {
	opacity: .5
}

.searchBar-wrapper .prod-container .no-image-container {
	height: 27px;
	width: 27px;
	position: relative;
	border-radius: 4px
}

.searchBar-wrapper .prod-container .no-image-container .search-product-image {
	top: 0
}

.searchBar-wrapper .prod-container .video-container {
	height: 26px;
	width: 26px;
	position: relative;
	border-radius: 4px;
	font-size: 7px;
	border: 1px solid #ededed;
	overflow: hidden
}

.searchBar-wrapper .tmplt-prdct {
	opacity: .5
}

.searchBar-wrapper .b2bautosgst {
	display: flex;
	align-items: center
}

.searchBar-wrapper .b2bautosgst .product-container-main {
	display: flex;
	justify-content: space-between
}

.searchBar-wrapper .product-container-main .prdnms {
	color: #414e59;
	font-size: 14px
}

.searchBar-wrapper .product-container-main .search-product-image {
	width: 27px;
	min-width: 27px;
	height: 27px;
	padding-right: 0;
	border: 1px solid #ededed;
	border-radius: 5.28px
}

.searchBar-wrapper .auto_outer {
	border-radius: 0 0 10px 10px;
	padding-bottom: 10px;
	font-family: Gilroy!important;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, .3)
}

.searchBar-wrapper .auto_outer .search-item-main {
	padding: 0 10px;
	border-bottom: none
}

.searchBar-wrapper .auto_outer .search-item-main:hover,
.searchBar-wrapper .auto_outer .search-item-main:hover .product-container-main {
	background: #edf1f7
}

.searchBar-wrapper .auto_outer .search-item-main .product-container-main {
	min-height: 50px;
	border-bottom: 1px solid #ededed;
	display: flex;
	justify-content: space-between
}

.searchBar-wrapper .auto_outer .search-item-main .product-container-main .product-name-main {
	padding-left: 14px;
	margin-top: 0
}

.searchBar-wrapper .auto_outer .search-item-main.auto-outStok .out-stk-wrp {
	text-align: right;
	width: 20%
}

.searchBar-wrapper .auto_outer .search-item-main .price-container {
	padding-left: 3%
}

.btn-animate-hover {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid transparent;
	box-sizing: border-box;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	min-width: 0;
	position: relative;
	overflow: hidden
}

.btn-animate-hover:after {
	border: none;
	opacity: 0;
	content: "";
	position: absolute;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transform: scale(0);
	transition-property: transform, opacity;
	border-radius: 4px;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0
}

.btn-animate-hover.circle-btn,
.btn-animate-hover.circle-btn:after {
	border-radius: 50%
}

.btn-animate-hover:hover:after {
	background-color: rgba(0, 0, 0, .06);
	border: none;
	opacity: 1;
	transform: scale(1)
}

.mobileVendorApp .btn-animate-hover:hover:after {
	background-color: unset
}

.mobile-product-detail.web-edit .btn-animate-hover:hover:after {
	background-color: rgba(0, 0, 0, .06)
}

.header-theme-btn {
	position: absolute;
	right: 0;
	cursor: pointer;
	border: 1px solid #0086ff;
	background-color: #0086ff;
	color: #fff;
	padding: 2px 15px;
	top: 0;
	z-index: 2;
	font-family: Roboto
}

.header-theme-btn.social-link-edit {
	border-bottom-right-radius: 2px
}

.header-theme-btn.footer-color,
.header-theme-btn.header-color,
.header-theme-btn.logo-edit,
.header-theme-btn.menu-link-edit,
.machinery2 .left-sec .header-theme-btn.social-link-edit {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 0
}

.header-theme-btn.footer-color {
	top: 0
}

.footer-container .header-theme-btn.social-link-edit {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px
}

.header-theme-btn:hover {
	color: #fff;
	background-color: #0174dc
}

.header-block .account-info-sec .header-theme-btn {
	top: -1px;
	right: -1px;
	font-size: 14px;
	box-sizing: border-box
}

.header-block.b2b .account-info-sec .header-theme-btn {
	font-size: 12px;
	left: 0;
	right: auto
}

.header-block.machinery3 .header-theme-btn {
	z-index: 3
}

.footer-mid .footer-sec.paddingLR0 {
	padding-left: 0;
	padding-right: 0
}

.shop-footer .footer-pay {
	margin-top: 15px
}

.shop-footer .footer-pay .single-payment-type {
	background-image: url(https://image1.jdomni.in/jdomni_email/paymentIcon5_1809261413_1908191425.png);
	background-repeat: no-repeat;
	background-size: cover
}

.jd-webp .shop-footer .footer-pay .single-payment-type {
	background-image: url(https://image1.jdomni.in/jdomni_email/paymentIcon5_1809261413_1908191425.png?output-format=webp)
}

.shop-footer .online-payments,
.shop-footer .wallet-payments {
	position: relative
}

.shop-footer .card-payments .single-payment-type,
.shop-footer .online-payments .single-payment-type,
.shop-footer .wallet-payments .single-payment-type {
	display: inline-block;
	height: 45px;
	width: 230px
}

.shop-footer .wallet-payments .single-payment-type {
	height: 85px
}

.shop-footer .online-payments .fake-div,
.shop-footer .wallet-payments .fake-div {
	position: absolute;
	z-index: 5;
	background-color: #fff
}

.shop-footer .online-payments .fake-div {
	width: 80px;
	height: 35px;
	top: 0;
	left: 171px
}

.shop-footer .wallet-payments .fake-div {
	width: 60px;
	height: 45px;
	top: 44px;
	left: 190px
}

.shop-footer .amex {
	background-position: -1px 4px
}

.shop-footer .net-banking {
	background-position: 0 -44px
}

.shop-footer .udio {
	background-position: 0 -103px
}

.shop-footer .cod {
	background-position: 0 -35px
}

.shop-footer .paypal {
	background-position: 0 -75px
}

.wap .shop-footer .card-payments .single-payment-type,
.wap .shop-footer .online-payments .single-payment-type,
.wap .shop-footer .wallet-payments .single-payment-type {
	width: 280px
}

.wap .shop-footer .wallet-payments .single-payment-type {
	height: 104px
}

.wap .shop-footer .online-payments .fake-div {
	width: 89px;
	height: 52px;
	left: 192px
}

.wap .shop-footer .wallet-payments .fake-div {
	width: 89px;
	height: 52px;
	top: 52px;
	left: 215px
}

.wap .shop-footer .amex {
	background-position: -1px 0
}

.wap .shop-footer .net-banking {
	background-position: 0 -45px
}

.wap .shop-footer .udio {
	background-position: 0 -112px
}

.wap .shop-footer .cod {
	background-position: 0 -44px
}

.wap .shop-footer .paypal {
	background-position: 0 -87px
}

.businessEnquiry .enquiry-toast-message {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 50%;
	bottom: 50px;
	font-size: 17px
}

.businessEnquiry .enquiry-toast-message.show {
	visibility: visible
}

.webfooter.logo-container .logo-edit-style img {
	width: auto;
	height: auto
}

.wap .footer-main {
	padding: 10px 0 0
}

.wap .footer-main .footer-sec.top {
	border-left: none
}

.wap.mobile-preview .footer-basics .app-copyright-sec,
.wap.mobile-preview .footer-basics .social-language-section {
	padding: 0
}

.wap.mobile-preview .shop-footer .card-payments .single-payment-type,
.wap.mobile-preview .shop-footer .online-payments .single-payment-type,
.wap.mobile-preview .shop-footer .wallet-payments .single-payment-type {
	width: 245px
}

.footer-main {
	display: block;
	width: 100%;
	padding: 0;
	background: #fff;
	position: relative;
	font-size: 14px;
	color: #333
}

.footer-main .container {
	min-height: auto
}

.footer-main .labeltxt b {
	font-size: 14px;
	color: #333
}

.footer-main .footer-sec a {
	font-size: 14px;
	color: #333;
	text-decoration: none
}

.footer-main .footer-sec .social-sec a {
	color: #7f7f7f;
	font-size: 2em;
	margin: 5px 5px 0 0
}

.footer-main .footer-sec .sh-more-useful-links a,
.footer-main .footer-sec .social-sec a:hover {
	color: #1274c0
}

.footer-main .footer-bottom {
	font-size: 12px
}

.footer-main .footer-bottom .footer-company-name {
	margin: 0
}

.footer-main .footer-sec.top {
	border-left: 1px solid #ccc;
	text-align: center;
	min-height: 170px;
	padding-top: 20px;
	padding-bottom: 20px
}

.footer-main .footer-sec.top:first-child {
	border: 0
}

.footer-main .footer-sec.top img {
	width: 115px;
	margin-bottom: 10px
}

.footer-main .footer-mid {
	padding: 25px 0
}

.footer-main .open-dialer:hover {
	color: #333
}

.footer-main .footer-app {
	display: flex
}

.footer-main .footer-app a img {
	width: 130px
}

.footer-main .footer-links li {
	line-height: 30px
}

.footer-main .footer-links .ico {
	font-size: 10px
}

.footer-main .footer-links-b2b li {
	float: left;
	width: 50%
}

.footer-main .footer-links-b2b .parent-menulink .icon-pagination-right {
	top: 7px;
	position: absolute;
	font-size: 15px
}

.footer-main .footer-links.footer-links-b2b.showlessmore {
	margin-bottom: 0
}

.footer-main .b2b-lessmore .ico {
	font-size: 10px
}

.footer-main .b2b-lessmore a {
	color: #1274c0
}

.footer-main .footer-cnt-us {
	margin-bottom: 10px
}

.footer-main .footer-cnt-us .footer-cnt-ic {
	margin-right: 5px;
	float: left
}

.footer-main .footer-cnt-us .footer-cnt-ic .ico {
	font-size: inherit
}

.footer-main .footer-cnt-us .footer-cnt-text {
	word-break: break-word;
	padding-right: 4px;
	min-height: 22px
}

.footer-main .footer-cnt-us .ico {
	font-size: 14px;
	position: relative;
	top: 2px
}

.footer-main .contact-details .footer-cnt-color {
	color: inherit
}

.footer-main .contact-details .footer-cnt-color a {
	color: inherit;
	font-size: inherit
}

.footer-main .contact-details .footer-cnt-color a:focus {
	color: inherit!important
}

.footer-main .contact-details .footer-cnt-us .footer-cnt-color a {
	color: inherit;
	font-size: inherit
}

.footer-main .contact-details .footer-cnt-us .footer-cnt-color a:focus {
	color: inherit!important
}

.footer-main .footer-cnt-us-mobile .footer-cnt-ic {
	margin-right: 5px;
	float: left
}

.footer-main .footer-cnt-us-mobile .footer-cnt-ic .ico {
	font-size: inherit
}

.footer-main .footer-cnt-us-mobile .footer-cnt-text {
	word-break: break-word;
	padding-right: 4px;
	min-height: 22px
}

.footer-main .footer-cnt-us-mobile .ico {
	font-size: 14px;
	position: relative;
	top: 2px
}

.footer-main .footer-cnt-us-email .footer-cnt-ic {
	margin-right: 5px;
	float: left
}

.footer-main .footer-cnt-us-email .footer-cnt-ic .ico {
	font-size: inherit
}

.footer-main .footer-cnt-us-email .footer-cnt-text {
	word-break: break-word;
	padding-right: 4px;
	min-height: 22px
}

.footer-main .footer-cnt-us-email .ico {
	font-size: 14px;
	position: relative;
	top: 2px
}

.footer-main .footer-pay img {
	width: 40px;
	margin: 0 0 7px
}

.footer-main .footer-pay img.other-pay {
	width: 62px
}

.footer-main .line {
	border-bottom: 1px solid #ccc;
	float: left;
	width: 100%
}

.footer-main .container-fluid .paddingLR0 {
	padding-left: 0;
	padding-right: 0
}

.footer-main .footer-app-download {
	display: block;
	justify-content: center
}

.footer-main .footer-app-download .download-app-section {
	padding: 10px 0
}

.footer-main .footer-company-name {
	padding: 22px 0
}

.footer-main .rating-section {
	padding-top: 10px
}

.footer-main a:hover {
	color: #1274c0
}

.footer-container .row {
	margin-left: 0;
	margin-right: 0
}

.footer-container .footer-doctors.doctors .copyright-applinks-section .copyright-text {
	margin-right: 19px
}

.footer-container .logo-wrapper {
	min-height: 50px;
	max-height: 95px
}

.footer-container .footer-basics .sprite_new {
	font-size: 20px;
	padding-bottom: 5px
}

.footer-container .footer-basics .footer4.social-icon-sec,
.footer-container .footer-basics .footer6.social-icon-sec,
.footer-container .footer-basics .social-icon-sec {
	font-size: unset
}

.footer-container .shop-footer .icon-double-arrowDown {
	color: inherit;
	padding-right: 3px
}

.footer-container .shop-footer .footer-company-name a:hover,
.footer-container .shop-footer .icon-double-arrowUp {
	color: inherit
}

.footer-container .default.shop-footer .menuLink-wrapper>.footer-links,
.footer-container .default.shop-footer .more-useful-links>.footer-links {
	overflow: visible
}

.footer-container .social-sec .sprite_new {
	background: 0 0
}

.footer-container .store-name-color {
	line-height: 1.5
}

.footer-wrapper .footer-main .parent-menulink {
	display: inline-block;
	word-break: break-all
}

.footer-wrapper .footer-main .parent-menulink div,
.footer-wrapper .footer-main .parent-menulink i {
	vertical-align: middle
}

.footer-background {
	border-top: 1px solid hsla(0, 0%, 76.1%, .25)
}

.wap .footer-main .footer-distributed .footer-sec.footer-options .b2b-lessmore a.b2b-showmore-control:active,
.wap .footer-main .footer-distributed ul.footer-links li a.footer-links-option:active,
.wap .footer-main .footer-distributed ul.footer-links li a.footer-links-option:hover {
	text-decoration: none
}

.wap .footer-main .footer-distributed .footer-sec.footer-options {
	padding-left: 0;
	padding-right: 0
}

.wap .footer-main .footer-distributed .footer-options .labeltxt {
	padding: 0 20px
}

.wap .footer-main .footer-distributed .footer-sec.footer-options .b2b-lessmore,
.wap .footer-main .footer-distributed ul.footer-links li {
	line-height: 2.5
}

.wap .footer-main .footer-distributed .footer-sec.footer-options .b2b-lessmore a.b2b-showmore-control,
.wap .footer-main .footer-distributed ul.footer-links li a.footer-links-option {
	display: inline-block;
	cursor: pointer
}

.wap .footer-main .footer-distributed ul.footer-links .parent-menulink a.footer-links-option {
	display: inline;
	padding-right: 0
}

.wap .footer-main .footer-distributed li .icon-pagination-right {
	font-size: 18px;
	top: 8px
}

.wap .footer-main.default .footer-distributed ul.footer-links li,
.wap .footer-main.footer3 .footer-distributed ul.footer-links li {
	line-height: 1.8;
	padding: 0 20px
}

.wap .footer-main.default .footer-distributed ul.footer-links li .icon-pagination-right,
.wap .footer-main.footer3 .footer-distributed ul.footer-links li .icon-pagination-right {
	top: -1px;
	position: relative;
	font-size: 15px;
	left: 1px
}

.wap .footer-basics.footer5 .rating-section,
.wap .footer-basics.footer6 .center-align {
	display: flex;
	justify-content: center
}

.wap .footer-basics .social-icon-sec {
	padding: 0
}

.wap .footer-basics .logo-wrapper {
	width: auto;
	margin-top: 0
}

.wap .footer-basics .social-icon-sec.footer4,
.wap .footer-basics .social-icon-sec.footer6 {
	padding: 0
}

.wap .footer-basics .footer-options-cnt,
.wap .footer-basics .footer-options-cnt.menu-links .footer-options-cnt {
	display: flex;
	justify-content: center
}

.wap .footer-basics .menu-links-footer6 .footer-options-cnt,
.wap .footer-basics .menu-links.doctors .footer-options-cnt {
	flex-wrap: wrap
}

.wap .footer-basics .footer-options-cnt .border-divider {
	border-right: 1px solid #fff
}

.wap .footer-basics .footer-options-cnt .footer-options {
	float: left;
	padding: 0 22px;
	text-align: center;
	line-height: 18px;
	margin: 7px 0
}

.wap .footer-basics .footer-options-cnt .footer-options:last-child {
	border: none
}

.wap .footer-basics .app-img-cnt {
	height: auto
}

.wap .footer-basics.footer4 .app-img-cnt {
	display: block
}

.wap .footer-basics .app-img-cnt .app-img {
	height: 40px
}

.wap .footer-basics .footer-options-cnt .footer-options-row2 {
	left: 15px
}

.wap .footer-basics .footer-options .our-story,
.wap .footer-basics .footer-options .services {
	padding-right: 0;
	padding-left: 0
}

.wap .footer-basics .social-icon-sec {
	text-align: center;
	font-size: 2em
}

.wap .footer-basics .social-icon-sec .social-sec {
	padding: 15px 0 0;
	line-height: 1.5
}

.wap .footer-basics .padding0 {
	padding: 0
}

.wap .footer-basics .paddingLR0 {
	padding-left: 0;
	padding-right: 0
}

.wap .footer-basics .padding15 {
	padding: 15px
}

.wap .footer-basics .margin0 {
	margin: 0
}

.wap .footer-basics .float-left {
	float: left
}

.wap .footer-basics a {
	color: silver;
	font-weight: inherit;
	text-decoration: none
}

.wap .footer-basics .footer-bottom a {
	display: inline-block
}

.wap .footer-basics a:focus {
	color: #fff;
	text-decoration: none
}

.wap .footer-basics .footer-company-name {
	text-align: center;
	font-size: 12px
}

.wap .footer-basics .footer-bottom,
.wap .footer-basics .social-language-section {
	color: silver;
	display: flex;
	align-items: center;
	min-height: 60px;
	flex-direction: column;
	text-align: center
}

.wap .footer-basics .footer-bottom .copyright-text {
	padding: 0 15px 10px
}

.wap .footer-basics.footer-doctors .footer-bottom .copyright-text {
	padding-top: 5px
}

.wap .footer-basics .footer-bottom .col-md-4,
.wap .footer-basics .footer-bottom .col-md-4 p {
	padding: 0
}

.wap .footer-basics .disable-pointer {
	pointer-events: none
}

.wap .footer-basics .icon-pagination-up {
	top: 3px;
	font-size: 15px
}

.wap .footer-basics .footer-distributed .menu-social-links-sec {
	padding: 0;
	color: #fff;
	overflow: auto
}

.wap .footer-basics.footer6 .footer-distributed,
.wap .footer-basics.footer-doctors .footer-distributed {
	padding-bottom: 0
}

.wap .footer-basics .mobile-email-sec {
	display: none
}

.wap .footer-basics .marginTB5 {
	margin-top: 5px;
	margin-bottom: 5px
}

.wap .footer-basics .truncate-text {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.wap .footer-basics .footer-app {
	padding-bottom: 15px
}

.wap .footer-basics.footer4 .footer-app,
.wap .footer-basics.footer-doctors .footer-app {
	padding-bottom: 0
}

.wap .footer-basics .footer-options-cnt {
	display: block;
	height: auto;
	line-height: 2;
	text-align: center;
	padding: 0 15px;
	margin: 0
}

.wap .footer-basics .footer-options-cnt.menu-links {
	padding: 15px 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.wap .footer-basics .mobile-logo-container {
	display: flex;
	justify-content: center;
	padding-top: 15px;
	padding-bottom: 15px
}

.wap .footer-basics.footer4 .social-icon-sec .social-sec {
	padding-top: 25px
}

.wap .footer-basics.footer-doctors .social-icon-sec .social-sec {
	padding: 20px 0 0
}

.wap .footer-basics.footer5 .copyright-align {
	padding-top: 15px
}

.wap .footer-basics.footer4 .footer-bottom,
.wap .footer-basics.footer6 .footer-bottom,
.wap .footer-basics.footer-doctors .footer-bottom {
	padding-top: 0
}

.wap .footer-basics.footer5 .footer-bottom {
	padding-top: 15px
}

.wap .footer-basics .footer-bottom .footer6 {
	padding-left: 0;
	padding-right: 0
}

.wap .footer-basics .footer6 {
	padding-bottom: 15px
}

.wap .footer-basics.footer-doctors .app-img-cnt {
	justify-content: center
}

.wap .footer-basics.footer4 .download-app-section,
.wap .footer-basics.footer4 .jdRating,
.wap .footer-basics.footer5 .download-app-section,
.wap .footer-basics.footer-doctors .download-app-section {
	display: flex;
	justify-content: center
}

.wap .footer-basics.footer4 .jdRating.jdRatingPaddingT10,
.wap .footer-basics.footer-doctors .jdRating.jdRatingPaddingT10 {
	padding-top: 10px
}

.wap .footer-basics .menu-links-footer6 .footer-options-cnt {
	padding-left: 10px;
	padding-right: 10px
}

.wap .footer-basics.footer5 .app-img-cnt {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 15px;
	padding-bottom: 0
}

.wap .footer-main {
	padding-top: 20px;
	display: inline-block
}

.wap .footer-main .footer-sec a:hover {
	text-decoration: none
}

.wap .footer-main .footer-links-b2b li {
	width: 100%
}

.wap .footer-main .footer-mid {
	padding: 25px 0 0
}

.wap .footer-main .footer-mid.ptb-0 {
	padding-top: 0;
	padding-bottom: 0
}

.wap .footer-main .footer-pay img.other-pay {
	width: 65px
}

.wap .footer-main .footer-pay img {
	width: 40px
}

.wap .footer-main .footer-sec.top {
	padding: 15px 15px 15px 0
}

.wap .footer-main .line {
	border-bottom: 1px solid #efefef
}

.wap .footer-basics .footer-app {
	justify-content: center;
	display: block
}

.wap .footer-basics .change-language-section {
	padding-top: 18px
}

.wap .footer-basics .download-app-section {
	padding-top: 10px;
	padding-bottom: 10px
}

.wap .footer-basics .rating-section {
	padding-bottom: 10px
}

.wap .footer-basics.footer6 .jdRating .star-ratings-css-bottom,
.wap .footer-basics.footer6 .jdRating .star-ratings-css-top {
	padding-bottom: 2px
}

.wap .footer-basics.footer6 .logo-rating-section .jdRating,
.wap .footer-basics.footer6 .logo-rating-section .logo-wrapper {
	display: flex;
	justify-content: center;
	padding-top: 15px;
	padding-bottom: 15px
}

.wap .footer-basics.footer6 .copyright-applinks-section .footer-company-name {
	display: inline-block
}

.wap .footer-main.footer3 {
	padding-top: 20px
}

.wap .footer-main.footer3 .jdRating.jdRatingPaddingB20 {
	margin-bottom: 20px
}

.wap .footer-main.footer3 .footer-mid {
	padding-top: 0
}

.wap .footer-basics.footer5 .jdRating {
	margin-bottom: 20px
}

.wap .footer-main.default {
	padding-top: 20px
}

.wap .footer-main.default .jdRating {
	margin-bottom: 20px
}

.wap .footer-main.default .footer-mid {
	padding-top: 0
}

.wap .footer-company-name {
	margin: 0
}

.wap .footer-pay {
	width: auto
}

.wap .footer-mid .footer-sec {
	margin-bottom: 15px;
	padding: 15px 20px 0
}

.wap .footer-mid .footer-bottom {
	padding: 15px 20px 0
}

.wap .shop-footer .shortform_name {
	height: 30px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 2px
}

.wap .shop-footer .store-name {
	padding-left: 5px
}

.shop-footer .open-dialer {
	display: inline
}

.shop-footer .contact-details .admin-edit-border>div {
	font-family: inherit
}

.shop-footer .contact-details a .editable-content,
.shop-footer .contact-links a .editable-content,
.shop-footer .mobile-email-sec a .editable-content {
	cursor: pointer
}

.shop-footer .footer-company-name a {
	color: inherit
}

.shop-footer .change-language-section .lang-change:hover,
.shop-footer .change-language-section .selected-lang,
.shop-footer .footer-bottom .lang-change:hover,
.shop-footer .footer-bottom .selected-lang {
	color: #0086ff!important
}

.shop-footer .footer-links a,
.shop-footer .menu-links-footer6 a,
.shop-footer .menu-links a {
	text-transform: uppercase
}

.shop-footer .logo-wrapper {
	font-family: roboto
}

.shop-footer .parent-menulink .popover li {
	line-height: 1.6;
	margin: 0;
	width: 100%;
	padding: 9px 10px;
	max-width: none;
	cursor: pointer;
	font-size: 14px
}

.shop-footer .popover {
	border: none;
	outline: none;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2);
	border-radius: 4px
}

.shop-footer .popover li:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

.shop-footer .popover li:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px
}

.desktop .footer-main .footer-language-section {
	background-color: #f4f4f4
}

.desktop .footer-main .col-sm-3 {
	width: 25%;
	padding-right: 15px;
	padding-left: 15px
}

.desktop .footer-main .jdRating {
	padding: 15px
}

.desktop .footer-basics .footer-language-section {
	background-color: #f4f4f4
}

.desktop .footer-basics .col-sm-3 {
	width: 25%
}

.desktop .footer-basics .copyright-applinks-section {
	display: flex
}

.desktop .footer-basics .copyright-applinks-section .app-download-section {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.desktop .footer-basics .footer6 .footer-options-cnt {
	height: 25px
}

.desktop .footer-basics .footer-options-cnt.footer5 {
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 0
}

.desktop .footer-basics .footerPTB10 {
	padding-top: 10px;
	padding-bottom: 10px
}

.desktop .footer-basics .footer-options>a {
	white-space: nowrap
}

.desktop .footer-container .menu-social-links-sec .mobile-email-sec {
	font-size: 14px
}

.desktop .footer-container .menu-social-links-sec .mobile-email-sec .footer-cnt-ic .ico.icon-telephone60,
.desktop .footer-container .menu-social-links-sec .mobile-email-sec .footer-cnt-ic .ico.icon-view_rfq {
	font-size: inherit
}

.desktop .footer-container .menu-social-links-sec .mobile-email-sec .icon-view_rfq {
	font-size: 14px
}

.desktop .footer-container .menu-social-links-sec .mobile-email-sec .icon-telephone60 {
	font-size: 13px
}

.desktop .footer-container .footer6 .menu-links-footer6,
.desktop .footer-container .footer-language-section .language-div,
.desktop .footer-container .menu-social-links-sec .menu-links {
	font-size: 14px
}

.desktop .footer-basics.doctors .footer-options-cnt {
	display: block;
	height: auto;
	margin-bottom: 0
}

.desktop .footer-basics.doctors .rating-download-section {
	display: flex
}

.desktop .footer-basics.doctors .jdRating {
	margin-left: 20px
}

.desktop .footer-basics.doctors .edit-social-pos {
	margin-top: 28px
}

.desktop .footer-basics.doctors .menu-links.footer-options-cnt {
	padding-top: 55px;
	height: 80px;
	margin-bottom: 10px
}

.desktop .footer-basics.doctors .menu-links .footer-options-cnt {
	position: absolute;
	bottom: 0
}

.desktop .footer-basics.doctors .mobile-email-sec {
	display: flex;
	text-align: right;
	justify-content: right;
	flex-direction: column-reverse;
	height: inherit;
	align-items: flex-end;
	position: relative;
	margin-top: 3px
}

.desktop .footer-basics.doctors .mobile-email-sec .contact-links .footer-cnt-us-email {
	margin-left: 5px
}

.desktop .footer-doctors .copyright-applinks-section {
	display: flex
}

.desktop .footer-doctors .copyright-applinks-section .copyright-text {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.desktop .footer5 .social-sec {
	display: flex;
	align-items: center;
	height: 100%
}

.desktop .footer-basics.footer5 .rating-download-section {
	display: flex
}

.desktop .footer-basics.footer5 .jdRating {
	margin-right: 20px
}

.desktop .footer-basics.footer5 .jdRating .star-ratings-css-bottom,
.desktop .footer-basics.footer5 .jdRating .star-ratings-css-top {
	padding-bottom: 3px
}

.desktop .footer-basics.footer6 .jdRating {
	margin-left: 20px;
	margin-top: 10px
}

.desktop .footer-basics.footer6 .jdRating .star-ratings-css-bottom,
.desktop .footer-basics.footer6 .jdRating .star-ratings-css-top {
	padding-bottom: 3px
}

.desktop .footer-basics.footer6 .logo-rating-section {
	display: flex;
	align-items: center;
	padding-left: 0
}

.desktop .footer-basics.footer6 .footer-app-download {
	justify-content: flex-end
}

.desktop .footer-basics.footer6 .footer-bottom {
	min-height: 40px
}

.desktop .footer-basics.footer4 .jdRating {
	margin-left: 20px
}

.desktop .footer-main.default .account-social-wrapper,
.desktop .shop-footer.footer4 .account-social-wrapper {
	position: relative
}

.desktop .footer-main.footer3 .footer-sec.contact-details .labeltxt,
.desktop .footer-main.footer3 .footer-sec .footer-icons .labeltxt {
	margin-bottom: 4px
}

.desktop .jdRating .jdFooterRating .star-ratings-css-bottom span,
.desktop .jdRating .jdFooterRating .star-ratings-css-top span {
	font-size: 18px
}

.desktop .doctors .mobile-email-sec {
	position: absolute;
	bottom: 0
}

.desktop .shop-footer.default .menuLink-wrapper .parent-menulink,
.desktop .shop-footer.footer3 .menuLink-wrapper .parent-menulink {
	display: inline;
	padding-right: 15px
}

.desktop .shop-footer .menuLink-wrapper .footer-links.footer-links-b2b,
.desktop .shop-footer .menuLink-wrapper .footer-links.parent-menulink,
.desktop .shop-footer .menuLink-wrapper .footer-links.showlessmore {
	overflow: visible
}

.desktop .menu-links-footer6 .footer-options>a {
	white-space: nowrap
}

.flex-center {
	display: flex;
	align-items: center
}

.footer-app .marginLR5 {
	margin-right: 5px;
	margin-left: 5px
}

.footer-basics .footer-app {
	display: flex;
	padding: 0
}

.footer-basics .mobile-email-sec {
	text-align: right;
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	height: inherit;
	margin-top: 15px
}

.footer-basics .mobile-email-sec .footer-cnt-color,
.footer-basics .mobile-email-sec .footer-cnt-color a {
	color: inherit;
	font-size: inherit
}

.footer-basics .mobile-email-sec .footer-cnt-color a:focus {
	color: inherit!important
}

.footer-basics .mobile-email-sec .footer-cnt-ic {
	margin-right: 5px
}

.footer-basics .mobile-email-sec .footer-cnt-ic .ico {
	font-size: inherit
}

.footer-basics .mobile-email-sec .footer-cnt-us {
	display: flex
}

.footer-basics .mobile-email-sec .footer-cnt .icon-view_rfq {
	display: flex;
	height: 100%;
	align-items: center
}

.footer-basics .footer-distributed {
	width: 100%;
	position: relative;
	padding: 0 0 5px
}

.footer-basics .sections {
	max-width: 1366px;
	margin: 0 auto
}

.footer-basics .dn {
	display: none
}

.footer-basics .display-block {
	display: block
}

.footer-basics .truncate-text {
	max-width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.footer-basics .footer-cnt-us {
	display: inline;
	float: left
}

.footer-basics .footer-cnt-us .footer-cnt-ic,
.footer-basics .footer-cnt-us .footer-cnt-text {
	display: inline;
	padding-right: 4px
}

.footer-basics .footer-cnt-us-mobile {
	display: inline;
	float: left
}

.footer-basics .footer-cnt-us-mobile .footer-cnt-ic,
.footer-basics .footer-cnt-us-mobile .footer-cnt-text {
	display: inline;
	padding-right: 4px
}

.footer-basics .footer-cnt-us-email {
	display: inline;
	float: left
}

.footer-basics .footer-cnt-us-email .footer-cnt-ic,
.footer-basics .footer-cnt-us-email .footer-cnt-text {
	display: inline;
	padding-right: 4px
}

.footer-basics .align-middle {
	vertical-align: middle
}

.footer-basics .footer-options-cnt {
	display: flex;
	margin-bottom: 10px;
	height: 80px
}

.footer-basics .footer-options-cnt .footer-options {
	float: left;
	display: flex;
	align-items: center;
	margin-right: 10px
}

.footer-basics .track-order {
	word-break: break-all
}

.footer-basics .icon-pagination-down {
	font-size: 1em;
	color: inherit;
	position: static;
	vertical-align: middle
}

.footer-basics .icon-pagination-down:focus {
	text-decoration: none;
	color: #fff
}

.footer-basics .icon-pagination-up {
	color: inherit;
	font-size: 1em;
	position: static;
	cursor: pointer
}

.footer-basics .app-img,
.footer-basics .app-img-cnt {
	height: 36px;
	display: flex
}

.footer-basics .store-name {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow-x: visible;
	word-break: break-word;
	padding-top: 0
}

.footer-basics .footer-options .our-story {
	padding-right: 0
}

.footer-basics .social-icon-sec {
	text-align: right;
	font-size: 2em;
	padding: 15px 0 0
}

.footer-basics .padding0 {
	padding: 0
}

.footer-basics .paddingLR0 {
	padding-left: 0;
	padding-right: 0
}

.footer-basics .padding15 {
	padding: 15px
}

.footer-basics .margin0 {
	margin: 0
}

.footer-basics .float-left {
	float: left
}

.footer-basics a {
	color: silver;
	font-weight: inherit;
	cursor: pointer
}

.footer-basics a:focus,
.footer-basics a:hover {
	text-decoration: none;
	color: #fff
}

.footer-basics .footer-bottom {
	color: silver;
	min-height: 40px;
	display: flex;
	align-items: center
}

.footer-basics .disable-pointer {
	pointer-events: none
}

.footer-basics .footer-company-name {
	color: #8d8d8d
}

.footer-basics .flex-direction {
	flex-direction: column
}

.footer-basics .copyright-align {
	padding-right: 15px;
	text-align: right
}

.footer-basics .logo-wrapper {
	width: 250px;
	display: inline-block;
	margin-top: 10px
}

.footer-basics .webfooter.logo-container {
	display: flex;
	align-items: center
}

.footer-basics .footer6.social-icon-sec {
	padding: 15px 0 0;
	font-size: 2.5em
}

.footer-basics .social-icon-sec-footer5 {
	font-size: 2.5em;
	height: 100%
}

.footer-basics .social-language-section {
	display: flex
}

.footer-basics .footer-options-cnt.doctors {
	padding-top: 60px;
	margin-bottom: 0;
	height: auto
}

.footer-basics .rating-section {
	padding-left: 10px;
	padding-right: 10px
}

.footer-basics .doctors .footer-options-cnt {
	margin-bottom: 0;
	height: auto
}

.footer-basics .doctors.mobile-email-sec {
	margin-top: 0
}

.footer-basics .mobile-email-sec.footer4 {
	flex-direction: row
}

.footer-basics .social-icon-sec.footer4 {
	padding: 40px 0 0;
	font-size: 2.5em
}

.footer-basics .parent-menulink .popover {
	top: auto;
	bottom: 32px;
	padding: 0;
	border: none
}

.footer-basics .drop-down-style .popover {
	left: 175px;
	top: 50%;
	max-height: 500px;
	overflow-y: auto;
	bottom: auto
}

.footer-basics .drop-down-style .parent-menulink {
	display: flex;
	align-items: center;
	position: static
}

.footer-basics .drop-down-style .parent-menulink .arrow {
	display: none
}

.footer-basics .drop-down-style .parent-menulink .pageLink {
	margin-left: 0;
	display: block
}

.footer-basics .drop-down-style .parent-menulink a {
	padding-left: 0
}

.footer-basics .more-popover .drop-down-style .popover {
	left: 195px;
	top: 0
}

.copyright-footer .copyright-container {
	padding: 15px;
	text-align: center
}

.menuLink-wrapper .footer-options i.icon-pagination-up {
	position: static;
	margin-left: 2px;
	margin-bottom: 4px
}

@-moz-document url-prefix() {
	.footer-container .strlogo #shp_name {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		position: relative;
		line-height: 1.2;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0!important;
		height: 2.4em
	}
	.shop-footer .menu-social-links-sec .contact-links>div {
		font-family: inherit
	}
}

body.IPad .footer-basics .social-icon-sec .social-sec a {
	font-size: 28px
}

.footer-basics.footer6 .icon-sec-web {
	display: flex;
	align-items: center
}

.footer-basics.footer6 .rating-section {
	float: right
}

.footer-basics.footer6 .change-language-section .language-div {
	justify-content: normal
}

.footer-basics.footer6 .footer-options-cnt {
	margin-bottom: 0
}

.footer-basics.footer5 .icon-sec-web {
	display: flex;
	align-items: center
}

.wap .footer-bottom .change-lang,
.wap .social-language-section .change-lang {
	text-align: center
}

.wap .footer-bottom .change-lang .colon-sign,
.wap .social-language-section .change-lang .colon-sign {
	display: none
}

.wap .footer-bottom .language-div,
.wap .social-language-section .language-div {
	display: initial;
	color: #7f7f7f
}

.wap .footer-bottom .lagauges,
.wap .social-language-section .lagauges {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 0;
	font-size: 18px
}

.wap .footer-bottom .lang-change,
.wap .social-language-section .lang-change {
	line-height: 2;
	width: 20%;
	padding: 0
}

.wap .footer-bottom .display-center .language-div,
.wap .social-language-section .display-center .language-div {
	padding: 12px 20px
}

.wap .footer-bottom .footer-company-name {
	padding-top: 10px
}

.wap .footer-bottom .lagauges {
	justify-content: space-around
}

.wap .footer-bottom .text-align-eighth,
.wap .footer-bottom .text-align-fifth,
.wap .footer-bottom .text-align-first,
.wap .footer-bottom .text-align-forth {
	text-align: center
}

.wap .footer-bottom .display-center .change-lang {
	text-align: left
}

.wap .footer-bottom .display-center .align-item {
	padding-top: 10px
}

.wap .footer-bottom .display-center .text-align-first {
	text-align: left
}

.wap .footer-bottom .display-center .text-align-eighth,
.wap .footer-bottom .display-center .text-align-fifth,
.wap .footer-bottom .display-center .text-align-forth {
	text-align: right
}

.wap .footer-main .copyright-sec {
	padding-left: 20px;
	padding-right: 20px
}

.wap .footer-bottom .display-center,
.wap .social-language-section .display-cente {
	display: flex;
	flex-direction: column-reverse;
	padding-top: 10px
}

.footer-bottom .lang-change:hover,
.footer-bottom .selected-lang,
.social-language-section .lang-change:hover,
.social-language-section .selected-lang {
	color: #0086ff
}

.footer-bottom .language-div {
	display: flex;
	text-align: right;
	justify-content: flex-end;
	font-size: 15px;
	padding: 10px 0;
	color: #7f7f7f
}

.footer-bottom .change-lang {
	white-space: nowrap
}

.footer-bottom .change-lang .colon-sign {
	padding-left: 5px
}

.footer-bottom .lagauges {
	display: flex;
	justify-content: flex-end
}

.footer-bottom .lang-change {
	padding-left: 12px;
	cursor: pointer
}

.footer-bottom .lang-change:hover {
	text-decoration: underline
}

.footer-bottom .display-center {
	display: flex;
	justify-content: space-between
}

.footer-bottom .display-center .align-item {
	display: flex;
	align-items: center;
	padding: 0
}

.footer-basics.footer-6 .change-language-section {
	width: 100%
}

.rating-section img {
	width: 130px
}

.footer-basics.footer4 .footer-cnt-us-email {
	margin-left: 10px
}

.footer-main.footer3 .jdRating .star-ratings-css-bottom,
.footer-main.footer3 .jdRating .star-ratings-css-top {
	padding-bottom: 2px
}

.footer-main.footer3 .footer-links .popover {
	top: auto;
	bottom: 0;
	max-height: 400px;
	overflow-y: auto;
	overflow: visible
}

.footer-main.default .jdRating .star-ratings-css-bottom,
.footer-main.default .jdRating .star-ratings-css-top {
	padding-bottom: 2px
}

.footer-main.default .footer-links .popover {
	top: auto;
	bottom: 0
}

.footer-basics.footer-doctors .jdRating .star-ratings-css-bottom,
.footer-basics.footer-doctors .jdRating .star-ratings-css-top,
.footer-basics.shop-footer.footer4 .jdRating .star-ratings-css-bottom,
.footer-basics.shop-footer.footer4 .jdRating .star-ratings-css-top {
	padding-bottom: 2px
}

.footer3.footer-main .footer-links li {
	line-height: 24px
}

.footer3.footer-main .footer-links li .footer-links-option {
	max-width: calc(100% - 20px)
}

.footer3.footer-main .footer-links li .icon-pagination-right {
	position: relative;
	top: -2px
}

.default.footer-main .footer-links li {
	line-height: 24px
}

.default.footer-main .footer-links li .footer-links-option {
	max-width: calc(100% - 20px)
}

.default.footer-main .footer-links li .icon-pagination-right {
	position: relative;
	top: -2px
}

body {
	top: 0!important
}

.doctors .edit-social-pos {
	margin-top: 14px;
	padding: 0
}

.footer-basics.doctors .social-icon-sec {
	padding: 0
}

.footer4.footer-basics .footer-distributed {
	padding-bottom: 0
}

body.webbrowser .footer-links-b2b-more {
	display: block
}

.footer-links-b2b-more,
.more-useful-links {
	display: none
}

body.app .footer-links-b2b-more {
	display: block
}

.footer-container.edit-btn-shown {
	z-index: 2000000001
}

.footer-links .submenu-link.child-menu .pageLink {
	width: 100%;
	margin-left: 0;
	box-sizing: border-box;
	padding: 5px 10px;
	word-wrap: break-word;
	line-height: normal
}

.footer-links .popover {
	width: 165px;
	left: 130px;
	top: 0;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 0
}

.footer-links .popover.right>.arrow {
	top: auto;
	bottom: 10px;
	left: -15px;
	border-width: 7px
}

.footer-links .popover.right>.arrow:after {
	top: -8px;
	bottom: 0;
	border-width: 8px;
	left: -8px
}

.footer-links .parent-menulink {
	position: relative
}

.footer-links .parent-menulink .icon-pagination-right {
	top: 7px;
	position: absolute;
	font-size: 15px;
	cursor: pointer
}

.footer-links .popover-content {
	padding: 0
}

.footer-links-b2b .footer-links .popover {
	top: auto;
	bottom: 0;
	max-height: 400px;
	overflow-y: auto;
	overflow: visible
}

.menu-links-footer6 .parent-menulink {
	position: relative
}

.menu-links-footer6 .parent-menulink .popover-content {
	padding: 0;
	width: 190px;
	max-height: 400px;
	overflow: auto
}

.menu-links-footer6 .popover {
	top: -45px
}

.menu-links-footer6 .more-popover {
	width: 190px;
	padding: 0
}

.menu-links-footer6 .more-popover .popover-content {
	padding: 0
}

.menu-links-footer6 .popover.top>.arrow {
	left: 25%
}

.menu-links-footer6 .popover.top .arrow {
	bottom: -8px;
	margin-left: -11px;
	border-width: 8px 8px 0
}

.menu-links-footer6 .popover.top .arrow:after {
	border-width: 8px;
	bottom: -8px;
	margin-left: -8px;
	top: auto
}

.menu-links-footer6 .more-popover.popover.top>.arrow {
	left: auto;
	right: 10%
}

.footer-options .parent-menulink .pageLink {
	margin: 0
}

@media (min-width:100px) and (max-width:767px) {
	.footer-main .footer-sec.top {
		text-align: initial;
		min-height: 105px
	}
	.footer-main .footer-sec.top img {
		float: left
	}
}

@media (min-width:1366px) {
	.footer-main .footer-distributed {
		max-width: 1366px;
		width: 100%;
		margin: 0 auto;
		display: table
	}
}

.wap:not(.show-sticky-footer) .shop-footer .footer-language-section {
	padding-bottom: 0
}

.wap:not(.show-sticky-footer) .shop-footer.footer-bottom-buttons-padding .footer-language-section {
	padding-bottom: 53px
}

.wap.edit-mode .animation-mobile.semi-circle,
.wap.edit-mode .preview-fixed-footer,
.wap.preview .customize-sticky-footer,
.wap.preview.order-summary .omni-container .preview-fixed-footer {
	display: none
}

.wap.jd-cms .shop-footer.default .footer-bottom,
.wap.jd-cms .shop-footer.footer3 .footer-bottom,
.wap .shop-footer .footer-bottom {
	margin-bottom: 0
}

.webfooter.strlogo .shp_name_lg {
	overflow-x: unset;
	display: flex;
	align-items: center
}

.webfooter.strlogo .shp_name_lg #shp_name {
	padding-right: 5px;
	padding-left: 5px;
	overflow-x: visible;
	-webkit-line-clamp: 1;
	display: -webkit-box
}

.wap.preview .omni-container .animation-mobile.semi-circle.transition-effect {
	transform: translateX(-50%) scale(1);
	transition: transform .5s ease-out
}

.wap.preview .animation-mobile.semi-circle.show-transition-effect {
	transition: transform .5s ease-out
}

.wap.preview .animation-mobile.semi-circle {
	left: 50%;
	transform: translateX(-50%) scale(0);
	bottom: -409px;
	border: 272px solid #000;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 726px;
	width: 800px;
	border-top-left-radius: 600px;
	border-top-right-radius: 600px;
	z-index: 1013;
	position: fixed;
	opacity: .8
}

.wap.preview .omni-container .animation-mobile.semi-circle .animation-mobile-content {
	display: flex;
	justify-content: center;
	width: 256px;
	height: 48px;
	font-weight: 500;
	opacity: 0;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 24px;
	bottom: 170%;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	transition: opacity .5s ease-out
}

.wap.preview .omni-container .animation-mobile.semi-circle .animation-mobile-btn:hover {
	cursor: pointer
}

.wap.preview .omni-container .animation-mobile.semi-circle .animation-mobile-btn {
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .4);
	border-radius: 20px;
	font-family: Roboto-Medium;
	font-size: 16px;
	color: #4a90e2;
	text-align: center;
	width: 65px;
	height: 28px;
	position: fixed;
	left: 50%;
	bottom: 140%;
	transform: translateX(-50%);
	transition: opacity .5s ease-out
}

.wap.preview .omni-container .transition-effect.semi-circle .animation-mobile-content {
	opacity: 1
}

.wap .jdRating .jdFooterRating .ratingNumber span {
	padding-top: 3px
}

.jdRating .jdFooterRating a,
.jdRating .jdFooterRating a:focus,
.jdRating .jdFooterRating a:hover {
	text-decoration: none
}

.desktop .jdRating .jdFooterRating .star-ratings-css-bottom span,
.desktop .jdRating .jdFooterRating .star-ratings-css-top span {
	font-size: 18px
}

.jdRating .jdFooterRating .star-ratings-css-top span {
	-webkit-text-stroke: 2px #e95c29
}

.jdRating .jdFooterRating .star-ratings-css-bottom span {
	-webkit-text-stroke: 2px #ccc
}

.wap .jdRating .jdFooterRating .star-ratings-css-bottom span,
.wap .jdRating .jdFooterRating .star-ratings-css-top span {
	font-size: 20px
}

.jdRating .ratingNumber {
	background-color: #b5b5b5!important;
	outline: 1px solid #b5b5b5!important;
	color: #fff!important
}

.shop-footer.logo-canvas {
	text-align: left
}

.toast-message .backdrop {
	background: transparent;
	display: flex;
	flex-direction: column;
	align-items: center
}

.toast-message .toast-text {
	position: fixed;
	top: 90%;
	background: #000;
	border-color: none;
	opacity: .85;
	filter: alpha(opacity=85);
	min-height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 450px;
	border-radius: 26px;
	color: #fff;
	padding: 0 20px;
	text-align: center;
	text-indent: 0
}

.toast-message .toast-text.green-success {
	background: #00b05a;
	border-color: #00b05a;
	opacity: 1;
	filter: alpha(opacity=100);
	justify-content: left;
	text-indent: 22px
}

.toast-message .toast-text .icon-close-thin {
	position: absolute;
	top: 17px;
	color: #fff;
	right: 30px;
	cursor: pointer
}

.edit-block .custom-template:not(.notification1) .editable-content a:empty {
	display: block;
	padding: 12px
}

.signup-login-section .btn,
.template-main-container .btn {
	background-clip: padding-box;
	-webkit-background-clip: padding-box
}

.custom-template .para-1,
.custom-template .sub-header {
	margin-bottom: 10px
}

.custom-template .para-2 {
	margin-bottom: 15px
}

.custom-template .alignment-container .editable-button {
	padding-top: 10px;
	margin: 0 7.5px
}

.custom-template .main-header {
	margin-bottom: 10px
}

.custom-template .block-space,
.custom-template .block-t-space {
	display: inline-block
}

.desktop .custom-template .editable-button-container .editable-button:first-child {
	margin-left: 0
}

.desktop .custom-template .editable-button-container .editable-button:last-child {
	margin-right: 0
}

.desktop .custom-template .block-space {
	margin-top: 20px;
	margin-bottom: 15px
}

.desktop .custom-template .block-t-space {
	margin-top: 20px
}

.desktop .custom-template .block-b-space {
	margin-bottom: 15px
}

.wap .custom-template {
	padding: 30px 20px;
	clear: both
}

.wap .custom-template .block-space {
	margin-top: 15px;
	margin-bottom: 10px
}

.wap .custom-template .block-t-space {
	margin-top: 15px
}

.wap .custom-template .block-b-space {
	margin-bottom: 10px
}

.wap .custom-template.mobile-header {
	padding: 0
}

.wap .custom-template .para-2 {
	margin-bottom: 10px
}

.wap .custom-template .col-md-6.main-image {
	margin-bottom: 15px
}

@keyframes fadeInImg {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.img-loading {
	opacity: 0;
	width: 100%;
	height: auto;
	position: absolute
}

.img-loaded {
	animation: fadeInImg cubic-bezier(.23, 1, .32, 1) 1;
	position: relative;
	opacity: 0;
	animation-fill-mode: forwards;
	animation-duration: .7s;
	animation-delay: .1s
}

.marginL8 {
	margin-left: 8px
}

.display-flex-center {
	justify-content: center
}

.display-flex-center,
.display-flex-center-vertical {
	display: flex;
	align-items: center
}

body.preview .static-templates .editable-image-holder.no-image {
	display: none
}

body .header-subheader {
	display: inline-block;
	width: 100%
}

.text-cap-case {
	text-transform: lowercase!important
}

.text-cap-all,
.text-cap-case:first-letter,
.text-cap-case span:first-letter {
	text-transform: uppercase!important
}

.omni-card {
	margin: 10px 0;
	background: #fff
}

.omni-card.mt-0 {
	margin: 0 0 10px
}

.omni-card .omni-card-content,
.omni-card .omni-card-header {
	padding: 10px;
	margin: 0
}

.omni-card .omni-card-header {
	border-bottom: 1px solid #ddd;
	padding: 15px 10px
}

.omni-card .omni-card-subheader {
	text-transform: capitalize;
	font-size: 15px;
	font-weight: 400
}

.omni-card[data-shadow=topbottom] {
	box-shadow: 0 0 2px 0 #999
}

.omni-card[data-shadow=bottom] {
	box-shadow: 0 1px 2px 0 #999;
	line-height: unset
}

.product-listing-shimmer .omni-card.mt-0 {
	margin: 0
}

.wap .omni-loader-container {
	height: auto
}

.wap .omni-loader-container .pdtlwpr {
	background: #fff
}

.wap .product-details-page .product-detail .shimmer-loader {
	height: 100%;
	border-radius: 3px
}

.wap .product-name-price-details.parentShimmerDiv {
	height: 132px
}

.wap .product-name-price-details.parentShimmerDiv .shimmer-loader.mb-10 {
	width: 80%;
	height: 8px;
	margin-bottom: 0
}

.wap .product-name-price-details.parentShimmerDiv .product-price-container .price-block.shimmer-loader {
	min-height: 8px
}

.wap .product-details-page .pdtlwpr .parentShimmerDiv .omni-card.del-detail {
	margin: 0
}

.wap .product-name-price-details.parentShimmerDiv .product-price-container .price-block.shimmer-loader {
	width: 45%;
	min-height: 1.625rem;
	margin-top: 20px;
	border-radius: 13px
}

.product-listing-shimmer .shimmer-loader-left {
	display: none
}

.product-listing-shimmer[data-view=list] .omni-card-content {
	display: flex
}

.product-listing-shimmer[data-view=list] .omni-card-content .product-name-price-details {
	flex-grow: 1;
	margin-left: 10px;
	padding-top: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 80px;
	background: transparent
}

.product-listing-shimmer[data-view=list] .omni-card-content .product-name-price-details .product-name-container .shimmer-loader {
	border-radius: 3px
}

.product-listing-shimmer[data-view=list] .productslider {
	width: 80px;
	height: 80px
}

.product-listing-shimmer[data-view=list] .productslider .productslider-wrapper {
	min-height: 0;
	height: 100%;
	width: 100%
}

.product-name-container .shimmer-loader {
	margin-bottom: 10px
}

.wap.listing .parentShimmerDiv,
.wap.search .parentShimmerDiv {
	background: transparent
}

.wap .parentShimmerDiv .bxslider.prdtls .shimmer-loader {
	border-radius: 10px
}

.wap .product-listing-shimmer[data-view] .omni-card-content .product-name-price-details .product-name-container .shimmer-loader {
	margin-bottom: 8px
}

.wap .product-name-price-details.parentShimmerDiv .shimmer-loader {
	height: .8125rem;
	min-height: .8125rem
}

.wap .product-listing-shimmer[data-view=grid] .pdtlwpr {
	padding-top: 1px
}

.wap .product-listing-shimmer[data-view=grid] .product-name-container .shimmer-loader.shimmer-loader2 {
	width: 38.75%!important;
	display: block!important
}

.wap .product-listing-shimmer[data-view=grid] .product-price-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end
}

.wap .product-listing-shimmer[data-view=grid] .product-price-container .shimmer-loader-left.shimmer-loader {
	display: block;
	width: 70.625%;
	border-radius: 3px
}

.wap .product-listing-shimmer[data-view=grid] .product-price-container .shimmer-loader.price-block {
	width: 40.75%;
	margin-top: 15px
}

.wap .product-listing-shimmer[data-view=grid] .omni-card {
	padding-top: 0;
	margin: 0
}

.wap .product-listing-shimmer[data-view=grid] .omni-card:nth-child(odd) {
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed
}

.wap .product-listing-shimmer[data-view=grid] .omni-card:nth-child(2n) {
	border-left: 1px solid transparent;
	border-bottom: 1px solid #ededed
}

.wap .product-listing-shimmer[data-view=list] .omni-card-content {
	position: relative
}

.wap .product-listing-shimmer[data-view=list] .omni-card-content:after {
	position: absolute;
	content: "";
	display: block;
	left: 15px;
	width: calc(100% - 30px);
	border-bottom: 1px solid #ededed;
	bottom: 0
}

.wap .product-listing-shimmer[data-view=list] .product-name-price-details {
	height: auto
}

.wap .product-listing-shimmer[data-view=list] .product-name-price-details .shimmer-loader:last-child {
	margin-bottom: 0
}

.wap .product-listing-shimmer[data-view=list] .product-name-price-details .shimmer-loader {
	height: .75rem
}

.wap .product-listing-shimmer[data-view=list] .product-name-price-details .product-name-container .shimmer-loader.shimmer-loader1 {
	width: 100%
}

.wap .product-listing-shimmer[data-view=list] .product-name-price-details .product-name-container .shimmer-loader.shimmer-loader2 {
	width: 69.74%
}

.wap .product-listing-shimmer[data-view=list] .product-name-price-details .product-price-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end
}

.wap .product-listing-shimmer[data-view=list] .product-name-price-details .product-price-container .price-block.shimmer-loader {
	margin-top: 5px
}

.wap .product-listing-shimmer[data-view=list] .product-name-price-details .product-price-container .shimmer-loader-left.shimmer-loader {
	display: block;
	width: 32.3%;
	margin-top: 0;
	margin-bottom: 10px;
	border-radius: 3px
}

.wap .product-listing-shimmer[data-view=list] .product-name-price-details .product-price-container .shimmer-loader {
	width: 40%;
	border-radius: 13px
}

.wap .product-listing-shimmer[data-view=list] .productslider {
	width: 100px;
	height: 100px
}

.wap .product-listing-shimmer[data-view=image] .product-name-price-details {
	margin-top: 15px;
	background: transparent
}

.wap .product-listing-shimmer[data-view=image] .product-name-price-details .product-price-container .shimmer-loader {
	margin-top: 0!important
}

.wap .product-listing-shimmer[data-view=image] .product-name-price-details .product-price-container .shimmer-loader.price-block {
	width: 24.375%
}

.wap .product-listing-shimmer[data-view=image] .product-name-price-details .product-price-container .shimmer-loader.shimmer-loader-left {
	display: block;
	width: 35.3%
}

.wap .product-listing-shimmer[data-view=image] .omni-card:after {
	position: absolute;
	content: "";
	left: 15px;
	right: 0;
	border-bottom: 1px solid #ededed;
	width: calc(100% - 30px)
}

.wap .product-listing-shimmer[data-view=image] .omni-card-content .product-name-price-details .product-name-container .shimmer-loader {
	margin-bottom: 10px
}

.wap .product-listing-shimmer[data-view=image] .omni-card-content .product-name-price-details .product-name-container .shimmer-loader2 {
	display: block;
	width: 19.4%
}

.product-listing-shimmer[data-view=grid] .pdtlwpr {
	display: flex;
	flex-wrap: wrap
}

.product-listing-shimmer[data-view=grid] .omni-card {
	width: 50%
}

.product-listing-shimmer[data-view=grid] .omni-card-content {
	flex-direction: column
}

.product-listing-shimmer[data-view=grid] .omni-card-content .product-name-price-details {
	margin-left: 0;
	height: auto;
	background: transparent
}

.product-listing-shimmer[data-view=grid] .omni-card-content .product-name-price-details .product-name-container .shimmer-loader {
	width: 100%;
	margin-bottom: 10px
}

.product-listing-shimmer[data-view=grid] .omni-card-content .product-name-price-details .product-name-container .shimmer-loader2 {
	display: none
}

.product-listing-shimmer[data-view=grid] .productslider .productslider-wrapper {
	height: 185px;
	min-height: 0;
	width: 100%;
	margin: 0 0 15px
}

.product-listing-shimmer[data-view=image] .productslider .productslider-wrapper {
	min-height: 0;
	height: 180px;
	width: 100%
}

.product-listing-shimmer[data-view=image] .productslider .productslider-wrapper .shimmer-loader {
	height: 180px
}

.product-listing-shimmer[data-view=image] .product-name-container .shimmer-loader {
	margin-bottom: 10px
}

.product-listing-shimmer[data-view=image] .product-name-container .shimmer-loader2 {
	display: none
}

.product-listing-shimmer[data-view=image] .product-name-price-details {
	height: auto
}

.omni-card .omni-card-content {
	padding: 10px;
	margin: 0
}

.omni-card .omni-card-content .product-price-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: .875rem
}

.omni-card .omni-card-content .productslider .bxslider.prdtls {
	float: left;
	width: 100%;
	height: 100%
}

.wap.details .parentShimmerDiv .bxslider.prdtls .shimmer-loader {
	border-radius: 10px
}

.wap.details .parentShimmerDiv {
	background: transparent
}

.wap .prod-detail-shim {
	height: 100vh
}

.wap .prod-detail-shim .productslider-wrapper {
	height: 38vh;
	background: #fff5f4
}

.wap .prod-detail-shim .product-detail {
	height: 62vh
}

.wap .prod-detail-shim .product-detail .detail-card {
	height: 100%
}

.wap .prod-detail-shim .product-detail .detail-card .shimmer-loader {
	height: .8125rem;
	min-height: .8125rem;
	border-radius: 4px
}

.wap .prod-detail-shim .product-detail .detail-card .shimmer-loader.loader-1 {
	width: 100%
}

.wap .prod-detail-shim .product-detail .detail-card .shimmer-loader.loader-2 {
	width: 50%
}

.wap .prod-detail-shim .product-detail .detail-card .shimmer-loader.loader-3 {
	width: 25%
}

.wap .prod-detail-shim .product-detail .detail-card .multiple-shim {
	display: flex;
	align-items: center
}

.wap .prod-detail-shim .product-detail .detail-card .multiple-shim .shim-1 {
	height: 1.25rem;
	width: 38px
}

.wap .prod-detail-shim .product-detail .detail-card .multiple-shim .shim-2 {
	margin-left: 7px
}

.wap .prod-detail-shim .product-detail .section-2 {
	margin-top: 2.25rem
}

.wap .prod-detail-shim .marginT8 {
	margin-top: .5rem
}

.wap .prod-detail-shim .marginT15 {
	margin-top: .9375rem
}

.wap .product-details-page .product-listing-shimmer .product-price-container {
	margin-top: .75rem
}

.wap .product-details-page .product-listing-shimmer .omni-card-content:after {
	border-bottom: none
}

.wap .product-details-page .product-listing-shimmer[data-view=list] .omni-card-content {
	display: block
}

.wap .product-details-page .product-listing-shimmer[data-view=list] .productslider {
	width: 100%
}

.wap .product-details-page .product-listing-shimmer[data-view=list] .productslider .shimmer-loader {
	height: 100%
}

.wap .product-details-page .product-listing-shimmer[data-view=list] .productslider .bxslider {
	margin-bottom: 15px
}

.wap .product-details-page .product-listing-shimmer[data-view=list] .product-name-price-details {
	display: block;
	margin-left: 0
}

.wap .product-details-page .product-listing-shimmer[data-view=list] .product-name-price-details .product-price-container .shimmer-loader.shimmer-loader-left {
	width: 95%
}

.wap .product-details-page .product-listing-shimmer[data-view=list] .product-name-price-details .product-price-container .shimmer-loader.price-block {
	width: 67.895%
}

.wap .product-details-page .product-listing-shimmer[data-view=list] .product-name-container .shimmer-loader.shimmer-loader2 {
	width: 53.895%
}

.wap .product-details-page .product-listing-shimmer[data-view=image] .productslider .shimmer-loader {
	height: 100%
}

.wap .product-details-page .product-listing-shimmer[data-view=image] .product-name-price-details .product-price-container {
	display: block
}

.wap .product-details-page .product-listing-shimmer[data-view=image] .product-name-price-details .product-price-container .shimmer-loader.shimmer-loader-left {
	margin-bottom: 15px;
	width: 95%
}

.wap .product-details-page .product-listing-shimmer[data-view=image] .product-name-price-details .product-price-container .shimmer-loader.price-block {
	width: 67.895%
}

.wap .product-details-page .product-listing-shimmer[data-view=image] .product-name-container .shimmer-loader.shimmer-loader2 {
	width: 53.895%
}

.wap .product-details-page .product-listing-shimmer[data-view=grid] .productslider-wrapper .shimmer-loader {
	height: 100%
}

.wap .product-details-page .product-listing-shimmer[data-view=grid] .product-name-price-details .shimmer-loader.shimmer-loader-left {
	width: 95%
}

.wap .product-details-page .product-listing-shimmer[data-view=grid] .product-name-price-details .shimmer-loader.price-block {
	width: 67.895%
}

.wap .product-details-page .product-listing-shimmer[data-view=grid] .product-name-container .shimmer-loader.shimmer-loader2 {
	width: 53.895%!important
}

.custom-modal.fade.rendered~.custom-modal-backdrop {
	position: fixed;
	z-index: 1040;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: opacity .15s linear
}

.web-order-view .custom-modal.fade.rendered~.custom-modal-backdrop {
	z-index: 1051
}

.custom-modal.fade.rendered {
	display: table;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(.8);
	opacity: 0;
	border-radius: 10px;
	box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
	transition: opacity 75ms linear, transform .15s cubic-bezier(0, 0, .2, 1) 0ms, -webkit-transform .15s cubic-bezier(0, 0, .2, 1) 0ms
}

.custom-modal.fade.rendered.in {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1)
}

.custom-modal.fade.rendered.in~.custom-modal-backdrop {
	opacity: 1
}

.custom-modal .modal-content {
	border: none;
	box-shadow: none;
	border-radius: 10px;
	max-width: 400px;
	min-width: 290px;
	width: 85vw;
	padding: 35px 0 0;
	position: relative
}

.custom-modal .modal-dialog input.custom-input::placeholder {
	color: #999
}

.custom-modal .modal-dialog input.custom-input {
	font-size: 14px;
	color: #333;
	line-height: 19px;
	width: 100%;
	border-style: none;
	outline: 0;
	padding-top: 23px;
	padding-bottom: 0;
	border-radius: 0;
	border-bottom: 1px solid #0086ff
}

.custom-modal .modal-dialog .custom-modal-body .description.desc-error {
	padding-bottom: 0
}

.custom-modal .modal-dialog .custom-modal-body .description.desc-no-error {
	padding-bottom: 20px
}

.custom-modal .close-icon-style {
	position: absolute;
	top: 10px;
	height: 30px;
	width: 30px;
	border-radius: 4px;
	right: 10px;
	padding: 0;
	font-size: 24px;
	color: #777
}

.desktop .order-summary .custom-modal .custom-modal-header .modal-title {
	padding-bottom: 0
}

.custom-modal .custom-modal-header .modal-title {
	font-weight: 500;
	font-size: 18px;
	color: #333;
	text-align: center;
	padding-bottom: 15px
}
.custom-modal .custom-modal-body {
	font-weight: 400;
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 20px;
	padding: 0 15px;
	margin-bottom: 35px
}

.custom-modal.fade .modal-dialog {
	transform: none;
	-webkit-transform: none;
	transition: none
}

.desktop .custom-modal.fade.rendered .modal-content {
	width: 340px
}

.desktop .custom-modal .modal-dialog {
	height: 100%
}

.custom-modal .modal-dialog {
	width: 100%;
	height: 100%;
	margin: auto
}

.custom-modal .custom-modal-footer {
	display: flex;
	justify-content: center;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	overflow: hidden;
	margin-bottom: -1px
}

.custom-modal .footer-btn {
	flex: 1;
	border-radius: 0;
	border: 0;
	width: 190px;
	height: 45px;
	font-weight: 400
}

.custom-modal .footer-btn:active,
.custom-modal .footer-btn:focus,
.custom-modal .footer-btn:hover {
	box-shadow: none;
	outline: none
}

.custom-modal .footer-btn,
.custom-modal .modal-dialog {
	display: flex;
	align-items: center;
	justify-content: center
}

._2ypN_toast-container {
	display: flex;
	align-items: center;
	position: fixed;
	left: 0;
	right: 0;
	width: 450px;
	z-index: 10000;
	padding: 8px 14px 8px 25px;
	min-height: 50px;
	border-radius: 100px;
	color: #fff;
	margin: auto;
	background: rgba(0, 0, 0, .85);
	transition: bottom .5s linear
}

._2ypN_toast-container._3LRA_error {
	opacity: 1;
	background: #c64c5c
}

._2ypN_toast-container.qVvA_success {
	opacity: 1;
	background: #00b05a
}

._2ypN_toast-container._2pbe_has-right-button .OLtM_toast-msg-container {
	width: 315px
}

._2ypN_toast-container .OLtM_toast-msg-container {
	display: flex;
	align-items: center;
	font-size: .875rem;
	line-height: 19px;
	width: 380px;
	word-break: break-word;
	padding: 7px 0
}

._2ypN_toast-container ._1x6O_toast-icon,
._2ypN_toast-container .JPxw_close-icon {
	min-width: 34px;
	height: 34px;
	font-size: .6875rem;
	border-radius: 50%;
	cursor: pointer
}

._2ypN_toast-container ._1x6O_toast-icon:hover:after,
._2ypN_toast-container .JPxw_close-icon:hover:after {
	background-color: hsla(0, 0%, 100%, .2)
}

._2ypN_toast-container .JPxw_close-icon {
	display: inline-flex;
	justify-content: center;
	align-items: center
}

._2ypN_toast-container ._4atC_right-button {
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	color: #89b4f9;
	padding: 1px;
	margin: 0 5px 0 6px;
	min-width: 90px;
	cursor: pointer
}

._2ypN_toast-container ._4atC_right-button:hover:after {
	background-color: hsla(0, 0%, 100%, .2)
}

._2ypN_toast-container ._4atC_right-button ._1L8j_button-icon {
	display: flex;
	align-items: center;
	padding-right: 10px;
	font-size: 16px
}

._2ypN_toast-container ._4atC_right-button ._2dmD_button-text {
	font-size: .875rem;
	position: relative;
	top: .0625rem
}

@media screen and (max-width:512px) {
	._2ypN_toast-container {
		align-items: unset;
		justify-content: space-between;
		width: 100%;
		min-height: 42px;
		position: fixed;
		z-index: 10000;
		transition: bottom .4s linear;
		border-radius: 0;
		background: rgba(0, 0, 0, .85);
		color: #fbfcfc;
		padding: 0
	}
	._2ypN_toast-container._1uoy_snack-bar-grow {
		margin: 0 .625rem .625rem;
		width: calc(100% - 1.25rem);
		opacity: 0;
		transform: scale(1);
		transition: none;
		border-radius: .25rem;
		pointer-events: none
	}
	._2ypN_toast-container._1uoy_snack-bar-grow .OLtM_toast-msg-container {
		padding-top: .65rem;
		padding-bottom: .65rem;
		font-size: .75rem
	}
	._2ypN_toast-container._1uoy_snack-bar-grow ._1L8j_button-icon {
		font-size: .75rem
	}
	._2ypN_toast-container._1uoy_snack-bar-grow ._2dmD_button-text {
		line-height: .875rem;
		font-weight: 500;
		font-size: .75rem;
		top: unset
	}
	._2ypN_toast-container._1uoy_snack-bar-grow._16Fr_show-msg {
		opacity: 1;
		pointer-events: auto;
		animation: _2oMy_shake .25s linear
	}
	._2ypN_toast-container._3LRA_error,
	._2ypN_toast-container.qVvA_success {
		background: rgba(0, 0, 0, .85)
	}
	._2ypN_toast-container._1l8L_small-toast {
		left: 50%;
		right: unset;
		width: unset;
		min-height: 1.125rem;
		min-width: 5.5rem;
		border-radius: 17px;
		justify-content: center;
		transform: translateX(-50%);
		transition: bottom .5s ease-out
	}
	._2ypN_toast-container._1l8L_small-toast .OLtM_toast-msg-container {
		padding: .1875rem .375rem
	}
	._2ypN_toast-container .JPxw_close-icon {
		display: none
	}
	._2ypN_toast-container .JPxw_close-icon._3ebv_has-close {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: .75rem;
		min-width: 10.625vw;
		width: 10.625vw;
		margin-right: 2px;
		height: unset
	}
	._2ypN_toast-container._2pbe_has-right-button .OLtM_toast-msg-container {
		width: auto
	}
	._2ypN_toast-container .OLtM_toast-msg-container {
		min-width: unset;
		width: auto;
		padding: .75rem .9375rem;
		line-height: 18px
	}
	._2ypN_toast-container ._4atC_right-button {
		align-items: center;
		min-width: 82px;
		width: auto;
		height: unset;
		margin: 0;
		padding: 0 .9375rem 0 0
	}
	._2ypN_toast-container._2txA_padBottom20 {
		margin-bottom: 20px
	}
}

@-webkit-keyframes _2oMy_shake {
	0% {
		left: 0
	}
	20% {
		left: -3px
	}
	40% {
		left: 3px
	}
	60% {
		left: -3px
	}
	80% {
		left: 3px
	}
	to {
		left: 0
	}
}

@-moz-keyframes _2oMy_shake {
	0% {
		left: 0
	}
	20% {
		left: -3px
	}
	40% {
		left: 3px
	}
	60% {
		left: -3px
	}
	80% {
		left: 3px
	}
	to {
		left: 0
	}
}

@-o-keyframes _2oMy_shake {
	0% {
		left: 0
	}
	20% {
		left: -3px
	}
	40% {
		left: 3px
	}
	60% {
		left: -3px
	}
	80% {
		left: 3px
	}
	to {
		left: 0
	}
}

@keyframes _2oMy_shake {
	0% {
		left: 0
	}
	20% {
		left: -3px
	}
	40% {
		left: 3px
	}
	60% {
		left: -3px
	}
	80% {
		left: 3px
	}
	to {
		left: 0
	}
}

html {
	font-size: calc(16px + .26vw)
}

body {
	font-size: 1rem
}

@media (max-width:320px) {
	html {
		font-size: 16px
	}
}

@media (min-width:650px) {
	html {
		font-size: 16px
	}
}

.font-10 {
	font-size: .625rem
}

.font-11 {
	font-size: .6875rem
}

.font-12 {
	font-size: .75rem
}

.font-13 {
	font-size: .8125rem
}

.font-14 {
	font-size: .875rem
}

.font-15 {
	font-size: .9375rem
}

.font-16 {
	font-size: 1rem
}

.font-17 {
	font-size: 1.0625rem
}

.font-18 {
	font-size: 1.125rem
}

.font-20 {
	font-size: 1.25rem
}

.font-22 {
	font-size: 1.375rem
}

.font-24 {
	font-size: 1.5rem
}

.font-26 {
	font-size: 1.625rem
}

.font-28 {
	font-size: 1.75rem
}

.pd-5 {
	padding: .3125rem
}

.pdtb-5 {
	padding-bottom: .3125rem;
	padding-top: .3125rem
}

.pdlr-5 {
	padding-left: .3125rem;
	padding-right: .3125rem
}

.pdt-5 {
	padding-top: .3125rem
}

.pdb-5 {
	padding-bottom: .3125rem
}

.pdl-5 {
	padding-left: .3125rem
}

.pdr-5 {
	padding-right: .3125rem
}

.pd-10 {
	padding: .625rem
}

.pdtb-10 {
	padding-bottom: .625rem;
	padding-top: .625rem
}

.pdlr-10 {
	padding-left: .625rem;
	padding-right: .625rem
}

.pdt-10 {
	padding-top: .625rem
}

.pdb-10 {
	padding-bottom: .625rem
}

.pdl-10 {
	padding-left: .625rem
}

.pdr-10 {
	padding-right: .625rem
}

.pd-15 {
	padding: .9375rem
}

.pdtb-15 {
	padding-bottom: .9375rem;
	padding-top: .9375rem
}

.pdlr-15 {
	padding-left: .9375rem;
	padding-right: .9375rem
}

.pdt-15 {
	padding-top: .9375rem
}

.pdb-15 {
	padding-bottom: .9375rem
}

.pdl-15 {
	padding-left: .9375rem
}

.pdr-15 {
	padding-right: .9375rem
}

.pd-20 {
	padding: 1.25rem
}

.pdtb-20 {
	padding-bottom: 1.25rem;
	padding-top: 1.25rem
}

.pdlr-20 {
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.pdt-20 {
	padding-top: 1.25rem
}

.pdb-20 {
	padding-bottom: 1.25rem
}

.pdl-20 {
	padding-left: 1.25rem
}

.pdr-20 {
	padding-right: 1.25rem
}

.mg-5 {
	margin: .3125rem
}

.mgl-5 {
	margin-left: .3125rem
}

.mgr-5 {
	margin-right: .3125rem
}

.mgb-5 {
	margin-bottom: .3125rem
}

.mgt-5,
.mgtb-5 {
	margin-top: .3125rem
}

.mgtb-5 {
	margin-bottom: .3125rem
}

.mglr-5 {
	margin-left: .3125rem;
	margin-right: .3125rem
}

.mg-6 {
	margin: .375rem
}

.mgl-6 {
	margin-left: .375rem
}

.mgr-6 {
	margin-right: .375rem
}

.mgb-6 {
	margin-bottom: .375rem
}

.mgt-6,
.mgtb-6 {
	margin-top: .375rem
}

.mgtb-6 {
	margin-bottom: .375rem
}

.mglr-6 {
	margin-left: .375rem;
	margin-right: .375rem
}

.mg-7 {
	margin: .4375rem
}

.mgl-7 {
	margin-left: .4375rem
}

.mgr-7 {
	margin-right: .4375rem
}

.mgb-7 {
	margin-bottom: .4375rem
}

.mgt-7,
.mgtb-7 {
	margin-top: .4375rem
}

.mgtb-7 {
	margin-bottom: .4375rem
}

.mglr-7 {
	margin-left: .4375rem;
	margin-right: .4375rem
}

.mg-8 {
	margin: .5rem
}

.mgl-8 {
	margin-left: .5rem
}

.mgr-8 {
	margin-right: .5rem
}

.mgb-8 {
	margin-bottom: .5rem
}

.mgt-8,
.mgtb-8 {
	margin-top: .5rem
}

.mgtb-8 {
	margin-bottom: .5rem
}

.mglr-8 {
	margin-left: .5rem;
	margin-right: .5rem
}

.mg-9 {
	margin: .5625rem
}

.mgl-9 {
	margin-left: .5625rem
}

.mgr-9 {
	margin-right: .5625rem
}

.mgb-9 {
	margin-bottom: .5625rem
}

.mgt-9,
.mgtb-9 {
	margin-top: .5625rem
}

.mgtb-9 {
	margin-bottom: .5625rem
}

.mglr-9 {
	margin-left: .5625rem;
	margin-right: .5625rem
}

.mg-10 {
	margin: .625rem
}

.mgl-10 {
	margin-left: .625rem
}

.mgr-10 {
	margin-right: .625rem
}

.mgb-10 {
	margin-bottom: .625rem
}

.mgt-10,
.mgtb-10 {
	margin-top: .625rem
}

.mgtb-10 {
	margin-bottom: .625rem
}

.mglr-10 {
	margin-left: .625rem;
	margin-right: .625rem
}

.mg-11 {
	margin: .6875rem
}

.mgl-11 {
	margin-left: .6875rem
}

.mgr-11 {
	margin-right: .6875rem
}

.mgb-11 {
	margin-bottom: .6875rem
}

.mgt-11,
.mgtb-11 {
	margin-top: .6875rem
}

.mgtb-11 {
	margin-bottom: .6875rem
}

.mglr-11 {
	margin-left: .6875rem;
	margin-right: .6875rem
}

.mg-12 {
	margin: .75rem
}

.mgl-12 {
	margin-left: .75rem
}

.mgr-12 {
	margin-right: .75rem
}

.mgb-12 {
	margin-bottom: .75rem
}

.mgt-12,
.mgtb-12 {
	margin-top: .75rem
}

.mgtb-12 {
	margin-bottom: .75rem
}

.mglr-12 {
	margin-left: .75rem;
	margin-right: .75rem
}

.mg-13 {
	margin: .8125rem
}

.mgl-13 {
	margin-left: .8125rem
}

.mgr-13 {
	margin-right: .8125rem
}

.mgb-13 {
	margin-bottom: .8125rem
}

.mgt-13,
.mgtb-13 {
	margin-top: .8125rem
}

.mgtb-13 {
	margin-bottom: .8125rem
}

.mglr-13 {
	margin-left: .8125rem;
	margin-right: .8125rem
}

.mg-14 {
	margin: .875rem
}

.mgl-14 {
	margin-left: .875rem
}

.mgr-14 {
	margin-right: .875rem
}

.mgb-14 {
	margin-bottom: .875rem
}

.mgt-14,
.mgtb-14 {
	margin-top: .875rem
}

.mgtb-14 {
	margin-bottom: .875rem
}

.mglr-14 {
	margin-left: .875rem;
	margin-right: .875rem
}

.mg-15 {
	margin: .9375rem
}

.mgl-15 {
	margin-left: .9375rem
}

.mgr-15 {
	margin-right: .9375rem
}

.mgb-15 {
	margin-bottom: .9375rem
}

.mgt-15,
.mgtb-15 {
	margin-top: .9375rem
}

.mgtb-15 {
	margin-bottom: .9375rem
}

.mglr-15 {
	margin-left: .9375rem;
	margin-right: .9375rem
}

.mg-16 {
	margin: 1rem
}

.mgl-16 {
	margin-left: 1rem
}

.mgr-16 {
	margin-right: 1rem
}

.mgb-16 {
	margin-bottom: 1rem
}

.mgt-16,
.mgtb-16 {
	margin-top: 1rem
}

.mgtb-16 {
	margin-bottom: 1rem
}

.mglr-16 {
	margin-left: 1rem;
	margin-right: 1rem
}

.mg-17 {
	margin: 1.0625rem
}

.mgl-17 {
	margin-left: 1.0625rem
}

.mgr-17 {
	margin-right: 1.0625rem
}

.mgb-17 {
	margin-bottom: 1.0625rem
}

.mgt-17,
.mgtb-17 {
	margin-top: 1.0625rem
}

.mgtb-17 {
	margin-bottom: 1.0625rem
}

.mglr-17 {
	margin-left: 1.0625rem;
	margin-right: 1.0625rem
}

.mg-18 {
	margin: 1.125rem
}

.mgl-18 {
	margin-left: 1.125rem
}

.mgr-18 {
	margin-right: 1.125rem
}

.mgb-18 {
	margin-bottom: 1.125rem
}

.mgt-18,
.mgtb-18 {
	margin-top: 1.125rem
}

.mgtb-18 {
	margin-bottom: 1.125rem
}

.mglr-18 {
	margin-left: 1.125rem;
	margin-right: 1.125rem
}

.mg-19 {
	margin: 1.1875rem
}

.mgl-19 {
	margin-left: 1.1875rem
}

.mgr-19 {
	margin-right: 1.1875rem
}

.mgb-19 {
	margin-bottom: 1.1875rem
}

.mgt-19,
.mgtb-19 {
	margin-top: 1.1875rem
}

.mgtb-19 {
	margin-bottom: 1.1875rem
}

.mglr-19 {
	margin-left: 1.1875rem;
	margin-right: 1.1875rem
}

.mg-20 {
	margin: 1.25rem
}

.mgl-20 {
	margin-left: 1.25rem
}

.mgr-20 {
	margin-right: 1.25rem
}

.mgb-20 {
	margin-bottom: 1.25rem
}

.mgt-20,
.mgtb-20 {
	margin-top: 1.25rem
}

.mgtb-20 {
	margin-bottom: 1.25rem
}

.mglr-20 {
	margin-left: 1.25rem;
	margin-right: 1.25rem
}

.fs-l {
	font-weight: 300
}

.fs-m {
	font-weight: 400
}

.fs-b {
	font-weight: 600
}

.fs-sb {
	font-weight: 500
}

div.input-with-moving-label {
	position: relative;
	height: 70px;
	display: flex;
	margin-bottom: 10px
}

div.input-with-moving-label.textarea-container {
	height: 90px
}

div.input-with-moving-label.disabled {
	opacity: 1
}

div.input-with-moving-label.auto-resize {
	min-height: 70px;
	height: auto
}

div.input-with-moving-label.auto-resize .inputMaterial {
	min-height: 25px;
	margin-top: 10px;
	margin-bottom: 25px
}

div.input-with-moving-label.auto-resize .border-animate,
div.input-with-moving-label.auto-resize .input-border {
	top: unset;
	bottom: 25px
}

div.input-with-moving-label.auto-resize .error-msg.animate-clip-msg {
	top: unset;
	bottom: 10px
}

div.input-with-moving-label.tel-container .inputMaterial {
	height: 36px
}

div.input-with-moving-label.content-on-right .inputMaterial {
	padding-right: 70px
}

div.input-with-moving-label input {
	height: 35px;
	line-height: 12px
}

div.input-with-moving-label input.country:disabled {
	border-bottom: none
}

div.input-with-moving-label input[type=number] {
	-moz-appearance: textfield
}

div.input-with-moving-label input[type=number]::-webkit-inner-spin-button,
div.input-with-moving-label input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0
}

div.input-with-moving-label select.inputMaterial {
	height: 35px;
	background: transparent;
	-webkit-appearance: none;
	padding-right: 15px
}

div.input-with-moving-label .inputMaterial {
	border: 0;
	padding: 0;
	width: 100%;
	display: block;
	font-size: 16px;
	color: #2e2d43;
	border-radius: 0;
	order: 1;
	border-bottom: 0
}

div.input-with-moving-label .inputMaterial~.input-box-style.user-mobile-email {
	font-size: 12px;
	color: #838389;
	line-height: 8.2px;
	font-weight: 400;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 25px;
	transition: .2s ease-out;
	transform: none;
	text-transform: uppercase
}

div.input-with-moving-label .inputMaterial:focus {
	outline: 0
}

div.input-with-moving-label .inputMaterial:focus~.border-animate:not(.error-background) {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	background-color: #0086ff
}

div.input-with-moving-label .inputMaterial:focus~.input-box-style.user-mobile-email {
	transform: translate3d(0, -25px, 0) scale(1);
	left: 0;
	color: #0086ff
}

div.input-with-moving-label .inputMaterial:focus~.input-box-style.user-password {
	transform: translate3d(0, -25px, 0) scale(1);
	font-size: 12px
}

div.input-with-moving-label .inputMaterial[disabled] {
	color: #7d7d7d;
	background: #fff;
	border: none;
	opacity: 1;
	-webkit-text-fill-color: #7d7d7d
}

div.input-with-moving-label .inputMaterial[disabled]~.mob-country-code {
	color: #7d7d7d
}

div.input-with-moving-label .inputMaterial.mobile-no:focus~.mob-country-code,
div.input-with-moving-label .inputMaterial.mobile-number-style:focus~.mob-country-code,
div.input-with-moving-label .inputMaterial.ng-not-empty~.mob-country-code {
	display: flex!important
}

div.input-with-moving-label .inputMaterial.ng-not-empty~label.user-mobile-email {
	transform: translate3d(0, -25px, 0) scale(1)
}

div.input-with-moving-label .inputMaterial.ng-not-empty.mobile-no~span {
	display: flex!important
}

div.input-with-moving-label .inputMaterial.border-bottom-red {
	border-color: #c64c5c
}

div.input-with-moving-label .inputMaterial.border-bottom-red~.border-animate {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	background-color: #c64c5c
}

div.input-with-moving-label .inputMaterial:-webkit-autofill {
	background: inherit
}

div.input-with-moving-label .inputMaterial.shop-password {
	-webkit-text-security: disc
}

div.input-with-moving-label .input-border {
	position: absolute;
	top: 45px;
	width: 100%;
	border-bottom: 1px solid #e1e1e1
}

div.input-with-moving-label .dropdown-icon {
	position: absolute;
	right: 0;
	bottom: 50%;
	transform: translateY(50%);
	color: #7d7d7d;
	font-size: 16px
}

div.input-with-moving-label.error-input .inputMaterial~.input-box-style.user-mobile-email {
	color: #c64c5c
}

div.input-with-moving-label .mob-country-code {
	width: auto;
	height: 35px;
	display: none;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	top: unset;
	left: unset;
	color: #2e2d43;
	font-size: 16px;
	font-weight: 400;
	padding-right: 5px;
	margin-right: 5px
}

div.input-with-moving-label .mob-country-code:after {
	content: "";
	position: absolute;
	right: 0;
	height: 15px;
	border-right: 1px solid #999;
	top: 50%;
	transform: translateY(-50%)
}

div.input-with-moving-label .border-animate {
	height: 2px;
	position: absolute;
	top: 45px;
	width: 100%;
	bottom: 1px;
	will-change: transform;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

div.input-with-moving-label .error-msg {
	font-size: 11.72px;
	color: #c64c5c;
	line-height: 8.2px;
	padding-top: 5px
}

div.input-with-moving-label .error-msg.animate-clip-msg {
	transition-timing-function: linear;
	transition: all .8s ease-out;
	opacity: 0;
	clip: rect(0, 0, 54px, 0);
	position: absolute;
	top: 50px
}

div.input-with-moving-label .error-msg.animate-clip-msg.show-msg {
	opacity: 1;
	color: grey;
	clip: rect(0, 323px, 54px, 0)
}

div.input-with-moving-label .error-msg.animate-clip-msg.default-error-msg,
div.input-with-moving-label .error-msg.animate-clip-msg.error-msg-color {
	opacity: 1;
	color: #c64c5c
}

div.input-with-moving-label.paddingT10 {
	padding-top: 10px
}

div.input-with-moving-label .cross {
	position: absolute;
	top: 14px;
	right: 0;
	font-size: 18px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	height: 28px;
	border-radius: 4px;
	padding: 5px
}

div.input-with-moving-label .cross .icon-close-thin {
	color: #7d7d7d
}

div.input-with-moving-label .text-on-right {
	position: absolute;
	right: 7px;
	top: 20px;
	font-size: 12px;
	cursor: pointer;
	color: #0086ff
}

.iosSafari .input-with-moving-label textarea.inputMaterial {
	text-indent: -3px
}

.start-shopping {
	color: #414e5a;
	letter-spacing: .3px;
	width: 100%;
	min-height: inherit;
	display: flex;
	align-items: center;
	justify-content: center
}

.start-shopping .no-items {
	margin: 85px auto 140px
}

.start-shopping .no-items-message {
	font-size: 1.25rem;
	font-weight: 500;
	margin-bottom: .9375rem
}

.start-shopping .no-items-submsg {
	font-size: .875rem;
	color: #7d7d7d;
	margin-bottom: .9375rem
}

.start-shopping .no-items-logo {
	height: 104px;
	width: 104px;
	margin: auto auto 10px
}

.start-shopping .no-items-logo img {
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%
}

.start-shopping .no-items-btn {
	padding: .5rem 3.4375rem
}

.search .hide-jd-footer,
.search .omni-container,
.search .start-shopping {
	height: 100%
}

.search .start-shopping {
	padding-bottom: 30px
}

.wap .start-shopping {
	height: calc(100vh - 56px);
	min-height: unset
}

.wap .no-items-btn {
	border-radius: 20px;
	font-weight: 500
}

.wap .no-items-logo {
	height: 104px;
	width: 104px;
	margin-bottom: .9375rem
}

.wap .no-items-message {
	font-weight: 500;
	font-size: 1.25rem;
	text-align: center;
	color: #414e5a;
	margin-bottom: .9375rem
}

.wap .no-items-submsg {
	margin: auto auto .9375rem;
	width: 85%;
	font-size: .8125rem;
	color: #545f6a
}

.wap.search #app,
.wap.search #app .smart-fill-on,
.wap.search #app .smart-fill-on .main-container {
	height: calc(100% - 56px)
}

.wap.search #app .smart-fill-on .listing-section-full-view {
	padding-bottom: 0
}

.wap.search #app .smart-fill-on .listing-section-full-view .no-items-logo {
	height: 115px;
	width: 115px
}

.wap.search #app .smart-fill-on .listing-section-full-view .no-items .button-component {
	box-shadow: none
}

.wap.search .start-shopping {
	height: calc(100vh - 112px);
	padding-bottom: 0
}

.wap.search .start-shopping.iPhone {
	height: calc(85vh - 56px)
}

.wap.search .ocb .ocb-ul {
	height: auto
}

.wap .wishlist .start-shopping.iPhone {
	height: calc(85vh - 56px)
}

.wap .listing-section-full-view .no-items-message {
	font-size: 18px;
	color: #333;
	text-align: center
}

.wap .listing-section-full-view .button-component {
	border-radius: 20.5px;
	height: 36px;
	width: 126px;
	margin: auto;
	font-size: 14px
}

.wap .listing-section-full-view .button-component.no-item-btn {
	box-shadow: unset
}

.marginT30 {
	margin-top: 30px
}

.marginR15 {
	margin-right: 15px
}

.paddingLR0 {
	padding-left: 0;
	padding-right: 0
}

.text-two-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 20px;
	max-height: 40px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.display-flex {
	display: flex
}

.display-inline-flex {
	display: inline-flex
}

.flex-direction-column {
	flex-direction: column
}

.justify-space-between {
	justify-content: space-between
}

.orderDetail .order-buttons {
	display: flex;
	max-width: 100%;
	position: relative;
	margin-top: 10px;
	flex-wrap: wrap
}

.orderDetail .order-buttons .payment-button {
	width: 100%;
	margin-bottom: 10px
}

.orderDetail .order-buttons .payment-button .payment-icon {
	font-size: 16px
}

.orderDetail .order-buttons .email-invoice-container,
.orderDetail .order-buttons .print-invoice-btn {
	margin-bottom: 10px;
	width: calc(50% - 5px);
	position: relative
}

.orderDetail .order-buttons .email-invoice-btn,
.orderDetail .order-buttons .track-order-btn {
	width: 100%
}

.orderDetail .order-buttons .cancel-order-btn {
	width: 100%;
	height: 40px
}

.orderDetail .order-buttons .paypal-btn {
	z-index: 10
}

.orderDetail .payment-info-tooltip {
	border-radius: 10px
}

.orderDetail .payment-info-tooltip .popover-content {
	padding: 10px 15px
}

.orderDetail .payment-info-tooltip .payment-type-holder {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: 14px
}

.orderDetail .payment-info-tooltip .payment-type-holder .paid-on {
	font-size: 12px
}

.orderDetail .payment-info-tooltip .payment-type-holder .payment-data {
	display: flex;
	justify-content: space-between
}

.orderDetail .payment-info-tooltip .payment-type-holder:not(:last-child) .paid-on {
	padding-bottom: 10px
}

.orderDetail .payment-info-tooltip .icon-style {
	padding-right: 3px
}

.desktop .no-orders.card-design,
.desktop .order-listing {
	min-height: calc(100% - 30px)
}

.desktop .order-listing {
	display: flex;
	flex-direction: column
}

.desktop .no-orders.card-design {
	margin: 0;
	display: flex;
	flex: 1 0 100%
}

.desktop .orderDetail .delivery-details-holder {
	margin-top: 10px
}

.desktop .orderDetail .toast-msg-div {
	width: 610px;
	height: 52px
}

.desktop .orderDetail .toast-msg-div.show-div {
	bottom: 50px
}

.desktop .orderDetail .toast-msg-div .toast-msg {
	background: #2d2f37;
	border-radius: 4px
}

.desktop .orderDetail .custom-modal .modal-content {
	padding-top: 38px;
	width: 380px
}

.desktop .iframe-holder {
	position: fixed
}

.desktop #showReceipt {
	visibility: hidden;
	width: 100%;
	height: 100%
}

.desktop .print-iframe#showReceipt {
	visibility: visible
}

.desktop .my-order-header {
	display: flex;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 15px;
	background: #f9f9f9
}

.desktop .my-order-header .item-length-info,
.desktop .my-order-header .order-date-info .label-txt,
.desktop .my-order-header .order-date-info .label-value,
.desktop .my-order-header .order-deliverd-status .label-value {
	font-size: 12px;
	color: #7a8994
}

.desktop .my-order-header .label-txt {
	font-weight: 500;
	font-size: 14px;
	color: #7a8994
}

.desktop .my-order-header .label-value {
	font-weight: 500;
	font-size: 14px;
	color: #151515
}

.desktop .my-order-header .order-status-info>span {
	font-weight: 500;
	font-size: 14px;
	color: #333;
	line-height: 18px
}

.desktop .my-order-header .details-btn {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.desktop .my-order-header:hover {
	background-color: #f9f9f9
}

.desktop .payment-option-modal .modal-content {
	width: 380px
}

.order-listing .price-per-piece {
	margin: 0
}

.order-listing .card-design {
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
	border-radius: 10px;
	overflow: unset
}

.order-listing .my-order-shimmer {
	height: 290px
}

.order-listing .my-order-shimmer .shimmer-header {
	height: 65px;
	background: #f9f9f9;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

.order-listing .my-order-shimmer .shimmer-body {
	height: 100%;
	padding: 0 15px
}

.order-listing .my-order-shimmer .shimmer-row {
	width: 100%;
	padding: 18px 0;
	display: flex
}

.order-listing .my-order-shimmer .product-img {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	border-radius: 4px
}

.order-listing .my-order-shimmer .product-name {
	width: 216px;
	margin-bottom: 11px;
	border-radius: 4px
}

.order-listing .my-order-shimmer .product-net-weight {
	width: 133px;
	margin-bottom: 11px;
	border-radius: 4px
}

.order-listing .my-order-shimmer .product-quantity {
	width: 96px;
	border-radius: 4px
}

.order-listing .my-order-shimmer .product-price {
	width: 96px;
	margin-left: auto;
	border-radius: 4px
}

.order-listing .my-order-shimmer .product-name,
.order-listing .my-order-shimmer .product-net-weight,
.order-listing .my-order-shimmer .product-price,
.order-listing .my-order-shimmer .product-quantity {
	height: 18px
}

.order-listing .card-design {
	margin-bottom: 15px
}

.order-listing .order-row {
	margin: 0 15px;
	padding: 15px 0;
	display: flex;
	align-items: end
}

.order-listing .product-name,
.order-listing .product-quantity {
	font-size: 14px;
	color: #333
}

.order-listing .per-piece {
	font-size: 14px;
	color: #999
}

.order-listing .amount-holder {
	font-weight: 500;
	font-size: 14px;
	color: #151515;
	line-height: 21px
}

.order-listing .payment-method {
	display: flex
}

.order-listing .info-with-tooltip {
	padding-left: 5px
}

.order-listing .my-order-shimmer .loader-div1,
.orderDetail .status-amount-holder .order-status {
	display: flex
}

.order-listing .order-detail-body .order-row:not(:last-child),
.order-listing .single-order-row .order-row:not(:last-child) {
	border-bottom: 1px solid #f0f0f0
}

.order-listing .order-row .product-info,
.order-listing .status-amount-holder {
	display: flex
}

.order-listing .show-more-products {
	display: block;
	padding: 10px 15px
}

.order-listing .show-more-products a {
	font-weight: 500;
	font-size: 14px;
	width: 100%;
	z-index: 1
}

.order-listing .show-more-products a.btn-animate-hover {
	width: 150px;
	height: 34px;
	z-index: 1;
	color: #0086ff
}

.order-listing .show-more-products a.btn-animate-hover:hover:after {
	background-color: #eef1f8;
	z-index: -1
}

.order-listing .image-holder,
.order-listing .width50 {
	width: 50px
}

.order-listing .image-holder {
	height: 50px;
	border: 1px solid #ededed;
	border-radius: 4px;
	position: relative;
	background: #fff
}

.order-listing .image-holder.no-img-image {
	border: unset
}

.order-listing .image-holder.no-img-image .img-box {
	height: 70%
}
.order-listing .image-holder a {
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%
}

.order-listing .image-holder .img-box {
	width: auto;
	height: auto;
	position: relative;
	min-width: 1px;
	min-height: 1px;
	max-height: 100%;
	max-width: 100%
}

.desktop .order-listing .image-holder a {
	display: flex
}

.order-listing .image-holder .img-box.no-image-backgroundcolor {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.order-listing .order-status.CANCELLED .label-value,
.order-listing .quantity-cancelled-returned {
	font-weight: 500;
	font-size: 14px;
	color: #c64c5c
}

.order-listing .order-detail-body .my-order-header .order-id {
	width: 50%;
	display: flex
}

.order-listing .order-detail-body .my-order-header .status-amount-holder {
	width: 50%;
	display: flex;
	justify-content: flex-end
}

.order-listing .order-detail-body .order-id-info {
	padding-right: 10px
}

.order-listing .order-detail-body .product-row.my-order-header {
	justify-content: space-between;
	font-weight: 500;
	font-size: 14px;
	color: #333;
	border: none;
	cursor: default
}

.order-listing .order-detail-body .order-info-holder {
	padding: 25px 15px 20px
}

.order-listing .order-detail-body .prescription-list {
	padding: 0 5px 15px 15px
}

.order-listing .order-detail-body .info-label {
	font-size: 14px;
	color: #7a8994;
	padding-bottom: 15px
}

.order-listing .order-detail-body .info-label-new {
	font-size: 14px;
	color: #7a8994;
	padding-bottom: 8px
}

.order-listing .order-detail-body .track-order-btn .icon-locationNew {
	color: inherit;
	font-size: inherit
}

.order-track-iframe-holder {
	border: none;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 15px;
	display: flex;
	position: relative
}

.order-track-iframe-holder .delivery-details-card {
	position: absolute;
	right: 20px;
	top: 20px;
	background: #fff;
	width: 315px;
	min-height: 136px;
	border-radius: 10px;
	box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .35)
}

.order-track-iframe-holder .details-card-header {
	height: 54px;
	display: flex;
	justify-content: space-between;
	padding: 0 15px;
	align-items: center;
	border-bottom: 1px solid #ccc
}

.order-track-iframe-holder .color151515 {
	color: #151515
}

.order-track-iframe-holder .color333 {
	color: #333
}

.order-track-iframe-holder .del-boy-txt {
	color: #9698a2
}

.order-track-iframe-holder .details-card-body {
	min-height: calc(100% - 54px);
	display: flex;
	padding: 10px 15px
}

.order-track-iframe-holder .customer-image-container {
	margin-right: 15px
}

.order-track-iframe-holder iframe {
	border: none;
	width: 100%!important;
	height: 400px!important
}

.order-listing .order-detail-body .delivery-details-div {
	display: flex;
	width: 100%;
	flex-direction: column
}

.order-listing .order-detail-body .delivery-details-data {
	display: flex;
	flex-direction: row;
	padding: 5px 0 0
}

.order-listing .order-detail-body .delivery-details-header {
	padding-bottom: 5px
}

.order-listing .order-detail-body .details-title {
	color: #7a8994;
	width: 30%;
	font-size: 14px
}

.order-listing .order-detail-body .details-value {
	padding-left: 5px;
	font-size: 14px;
	width: 60%;
	word-break: break-word
}
.order-listing .my-order-header .order-amount,
.order-listing .my-order-header .order-id,
.order-listing .my-order-shimmer .loader-div1,
.order-listing .my-order-shimmer .loader-div2,
.order-listing .my-order-shimmer .loader-div3,
.order-listing .order-detail-body .left-section,
.order-listing .order-detail-body .order-summary-holder,
.order-listing .order-detail-body .payment-detail-holder,
.order-listing .order-row .amount-holder,
.order-listing .order-row .quantity-cancelled-returned,
.order-listing .product-info,
.order-listing .product-quantity,
.order-listing .status-amount-holder {
	width: 33.33%
}

.order-listing .order-detail-body .product-info {
	width: 45%
}

.orderDetail .product-quantity {
	width: 21.67%
}

.order-listing .order-detail-body .customer-details-holder,
.order-listing .product-info {
	padding-right: 15px
}

.order-listing .order-detail-body .payment-detail-holder,
.orderDetail .product-quantity {
	padding: 0 15px
}

.orderDetail .product-quantity {
	text-align: right
}

.order-listing .order-detail-body .order-summary-holder,
.order-listing .order-detail-body .status-amount-holder {
	padding-left: 15px
}

.myOrders .my-order-header .status-amount-holder {
	display: flex;
	align-items: flex-start;
	justify-content: space-between
}

.order-listing .order-detail-body .text-bold {
	font-weight: 500
}

.order-listing .order-detail-body .address-txt,
.order-listing .order-detail-body .area-info,
.order-listing .order-detail-body .details-value,
.order-listing .order-detail-body .payment-method,
.order-listing .order-detail-body .person-name,
.order-listing .order-detail-body .phone-info,
.order-listing .order-detail-body .state-info {
	font-size: 14px;
	color: #333;
	line-height: 20px
}

.order-listing .order-detail-body .person-name {
	padding-bottom: 10px;
	text-transform: capitalize
}

.order-listing .order-detail-body .phone-info {
	padding-top: 10px
}

.order-listing .order-detail-body .phone-number {
	color: #151515
}

.order-listing .strike-through {
	text-decoration: line-through;
	color: #979797
}

.order-listing .icon-style {
	font-size: 14px;
	color: inherit;
	position: relative;
	top: 1px;
	right: 2px
}

.order-listing .order-detail-body .billing-address-holder,
.order-listing .order-detail-body .gst-invoice,
.order-listing .order-detail-body .order-note,
.order-listing .order-detail-body .receive-by {
	padding-top: 20px
}

.order-listing .order-detail-body .receive-by {
	padding-bottom: 5px
}

.order-listing .order-detail-body .order-note {
	padding-right: 20px;
	word-break: break-word
}

.order-listing .order-detail-body .billing-address .contact-details,
.order-listing .order-detail-body .billing-address .name {
	font-weight: 500
}

.order-listing .color-dark-green .icon-style {
	padding-left: 4px;
	top: 2px
}

.payment-detail-holder .icon-style {
	padding-right: 8px;
	color: unset;
	position: unset
}

.payment-detail-holder .button-style {
	width: auto;
	min-width: 145px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	padding: 0 15px;
	border-radius: 3px;
	box-shadow: none;
	max-width: unset
}

.payment-detail-holder .button-style:focus,
.payment-detail-holder .button-style:hover,
.payment-detail-holder .button-styleactive {
	box-shadow: none
}
#outlet-select-modal {
	width: 340px
}

#outlet-select-modal .ptitle {
	padding-top: 12px;
	padding-left: 20px
}

#outlet-select-modal .ptitle div {
	text-align: left!important;
	font-size: 16px;
	color: #414e59;
	font-weight: 500;
	padding-bottom: 8px
}

#outlet-select-modal .outlet-list-body {
	margin-bottom: 0
}

#outlet-select-modal .modal-header-shadow {
	box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

#outlet-select-modal .outlet-list-container {
	min-width: 340px;
	min-height: 219px;
	max-height: 525px;
	overflow: scroll;
	padding-top: 4px
}

#outlet-select-modal .outlet-list-container::-webkit-scrollbar {
	display: none
}

#outlet-select-modal .store_ul .divider {
	position: relative;
	left: 12%;
	width: 88%;
	margin-top: 10px;
	border-bottom: 1px solid #ededed
}

#outlet-select-modal .header-divider {
	border-bottom: 1px solid #ededed;
	position: relative;
	width: calc(100% - 36px);
	left: 16px
}

#outlet-select-modal .store_ul .headA,
#outlet-select-modal .store_ul .subA {
	text-align: left;
	line-height: 1.3
}

#outlet-select-modal .select-outlet-btn {
	background: #f5980e;
	border: 1px solid #f5980e;
	width: 3.75rem;
	height: 1.26rem
}

#outlet-select-modal .icon-holder {
	display: table-cell;
	float: none;
	vertical-align: middle
}

#outlet-select-modal .icon-holder .li-icn {
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	border-radius: 15px;
	background: rgba(113, 129, 144, .1)
}

#outlet-select-modal .li-icn i {
	opacity: .8;
	color: #718190
}
