@charset "UTF-8";
/* CSS Document */
/* REPLACE 000000 for buttons and 000000 for toggle with customer colors*/
/* replace Helvetica with font */
/* floatingprivacy from 17 to 24 */

/* Popup box BEGIN */

/* FULL PAGE WIDGET */

.paihover-text {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  opacity: 0; /* Initially hidden */
  transition: opacity 0.3s ease-in-out;
}

.alterimg:hover {
opacity: 0.5;
}

.pai_imagecontainer:hover .paihover-text {
opacity: 1; /* Show on hover */
}

#logoImg {
   position: absolute;
   top: 25px;
   left: 30%;
}

.fullpage_text001 {
margin-bottom: 30px;
text-align: left;
font-weight: bold;
}

.fullpage_text000 {
font-weight: bold;
margin-bottom: 30px;
text-align: center;
font-size: 16px;
}

.fullpage_text002 {
margin-bottom: 30px;
text-align: center;
}

.fullpage_text001m {
margin-bottom: 30px;
text-align: left;
font-weight: bold;
}

.fullpage_text000m {
font-weight: bold;
margin-bottom: 30px;
text-align: center;
font-size: 20px;
}

.fullpage_text002m {
margin-bottom: 30px;
text-align: center;
}


/* ------ */

#bellypic {
  text-align: center;
}

#hippic {
  text-align: center;
}



.pai-ui-slider-tick-mark{
  display:inline-block;
  width:1px;
  background:#0b2556;
  height:16px;
  position:absolute;
  visibility: hidden;
}

.Prime_InnerPopup .input-arrow {
  max-width: 3%;
  transform: translate(7px,1px);
}

.Prime_InnerPopup_mobile .input-arrow {
  max-width: 3%;
  transform: translate(7px,2px);
}

.paiSpecial1 {
  color: black;
  font: 14px Poppins, sans-serif;
text-decoration:none;
line-height: 22.5px;
text-align: right;
font-weight: bold;
}

.Prime_InnerPopup .style18rec {
    color: #121212;
    font: normal 14px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	text-align:center;
	margin-left:10px;
}

.Prime_InnerPopup_mobile .style18rec {
    color: #121212;
    font: normal 14px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	text-align:center;
    margin-left:10px;
    line-height: 20px;
}

#shoedec {
    font: normal 14px Poppins, sans-serif;
    font-weight: 30;
}

.Prime_InnerPopup .style20h:hover {
    color: rgba(99, 100, 100, 0.267);
	text-decoration:none;
}

#userselector:checked {
    content:url(../../../../PICS/mycheckbox-checked.png);
    border: none !important;
}

.Prime_InnerPopup input[type="radio"]:not(:checked) {
    content:url("../../../../PICS/mycheckbox-unchecked.png");
    border: none !important;
}

.Prime_InnerPopup_mobile input[type="radio"]:not(:checked) {
    content:url("../../../../PICS/mycheckbox-unchecked.png");
    border: none !important;
}

.Prime_InnerPopup .style16bred {
    color: red;
    font: normal 14px Poppins, sans-serif;
    font-weight: 600;
    font-style:none;
    text-align: center;
}

.Prime_InnerPopup_mobile .style16bred {
    color:red;
    font: normal 16px Poppins, sans-serif;
    font-weight: 300;
	font-style:none;
}

.Prime_InnerPopup .blue3-reverse {
    border:1px solid rgb(100,100,100);
	padding: 10px 15px 10px;
    color: rgb(100,100,100);
    letter-spacing: 0.1em;
    font-size: .65em !important;
	background:  rgb(230,230,230);
	display: inline-block;
	text-decoration: none;	
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	text-align: left;
	vertical-align: middle;
}

.Prime_InnerPopup .blue3 {
    border:1px solid rgb(100,100,100);
	padding: 10px 15px 10px;
    color: #121212;
    letter-spacing: 0.1em;
    font-size: .65em !important;
	background:transparent;
	display: inline-block;
	text-decoration: none;	
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	text-align: left;
	vertical-align: middle;
}



/* NEW FOR BIS */

.Prime_InnerPopup_mobile .style10 {
    background: none;
    color: #121212;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	display: inline;
	vertical-align: middle;
}

.Prime_InnerPopup input:checked {
    background: rgb(0, 176,90);
}

.Prime_InnerPopup_mobile input:checked {
    background: rgb(0, 176,90);
}

#emailuser {
    font-size: 10px !important;
	font-weight: normal !important;
}

/* ---- */


@media (min-width:721px) {
    .primeai_entoure1mm {
      width: 70px;
      height: 40px; 
      border-radius: 8px;
      margin-bottom: 0px;
      text-align: center;
      background: #121212;
      display: inline-block;
      vertical-align:middle;
    }
    
    .primeai_entoure1mm .pai_firstpart {
          margin-top: 0px;
        color: #fff;
        font: normal 30px Poppins, sans-serif;
    }
    }
    
    @media (max-width:721px) {
    .primeai_entoure1mm {
      width: 50px;
      height: 35px; 
      border-radius: 8px;
      margin-bottom: 0px;
      text-align: center;
      background: #121212;
      display: inline-block;
      vertical-align:middle;
    }
        
    .primeai_entoure1mm .pai_firstpart {
          margin-top: 5px;
        color: #fff;
        font: normal 22px Poppins, sans-serif;
    }
    }

.primeai_popupmCloseButton {
    background-color: #fff;
    border: 3px solid #424242;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: 32px;
    right: 32px;
    font-size: 25px;
    line-height: 24px;
    width: 24px;
    height: 24px;
    text-align: center !important;
  vertical-align: middle;
  z-index: 99999;
  color: #121212;
  }
  
  /* ---- */

.Prime_InnerPopup #pairetailerlogo {
	position: absolute;
    top: 17px;
    left: 30px; 
	border:hidden;
	background:none;
  scale: 1.3;
  display: none !important;
}

.primeai_popupCloseButton {
    background-color: #fff;
    border: 3px solid #424242;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -12px;
    right: -12px;
    font-size: 25px;
    line-height: 24px;
    width: 24px;
    height: 24px;
    text-align: center;
	vertical-align: middle;
}

.primeai_popupCloseButton:hover {
    background-color: #ccc;
}

.paidialog16bold {
    color: #121212;
    font: normal 16px Poppins, sans-serif;
    font-weight: bold;
	text-decoration: none;
}

.paidialog16 {
    color: #121212;
    font: normal 16px Poppins, sans-serif;
    font-weight: 300;
	text-decoration: none;
}

.paidialogblue-reverse {
    border:1px solid #121212;
    text-transform: uppercase;
	padding: 10px 15px 10px;
    color: #121212;
    letter-spacing: 0.1em;
    font-size: .85em !important;
	background: transparent;
	display: inline-block;
	text-decoration: none;	
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

@media (hover: hover) {
.paidialogblue-reverse:hover {
    border:4px solid #121212;
    text-transform: uppercase;
	padding: 7px 16px 7px;
    color: #121212;
    letter-spacing: 0.1em;
    font-size: .85em !important;
	background: transparent;
	display: inline-block;
	text-decoration: none;	
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}
}

.hover_bkgr_fricc{
    background:rgba(0,0,0,0);
    cursor:pointer;
    position:absolute;
    text-align:center;
    top:0;
	bottom: 0;
	left:-8px;
    width:100%;
	height: 100%;
    z-index:10000;
}

.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100vh;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
  background-color: #fff;
  box-shadow: 10px 10px 60px #555;
  display: inline-block;
  height: auto;
  max-width: 551px;
  min-height: 100px;
  vertical-align: middle;
  width: 65%;
  position: relative;
  border-radius: 8px;
  border-style: solid;
  border-width: medium;
  padding: 15px 5%;
  top: 25%;
  background-color: #fff;
  box-shadow: 10px 10px 60px #555;
  display: block;
  height: auto;
  max-width: 551px;
  min-height: 100px;
  vertical-align: middle;
  width: 85%;
  position: relative;
  border-radius: 8px;
  border-style: solid;
  border-width: medium;
  padding: 15px 5%;
  transform: translateX(12%);
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.hover_bkgr_fricc_mobile {
    background:rgba(0,0,0,0);
    cursor:pointer;
    position:absolute;
    text-align:center;
    top:0;
	bottom: 0;
	left:-8px;
    width:100%;
	height: 100%;
    z-index:10000;
}

.hover_bkgr_fricc_mobile .helper{
    display:inline-block;
    height:100vh;
    vertical-align:middle;
}

.hover_bkgr_fricc_mobile > div {
  background-color: #fff;
  box-shadow: 10px 10px 60px #555;
  display: block;
  height: auto;
  max-width: 551px;
  min-height: 100px;
  vertical-align: middle;
  width: 85%;
  position: relative;
  border-radius: 8px;
  border-style: solid;
  border-width: medium;
  padding: 15px 5%;
  transform: translateX(12%);
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#toplogo {
	display: table-cell;
    height: 60px !important;
    line-height: 60px !important;
}

.Prime_InnerPopup .style16r {
    color: red;
    font: normal 16px Poppins, sans-serif;
    font-weight: 300;
	font-style:none;
}

.Prime_InnerPopup_mobile .style16r {
    color: red;
    font: normal 16px Poppins, sans-serif;
    font-weight: 300;
	font-style:none;
}

.Prime_InnerPopup .style16blue {
    color: #121212;
    font: normal 16px Poppins, sans-serif;
    font-weight: 300;
	font-style:none;
  padding-top: 15px !important;
}

.Prime_InnerPopup_mobile .style16blue {
    color: #121212;
    font: normal 16px Poppins, sans-serif;
    font-weight: 300;
	font-style:none;
  transform: translateY(15px);
}

/* ------ BRA FINDER ------- */

.pai_inputwidthN2 {
	display: block;
	min-width:190px !important;
	text-align: left !important;
}

.Prime_InnerPopup .mySwitch0 {
	background: #fff;
	border: 1px solid #121212;
	border-radius: 2px;
	height:20px;
	width:30px;
    color: #121212 !important;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	vertical-align: middle !important;
	text-align: center;
	line-height: 20px;
	display: inline-block;
	padding: 0px 0px 0px 0px;
}

.Prime_InnerPopup .mySwitch1 {
	background: #121212;
	border: 1px solid #121212;
	border-radius: 2px;
	height:20px;
	width:30px;
    color: #fff !important;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	vertical-align: middle !important;
	text-align: center;
	line-height: 20px;
	display: inline-block;
	padding: 0px 0px 0px 0px;
}

.Prime_InnerPopup_mobile .mySwitch0 {
	background: #fff;
	border: 1px solid #121212;
	border-radius: 2px;
	height:20px;
	width:30px;
    color: #121212 !important;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	vertical-align: middle !important;
	text-align: center;
	line-height: 20px;
	display: inline-block;
	padding: 0px 0px 0px 0px;
}

.Prime_InnerPopup_mobile .mySwitch1 {
	background: #121212;
	border: 1px solid #121212;
	border-radius: 2px;
	height:20px;
	width:30px;
    color: #fff !important;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	vertical-align: middle !important;
	text-align: center;
	line-height: 20px;
	display: inline-block;
	padding: 0px 0px 0px 0px;
}

.Prime_InnerPopup .step0 {
    background: transparent;
	border: 1px solid #121212;
	border-radius: 10px;
	height:20px;
	width:20px;
    color: #121212 !important;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	vertical-align: middle !important;
	text-align: center;
	line-height: 20px;
	display: inline-block;
	padding: 0px 0px 0px 0px;
}

.Prime_InnerPopup .step1 {
    background: #121212;
	border: 1px solid #121212;
	border-radius: 10px;
	height:20px;
	width:20px;
    color: #fff !important;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	vertical-align: middle !important;
	text-align: center;
	line-height: 20px;
	display: inline-block;
	padding: 0px 0px 0px 0px;
}

.Prime_InnerPopup_mobile .step0 {
    background: transparent;
	border: 1px solid #121212;
	border-radius: 10px;
	height:20px;
	width:20px;
    color: #121212 !important;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	vertical-align: middle !important;
	text-align: center;
	line-height: 20px;
	display: inline-block;
	padding: 0px 0px 0px 0px;
}

.Prime_InnerPopup_mobile .step1 {
    background: #121212;
	border: 1px solid #121212;
	border-radius: 10px;
	height:20px;
	width:20px;
    color: #fff !important;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	vertical-align: middle !important;
	text-align: center;
	line-height: 20px;
	display: inline-block;
	padding: 0px 0px 0px 0px;
}

.Prime_InnerPopup .bra_clean {
	text-align: center;
    background: transparent;
	border: 1px solid rgb(221, 221, 221);
  color: rgb(143, 143, 143) !important;
	border-radius: 20px;
	height:40px !important;
	width:40px !important;
    font: normal 20px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	vertical-align: middle !important;
	line-height: 40px;
	cursor: pointer;
}

@media (hover: hover) {
.Prime_InnerPopup .bra_clean:hover {
    background: transparent;
	border: 1px solid #121212;
	border-radius: 18px;
	height:36px !important;
	width:36px !important;
    color: #121212 !important;
    font: normal 20px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	vertical-align: middle !important;
	line-height: 40px;
	cursor: pointer;
}
}

.Prime_InnerPopup .bra_selected {
    background: transparent;
	border: 1px solid #121212;
	text-align: center;
    color: #121212 !important;
	border-radius: 20px;
	height:40px !important;
	width:40px !important;
    font: normal 20px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:bold;
	vertical-align: middle !important;
	line-height: 40px;
	cursor: pointer;
}

@media (hover: hover) {
.Prime_InnerPopup .bra_selected:hover {
    background: #121212;
	border: 1px solid #121212;
    color: #ffffff !important;
	border-radius: 18px;
	height:36px !important;
	width:36px !important;
    font: normal 20px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:bold;
	vertical-align: middle !important;
	line-height: 40px;
	cursor: pointer;
}
}

.Prime_InnerPopup_mobile .bra_clean {
    background: transparent;
    border: 1px solid rgb(221, 221, 221);
    color: rgb(143, 143, 143) !important;
	border-radius: 15px;
	text-align: center;
	height:30px !important;
	width:30px !important;
    font: normal 16px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	vertical-align: middle !important;
	line-height: 30px;
	cursor: pointer;
}

.Prime_InnerPopup_mobile .bra_selected {
    background: transparent;
	border: 1px solid #121212;
	text-align: center;
    color: #121212 !important;
	border-radius: 15px;
	height:30px !important;
	width:30px !important;
    font: normal 16px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:bold;
	vertical-align: middle !important;
	line-height: 30px;
	cursor: pointer;
}

/* ---- US ---- */

.Prime_InnerPopup .bra_cleanS {
	text-align: center;
    background: transparent;
    border: 1px solid rgb(221, 221, 221);
    color: rgb(143, 143, 143) !important;
	border-radius: 20px;
	height:40px !important;
	width:40px !important;
    font: normal 12px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	vertical-align: middle !important;
	line-height: 40px;
	cursor: pointer;
}

@media (hover: hover) {
.Prime_InnerPopup .bra_cleanS:hover {
	text-align: center;
    background: transparent;
	border: 1px solid #121212;
	border-radius: 18px;
	height:36px !important;
	width:36px !important;
    color: #121212 !important;
    font: normal 12px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	vertical-align: middle !important;
	line-height: 40px;
	cursor: pointer;
}
}

.Prime_InnerPopup .braS_selected {
	text-align: center;
    background: transparent;
	border: 1px solid #121212;
    color: #121212 !important;
	border-radius: 20px;
	height:40px !important;
	width:40px !important;
    font: normal 12px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:bold;
	vertical-align: middle !important;
	line-height: 40px;
	cursor: pointer;
}

@media (hover: hover) {
.Prime_InnerPopup .braS_selected:hover {
	text-align: center;
    background: transparent;
	border: 1px solid #121212;
    color: #121212 !important;
	border-radius: 18px;
	height:36px !important;
	width:36px !important;
    font: normal 12px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:bold;
	vertical-align: middle !important;
	line-height: 40px;
	cursor: pointer;
}
}

.Prime_InnerPopup_mobile .braS_clean {
	text-align: center;
    background: transparent;
    border: 1px solid rgb(221, 221, 221);
    color: rgb(143, 143, 143) !important;
	border-radius: 15px;
	height:30px !important;
	width:30px !important;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	vertical-align: middle !important;
	line-height: 30px;
	cursor: pointer;
}

.Prime_InnerPopup_mobile .braS_selected {
	text-align: center;
    background: transparent;
	border: 1px solid #121212;
    color: #121212 !important;
	border-radius: 15px;
	height:30px !important;
	width:30px !important;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:bold;
	vertical-align: middle !important;
	line-height: 30px;
	cursor: pointer;
}


/* ----- SHOE FEET FINDER */

#pai_shoebrand {
	text-align: left;
}

.showflagclick {
	text-align: left;
}

.Prime_InnerPopup .tabtitle1 {
	color: #121212;
	font: normal 12px Poppins, sans-serif;
}

.Prime_InnerPopup_mobile .tabtitle1 {
	color: #121212;
	font: normal 12px Poppins, sans-serif;
	width: 40px;
}

.pai_bigdot {
	color: #121212;
	font: normal 36px Poppins, sans-serif;
}

@media (min-width:721px) {
.primeai_entoure1 {
  width: 40px;
  height: 40px; 
  border-radius: 8px;
  margin-bottom: 0px;
  text-align: center;
  background: #121212;
  display: inline-block;
  vertical-align:middle;
}

.primeai_entoure1 .pai_firstpart {
	  margin-top: 3px;
	color: #fff;
	font: normal 30px Poppins, sans-serif;
}

.primeai_entoure2 {
  width: 30px;
  height: 30px; 
  border-radius: 8px;
  text-align: center;
  background: #121212;
  display: inline-block;
  vertical-align:middle;
}

.primeai_entoure2 .pai_secondpart {
	  margin-top: 1px;
	color: #fff;
	font: normal 20px Poppins, sans-serif;
}
}

@media (max-width:721px) {
.primeai_entoure1 {
  width: 35px;
  height: 35px; 
  border-radius: 8px;
  margin-bottom: 0px;
  text-align: center;
  background: #121212;
  display: inline-block;
  vertical-align:middle;
}
	
.primeai_entoure1 .pai_firstpart {
	  margin-top: 5px;
	color: #fff;
	font: normal 22px Poppins, sans-serif;
}

.primeai_entoure2 {
  width: 20px;
  height: 20px; 
  border-radius: 8px;
  text-align: center;
  background: #121212;
  display: inline-block;
  vertical-align:middle;
}

.primeai_entoure2 .pai_secondpart {
	  margin-top: 1px;
	color: #fff;
	font: normal 15px Poppins, sans-serif;
}
}

#widget_querycell {
	vertical-align: top;
	/*max-width: 380px;*/
  height: 310px;
}

.Prime_InnerPopup .fixthewidthto200 {
	width:300px !important;
}

.Prime_InnerPopup .style24bold {
    color: #121212;
    font: normal 24px  Poppins, sans-serif;
    font-weight: bold;
}

.Prime_InnerPopup_mobile .style24bold {
    color: #121212;
    font: normal 20px  Poppins, sans-serif;
    font-weight: bold;
}

.Prime_InnerPopup .mycells1 {
	height:25px;
	width:45px;
	text-align: center;
	background: #fff;
    color: #121212 !important;
    font: normal 20px "GillSansMTRegular", arial, sans-serif;
    font-weight: normal;
	font-style:none;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid #121212;
}

@media (hover: hover) {
.Prime_InnerPopup .mycells1:hover {
	text-decoration: none !important;
}
}

.Prime_InnerPopup .mycells2 {
	height:25px;
	width:45px;
	text-align: center;
	background: #121212;
    color: #fff !important;
    font: normal 20px "GillSansMTRegular", arial, sans-serif;
    font-weight: bold;
	font-style:none;
	cursor: pointer;
	border-radius: 5px;
}

.Prime_InnerPopup_mobile .mycells1 {
	height:25px;
	width:40px;
	text-align: center;
	background: #fff;
    color: #121212 !important;
    font: normal 20px "GillSansMTRegular", arial, sans-serif;
    font-weight: normal;
	font-style:none;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid #121212;
}

.Prime_InnerPopup_mobile .mycells2 {
	height:25px;
	width:40px;
	text-align: center;
	background: #121212;
    color: #fff !important;
    font: normal 20px "GillSansMTRegular", arial, sans-serif;
    font-weight: bold;
	font-style:none;
	cursor: pointer;
	border-radius: 5px;
}

.paitablebra {
	margin-top: 10px !important;
	width: 100%;
	border-spacing: 0px !important;
	text-align: center;
	table-layout : fixed;
}

.paitablebra td a {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.paitablebra td, .paitablebra th {
	border-spacing: 0px;
	text-align: center;
}

.paitablebra_mobile td, .paitablebra_mobile th {
	border-spacing: 0px;
	text-align: center;
}

.paitablebra_mobile {
	border-spacing: 0px;
	text-align: center;
}

.paitablebraNEW {
	margin-top: 10px;
	width: 100%;
	border-spacing: 0px;
	text-align: center;
	margin-bottom: 15px !important;
}

.paitablebraNEW td a {
	display: inline-block;
	width: 100%;
}

.paitablebraNEW td, .paitablebraNEW th {
	border-spacing: 0px;
	text-align: center;
}

.Prime_InnerPopup div.menu_shoemetric {
	font-weight: bold; 
	position:absolute;
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
	display: table;
	z-index: 99999;
	border: 1px solid #121212;
	text-align: left;
	cursor: pointer;
}

.Prime_InnerPopup div.menu_shoemetric a {
    display: inline-block;
    color: #fff;
	text-align: left;
    padding: 14px;
    text-decoration: none;
	width:100%;
	background-color: #777;
}

@media (hover: hover) {
.Prime_InnerPopup div.menu_shoemetric a:hover {
    background-color: #3B3B3B;
}
}

.Prime_InnerPopup_mobile div.menu_shoemetric_mobile {
	font-weight: bold; 
	position:absolute;
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
	display: table;
	z-index: 999999;
	border: 1px solid #121212;
	text-align: left;
	cursor: pointer;
}

.Prime_InnerPopup_mobile div.menu_shoemetric_mobile a {
    display: inline-block;
    color: #fff;
	text-align: left;
    padding: 14px;
    text-decoration: none;
	width:100%;
	background-color: #777;
}

.Prime_InnerPopup table.tableshoemetric {
	width:200px;
	max-height: 300px;
	display: table;
	overflow:auto;
	text-align: left;
	vertical-align: top;
}

.Prime_InnerPopup_mobile table.tableshoemetric_mobile {
	width:200px;
	max-height: 300px;
	display: table;
	overflow:auto;
	text-align: left;
	vertical-align: top;
}

.Prime_InnerPopup div.menu_shoebrand {
	font-size: .85em;
	position:absolute;
    overflow: auto;
    white-space: nowrap;
	display: table;
	z-index: 99999;
	text-align: center;
	cursor: pointer;
	width: 250px;
}

.Prime_InnerPopup div.menu_shoebrand table td, .Prime_InnerPopup div.menu_shoebrand table th {
	text-align: left !important;
}

.Prime_InnerPopup div.menu_shoebrand a {
    display: inline-block;
    color: white;
    padding: 10px;
    text-decoration: none;
	width:250px;
	background-color: #777;
	text-align: left;
}

@media (hover: hover) {
.Prime_InnerPopup div.menu_shoebrand a:hover {
    background-color: #3B3B3B;
}
}

.Prime_InnerPopup_mobile div.menu_shoebrand_mobile {
	font-size: .85em;
	position:absolute;
    overflow: auto;
    white-space: nowrap;
	display: table;
	z-index: 999999;
	text-align: left;
	cursor: pointer;
}

.Prime_InnerPopup_mobile div.menu_shoebrand_mobile a {
    display: inline-block;
    color: white;
    padding: 10px;
    text-decoration: none;
	width:250px;
	background-color: #777;
	text-align: left;
}

.Prime_InnerPopup_mobile div.menu_shoebrand_mobile table td, table th {
	text-align: left !important;
}

.Prime_InnerPopup table.tableshoebrand {
	width:250px;
	max-height: 200px;
	display: block;
	overflow:auto;
	text-align: left !important;
	border: 1px solid #121212;
	vertical-align: top;
}

.Prime_InnerPopup_mobile table.tableshoebrand {
	width: 250px;
	max-height: 300px;
	min-height: 40px;
	display: block;
	overflow:auto;
	text-align: left !important;
	border: 1px solid #121212;
	vertical-align: top;
}

.Prime_InnerPopup table.tableshoebrand tr {
	vertical-align: top;
}

/* BESPOKE */ 

/* The slider itself */
.newfitslider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 5px;   
  background: #9F9F9F !important;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
	padding: 0px !important;
	cursor: pointer;
}

/* Mouse-over effects */
@media (hover: hover) {
.newfitslider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.newfitslider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px !important;
  height: 25px !important;
  border-radius: 50%; 
  background: #686868;
  cursor: pointer;
}

.Prime_InnerPopup input[type=range] {
  --height: 5px !important;
  border-radius: 5px;
}

.Prime_InnerPopup_mobile input[type=range] {
  --height: 5px !important;
  border-radius: 5px;
}

.newfitslider::-moz-range-thumb {
  width: 25px !important;
  height: 25px !important;
  border-radius: 50%;
  background: #686868;
  cursor: pointer;
}

.newfitslider::-ms-thumb {
  width: 25px !important;
  height: 25px !important;
  border-radius: 50%;
  background: #686868;
  cursor: pointer;
}

.pai_matchbar {
	text-align: left;
	border: 1px solid #121212;
	width: 300px;
	background: #DEDEDE;
	border-radius: 2px;
	line-height: 16px;
}

.pai_matchbar table td {
	text-align: left;
}

.pai_tablematch table td {
	text-align: left !important;
}

.pai_tablematch table {
	max-width: 300px;
}


#fitruler {
	text-align: center;
	align-content: center;
}

#nextlocation {
	text-align: right !important;
}

#checkvalues2 {
	align-content: center !important;
	text-align: center !important;
	min-width: 100%;
}

#checkvalues {
	width: 640px;
	align-content: center !important;
	text-align: center !important;
	margin: auto;
}

#checkvalues table {
	width: 100%;
	margin: 0px 0;
	text-align: center !important;
}

.myslider td {
	display:inline-block;
	margin-left: 10px;
	margin-right: 10px;
}

.slidertable2 {
	max-width: 385px;
	table-layout: fixed;
	width: 100%;
	transform: translateX(130px);
}

.slidertable0 {
	table-layout: fixed !important;
	width: 100%;
	margin-top:20px;
}

.Prime_InnerPopup .blue.paitooadd {
	background: #121212;
	border: 1px solid #121212;
	color: #fff;
	text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: .85em;
	padding: 10px 15px 10px;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
  border-radius: 200px;
}

@media (hover: hover) {
.Prime_InnerPopup .blue.paitooadd:hover {
	background: #121212;
	border: 1px solid #121212;
	color: #999;
	text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: .85em;
	padding: 10px 15px 10px;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
  border-radius: 200px;
}
}

.Prime_InnerPopup_mobile .blue.paitooadd {
	background: #121212;
	border: 1px solid #121212;
	color: #fff !important;
	text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: .85em;
	padding: 3px 3px 3px;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
  border-radius: 15px;
}

.Prime_InnerPopup_mobile .style13 {
    color: #121212;
    font: normal 13px  Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
}

.Prime_InnerPopup table td, .Prime_InnerPopup table th {
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px;
	text-align: center;
	vertical-align: middle;
}

.Prime_InnerPopup table {
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px;
	margin: 0px;
	color: black;
}

.Prime_PopupTable
{
	width:640px;
}

.Prime_Popup
{
	z-index: 99999999;
}

.Prime_InnerPopup_mobile table td, .Prime_InnerPopup_mobile table th {
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px;
	margin: auto;
	vertical-align: middle;
}

.Prime_InnerPopup_mobile table {
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0px;
	color: black;
  width: 100%;
  box-shadow: none;
  table-layout: unset;
	/*display: inline !important;*/
}

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

.Prime_InnerPopup input {
	color: #121212;
}


#pai_widgetm_nav {
	width: 50px !important;
}

#widgetm_close {
	width: 50px !important;
}

#pai_mob_counter {
	width:35px !important;
}

.pai_inputwidth2 {
	width:90px !important;
	text-align: left !important;
}

#widgetm_sizerec {
	color:#121212;
}

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

.Prime_InnerPopup div.menu_metric1 {
	font-family:   Poppins, sans-serif;
	font-weight: bold; 
	font-size: .85em;
	position:absolute;
	top: 242px;
    right: 85px;
    background-color: #f7fafc;
    overflow: auto;
    white-space: nowrap;
	display: table;
	z-index: 99999;
	border: 1px solid #121212;
	text-align: center;
	cursor: pointer;
}

.Prime_InnerPopup div.menu_metric1 a {
    display: inline-block;
    color: #121212;
    text-decoration: none;
	width:100%;
}

@media (hover: hover) {
.Prime_InnerPopup div.menu_metric1 a:hover {
    color: #2a94ac;
	font-weight: bolder;
}
}

.Prime_InnerPopup table.tablemetric1 {
	height:80px;
	width:40px;
	display: table;
	overflow:auto;
text-align: center;
}

.Prime_InnerPopup_mobile div.menu_metric1_mobile {
	font-family:   Poppins, sans-serif;
	font-weight: bold; 
	font-size: .85em;
	position:absolute;
	top: 255px;
    right: 50px;
    background-color: #f7fafc;
    overflow: auto;
    white-space: nowrap;
	display: table;
	z-index: 999999;
	border: 1px solid #121212;
	text-align: center;
	cursor: pointer;
}

.Prime_InnerPopup_mobile div.menu_metric1_mobile a {
    display: inline-block;
    color: #121212;
    text-decoration: none;
	width:100%;
}

.Prime_InnerPopup_mobile table.tablemetric1_mobile {
	height:80px;
	width:40px;
	display: table;
	overflow:auto;
text-align: center;
}

.Prime_InnerPopup div.menu_metric2 {
	font-family:   Poppins, sans-serif;
	font-weight: bold; 
	font-size: .85em;
	position:absolute;
	top: 295px;
    right: 85px;
    background-color: #f7fafc;
    overflow: auto;
    white-space: nowrap;
	display: table;
	z-index: 99999;
	border: 1px solid #121212;
	text-align: center;
	cursor: pointer;
}

.Prime_InnerPopup div.menu_metric2 a {
    display: inline-block;
    color: #121212;
    text-decoration: none;
	width:100%;
}

.Prime_InnerPopup div.menu_metric2 a:hover {
    color: #2a94ac;
	font-weight: bolder;
}

.Prime_InnerPopup table.tablemetric2 {
	height:120px;
	width:40px;
	display: table;
	overflow:auto;
text-align: center;
}

.Prime_InnerPopup_mobile div.menu_metric2_mobile {
	font-family:   Poppins, sans-serif;
	font-weight: bold; 
	font-size: .85em;
	position:absolute;
	top: 337px;
    right: 50px;
    background-color: #f7fafc;
    overflow: auto;
    white-space: nowrap;
	display: table;
	z-index: 999999;
	border: 1px solid #121212;
	text-align: center;
	cursor: pointer;
}

.Prime_InnerPopup_mobile div.menu_metric2_mobile a {
    display: inline-block;
    color: #121212;
    text-decoration: none;
	width:100%;
}

.Prime_InnerPopup_mobile table.tablemetric2_mobile {
	height:120px;
	width:40px;
	display: table;
	overflow:auto;
	text-align: center;
}

/* ------- */

#widgetm_explainline {
	line-height: 28px !important;
}

.primeai_square1 {
  width: 56px;
  height: 20px; 
  border-radius: 1px;
  margin-bottom: 0px;
  background: #cccccc;
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  border-color: #121212;
  cursor:pointer;
}

@media (hover: hover) {
.primeai_square1:hover {
  width: 56px;
  height: 20px; 
  border-radius: 1px;
  margin-bottom: 0px;
  background: #8c8b8b;
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  border-color: #121212;
  cursor:pointer;
}
}

.primeai_square1_red {
  width: 56px;
  height: 20px; 
  border-radius: 1px;
  margin-bottom: 0px;
  background: #686868;
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  border-color: #121212;
}

#primeai_table_main {
	margin-bottom: 0px;
	border-collapse: separate;
	padding: 0px !important;
}

#primeai_table_main td {
	padding: 0px !important;
  text-align: center;
}

.Prime_InnerPopup_mobile table {
	margin-bottom: 0px;
	border-collapse: separate;
	vertical-align: middle;
}

.Prime_InnerPopup table {
	margin-bottom: 0px;
	border-spacing: 0px;
	background-color: #f9f9f9;
		vertical-align: middle;
    box-shadow: none;
}


.imgcenter {
height: 1px !important;
}

@media screen and (min-width: 768px) {
#primeai_button {
display: block;
visibility: hidden;
  cursor: pointer !important;
	vertical-align: middle !important;
  width: 100%;
    text-align: left !important;
    padding: 0px 0px 12px 0px;
}
}

@media screen and (max-width: 768px) {
#primeai_button {
  display: block;
  visibility: hidden;
    cursor: pointer !important;
    vertical-align: middle !important;
    width: 100%;
    text-align: left !important;
    padding: 0px 0px 12px 0px;
  }
}

/*
@media (hover: hover) {
#primeai_button:hover {
  box-shadow: 0px 0px 10px grey;
  transition: box-shadow 0.8s;
}
}

@-webkit-keyframes primeaibutton_shadow {
  0%   {box-shadow: 0px 0px 0px transparent;}
  12% {box-shadow: 0px 0px 10px grey;}
  24%   {box-shadow: 0px 0px 0px transparent;}
	 36% {box-shadow: 0px 0px 10px grey;}
  50%   {box-shadow: 0px 0px 0px transparent;}
100%   {box-shadow: 0px 0px 0px transparent;}
}
@-moz-keyframes primeaibutton_shadow {
  0%   {box-shadow: 0px 0px 0px transparent;}
  12% {box-shadow: 0px 0px 10px grey;}
  24%   {box-shadow: 0px 0px 0px transparent;}
	 36% {box-shadow: 0px 0px 10px grey;}
  50%   {box-shadow: 0px 0px 0px transparent;}
100%   {box-shadow: 0px 0px 0px transparent;}
}
@-o-keyframes primeaibutton_shadow {
  0%   {box-shadow: 0px 0px 0px transparent;}
  12% {box-shadow: 0px 0px 10px grey;}
  24%   {box-shadow: 0px 0px 0px transparent;}
	 36% {box-shadow: 0px 0px 10px grey;}
  50%   {box-shadow: 0px 0px 0px transparent;}
100%   {box-shadow: 0px 0px 0px transparent;}
}
@keyframes primeaibutton_shadow {
  0%   {box-shadow: 0px 0px 0px transparent;}
  12% {box-shadow: 0px 0px 10px grey;}
  24%   {box-shadow: 0px 0px 0px transparent;}
	 36% {box-shadow: 0px 0px 10px grey;}
  50%   {box-shadow: 0px 0px 0px transparent;}
100%   {box-shadow: 0px 0px 0px transparent;}
}

@-webkit-keyframes primeaibutton_shadow_mobile {
  0%   {box-shadow: 0px 0px 0px transparent;}
  12% {box-shadow: 0px 0px 10px grey;}
  24%   {box-shadow: 0px 0px 0px transparent;}
	 36% {box-shadow: 0px 0px 10px grey;}
  50%   {box-shadow: 0px 0px 0px transparent;}
100%   {box-shadow: 0px 0px 0px transparent;}
}
@-moz-keyframes primeaibutton_shadow_mobile {
  0%   {box-shadow: 0px 0px 0px transparent;}
  12% {box-shadow: 0px 0px 10px grey;}
  24%   {box-shadow: 0px 0px 0px transparent;}
	 36% {box-shadow: 0px 0px 10px grey;}
  50%   {box-shadow: 0px 0px 0px transparent;}
100%   {box-shadow: 0px 0px 0px transparent;}
}
@-o-keyframes primeaibutton_shadow_mobile {
  0%   {box-shadow: 0px 0px 0px transparent;}
  12% {box-shadow: 0px 0px 10px grey;}
  24%   {box-shadow: 0px 0px 0px transparent;}
	 36% {box-shadow: 0px 0px 10px grey;}
  50%   {box-shadow: 0px 0px 0px transparent;}
100%   {box-shadow: 0px 0px 0px transparent;}
}
@keyframes primeaibutton_shadow_mobile {
  0%   {box-shadow: 0px 0px 0px transparent;}
  12% {box-shadow: 0px 0px 10px grey;}
  24%   {box-shadow: 0px 0px 0px transparent;}
	 36% {box-shadow: 0px 0px 10px grey;}
  50%   {box-shadow: 0px 0px 0px transparent;}
100%   {box-shadow: 0px 0px 0px transparent;}
}
*/
/*
.primeaishadow {
	padding: 10px 0px 10px 0px;
  -webkit-animation: primeaibutton_shadow 3s infinite; 
  -moz-animation:    primeaibutton_shadow 3s infinite; 
  -o-animation:      primeaibutton_shadow 3s infinite; 
  animation:         primeaibutton_shadow 3s infinite; 
		-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}
*/

.primeaishadow_mobile {
  -webkit-animation: primeaibutton_shadow_mobile 3s infinite; /* Safari 4+ */
  -moz-animation:    primeaibutton_shadow_mobile 3s infinite; /* Fx 5+ */
  -o-animation:      primeaibutton_shadow_mobile 3s infinite; /* Opera 12+ */
  animation:         primeaibutton_shadow_mobile 3s infinite; /* IE 10+, Fx 29+ */
		-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
}

.Prime_InnerPopup .styletag {
    color: #121212;
    font: normal 8px Poppins, sans-serif;
    font-weight: 300;
	font-style:none;
  padding-top:10px;
}

.Prime_InnerPopup_mobile .styletag {
    color: #121212;
    font: normal 10px Poppins, sans-serif;
    font-weight: 300;
	font-style:none;
  transform: translateY(15px);
}

.Prime_InnerPopup .fixthewidthto130 {
	width:152px !important;
	text-align: left !important;
	text-indent: 0px !important;
}

.Prime_InnerPopup .fixthewidthto40 {
	width:56px !important;
	text-align: left !important;
	text-indent: 0px !important;
}

.Prime_InnerPopup_mobile .fixthewidthto130 {
	width:130px !important;
	text-align: left !important;
	text-indent: 0px !important;
}

.Prime_InnerPopup_mobile .fixthewidthto40 {
	width:40px !important;
	text-align: left !important;
	text-indent: 0px !important;
}

#feedbackform {
	border : 1px solid #121212;
}

.primeai_circle_profile {
  width: 25px;
  height: 25px; 
  border-radius: 12px;
  margin-bottom: 0px;
  text-align: center;
  background: #121212;
  display: inline-block;
  vertical-align:middle;
}

.primeai_circle_profile .paictext {
	margin-top:2px; /* this is where you change offset in circle	*/
	margin-right: 1px;
	font: normal 14px Poppins, sans-serif;
  font-weight: 300;
  font-weight: bold;
  color:#fff;
  font-family: Poppins, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height:1.6em;
  letter-spacing:-0.01em;
}

.Prime_braflags
{
   	position: fixed;
	-webkit-backface-visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 99998;
	background-color:transparent;
	margin-left:-20px;
	margin-top:-20px;
}

a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
	z-index: 99998;
}

.userselector {
  cursor:pointer;
}

.Prime_InnerPopup .mytrashcan {
	cursor:pointer;
	display: inline-block;
  	vertical-align:middle;
	text-align: center;
	margin-bottom:0px;
	margin-left: 5px;
}

.primeai_circle {
  min-width: 30px;
  min-height: 30px; 
  border-radius: 2px;
    margin-left: 5px;
    margin-right: 5px;
  text-align: center;
  background: #121212;
  display: inline-block;
  vertical-align:middle;
  border-radius: 50px;
}

.primeai_circle .paictext {
	margin-top:4px; /* this is where you change offset in circle	*/
	margin-right: 1px;
	font: normal 13px Poppins, sans-serif;
  font-weight: 300;
  font-weight: bold;
  color:#fff;
  font-family: Poppins, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height:1.6em;
  letter-spacing:-0.01em;
  margin-left: 5px;
  margin-right: 5px;
}

.primeai_circle2 {
  min-width: 30px;
  min-height: 30px; 
  border-radius: 50px;
  margin-bottom: 0px;
	margin-left: 3px;
	margin-right: 3px;
  text-align: center;
  background: #121212;
  display: inline-block;
  vertical-align:middle;
}

.primeai_circle2 .paictext {
	margin-top:8px; /* this is where you change offset in circle	*/
	margin-right: 5px;
	margin-left: 5px;
	font: normal 13px  Poppins, sans-serif;
  color:#fff;
  font-family:  Helvetica, sans-serif, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height:12px;
  letter-spacing:-0.01em;
}


#footerCookie {
   position:fixed;
   bottom:0;
   width:100%;
   height:60px;
   background-color:#D3D3D3;
}



#scrolldown {
   position:fixed;
   bottom:5%;
   height:60px;
   left:50%;
   margin-left:-30px;
   z-index:100;
}

.Prime_fadePanel
{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999;
	background-color: black;
	opacity: 50%;
}

.Prime_Popup
{
    position: fixed;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	transition-duration: height 500ms;
    z-index: 99999;
}

.Prime_waitforme
{
	display: inline-block;
   	position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
	background-color:transparent;
	margin-left:-20px;
	margin-top:-20px;
	line-height: 600px;
}

.Prime_InnerPopup
{
    margin: auto;
    min-width: 660px;
    background-color: #f9f9f9;
    padding: 10px;
	border: 1px solid Grey;
}

.Prime_PopupTable
{
	width:640px;
}

.inputtable {
	width: 390px;
}

.slidertable {
	width: 385px;
	max-width: 385px;
	table-layout: fixed;
	width: 100%;
	transform: translateX(25px)
}

.Prime_InnerPopup .style20bold {
    color: #121212;
    font: normal 20px Poppins, sans-serif;
    font-weight: bold;
}

.Prime_InnerPopup .style16bold {
    color: #121212;
    font: normal 16px Poppins, sans-serif;
    font-weight: bold;
	text-decoration: none;
}

.Prime_InnerPopup_mobile .style16bold {
    color: #121212;
    font: normal 16px Poppins, sans-serif;
    font-weight: bold;
	text-decoration: none;
}

.Prime_InnerPopup .style12italic {
    color: #121212;
    font: normal 12px Poppins, sans-serif;
    font-weight: 300;
	font-style:italic;
	display: inline-block;
	white-space:nowrap;
}

.Prime_InnerPopup .style12italicTop {
    color: #121212;
    font: normal 12px Poppins, sans-serif;
    font-weight: 300;
	font-style:italic;
	display: inline-block;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
  	max-width: 225px;
}

.Prime_InnerPopup .style12italicred {
    color: #F00;
    font: normal 12px Poppins, sans-serif;
    font-weight: 600;
	font-style:italic;
	display: inline-block;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
  	max-width: 350px;
}

.Prime_InnerPopup_mobile .style12italic {
    color: #121212 !important;
    font: normal 12px Poppins, sans-serif;
    font-weight: 300;
	font-style:italic;
	display: inline-block;
	white-space:nowrap;
}

.Prime_InnerPopup_mobile .style12italicTop {
    color: #121212 !important;
    font: normal 12px Poppins, sans-serif;
    font-weight: 300;
	font-style:italic;
	display: inline-block;
	overflow: hidden;
	white-space:nowrap;
  	max-width: 200px;
}

.Prime_InnerPopup_mobile .style12italicred {
    color: #F00 !important;
    font: normal 12px Poppins, sans-serif;
    font-weight: 600;
	font-style:italic;
	display: inline-block;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
  	max-width: 100px;
}

.Prime_InnerPopup .style12italiccentre {
    color: #121212;
    font: normal 12px Poppins, sans-serif;
    font-weight: 300;
	font-style:italic;
	text-align:center;
}

.Prime_InnerPopup .style12 {
    color: #121212;
    font: normal 12px Poppins, sans-serif;
    font-weight: 300;
	font-style:none;
	text-align: center;
}

.Prime_InnerPopup .style16 {
    color: #121212;
    font: normal 16px Poppins, sans-serif;
    font-weight: 300;
	font-style:none;
}

.Prime_InnerPopup .style16b {
    color: #121212;
    font: normal 16px Poppins, sans-serif;
    font-weight: 300;
	font-style:none;
}

.Prime_InnerPopup_mobile .style16 {
    color: #121212;
    font: normal 16px Poppins, sans-serif;
    font-weight: 300;
	font-style:none;
}

.Prime_InnerPopup_mobile .style16b {
    color: #121212;
    font: normal 16px Poppins, sans-serif;
    font-weight: 300;
	font-style:none;
}

.primeai_style16b {
    color: black;
    font: 14px Poppins, sans-serif;
    font-weight: bold;
	-webkit-font-smoothing: antialiased;
	line-height:24px;
	display: inline-block;
  transform: translateY(1px);
  text-transform: lowercase;
}

.primeai_style16b_mobile {
    color: black;
    font: 14px Poppins, sans-serif;
    font-weight: bold;
	-webkit-font-smoothing: antialiased;
	line-height:24px;
	display: inline-block;
  text-transform: lowercase;
}

.primeai_style16b:first-letter {
  text-transform: uppercase;
}

.primeai_style16b_mobile:first-letter {
  text-transform: uppercase;
}

.Prime_InnerPopup .style30 {
    color: #121212;
    font: normal 30px Poppins, sans-serif;
    font-weight: bold;
	text-decoration:none;
	display: inline !important;
}

.Prime_InnerPopup .style20 {
    background: transparent;
    color: #121212;
    font: normal 20px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	display: inline !important;
}

.Prime_InnerPopup .style18 {
    color: #121212;
    font: normal 18px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	text-align:center;
	margin-left:10px;
}

.Prime_InnerPopup_mobile .style18 {
    color: #121212;
    font: normal 18px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
	vertical-align: top;
	margin-left:10px;
}

.Prime_InnerPopup .style20 a {
	text-decoration:none;
}

.Prime_InnerPopup .style20white {
    background: #202020;
    color: #ffffff;
    font: normal 20px Poppins, sans-serif;
    font-weight: normal;
}

.Prime_InnerPopup .style20white a {
    background: #202020;
    color: #ffffff;
    font: normal 20px Poppins, sans-serif;
    font-weight: normal;
}

@media (hover: hover) {
.Prime_InnerPopup .style20white a:hover {
    background: #202020;
    color: #ffffff;
    font: normal 20px Poppins, sans-serif;
    font-weight: normal;
}

.Prime_InnerPopup .style20 a:hover {
    color: blue;
    font: normal 20px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
}
}

.Prime_InnerPopup .style20whitebold {
    color: #fff;
    font: normal 20px Poppins, sans-serif;
    font-weight: bold;
	text-decoration:none;
}

.Prime_InnerPopup .style20white a {
	text-decoration:none;
}

.Prime_InnerPopup .style10 {
    color: #121212;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
}

.Prime_InnerPopup .style10p {
    background: none;
    color: #121212;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	display: inline;
	vertical-align: middle;
}

.Prime_InnerPopup .style10p input[type='checkbox'] {
	margin-bottom: 0px !important;
	padding: 0px !important;
}

.Prime_InnerPopup .style10p:link {
    background: none;
    color: #acdbfb;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	text-decoration-line:underline;
}

.Prime_InnerPopup_mobile .style10p {
    background: none;
    color: #121212;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	display: inline;
	vertical-align: middle;
}

.Prime_InnerPopup_mobile .style10p input[type='checkbox'] {
	margin-bottom: 0px !important;
	padding: 0px !important;
}

.Prime_InnerPopup_mobile .style10p:link {
    background: none;
    color: #acdbfb;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	text-decoration-line:underline;
}

.Prime_InnerPopup .style10white {
    background: #202020;
    color: #fff;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
}

.Prime_InnerPopup .style10whiteBorder {
    background: none;
    color: #202020;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
	border: 2px solid #202020;
    border-radius: 2px;
}

.Prime_InnerPopup .toggle {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
}

.Prime_InnerPopup .toggler {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
}

.Prime_InnerPopup .toggler {
  margin: 0;
  padding: 0;
  position: relative;
  color: slategray;
  transition: .2s;
}

.Prime_InnerPopup .toggler--is-active {
	  margin: 0;
  padding: 0;
  position: relative;
  color: black;
}

.Prime_InnerPopup .b {
	  margin: 0;
  padding: 0;
  position: relative;
  display: block;
}

.Prime_InnerPopup .toggle {
	  margin: 0;
  padding: 0;
  position: relative;
  width: 50px;
  height: 30px;
  border-radius: 100px;
  background-color: #121212;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}

.Prime_InnerPopup .check {
	  margin: 0;
  padding: 0;
  position: relative;
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  opacity: 0;
  z-index: 6;
}

.Prime_InnerPopup .check:checked ~ .switch {
	
  right: 2px;
  left: 37.5%;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: .08s, 0s;
}

.Prime_InnerPopup .switch {
  margin: 0;
  padding: 0;
  position: relative;
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 37.5%;
  background-color: #fff;
  border-radius: 36px;
  z-index: 1;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: 0s, .08s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.Prime_InnerPopup .border { border-width: 2px; border-color: #202020; border-style: solid; } 

.Prime_InnerPopup #x {
    position: absolute;
    top: 10px;
    right: 15px;
	border:hidden;
	background:none;
	width: 18px !important;
	height: 18px !important;
	padding: 0px !important;
}

.Prime_InnerPopup #floatingprivacy {
    position: absolute;
    top: 15px;
    right: 10px; /* 615 for UK  600 FIN*/
	border:hidden;
	background:none;
	cursor:pointer;
	width:75px !important;
}

.popper {
  position: absolute;
  background: rgba(255, 193, 7, 1);
  width: 150px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}

.popper__arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
  }


.popper[x-placement^="bottom"] {
  margin-top: 5px;
  margin-left: 50px;
}

.popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
  }


.Prime_InnerPopup table.myslider { background: url("../../../../PICS/slide.png");}

.Prime_InnerPopup table.a {
	text-decoration:none;
}

.Prime_InnerPopup .BG {
background-image:url(../../../../PICS/slide2.png);
background-repeat:no-repeat;/*dont know if you want this to repeat, ur choice.*/
}

.Prime_InnerPopup #help_goback {
    position: absolute;
	background:#D3D3D3;
	border: 1px solid #121212;
    border-radius: 4px;
	top: 420px;
    left: 5px;
}

	

.Prime_InnerPopup #help_reset {
    position: absolute;
	background:#D3D3D3;
	border: 1px solid #121212;
    border-radius: 4px;
	top: 420px;
    left: 50px;
}

.Prime_InnerPopup .mytitle {
	font-family: Poppins, sans-serif;
			  font-size:20px;
			  font-weight:bold;    
}

.Prime_InnerPopup .myh1 {
	font-family: Poppins, sans-serif;
			  font-size:16px;
              font-weight: bold;
}

.Prime_InnerPopup .myh2 {
	font-family: Poppins, sans-serif;
			  font-size:16px;
              font-weight: normal;
			  text-align: justify;
    text-justify: inter-word;
}

.Prime_InnerPopup div.scrollmenuflags {
	position:absolute;
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
	display: table;
	z-index: 99999;
}

.Prime_InnerPopup div.scrollmenuflags a {
    display: inline-block;
    color: white;
    padding: 14px;
    text-decoration: none;
	width:100%;
	background-color: #777;
	text-align: left;
}

@media (hover: hover) {
.Prime_InnerPopup div.scrollmenuflags a:hover {
    background-color: #3B3B3B;
}
}

.Prime_InnerPopup_mobile div.scrollmenuflags_mobile {
	position:absolute;
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
	z-index: 99999;
}

.Prime_InnerPopup_mobile div.scrollmenuflags_mobile a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

.Prime_InnerPopup table.tableflags {
	max-height:320px;
	width:200px;
	display: table;
	overflow:auto;
}

.Prime_InnerPopup_mobile table.tableflags_mobile {
	max-height:400px;
	width:100%;
	display:block;
	overflow:auto;
}

/* MAIN */

.Prime_InnerPopup a {
	color: #222427;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
	cursor: pointer;
}

.Prime_InnerPopup a.more {
	color: #121212;
	text-transform:uppercase;
	letter-spacing:0.06em;
	font-size:0.8em;
}

@media (hover: hover) {
.Prime_InnerPopup a:hover {
	color: #121212;
}
}

.Prime_InnerPopup a:focus {
	color: #121212;
}

.Prime_InnerPopup .blue {
	background: #121212;
	border: 1px solid #121212;
	color: #fff !important;
	text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: .85em !important;
	padding: 10px 15px 10px;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
  border-radius: 200px;
}

.Prime_InnerPopup .blue.two {
	background: #121212;
	border: 1px solid #121212;
	color: #fff;
	text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: .85em !important;
	padding: 10px 15px 10px;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
  border-radius: 200px;
}

@media (hover: hover) {
.Prime_InnerPopup .blue:hover {
	background: #121212;
	border: 1px solid #121212;
	color: #999 !important;
	text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: .85em !important;
	padding: 10px 15px 10px;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
  border-radius: 200px;
}

.Prime_InnerPopup .blue.two:hover {
	color: #fff;
	background: #141414;
    border: 1px solid #141414;
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	text-align: center;
	vertical-align: middle;
}
}

.Prime_InnerPopup .blue-reverse {
    border:1px solid #121212;
    text-transform: uppercase;
	padding: 10px 13.5px 10px;
    color: #121212;
    letter-spacing: 0.1em;
    font-size: .85em !important;
	background: transparent;
	display: inline-block;
	text-decoration: none;	
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
  border-radius: 200px;
}

.Prime_InnerPopup .blue-reverse-grey {
    border:1px solid #bcb9af;
    text-transform: uppercase;
	padding: 10px 13.5px 10px;
    color: #bcb9af;
    letter-spacing: 0.1em;
    font-size: .85em !important;
	background: transparent;
	display: inline-block;
	text-decoration: none;	
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	text-align: center;
	vertical-align: middle;
  border-radius: 200px;
}

@media (hover: hover) {
.Prime_InnerPopup .blue-reverse:hover {
  border:1px solid #bcb9af;
  text-transform: uppercase;
padding: 10px 13.5px 10px;
  color: #bcb9af;
  letter-spacing: 0.1em;
  font-size: .85em !important;
background: transparent;
display: inline-block;
text-decoration: none;	
font-family: Poppins, sans-serif;
font-weight: normal; 
-webkit-font-smoothing: antialiased;
cursor: pointer;
text-align: center;
vertical-align: middle;
border-radius: 200px;
}
}

/* ------- FINDING MISSING BITS ! ------- */

.Prime_InnerPopup input {
    background: #f7fafc;
    border: 1px solid #dee3e9 !important;
    padding: 10px;
    margin: 5px 0px 10px 0px !important;
    /*display: block !important;*/
    font-size: 14px !important;
	font-weight: 400;
}

.Prime_InnerPopup input::selection {
	background: #acdbfb;
}

.Prime_InnerPopup img {
	max-width: 100%;
	vertical-align: middle !important;
}
	
	/*----- MOBILE ---------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.Prime_InnerPopup_mobile a {
	color: #222427;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.Prime_InnerPopup_mobile a.more {
	color: #121212;
	text-transform:uppercase;
	letter-spacing:0.06em;
	font-size:0.8em;
}

.Prime_InnerPopup_mobile a:focus {
	color: #121212;
}

.Prime_InnerPopup_mobile .blue {
	background: #121212;
	border: 1px solid #121212;
	color: #fff !important;
	text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: .85em !important;
	padding: 5px 20px 5px;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	text-align: center;
	vertical-align: middle;
  border-radius: 15px;
}

.Prime_InnerPopup_mobile #widgetm_querycell {
	table-layout: fixed;
}

.Prime_InnerPopup_mobile .blue.two {
	background: #121212;
	border: 1px solid #121212;
	color: #fff;
	text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: .85em !important;
    padding: 5px 20px 5px;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	text-align: center;
	vertical-align: middle;
  border-radius: 15px;
}

/* ---- */

.Prime_InnerPopup_mobile .blue-reverse {
    border:1px solid rgba(214,214,214,1.00);
    text-transform: uppercase;
    padding: 5px 20px 5px;
    color: #121212 !important;
    letter-spacing: 0.1em;
    font-size: .85em !important;
	background: transparent;
	display: inline-block;
	text-decoration: none;	
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	text-align: center;
	vertical-align: middle;
  border-radius: 15px;
}

.Prime_InnerPopup_mobile .blue-reverse-grey {
    border:1px solid #bcb9af;
    text-transform: uppercase;
    padding: 5px 20px 5px;
    color: #bcb9af !important;
    letter-spacing: 0.1em;
    font-size: .85em !important;
	background: transparent;
	display: inline-block;
	text-decoration: none;	
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
	text-align: center;
	vertical-align: middle;
  border-radius: 15px;
}

/* ------- FINDING MISSING BITS ! ------- */

.Prime_InnerPopup_mobile input {
    background: #f7fafc ;
    border: 1px solid #dee3e9 ;
    padding: 10px ;
    margin: 5px 0px 10px 0px ;
    /*display: block !important;*/
    font-size: 14px ;
	color: black;
}

.Prime_InnerPopup_mobile input::selection {
	background: #acdbfb;
	color: black;
}

.Prime_InnerPopup_mobile img {
	max-width: 100%;
	vertical-align: middle !important;
}

/* TOGGLE --*/
	
.Prime_InnerPopup_mobile .toggle {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
}

.Prime_InnerPopup_mobile .toggler {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
}

.Prime_InnerPopup_mobile .toggler {
  margin: 0;
  padding: 0;
  position: relative;
  color: slategray;
  transition: .2s;
}

.Prime_InnerPopup_mobile .toggler--is-active {
	  margin: 0;
  padding: 0;
  position: relative;
  color: black;
}

.Prime_InnerPopup_mobile .b {
	  margin: 0;
  padding: 0;
  position: relative;
  display: block;
}

.Prime_InnerPopup_mobile .toggle {
	  margin: 0;
  padding: 0;
  position: relative;
  width: 50px;
  height: 30px;
  border-radius: 100px;
  background-color: #121212;
  overflow: hidden;
  box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05);
}

.Prime_InnerPopup_mobile .check {
  margin: 0;
  padding: 0;
  position: relative;
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  opacity: 0;
  z-index: 6;
}

.Prime_InnerPopup_mobile .check:checked ~ .switch {
	
  right: 2px;
  left: 37.5%;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: .08s, 0s;
}

.Prime_InnerPopup_mobile .switch {
  margin: 0;
  padding: 0;
  position: relative;
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  right: 37.5%;
  background-color: #fff;
  border-radius: 36px;
  z-index: 1;
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-property: left, right;
  transition-delay: 0s, .08s;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* BESPOKE MOBILE */

.Prime_Popup_mobile
{
	position:absolute;
	top: 0%;
	left:0%;
	height:100%;
	width:100%;
    z-index: 999999;
	background-color:#FFF;
}

.Prime_InnerPopup_mobile
{
    margin: 0px;
	width:100%;
	height:100%;
    background-color: #f9f9f9;
    padding: 20px;
	z-index: 99999;
	/*border: 1px solid Grey;*/
}

.Prime_InnerPopup_mobile .style24 {
    background: #fff;
    color: #121212;
    font: normal 24px Poppins, sans-serif;
    font-weight: 300;
	font-style:none;
}

.Prime_InnerPopup_mobile .style24italic {
    color: #121212;
    font: normal 24px Poppins, sans-serif;
    font-weight: 300;
	font-style:italic;
}

.Prime_InnerPopup_mobile .style30bold {
    color: #121212;
    font: normal 12px Poppins, sans-serif;
    font-weight: bold;
	display:inline;
}

.Prime_InnerPopup_mobile .style30 {
    color: #121212;
    font: normal 20px Poppins, sans-serif;
    font-weight: bold;
	text-decoration:none;
}

.Prime_InnerPopup_mobile .style28 {
    color: #121212;
    font: normal 12px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
}

.Prime_InnerPopup_mobile .style28italic {
    color: #121212;
    font: normal 12px Poppins, sans-serif;
    font-weight: normal;
	font-style:italic;
	text-decoration:none;
}

.Prime_InnerPopup_mobile .style28 a {
	text-decoration:none;
}

.Prime_InnerPopup_mobile .style28white {
    background: #121212;
    color: #ffffff;
    font: normal 12px Poppins, sans-serif;
    font-weight: normal;
}

.Prime_InnerPopup_mobile .style28white a {
    background: #121212;
    color: #ffffff;
    font: normal 12px Poppins, sans-serif;
    font-weight: normal;
}

.Prime_InnerPopup_mobile .style28whitebold {
    color: #fff;
    font: normal 12px Poppins, sans-serif;
    font-weight: bold;
	text-decoration:none;
}

.Prime_InnerPopup_mobile .style28white a {
	text-decoration:none;
}


.Prime_InnerPopup_mobile .styleMpage1 {
	background: #fff;
    color: #121212;
    font-size: 12px;
    font-weight: normal;
}

.Prime_InnerPopup_mobile .agetextbox {
	width: 80%; 
	font-size: 12px !important;
    font-weight: bold;
	text-align: center;
	}
	
.Prime_InnerPopup_mobile	.heightfttextbox {
	width: 50%; 
	font-size: 12px !important;
    font-weight: bold;
	text-align: center;
	}
	
.Prime_InnerPopup_mobile	.heightintextbox {
	width: 50%; 
	font-size: 12px !important;
    font-weight: bold;
	text-align: center;
	}
	
.Prime_InnerPopup_mobile	.weightsttextbox {
	width: 50%; 
	font-size: 12px !important;
    font-weight: bold;
	text-align: center;
	}
	
.Prime_InnerPopup_mobile	.weightlbtextbox {
	width: 50%; 
	font-size: 12px !important;
    font-weight: bold;
	text-align: center;
	}
	

.Prime_InnerPopup_mobile .style20 {
    color: #121212;
    font: normal 15px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
}

.Prime_InnerPopup_mobile .style20input {
    color: #121212;
    font: normal 20px Poppins, sans-serif;
    font-weight: normal;
	text-decoration:none;
}

.Prime_InnerPopup_mobile .style20input a {
	text-decoration:none;
}

.Prime_InnerPopup_mobile .style20 a {
	text-decoration:none;
}

.Prime_InnerPopup_mobile .style20white {
    background: #202020;
    color: #ffffff;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
}

.Prime_InnerPopup_mobile .style20white a {
    background: #202020;
    color: #ffffff;
    font: normal 10px Poppins, sans-serif;
    font-weight: normal;
}

.Prime_InnerPopup_mobile .style20whitebold {
    color: #fff;
    font: normal 10px Poppins, sans-serif;
    font-weight: bold;
	text-decoration:none;
}

.Prime_InnerPopup_mobile .style20white a {
	text-decoration:none;
}

.Prime_fadePanel_mobile
{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999;
	background-color:#FFF;
}

.Prime_InnerPopup_mobile .androidFix {
    overflow:hidden !important;
    overflow-y:hidden !important;
    overflow-x:hidden !important;
}

.Prime_InnerPopup .pai_add2bag {
	background: #121212;
	border: 1px solid #121212;
	color: #fff;
	text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: .65em;
	padding: 4px 6px 0px;
	margin-top:4px;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
	font-family: Poppins, sans-serif;
	font-weight: normal; 
	-webkit-font-smoothing: antialiased;
  	border-radius: 0px;
  	cursor:pointer;
}

.Prime_InnerPopup .imgprod { 
   cursor:pointer;
   /*height: 125px !important;*/
}

.Prime_InnerPopup_mobile .imgprod { 
   cursor:pointer;
	height: 125px !important;
}

 @-webkit-keyframes 
decrement-prev {  from {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes 
decrement-prev {  from {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@-webkit-keyframes 
decrement-next {  from {
 opacity: 1;
 -webkit-transform: translateY(-50px);
 transform: translateY(-50px);
}
}
@keyframes 
decrement-next {  from {
 opacity: 1;
 -webkit-transform: translateY(-50px);
 transform: translateY(-50px);
}
}
@-webkit-keyframes 
increment-prev {  from {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes 
increment-prev {  from {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
@-webkit-keyframes 
increment-next {  from {
 opacity: 1;
 -webkit-transform: translateY(50px);
 transform: translateY(50px);
}
}
@keyframes 
increment-next {  from {
 opacity: 1;
 -webkit-transform: translateY(50px);
 transform: translateY(50px);
}
}

/** BX SLIDER
===================================*/
/** RESET AND LAYOUT
===================================*/
.Prime_InnerPopup .bx-wrapper {
  position: relative;
  margin-bottom: 30px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.Prime_InnerPopup .bx-wrapper img {
  max-width: 100%;
}
.pai_bxslider {
  margin: 0;
  padding: 0;
}
ul.pai_bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.Prime_InnerPopup .bx-wrapper {
  background: #f9f9f9;
  vertical-align: middle;
}
.Prime_InnerPopup .bx-wrapper .bx-pager,
.Prime_InnerPopup .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.Prime_InnerPopup .bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.Prime_InnerPopup .bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.Prime_InnerPopup .bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.Prime_InnerPopup .bx-wrapper .bx-pager.bx-default-pager a:hover,
.Prime_InnerPopup .bx-wrapper .bx-pager.bx-default-pager a.active,
.Prime_InnerPopup .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #121212;
}
.Prime_InnerPopup .bx-wrapper .bx-pager-item,
.Prime_InnerPopup .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.Prime_InnerPopup .bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.Prime_InnerPopup .bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.Prime_InnerPopup .bx-wrapper .bx-prev:hover,
.Prime_InnerPopup .bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.Prime_InnerPopup .bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
left:100% !important;
	transform: translateX(-40px);
}
.Prime_InnerPopup .bx-wrapper .bx-next:hover,
.Prime_InnerPopup .bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.Prime_InnerPopup .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.Prime_InnerPopup .bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.Prime_InnerPopup .bx-wrapper .bx-controls-auto {
  text-align: center;
}
.Prime_InnerPopup .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.Prime_InnerPopup .bx-wrapper .bx-controls-auto .bx-start:hover,
.Prime_InnerPopup .bx-wrapper .bx-controls-auto .bx-start.active,
.Prime_InnerPopup .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.Prime_InnerPopup .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.Prime_InnerPopup .bx-wrapper .bx-controls-auto .bx-stop:hover,
.Prime_InnerPopup .bx-wrapper .bx-controls-auto .bx-stop.active,
.Prime_InnerPopup .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.Prime_InnerPopup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.Prime_InnerPopup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.Prime_InnerPopup .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.Prime_InnerPopup .bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/* WIDGET MU CSS 210520 */

.Prime_InnerPopup .grey-text10{
    color: rgb(46, 46, 46);
    font: 12px "GillSansMTRegular", arial, sans-serif;
    padding-top: 5px;
  }
  
  .Prime_InnerPopup_mobile .grey-text10{
    color: rgb(46, 46, 46);
    font: 12px "GillSansMTRegular", arial, sans-serif;
  }
  
  .profile-pic-one{
      width: 32px;
      margin-bottom: -4px;
      margin-right: 7px;
      transform: translateX(20px);
  }
  
  
  .profile-pic-two{
      width: 37px;
      margin-bottom: -4px;
      margin-right: 8px;
  }
  
  .Prime_InnerPopup .active-index{
    font-size: 15px !important;
      color: white;
      background-color: #4a4a4a;
      cursor: default;
  }
  .Prime_InnerPopup .active-index:hover{
    color: white;
  }
  
  .Prime_InnerPopup  .unactive-index{
    color: #646464;
    background-color: white;
  }
  
  .Prime_InnerPopup  .unactive-index:hover{
    color: white;
    background-color: #4a4a4a;
  }
  
  .sub-header-logo{
    text-align: center !important; 
    line-height: 0px !important; 
    color: rgb(46, 46, 46); 
    font: 11px "GillSansMTRegular", arial, sans-serif;
  }
  
  .Prime_InnerPopup .sizes-text{
      font-size: 18px;
  }
  
  .Prime_InnerPopup .rec-text {
      font: 16px "GillSansMTRegular", arial, sans-serif;
      text-transform: uppercase;
  }
  
  .Prime_InnerPopup_mobile .rec-text{
      font: 12px "GillSansMTRegular", arial, sans-serif;
      text-transform: uppercase;
      margin-top: 40px;
  }
  
  @media screen and (max-width: 768px) {
    .profile-pic-one{
      margin-bottom: 2px;
  }
  .profile-pic-two{
    margin-bottom: 2px;
  }
  
  .imgcenter{
    position: absolute;
    left: 0px;
    width: 93%;
  }
  }
  /* HAMBURGER MENU */
  
 .Prime_InnerPopup_mobile .paiheader {
    background-color: unset;
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 0px;
    height: 88px;
    width:100%;
  }
  
 .Prime_InnerPopup_mobile .paiheader ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    background-color: #f9f9f9;
  }
  
 .Prime_InnerPopup_mobile .paiheader li a {
    display: block;
    padding: 20px 20px;
    text-decoration: none;
  }
  
 .Prime_InnerPopup_mobile .paiheader li a:hover,
 .Prime_InnerPopup_mobile .paiheader .menu-btn:hover {
    background-color: #f4f4f4;
  }
  
 .Prime_InnerPopup_mobile .paiheader .logo {
    display: block;
    float: left;
    font-size: 2em;
    padding: 10px 20px;
    text-decoration: none;
  }
  
  /* menu */
  
 .Prime_InnerPopup_mobile .paiheader .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
  }

  .Prime_InnerPopup_mobile .paiheader .menu li {
    padding-bottom: 0px !important;
  }
  
  /* menu icon */
  
 .Prime_InnerPopup_mobile .paiheader .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 28px 20px;
    position: relative;
    margin-top: 5px;
    margin-left: 10px;
    user-select: none;
    transform: scale3d(1, 1, 1);
    transform: translateY(-5px) !important;
    /* height: 100px; */
  }
  
 .Prime_InnerPopup_mobile .paiheader .menu-icon .navicon {
    background: #333;
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 18px;
  }
  
 .Prime_InnerPopup_mobile .paiheader .menu-icon .navicon:before,
 .Prime_InnerPopup_mobile .paiheader .menu-icon .navicon:after {
    background: #333;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
  }
  
  
  
 .Prime_InnerPopup_mobile .paiheader .menu-icon .navicon:before {
    top: 5px;
  }
  
 .Prime_InnerPopup_mobile .paiheader .menu-icon .navicon:after {
    top: -5px;
  }
  
  /* menu btn */
  
 .Prime_InnerPopup_mobile .paiheader .menu-btn {
    display: none;
  }
  
 .Prime_InnerPopup_mobile .paiheader .menu-btn:checked ~ .menu {
    max-height: 270px;
    padding: 0px 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: solid black 2px;
}
  
 .Prime_InnerPopup_mobile .paiheader .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
  }
  
 .Prime_InnerPopup_mobile .paiheader .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
  }
  
 .Prime_InnerPopup_mobile .paiheader .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
  }
  
 .Prime_InnerPopup_mobile .paiheader .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
 .Prime_InnerPopup_mobile .paiheader .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
  }
  
  /* 48em = 768px */
  
  /* @media (min-width: 48em) {
   .Prime_InnerPopup_mobile .paiheader li {
      float: left;
    }
   .Prime_InnerPopup_mobile .paiheader li a {
      padding: 20px 30px;
    }
   .Prime_InnerPopup_mobile .paiheader .menu {
      clear: none;
      float: right;
      max-height: none;
    }
   .Prime_InnerPopup_mobile .paiheader .menu-icon {
      display: none;
    }
  } */
  
  /* New Profiles menu */
  .Prime_InnerPopup .selected-input{
      width: 312px;
      border-radius: 15px;
  }
  
  .Prime_InnerPopup .man-ico{
    pointer-events: none;
    width: 32px; 
    color: #808080; 
    position: absolute;
     right: 110px; 
     top: 143px; 
     bottom: 0;
     display: none;
  }
  
  .Prime_InnerPopup .bin-ico{
    width: 25px;
    color: grey;
    margin-left: 1px !important;
    margin-top: 0px !important;
  }
  
  .Prime_InnerPopup .button-row{
    /* The new row */
    /* I dislike floats */
    /* But this is my only solution to the row issue */
  }
  
  .Prime_InnerPopup .gender-button-first{
      background: white;
      color: black;
      padding: 5px 12px;
      border-radius: 8px;
      height: 32px;
      border: solid #646464 1px;
      transition: 250ms;
  }
  
  
  .Prime_InnerPopup .gender-button{
      background: white;
      color: black;
      padding: 5px 12px;
      border: solid #646464 1px;
      border-radius: 8px;
      min-width: 70px;
      height: 32px;
      margin-left: 5px;
      transition: 250ms;
  }
  
  .Prime_InnerPopup .gender-button:hover{
    color: white;
    background-color: #808080;
  }
  
  .Prime_InnerPopup .gender-button-first:hover {
    color: white;
    background-color: #808080;
  }
  
  .Prime_InnerPopup .active-gender{
    color: white;
    background-color: #121212;
    padding: 5px 12px;
    border-radius: 8px;
    border: solid #646464 1px;
    transition: 250ms;
  }
  
  .Prime_InnerPopup .sub-input{
    background-color: #e1e1e1;
    color: #686868;
    width: 250px;
    border-radius: 15px;
    float: left;
    margin-bottom: 2px !important;
    font-family: "GillSansMTRegular", arial, sans-serif;
     font-weight: 399;
      -webkit-font-smoothing:  antialiased; 
  cursor: pointer;
     
  }
  
  .Prime_InnerPopup .sub-input:hover{
    color: black;
    background-color: #f9f9f9;
  }
  
  .Prime_InnerPopup .hidden-input {
    cursor: pointer;
    border: 0px;
    position: relative;
    left: -14px;
    top: -2px;
    transform: scale(22, 2.9);
    display: inline-block;
    opacity: 0;
    transform-origin: right center;
  }
  
  .Prime_InnerPopup .add-input{
    cursor: unset;
    background-color: #f9f9f9 ;
    color: black;
  }
  
  .Prime_InnerPopup .selected-user{
      border: none;
      background-color: unset;
      font-size: 13px !important;
      margin: 0px;
      padding: 0px;
      text-align: center;
      line-height: 15px;
      color: #4a4a4a;
  }
  
  .Prime_InnerPopup ::-webkit-input-placeholder{
    color: #686868;
    font-family: "GillSansMTRegular", arial, sans-serif;
    font-weight: 399;
    font-size: 12px;
  }
  
  
  /* MOBILE */
  .Prime_InnerPopup_mobile .selected-input{
      width: 100%;
      border-radius: 15px;
      float: left;
  
  }
  
  .Prime_InnerPopup_mobile .man-ico{
    pointer-events: none;
  width: 32px; 
  color: #808080; 
  position: absolute;
   left: 480px; 
   top: 118px; 
   bottom: 0;
  }
  
  .Prime_InnerPopup_mobile .bin-ico {
      width: 25px;
      color: grey;
      margin-right: 0px;
      margin-bottom: 5px;
      margin-left: 10px !important;
  
  }
  .Prime_InnerPopup_mobile .button-row{
    text-align: center;
  }
  
  .Prime_InnerPopup_mobile .gender-button {
    background: white;
    color: black;
    padding: 5px 6px;
    border: solid #646464 1px;
    border-radius: 8px;
    min-width: 63px;
    height: 33px;
    margin-left: 5px;
    transition: 250ms;
    font-family: "GillSansMTRegular", arial, sans-serif;
    font-weight: 399;
    font-size: 14px;
  }
  
  .Prime_InnerPopup_mobile .gender-button-first{
    background: white;
    color: black;
    padding: 5px 6px;
    border-radius: 8px;
    border: solid #646464 1px;
    transition: 250ms;
    font-family: "GillSansMTRegular", arial, sans-serif;
    font-weight: 399;
    font-size: 14px;
    height: 33px;
  }
  
  .Prime_InnerPopup .gender-button-first:hover {
  color: white;
  background-color: #808080;
  }

  .Prime_InnerPopup_mobile .active-gender {
    color: white;
    background-color: #121212;
    padding: 5px 6px;
    border-radius: 8px;
    border: solid #646464 1px;
    transition: 250ms;
  }

  
  .Prime_InnerPopup_mobile .sub-input{
    background-color: #e1e1e1;
    color: #686868;
    border-radius: 15px;
    font-family: "GillSansMTRegular", arial, sans-serif;
    font-weight: 399;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    margin-left: 0px;
    margin-right: 0px;
    margin: 0px;
    width: 100%;
    float: left;
  }

  
  .Prime_InnerPopup_mobile .hidden-input {
  cursor: pointer;
  border: 0px;
  position: relative;
  left: -14px;
  top: -2px;
  transform: scale(22, 2.9);
  display: inline-block;
  opacity: 0;
  transform-origin: right center;
  }
  
  .Prime_InnerPopup_mobile .add-input{
  cursor: unset;
  background-color: #f9f9f9 ;
  color: black;
  }
  
  .Prime_InnerPopup_mobile .selected-user{
    border: none;
    background-color: unset;
    font-size: 13px !important;
    left: 124px;
    top: 149px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    line-height: 15px;
    margin-left: -2px;
    margin-right: 16px;
  }
  
  .Prime_InnerPopup_mobile ::-webkit-input-placeholder{
  color: #686868;
  font-family: "GillSansMTRegular", arial, sans-serif;
  font-weight: 399;
  font-size: 12px;
  }
  
  
  .user-icon {
    background-image: url("../../../../PICS/profileCircle.png");
    height: 25px;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    border-color: white;
    width: 100%;
    max-width: 100%;
    margin-left: 10px;
    
  }
  
  .user-icon:hover{
    background-image: url("../../../../PICS/greyCircle.png");
    -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
  }
  
  .no-hover:hover{
    color: #4a4a4a !important;
      background-color: unset !important;
      cursor: default !important; 
  }
  
  .Prime_InnerPopup .ico-anim{
    transition: 200ms;
    margin-left: 0px !important;
    margin-top: 14px !important;
    transform: translateX(15px);
  }
  
  .Prime_InnerPopup_mobile .ico-anim{
    transition: 200ms;
    margin-top: 15px !important;
    transform: translate3d(15px,-4px,0);
  }
  
  .ico-anim:hover{
  color: black !important;
  }
  
  .back-arrow{
    width: 9px;
    display: inline;
    overflow: hidden;
    transform: translate(-8px, 2px);
  }


    /* PAGE 1 UPDATE */

    .Prime_InnerPopup_mobile .newfitslider {
      -webkit-appearance: none;
      width: 80%;
      height: 5px;
      border-radius: 5px;
      background: linear-gradient(to right, #9f9f9f, #585858) !important;
      outline: 0;
      opacity: 1;
      -webkit-transition: 0.2s;
      transition: opacity 0.2s;
      padding: 0 !important;
      cursor: pointer;
    }
    
    .Prime_InnerPopup_mobile .input-button{
      background-color: #323232;
      width: 25px;
      height: 25px;
      border-radius: 25px;
      color: white;
      border-style: none;
      padding: 0;
      line-height: 0;
    
      
    }
    .Prime_InnerPopup_mobile .left-button {
      margin-right: 10px;
    }
    
    .Prime_InnerPopup_mobile .right-button{
      margin-left: 10px;
    }
    
    .Prime_InnerPopup_mobile .plus-button-icon{
      cursor: pointer;
      width: 15px;
      margin-top: 0px;
    }
    
    .Prime_InnerPopup_mobile .minus-icon{
      width: 15px;
      margin-top: 0px;
    }
    
    .Prime_InnerPopup_mobile .user-clock {
      width: 20px;
      transform: translate(10px, 6px);
      color: black;
      position: absolute;
    }
    
    
    .Prime_InnerPopup_mobile .input-box {
      border-radius: 10px;
      width: clamp(86px, 26.5vw, 260px);
      margin: 0px;
      padding-left: clamp(40px, 11.5vw, 69px);
      background: #f9f9f9;
      border: 2px solid grey !important;
      height: 29px;
      text-align: right;
      color: #333c48;
      font-size: clamp(16px,4vw,20px);
    }
    
    
    .Prime_InnerPopup_mobile .smaller-input{
      border-radius: 10px;
      margin: 0px;
      background: #f9f9f9;
      border: 2px solid grey;
      height: 29px;
      text-align: right;
      color: #333c48;
      font-family: helvetica;
      /* width: clamp(42px, 14.5vw, 73px); */
      padding-left: clamp(15px, 0.5vw, 69px);
      font-size: clamp(10px,4vw,20px);
      width: 100%;
      padding-right: 0px;
      text-align: center;
    }
    
    .Prime_InnerPopup_mobile .dual-boxes-container{
       float: right;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: clamp(86px,26.5vw,260px) !important;
    }
    
    .Prime_InnerPopup_mobile .leftMostInput{
      /* THE MARGIN CONTROLLER */
      margin-right: clamp(2px, 1.5vw, 20px);
    }
    
    .Prime_InnerPopup_mobile .ft-icon{
      position: absolute;
      transform: translate(40%, 100%);
      font-size: 0.7em;
      font-weight: 700;
    }
    
    
    .Prime_InnerPopup_mobile  .in-icon{
        transform: translate(5px, 36%);
        font-weight: 700;
        font-size: 0.7em;
        
        position: relative;
        width: 0px;
    }
    
    
    .Prime_InnerPopup_mobile  .lb-icon{
      transform: translate(5px, 36%);
      font-weight: 700;
      font-size: 0.7em;
      position: relative;
      width: 0px;
    }

    .Prime_InnerPopup_mobile .kg-icon {
      font-weight: 700;
      font-size: 0.7em;
      position: relative;
      width: 0px;
      display: inline-block;
      transform: translate(9px, 5px);
    }
    
    .Prime_InnerPopup_mobile  .side-arrow {
      transform: translate(10px, 7px);
      color: black;
      position: absolute;
      width: 8px;
    }
    
    .Prime_InnerPopup_mobile  .alt-button-wrap{
      float: right; 
      width: 100%;
      padding-right: 10px;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: stretch;
      justify-content: flex-end;
    }
    
    .Prime_InnerPopup_mobile  .scale-icon{
      width: 16px;
        transform: translate(9px, 6px);
        color: black;
        position: absolute;
    }
    
    /* UPDATED */
    
    .Prime_InnerPopup_mobile .ctrl {
      -webkit-box-flex: 0 !important;
      -webkit-flex: 0 0 auto !important;
      -ms-flex: 0 0 auto !important;
      flex: 0 0 auto !important;
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-align: center !important;
      -webkit-align-items: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;
      border-radius: 5px !important;
      font-weight: 400 !important;
    }
    .Prime_InnerPopup_mobile .ctrl__counter {
      position: relative;
      width: 25px;
      height: 25px;
      color: #333c48;
      text-align: center;
      overflow: hidden;
      z-index: 99999;
    }
    .Prime_InnerPopup_mobile .ctrl__counter.is-input .ctrl__counter-num {
      visibility: visible;
      opacity: 0;
      -webkit-transition: opacity 0.1s ease-in;
      transition: opacity 0.1s ease-in;
      z-index: 99999;
    }
    .Prime_InnerPopup_mobile .ctrl__counter.is-input .ctrl__counter-input {
      visibility: visible;
      opacity: 1;
      -webkit-transition: opacity 0.1s ease-in;
      transition: opacity 0.1s ease-in;
      z-index: 99999;
    }
    .Prime_InnerPopup_mobile .ctrl__counter-input {
      width: 100%;
      margin: 0;
      padding: 0;
      position: relative;
      z-index: 2;
      box-shadow: none;
      outline: 0;
      border: none;
      color: #333c48;
      font-size: 30px;
      line-height: 50px;
      text-align: center;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: opacity 0.1s ease-in;
      transition: opacity 0.1s ease-in;
      z-index: 99999;
    }
    .Prime_InnerPopup_mobile .ctrl__counter-num {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      line-height: 20px;
      visibility: visible;
      opacity: 1;
      border: 1px solid #d5dce6;
      -webkit-transition: opacity 0.1s ease-in;
      transition: opacity 0.1s ease-in;
      z-index: 99999;
    }
    .Prime_InnerPopup_mobile .ctrl__button {
      position: relative;
      width: 25px;
      line-height: 25px;
      text-align: center;
      color: #fff !important;
      cursor: pointer;
      background-color: #121212;
      -webkit-transition: background-color 0.1s ease-in;
      transition: background-color 0.1s ease-in;
      visibility: visible;
      z-index: 99999;
    }
    .Prime_InnerPopup_mobile .ctrl__button a {
      position: relative;
      width: 25px;
      line-height: 25px;
      text-align: center;
      color: #fff !important;
      cursor: pointer;
      background-color: transparent;
      -webkit-transition: background-color 0.1s ease-in;
      transition: background-color 0.1s ease-in;
      visibility: visible;
      z-index: 99999;
    }
    @-moz-document url-prefix() {
      .Prime_InnerPopup_mobile .ctrl__button a::after {
        content: "";
        position: absolute;
        top: -5px;
        bottom: 5px;
        left: -5px;
        right: -5px;
        z-index: 99999;
      }
    }
    .Prime_InnerPopup_mobile .ctrl__button:active {
      background-color: #121212;
      -webkit-transition: background-color 0.1s ease-in;
      transition: background-color 0.1s ease-in;
      z-index: 99999;
    }
    #pai_mob_header {
      width: auto;
      text-align: left !important;
      font-size: 20px;
      border-spacing: 0;
      color: #121212;
      border: 0;
      margin: auto;
      vertical-align: middle;
    }
    
    .pailine1px {
      line-height: 20px !important;
    }

    .slidefitcontainer {
      width: 100%;
      background: 0 0 !important;
      border: none !important;
      padding: 0 !important;
      margin: 20px 0 0 !important;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-between;
      align-items: center;
    }
    .slidefitcontainer input {
      border: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }
  
  @keyframes fadeInFromNone {
    0% {
     
        opacity: 0;
    }
  
    1% {
    
        opacity: 0;
    }
  
    100% {
        
        opacity: 1;
    }
  }
  
  
  /* Customer Colors */
  /* DO NOT MOVE */
  /* This must be at the end of the css */
  /* As to not be overidden. :) */
  
  :root {
    --main-bg-color: #20ac9c;
    --main-text-color: white; 
  }
  
  
  /* When not in use */
  /* Comment out all the customer cols */
  /* DO NOT REMOVE COMMENT OUT ":root" */
  /* .customer-colors{
    color: var(--main-text-color) !important;
    background-color: var(--main-bg-color) !important;
    border-color: var(--main-bg-color) !important;
  }
  
  @media (hover: hover) and (pointer: fine) {
    .customer-colors-hover:hover{
      color: var(--main-text-color) !important;
      background-color: var(--main-bg-color) !important;
      border-color: var(--main-bg-color) !important;
    }
    .customer-colors:hover{
      color: var(--main-bg-color) !important;
      background-color: var(--main-text-color) !important;
      border-color: var(--main-bg-color) !important;
    }
    
  } */
  
  
  /* End of customer colours */

  /* SHIRT SELECTOR */

  .shirtlength {
    color: #121212;
    font-family: "GillSansMTRegular", arial, sans-serif;
    font-weight: normal;
    font-size: 12px;
    padding-top: 35px;
  }

  .shirtlengthmobile {
    color: #121212;
    font-family: "GillSansMTRegular", arial, sans-serif;
    font-weight: normal;
    font-size: 12px;
    padding-bottom: 10px;
  }
  
/* NEW POP UP MODAL */
 
.prime-ai-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  padding: 30px;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
 
}
.prime-ai-modal.open {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  z-index: 90000000;
  width: 100%;
}
 
@media (max-width: 721px){
  .prime-ai-modal.open {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
  z-index: 90000000;
  width: 100%;
  }
}
 
 
.prime-ai-modal-header-text{
  font: normal 24px Poppins, sans-serif;
  padding-left: clamp(5px, 3vw, 25px);
  padding-right: clamp(5px, 3vw, 25px);
  font-family: Poppins, sans-serif;
}
.prime-ai-modal-header{
  border-bottom: 1px solid #3c3c3c;
}
.primeai-modal-body{
  position: relative;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-left: clamp(5px, 3vw, 25px);
  padding-right: clamp(5px, 3vw, 25px);
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.prime-ai-justify-content-between {
  -webkit-justify-content: space-between!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important;
}
.prime-ai-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 21;
  background-color: rgba(0, 0, 0, 0.7);
}
.prime-ai-modal__close {
  position: absolute;
  top: 13px;
  right: 10px;
  border: none;
  outline: none;
  background: none;
  font-size: 24px;
  color: #747474;
  font-weight: bold;
}
 
.prime-ai-modal__close:hover {
  color: #121212;
  cursor: pointer;
  transition: 200ms;
}
.prime_modal__container {
  position: relative;
  z-index: 999999999999999;
  top: 25%;
  left:25vw;
  transform: translate(-50%,50%);
  box-shadow: 0 0 5px #f9f9f9;
  margin: 0 auto;
  padding: 30px;
  background-color: #f9f9f9;
  text-align: center;
  width: 500px;
  text-align: left;
  height: 150px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 1px;
  padding-bottom: 0px;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
  font-family: Poppins, sans-serif;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
 
.prime_modal-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: .75rem;
  border-top: 1px solid #939393;
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius: calc(.3rem - 1px);
}
 
.primeai-button{
  display: inline-block;
  text-align: center;
  background-color: transparent;
  border: 1px solid #3c3c3c;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
 
.primeai-button:hover{
  background-color: #3c3c3c;
  color: white;
  cursor: pointer;
}
 
@media (max-width: 721px){
  .prime_modal__container {
      width: 80vw;
      height: 150px;
      top: 15%;
      left: 40%;
      position: relative;
  }
}
 
.prime-ai-popup-input{
  font-family: Poppins, sans-serif;
  font-weight: 399;
  width: 100%;
  height: 30px;
  display: block;
  margin-top: 10px;
  padding: 10px;
  cursor: unset;
  background-color: #f9f9f9;
  color: black;
  border: 1px solid #3c3c3c;
  border-radius: 15px;
}

/* NEW SLIDER */



tr.mygrading {
  background: rgb(255,255,255);
  background: -moz-linear-gradient(90deg,  rgba(255,0,0,0.5) 0%, rgba(0,255,0,0.5) 50%, rgba(255,0,0,0.5) 100%);
  background: -webkit-linear-gradient(90deg,  rgba(255,0,0,0.5) 0%, rgba(0,255,0,0.5) 50%, rgba(255,0,0,0.5) 100%);
  background: -o-linear-gradient(90deg,  rgba(255,0,0,0.5) 0%, rgba(0,255,0,0.5) 50%, rgba(255,0,0,0.5) 100%);
  background: -ms-linear-gradient(90deg,  rgba(255,0,0,0.5) 0%, rgba(0,255,0,0.5) 50%, rgba(255,0,0,0.5) 100%);
  background: linear-gradient(90deg,  rgba(255,0,0,0.5) 0%, rgba(0,255,0,0.5) 50%, rgba(255,0,0,0.5) 100%);
  width: 100vw;
  background-repeat: no-repeat;
  }

  td.mygrading {
    background: transparent;
    }

    .nograding{
      line-height: 25px; 
      background:transparent !important;
      font-size: 16px !important;
      color: #121212;
    font-family: Poppins,Arial,sans-serif;
    font-weight: normal;
    }

.c-rng__output {
      --rng-output-bgc: #444;
      --rng-output-c: #EEE;
      --rng-output-p: 0.25rem 0 0 0;
      --rng-output-t: 0.25rem;
      --rng-output-w: 3rem;
      --rng-unit:60;
      --rng-thumb-h: 2rem;
      --rng-thumb-w: 1rem;
  
      background-color: var(--rng-output-bgc);
      color: var(--rng-output-c);
      display: inline-block;
      font-family: sans-serif;
      font-size: 0.675rem;
      left: calc(1% * var(--rng-unit) - ((var(--rng-thumb-w) / 100) * var(--rng-unit)));
      padding: var(--rng-output-p);
      position: relative;
      text-align: center;
      top: -8px;
      width: var(--rng-output-w);
  }
  .c-rng__output::after {
      border-left: calc(var(--rng-output-w) / 2) solid transparent;
    border-right: calc(var(--rng-output-w) / 2) solid transparent;
      border-top: calc(var(--rng-output-w) / 3) solid var(--rng-output-bgc);
      content: "";
      height: 0; 
      left: 0;
      position: absolute;
      top: 100%;
      width: 0;
  }

  #newsliderheader {
    text-align: center;
    color: #121212;
    font-family: Poppins,Arial,sans-serif;
    font-weight: normal;
    font-size: 12px;
    padding-bottom: 15px;
  }

  #newslidegood {
    text-align: center !important;
    color: #121212;
    font-family: Poppins,Arial,sans-serif;
    font-weight: normal;
    font-size: 12px;
  }

  #newslidetight {
    text-align: left !important;
    color: #121212;
    font-family: Poppins,Arial,sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
  }

  #newslideloose {
    text-align: right !important;
    color: #121212;
    font-family: Poppins,Arial,sans-serif;
    font-weight: normal;
    font-size: 12px;
  }

  /*
rgb(221, 221, 221)

rgb(143, 143, 143)
rgb(28, 27, 27)

*/

.Prime_InnerPopup .paibespoke {
  font: normal 10px Poppins, sans-serif;
  line-height: 14px;
  padding-top: 20px;
  display: block;
}

.Prime_InnerPopup_mobile .paibespoke {
  font: normal 10px Poppins, sans-serif;
  line-height: 14px;
  padding-top: 20px;
  display: block;
}

/*----- Image Recognition ---------------------------------------------------------------------------------------------------------------------------------------------------*/

/*BUTTONS*/
.foot_recommendation_btn_white{
  background: #fff !important;
  border: 1px solid #fff !important;
  color: #000 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-size: 10px !important;
  text-decoration: none !important;
  -webkit-transition: all .2s ease-out !important;
  -moz-transition: all .2s ease-out !important;
  -o-transition: all .2s ease-out !important;
  transition: all .2s ease-out !important;
  font-family: "Helvetica", sans-serif !important;
  font-weight: normal !important;
  -webkit-font-smoothing: antialiased !important;
  cursor: pointer !important;
  justify-content: center !important;
  align-items: center !important;
}

.foot_recommendation_btn_blk{
  background: #000 !important;
  border: 1px solid #000 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-size: 10px !important;
  text-decoration: none !important;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  font-family: "Helvetica", sans-serif !important;
  font-weight: normal !important;
  -webkit-font-smoothing: antialiased !important;
  cursor: pointer !important;
  justify-content: center !important;
  align-items: center !important;
  line-height: 12px;
}

.btn_blk_large{
  width: 90% !important;
  height: 40px !important;
  font-weight: bold !important;
  border-radius: 30px;
}

.btn_round{
  border-radius: 2em !important;
  width:90% !important;
}

#prime_camera_trigger{
  width: 70% !important;
  display: flex !important;
  height: 45px !important;
  background-color: green !important;
}

#prime_camera_trigger:disabled, #prime_camera_trigger[disabled]{
  width: 70% !important;
  display: flex !important;
  height: 45px !important;
  opacity: 0.5;
  background-color: black !important;
}

#recognition_close_app_x{
  width: 25% !important;
  height: 45px !important;
}

.fa-info-circle{
  color: #000 !important;
  /*border-radius: 50%;*/
  /*border: 2px solid #000;*/
}

.recognition_switch_left{
border-radius: 1em 0 0 1em;
padding: 7px 5px 4px !important;
margin-left: 5px !important;
width: 60px !important;
font-size: 0.65em !important;
background: #fff !important;
color: grey !important;
border-color: #000 !important;
visibility: hidden;
}

#recognition_switch_right{
  margin-right: 5px !important;
}

.recognition_switch_right{
padding: 4px 5px 4px !important;
width: 60px !important;
font-weight: bold !important;
font-size: .9em !important;
background: #000 !important;
color: #fff !important;
border-color: #fff !important;
text-decoration: underline;
}

#recognition_switch_right{
  border-radius: 0 1em 1em 0;
  margin-left: 0 !important;
}

.recognition_switch_td{
  border-top:0 !important;
  padding: 0 !important;
  margin-top: 50% !important;
  border-bottom: 0 !important;
}

.recognition_results_btn {
  border:1px solid #000000 !important;
  text-transform: uppercase !important;
  padding: 10px 5px 10px !important;
  color: #0000 !important;
  letter-spacing: 0.1em !important;
  font-size: .85em !important;
  background: transparent !important;
  display: inline-block !important;
  text-decoration: none !important;
  font-family: Poppins, sans-serif;
  font-weight: normal !important;
  -webkit-font-smoothing: antialiased !important;
  cursor: pointer !important;
  text-align: center !important;
  vertical-align: middle !important;
  min-width:40% !important;
  line-height: 50px !important;
}

#recommendation_try_again{
  border: 1px solid #000 !important;
  margin-bottom: 5% !important;
}

.max_width{
  max-width: 200px !important;
  min-width: 200px !important;
  height: 19% !important;
}

/*INFO IMAGES*/
/*
#recognition_info_image{
  max-height: 90%;
  width: auto !important;
  border:solid 2px white;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
  right: 2%;
  position: absolute;
  z-index: 999999999;
}
*/
#recognition_info_image{
  max-height: 20%;
  width: auto !important;
  border:solid 2px white;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
  right: 2%;
  position: fixed;
  z-index: 999999999;
}


.taken {
  height: 100vh !important;
  width: auto !important;
  z-index: 9999999 !important;
}

#recognition_camera_output {
  position: absolute !important;
}

@media (max-width: 721px){
#recognition_info_img_div {
    height: 50% !important;
    width: 90% !important;
}
}

@media (min-width: 721px){
  #recognition_info_img_div {
      height: 300px !important;
      width: 90% !important;
      padding-bottom: 25px;
  }
  }

.recognition_info_img{
  height: 95% !important;
  border: 3px solid grey !important;
  margin-bottom: 5% !important;
}

.recognition_info_img2{
  /*height: 55% !important;*/
  height: 95% !important;
  border: 3px solid grey !important;
  margin-bottom: 5% !important;
  max-width: 55% !important;
}

/*RECOGNITION CAMERA*/
#prime_recognition_canvas{
  top: 0;
  left: 0;
  position: absolute;
  height: 100vh;
  width: 100%;
  object-fit: scale-down;
  overflow: hidden;
  z-index: 999999;
}

#prime_recognition_camera {
  position: absolute;
  width: auto;
  height: auto;
  max-width: initial;
}

/*RECOGNITION CONTAINERS*/
.recognition_results_btn_area{
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px solid #000;
  display: flex;
  justify-content: space-evenly;
}

#recognition_result_area{
  position: absolute;
  background: #ffffff;
  color: rgb(30, 0, 0);
  border: 1px solid #000;
  width: 80%;
  text-align: center;
  padding: 10px 0;
  border-radius: 0.25rem;
  display: none;
  color:#DCF2EE;
  transition: all 0.2s;
  z-index: 9999999 !important;
}

#recognition_switch_area{
  z-index: 999999999;
  position: absolute;
  width: auto !important;
  display: none;
}

#recognition_loading{
  position: absolute;
  z-index: 99999999999 !important;
}

.desktop {
  display: flex;
  align-content: space-between;
  /*font-style:italic;*/
}

.brand_to_brand_area {
  margin-right: 10px;

}

#recognition_info{
  position: absolute;
  z-index: 999999999;
}

.recognition_switch_tr{
  vertical-align: top;
  transform: translateX(25px);
  /*display: block;*/
}

.recognition_switch_tr td{
  border: none;
}

#recognition_turn_portrait{
  position: absolute;
  z-index: 9999999999;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  margin-left: -10px;
  background: #000;
  color: #fff;
}

#prime_recognition_main{
  position: fixed; /* was absolute */
  z-index: 999999;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

#prime_recognition_info_use{
  position: fixed !important;
  z-index: 99999999;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  background: #fff;
  align-items: center;
}

#prime_recognition_trigger_area {
  position: absolute;
  bottom: 15%;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  z-index: 9999999;
}

#prime_recognition_top {
  position: absolute;
  top: 4%;
  height: 20%;
  width: 100%;
}

#close_info_button{
  display: none;
}

.recognition_info_left{
  clear: both;
  right: 60%;
}



.recognition_info_right{
  clear: both;
  margin-left: 63%;
}

#desktopUserGuideDiv{
  z-index: 999999;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-left: -4%;
}

@media only screen and (orientation:landscape) {
  #recognition_turn_portrait { display:flex; }
  #prime_recognition_main { display:none !important; }
}

/* (B) CORRECT ORIENTATION - SHOW CONTENT HIDE MESSAGE */
@media only screen and (orientation:portrait) {
  #recognition_turn_portrait { display:none; }
  #prime_recognition_main { display:flex; }
}

/*RECOGNITION LOADING*/
@import url(https://fonts.googleapis.com/css?family=Comfortaa:400,700,300);
.svgTest {
width: 100px;
height: 100px;
margin: 20px;
display: inline-block;
}

/*RECOGNITION TEXT*/
#recognition_result_header{
  color: #000000 !important;
}

#recognition_size{
  color: #000000 !important;
}

strong {
  font-weight: bold;
}

.recommendation_start{
  border:1px solid #000000 !important;
  text-transform: uppercase;
  padding: 14px 5px 14px !important;
  color: #000000 !important;
  letter-spacing: 0.1em;
  font-size: 1.1em !important;
  background: transparent;
  display: inline-block;
  text-decoration: none;
  font-family: Poppins, sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  min-width:91%;
}


.alignLeft{
  text-align:left !important;
}

#qrCodeContainer{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px 0 15px 0;
}

.img_desktop{
  align-items: center;
  margin-bottom: 16px;
  margin-top: 16px;
}

.guideStepIndicator{
  margin-top: 2%;
  margin-bottom: 0px;
}

.Prime_InnerPopup .modal{
  top:23%;
  z-index: 999999999999 !important;
}

.Prime_InnerPopup_mobile .modal{
  top:23%;
  z-index: 999999999999 !important;
}

.form-control{
  font-size: 12px;
  color:rgb(46, 46, 46);
}

#resultText{
  margin-bottom: 0;
}


.modal-mobile{
  position: absolute; /* Stay in place */
  z-index: 999999999999; /* Sit on top */
  padding-top: 50%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100vh; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.mobile_feedback_textarea{
  color: rgb(46, 46, 46);
  font: 12px Poppins, sans-serif;
}

#feedback_modal_desktop{
  position: absolute;
  z-index: 9999999999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.desktop-position{
  margin-top: 15%;
}

#send_feedback_button{
  width: 25%;
  height: 20px;
  font-size: 12px;
}

#desktop_feedback_textarea{
  padding: 10px;
  font: 12px Poppins, sans-serif;
  width: 90%;
}

#link_feedback_desktop{
font: 12px Poppins, sans-serif;
position: absolute;
top: 26px;
right: 15px;
}


@media only screen and (max-width: 568px) {
  .recognition_info_text {
      line-height: 1.25em;
      margin-bottom: 0.0rem !important;
      display: list-item;
      font-size: 14px;
  }
  #prime_recognition_top{
      top: 7%;
  }
}


#destkopGuideDiv{
  position:absolute;
  z-index: 999999999;
  top: 0;
  left: 0;
}

.fa-xs {
  font-size: .5em !important;
  margin-right: 5px;
  line-height: 20px !important;
  display: none;
}

#desktopGuideBtnArea{
  display: flex;
  width: 70%;
  justify-content: center;
}

.border{

}

#back_guide_slide_btn{
  border: 1px solid #000 !important;
  margin-right: 10px;
  display: none;
}

.stepsHolder{
  display: flex;
}

#prime_recognition_main #tagline{
  color: #000;
  font: normal 10px Poppins, sans-serif;
}

.Prime_InnerPopup_mobile #tagline{
  text-decoration: none;
  margin-bottom: 0;
  color: #000;
  font: normal 8px Poppins, sans-serif;
  transform: translateY(20px);
}

.Prime_InnerPopup #tagline{
  text-decoration: none;
  margin-bottom: 0;
  color: #000;
  font: normal 8px Poppins, sans-serif;
  padding-top: 20px;
}

.spanHidden{
  visibility: hidden;
}

.btn_mobile{
  width: 40%;
}

@media only screen and (min-width: 568px) {
.recognition_info_text {
  text-align: left;
  margin-bottom: 0rem;
  display: list-item;   
  font-size: 16px;
}
}

#desktopStepsArea{
  padding: 0 5px 10px 5px;
}

@media (max-width: 721px){
  #desktopStepsArea{
    font-size: 11px;
  }
}

.shoe_recommendation_big_btn{
  border: 2px solid #aaa;
  margin-top: 15px;
  border-bottom: 1px solid #343434;
  cursor: pointer;
}

.shoe_recommendation_proceed{
  margin-bottom: 0;
  transform: translateY(-10px);
}

/* GYRO BUTTON */

.progress-button {
  position: relative;
  display: inline-block;
  height: 100px;
  width: 200px;
  color: white;
  /* background-color: #dc4545 !important; */
  letter-spacing: 1px;
  border: none;
  font-size: 1em;
  line-height: 4;
  transition: ease-in-out 300ms
  }

  .progress-button .progress-inner {
  top: 0;
  width: 0;
  height: 100%;
  transition: ease-in-out 300ms
  }

  .progress-button .progress-inner {
  position: absolute;
  left: 0;
  background: #58a660;
  border-radius: 22.5px;
  /* OVERFLOW: HIDDEN; */
  }

  #closeincamera {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 35px;
  }

  #primeaizoom {
    position: absolute;
    top: -40px;
    left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 25px;
    font-size: 10px;
    z-index: 999999999999;
  }

  #titlwarning {
    position: absolute;
    top: 30vh;
    left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 40px;
    opacity: 0.75;
    background-color: orangered;
    font-weight: bold;
    width: 90%;
    text-align: center;
    z-index: 99999999;
    font-size: 15px;
    color: #ffffff;
  }

  .Prime_Popup_mobile {
    position: scroll;
}