@import url("../elements/central.css");
@import url("../forms/central.css");
@import url("../tables/central.css");
@import url("../social/central.css");
@import url("../errors/central.css"); 
@import url("../profile/central.css");
@import url("../../../notifications/css/central.css");
@import url("../../../user/css/central.css");
@import url("../../../search/css/central.css");
@import url("../../../cart/css/central.css");
@import url("../../../popup/css/central.css");
@import url("../../../shop/css/central.css");
@import url("../../../ads/css/central.css");
@import url("../../../products/css/central.css");
@import url("../../../comments/css/central.css");
@import url("../../../faqs/css/central.css");

@import url("../../../reviews/css/central.css");
@import url("../../../gallery/css/central.css");








#all {
    display: block;
    margin: 0;
    padding:  0;
    /* width: 100vw; */
    min-height: 900px;
    background: #6e6e6e;
    background: #a1b2d2;
    /* background: #486c99; */
    position: relative;
    overflow-x: hidden;
}
 


/* xxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxx */








/* xxxxxxxxxxxxxxxxxxx */
/* topmast */
/* xxxxxxxxxxxxxxxxxxx */



#masthead {
    display: grid;
    grid-template-columns: 5fr 4fr 5fr;
    grid-gap: 1em;
    height: 44px;
    padding: 2.2em 0 1.2em 0;
    margin: 0 auto;
    width: 45%;
}



#masthead > div {
    /* background: #49aaf8; */
     display: flex;
     justify-content: center;
     color: #73869e;
}


#masthead > div:nth-child(1) {
    /* background: #49aaf8; */
     display: flex;
     justify-content: flex-end;
}


#masthead > div:nth-child(3) {
    /* background: #49aaf8; */
     display: flex;
     justify-content: flex-start;
}

#masthead > div > form {
    display: flex;
     justify-content: flex-end;
    width: 100%;
    padding: 0;
    margin: 0;
}


#masthead > div > form > input[type='search'],
#masthead > div > form > input[type='text']{
    display: block;
    padding: 0.3em 1em;
    background: #4a4b52;
    outline: none;
    border: none;
    font-size: 16px;
    width: 90%;
    text-align: center;
    color: #73869e;
    /*  */
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    /*  */
    -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.4);

}




#topmast {
    display: flex;
    justify-content: space-between;
    height: 60px;
    background: #1C2242;
    /*  */
	/* -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); */
}


#topmast > div:nth-child(1),
#topmast > div:nth-child(3) {
    display: flex;
    justify-content: center;
    justify-items: center;
    width: 70px;
    height: 60px;



}

#topmast > div:nth-child(1) {
    border-right: 1px dotted #224f68;
}


#topmast > div:nth-child(3) {
    border-left: 1px dotted #224f68;
}


#topmast > div:nth-child(1) > a,
#topmast > div:nth-child(3) > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 60px;
    color: #397FA5;
    /* background: #16609C; */
    font-size: 20px;

}



/* middle */
#topmast > div:nth-child(2),
#centeredtopmast {
    display: flex;
    justify-content: space-between;
    width: 40%;
    margin: 0;

}






#centeredtopmast > div > a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em 0.3em;

    color: #bebebe;
    font-size: 15px;
    height: 60px;
    /* background: #16609C; */
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: #1C2242 1px solid;
    font-family: 'cal';

}


#centeredtopmast > div > a:hover {
    font-weight: 800;
    color: #49aaf8;
    border-bottom: #49aaf8 1px solid;

}



/* mast link left */
#centeredtopmast > div:nth-child(1) {
    display: flex;
    justify-content: flex-start;
    margin: 0;

}

/* mast link left */
#centeredtopmast > div:nth-child(1) > a {
    font-size: 17px;
    margin: 0 1em;

}


/* mast link right */
#centeredtopmast > div:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    margin: 0;

}

#centeredtopmast > div:nth-child(2) > a {
    font-size: 13px;
    margin: 0 0.5em;

}

/* xxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxx */




#wedgy {
    display: block;
    padding: 0;
    margin: 0;
    height: 70px;
    background: #395f8b;
    background: #6576ff;
    position: relative;
    z-index: 10;
    /*  */
    -webkit-box-shadow: 0px 5px 1px rgba(218, 216, 216, 0.1);
    -moz-box-shadow: 0px 5px 1px rgba(218, 216, 216, 0.1);
    box-shadow: 0px 5px 1px rgba(218, 216, 216, 0.1);
}


#wedgyholder {
    display: flex;
    justify-content: space-between;
    background: #3040c4;
    height: 70px;
    width: 65%;
    margin: 0 auto;
    font-family: 'cal';
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2em;
    position: relative;
    z-index: 1;
    border-top: none;
    /* border-left: 1px dotted #979797;
    border-right: 1px dotted #979797;
    border-bottom: 1px dotted #979797; */

}



#wedgyholder > div:nth-child(1) {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
     margin: 0;
     height: 140px;
     width: 120px;
     position: absolute;
     z-index:  2;
     top: 20px;
     font-family: 'cal';
         /*  */
    background: -webkit-radial-gradient(circle, #ffb759, #ee9622);
    background: -moz-radial-gradient(circle, #ffb759, #ee9622);
    background: radial-gradient(circle, #ffb759, #ee9622);

         /*  */
	-webkit-box-shadow:  -6px 6px 6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:  -6px 6px 6px rgba(0, 0, 0, 0.2);
	box-shadow:  -6px 6px 6px rgba(0, 0, 0, 0.2);
}

#wedgyholder > div:nth-child(1) > img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}




#wedgyholder > div:nth-child(2) {
    display: block;
    padding: 0.3em;
    height: 50px;
    width: 250px;
    position: absolute;
    z-index: 2;
    top: 13px;
    left: 180px;
    text-align: left;
    font-weight: 800;
    color: #EEE;
    font-family: 'cal';

}



#wedgyholder > div:nth-child(3) {
    display: flex;
    justify-content: flex-end;
    padding: 0.3em 0 1.5em 0;
    height: 50px;
    width: 50%;
    position: absolute;
    z-index: 5;
    top: 20px;
    right: 30px;
    text-align: right;
    color: #EEE;
    font-family: 'cal';
    /* background: #007be1; */
}



#wedgyholder > div:nth-child(3) > a {
    display: block;
    color: #9edfff;
    margin-left: 0.8em;
    padding: 0.4em 1em;
    font-size: 15px;
    font-family: 'cal' !important;
    /* background: #007be1; */

}


#wedgyholder > div:nth-child(3) > a:last-child {
    display: block;
    width: 50px;
    height: 50px;
    padding: 0 !important;
    overflow: hidden;
    background: none;
    /*  */
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    /*  */
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px !important;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px !important;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px !important;
  }

#wedgyholder > div:nth-child(3) > a:last-child > span {
    display: block;
    width: 50px;
    height: 50ppx;
    overflow: hidden;
    background: none;
}

#wedgyholder > div:nth-child(3) > a:last-child > span > img {
    display: block;
    width: 100%;
    height: auto;
}


#ddmenu {
    display: block;
    position: absolute;
    z-index: 9;
    /* top: 0; */
    top: -250px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translate(115%, 0);
    /*  *//*  */
    -webkit-box-shadow: -8px 8px 2px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -8px 8px 2px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: -8px 8px 2px rgba(0, 0, 0, 0.2), 0 0 15px rgba(0, 0, 0, 0.2);
    /*  */
    background: #1f6fb1;
    min-height: 200px;
    width: 350px;
    /*  */
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}




#dmenusplit {
    display: grid;
    grid-template-columns: 6fr 1fr;
    min-height: 110px;
    padding: 4.4em 0 0 0;
}



#dmenusplit > div:nth-child(1) {
    display: block;
    min-height: 10px;
    padding: 0;
    margin: 0
}


#dmenusplit > div:nth-child(2) {
    display: block;
    background: #2b3a62;
}

#dmenusplit > div:nth-child(1) > a,
#dmenusplit > div:nth-child(2) > a {
    display: block;
    min-height: 10px;
    padding: 1px;
    margin: 0;
    padding: 0.83em;
    border-bottom: 1px dotted #039af1;
    color: #FFF;
}


#dmenusplit > div:nth-child(1) > a {
    border-bottom: 1px dotted #039af1;

}


#dmenusplit > div:nth-child(1) > a:hover {
    background: #4b92e4;
    color: #FFF;
}


#dmenusplit > div:nth-child(2) > a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.85em;
    font-size: 15px;
}


#dmenusplit > div:nth-child(2) > a:hover {
    background: #ecb620;
    color: #222;
}

/* xxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxx */

#ddmenu > a,
#ddmenu > div:nth-child(2) {
    display: flex;
    justify-content: flex-start;
    background: #1f2a33;
    min-height: 60px;
    color: #81bee4;
    font-size: 13px;
    padding: 1em;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


#ddmenu > a:hover {
    background: #5287fa;
    color: #262631;
}


#ddmenu > a > span:nth-child(1),
#ddmenu > div:nth-child(2) > span:nth-child(1) {
    display: block;
    width: 70px;
    margin-right: 0.5em;
    color: #FFF;
    fill: #3fa6fa;
}

#ddmenu > a > span:nth-child(1) > img,
#ddmenu > div:nth-child(2) > span:nth-child(1) > img {
    display: block;
    width: 70%;
    height: auto;
    color: #3fa6fa;
    fill: #3fa6fa;
}
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */








#wedgyholder > div:nth-child(3) > a:nth-child(1) {
    display: none;
}

#wedgyholder > div:nth-child(3) > a:hover {
    background: #245fe5;
    color: #FFFF;
}



#wedgyholder > div:nth-child(3) > a:nth-child(4),
#wedgyholder > div:nth-child(3) > a:nth-child(4) {
    background: #0d976e;
    color: #FFF;
}

#wedgyholder > div:nth-child(3) > a:nth-child(4):hover,
#wedgyholder > div:nth-child(3) > a:nth-child(4):hover {
    background: #d98b0e;
    color: #FFF;
}


#wedgyholder > div:nth-child(3) > a:nth-child(8):hover,
#wedgyholder > div:nth-child(3) > a:nth-child(8):hover {
   background: #f3c633;
}

#wedgyholder > div:nth-child(3) > a:nth-child(8),
#wedgyholder > div:nth-child(3) > a:nth-child(8) {
    display: flex;
    justify-content: center;
    justify-items: center;
    color: #CCC;
    margin-left: 2em;
    padding: 0.4em;
    width: 35px;
    height: 35px;
    overflow: hidden;
    position: relative;
    top: -10px;
    overflow: hidden;
    /* background: #245fe5; */

    /*  */
    -webkit-border-radius: 300px !important;
    -moz-border-radius: 300px !important;
    border-radius: 300px !important;
 
}

#wedgyholder > div:nth-child(3) > a:nth-child(8) > span,
#wedgyholder > div:nth-child(3) > a:nth-child(5) > span {
    display: block;
    color: #CCC;
    padding: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*  */
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    background: #888;
}

#wedgyholder > div:nth-child(3) > a:nth-child(8) > span > img,
#wedgyholder > div:nth-child(3) > a:nth-child(5) > span > img {
    display: block;
    width: 100%;
    height: auto;

}



/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */

#udp {
    display: none;
}

/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */




.centerx {
    display: block;
    width: 65%;
    max-width: 1400px;
    min-height: 500px;
    margin: 1% auto 0 auto;
    padding: 0;
    position: relative;
    /*  */
	-webkit-box-shadow:  -6px 6px 6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:  -6px 6px 6px rgba(0, 0, 0, 0.2);
	box-shadow:  -6px 6px 6px rgba(0, 0, 0, 0.2);
}




#mainmov {
    display: block;
    height: 600px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;

    /*  */
    background: -webkit-linear-gradient(to right, #31313f, #75759b);
    background: -moz-linear-gradient(to right, #31313f, #75759b);
    background: linear-gradient(to right, #31313f, #75759b);
    background: #262c41;
}


#mainmov > img {
    display: block;
    height: auto;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    /*  */
    -webkit-mask-image: radial-gradient(circle, #FFF, #FFF, #FFF, transparent);
    -moz-mask-image: radial-gradient(circle, #FFF, #FFF, #FFF, transparent);
    mask-image: radial-gradient(circle, #FFF, #FFF, #FFF, transparent);

}


.pgcenterx {
    display: block;
    width: 65%;
    height: 300px;
    margin: 1% auto 0 auto;
    padding: 0;
    position: relative;
    z-index: 2 !important;
    background: #183972;
    /*  */
	-webkit-box-shadow:  -6px 6px 6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:  -6px 6px 6px rgba(0, 0, 0, 0.2);
	box-shadow:  -6px 6px 6px rgba(0, 0, 0, 0.2);
}

#pgimg {
    display: block;
    height: 180px;
    background: #0a4677;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;

    /*  */
    background: -webkit-linear-gradient(to right, #31313f, #75759b);
    background: -moz-linear-gradient(to right, #31313f, #75759b);
    background: linear-gradient(to right, #31313f, #75759b);
    background: #21213d;
}


#pgimg > img {
    display: block;
    height: auto;
    width: 100%;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.7;
    filter: alpha(opacity=70);
    /*  */
    -webkit-mask-image: radial-gradient(circle, #FFF, #FFF, transparent);
    -moz-mask-image: radial-gradient(circle, #FFF, #FFF, transparent);
    mask-image: radial-gradient(circle, #FFF, #FFF, transparent);

}



#pgimg > span:nth-child(1) {
    display: grid;
    grid-template-columns: 4fr 2fr;
    grid-gap: 1em;
    height: 60px;
    width: 200px;
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 180px;
    /* background: #EEE; */
    /* opacity: 0.6;
    filter: alpha(opacity=60); */

}


#pgimg > span:nth-child(1) > span {
    display: block;
    border: 1px solid #16609C;
    padding: 0;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-linear-gradient(to bottom right, #030926, #015bc2);
    background: -moz-linear-gradient(to bottom right, #030926, #015bc2);
    background: linear-gradient(to bottom right, #030926, #015bc2);

}


#pgimg > span:nth-child(1) > span > span:nth-child(1){
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 30px;
    color: #f1f7fb;
    letter-spacing: -1px;
    padding: 0.1em 0.2em;
    font-weight: 500;
    font-family: 'helvetica1';

}

#pgimg > span:nth-child(1) > span > span:nth-child(2){
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    font-size: 10px;
    color: rgb(86, 194, 221);
    padding: 0.4em;
    border-top: 1px solid #16609C;

}

#pgimg > span:nth-child(2) {
    display: block;
    height: 70px;
    width: 50%;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 2;
    bottom: -25px;
    right: 25px;
    text-align: right;
    /* background: #EEE; */
    color: #fde978;
    font-size: 18px;
    /* font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; */
    font-family: 'cal';
    letter-spacing: 3px;
    text-transform: uppercase;


}

#pgimg > span:nth-child(3),
#mainmov > span { 
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    min-height: 60px;
    background: #21298f;

    /*  */
    /* opacity: 0.55;
	filter: alpha(opacity=35); */
    background: -webkit-linear-gradient(to bottom, #03254b, transparent);
    background: -moz-linear-gradient(to bottom, #03254b, transparent);
    background: linear-gradient(to bottom, #03254b, transparent);
    
}
 

#pgimg > section,
#mainmov > section { 
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: -4px;
    right: -18px;
    z-index: 5;
    padding: 1em 2em 0 0;
    
}


#uinfo > a,
#pgimg > section > a,
#mainmov > section > a { 
    display: flex;
    justify-content: center;
    color: #EEE;
    font-family: 'cal';
    padding: 0.6em 1em;
    height: 19px;
    margin-left: 0.6em;
    white-space: nowrap;
    /*  */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#uinfo > a > span:nth-child(1),
#pgimg > section > a > span:nth-child(1),
#mainmov > section > a > span:nth-child(1){ 
    display: grid;
    place-items: center;
    color: #7eaafb;
    padding: 0 0.8em 0 0;
    font-size: 12px;
}

#uinfo > a > span:nth-child(2),
#pgimg > section > a > span:nth-child(2),
#mainmov > section > a > span:nth-child(2){ 
    display: block;
    white-space: nowrap !important;
    color: #e6eeff;
}

#uinfo > a:hover,
#pgimg > section > a:hover,
#mainmov > section > a:hover { 
    color: #EEE;
    background:#0d3fac;
    background: -webkit-linear-gradient(to bottom, #3165d4, #0d3fac);
    background: -moz-linear-gradient(to bottom, #3165d4, #0d3fac);
    background: linear-gradient(to bottom, #3165d4, #0d3fac);

}



 
#pgimg > section > a:nth-child(1) > div, 
#mainmov > section > a:nth-child(1) > div {
    display: block !important;
    white-space: nowrap;
    font-size: 18px;
    font-style:italic;
    color:#c1d4fb;
    font-family: 'cal';
    line-height: 15px;
}



#uinfo {
    display: flex;
    justify-content: flex-end;
    width: 80%;

}

#uinfo > a:nth-child(1) {
    display: flex;
    justify-content: flex-start;
    white-space: nowrap;
    padding: 0.4em 1em;
    color: #adcef3;
    font-family: 'cal';
    font-weight: 800;
    font-style: italic;
    font-size: 17px;    
}
 

#uinfo > a:nth-child(1):hover {
    background: none; 
}


#uinfo > a {
    white-space: nowrap;    
}
 

 




#subs {
    display: grid !important;
    -moz-display: grid !important;
    grid-template-columns: 4fr 3fr 5fr 5fr 1fr;
    height: 120px;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #EEE;
    font-family: 'cal';
    font-size: 13px;
    z-index: 4;
    /*  */
    /* border-top: 1px dotted #80899b; */
}


#subs > a,
#subs > div {
    display: block;
    color: rgb(134, 172, 194);
    position: relative;
    overflow: hidden;
}


#subs > a:hover,
#subs > a:hover {
    background: #2984cd;
    color: #FFF;
    background: -webkit-linear-gradient(to bottom right, #233abd, #0257e0);
    background: -moz-linear-gradient(to bottom right, #233abd, #0257e0);
    background: linear-gradient(to bottom right, #233abd, #0257e0);
}


#subs > a > img,
#subs > div > img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0.8;
    filter: alpha(opacity=80);
    /*  */
    -webkit-mask-image: linear-gradient(to right, #FFF, transparent);
    mask-image: linear-gradient(to right, #FFF, transparent);
}



#subs > a:nth-child(1),
#subs > div:nth-child(1) {
    display: block;
    background: #0f161d;
    height: 120px;
    /* color: #EEE; */
}

#subs > a:nth-child(2),
#subs > div:nth-child(2) {
    display: block;
    background: #3040c4;
    height: 120px;
}

#subs > a:nth-child(2):hover {
    background: #017cff;
    color: #FFF;
}


#subs > a:nth-child(2) > div,
#subs > div:nth-child(2) > div {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    text-align: left;
}



#subs > a:nth-child(2) > div > span:nth-child(1),
#subs > div:nth-child(2) > div > span:nth-child(1) {
    display: block;
    font-family: 'cal';
    font-size: 40px;
    color: rgb(201, 225, 248);
    /* font-weight: 600; */
    font-family: 'helveticalight';
}



 



#subs > a:nth-child(5),
#subs > div:nth-child(5) {
    display: flex;
    justify-content: flex-end;

}

#subs > a:nth-child(5) > span,
#subs > div:nth-child(5) > span {
    display: block;
    width: 10px;
    height: 72px;
    border: 1px dotted #5d6475;
    margin-right: 1.5em;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    text-align: center;
    padding: 0.5em 0;
}


#subs > a:nth-child(5) > span > span,
#subs > div:nth-child(5) > span > span {
    display: block;
    width: 5px;
    height: 11px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background: #f5f113;
    margin: 0 auto;
    font-family: 'cal';

}


#subs > div:nth-child(5) > span > span:not(:last-child) {
    margin-bottom: 90%;

}






/* xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxx */

#backfiltes {
    display: block;
    position: absolute;
    z-index: 2;
    min-height: 180px;
    bottom: 0;
    left: 0;
    background: -webkit-linear-gradient(to bottom, transparent, #243c67);
    background: -moz-linear-gradient(to bottom, transparent, #243c67);
    background: linear-gradient(to bottom, transparent, #243c67);
    width: 100%;
}



/* xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxx */

.padd {
    display: block;
    padding: 1.8em 2em;
    min-height: 20px;
}


.padd > strong {
    display: block;
    padding: 0.6em 0 0.2em 0;
    font-size: 14px;
    color: #3fa6fa;
    color: #ffc815;
}


.hanger {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
}



#mtxt {
    display: block;
    position: absolute;
    z-index: 4;
    top: 40%;
    left: 6%;
    width: 40%;
    color: #EEE;
    text-shadow: 3px 3px 8px #333;

}



#mtxt > span:nth-child(1) {
    display: block;
    font-size: 30px;
    font-family: 'fredoka';
    color: #EEE;

}

#mtxt > span:nth-child(2) {
    display: block;
    font-family: 'cal';
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx */



.centerx2 {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 1em;
    width: 65%;
    min-height: 300px;
    margin: 1em auto 5em auto;
    max-width: 1400px;

}



.pgcenterx2 {
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-gap: 1em;
    width: 65%;
    min-height: 300px;
    margin: 1em auto;
    position: relative;
    z-index: 2 !important;
    padding-bottom: 6em;

}


.shad {
    position: relative;
    overflow: hidden;
    /*  */
    -webkit-box-shadow:  -6px 6px 6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:  -6px 6px 6px rgba(0, 0, 0, 0.2);
    box-shadow:  -6px 6px 6px rgba(0, 0, 0, 0.2);
}

.blu {
    display: block;
    background: #196f7d;
    background: #5d5433;
}


.yt {
    display: block;
    background: #dbe4ef;
}


.homside {
    display: block;
    background: #31313F;
    min-height: 300px;
}


.pgside {
    display: block;
    /* background: #243196; */
    background:#3040c4;
    min-height: 300px;
    padding:  0;
    position: relative;
}


#side  {
    display: block;
    min-height: 100px;
}


#side > div {
    display: block;
    padding: 0;
}

#side > div.shad.pgside,
#side > .pgside {
    display: block;
    min-height: 390px  !important;
}



#side > div:not(:first-child) {
    display: block;
    /*  */
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    /*  */
    margin-top: 1em !important;
    /* background: #1f2020;  */
    overflow: hidden;
   

}

.pgwidget {
    display: block;
    background: #18181d;
    min-height: 20px;
    padding: 0 0 1em 0;
}



.pgytwidget {
    display: block;
    background: #DDD;
    min-height: 20px;
    padding: 0 0 1em 0;
}


#submenu {
    display: flex;
    justify-content: flex-start;
    min-height: 40px;
    margin: 0 auto;
    width: 100%;
    background:#1e2c4cc7;
    background:#eaeaea;

}


#submenu > a {
    display: block;
    margin: 0;
    padding: 1em;
    color: #eaeaea;
    background: none;
    border-top: 3px solid transparent;
    /* border-bottom: 2px solid #202227; */
    /*  */
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;

}




#submenu > a:hover {
    -webkit-border-top: 3px solid #517fff;
    -moz-border-top: 3px solid #517fff;
    border-top: 3px solid #517fff;
    /* background: #25436b; */
    /* border-bottom: 2px solid #5287fa; */
    /* background: -webkit-linear-gradient(to bottom, #202227, #202227, #202227, #202227, #212d4e);
    background: -moz-linear-gradient(to bottom, #202227, #202227, #202227, #202227, #212d4e);
    background: linear-gradient(to bottom, #202227, #202227, #202227, #202227, #212d4e); */
}


#submenu > a > span {
    display: block;
    font-size: 16px;
    padding: 10px 10px 0 10px;

}



#submenu > a > span:nth-child(1) {
    font-family: 'fredoka';
    color:#5d7faa;
}



#submenu > a:hover > span:nth-child(1) {
    color:#88b6f1;
}


#submenu > a > small {
    display: block;
    font-size: 13px;
    padding: 0 10px;
    color:#636364;
    font-family: 'cal';

}



#submenu > a > div {
    display: block;
    font-size: 25px;
    font-weight: lighter;
    color: #45584b;
    padding: 0.4em 10px 5px 10px;
    font-family: 'fredoka';
    font-family: 'cal';
    font-weight: 700;
}

#submenu > a:hover > small {
    color: #83a5f0;
}

#submenu > a:hover > div {
    color: #e2b025;
}


#submenu > a > div,
#submenu > a > span,
#submenu > a > small {
    /* background: #202227; */
}


#blinderss {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 190px;
    background:#1b1c29;
    /*  */
    background: -webkit-linear-gradient(to bottom, transparent, #1b1c29);
    background: -moz-linear-gradient(to bottom, transparent, #1b1c29);
    background: linear-gradient(to bottom, transparent, #1b1c29);
}


#footer {
    display: block;
    margin: 0;
    padding: 0;
    min-height: 250px;
    background: #303da7;

}



#footer > div:nth-child(1) {
    display: block;
    padding: 1.3em 0;
    min-height: 30px;
    background: #b6c8ea;
    text-align: center;

}


#footer > div:nth-child(1) > a {
    display: inline-block;
    padding: 0.3em 0.8em;
    /* background: #CCC; */
    color: #4a4b52;
    text-align: center;
    font-family: 'cal';

}



#footer > div:nth-child(2) {
    display: flex;
    justify-content: space-between;
    padding: 0.5em 0 2em 0;
    min-height: 10px;
    /* background: #CCC; */
    text-align: center;
    width: 60%;
    margin: 0 auto;

}


/* 1st of 2nd  */
#footer > div:nth-child(2) > span:nth-child(1) {
    display: block;
    min-height: 100px;
    width: 80%;

}


/* 1st of 2nd  */
#footer > div:nth-child(2) > span:nth-child(1) > span:nth-child(1)  {
    display: grid;
    grid-template-columns: 1fr 11fr;
    grid-gap: 2em;
    padding: 3em 0 1.4em 0;
    min-height: 10px;
    /* background: #CCC; */
    text-align: center;
    width: 80%;
    margin: 0 auto;
    font-family: 'cal';
    color: #85afbb;
    font-size: 14px;
    border-bottom: 1px dotted #6e818d;

}


#footer > div:nth-child(2) > span:nth-child(1) > span:nth-child(1) > span:nth-child(1),
#footer > div:nth-child(2) > span:nth-child(1)  > span:nth-child(1)  > span:nth-child(1){
    display: block;
    text-align: left;
    width: 80px;
    height: 80px;

}

#footer > div:nth-child(2) > span:nth-child(1)  > span:nth-child(1)  > span:nth-child(1) > img {
    display: block;
    text-align: left;
    width: 100%;
    height: auto;

}
#footer > div:nth-child(2) > span:nth-child(1)  > span:nth-child(1) > span:nth-child(2){
    display: block;
    text-align: left;
    font-size: 13px;
    padding: 0;

}


#footer > div:nth-child(2) > span:nth-child(1)  > span:nth-child(1)  >  span:nth-child(2) > strong {
    display: block;
    font-weight: 600;
    font-size: 13px;
    padding: 0 0 0.3em 0;

}


/* xxxxxxxxxxxxxxxx */

#footer > div:nth-child(2) > span:nth-child(2) {
    display: block;
    padding: 2em 0 1em 0;
    min-height: 10px;
    /* background: #CCC; */
    text-align: center;
    width: 40%;
    margin: 0 auto;
    font-family: 'cal';
    color: #888;
    font-size: 14px;

}


#footer > div:nth-child(2) > span:nth-child(2) > span {
    display: block;
    padding: 0 0.5em 1em 0;
    text-align: right;
    color: #95b3de;
    font-family: 'cal';


}



#footer > div:nth-child(2) > span:nth-child(2) > span:nth-child(3) {
    display: block;
    padding: 2em 0.5em 0.7em 0;
    text-align: right;
    color: #cad9f8;
    font-family: 'cal';


}

#footer > div:nth-child(2) > span:nth-child(2) > span:nth-child(3) > a {
 
    color: #cad9f8;
 


}


#footer > div:nth-child(2) > span:nth-child(2) > form {
    display: grid;
    grid-template-columns: 8fr 3fr;
    /* width: 95%; */
    margin: 0 auto;

}



#footer > div:nth-child(2) > span:nth-child(2) > form > input[type=email],
#footer > div:nth-child(2) > span:nth-child(2) > form > input[type=text] {
    display: block;
    padding: 0.9em 1em 0.9em 0;
    font-size: 17px;
    /* width: 100%; */
    border: none;
    outline: none;
    background: #b7d0e0;
    background: -webkit-linear-gradient(to bottom, #bae1f8, #e0f6ff);
    background: -moz-linear-gradient(to bottom, #bae1f8, #e0f6ff);
    background: linear-gradient(to bottom, #bae1f8, #e0f6ff);
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*  */
    -webkit-border-radius: 50px 0 0 50px;
    -moz-border-radius: 50px 0 0 50px;
    border-radius: 50px 0 0 50px;
    /*  */
    
    text-align: right;

}


#footer > div:nth-child(2) > span:nth-child(2) > form > input[type=submit] {
    display: block;
    padding: 0.9em 1.4em;
    font-size: 15px;
    border: none;
    outline: none;
        /*  */
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    color: #FFF;
    background: #0969c3;
    background: -webkit-linear-gradient(to bottom, #3040c4, #5c6cff);
    background: -moz-linear-gradient(to bottom, #3040c4, #5c6cff);
    background: linear-gradient(to bottom, #3040c4, #5c6cff);

}


#footer > div:nth-child(2) > span:nth-child(2) > form > input[type=submit]:hover {
    background: #1ba749;
    color: #FFF;

}



/* 1st of 2nd  */
#footer > div:nth-child(2) > span:nth-child(1) > span:nth-child(2)  {
    display: block;
    padding: 0;
    min-height: 10px;
    /* background: #CCC; */
    text-align: left;
    width: 80%;
    margin: 0 auto;
    font-family: 'cal';
    color: #888;
    font-size: 14px;
    padding: 1.5em 0 0 0;

}


#footer > div:nth-child(2) > span:nth-child(1) > span:nth-child(2) > img {
    display: block;
    width: 60%;
    height: auto;

}






.adtitle {
    display: flex;
    justify-content: flex-start;
    padding: 0.8em;
    min-height: 10px;
    color: #73869e;
    font-size: 18px;
    border-bottom: 1px dotted #415F83;

}


.adtitle > span:nth-child(1) {
    display: block;
    margin-right: 0.8em;
    color:#56c2dd;


}

.adtitle > span:nth-child(2) {
    color:#a6c9e6;
    font-family: 'cal';
    font-size: 20px;
    line-height: 18px;
    letter-spacing: -1px;



}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


#testimonials {
    display: block;
    margin: 0;
    background: #051c33;
    height: 288px;
    /* overflow: hidden; */
    padding:  0;
    margin: 0 1em;
    position: relative;

 
}


#testimonials > img {
    display: block;
    width: 100%;
    height: auto;
 
}


#testies {
    display: block;
    width: 85%;
    margin: 0 auto;
    text-align: center;
    padding: 1em 0 1em 0;
    min-height: 80px;
    color: #acd0e4;
    line-height: 20px;
    font-weight: lighter;
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-size: 15px;

}

#testies > p:nth-child(1) {
    display: block;
    padding: 0;
    margin: 0;

}

#testynav {
    display: grid;
    grid-template-columns: 1fr 10fr 1fr;
    grid-gap: 1em;
    padding: 0.4em 1em;
    width: 85%;
    margin: 0 auto;
    font-family: 'cal';
}


#testynav > span:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #262631;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    margin-top: 0.4em;
    height: 34px;
    padding: 0;
    margin: 0;
    color: #98c6f1;
    text-align: center;
    font-family: 'cal';

}

#testynav > a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0.3em;
    color: #98c6f1;
    height: 20px;
    width: 20px;
    font-size: 28px;
    /* border: 1px dotted #415F83; */
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-family: 'cal';

}


#testynav > a:hover {
 background: #039c61;
 color: #baf0db;

}



#testynav > span:nth-child(1),
#testynav > span:nth-child(3) {
    font-size: 26px;
    font-weight: 900;

}


#testytitle {
    display: block;
    font-size: 11px;
    text-align: center;
    color: #7fc4e9;
    padding: 0.6em;
    width: 40%;
    text-transform: capitalize;
    letter-spacing: 2px;
    margin: 2.5em auto 0 auto;
    /*  */
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    /*  */
    -webkit-border: 1px dotted #415F83;
    -moz-border: 1px dotted #415F83;
    border: 1px dotted #415F83;
    /*  */
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10;

}



#monthbook {
    display: flex;
    justify-content: space-between;
    min-height: 100%;
    width: 100%;
    position: relative;
    z-index: 1;
    background: url('../../../../images/bg.jpg');
    background-size: cover;
    /* opacity: 0.5; */
}

#monthbook > span:nth-child(1){
    display: block;
    min-height: 100%;
    width: 55%;
    text-align: left;
    position: absolute;
    top: 30%;
    left: 25px;
    z-index: 2;
    color:#adc3f1;
    font-family: 'cal';
 

}


#monthbook > span:nth-child(1) > span:nth-child(1){
    display: block;
    min-height: 10px;
    width: 56%;
    text-align: left;
    color:#adc3f1;
    font-family: 'hightlight-3';
    font-size: 17px;
    text-transform: uppercase;
    padding: 0 0 0.4em 0;
 

}


#monthbook > span:nth-child(1) > span:nth-child(2){
    display: block;
    min-height: 10px;
    /* width: 55%; */
    text-align: left;
    color:#adc3f1;
    font-family: 'cal';
    font-size: 13px;
 

}


#monthbook > span:nth-child(2){
    display: block;
    height: 285px;
    width: 180px;
    text-align: right;
    position: absolute;
    top: -16px;
    right: 10px;
    background: #007ce2;
    z-index: 1;
    font-family: 'cal';
    font-size: 13px;
    overflow: hidden;
}



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



#subdisplay {
    display: block;
    -webkit-background: linear-gradient(#e4e7ff, #6ca7e2);
    -moz-background: linear-gradient(#e4e7ff, #6ca7e2);
    background: linear-gradient(#e4e7ff, #6ca7e2);
    min-height: 200px;
    color: #acacac;
 
    /* max-width: 500px; */
    position: relative;
    width: 100%;
    

}
/* xxxxxxxxxxxxxxxxxxxxxxx */

#socialmediat {
    display: block;
    padding: 0 0 0.2em 0;
    /* width: 100vw; */
    margin: 0;
    overflow: hidden;
    overflow-x: scroll;
    height: 240px;
    width: 100%;
    white-space: nowrap;
    position: relative;
   

}


 
#socialmediat > div {
    display: flex;
    justify-content: flex-start;
    padding: 0 1.5em 0 0;
    float: left;
    height: 240px;
    max-height: 240px;
    min-width: 1300px;
    white-space: nowrap;
    position: absolute;
    bottom: 0px;
}




#socialmediat > div > a {
    display: block;
    height: 199px;
    width: 240px;
    min-width: 250px;
    margin-left: 1em;
    background: #EEE;
    position: relative;
    /*  */
    background: -webkit-linear-gradient(to bottom,  #3040c4, #5665e5, #000000);
    background: -moz-linear-gradient(to bottom,  #3040c4, #5665e5, #000000);
    background: linear-gradient(to bottom,  #3040c4, #5665e5, #000000);
    padding: 1em;
    
}





#socialmediat > div > a:hover {
 
    /*  */
    background: -webkit-linear-gradient(to bottom,  #3a1a08, #9d5e00, #000000);
    background: -moz-linear-gradient(to bottom,  #3a1a08, #9d5e00, #000000);
    background: linear-gradient(to bottom,  #3a1a08, #9d5e00, #000000);
    padding: 1em;
    
}



#socialmediat  > div > a > span:nth-child(1) {
    display: block;
    min-height: 10px;
    font-size: 20px;
    margin: 0;
    position: absolute;
    z-index: 5;
    top: 15px;
    left: 15px;
    width: 60%;
    white-space: pre-line !important;

}



#socialmediat  > div > a > span:nth-child(1) > span:nth-child(1) {
    display: block;
    min-height: 10px;
    font-size: 18px;
    margin: 0;
    width: 100%;
    color: #EEE;
    line-height: 20px;
    white-space: pre-line !important;
    font-family: 'EncodeSansCond-Black';

}
 

#socialmediat  > div > a > span:nth-child(1) > span:nth-child(2) {
    display: block;
    min-height: 10px;
    font-size: 12px;
    margin: 0;
    width: 100%;
    white-space: pre-line !important;
    color: #aacdfc;

}



#socialmediat > div > a > span:nth-child(2) {
    display: block;
    text-align: center;
    height: 180px;
    width: 130px;
    padding: 0;
    overflow: hidden;
    position: absolute;
    right: 10px;
    bottom: -5px;
    background: #EEE;
    /*  */
    -webkit-box-shadow: rgba(17, 17, 26, 0.28) 0px 0px 26px;
    -moz-box-shadow: rgba(17, 17, 26, 0.28) 0px 0px 26px;
    box-shadow: rgba(17, 17, 26, 0.28) 0px 0px 26px;

}

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


#socialmediat > div > a > span:nth-child(3) {
    display: block;
    position: absolute;
    bottom: 20px;
    width: 30%;
    min-height: 10px;
    font-size: 65px;
    line-height: 60px;
    color: #FFF;
    font-family: 'teko';
}
 


#socialmediat > div > a > span:nth-child(4) {
    display: block;
    position: absolute;
    bottom: 10px;
    width: 50%;
    color: #efdf7a;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'cal';
}

/* xxxxxxxxxxxxxxxxxxxxxxx */

#displayholder {
    display: flex;
    justify-content: flex-start;
    padding: 1em 1.5em 1em 0;
    overflow-x: scroll;
    overflow-y: hidden;
    height: 240px;
    float: left;
    white-space: nowrap;
    position: relative;
    max-width: 820px;
    /* background: rgb(34, 37, 41); */
}


#displayholder > a,
#displayholder > div {
    display: block;
    min-height: 150px;
    width: 120px;
    min-width: 120px;
    margin-left: 1em;
}


#displayholder > a > span:nth-child(1),
#displayholder > div > span:nth-child(1) {
    display: block;
    height: 160px;
    margin: 0;
    background: #213b49;
    overflow: hidden;
}


#displayholder > a > span:nth-child(1) > img,
#displayholder > div > span:nth-child(1) > img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0.7;
    filter: alpha(opacity=70);
}


#displayholder > a > span:nth-child(2),
#displayholder > div > span:nth-child(2) {
    display: block;
    height: 20px;
    margin: 0;
    padding: 0.2em 0 0 0;
}


#displayholder > a > span:nth-child(2) > span,
#displayholder > div > span:nth-child(2) > span {
    display: block;
    font-size : 18px;
    color: #f1d65e;
    font-weight: 800;
    font-family: 'cal';
    /* font-family: 'Arial Narrow'; */
}


#displayholder > a > span:nth-child(2) > small,
#displayholder > div > span:nth-child(2) > small {
    display: block;
    font-size : 13px;
    color: #CCC;
    word-wrap: break-word;
    white-space: pre-line;
    width: 80%;
    font-family: 'cal';
}




#displayholder > a:last-child {

    padding-right: 1em;
}


/* xxxxxxxxxxxxxxxxxx */
/* scrollbars */
/* xxxxxxxxxxxxxxxxxx */


/* Track */
#displayholder::-webkit-scrollbar {
	display: block;
	background: rgb(91, 143, 255);
    height: 4px;

	padding: 0;
	margin: 4px;
	position: absolute;
	top: 0;
	left: -50%;
}


	#displayholder::-webkit-scrollbar-track {
	display: block;
	background: #272d31;
	width: 100px;
	padding: 0 0.2em;
	margin: 2px;
	position: absolute;
	top: 0;
	left: -50%;
	}


	/* Handle */
	#displayholder::-webkit-scrollbar-thumb {
	display: block;
	background: rgb(16, 99, 114);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	}

	/* Handle on hover */
	#displayholder::-webkit-scrollbar-thumb:hover {
	background: rgb(23, 170, 255);
    }

/* xxxxxxxxxxxxxxxxxx */
/* scrollbars */
/* xxxxxxxxxxxxxxxxxx */




/* xxxxxxxxxxxxxxxxxx */
/* padding */
/* xxxxxxxxxxxxxxxxxx */

.pgpadding {
    display: block;
    padding: 2em;
    min-height: 200px;
    color: #555;
    font-family: 'cal';
    background: rgb(231, 231, 231);
}

.pgpadding > img {
    display: block;
    float: left;
    padding: 0 1em 1em 0;
}



 


#all > div.pgcenterx2 > div.shad.yt > div.pregal > h6,
.pgpadding > h6,
.hili {
    display: block;
    font-family: 'fredoka';
    font-size: 23px;
    color: #444;
    line-height: 25px;
    letter-spacing: -1px;
    padding: 2em 0 0 0;
}


#all > div.pgcenterx2 > div.shad.yt > div.pregal > h6 > a,
.pgpadding > h6 > a,
.hili > a {
    display: inline-block;
    font-family: 'fredoka';
    font-size: 23px;
    color: #444;
 
}

.galleryprev {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1em;
    padding: 2em 0;
    min-height: 200px;
    color: #555;
    font-family: 'cal';
}


.galleryprev > div {
    display: block;
    min-height: 200px;
}

.galleryprev > div:hover > div:nth-child(2) {
    border-bottom: 1px solid #017cff;

}

.galleryprev > div:hover > div:nth-child(3) > span:nth-child(1),
.galleryprev > div:hover > div:nth-child(3) > span:nth-child(2){
    color: #017cff;

}


.galleryprev > div > div:nth-child(1) {
    display: block;
    height: 240px;
    overflow: hidden;
    background: rgb(182, 179, 179);
    padding: 0;
    margin: 0;
}

.galleryprev > div > div:nth-child(1) > a {
    display: block;
    height: 240px;
    width: 100%;
    overflow: hidden;

}



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


}

/* 2nd  */

.galleryprev > div > div:nth-child(2) {
    display: grid;
    grid-template-columns: 1fr 6fr 1fr;
    grid-gap: 1em;
    min-height:40px;
    background: #f0f0f0;
    place-items: center;
}



.galleryprev > div > div:nth-child(2) > a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.6em;
    color: #999;

}



.galleryprev > div > div:nth-child(2) > a:hover {
    color: rgb(255, 161, 10);

}


.galleryprev > div > div:nth-child(2) > span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.6em 0;
    color: #444;
    width: 70px;
    font-weight: 800;
    font-size: 19px;
    letter-spacing: -1px;
    font-weight: 700;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow';
    text-align: center;

}


.prodnae {
    display: flex;
    justify-content: flex-start;
    padding: 0.3em 0 0 0;
    /* background: #304a64; */
    font-family: 'cal';
    font-size: 13px;
    min-height: 35px;
}

.prodnae > span:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 10%;
    padding: 0.3em 0.4em 0 0;
    color: #b9c5cf;
    font-size: 12px;
    text-align: center;
}

.prodnae > span:nth-child(2) {
    display: block;
    text-align: left;
    width: 90%;
    padding: 0;
    font-size: 13px;
    font-family: 'cal';
    color: #304a64;
}


#intro {
    display: block;
    padding: 1.5em;
    min-height: 20px;
    border-bottom: none;
    font-family: 'cal' !important;
    color: #222;
}

#intro > strong {
    display: block;
    font-family: 'cal' !important;
}


.timids {
    /* display: block; */
    font-weight: lighter;
    font-size: 13px;
    padding: 0 0 0 0.4em;
    color: red;
}

/* xxxxxxxxxxxxxxxxxx */


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


#pgtxt {
    display: grid;
    grid-template-columns: 9fr 1fr;
    grid-gap: 1em;
    position: absolute;
    top: 33%;
    right: 5%;
    width: 50%;
    color: #EEE;
    text-align: right;
    height: 45px;
}



#pgtxt > div:nth-child(1) > span:nth-child(1){
    display: block;
    text-align: right;
    font-weight: 700;
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-size: 19px;

}


#pgtxt > div:nth-child(1) > span:nth-child(2){
    display: block;
    text-align: right;
    font-weight: lighter;
    font-family: 'cal';
    font-size: 13px;

}

#pgtxt > div:nth-child(2){
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ddd;
    text-align: center;
    background: #017cff;
    font-size: 15px;

}




#backpop {
    display: block;
    width: 100%;
    height: 100%;
    background: #555;
    position: absolute;
    z-index: 4 !important;
    left: -300%;
    /* left: 0; */
    top: 0;
    opacity: 0.9;
    filter: alpha(opacity=90);
    /*  */
    -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;
}



#hidder {
    display: block;
    overflow: hidden;
    height: 1px;
}



#pregal > #breadcrumbs {

    padding-top: 0.6em !important;
}


#breadcrumbs {
    display: flex;
    justify-content: flex-start;
    min-height: 10px;
    font-size: 14px;
    color: #aca9a9;
    font-family: 'cal';
    padding-bottom: 2em;
    padding-top: 1em;
}



#breadcrumbs > a {
    display: block;
    color: #5ca9f1;
    font-size: 13px;
    margin-right: 0;
}


#breadcrumbs > span {
    display: block;
    color: rgb(150, 177, 250);
    font-size: 9px;
    margin-right: 1.5em;
    padding: 0.3em 0 0 0;
}


#breadcrumbs > a:hover {
    color: #ddab05;
    text-decoration: underline;
}



/* xxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxx */




.pregal {
    display: block;
    margin: 0;
    background: #f6f6f6;
    font-family: 'cal';
    color: #444;
 
    min-height: 300px;
    padding: 1em 1em 2em 1em;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}






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


.pname {
    display: block;
    font-size: 45px;
    line-height: 33px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    letter-spacing: -2px;
    padding: 0 0 1em 0;
    font-weight: 500;
    color: #35353a;


}

#category {
    display: block;
    margin: 0;
    font-size: 15px;
}

#prodDetails {
	display: block;
	margin: 0;
    padding: 0 0 0 1.6em;
    color: #555 !important;
}

#prodDetails > form {
    display: block;
    padding: 0.2em 0 0 0;
    min-height: 20px;
    -webkit-appearance: none;
}

 


#prodDetails > form > input[type=text]{
    display: block;
    padding: 0.8em;
    -webkit-appearance: none;
    outline: none;
    border: none;
    min-height: 30px;
    background: #DDD;
    margin: 0.5em 0 0.5em 0;
    width: 100%;
    font-size: 17px;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*  */
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;

}


#prodDetails > form > select {
    display: block;
    width: 100%;
    background: rgb(216, 216, 216);
    outline: none;
    border: none;
    padding: 0.9em;
    font-size: 17px;
    margin: 0.5em 0 0.5em 0;
    -webkit-appearance: none;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    	/*  */
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
    border-radius: 9px;

}


#prodDetails > form > select > option,
#prodDetails > form > select > option > li {
    display: block;
    padding: 0.9em;
    padding: 1em;
    border: 1px #CCC solid;
    background: #FFF;
    -webkit-appearance: none;

}

#prodDetails > form > select > option:hover,
#prodDetails > form > select > option > li:hover {
    display: block;
    border: 1px #CCC solid;


}

#prispecs > span:nth-child(2){
	background: #1A4B9D;
	color: #FFF;

}

.opts {
    display: block;
    border-bottom: 1px solid #999;
    background: #CCC;
}


#flavs {
    display: block;
    min-height: 6px;
    margin-bottom: 0;
    color: rgb(255, 0, 0);
    font-size: 14px;
    font-family: 'cal';
    padding: 1em 0;

}


.warningnote {
    display: block;
    min-height: 6px;
    margin-bottom: 0;
    color: rgb(255, 0, 0);
    font-size: 14px;
    font-family: 'cal';
    padding: 0 0 0 0.5em;

}

#prodDetails > span > a,
#prodDetails > form > input[type='submit'],
#prodDetails > a {
	display: block;
	margin: 0;
	padding: 1em 1.3em;
	font-size: 17px;
	background: #D62E29;
	margin-top: 0.5em;
	color: #FFF;
    text-align: center;
    outline: none;
    border: none;
    width: 100%;
    -webkit-appearance: none;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	/*  */
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

#prodDetails > span > a:hover,
#prodDetails > form > input[type='submit']:hover,
#prodDetails > a:hover {
	background: #3976e8;
    color: #FFF;
}


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

#prodDetails > h1 > small {
	display: inline-block;
    margin: 0;
    font-size: 30px;
    font-weight: lighter;
    letter-spacing: -15px !important;
    text-decoration: line-through overline dotted red !important;
}


#prodDetails > h1 > s
#prodDetails > h1 > small > s {
    margin: 0;
}








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

.galleryPrev5 {
	padding: 1em 0;
	display: grid;
    grid-template-columns: 4fr 3fr;
    grid-gap: 2em;
    padding: 0 2em 1em 2em;;
    width: 93%;
    padding: 0;
    margin: 0;
}


.galleryPrev5 > div {
	display: block;
    min-height: 300px;
    width: 108%;
}

.galleryPrev5 > div:nth-child(1) {
	min-height: 300px;
}

.galleryPrev5 > div > small {
	display: block;
	padding: 2em 0;
	color: #999;
	padding-left: 0.5em;
    font-family: 'cal';
    font-size: 15px;
}


.galleryPrev5 > div:nth-child(2) {
	/* width: 37%; */
    min-height: 300px;

}

.galleryPrev5 > div > div {
	background: #F9FBFB;
	min-height: 150px;
	-webkit-box-shadow: #CCC 0 2px 3px 2px;
	-moz-box-shadow: #CCC 0 2px 3px 2px;
	box-shadow: #CCC 0 2px 3px 2px;
	/* --------------- */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}

.galleryPrev5 > div > div > span:nth-child(1) {
	display: block;
	height: 600px;
	background: #FFF;
	overflow: hidden;
    position: relative;
    background: #FFF;
}


.galleryPrev5 > div > div > span:nth-child(1) > img {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.galleryPrev5 > div > div > span:nth-child(2) {
	display: block;
    min-height: 20px;
    font-family: 'Calibri';
	/* background: #EEE; */
	border-bottom: 1px #CCC dotted;
	padding: 1em;
	color: #777;
    transition: all 0.5s ease-out 0.1s;
    border-top: 1px dotted #999;
}

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

.galleryPrev5 > div > div > span:nth-child(3) {
	display: flex;
	justify-content: space-between;
	min-height: 20px;
	/* background: #EEE; */
	border-top: 1px #CCC dotted;
	padding: 0.9em;
    color: #777;

}


.galleryPrev5 > div > div > span:nth-child(3) > a {
	display: block;
	/* background: #EEE; */
	font-size: 13px;
	border-bottom: 1px #CCC dotted;
	padding: 0.5em 1em;
	color: #777;
	border: 1px solid #64AFDD;
	/*  */
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.galleryPrev5 > div > div > span:nth-child(3) > a:hover {
	background: #0064AE;
	color: #FFF;
}


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

.galleryPrev5 > div > div > span:nth-child(2) > a > strong {
	display: block;
	font-size: 18px;
	color: #333;
	text-transform: capitalize;
}

.galleryPrev5 > div > div > span:nth-child(2) > strong {
	display: block;
	font-size: 18px;
	color: #333;
	text-transform: capitalize;
}

.galleryPrev5 > div > div > span:nth-child(2):hover {
	/* background: #0B2535; */
}

.galleryPrev5 > div > div > span:nth-child(2):hover > a {
	color: #004055;
}

.galleryPrev5 > div > div > span:nth-child(2):hover > a > strong {
	color: #004055;
}

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









/* xxxxxxxxxxxxxxxxxxxxxxxxx */
#sectedoff {
    display: block;
    padding: 1.4em 0 0 0;
    margin-top: 3em;
    background: none;
    position: relative;
    /*  */
    -webkit-border-top: 1px dotted #5886b5;
    -moz-border-top: 1px dotted #5886b5;
    border-top: 1px dotted #5886b5;
    /*  */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


#sectedoff > span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    /* background: #7e7e7e; */
    color: #FFF;
    width: 30px;
    height: 30px;
    font-size: 12px;
    /*  */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*  */
    position: absolute;
    top: -13px;
    left: 0;
    right: 0;
    margin: 0 auto;

}



/* xxxxxxxxxxxxxxxxxxxxxxxxx */



#cartish {
    display: block;
    min-height: 20px;
}


#cartish > a {
    display: block;
    min-height: 20px;
    padding: 1em;
    background: #e02947;
    color: #FFF;
    text-align: center;
    /*  */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}


#cartish > a:hover {
    background: #11b442;
}




#cartdetails {
    display: grid;
    grid-template-columns:4fr 11fr;
    grid-gap: 0.5em;
    min-height: 50px;
    margin: 0 auto;
    padding: 3em 0 2em 0;
    width: 86%;
    border-bottom: 1px dotted #CCC;

}


#cartdetails > span {
    display: block;
    min-height: 50px;
}



#cartdetails > span:nth-child(1) {
    display: block;
    border-right: 1px dotted #CCC;
}

#cartIndic {
    display: block;
    padding: 0;
}

#cartdetails > span > span {
    display: block;
    font-family:  'Helvetica1';
    letter-spacing: -3px;
    font-weight: 100 !important;
    font-size: 54px !important;
    text-align: center;
    height: 55px;
    color: #555;
}


#cartdetails > span > small {
    display: block;
    min-height: 10px;
    font-size: 13px;
    color: #888;
    font-family: 'cal';
    padding: 0.5em 0;
    text-align: center;

}


#cartdetails > span:nth-child(1) > small,
#cartdetails > span:nth-child(1) > span:nth-child(1) {
    text-align: left;
}

#cartdetails > span:nth-child(2) > small,
#cartdetails > span:nth-child(2) > span:nth-child(1) {
    text-align: right;
}



/* payment  */

#underwood {
    display: block;
    min-height: 900px;
    /* width: 100vw; */
    padding: 0 0 3em 0;
    margin: 0;
    background: #EEE;
    position: relative;
}


#paymentholder {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 50%;
    height: 560px;
    /*  */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /*  */
    -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);

}

#paymentholder > div:nth-child(1) {
    display: block;
    background: #e29f21;
    /* position: relative; */
    /* z-index: 1; */

}


#paymentholder > div:nth-child(1) > div > h1 {
    display: block;
    color: #FFF;
    margin: 0 auto;
    text-align: center;
    padding: 0.4em 0 0.2em 0;
    font-size: 70px;


}

.padi {
    display: block;
    padding: 4em 0 0 0;
    min-height: 40px;
    text-align: left;
    margin: 0;
    line-height: 20px;
}


.padi > h1 {
    display: block;
    padding: 0 0 0.3em 0;
    min-height: 40px;
    text-align: left;
    margin: 0;
    line-height: 27px;
    letter-spacing: -4px;
}


.padi > small {
    display: block;
    padding: 0;
    width: 55%;
    color: #0177ad;
    text-align: left;
    margin: 0;
    line-height: 20px;
    padding: 0 0 0.7em 0;

}


#productholder {

    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #EEE;
    background: #b1b1b1;
    position: absolute;
    top: 244px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30%;
    height: 50px;
    z-index: 1;
    padding: 0 1em;

     /*  */
     -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
     box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
}



 

#productholder > span > img {
    display: block;
    width: 100%;
    height: auto;
}



#productholder > span:nth-child(2)  {
    display: block;
    padding: 0;
    position: relative;
    left: 60px;
}



#paybars {
    display: block;
    text-align: left;
    padding: 0.5em 1em 0.5em 0;
    min-height: 15px;
    font-size: 19px;
    font-weight: 800;
    /* background: #6d5112; */
    border-top: 2px solid rgb(235, 222, 153);
    border-bottom: 2px solid rgb(235, 222, 153);
    color: rgb(22, 64, 133);
}



#paybars2 {
    display: block;
    text-align: left;
    padding: 0.5em 1em 0.5em 0;
    min-height: 15px;
    font-size: 19px;
    font-weight: 800;
    /* background: #6d5112; */
    border-top: 2px solid rgb(235, 222, 153);
    border-bottom: 2px solid rgb(235, 222, 153);
    color: rgb(22, 64, 133);
}

#paybars > small {
    display: block;
    font-size: 13px;
    font-weight: lighter;
    color: rgb(185, 184, 184);
}


#paydetails {
    display: block;
    min-height: 50px;
    /* width: 95%;  */
    margin: 0 auto;
}

#paydetails > div {
    display: flex;
    justify-content: space-between;
    min-height: 10px;
    padding: 0.9em 1.5em;
    color: #FFF;

}


#paydetails > div > span:nth-child(2){
    display: block;
    font-size: 17px;
    font-weight: 800;

}


#paydetails > div:not(:last-child) {
    border-bottom: 1px dotted rgb(236, 227, 175);
}

#paydetails > div:last-child {
    font-size: 20px;
    padding: 0.9em 1em;
    height: 200px;
    background: #e6c350;
    color: #222;

}

#paydetails > div:nth-child(2) {
    background: #cc8e1a;
}



.padi2 {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 1em;
    min-height: 60px;
    padding:  4.5em 1em 1em 1em;
    background: #dddfe0;

}



.padi2 > span:nth-child(1){
    display: block;
    padding: 0;
}


.padi2 > span:nth-child(1) > span:nth-child(1){
    display: block;
    padding: 0;
    font-size: 28px;
    margin: 0;
    color: #1c1c2c;
    font-weight: 800;
}



.padi2 > span:nth-child(1) > span:nth-child(2){
    display: block;
    color: #999;
    padding: 0;
    margin: 0;
    font-family: 'cal';
}



/* xxxxxxxxxxxxxxx */

.padi2 > span:nth-child(2){
    display: block;
    text-align: right;
}


.subtitlse {
    display: block;
    font-size: 12px;
    color: #b0dcff;

}





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

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

}

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

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





/* 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-evenly;
	padding: 0.6em 0;
	margin: 9% auto;
	width: 100%;
	text-align: center;
	border-top: 1px #CCC dotted;
    border-bottom: 1px #CCC dotted;
    font-family: 'cal';

}



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

}





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

}


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




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

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

}

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

#ustats > span {
    display: block;
    background: #EEE;
    overflow: hidden;
    /*  */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

}


#ustats > span:not(:last-child) {
	border-right: 1px dotted #CCC;
	/* padding-right: 3.2%; */

}

#ustats > span > h1 {
	display: block;
	color: #3F9DD6;
	font-size: 55px;
	text-align: center;
	padding: 0.6em 0;
	margin: 0;
}




#ustats > span > span {
    display: flex;
    justify-content: center;
	color: #999;
	font-size: 13px;
	text-align: center;
	padding: 1em;
    margin: 0;
    border-top: 1px dotted #CCC;
}


#ustats > span > span > span:nth-child(1) {
    display: block;
	padding: 0 1em 0 0;
    margin: 0;
    font-size: 11px;

}


#ustats > span > a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
	padding: 1.55em;
    margin: 0;
    font-size: 11px;

}



#ustats > span > a:hover {
    color: #3286f5;
    background: #c0d6f0;
}


#ustats > span > a > span:nth-child(1) {
    display: block;
	padding-right: 1em;
    margin: 0;
    font-size: 11px;

}


#ustats > span > a > span:nth-child(2) {
    display: block;
    margin: 0;
    font-size: 15px;

}

#ustats > span > a:not(:last-child) {
    border-bottom: 1px dotted #CCC;

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






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

.galleryPrev6 {
	padding: 1em 0;
	column-count: 2;
	column-gap: 40px;
	margin: 0 auto;
	font-size: 14px;
    padding: 2.4em 2em;
    background: #EEE;
    /*  */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*  */
	/* 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.7em 0;
	color: #555;
}


.galleryPrev6 > span:not(:last-child) {
	border-bottom: 1px #CCC dotted;
}



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










/* 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;
}



#userProfileHead > small {
	display: block;
	color: #777;
}




#editmyprofile {
	display: flex;
	justify-content: space-evenly;
	padding: 0.6em 0;
	margin: 9% auto;
	width: 100%;
	text-align: center;
	border-top: 1px #CCC dotted;
	border-bottom: 1px #CCC dotted;

}



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

}





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

}


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






/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */

 




 

 



/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */





/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */


.nada {
    display: grid;
    grid-template-columns: 1fr 7fr;
    grid-gap: 1em;
    position: relative;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 2;
    margin: 0 auto;
    width: 50%;
    padding: 1em;
    min-height: 26px !important;
    text-align: left;
    background: #3a4949;
    color: #FFF;
    opacity: 0.5;
    filter: alpha(opacity=50);
    /*  */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    	/*  */
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);

}





.nada > span:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 30%; */
    font-size: 30px;
    padding: 0.5em 0 0 0;
    margin: 0;
    height: 20px !important;

}


.nada > span:nth-child(2) {
    text-align: left;
    min-height: 10px !important;
    padding: 0;
    margin: 0;
    align-items: center;
    font-size: 14px;
    color: #a3c0ad;

}

.nada > span:nth-child(2) > strong {
    display: block;
    font-weight: 800;

}




/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */



#sidemenus {
    display: block;
    min-height: 100px;
    background: none;
    color: #CCC;
    /*  */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
	/*  */
	/* -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.2), 5px -5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.2), 5px -5px 5px rgba(0, 0, 0, 0.1);
	box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.2), 5px -5px 5px rgba(0, 0, 0, 0.1); */
}


#sidetop {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.8em 0 0.8em 1.4em;
    min-height: 10px;
    color: #313875;
    background: #bcc7dd;
    font-weight: 900;

}


#sidetop > span:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    /* color: #444; */
    font-size: 17px;
    padding: 0 1em 0 0;
    width: 10px;

}


#sidetop > span:nth-child(2) {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /* color: #cecece; */
    font-size: 22px;
    font-weight: 900;

    font-family: 'hightlight-1';

}

/* xxxxxxxxxxxxxxxxxxxx */


#qlinks {
    display: block;
    min-height: 30px;
    /* background: #616161; */


}


#qlinks > a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 10px;
    padding: 1em;
    color: #FFF;
    background: #EEE;
    font-family: 'hightlight-1';
    font-size: 16px;
    font-weight: lighter;
    /* background: -webkit-linear-gradient(to bottom, #777,  #5e5d5d);
    background: -moz-linear-gradient(to bottom, #777, #5e5d5d);
    background: linear-gradient(to bottom, #777, #5e5d5d); */

}


#qlinks > a:nth-child(1) {
    display: flex;
    justify-content: flex-start;
    height: 120px;
    overflow: hidden;
    background: #0f161d;
    background: -webkit-linear-gradient(to right, #0b1a3b, #1164a8);
    background: -moz-linear-gradient(to right, #0b1a3b, #1164a8);
    background: linear-gradient(to right, #0b1a3b, #1164a8);
    margin-bottom: 1em;
    padding: 0;
   

}


#qlinks > a:nth-child(1):hover {
    background: -webkit-linear-gradient(to right, #cc8107, #ffc508);
    background: -moz-linear-gradient(to right, #cc8107, #ffc508);
    background: linear-gradient(to right, #cc8107, #ffc508);
    color: #000000;

}

#qlinks > a:nth-child(1):hover > span:nth-child(2) > span:nth-child(2)  {
    color: #333;
}

#qlinks > a:nth-child(1) > span:nth-child(1) {
    display: block;
    width: 100px;
    min-height: 70px;
    padding: 0.4em 0.4em 0 0.4em; 
    position: relative;
    top: 35px;

}



#qlinks > a:nth-child(1) > span:nth-child(1) > img {
    display: block;
    width: 80px;
    height: auto;

}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


 




#qlinks > a:nth-child(1) > span:nth-child(2) > span:nth-child(1) {
    display: block;
    /* width: 10px; */
    min-height: 10px;
    padding: 0.4em 0.4em 0 0.4em; 
    font-family: 'opnSans';
    font-weight: lighter;
    font-size: 18px;

}


#qlinks > a:nth-child(1) > span:nth-child(2) {
    display: block;
    padding: 0 0 0 0.4em;
}



#qlinks > a:nth-child(1) > span:nth-child(2) > span:nth-child(2) {
    display: block;
    width: 90%;
    min-height: 10px;
    padding: 0 0 0 0.4em; 
    font-size: 14px;
    font-family: 'cal';
    text-align: left;
    font-size: 13px;
    color:rgb(178, 201, 250);

}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


#qlinks > a:hover {
    background: -webkit-linear-gradient(to bottom right, #414658,  #5c76db);
    background: -moz-linear-gradient(to bottom right, #414658,  #5c76db);
    background: linear-gradient(to bottom right, #414658,  #5c76db);
    border-bottom: 1px dotted #1A4B9D;

}




#qlinks > a > span:nth-child(1) {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 1em 0 0;
    font-size: 18px;

}

#qlinks > a:not(:last-child) {
    border-bottom: 1px dotted #2d6b94;

}


#qlinks > a:not(:first-child){
    color: rgb(10, 30, 51)

}


#qlinks > a:not(:first-child):hover{
    color: #f0f7ff

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx */


.sideaddy {
	display: block;
	height: 510px;
	background: #a1a1a1;
	margin: 0;
	padding: 0;
	/*  */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}



.sideaddy > span:nth-child(1) {
	display: block;
	height: 325px;
	background: #979797;
	overflow: hidden;
	padding: 0;
	margin: 0;
}


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

/* ======= */


.sideaddy > span:nth-child(2) {
	display: block;
	min-height: 10px;
    margin: 0;
    color: #EEE;
    font-family: 'cal';
	/* width: 99%; */
	background: #745555;
	overflow: hidden;
	padding: 1em;
    text-align: left;
    font-size: 14px;
}

/* ======= */

.sideaddy > span:nth-child(3) {
	display: block;
	min-height: 150px;
    margin: 0;
    color: #EEE;
    font-family: 'cal';
	/* width: 99%; */
	background: #5b83cc;
	overflow: hidden;
	padding: 1em;
    text-align: left;
    font-size: 16px;
}


.sideaddy > span:nth-child(3) > span > a {
    display: block;
    margin-top: 1em;
    background: #3286f5;
    background: #22518f;
    /*  */
    background: -webkit-linear-gradient(to bottom, #3040c4, #3b4ff0);
    background: -moz-linear-gradient(to bottom, #3040c4, #3b4ff0);
    background: linear-gradient(to bottom, #3040c4, #3b4ff0);
    /*  */
    color: #FFF;
    width: 90%;
    padding: 0.7em 1em;
    font-size: 17px;
    /*  */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    	/*  */
	-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);
    font-family: 'hightlight-2';


}


.sideaddy > span:nth-child(3) > span > a > strong {
    display: inline-block;
    padding: 0 0.3em 0 0;
    font-weight: 9800;
    color:#abc9f0;
    font-family: 'hightlight-2';
}

.sideaddy > span:nth-child(3) > span > a:hover {
    background: #039c61;
}






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

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

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

}

.qbody > small {
    display: block;
    padding-bottom: 0.4em;
    color: #e0e8ff;
    font-family: 'cal';

}



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

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

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

#incontent {
    display: block;
    min-height: 20px;
    font-family: 'cal';
    font-size: 15px;
    color: #444;
    position: relative;
    z-index: 100;
    padding: 2em 0;

}




.paddeds  {
    display: block;
    min-height: 10px;
    position: relative;
}


.paddeds > h5 {
    display: block;
    font-size: 37px;
    letter-spacing: -2px;
    /* background: #DDD; */
    min-height: 10px;
    padding: 2em 0 0.7em 0;
    font-family: 'firaSans';
    font-weight: lighter;
    line-height: 35px;
    color: #5c67bd;

}



.paddeds > img {
    display: block;
    width: 300px;
    height: auto;
    float: left;
    margin: 0 2em 1em 0;
    padding: 1em 0 0 0;
}




.paddeds > form {
	display: block;
	padding: 1em;
	min-height: 10px;
    background: #d7e7f7;
    position: relative;
        /*  */
	-webkit-box-shadow: 5px 5px 1px rgba(42, 62, 121, 0.1);
	-moz-box-shadow: 5px 5px 1px rgba(42, 62, 121, 0.1);
	box-shadow: 5px 5px 1px rgba(42, 62, 121, 0.1);

}

.paddeds > form > input[type="reset"],
.paddeds > form > input[type="button"],
.paddeds > form > input[type="submit"] {
	display: inline-block;
	padding: 0.9em 1em;
    min-height: 10px;
    outline: none;
    border: 1px dotted #CCC;
    margin: 0 0.4em 0 0;
    background: #03c1da;
    color: #FFF;

}

.paddeds > form > input[type="reset"]:hover,
.paddeds > form > input[type="button"]:hover,
.paddeds > form > input[type="submit"]:hover {
    background: #2ebe4d;
}

.paddeds > form > input[type="email"],
.paddeds > form > input[type="text"] {
	display: block;
	padding: 1em;
    min-height: 10px;
    outline: none;
    border: 1px dotted #b4c8d6;
    margin: 0 0 0.6em 0;
    width: 100%;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    /*  */
    /*  */
    -webkit-box-shadow: inset 3px 5px 1px rgba(109, 177, 255, 0.1);
    -moz-box-shadow: inset 3px 5px 1px rgba(109, 177, 255, 0.1);
    box-shadow: inset 3px 5px 1px rgba(109, 177, 255, 0.1);

}


.paddeds > form > label {
    display: block;
    font-size: 12px;
    position: absolute;
    z-index: 4;
    right: 0;
    transform: translate(-35px, -40px);
    color: #888;
}


.paddeds > form > textarea {
	padding: 1em;
    min-height: 10px;
    outline: none;
    border: 1px dotted #b4c8d6;
    margin: 0 0 0.6em 0;
    width: 100%;
    font-family: 'cal';
    font-size: 16px;
    color: #777;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*  */
    -webkit-box-shadow: inset 3px 5px 1px rgba(109, 177, 255, 0.1);
    -moz-box-shadow: inset 3px 5px 1px rgba(109, 177, 255, 0.1);
    box-shadow: inset 3px 5px 1px rgba(109, 177, 255, 0.1);
}





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

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


.xtradata > span {
    display: block;
    min-height: 10px;
    font-family: 'cal';
    font-size: 13px;
}


.xtradata > strong {
    display: block;
    min-height: 10px;
    font-family: 'cal';
    font-size: 14px;
    
}


.xtradata > a {
    display: block;
    min-height: 10px;
    font-family: 'cal';
    color: #2a97e9;

    
}

.xtradata > span > a {
    display: inline-block;
    font-family: 'cal';
    color: #2a97e9;
    padding: 0 0.5em;
    font-size: 13px;
}
/* xxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxx */


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





#displayreviews > div {
    display: block;
    min-height: 5px;
    padding: 1em;
    background: #f0f7fb;
    color: #888;
    font-family: 'cal';
    font-size: 13px;
    /*  */
	-webkit-box-shadow: 5px 5px 1px rgba(42, 62, 121, 0.1);
	-moz-box-shadow: 5px 5px 1px rgba(42, 62, 121, 0.1);
	box-shadow: 5px 5px 1px rgba(42, 62, 121, 0.1);

}

#displayreviews > div > strong {
    display: block;
    color: rgb(27, 28, 41);
    font-family: 'cal';
    font-size: 14px;
    font-weight: 700;
    padding: 1em 0 0 0;

}



#displayreviews > div > div {
    display: block;
    font-family: 'cal';
    font-size: 17px;
    min-height: 10px;
}

/* xxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxx */


#linebuttons {
    display: block;
    margin: 0;
    min-height: 10px;
}




/* xxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxx */




#testify {
    display: flex;
    justify-content: space-between;
    min-height: 10px;
    border-top: #085a75 1px dotted;
    position: absolute;
    bottom: 0;
    z-index: 100;
    width: 99%;
    padding: 0 1em;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



#testify > a {
    display: block;
    padding: 1em 0;
    min-height: 14px;
    font-family: 'cal';
    color: #b3c7f3;
    border-bottom: #205699  2px solid;
        /*  */
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}



#testify > a:hover {
    color: #a9faef;
    border-bottom: #09b8f3 2px solid;
}



 


/* xxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxx */

#profiledetails {
    display: none;
}


#testrigger {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    border: 1px solid #c8d2df;
    margin-bottom: 15px;
    background:#eef4fb;
    height: 23px;
    color: #a1a4af;
    color: #3e80a3;

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


#testrigger:hover {
    background:#7f9fc5;
    color: #FFF;

}


#testrigger:hover {
    background:#7f9fc5;
    color: #FFF;

}


#testrigger > span:nth-child() {
    display: block;
    font-size: 14px;

}


#testrigger > span:nth-child(2) {
    display: block;
    font-size: 14px;

    padding: 0.2em 0 0 0;
}


#collapseform {
    display: block;
    height: 35px;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}




/* xxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxx */


.uppy {
    display: block;
    padding: 1em;
    min-height: 300px;
    background: #EEE;
    width: 100%;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}





.uppy > form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
    padding: 0.5em;
}


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


.uppy > form > div > div {
    display:  flex;
    justify-content: space-between;
    padding: 0.8em;
    border: 1px dotted #CCC;
    background: rgb(246, 246, 246);
    margin-bottom: 0.3em;
    /* width: 70%; */

}



.uppy > form > div > div > span {
    display:  block;
    width: 70%;

}

.uppy > form > div > div > label {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 13px;
    text-align: right;
    color: #999;
    font-family: 'cal';
}



.uppy > form > div > div > span > select,
.uppy > form > div > div > span > input[type="text"] {
    display:  block;
    font-size: 16px;
    border: 1px dotted #CCC;
    padding: 0.5em;
    width: 100%;
    outline: none;
    background: none;
}



#content > div.uppy > form > p,
.uppy > p {
    display: block;
    min-height: 40px;
    background: #EEE;
    font-size: 14px;
    color: #888;
}




#content > div.uppy > form > label,
.uppy > label {
    display: block;
    min-height: 5px;
    font-size: 14px;
    color: #888;
    padding: 0 0 0.3em 0;
}


#content > div.uppy > form > input[type="text"],
.uppy > form > input[type="text"] {
    display: block;
    padding: 1em;
    min-height: 20px;
    width: 100%;
    margin-bottom: 0.6em;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*  */
    border: 1px dotted #CCC;
}




.uppy > form > div > input[type='reset'],
.uppy > form > div > input[type='button'],
.uppy > form > div > input[type='Submit'] {
    display: block;
    padding: 1.4em 1em;
    min-height: 20px;
    width: 100%;
    margin-bottom: 0.6em;
    background: #0064AE;
    color: #FFF;
    outline: none;
    border: none;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}





#rorholder {
    display: block;
    padding: 2em 0.3em;
    min-height: 10px;
}


#rorholder > img {
    display: block;
    width: 300px;
    height: auto;
    float: left;
    padding: 0 1.9em 1.9em 0;
}

#rorholder > h6 {
    display: block;
    padding: 0 0 0.6em 0;
    min-height: 0px;
    font-size: 27px;
    font-family: 'fredoka';
    line-height: 30px;
    letter-spacing: -1px;
    color: #555;
}


#rorholder > a {
    display: flex;
    justify-content: flex-start;
    font-size: 15px;
    padding: 0.9em 1em;
    margin: 1.5em 0 0 0;
    background: #22518f;
    /* width: 80%; */
    background: -webkit-linear-gradient(to bottom, #3071c7, #22518f);
    background: -moz-linear-gradient(to bottom, #3071c7, #22518f);
    background: linear-gradient(to bottom, #3071c7, #22518f);
    color: #FFF;
    /*  */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}



#rorholder > a:hover {

    background: -webkit-linear-gradient(to bottom, #f0df4b, #a76a08);
    background: -moz-linear-gradient(to bottom, #f0df4b, #a76a08);
    background: linear-gradient(to bottom, #f0df4b, #a76a08);

}










/* xxxxxxxxxxxxxxxxxxx */
/* trending */
/* xxxxxxxxxxxxxxxxxxx */






/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* galleryprevprod */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#galleryprevprod {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 1em;
    padding: 2em 0;
    font-family: 'cal';

}


#galleryprevprod > span {
	display: block;
	overflow: hidden;

	/*  */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #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); */
}



#galleryprevprod > span > a:nth-child(1) {
	display: block;
	overflow: hidden;
    height: 180px;
    position: relative;
}


#galleryprevprod > span > a > img {
	display: block;
	height: auto;
    width: 110%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
}



#galleryprevprod > span > span:nth-child(2) {
	display: block;
	overflow: hidden;
    min-height: 50px;
    padding: 0 0.7em  1em  1.2em;
}


#galleryprevprod > span > span:nth-child(2) > strong {
	display: block;
	padding: 0;
	background: #075A98;
	color: #FFF;

}

#galleryprevprod > span > span:nth-child(2) > span {
	display: block;
	padding: 0.9em 0.7em 0.2em 0;
	color: #888;
	font-size: 15px;
	font-weight: 800;

}

#galleryprevprod > span > span:nth-child(2) > small {
	display: block;
	padding: 0;
	color: #999;
	font-size: 12px;

}

#galleryprevprod > span > span:nth-child(3) {
	display: flex;
	justify-content: space-between;
	border-top: 1px dotted #999;
	padding: 0.6em;

}

#galleryprevprod > span > span:nth-child(3) > a {
	display: block;
	border: 1px dotted #999;
	padding: 0.4em 1em;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #FDFDFD;

}


#galleryprevprod > span > span:nth-child(3) > a:hover {
	background: #1A4B9D;
	color: #ABEBF3;

}



#minmenu {
    display: none;

}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* galleryprev */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */






#profileholder {
    display: flex;
    justify-content: flex-start;
    padding: 0 0 0 2em;
    min-height: 10px;
    width: 85%;
}
/* xxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxx */

#assoc {
    display: block;
    min-height: 10px;
    padding: 0.4em 0 0 0;

}


#assoc > a {
    display: flex;
    justify-content: flex-start;
    padding: 0;
    min-height: 20px;
    /*  */
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    border: 1px solid rgb(211, 211, 211);
    /*  */
    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 15px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}


#assoc > a:hover {

    color: #EEE;
    /*  */
    background: -webkit-linear-gradient(to bottom, #0815ad, #2bacff);
    background: -moz-linear-gradient(to bottom, #0815ad, #2bacff);
    background: linear-gradient(to bottom, #0815ad, #2bacff);
}



#assoc > a > span:nth-child(1){
    display: block;
    padding: 0 1em 0 0;


}


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



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


#cartshow {
    display: block;
    padding: 0;
    margin: 0;
    min-height: 20px;
    text-align: center;
    border-bottom: 1px dotted #8f8f8f;
}

#cartshow > span {
    display: block;
    width: 65%;
    padding: 0.7em 0;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}


.minuts {
    display: block;
    padding: 0.1em 0;
    color: #999;
    font-size: 13px;
    font-family: 'cal';
}

#newcart {
    display: block;
    min-height: 1px;

}

#newcart > tr:nth-child(even) {
	background-color: rgb(90, 90, 90);
}

#newcart > table, th, td {
	border-bottom: 1px dotted #999;
	text-align: left;
	font-size: 14px;
	font-family: 'cal';
}

#newcart > table, th, td > strong {
	font-family: 'cal';
}


#newcart > tr:nth-child(even) {
	background-color: #474747;
}


#newcart > table > tr:hover {
	background-color: #3f3f3f
};


#carter > div > table > tbody > tr  > td > span > a,
td > a {
    display: block;
    color: #2a4a64;
    font-size: 14px;

}

/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */




/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */



#tabltodiv {
    display: block;
    min-height: 100px;
    padding: 0;
    font-size: 14px;
    color: #EEE;
    font-family: 'cal';
}


#tabltodiv > span {
    display: grid;
    grid-template-columns: 1fr 10fr 4fr 4fr;
    grid-gap: 0.2em;
    min-height: 20px;
    padding: 0;
    font-size: 14px;
    color: #EEE;
    border-bottom: 1px solid rgb(88, 152, 236);

}


#tabltodiv > span:hover {
    background: #201f80;
    -webkit-transition: all 0.8s ease-in-out 0.01s;
    -moz-transition: all 0.8s ease-in-out 0.01s;
    transition: all 0.8s ease-in-out 0.01s;
}


#tabltodiv > span:nth-child(1) {
    font-weight: 800;
}
#tabltodiv > span > span {
    padding: 1em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#tabltodiv > span > span {
    padding: 1em;
}

#tabltodiv > span > span:nth-child(4) > a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: #1a57a7;
    color: #EEE;
    height: 26px;
    width: 80px;
}

#tabltodiv > span > span:nth-child(4) > a:hover {
    background: #be1c17;
}






.gree {
    display: flex;
    justify-content: center !important;
    align-items: center;
    text-align: center !important;
    background: rgb(156, 156, 156) !important;
    height: 65px;
    color: #DDD;
    font-size: 18px;
    margin-top: 0.5em;
}



/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */





#socialholder {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
    min-height: 200px;
    width: 70%;
    margin: 0 auto;
}


#socialholder > span {
    display: block;
    border: 1px dotted #CCC;
    overflow: hidden;
    height: 250px;
    /* width: 70%; */
    padding: 0 0 0.4em 0;
    text-align: center;
    /*  */
	-webkit-box-shadow: 0 0 15px rgba(88, 88, 88, 0.1);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}


#socialholder > span > span:nth-child(1) {
    display: block;
    padding-top: 25%;
    height: 60px;
    width: 45%;
    margin: 0 auto;
    font-size: 32px;


}




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


#dcovers {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 900px;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1;
    background: rgb(241, 241, 241)
}


#dcovers > div:nth-child(1) {
    display: flex;
    justify-content: flex-end;
    min-height: 900px;
    padding: 0;


}






#dcovers > div:nth-child(2) {
    display: flex;
    justify-content: flex-start;
    min-height: 900px;
    padding: 1em 0;
    background: #2a5aa8;

}



#scontent {
    display: block;
    width: 50%;
    min-height: 300px;
    max-height: 650px;
    padding: 3em 0 0 0;
    color: #FFF;
    background: #2d4f9e;
    /*  */
    -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);
}
 


#profileholder {
    display: flex;
    justify-content: flex-start;
    padding: 0 0 0 2em;
    min-height: 10px;
    width: 85%;
}
/* xxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxx */

#assoc {
    display: block;
    min-height: 10px;
    padding: 0.4em 0 0 0;

}


#assoc > a {
    display: flex;
    justify-content: flex-start;
    padding: 0;
    min-height: 20px;
    /*  */
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    border: 1px solid rgb(211, 211, 211);
    /*  */
    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 15px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}


#assoc > a:hover {

    color: #EEE;
    /*  */
    background: -webkit-linear-gradient(to bottom, #1a1a1a, #585858);
    background: -moz-linear-gradient(to bottom, #1a1a1a, #585858);
    background: linear-gradient(to bottom, #1a1a1a, #585858);
}




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


#smenu {
    display: grid;
    grid-template-columns:  1fr 1fr 1fr 1fr;
    border-bottom: 1px solid #CCC;
    height: 55px;
    padding: 0 3em;
}

#smenu > a {
    display: block;
    padding: 1em;
    min-height: 40px;
    color:#999;
    text-align: center;
    font-size: 16px;
}

#smenu > a > strong {
    font-weight: 700;
    color: #1d8cd6;
}



 /* PAYMENT  */
/* ======================= */

#carder {
    display: grid;
    grid-template-columns: 3fr 5fr;
    min-height: 480px;
    width: 50%;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*  */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /*  */
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

}




#carder > div:nth-child(1) {
    display: block;
    min-height: 250px;
    background: #FFF;
    position: relative;
    /* padding: 1em;    */
}



#carder > div:nth-child(2) {
    display: block;
    position: relative;
    min-height: 250px;
    background: rgb(27, 36, 87);
    background: -webkit-linear-gradient(to right, #1b2457, #2053a5);
    background: -moz-linear-gradient(to right, #1b2457, #2053a5);
    background: linear-gradient(to right, #1b2457, #2053a5);
    /* padding: 1em;    */

}



#carder > div:nth-child(1) > div:nth-child(3) {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    /* padding: 1em;    */

}


.topper {
    display: block;
    padding: 1.4em;
    min-height: 20px;
}

.grelinebottom {
    border-bottom: 1px dotted #CCC;
    color: #999;
}

.bluelinebottom {
    border-bottom: 1px dotted #3a66ad;
    color: #74aee0;
}

.greylinetop {
    border-top: 1px dotted #CCC;
}

.bluelinetop {
    display: block;
    border-top: 1px dotted #3a66ad;
    color: #acceeb;
}


.midder {
    display: block;
    min-height: 300px;
    padding: 1em 1em 1em 2em;
}


#all > div.pgcenterx2 > div.shad.yt > div.pregal > h4 > strong {
    display: block;
    font-size: 46px;
    color: #222;
    font-family: 'khand';
}

#pydetails2 > div,
#pydetails > div {
    display: flex;
    justify-content: space-between;
    grid-gap: 0.5em;
    padding: 0.4em 0;
    min-height: 27px;
    text-align: left;
}

#pydetails2 > div:nth-child(2) > div:nth-child(1) > small,
#pydetails2 > div > small,
#pydetails > div:nth-child(2) > div:nth-child(1) > small,
#pydetails > div > small {
    display: inline-block;
    padding: 0.2em 0 0 0.5em;
    color: #0064AE;
    text-align: left;

}


#pydetails2 > div:not(:last-child),
#pydetails > div:not(:last-child) {
    border-bottom: 1px dotted #DDD;
}


#pydetails2 > div > div:nth-child(1),
#pydetails > div > div:nth-child(1) {
    display: flex;
    justify-content: flex-start;
    text-align: left;
    color: rgb(158, 158, 158);
    font-weight: lighter;
    font-size: 14px;
    padding: 0.3em 0.4em;
    text-align: left;

}


#pydetails2 > div > div:nth-child(2),
#pydetails > div > div:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    color: rgb(51, 72, 105);
    font-weight: 800;
    font-size: 14px;
    padding: 0.3em 0.4em;
    text-align: center;
    letter-spacing: 0px;

}




#pydetails2 {
    height: 190px !important;
    max-height: 200px;
    padding: 0.4em 0.8em 1em 0;
    overflow-y: scroll;
    border-top: 1px dotted #cc8e1a;
    border-bottom: 1px dotted #cc8e1a;
}


#pydetails {
    display: block;
    padding: 0.2em 0;
    min-height: 20px;
    text-align: left;
    /* border-bottom: 1px dotted #DDD; */
}

/* xxxxxxxxxxxxxxxx */
#carder > div:nth-child(2) > div.midder,
#pydetails > div > div:nth-child(2) > .midder {
    display: block;
    padding: 0;
    margin: 0;


}


.bluside {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dotted #4e96d4;
    min-height: 20px;
    color: #75bbf8;
    padding: 1em;

}

.bluside > span:nth-child(2) {
    display: block;
    color: #b7dcfd;
    font-weight: 800;

}




/* xxxxxxxxxxxxxxxxx */



.bluside2 {
    display: flex;
    justify-content: space-between;
    min-height: 10px;
    color: #75bbf8;
    padding: 0;
    font-size: 13px;

}

.bluside2 > span:nth-child(2) {
    display: block;
    color: #333;
    font-weight: 800;

}




#carder > div:nth-child(2) > div.topper {
    display: block !important;
}



#carder > div:nth-child(2) > div.topper.bluelinetop > a {
    display: flex;
    justify-content: space-between;
    padding: 0.2em;
    min-height: 10px;
    color: #94b1f1;
    width: 100%;
}

#carder > div:nth-child(2) > div.topper.bluelinetop > a:hover {
    color: #FFF;
}


#payforms {
    display: block;
    color: #5ca9f1;
    padding:  2em 7%;
    min-height: 240px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
     box-sizing: border-box;
}



.sticktobottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}




 /* PAYMENT  */
/* ======================= */

#carter {
    display: block;
    min-height: 300px;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2;
    top: 11%;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0 auto;
    background: none;

}


.catalina {
    display: block;
    font-family: 'opnSans';
    padding: 2em 0 0.3em 0.3em;
    font-size: 25px;
}


#carter > div:nth-child(1) {
    display: block;
    min-height: 50px;
    background: rgb(236, 236, 236);
    position: relative;
    z-index: 3;
    /*  */
    -webkit-box-shadow: 4px 4px 22px rgba(0, 0, 0, 0.1), -4px 4px 7px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 22px rgba(0, 0, 0, 0.1), -4px 4px 7px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 22px rgba(0, 0, 0, 0.1), -4px 4px 7px rgba(0, 0, 0, 0.1);
    /* padding: 1em;    */
}



#carter > div:nth-child(2) {
    display: block;
    position: relative;
    min-height: 250px;
    background: none;
    margin: 3em 0 0 0;
    position: relative;
    z-index: 2;
    /* border-left: 1px solid #999; */
    /* padding: 1em;    */
}


#carter > div:nth-child(4) {



}


#profdetails {
    display: block;
    background: #EEE;
    min-height: 100px;
    margin: 5em auto 1em auto;; 
    overflow: hidden;
    width: 98%;

    /*  */
    background: -webkit-linear-gradient(to bottom, #826fb8, #FFF);
    background: -moz-linear-gradient(to bottom, #826fb8, #FFF);
    background: linear-gradient(to bottom, #826fb8, #FFF);
    /*  */
    /* -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px; */
    /*  */
    -webkit-box-shadow: 4px 4px 22px rgba(0, 0, 0, 0.1), -4px 4px 7px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 22px rgba(0, 0, 0, 0.1), -4px 4px 7px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 22px rgba(0, 0, 0, 0.1), -4px 4px 7px rgba(0, 0, 0, 0.1);
    
}



#mydetails {
    display: block;
    /* background: #555; */
    min-height: 10px;
    padding: 1em 0;
 
    margin: 0 auto;
    /* background: -webkit-linear-gradient(to right, #343e6e, #141829);
    background: -moz-linear-gradient(to right, #343e6e, #141829);
    background: linear-gradient(to right, #343e6e, #141829); */
}



#mydetails > span:nth-child(1){
    display: flex;
    justify-content: flex-start;
    min-height: 20px;
    padding: 0 1em;
}


#mydetails > span:nth-child(1) > span:nth-child(1) {
    display: block;
    height: 30px;
    width: 30px;
    padding: 0.5em;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    /* background: rgb(131, 129, 129); */
    -webkit-border: 1px dotted #FFF;
    -moz-border: 1px dotted #FFF;
    border: 1px dotted #FFF;
}

#mydetails > span:nth-child(1) >  span:nth-child(1) > span {
    display: block;
    height: 30px;
    width: 30px;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    background: rgb(124, 124, 124);
    overflow: hidden;
}

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

}


#mydetails > span:nth-child(1) >  span:nth-child(2) {
    display: block;
    width: 65%;
    padding: 0.2em 0 0 1em;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
}


#mydetails > span:nth-child(1) >  span:nth-child(2) > small {
    display: block;
    color: #dcd0fb;
    font-size: 13px;
    font-weight: 100;

}




/* xxxxxxxxxxxxxxxxxxxx */

#mydetails > span:nth-child(2){
    display: none;
    justify-content: space-between;
    min-height: 10px;
    border-top: 1px dotted #999;
    padding: 0.8em 1.4em;
    color: #DDD;
    font-size: 12px;


}

#mydetails > span:nth-child(2) > span:nth-child(2){
    display: block;
    text-align: right;


}



#totaldetails{
    display: block;
    min-height: 50px;
    padding: 1em;
    background: #cfe0e6;
}


#totaldetails > a {
    display: flex;
    justify-content: space-between;
    padding: 0.5em;
    min-height: 10px;
    background: -webkit-linear-gradient(to right, #3d1f83, #8a2cb6);
    background: -moz-linear-gradient(to right, #3d1f83, #8a2cb6);
    background: linear-gradient(to right, #3d1f83, #8a2cb6);
    color: #FFF;
    font-size: 18px;
    /*  */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


#totaldetails > a:hover {
    background: -webkit-linear-gradient(to right, #d84a8c, #a80652);
    background: -moz-linear-gradient(to right, #d84a8c, #a80652);
    background: linear-gradient(to right, #d84a8c, #a80652);
}

#totaldetails > a:hover > span:nth-child(2) {
    background: #e473a8;
}


#totaldetails > a > span:nth-child(1) {
    padding: 0.5em;
    font-size: 18px;
}


#totaldetails > a > span:nth-child(2) {
    padding: 0.4em 1em;
    background: -webkit-linear-gradient(to right, #9575e0, #9d4dc2);
    background: -moz-linear-gradient(to right, #9575e0, #9d4dc2);
    background: linear-gradient(to right,#9575e0, #9d4dc2);
    font-size: 18px;
    /*  */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}


#mytotals {
    display: block;
    margin: 0 auto;
    width: 97%;
    min-height: 30px;
    padding: 0.6em 0;
    text-align: center;
    font-size: 30px;
    font-family: Tahoma, sans-serif;
    font-weight: 800;
    color: #FFF;
    background: -webkit-linear-gradient(to right, #3d1f83, #8a2cb6);
    background: -moz-linear-gradient(to right, #3d1f83, #8a2cb6);
    background: linear-gradient(to right, #3d1f83, #8a2cb6);

    /*  */
    -webkit-box-shadow: -4px 4px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: -4px 4px 3px rgba(0, 0, 0, 0.1);
    box-shadow: -4px 4px 3px rgba(0, 0, 0, 0.1);

}


#confirmform {
    display: block;
    margin: 0 auto;
    width: 94%;
    padding: 0 !important;
    border-bottom: 1px dotted #9fc7d6;
}


 


 
#confirmform > span:nth-child(1) {
    display: block;
    min-height: 10px;
    padding: 0 0 0.5em 0;
    color: #FFF;
    font-size: 16px;
}


/* ------------------------- */
#confirmform > span:nth-child(2) {
    display: block;
}


#confirmform > span:nth-child(2) > form {
    display: block;
    min-height: 10px;
}



#confirmform > span > form > span {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5em;
    min-height: 10px;
    padding: 0 0 0.4em 0;
    z-index: 1;
}


#confirmform > span > form > div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    height: 1px;
    max-height: 1px;
    position: relative;
    z-index: 2;

}
 
#confirmform > span > form > div > label {
    display: none;
    height: 4px;
    max-height: 1px;
    position: relative;
    width: 100%;
    text-align: right;
    right: 10px;
    top: -28px;
    color: #555;
    font-size: 12px;
    z-index: 4;
    

}



#confirmform > span > form > div,
#confirmform > span:nth-child(2) > form > div:nth-child(7),
#confirmform > span:nth-child(2) > form > div:nth-child(2) > div > label {
    display: none;
}


#confirmform > span > form > span > div {
    display: grid;
    grid-template-columns: 4fr 11fr;
    gap: 0.5em;
    min-height: 10px;
}


#confirmform > span:nth-child(2) > form > div:nth-child(5) {
    display: grid;
    grid-template-columns: 4fr 12fr;
    gap: 0.5em;
    min-height: 40px;
    padding: 0 0 0.65em 0;
}

 


#listish,
#confirmform > span:nth-child(2) > form > div:nth-child(5) > input[type=text],
#confirmform > span > form > span > div > input[type=tel],
#confirmform > span > form > span > div > input[type=text],
#confirmform > span > form > select,
#confirmform > span > form > input[type=tel],
#confirmform > span > form > input[type=email],
#confirmform > span > form > input[type=text],
#confirmform > span > form > span > input[type=tel],
#confirmform > span > form > span > input[type=email],
#confirmform > span > form > span > input[type=text]{
    display: block;
    margin:  0;
    outline: none;
    border: none;
    border-radius: 0;
    font-size: 15px;
    padding: 0.8em;
    font-weight: 800;
    color: #555;
    background: #EEE;
    font-family: 'worksansmedium';
    font-weight: 800;
    border: 1px solid #03254b;
    position: relative;
    letter-spacing: -1px;
    width: 100%;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*  */
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}



#confirmform > span > form > input[type=text]::placeholder,
#confirmform > span > form > input[type=text]:-ms-input-placeholder,
#confirmform > span > form > input[type=text]::-moz-placeholder,
#confirmform > span > form > input[type=text]::-webkit-input-placeholder {
    display: block;
    color: #777;
    font-size: 12px;
    position: absolute;
    right: 20px;
}

#listish,
#confirmform > span > form > select {
    margin-bottom: 0.5em;
}



#confirmform > span > a {
    display: flex;
    justify-content: space-between;
    padding: 0.5em;
    min-height: 10px;
    background: -webkit-linear-gradient(to right, #3d1f83, #8a2cb6);
    background: -moz-linear-gradient(to right, #3d1f83, #8a2cb6);
    background: linear-gradient(to right, #3d1f83, #8a2cb6);
    color: #FFF;
    font-size: 18px;
    /*  */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


#confirmform > span > a:hover {
    background: -webkit-linear-gradient(to right, #d84a8c, #a80652);
    background: -moz-linear-gradient(to right, #d84a8c, #a80652);
    background: linear-gradient(to right, #d84a8c, #a80652);
}

#confirmform > span > a:hover > span:nth-child(2) {
    background: #e473a8;
}


#confirmform > span > a > span:nth-child(1) {
    padding: 0.5em;
    font-size: 18px;
}


#confirmform > span > a > span:nth-child(2) {
    padding: 0.4em 1em;
    background: -webkit-linear-gradient(to right, #9575e0, #9d4dc2);
    background: -moz-linear-gradient(to right, #9575e0, #9d4dc2);
    background: linear-gradient(to right,#9575e0, #9d4dc2);
    font-size: 18px;
    /*  */
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}





#confirmform > span > form {
    display: block;
    box-shadow: unset;
}

 

#confirmform > span > form > input[type='submit']  {
    display: block;
    margin: 0 0 1em 0;
    border-radius: 0;
    font-size: 14px;
    padding: 1em;
    width: 100%;
    min-height: 50px;
    outline: none;
    border: none;
    color: #FFF;
    background: #D62E29;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}


#confirmform > span > form > input[type='submit']:hover {
    background: #029967;
    color: #FFF;
}


#cartbridfs {
    display: block;
    margin: 0 auto;
    width: 60%;
    padding: 5em 0 2em 0;

}

#ctitle {
    display: block;
    text-align: center;
    letter-spacing: 5px;
    font-weight: 600;
    font-size: 16px;
}

#cartbridfs > small {
    display: block;
    text-align: center;
    font-size: 13px;
    color: rgb(177, 177, 177);
    padding: 0.4em 0;
}


#catotals > h1,
#cartbridfs > h1 {
    display: block;
    text-align: center;
    color: rgb(177, 177, 177);
    padding: 0.5em 0;
    margin: 0 auto;
}

#citems {
    display: block;
    margin: 0 auto;
    border-top: 1px dotted #CCC;
    border-bottom: 1px dotted #CCC;
    padding: 0.6em 0;
    width: 50%;
    text-align: center;
}


#connectionsmsg {
    display: block;
    padding: 1em 1em 1em 2em;
    min-height: 10px;
    border-bottom: 1px dotted #CCC;
    color: #777;
    font-size: 13px;
    /*  */
    -webkit-border-top: 1px dotted #CCC;
    -moz-border-top: 1px dotted #CCC;
    border-top: 1px dotted #CCC;

}


#connectionsmsg > a {
    color: #039ae0;
    font-size: 13px;
}




#connectionsmsg > a:hover {
    color: #ea5b02;
}


#connectsign {
    display: flex;
    justify-content: flex-start;
    min-height: 10px;
    color: #868686;
    font-size: 14px;
    padding: 0.7em 1em;
}

#connectsign > span:nth-child(1){
    display: block;
    padding: 0 1em 0 0;
}


#footerx {
    display: block;
    height: 300px;
    background: rgb(221, 221, 221);
}

#subfoots {
    display: block;
    min-height: 20px;
    padding: 1.5em;
    background: #acc0e6;
    text-align: center;
}


#subfoots > #sublinks {
    display: block;
    min-height: 20px;
    padding: 0.1em;
    text-align: center;
}

#subfoots > #sublinks > a {
    display: inline-block;
    margin: 0 1em;
    padding: 0.3em;
    font-size: 13px;
    color: #888;

}


#footerx > #footstep2 {
    display: block;
    width: 30%;
    min-height: 100px;
    background: rgb(221, 221, 221);
    margin: 0 auto;
    padding: 2em 0 0 0;

}


#footerx > #footstep2 > #copys {
    display: block;
    text-align: center;
    color: #888;
    font-size: 14px;
}


#footerx > #footstep2 > #copys > strong {
    display: block;
}

#socials,
#footerx > #footstep2 > #copys > #socials {
    display: flex;
    justify-content: flex-end;
    min-height: 50px;
    padding: 1em 0;
}



#socials > a,
#footerx > #footstep2 > #copys > #socials > a {
    display: inline-block;
    padding:  0 1em;
    color: #999;
}

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

#footerx > #footstep2 > #copys > strong {
    display: block;
}


#nl{
    display: block;
    width: 60%;
    margin: 0 auto;
    padding: 1em 0 0 0;
}

#nl > form {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}


#nl > form > input[type='email']{
    display: block;
    padding: 0.8em;
    outline: none;
    border: none;
    background: #EEE;
    text-align: right;
    color: #888;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
}

#nl > form > input[type='submit']{
    display: block;
    padding: 0.8em 1.2em;
    text-align: center;
    outline: none;
    border: none;
    background: #0271cc;
    color: #FFF;
    /* ---------------------- */
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
}



.skele {
    display: block;
    padding: 1em 0 0 0 !important;
    margin: 0;
}




/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxx */

#compdiv {
    display: grid;
    grid-template-columns: 3fr 4fr;
    grid-gap: 1em;
    min-height: 350px;
    padding: 1em;
    border: 1px dotted #CCC;
    /* -------------------- */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* -------------------- */
    background: #f1f0f0;

}



#compdiv > span {
    display: block;
    min-height: 100px;
    padding: 0;
    margin: 0;
}

#compdiv > span:nth-child(1) {
    display: block;
    height: 500px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    /*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*  */
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    /*  */
    background: #DDD;

}

#compdiv > span:nth-child(1) > img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 115%;

}



#compdiv > span:nth-child(2) {
    display: block;
    padding: 1em;
    border: 1px dotted rgb(194, 194, 194);
    /*  */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

}



/* xxxxxxxxxxxxxxxxxxxxxxxx */

#ords {
    display: grid;
    grid-template-columns: 5fr 7fr;
    grid-gap: 1em;
    min-height: 40px;
    padding: 0.6em 0;

}


#ords > span:nth-child(1) {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    /* font-weight: 900; */
    font-size: 90px;
    letter-spacing: -1px;
    line-height: 75px;
    color: #000;
    letter-spacing: -5px;
    font-family: 'helvetica1';
    padding: 0;
    margin: 0;
    font-weight: lighter !important;
}


#ords > span:nth-child(2) {
    display: block;
    font-size: 14px;
}


#ords > span:nth-child(2) > span:nth-child(1) {
    display: block;
    font-weight: 900;
    font-size: 20px;
    color: #222;
    font-family: 'cal';
}


#ords > span:nth-child(2) > span:nth-child(2) {
    display: block;
    font-weight: 900;
    font-size: 16px;
    color: #999;
    padding: 0.7em;
    margin-top: 1em;
    background: #EEE;
    border: 1px dotted #bbbbbb;
}



#persdetails {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
    font-size: 13px;
    padding: 1em;
    background: #EEE;
    border: 1px dotted #bbbbbb;
}



#persdetails > strong {
    display: block;
    font-size: 15px;
    color: #111;
}

#persdetails > span {
    display: block;
    min-height: 20px;
    padding: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
}


#persdetails > span > span:nth-child(1) {
    display: block;
    font-size: 11px;
    font-family: 'cal';
    padding: 1em;
    background: #faf9f9;
    min-height: 10px;
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#persdetails > span > span:nth-child(2) {
    display: block;
    font-size: 13px;
    font-family: 'cal';
    padding: 1em;
    background: #DDD;
    height: 70px;
    text-align: center;
    width: 100%;
}

#persdetails > span:nth-child(3) > span:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'cal';
    /* padding: 0.4em; */

}

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




.emptyContent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.8em;
    min-height: 35px;
    margin: 0.5em auto;
    width: 30%;
    background: #badae9;
    text-align: center;
    position: relative;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.emptyContent > span:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.3em auto;
    width: 20px;
    min-height: 20px;
    font-size: 22px;
}

.emptyContent > span:nth-child(2) {
    display: block;
    align-items: center;
    margin: 0.3em;
    min-width: 230px;
    min-height: 10px;
    font-size: 13px;
    margin: 0 auto;

}


.StripeElement,
.StripeElement--empty,
#card-element {
    color: #FFF !important;
}







/* Process Complete */



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#ordercart {
    display: black;
    min-height: 200px;
    padding: 1em 0;
    margin: 0;
}


#ordercart > span:hover {
    background: #FFF;
}




#ordercart > span {
    display: grid;
    grid-template-columns: 1fr 9fr;
    grid-gap: 1em;
    min-height: 30px;
    border-bottom: 1px dotted #999;
    padding: 0.7em 0;
    margin: 0;
    position: relative;
}



#ordercart > span > span:nth-child(1) {
    display: block;
    overflow: hidden;
    width: 85px;
    height: 80px;
    background: #CCC;
    /* =============== */
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    /* =============== */
    margin: 0;
}



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


#ordercart > span > span:nth-child(2) {
    display: flex;
    justify-content: flex-start;

    min-height: 80px;
    margin: 0;
}

#ordercart > span > span:nth-child(2) > span:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    font-weight: 600;
    font-family: 'helvetica1';
    letter-spacing: -2px;
    padding: 0 0.4em 0 0;
    /* position: relative; */
}

#ordercart > span > span:nth-child(2) > span:nth-child(1) > small {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-family: 'cal';
    padding: 0.5em;
    background: #84b1c7;
    color: #FFF;
    width: 55px;
    border-radius: 5px;
    position: absolute;
    right: 23px;
    transform: translate(0px, 20px);
    letter-spacing: 1px;
    word-spacing: 11px;
}



#ordercart > span > span:nth-child(2) > span:nth-child(2) {
    display: block;
    align-items: left;
    font-family: 'cal';
    /* background: #CCC; */
    width: 90%;
    padding: 0.8em 0 0 0;
}



#ordercart > span > span:nth-child(2) > span:nth-child(2) > span:nth-child(1) {
    display: block;
    font-size: 22px;
    color: #333;
    font-weight: 800;
}

#ordercart > span > span:nth-child(2) > span:nth-child(2) > span:nth-child(2) {
    display: block;
    font-size: 13px;
    color: #999;
}



#tots {
    display: block;
    padding: 0.2em 0;
    font-size: 80px;
    font-family: 'helvetica1';
    padding: 0.3em 0 0.8em 0;
    text-align: center;
    letter-spacing: -6px;

}


#tots > small {
    display: block;
    font-size: 14px;
    color: #777;
    min-height: 10px;
    padding: 0 0 2em 0;
    font-family: 'cal';
    letter-spacing:4px;

}




#purchseholder {
    display: block;
    font-family: 'cal';
    padding: 0;
    margin: 0;
    min-height: 100px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */





#socials {
    display: flex;
    justify-content: flex-end;
    min-height: 50px;
    padding: 1em 0;
}




#subbers {
    display: flex;
    justify-content: flex-start;
    min-height: 10px;
}


#subbers > a {
    display: block;
    min-height: 10px;
    font-family: 'cal';
    font-size: 14px;
    padding: 1em 2em;
    font-family: 'cal';
    font-weight: lighter;
}

.subr {
    background: #f6f6f6;

}




.newsintos {
    display: flex;
    justify-content: flex-start;
    height: 350px;
    background: #f1f2f3;
    padding: 1em;
}



.newsintos > span:nth-child(1) {
    display: block;
    min-height: 100px;
    width: 300px;
}

.newsintos > span:nth-child(1) > img {
    display: block;
    min-height: auto;
    width: 100%;
}

.newsintos > span:nth-child(2) {
    display: block;
    min-height: 100px;
    width: 55%;
    padding: 2em 0 0 2em;

}

.newsintos > span:nth-child(2) > span:nth-child(1) {
    display: block;
    min-height: 10px;
    font-family: 'opnSans';
    font-size: 40px;
    color: #888;

}


.newsintos > span:nth-child(2) > span:nth-child(2) {
    display: block;
    min-height: 10px;
    font-family: 'cal';
    font-size: 18px;
    color: #222222;

}


.newsintos > span:nth-child(2) > a {
    display: block;
    min-height: 10px;
    width: 85%;
    padding: 0.7em;
    margin-top: 2em;
    overflow: hidden;
    /*  */
    color: #333;
    text-align: center;
    background: -webkit-linear-gradient(to bottom, #f0c845, #fdf6b2);
    background: -moz-linear-gradient(to bottom, #f0c845, #fdf6b2);
    background: linear-gradient(to bottom, #f0c845, #f7ec8e);
    /*  */
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;

}

.newsintos > span:nth-child(2) > a > span {
    display: flex;
    justify-content: center;
    min-height: 10px;
    width: 100%;
    padding: 0.7em 0;
    overflow: hidden;
    /*  */
    color: #333;
    text-align: center;
    background: -webkit-linear-gradient(to bottom, #ebbb1e, #fff06d);
    background: -moz-linear-gradient(to bottom, #ebbb1e, #fff06d);
    background: linear-gradient(to bottom, #ebbb1e, #fff06d);
    /*  */
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;

}


.newsintos > span:nth-child(2) > a > span > span:nth-child(1){
    display: grid;
    place-items: center;
 
 
}

.newsintos > span:nth-child(2) > a > span > span:nth-child(2){
    display: block;
    padding: 0 0 0 0.7em;
    font-family: 'cal';
    font-weight: 700;
    font-size: 16px;
 
}


#os {
    display: flex;
    justify-content: flex-start;
    padding: 2em 0;
    min-height: 10px;
    width: 50%;
    margin: 0 auto;
}

#os > span:nth-child(1){
    display: block;
    width: 30px;
    height: 30px;
}


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

#os > span:nth-child(2){
    display: block;
    width: 80%;
    height: 30px;
    padding: 0 0 0 1em;
    font-size: 14px;
}



/* xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxx */



#socialmedia > div > small,
#popular > div > small,
#lastest > div > small,
#featured > div > small {
    display: block;
    font-size: 9px;
    font-family: 'cal';
    color: #a8a8a8;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 0.3em 0 0 0;
    
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxx */

.flexer {
    display: block;
    padding: 0;
    margin: 0;
}

.flexer > form {
    
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.1em;
}

.flexer > form > input[type='tel']{
    display: block;
    width: 30px;
}

.flexer > form > input[type='submit']{
    display: block;
    width: 60px;
}




.displays {
    display: block;
    min-height: 10px;
    overflow-y: hidden;
    overflow-x: scroll;

    -webkit-box-shadow: #9494951a -3px 7px 2px;
    -moz-box-shadow: #9494951a -3px 7px 2px;
    box-shadow: #9494951a -3px 7px 2px;

}




/* xxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */


#dotmenu {
    display: none;
}





#all > div.pgcenterx2 > div.shad.yt > div > span > small {
    display: block;
    font-size: 15px;
    font-family: 'cal';
    
}






.statuserrors {
	display: flex;
	justify-content: flex-start;
	height: 0px;
	overflow: hidden;
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    z-index: 100;
    width: 70%;
    /* transform: translate(-30%, 0); */
    margin: 0 auto;
	/*  */
	-webkit-transition: all 0.5s cubic-bezier(0.03, 0.64, 0.29, 1.01) 0s;
    -moz-transition: all 0.5s cubic-bezier(0.03, 0.64, 0.29, 1.01) 0s;
    transition: all 0.5s cubic-bezier(0.03, 0.64, 0.29, 1.01) 0s;
    /*  */
    -webkit-box-shadow: rgba(0, 0, 33, 0.15) 0 1.95px 33px;
    -moz-box-shadow: rgba(0, 0, 33, 0.15) 0 1.95px 33px;
    box-shadow: rgba(0, 0, 33, 0.15) 0 1.95px 33px;
  }
  



.statuserrors > span:nth-child(1) {
	display: grid;
	place-items: center;
	width: 60px;
	min-height: 60px;
	font-size: 30px;
	font-family: 'firaSans';
	
}


.statuserrors > span:nth-child(2) {
	display: block;
    width: 95%;
    min-height: 10px;
    padding: 1em;
    position: relative;
    z-index: 1;
	 
}


.statuserrors > span:nth-child(2) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	font-size: 20px;
	padding:  0;
	font-family: 'firaSans';
}

.statuserrors > span:nth-child(2) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	font-size: 13px;
	font-family: 'cal';
}


.statuserrors > span:nth-child(2) > a {
		display: flex;
		justify-content: flex-end;
		width: 60px;
		min-height: 10px;
		padding: 0.5em;
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 2;
 
}




.statuserrors > span:nth-child(2) > a > span:nth-child(1) {
	display: grid;
	place-items: center;
	width: 25px;
	min-height: 15px;
	 
}


.statuserrors > span:nth-child(2) > a > span:nth-child(2) {
	display: block;
	width: 90%;
	height: 15px;
	padding:  0 0 0 0.7em;
	 
}