.item-content { font-size: 1.12em; font-weight: 500; }


.popup-container .popup {
  border-radius: 5px;
}
.white-color{color:white}
.rightTop{right:0;} 
.red-error{color:red}
.pd4{padding: 4px}
.button-outline{border-color:#E7D981 !important;color:#E7D981 !important }
.start_date{padding: 10px;}
.ionic_datepicker_popup .popup-body .selected_date_full{background-color:#E7D981 !important;}
.ionic_datepicker_popup .popup-buttons button{background-color:#E7D981 !important;}
.ionic_datepicker_popup .selected_date{background-color:#E7D981 !important;}
.greenmy{background-color: #E7D981 !important}
.wide-as-needed {
  white-space: nowrap;
  //height: 150px
}
.mr{margin-right: 10px}
.back-text {
  visibility: hidden !important;
  width: 10px;
}

* {
  font-family: bahnschrift light condensed; font-weight: 400; font-size: 9px; line-height: 1.4em;
  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.bar .buttons .secondary-buttons {
  width: auto !important;
}

@media all and (min-width: 700px) {
  * { font-size: 16px; }
}

.error_message{
  color: #930404;
  font-size: 1.2em;
  font-weight: 400;
}
.bigIcon {
  font-size: 70px;
}
img { max-width: 100%; display: block; }
input {font-size: 1.1em; }
a {text-decoration: none; }
::-webkit-input-placeholder {color: #909; }
:-moz-placeholder {color: #909; opacity: 1; }
::-moz-placeholder {color: #909; opacity: 1; }
:-ms-input-placeholder { color: #909; }
/* * * * * * * * * * * * * * * * */
.item { border: none; }
/* * * * * * * * * * * * * * * * */

[prb] { background-color: #E7D981; color: #FFF; }
[bgr] { background-color: #930404; color: #FFF; }
[prb]:hover { background-color: #E7D981; color: #FFF; }
[prc], [tc1], .prc { color: #E7D981; }


[dsf] { display: flex; padding: 0px; margin: 0px;  }

[tc2] { color: #FFF; }
[tc3] { color: #383838; }
[tc4] { color: #888888; }
[tc5] { color: #686868; }
[tc6] { color: #BBBBBB; }

[tx0], [tx0b] { color: #383838; font-size: 1.0em; line-height: 1.4em; }
[tx01], [tx01b] { color: #383838; font-size: 1.1em; line-height: 1.4em; }
[tx1], [tx1b] { color: #383838; font-size: 1.2em; line-height: 1.4em; }
[tx2], [tx2b] { color: #383838; font-size: 1.4em; line-height: 1.4em; }
[tx3], [tx3b] { color: #383838; font-size: 1.6em; line-height: 1.4em; }
[tx4], [tx4b] { color: #383838; font-size: 1.8em; line-height: 1.4em; }
[tx5], [tx5b] { color: #383838; font-size: 2.2em; line-height: 1.4em; }

[toe] { text-overflow: ellipsis; }

[tx0b], [tx1b], [tx2b], [tx3b], [tx4b], [tx5b] {  font-weight: bold; }

[bg1] { background-color: #FFFFFF; color: #FFF; }
[bg2] { background-color: #FFFFFF; color: #FFFFFF; }

[sep] { width: 100%; height:20px; }
[err1] {
  color: #ba1616;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  padding: 15px 5px;
}
[err2] {
	color: #930404;
  font-size: 1.1em;
  font-weight: 400;
}


[succ1] {
	color: #0f963f;
	text-align: center;
	font-size: 1.2em;
	font-weight: 500;
	padding: 15px 5px;
}
[clear] {
	clear:both;
	box-shadow: none;
}

[ico1] { font-size: 1.3em; }
[ico2] { font-size: 1.4em; }

.tab-item .icon {
  height: 30px;
}

.tabs-stable > .tabs, .tabs.tabs-stable {
	background-color: #E7D981;
	color: #FFFFFF;
	box-shadow: 0px 0px 10px 0px #AAA;
}

[tap-effect].activated {
  background: rgba(230,230,230,0.67);
}

.tabs-stable .tab-title {
	height: 100%;
	display: flex;
	vertical-align: middle;
	text-align: center;
	justify-content: center;
	color: #FFF;
	font-size: 1.5em;
	padding: 17px;
}
.tab-item {
	border-bottom: 3px solid transparent;
}
.tab-item.tab-item-active {
	border-bottom: 3px solid #FFF;
	transition: 0.15s;
  color: #E7D981;
}
.sect_subhead {
	background: #d6f5e0;
	color: #E7D981;
	border-top: 1px solid #E7D981;
	padding: 4px 5px;

	font-size: 1.1em;
	line-height: 1.4em;

}

.map_preload {
  background-image: url('../img/loading-map.gif');
  background-repeat: no-repeat;
  background-position: center; 
  width: 100%;
  height: 320px;
}


.right_dot {
  position: absolute;
  right: 10px;
  top: 10px;
  height:14px;
  width: 14px;
  background-color: #07D25F;
  border-radius: 50%;
}


/* Simple List */
.list1 {
  margin: 10px;
  max-width: 100%;
}
.list1 td {
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: middle;
}
.list1 .lst_title {
  font-size: 1.1em;
  color: #484848;
}
.list1 .lst_sep {
  width: 20px;
  padding: 0px 8px;
}
.list1 .lst_val span {
  font-size: 1.2em;
  color: #E7D981;
  font-weight: 500;
  letter-spacing: 0.5px;
}


.list2 {
  margin: 10px;
  max-width: 100%;
}
.list2 td {
  padding-top: 8px;
  padding-bottom: 8px;
  vertical-align: top;
}
.list2 .lst_title {
  font-size: 1.1em;
  color: #484848;
}
.list2 .lst_sep {
  width: 20px;
  padding: 8px 8px;
}
.list2 .lst_val span {
  font-size: 1.1em;
  color: #2f2f2f;
  font-weight: 500;
  letter-spacing: 0.5px;
}


.list3 { margin: 10px; max-width: 100%; }
.list3 td { padding-top: 4px; padding-bottom: 4px; vertical-align: top; line-height: 1.3em; }
.list3 .lst_title { font-size: 1em; color: #3f3f3f; } 
.list3 .lst_sep { width: 20px; padding: 4px 4px; }
.list3 .lst_val span { font-size: 1em; font-weight: 500; letter-spacing: 0.5px; }



/* * * * * * * * * * * * * * * * * * * * */
button[disabled], html input[disabled]{
  cursor: default;
  box-shadow: none;
  background: #aaaaaa;
}
html input[disabled]{
  background: none;
}
button[disabled] html input[disabled] .activated{
  cursor: default;
  box-shadow: none;
  background: #aaaaaa;
}
button[disabled], html input[disabled] [pb1]:hover:not(.disable-hover), [pb3]:hover:not(.disable-hover) {
    cursor: default;
    background-color: #aaaaaa !important;
    color: #FFF !important;
}


.ack_icon {
	font-size: 12em;
	color: #E7D981;
}

.bar-header {
	background-color: #E7D981;
	color: #FFFFFF;
	border-bottom: none;
}

.bar .title {
	text-align: left;
	color: #FFFFFF;
}
.re-icon {
  display: inline-block;
  font-family: "Ionicons2";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1em;
  text-rendering: auto;
  text-transform: none;
  speak: none;
	padding: 0 2px;
}
.re-icon:before {
  font-family: "Ionicons2";
  font-size: inherit;
}
.btn-ico {
	color: #E7D981;
	font-size: 1.8em;
	line-height: 1.2em;
}


.fsb {
	position: absolute;
	top:0px;
	right:0px;
	left:0px;
	bottom:0px;
	z-index: 10;
	display: flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-moz-flex-align:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	align-items:center;
}


[pb1], [pb3], .pb1, [pb6] { 
	background-color: #E7D981; color: #FFF;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 2px;
	overflow: hidden;
	padding: 0 1.1em;
	display: block;
	clear: both;
	width: 100%;
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	z-index: 0;
	display: inline-block;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	vertical-align: top;
	vertical-align: -webkit-baseline-middle;
	-webkit-font-kerning: none; font-kerning: none;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	height: 3.5em;
	border: 0px;
}
[elipsis]{    text-overflow: ellipsis;
  width: 180px;
  overflow: hidden;}
[pb6] {
	background-color: #df7c16;
}
[pb6]:hover {
	background-color: #bd6916;
}
[pb3] {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}
[pb1] span, .pb1 span, [pb3] span {
	color: #FFF;
	display: flex;
	text-align: center;
	justify-content: center;
	font-size: 1.05em;
	font-weight: normal;
}
.pb1:hover:not(.disable-hover),
[pb1]:hover:not(.disable-hover),
[pb3]:hover:not(.disable-hover) {
  background-color: #E7D981;
  color: #FFF;
}

.pb1.activated, 
[pb1].activated, 
[pb3].activated {
  background-color: #E7D981;
  color: #FFF;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14), 0 3px 5px rgba(0, 0, 0, 0.21);
}
.pb1.activated .button-effect, 
[pb1].activated .button-effect, 
[pb3].activated .button-effect {
	position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
  /*border-radius: 50%;*/
  background-color: #f8d3e2;
  opacity: 1;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition-timing-function: ease-in-out;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.pb1.activated .button-effect,
[pb1].activated .button-effect,
[pb3].activated .button-effect {
	opacity: .15;
	display: block;
}
[pb2] {
	text-transform: uppercase;
	color: #E7D981;
	background-color: transparent;
	padding: 0.8em;
	padding-left: 0;
	border:0;
}
[pb2]:hover {
		background-color: rgba(158, 158, 158, 0.1);
}

[pb4] {
  background-color: #E7D981;
  padding: 10px;
  border-radius: 50%;
  color: #FFF;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  cursor: pointer;
  vertical-align: top;
  vertical-align: -webkit-baseline-middle;
  -webkit-font-kerning: none; font-kerning: none;
  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
  border: 0px;
  
}
[pb5] {
	-moz-appearance: none; -ms-appearance: none; -webkit-appearance: none;
  appearance: none;
  position: absolute;
  bottom: 1.4em;
  right: 1.4em;
  z-index: 10;
  display: block;
  overflow: hidden;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  font-size: 1.1em;
  line-height: 1.4em;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color, opacity 100ms linear;
  background-clip: padding-box;
  -webkit-font-kerning: none;
  font-kerning: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  contain: strict;
  border: none;
}

.chat_send_out {
	max-width: 40px;
}
.chat_foot_out .chat_send {
	padding: 4px 11px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.chat_send i {
	font-size: 1.7em;
}

.bottom_line{
	border-bottom: 5px solid red;
}

input:focus { 
	border-bottom: 2px solid #E7D981;
}

input {
	border-bottom: 2px solid green;
}
input:placeholder-shown {
  /*color: #f00;*/
}

input.inpstyle1 {
  background: #fce9f1;
  padding-left: 5px;
  padding-right: 5px;
}



.whiteContainer {
	padding: 16px;
}
.center_img {

}

[logo] {
	margin: 0 auto;
	width: 70%;
	max-width: 300px;
	max-height: 80%;
}
.button:after
{
	display: none;
}
button.back-button {
	padding: 0px 13px !important;
}
.back-button .icon {
	color: #FFF;
}
.btn-small{
  min-height: 30px !important;
  line-height: normal !important;
}

.imgLogo{
	width: 30%;
	float:left;
}

.opt_out {
	border: 1px solid #989898;
	padding: 0px 1px;
}
.spinner svg {
	width: 80px;
	height: 75px;
}
.spinner.spinner-assertive {
	stroke: #E7D981;
	fill: #E7D981;
}
.loading-container .loading {
	padding: 5px;
	border-radius: 10%;
	background-color: #fff;
	color: #fff;
	text-align: center;
	text-overflow: ellipsis;
	font-size: 15px;
}


.re_dwn_arr, .re_dwn_arr1 {
  position: relative;
  contain: none;
  overflow: visible;
}

.re_dwn_arr:after, .re_dwn_arr1:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(204, 32, 104, 0);
  border-top-color: #E7D981;
  border-width: 8px;
  margin-left: -8px;
}

.re_dwn_arr1:after {
  border-width: 11px;
  margin-left: -11px;
}
/* .down-arrow{
	background: #123f51;
	border:5px solid blue;
} */

 .checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before{
    border-style: solid;
	border-radius: 0px;
    background: #E7D981;
    border-color: #E7D981;
}
.category_list .checkbox-icon:before {
    border-radius: 50% !important;
}




.checkbox-ios.checkbox-disabled,.checkbox-md.checkbox-disabled,.checkbox-wp.checkbox-disabled,.item-ios.item-checkbox-disabled ion-label,.item-md.item-checkbox-disabled ion-label,.item-wp.item-checkbox-disabled ion-label {
    opacity: .3;
    pointer-events: none
}
.checkbox-md {
    position: relative;
    display: inline-block
}
.checkbox-md .checkbox-icon {
    position: relative;
    width: 16px;
    height: 16px;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px;
    border-color: #787878;
    background-color: #fff;
    transition-duration: 280ms;
    transition-property: background;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.checkbox-md .checkbox-checked {
    border-color: #E7D981;
    background-color: #E7D981
}

.checkbox-md .checkbox-checked .checkbox-inner {
    position: absolute;
    top: 0;
    left: 4px;
    width: 5px;
    height: 10px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.item.item-md .checkbox-md {
    position: static;
    display: block;
    margin: 9px 36px 9px 4px
}

.checkbox-wp,ion-icon,ion-img {
    display: inline-block
}

.item.item-md .checkbox-md[item-right] {
    margin: 11px 10px 10px 0
}

.checkbox-md+.item-inner ion-label {
    margin-left: 0
}

.checkbox-md-primary .checkbox-checked {
    border-color: #E7D981;
    background-color: #E7D981
}

.checkbox-md-primary .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-md-secondary .checkbox-checked {
    border-color: #6065c6;
    background-color: #6065c6
}

.checkbox-md-secondary .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-md-danger .checkbox-checked {
    border-color: #f53d3d;
    background-color: #f53d3d
}

.checkbox-md-danger .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-md-light .checkbox-checked {
    border-color: #f4f4f4;
    background-color: #f4f4f4
}

.checkbox-md-light .checkbox-checked .checkbox-inner {
    border-color: #000
}

.checkbox-md-dark .checkbox-checked {
    border-color: #222;
    background-color: #222
}

.checkbox-md-dark .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-md-darklight .checkbox-checked {
    border-color: #585858;
    background-color: #585858
}

.checkbox-md-darklight .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-md-red .checkbox-checked {
    border-color: red;
    background-color: red
}

.checkbox-md-red .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-md-blue .checkbox-checked {
    border-color: #00f;
    background-color: #00f
}

.checkbox-md-blue .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-md-skyblue .checkbox-checked {
    border-color: #0090BF;
    background-color: #0090BF
}

.checkbox-md-skyblue .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-md-green .checkbox-checked {
    border-color: green;
    background-color: green
}

.checkbox-md-green .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-md-brown .checkbox-checked {
    border-color: brown;
    background-color: brown
}

.checkbox-md-brown .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-md-pink .checkbox-checked {
    border-color: pink;
    background-color: pink
}

.checkbox-md-pink .checkbox-checked .checkbox-inner {
    border-color: #000
}

.checkbox-md-grey .checkbox-checked {
    border-color: grey;
    background-color: grey
}

.checkbox-md-grey .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-md-white .checkbox-checked {
    border-color: #fff;
    background-color: #fff
}

.checkbox-md-white .checkbox-checked .checkbox-inner {
    border-color: #000
}

.checkbox-wp {
    position: relative
}

.checkbox-wp .checkbox-icon {
    position: relative;
    width: 16px;
    height: 16px;
    border-width: 2px;
    border-style: solid;
    border-radius: 0;
    border-color: #333;
    background-color: #fff
}

.checkbox-wp .checkbox-checked {
    border-color: #E7D981;
    background-color: #E7D981
}

.checkbox-wp .checkbox-checked .checkbox-inner {
    position: absolute;
    top: -2px;
    left: 3px;
    width: 6px;
    height: 12px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

ion-chip .button,ion-chip ion-avatar,ion-chip ion-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.item.item-wp .checkbox-wp {
    position: static;
    display: block;
    margin: 9px 16px 9px 4px
}

.list-ios ion-item-options .button,ion-chip {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox
}

.item.item-wp .checkbox-wp[item-right] {
    margin: 11px 10px 10px 0
}

.checkbox-wp+.item-inner ion-label {
    margin-left: 0
}

.checkbox-wp-primary .checkbox-checked {
    border-color: #E7D981;
    background-color: #E7D981
}

.checkbox-wp-primary .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-wp-secondary .checkbox-checked {
    border-color: #6065c6;
    background-color: #6065c6
}

.checkbox-wp-secondary .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-wp-danger .checkbox-checked {
    border-color: #f53d3d;
    background-color: #f53d3d
}

.checkbox-wp-danger .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-wp-light .checkbox-checked {
    border-color: #f4f4f4;
    background-color: #f4f4f4
}

.checkbox-wp-light .checkbox-checked .checkbox-inner {
    border-color: #000
}

.checkbox-wp-dark .checkbox-checked {
    border-color: #222;
    background-color: #222
}

.checkbox-wp-dark .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-wp-darklight .checkbox-checked {
    border-color: #585858;
    background-color: #585858
}

.checkbox-wp-darklight .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-wp-red .checkbox-checked {
    border-color: red;
    background-color: red
}

.checkbox-wp-red .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-wp-blue .checkbox-checked {
    border-color: #00f;
    background-color: #00f
}

.checkbox-wp-blue .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-wp-skyblue .checkbox-checked {
    border-color: #0090BF;
    background-color: #0090BF
}

.checkbox-wp-skyblue .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-wp-green .checkbox-checked {
    border-color: green;
    background-color: green
}

.checkbox-wp-green .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-wp-brown .checkbox-checked {
    border-color: brown;
    background-color: brown
}

.checkbox-wp-brown .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-wp-pink .checkbox-checked {
    border-color: pink;
    background-color: pink
}

.checkbox-wp-pink .checkbox-checked .checkbox-inner {
    border-color: #000
}

.checkbox-wp-grey .checkbox-checked {
    border-color: grey;
    background-color: grey
}

.checkbox-wp-grey .checkbox-checked .checkbox-inner {
    border-color: #fff
}

.checkbox-wp-white .checkbox-checked {
    border-color: #fff;
    background-color: #fff
}

.checkbox-wp-white .checkbox-checked .checkbox-inner {
    border-color: #000
}



#floating-button,#floating-button>li{backface-visibility:hidden;padding:0}#floating-button,#floating-menu{line-height:60px;list-style-type:none;cursor:pointer;z-index:9999}#floating-button{bottom:20px;position:fixed;right:20px;width:60px;height:60px;margin:0;text-align:center;color:#000;box-shadow:0 2px 10px 0 rgba(0,0,0,.2),0 2px 5px 0 rgba(0,0,0,.2);transform:translate3d(0,0,0);border:none;border-radius:50%}#floating-button.center{margin-left:auto!important;margin-right:auto!important;left:0!important;right:0!important}#floating-button>li{position:absolute;left:0;top:0;width:100%;height:100%;border:none;border-radius:50%;-webkit-border-radius:50%}#floating-button a{width:40px;height:40px;display:inline-block;border-radius:50%;-webkit-border-radius:50%;text-decoration:none;/* font-size:.8em */}#floating-button .icon.menu-icon{}#floating-button li span.label{margin-right:2px;color:gray;background-color:#fff;padding:6px;border-radius:6px;-webkit-border-radius:6px;box-shadow:.5px 2px 2px .5px rgba(0,0,0,.2)}#floating-menu,#floating-menu li{transform:translate3d(0,0,0);backface-visibility:hidden;padding:0}#floating-button li span.label-container{margin-right:2px;position:absolute;display:inline-block;top:0;overflow:hidden;right:75px;width:400px;text-align:right;/* font-size:15px */}#floating-menu{position:fixed;right:20px;width:60px;height:60px;margin:0;text-align:center;box-shadow:0 2px 10px 0 rgba(0,0,0,.2),0 2px 5px 0 rgba(0,0,0,.2);border:none;border-radius:50%}#floating-menu .center{margin-left:auto;margin-right:auto;left:0;right:0}#floating-menu .icon.menu-icon,#floating-menu img.menu-icon{}#floating-menu li i{left:0;top:0}#floating-menu li.menu-button{z-index:9999;left:0;top:0;width:100%;height:100%}#floating-menu li{position:absolute;left:.5px;top:.5px;width:98%;height:98%;border:none;border-radius:50%;-webkit-border-radius:50%}#floating-menu li span.label{margin-right:2px;color:gray;background-color:#fff;padding:6px;border-radius:6px;-webkit-border-radius:6px;box-shadow:.5px 2px 2px .5px rgba(0,0,0,.2)}#floating-menu li span.label-container{margin-right:2px;position:absolute;display:inline-block;visibility:hidden;top:0;overflow:hidden;right:75px;width:400px;text-align:right;/* font-size:15px */}#floating-menu.active span.label-container{visibility:visible}#floating-menu.active li{box-shadow:0 2px 10px 0 rgba(0,0,0,.2),0 2px 5px 0 rgba(0,0,0,.2);top:0}#floating-menu ion-floating-item>li{transition:all .3s;-webkit-transition:all .3s;-moz-transition:.3s}#floating-menu.active ion-floating-item:nth-child(1)>li{transform:translateY(-70px);transition-delay:0s;-webkit-transition-delay:0s}#floating-menu.active ion-floating-item:nth-child(2)>li{transform:translateY(-140px);transition-delay:50ms;-webkit-transition-delay:50ms}#floating-menu.active ion-floating-item:nth-child(3)>li{transform:translateY(-210px);transition-delay:.1s;-webkit-transition-delay:.1s}#floating-menu.active ion-floating-item:nth-child(4)>li{transform:translateY(-280px);transition-delay:150ms;-webkit-transition-delay:150ms}#floating-menu.active ion-floating-item:nth-child(5)>li{transform:translateY(-350px);transition-delay:160ms;-webkit-transition-delay:160ms}#floating-menu.active ion-floating-item:nth-child(6)>li{transform:translateY(-420px);transition-delay:170ms;-webkit-transition-delay:170ms}#floating-menu.active ion-floating-item:nth-child(7)>li{transform:translateY(-490px);transition-delay:180ms;-webkit-transition-delay:180ms}
.fab-icon {
  font-size: 2.5em;
  vertical-align: middle;
}




/****************** Styling *****************/

.floatTop{
	position:absolute;
	top: 11px;
	left: 8px;
	font-size: 32px;
}

/***** Resetting all Rows and Columns ***************/
.col{
	padding:0;
	margin:0;
}
.row{
	margin:0;
	padding:0;
}
/****************Menu Styles ***********************/
.sideHeader{
	height: auto;
}
.profileHeader{
	background: #E7D981;
}
.profileHeaderButton {
	box-shadow: none;
}
.profileBox{
	text-align: center;
	padding: 7px 10px;
	width: 100%;
}
.sec_mncont {
  background: #f9f9f9;
  padding: 15px 10px;
  border-bottom: 1px solid #DDD;
}


.sectional_head {
  background-color: #fce9f1;
  border-top: 1px solid #ea7ba9;
  padding: 5px 8px;
  margin: 10px 0px;
  font-size: 1.1em;
  font-weight: 500;
  color: #E7D981;
}

.profileTitle, .profileTitle2, .profileTitle3{
	margin: 0 auto;
	margin-top: 5px;
	font-size: 1.3em;
  line-height: 1.7em;
	text-align: center;
	color: #fff;
	justify-content: center;
	font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profileTitle2{
	color: #484848;
}
.profileTitle3{
	color: #E7D981;
}
.profileImg {
	height:90px;
	margin: 0 auto;
  border-radius: 10%;
  background-color: #FFF;
  max-width: 120px;
}
.profileImg2 {
	height:160px;
	margin: 0 auto;
}
/* .row + .row {
	 margin-top: 0px; 	
	 padding-top: 5px; 
} */

.sideMenuContent{
	/*top: 170px;*/
}
.sideMenuLinks{
	font-weight: 500;
	font-size: 14px;
	/*padding: 5px 0px;*/
	/*border-bottom: 1px solid #f4f3f3;*/
}
.sideMenuIcons:before {
	 font-size: 24px !important;
}
.sideMenuLinks .re-icon {
  position: absolute;
  left: 17px;
  color: #484848;
}
.sideMenuLinks a {
  line-height: 1.9em;
  color: #606060;
}
.sideMenuLinks .item-content {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 57px !important;
  font-size: 1em;
}
.sideMenu_separator {
    width: 100%;
    border-bottom: 1px solid #D8d8d8;
    margin: 10px 0px 10px 0px;
}

/****************** List Item Styles ****************/
.listItem{
	border-bottom: 1px solid #f0f0f0;
	padding: 5px 8px;
	margin-bottom: 10px;
}
.listItem:last-child {
	border-bottom: none;
}
.itemImage {
	width: 60px;
	height: 60px;
	margin:5px;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}
.itemImage img {
	width: 100%;
	height: 100%;
}
.itemData {
	padding: 9px 5px 5px 13px;
	word-wrap: normal;
}
.itemTitle {
	font-weight: 600;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #383838;
	margin-bottom: 8px;
}
.itemSubTitle {
	font-size: 1.1em;
	font-weight: 500;
	color: #787878;
	text-overflow: ellipsis;
	height: 18px;
	overflow: hidden;
}

/****************** Dashboard Styles *************/
.rounded0 {
  border-radius: 0px !important;
}
.rounded {
  border-radius: 50%;
}
.rounded1 {
  border-radius: 10%;
}
.rounded2 {
  border-radius: 5px;
}
.rounded3 {
	border-radius: 5px !important;
}
.shadow1 {
  /*box-shadow: 0 0 5px rgba(180,180,180,0.5);*/
}
.dash_btns {
	background-color: #fafafa;
	padding: 5px;
}
.gridBox{
	background: #f9f9f9;
  background: linear-gradient(to bottom, #f9f9f9 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 );
	padding: 25px 5px;
	margin: 5px 5px;
	border-radius: 4px;
  box-shadow: 0px 0px 10px 0px #dcdcdc;
}
.gridBox.active, .gridBox.activated {
	background: #f0f0f0;
	border-color: transparent;
	transition: 0.2s;
}
/* .gridBox:nth-child(2n) {
	margin:10px;
} */
.gridIcon {
	/*margin-bottom: 5px;*/
}
.gridIcon .grid-icon {
	font-size: 2.1em;
}

.gridTitle{
	color: #E7D981;
	font-size: 1em;
	font-weight: bold;
}


/* Retailer Dashboard */
.retsrc_out {
	background: #fafafa;
	padding: 15px 8px;
	border-bottom: 1px solid #DDD;
}
.retsrc_inp_out {
	position: relative;
	display: block;
}
.ret_src_ico {
  font-size: 1.5em;
  position: absolute;
  top: 12px;
  left: 15px;
}
.ret_src_ico_right {
	font-size: 1.5em;
	position: absolute;
  right: 10px;  
  padding: 5px;
  top: 6px;
}
input.retsrc_inp {
	background-color: #FFFFFF;
	border-radius: 30px;
	padding: 20px 5px 20px 45px;
	width: 100%;
	border: 1px solid #DDD;

	font-size: 15px;
	font-weight: normal;
}
input.retsrc_inp:focus {
	border-color: #E7D981;
}
.search_mock {
  background-color: #fff;
  border-radius: 30px;
  padding: 10px 5px 12px 45px;
  width: 100%;
  border: 1px solid rgba(204,32,104,0.7);
  font-size: 15px;
  font-weight: normal;
  color: #4f4f4f;
}
.search_ico_out {
  height: 50px;
  width: 40px;
}
/***************** Upgrade Styles ******************/
.upg_btn {
	height: auto;
	padding: 11px 8px;
	border-radius: 5px;
	position: relative;
  contain: none;
  overflow: visible;
}
.upg_btn span {
	margin-top: 5px;
}
.ico_star:before {
	color: #FFF;
}

.upgradeSlide{
	margin: 10px 13px;
	padding: 10px;

	border: 1px solid #f8f8f8;
	box-shadow: 0px 0px 10px 0px gainsboro;
}
.sub_point {
	color: #585858; font-size: 1.3em; line-height: 1.4em;
	text-align: center; justify-content: center;
	margin-bottom: 20px;
}
.sub_point .start {
	font-size: 0.8em;
	font-weight: bold;
	color: #484848;
	padding-right: 3px;
}
.sub_point .bolder {
	font-weight: bolder;
}
.re_price1 {
	font-size: 4.5em;
	line-height: 1.4em;
	color: #E7D981;
	font-weight: bold;
	margin-bottom: 0.4em;
}
.re_price1 .rs_symb {
	color: #E7D981;
	font-size: 0.5em;
	padding-right: 0.4em;
}
/***************** Chat Mfg List ****************/
.lastMsgTime{
	font-size: 11px;
	font-weight: normal;
	color: #888888;
}
.unreadMsgBadge {
	background: #07D25F;
	color: #fff;
	border-radius: 25%;
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	padding: 4px;
	margin-top: 11px;
}
.itemChatInfo {
	padding: 5px 0px 5px 5px;
	max-width: 70px;
}

.msg_posted:before { font-size: 1.3em; color:#888888; content: "\f2bc"; line-height: 1.2em; }
.msg_delievered:before { font-size: 1.4em; color:#888888; content: "\f2e2"; line-height: 1em; }
.msg_read:before { font-size: 1.4em; color:#E7D981; content: "\f2e2"; line-height: 1em; }
/*********************** Ads Page ****************/
.fabButton {
	z-index:10;
	bottom:10px;
	right:10px;
	position:fixed;
	border-radius : 50%;
	font-size : 20px;
	font-weight: 400;
}

/****************** Chat Room Style ***************/
.singleMessage{
	font-size: 1em;
	font-weight: 300;
	background: black;
	word-wrap: break-word;
	border: 1px solid #11ffee;
}
/************************Colors ******************/
.whiteText{
	color:white !important;
}
/**************** Style End Here  *************/

/* .chat-room {
}
.chat-room-in {
  background: rgba(204, 32, 104, 0.08);
  padding: 12px 6px;
} */
.leftmenu_overlay {
	position: fixed;
	z-index: 100;
	background-color: rgba(0,0,0,0.85);
	width: 100%;
	height:100%;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	display:none;
}
.menu-open .leftmenu_overlay {
	display: block;
}

/* Chats */
/* .chat-room, .chat_foot_out {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAACVBMVEXc3NzW1tbQ0NAHDuD6AAAA00lEQVR4XlVSO67DMAwjhBdAeHO9Gx57igzN7gDWfTTqGD1q3XLiEpiRLX4ktJiZVe77gCtWtzHQI164Y7lXZUY8sGLZ6LsUayHaQqUX4t7gmjbMBtq1wYTXf1ai/cD4VjoBKtO9CGygb6ovaKcXPFF5TACjw/gF/7EO3uZLsA97ggxkA7mpA1RFhaBeaged0BXokX5B90wCzIUZoT8NAGD2loq+kW7CIwpEm6gWP+JUMpB0NLd2/jHR85iStUxB5iOTk5nKtGUPZENkd3SrmBjT+wAXvXpRD9QJhQAAAABJRU5ErkJggg==');
} */
.msgBox{
	
	border-radius: 5px;
	padding: 5px;
	background-color: #ffffff;
	margin: 0;
	color: #181818;
	position:relative;
	border-top-left-radius: 0px;
	
}
.msgerName{
	margin: 0;
	
}
.msgerName{
	text-align: right !important;
	font-weight: 700;
}
.msgerName span{
	border-bottom: 1px solid darkgray;
	border-left: 1px solid darkgray;
	border-right: 1px solid darkgray;
	border-top: 1px solid darkgray;
	border-top-left-radius: 0px;
	padding: 5px;
	background-color: ghostwhite;
	border-top-right-radius: 5px;
	margin-top:0px;
	font-weight: 400;
	font-size: 12px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.msgContainer{
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 10px;
	margin-right: 60px;
	display: inline-flex;
}
/* .messages:nth-child(2n+1) {
  direction:rtl;
}
.messages:nth-child(2n+1) .msgContainer {
   margin-top: 0px;
  margin-bottom: 8px;
  margin-left:60px;
  margin-right: 10px;
  direction: ltr;
}
.messages:nth-child(2n+1) .msgBox{
  background: #ccffcc;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
} */


.senderMsg {
  direction:rtl;
}
/*
  CHAT New Class
*/
.senderMsg{

}
.senderMsg .msgContainer {
   margin-top: 0px;
  margin-bottom: 8px;
  margin-left:60px;
  margin-right: 10px;
  direction: ltr;
}
.senderMsg .msgBox{
  background: #ccffcc;
  border-top-left-radius: 5px;
  border-top-right-radius: 0px;
}


.msgBox:before{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 0;
	border-color: transparent #f8f8ff transparent transparent;
	content:" ";
	position: absolute;
	left: -10px;
	top: 0px;
	contain: none;
	overflow: visible;
}
/* .messages:nth-child(2n+1) .msgBox:after{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 13px 0px 0px;
  border-color: #ccffcc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  content: " ";
  position: absolute;
  right: -12px;
  top: 0px;
  contain: none;
  overflow: visible;
}
.messages:nth-child(2n+1) .msgBox:before{
  display: none;
} */

.senderMsg .msgBox:after{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 13px 0px 0px;
  border-color: #ccffcc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  content: " ";
  position: absolute;
  right: -12px;
  top: 0px;
  contain: none;
  overflow: visible;
}
.senderMsg .msgBox:before{
  display: none;
}

.msgBox:before{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #f8f8ff transparent transparent;
  content:" ";
  position: absolute;
  left: -10px;
  top: 0px;
  contain: none;
  overflow: visible;
}



.tick{
	display: inline-block;
	font-size: 1.3em;
	margin-left: 5px;
	width:15px;
}

.msg_timestamp{
	display: inline-flex;
	float: right;
	font-size: 12px;
	padding: 2px 0px 0px 0px;
}
.time{
	color: #a8a8a8;
	min-width: 80px;
	text-align: right;
}
.msg_txt{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5em;
	color: #080808;
	padding:2px;
	text-align: left;
}
.chatInput{
	border-radius: 5px;
	border-top-right-radius: 0px;
	overflow: visible;
	contain: none;
}
	
.chatInput:before{    
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 13px 0px 0px;
	border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	content: " ";
	position: absolute;
	right: -13px;
	top: 0px;
	contain: none;
	overflow: visible;
}

.chat_foot_out {
	box-shadow: 0px 0px 15px 0px #bbb;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	padding: 8px;
}
.chat_input_out {
	width: 100%;
	position: relative;
	background-color: #FFF;

	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.chat_input {
	background-color: transparent;
	width: 100%;
	padding: 10px 10px 10px 10px !important;
	height: auto !important;
}
.chat_input_out:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 13px 0px 0px;
	border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	content: " ";
	position: absolute;
	right: -13px;
	top: 0px;
	contain: none;
	overflow: visible;
}


/**************** Cart *******************/

/* Carts List */
.cartItemDel {
	padding: 25px 0px 5px 5px;
	max-width: 30px;
}
/* Single Cart */
.single-cart {
	padding: 15px 8px;
}
.single-cart .itemImage {
	width: 120px;
	height: 120px;
	margin:5px;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}
.single-cart .itemTitle {
	font-weight: 600;
	font-size: 1.4em;
	line-height: 1.6em;
	color: #E7D981;
	margin-bottom: 8px;
	margin-top: 15px;
}
.single-cart .btn-ico {
	font-size: 2.2em;
	margin-right: 30px;
	padding: 8px;
}
.single-cart .btn-ico:last-child {
	margin-right: 0px;
}
.cart_pname {
  height: auto !important;
  overflow: cart_pname
}
.cart_operand {
  font-size: 1.6em;
  color: #303030;
  font-weight: 500;
}
.cart_operat {
  font-size: 1.1em;
  font-weight: normal;
  color: #E7D981;
}
.box {
  box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.2);
  margin: 10px 10px;
  background: white;
  border-radius: 5px;
  
  
}
.box-row{
  margin-bottom: 10px;
}
[box-head]{
  font-size: 15px;font-weight: bold;
}

[fd]{
  display: flex;
  flex:1
}



/* * * * * * * * * * * * * * * * */
[left] { text-align: left; justify-content: left; }
[right] { text-align: right; justify-content: right; }
[center] { text-align: center; justify-content: center; }

[v-top] { vertical-align: top; }
[v-middle] { vertical-align: middle; }


[bold] { font-weight: 500; }
[bolder] { font-weight: bold; }

[pd0] { padding: 0px; }
[pd1] { padding: 8px; }
[pd2] { padding: 12px; }
[pd3] { padding: 16px; }
[pd4] { padding: 22px; }

[pdt1] { padding-top: 12px; }
[pdt2] { padding-top: 16px; }

[pdb1] { padding-bottom: 12px; }
[pdb2] { padding-bottom: 16px; }

[mg0] { margin: 0px; }
[mg1] { margin: 8px; }
[mg2] { margin: 12px; }
[mg3] { margin: 16px; }
[mg4] { margin: 20px; }


[mgb1] { margin-bottom: 12px; }
[mgb2] { margin-bottom: 16px; }
[mgb3] { margin-bottom: 20px; }
[mgb4] { margin-bottom: 25px; }
[mgb5] { margin-bottom: 30px; }


[mw1] { max-width: 80px;  }
[mw2] { max-width: 60px;  }
[mw25] { max-width: 50px;  }
[mw3] { max-width: 40px;  }
[mw4] { max-width: 80%;  }
[mw5] { max-width: 4.1em;  }
[mw51] { max-width: 5.5em;  }
[mw6] { max-width: 3.6em;  }





/********** Reset #ionic *********/
.item {
	font : inherit;
}




/************************** App Framework Starts *************************************/
[col-dir]{
 flex-direction: column;
}
.offerpanerl{
  width: 50%;
  height: 200px;
  align-items: center;
  float: left;
  text-align: center;
  justify-content: center;
  display: flex;
}


.offerpanerl img{
  width: 100px !important;
display: inline !important;
   
}
.offer-scroll-item{
  display: flex;
  flex-direction: row;
  width: 200px;
}
.offer-scroll-product{
  min-width:250px;
  background: white;
  margin: 10px 10px;border-radius: 10px;

}
.offer-scroll-product .row{
   
  
  }
.offercls{
  background-color: #E7D981;
    color: white;
    width: 80px;
    border-radius: 5px;
    z-index: 999;
    position: absolute;
    top: 200px;
    left: 0;
     
    right: 0;
    margin: auto;
  padding: 8px 11px;
 
  
}
.offercls p{
  font-size: 16px;
  font-weight: bold;
}
.offercls span{
  font-size: 24px;
  font-weight: bold;
  
}
.list{
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.list-item{ 
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.list-image {
    width: 5em;
    height: 5em;
    max-height: 5em;
    max-width: 5em;
}
.list-big-image {
    width: 6.5em;
    height: 6.5em;
    max-height: 6.5em;
    max-width: 6.5em;
    min-width: 6.5em;
}
.list-content{
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.list-content > .list-item-title{
    color : #3e4144;
    font-weight: 500;
    height: 1.8em;
    overflow: hidden;
}
.list-content > .list-item-title2 {
    color : #606060;
    font-weight: 500;
    height: 1.8em;
    overflow: hidden;
}
.list-content > .list-item-subtitle{
    color : #686868;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-content > .list-item-desc{

}

.list-side-content{
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 50px;
}
.list-side-content > img{
    width: 40px;
    height: 40px;
}
.list-side-content-ts {
    /*min-width: 75px;*/
}
.add_to_cart_img {
  width: auto;
  height: auto;
  max-height: 8em;
  max-width: 8em;
}


.profile-image{
	background: #f9f9f9;
}
.profile-image-small{
	height: 5em;
	width: 5em;
}
.profile-image-large{
	height: 15em;
	width: 15em;
}
.profile-image-medium{
	height: 10em;
	width: 10em;
}
.slider {
  margin-bottom: 5px;
}
.slider-image{
	height: 22em;
  margin: 0 auto;
}
.slider-pager {
  bottom: 0px;
}

.slider-pager-page .ion-record {
  font-size: 9px;
}
.slider-pager .slider-pager-page {
  color: #444;
}

.round-image{
    border-radius: 50%;
}

th{
	font-weight: 500;
}
.table thead td, .table thead th{
	border-width: 1px;
    color: #7a7a7a;
    background: #faf8f8;
}
.table tbody tr:last-child td, .table tbody tr:last-child th{
	border-bottom-width: 1px;
}
table th{
	border-bottom-width :  1px;
}
.table td, .table th{
	border: 1px solid #dbdbdb;
    border-width: 1px;
    padding: .5em .75em;
    
}
	
/* Key Value based GUI */
.info_line{ 
    display : flex;
    display : -webkit-flex;
    -webkit-flex-flow: row wrap; /* Safari */
    flex-flow:         row wrap;
    flex-grow: 1;
}
.attr_name{
    font-weight: 500;
    font-size: 13px;
    color: #333;
    margin-bottom: 2px;
}

.attr_val{
    color: red;
    font-size: 13px;
    color: #333;
    font-weight: 300;
}


.box-heading{
    color: #484848;
    font-size: 1.2em;
    font-weight: 500;
    /*text-transform: uppercase;*/
}
.info_separator {
  border-bottom: 1px solid #EEE;
  margin: 10px 10px;
}
.sect_separator {
  width: 100%;
  height:10px;
  background: #f4f4f4;

-webkit-box-shadow: inset 0px 0px 15px 0px rgba(220,220,220,1);
-moz-box-shadow: inset 0px 0px 15px 0px rgba(220,220,220,1);
box-shadow: inset 0px 0px 15px 0px rgba(220,220,220,1);
}

/* Titles and Subtitles */
.section-title{
    font-size: 1.3em;
    font-weight: 400;
    background-color: #f4f4f4;
    padding-top: 10px;
    padding-bottom: 5px
}

.nav-title{
    font-size: 1.2em;
    font-weight: 400;
    background-color: #f4f4f4;
}
.re_nav_btn {
  padding: 11px !important;
}



.notif_bubble {
  position: absolute;
  background-color: #E7D981;
  padding: 6px;
  margin: 0px;
  border-radius: 15px;
  color: #FFF;
  font-size: 0.56em;
  line-height: 1em;
  top: 10px;
  right: 10px;
  height: 5px;
  width: 5px;
}


.paginate_btn {
  margin: 20px 0px;
}
.paginate_btn div {
  display: inline-block;
  padding: 10px 15px 10px 40px;
  position: relative;
  border: 1px dashed #E7D981;
  border-radius: 15px;
  cursor: pointer;
  background-color: rgba(255,255,255,0.6);
}
.paginate_btn .re-icon {
  position: absolute;
  top: 7px;
  left: 10px;
}


.new_comm_error {
  margin: 10px 0px;
  text-align: center;
}
.new_comm_error > div {
  display: inline-block;
  padding: 8px 15px;
  position: relative;
  border: 1px double #C00;
  border-radius: 15px;
  background-color: rgba(255,200,200,0.6);
  color: #c00;
  margin: 0 auto;
}


.pg_load_more {
  margin: 20px 0px;
}
.pg_load_more > div {
  display: inline-block;
  padding: 7px 15px 10px 7px;
  position: relative;
  border: 1px double #E7D981;
  border-radius: 15px;
  height: 50px;
  background-color: rgba(255,255,255,0.6);

}
.pg_load_more > div > div {
  display: inline-block;
  vertical-align: top;
  padding-top: 8px;
}
.pg_load_more .re-icon {
  position: absolute;
  left: 5px;
  top: 5px;
}
.paginate_spinner  svg {
  width: 34px;
  height: 34px;
  stroke: #E7D981;
  fill: #E7D981;
}

.no-spinner ion-spinner {
  display: none;
}




.favorite_outer {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 5px;
  background: #fff;
}

.favorite_inline_outer {
  position: absolute;
  right: 5px;
  top: 0px;
  padding: 5px;
  background: #fff;
}
.favorite_spinner  svg {
  width: 30px;
  height: 30px;
  stroke: #E7D981;
  fill: #E7D981;
}


/* Add to cart */
.var_cotxopts .radio-icon {
  top: 27px;
}
.var_ptxopts .radio-icon {

}
.pltx_out {
  padding: 18px;
  background: #c00;
  color: #FFF;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.var_imgopts .radio-icon {
  top: 31px;
}
.plimg_out {
  display: inline-block;
  max-width: 48px;
  max-height: 48px;
  vertical-align: middle;
  margin-right: 10px;
}

.oppos_radio .item-radio .item-content {
  padding-left: 45px;
  padding-right: 16px;
}
.oppos_radio  .item-radio .radio-icon {
  right: auto;
  top: 16px;
  left: 16px;
}

/* .pltx_out {
  float: left;
  min-width: 100px;
  margin: 5px;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid transparent;
}
.pltx_out.selected {
  border: 1px solid #E7D981;
}
.pltx_out div {
  display: inline-block;
  padding: 12px 18px;
  background-color: #fce9f1;
  color: #FFF;
  border-radius: 4px;
  text-align: center;
  font-size: 1.1em;
  line-height: 1.2em;
  font-weight: 500;
  width: 100%;
} */


.article_listitem {

}


.topic_title {
  background: rgba(255,255,255,0.7);
  padding: 15px 10px;
  font-weight: 500;
  line-height: 1.5em;
  color: #282828;
  font-size: 1.15em;
}
.topicsList.list-item:nth-child(2n) {
  background-color: #f6f6f6;
}
.unread_topic {
  background: #07D25F;
  color: #fff;
  height: 9px;
  border-radius: 50%;
  font-size: 10px;
  font-weight: normal;
  line-height: 10px;
  padding: 4px;
  margin-top: 11px;
  width: 9px;
  margin: 10px auto 0px auto;
}
.nt_img_out {
  border: 1px dashed #E7D981;
  flex: 1;
  padding: 35px 15px;
}


.alternate_rows .row_box {
  border-bottom: 2px solid #f0f0f0;
  -webkit-tap-highlight-color: red !important;
}
.alternate_rows .row_box:nth-child(2n) {
  /*background-color: #fcfcfc;*/
}

.alternate_rw:nth-child(2n) {
  background-color: #fafafa;
}





.category_list .row:nth-child(2n) {
  background-color: #fcfcfc;
}

.selected_category .row:nth-child(2n) {
  background-color: #999 !important;
}
.category_list > .row {
  border-bottom: 1px solid #f0f0f0;
  /*padding: 16px 0px !important;*/
}
.category_list .row {
  margin: 0px !important;
}

.category_list .col {
  -webkit-transition: background-color 0.2s; /* Safari */
  transition: background-color 0.2s;
}

.category_list .col.activated {
  background-color: #f6f6f6;
}

.categ_inp {
  max-width: 50px;
  text-align: center;
}
.categ_name {
  font-size: 1.2em;
  font-weight: 500;
  color: #3f3f3f;
  line-height: 2.1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.categ_inp, .categ_name {
  padding: 12px 0px;
}
.categ_lnk {
  max-width: 70px;
  text-align: center;
  padding: 10px 0px !important;
  /*border-left: 1px solid #f0f0f0;*/
}
.categ_cnt {
  max-width: 70px;
  text-align: center;
  padding: 10px 0px !important;
  /*border-left: 1px solid #f0f0f0;*/
  font-size: 1.2em;
  font-weight: 300;
  color: #3f3f3f;
  line-height: 2.1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.categ_sublist_back {
  /*margin-top: 50px;*/
  /*border-top: 1px solid #E7D981;*/
  border-bottom: 1px solid #E7D981;
}
.categ_ion-content {
  top: 110px;
}



.alert_icon {
  color: #E7D981;
  margin-bottom: 15px;
}
.alert_text {
  color: #2f2f2f;
  font-size: 1.1em;
  line-height: 1.3em;
}






.chatback {
  background: url(../img/chatback.jpg);
}
.comm_item {
  position: relative;
  margin: 12px 0px 12px 0px;
}
.comm_out {
  border-radius: 5px;
  padding: 0.8em 0.8em;

  display: inline-block;
  background: #fafafa;
  direction:ltr;
  max-width: 80%;
}
.cm_left  {
  direction:ltr;
  margin-left: 9px;
}
.cm_left  .comm_out {
  border-top-left-radius: 0px;
}
.cm_left:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: rgba(0, 0, 0, 0) #f8f8ff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    content: " ";
    position: absolute;
    left: 0px;
    top: 0px;
    contain: none;
    overflow: visible;
}
.cm_right  {
  direction:rtl;
  margin-right: 9px;
}
.cm_right  .comm_out {
  border-top-right-radius: 0px;
  background:#cfc;
}
.cm_right:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 13px 0px 0px;
    border-color: #cfc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    content: " ";
    position: absolute;
    right: 0px;
    top: 0px;
    contain: none;
    overflow: visible;
}
.comm_body {
  font-weight: 300;
  font-size: 1.15em;
  line-height: 1.5em;
  color: #080808;
}
.comm_newtext {
  border-top: 1px solid #DDD;
  padding: 5px;
  height: 60px;
}
.comm_newtext input {
  width: 100%;
  padding: 7px;
  height: auto;
  display: block;
  max-width: none;
  margin: 5px 60px 5px 5px;
  font-size: 1.2em;
  font-weight: 300;
}
.comm_newtext button {
  height: 3.2em;
  width: 3.2em;
  padding: 7px 5px 5px 1px;
  border-radius: 50%;
  right: 10px;
  position: absolute;
  top: 10px;
}
.cmm_loading  {
  margin-top: 15px;
  margin-bottom: 10px;

}
.cmm_loading  .pg_load_more {
  margin: 10px 0px;
}
/* .cmm_loading_in {
  border: 1px solid #EEE;
  border-radius: 15px;
  padding: 0.6em 0.7em;
  margin: 0 auto;

  display: inline-block;
  background: #fafafa;
  direction:ltr;
}
.cmm_loading .spinner {
  position: absolute;
}
.cmm_loading .comm_body {
  padding: 5px 5px 5px 40px;
} */

.cht_pic {
  max-width: 75px;
  padding: 10px;
}
.cht_content {
  padding: 10px;
}
.cht_side-content {
  max-width: 75px;
  padding: 5px;
}





.footer-auto {
  height: auto;
}


.pp_link {
    border-bottom: 1px solid #f0f0f0;
    padding: 20px 10px;
    font-size: 1.1em;
}
.pp_link:last-child {
    border-bottom: none;
}
.pp_link.activated {
  background-color: rgba(230,230,230,0.4);
}

/******************* Mobile App Css **************************/
.header-image{
    height: 15em;
    width: 100%;
}
.attr_box{
    padding: 10px 15px 10px 0;
}

.specif_bullet_list li {
  list-style: disc outside;
  margin-left: 25px;
}

.specif_number_list li {
  list-style: decimal outside;
  margin-left: 25px;
}



.dash_topBox {
  /*border: 2px dashed rgba(204,32,104,0.7);*/
  padding: 20px 5px;
}
.dash_top {
  line-height: 1.5em;
  font-size: 1.1em;
}


.filter_opt {
  border-top: 1px solid #eaeaea;
}
.filter_opt:first-child {
  border-top: none;
}
.filter_subbox {
    border-top: 1px solid #f5f5f5;
}


/******** Retail CSS ******/
.welcomePage .slider,
.welcomePage .scroll {
  height: 100%;
  margin-bottom: 0px;
}

.welc_slide1 {
  background: #5ecb76;
}
.welc_slide2 {
  background: #44b4c7;
}
.welc_slide3 {
  background: #ee5166;
}
.welc_slide4 {
  background: #5cc4ee;
}

.page_head {
  background-color: #E7D981;
  color: #FFF;
  padding: 15px 20px;
  font-weight: 500;
  font-size: 1.2em;
  line-height: 1.2em;
}
.card1 {
  margin: 5px;
  padding: 10px 12px 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  background: #FFF;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.3);
  box-shadow: 0 1px 6px rgba(0,0,0,.3);
  border-radius: 3px;
}
.card2 {
  margin: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  background: #FFF;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.3);
  box-shadow: 0 1px 4px rgba(0,0,0,.3);
  border-radius: 3px;
}

.prod_price {
  border: 1px solid #DADADA;
  border-radius: 3px;
  padding: 5px 7px;
  margin: 7px 0px;
  max-width: 100%;
  min-width: 100px;
  display: inline-block;
}
.prod_price_txt {
  color: #3f3f3f;
  font-size: 0.9em;
  font-weight: bold;
}
.prod_price_txt strike {
  color: #9f9f9f;
  font-size: 0.9em;
}
.prod_price_txt span {
  padding: 0px 5px;
}
.prod_quant {
  background: #E7D981;
  display: inline-block;
  border-radius: 3px;
}
.prod_qblock {
  padding: 8px 10px;
  color: #FFF;
  height: 30px;
}




.select_pack {
  padding: 10px 15px;
  border: 1px solid #ededed;
  border-width: 0 0 1px 0;
}
.select_pack::last-child {
 border-width: 0px; 
}
.select_pack.current {
  border-width: 1px;
  background: #E7D981;
  color: #FFF;
}
.soldout_img {
  position: absolute;
  max-width: 100%;
  top: 0px;
  left: 0px;
}


.help_contact {
  background: #E7D981;
  border-radius: 25px;
  padding: 12px 20px;
  color: white;
  display: inline-block;
  width: 100%;
  font-size: 1.2em;
}
.product_image {
  width: 120px;
  height: 120px;
  max-width: 120px;
  max-height: 120px;
}

.packPopup strike {
  color: #DDD;
}

.offers_block {
  background: #ff4545;
  color: white;
  font-size: 0.8em;
  padding: 0px 5px;
  display: inline-block;
}
/************************** App Framework Ends *************************************/

/************************** Framework Start #rk-css *******************************/

[fll] { float:left;  }
[flr] { float:right;  }

[fl1] { flex: 1;  }
[fl2] { flex: 2;  }
[fl3] { flex: 3;  }
[fl4] { flex: 4;  }

[dib] { display: inline-block;  }
[dn] { display: none;  }

[prc1], .prc1 { color: #1d7c3b; }


[click-effect].activated {
  background-color: rgba(230,230,230,0.4);
}


[rkcol]{
    display                : flex;
    display                : -webkit-flex;
    -webkit-flex-direction : row;
    flex-direction         : row;
}
[rkrow]{
    display                : flex;
    display                : -webkit-flex;
    -webkit-flex-direction : column;
    flex-direction         : column;
}

h1, h2, h3, h4, h5, h6{ margin : 0px; }
[fw2]{ font-weight: 200; }
[fw3]{ font-weight: 300; }
[fw4]{ font-weight: 400; }
[fw5], .bfw5 *{ font-weight: 500; }
[fw6]{ font-weight: 600; }
[fw7]{ font-weight: 700; }
[fw8]{ font-weight: 800; }
[fs5]{ font-size: 0.5em; }
[fs4]{ font-size: 0.6em; }
[fs3]{ font-size: 0.7em; }
[fs2]{ font-size: 0.8em; }
[fs1], .fs1{ font-size: 0.9em; }
[f], .f{ font-size: 1.0em; }
[f1]{ font-size: 1.1em; }
[f11]{ font-size: 1.15em; }
[f2]{ font-size: 1.2em; }
[f3]{ font-size: 1.3em; }
[f4]{ font-size: 1.4em; }
[f5]{ font-size: 1.5em; }
[f6]{ font-size: 1.6em; }
[f7]{ font-size: 1.7em; }
[f8]{ font-size: 1.8em; }
[f9]{ font-size: 1.9em; }
[f3x]{ font-size: 3em; }
[f3x1]{ font-size: 3.2em; }
[f3x2]{ font-size: 3.4em; }
[f3x3]{ font-size: 3.6em; }
[f4x]{ font-size: 4em; }
[f2x]{ font-size: 2em; }
[f2x1]{ font-size: 2.2em; }
[f2x2]{ font-size: 2.4em; }
[f2x3]{ font-size: 2.6em; }
[f2x4]{ font-size: 2.8em; }

[fcl]{  color: #6f6f6f; }
[fcl2]{ color: #7f7f7f; }
[fcl1]{ color: #8f8f8f; }
[fcl3]{ color: #9f9f9f; }

[fcd]{  color: #5f5f5f; }
[fcd1]{ color: #4f4f4f; }
[fcd2]{ color: #3f3f3f; }
[fcd3]{ color: #2f2f2f; }

[fc21]{ color: #CC0000; }

[txt-white]{ color:white; }
[txt-black]{ color:black; }

[text-wrap], .text-wrap { word-wrap: break-word; }
[text-center], .text_center { text-align : center; } 
[text-left], .text-left { text-align : left; }
[text-right], .text_right { text-align : right; } 

[op1] { opacity: 0.1; }
[op2] { opacity: 0.2; }
[op3] { opacity: 0.3; }
[op4] { opacity: 0.4; }
[op5] { opacity: 0.5; }
[op6] { opacity: 0.6; }
[op7] { opacity: 0.7; }
[op8] { opacity: 0.8; }
[op9] { opacity: 0.9; }
[op10] { opacity: 1; }

.custom-file-upload input[type="file"] {
  display: none;
 
}
.custom-file-upload{
  display: block;
  margin-top: 15px;
}
.custom-file-input1::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input1::before {
  content: 'Select some files';
  display: inline-block;
  background: linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.custom-file-input1:hover::before {
  border-color: black;
}
.custom-file-input1:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
[tlf] { table-layout: fixed; }

.container{
    display                : flex;
    display                : -webkit-flex;
    -webkit-flex-direction : row;
    flex-direction         : row;
    background-color: #ffffff;
}

[width100],[w100]{ width: 100%; }
[height100]{ height: 100%; }
[width50][w50]{ width: 50%; }
[height50]{ height: 50%; }
[wa]{width: auto;}
[w30]{width: 30%}

[w33]{width: 33%}
[w40]{width: 40%}
[w50]{width: 50%}
[w25]{width: 25%;}
[w20]{width: 20%;}
[w10]{width: 10%;}
[w5] {width: 5%;}
[w60]{width: 60%;}
[w70]{width: 70%;}
[w75]{width: 75%;}
[w80]{width: 80%;}
[w90]{width: 90%;}
[w95]{width: 95%;}
[ha]{height: auto;}
[h30]{height: 30%}
[h40]{height: 40%}
[h25]{height: 25%;}
[h20]{height: 20%;}
[h10]{height: 10%;}
[h5] {height: 5%;}
[h75]{height: 75%;}
[h90]{height: 90%;}

[ht]{ height: 1em; }
[ht1]{ height: 1.5em; }
[ht2], .ht2{ height: 2em; }
[ht3]{ height: 2.5em; }
[ht4], .ht4{ height: 3em; }
[ht5]{ height: 3.5em; }
[ht6]{ height: 4em; }
[ht7]{ height: 4.5em; }

.has-footer1 {
  bottom: 44px; }
.has-footer2 {bottom: 50px; }
 .bar-footer2 { height: 50px; }


@media all and (min-width: 700px) {
  [ht4]{ height: 3.5em; }
}

[flex-box]{
    display                : flex;
    display                : -webkit-flex;
}

.flex-item{
    flex-grow: 1;
    flex-basis: auto;
    align-self :  center;
}
.subscdiv{
  text-align: center;
  width: 230px;
  border: 1px solid #c7c1c1;
  margin: 5px;
  display: inline-block;
}
.subscdiv .text_right{
  text-align: unset !important;
}
/* .home_cat [br1]:nth-child(2){border-right: none !important} */
.home_cat{display: block;
  float: left;
  width: 100%;
  color: #FFFFFF;
  background-color: #FFFFFF;
  margin-bottom: 12px;
  padding: 5px;}
  [home_cat_btn]{color:black;text-align: center;    font-weight: 300;}
/* #rk-childs #rk-align Flex Childs Alignment */
[flex-childs-left],[fxcl]{
    -webkit-justify-content: flex-start; /* Safari */
    justify-content:         flex-start;
}
[flex-childs-right],[fxcr]{
    -webkit-justify-content: flex-end; /* Safari */
    justify-content:         flex-end;
}
[flex-childs-center],[fxcc]{
    -webkit-justify-content: center; /* Safari */
    justify-content:         center;
}
[flex-childs-align-center],[fxcac]{
	align-items: center;
}
[flex-childs-space-around],[fxcsa]{
    -webkit-justify-content: space-around; /* Safari */
    justify-content:         space-around;
}
[flex-childs-space-between],[fxcsb]{
    -webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
}
[flex-childs-wrap],[fxcwrap]{ flex-wrap: wrap; }
[flex-childs-no-wrap],[fxcnowrap]{ flex-wrap: nowrap; }

[self-grow]{ flex-grow: 1; }
[self-shrink]{ flex-grow: 0; flex-shrink: 1; }
[self-stretch]{align-self: stretch;}
[self-center]{align-self: center;}
[self-top]{align-self: flex-start;}
[self-left]{align-self: flex-start;}
[self-bottom]{align-self: flex-end;}
[self-right]{align-self: flex-end;}


[display-anim] { -webkit-transition: display 0.02s; transition: display 0.02s;  }


/* #rk-padding #rk-margin */
[mau] { margin: 0px auto; }
[pd0]{padding: 0px;}
[pd1]{padding: 5px;}
[pd2]{padding: 10px;}
[pd3]{padding: 15px;}
[pd4]{padding: 20px;}
[mg0]{margin: 0px;}
[mg1]{margin: 5px;}
[mg2]{margin: 10px;}
[mg3]{margin: 15px;}
[mg4]{margin: 20px;}
[mgb0]{margin-bottom: 0px;}
[mgb1]{margin-bottom: 5px;}
[mgb2]{margin-bottom: 10px;}
[mgb3]{margin-bottom: 15px;}
[mgb4]{margin-bottom: 20px;}
[mgb5]{margin-bottom: 25px;}
[mgt0]{margin-top: 0px;}
[mgt1]{margin-top: 5px;}
[mgt2]{margin-top: 10px;}
[mgt3]{margin-top: 15px;}
[mgt4]{margin-top: 20px;}
[mgt5]{margin-top: 25px;}
[mgl0]{margin-left: 0px;}
[mgl1]{margin-left: 5px;}
[mgl2]{margin-left: 10px;}
[mgl3]{margin-left: 15px;}
[mgl4]{margin-left: 20px;}
[mgl5]{margin-left: 25px;}
[mgr0]{margin-right: 0px;}
[mgr1]{margin-right: 5px;}
[mgr2]{margin-right: 10px;}
[mgr3]{margin-right: 15px;}
[mgr4]{margin-right: 20px;}
[mgr5]{margin-right: 25px;}
[pdr0]{padding-right: 0px;}
[pdr1]{padding-right: 5px;}
[pdr2]{padding-right: 10px;}
[pdr3]{padding-right: 15px;}
[pdr4]{padding-right: 20px;}
[pdr5]{padding-right: 25px;}
[pdb0]{padding-bottom: 0px;}
[pdb1]{padding-bottom: 5px;}
[pdb2]{padding-bottom: 10px;}
[pdb3]{padding-bottom: 15px;}
[pdb4]{padding-bottom: 20px;}
[pdb5]{padding-bottom: 25px;}
[pdt0]{padding-top: 0px;}
[pdt1]{padding-top: 5px;}
[pdt11]{padding-top: 7px;}
[pdt2]{padding-top: 10px;}
[pdt3]{padding-top: 15px;}
[pdt4]{padding-top: 20px;}
[pdt5]{padding-top: 25px;}
[pdl0]{padding-left: 0px;}
[pdl1]{padding-left: 5px;}
[pdl2]{padding-left: 10px;}
[pdl3]{padding-left: 15px;}
[pdl4]{padding-left: 20px;}
[pdl5]{padding-left: 25px;}


[float-container]{ position: relative; }
[float-item]{ position: absolute; z-index: 10;}
[fixed-pos]{ position: fixed; }
[zi5]{ z-index: 5; }
[zi100]{ z-index: 100; }
[zi10]{ z-index: 10; }
[zi50]{ z-index: 50; }
[bottom]{ bottom: 0px; }
[top]{ top: 0px; }
[left]{ left: 0px; }
[right]{ right: 0px; }

/* #rk-borders */
[border]{ border: 1px solid #efefef; }
[b0]{ border: 0px solid #e1e1e1; }
[b1]{ border: 1px solid #e1e1e1; }
[b2]{ border: 2px solid #e1e1e1; }
[b3]{ border: 3px solid #e1e1e1; }
[b4]{ border: 4px solid #e1e1e1; }
[bt0]{ border-top: 0px solid #e1e1e1; }
[bt1]{ border-top: 1px solid #e1e1e1; }
[bt2]{ border-top: 2px solid #e1e1e1; }
[bt3]{ border-top: 3px solid #e1e1e1; }
[bt4]{ border-top: 4px solid #e1e1e1; }
[bb0]{ border-bottom: 0px solid #e1e1e1; }
[bb1]{ border-bottom: 1px solid #e1e1e1; }
[bb2]{ border-bottom: 2px solid #e1e1e1; }
[bb3]{ border-bottom: 3px solid #e1e1e1; }
[bb4]{ border-bottom: 4px solid #e1e1e1; }
[bl0]{ border-left: 0px solid #e1e1e1; }
[bl1]{ border-left: 1px solid #e1e1e1;  }
[bl2]{ border-left: 2px solid #e1e1e1; }
[bl3]{ border-left: 3px solid #e1e1e1; }
[bl4]{ border-left: 4px solid #e1e1e1; }
[br0]{ border-right: 0px solid #e1e1e1; }
[br1]{ border-right: 1px solid #e1e1e1;  }
[br2]{ border-right: 2px solid #e1e1e1; }
[br3]{ border-right: 3px solid #e1e1e1; }
[br4]{ border-right: 4px solid #e1e1e1; }
[bd1]{ border : 1px dashed #9f9f99; } 
[bd2]{ border : 2px dashed #9f9f99; }
[bd3]{ border : 3px dashed #9f9f99; }
[bd4]{ border : 4px dashed #9f9f99; }
[bdl]{ border-left : 1px dashed #9f9f99; }
[bdr]{ border-right : 1px dashed #9f9f99; }
[bdt]{ border-top : 1px dashed #9f9f99; }
[bdb]{ border-bottom : 1px dashed #9f9f99; }
[brad0]{ border-radius: 0px; }
[brad1]{ border-radius: 5px; }
[brad2]{ border-radius: 10px }
[brad3]{ border-radius: 15px; }
[brad4]{ border-radius: 20px; }
[brad50]{ border-radius: 50%; }
[bradtl1]{ border-top-left-radius: 5px; }
[bradtl2]{ border-top-left-radius: 10px }
[bradtl3]{ border-top-left-radius: 15px; }
[bradtl4]{ border-top-left-radius: 20px; }
[bradtl50]{ border-top-left-radius: 50%; }
[bradtr1]{ border-top-right-radius: 5px; }
[bradtr2]{ border-top-right-radius: 10px }
[bradtr3]{ border-top-right-radius: 15px; }
[bradtr4]{ border-top-right-radius: 20px; }
[bradtr50]{ border-top-right-radius: 50%; }
[bradbl1]{ border-bottom-left-radius: 5px; }
[bradbl2]{ border-bottom-left-radius: 10px }
[bradbl3]{ border-bottom-left-radius: 15px; }
[bradbl4]{ border-bottom-left-radius: 20px; }
[bradbl50]{ border-bottom-left-radius: 50%; }
[bradbr1]{ border-bottom-right-radius: 5px; }
[bradbr2]{ border-bottom-right-radius: 10px }
[bradbr3]{ border-bottom-right-radius: 15px; }
[bradbr4]{ border-bottom-right-radius: 20px; }
[bradbr50]{ border-bottom-right-radius: 50%; }
[bcl1]{ border-color: #e1e1e1; }
[bcl2]{ border-color: #ededed; }
[bcl3]{ border-color: #f3f3f3; }
[bcd1]{ border-color: #333333; }
[bcl4]{ border-color: #DDD; }



[lh0]{ line-height: 0.9em}
[lh1]{ line-height: 1em}
[lh10]{ line-height: 1.1em}
[lh11]{ line-height: 1.2em}
[lh2]{ line-height: 1.5em; }
[lh21]{ line-height: 1.7em; }
[lh3]{ line-height: 2; }
[lh4]{ line-height: 2.5; }
[lh5]{ line-height: 3.0; }
[lh6]{ line-height: 3.5; }
[lh7]{ line-height: 4.0; }

[ls05]{ letter-spacing : 0.05em; }
[ls1]{ letter-spacing : 0.1em; }
[ls2]{ letter-spacing : 0.2em; }

[gradient]{
  background-color: rgba(0,0,0,0);
  background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.46));
  background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.46)); 
}

[bg-grey]{ background-color: #f5f5f5;  }
[bg-grey1]{ background-color: #eaeaea;  }
[bg-white]{ background-color: #ffffff;  }
[bg-green]{ background-color: lightgreen;}
[bg1]{ background: #8f8f8f; }
[bg2]{ background: #afafaf; }
[bg4]{ background: #efefef; }
[bg5]{ background: #f5f5f5; } 
[bgt1]{ background-color: antiquewhite;}
[bgt2]{ background-color: aliceblue;}
[bgt3]{ background-color: burlywood;}
[bgt4]{ background-color: cadetblue;}
[bgt5]{ background-color: chocolate;}
[bgt6]{ background-color: teal;}
[bgt7]{ background-color: violet;}
[bgt8]{ background-color: darkolivegreen;}
[bgt9]{ background-color: #CC0000;}


[shadow]{
    box-shadow: 3px 3px 13px #f1f1f1;
}


[img-s]{ width :  5em; height: 5em; }
[img-s1]{ width :  5em; height: 5em; }
[img-s2]{ width :  5em; height: 5em; }
[img-s3]{ width :  5em; height: 5em; }
[img-s4]{ width :  5em; height: 5em; }
[img-s5]{ width :  5em; height: 5em; }
[img-s6]{ width :  5em; height: 5em; }

[clear] {
  clear:both;
  box-shadow: none;
}
[spacer-10] {width:100%; height:10px; }
[spacer-20] {width:100%; height:20px; }

[nowrap] { 
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
 }
[strike] { text-decoration: line-through; }
[vat] { vertical-align: top;  }
[vam] { vertical-align: middle;  }
[vab] { vertical-align: bottom;  }


/************************** Framework Ends *******************************/

.product_offer {
	background: #df7c16;
	color: #FFF;
	padding: 5px;
	font-size: 0.9em;
}

.productSlider .swiper-container {
min-height: 250px;
}

.item-radio input:checked + .radio-content span {
	color: #E7D981;
}
.item-radio input:checked + .radio-content .radio-icon {
	border-color: #E7D981;
}
.radio-icon:before {
	background-color: #E7D981;
}


.addedPromo {
	margin: 5px 20px;
	border: 2px dashed #CCC;
	padding: 10px;
	position: relative;
}
.removePromo {
	background-color: #DDD;
	padding: 2px 11px;
	position: absolute;
	right: 0px;
	top: 0px;
}
.slider_img_resp{
  max-height: 500px;
  width: 100%;
}
.flc{
  display: flex;
 
  flex-direction: column;
  align-items: center;
}
 .bgwhite{
   background-color: white;
 }

 .mrgn-right8{
margin-right: 8px;
cursor: pointer;
 }
 .center-align{
   display: flex;
   align-items:center;
   justify-content: center;
 }
 .head-desk-search{
   width: 100%;
   padding-left: 10px;
   height: 40px;
   border-color: #E7D981 !important;
   border-width: 1px; 
   border:1px solid #E7D981;
 }
 .src-btn{
   background-color: #E7D981;
   border: 0;
   height: 40px;
 }
 .cartbox i{
   font-size: 40px;
 }
 .align-right{
  display: flex;
  align-items:center;
  justify-content: flex-end;
 }

 .head-top span{
  display: flex;
  justify-content: center;
  align-items: center;
 }
 .desktop-bar{
  display:none
 }
 .cartbox{
   
 }
 .greenclr{
   color:#E7D981
 }
@media screen  and (min-width:480px) 
{ 
  .dd-f{
    font-size: 20px;
    
  }
  .head-top p,span {
    font-size: 12px;
    font-weight: 200;
  }
  .dk-has-header{
    top:0px !important
  }
  [desk-hide]{
    display:none
  }
  .container{
    padding: 0 40px;
  }
  ion-tabs{
    display: none;
  }
  .has-footer2 {bottom: 0px !important; }
  .desktop-bar{
    display: block;
    
  }
  .slider_img_resp{
    max-height: 500px;
    width: 100%;
  }
  
    .resp_div{
      display: flex;
    flex-direction: row;
    justify-content: center;
    
    flex-wrap: wrap;
    }
    .rpbggrey{
      background-color: #eaeaea;
    }
  
    .resp_produuct{
      min-width:45%;
      max-width:45%;
      background: white;
      margin: 10px 10px;border-radius: 10px;

    }
    .row_rp{
      flex-direction:column
    }
    .row_rp_img{
      height: 230px;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .row_rp_txt{
      padding-top: 2px;
    }

  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */


}


@media screen  and (min-width:780px) 
{ 
   
    .resp_produuct{
      min-width:30%;
      max-width:30%;
      background: white;
      margin: 10px 10px;border-radius: 10px;

    }
    @media screen  and (min-width:980px) 
{ 
   
    .resp_produuct{
      min-width:22%;
      max-width:22%;
      background: white;
      margin: 10px 10px;border-radius: 10px;

    }
   

  /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */


}