/* xxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxx xxxxxxxxxxx */

#poptitle {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dotted #CCC;
    position: absolute;
    z-index: 50;
    width: 100%;
}

#poptitle > span:nth-child(1) {
    display: block;
    justify-content: flex-start;
    align-items: center;
    padding: 0.6em 0.8em;
    font-size: 18px;
    color: #555 !important;
}
 


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#shopPop {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	position: relative;
}


#popuphl {
	display: block;
	width: 30%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #777;
	color: #EEE;
	padding: 4%;
}


#popContent {
	display: block;
	width: 65%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	padding: 4%;
	color: #777;

}

#popuphl > h1 {
	display: block;
	font-size: 90px;
	letter-spacing: -4px;
	padding: 2% 0 0.5% 0;
}

#popNotes {
	display: block;
	font-size: 13px;
}





/* ////////////////////// */
/* ////////////////////// */
/* ////////////////////// */

 

#insiders {
  display: flex;
  justify-content: flex-start;
  min-height: 20px;
  width: 100%;
  color: #DDD;

}

#insiders > span:nth-child(1) {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4%;
  min-height: 20px;
  padding: 0 3% 0 0;

}
#insiders > span:nth-child(2) {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 84%;
  min-height: 20px;
  text-align: left;
  font-family: 'cal';
  font-size: 14px;

}


/* ////////////////////// */
/* ////////////////////// */
/* ////////////////////// */










/* ////////////////////// */
/* ////////////////////// */
/* ////////////////////// */


#notifies {
  display: none;
  width: 25%;
  min-height: 100px;
  padding: 0;
  /* background: #EEE; */
  position: absolute;
  z-index: 9;
  top: 150%;
  left: 50%;
  transform: translate(-50%, -50%);
}


#notifyholder {
  /* display: block; */
  /* clip-path: polygon(0 29%, 100% 29%, 100% 75%, 54% 75%, 49% 85%, 45% 75%, 0% 75%); */
  background: #0076fd;
  min-height: 30px;
  color: #FFF;
  padding: 0 1.4em 1.4em 1.4em;
  position: relative;
  z-index: 1;
  font-family: 'cal';

    /*  */
-webkit-box-shadow: -6px 6px 1px rgba(0, 64, 148, 0.2), 6px 18px 24px rgba(0, 64, 148, 0.2);
-moz-box-shadow: -6px 6px 1px  rgba(0, 64, 148, 0.2), 6px 18px 24px rgba(0, 64, 148, 0.2);
box-shadow: -6px 6px 1px rgba(0, 64, 148, 0.2), 6px 18px 24px rgba(0, 64, 148, 0.2);
}


#arrowing {
  display: block;
  background: #0076fd;
  width: 25px;
  height: 25px;
  margin: 0 auto;
        /*  */
-webkit-box-shadow: 6px 6px 3px rgba(0, 64, 148, 0.2);
-moz-box-shadow: 6px 6px 3px  rgba(0, 64, 148, 0.2);
  box-shadow: 6px 6px 3px  rgba(0, 64, 148, 0.2);
        /*  */
  clip-path: polygon(0% 0%, 50% 70%, 100% 0%);
  position: relative;
  z-index: 2;




}


#bluecontrols {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
}
 

#closeits {
  display: inline-block;
  width: 14px;
  height: 15px;
  text-align: center;
  padding: 0.4em;
  border: 1px dotted #a1cdff;
  border-top: none;
}

#closeits:hover {
  background: #e62929;
  border: 1px solid  #ff7c7c;
}

#bluetitlings {
  display: block;
  font-size: 18px;
  font-weight: 800;
  padding: 0.6em 0 0 0;

}

#bluemessage {
  display: block;
  padding: 0.5em 0 0 0;
  font-family: 'cal';
  font-size: 14px;
}


#bluemessage > a {
  display: inline-block;
  font-family: 'cal';
  color: #62ffdd;

}

#bluemessage > a:hover {
  color: #fff461;

}





#dtitles {
  padding: 0.4em;
  /* background: #EEE; */
  border-top: 1px solid #007ce2 !important;
  color: #007ce2;
}


#dtitles > div,
#dtitles > span {
  color: #007ce2 !important;
}


#profMsg {
  padding-top: 2em 0 0 0 !important;
  display: block;
  width: 90% !important;
  margin: 0 auto;

}



/* ////////////////////// */
/* ////////////////////// */
/* ////////////////////// */












/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* pop ups */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#backpop {
    display: none;
    width: 100%;
    height: 100%;
      background: #777;
    position: absolute;
    z-index: 1900;
    top: -300%;
    opacity: 0.8;
      filter: alpha(opacity=80);
      /*  */
      -webkit-transition: all 0.5s ease-in-out 0s;
      -moz-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;

    }


    /* the pops */
    #pops {
    display: block;
    position: absolute;
      top: -300%;
      outline: none;
      border: none;
      /* background: #FFF; */
    /* left: 50%;
    transform: translate( -50%, -50%); */
      z-index: 2000;
      /* ------------------------ */
      background: -webkit-linear-gradient(to bottom, #0c1018, #141e3b);
      background: -moz-linear-gradient(to bottom, #0c1018, #141e3b);
      background: linear-gradient(to bottom, #0c1018, #141e3b);
      /* ----------------------- */
    padding: 0;
    width: 10%;
      height: 10%;
      /*  */
      /* -webkit-border-radius: 12px;
      -moz-border-radius: 12px;
      border-radius: 12px; */
      overflow: hidden;
    /*  */
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      /*  */
      -webkit-transition: all 0.5s ease-in-out 0s;
      -moz-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s;
      /*  */
    opacity: 0.95;
    filter: alpha(opacity=95);
    }




    #popupholder {
    display: block;
    width: 100%;
    height: 100%;

    padding: 0;
      margin: 0;
      position: relative;
      z-index: 0;
    }



    .butams {
      display: block;
      padding: 0;
      width: 100%;
      margin: 0 auto;

    }



    .butams > form {
      display: block;
      min-height: 20px;
      margin: 0;
      padding: 0;
      -webkit-appearance: none;

    }

    .butams > form > span {
      display: grid;
      grid-template-columns: 8fr 6fr;
      overflow: hidden;
      height: 48px;
      margin: 0;
      padding: 0;
      border-top: #DDD 1px solid;
      border-bottom: #111 2px solid;
      border-left: none;
      border-right: none;

      /*  */
      -webkit-border-radius: 80px;
      -moz-border-radius: 80px;
      border-radius: 80px;
      -webkit-appearance: none;
      /*  */
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    }



    .butams > form > div {
      display: block;
      grid-gap: 0.5em;
      min-height: 20px;
    }
 


    .qty {
      display: flex;
      justify-content: center;
      justify-items: center;
      width: 8px;
      height: 7px;
      font-size: 13px;
      position: absolute;
      top: 133px;
      right: 34px;
      font-family: 'cal';
    }



    .butams > form > div > div {
      display: block;
      margin: 0 auto;
      width: 100%;
      min-height: 10px;
      padding: 0.7em;
      background: #DDD;
      margin-bottom: 0.7em;

      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;

      /*  */
      -webkit-border-radius: 80px;
      -moz-border-radius: 80px;
      border-radius: 80px;
      /*  */
      -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
        /*  */
        background: -webkit-linear-gradient(to bottom, #b3b3b3, #DDD);
        background: -moz-linear-gradient(to bottom, #b3b3b3, #DDD);
        background: linear-gradient(to bottom, #b3b3b3, #DDD);

    }


    .butams > form > div > div > select {
      display: block;
      width: 100%;
      font-size: 15px;
      padding: 0.1em;
      border: none;
      outline: none;
      background: none;
    }


    .butams > form > div > div > input[type='text'] {
      display: flex;
      justify-items: center;
      align-items: center;
      width: 100%;
      text-align: center;
      font-size: 15px;
      padding: 0.1em;
      border: none;
      outline: none;
      background: none;
    }




    .butams > form > div > select > option {
      display: block;
      padding: 0.6em !important;
      border-bottom: 1px dotted #CCC;
    }


    .butams > form > span > button,
    .butams > a {
      display: inline-flex;
      justify-content: center;
      /* border: none; */
      -webkit-appearance: none;
      /* width: 80%; */
      padding: 1em;
      color: #CCCC !important;
      font-size: 14px;
      width: 100%;
      min-height: 20px;
      white-space: nowrap;
      outline: none;
      /* border: none; */
      /*  */
      background: -webkit-linear-gradient(to bottom, #555, #333);
      background: -moz-linear-gradient(to bottom, #555, #333);
      background: linear-gradient(to bottom, #555, #333);

      /*  */
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      /*  */

    }

    .butams > form > span > button:nth-child(1) {
      border-top: none;
      border-right: 2px solid #111;
      border-left: none;
      border-bottom: none;
    }


    .butams > form > span > button:nth-child(2) {
      border-top: none;
      border-left: 1px solid #999;
      border-right: none;
      border-bottom: none;
    }



    .butams > form > span > button > span:nth-child(1),
    .butams > a > span:nth-child(1) {
      display: block;
      padding: 0 0.5em 0 0;
      border-right: 1px dotted #888;
      /*  */
    }

    .butams > form > span > button:hover > span:nth-child(1),
    .butams > form > span > button:hover > span:nth-child(2),
    .butams > a:hover > span:nth-child(1),
    .butams > a:hover > span:nth-child(2) {
      color: #111;

    }

    .butams > form > span > button:hover,
    .butams > a:hover {
      color: #222;
      background: -webkit-linear-gradient(to bottom, #aa6f00, #ffbb3d);
      background: -moz-linear-gradient(to bottom, #aa6f00, #ffbb3d);
      background: linear-gradient(to bottom, #aa6f00, #ffbb3d);
    }



    #close {

      display: block;
      text-align: center;
      padding: 0.6em;
      min-height: 20px;
      font-size: 19px;
      background: none;
      position: relative;
      z-index: 20;
      left: 0px;
      width: 45px;
      left: 1;
      /* left: 10px; */
      color: rgb(92, 92, 92);
      -webkit-transition: all 0.4s ease-out 0s;
      -moz-transition: all 0.4s ease-out 0s;
      transition: all 0.4s ease-out 0s;
    }

    #close:hover {
    background: red;
      color: #FFF !important;

    }



    #ptitlename {
      display: block;
      font-family: 'cal';
    }

    .specs {
      display: block;
      padding: 0.5em 0;
      min-height: 30px;
    }

    #thedeal {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 80%;
      min-height: 100px;
      width: 88%;
    }


    #paysuccess {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 60%;
      min-height: 100px;
    }



    #payicon {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100px;
      width: 100px;
      font-size: 100px;
      color: #32bd50;
      margin: 0 auto;
    }


    #paymesses {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1em 0 0 0;
      text-align: center;
      font-size: 14px;
      color: #DDD;
      min-height: 20px;
      margin: 0 auto;
      font-family: 'cal';
    }

    #padydetailses {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      font-size: 20px;
      font-weight: 800;
      font-family: 'cal';
      width: 60%;
      min-height: 20px;
      padding: 0.6em 0;
      margin: 1em auto 0 auto;
      border-top: 1px dotted #999;
      border-bottom: 1px dotted #999;
    }

    #thedeal > h1 {
      display: block;
      text-align: center;
      padding: 0 0 0.3em 0;
      margin: 0 auto;

    }

    #thedeal > span {
      display: block;
      width: 60%;
      margin: 0 auto;
      text-align: center;
      font-size: 20px;
      padding: 0.5em 0;
      border-top: 1px dotted #999;
      border-bottom: 1px dotted #999;
      font-family: 'cal';

    }


    /* xxxxxxxxxxxxxxxxxxxxxxxxxx */
    /* xxxxxxxxxxxxxxxxxxxxxxxxxxxx */


    #poptitle {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px dotted #CCC;
      position: absolute;
      z-index: 50;
      width: 100%;
    }

    #poptitle > span:nth-child(1) {
      display: block;
      justify-content: flex-start;
      align-items: center;
      padding: 0.6em 0.8em;
      font-size: 18px;


    }



    /* xxxxxxxxxxxxxxxxxxxxxxxxxxxx */
    /* xxxxxxxxxxxxxxxxxxxxxxxxxxxx */

    #shopPop {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    position: relative;
    }


    #popuphl {
    display: block;
    width: 30%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #777;
    color: #EEE;
    padding: 4%;
    }


    #popContent {
    display: block;
    width: 65%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    padding: 4%;
    color: #777;

    }

    #popuphl > h1 {
    display: block;
    font-size: 90px;
    letter-spacing: -4px;
    padding: 2% 0 0.5% 0;
    }

    #popNotes {
    display: block;
    font-size: 13px;
    }



    /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
    /* pop ups */
    /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


    #spears {
      display: flex;
      justify-content: center;
      align-items: center;
      background: #333;
      padding: 1em;
      min-height: 100%;
    }



    #spears2 {
      display: flex;
      justify-content: center;
      align-items: center;
      background: #EEE;
      padding: 1em;
      min-height: 100%;
    }


    #basicont {
      display: block;
      background: #EEE;
      padding: 8% 1em 1em 1em;
      min-height: 100px;
    }




    #basicont > form {
      display: block;
      min-height: 20px;
    }

    #basicont > form > div {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 1em;
      min-height: 20px;
    }

    #basicont > form > div > input[type='tel'],
    #basicont > form > div > input[type='email'],
    #basicont > form > div > input[type='text'],
    #basicont > form > input[type='tel'],
    #basicont > form > input[type='email'],
    #basicont > form > input[type='text'] {
      display: block;
      min-height: 20px;
      outline: none;
      -webkit-appearance: none;
      border: 1px dotted #CCC;
      padding: 0.6em;
      font-family: 'cal';
      font-size: 15px;

    }


    #basicont > form > div > select,
    #basicont > form > div > select,
    #basicont > form > div > select,
    #basicont > form > select,
    #basicont > form > select,
    #basicont > form > select {
      display: block;
      min-height: 20px;
      outline: none;
      -webkit-appearance: none;
      border: 1px dotted #CCC;
      padding: 0.6em;
      font-family: 'cal';
      font-size: 15px;
    }

    #basicont > form > span {
      display: flex;
      padding: 0.8em 0;
      min-height: 20px;
      margin: 0;
    }

    #basicont > form > span > input[type=reset],
    #basicont > form > span > input[type=button],
    #basicont > form > span > input[type=submit],
    #basicont > form > input[type='button'],
    #basicont > form > input[type='reset'],
    #basicont > form > input[type='submit'] {
      display: block;
      min-height: 20px;
      outline: none;
      -webkit-appearance: none;
      border: 1px dotted #CCC;
      padding: 0.7em 1em;
      font-family: 'cal';
      font-size: 15px;
      background: #007ce2;
      color: #FFF;
      margin-right: 0.6em;
    }


    #basicont > form > span > input[type=reset]:hover,
    #basicont > form > span > input[type=button]:hover,
    #basicont > form > span > input[type=submit]:hover,
    #basicont > form > input[type='button']:hover,
    #basicont > form > input[type='reset']:hover,
    #basicont > form > input[type='submit']:hover {
      background: #36ce57;
    }
    /* xxxxxxxxxxxxxxxxxxxxxxx */
    /* feedback */
    /* xxxxxxxxxxxxxxxxxxxxxxx */



    #feedbackContent {
    display: block;
    min-height: 360px;
    text-align: center;
    padding: 6% 0;
    margin: 0 auto;
    color: #777;
    overflow-y: hidden;
    }



    .theheading {
      display: block;
      padding: 0.6em 0.4em 0.6em 0.4em;

    font-size: 13px;
    color: #999;
    text-align: center;
    margin: 0 auto;
    width: 40%;
    /*  */
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    /*  */
    background: -webkit-linear-gradient(to bottom, #DDD, #FFF);
    background: -moz-linear-gradient(to bottom, #DDD, #FFF);
    background: linear-gradient(to bottom, #DDD, #FFF);
    /*  */
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }







    .fdtopic {
    display: block;
    font-weight: 800;
    font-size: 16px;
    margin: 4% auto 2% auto;
    padding: 0 auto;
    text-align: center;
    width: 40%;
    min-height: 10px;
    font-family: cal;
    }


    .msgFeedback {
    display: block;
    width: 75%;
    min-height: 50px;
    font-size: 27px;
    font-weight: 100;
    padding: 0;
    margin: 0 auto;
      text-align: center;

    }


    .userdls {
      display: block;
      margin: 0 auto;
      width: 70%;
      text-align: center;
      font-size: 18px;
      padding: 0.3em 0;


    }





    /* Feedback */
    /* xxxxxxxxxxxxxxxxxxxxx */






/* xxxxxxxxxxxxxxxxxxxxx */
/* shadows */

.padded {
  display: block;
  padding: 2em 0;
  min-height: 50px;
   font-family: 'cal';
   color: #777;

}


.padded > p {
  display: block;
  padding: 0 0 1em 0;
}


.padded > p > strong,
.padded > strong {
  display: block;
  font-size: 18px;
  color: #333;
  line-height: 25px;
  padding: 0;
  margin: 0;
}

.padded > h6 {
  display: block;
  font-size: 40px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  letter-spacing: -2px;
}


.padded > div {
  display: block;
  padding: 1.4em;
  min-height: 50px;
  background: #fffcfc;
  margin-top: 1.4em;
  /*  */
  -webkit-box-shadow: 0 0 31px rgba(0, 0, 0, 0.082);
  -moz-box-shadow: 0 0 31px rgba(0, 0, 0, 0.082);
  box-shadow: 0 0 31px rgba(0, 0, 0, 0.082);
}


.padded > div > span {
  display: block;
  padding: 0 0 1em 0;
  margin: 0;
  font-family: 'cal';
  font-size: 13px;
  color: #888;
}


.padded > div > form {
  display: block;
  padding: 1em 0;
  min-height: 10px;
  margin: 0;
  font-family: 'cal';
  font-size: 13px;
  color: #888;
}


.padded > div > form > input[type='tel'],
.padded > div > form > input[type='email'],
.padded > div > form > input[type='text'] {
  display: block;
  background: none;
  /* ---------------- */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* ---------------- */
  padding: 1em;
  min-height: 10px;
  width: 100%;
  margin-bottom: 0.5em;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-top: none;
  font-family: 'cal';
  font-size: 13px;
  color: #888;
  /*  */
  -webkit-transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
  -moz-transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
  transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
}



.padded > div > form > input[type='tel']:hover,
.padded > div > form > input[type='email']:hover,
.padded > div > form > input[type='text']:hover {
  border-left: 1px solid #0993f0;
  border-bottom: 1px solid #0993f0;
  border-right: 1px solid #0993f0;
}


.padded > div > form > textarea {
  display: block;
  background: none;
  /* ---------------- */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* ---------------- */
  padding: 1em;
  min-height: 10px;
  width: 100%;
  margin-bottom: 0.5em;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-top: none;
  font-family: 'cal';
  font-size: 13px;
  color: #888;
  /*  */
  -webkit-transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
  -moz-transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
  transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
}



.padded > div > form > input[type='reset'],
.padded > div > form > input[type='submit'] {
  display: inline-block;
  padding: 1.2em 1em;
  margin-top: 0.3em;
  background: #5885e0;
  outline: none;
  border: none;
  color: #FFF;
  -webkit-appearance: none;


}



.padded > div > form > input[type='reset']:hover,
.padded > div > form > input[type='submit']:hover {
  background: #00ad51;
}


.padded > div > form > input[type='submit'] {
      width: 60%;
      margin-right: 0.4em;

}

.padded > div > form > input[type='reset'] {
  width: 36%;

}






/* xxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxx */




 



#addy1 {
  display: block;
  margin: 1.5em auto;
  width: 85%;
  background: #f5e798;
  min-height: 70px;

  /* ====== */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* ============ */
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  background: -webkit-linear-gradient(#d4bd39 , #f5e798);
  background: -moz-linear-gradient(#d4bd39 , #f5e798);
  background: linear-gradient(#d4bd39 , #f5e798);
  /*  */
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 4px 5px 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 4px 5px 8px;
  box-shadow: rgba(0, 0, 0, 0.1) 4px 5px 8px;
  /*  */
  -webkit-transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
  -moz-transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
  transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
}






#addy1:hover {
 
  background: -webkit-linear-gradient(#528bf5 , #117cf6);
  background: -moz-linear-gradient(#528bf5 , #117cf6);
  background: linear-gradient(#528bf5 , #117cf6);
 
}


#addy1 > a,
#addy1 > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
  width: 86%;
  min-height: 100px;
  margin: 0 auto;
  padding: 0 0 1em 0;
  position: relative;
}

#addy1 > a > span,
#addy1 > div > span {
  display: block;
  margin: 0;

}

#addy1 > a > span > small,
#addy1 > div > span > small {
  display: block;
  margin: 0;
  padding: 0.9em 0 0.2em 0;
  font-weight: 800;
  font-family: 'cal';

}


#addy1 > a > span > span,
#addy1 > div > span > span {
  display: block;
  margin: 0;
  padding: 0 0 0.2em 0;
  font-weight: 800;
  font-size:  23px;
  font-family: 'hightlight-1';
  line-height: 23px;


}



#addy1 > a > span:nth-child(1),
#addy1 > div > span:nth-child(1) {
  display: block;
  margin: 0;
  position: absolute;
  z-index: 1;
  left: 0;
}



#addy1 > a > span:nth-child(1) > img,
#addy1 > div > span:nth-child(1) > img {
  display: block;
  margin: 0;
  position: relative;
  left: -47px;
  top: -24px
}



#addy1 > a > span:nth-child(2),
#addy1 > div > span:nth-child(2) {
  display: block;
  margin: 0;
  position: absolute;
  z-index: 3;
  right: 0;
  width: 60%;
  color:rgb(15, 22, 31);
  text-align: right;
  -webkit-transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
  -moz-transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
  transition: all 0.7s cubic-bezier(0.12, 0.69, 0.49, 1.01) 0s;
}


#addy1:hover > a > span:nth-child(2) {
 
  color:#dae9fb;
}


#addysupport {
  display: block;
  text-align: center;
  padding: 0;
  min-height: 10px;
  font-family: 'cal';
  font-size: 13px;
  width: 70%;
  margin: 0 auto;
  padding-bottom: 3em;
}




/* Error Display */
/* xxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxx */

.naughts {
  display: grid;
  grid-template-columns: 1fr 6fr;
  height: 50px;
  background: rgb(237, 246, 246);
  color: #505050;
  text-align: center;
  /* width: 30%; */
  position: relative;
  /* xxxxxxxxxxxxxxxxxxxx */
  /* -webkit-border-radius: 55px;
  -moz-border-radius: 55px;
  border-radius: 55px; */
  /* xxxxxxxxxxxxxxxxxxxx */
  -webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 6px;
  -moz-box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 6px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 6px;

}

.naughts > span:nth-child(1) {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 15px;
  color:rgba(209, 60, 60, 0.835);
  border-right: 1px dotted #CCC;
  padding: 0;
}

.naughts > span:nth-child(2) {
  display: block;
  text-align: left;
  padding: 0.6em 1em;
}


.naughts > span:nth-child(2) > span:nth-child(1) {
  display: block;
  text-align: left;
  line-height: 10px;
  padding: 0;
}

.errtitle {
  display: block;

}


#testifyer > span > span:nth-child(2) > span:nth-child(2) {
  display: block;
  font-size: 13px;
  font-family: 'cal';
}




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#dividers {
  display: block;
  min-height: 200px;
  width: 60%;
  margin: 2em auto;
  padding: 0;
  /* border: 1px dotted #CCC;
  -webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 5px 4px;
  -moz-box-shadow: rgba(17, 17, 26, 0.1) 0px 5px 4px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 5px 4px; */
}

 

/* xxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxx */


#sidelist {
  padding: 1em 0 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1em;
  min-height: 20px;
}


#sidelist > span {
  display: block;
  min-height: 20px;
  padding: 1em;
  border-bottom: 1px dotted #CCC;
}


#sidelist > span > span {
  display: block;
  font-size: 18px;
  font-family: 'cal';
  color: #2c2c2c;
  font-size: 19px;
}

#sidelist > span > small {
  display: block;
  font-size: 10px;
  font-family: 'cal';
  color: #999;
}


#sidelist > a {
  display: grid;
  place-items: center;
  border: 3px solid #818181;
  color: #777;
}

#sidelist > a:hover {
background: #777;
  color: #FFF;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ////////////  infos   ///////// */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#userInfos {
	display: block;
	padding: 0 0 1em

}

#profilehodr {
    display: block;
    margin: 0;
    width: 50%;
    min-height: 200px;
    padding: 3em 0 0 0;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ////////////  infos   ///////// */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


#profilehodr > div.galleryPrev6,
#galleryPrev6 {
  border-top: 5px solid #bfd4fb;
	padding:  1.4em !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}





/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* /////////  profiles   ///////// */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#userProfileHead {
	display: block;
	width: 60%;
}



#side > div {
    display: block;
	padding: 0 !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



/* xxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxx */






/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* /////////  profiles   ///////// */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#userProfileHead {
	display: block;
	width: 50%;
	min-height: 120px;
	margin: 0 auto;
	text-align: center;
    padding: 3em 0 2em 0;
    font-family: 'cal';
}


#userProfileHead > span:nth-child(1){
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	/*  */
	-webkit-border-radius: 380px;
	-moz-border-radius: 380px;
	border-radius: 380px;
	margin-bottom: 1em;
	overflow: hidden;
	border: 1px #777 dotted;
	background: #FFF;
    padding: 0.8em;
    font-family: 'cal';
}

#userProfileHead > span:nth-child(1) > span {
	display: block;
	width: 120px;
	height: 120px;
	background: #fff;
	margin: 0 auto;
	/*  */
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;
	margin-bottom: 1em;
	overflow: hidden;
    border: 1px #777 dotted;
    font-family: 'cal';
}

#userProfileHead > span:nth-child(1) > span > a > img {
	display: block;
	width: 100%;
	height: auto;
}



#userProfileHead > span:nth-child(2){
	display: block;
	font-family: 'cal';
	font-size: 25px;
    color: #555555;
    font-family: 'cal';
}



#userProfileHead > small {
	display: block;
    color: #777;
    font-family: 'cal';
}




#editmyprofile {
	display: flex;
	justify-content: space-between;
	padding: 0.6em 1em;
	margin: 0;
	width: 100%;
	text-align: center;
	border-top: 1px #266bfff3 dotted;
    font-family: 'cal';
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}



#editmyprofile > a {
	display: block;
	padding: 0.4em;
	margin: 0 2%;
	font-size: 20px;
    text-align: center;
    font-family: 'cal';
    color:#266bfff3;

}





#editusersect > a {
	display: block;
	padding: 0.4em;
	margin: 0 2%;
	font-size: 20px;
    text-align: center;
    font-family: 'cal';

}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* /////////  profiles   ///////// */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */





/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* /////////////////////////////// */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.galleryPrev6 {
	padding: 1em 0;
	column-count: 2;
	column-gap: 40px;
	margin: 0 auto;
	font-size: 14px;
  width: 100%;
	padding: 2.4em 2em;
	background: -webkit-linear-gradient(to bottom, #fff, #F2F2F2, #F2F2F2, #F2F2F2, #F2F2F2);
	background: -moz-linear-gradient(to bottom, #fff, #F2F2F2, #F2F2F2, #F2F2F2, #F2F2F2);
	background: linear-gradient(to bottom, #fff, #F2F2F2, #F2F2F2,  #F2F2F2,  #F2F2F2);
}

.galleryPrev6 > span {
	display: block;
	padding: 0.3em 0;
	color: #555;
  font-size: 18px;
}

.galleryPrev6 > span > small {
	display: block;
	padding: 0;
	color: #888;
  font-size: 12px;
  line-height: 14px;
}




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* /////////////////////////////// */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */









/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* /////////////////////////////// */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */





#reg {
	display: block;
	/* width: 55%; */
	min-height: 200px;
	text-align: left;
	/* background: #CCC; */
}


#reg > span > h1 {
	display: block;
	padding: 0;
	margin: 0;
	text-align: left;
	/* background: #DDD; */
	padding: 0.675em 0 0 0;
}




#reg > .note {
	display: block;
	font-size: 22px;
	color: #123D6B;
	text-align: center;
}


#reg > span:nth-child(1) {
	display: flex;
	justify-content: flex-start;
	font-size: 22px;
	color: #777;
	text-align: left;
}

#reg > span:nth-child(1) > .breadcrumbs {
	display: flex;
	justify-content: left;
	font-size: 22px;
	color: #777;
	text-align: left;
	padding-left: 1.3em;
	padding-top: 1em;
	height: 30px;
	margin-top: 1.7em;
}





#reg > span:nth-child(1) > .breadcrumbs > a {
	display: block;
	color: #777;
	font-size: 12px;
	padding:  0.3em 1em;
	margin: 0 1em 0 0;
	/* border: 2px #999 solid; */
	background: #999;
	color: #EEE;

	/* rounded  */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

	height: 16px;
	transition: all 0.5s ease-out 0s;
}

#reg > span:nth-child(1) > .breadcrumbs > a:hover {
	background: #164A7F;
	color: #EEE;
	border: 2px #164A7F solid;

}








#reg > form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1.2em;
	min-height: 100px;
	/* width: 78%; */
	padding: 1em 0 0 0;
	margin: 0;
}

#reg > form > fieldset > div {
	display: block;
	min-height: 100px;
	padding: 0;
	margin: 0;

}


#reg  > form >   fieldset > div > div > label {
	display: block;
	padding: 0 0 0.2em 1em;
	color: #999;
}

/* form field div */
#reg > form  > fieldset > div > div {
	display: flex;
	justify-content: flex-start;
	height: 33px;
	padding: 0.6em;
	border: 1px #999 dotted;

	/* background: #fff; */
	color: #777;
	/*  */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 0.7em;
}


/* form field icon */
#reg > form > fieldset > div > div > span {
	padding: 0em 1.1em 0.1em 1em;
	border-right: 1px dotted #999;
}


#reg > form > fieldset > div > div > input[type='password'],
#reg > form > fieldset > div > div > input[type='tel'],
#reg > form > fieldset > div > div > input[type='email'],
#reg > form > fieldset > div > div input[type='text'] {
  display: flex;
  justify-content: flex-start;
  /* align-items: center;  */
  border: none;
  -webkit-border-left: 1px dotted #CCC;
  -moz-border-left: 1px dotted #CCC;
  border-left: 1px dotted #CCC;
  width: 84%;
  padding: 0 0 0 1em;
  height: 35px;
  background: none;
  outline: 1px dotted #CCCC;
  font-size: 18px;
  font-family: 'segoe-font';
  font-family: 'segoe-font-2';
}


#reg > form > fieldset > div > main {
  display: block;
  padding: 0.7em;
  /*  */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}




#reg > form > fieldset > div > div > input[type='date'] {
  display: block;
  width: 80%;
  text-align: center;
  font-family: 'cal';
  color: #888;
  font-size: 16px;
  outline: none;
  border: 1px dotted #c0c0c0;
  background: none;
}



#reg > form > fieldset > div > main > textarea,
#reg > form > fieldset > main > textarea,
#reg > form > fieldset > main > div > textarea {
  display: block;
  /* align-items: center;  */
  border: none;
  -webkit-border-left: 1px dotted #CCC;
  -moz-border-left: 1px dotted #CCC;
  border-left: 1px dotted #CCC;
  /*  */
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  /*  */
  width: 100%;
  padding: 0.4em 1em;
  letter-spacing: 0px;

  height: 35px;
  background: none;
  outline: 1px dotted rgba(168, 168, 168, 0.8);
  font-size: 15px;
  font-weight: 800;
  font-family: 'segoe-font';
  font-family: 'segoe-font-2';
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



#reg > form > fieldset > div > div > input[type='password']:hover,
#reg > form > fieldset > div > div > input[type='tel']:hover,
#reg > form > fieldset > div > div > input[type='email']:hover,
#reg > form > fieldset > div > div input[type='text']:hover {
  background: #edf2fb;
}




#reg > form > fieldset > div > div > select {
	border: none;
	/* outline: none; */
	width: 89%;
	margin: 0 auto;
  border: 1px dotted #DDD;
  /*  */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  /*  */
	font-size: 18px;
	font-family: 'cal';
	color: #A58D7C;
	background: none;
  /* -webkit-appearance: none; */
}


#reg > form > fieldset > div > div > select > option {
	border: none;
	outline: none;
	width: 80%;
	margin: 0 auto;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	font-size: 18px;
	font-family: cal;
	color: #A58D7C;
	background: none;
  -webkit-appearance: none;
}


#buttonflex {
  display: flex;
  justify-content: flex-start;
  width: 90%;

}


/* --------------------------------- */
#reg > form > div > input[type=submit],
#reg > form > div > input[type=button],
#reg > form > div > input[type=reset],
#reg > form > fieldset > div >  input[type='submit'],
#reg > form > fieldset > div > input[type='button'] {
	display: inline-block;
	/* width: 60%; */
	font-size: 16px;
	color: #777;
	width: 55%;
	height: 46px;
	margin-top: 1.2em;
  border: none;
  outline: none;
	background: #0080DE;
	background: -webkit-linear-gradient(to bottom, #0080DE, #26289c);
	background: -moz-linear-gradient(to bottom, #0080DE, #26289c);
	background: linear-gradient(to bottom, #0080DE, #26289c);
	color: #FFF;
	padding: 0.7em 0.9em;
  -webkit-appearance: none;
	/*  */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* shadow */
	-webkit-box-shadow: #1728461e 1px 2px 2px 2px;
	-moz-box-shadow: #1728461e 1px 2px 2px 2px;
	box-shadow: #1728461e 1px 2px 2px 2px;
	transition: all 0.6s ease-out 0.3s;
}


#reg > form > div > input[type='reset'] {
	width: 35%;
  margin-left: 1em;

}



#reg  > form > div > input[type=submit]:hover ,
#reg  > form > div > input[type=button]:hover ,
#reg  > form > div > input[type=reset]:hover {
	background: #F5CD2C;
	color: #111;
	background: -webkit-linear-gradient(to bottom, #F5CD2C, #F2AD0D);
	background: -moz-linear-gradient(to bottom, #F5CD2C, #F2AD0D);
	background: linear-gradient(to bottom, #F5CD2C, #F2AD0D);
}



#reg > form > fieldset {

  display: block;
  padding: 1em;
  min-height: 200px;
  border: 1px dotted #CCC;
  -webkit-box-shadow: rgba(17, 17, 26, 0.04) 3px 4px 1px;
  -moz-box-shadow: rgba(17, 17, 26, 0.04) 3px 4px 1px;
  box-shadow: rgba(17, 17, 26, 0.04) 3px 4px 1px;
  background: #f1f1f1;



}




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





.announce {
	display: block;
	float: right;
	padding: 3em 1em 0.1em 1em;
	font-size: 13px;
	text-align: right;
	width: 80%;
}



#reg > form > div > div > input:-webkit-autofill,
#reg > form  > div > div > input:-webkit-autofill:hover,
#reg > form  > form > div > div > input:-webkit-autofill:focus,
#reg > form  > form > div > div > input:-webkit-autofill:active {
	transition: all 0.5s ease-in-out 0s;
	color: #fff;
  -webkit-appearance: none;
}


  #reg > form > div > div > input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #CCC;
  -webkit-appearance: none;
  }
  #reg > form > div > div > input::-moz-placeholder { /* Firefox 19+ */
	color: #CCC;
  -webkit-appearance: none;
  }
  #reg > form > div > div > input:-ms-input-placeholder { /* IE 10+ */
	color: #CCC;
  -webkit-appearance: none;
  }
  #reg > form > div > div > input:-moz-placeholder { /* Firefox 18- */
	color: #CCC;
  -webkit-appearance: none;
  }


.shadded {
	background: -webkit-linear-gradient(to bottom, #EEE, #fff);
	background: -moz-linear-gradient(to bottom, #EEE, #fff);
	background: linear-gradient(to bottom, #EEE, #fff);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}



.shadows {
-webkit-box-shadow: 1px 1px 9px 2px #CCC;
-moz-box-shadow: 1px 1px 9px 2px #CCC;
box-shadow: 1px 1px 9px 2px #CCC;
}



.darkshadows {
	-webkit-box-shadow: 0px 0px 3px 2px #999;
	-moz-box-shadow: 0px 0px 3px 2px #999;
	box-shadow: 0px 0px 3px 2px #999;
}

#reg > small {
  color: #777;
  display: block;
  padding: 1em 0 0.3em 0;
}



.checkboxy {
	display: block;
  margin-top: 1.5em;
  padding: 0.2em;


}



.skillholder {
  display: block;
  min-height: 20px;
  color: #999;
  padding: 0.7em 0;
}


.skillholder > span {
  display: inline-flex;
  justify-content: space-between;
  background:#e7e7e7;
  padding: 0.25em 0.3em 0.25em 0.7em;
  margin: 0 0.3em 0.4em 0;
  height: 20px;
  border: 1px dotted #CCC;
  /*  */
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;

}

.skillholder > span > span:nth-child(1){
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  height: 10px;
  color: #797979;
  /* background:rgb(230, 230, 230); */
  padding: 0.3em 0.5em 0 0;
  letter-spacing: 0px;


}


.skillholder > span > span:nth-child(2){
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  background:rgb(144, 144, 144);
  color: #EEE;
  width: 19px;
  padding: 0.1em;

  /*  */
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;

}


.skillholder > span > span:nth-child(2):hover {
  background:rgb(246, 67, 67);
  color: #FFF;


}


.shadded2 {
  display: block;
  min-height: 20px  !important;
  height: unset;
	background: -webkit-linear-gradient(to bottom, #EEE, #fff);
	background: -moz-linear-gradient(to bottom, #EEE, #fff);
	background: linear-gradient(to bottom, #EEE, #fff);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}



.shadded2 > span,
.shadded2 > div {
  display: block;
  min-height: 20px;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* /////////////////////////////// */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



#navbg {
  display: none;
}





#processtitles {
  display: block;
  font-size: 13px;
  color: #999;
  font-family: 'cal';
}



#bodywork > div:nth-child(1) > span.linebuttons > small {
  display: block;
}



#linebuttons {
  display: block;
  font-family: 'cal';
}

.linebuttons > strong {
  display: block;
  font-family: 'cal';
  color: #555;
  font-size: 19px;
}



/* #textcontent > div > span.linebuttons > span.hlight4 > h5, */
.linebuttons > span.hlight4 > h5 {
  display: block;
  font-family: 'EncodeSans-CondensedThin';
  color: rgb(226, 10, 10);
  font-size: 25px;
  padding: 1em 0 0.3em 0;
  font-weight: lighter;

}


.hlight4 {
  display: block;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-weight: 800;
  font-size: 32px;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ////////////  infos   ///////// */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#userInfos {
	display: block;
	padding: 0 0 1em

}

#profilehodr {
    display: block;
    margin: 0 auto;
    width: 100%;
    min-height: 200px;
    padding: 3em 0 0 0;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ////////////  infos   ///////// */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#searchForm {
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	min-height: 60px;
	width: 700px;
	padding: 1em 0 0 0;
}

#searchForm > input[type=text]{
	display: block;
	width:  80%;
	/* -webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px; */
	-webkit-appearance: none;
	background: #CCCC;
	padding: 0.6em;
	outline: none;
	margin: 0 0.4em 0 0;
	text-align: center;
	font-size: 24px;
    font-family: 'cal';
    outline: none;
    border: none;
}

#searchForm > input[type='submit']{
	display: block;
	width:  18%;
	/* -webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px; */
	-webkit-appearance: none;
	background: #1883ee;
	color: #FFF;
	outline: none;
	font-family: 'cal';
    font-size: 20px;
    outline: none;
    border: none;
}

#searchForm > input[type='submit']:hover{
	background: #09b970;

}



#searchMsg {
	display: block;
	width: 40%;
	min-height: 60px;
	padding: 0.45em;
	text-align: center;
	font-size: 13px;
	color: #555;
	padding: 1em 0;
	margin: 0 auto;
    padding-bottom: 2em;
    font-family: 'cal';
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#searchdisp {
	display: block;
	width: 90%;
	min-height: 20px;
	margin: 0 auto;
    padding: 2em 0;

}



#searchdisp > a {
    display: flex;
    justify-content: flex-start;

	  padding: 1em 0.7em;
    margin: 0 0 0.5em 0;
    border-bottom: 1px dotted #CCC;
    background: #FFF;

    /*  */
    /* -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; */
 
}



#searchdisp > a:hover {
    background: rgb(217, 226, 255);

}




#searchdisp > a > span:nth-child(1){
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: rgb(245, 245, 245);
    overflow: hidden;
        /*  */
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
}




#searchdisp > a > span:nth-child(1) > img {
    display: block;
    width: 90%;
    height: auto;
}



#searchdisp > a > span:nth-child(2) {
    display: block;
    width: 90%;
    padding: 0 0 0 1em;
}

#searchdisp > a > span:nth-child(2) > strong {
    display: block;
    font-weight: 800;
    font-size: 18px;
    font-family: 'cal';
    color: #0297a5;
}

#searchdisp > a > span:nth-child(2) > strong > span  {
    display: inline-block;
    font-size: 10px;
    padding: 0 0 0 0.4em;
    color: #a1d37f;
}

#searchdisp > a > span:nth-child(2) > small  {
    display: block;
    font-size: 13px;
    font-family: 'cal';
    color: #799b7c;
}



.centeredSearch {
	display: block;
	margin: 0 auto;
	/* width: 60%; */
	text-align: center;
	font-size: 14px;
	/* letter-spacing: 13px; */
	padding: 0 0 12px 0;
	color: #555;
  width: 60%;
  margin: 0 auto;
	/* background: #CCC; */
}

.centeredSearch > h1 {
	display: block;
	margin: 0;
	text-align: center;
    padding: 0 0 0.5em 0;
    color: #0064AE;
}

.quicklink > a {
	margin: 1em 0 0 0;
	display: inline-block;
	padding: 0.8em 1.4em;
	border: 2px #999 solid;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	color: #777;
	transition: all 0.5s ease-out 0s;
}

.quicklink > a > span {
	display: inline-block;
	padding: 0 0.8em 0 0;
}


.quicklink > a:hover {
	 background: #278fff;
	 border: 2px #278fff solid;
	 color: #FFF;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxx */







/* uppy form */
/* xxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxx */

.uppy {
  display: block;
  /* background: #FFF; */

}

.uppy > form >  div {
  display: block; 
  position: relative;
}


.uppy > form >  div > div {
  display: block; 
}


.uppy >  form > div > div > span {
  display: block; 
  padding: 0.5em;
  background: #FFF;
  min-height: 10px;
  border: 1px dotted #CCC;
  margin-bottom: 0.6em;
}


.uppy >  form > div > div > span > input[type='email'],
.uppy >  form > div > div > span > input[type='tel'],
.uppy >  form > div > div > span > input[type='text']{
  display: block; 
  padding: 0.5em;
  min-height: 10px;
  width: 90%;
  font-size: 17px;
  font-family: 'cal';
  color: #888;
  border: none;
  outline: none;
}

.uppy >  form > div > div > span > select {
  display: block; 
  padding: 0.5em;
  min-height: 10px;
  width: 90%;
  font-size: 17px;
  font-family: 'cal';
  color: #888;
  border: none;
  outline: none;
}


.uppy >  form > div > div > label {
  display: block;
  position: absolute;
  right: 20px;
  font-size: 13px;
  color: #999;
  font-family: 'cal';
  transform: translateY(-50px);

 
}

.uppy > form > div > input[type='reset'],
.uppy > form > div > input[type='submit'] {
  display: inline-block;
  padding: 0.8em 1.2em;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxx */






/* xxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */
/* FAQs  */
/* xxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */

#faqholder {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2em;
  min-height: 100px;
}

.qbody {
  display: block;
  background: #fcfcfc;
  min-height: 20px;
  padding: 1.4em;
  border: 1px dotted #CCC;
    /*  */
-webkit-box-shadow: -4px 4px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: -4px 4px 1px rgba(0, 0, 0, 0.1);
box-shadow: -4px 4px 1px rgba(0, 0, 0, 0.1);

}

.qbody > small {
  display: block;
  padding-bottom: 0.4em;
  color: rgb(163, 163, 163);
  font-family: 'cal';

}

.qus {
  display: block;
  font-family: 'opnSans';
  line-height: 20px;
  letter-spacing: -1px;
}

.ans {
    display: block;
    font-size: 14px;
    font-family: 'cal';
}


.ans > p {
  display: block;
  font-size: 14px;
  font-family: 'cal';
}




.topic {
  display: block;
  font-size: 20px;
  font-weight: 900;
  font-family: 'Gudea', sans-serif;
  /* font-family: 'Arsenal', sans-serif; */
  /* font-family: 'Encode Sans Condensed', sans-serif; */
}

.ans {
  display: block;
  font-family: 'Gudea', sans-serif;
  font-size: 14px;
  color: rgb(83, 101, 124);
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */
/* FAQs  */
/* xxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */






#scheduled {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1em;
  min-height: 20px;
  padding: 1em;
  background: #EEE;
  width: 60%;
  margin: 1em 0;
  /*  */


}

#scheduled > div {
  display: block;
  background: #DDD;
  text-align: center;

}


#scheduled > div > h1 {
    display: block;
    margin: 0;
    padding: 0.3em 0;
}

#scheduled > div > small {
  display: block;
  margin: 0;
  padding: 1em 0;
}





/* xxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxx */




/* xxxxxxxxxxxxxxxxxxxxxxxxx */

#footer {
  display: block;
  min-height: 20px;
  /* width: 80%; */
 
  padding: 2em 0 2em 0;

  margin: 3em auto 0 auto;
  font-family: 'cal';
  position: relative;

  /* xxxxxxxxxxxxxxxxxxxx */
 
 
}


#band {
  display: none;
  margin: 0;
  min-height: 50px;
  background: #ddebf5;
  position: absolute;
  z-index: 1;
  width: 100%;
  padding: 1.5em 0;
}
/* //////////////////////// */

#foote {
  display: block;
  width: 93%;
  margin: 0 auto;
  min-height: 30px;
  position: relative;
  z-index: 3;
  padding: 1.5em 0;
}


/* footer 1ar left  */
#foote > span:nth-child(1){
  display: flex;
  justify-content: space-between;
  margin: 0;
  min-height: 10px;
}

#foote > span:nth-child(1) > span:nth-child(1)  {
  display: block;
  width: 44%;
  margin: 0;
  font-family: 'cal';
  min-height: 10px;
  font-size: 13px;
  color: #999;
}


#foote > span:nth-child(1) > span:nth-child(1) > strong {
  display: block;
  margin: 0;
  font-family: 'cal';
  min-height: 10px;
  font-weight: 800;
  font-size: 15px;
  color: #444;
}

/* ////////////// */


#foote > span:nth-child(1) > span:nth-child(2)  {
  display: flex;
  justify-content: flex-end;
  width: 70px;
  margin: 0;
  font-family: 'cal';
  height: 100px;
  font-size: 13px;
  color: #888;
}


#foote > span:nth-child(1) > span:nth-child(2) > img {
  display: block;
  width: 100%;
  height: auto;
}

/* ///////////////// */


#foote2 {
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  width: 93%;
  margin: 0 auto;
}


#foote2 > div:nth-child(1){
  display: flex;
  justify-content: flex-start;
  min-height: 40px;
  width: 65%;
  margin: 0;
}

/* 1st of left */
#foote2 > div:nth-child(1) > div {
  display: block;
  margin: 0;
  padding: 0 1em 0 0;
  width: 13%;
}


#foote2 > div:nth-child(1) > div > a {
  display: block;
  margin: 0;
  padding: 0 0 0.3em 0;
  color:#438dd3;
  font-family: 'cal';
  line-height: 22px;
}

#foote2 > div:nth-child(1) > div > a:hover,
#foote2 > div:nth-child(1) > div > a:hover {
  color:#fb9d0f;
  text-decoration: underline;

}

/* 4th of left */
#foote2 > div:nth-child(1) > div:nth-child(4) {
  display: block;
  margin: 0;
  padding: 0 1em 0 0;
  width: 50px;
}

#foote2 > div:nth-child(1) > div:nth-child(4) > a,
#foote2 > div:nth-child(1) > div:nth-child(4) > a {
  display: block;
  margin: 0;
  min-height: 34px;
  padding: 0 0 2em 0 0;
  font-size: 18px;

}



#foote2 > div:nth-child(1) > div:nth-child(4) > a:hover,
#foote2 > div:nth-child(1) > div:nth-child(4) > a:hover {
  color:#fb9d0f;

}
/* //////////////////////////// */
/* //////////////////////////// */

#foote2 > div:nth-child(2) {

  display: block;
  padding: 1em 0 0 0;
  min-height: 20px;
  margin: 0;
  text-align: right;
  font-size: 14px;
  color: #999;
  width: 35%;
  position: relative;
}


#foote2 > div:nth-child(2) > span {

  display: flex;
  justify-content: flex-end;
  padding: 1em 0 0 0;
  min-height: 20px;
  margin: 0;
  text-align: right;
  font-size: 14px;
  color: #999;
  width: 100%;
  position: relative;
}


#foote2 > div:nth-child(2) > span > form {
  display: flex;
  justify-content: flex-end;
  padding: 1em 0;
  height: 50px;
  background: #6c5782;
  /*  */
  background: -webkit-linear-gradient(to bottom right, #8bb9ff, #0a19a6);
  background: -moz-linear-gradient(to bottom right, #8bb9ff, #0a19a6);
  background: linear-gradient(to bottom right, #8bb9ff, #0a19a6);
  /* background: #6b6457; */
  width: 70%;
  padding: 0.3em;
  border-bottom: 1px solid #3d3725;
  border-top: 1px solid #8d846d;
  /*  */
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  /*  */
  -webkit-transition: all 0.5s ease-in-out 0s;
  -moz-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  /*  */
  -webkit-box-shadow: rgb(38 57 77) 0px 20px 30px -10px;
  -moz-box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  box-shadow: rgb(38 57 77) 0px 20px 30px -10px;

}

#foote2 > div:nth-child(2) > span > form:hover {

  background: -webkit-linear-gradient(to bottom right, #a6c4f1, #3903ce);
  background: -moz-linear-gradient(to bottom right, #a6c4f1, #3903ce);
  background: linear-gradient(to bottom right, #a6c4f1, #3903ce);


}

#foote2 > div:nth-child(2) > span > form > input[type='email'] {
  display: flex;
  justify-content: flex-end;
  padding: 0.5em;
  min-height: 10px;
  outline: none;
  -webkit-appearance: none;
  border: none;
  width: 70%;
  padding: 1em;
  margin-right: 1em;
  background: none;
  color: #fffdf9;
  font-family: 'cal';
  font-size: 16px;
}



#foote2 > div:nth-child(2) > span > form > input[type='submit'] {
  display: grid;
  place-items: center;
  padding: 0 0.7em;
  height: 33px;
  outline: none;
  -webkit-appearance: none;
  border: none;
  /* width: 70%; */
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-right: 0.5em;
  margin-top: 0.5em;
  background: none;
  color: #c8d9ff;
  font-family: 'cal';
  font-size: 15px;
  border: 1px solid #c8d9ff;
}


#foote2 > div:nth-child(2) > span > form > input[type='submit']:hover {
  background: -webkit-linear-gradient(to bottom, #ddb504, #b69b02);
  background: -moz-linear-gradient(to bottom, #ddb504, #b69b02);
  background: linear-gradient(to bottom, #ddb504, #b69b02);
  border: #b69b02 1px solid;
  color: #FFF;
}

/* ///////////////// */
/* ///////////////// */

/* quick links */

#qlink {
  display: block;
  min-height: 10px;
  padding: 1em 0.6em;
}


#qlink > a {
  display: flex;
  justify-content: flex-start;
  min-height: 10px;
  padding: 0.7em 0.8em;
}

#qlink > a:hover {
  background:#84c2ec;
  color: #FFF;
}

#qlink > a:hover > span:nth-child(1) {
  border: 1px dotted #e8f3ff;
}

#qlink > a:hover > span:nth-child(1),
#qlink > a:hover > span:nth-child(2),
#qlink > a:hover > span:nth-child(2) > span,
#qlink > a:hover > span:nth-child(2) > small,
#qlink > a:hover > span > span,
#qlink > a:hover > span > small,
#qlink > a:hover > span {
  color: #FFF;
}


#qlink > a:not(:last-child) {
  border-bottom: 1px dotted #b1c7df;
}



#qlink > a > span:nth-child(1) {
  display: grid;
  place-items: center;
  min-height: 10px;
  padding: 0;
   font-size: 17px;
   color:#58ade6b9;
  border: 1px dotted #84a8ca;
  height: 40px;
  width: 40px;
}


#qlink > a > span:nth-child(2) {
  display: block;
  min-height: 10px;
  padding: 0.4em 0.4em 0.4em 1.3em;
  color:#275777b9;
  min-height: 10px;
  width: 80%;
  
}

#qlink > a > span:nth-child(2) > span {
  display: block;
  min-height: 10px;
  font-size: 16px;
  color:#0e334db9;
  min-height: 10px;
  font-weight: 700;
  font-family: 'cal';

}


#qlink > a > span:nth-child(2) > small {
  display: block;
  min-height: 10px;
  font-size: 11px;
  color:#6496b8b9;
  min-height: 10px;
  font-family: 'cal';

}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



#appdw {
  display: block;
  min-height: 100px;

}

#appdw > span:nth-child(1) {
  display: block;
  min-height: 100px;
  background: #3a3a3a;
  overflow: hidden;
  /*  */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  
}


#appdw > span:nth-child(1) > span:nth-child(1) {
  display: block;
  min-height: 10px;
  padding: 0.5em;
  font-size: 26px;
  color: #DDD;
  background: #454545;
  font-family: 'cal';
  letter-spacing: -1px;
  
}


 

 
#logodisplay {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100px;
}

#logodisplay > span {
  display: block;
  padding: 2em;
  font-size: 18px;
  font-family: 'cal';
  text-align: center;
  color: rgb(228, 228, 228);
  /*  */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


#logodisplay > span > small,
#logodisplay > span > span {
  display: block;
  padding: 0 0 0.4em 0;
  min-height: 10px;
}

#logodisplay > img {
  display: block;
 
}
 
 

#logodisplay > span:nth-child(2) {
  border-left: 1px #5d5c5c dotted;
}


.setter {
  display: block;
  min-height: 10px;
  font-family: 'cal';
}
 

.setter > strong {
  display: block;
  min-height: 10px;
  color: #555;
  font-family: 'cal';
  font-size: 18px;
}





/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */



#grider {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1em;
  min-height: 100px;
  width: 90%;
}




#grider > div {
  display: block;
  min-height: 200px;
  background:#f8f8f8;
  position: relative;
  
  /*  */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  /*  */
  -webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 3px 6px;
  -moz-box-shadow: rgba(17, 17, 26, 0.1) 0px 3px 6px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 3px 6px;
}


 /* 1st box */
.mainbox > span:nth-child(1) {
  display: block;
  min-height: 100px;
  position: relative;

}


.mainbox > span:nth-child(1) > a,
.mainbox > span:nth-child(1) > span {
  display: block;
  height: 100px;
  width: 100px;
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow: hidden;
  border: 15px solid #EEE;
  background: rgb(236, 236, 236);
  /*  */
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;

}



.mainbox > span:nth-child(1) > a > img,
.mainbox > span:nth-child(1) > span > img {
  display: block;
  height: auto;
  width: 100%;
 

}

 /* 1st box line 2*/
 .mainbox > span:nth-child(2) {
  display: block;
  min-height: 10px;
  padding: 0.6em;
  text-align: center;
  border-bottom: 1px dotted #CCC;
  font-weight: 700;
  color: #333;
  font-size: 18px;
  
}

 /* 1st box line 3.......................................................*/
 .mainbox > span:nth-child(3) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 10px;
  padding: 0;
  text-align: left;
  color: #333;
  font-size: 14px;
  
}

.mainbox > span:nth-child(3) > span {
  display: block;
  min-height: 10px;
  padding: 0.7em;
  text-align: left;
  color: #333;
  font-size: 14px;
  border-bottom: 1px dotted #CCC;
  
}

.mainbox > span:nth-child(3) > span > small {
  display: block;
  min-height: 4px;
  padding: 0.2em 0 0 0;
  text-align: left;
  color: #acacac;
  font-size: 11px;
  
}

/*  */



.paymentdetails > span {
     display: flex;
     justify-content: space-between;
     min-height: 15px;
     padding: 0.8em;
     

}

.paymentdetails  > span:not(:last-child) {
  border-bottom: 1px dotted #DDD;

}


.paymentdetails  > span > span:nth-child(1) {
  display: block;
  min-height: 15px;
  padding: 0;
  width: 70%;
}

.paymentdetails  > span > span:nth-child(2) {
  display: block;
  min-height: 15px;
  padding: 0;
  width: 25%;
  text-align: right;
}

.paymentdetails  > span:nth-child(1) {
  border-bottom: 2px solid #00acfb;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#grider > div:nth-child(2) {
  overflow: hidden;
  display: block;
  min-height: 100%;
  background: -webkit-linear-gradient(to bottom right, #a868d3, #220a64);
  background: -moz-linear-gradient(to bottom right, #a868d3, #220a64);
  background: linear-gradient(to bottom right, #a868d3, #220a64);
  position: relative;
 
}


 /* Xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.dues > span:nth-child(1){
  display: flex;
  justify-content: space-between;
  min-height: 10px;
  border-bottom: 1px dotted #d3b3d8;
  color: #e0d6e7;
  font-family: 'cal';
  padding: 0 1em;
}

 
.dues > span:nth-child(1) > span:nth-child(1) {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 50px;
  width: 40%;
  font-size: 18px;
  font-family: 'cal';
  font-weight: 900;
  color: #FFF;
}

.dues > span:nth-child(3) > span:nth-child(2),
.dues > span:nth-child(1) > span:nth-child(2) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 50px;
  width: 60%;
  font-size: 12px;

}

.dues > span:nth-child(1) > span:nth-child(2) {
  justify-content: flex-end;
  text-align: right;
}


 /* Xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

 .dues > span:nth-child(2){
  display: block;
  min-height: 40px;
  color: #e0d6e7;
  font-family: 'cal';
  padding: 1em;
 
  /*  */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}


/* money holder */
.dues > span:nth-child(2) > span:nth-child(1) {
  display: grid;
  place-items: center;
  min-height: 10px;
  color: #f2eef5;
  font-family: 'EncodeSansCondensed-ExtraBold';
  padding: 0.7em 0;
  text-align: center;
  font-size: 50px;
 
  /*  */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

/* 2nd middle */
.dues > span:nth-child(2) > span:nth-child(2) {
  display: block;
  min-height: 10px;
  color: #f2eef5;
  font-family: 'cal';
  padding: 0;
  font-size: 15px;
  border-top: 1px dotted #b790c7;

}

.dues > span:nth-child(2) > span:nth-child(2) > span {
  display: flex;
  justify-content: space-between;
  min-height: 10px;
  color: #cbb2df;
  font-family: 'cal';
  padding: 0;
  font-size: 15px;
  border-top: 1px dotted #b790c7;
  
 

}

.dues > span:nth-child(2) > span:nth-child(2) > span  > span:nth-child(1)  {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 40px;
  font-family: 'cal';
  padding: 0;
  font-size: 15px;

}

.dues > span:nth-child(2) > span:nth-child(2) > span > span:nth-child(2)  {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 40px;
  font-family: 'cal';
  padding: 0;
  font-size: 15px;
  

}

 /* Xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

 .dues > span:nth-child(3){
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  border-top: 1px dotted #d3b3d8;
  color: #e0d6e7;
  font-family: 'cal';
  padding: 0 1em;
  position: absolute;
  bottom: 0;
  width: 100%;
  /*  */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

.dues > span:nth-child(3) > span:nth-child(1) {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 50px;
  width: 30%;
  font-size: 18px;
  font-family: 'cal';
  color: #FFF;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.dues > span:nth-child(3) > span:nth-child(2) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 50px;
  width: 30%;
  font-size: 18px;
  font-family: 'cal';
  color: #FFF;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.dues > span:nth-child(3) > span > a  {
  display: grid;
  justify-content:  center;
  align-items: center;
  min-height: 50px;
  width: 30%;
  font-size: 18px;
  font-family: 'cal';
  color: rgb(211, 193, 231);
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



#grider > div.dues > span:nth-child(2) > span:nth-child(2) > div {
  display: inline-block;
  text-align: center;
  padding: 0.3em 0.6em;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 35%;
  /* xxxxxxxxxxxxxxxxxxxxxxxxxx */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  /* xxxxxxxxxxxxxxxxxxxxxxxxx */
  background: -webkit-linear-gradient(to bottom, #a278c7, #9252cf);
  background: -moz-linear-gradient(to bottom, #a278c7, #9252cf);
  background: linear-gradient(to bottom, #a278c7, #9252cf);
   /* xxxxxxxxxxxxxxxxxxxxxxxxx */

  -webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 7px 6px;
  -moz-box-shadow: rgba(17, 17, 26, 0.1) 0px 7px 6px;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 7px 6px;

  
}


.colorPurp {
  background: -webkit-linear-gradient(to bottom right, #333, #777) !important;
  background: -moz-linear-gradient(to bottom right, #333, #777) !important;
  background: linear-gradient(to bottom right, #333, #777) !important;
  color: #EEE;
}





.paymentdetails > section {
  display: block;
  font-family: 'cal';
  color: #bbbbbb;
  padding: 0.8em 1.5em;
  font-size: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: -webkit-linear-gradient(to bottom, #3d3d3d, #5d5d5d);
  background: -moz-linear-gradient(to bottom, #3d3d3d, #5d5d5d);
  background: linear-gradient(to bottom, #3d3d3d, #5d5d5d);
  /*  */
  -webkit-box-shadow: rgba(17, 17, 26, 0.658) 0px 1px 18px;
  -moz-box-shadow: rgba(17, 17, 26, 0.658) 0px 1px 18px;
  box-shadow: rgba(17, 17, 26, 0.658) 0px 1px 18px;
}




.fdk {
  display: block;
  min-height: 100px;
  padding: 0;

}


.fdk > form {
  display: block;
  min-height: 100px;
  
}


.fdk > form > textarea,
.fdk > form > input[type="mail"],
.fdk > form > input[type="text"]{
  display: block;
  min-height: 10px;
  padding: 0.7em;
  font-family: 'cal';
  font-size: 16px;
  color: #999;
  background:#f3f3f3;
  margin: 0 0 0.7em 0;
  width: 100%;
  outline: none;
  border: none;
  border-bottom: 2px solid #dddddd;
   /*  */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
    /*  */ 
  
}



.fdk > form > span {
  display: flex;
  justify-content: space-between;
  min-height: 10px;

}
 
.fdk > form > span > input[type="reset"],
.fdk > form > span >input[type="submit"]{
  display: inline-block;
  min-height: 10px;
  padding: 1em;
  font-family: 'cal';
  font-size: 16px;
  color: #FFF;
  background:#6059c5;
 
 
  width: 48%;
  outline: none;
  border: none;
  
}


.fdk > form > input[type="submit"]{
  margin-right: 0.6em;
}

.fdk > form > input[type="reset"]:hover,
.fdk > form > input[type="submit"]:hover{
  background: #00ad51;
  font-weight:900;
}





/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
 
#orderholder {
  display: block;
  /* background: #EEE; */
  min-height: 100px;
  padding: 0 1em 1em 0;
  
}


#displayPaymentComplete {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 2em;
  min-height: 100px;
  padding: 2em 0;

}

#displayPaymentComplete > span:nth-child(1) {
  display: block;
  gap: 1em;
  height: 450px;

  -webkit-box-shadow: rgba(17, 17, 26, 0.082) 0px 0px 16px;
  -moz-box-shadow: rgba(17, 17, 26, 0.082) 0px 0px 16px;
  box-shadow: rgba(17, 17, 26, 0.082) 0px 0px 16px;

}


#displayPaymentComplete > span:nth-child(1) > img {
  display: block;
  width: 100%;
  height: auto;

}

/* second side */
#displayPaymentComplete > span:nth-child(2) {
  display: block;
  min-height: 120px;
 
}

#displayPaymentComplete > span:nth-child(2) > span:nth-child(1) {
  display: flex;
  justify-content: space-between;
  height: 70px;
  border-bottom: 1px dotted #CCC;

}

#displayPaymentComplete > span:nth-child(2) > span:nth-child(1) > span:nth-child(1) {
  display: block;
  min-height: 10px;
  font-size: 28px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  width: 45%;
  padding: 0 0 1em 0;
  line-height: 27px;
  
}


#displayPaymentComplete > span:nth-child(2) > span:nth-child(1) > span:nth-child(2) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 10px;
  font-size: 68px;
  font-family: 'helveticaUltralight';
  text-align: right;
  width: 35%;
  padding: 0 0 0.2em 0;
  line-height: 27px;
  letter-spacing: -4px;
  
}

/* xxxxxxxxxxxxxxxxxxxxxxx */

#displayPaymentComplete > span:nth-child(2) > span:nth-child(2) {
  display: block;
  min-height: 10px;
  background:#dde9fffb;
  margin-top: 1em;
  padding: 0;
  
}



#displayPaymentComplete > span:nth-child(2) > span:nth-child(2) > span {
  display: block;
  min-height: 10px;
  padding: 0.7em;
  font-family: 'cal';
  border-bottom: 1px dotted #95b6cc;
  position: relative;
}


#displayPaymentComplete > span:nth-child(2) > span:nth-child(2) > span > span {
  display: block;
  position: absolute;
  right: 15px;
  bottom: 7px;
  font-size: 13px;
  font-family: 'cal';
  color:rgb(77, 122, 170);
}





.red {
  color:#ad1111;
}

.green {
  color:#7ead57;
}

.grey {
  color:#5c5c5c;
}

.yellow {
  color: #e9a11e;
}

.blues {
  color: #3d3bb6;
}

.formatted {
  display: block;
  font-size: 15px;
  font-family: 'cal';
}

.formatted2 {
  display: flex;
  justify-content: flex-start;
  font-size: 15px;
  font-family: 'cal';
}


.formatted2 > span:nth-child(1) {
  display: block;
  font-size: 13px;
  padding: 0 0.6em 0 0;
  font-family: 'cal';
}

.nada {
  display: block;
  padding: 1em;
  background: #d0e7fa;
  font-size: 13px;
  color: #6d7a8a;
}