.file-input {
  display: none;
}.file-label {
  cursor: pointer;
  display: inline-block;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.file-label:hover {
  background-color: #f0f0f0;
}


.td-70 {
    width: 50%;
  }

.cornflowerblue{background:cornflowerblue}
.promptHeader{width:100%; height:auto;margin-top:65px}
.orange{background:orange;}
.aquamarine{background:aquamarine;}

.cmnBg{background:black!important;opacity:0.9}
.col-cm{color:whitesmoke!important}
.br-3{border-radius:.25rem!important}
/*defaults*/
.pfl{width:100%; display:table}
.fl{width:90%; display:table}
.bR-30{border-radius:10px}
.mg-tp{margin-top:10px}
.npad{padding-left:0px; paddding-right:0px}
.mg-xtp{margin-top:.4em}
.mg-bttom{margin-bottom:1em} 
.mtp_z { margin-top: 0;}
.border_z{border:0px}
.xspad{padding: .5em;}
.borderX{border:2px solid #333}
.innerBorder{border-top: 5px solid #f7f7f7; border-bottom: 15px solid #f7f7f7;}
.pad6{padding:.6em}
.ovfl-n{overflow:hidden!important}
.padLRN{padding-left:.0em!important;padding-right:.0em!important}
.mlx{margin-left:.8em}
.mtb{margin-top:15px; margin-bottom:15px;}
.sf{font-size:.5em}
..flickity-viewport{height:300px!important}
.pad-s {padding: .5em 1em; border:1px solid #ddd}
.border-s {border-radius: 15px;}
.topStoryIntro{margin: 15px }
.TpNav{width: auto!important; ddisplay:table; box-shadow: 1px 30px 6px 7px rgba(0,0,0,.15);border-radius: 14px;   }
.pointer{cursor:pointer; transition:all .3s}
.pointer:hover{color:#000;ffont-weight:bold}
.TpNavBtn{bbox-shadow: 5px 5px 1px 1px rgba(0, 0, 0,.15);border-radius: 14px; font-size:1.1em ;border: 1px solid;
background: #fff;}
.pr-0{padding-right:0px}
.card-body { padding: 2rem;}
.pcounter {
  background: red;
  color: white;
  border-radius: 0;
}
.post {
background: rgb(120, 200, 0) none repeat scroll 0% 0%;
bborder-color: rgb(88, 167, 0);
color: rgb(255, 255, 253);
font-size: 1.3em;
max-width: 150px;
width: 100%;
box-shadow: 5px 5px 1px 1px rgba(120, 200, 0,.45);
}
.postBox{padding-top:1em;padding-bottom:1em;margin:1em}
 /* Style for the edit button */
    .edit-button {
      background-color: #2f4f4f;
      color: white; 
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      border-radius: 0;
      cursor: pointer;
    }
    
    /* Style for the hidden file input */
    .hidden-input {
      display: none;
    }
.topNavmenu li {
  display: inline-block;
  padding: .5em;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ddd;
  cursor:pointer;  
}
.topNavmenu li:hover { 
  padding: .5em;
  background: #555;   
  border: 1px solid transparent;
  color:#ddd
}

.accordion-button::before{
	background: #f1f3f4;	 
	padding: 1rem;
	background-position: center;
	border-radius: 50%;
}
.headline{margin-bottom:1em;margin-top: 15px;height:50px; background:#000;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
transition: all 0.5s ease;clear:both; border-radius:15px}
.headlineBulleting{
  color: #f9f9f9;
  padding: .9em;
  display: table;
  width: ;
}
.sForm-m {margin-top:2em!important; max-width:900px!important; width:100%!important}
.byellow{background:yellow!important}
.bgblack{background:#000!important}
.byred{background:skyblue!important}
.ft_color{color:chartreuse}
.infohighlight{color:#000!important;}
.ptable > :not(caption) > * > * {
  padding-left: 0px !important;
}
#user_uploaded_image{display:flex;flex-wrap:wrap}
.setgItemimg{display:none}
..overlay{padding-bottom:15%}
.btnDefBg {background-color: #d9edf7;transition:all .3s}
.btnDefBg:hover {background-color: #fff;box-shadow: 1px 10px 16px rgba(0,0,0,.15) !important;}
.buttonP {
  padding: .5em 1em;
  margin-bottom: 10px;
  font-size: ;
  border-radius: 50px;
  border: 1px solid transparent;
  /* color: #555; */
}
.grid-item-wrapper-c {background: #fff!important;box-shadow: 1px 1px 3px rgba(0,0,0,0.2)!important;}
.list-group{z-index:999}
.list-group-item {background:#eee; cursor:pointer}
.redFlag{box-shadow: 0 0 5px 5px red!important;}
.dropselect { background-color: #e9ecef!important;}
.FormFieldHolder {
  margin-bottom: 0px;
}

.updlogo{font-size:150%}
.mg-0 {
  margin-bottom: 0px;
}
 

/* .modal-footer {margin-top:2em;} */
.list-group-item { border-bottom: 1px solid rgba(0,0,0,.125);border-width: 0px !important;}
.bbtm { border-bottom: 1px solid rgba(0,0,0,.125);}
 
.ferrors {margin-top:-15px}
.formNavigatorpagerHead {
  height: auto;
  color: #000;
  font-size: 20px;
  padding: .5em 0;
}

.LH1 {line-height: 1;}
.d_flex{display:flex}

.alert-success{
left: 50%;
transform: translate(-50%,-50%);
position: fixed;
z-index: 1; display:none; }
.accd_p_head{background:lightskyblue}

.socialgroup{
	list-style:none;
	padding-left:0px!important;

}
/* .p_head_set { background: #1c2938; }
.p_head_set:not(.collapsed) {
  color: #0c63e4;
  background-color: #e7f1ff;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
  background: #1c2938;
} */


.p_head_h {
  padding: .5em .5em .5em 3em;
  }
.socialgroup li{
	
	transition: .7s all;
	border-radius:15px;
	padding:10px;
	
}

.socialgroup li:hover{
	 
	background: #222; color:#fff;
	
}

.s-s-d{box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
display: table;
padding: 10px;
border-radius: 15px;display:inline-block;
	 
	padding:10px;}

.btn-sma{padding:0px !important}
.fsize{font-size: 30px;}

.fa_iconsL{position: absolute;top: 60px;z-index: 1;right:80px;}
.mr-3{margin-right:.5rem}
.biinfo{font-size:20px}
.textstrong{color:#222}
.w-6{max-width:600px}

.distinctCol{color: #0bbbd4!important;}
body{padding:0!important;color:#000!important}
.private{
background: aqua;
padding: 0 15px;
}

.col-default{float:left}

#result {   border-radius: 15px;}
.resultFeed {
    overflow-x: scroll;
    
}
.scrollfa {
    font-size: 100px;
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.trackingBoxElement{text-align:center; font-weight:bold}
.invitetrack{border-radius: 20px 20px 0 0!important;}
.invitbox{ background: #fff;  padding: 2em;  border-radius: 1em;margin-bottom:2em;box-shadow: 5px 5px 10px rgba(0,0,0,.1) !important;}
.invitedlinkdetail{}
.invitedlinkdetail li{display:inline-block;display: inline-block;background: #ddd;color: black;padding: 0 1em 0 1em;border-radius: .4em;}
.green{color:green;}
.red{color:red;}
#spinnerimg2{background:rgba(0,0,0,.2);position:absolute;top:0;bottom:0;left:0;right:0;z-index:9;display:none}
#headline{margin-bottom:1em;margin-top: 15px;}
.formNavigatorpager {
  position: sticky;
  top: 80px;
  background: white;
  z-index: 9;
  padding: 10px;
	padding-left: 0;
	padding-top: 0;

}.formpreviewsticker {
  position: sticky;
  top: 170px;
  background: white;
  z-index: 999;
  padding: 10px; 
}
.ptable.modal-footer{justify-content: flex-start;}
.modal-custom-mg > * {margin: .25rem;}
.form_errors {
  border: 1px solid #a94442!important;
  background: #fff; 
 }
 
 .baseline {align-items: baseline;}
 
 
 
 
 
 
 
 
 
 
 
 
.b-l{
	border-left: 1px solid; 
}  
 
.b-r{ 
border-right: 1px solid;
} 
.wh-50{width: 50px;height: 50px;}
.banner_row{
border-radius: 2em; 
padding-bottom: 1em;
padding-top: 1em;
}
.dismiss{display:none!important} 
.show{display:block!important} 
.f_flex{display:flex!important}
.seleoptions{margin-top:-5px!important;margin-left:-1px!important}
.rel{position:relative}
.row_item_menu:hover { background:#f8f8f8}
.row_item_menu .btn:hover {
	background:transparent!important;border:0px;
	/* -moz-box-shadow: none;
	-goog-ms-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none!important; */
	}
.row_item_menu .btn {background:transparent;border:0px;border-radius: 50%;}
.row_item_menu {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
}

/* uploadfile */

/* CSS */
.btnSite {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, .3) 0 6px 20px;
  box-sizing: border-box;
  color: #121212;
  cursor: pointer;
  display: inline-flex;
 /*  flex: 1 1 auto; */
  font-family: Inter,sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1;
  margin: 0;
  outline: none;
  padding: 1rem 1.2rem;
  text-align: center;
  text-decoration: none;
  transition: box-shadow .2s,-webkit-box-shadow .2s;
  white-space: nowrap;
  border: 0;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.c1{box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, .05) 0 6px 20px; border:1px solid #555; }


.btnSite:hover {
  box-shadow: #121212 0 0 0 3px, transparent 0 0 0 0;
}
.btn:active, .btn:focus {
  box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, .3) 0 6px 20px!important;
  outline: none !important;
 
}
.btn:hover {
  box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, .1) 0 6px 20px!important;
  outline: none !important;
 
}
.dselect{background-color: #e9ecef!important;}
.br-default{border-radius:20px; }
.s-sz-button {
  padding: .5rem 1rem;
  font-size: 15px;
  box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, .2) 0 3px 5px !important;
}
.sub-info {
  background: #f8f8f8;
  border-radius: 1em;
  padding: 1em;
  display: table;
  margin-bottom: 1.5em;
}
/* blob image size*/
output{ 
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 15px;
  position: relative;
  border-radius: 5px;
}

output .image{
  height: 70px;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  position: relative;
}

output .image img{
  height: 100%;
  width: 100%;
}

output .image span {
  position: absolute;
  top: -4px;
  right: 4px;
  cursor: pointer;
  font-size: 22px;
  color: white;
  background:red;
}

output .image span:hover {
  opacity: 0.8;
}
.x-small {
  font-size: x-small!important;
}
output .span--hidden{
  visibility: hidden;
}
/*banner*/
.div-rel{position:relative}
.centerDiv {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.bottomDiv {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%,100%);
}

.r_imgSize {
  height: auto;
  max-width: 100%;
  width: 10rem !important;
}







.accordion-button::after {display:none}
.accordion-button::before {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0;
  margin-right:.5rem;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
}
.accordion-button:not(.collapsed)::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.max-w-2{display: table;
width: 100%;
max-width: 200px;} 
.hpoint{transition: .3s all;}
.hpoint:hover .valueHeighlight {background:#000;color:#fff!important; border-radius:.5em;box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, .1) 0 6px 20px !important;}
.hpoint:hover{background:#000;color:blue!important; border-radius:.5em;box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, .1) 0 6px 20px !important;}
.map-iframe-5{height: 500px;position:relative}
.map-5{ height:500px; width:100%; z-index:2; position:relative;border:1px solid #888}
.height-5{display:block!important;height:500px!important}
.unset{
	overflow:inherit!important;
}
.countplus{width:100%; max-width:400px; height:50px; border-radius:5px; border: 2px solid #222;font-size: 1.5rem;color:#000}
.heighlight{background: greenyellow;}
.mark_ext{background:yellow;background:#FFFDD0;color:#000;font-weight:bold;}
.log-i{  background: yellow;
  color: #000;
  line-height: .9;
  font-size: small;
  padding: 5px;
}
.payrefcode{font-size:2em}
.m-t-1{margin-top: 0.2em;}
.mt-n3{margin-top:-5px;}
.divider{height:10px; background:#444;border-radius:50px;display: table;width: 100%;}
.bulletnum {
  
  top: 50%;
  left: 50%; 
  background: black;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 30px;
}
.p-aW-a{position:absolute; width:auto!important;margin-top: 32px;}
.pd-2{padding:2em 2em 2em 2em }
.novw{display:none}
.valueHeighlight{color:#222; font-weight:bold; text-decoration:underline}
.max-w-1t { max-width: 1000px;}

.accd_p_head:not(.collapsed) {
  color: #0c63e4;
  background-color: #e7f1ff;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
  background: lightskyblue;
}

.szl{font-size:larger!important}
.prow{margin-bottom:2em}
.pheader_stick_child{
	position: sticky;
	top: 183px!important;
	background: white;
	background: transparent;
	z-index: 9;
	color:#000!important;
}
.pheader_stick{
	position: sticky;
	top: 65px;
	background: white;
	background: transparent;
	z-index: 9;
	color:#000!important;
}
/* CSS */
.button-16 {
  background-color: #f8f9fa;
  border: 1px solid #f8f9fa;
  border-radius: 4px;
  color: #3c4043;
  cursor: pointer;
  font-family: arial,sans-serif;
  font-size: 14px;
  height: 36px;
  line-height: 27px;
  min-width: 54px;
  padding: 0 16px;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: pre;
}

.button-16:hover {
  border-color: #dadce0;
  box-shadow: rgba(0, 0, 0, .1) 0 1px 1px;
  color: #202124;
}

.button-16:focus {
  border-color: #4285f4;
  outline: none;
}

.btnSite-default {
	flex: unset!important;
	box-shadow: unset!important;
	background: transparent!important;
	}

.btnSite-ext { 
	border-radius: 15px!important;
	box-shadow: 1px 1px 1px 1px #ccc!important;
}

.text-left{text-align:left!important}
.bl{border-left:5px solid #aaaaaa!important}
.accordion-body { 
  box-shadow: -1px 0px 10px 1px #aaaaaa;
}

.form_set {
    margin-top: 5px;
    margin-bottom: 5px;
    display:inline-block; 
    *display: inline;     /* for IE7*/
    zoom:1;              /* for IE7*/
    vertical-align:middle;
    margin-left:20px;
    max-width:250px;
    width:100%;
}

label {
    /* display:inline-block;
    display: inline;     /* for IE7*/
  /*   zoom:1;     */          /* for IE7*/
 /*   padding-top: 5px;
    text-align: left;
    width: 140px;
	max-width: 300px;
width: 100%; */
}

.block{display:block;}
/*.block{display:flex; padding:1em 0 0 0} */

/* CSS */
.btn-s1 {
  background-color: #222;
  border-radius: 4px;
  border-style: none;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Farfetch Basis","Helvetica Neue",Arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  max-width: none;
  min-height: 44px;
  min-width: 10px;
  outline: none;
  overflow: hidden;
  padding: 9px 20px 8px;
  position: relative;
  text-align: center;
  text-transform: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;

}

.button-31:hover,
.button-31:focus {
  opacity: .75;
}





 
/* CSS */
.button-55 {
  align-self: center;
  background-color: #fff;
  background-image: none;
  background-position: 0 90%;
  background-repeat: repeat no-repeat;
  background-size: 4px 3px;
  border-radius: 15px 225px 255px 15px 15px 255px 225px 15px;
  border-style: solid;
  border-width: 2px;
  box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
  box-sizing: border-box;
  color: #41403e;
  cursor: pointer;
  display: inline-block;
  font-family: Neucha, sans-serif;
  font-size: 1rem;
  line-height: 23px;
  outline: none;
  padding: .75rem;
  text-decoration: none;
  transition: all 235ms ease-in-out;
  border-bottom-left-radius: 15px 255px;
  border-bottom-right-radius: 225px 15px;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-55:hover {
  box-shadow: rgba(0, 0, 0, .3) 2px 8px 8px -5px;
  transform: translate3d(0, 2px, 0);
}

.button-55:focus {
  box-shadow: rgba(0, 0, 0, .3) 2px 8px 4px -6px;
}



 .bracketInfo {font-size: .8em;}
 
 .boxinfo{white-space: unset!important;}
 
 
 
 
 
 
 
 
 
 
 
 
.moreinfo {
  font-size: 1.8em;
  position: absolute; 
  margin-top: -7px;
  margin-left:5px
}
 .btn-group-sm > .btn, .btn-sm { 
  font-size: .775rem; 
}

.table{display:table!important}
.pad-L-0 {padding-left: 0rem!important}
.ul-custom-1 {padding-left: 0rem!important}
.err_response {max-height:150px!important; ooverflow:auto!important;}
.labelSpanDetail{color:; text-decoration:italic}
.flex{display:flex}
.fwrap{display:flex;flex-wrap:wrap}
.m-auto {margin:auto!important}
.formNavigator{width:50px;text-align:center;justify-content: center;display: flex;flex-wrap: wrap;cursor:pointer}
.r-0{border-radius:4px!important}
.nameSpan{line-height:1; font-size:70%;margin-top:3px;}
.ss{font-size: .7em;
text-decoration: underline;
font-style: italic;
display: block;}
.added {
background: greenyellow;padding: 1em;float: left;box-shadow: 1px 3px 5px 2px;width: 100%;
}
.divNumcircle_side{margin-right:10px}
.btn-default,.close,.action  {
    color: #333;
    background-color: #fff;
    border-color: transparent!important;
}
.action { background-color: transparent;}
.id_header{padding:1.5em;}
.cart_del_alert{
width: 200px;
height: auto;
background: darkcyan;
background: #000;
background: rgba(0,0,0,);
padding: 10px 20px;
text-align: center;
position: fixed;
top: 40%;
right: 0%;
z-index: 99999999;
color: mintcream;
font-weight: bold;box-shadow: 8px 8px 8px rgba(0,0,0,.6);
border-radius: 50px 0px 0px 50px;display:none
}
.weight_normal{font-weight:300}
.top_acc_form{padding:15px}
.top_menu_div{    
width: 100%; height: auto; background: #000; background: #f5f7f8; display:none;z-index: 99;position: fixed;
box-shadow: 0px 30px 10px rgba(0,0,0,.15) !important;hheight: 100vw;height: 80%;overflow-y: auto;

}

.user_id_code{font-size: 1.5em;}
.section_menu{border-right:1px solid silver;padding:30px;}
.menu_container {padding:50px 50px 20px 0px}
.acc_bottom{padding-bottom:30px; border-left: 1px solid silver;}
.top_menu_div_inner{
	position: absolute;
	display: table;
	width: 100%;}
.legend {
    color: #615d5c;
    color: #00abc1;
}
.menu_legend{margin:0;padding:0px 20px 20px 0px;line-height:1.2}
.fa_top_close { 
    font-size: 1.5em;
    position: absolute;
    right: 0;top: 0;
    padding: 15px;
    cursor: pointer;
    z-index: 9;
}
.facircle {
    border: 1px solid gray;
    border-radius: 50%;
    padding: 5px;
}
.divUserName{margin-bottom: 10px;}
.button_transparent{
    background: transparent;    
    border: 1px solid #000;
    height: auto;
    padding: 0 30px;
    text-decoration: none !important;
    color: #000;
}
.remove_info{margin:0px;text-shadow: 1px 1px 1px red;}
.main_pg {    margin: 80px 0 0 0;}
.uploadpos {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);	
}
.cartTauto_headline{padding:15px; border:1px solid gray; margin:auto; display:table;}
.modal-content{padding:30px}
.menuright {  display: flex; padding: 15px;} 
.cartTotal{color:red; font-weight:bold;}
.uploadmod { margin-right: 30px;position:relative}
#form-payment-errors{color: darkred;margin-bottom: 30px;display: table;margin-left:15px	}
.payh1{padding: 40px 50px 20px 0px;}
.btnshape{border-radius:30px!important;}
.itemimg {  cursor: pointer;  width: 100%;  overflow: hidden;}
.starR__ { font-size: 25px;}	
.noborder{border:0px}
#spinnerimg{background:rgba(0,0,0,.2);position:absolute;top:0;bottom:0;left:0;right:0;z-index:9}
#scrollfa{font-size: 100px;position: fixed;z-index: 999;top: 50%;left: 55%;transform: translateX(55%);}
.starR{-webkit-transition: -webkit-transform 1s;}
.starR:hover{-webkit-transform:rotate(360deg) translateZ(0)}
.sortbtn:hover{background:#f8f8f8}
.starR_{
	float: right;position: absolute;
	left: 90%;bottom: 84.5%;font-size:20px;color:olivedrab !important;
	-webkit-animation: spin 3s linear infinite;
	-moz-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}
.starR_py {  
	font-size: 60px;color: gray !important;font-weight:300;position:absolute;
	-webkit-animation: spin .3s linear infinite;
    -moz-animation: spin .3s linear infinite;
    animation: spin .3s linear infinite;}


.spinstar{
	font-size: 50px;
	color: gray !important;
	font-weight: 300;
	position: absolute;
	right: 100;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 50px;
	height: 50px;
	background: rgba(0,0,0,.1);
	width: 400px;
	height: 400px;
	justify-content: center;
	display: flex;
	align-content: center;
	align-items: center;
	border-radius: 50%;
	z-index:9;
}
.starR__{
	font-size:20px;
	-webkit-animation: spin 3s linear infinite;
	-moz-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}
.starRi__{
	 
	-webkit-animation: spin .1s linear infinite;
	-moz-animation: spin .1s linear infinite;
	animation: spin .1s linear infinite;
}

@-webkit-keyframes spin{
	100%{-webkit-transform:rotate(360deg);}
}

@-moz-keyframes spin{
	100%{-webkit-transform:rotate(360deg);}
}

@keyframes spin{
	100%{-webkit-transform:rotate(360deg);}
}

.upload {
    font-size: 2em; 
	bborder:3px dotted silver; padding:20px;border-radius:50%; cursor:pointer;transition:all;transition:.35s ease-in-out;
}
.uploadp{font-family: 'Bangers', cursive;font-size:30px;text-align:center;color:yellow;color: black;
font-weight: 900;padding-bottom: 20px;line-height:1}
.uploadp:hover{color:pink}
.activebtn{    
	background: transparent;
    border: 1px solid black!important;
    border-left: 0px solid black!important;
    color: black;	
}
.fselected{ border: 1px solid #ddd; border-left: 5px solid black;cursor:pointer; background:lemonchiffon;transition: 1.3s in-out;}
input[type="checkbox"], input[type="radio"] {
    margin: 4px 0 0;
     
    line-height: normal;
    min-height: 2px;
}
.checkboxlable{display:inline-block}
.removefooter{padding: 0px;
text-align: left;
border-top: 0px solid #e5e5e5;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 7px;  bborder: 0px solid #ddd!important;}
	.table-bordered { bborder: 0px solid #ddd;}
	.table-bordered2 { bborder: 1px solid #eee;}
.fselected::after{
	font-family:'Font Awesome 5 great';
	content:'\f058';
	color:green; transition: 1.3s in-out;	
	font-weight: 900;font-size: 20px;	font-size: 25px;display: block;padding: 5px;
} 
.uploadbox{width:250px; height:200px;margin:auto;text-align:center;}
.fileimg{cursor:pointer; width:100px;}
.uploadbox:hover .fileimg{width:120px;transition:.3s ease-in-out}
.upload:hover{border:10px dotted #000;}
.custom-file-upload {
  border: 0px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}
.menu{ttop:100}
/* .hidemain{margin-top:10px} */
.btn-info:hover { color: #fff; background-color: #31b0d5;  border-color: #269abc;}
  *{ffont-family: 'Hanalei', cursive;}
  .well,.panel {border:0px}
  .poptions {
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: #fff;
    display: list-item;
list-style-type: square;
	margin-left: 60px;
  }
.alloptions_holder{margin-top:-10px}
.content_inner {   padding-top: 0em;}
.weight_th{font-weight:300}
/*.special{fonts-size:1em;display:table;margin-left:20px; font-weight:700}*/
 
label { }
.poptions {font-size:19px }
/*br{margin: 0 0 10px;} */
.s_code {
  line-height: 1.1;
  font-size: 90%;
}
.page_name{padding:2em;border-bottom: 1px solid #ddd;}
.mainpoints{ font-size: 20px;lline-height:2;mmargin: 0 0 10px;display:table;width:auto}
.margin-btn{display:table;width:100%;margin-bottom:50px; }
.form-section{display:table;width:100%;margin-bottom:50px; }
.alloptions{display: ;margin-bottom:1.5em; margin-bottom:0.5em; margin-left: 20px;}
.pad-0{padding:0!important}
.form-group {  margin-bottom: 0.5em;}
.table_order{display:flex;width:100%;margin-bottom:20px; font-size:2em; color:#000;line-height:1}
.service_img{width:auto;height:300px;}
#items{margin-bottom:5em;}
/* .button, input[type="submit"], input[type="reset"], input[type="button"] {
	background:#000;border: 3px solid #000!important;height:auto; padding: 0 30px;text-decoration: none !important; 
	color:ghostwhite;
	color:gray;
} */
.pc2 {width: 82.5%!important;}
.form-group{border-radius:15px;padding-left:15px}
input, select, textarea {max-width: 100%;}
.holder_buttons{height:300px;position:relative;}
.sidelist:hover {  color: #31b0d5!important;  border-color: #269abc!important;}

h1{ color: #333; color: #444; font-weight: bold;padding-top:0.5em}

.logfieldset {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 450px;
    width: auto;
}
 #limg1{
	height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 50%;
}
.log_img_bag{height:430px}
.contact_image{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.mmenu{#343a40!important;}
.ulnav li, .ulnav a{}
.drop-menu li{color:#333!important}
nav > ul > li:hover{background:transparent!important}
.sublists:hover{font-weight:bold;}
ul.drop-menu li { background: silver;border: 1px solid #ddd;}
ul.drop-menu {left: -90%;left: -20%;}
.nobackground:hover{background:transparent}

ul.drop-menu li { background: #333;background: #fff;}
.sendmailbtn	{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:150px;width:100%}
.content_inner {   padding-bottom: 0em;}
.pg_foota{text-align:center; background:#fff;padding:1em;margin-top:0em;background:transparent;color:cadetblue;padding:3em;border-top: 2px solid #145467;}
.pg_quote{font-size:2em; display:block;line-height:1;}
.fa, .fas {  color: #535355;}
.fa:hover, .fas:hover {  color: #000; font-weight:bold}

.productsMod { position: relative;  padding: 30px;padding-bottom:0px;}
.titleitem {  color: #444;  font-weight: bold;}
/* .divNumcircle{background:black;color:#fff; position:relative;border:1px solid #ddd;border-right:0;border-bottom:0;border-radius:50%;padding:20px;width:20px;height:20px; } */
.divNumcircle2{display: inline-table;height: 30px;border-radius:50%;width: 30px;padding: 10px;color: black;background: white;border: 2px solid black;position:relative;}
.divNumcircle2 div{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);text-align:center}
.relate_common{
	border-top: 0px solid #ccc; cursor:pointer;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;

}
.tablett tr td{padding: 15px;}
.table-cell,.divNumcircle{display:table-cell;}
.table-cell{padding:10px;}
.divNumcircle div {
    position: absolute;
    transform: translate(-50%,-50%);
    text-align: center;
    top: 50%;
    left: 50%;
}

.newdiv_container {  padding: 20px;}

.invalid-feedback {
  display: block!important;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #dc3545;
}

	
	html,body{font-size:16px}
	body{overflow:auto!important}
	@font-face {
	font-family: 'feather';
	font-weight: normal;
	font-style: normal;
	src: url('../fonts/feather/feather.eot?1gafuo');
	src: url('../fonts/feather/feather.eot?1gafuo#iefix') format('embedded-opentype'), url('../fonts/feather/feather.woff2?1gafuo') format('woff2'), url('../fonts/feather/feather.ttf?1gafuo') format('truetype'), url('../fonts/feather/feather.woff?1gafuo') format('woff'), url('../fonts/feather/feather.svg?1gafuo#feather') format('svg');
}
 
.action--close{color:#000}
.icon {
	color:#000;
	font-family: 'feather';
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-transform: none;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	speak: none;
	font-weight:bold
}
	.nobackground a{color:gray; text-decoration:none}
	.modal_p{font-weight:300}
	
	.par_point{display:table}
	.left{float:left}
	.right{float:right}
	.points{width:10%}
	.points_par_box{max-width:85%}
	
	.ui-menu .ui-menu-item {
  padding: 15px;
  border-bottom: 1px solid #c5c5c5;
}
	.none{display:none!important}
	.table-cell-number{
		width: 50px;
		height: 20px;
		border-radius: 50%;
		background: black;
		color: white;
		padding: 10px 20px 10px 20px;
		display: table;
		text-align: center;
		margin-right: 50px; background:black; color:white;}
.table-responsive {
     min-height: .01%; 
    overflow-x: none!important;
}
.gridItem { flex-basis: 100%!important; }
.boxSelect { background: lightblue!important; }
/* .action--open { font-size: 1.5em;top: auto; top: 23px;left: 10px;}
.acc_pA_box{border:2px dotted #999;padding:20px} */
.jobOrder_title{border-radius: 50px;margin-bottom:1em;}
.flash_padding{padding: 5px;}
.form-control{border-radius:15px}
.dataheading{margin-bottom:10px}
.pg_foota{background:transparent; border-top:2px solid #145467}
.jobOrderbox_inn{bbox-shadow: 10px 10px 5px rgba(0, 0, 0, 0.1); background:#f8f8f8; background:#fff; border-radius: 30px 30px 30px 0;padding: 1em;}
.pingeneratbox{background:aliceblue;border-radius:50px;padding:20px 0px;margin:0px 0 50px 0;display: table;width: 100%;}
.pingeneratespan{font-weight:normal;font-size:0.9em;display: table;width: 100%;}
.sortbtn{padding:3px 10px 3px 10px;margin-bottom:4px;bborder:0px}
.sort_title{padding:15px}
.mnavheight{position:fixed;top:0;width:100%;opacity: 0.90; z-index: 99;z-index:99;background:#fff;}

.inmenubox{position:fixed; background:#fff; width:100%;z-index:99; box-shadow: 0 0.1px 10px #000;box-shadow: 0px 1px 10px #f2f2f2;
-webkit-box-shadow: 30px 30px 60px rgba(0,0,0,.15);
-moz-box-shadow: 30px 30px 60px rgba(0,0,0,.15);
-o-box-shadow: 30px 30px 60px rgba(0,0,0,.15);
box-shadow: 30px 30px 60px rgba(0,0,0,.15)!important;}
.content_info{padding: 10px 0 50px 0; }
.nobackground{top: 50%;transform: translate(-50%,-50%);left:100px}
#main{position:relative;margin-top:110px;margin-top:85px}
.bgsuccess, .bgdanger { top: 55; position:relative; width:100%;z-index:2;padding: 10px;}
.profileinfo	{border-radius: 0px 50px 50px 0px;width:100%; height:auto; background:#f9f9f9;padding:15px;margin-bottom:50px; display:table}
.logobox{height:75px;}
.logobox img{height:100%;}
.nobg{background: transparent;}
.light_shade_bg{background: #f6f6f6;}
.pad-2{padding:15px!important}
.colrset {
  position: absolute;  
  font-size: 3em;
  color: #000;
  margin-left: 1em;
}
.transparent{background:transparent!important}
.bg_unset{box-shadow:unset!important;}
.ac_child {
  box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, .3) 0 6px 20px !important;
  box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, .7) 0 16px 30px !important;
  box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, 0.2) 0 46px 30px !important;
  outline: none !important;
 background:#222!important;
}


/*..ac_btn_child:active, ..ac_btn_child:focus {
  box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, .3) 0 6px 20px !important;
  box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, .7) 0 16px 30px !important;
  outline: none !important;
 background:#222!important;
}
 
.ac_btn_child{background:#f8f8f8!important; border-radius:15px!important}
.ac_btn_child:hover{background:#fff!important;}
.ac_btn_child:active h4, .ac_btn_child:focus h4{ color:#fff!important}

.ac_child {
  box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, .3) 0 6px 20px !important;
  box-shadow: transparent 0 0 0 3px,rgba(18, 18, 18, .7) 0 16px 30px !important;
  outline: none !important;
 background:#222!important;
}

.ac_btn_main:active, .ac_btn_main:focus { 
 background:#f8f8f8!important;
 
}
.p_head_set{font-size:19px}
.ac_btn_child:focus .p_head_set:after {

  content: "Current form below..."; 
  display: block; 
  color:yellow;
 font-size:16px;
  

} */	
.flex-center{display:flex; justify-content:center}
.flex-end{display:flex; justify-content:end}
.re_m_x {font-size: .3em;}
.labelheader {font-size: 1.5em; color:#555}
.swal2-title {display:block!important}

/*.side_menu_title{margin: 0px 10px;font-size:16px}*/
@media screen and (max-width:992px){
	.col-default{float:left; max-width:100%}
	ul.drop-menu {left:0}
	.side_menu_title{ margin: 0px 1px;font-size:12px;
	}
	.menu {   font-size: 1em;}
	.pg_foota{ background: #145467;}
	..hidemain, nav > ul > li { height: 80px;}
	nav > ul > li{text-transform: normal;}
	.main_pg {margin: 90px 0 0 0;}

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

	#scrollfa {
    font-size: 100px;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translateX(55%);
    transform: translate(-50%,-50%);
}
}

pp{font-family: 'Noto Sans JP', sans-serif;}
p,body,a,h1,h2,h3,h4,h5,.lable_name{font-family: 'Spartan', sans-serif;}
.h2,.lable_name{font-weight:900; color:#111;font-size:13px}
.lable_name{ttext-decoration:underline}
.data{font-weight: 300;  color: #333;font-size:14px;display:block;}
.title,..data{text-indent:10px}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
   
    line-height: 1;
    vertical-align: middle;
    bborder-top: 1px solid #ddd;
}
.image-upload>input {
  display: none;
}
 .label_select{font-size: 115%;color: #111;}
 .label_select_box{margin-bottom:10px}
.table > tbody > tr > th{font-size: 90%;padding: 10px 10px 10px 10px;}
.table > tbody > tr > .td{font-size: ; padding: 15px 5px;}
  
.cartpadd{ padding:15px;overflow:hidden;}
.cartupdate{border:1px solid #eee;overflow-x:scroll; }
.tdspace{padding:10px!important;border: 1px solid #f7f7f7 !important;}	











/* referral pg*/

.table-bordered{bborder: 1px solid #ddd !important;}
 .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 7px;
    bborder: 1px solid #ddd !important;
}
.totalp{font-size:2em}
.receipt_heading{margin:0px; padding:0px}
.xpad {  padding: 20px 0!important;}
.border { border-top:5px solid #eee; border-bottom:5px solid #eee;}

.feature_div{margin-bottom:20px}
.feature_div h4{font-weight:300}

.divpin {
  border: 1px solid #fff;
font-size: 30px;
line-height: 20px; 
background-color: #000;
color: #981;
display: table;
padding: 10px;
width:100%;
max-width: 500px;
font-weight: 700;
border-radius: 10px;
}
input,select{border-color:#222!important}
select{border-radius:15px!important}
.price {font-size: 2em;}
.cur {font-size: 0.6em!important;}
.small{display:table;}
.content_info{display: table;width: 100%;}
.divpadding{padding:10px 0px}
.track{background:darkcyan;background:#f8f8f8;width:100%;font-size:20px;border-radius:20px;padding: 20px;bborder:10px solid #000;  
    border-radius: 20px;box-shadow: 5px 5px 10px rgba(0,0,0,.1) !important; margin-top: 1em;
}
.SizeSwatchList {padding-left:0px}
.track p{color:#6a7989;text-shadow: 10px 5px 50px #fff;}
.track a{font-weight:bold;font-size: .9em;}
.removepadding, .paddoff{padding:0px!important}
.copy{ cursor:pointer; font-weight:bold; display:block;margin: 1em 1em 2em; text-align:center}
.copy:hover{color:#337ab7}
.offerMssg{font-size: .8em;line-height: 1.2;display: block;ttext-shadow: 1px 1px 2px #f5f5f5;}
.clipcopied {   border: 1px solid #ddd;   border-left: 5px solid black; background: #000;  transition: 1.3s in-out;   width: 100%;   ddisplay: inline-flex;  
}
.font2rem {font-size: 2rem;}
.font15rem {font-size: 1.5rem;}
.secA{background:#f9f9f9;}
.secB{background:#fff}
.secC{background:#f5f5f5}
.copy{color:red}
.clipcopied::after {
    font-family: 'Font Awesome 5 great';
    content: '\f058';
    color: green;
   
    transition: 1.3s in-out;
    font-weight: 900;
    font-size: 20px;
    font-size: 45px;
    display: block;
    padding: 0px;
	position: absolute;
	text-align: left;
    right: 0;
    top: 50%;
	margin-left: 10px;
	 
}
#cT{
    float: right;
    right: 15px;
    top: 10;
    bottom: 50px;
	font-style: italic;
	color:#000;
	
	font-weight:bold;
	transition: 1.3s in-out;
	animation-duration: .3s;
}
.lavender{background:lavender!important}
.accUser{display:block!important}
.ordertracker{color:darkcyan;margin-top:10px}
.anim{animation: bounce; animation-duration: .3s;}

.on {
    -webkit-animation: cartbtnFade 0.6s 0.1s 1 linear alternate;
    -moz-animation: cartbtnFade 0.6s 0.1s 1 linear alternate;
    -ms-animation: cartbtnFade 0.6s 0.1s 1 linear alternate;
    -o-animation: cartbtnFade 0.6s 0.1s 1 linear alternate;
    animation: cartbtnFade 0.6s 0.1s 1 linear alternate;
	}

@keyframes cartbtnFade {
  0% {
    opacity: 0;
    transform:translateY(-100%);
  }
  10% {
  	transform:translateY(-100%);

  }
  15% {
	  transform:translateY(0);
	}
	30% {
	  transform:translateY(-50%);
	  
	}
	40% {
	  	transform:translateY(0%);

	}
  100% {
    opacity: 1;
  }
}
.table{display:table;width:100%}
.pageLayer {  padding: 0 5em;}




/* end referral pg*/
.pointDefine
{
	display:table;
    background: #2e6da4;
    padding: .5em;
    border-radius: 10px;
}
.text-excite{font-weight:900}
.subtitles{margin-bottom:.5em; margin-top:1em}
 .pinfo h3 {margin-bottom:.5em}
 .pointDefine h3{margin-bottom:0em; color: azure;}
 .pinfo {
    background: #f8f8f8;
    border-left: 3px solid #2e6da4;
    border-radius: 15px;
    margin: 20px 0;
    padding: 1em;
}
.fas_info{ color: #2e6da4;font-size: 1.5em;margin-right: .5em;}
.white{color:#fff}
.signupbtn{background:transparent; color:#2e6da4;border: 1px solid #007bff;}
.actionButtons{font-size:3em}
.modal-body{overflow-x:hidden}
@media screen and (max-width:992px){
	body{ }
	
	.s_point,.holder_buttons{height:auto}
 .service_img{width:100%;height:auto;}
 .logmd6 { height: 200px;}
 .sendmailbtn{height:auto!important; margin-top:1em}
 
 .pg_foota {
    text-align: center;
    background: #fff;
    padding: 1em;
    margin-top: 0em;
    background: #145467;
    color: cadetblue;
    padding: 3em;
	border-top: 0px solid #145467;

}
 
 
}

.ispicked {
  background: #392 !important;
}
.reset{box-shadow:unset!important; background:transparent!important;border:0px!important}