@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("../mail/central.css");
@import url("../../../map/css/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("../../../slider/css/central.css");
@import url("../../../effects/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("../../../notes/css/central.css");
@import url("../blog/central.css");
@import url("../theme/central.css");
@import url("../../../feedback/css/central.css");
@import url("../../../reviews/css/central.css");

  
 
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* ---------------------------------- overall ---------------------------------- */



 
 


.mainmovcover {
	display: block;
	width: 100%;
	min-height:  10px;
	background: #354ead !important;
	padding: 0;
	overflow: hidden;
	position: relative;
	/*  */
	-webkit-border-bottom: 1px dotted #999;
	-moz-border-bottom: 1px dotted #999;
	border-bottom: 1px dotted #999;
	/*  */
	/* -webkit-box-shadow: rgba(17, 17, 26, 0.08) 0px 12px 1px;
	-moz-box-shadow: rgba(6, 37, 149, 0.08) 0px 12px 1px;
	box-shadow: rgba(17, 17, 26, 0.08) 0px 12px 1px; */
}


#mainimg {
	display: block;
	position: absolute;
	z-index: 1;
	height: 850px;
	width: 100%;
	overflow: hidden;
}


#mainimg > picture,
#mainimg > picture > img,
#mainimg > img {
	display: block;
	height: auto;
	width: 100%;
}

/* ------------------- */
#socialholder {
	display: block;
	background: #2c3da0;
    /* opacity: 0.35;
	filter: alpha(opacity=35); */
	min-height: 140px;
	width: 100%;
	position: absolute;
	z-index: 2;
	bottom: 0;
	color: #fff;
}


#socialholder > span {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	min-height: 10px;
	width: 65%;
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	z-index: 152;
}


#socialholder > span > span {
	display: block;
	min-width: 10px;
	height: 70px;
}

#socialholder > span > span > img {
	display: block;
	width: auto;
	height: 70px;
}

#createapp > div:nth-child(1) {

}


/* ------------------- */
#socialholderdark {
	display: flex;
	justify-content: space-between;
	background: #021a43cc;
	width: 100%;
	min-height: 100px;
	position: absolute;
	z-index: 2;
	bottom: 0;
	color: #fff;
}



 
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#bar {
    display: flex;
	justify-content: space-between;
    min-height: 10px;
    padding: 0;
    font-size: 14px;
}


#bar > main {
	min-height: 10px;
}



#bar > main:nth-child(1) {
    display: flex;
	justify-content: flex-end;
    padding: 0;
	width: 70%;
	padding: 0 3em 0 0;
	background: #111;
}

#bar > main:nth-child(2) {
    display: flex;
	justify-content: flex-start;
    padding: 0;
    font-size: 14px;
	width: 30%;
	background: var(--gold);
}
 

#bar > main > span {
	min-height: 10px;
	padding: 2.6em 1.1em;
	/* ----------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

 .boxfig {
	display: block;
	min-height: 10px;
	width: 145px;
	margin-left: 60px;

 }


 .boxfig > span:nth-child(1) {
	display: block;
	min-height: 10px;
	font-family: 'interblack';
	font-size: 46px;
	margin: 0 auto;	
 }


 .boxfig > span:nth-child(1) > span {
	/* display: inline-block; */
	color: var(--maincolor);
 }


 
 .boxfig > span:nth-child(2) {
	display: block;
	min-height: 10px;
	font-family: 'interLightbeta';
	font-size: 11px;
	
 }

 /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */





/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.pycs {
	display: flex;
	justify-content: flex-start;
	padding: 2em;
	width: 50%;
	padding-left: 4em !important;
}


.pycs > a {
	display: block;
	width: 80px;
	color: #111;
	margin: 0 33px 0 0;
	/* ------------------------ */
	-webkit-border: 1px dotted var(--beight);
	-moz-border: 1px dotted var(--beight);
	border: 1px dotted var(--beight);
}


.pycs > a:hover > span:nth-child(1) {
	background: var(--aux);
}

.pycs > a:hover > span:nth-child(1) > img {
	    filter: brightness(0) invert(1);
}

.pycs > a > span:nth-child(1) {
	display: grid;
	place-items: center;
	min-height: 10px;
	
	/* ----------------- */
	/* ---------------- */
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}


.pycs > a > span:nth-child(1) > img {
	display: block;
	width: 55px;
	height: 65px;
}


.pycs > a > span:nth-child(2) {
	display: block;
	min-height: 10px;
	text-align: center;
	font-family: 'intermedium';
	font-size: 12px;
	
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

 
 
 


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
#wedo {
	display: block;
	min-height: 10px;
	padding: 4em 0;
	background: #FFF;
}



#wedo > main {
	display: block;
	width: 60%;
	margin: 0 auto;
	padding: 4em 0;

}



#wedo > main > section:nth-child(1){
	display: block;
	min-height: 10px;
	font-size: 24px;
	font-family: 'interbold';
	color: #111;
	letter-spacing: -1px;
	
}

#wedo > main > section:nth-child(1) > main.spectitle {
	width: 100%;
	padding: 0;
}


#wedo > main > section:nth-child(1) > main.spectitle > span:nth-child(1){
	width: 40%;
}





#wedo > main > section:nth-child(2){
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5em;
	min-height: 10px;
	padding: 3em 0;
}

 

#wedo > main > section:nth-child(2) > span {
	display: block;
	min-height: 300px;
	padding: 1.5em 0;
	background: #111;
	padding: 2em;
	/* --------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*  */
	/* --------------- */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}



#wedo > main > section:nth-child(2) > span > span:nth-child(1) {
	display: grid;
	place-items: center;
	width: 60px;
	height: 60px;
	background: var(--maincolor);
	/* -------------- */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}


#wedo > main > section:nth-child(2) > span > span:nth-child(1) > img {
	display: block;
	width: 30px;
	height: 30px;
}


#wedo > main > section:nth-child(2) > span > span:nth-child(2) {
	display: block;
	height: 200px;
}




#wedo > main > section:nth-child(2) > span > span:nth-child(2) > span:nth-child(1) {
	display: block;
	padding: 2em 0 0.5em 0;
	min-height: 10px;
	font-size: 18px;
	font-family: 'interbold';
}


#wedo > main > section:nth-child(2) > span > span:nth-child(2) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	font-size: 14px;
	font-family: 'interLightbeta';
	line-height: 19px;
}


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


#wedo > main > section:nth-child(2) > span > span:nth-child(3) > a {
	display: flex;
	place-items: center;
	min-height: 30px;
	width: 20%;
	color: var(--color4);
	padding: 0 14px;
	font-family: 'interbold';
	/* ---------------------- */
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	/* --------------------------- */
	-webkit-border: 2px solid var(--color4);
	-moz-border: 2px solid var(--color4);
	border: 2px solid var(--color4);
}


#wedo > main > section:nth-child(2) > span > span:nth-child(3) > a:hover {
	background: var(--color3);
	color: #FFF;
	-webkit-border: 2px solid var(--color3);
	-moz-border: 2px solid var(--color3);
	border: 2px solid var(--color3);
}

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

#wedo > main > section:nth-child(3){
	display: block;
	min-height: 10px;
	padding: 1em 0;
}


#wedo > main > section:nth-child(3) > a {
	display: grid;
	place-items: center;
	min-height: 23px;
	padding: 1em 0;
	background: var(--brand);
	color: #111;
	width: 34%;
	margin: 0 auto;
	font-family: 'intermedium';
	font-weight: 900;
	font-size: 17px;
	/* -------------- */
	-webkit-border-radius: 30px;
	-moz-zborder-radius: 30px;
	border-radius: 30px;

}


#wedo > main > section:nth-child(3) > a:hover {
	background: #111;
	color: var(--brand);
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */







/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#spec {
	display: block;
	min-height: 10px;
	background: #EEE;
	padding: 8em 0;
}

#specwidget {
	display: block;
	min-height: 10px;
	background: #dcdcdc;
	margin: auto;
	width: 60%;
	overflow: hidden;
	/* ------------- */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


.spectitle {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 60%;
	padding: 0 0 1em 0;
}



.spectitle > span:nth-child(1) {
	display: block;
	text-align: left; 
	width: 60%;
	min-height: 10px;

}


.spectitle > span:nth-child(1) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	font-size: 20px;
	font-family: 'interbold';
	color: #111;
	letter-spacing: -1px;

}

.spectitle > span:nth-child(1) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	font-size: 13px;
	font-family: 'interLightbeta';
	color: #111;
	letter-spacing: 0px;

}

.spectitle > span:nth-child(2) {
	display: flex;
	justify-content: flex-end;
	width: 20%;
	min-height: 10px;
	letter-spacing: -1px;
}


.spectitle > span:nth-child(2) > a {
	display: grid;
	place-items: center;
	width: 33px;
	height: 33px;
	background: var(--brand);
	/* ---------------- */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.spectitle > span:nth-child(2) > a:hover {
	background: var(--color2);
}


.spectitle > span:nth-child(2) > a:hover > img {
	filter: brightness(0) invert(1); /* turns black to white */
}


.spectitle > span:nth-child(2) > a > img {
	display: block;
	width: 20px;
	height: 20px;
	
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

 




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#specwidget {
	display: block;
	min-height: 10px;
	padding: 1em;
	/* ------------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



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

#specwidget > span:nth-child(1) {
	display: grid;
	grid-template-columns: 2fr 8fr;
	gap: 1em;
	min-height: 10px;
}



#specwidget > span:nth-child(1) > span {
	display: block;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}

#specwidget > span:nth-child(1) > span:nth-child(1){
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 200px;
	background: #CCC;
	margin: 0;
	padding: 0;
	background: -webkit-linear-gradient(to bottom, #FFF, #FFF, #d0e6ff);
	background: -moz-linear-gradient(to bottom, #FFF, #FFF, #d0e6ff);
	background: linear-gradient(to bottom, #FFF, #FFF, #d0e6ff);
}


 






#specwidget > span:nth-child(1) > span:nth-child(1) > span:nth-child(1) {
	display: flex;
	justify-content: space-between;
	padding: 1em;
	min-height: 10px;
	padding-bottom: 2em;
	/* ---------------------- */
	-webkit-border-bottom: 1px dotted #CCC;
	-moz-border-bottom: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;

}

#specwidget > span:nth-child(1) > span:nth-child(1) > span:nth-child(1) > span:nth-child(1) {
	display: block;
	width: 70px;
	height: 70px;
	background: #111;
	overflow: hidden;
	/* -------------- */
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}




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

#specwidget > span:nth-child(1) > span:nth-child(1) > span:nth-child(1) > span:nth-child(2) {
	display: block;
	width: 70%;
	min-height: 10px;
	text-align: right;

}

#specwidget > span:nth-child(1) > span:nth-child(1) > span:nth-child(1) > span:nth-child(2) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	color: #000;
	font-size: 45px;
	width: 100%;
	text-align: right;
	font-family: 'interLightbeta'; 
	letter-spacing: -3px;
}

#specwidget > span:nth-child(1) > span:nth-child(1) > span:nth-child(1) > span:nth-child(2) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	color: #999;
	font-size: 11px;
	text-align: right;
	font-family: 'interLightbeta'; 
	letter-spacing: -3px;
	padding: 0.8em 0 0 1em;
}




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



#specwidget > span:nth-child(1) > span:nth-child(1) > span:nth-child(2) {
	display: flex;
	justify-content: flex-start;
	padding: 1em;
	min-height: 10px;
	color: #555;
	font-family: 'intermedium';
	font-size: 14px;
}


#specwidget > span:nth-child(1) > span:nth-child(1) > span:nth-child(2) > span:nth-child(1) {
	display: grid;
	place-items: center;
	width: 60px;
	height: 25px;
	font-family: 'interblack';
	font-weight: 800;
	font-size: 24px;
	letter-spacing: -2px;
	font-weight: 900;
}

#specwidget > span:nth-child(1) > span:nth-child(1) > span:nth-child(2) > span:nth-child(2) {
	display: flex;
	place-items: center;
	width: 90%;
	min-height: 10px;
	font-size: 13px;
	font-family: 'interLightbeta';
	line-height: 12px;
	padding: 0 0 0 1em;
	color: #111;
}
/* ------------------------------------- */

#specwidget > span:nth-child(1) > span:nth-child(2){
	display: block;
	height: 200px;
	background: #777;
	overflow: hidden;
	position: relative;

}


/* txt */
#specwidget > span:nth-child(1) > span:nth-child(2) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	width: 70%;
	position: absolute;
	top: 20px;
	left: 20px;

}


/* txt header */
#specwidget > span:nth-child(1) > span:nth-child(2) > span:nth-child(1) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	font-family: 'interbold';
	font-size: 17px;
	color: #FFF;
	width: 70%;
}

/* txt txt */
#specwidget > span:nth-child(1) > span:nth-child(2) > span:nth-child(1) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	font-family: 'interLightbeta';
	font-size: 13px;
	padding: 5px 0 0 0;
	line-height: 19px;
}

#specwidget > span:nth-child(1) > span:nth-child(2) > span:nth-child(1) > span:nth-child(3) {
	display: block;
	padding: 10px 0 0 0;

}



#specwidget > span:nth-child(1) > span:nth-child(2) > span:nth-child(1) > span:nth-child(3) > a {
	display: inline-flex;
	justify-content: center;
	min-width: 10px;
	color: #CCC;
	background: #222;
	padding: 0 15px;
	min-height: 10px;
	/*  */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}



#specwidget > span:nth-child(1) > span:nth-child(2) > span:nth-child(1) > span:nth-child(3) > a > span:nth-child(1) {
	display: inline-grid;
	place-items: center;
	min-width: 10px;
	height: 35px;
}

#specwidget > span:nth-child(1) > span:nth-child(2) > span:nth-child(1) > span:nth-child(3) > a > span:nth-child(1) > img {
	display: block;
	width: 15px;
	height: 15px;
}

#specwidget > span:nth-child(1) > span:nth-child(2) > span:nth-child(1) > span:nth-child(3) > a > span:nth-child(2) {
	display: inline-flex;
	white-space: nowrap;
	place-items: center;
	width: 80%;
	min-height: 20px;
	padding: 0 0 0 15px;
}

/* img holder */
#specwidget > span:nth-child(1) > span:nth-child(2) > span:nth-child(2) {
	display: block;
	width: 40%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	height:  200px;
	overflow: hidden;
}


/* img */
#specwidget > span:nth-child(1) > span:nth-child(2) > span:nth-child(2) > img {
	display: block;
	width: 130%;
	height: auto;
	-webkit-mask-image: linear-gradient(to right, transparent, #fff);
    -moz-mask-image: linear-gradient(to right, transparent, #fff);
    mask-image: linear-gradient(to right, transparent, #fff);
}


/* ----------------------------- */
#specwidget > span:nth-child(2) {
	display: flex;
	justify-content: space-between;
	padding: 10px 0 0 0;
	min-height: 10px;
}


#specwidget > span:nth-child(2) > a {
	display: block;
	min-height: 10px;
	padding: 10px 10px 18px 10px;
	min-width: 110px;
	/* ---------------- */
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}



#specwidget > span:nth-child(2) > a:hover {
	background: var(--aux);
	
}


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



/* 1 */
#specwidget > span:nth-child(2) > a > span:nth-child(1) {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
}

 
/* icon */
#specwidget > span:nth-child(2) > a > span:nth-child(1) > span:nth-child(1)   {
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
}

#specwidget > span:nth-child(2) > a > span:nth-child(1) > span:nth-child(1) > img {
	display: block;
	width: 16px;
	height: 16px;
	filter: brightness(0) invert(1); /* turns to white */
}

/* Title side */
#specwidget > span:nth-child(2) > a > span:nth-child(1) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	padding: 0 0 0 10px;
}


#specwidget > span:nth-child(2) > a > span:nth-child(1) > span:nth-child(2) > span:nth-child(1)  {
	display: block;
	font-size: 11px;
	font-family: 'intermedium';
	min-height: 10px;
}

#specwidget > span:nth-child(2) > a > span:nth-child(1) > span:nth-child(2) > span:nth-child(2)  {
	display: block;
	font-size: 10px;
	font-family: 'interLightbeta';
	min-height: 10px;
	padding: 0 0 6px 0;
}
/* -------------------------- */

#specwidget > span:nth-child(2) > a > span:nth-child(2) {
	display: block;
	min-height: 10px;
	padding: 10px 0 0 0;
	font-size: 30px;
	line-height: 20px;
	font-family: 'intermedium';
	letter-spacing: -2px;
}

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

.greyic {
	background: #999;
	color: #DDD !important;
}

.blackic {
	background: #222;
	color: #DDD !important;
}


.yelowic {
	background: var(--brand);
	color: #555 !important;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* --------------- | send receive | -------------------- */




  #senddefault {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.6em;
	min-height: 10px;
	padding: 1em 0;
	width: 100%;
  }



  #senddefault > a {
	display: block;
	height: 260px;
	width: 100%;
	background: #404cad;
	color: #e7e8ed;
	position: relative;
	-webkit-box-shadow: rgba(17, 17, 26, 0.15) -8px 8px 1px;
	-moz-box-shadow: rgba(17, 17, 26, 0.15) -8px 8px 1px;
	box-shadow: rgba(17, 17, 26, 0.15) -8px 8px 1px;
  }


  #senddefault > a:nth-child(2) {
	background: #ffffff;
	color: #444;
	/* ----------------------------- */
	-webkit-border: 2px dotted #888;
	-moz-border: 2px dotted #888;
	border: 2px dotted #888;
  }


  #senddefault > a > span:nth-child(1) {
	display: block;
	min-height: 40px;
	padding: 1em;
	width: 100%;
	/* ------------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* ------------------- */
	-webkit-border-bottom: 1px dotted #9ac9ff;
	-moz-border-bottom: 1px dotted #9ac9ff;
	border-bottom: 1px dotted #9ac9ff;
  }




  #senddefault > a > span:nth-child(2) {
	display: block;
	min-height: 40px;
	padding: 0.5em 0 0 0.5em;
	font-size: 30px;
	font-family: 'interbold';
	font-weight: 800;
	width: 90%;
	line-height: 30px;
	letter-spacing: -2px;
	
  }



  #senddefault > a > span:nth-child(3) {
	display: block;
	min-height: 10px;
	padding: 0 0 0 1.2em;
	font-size: 14px;
	font-family: 'InterLightbeta';
	font-weight: 800;
	line-height: 33px;
	 
  }


  #senddefault > a > span:last-child {
	display: block;
	min-height: 10px;
	padding: 0.5em 0.5em;
	font-size: 13px;
	font-family: 'interbold';
	font-weight: 800;
	position: absolute;
	bottom: 12px;
	left: 12px;
  }


  #senddefault > a:hover {
	background: #017a98;
	color: #FFF;
  }


 


#sendres {
	display: block;
	min-height: 10px;
	width: 100% !important;
	padding: 0;
	/* width: 60%; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}


#sendres > span:nth-child(1){
	display: flex;
	justify-content: space-between;
	min-height: 10px;
	padding: 0 0 0.5em 0;
	/* ----------------- */
	-webkit-border-bottom: 1px dotted #555;
	-moz-border-bottom: 1px dotted #555;
	border-bottom: 1px dotted #555;
}

#sendres > span:nth-child(1) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	padding: 0 0 0 1em; 
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#sendres > span:nth-child(1) > span:nth-child(1) > span:nth-child(1) {
	display: block;
	min-height: 5px;
	padding: 0;
	font-size: 25px;
	font-family: 'interbold';
	color: #333242;
}


#sendres > span:nth-child(1) > span:nth-child(1) > span:nth-child(2) {
	display: block;
	min-height: 5px;
	padding: 0.5em 0;
	font-size: 13px;
	font-family: 'InterLightbeta';
	font-size: 14px;
	color: #364670;
}

/* ---------------------------------------- */
#sendres > form {
	display: block;
	/* width: 80%; */
	min-height: 10px;
	margin: 0;
}
/* ----------------------------------------- */

.locwidget {
    display: block;
    position: absolute;
    right: 10px;
    top: 6px;
}



.locwidget > a {
    display: grid;
	place-items: center;
	padding: 0 1em;
	min-height: 33px;
	/* ---------------------------- */
	background: -webkit-linear-gradient(to bottom, #025cc3, #0078ee);
	background: -moz-linear-gradient(to bottom, #025cc3, #0078ee);
	background: linear-gradient(to bottom, #025cc3, #0078ee);
	/* ---------------------------- */
	color: #fff;
	/*  */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}



.locwidget > a:hover {

	/* ---------------------------- */
	background: -webkit-linear-gradient(to bottom, #fe7505, #d48703);
	background: -moz-linear-gradient(to bottom, #fe7505, #d48703);
	background: linear-gradient(to bottom, #fe7505, #d48703);
	/* ---------------------------- */
	color: #fff;
}






#fgrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr) ;
	gap: 1em;
	min-height: 10px;
	padding: 1em;
	/* ----------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#fgrid > span > div {
	display: block;
	color: #333;
	min-height: 10px;
	padding: 0.4em 0;
}


#fgrid > span > div > span:nth-child(1) {
	display: block;
	color: #333;
	min-height: 10px;
	padding: 0.6em;
	background: #aad2ff;
	/* ----------- */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* ------------ */
	-webkit-box-shadow: inset rgba(17, 17, 26, 0.05) 0px 7px 3px;
	-moz-box-shadow: inset rgba(17, 17, 26, 0.05) 0px 7px 3px;
	box-shadow: inset rgba(17, 17, 26, 0.05) 0px 7px 3px;
}

#fgrid > span > div > span:nth-child(2) {
	display: block;
	color: #333;
	min-height: 4px;
	font-size: 12px;
	font-family: 'InterLightbeta';
	padding: 0.4em 0 0 0;
}


#fgrid > span {
	display: block;
	min-height: 10px;
	padding: 1.5em;
	background: #dde8f9;
	/* ------------------ */
	-webkit-box-shadow: #1956c040 -7px 7px 1px;
	-moz-box-shadow: #1956c040 -7px 7px 1px;
	box-shadow: #1956c040 -7px 7px 1px;
}

#fgrid > span > section.twowy > span,
#fgrid > span > span {
	display: block;
	min-height: 10px;
	padding: 0 0 0.1em 0;
	position: relative;

	/* -------------- */
	-webkit-border-bottom: 1px solid #3a4c8d;
	-moz-border-bottom: 1px solid #3a4c8d;
	border-bottom: 1px solid #3a4c8d;
	/* ----------------------- */
	-webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 7px 3px;
	-moz-box-shadow: rgba(17, 17, 26, 0.05) 0px 7px 3px;
	box-shadow: rgba(17, 17, 26, 0.05) 0px 7px 3px;
	/* ----------------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



#fgrid > span > section.twowy > span,
#fgrid > span > span:not(:last-child) {
	margin-bottom: 0.5em;
}



#fgrid > span > section.twowy {
	display: grid;
	grid-template-columns: 1fr 9fr;
	gap: 1em;

}



#fgrid > span > section.twowy > span> input[type="text"],
/* ------------------ */
#fgrid > span > span > textarea,
#fgrid > span > span > select,
#fgrid > span > span > input[type="text"] {
	display: block;
	min-height: 10px;
	width: 100%;
	padding: 0;
	outline: none;
	min-height: 42px;
	/* ------------------- */
	border: none;
	background: none;
	font-family: 'intermedium';
	font-size: 14px;
}


#fgrid > span > section.twowy > span > label,
#fgrid > span > span > label {
	display: block;
	font-size: 12px;
	font-family: 'intermedium';
	padding: 0.5em 0 0 0;
	color: #5e5e78;
	font-weight: 300;

}

#fgrid > span > span > textarea {
	min-height: 80px;
	padding: 0.6em 0 0 0;
}




#sendres > form > input[type='submit'],
#fgrid > input[type='submit'] {
	display: grid;
	place-items: center;
	min-height: 55px;
	color: #FFF;
	background: #352bd2;
	outline: none;
	border: none;
	width: 97.5%;
	margin: 1em;
	/* ----------------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#sendres > form > input[type='submit']:hover {
	color: #FFF;
	background: #06a374;
}



.sendtitles {
	display: block;
	min-height: 60px;
	font-size: 24px;
	font-family: 'InterLightbeta';
	color: #254191;
}



.tranparentforpage {
	background: #406be7;
}

.tranparentforhome {
	background: #ffffff00;
}

.transabout {
	background: #406be7;
}

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

.ytlinks > main.mains1 > div#mast > span:nth-child(1) > span#menu > a {
	color: #c5ddff !important;
}



.ytlinks3 > main.mains1 > div#mast > span:nth-child(1) > span#menu > a:hover,
.ytlinks > main.mains1 > div#mast > span:nth-child(1) > span#menu > a:hover {
	color: #c5ddff !important;
	background: #064fcf;
}

 
.ytlinks2 > main.mains1 > div#mast > span:nth-child(1) > span#menu > a {
	color: #FFF !important;
	
}


.ytlinks2 > main.mains1 > div#mast > span:nth-child(1) > span#menu > a:hover {
	background: #0585ad;
	-webkit-box-shadow: rgba(17, 17, 26, 0.13) 3px 7px 5px;
	-moz-box-shadow: rgba(17, 17, 26, 0.13) 3px 7px 5px;
	box-shadow: rgba(17, 17, 26, 0.13) 3px 7px 5px;
}

.ytlinks3 {

}


/* ---------------------------------- home ---------------------------------- */
#mains {
	display: block;
	width: 60%;
	min-height: 100px;
	margin: 0 auto;
	position: relative;
}

.mains {
	display: block;
	width: 70%;
	min-height: 100px;
	margin: 0 auto;
	position: relative;
}

.mains1 {
	display: block;
	width: 70%;
	min-height: 10px;
	margin: 0 auto;
	position: relative;
}

.mains2 {
	display: block;
	width: 75%;
	min-height: 100px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}



.mains3 {
	display: block;
	width: 70%;
	min-height: 100px;
	margin: 0 auto;
	position: relative;
}



/* ---------------------------------- home ---------------------------------- */











/* ---------------------------------- intro ---------------------------------- */


#intro {
	display: block;
	min-height: 500px;
	margin: 2em auto;
	width: 70%;
}




#intro > div:nth-child(1) {
	display: block;
	min-height: 10px;
	position: relative;
	z-index: 1;
}


 

#intro > div:nth-child(1) > span:nth-child(1){
	display: flex;
	justify-content: space-between;
	min-height: 10px;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto !important;
	width: 80%;
}


#intro > div:nth-child(1) > span:nth-child(1) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	margin: 0;
	width: 30%;
}


#intro > div:nth-child(1) > span:nth-child(1) > span:nth-child(2) {
	display: flex;
	justify-content: flex-end;
	min-height: 10px;
	margin: 0;
	width: 150px;
}


#intro > div:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a {
	display: grid;
	place-items: center;
	min-height: 10px;
	max-height: 29px;
	margin: 0;
	font-weight: 700;
	font-size: 13px;
	margin-left: 5px;
	width: 60px;
	color: #FFF;
	padding: 0 0.4em 0.2em 0.4em;
	/*  */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*  */
	background: -webkit-linear-gradient(to bottom, #0884d0, #1561c4);
	background: -moz-linear-gradient(to bottom, #0884d0, #1561c4);
	background: linear-gradient(to bottom, #0884d0, #1561c4);
}


#intro > div:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a:hover {
	background: -webkit-linear-gradient(to bottom, #464646, #747474);
	background: -moz-linear-gradient(to bottom, #464646, #747474);
	background: linear-gradient(to bottom, #464646, #747474);
}

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



#intro > div:nth-child(1) > span:nth-child(2){
	display: block;
	height: 530px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


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

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#intro > div:nth-child(1) > span:nth-child(3){
	display: block;
	min-height: 10px;
	position: absolute;
	top: 150px;
	left: 120px;
	z-index: 3;
	width: 40%;
}

#intro > div:nth-child(1) > span:nth-child(3) > span:nth-child(1) {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	z-index: 3;
	padding: 0 0 1em 0;
}


#intro > div:nth-child(1) > span:nth-child(3) > span:nth-child(1) > span:nth-child(1) {
	display: grid;
	place-items: center;
	height: 15px;
	width: 15px;
	background: #2c82f3;
	color: #FFF;
	font-size: 5px;
	font-weight: 800;
	overflow: hidden;
	margin: 0.3em 0 0 0;
	/*  */
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	z-index: 3;
}


#intro > div:nth-child(1) > span:nth-child(3) > span:nth-child(1) > span:nth-child(2) {
	display: grid;
	min-height: 10px;
	width: 80%;
	color: #1561c4;
	font-family: 'cal';
	font-size: 19px;
	padding: 0 0 0 0.5em;
	font-weight: 800;
	/*  */
	z-index: 3;
}


#intro > div:nth-child(1) > span:nth-child(3) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	font-size: 40px;
	line-height: 40px;
	font-family: 'GraphikLCG-Bold';
	letter-spacing: -2px;
	color: #222;
}



#intro > div:nth-child(1) > span:nth-child(3) > span:nth-child(3) {
	display: block;
	min-height: 10px;
	font-size: 15px;
	line-height: 22px;
	font-family: 'intermedium';
	letter-spacing: 0px;
	color: #545454;
	width: 80%;
	padding: 0.5em 0 0 0;
}




#intro > div:nth-child(1) > span:nth-child(3) > span:nth-child(4) {
	display: block;
	padding: 1em 0 0 0;
}
#intro > div:nth-child(1) > span:nth-child(3) > span:nth-child(4) > a {
	display: grid;
	place-items: center;
	min-height: 44px;
	font-size: 14px;
	line-height: 16px;
	font-family: 'intermedium';
	letter-spacing: 0px;
	color: #FFF;
	width: 30%;
	background: #3a61ee;
	padding: 0 1em;
}


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




#intro > div:nth-child(2) {
	display: block;
	height: 2px;
	max-height: 2px;
	position: relative;
	z-index: 1;
 ;
	/*  */
	background: -webkit-linear-gradient(to right, transparent, #e4e8f7, transparent);
	background: -moz-linear-gradient(to right, transparent, #e4e8f7, transparent);
	background: linear-gradient(to right, transparent, #e4e8f7, transparent);
}
 


#intro > div:nth-child(3) {
	display: block;
	min-height: 2px;
}
 
 

#intro > div:nth-child(3) > div:nth-child(1) {
	display: block;
	min-height: 2px;
	margin: 0 auto;
	width: 40%;
	text-align: center;
	padding: 1.5em 0;
	font-family: 'cal';
	font-size: 15px;
}
 
#intro > div:nth-child(3) > div:nth-child(1) > strong {
	display: block;
	min-height: 2px;
	color: #0884d0;
	font-family: 'interbold';
	font-weight: 900;
}

#intro > div:nth-child(3) > div:nth-child(1) > span {
	display: block;
	min-height: 2px;
	color: #999;
}
 


/* xxxxxxxxxxxxxxxxxxxxxxxxxxx */

#intro > div:nth-child(3) > div:nth-child(2) {
    display: block;
    margin: 0 auto;
    width: 88%;
    min-height: 10px;
    padding:  0;
}


.nations {
    display: block;
	width: 60%;
	margin: 0 auto;
	text-align: center;
}


.nations > a {
    display: inline-flex;
    justify-content: flex-start;
    min-height: 10px;
	min-width: 140px;
	padding: 0.5em;
	margin: 0.6em 0.3em 0 0;
	/*  */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/*  */
	-webkit-border: 1px solid #CCC;
	-moz-border: 1px solid #CCC;
	border: 1px solid #CCC;
	color: #999;
	/*  */
	-webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 7px 3px;
	-moz-box-shadow: rgba(17, 17, 26, 0.05) 0px 7px 3px;
	box-shadow: rgba(17, 17, 26, 0.05) 0px 7px 3px;
}





.nations > a:hover {
    background: #FFF;
	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: rgba(17, 17, 26, 0.393) 0 0 13px;
	-moz-box-shadow: rgba(17, 17, 26, 0.393) 0 0 13px;
	box-shadow: rgba(17, 17, 26, 0.393) 0 0 13px;
}



.nations > a > span:nth-child(1) {
    display: block;
    justify-content: flex-start;
    height: 30px;
    width: 30px;
    background: #38b6ff;
    overflow: hidden;
	/*  */
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}


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

.nations > a > span:nth-child(2) {
    display: block;
    min-height: 10px;
    padding: 0 0 0 0.8em;
	text-align: left;
}


.nations > a > span:nth-child(2) > span:nth-child(1) {
    display: block;
    min-height: 10px;
    font-size: 18px;
    font-weight: 900;
    line-height: 16px;
    font-family: 'futura';
	font-weight: 900;
	color: #222;
    /* letter-spacing: -2px; */
}


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

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


#pg {
	display: block;
	position: relative;
    width: 55%;
	z-index: 1;
    min-height: 70px;
	background: var(--subBlue);
    margin: 0 auto; 
    z-index: 1 !important;
}


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

#bottomside {
	display: flex;
	justify-content: space-between;
	width: 60%;
	margin: 4em auto 0 auto;
	padding: 0.7em 0;
	max-height: 60px;

	/*  */
	-webkit-border-top: 1px dotted #999;
	-moz-border-top: 1px dotted #999;
	border-top: 1px dotted #999;
	/*  */
	-webkit-border-bottom: 1px dotted #999;
	-moz-border-bottom: 1px dotted #999;
	border-bottom: 1px dotted #999;
}



#bottomside > span:nth-child(1) {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.5em;
	width: 40%;
	padding: 0.3em 0 0 0;
 
}


#bottomside > span:nth-child(1) > a {
	display: block;
	min-height: 20px;
	opacity: 0.15;
	filter: alpha(opacity=15);
	 
}


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

}


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



#bottomside > span:nth-child(2) {
	display: flex;
	justify-content: flex-end;
	width: 40%;
	margin: 1em 0;
}



#bottomside > span:nth-child(2) > a {
	display: block;
	font-size: 26px;
	color: #333;
	margin-left: 0.8em;
}





/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

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

.whitebox {
	display: block;
	min-height: 10px;;
	margin-bottom: 1.5em;
	padding: 0;
	/*  */
	-webkit-box-shadow: rgba(17, 17, 26, 0.153) 5px 5px 4px, rgba(90, 90, 170, 0.251) -2px -2px 24px;
	-moz-box-shadow: rgba(17, 17, 26, 0.153) 5px 5px 4px, rgba(90, 90, 170, 0.251) -2px -2px 24px;
	box-shadow: rgba(17, 17, 26, 0.153) 5px 5px 4px, rgba(90, 90, 170, 0.251) -2px -2px 24px;
}

.boxprev {
	display: flex;
	justify-content: flex-start;
	padding: 0.8em;
	min-height: 10px;
	/*  */
	-webkit-border-bottom: 1px dotted #EEE;
	-moz-border-bottom: 1px dotted #EEE;
	border-bottom: 1px dotted #EEE;
}


.boxprev > span:nth-child(1) {
	display: block;
	width: 60px;
	height: 60px;
	background:rgb(46, 200, 136);
	/* -------------- */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}



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



.boxprev > span:nth-child(2) {
	display: block;
	width: 70%;
	min-height: 10px;
	/* -------------- */
	font-size: 16px;
	padding: 0 0 0 1em;
}


.speak {
	display: block;
	padding: 1em;
	font-size: 14px;
	color: #464646;
	font-family: 'cal';
		/*  */
		-webkit-border-top: 1px dotted #959595;
		-moz-border-top: 1px dotted #959595;
		border-top: 1px dotted #959595;
}



.blackbox {
	display: block;
	min-height: 10px;
	margin-bottom: 1.5em;
	padding: 1.5em;
	background: #333;
	color: #EEE;
	/*  */
	-webkit-box-shadow: rgba(17, 17, 26, 0.153) 5px 5px 4px, rgba(90, 90, 170, 0.251) -2px -2px 24px;
	-moz-box-shadow: rgba(17, 17, 26, 0.153) 5px 5px 4px, rgba(90, 90, 170, 0.251) -2px -2px 24px;
	box-shadow: rgba(17, 17, 26, 0.153) 5px 5px 4px, rgba(90, 90, 170, 0.251) -2px -2px 24px;
}


.blackbox {
	display: block;
	padding: 0;
	position: relative;
}


.blackbox > span:nth-child(1) {
	display: block;
	padding: 0;
	height: 180px;
	position: relative;
	z-index: 1;
}

.blackbox > span:nth-child(2) {
	display: block;
	min-height: 10px;
	position: absolute;
	bottom: 10px;
	right: 0;
	width: 70%;
	z-index: 2;
	padding: 1em;
}



.speakr1 {
	display: block;
	font-size: 13px;
}

.transparentbox {
	display: block;
	min-height: 10px;
}


.transparentbox > a {
	display: block;
	min-height: 10px;;
	/* text-transform: uppercase; */
	color: #999;
	font-family: 'cal';
	padding: 0.5em;
}


.transparentbox > a:not(:last-child) {
	-webkit-border-bottom: 1px dotted #CCC;
	-moz-border-bottom: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* ---------------------------------- intro ---------------------------------- */
























/* ---------------------------------- Index ---------------------------------- */




.centrage {
	display: block;
	margin: 0 auto;
	width: 75%;
	min-height: 20px;
	position: relative;
	z-index: 1;
}


#logoholder {
	display: flex;
	justify-content: space-between;
	min-height: 20px;
	padding: 0;
}


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


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx */


#logoholder > span:nth-child(2) {
	display: flex;
	justify-content: flex-end;
	padding: 0.5em 0 0 0;
	width: 20%;
}



#logoholder > span:nth-child(2) > a {
    display: grid;
    place-items: center;
    min-height: 10px;
    max-height: 29px;
    margin: 0;
    font-weight: 700;
    font-size: 13px;
    margin-left: 5px;
    width: 60px;
    color: #FFF;
    padding: 0 0.4em 0.2em 0.4em;
	/*  */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	/*  */
    background: -webkit-linear-gradient(to bottom, #0884d0, #1561c4);
    background: -moz-linear-gradient(to bottom, #0884d0, #1561c4);
    background: linear-gradient(to bottom, #0884d0, #1561c4);
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */




#bar2 {
    display: block;
    min-height: 10px;
    padding: 0;
    font-size: 14px;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: #2962ef24 0px 8px 3px;
    -moz-box-shadow: #2962ef24 0px 8px 3px;
    box-shadow: #2962ef24 0px 8px 3px;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#ibar {
    display: flex;
    justify-content: space-between;
    min-height: 10px;
    margin: 0 auto;
    padding: 0 0.1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 
}



#ibar > span:nth-child(1) {
	display: block;
	padding:  0.7em 0 0 0;
	width: 30%;
}


#ibar > span:nth-child(1) > form {
	display: flex;
	justify-content: flex-start;
	position: relative;
	top: -4px;
}


#ibar > span:nth-child(1) > form > button {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	background:#2468e6;
	outline: none;
	/*  */
	-webkit-border: none;
	-moz-border: none;
	border: none;

	color: #FFF;
	/*  */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}



#ibar > span:nth-child(1) > form > button:hover {
	background: #079589;
}


#ibar > span:nth-child(1) > form > input[type="search"]{
	display: grid;
	place-items: center;
	width: 60%;
	min-height: 32px;
	padding: 0 0.5em !important;
	margin-left: 0.5em;
	outline: none;
	background:#cfe4ff;
	/*  */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/*  */
	-webkit-border: none;
	-moz-border: none;
	border: none;
}


#ibar > span:nth-child(1) > span > span,
#ibar > span:nth-child(1) > span {
	display: flex;
	padding: 0 0.3em;
    margin: 0;
}

#ibar > span:nth-child(1) > span > a {
	display: block;
	padding: 0.2em 0 0 0;
    margin: 0;
	color: #4cd1f1;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxx */


 
#ibar > span:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    min-height: 10px;
    padding: 0;
}


#ibar > span:nth-child(2) > a {
    display: flex;
    justify-content: flex-end;
    padding: 0.5em 0.8em;
    max-height: 20px;
    font-size: 13px;
    margin: 0.4em 0;
    font-family: 'intermedium';
    /*  */
    -webkit-border: 1px dotted #181818;
    -moz-border: 1px dotted #181818;
    border: 1px dotted #181818;
    /*  */
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    /*  */
    background: -webkit-linear-gradient(to bottom, #EEE, #FFF);
    background: -moz-linear-gradient(to bottom, #EEE, #FFF);
    background: linear-gradient(to bottom, #EEE, #FFF);
}





#ibar > span:nth-child(2) > a:hover {
	color: #FFF !important;
	background: -webkit-linear-gradient(to bottom, #1939a3, #0a52cf);
    background: -moz-linear-gradient(to bottom, #1939a3, #0a52cf);
    background: linear-gradient(to bottom, #1939a3, #0a52cf);
}

#ibar > span:nth-child(2) > a:hover > span:last-child {
	color: #FFF;
} 



#ibar > span:nth-child(2) > a:hover> span,
#ibar > span:nth-child(2)  > a:hover > div,
#ibar > span:nth-child(2) > a:hover > span:not(:last-child)  {
	color: #b9ddff !important;
}


#ibar > span:nth-child(2) > a > span:last-child {
    display: block;
    font-size: 18px;
    font-family: 'interblack';
    color: #0a3fd0;
    line-height: 19px;
}


#ibar > span:nth-child(2) > a > div {
    display: grid;
    place-items: center;
    font-size: 9px;
    padding: 0 1em;
    color: #034bd2 !important;
    font-family: 'intermedium';
}



#ibar > span:nth-child(2) > a > span:not(:last-child) {
    display: grid;
    place-items: center;
    font-size: 12px;
    color: #999 !important;
    font-family: 'intermedium';
}



/* ========================== */

.sectiontabs {
	display: flex;
	justify-content: space-between;
	min-height: 20px;
}


.sectiontabs > span:nth-child(1) {
	display: flex;
	justify-content: flex-start;
	min-height: 20px;
	width: 55%;
}

.sectiontabs > span:nth-child(1) > a,
.sectiontabs > span:nth-child(2) > a {
	display: block;
	min-height: 10px;
	padding: 1em 0;
	margin-right: 1.3em;
	color: #4480ef;
	font-size: 15px;
	font-weight: 500;
	font-family: 'Arial';
	/*  */
	-webkit-border-bottom: 5px solid transparent;
	-moz-border-bottom: 5px solid transparent;
	border-bottom: 5px solid transparent;

}


.sectiontabs > span:nth-child(1) > a:hover,
.sectiontabs > span:nth-child(2) > a:hover,
.up {
	font-weight: 700 !important;
	-webkit-border-bottom: 5px solid #4480ef !important;
	-moz-border-bottom: 5px solid #4480ef !important;
	border-bottom: 5px solid #4480ef !important;
}


/* |||||||||||||||||||| */

.sectiontabs > span:nth-child(2) {
	display: flex;
	justify-content: flex-end;
	min-height: 20px;
	width: 20%;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */














#mid {
	display: block;
	min-height: 100px;
	background: #dee9ff;
}

 



/* ---------------------------------- Index ---------------------------------- */









/* ---------------------------------- Menu ---------------------------------- */

#rider {
	display: block;
	background: #1f2438;
	background: #212121;
	min-height: 600px;
	position: relative;
}

#rider > span:nth-child(1) {
	display: block;
	height: 600px;
	overflow: hidden;
	width: 65%;
	position: relative;
	z-index: 1;
}



#rider > span:nth-child(1) > img {
	display: block;
	height: auto;
	width: 100%;
	transform: translate(-60px, -5px);
    -webkit-mask-image: linear-gradient(to right, transparent, #fff, transparent);
    -moz-mask-image: linear-gradient(to right, transparent, #fff, transparent);
    mask-image: linear-gradient(to right, transparent, #fff, transparent);
}

#rider > span:nth-child(2) {
	display: block;
	padding: 2em;
	min-height: 50px;
	color: #8cbfff;
	position: absolute;
	right: 50px;
	top: 30px;
	z-index: 2;
	width: 50%;
}


#rider > span:nth-child(2) > span:nth-child(1){
	display: block;
	min-height: 5px;
	color: #e9f3ff;
	font-family: 'interbold';
	font-size: 19px;
}

#rider > span:nth-child(2) > span:nth-child(2){
	display: block;
	min-height: 5px;
	color: #dee4fe;
	/* font-family: 'EncodeSans-CondensedThin';
	font-family: 'nunitosansxtralight';
	font-family: 'signikalight'; */
	font-family: 'GraphikLCG-Extralight';
	font-family: 'firaSans';
	/* font-family: 'hightlight-1'; */
	font-size: 55px;
	padding: 0 0 0.4em 0;
	letter-spacing: -2px;
}



#rider > span:nth-child(2) > span:nth-child(3){
	display: block;
	min-height: 10px;
	font-family: 'interbold';
	line-height: 30px;
	font-size: 20px;
	color: #dee4fe;
}



#rider > span:nth-child(2) > span:nth-child(4) > ul {
	display: block;
}

#rider > span:nth-child(2) > span:nth-child(4) > ul > li {
	display: block;
	padding: 0 0 1em 0;
	font-size: 17px;
	color: #e6f1ff;
	list-style-type: none;
	/* list-style-image: url('...admin/images/bullet.gif'); */
	/* background: url('/admin/images/bullet.gif'); */
}


#rider > span:nth-child(2) > span:nth-child(4) > ul > li:before {
	display: block;
	/* content: ''; */
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	background: url('admin/images/bullet.gif') no-repeat left center;
	background-size: contain;
}


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

#ticker {
	display: flex;
	justify-content: flex-end;
	width: 200px;
	position: absolute;
	top: 0px;
	right: -10px;
	z-index: 5;
}


#ticker > span:nth-child(1) {
	display: block;
	width: 100px;
	color: #fec406;
	font-size: 13px;
	text-align: center;

}

#ticker > span:nth-child(2) {
	display: grid;
	place-items: center;
	width: 50px;
	background: #fec406;
	color: #222;
	font-weight: 800;
	text-align: center;
	font-size: 12px;
	height: 20px;
	
}

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

#linkers {
    display: block;
    position: absolute;
	z-index: 3;
    bottom: 0;
    left: 0;
    min-height: 10px;
	color: #EEE;
}

#linkers > a {
    display: flex;
	justify-content: flex-start;
    min-height: 10px;
	color: #EEE;
	font-size: 16px;
	padding: 1em
}



#linkers > a:hover > span:nth-child(1),
#linkers > a:hover {
	color: #ffd12d;
}

#linkers > a:not(:last-child) {
	-webkit-border-bottom: 1px dotted #CCC;
	-moz-border-bottom: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}



#linkers > a > span:nth-child(1) {
    display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	color: #d7d7d7;
}

#linkers > a > span:nth-child(2) {
    display: block;
	width: 90%;
	min-height: 10px;
	padding: 0 0 0 1em;
	font-size: 16px;
	font-family: 'intermedium';
	color: #FFF;
}


/* ---------------------------------- Menu ---------------------------------- */













/* ---------------------------------- popular ---------------------------------- */



#popular {
	display: block;
	min-height: 10px;
	padding: 2em 0;
}


#popular > span:nth-child(1) {
    display: block;
    width: 60%;
    letter-spacing: -1px;
    margin: 0 auto;
    min-height: 10px;
    text-align: center;
    font-family: 'interbold';
    font-size: 18px;
    color: #2b65c9;
    padding: 0;
	letter-spacing: 5px;
	padding: 4em 0 1em 0;
}




#popular > span:nth-child(2) {
    display: block;
    width: 60%;
    letter-spacing: -1px;
    margin: 0 auto;
    min-height: 10px;
    text-align: center;
    padding: 0 0 0.2em 0;
	letter-spacing: -3px;
}


#popular > span:nth-child(3) {
    display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1em;
    width: 80%;
    letter-spacing: -1px;
    margin: 0 auto;
    min-height: 10px;
    text-align: center;
    font-family: 'InterLightbeta';
    font-size: 13px;
    color: #2b65c9;
    padding: 2em 0 8em 0;
	letter-spacing: -3px;
}



#popular > span:nth-child(3) > span {
    display: block;
	border: 1px dotted #CCC;
	min-height: 250px;
    font-family: 'InterLightbeta';
    font-size: 13px;
    color: #2b65c9;
    padding: 0;
	position: relative;
}


#popular > span:nth-child(3) > span > span:nth-child(1) {
    display: block;
	border: 1px dotted #CCC;
	height: 330px;
    font-family: 'InterLightbeta';
    font-size: 13px;
    color: #2b65c9;
    padding: 0;
	position: relative;
	z-index: 1;
	background: #c1dbff;
	overflow: hidden;
	border: none !important;
	/* --------- */
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

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

#popular > span:nth-child(3) > span > span:nth-child(2) {
    display: block;
	border: 1px dotted #CCC;
	min-height: 10px;
	text-align: center;
	width: 60%;
	background: #FFF;
	margin: 0 auto;
    font-family: 'interbold';
    font-size: 18px;
    color: #1d1d1e;
    padding: 0.5em 0;
	letter-spacing: 0px;
	border: none;
	font-weight: 900;
	/* ------------ */
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}


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

.seemore {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1em;
	justify-content: center;
	width: 80%;
	margin: 0 auto;
	/* ------------------- */
	-webkit-transform: translate(0, -50px);
	-moz-transform: translate(0, -50px);
	transform: translate(0, -50px);
}


.seemore > a {
	display: flex;
	justify-content: flex-end;
	min-height: 10px;
}



.seemore > a > span:nth-child(1) {
	display: block;
	width: 80%;
	text-align: right;
	padding: 0 1em 0 0;
}


.seemore > a > span:nth-child(1) > span:nth-child(1) {
	display: block;
	font-size: 16px;
	font-weight: 800;
	color: #142430;
	font-family: 'interbold';
}


.seemore > a > span:nth-child(1) > span:nth-child(2) {
	display: block;
	font-size: 12px;
	color: #545454;
	font-family: 'InterLightbeta';
	
}


.seemore > a:hover > span:nth-child(1) > span:nth-child(1) {
	color: #2c82f3;
}


.seemore > a:hover > span:nth-child(2) {
	background: #2c82f3;
	color: #FFF;
}
 

.seemore > a > span:nth-child(2) {
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	background: #fcce6c;
	color: #222;
	font-size: 25px;
	font-weight: 900;
	/* ----------------- */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* -------------------- */

}


.subtitle {
	display: block;
	font-size: 19px;
	font-family: 'interbold';
	letter-spacing: -1px;
	margin: 0;
	padding: 1em 0 0 0;
}


.topsect {
	display: block;
	min-height: 10px;
	font-family: 'firaSans';
	font-size: 27px;
	width: 80%;
	padding-bottom: 0.5em;

}

.secondtiers {
	display: block;
	min-height: 10px;
	padding: 0.4em 0;
	font-size: 18px;
	line-height: 24px;
	font-family:  'interbold';
}
/* ---------------------------------- popular ---------------------------------- */


.sublinks {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
}

.sublinks > a {
	display: grid;
	place-items: center;
	min-height: 50px;
	color: #FFF;
	background: #176ee0;
	min-width: 160px;
	font-size: 16px;
	padding: 0 1em;
	font-family: 'intermedium';
	margin: 0 1em 0 0;

}


.sublinks > a:hover {
	color: #FFF;
	background: #028775;
}















/* ---------------------------------- popular ---------------------------------- */
#merchants {
	display: block;
	min-height: 850px;
	/* background: #b4d1ff; */
	overflow: hidden;
	position: relative;
	background: radial-gradient(
		circle at bottom, /* Position the gradient at the top */
		#e4f3fa 0%, /* Red at the center */
		#6ea6f4 0% /* Transparent at the edges */
	);
	background: radial-gradient(circle to bottom, #6ea6f4, #e4f3fa);
 
}


/* ---------------------------------- popular ---------------------------------- */
#aboutcut {
	display: block;
	min-height: 100px;
	background: #FFF;
	overflow: hidden;
	padding: 3em 0 0 0;
	color: #333;
}

/* ---------------------------------- popular ---------------------------------- */
#ournumbers {
	display: block;
	min-height: 100px;
	background: #f59329;
	overflow: hidden;
	padding:  0 0 9em 0;
	
}


.centermessage {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 1.5em;
	width: 90%; 
	margin: 0 auto;
	padding: 14em 0 11em 0;
	color: #FFF;
}



.centermessage > span {
	display: block;
	margin: 0;
	padding: 0;
	color: #FFF;
}



.centermessage > span > span {
	display: block;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-align: center;
}

.centermessage > span > span:nth-child(1){
	display: grid;
	place-items: center;
    margin: 0 auto;
    min-height: 10px;
	width: 100px;
	height: 100px;
	letter-spacing: -5px;
    font-size: 40px;
	font-weight: 800;
    padding: 0;
	text-align: center !important;
}


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

.centermessage > span > span:nth-child(2){
	display: block;
    margin: 0 auto;
    min-height: 10px;
	font-family: 'interblack';
	letter-spacing: -2px;
    font-size: 90px;
	font-weight: 800;
	padding: 0.3em 0;
	line-height: 70px;
	text-align: center !important;
}


.centermessage > span > span:nth-child(3){
	display: block;
    margin: 0;
    min-height: 10px;
	font-family: 'InterLightbeta';
    font-size: 18px;
	font-weight: 800;
    padding: 0.2em 0 0 0;
	text-align: center !important;
	line-height: 17px;
	/* max-width: 150px; */
}






#indepth {
	display: block;
	min-height: 50px;
	background: #222;
	padding: 0 0 5em 0;
	color: #DDD;
	/* -------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}










#ournumbers > span.secttiltle {
	display: block;
	min-height: 10px;
	color: #FFF;
}








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


.secttiltle {
    display: block;
    width: 60%;
    letter-spacing: -1px;
    margin: 0 auto;
    min-height: 10px;
    text-align: center;
    font-family: 'EncodeSansCond-Black';
    font-size: 18px;
    color: #2b65c9;
    padding: 0;
    letter-spacing: 5px;
    padding: 4em 0 0 0;
	text-transform: uppercase;
}

 
.secttiltle2 {
    display: block;
    width: 60%;
    letter-spacing: -1px;
    margin: 0;
    min-height: 10px;
    font-family: 'EncodeSansCond-Black';
    font-size: 18px;
    color: #686868;
    padding: 0;
    letter-spacing: 5px;
    padding: 0;
	text-transform: uppercase;
}



.secttiltle3 {
    display: block;
    width: 60%;
    letter-spacing: -1px;
    margin: 0 auto;
    min-height: 10px;
    text-align: center;
    font-family: 'EncodeSansCond-Black';
    font-size: 15px;
    padding: 0;
    letter-spacing: 5px;
    padding: 4em 0 0 0;
	text-transform: uppercase;
}

.highlighttxt {
    display: block;
    width: 60%;
    letter-spacing: 0px;
    margin: 0 auto;
    min-height: 10px;
    text-align: center;
    font-family: 'InterLightbeta';
	font-family: 'raleway';
    font-size: 50px;
    color: #2b65c9;
	font-weight: 800;
    padding: 0.2em 0 0.2em 0;
}




.highlighttxt2 {
    display: block;
    letter-spacing: 0px;
    margin: 0 auto;
    min-height: 10px;
    font-family: 'InterLightbeta';
	font-family: 'raleway';
	font-family: 'signikabold';
    font-size: 50px;
	font-weight: 800;
    padding: 0.7em 0 0.2em 0;
	letter-spacing: -2px;
}


.highlighttxt3 {
    display: block;
    letter-spacing: 0px;
    margin: 0 auto;
    min-height: 10px;
	font-family: 'signikabold';
    font-size: 50px;
	font-weight: 500;
    padding: 0.3em 0 0.2em 0;
	letter-spacing: -2px;
	text-align: center !important;
}



.highlighttxt4 {
    display: block;
    letter-spacing: 0px;
    margin: 0 auto;
    min-height: 10px;
	font-family: 'signikabold';
    font-size: 60px;
	font-weight: 800;
    padding: 0.3em 0 0.2em 0;
	letter-spacing: -2px;
	text-align: center !important;
}



.highlighttxt5 {
	display: block;
    margin: 0;
    min-height: 10px;
    font-family: 'signikabold';
    font-size: 55px;
    font-weight: 800;
    padding: 0.3em 0 0.2em 0;
    letter-spacing: -3px;
    line-height: 60px;
}


.highlighttxtpage {
	display: block;
    margin: 0;
    min-height: 10px;
    font-family: 'signikabold';
    font-size: 55px;
    font-weight: 800;
    padding: 0.3em 0 0.2em 0;
    letter-spacing: -3px;
    line-height: 60px;
}



.centerling {
	text-align: center !important;
}

/* ---------------------------------- popular ---------------------------------- */


/* ---------------------------------- popular ---------------------------------- */
#abouter {
	display: flex;
	justify-content: space-between;
	min-height: 100px;
	/* background: #f6f6f6; */
	width: 75%;
	margin: 0 auto;
	padding: 2em 0 0 0;
}


#abouter > span:nth-child(1) {
	display: block;
	height: 900px;
	width: 40%;
	margin: 0;
	position: relative;
}


#abouter > span:nth-child(1) > img {
	display: block;
	height: auto;
	width: 140%;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: -80px;
}

#abouter > span:nth-child(2) {
	display: block;
	min-height: 500px;
	width: 55%;
	margin: 0;
}


#abouter > span:nth-child(2) > span:nth-child(1) {
	text-align: left !important;
	margin: 0;
}



#abouter > span:nth-child(2) > span:nth-child(2) {
	display: block;
	width: 70%;
	padding-top: 1.6em;
	font-family: 'InterLightbeta';
	line-height: 40px;
	font-size: 20px;
	margin: 0 auto !important;
	text-align: left !important;

}






/* ---------------------------------- popular ---------------------------------- */

#about {
	display: block;
	height: 740px;
	background: var(--brand);
	/* background: -webkit-linear-gradient(bottom right, #010e48, #3c4fa1, #0f1945);
	background: -moz-linear-gradient(bottom right, #010e48, #3c4fa1, #0f1945);
	background: linear-gradient(bottom right, #010e48, #3c4fa1, #0f1945); */
	color: #FFF;
	overflow: hidden;
	background-image: url("../../../../images/bgfood.jpg");
	background-size: contain;
	
}
 


#boutcontent {
	display: flex;
	justify-content: space-between;
	width: 70%;
	margin: 0 auto;
	min-height: 600px;
	position: relative;
}


#boutcontent > span:nth-child(1) {
	display: block;
	width: 40%;
	margin: 0;
	min-height: 600px;
	position: relative;
	z-index: 1;
}


#boutcontent > span:nth-child(1) > img {
	display: block;
	width: 105%;
	height: auto;
	transform: translate(-10px, -140px);
}

#boutcontent > span:nth-child(2) {
	display: block;
	width: 55%;
	margin: 0;
	min-height: 10px;
	font-family: 'InterLightbeta';
	font-size: 20px;
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 2;
	line-height: 40px;


}



#boutcontent > span:nth-child(2) > a {
	display: grid;
	place-items: center;
	width: 200px;
	margin: 0;
	min-height: 50px;
	font-family: 'interbold';
	font-size: 14px;
	background: #6985ff;
	color: #FFF;
	margin: 2em 0 0 0;
}


#boutcontent > span:nth-child(2) > a:hover {
	background: #038b69;
	color: #FFF;
}

/* ---------------------------------- popular ---------------------------------- */
















/* ---------------------------------- popular ---------------------------------- */

#merches {
	display: block;
	width: 80%;
	margin: 0 auto;
	min-height: 880px;
	padding-top: 3em;
}


#merches > img {
	display: block;
	width: 45%;
	height: auto;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}



#merches > span {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	min-width: 100%;
	margin: 0;
	text-align: center;
	position: relative;
	/* min-height: 00px; */
	/* position: relative; */
	/* text-align: center; */
}



  
#merches > span > span {
	display: block;
	/* flex: 1 1 30%; */
	
	margin: 0;
	height: auto;
	margin: 0;
	overflow: hidden;
	position: absolute;
	width: 150px;
	height: 150px;	
	/* --------------- */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

}





#merches > span > span > img {
	display: block;
	width: 110%;
	height: auto;

}

#merches > span > span:nth-child(9) {

}


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

}



#merches > span > span:nth-child(1) {
	display: none;
}



#merches > span > span:nth-child(2) {
	transform: translate(190%, 60%);

}


#merches > span > span:nth-child(3) {
	transform: translate(-190%, 60%);
	text-align: center;
	background: #FFF;
	position: relative;
}

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

}


#merches > span > span:nth-child(4) {
	transform: translate(280%, 200%);
	border-radius: unset;
}

#merches > span > span:nth-child(4) > img {
	width: 95%;
	height: auto;
}

#merches > span > span:nth-child(5) {
	transform: translate(-280%, 200%);
}


#merches > span > span:nth-child(6) {
	transform: translate(200%, 350%);
}


#merches > span > span:nth-child(7) {
	transform: translate(-200%, 350%);
}


#merches > span > span:nth-child(8) {
	min-width: 220px;
	width: 220px;
	transform: translate(0%, 480%);
	z-index: 100;
}


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

}




  #merches > span::last-child {
	justify-content: center;
  }


  /* =================================== */

#thedots {
	display: flex;
	justify-content: center;
	width: 30%;
	margin: 0 auto;
	min-height: 5px;
	padding: 0 0 2em 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
 
}


#thedots > a {
	display: block;
	width: 10px;
	height: 10px;
	background: #b9b9b9;
	margin: 0 0.3em;
	/*  */
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}



#thedots > a:hover {
	background: #2669d6;
}




.descr {
	display: block;
	margin: 0 auto;
	width: 70%;
	text-align: center;
	font-family: 'InterLightbeta';
	font-size: 15px;
	line-height: 20px;
}



.hldesc {
	display: block;
	margin: 0 auto;
	width: 70%;
	text-align: center;
	font-family: 'InterLightbeta';
	font-size: 22	px;
	line-height: 30px;
	color: #111;

}





.spacepad {
	padding-top: 5em;
}

/* ---------------------------------- popular ---------------------------------- */




/* ---------------------------------- business ---------------------------------- */


#business {
	display: grid;
	grid-template-columns: 4fr 3fr;
	min-height: 20px;
	padding: 8em 0 8em 0;
	color: #444;
}




#business > span:nth-child(1) {
	display: block;
	width: 85%;
	-webkit-transform: translate(0, 60px);
	-moz-transform: translate(0, 60px);
	transform: translate(0, 60px);
	
}

#business > span:nth-child(2) {
	display: block;
	height: 700px;
	/* width: 300px; */
	overflow: hidden;
	/*  */
	-webkit-box-shadow: rgba(17, 17, 26, 0.15) -15px 15px 3px;
	-moz-box-shadow: rgba(17, 17, 26, 0.15) -15px 15px 3px;
	box-shadow: rgba(17, 17, 26, 0.15) -15px 15px 3px;
}


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


#business > span:nth-child(1) > span:nth-child(3) {
	display: block;
	min-height: 5px;
	font-family: 'interbold';
	font-size: 20px;
	padding: 1em 0;
}



.mylist {
	display: block;
	min-height: 5px;
	padding: 0.8em 0 0 0;
}


.mylist > span {
	display: flex;
	justify-content: flex-start;
	padding: 0 0 1em 0;

}

.mylist > span > span:nth-child(1) {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	min-width: 30px;
	min-height: 30px;
	max-width: 30px;
	max-height: 30px;
	background: #feb92f;
	margin-top: 6px;
	color: #222;
	font-weight: 800;
	/*  */
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	
}

.mylist > span > span:nth-child(2) {
	display: block;
	min-height: 10px; 
	width: 90%;
	font-size: 17px;
	padding: 0.2em 0 0 1em;
	font-family: 'GraphikMedium';
	line-height: 19px;	
}


.mylist > span > span:nth-child(2) > strong {
	display: inline-block;
	color:#b3b3b3;
	font-weight: 900;
	padding: 0 0.5em 0 0;
}



.adjusted > span:nth-child(1) > span.secttiltle2 {
	padding-top: 5em;
}

/* ---------------------------------- business ---------------------------------- */






/* ---------------------------------- business ---------------------------------- */

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


#gridster > span {
	display: block;
	padding: 1em;
	min-height: 100px;
	/* ------------------- */
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	/* ------------------- */
	/* -webkit-border: 1px dotted #999;
	-moz-border: 1px dotted #999;
	border: 1px dotted #999; */
	/* ------------------- */
	-webkit-box-shadow: rgba(17, 17, 26, 0.15) -11px 11px 33px;
	-moz-box-shadow: rgba(17, 17, 26, 0.15) -11px 11px 33px;
	box-shadow: rgba(17, 17, 26, 0.15) -11px 11px 33px;
}


#gridster > span > span:nth-child(1) {
	display: grid;
	place-items: center;
	width: 100px;
	height: 100px;
	min-height: 100px;
	max-height: 100px;
	min-width: 100px;
	max-width: 100px;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	font-size: 45px;
	color: #474747;
	-webkit-border: 2px solid #464646;
	-moz-border: 2px solid #464646;
	border: 2px solid #464646;
	/* --------------- */
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}


#gridster > span > span:nth-child(1):hover {
	background: #464646;
	color: #fff;
}


#gridster > span > span:nth-child(2) {
	display: block;
	font-family: 'interbold';
	letter-spacing: -1px;
	font-weight: 400;
	font-size: 26px;
	color: #444;
}

#gridster > span > span:nth-child(3) {
	display: block;
	padding: 0.5em 0;
	font-family: 'InterLightbeta';
	font-weight: 400;
	font-size: 20px;
	color: #999;
	line-height: 25px
}















/* --------------------------------- | | ------------------------------- */

#unders {
	display: block;
	padding: 1em 0;
	min-height: 10px;
	/*  */
	-webkit-border-top: 1px dotted #CCC;
	-moz-border-top: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
}

#unders > span:nth-child(1) {
	display: flex;
	justify-content: center;
	min-height: 10px;
}


#unders > span:nth-child(1) > a {
	display: block;
	padding: 0.4em ;
	white-space: nowrap;
}

#unders > span:nth-child(2) {
	display: block;
	padding: 0;
	min-height: 10px;
	width: 50%;
	margin: 0 auto;
	text-align: center;
	color: #999;
	font-size: 13px;;
}


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







/* ---------------------------------- Mainarea ---------------------------------- */

#intros {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em;
	padding: 0;
	margin: 0;
	height: 400px;
	/* background: #242527; */
	margin: 1em 0;
	overflow: hidden;
  }



  #intros > span:nth-child(1) {
    display: block;
    padding: 2em;
    margin: 0;
    min-height: 200px;
	font-family: 'GraphikLCG-Bold';
    margin: 0;
	background: #305baf;
	/*  */
	position: relative;
	/*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	
}


#intros > span:nth-child(1) > small {
    display: block;
    padding: 0 0 1em 0;
    margin: 0;
    min-height: 2px;
    margin: 0;
    font-size: 14px;
    color: #6dffe4;
    font-family: 'cal';
}

#intros > span:nth-child(1) > small > strong {
    color: #bfd1e6;
}


#intros > span:nth-child(1) > span:nth-child(2) {
    display: block;
    padding: 2em 0 0 0;
    margin: 0;
    min-height: 2px;
    margin: 0;
    font-size: 43px;
    font-weight: 800;
	letter-spacing: -1px;
    color: #FFF;
    font-family: 'GraphikLCG-Bold';
}


#intros > span:nth-child(1) > span:nth-child(3) {
    display: block;
    padding: 0 0 0.1em 0;
    margin: 0;
    min-height: 2px;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #d5e5f8;
    font-family: 'lato-H6';
}



#intros > span:nth-child(1) > span:nth-child(4) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    padding: 1em;
    margin: 1em 0 0 0;
    min-height: 2px;
    width: 95%;
    font-size: 14px;
    font-weight: 800;
    color: #d5e5f8;
    font-family: 'cal';
    background: #1d518e;
}


#intros > span:nth-child(1) > span:nth-child(4) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
    padding: 1em;
    margin: 1em 0 0 0;
    min-height: 2px;
    width: 95%;
    font-size: 14px;
    font-weight: 800;
    color: #d5e5f8;
    font-family: 'cal';
    background: #1d518e;
}


#intros > span:nth-child(1) > span:nth-child(4) > span > span {
    display: block;
    padding: 0 0 1em 0;
    font-family: 'cal';
    width: 70%;
}

#intros > span:nth-child(1) > span:nth-child(4) > span > a {
    display: block;
    padding: 0.7em 1em;
    margin: 0;
    min-height: 12px;
    font-size: 18px;
    font-weight: lighter;
    color: #d5e5f8;
    font-family: 'cal';
    background: #3964b4;
    background: -webkit-linear-gradient(to bottom right, #5f81c0, #1f4690);
    background: -moz-linear-gradient(to bottom right, #5f81c0, #1f4690);
    background: linear-gradient(to bottom right, #5f81c0, #1f4690);
}


#intros > span:nth-child(1) > span:nth-child(4) > span:nth-child(2) > a:nth-child(2) {
    background: #3eada0;
    color: #FFF;
    background: -webkit-linear-gradient(to bottom right, #3eada0, #187c9b);
    background: -moz-linear-gradient(to bottom right, #3eada0, #187c9b);
    background: linear-gradient(to bottom right, #3eada0, #187c9b);
}



 


#intros > span:nth-child(2) {
    display: block;
    padding: 0;
    margin: 0;
    height: 400px;
    margin: 0;
    position: relative;
	background: #111;
	overflow: hidden;
}


#intros > span:nth-child(2) > img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    position: relative;
	bottom: 60px;
    z-index: 1;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #fff, transparent);
    -moz-mask-image: linear-gradient(to bottom, transparent, #fff, transparent);
    mask-image: linear-gradient(to bottom, transparent, #fff, transparent);
}



#intros > span:nth-child(2) > span {
    display: block;
    min-height: 10px;
    position: absolute;
    z-index: 5;
    bottom: 120px;
    right: 20px;
    color: #fdc320;

}


#intros > span:nth-child(2) > span > span:nth-child(1) {
    display: block;
    font-size: 17px;
    font-family: 'cal';
    /* color: #FFF; */
    text-align: right;
}


#intros > span:nth-child(2) > span > span:nth-child(2) {
    display: block;
    font-size: 44px;
    font-family: 'hightlight-1';
    color: #ffc82e;
    line-height: 35px;
    text-align: right;
    letter-spacing: -3px;
}



#intros > span:nth-child(2) > span:nth-child(3) {
    display: block;
    font-family: 'cal';
    text-align: right;
    height: 40px;
    position: absolute;
    z-index: 7;
    top: 20px;
    right: 28px;
    width: 50%;
    color: #FFF;
    font-size: 16px;
}


#intros > span:nth-child(2) > a {
    display: flex;
    position: absolute;
    z-index: 6;
    bottom: 110px;
    left: 15px;
    color: #cad9ed;
    font-family: Arial;
    width: 34%;
	min-width: 150px;
	padding: 0.3em;
	overflow: hidden;
	
	/*  */
    /* -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px; */
    /* background: linear-gradient(to bottom, #EEE, transparent); */
}



#intros > span:nth-child(2) > a:hover {
	background: rgba(24, 63, 113, 0.609);
}

#intros > span:nth-child(2) > a > span:nth-child(1) {
    display: grid;
    place-items: center;
    font-size: 17px;
	width: 44px;
	height: 40px;

    padding: 0 0.2em;
    color: #723a13;
    /* -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px; */
    background: -webkit-linear-gradient(to bottom right, #d97f06, #febc2f);
    background: -moz-linear-gradient(to bottom right, #d97f06, #febc2f);
    background: linear-gradient(to bottom right, #d97f06, #febc2f);
}


#intros > span:nth-child(2) > a > span:nth-child(2) {
    display: block;
    font-size: 14px;
    padding: 0.4em 0.2em 0.4em 1em;
}



#intros > span:nth-child(2) > span:nth-child(6) {
    display: block;
    position: absolute;
    z-index: 5;
    top: 20px;
    height: 20px;
    left: 30px;
    width: 30%;
    color: #f6d5aa;
}

#intros > span:nth-child(2) > span:nth-child(6) > strong {
    color: #fdb960;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#intros > span:nth-child(2) > span:nth-child(4) {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1em;
	position: absolute;
	z-index: 3;
	left: 0;
	bottom: 0;
	padding: 0.8em;
	background: #000000ca;
	min-height: 55px;
	width: 100%;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}


#intros > span:nth-child(2) > span:nth-child(4) > a {
	display: block;
	background: #002d6bca;
	height: 78px;
	position: relative;
	overflow: hidden;
}


#intros > span:nth-child(2) > span:nth-child(4) > a > span:nth-child(1) {
	display: block;
	background: #002d6bca;
	height: 80px;
	width: 100%;
	position: relative;
	z-index: 1;
	overflow: hidden;
	/*  */
	opacity: 0.65;
	filter: alpha(opacity=65);
	/*  */
	/*  */
	-webkit-transition: all 5s cubic-bezier(0, 0.31, 0, 1.06) 0.2s;
	-moz-transition: all 5s cubic-bezier(0, 0.31, 0, 1.06) 0.2s;
	transition: all 5s cubic-bezier(0, 0.31, 0, 1.06) 0.2s;
}

#intros > span:nth-child(2) > span:nth-child(4) > a:hover > span:nth-child(1) {
	opacity: 1;
	filter: alpha(opacity=100);
}

#intros > span:nth-child(2) > span:nth-child(4) > a > span:nth-child(1) > img {
	display: block;
	height: auto;
	width: 100%;
	position: relative;
	top: -80px;
}



#intros > span:nth-child(2) > span:nth-child(4) > a > span:nth-child(2) {
	display: block;
	min-height: 5px;
	width: 15px;
	position: absolute;
	z-index: 6;
	right: 12px;
	bottom: 4px;
	font-family: Arial;
	color: #FFF;

}















/* xxxxxxxxxxxxxxx top xxxxxxxxxxxxxxxxx */
 #top {
	display: block;
	min-height: 100px;
	background:  var(--mainblues);
	min-height: 20px;
	position: relative;
	z-index: 3;
	padding: 1em 0 0 0;
}

/* xxxxxxxxxxxxxxx top xxxxxxxxxxxxxxxxx */







#uppr {
	display: flex;
	justify-content: space-between;
	width: 60%;
	margin: 0 auto;
	padding: 0.3em 0;
}



#uppr > a {
	display: flex;
	justify-content: flex-start;
	margin: 0;
	color: #005bd2
}


#uppr > a > span:nth-child(1) {
	display: block;
	width: 10px;
	height: 10px;
	margin: 0;
	color: #0083aa;
}

#uppr > a > span:nth-child(2) {
	display: block;
	margin: 0;
	padding: 0 0 0 0.5em;
	font-family: 'intermedium'
}



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

}

#uppr > span:nth-child(2) > a {
	display: grid;
	place-items: center;
	width: 22px;
	height: 22px;
	font-size: 10px;
	margin-right: 1em;
	background: #2953c9;
	/* ---------------- */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* ---------------- */
	color: #FFF;
}


#uppr > span:nth-child(2) > span {
	display: block;
	font-size: 15px;
	font-weight: 900;
	font-family: 'intermedium';
	padding-top: 0.2em;
	line-height: 16px;
 
}


 





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



#fullholder {
	display: block;
	min-height: 10px;
	position: relative;
	z-index: 4;
	width: 100%;
	padding: 0.4em 0;
    /* background: #ffffff24; */
	/* -webkit-border-bottom: 1px dotted #4083f9;
	-moz-border-bottom: 1px dotted #4083f9;
	border-bottom: 1px dotted #4083f9; */
	/*  */
	/* -webkit-box-shadow: rgba(17, 17, 26, 0.18) 0px 8px 11px;
	-moz-box-shadow: rgba(17, 17, 26, 0.18) 0px 8px 11px;
	box-shadow: rgba(17, 17, 26, 0.18) 0px 8px 11px; */
}

 



/* xxxxxxxxxxxxxxx MAST xxxxxxxxxxxxxxxxx */













/* xxxxxxxxxxxxxxx Login widget xxxxxxxxxxxxxxxxx */
#logwidget {
    display: none;
    width: 400px;
    min-height: 70px;
    background: #1452e1;
    color: #FFF;
    position: absolute;
    z-index: 10;
	opacity: 0.95;
	filter: alpha(opacity=95);
    bottom: -50px;
    right: -20px;
	padding: 0;
	overflow: hidden;
	/* ------------- */
	-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;
}


#logwidget > span:nth-child(1){
	display: block;
	min-height: 10px;
	font-family: 'interblack';
	font-size: 24px;
	padding: 1.5em 1em 0.2em 0.5em;
	/* ------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



#logwidget > span:nth-child(2){
	display: block;
	min-height: 10px;
	font-family: 'InterLightbeta';
	font-size: 13px;
	line-height: 19px;
	padding: 0 1em 1em 1em;
}

/* =----- */
#logwidget > span:nth-child(3){
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	font-family: 'InterLightbeta';
	font-size: 13px;
	color: #FFF;
	font-weight: 900;
	
}


#logwidget > span:nth-child(3) > a {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #FFF;
	font-weight: 900;
	padding: 1em 1.8em;
	background: #4f7fef;

}



#logwidget > span:nth-child(3) > a:hover > span:nth-child(2),
#logwidget > span:nth-child(3) > a:hover {
	background: #f1bc1e;
	color: #333;
	font-weight: 900;
}




#logwidget > span:nth-child(3) > a > span:nth-child(2) {
	display: block;
	min-height: 10px;
	font-family: 'InterLightbeta';
	font-size: 15px;
	color: #FFF;
	font-weight: 900;
	margin-left: 0.8em;
}


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

#logwidget > span:nth-child(4){
	display: block;
	min-height: 10px;
	font-family: 'InterLightbeta';
	font-size: 13px;
	color: #FFF;
	font-weight: 900;
	background: #d9e4fe;
	padding: 1em;
	/* ------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#logwidget > span:nth-child(4) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	font-family: 'InterLightbeta';
	font-size: 12px;
	color: #191a1a;
 
}


#logwidget > span:nth-child(4) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	font-family: 'InterLightbeta';
	font-size: 12px;
	color: #191a1a;
	padding: 1em 0 0 0;
 
}


#logwidget > span:nth-child(4) > span:nth-child(2) > form {
	display: block;
	min-height: 10px;
	font-family: 'InterLightbeta';
	font-size: 12px;
	color: #191a1a; 
	position: relative;
}

#logwidget > span:nth-child(4) > span:nth-child(2) > form > input[type=emeil],
#logwidget > span:nth-child(4) > span:nth-child(2) > form > input[type=password],
#logwidget > span:nth-child(4) > span:nth-child(2) > form > input[type=text] {
	display: block;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 15px;
	color: #191a1a; 
	padding: 0.6em 0.5em 0.2em 0.5em;
	width: 100%;
	height: 50px;
	margin-bottom: 0.6em;
	outline: 1px dotted #125bae;
	position: relative;
	z-index: 1;
	font-weight: 800;
	/* ---------------- */
	background: -webkit-linear-gradient(to bottom, #EEE, #FFF);
	background: -moz-linear-gradient(to bottom, #EEE, #FFF);
	background: linear-gradient(to bottom, #EEE, #FFF);
	/* ---------------- */
	-webkit-border: 1px dotted #CCC;
	-moz-border: 1px dotted #CCC;
	border: 1px dotted #CCC;
	/* ------------- */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/* ------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



#logwidget > span:nth-child(4) > span:nth-child(2) > form > label {
	display: block;
	color: #377dcc;
	font-family: 'InterLightbeta';
	position: absolute;
	z-index: 2;
	font-size: 10px;
	transform: translate(6px, -55px);
}

/* ---- */
#logwidget > span:nth-child(4) > span:nth-child(2) > form > span {
	display: grid;
	grid-template-columns: 4fr 2fr;
	gap: 0.8em;
}


#logwidget > span:nth-child(4) > span:nth-child(2) > form > span > button {
	display: block;
	padding: 1em;
	background: #2a62e4;
	color: #FFF;
	border: none;
	outline: none;
	/* ---- */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#logwidget > span:nth-child(4) > span:nth-child(2) > form > span > button:nth-child(2) {
	display: block;
	padding: 1em;
	background: #049e63;
	color: #FFF;
}


#logwidget > span:nth-child(4) > span:nth-child(2) > form > span > button > span:nth-child(1){
	display: inline-block;
	
}


#logwidget > span:nth-child(4) > span:nth-child(2) > form > span > button > span:nth-child(2){
	display: inline-block;
	padding: 0 0 0 0.1em;
	font-size: 15px;
	font-family: 'interbold';
}



.sinuate {
	position: absolute;
	right: -20px;
	z-index: 11;
	transform: translate(-50px, -65px);
}
/* xxxxxxxxxxxxxxx Login widget xxxxxxxxxxxxxxxxx */


























#centries > div.topnotice > span:nth-child(3) {
	display: block;
	min-height: 10px;
	font-size: 13px;
	font-family: 'interLightbeta';
	text-align: center;
}










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

.grid-2 {
	display: grid;
	grid-template-columns: 3fr 4fr 3fr;
	gap: 1em;
}


.grid-2 > div {
	display: block;
	min-height: 10px;
	padding: 3em 0;
}


.grid-2 > div > span {
	display: block;
	min-height: 30px;
	background: #FFF;
	margin-bottom: 1em;
	/*  */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*  */
	-webkit-box-shadow: rgba(17, 17, 26, 0.129) 0 0 15px;
	-moz-box-shadow: rgba(17, 17, 26, 0.129) 0 0 15px;
	box-shadow: rgba(17, 17, 26, 0.129) 0 0 15px;
}



.topborder {
	display: block;
	/*  */
	-webkit-border-top: 1px dotted #a2c1e9;
	-moz-border-top: 1px dotted #a2c1e9;
	border-top: 1px dotted #a2c1e9;

}


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

#threetier {
	display: grid;
	grid-template-columns:  1fr 1fr;
	min-height: 20px;
	margin: 0 auto;
	width: 80%;
	position: relative;
	z-index: 4;

}

#threetier > a {
	display: block;
	height: 270px;
	position: relative;
	color: #262626;
	/*  */
	-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;
	/*  */
	background: -webkit-linear-gradient(to bottom, #d5d5d5, transparent);
	background: -moz-linear-gradient(to bottom, #d5d5d5, transparent);
	background: linear-gradient(to bottom, #d5d5d5, transparent);
}




 


#threetier > a:nth-child(1) {
	
	/*  */
	background: -webkit-linear-gradient(-140deg, #d5d5d5, white, transparent);
	background: -moz-linear-gradient(-140deg, #d5d5d5, white, transparent);
	background: linear-gradient(-140deg, #d5d5d5, white, transparent);
}


#threetier > a:nth-child(2) {
	height: 390px;
	color: #333;
	/*  */
	background: -webkit-linear-gradient(140deg, #FFF, #FFF, transparent);
	background: -moz-linear-gradient(140deg, #FFF, #FFF, transparent);
	background: linear-gradient(140deg, #FFF, #FFF, transparent);
}


#threetier > a:nth-child(3) {
	/*  */
	/*  */
	background: -webkit-linear-gradient(150deg, #d5d5d5, #d5d5d5, white, white, transparent);
	background: -moz-linear-gradient(150deg, #d5d5d5, #d5d5d5, white, white, transparent);
	background: linear-gradient(150deg, #d5d5d5, #d5d5d5, white, white, transparent);
}



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

#threetier > a > span:nth-child(1) {
	display: block;
	position: relative;
	z-index: 1;
	min-height: 250px;

}


#threetier > a:hover {
	transform: translateY(-30px);
	-webkit-box-shadow: rgba(18, 106, 220, 0.261) 0 -10px 1px;
	-moz-box-shadow: rgba(18, 106, 220, 0.261) 0 -10px 1px;
	box-shadow: rgba(18, 106, 220, 0.261) 0 -10px 1px;
}



#threetier > a > span:nth-child(1) > img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-mask-image: linear-gradient(-140deg, #1111116c 6%, transparent 50%, transparent 30%);
    -moz-mask-image: linear-gradient(-140deg, #1111116c 5%, transparent 50%, transparent 30%);
    mask-image: linear-gradient(-140deg, #1111116c 5%, transparent 50%, transparent 30%);

}


#threetier > a:nth-child(2) > span:nth-child(1) > img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-mask-image: linear-gradient(140deg, #1111116c 6%, transparent 50%, transparent 30%);
    -moz-mask-image: linear-gradient(140deg, #1111116c 5%, transparent 50%, transparent 30%);
    mask-image: linear-gradient(140deg, #1111116c 5%, transparent 50%, transparent 30%);

}



#threetier > a:nth-child(3) > span:nth-child(1) > img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-mask-image: linear-gradient(150deg, #1111116c 6%, transparent 50%, transparent 30%);
    -moz-mask-image: linear-gradient(150deg, #1111116c 5%, transparent 50%, transparent 30%);
    mask-image: linear-gradient(150deg, #1111116c 5%, transparent 50%, transparent 30%);

}


/*  */

#threetier > a > span:nth-child(2) {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	/*  */
	width: 100%;
	padding: 2em;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}


 


#threetier > a > span:nth-child(2) > span:nth-child(1){
	display: flex;
	justify-content: flex-start;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	/*  */
	width: 100%;
	padding: 1em;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}



#threetier > a > span:nth-child(2) > span:nth-child(1) > span:nth-child(1) {
	display: grid;
	place-items: center;
	width: 15px;
	height: 15px;
	background: #658af6;
	color: #FFF;
	font-size: 11px;
	/*  */
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

#threetier > a > span:nth-child(2) > span:nth-child(1) > span:nth-child(2) {
	display: block;
	width: 80%;
	min-height: 5px;
	color: #333;
	padding: 0 0 0 0.7em;
	font-weight: 700;
	font-family: 'cal';
}



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


#threetier > a > span:nth-child(2) > span:nth-child(2){
	display: block;
	position: absolute;
	top: 200px;
	width: 85%;
	
}



#threetier > a > span:nth-child(2) > span:nth-child(2) > span:nth-child(1) {
	display: block;
	font-family: 'GraphikLCG-Bold';
	font-size: 30px;
}

#threetier > a > span:nth-child(2) > span:nth-child(2) > span:nth-child(2) {
	display: block;
	font-family: 'cal';
	font-size: 14px;
	position: relative;
	top: 10px;
	
}




#threetier > a:nth-child(1):hover {
	
	/*  */
	background: -webkit-linear-gradient(-140deg, #0e6ff7, white, white);
	background: -moz-linear-gradient(-140deg, #0e6ff7, white, white);
	background: linear-gradient(-140deg, #0e6ff7, white, white);
}


#threetier > a:nth-child(2):hover {
 
	/*  */
	background: -webkit-linear-gradient(150deg, #0e6ff7, white, white);
	background: -moz-linear-gradient(150deg, #0e6ff7, white, white);
	background: linear-gradient(150deg, #0e6ff7, white, white);
}


#threetier > a:nth-child(3):hover {
	background: -webkit-linear-gradient(150deg, #0e6ff7, white, white);
	background: -moz-linear-gradient(150deg, #0e6ff7, white, white);
	background: linear-gradient(150deg, #0e6ff7, white, white);
}



#threetier > a:nth-child(3) > span:nth-child(2) > span:nth-child(1) > span:nth-child(2),
#threetier > a:nth-child(3) > span:nth-child(2) > span:nth-child(2) {
	color: #222;
}


#threetier > a:nth-child(3) > span:nth-child(2) > span:nth-child(2) {
	color: #111;
}



#threetier > a > span:nth-child(2) > span:nth-child(2) > span:nth-child(3) {
	display: grid;
	place-items: center;
	width: 70px;
	min-height: 10px;
	background: #111;
	color: #FFF;
	padding: 0.5em;
	position: relative;
	top: 50px;
	/*  */
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}



#threetier > a:hover > span:nth-child(2) > span:nth-child(2) > span:nth-child(3) {
	background: #1890ff;
	color: #FFF;
	font-family: 'cal';
	font-size: 13px;
 
}



/* ---------------------------------- Mainarea ---------------------------------- */






/* ---------------------------------- specs apartments ---------------------------------- */

.titlebars {
    display: flex;
    justify-content: space-between;
    padding: 1em 0 0.5em 0;
	letter-spacing: 0px;
	font-size: 23px;
	 
    min-height: 20px;
	color: #101626;
	font-size: 'intermedium';
	font-weight: 700;
	/*  */
    -webkit-border-bottom: 1px dotted #bfc8d8;
	-moz-border-bottom: 1px dotted #bfc8d8;
	border-bottom: 1px dotted #bfc8d8;
	/*  */
    position: relative;
    z-index: 10;
}

.titlebars > span:nth-child(2) > a:hover {
    color: #FFF;
    background: #b9caec;
 
}

#topapats {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1em;
    /* background: #e4eaf3; */
    padding: 1em 0;
    min-height: 100px;
    margin: 0;
}



#topapats > a, 
#topapats > div {
    display: block;
    /* background: #2b4d8c; */
    background: #74673b;
    padding: 0;
    margin: 0;
    height: 400px;
    max-height: 400px;
    overflow: hidden;
    position: relative;
}










.highli {
    display: block;
}


.item1 {
    grid-column: 1/3;
}



#topapats > a > span:nth-child(2), 
#topapats > div > span:nth-child(2) {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90%;
    z-index: 10;
    padding: 1em;
    margin: 0;
    min-height: 10px;
    /* max-height: 400px; */
    overflow: hidden;
    font-family: 'cal';
    color: #FFF;
}


.highli > span:nth-child(2) > small {
    display: block;
    font-family: 'cal';
    text-transform: uppercase;
    color: #c6d8ec;
    padding: 0 0 0.4em 0;
}


.highli > span:nth-child(2) > strong {
    display: block;
    font-family: 'cal';
    text-transform: uppercase;
    font-size: 27px;
    color: #f3f9ff;
    padding: 0 0 0.1em 0;
    width: 65%;
    line-height: 22px;
    line-height: 25px;
}



.highli > span:nth-child(2) > span {
    display: flex;
	justify-content: flex-start;
    font-family: 'cal';
    font-size: 13px;
    color: #f3f9ff;
    padding: 0;
    width: 70%;
}



.highli > span:nth-child(2) > span > span {
	display: block;
	padding: 0.2em 0.8em 0 0.8em;
	color: #7fc1ff !important;
	font-size: 10px;

}


.highli > span:nth-child(2) > a {
    display: block;
    position: absolute;
    right: 52px;
    bottom: 18px;
    padding: 0.8em;
    font-family: 'interbold';
    background: #00408a;
    background: -webkit-linear-gradient(to bottom, #00408a, #2c7fdd);
    background: -moz-linear-gradient(to bottom, #00408a, #2c7fdd);
    background: linear-gradient(to bottom, #00408a, #2c7fdd);
    width: 100px;
    color: #FFF;
    text-align: center;
	font-size: 13px;
}


#topapats > a:hover, #topapats > div:hover {
    background: #2b4d8c;
}


.highli > span:nth-child(2) > a:hover {
    background: -webkit-linear-gradient(to bottom, #f1c122, #ffdd6c);
    background: -moz-linear-gradient(to bottom, #f1c122, #ffdd6c);
    background: linear-gradient(to bottom, #f1c122, #ffdd6c);
    color: #333;
}

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


#topapats > a > span:nth-child(1), #topapats > div > span:nth-child(1) {
    display: block;
    /* background: #c8dafa; */
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
    height: 400px;
    max-height: 400px;
    overflow: hidden;
	
}


#topapats > a > span:nth-child(1) > img, 
#topapats > div > span:nth-child(1) > img {
    display: block;
    padding: 0;
    margin: 0;
    height: auto;
    width: 100%;
    -webkit-mask-image: linear-gradient(to bottom, #111, #111, #111, transparent);
    -moz-mask-image: linear-gradient(to bottom, #111, #111, #111, transparent);
    mask-image: linear-gradient(to bottom, #111, #111, #111, transparent);
}


#topapats > a > span:nth-child(2), 
#topapats > div > span:nth-child(2) {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90%;
    z-index: 10;
    padding: 1em;
    margin: 0;
    min-height: 40px;
    max-height: 400px;
    overflow: hidden;
    font-family: 'cal';
    color: #FFF;
}

#topapats > a > span:nth-child(2) > span > span:nth-child(1), 
#topapats > div > span:nth-child(2) > span > span:nth-child(1) {
    display: block;
    color: #FFF;
}

#topapats > a > span:nth-child(2) > span > span:nth-child(2) > span > strong,
#topapats > div > span:nth-child(2) > span > span:nth-child(2) > span > strong {
    color: #f5d56b;
}


.highli > span:nth-child(2) {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100% !important;
    min-height: 10px !important;
    background: #1e5ba1;
	/*  */
    background: -webkit-linear-gradient(to bottom, transparent, #02162c);
	background: -moz-linear-gradient(to bottom, transparent, #02162c);
	background: linear-gradient(to bottom, transparent, #02162c);
}



#topapats > a > span:nth-child(3) {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 10;
}


#topapats > a > span:nth-child(3) > span {
    display: block;
    padding: 0 0.5em 0 0;
    color: #ffffff;
}


#topapats > a > span:nth-child(2) > span > span:nth-child(2) > span, 
#topapats > div > span:nth-child(2) > span > span:nth-child(2) > span {
    display: block;
    color: #FFF;
}


#topapats > div > span:nth-child(2) > span:nth-child(2), 
#topapats > a > span:nth-child(2) > span:nth-child(2) {
    display: block;
    font-weight: 800;
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 25px;
    font-family: 'hightlight-1';
}



.paddic {
    display: block;
    min-height: 200px;
    padding: 0;
    /* background: -webkit-linear-gradient(to bottom, #c0e1f6, #fff, #fff);
    background: -moz-linear-gradient(to bottom, #c0e1f6, #fff, #fff);
    background: linear-gradient(to bottom, #c0e1f6, #fff, #fff); */
}



.homepres {
    display: flex;
    justify-content: space-between;
    min-height: 10px;
    padding: 0;
}


 





.cornerlink > a, #maincontent > div.paddic > div.homepres > a {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    background: #FFF;
    -webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    -moz-box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}



#ft {
    display: block;
    padding: 0.4em 0 0 0;
    height: 310px;
    overflow: hidden;
    overflow-x: scroll;
    position: relative;
    font-family: 'cal';
}


#features {
    display: flex;
    justify-content: flex-start;
    float: left;
    min-width: 500px;
    padding: 0;
    min-height: 100px;
}

#features > div:not(:last-child) {
    margin-right: 1em;
}



#features > div {
    display: block;
    background: white	;
    padding: 0;
    margin: 0;
    width: 300px;
    min-height: 100px;
    -webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 7px 6px;
    -moz-box-shadow: rgba(17, 17, 26, 0.1) 0px 7px 6px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 7px 6px;
}


#features > div > span:nth-child(1) {
    display: block;
    height: 100px;
    overflow: hidden;
    background: #8797be;
    margin: 0;
    padding: 0;
    position: relative;
}


#features > div > span:nth-child(1) > img {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    top: -200px;
}


#features > div > span:nth-child(2) {
    display: block;
    min-height: 165px;
    margin: 0;
    padding: 1em;
    color: #888;
    position: relative;
}


#features > div > span:nth-child(2) > a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 33px;
    height: 44px;
    width: 44px;
    background: #f0d01d;
    position: absolute;
    top: -20px;
    z-index: 2;
    color: rgb(47, 47, 47);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#features > div > span:nth-child(2) > h6 {
    display: block;
    font-size: 19px;
    font-weight: 800;
    padding: 1em 0 0 0;
    font-family: 'EncodeSansCond-Black';
}



#features > div > span:nth-child(2) > small {
    display: block;
    color: #b8b6b6;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'cal';
    margin: 0;
    padding: 0 0 0.6em 0;
	letter-spacing: 2px;
}


#features > div > span:nth-child(2) > strong {
    display: block;
    font-size: 16px;
    font-weight: 900;
    font-family: 'cal';
    color: #222;
}


#features > div > span:nth-child(2) > span {
    display: flex !important;
    font-size: 14px;
    font-family: 'cal';
	position: absolute;
	bottom: 15px;
	width: 90%;
	margin: 0 auto;
}

#features > div > span:nth-child(2) > span:nth-child(5) {
    display: block;
    font-size: 11px;
    font-family: 'intermedium';
	width: 90%;
	margin: 0;
	line-height: 20px;
	font-weight: 800;
	color: #333;
}

.spc {
    display: flex !important;
    justify-content: space-between;
    font-family: 'cal';
    font-size: 14px;
    padding: 0.4em 0;
}


.spc > a {
	display: grid;
	place-items: center;
	width: 70px;
	height: 25px;
	font-weight: 700;
	font-size: 12px;
	font-family: 'intermedium';
	color: #005eca;
 
	/*  */
	-webkit-border: 1px solid #005eca;
	-moz-border: 1px solid #005eca;
	border: 1px solid #005eca;

}


.spc > a:hover {
	background: #005eca;
	color: #FFF;

}




.bloc {
	display: block;
	background: #f4f8ff;
	padding: 1em 1em 0.6em 1em;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*  */
	-webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 7px 3px;
	-moz-box-shadow: rgba(17, 17, 26, 0.05) 0px 7px 3px;
	box-shadow: rgba(17, 17, 26, 0.05) 0px 7px 3px;
}



#sects {
	display: block;
	min-height: 10px;
	width: 95%;
	margin: 0 auto;
 

}



.sects2, 
.sects {
    display: block;
    min-height: 300px;
	padding: 0;
    margin: 1.5em 0 0 0;
    position: relative;
    overflow: hidden;
	border-radius: 25px;
	padding: 1.5em;
}



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



.sects3 > div > span:nth-child(1), 
.sects2 > span:nth-child(1), 
.sects > span:nth-child(1) {
    display: block;
    height: 300px;
    margin: 0;
    width: 100%;
    position: absolute;
    z-index: 1;
    overflow: hidden;
}


.sects3 > div > span:nth-child(1) > img, 
.sects2 > span:nth-child(1) > img, 
.sects > span:nth-child(1) > img {
    display: block;
    width: 105%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
}


.sects > span:nth-child(2) {
    display: block;
    min-height: 10px;
    margin: 0;
    width: 30%;
    position: absolute;
    top: 50px;
    left: 60px;
    z-index: 10;
}


.sects2 > span:nth-child(2) > span:nth-child(1), 
.sects > span:nth-child(2) > span:nth-child(1) {
    display: block;
    min-height: 10px;
    margin: 0;
    font-size: 30px;
    font-family: 'EncodeSansCond-Black';
    line-height: 26px;
    padding: 0 0 0.5em 0;
    width: 70%;
    color: #fff;
}

.sects2 > span:nth-child(2) > span:nth-child(2), 
.sects > span:nth-child(2) > span:nth-child(2) {
    display: block;
    min-height: 10px;
    margin: 0;
    font-size: 18px;
    font-family: 'cal';
    line-height: 21px;
    color: #fff;
}


.sects2 > span:nth-child(2) > span:nth-child(2) > a, 
.sects > span:nth-child(2) > span:nth-child(2) > a {
    display: block;
    font-size: 16px;
    padding: 0.5em 1em;
    margin-top: 1.6em;
    width: 30%;
    color: #eee;
    border: 2px solid #eee;
    font-family: 'cal';
    -webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 7px 6px;
    -moz-box-shadow: rgba(17, 17, 26, 0.1) 0px 7px 6px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 7px 6px;
}


 


.sects3 {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    min-height: 300px;
    background: #211a1a;
    margin: 2em 0 0 0;
    position: relative;
    overflow: hidden;
}


.sects3 > div {
    display: block;
    min-height: 300px;
    margin: 0;
    position: relative;
    overflow: hidden;
    background: #211a1a;
}


.sects3 > div > span:nth-child(1), 
.sects2 > span:nth-child(1), 
.sects > span:nth-child(1) {
    display: block;
    height: 300px;
    margin: 0;
    width: 100%;
    position: absolute;
    z-index: 1;
    overflow: hidden;
}


.sects3 > div > span:nth-child(1) > img {
    -webkit-mask-image: linear-gradient(to right, #111, transparent);
    -moz-mask-image: linear-gradient(to right, #111, transparent);
    mask-image: linear-gradient(to right, #111, transparent);
}


 

.sects3 > div > span:nth-child(2) > span:nth-child(1) {
    display: block;
    min-height: 10px;
    margin: 0;
    font-size: 30px;
    font-family: 'EncodeSansCond-Black';
    line-height: 26px;
    padding: 0 0 0.5em 0;
    color: #fff;
}


.sects3 > div > span:nth-child(2) {
    width: 60%;
    color: #FFF;
    font-weight: 800;
}


.sects3 > div > span:nth-child(2), 
.sects2 > span:nth-child(2) {
    display: block;
    min-height: 10px;
    margin: 0;
    width: 30%;
    position: absolute;
    top: 50px;
    right: 60px;
    z-index: 10;
    text-align: right;
}


.sects2 > span:nth-child(2) > span:nth-child(1) {
    width: 100%;
    color: #fff;
}

.sects2 > span:nth-child(2) > span:nth-child(2), 
.sects > span:nth-child(2) > span:nth-child(2) {
    display: block;
    min-height: 10px;
    margin: 0;
    font-size: 18px;
    font-family: 'cal';
    line-height: 21px;
    color: #fff;
}

.sects2 > span:nth-child(2) > span:nth-child(2) > a {
    display: block;
    position: absolute;
    right: 0;
}


.sects3 > div > span:nth-child(2) > span:nth-child(2) > a {
    display: block;
    margin-top: 1em;
    font-size: 16px;
    color: #71a0f7;
    font-family: 'cal';
}

 

.sects3 > div > span:nth-child(2) {
    width: 60%;
    color: #FFF;
    font-weight: 800;
}



/* ---------------------------------- specs apartments ---------------------------------- */










/* ---------------------------------- page ---------------------------------- */

#pagersx {
	display: flex;
	justify-content: space-between;
	min-height: 20px;
	margin: 5em 0;
}


#pagersx > span:nth-child(1){
	display: block;
	min-height: 20px;
	font-size: 25px;
	width: 50%;
	letter-spacing: -1px;
} 



#pagersx > span:nth-child(1) > span:nth-child(1) {
	display: block;
	min-height: 20px;
	font-size: 25px;
	font-family: 'interbold';
	letter-spacing: -1px;
} 



#pagersx > span:nth-child(1) > span:nth-child(2) {
	display: block;
	min-height: 20px;
	font-size: 13px;
	font-family: 'InterLightbeta';
	letter-spacing: 0px;
	padding: 0.5em 0 0 0;
	line-height: 20px;
} 


/* xxxxxxxxxxxxxxxxxxxxxxxx */

#pagersx > span:nth-child(2){
	display: flex;
	justify-content: right;
	min-height: 20px;
	font-size: 13px;
	font-family: 'cal';
	width: 40%;
	font-weight: 900;
}


#pagersx > span:nth-child(2) > span {
	display: block;
	margin: 0.3em 1em;
	font-size: 9px;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



#pagers {
	display: flex;
	justify-content: space-between;
	min-height: 20px;
	margin: 5em 0;
}


#pagers > span:nth-child(1){
	display: block;
	min-height: 20px;
	font-size: 25px;
	font-family: 'interbold';
	width: 50%;
	letter-spacing: -1px;
} 

#pagers > span:nth-child(2){
	display: flex;
	justify-content: right;
	min-height: 20px;
	font-size: 13px;
	font-family: 'cal';
	width: 40%;
	font-weight: 900;
	padding: 0.7em 0 0 0;

}

 

#pagers > span:nth-child(2) > a {
	display: block;
	margin: 0;
	color: #a7bbf1;
	font-size: 14px;
}


#pagers > span:nth-child(2) > a:hover {
	color: #274188;
	text-decoration: underline;
}


#pagers > span:nth-child(2) > span {
	display: block;
	margin: 0 1.2em;
	font-size: 9px;
	padding: 0.3em 0 0 0;
	
}


/* ---------------------------------- page ---------------------------------- */

#merchant {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.5em;
    min-height: 200px;
    padding: 3em 0;
}



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





#categories > a {
	display: block;
	background:#d5d5d5;
	min-height: 100px;
	position: relative;
	overflow: hidden;
	/*  */
	-webkit-border: 1px dotted #CCC;
	-moz-border: 1px dotted #CCC;
	border: 1px dotted #CCC;
	/*  */
	-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;
}



#categories > a > span::nth-child(1) {
	display: block;
	min-height: 150px;
	max-height: 150px;
	overflow: hidden;
}



#categories > a > span:nth-child(1) {
	display: block;
	min-height: 180px;
	max-height: 180px;
	overflow: hidden;
}

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

#categories > a > span:nth-child(2) {
	display: block;
	min-height: 10px;
	max-height: 20px;
	padding: 12px;
	color: #222;
	background: #FFF;
	font-family: 'intermedium';
	font-size: 13px;
	font-weight: 900;
}





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

.biggietitle {
	display: block;
	min-height: 10px;
	font-size: 30px;
	font-family: 'signikabold';
}



.openclose {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	margin-right: 20px;
	white-space: nowrap;
	padding: 10px 0 0 0;
}


.openclose > span {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	font-size: 14px;
	font-family: 'intermedium';
	margin-right: 30px;
	white-space: nowrap;
}

.openclose > span > strong {
	display: inline-block;
	padding: 0 6px 0 0;
}

.openclose > span > span {
	display: inline-block;
	padding: 0 6px 0 0;
	color: #2a81f9;
}


.banner {
	display: block;
	min-height: 60px;
	margin-top: 20px;
	margin-bottom: 1em;
	position: relative;
	/* -------------- */
	-webkit-border: 1px dotted #444;
	-moz-border: 1px dotted #444;
	border: 1px dotted #444;
	/* -------------- */
	height: 140px;
	width: 100%;
	/* ------------------------------------------------ */
	background: #FFF;
	/* ------------------------------------------------ */
	color: #333;
	/* ------------------------------------------------ */
	position: relative;
	-webkit-box-shadow: rgba(17, 17, 26, 0.15) -8px 8px 1px;
	-moz-box-shadow: rgba(17, 17, 26, 0.15) -8px 8px 1px;
	box-shadow: rgba(17, 17, 26, 0.15) -8px 8px 1px;

}





.banner > span:nth-child(1) {
	display: block;
	min-height: 60px;
	position: relative;
	z-index: 1;
}


.banner > span:nth-child(2) {
	display: block;
	min-height: 10px;
	position: absolute;
	z-index: 3;
	bottom: 20px;
	left: 20px;
	width: 60%
}


.banner > span:nth-child(3) {
	display: block;
	height: 60px;
	width: 60px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 5;
}


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




.merchproducts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
	min-height: 10px;
	padding: 6px 0 0 0;
}


.merchproducts > span.banner {
	margin: 0;
}

/* .----------------------------------------- */

#mkgallery > a {
	background: #edeff4 !important;
}




#categories > a:hover {
	background: #3b75e9;
}


#categories > a > span:nth-child(1) {
	display: block;
	height: 400px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}


#categories > a > span:nth-child(1) > img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-mask-image: linear-gradient(to bottom, #fff, #fff, transparent);
	-moz-mask-image: linear-gradient(to bottom, #fff, #fff, transparent);
	mask-image: linear-gradient(to bottom, #fff, #fff, transparent);
	/*  */
	-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;
}



#categories > a > span:nth-child(1):hover > img {
	width: 110%;
}


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

#filt {
    display: block;
    min-width: 130px !important;
    min-width: 300px;
}


#filt > span {
    display: block;
    width: 10px !important;
    padding: 1em 0;
    width: 100% !important;
    min-height: 55px;
	/*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	/*  */
    -webkit-border-bottom: 1px dotted #0390bb;
    -moz-border-bottom: 1px dotted #0390bb;
    border-bottom: 1px dotted #0390bb;
}


#filt > span > span {
    display: block;
    color: #000;
    font-family: 'EncodeSansCondensed-ExtraBold';
    font-size: 23px;
}


#filt > span > div {
    display: block;
}

#filt > div > span {
    display: block;
    color: #000;
    font-family: 'interbold';
    font-size: 16px;
	padding: 1em 0 0 0;
}


 

 

#filt > form {
    display: block;
    width: 10px !important;
    padding: 1em 0;
    width: 100% !important;
    position: relative;
    -webkit-appearance: none;
	/* ------------------------------ */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	/* ------------------------------ */
    -webkit-border-bottom: 1px dotted #0390bb;
    -moz-border-bottom: 1px dotted #0390bb;
    border-bottom: 1px dotted #0390bb;
}


#filt > form > div {
	display: flex;
	justify-content: space-between;
	min-height: 10px;
	padding: 0 0 0.4em 0;
	font-size: 12px;
}



#filt > form > div > span:nth-child(1){
	display: block;
	font-family: 13px;
	font-family: 'intermedium';
	min-height: 10px;
}


#filt > form > div > span:nth-child(2){
	display: flex;
	justify-content: flex-end;
	font-family: 13px;
	font-family: 'intermedium';
	min-height: 10px;
}

#filt > form > div > span:nth-child(2) > span,
#filt > form > div > span:nth-child(2) > span > label{
	display: inline-block;
 
	font-family: 'intermedium';
	min-height: 10px;
}


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

#filt > form > div > span:nth-child(2) > span > label {
	font-size: 18px;
	font-family: 'interbold';
}


#filt > form > input[type='range'] {
	display: block;
	width: 100%;
	height: 10px;
	background: #45a2f7
}



#filt > form > select {
	display: block;
	min-height: 10px;
	padding: 0.8em 0;
	margin-bottom: 0.2em;
	background: none;
	width: 100%;
	/*  */
	-webkit-border: none;
	-moz-border: none;
	border: none;
	/*  */
	-webkit-border-bottom: 1px solid #3f6090;
	-moz-border-bottom: 1px solid #3f6090;
	border-bottom: 1px solid #3f6090;
	/*  */
	outline: none;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



#filt > form > span:nth-child(1),
#filt > form > span {
    display: flex;
	justify-content: space-between;
    width: 10px !important;
    padding: 0.8em;
    width: 100% !important;
    border: none;
    position: relative;
    z-index: 1;
    font-family: 'cal';
    margin: 0.6em 0 0 0;
    -webkit-appearance: none;
	appearance: none;
	/*  */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	/*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	/*  */
    -webkit-border-bottom: 1px dotted #0390bb;
    -moz-border-bottom: 1px dotted #0390bb;
    border-bottom: 1px dotted #0390bb;
}



/* ----------------------------- */
.searchtitmins {
	display: flex;
	justify-content: space-between;
	min-height: 10px;
	padding: 2em 0 0.2em 0;
 
}


.searchtitmins > span:nth-child(1) {
	display: block;
	min-height: 10px;
	padding: 0;
	color: #01775b;
	font-weight: 900;
	font-family: 'interbold';
	width: 70%;
}



.searchtitmins > span:nth-child(2) {
	display: flex;
	justify-content: flex-end;
	min-height: 10px;
	padding: 0;
	color: #01775b;
	width: 30%;
 
}


.searchtitmins > span:nth-child(2) > a {
	display: grid;
	place-items: center;
	height: 20px;
	width: 55px;
	padding: 0;
	color: #01775b;
	position: relative;
	top: -3px;
	font-size: 12px;
	/*  */
	-webkit-border: 2px solid #66bda9;
	-moz-border: 2px solid #66bda9;
	border: 2px solid #66bda9;
}



.searchtitmins > span:nth-child(2) > a:hover {
	-webkit-border: 2px solid #009270;
	-moz-border: 2px solid #009270;
	border: 2px solid #009270;
	background: #00916f;
	color: #d3fffb;
}
/* ---------------------------- */

.searchssects {
	display: block;
	padding: 0 0 1em 0;
}

.searchssects > span {
	display: flex;
	justify-content: flex-start;
	padding: 0.2em 0;
}

.searchssects > span > strong {
	display: inline-grid;
	place-items: center;
	background: #54bda1;
	color: #FFF;
	font-size: 10px;
	height: 25px;
	padding: 0 1em;
	/* min-width: 40px; */

}

.searchssects > span > span {
	display: grid;
	place-items: center;
	padding: 0 0 0 1em;
	color: #04937c;
}
/* -------------------------------------------- */






/* ---------------- [listing] ---------------- */

.holdit {
    display: block !important;
    min-height: 100px;
    padding: 0 !important;
}



.messgetitler {
    display: flex;
    justify-content: space-between;
    height: 29px;
    max-height: 55px;
    padding: 1em;
    -webkit-border-bottom: 1px dotted #45a2f7;
    -moz-border-bottom: 1px dotted #45a2f7;
    border-bottom: 1px dotted #45a2f7;
}


.messgetitler > span:nth-child(1) {
    display: flex;
	justify-content: flex-start;
	place-items: center;
    padding: 0.1em 0 0 0;
    font-size: 15px;
    font-family: 'intermedium';
}

.messgetitler > span:nth-child(1) > strong {
    display: inline-grid;
    place-items: center;
    font-family: 'intermedium';
    padding: 0 1em;
    color: #FFF;
    margin: 0 1em;
    height: 30px;
    font-size: 13px;
    background: #54c7ab;
}

.messgetitler > span:nth-child(2) {
    display: inline-flex;
    justify-content: flex-end;
    font-size: 17px;
    width: 20%;
}

.messgetitler > span {
    /* display: block; */
    min-height: 20px;
    font-size: 17px;
    font-family: 'cal';
}


#mkgallery, #productgallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.5em;
    min-height: 200px;
    padding: 2em 0;
}


#mkgallery > a,
#productgallery > a, 
#productgallery > div {
    display: block;
    background: #ffcd60;
    height: 360px;
    position: relative;
    overflow: hidden;
	padding: 0;
	/*  */
    /* -webkit-border: 1px dotted #CCC;
    -moz-border: 1px dotted #CCC;
    border: 1px dotted #CCC; */
	/*  */
    -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;
}



#mkgallery > a:hover,
#productgallery > a:hover, 
#productgallery > div:hover {
	background: #ffb648;
	color: #222;
}


#mkgallery > a > span:nth-child(1), 
#productgallery > a > span:nth-child(1) {
    display: block;
    height: 200px;
    position: relative;
    z-index: 1;
	background: #ffcd60;
}


#mkgallery > a > span:nth-child(1) > img, 
#productgallery > a > span:nth-child(1) > img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-mask-image: linear-gradient(to bottom, #fff, #fff, transparent);
    -moz-mask-image: linear-gradient(to bottom, #fff, #fff, transparent);
    mask-image: linear-gradient(to bottom, #fff, #fff, transparent);
    -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;
}


#mkgallery > a > span:nth-child(2), 
#productgallery > a > span:nth-child(2) {
    display: block;
    padding: 1.2em;
    min-height: 10px;
    /* width: 93%; */
	margin: 0 auto;
    color: #34290d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



#mkgallery > a > span:nth-child(2) > span:nth-child(1), 
#productgallery > a > span:nth-child(2) > span:nth-child(1) {
    display: block;
    min-height: 10px;
    /* width: 93%; */
	margin: 0 auto;
    color: #222;
	font-size: 18px;
	line-height: 24px;
	font-family: 'firaSans';
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



#mkgallery > a > span:nth-child(2) > small, 
#productgallery > a > span:nth-child(2) > small {
    display: block;
    min-height: 10px;
    /* width: 93%; */
	margin: 0;
    color: #444;
	font-size: 14px;
	line-height: 22px;
	font-family: 'intermedium';
}


#mkgallery > a:hover > span:nth-child(2) > span,
#productgallery > a:hover > span:nth-child(2) > span , 
#productgallery > div:hover > span:nth-child(2) > span,
#mkgallery > a:hover > span:nth-child(2) > small,
#productgallery > a:hover > span:nth-child(2) > small , 
#productgallery > div:hover > span:nth-child(2) > small   {
	color: #222;
}

#productgallery > a > span:nth-child(2) > span:nth-child(1) > span:nth-child(2) {
    display: block;
    width: 100%;
    min-height: 40px;
    top: 50%;
    font-family: 'cal';
}


#productgallery > a > span:nth-child(2) > span:nth-child(1) > span:nth-child(2) > span:nth-child(1) {
    display: block;
    font-size: 14px;
    /* color: #c2deff; */
    font-family: 'cal';
}


#productgallery > a > span:nth-child(2) > span > span:nth-child(2) > span > strong, 
#productgallery > a > span:nth-child(2) > span:nth-child(1) > span > strong {
    color: rgb(250, 195, 13);
}


#mkgallery > a > span:nth-child(2) > span:nth-child(2), 
#productgallery > a > span:nth-child(2) > span:nth-child(2) {
    display: block;
    min-height: 10px;
	max-height: 40px;
    text-align: right;
    width: 50px;
    padding: 0;
    font-family: 'opnSans';
    font-size: 23px;
    letter-spacing: -1px;
	/*  */
	position: absolute;
	bottom: -4px;
	right: 0px;
	/*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


#productgallery > a > span:nth-child(2) > span:nth-child(1) > span:nth-child(2) > span:nth-child(2) {
    display: block;
    font-size: 12px;
    /* color: #5aa6fd; */
    font-family: 'cal';
}


#productgallery > a > span:nth-child(2) > span:nth-child(1) > span > span {
    display: block;
}


.twolanes {
	grid-column: 1/3;
}
		
 
#productgallery > a > div {
    display: block;
    background: #d2e1f8;
    height: 360px;
    position: relative;
    overflow: hidden;
	padding: 1em;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*  */
	/* -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px; */
	/*  */
    -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;
}

 


#productgallery > a > div > span:nth-child(1){
    display: block;
    background: #232323;
    height: 270px;
    position: relative;
    overflow: hidden;
	padding: 0.5em;
	/*  */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	/*  */
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}


#productgallery > a > div > span:nth-child(2){
    display: flex;
	justify-content: space-between;
    min-height: 10px;
	padding-top: 0.4em;
 
}

#productgallery > a > div > span:nth-child(2){
    display: flex;
	justify-content: space-between;
    min-height: 4px;
}


#productgallery > a > div > span:nth-child(2) > span:nth-child(1) {
    display: block;
	font-size: 15px;
	font-family: 'intermedium';
	color: #333;
	/* line-height: 15px; */
}

#productgallery > a > div > span:nth-child(2) > span:nth-child(1) > span:nth-child(1) {
    display: block;
	font-size: 15px;
	font-family: 'intermedium';
	color: #333;
	font-weight: 800;
 
}

#productgallery > a > div > span:nth-child(2) > span:nth-child(1) > span:nth-child(2) {
	display: block;
	font-size: 13px;
	font-family: 'InterLightbeta';
	color: #5769c2;
	line-height: 10px;
	/* line-height: 15px; */
}

/* ---------------------------- */
#productgallery > a > div > span:nth-child(2) > span:nth-child(2) {
    display: block;
	font-size: 30px;
	font-family: 'signikabold';
	color: #282828;
	letter-spacing: -2px;
 
}

/* ========================================================================== */

#producedit {
	display: block;
	min-height: 700px;
	background: #f7e2b0;
	margin-top: 1em;
	position: relative;
}


#producedit > span:nth-child(3),
#producedit > span:nth-child(1) {
	display: flex;
	justify-content: space-between;
	/* background: #e9e9e9; */
	width: 90%;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 2;
	height: 25px;
	padding: 0.5em 0.7em;
}




#producedit > span:nth-child(3) > span:nth-child(1),
#producedit > span:nth-child(1) > span:nth-child(1) {
	display: block;
	width: 60%;
	margin: 0;
	font-weight: 800;
	font-family: 'interbold';
	color: #111;
	font-size: 14px;	 
}

#producedit > span:nth-child(3) > span:nth-child(2),
#producedit > span:nth-child(1) > span:nth-child(2) {
	display: block;
	width: 30%;
	margin: 0;
	font-family: 'intermedium';
	color: #555;
	font-size: 13px;
	text-align: right;

}


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


#producedit > span:nth-child(2){
	display: block;
	min-height: 600px;
	background: #ea7e7e;
	margin-top: 1em;
	position: absolute;
	left: 50%;
	top: 48%;
	transform: translate(-50%, -50%);
	width: 90%;
	z-index: 1;
}

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


#producedit > span:nth-child(1){
	top: 10px;
}


#producedit > span:nth-child(3){
	bottom: 10px;

}


/* ========================================================================== */





















#filt > form > label {
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    z-index: 4;
    right: 0;
    transform: translate(-20px, -27px);
}

#filt > form > input[type='submit'] {
    display: block;
    width: 10px !important;
    padding: 0.8em;
    width: 100% !important;
    border: none;
    font-family: 'cal';
    margin: 0.6em 0 0 0;
    font-size: 17px;
    color: #FFF;
    -webkit-appearance: none;
	/*  */
    background: -webkit-linear-gradient(to bottom right, #2895f2, #0382f8);
    background: -moz-linear-gradient(to bottom right, #2895f2, #0382f8);
	background: linear-gradient(to bottom right, #2895f2, #0382f8);
	/*  */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	/*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	/*  */
    -webkit-border-bottom: 1px dotted #3a4346;
    -moz-border-bottom: 1px dotted #0390bb;
    border-bottom: 1px dotted #0390bb;
}


#filt > form > input[type='submit']:hover {
	background: -webkit-linear-gradient(to bottom right, #07d0b2, #07af85);
    background: -moz-linear-gradient(to bottom right, #07d0b2, #07af85);
	background: linear-gradient(to bottom right, #07d0b2, #07af85);
}

.messgetitler > span:nth-child(2) {
    display: inline-flex;
    justify-content: flex-end;
    font-size: 17px;
    width: 20%;
}


.messgetitler > span:nth-child(2) > a {
    display: inline-grid;
    place-items: center;
    font-size: 17px;
    width: 33px;
    height: 33px;
    background: #FFF;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: rgba(17, 17, 26, 0.2) 0px 0px 16px;
    -moz-box-shadow: rgba(17, 17, 26, 0.2) 0px 0px 16px;
    box-shadow: rgba(17, 17, 26, 0.2) 0px 0px 16px;
}



.messgetitler > span:nth-child(2) > a:hover {
	background: #007df1;
	color: #fff;
}



/* ---------------- [listing] ---------------- */


.proptop {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	padding: 3.5em 3em 3em 3em;
	background: #246cc4;
	color: #FFF;
}


 
.proptop > span:nth-child(1){
	display: block;
	width: 200px;
	height: 245px;
	background: #3076cc;
	overflow: hidden;
}


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



.proptop > span:nth-child(2) {
	display: block;
	width: 80%;
	min-height: 10px;
	padding: 0 0 0 3em;
}


.proptop > span:nth-child(2) > span:nth-child(1) {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
	gap: 1em;
	min-height: 80px;
	padding: 0 0 1em 0;
	width: 97%;
}


.proptop > span:nth-child(2) > span:nth-child(1) > span {
	display: block;
	text-align: center;
}


.proptop > span:nth-child(2) > span:nth-child(1) > span > span:nth-child(1) {
    display: block;
    text-align: center;
    font-size: 30px;
    background: #3076cc;
    padding: 0.2em;
    font-family: 'PassionOne-Regular';
    letter-spacing: -1px;
    text-align: right !important;
}




.proptop > span:nth-child(2) > span:nth-child(1) > span > span:nth-child(2) {
	display: block;
	font-size: 12px;
	font-family: 'intermedium';
	text-align: right !important;
	white-space: nowrap;
	width: 100%;
	/* color: #999; */
	color: #7dbde4;
	padding: 1em 0 0 0;
}


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



.proptop > span:nth-child(2) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	padding: 1em 0 0.3em 0;
	font-family: 'intermedium';
	font-size: 30px;
	/* color: #222; */
}

.proptop > span:nth-child(2) > span:nth-child(3) {
    display: block;
    min-height: 10px;
    padding: 0 0 1em 0;
    font-family: 'intermedium';
    font-size: 13px;
    line-height: 20px;
    color: #bbe5ff;
}


.proptop > span:nth-child(2) > span:nth-child(3) > a {
	display: inline-block;
	color: #91ffff;
	font-family: 'cal';
}
/* ---------------------------------- */

#propmenu {
	display: flex;
	justify-content: space-between;
	min-height: 10px;
	padding: 1em 1em 0 1em;
	position: relative;
	z-index: 5;
	/*  */
	-webkit-border-top: 1px solid #4fa7ff;
	-moz-border-top: 1px solid #4fa7ff;
	border-top: 1px solid #4fa7ff;
	/*  */
	-webkit-border-bottom: 1px solid #4fa7ff;
	-moz-border-bottom: 1px solid #4fa7ff;
	border-bottom: 1px solid #4fa7ff;

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


#propmenu > a {
	display: block;
	min-height: 10px;
	padding: 1em 0;
	font-family: 'intermedium';
	color: #4fa7ff;
	/*  */
	-webkit-border-bottom: 4px solid transparent;
	-moz-border-bottom: 4px solid transparent;
	border-bottom: 4px solid transparent;

}


.tabup,
#propmenu > a:hover {
	color: #005fe3 !important;
	font-weight: 900 !important;
	
	-webkit-border-bottom: 4px solid #005fe3 !important;
	-moz-border-bottom: 4px solid #005fe3 !important;
	border-bottom: 4px solid #005fe3 !important;
}


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


.prodfocus {
	display: flex;
	justify-content: space-between;
    min-height: 200px;
    width: 100%;
    padding: 3em 0 0 0;
	/*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.prodfocus > span:nth-child(1) {
	display: block;
	padding: 0 0 0 1.5em;
	width: 40%;
	min-height: 400px;
 
}

.prodfocus > span:nth-child(1) > span:nth-child(1) {
	display: block;
	width: 85%;
	/* width: 25%; */
	height: 340px;
	overflow: hidden;
	/* ---------------- */
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
}



.prodfocus > span:nth-child(1) > span:nth-child(2) {
	display: block;
	width: 85%;
	min-height: 10px;
	padding: 2em 0 1em 0;
	text-align: right;
 
}


 
.prodfocus > span:nth-child(1) > span:nth-child(2) > span {
	display: flex;
	justify-content: flex-end;
	min-height: 10px;
	padding: 0.7em 0;
	text-align: right;
	opacity: 0.45;
	filter: alpha(opacity=45);
}



.prodfocus > span:nth-child(1) > span:nth-child(2) > a {
	display: flex;
	justify-content: flex-end;
	min-height: 10px;
	padding: 0.7em 0;
	text-align: right;
 
}


.prodfocus > span:nth-child(1) > span:nth-child(2) > a:not(:last-child){
	-webkit-border-bottom: 1px dotted #CCC;
	-moz-border-bottom: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

.prodfocus > span:nth-child(1) > span:nth-child(2) > a > span:nth-child(2) {
	display: grid;
	place-items: end;
	width: 80%;
	height: 20px; 
	padding-right: 1em;
	font-family: 'intermedium';
	font-size: 13px;
 
}
.prodfocus > span:nth-child(1) > span:nth-child(2) > a > span:nth-child(3) {
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px; 
 
}


.prodfocus > span:nth-child(1) > span:nth-child(2) > div {
	display: block;
	text-align: right;
	font-family: 'cal';
	font-size: 14px;
	padding: 1em 0 0 1em;
	color: #999;
}

.prodfocus > span:nth-child(1) > span:nth-child(2) > div > a {
	display: inline-block;

	font-family: 'cal';
	font-size: 14px;
	padding: 0 0.5em;
	color: #0381f6;
}


.prodfocus > span:nth-child(1) > span:nth-child(2) > div > a:hover {
	color: #f03ca5;
	text-decoration: underline;
}


.prodfocus > span:nth-child(1) > span:nth-child(2) > span > span {
	display: block;
	min-height: 10px;
	text-align: right;
	margin-left: 1em;
	font-family: 'cal';
}


.prodfocus > span:nth-child(1) > span:nth-child(2) > span:not(:last-child) {
	-webkit-border-bottom: 1px dotted #CCC;
	-moz-border-bottom: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
 
}


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


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



.roomieprofile {
    display: block;
    min-height: 100px;
	width: 60%;
    padding: 0;
    margin: 0;
}

.roomieprofile > span:nth-child(1) {
    display: block;
    min-height: 10px;
    padding: 0;
    font-family: 'cal';
    font-size: 17px;
    font-weight: 800;
}


.roomieprofile > span:nth-child(2) {
    display: grid;
	grid-template-columns: 1fr 1fr;
    min-height: 40px;
    padding: 0 0 1em 0;
}

.roomieprofile > span:nth-child(2) > span:not(:last-child) {
    border-bottom: 1px dotted #ccc;
}

.roomieprofile > span:nth-child(2) > span {
    display: block;
    min-height: 20px;
    padding: 0.5em 0;
    color: #777777;
    font-size: 18px !important;
    font-family: 'cal';
    line-height: 20px;
}


.roomieprofile > span:nth-child(2) > span > small {
    display: block;
    min-height: 5px;
    padding: 0;
    color: #868fcd;
    font-size: 12px;
    font-weight: 100;
	font-family: 'intermedium';
}



.roomieprofile > span:nth-child(2) > span > small > span {
	display: inline-block;
	padding: 0 0.3em;
	color: #999;
}
/* ------------------------------------ */


#prodfocus {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 0;
    min-height: 200px;
    width: 100%;
    padding: 1em 0 0 0;
	/*  */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



#pixter {
    display: block;
    min-height: 0;
    min-height: 310px;
    position: relative;
}


#pixter > span:nth-child(1) {
    display: block;
    height: 510px;
    background: #FFF;
    overflow: hidden;
}


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


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


#covetab {
	display: block;
	height: 740px;
	overflow: hidden;
	overflow-y: scroll;
	position: relative;
	z-index: 1;
	/*  */
	-webkit-box-shadow: inset rgba(17, 17, 26, 0.08) 0px 0px 16px;
	-moz-box-shadow: inset rgba(17, 17, 26, 0.08) 0px 0px 16px;
	box-shadow: inset rgba(17, 17, 26, 0.08) 0px 0px 16px;

}


#covetab > div:nth-child(1) {
	display: block;
	z-index: 4;
}


.cvtabs {
	display: block;
	min-height: 920px;
	padding: 2em 1em 1em 1em;
	position: absolute;
	z-index: 2;
	background: #FFF;
	width: 100%;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}


.cvtabs > span:nth-child(1) {
	display: block;
	width: 90%;
	font-size: 20px;
	font-family: 'GraphikMedium';
	font-weight: 800;
}

/* # ---------------------------------  */


#xtracont {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 0;
	min-height: 50px;
	padding: 0;
}


#xtracont > a,
#xtracont > span {
	display: grid;
	place-items: center;
	font-size: 12px;
	height: 70px;
	width: 100%;
	padding: 0;
	overflow: hidden;
	background: #EEE;
}



#xtracont > a > img, 
#xtracont > span > img {
	display: block;
	width: 100%;
	height: auto;
}



#fts {
	display: block;
	min-height: 10px;
	padding: 1em 0;
}




#fts > span:nth-child(1) {
	display: block;
	min-height: 10px;
	padding: 1em 0;
	font-family: 'interblack';
}

#fts > span:nth-child(3) {
	display: block;
	min-height: 10px;
	padding: 0;
	font-family: 'intermedium';
}


#fts > span:nth-child(3) > span {
    display: inline-grid;
    background: #d7e8ff;
    place-items: center;
    min-height: 30px;
    padding: 0 1em;
    font-size: 12px;
    margin-bottom: 0.7em;
    margin-right: 0.7em;
    font-family: 'intermedium';
    color: #1b8cd7;
}


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




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


#prodetails > span:nth-child(1) {
	display: block;
	min-height: 11px;
	padding: 0;
	letter-spacing: -1px;
	
}



#prodetails > span:nth-child(2) {
	display: flex;
	justify-content: space-between;
	min-height: 10px;
	padding: 0.3em 0 1em 1em;
	letter-spacing: 0px;
	font-size: 18px;
	color: #222;
	font-family: 'intermedium';
	position: relative;
	/*  */
	-webkit-border-bottom: 1px dotted #CCC;
	-moz-border-bottom: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */




#prodetails > span:nth-child(2) > span {
	display: block;
	min-height: 10px;
	padding: 0.2em 0;
	/* width: 100%; */
	text-align: right !important;
	font-weight: lighter;
	letter-spacing: -1px;
}


/* rating */
#prodetails > span:nth-child(2) > span:nth-child(2) {
	display: block;
	width: 65px;
	height: 45px;
	position: absolute;
	top: -33px;
	right: 15px;
	
	/*  */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/*  */
	-webkit-box-shadow: rgba(149, 157, 165, 0.73) 0px 8px 14px;
	-moz-box-shadow: rgba(149, 157, 165, 0.73) 0px 8px 14px;
	box-shadow: rgba(149, 157, 165, 0.73) 0px 8px 14px;
	/*  */
	background: -webkit-linear-gradient(to bottom right, #eccb28, #ffe58f);
	background: -moz-linear-gradient(to bottom right, #eccb28, #ffe58f);
	background: linear-gradient(to bottom right, #eccb28, #ffe58f);
}


#prodetails > span:nth-child(2) > span:nth-child(2) > span:nth-child(1) {
	display: grid;
	place-items: center;
	font-size: 30px;
	font-family: 'firaSans';
	height: 35px;
}


#prodetails > span:nth-child(2) > span:nth-child(2) > span:nth-child(2) {
	display: flex;
	justify-content: center;
	text-align: center;
	font-size: 11px;
	font-family: 'cal';
	height: 8px;
	position: relative;
	top: -3px;
}




#prodetails > span:nth-child(2) > span:nth-child(3),
#prodetails > span:nth-child(2) > span:nth-child(4),
#prodetails > span:nth-child(2) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	font-size: 26px;
	/* font-weight: 800; */
	font-family: 'PassionOne-Regular';
	
}


#prodetails > span:nth-child(2) > span:nth-child(5),
#prodetails > span:nth-child(2) > span:nth-child(6),
#prodetails > span:nth-child(2) > span:nth-child(7),
#prodetails > span:nth-child(2) > span:nth-child(8) {
	display: block;
	font-size: 12px;
	font-family: 'cal';
	letter-spacing: 0px;
}

#prodetails > span:nth-child(2) > span:nth-child(1),
#prodetails > span:nth-child(2) > span:nth-child(5) {
	text-align: left !important;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



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

#prodetails > span:nth-child(5) > a {
	display: block;
	margin-right: 0.4em;
	font-size: 16px;
	padding: 0.7em 2em;
	font-family: 'cal';
	min-height: 20px;
	font-size: 18px;
	/*  */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*  */
	border: 1px solid #ccc;
	background: -webkit-linear-gradient(to bottom, #e7e7e7, #f6f6f6);
	background: -moz-linear-gradient(to bottom, #e7e7e7, #f6f6f6);
	background: linear-gradient(to bottom, #e7e7e7, #f6f6f6);
	color: rgb(65, 65, 65);
}

#prodetails > span:nth-child(5) > a:hover {
	display: block;
	background: rgb(46, 200, 136);
	color: #fff;
}

#prodetails > form {
	display: block;
	padding: 1em;
	background: #f7fafd;
	border-top: 1px solid #38b6ff;
	-webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 7px 6px;
	-moz-box-shadow: rgba(17, 17, 26, 0.1) 0px 7px 6px;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 7px 6px;
}

#prodetails > form > span {
	display: block;
	padding: 0.3em 0;
	min-height: 10px;
	font-family: 'cal';
	font-size: 13px;
}

#prodetails > form > span > a {
	display: block;
	color: #419aff;
	font-size: 14px;
	font-family: 'cal';
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#prodetails > form > span:nth-child(2) {
	display: flex;
	justify-content: flex-start;
	padding: 0.3em 0;
	min-height: 10px;
	font-family: 'cal';
	font-size: 13px;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#prodetails > form > span:nth-child(2) > input[type='text'] {
	display: flex;
	justify-content: flex-start;
	padding: 0.6em;
	min-height: 10px;
	font-family: 'cal';
	font-size: 16px;
	width: 60%;
		/*  */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

#prodetails > form > span:nth-child(2) > input[type='submit'] {
	display: block;
	padding: 0.6em;
	min-height: 10px;
	font-family: 'cal';
	font-size: 16px;
	width: 28%;
	margin-right: 1em;
	-webkit-appearance: none;
	border: none;
	outline: none;
	background: #da1616;
		/*  */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		/*  */
	background: -webkit-linear-gradient(to bottom, #be1717, #f02f2f);
	background: -moz-linear-gradient(to bottom, #be1717, #f02f2f);
	background: linear-gradient(to bottom, #be1717, #f02f2f);
	color: #fff;
}

#prodetails > form > span:nth-child(2) > input[type='submit']:hover {
	background: -webkit-linear-gradient(to bottom, #96be28, #9ba324);
	background: -moz-linear-gradient(to bottom, #96be28, #9ba324);
	background: linear-gradient(to bottom, #96be28, #9ba324);
}

#prodetails > span:nth-child(7) {
	display: block;
	background: #fff;
}

#prodetails > span:nth-child(3) #prodetails > span:nth-child(3) {
	display: flex !important;
	justify-content: space-between;
}

#prodetails > span:nth-child(3) > strong,
#prodetails > span:nth-child(3) > strong {
	display: block;
}



#prodetails > span:nth-child(3) {
	display: flex;
	justify-content: space-between;
	padding: 1em 1.5em;
	background: #8eb7f4;
	color: #FFF;
}


#proptitles {
	display: block;
	min-height: 10px;
	position: absolute;
	z-index: 10;
	color: #FFF;
	font-size: 12px;
	font-family: 'cal';
	transform: translate(50px, 30px);
	letter-spacing: 5px;
}

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



.detaildisplay {
	display: grid;
	grid-template-columns: 1fr 1fr;
	
	min-height: 100px;
	font-family: 'cal';
	font-size: 15px;
}

.detaildisplay > span {
	display: block;
	min-height: 20px;
	padding: 0.5em 0.7em;
	color: #777777;
	font-size: 18px !important;
	font-family: 'cal';
	line-height: 20px;
	
}

.detaildisplay > span > small {
	display: block;
	min-height: 5px;
	padding: 0;
	color: #4ba2f5;
	font-size: 12px;
	font-weight: 100;
}

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

.detaildisplay > span > strong,
.detaildisplay > span > strong {
	display: inline-block;
	padding: 0 1em 0 0;
	font-weight: 700;
	color: #444;
	font-size: 15px;
}




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



.styles {
	display: block;
	min-height: 10px;

}


.styles > span:nth-child(1) {
	display: block;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #888;
	padding: 1em 0;

	
}




.styles > span:nth-child(2) {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1em;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #888;
	padding: 1em 0;
}


.styles > span:nth-child(2) > span {
	display: block;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #888;
	padding: 1em;
	/*  */
	-webkit-border: 1px dotted #CCC;
	-moz-border: 1px dotted #CCC;
	border: 1px dotted #CCC;
}


.styles > span:nth-child(2) > span > strong {
	display: block;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #333;
	font-weight: 700;
	padding: 0 0 0.3em 0;
}

.styles > span:nth-child(2) > span > span {
	display: block;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #1091d4;
}




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


.handels {
	display: block;
	min-height: 10px;
	padding: 1em 0;
}


.handels > span:nth-child(1){
	display: block;
	min-height: 10px;
}


.handels > span:nth-child(1) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	font-weight: 900;
	color: #222;
}

.handels > span:nth-child(1) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	font-size: 13px;
}


/* ====================== */


.handels > span:nth-child(2){
	display: block;
	min-height: 10px;
	padding: 1em 0;

}


.handels > span:nth-child(2) > span {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1em;
	/*  */
	-webkit-border: 1px dotted #CCC;
	-moz-border: 1px dotted #CCC;
	border: 1px dotted #CCC;
	text-align: left;
	
}




.handels > span:nth-child(2) > span > span {
	display: block;
	padding: 0.7em;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*  */
	-webkit-box-shadow: inset rgba(0, 0, 0, 0.15) 0 0 6px;
	-moz-box-shadow: inset rgba(0, 0, 0, 0.15) 0 0 6px;
	box-shadow: inset rgba(0, 0, 0, 0.15) 0 0 6px;
}

.handels > span:nth-child(2) > span > span:nth-child(1) {
	display: block;
	min-height: 10px;
	width: 15%;
	min-width: 100px;
	background: #3678f5;
	color: #FFF;
	font-weight: 900;

}



.handels > span:nth-child(2) > span > span:nth-child(2) {
	display: block;
	min-height: 10px;
	width: 90%;
	background: #FFF;
	color: #FFF;

}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



.interest {
	display: block;
	min-height: 10px;

}


.interest > span:nth-child(1) {
	display: block;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #888;
	padding: 1em 0;

	
}




.interest > span:nth-child(2) {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1em;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #888;
	padding: 1em 0;
}


.interest > span:nth-child(2) > span {
	display: block;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #888;
	padding: 1em;

}


.interest > span:nth-child(2) > span > strong {
	display: block;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #333;
	font-weight: 700;
	padding: 0 0 0.3em 0;
}

.interest > span:nth-child(2) > span > span {
	display: block;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #1091d4;
	line-height: 29px;
}









/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.verification {
	display: block;
	min-height: 10px;

}


.verification > span:nth-child(1) {
	display: block;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #888;
	padding: 1em 0;	
}

.verification > span:nth-child(1) > span:nth-child(1) {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #888;
	padding: 1em;
 
}

.verification > span:nth-child(2) > span:nth-child(1) > span {
	display: block;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #1091d4;
}


.verification > span:nth-child(2) > span:nth-child(1) > span > strong {
	display: block;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #333;
	font-weight: 700;
	padding: 0 0 0.3em 0;
}


.verification > span:nth-child(2) > span:nth-child(1) > span > span {
	display: block;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 12px;
	color: #8cbfff;
	padding: 0 0 0.3em 0;
}


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

 


.verification > span:nth-child(2) {
	display: grid;
	grid-template-columns: 3fr 2fr;
	gap: 1em;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 12px;
	color: #85b4ef;
	padding: 1em 0;
}


.verification > span:nth-child(2) > span:nth-child(1) {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em;
}





.stcard {
	display: block;
	min-height: 10px;
}

.stcard > strong{
	display: block;
	min-height: 10px;
	font-size: 16px;
	font-weight: 800;
	padding: 0 0 0.5em 0;
	color: #333;
}


.stcard > span {
	display: block;
	min-height: 150px;
	font-size: 16px;
	padding:  0;
	overflow: hidden;
	background: #e5f2ff;
	/* xxxxxxxxxxxxxxxxxxxxx */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



.ratings {
	display: block;
	min-height: 100px;
	margin-top: 1em;
}


.ratings > span:nth-child(1) {
	display: block;
	min-height: 10px;
}

.ratings > span:nth-child(2) {
	display: block;
	min-height: 10px;
	background: #e8f7ff;
}


.ratings > span:nth-child(2) > span:nth-child(1) {
	display: flex;
	justify-content: space-around;
	min-height: 10px;
	/*  */
	-webkit-border-bottom: 1px dotted #004ab5;
	-moz-border-bottom: 1px dotted #004ab5;
	border-bottom: 1px dotted #004ab5;
}

.ratings > span:nth-child(2) > span:nth-child(1) > span:nth-child(1) {
	display: grid;
	place-items: center;
	height: 50px;
	width: 60px;
	background: #FFF;
	font-family: 'interblack';
	letter-spacing: -1px;
	font-size: 30px;
	/*  */
	position: relative;
	top: -15px;
	left: 10px;
	/*  */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/*  */
	-webkit-box-shadow: rgba(149, 157, 165, 0.9) 0px 8px 24px;
	-moz-box-shadow: rgba(149, 157, 165, 0.9) 0px 8px 24px;
	box-shadow: rgba(149, 157, 165, 0.9) 0px 8px 24px;
}

.ratings > span:nth-child(2) > span:nth-child(1) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	width: 80%;
	padding: 0.9em 0 0.5em 0.5em;
	text-align: right;
	font-family: 'interbold';
}


/* ============================= */


.ratings > span:nth-child(2) > span:nth-child(2) {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em;
	min-height: 10px;
	padding: 1em;
}


/* blocks */
.ratings > span:nth-child(2) > span:nth-child(2) > span {
	display: block;
	padding: 0.6em;

}

/* title */
.ratings > span:nth-child(2) > span:nth-child(2) > span > span:nth-child(1) {
	display: block;
	padding: 0 0 0.6em 0;
	font-family: 'cal';
	font-size: 14px;
	
}

.ratings > span:nth-child(2) > span:nth-child(2) > span > span:nth-child(2) {
	display: block;
	padding: 0;
	font-family: 'cal';
	background: #fcc;
	height: 5px;
	overflow: hidden;
	
}

.ratings > span:nth-child(2) > span:nth-child(2) > span > span:nth-child(2) > span{
	display: block;
	padding: 0;
	font-family: 'cal';
	background: #0ac4cf;
	width: 40%;
	height: 5px;
	
}




#values {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	width: 50%;
	padding: 1em 0;
	position: absolute;
	bottom: 0;
}


#values > span {
	display: block;
	min-height: 50px;
	margin: 0 1em;
	
}


#values > span > span:nth-child(1) {
	display: block;
	width: 70px;
	height: 60px; 
}

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

#values > span > span:nth-child(2) {
	display: block;
	min-height: 5px;
	font-size: 11px;

	 
}

















/* xxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */

#divreg {
	display: flex;
	justify-content: space-between;
	min-height: 5px;
	padding: 0;
 
	 
}

#divreg > span:nth-child(1) {
	display: block;
	width: 250px;
	height: 40px;
}

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

#formholder {
	display: block;
	padding: 2em 0;
	min-height: 20px;
	width: 100%;
	/* background:#f3fafd; */

}


#formholder > h6 {
	display: block;
	min-height: 20px;
	font-family: 'interblack';
	font-size: 35px;
	letter-spacing: -1px;

}


#formholder > div:nth-child(2),
#formholder > div:nth-child(1) {
	display: block;
	color: #b4b4b4;
	font-size: 14px;
	font-family: 'cal';
	width: 90%;
}

#formholder > form {
	display: block;
	color: #b4b4b4;
	font-size: 14px;
	font-family: 'cal';
	width: 100%;
	padding: 1.5em 0;
	position: relative;
}

#formholder > form > input[type="date"],
#formholder > form > select,
#formholder > form > div > div > input[type="text"],
#formholder > form > div > input[type="text"],
#formholder > form > div > input[type="text"],	
#formholder > form > input[type="text"]{
	display: block;
	color: #b4b4b4;
	font-size: 16px;
	font-family: 'cal';
	padding: 0.8em;
	margin-bottom: 0.7em;
	width: 100%;
	color: #222;
	font-weight: 800;
	-webkit-appearance: none;
	/*  */
	border-top: none;
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
	border-bottom: 1px solid #b8b8b8;
	/*  */
	-moz-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#formholder > form > div > div > label,
#formholder > form > div > label,
#formholder > form > label {
	display: block;
	font-size: 13px;
	font-family: 'cal';
	position: absolute;
	right: 0;
	color: #555;
	-webkit-transform: translate(-15px, -35px);
	-moz-transform: translate(-15px, -35px);
	transform: translate(-15px, -35px);
	
 
}

#formholder > form > div {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 1em;
	font-size: 12px;
	min-height: 20px;
	position: relative;
	width: 100%;
}

#formholder > form > div > div {
	display: block;
	grid-gap: 1em;
	font-size: 12px;
	min-height: 20px;
	position: relative; 
	width: 100%;
}


#formholder > form > div > div > input[type=reset],
#formholder > form > div > div > input[type=submit],
#formholder > form > div > input[type="reset"],
#formholder > form > div > input[type="submit"] {
	display: grid;
	place-items: center;
	width: 100%;
	padding: 1em;
	min-height: 50px;
	font-size: 17px;
	color: #FFF;
	outline: none;
	border: none;
	-webkit-appearance: none;
	/*  */
	background: -webkit-linear-gradient(to bottom right, #6e95e9, #2167e9);
	background: -moz-linear-gradient(to bottom right,  #6e95e9, #2167e9);
	background: linear-gradient(to bottom right,  #6e95e9, #2167e9);
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




#formholder > form > div > div > input[type=reset]:hover,
#formholder > form > div > div > input[type=submit]:hover,
#formholder > form > div > input[type="reset"]:hover,
#formholder > form > div > input[type="submit"]:hover {
 
	background: -webkit-linear-gradient(to bottom right, #23b8d3, #2d929d);
	background: -moz-linear-gradient(to bottom right, #23b8d3, #2d929d);
	background: linear-gradient(to bottom right, #23b8d3, #2d929d);
 
}




/* xxxxxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */






#menubar {
    display: flex;
	justify-content: flex-start;
    min-height: 20px;
    background: #FFF;
	padding: 0.5em;
	-webkit-box-shadow: rgba(17, 17, 26, 0.068) 0px 5px 3px;
	-moz-box-shadow: rgba(17, 17, 26, 0.068) 0px 5px 3px;
	box-shadow: rgba(17, 17, 26, 0.068) 0px 5px 3px;
 
    
}

#menubar > a {
    display: block;
	min-height: 20px;
	padding: 0.4em 1.3em;
	border: 1px dotted #CCC;
	margin-right: 1em;
	border-radius: 30px;    
}

#menubar > a:nth-child(1):hover,
#menubar > a:hover {
	background: #61abff;
	color: #FFF;
}

#menubar > a:nth-child(1) {
    display: block;
	border: none;
	color: #f1f8ff;
	/*  */
	background: -webkit-linear-gradient(to bottom, #1660ff, #005eca);
	background: -moz-linear-gradient(to bottom, #1660ff, #005eca);   
	background: linear-gradient(to bottom, #1660ff, #005eca);   
}





/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#formholder > form > input[type='text']::-webkit-input-placeholder {
	color: #CCC;
}

#formholder > form > input[type='text']::-moz-placeholder {
	color: #CCC;
}

#formholder > form > input[type='text']:-ms-placeholder {
	color: #CCC;
}

#formholder > form > input[type='text']:-moz-placeholder {
	color: #CCC;
}

/* xxxxxxxxxxxxxxxxxxxxxxx */
/* xxxxxxxxxxxxxxxxxxxxxxx */



.guarantor {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-gap: 1em;
	margin: 1em 0;
	padding: 1.5em;
	background: #e7f3ff;

}

.guarantor > span {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
	padding: 0.2em 1em 0.2em 0;
	color: #444;

}


.guarantor > main.teller > input[type=email],
.guarantor > main.teller > input[type=tel],
.guarantor > input[type=email],
.guarantor > input[type=text] {
	display: block;
	text-align: left;
	padding: 0.7em;
	font-size: 16px;
	font-weight: 600;
	color: #444;
	font-weight: 800;
	font-family: 'intermedium';
	border: none;
	background: none;
	-webkit-appearance: none;
	/*  */
	border-left: #999 1px solid;
	border-right: #999 1px solid;
	border-bottom: #999 1px solid;
	-webkit-appearance: none;
}





.guarantor > input[type=email]::-webkit-input-placeholder,
.guarantor > input[type=text]::-webkit-input-placeholder,
.guarantor > input[type=tel]::-webkit-input-placeholder,
.guarantor > main.teller > input[type=tel]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	display: block;
	font-size: 14px;
	font-family: 'InterLightbeta';
	color: #5391d7;
	/*  */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}




.guarantor > input[type=email]::-moz-placeholder,
.guarantor > input[type=text]::-moz-placeholder,
.guarantor > input[type=tel]::-moz-placeholder,
.guarantor > main.teller > input[type=tel]::-moz-placeholder { /* Firefox 19+ */
	display: block;
	font-size: 14px;
	font-family: 'InterLightbeta';
	color: #5391d7;
	/*  */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}



.guarantor > input[type=email]:-ms-input-placeholder,
.guarantor > input[type=text]:-ms-input-placeholder,
.guarantor > input[type=tel]:-ms-input-placeholder,
.guarantor > main.teller > input[type=tel]:-ms-input-placeholder { /* IE 10+ */
	display: block;
	font-size: 14px;
	font-family: 'InterLightbeta';
	color: #5391d7;
	/*  */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}



.guarantor > input[type=text]:-moz-placeholder,
.guarantor > input[type=tel]:-moz-placeholder,
.guarantor > main.teller > input[type=tel]:-moz-placeholder { /* Firefox 18- */
	display: block;
	font-size: 14px;
	font-family: 'InterLightbeta';
	color: #5391d7;
	/*  */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}



#loginform {
	position: relative;
	z-index: 1;
}




.pretext {
	display: block;
	min-height: 10px;
}


.pretext > span:nth-child(1) {
	display: block;
	min-height: 10px;
	font-size: 30px;
	color: #222 !important;
	font-family: 'interbold';
}

.pretext > span:nth-child(1) {
	display: block;
	min-height: 10px;
	font-size: 13px;
	color: #888;
	font-family: 'intermedium';
}




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#contactthisguy {
	display: block;
	margin: 1em 0;
	padding: 1em;
	background: #f0f6ff;
}


#contactthisguy > span:nth-child(1) {
	display: block;
	font-weight: 700;
	font-family: 'interbold';
	font-size: 20px;
	color: #222;
	letter-spacing: -1px;
}


#contactthisguy > span:nth-child(2) {
	display: block;
	padding: 0.5em 0;
	font-weight: 100;
	font-family: 'intermedium';
	font-size: 14px;
	color: #555;
 
}



#contactthisguy > span:nth-child(2) > span:nth-child(1) {
	display: block;
	padding: 0.5em 0;
	font-weight: 100;
	font-family: 'intermedium';
	font-size: 14px;
	color: #777;
	font-weight: 800;
	line-height: 18px;

 
}


#contactthisguy > span:nth-child(2) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 13px;
	color: #888;
}

#contactthisguy > span:nth-child(2) > span:nth-child(2) > span {
    display: flex;
	justify-content: space-between;
    background: #e5f1ff;
    
    padding: 0.8em;
	margin-bottom: 0.4em;
   
}


#contactthisguy > span:nth-child(2) > span:nth-child(2) > span > span,
#contactthisguy > span:nth-child(2) > span:nth-child(2) > span > a,
#contactthisguy > span:nth-child(2) > span:nth-child(2) > span > strong {
	display: block;
}




#contactthisguy > span:nth-child(2) > span:nth-child(2) > form > input[type=submit] {
	display: grid;
	place-items: center;
	width: 100%;
	background: #2b67ef;
	min-height: 45px;
	color: #FFF;
	border: none;
	outline: none;
	margin: 1em 0 0 0;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}


#contactthisguy > span:nth-child(2) > span:nth-child(2) > form > input[type=submit]:hover {
	background: #09ade4;
}


.opts {
	display: block;
	min-height: 100px;
	margin: 1.5em auto;
	width: 100%; 
}

.opts > span:nth-child(1) {
	display: block;
	height: 760px;
	margin: 0;
	width: 100%;
	background: #FFF;
	overflow: hidden;
	overflow-y: scroll;
	padding: 0 20px;
	position: relative;
	z-index: 2;
	/* ------------------- */
	-webkit-border: 1px dotted #CCC;
	-moz-border: 1px dotted #CCC;
	border: 1px dotted #CCC;
	/* ------------------- */
	-webkit-box-shadow: inset rgba(17, 17, 26, 0.05) -5px -5px 1px;
	-moz-box-shadow: inset rgba(17, 17, 26, 0.05) -5px -5px 1px;
	box-shadow: inset rgba(17, 17, 26, 0.05) -5px -5px 1px;
	/* ------------------ */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.opts > span:nth-child(1)::before {
	content: '';
	position: absolute;
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5); /* Inset shadow */
	pointer-events: none; /* Ensure the pseudo-element doesn't block interactions */
  }

.opts > span:nth-child(1) > section {
	display: block;
	position: relative;
	z-index: -1;
}

.opts > span:nth-child(1) > section > span:nth-child(1) {
	display: block;
	min-height: 10px;
	margin: 0;
	padding: 60px 0 20px 0;
	min-height: 10px;
	font-size: 25px;
	font-family: 'intermedium';
	font-weight: 900;
	letter-spacing: -1px;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 

}



.opts > span:nth-child(1) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	margin: 0;
	font-family: 'intermedium';
	line-height: 25px;
	font-size: 15px;
	color: #888;
	/* text-transform: uppercase; */

	/*  */
	-webkit-border-top: 1px solid #777;
	-moz-border-top: 1px solid #777;
	border-top: 1px solid #777;
	/*  */
	padding: 1.5em 0;
	background: #FFF;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}



.opts > span:nth-child(2) {
	display: flex;
	justify-content: space-between;
	min-height: 10px;
	margin: 0;
	width: 100%;
	padding: 1em;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.opts > span:nth-child(2) > p > strong,
.opts > span:nth-child(2) > strong {
	display: block;
	color: #333;
}


.opts > span:nth-child(2) > a {
	display: grid;
	place-items: center;
	text-transform: uppercase;
	font-size: 13px;
	background: #d4e9f8;
	color: #112a44;
	padding: 0.8em 1.2em;
}



.opts > span:nth-child(2) > a:hover {
	background:  #2a61e4;
	color: #FFF;
}



#fileelementholder {
	display: block;
	width: 80px;
	margin: 0 auto;
	position: relative;
	top: -20px;
}


.speclist {
	display: block;
	min-height: 10px;
	padding: 102px 0 1em 0;
}


.speclist > span {
	display: block;
	min-height: 10px;
	padding: 16px;
	font-size: 13px;
	color: #445378;
	font-family: 'interLightbeta';
	margin-bottom: 20px;
	background: #e8efff;
}



.ridertitle {
	display: block;
	min-height: 10px;
	font-size: 30px;
	font-family: 'firaSans';
	padding: 0.5em 0;
}

 
.speclist > form {
	display: block;
	min-height: 10px;
}


.speclist > form > section > label,
.speclist > form > label {
	display: block;
	max-height: 9px;
	font-size: 10px;
	font-family: 'interLightbeta';
	color: #6f8ffc;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	transform: translate(15px, -21px);
}


.speclist > form > section > label {
	transform: translate(15px, -30px);
}

.speclist > form > section {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.6em;
	margin:  0;
}


.labeladjust {
	display: block;
	position: absolute;
	transform: translate(18px, -30px) !important;
	height: 0px;

}


.speclist > form > div,
.speclist > form > span {
	display: grid;
	grid-template-columns: 4fr 10fr;
	gap: 0.6em;
	margin: 0 0 0.6em 0;
}


.speclist > form > select {
	margin: 0 0 0.6em 0;
}


.speclist > form > span > input[type="reset"],
.speclist > form > span > input[type="submit"] {
	display: grid;
	place-items: center;
	height: 50px;
	font-weight: 700;
	font-size: 15px;
	color: #FFF;
	border: none;
	outline: none;
	background: -webkit-linear-gradient(to bottom right, #4d8fff, #276be9);
	background: -moz-linear-gradient(to bottom right, #4d8fff, #276be9);
	background: linear-gradient(to bottom right, #4d8fff, #276be9);
}



.speclist > form > span > input[type="reset"]:hover,
.speclist > form > span > input[type="submit"]:hover {
	background: -webkit-linear-gradient(to bottom right, #00797e, #07b4ae);
	background: -moz-linear-gradient(to bottom right, #00797e, #07b4ae);
	background: linear-gradient(to bottom right, #00797e, #07b4ae);
}



.speclist > form > section > input[type="text"],
.speclist > form > select,
.speclist > form > div > select,
.speclist > form > div > input[type="tel"],
.speclist > form > div > input[type="email"],
.speclist > form > div > input[type="text"],
.speclist > form > span > input[type="email"],
.speclist > form > span > input[type="text"],
.speclist > form > input[type="email"],
.speclist > form > input[type="text"] {
	display: block;
	flex-direction: row;
	justify-content: flex-start;
	min-height: 10px;
	width: 100%;
	text-align: left;
	font-family: 'intermedium';
	font-weight: 800;
	/* -------------------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*--------------------------- */
	padding: 1em 1em 1.8em 1em;
	-webkit-border: 1px solid #999;
	-moz-border: 1px solid #999;
	border: 1px solid #999;
	/* -------------------------- */
	-webkit-box-shadow: inset rgba(17, 17, 26, 0.05) 10px 10px 1px;
	-moz-box-shadow: inset rgba(17, 17, 26, 0.05) 10px 10px 1px;
	box-shadow: inset rgba(17, 17, 26, 0.05) 10px 10px 1px;
 
 
}






.riderintro {
    display: block;
    min-height: 10px;
    font-family: 18px;
    color: #7f8ad9;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}


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

 





#agreement {
	display: block;
	min-height: 100px;
	margin: 1.5em auto;
	width: 100%;
	background: #FFF;
	/*  */
	-webkit-box-shadow: rgba(17, 17, 26,  0.15) 11px 11px 2px, rgba(17, 17, 26, 0.05) -7px -7px 1px;
	-moz-box-shadow: rgba(17, 17, 26,  0.15) 11px 11px 2px, rgba(17, 17, 26, 0.05) -7px -7px 1px;
	box-shadow: rgba(17, 17, 26, 0.15) 11px 11px 2px, rgba(17, 17, 26, 0.05) -7px -7px 1px;
}


#agreement > span:nth-child(1) {
	display: block;
	height: 500px;
	margin: 0;
	width: 100%;
	background: #FFF;
	overflow: hidden;
	overflow-y: scroll;
}

#agreement > span:nth-child(1) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	margin: 0;
	padding: 1em;
	background: #FFF;
	font-size: 15px;
	font-family: 'interbold';
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}



#agreement > span:nth-child(1) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	margin: 0;

	font-family: 'intermedium';
	line-height: 25px;
	font-size: 13px;
	color: #999;
	/* text-transform: uppercase; */

	/*  */
	-webkit-border-top: 1px dotted #CCC;
	-moz-border-top: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
	/*  */
	padding: 1.5em;
	background: #FFF;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}



#agreement > span:nth-child(2) {
	display: flex;
	justify-content: space-between;
	min-height: 10px;
	margin: 0;
	width: 100%;
	background: #EEE;
	padding: 1em;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




#agreement > span:nth-child(2) > p > strong,
#agreement > span:nth-child(2) > strong {
	display: block;
	color: #333;
}


#agreement > span:nth-child(2) > a {
	display: grid;
	place-items: center;
	text-transform: uppercase;
	font-size: 13px;
	background: #CCC;
	color: #111;
	padding: 0.8em 1.2em;
}



#agreement > span:nth-child(2) > a:hover {
	background: #333;
	color: #FFF;
}




.abrevs {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	padding: 1em 0 0 0;
}


.abrevs > h6 {
    display: block;
    font-size: 19px;
    font-weight: 800;
    font-family: 'EncodeSansCond-Black';
	padding: 0;
}



.abrevs > span {
	display: flex;
	justify-content: flex-start;
	place-items: center;
	min-height: 10px;
	max-height: 21px;
	font-size: 11px;
	font-family: 'intermedium';
	margin: 0.7em 0 0 1em;
	padding: 0 0.8em;
	/* --------------------- */
	-webkit-border: 1px dotted #CCC;
	-moz-border: 1px dotted #CCC;
	border: 1px dotted #CCC;
}



.abrevs > span > span:nth-child(1) {
	display: block;
	padding: 0 1em 0 0;
	color: #222;
	font-weight: 800;
}




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


#mid > div.centrage.padtopbottom > div.titlebars > span:nth-child(2) {
	display: flex;
	justify-content: flex-end;
	padding: 0.5em 0 0 0;
}



#mid > div.centrage.padtopbottom > div.titlebars > span:nth-child(2) > span {
	display: inline-block;
	font-size: 12px;
	color: #699cdf;
	padding: 0 0.4em;
}


#mid > div.centrage.padtopbottom > div.titlebars > span:nth-child(2) > span:nth-child(1) {
	color: #333;
}




#precedent {
	display: block;
	padding: 6em 1em 1em 1em;
	min-height: 10px;
}



#precedent > span:nth-child(1) {
	display: block;
	padding: 0;
	min-height: 10px;
	width: 50%;
	font-size: 12px;
	font-family: "intermedium";
	color: #777;
	line-height: 20px;
}


#precedent > span:nth-child(2) {
	display: block;
	padding: 2em 0 0 0;
	min-height: 10px;
	font-size: 14px;
	font-family: "intermedium";
}



#precedent > span:nth-child(2) > form {
	display: block;
	padding: 0;
	min-height: 10px;
	font-size: 14px;
	position: relative;
 
}



#precedent > span:nth-child(2) > form > select,
#precedent > span:nth-child(2) > form > input[type="text"] {
	display: block;
	padding: 1em;
	min-height: 10px;
	font-size: 14px;
	margin-bottom: 0.8em;
	width: 100%;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*  */
	outline: none;
	-webkit-border: 1px dotted #888;
	-moz-border: 1px dotted #888;
	border: 1px dotted #888;
 
}


#precedent > span:nth-child(2) > form > label {
	display: block;
	min-height: 5px;
	position: absolute;
	right: 0;
	transform: translate(-10px, -33px);
	text-align: right;
	font-family: 'intermedium';
	font-size: 11px;
	color: #777;
}




#precedent > span:nth-child(2) > form > input[type="submit"] {
	display: block;
	padding: 1em;
	min-height: 10px;
	font-size: 14px;
	margin-bottom: 0.8em;
	width: 40%;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*  */
	outline: none;
	border: none;
	background: #0381f6;
	color: #fff;
 
}


#precedent > span:nth-child(2) > form > input[type="submit"]:hover {
	background: #14adcd;
}


/* ========================================= */


#displaygrids {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.6em;
	padding: 2em 0 0 0;
}


#displaygrids > span {
	display: block;
	min-height: 10px;
	padding: 0.6em;
	/*  */
	-webkit-border: 1px solid #a6d5ff;
	-moz-border: 1px solid #a6d5ff;
	border: 1px solid #a6d5ff;
	/*  */
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}



#displaygrids > span > span {
	display: block;
	min-height: 10px;
	/*  */
	/* -webkit-border: 1px solid #999;
	-moz-border: 1px solid #999;
	border: 1px solid #999; */
	/*  */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/*  */
	background: -webkit-linear-gradient(to bottom, #94b3c7, #fafafa);
	background: -moz-linear-gradient(to bottom, #94b3c7, #fafafa);
	background: linear-gradient(to bottom, #94b3c7, #fafafa);
}



#displaygrids > span > span > span:nth-child(1) {
	display: block;
	height: 60px;
	margin: 0 auto;
	width: 90%;
}

#displaygrids > span > span > span:nth-child(2) {
	display: block;
	margin: 0 auto;
	min-height: 22px;
	width: 90%;
	text-align: center;
	font-family: 'intermedium';
	font-size: 10px;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* MARKET PLACE */





















 













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




#sendrece {
	display: block;
	min-height: 100vh;
	width: 100%;
	color: #333;
	background: #d6e0f8;
}



#sendrece > div:nth-child(1) {
	display: none;
	justify-content: space-around;
	min-height: 10px;
 
	background: #EEE;
 
 
	margin: 0 auto;
	width: 50%;
	padding: 0;
	background: #deeaff;
	z-index: 2;
	/* ------------------ */
	-webkit-border-right: 1px dotted #0083aa;
	-moz-border-right: 1px dotted #0083aa;
	border-right: 1px dotted #0083aa;
	/* ------------------ */
	/* -webkit-box-shadow: rgba(17, 17, 26, 0.25) 8px 0px 4px;
	-moz-box-shadow: rgba(17, 17, 26, 0.25) 8px 0px 4px;
	box-shadow: rgba(17, 17, 26, 0.25) 8px 0px 4px; */
	/* ------------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



#sendrece > div:nth-child(1) > span {
	display: flex;
	justify-content: flex-start;
	width: 30%;
	min-height: 50px;
	margin: 0;
}


#sendrece > div:nth-child(1) > span > a {
	display: grid;
	place-items: center;
	width: 45px;
	height: 45px;
	font-size: 22px;
	margin-bottom: 1em;
	/* -------------------- */
	-webkit-border: 1px solid #5e86c0;
	-moz-border: 1px solid #5e86c0;
	border: 1px solid #5e86c0;
	/* -------------------- */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}



.upps,
#sendrece > div:nth-child(1) > span > a:hover {
	/* background: linear-gradient(to bottom, #004ab5, #0078ee); */
	background: #1667ff;
	color: #FFF;
	border: none;
	-webkit-box-shadow: rgba(17, 17, 26, 0.35) 0px 7px 33px;
	-moz-box-shadow: rgba(17, 17, 26, 0.35) 0px 7px 33px;
	box-shadow: rgba(17, 17, 26, 0.35) 0px 7px 33px;
}


#mapside > span:nth-child(1) > span:nth-child(1) > span:nth-child(1) > a > img {
    display: block;
    width: 77%;
    height: auto;
    position: relative;
    left: 10px;
    top: -5px;
}


#sendrece > div:nth-child(2) {
	display: block;
	min-height: 100vh;
	width: 70%;
	margin: 0 auto;
	background: var(--litblue);
	position: relative;
	z-index: 1;
}

 

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



#mapside {
	position: relative;
	min-height: 10px;
	background: var(--litblue);
}



/* top side */
#mapside > span:nth-child(1) {
	display: flex;
	justify-content: space-between;
	min-height: 20px;
	/* max-height: 60px; */
	width: 100%;
	padding: 1em 1em 0 1em;
	/*  */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* -------------------------- */
	
}




#mapside > span:nth-child(1) > span:nth-child(1) {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	width: 60%;

}

#mapside > span:nth-child(1) > span:nth-child(1) > span:nth-child(1) {
	display: block;
	min-width: 10px;
	height: 80px;
}

#mapside > span:nth-child(1) > span:nth-child(1) > span:nth-child(1) > a {
	display: block;
	width: 150px;
	height: 80px;
}


#mapside > span:nth-child(1) > span:nth-child(1) > span:nth-child(1) > a > img {
	display: block;
	width: 77%;
	height: auto;
	position: relative;
	left: 10px;
	top: -5px;
}



#mapside > span:nth-child(1) > span:nth-child(1) > span:nth-child(2),
#mapside > span:nth-child(1) > span:nth-child(1) > span:nth-child(2) {
	display: block;
	min-width: 10px;
	min-height: 10px;
	margin-right: 1em;
} 



#mapside > span:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a,
#mapside > span:nth-child(1) > span:nth-child(1) > span:nth-child(3) > a {
	display: inline-grid;
	place-items: center;
	min-width: 10px;
	min-height: 36px;
	background: #EEE;
	font-size: 12px;
	font-family: 'intermedium';
	font-weight: 900;
	padding: 0 1.5em;
	color: #111;
	text-transform: uppercase;
	letter-spacing: 1px;
	/* --------------- */
	position: relative;
	top: 7px;
	/* --------------- */
	-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: rgba(17, 17, 26, 0.05) 2px 2px 6px;
	-moz-box-shadow: rgba(17, 17, 26, 0.05) 2px 2px 6px;
	box-shadow: rgba(17, 17, 26, 0.15) 2px 2px 6px;
}



#mapside > span:nth-child(1) > span:nth-child(1) > span:nth-child(2) > a:hover,
#mapside > span:nth-child(1) > span:nth-child(1) > span:nth-child(3) > a:hover {
	background: -webkit-linear-gradient(to bottom, #2a1ccd, #2b6af9);
	background: -moz-linear-gradient(to bottom, #2a1ccd, #2b6af9);
	background: linear-gradient(to bottom, #2a1ccd, #2b6af9);
	color: #FFF;
}


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

#mapside > span:nth-child(1) > span:nth-child(2) {
	display: flex;
	justify-content: flex-end;
	min-height: 10px;
	width: 20%;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}



#mapside > span:nth-child(1) > span:nth-child(2) > a {
	display: grid;
	place-items: center;
	color: #FFF;
	height: 30px;
	padding: 0 1em;
	margin-left: 1em;
	font-size: 12px;
	font-family: 'interbold';
	/* ------------ */
	-webkit-border: 1px dotted #FFF;
	-moz-border: 1px dotted #FFF;
	border: 1px dotted #FFF;
}



#mapside > span:nth-child(1) > span:nth-child(2) > a:hover {
	background: #333;
	color: #EEE;
	border: none;
}





/* map */
#mapside > div,
#mapside > span:nth-child(2) {
	display: block;
	position: relative;
	z-index: 1;
	min-height: 100vh;
}


/* bottoms side */
#mapside > span:nth-child(3) {
	display: flex;
	justify-content: space-between;
	min-height: 10px;
	padding: 4em 0 1em 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* --------------------- */
	/* -------------------------- */
	background: -webkit-linear-gradient(transparent, #4b6387);
	background: -moz-linear-gradient(transparent, #4b6387);
	background: linear-gradient(transparent, #4b6387);
}



 
#mapside > span:nth-child(3) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	width: 35%;
	color: #ddebff;
	padding-left: 1em;
	font-size: 13px;
	font-family: 'InterLightbeta';
	line-height: 18px;
}

#mapside > span:nth-child(3) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	width: 25%;
	color: #EEE;
	text-align: right;
	padding-right: 1em;
}

#maply,
#gmap > iframe,
#gmap {
	display: block;
	min-height: 90vh !important;
	position: relative;
	z-index: 1;
}


#gmap > iframe {
	opacity: 0.45;
    filter: alpha(opacity=45);
}



#gmap > span {
    display: grid;
    place-items: center;
    min-height: 35px;
    font-size: 12px;
    background: #EEE;
    color: #000000;
    font-family: 'intermedium';
    -webkit-border-radius: 5px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    position: absolute;
    top: 50%;
    left: 50%;
	z-index: 2;
    transform: translate(-50%, -50%);
    padding: 0 1em;
    -webkit-box-shadow: rgba(17, 17, 26, 0.25) -5px 5px 13px;
    -moz-box-shadow: rgba(17, 17, 26, 0.25) -5px 5px 13px;
    box-shadow: rgba(17, 17, 26, 0.45) -5px 5px 13px;
}

#locs {
	display: block;
	min-height: 10px;
	width: 100%;
	background: var(--sky);
	padding: 3em 1em 1em 1em;
 
}

.tabbuttons {
	display: flex; /* Flex container */
	flex-direction: row; /* Stack children vertically */
	justify-content: flex-start; /* Align children to the top */
	align-items: flex-start; 
	min-height: 10px;
}



.tabbuttons > a {
	display: grid;
	place-items: center;
	min-height: 10px;
	padding: 15px 22px;
	color: #333;
	font-family: 'intermedium';
	font-size: 13px;
	align-self: flex-end; /* Anchor each child to the bottom of the parent */
}

.tabbuttons > a:nth-child(1) {
	background: var(--litblue);
}

.tabbuttons > a:nth-child(2) {
	background: var(--sky);
	color: #172c51;	
	font-weight: 800;
	min-height: 25px;
}


.tabbuttons > a:nth-child(1):hover {
	background: #04b9e9;
	color: #FFF;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



#addressbar {
    display: flex;
	justify-content: space-between;
    place-items: center;
    margin: 1em 0;
    padding: 0.6em 0.5em;
    width: 90%;
    color: #111;
    text-align: center;
	margin: 0 auto;
    font-size: 18px;
    height: 30px;
    /* max-height: 25px; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	/* ----------------- */
	/* ----------------- */
    background: -webkit-linear-gradient(to bottom right,  #EEE, #FFF);
    background: -moz-linear-gradient(to bottom right,  #EEE, #FFF);
    background: linear-gradient(to bottom right, #EEE, #FFF);
	/* ---------------- */
	-webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 7px 3px;
	-moz-box-shadow: rgba(17, 17, 26, 0.05) 0px 7px 3px;
	box-shadow: rgba(17, 17, 26, 0.05) 0px 7px 3px;
}



#addressbar > span:nth-child(1) {
    display: flex;
	justify-content: flex-start;
	width: 75%;
}


#addressbar:hover  {
	/* background: #222; */
}



#addressbar > span:nth-child(1) > span:nth-child(1) {
    display: grid;
	place-items: center;
	width: 30px;
	height: 32px;
	font-size: 20px;
	color: #b8caff;
	/* --------------- */
	-webkit-border: 2px solid #222;
	-moz-border: 2px solid #222;
	border: 2px solid #222;
	/* ----------------- */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* ------------------- */
 
}



#addressbar > span:nth-child(1) > span:nth-child(2) {
    display: flex;
	justify-content: flex-start;
	place-items: center;
	font-family: 'intermedium';
	text-align: left;

	width: 65%;
	height: 32px;
	font-size: 15px;
	padding: 0.1em 0 0 1em;
	font-weight: 800;
	user-select: none; /* Prevents text selection */
	white-space: nowrap;
		    /*  */
			-webkit-transition: all 1s cubic-bezier(0.93, 0.01, 0.09, 0.99) 0s;
			-moz-transition: all 1s cubic-bezier(0.93, 0.01, 0.09, 0.99) 0s;
			transition: all 1s cubic-bezier(0.93, 0.01, 0.09, 0.99) 0s;

	/* --------------- */
	/* -webkit-border: 2px dotted #999;
	-moz-border: 2px dotted #999;
	border: 2px dotted #999; */
	/* ----------------- */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}



#addressbar > span:nth-child(1) > span:nth-child(2) > div {
    display: grid;
    place-items: center;
    margin: 0 0.5em 0 0;
    padding: 0 0.8em;
    
    min-height: 32px;
    font-size: 13px;
    font-weight: 600;
    font-family: 'intermedium';
    color: #4c2b14;
	/* ------------------- */
	-webkit-border: 1px dotted #573720;
	-moz-border: 1px dotted #573720;
	border: 1px dotted #573720;
	/* ------------------- */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


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

#addressbar:hover > span:nth-child(1) > span:nth-child(2) {
	color: #FFF;
}



#addressbar > span:nth-child(2)  {
    display: flex;
	justify-content: flex-end;
	width: 18%;
	min-width: 90px;
	position: absolute;
	z-index: 3;
	right: 10px;
	-webkit-transition: all 1s cubic-bezier(0, 0.31, 0, 1.06) 0.2s;
	-moz-transition: all 1s cubic-bezier(0, 0.31, 0, 1.06) 0.2s;
	transition: all 1s cubic-bezier(0, 0.31, 0, 1.06) 0.2s;
}

#addressbar > span:nth-child(2) > a {
    display: flex;
	justify-content: space-between;
	padding: 0 0.6em 0 0.5em;
	color: #EEE;
	max-width: 100px;
	overflow: hidden;
	letter-spacing: px;
	/* ----------------- */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	/* ------------------ */
	background: -webkit-linear-gradient(to bottom, #444, #464646);
	background: -moz-linear-gradient(to bottom, #444, #464646);
	background: linear-gradient(to bottom, #444, #464646);
	    /*  */
		-webkit-transition: all 1s cubic-bezier(0.93, 0.01, 0.09, 0.99) 0s;
		-moz-transition: all 1s cubic-bezier(0.93, 0.01, 0.09, 0.99) 0s;
		transition: all 1s cubic-bezier(0.93, 0.01, 0.09, 0.99) 0s;

}


#addressbar > span:nth-child(2) > a:hover {
	/* background: -webkit-linear-gradient(to bottom, var(--brand), var(--maincolor));
	background: -moz-linear-gradient(to bottom, var(--brand), var(--maincolor));
	background: linear-gradient(to bottom, var(--brand), var(--maincolor)); */
}




#addressbar > span:nth-child(2) > a > span:nth-child(1) {
    display: flex;
	justify-content: flex-end;
	place-items: center;
	white-space: nowrap;
	font-family: 'intermedium';
	font-size: 13px;
	height: 30px;
	overflow: hidden;
	width: 129px;
	/*  */
	-webkit-transition: all 1s cubic-bezier(0.93, 0.01, 0.09, 0.99) 0s;
	-moz-transition: all 1s cubic-bezier(0.93, 0.01, 0.09, 0.99) 0s;
	transition: all 1s cubic-bezier(0.93, 0.01, 0.09, 0.99) 0s;
}

#addressbar > span:nth-child(2) > a > span:nth-child(2) {
    display: grid;
    place-items: center;
    height: 15px;
    font-size: 15px;
    width: 30px;
    min-width: 23px;
    height: 30px;
    font-size: 14px;
    position: relative;
    right: -1px;
    padding: 0 0 0 5px;
	/*  */
	-webkit-transition: all 1s cubic-bezier(0.93, 0.01, 0.09, 0.99) 0s;
	-moz-transition: all 1s cubic-bezier(0.93, 0.01, 0.09, 0.99) 0s;
	transition: all 1s cubic-bezier(0.93, 0.01, 0.09, 0.99) 0s;

}


#addressbar > span:nth-child(1) > span:nth-child(2) > div.preloadsmall {
	top: -1px;
}
/* ------------------------------------- */



#dressbarholder {
	display: block;
	max-height: 28px;
	width: 100%;
	margin: 20px 0 0 0;
	-webkit-border-bottom: 2px solid #bad8f1;
	-moz-border-bottom: 2px solid #bad8f1;
	border-bottom: 2px solid #bad8f1;
}


#dreesbar  {
	display: flex;
	justify-content: space-between;
	min-height: 10px;
	margin: 0;
	position: relative;

}



#dreesbar > span:nth-child(1),
#dreesbar > span:nth-child(3) {
	display: block;
	min-height: 48px;
	width: 20px;
	min-height: 46px;
	max-height: 46px;
	background: #478eff;
}

#dreesbar > span:nth-child(2) {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 2px;
	min-height: 40px;
	/* ---------------------- */
	-webkit-border: 1px dotted #5a8ac2;
	-moz-border: 1px dotted #5a8ac2;
	border: 1px dotted #5a8ac2;
}



#dreesbar > span:nth-child(2) > span {
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	width: 100%;
	background: #e0e7f8;
	padding: 4px;
	min-height: 10px;
}



#dreesbar > span:nth-child(2) > span > span:nth-child(1) {
	display: flex;
	justify-content: flex-start;
	padding: 0 0 0 2px;
	margin: 0;
	width: 75%;
	font-size: 'intermedium';
	font-size: 11px;
	min-height: 10px;
}



#dreesbar > span:nth-child(2) > span > span:nth-child(1) > span:nth-child(1):hover {
	background: #067ff8;
	color: #FFF !important;
}



#dreesbar > span:nth-child(2) > span > span:nth-child(1) > span:nth-child(1) {
    display: grid;
    place-items: center;
    margin: 0;
    width: 30px;
    min-height: 30px;
    color: #badcfe;
    font-size: 16px;
    background: #8cb7eb;
	/* --------------- */
    -webkit-border: 1px dotted #005bd2;
    -moz-border: 1px dotted #005bd2;
    border: 1px dotted #005bd2;
}




#dreesbar > span:nth-child(2) > span:hover > span:nth-child(1) > span:nth-child(1) {
	color: #4609f8;
	min-width: 33px;
}



#dreesbar > span:nth-child(2) > span > span:nth-child(2) {
	display: flex;
	justify-content: flex-end;
	padding: 0 0 0 2px;
	margin: 0;
	width: 20%;

}



#dreesbar > span:nth-child(2) > span > span:nth-child(2) > a {
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	width: 130px;
	background: #0753bb;
	color: #FFF;
	/* --------------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* --------------------- */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}


#dreesbar > span:nth-child(2) > span > span:nth-child(2) > a > span:nth-child(1){
	display: grid;
	place-items: center;
	padding: 0 0 0 5px;
	margin: 0;
	width: 60%;
	white-space: nowrap;
	/* --------------------- */
	-webkit-border-right: 1px dotted #69afff;
	-moz-border-right: 1px dotted #69afff;
	border-right: 1px dotted #69afff;
}

#dreesbar > span:nth-child(2) > span > span:nth-child(2) > a > span:nth-child(2) {
	display: grid;
	place-items: center;
	padding: 0;
	margin: 0;
	width: 33px;
	/* height: 33px; */
}
 

 



#dreesbar > span:nth-child(2) > span > span:nth-child(2) > a:hover {
	background: #e59c10;
	color: #111;
}



/* address */
#dreesbar > span:nth-child(2) > span > span:nth-child(1) > span:nth-child(2) {
	display: flex;
	place-items: flex-start;
	font-size: 12px;
	padding:  0 10px;
	min-height: 30px;
}


#dreesbar > span:nth-child(2) > span:hover {
	/* background: #158cf0; */
}

#dreesbar > span:nth-child(2) > span:hover > span:nth-child(1) > span:nth-child(2) > div {
	color: #198bf2;
	-webkit-border: 1px dotted #198bf2;
	-moz-border: 1px dotted #198bf2;
	border: 1px dotted #198bf2;

} 

#dreesbar > span:nth-child(2) > span:hover > span:nth-child(1) > span:nth-child(2) > span {
	color: #158487;
}



/* address */
#dreesbar > span:nth-child(2) > span > span:nth-child(1) > span:nth-child(2) > span {
	display: grid;
	place-items: center;
	padding:  0 10px;
	min-height: 30px;
	white-space: nowrap;
	font-family: 'intermedium';
	color: #004fbb;
	font-size: 15px;
	font-weight: 700;
	border: none;
}

/* address */
#dreesbar > span:nth-child(2) > span > span:nth-child(1) > span:nth-child(2) > div {
	display: grid;
	place-items: center;
	font-size: 12px;
	padding:  0 10px;
	min-height: 30px;
	margin: 0 0.5em 0 0;
	white-space: nowrap;
	font-family: 'intermedium';
	color: #004fbb;
	font-weight: 700;
	/* ------------------------- */
	-webkit-border: 1px solid #198bf2;
	-moz-border: 1px solid #198bf2;
	border: 1px solid #198bf2;
}



#dreesbar > span:nth-child(2) > span > span:nth-child(1) > span:nth-child(2) > span:last-child(2),
#dreesbar > span:nth-child(2) > span > span:nth-child(1) > span:nth-child(2) > span:last-child(3) {
	font-weight: 800 !important;
}


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


#dreesbar > span:nth-child(2) > span > span:nth-child(1) > span:nth-child(2) > span:not(:first-child) {
	margin: 0 5px;
}


.morecat {
	display: block;
	width: 100%;
	margin: 0 auto;
	min-height: 10px;
	padding: 5em 0;
	overflow: hidden;

}



.morecat > span:nth-child(1) {
	display: block;
	min-height: 10px;
	/* background: #6fb6ff; */
	padding: 2em 0;
	position: relative;
	/* ------------------------------ */  
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	/* ----------------------------- */
	-webkit-border-bottom: 1px dotted #CCC;
	-moz-border-bottom: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}



.morecat > span:nth-child(1) > span:nth-child(1)  {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	text-align: center;
	background: #EEE;

}


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


.morecat > span:nth-child(1) > span:nth-child(2)  {
	display: block;
	margin: 0 auto;
	width: 60%;
	text-align: center;
	font-size: 24px;
	font-family: 'interbold';
	color: #000;
	padding: 1em 0;
}



.morecat > span:nth-child(1) > span:nth-child(3) {
	display: flex;
	justify-content: space-around;
	min-height: 10px;
	padding: 2em 0;
	width: 60%;
	margin: 0 auto;
}



.morecat > span:nth-child(1) > span:nth-child(3) > a {
	display: grid;
	place-items: center;
	min-height: 35px;
	font-weight: 900;
	font-family: 'intermedium';
	font-size: 15px;
	background: #3470e3;
	padding: 0.3em 1.5em;
	color: #FFF;
	/* -------------- */
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}



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




.morecat > span:nth-child(2) {
	display: block;
	min-height: 10px;
	/* background: #EEE; */
	padding: 0.6em 0 14em 0;
	margin: 0 auto !important;
	width: 70%;
	/* ------------------------------ */
	-webkit-animation-delay: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	/* ----------------------------- */
	-webkit-border-top: 1px solid #999;
	-moz-border-top: 1px solid #999;
	border-top: 1px solid #999;
}




.morecat > span:nth-child(2) > span:nth-child(1) {
	display: flex;
	justify-content: space-between;
	min-height: 10px;
	padding: 0 0 0.7em 0;
}

.morecat > span:nth-child(2) > span:nth-child(1) > span:nth-child(1) {
	display: block;
	width: 60%;
	min-height: 10px;
	font-family: 'interbold';
	color: #000;
}


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

.morecat > span:nth-child(2) > span:nth-child(2) {
	display: flex;
	justify-content: space-around;
	min-height: 10px;
	padding: 2em 0;
	/* ----------------------------- */
	-webkit-border-top: 0.5px solid #999;
	-moz-border-top: 0.5px solid #999;
	border-top: 0.5px solid #999;
}



.morecat > span:nth-child(2) > span:nth-child(2) > a {
	display: block;
	min-height: 10px;
	width: 120px;

}


.morecat > span:nth-child(2) > span:nth-child(2) > a > span:nth-child(1) {
	display: block;
	background: #EEE;
	height: 140px;
	overflow: hidden;
	/* ---------------- */
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}



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

.morecat > span:nth-child(2) > span:nth-child(2) > a > span:nth-child(2) {
	display: block;
	min-height: 10px;
	line-height: 18px;
	padding: 1em 0;
	color: #222;
}


.morecat > span:nth-child(2) > span:nth-child(2) > a > span:nth-child(2) > strong {
	display: block;
	min-height: 10px;
	font-weight: 900;
	font-family: 'intermedium';
	font-size: 12px;
	line-height: 16px;
}

.morecat > span:nth-child(2) > span:nth-child(2) > a > span:nth-child(2) > span {
	display: block;
	min-height: 10px;
	font-weight: 900;
	font-family: 'InterLightbeta';
	font-size: 11px;
	line-height: 16px;
}





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





.topnotice {
	display: block;
	padding-top: 5em;
	width: 60%;
	margin: 0 auto;
	min-height: 10px;
}

.topnotice > span:nth-child(1) {
	display: block;
	margin: 0 auto;
	min-height: 10px;
	text-align: center;
	font-family: 'signikabold';
	font-size: 35px;
	letter-spacing: -1px;
}

.topnotice > span:nth-child(2) {
	display: block;
	margin: 0 auto;
	min-height: 10px;
	text-align: center;
	font-family: 'interLightbeta';
	font-size: 14px;
	line-height: 20px;
	width: 80%;
	padding-top: 0.5em;
}



.notices {
	display: block;
	width: 20%;
	min-height: 110px;
	padding: 1em;
	position: absolute;
	z-index: 10;
	top: 23%;
	left: 0;
	right: 0;
	margin: 0;
	margin: 0 auto;
	background: #303d62;
	color: #FFF;
	font-family: 'intermediuym';
	/*  */
	-webkit-box-shadow: rgba(17, 17, 26, 0.15) -10px 10px 3px;
	-moz-box-shadow: rgba(17, 17, 26, 0.15) -10px 10px 3px;
	box-shadow: rgba(17, 17, 26, 0.15) -10px 10px 3px;
	/* ------------------------- */
	    /*  */
		-webkit-transition: all 5s cubic-bezier(0, 0.31, 0, 1.06) 0.2s;
		-moz-transition: all 5s cubic-bezier(0, 0.31, 0, 1.06) 0.2s;
		transition: all 5s cubic-bezier(0, 0.31, 0, 1.06) 0.2s;
}


.notices > span {
	display: grid;
	place-items: center;
	min-height: 210px;
	text-align: center;
	font-family: 'intermedium';
	line-height: 19px;
	font-size: 12px;
	width: 90%;
	margin: 0 auto;
	color: #a6b3d3;
}


.notices > span > span:nth-child(1) {
	display: block;
	min-height: 10px;
	text-align: center;
	font-family: 'interbold';
	line-height: 19px;
	font-size: 18px;
	width: 90%;
	margin: 0 auto;
	color: #FFF;

}



#covers {
	display: block;
	width: 100%;
	min-height: 10px;
	background: var(--mains);
	margin: 0;
	padding: 0;
}


#pagers {
	display: block;
	padding: 6em 0;
	width: 66%;
	margin:  0 auto;
	min-height: 10px;

}


.contain66 {
	display: block;
	width: 66%;
	margin: 0 auto;
}

.boxcover {
	display: block;
	margin:  0 auto;
	background: var(--litblue);
	min-height: 10px;
}

.spacebottom {
	margin: 0;
}



.contentholder {
	display: block;
	min-height: 10px;
}
 
/* ---------------------- */


.contentdivider {
	display: grid;
	grid-template-columns: 5fr 2fr;
	gap: 4em;
	min-height: 10px;
}
 
/* ---------------------- */


.headsub {
	display: flex;
	justify-content: space-between;
	min-height: 10px;
	padding: 0.7em 0;
}


.headsub > span:nth-child(1) {
	display: block;
	width: 60%;
	min-height: 10px;

}

.headsub > span:nth-child(1) > span:nth-child(1) {
	display: block;
	min-height: 10p;
	font-size: 30px;
	font-family: 'interblack';
	color: #222;
	line-height: 60px;
	letter-spacing: -1px;
}

.headsub > span:nth-child(1) > span:nth-child(2) {
	display: block;
	min-height: 10p;
	font-size: 13px;
	font-family: 'interLightbeta';
	color: #777;
	width: 100%;
	line-height: 17px;
}


.headsub > span:nth-child(2) {
	display: block;
	width: 10%;
	min-height: 10px;
}


.notesnippet {
	display: flex;
	justify-content: space-between;
	min-height: 10px;
}



.notesnippet > span:nth-child(1) {
    display: flex;
    align-items: center;
    min-height: 5px;
    font-size: 14px;
    font-family: 'intermedium';
    line-height: 17px;
    font-weight: 800;
}
 


.notesnippet > span:nth-child(2) {
	display: block;
	height: 20px;
	width: 29px;
	font-size: 18px;
	text-align: right;
	font-weight: 14px;
	position: relative;
	
 
}

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

#masthead {
	display: block;
	min-height: 10px;
	padding-bottom: 10px;
	background: #3357b9;
	position: relative;
	z-index: 100;
	/* background: #7a88ae; */
}


#masthead > div {
	display: flex;
	justify-content: space-between;
	min-height: 80px;
}


.htext {
	display: block;
	min-height: 10px;
	padding: 0 0 25px 0;
	color: #777;
	font-family: 'interLightbeta';
	width: 70%;
	font-size: 13px;
}



.widths {
	display: block;
	width: 66% !important;
	min-height: 100px;
}


.end {
	-webkit-border-top: 3px solid #00336c;
	-moz-border-top: 3px solid #00336c;
	border-top: 3px solid #00336c;
	/* ------------------------- */
	-webkit-border-bottom: 3px solid #00336c !important;
	-moz-border-bottom: 3px solid #00336c !important;
	border-bottom: 3px solid #00336c !important;
}


.end > span {
	font-weight: 900;
}
/* ------------------------ */



.prodprev {
    min-height: 20px;
	min-height: 10px;
	padding: 1em;
	margin: 0 0 15px 0;
	background: #eaf1fb;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}

.prodprev > div {
    display: block;
    min-height: 20px;
    border: none;
    margin: 0;
}

.prodprev > div:nth-child(1) > span:nth-child(1) {
    display: block;
    min-height: 10px;
    height: unset;
    overflow: hidden;
    border: none;
    margin: 0;
    background: #c9e0f9;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}


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

.prodprev > div:nth-child(1) > span:nth-child(2) {
    display: block;
    min-height: 10px;
    border: none;
    margin: 0;
    font-size: 13px;
    line-height: 16px;
    padding: 1.6em 0 0 0;
    width: 100%;
    margin: 0 auto;
    font-family: 'cal';
    color: #84b0c7;
}


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

.pricebox {
    display: flex;
	justify-content: flex-start;	
    min-height: 10px;
    margin: 0;
    padding: 0.6em 0 0.7em 0;

}

.pricebox > span:nth-child(1){
		display: inline-grid;
		place-items: center;
		height: 30px !important;
		width: 30px !important;
		margin: 0 0.1em 0 0;
		padding: 0;
		color: #FFF;
		background: var(--brand);
		font-size: 15px;
		line-height: 20px;
		font-family: 'EncodeSansCond-Black';
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		position: relative;
		top: -8px;
}


.pricebox > span:nth-child(2){
    display: block;
    min-height: 10px;
    margin: 0;
    font-size: 43px;
    letter-spacing: -3px;
    font-family: 'GraphikLCG-Bold';
    line-height: 16px;
}

/* ---------------------------- */
/* side 2 */
.prodprev > div:nth-child(2) {
	display: block;
	min-height: 10px;
}


.prodprev > div:nth-child(2) > span:nth-child(2) {
    display: block;
    min-height: 10px;
    margin: 0;
    padding: 0.4em 0 0.7em 0;
    font-size: 20px;
    font-family: 'intermedium';
	letter-spacing: -1px;
    line-height: 32px;
    font-weight: 900;
    -webkit-border-top: 1px dotted #CCC;
    -moz-border-top: 1px dotted #CCC;
    border-top: 1px dotted #CCC;
	/* ---------- */
	-webkit-border-bottom: 1px dotted #CCC;
    -moz-border-bottom: 1px dotted #CCC;
    border-bottom: 1px dotted #CCC;
}



.prodprev > div:nth-child(2) > span:nth-child(3) {
	display: block;
	min-height: 10px;
	padding: 1.2em 0;
}


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

.createbreakdown {
    display: block;
    min-height: 10px;
    padding: 0;
}

.createbreakdown > span {
    display: flex;
    justify-content: space-between;
    min-height: 10px;
    padding: 0.1em 0;
    color: #555;
    font-family: 'interLightbeta';
    font-size: 13px;
    font-weight: 900;
    -webkit-border-bottom: 1px dotted #8ba1e1;
    -moz-border-bottom: 1px dotted #8ba1e1;
    border-bottom: 1px dotted #8ba1e1;
}

.createbreakdown > span > span {
    display: block;
    min-height: 10px;
    padding: 0.8em 0;
    color: #555;
    font-family: 'interLightbeta'; 
}

.createbreakdown > span > span:nth-child(1) {
    display: block;
	width: 40%;
	white-space: nowrap;
	font-family: 'interLightbeta';
	font-size: 12px;
	color: #007ce2;
}

.createbreakdown > span > span:nth-child(2) {
    display: block;
	width: 65%;
	text-align: right;
	color: #111;
	font-weight: 900;
	font-size: 13px;
	color: #555;
}

.createbreakdown > span:nth-child(1) > span:nth-child(1) {
	display: block;
	font-family: 'intermedium';
	font-size:  14px;
	color: #222;
	white-space: nowrap;
}

.createbreakdown > span:nth-child(1) > span:nth-child(2) {
	display: block;
	font-family: 'interLightbeta';
	font-size:  12px;
	color: #999;
	text-align: right;
}

.createbreakdown > span:nth-child(1) > span:nth-child(2) {
	display: block;
	font-family: 'interLightbeta';
	font-size:  12px;
	color: #999;
	text-align: right;
}


.createbreakdown > span:last-child > span,
.end > span {
	font-family: 'interblack';
	/* font-weight: 900; */
}





#cartwidget > span {
	display: block;
	padding: 0.5em 0.7em;
	font-size: 14px;
	font-family: 'interbold';
	/* ------------------------ */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* ------------------------ */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}





/* xxxxxxxxxxxxxxxxxxxxxxxxxx */


#attachstrip {
    display: block;
    height: 0px;
    /* background: #111; */
    position: relative;
    z-index: 220;
}









/* when the browser's width is 600px wide or less: */
@media screen and (max-width: 600px) {

	/* home text */
	#centring > div:nth-child(2) > span:nth-child(1) {
		display: block;
		min-height: 20px;
		width: 100%;
		margin: 0;
		padding: 1em 0;
		text-align: center;
		font-family: 'interbold';
		font-size: 22px;
		line-height: 30px;
		color: var(--lightBlue) !important;
		letter-spacing: 17px;
		text-transform: uppercase;
	}
}



 


#ntro {
	display: none !important;
}



#sectcovers {
	display: block;
	min-height: 20px;
	background: #FFF;
 	
}





.labelprop {
    display: grid;
    grid-template-columns: 5fr 8fr;
    gap: 1em;
    height: 1px;
    position: absolute;
    transform: translate(17px, -30px);
}
 

.labelprop > label {
    display: block;
    max-height: 9px;
    font-size: 10px;
    font-family: 'interLightbeta';
    color: #6f8ffc;
    font-weight: 700;
    text-transform: uppercase;
}


.labelprop > label:nth-child(2) {
	transform: translateX(55px);
}


.speclist > form > input[type="text"]::placeholder,
.speclist > form > span > input[type="email"]::placeholder,
.speclist > form > span > select::placeholder,
.speclist > form > span > input[type="text"]::placeholder,
.speclist > form > span > input[type="tel"]::placeholder,
.speclist > form > div > input[type="email"]::placeholder,
.speclist > form > div > select::placeholder,
.speclist > form > div > input[type="text"]::placeholder,
.speclist > form > div > input[type="tel"]::placeholder,
.speclist > form > div > textarea::placeholder {
  color: #BFCBCD;
  font-style: italic;
  font-size: 14px;
  opacity: 1;
  transition: all 0.3s ease; /* Smooth transition */
}



.speclist > form > input[type="text"]:focus::placeholder,
.speclist > form > span > input[type="text"]:focus::placeholder,
.speclist > form > span > input[type="text"]:focus::placeholder,
.speclist > form > span > input[type="text"]:focus::placeholder,
.speclist > form > div > input[type="text"]:focus::placeholder,
.speclist > form > div > input[type="tel"]:focus::placeholder,
.speclist > form > div > input[type="email"]:focus::placeholder,
.speclist > form > div > textarea:focus::placeholder {
  color: #045AD0; /* Lighter color on focus */
  font-size: 12px; /* Smaller font size on focus */
}

















/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#grid3tier {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
    min-height: 10px;
	padding: 2em 0;
}


#grid3tier > div {
	display: block;
	min-height: 10px;
}


#grid3tier > div > span {
	display: block;
	min-height: 10px;
	font-family: 'interbold';
	font-size: 15px;
}


#grid3tier > div > a {
	display: block;
	min-height: 10px;
	font-family: 'intermedium';
	font-size: 14px;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

 
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


#createpage {
    display: flex;
    justify-content: flex-start;
    height: 100vh;
    width: 100vw;
	overflow: hidden;
}



/* Menu Pane */
#createpage > div:nth-child(1) {
    display: flex;
	flex-direction: column;
	justify-content: space-between;
    height: 100vh;
    width: 270px;
	position: relative;
	z-index: 5; 
	background: #f4eadb;
	color: #222;
	white-space: nowrap; /* optional: prevents wrapping */
	/* ----------------------------- */
	-webkit-box-shadow: rgba(17, 17, 26, 0.05) 0px 7px 3px;
	-moz-box-shadow: rgba(17, 17, 26, 0.05) 0px 7px 3px;
	box-shadow: rgba(17, 17, 26, 0.05) 0px 7px 3px;
}




#createpage > div:nth-child(1) > div:nth-child(1) {
    display: block;
    min-height: 10px;
    width: 100%;
}


#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(1) {
	display: block;
	height: 60px;
}


#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(1) {
	display: block;
	height: 60px;
	padding: 1em;
	/* ----------------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#createpage > div:nth-child(1) > div:nth-child(1) >span:nth-child(1) > img {
	display: block;
	width: 150px;
	height: auto;
}

/* ------------------------------------ */
/* flex holding Dashboard and suspended button */
#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(2) {
	display: flex;
	justify-content: space-between;
	min-height: 10px;
}


#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(2) > span:nth-child(1) {
	display: block;
	min-height: 80px;
	padding: 1em;
	width: 60%;
	/* --------------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

/* dashbord link */
#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(2) > span:nth-child(1) > a {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	margin: 0 0 1em 0;
	padding: 0.2em 0.7em;
	color: #444;
	font-size: 15px;
	font-family: 'interbold';
	/* ---------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* --------------------- */
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	/* ---------------- */
	-webkit-border: 1px solid #999;
	-moz-border: 1px solid #999;
	border: 1px solid #999;
}

#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(2) > span:nth-child(1) > a:hover {
	background: var(--color4);
}




#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(2) > span:nth-child(1) > a >span:nth-child(1) {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
}


#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(2) > span:nth-child(1) > a > span:nth-child(1) > img {
	display: block;
	width: 20px;
	height: auto;
}


#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(2) > span:nth-child(1) > a > span:nth-child(2) {
	display: flex;
	justify-items: flex-start;
	place-items: center;
	min-height: 30px;

}


/* suspended button div */
#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(2) > span:nth-child(2) {
	display: block;
	height: 30px;
	width: 30px;
	position: relative;
}


/* suspended button for collaps */
#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(2) > span:nth-child(2) > a {
	display: grid;
	place-items: center;
	color: #EEE;
	height: 27px;
	width: 27px;
	background: #444;
	position: absolute;
	right: -10px;
	font-size: 10px;
	/* ---------------- */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}


#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(2) > span:nth-child(2) > a:hover {
	background: var(--brand);
}
/* ------------------------------ */
/* userwidge */
/* Profile */
#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(3) {
	display: none;
	min-height: 10px;
	padding: 0.4em 0.6em;
	margin: 0 auto;
	width: 85%;
	background: #EEE;
	position: relative;
	/* ----------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* ---------------- */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* ----------------- */
	-webkit-box-shadow: rgba(17, 17, 26, 0.05) 8px 8px 4px;
	-moz-box-shadow: rgba(17, 17, 26, 0.05) 8px 8px 4px;
	box-shadow: rgba(17, 17, 26, 0.05) 8px 8px 4px;
}

#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(3) > span:nth-child(1) {
	display: block;
	height: 30px;
	width: 30px;
	background: #777;
	overflow: hidden;
	margin: 0 auto;
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	margin: 0 auto;
	/* ------------------------- */
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	/* ------------------------ */
	-webkit-border: #FFF solid 5px;
	-moz-border: #FFF solid 5px;
	border: #FFF solid 5px;
}


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


#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(3) > span:nth-child(2) {
	display: block;
	min-height: 19px;
	padding: 1.7em 1em 1em 1em;
	font-family: 'interbold';
	text-align: center;
	font-size:  13px;

}




/* ------------------------------ */
/* userwidge */
/* Profile */
#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(4) {
	display: block;
	width: 90%;
	min-height: 10px;
	padding: 5em 0 3em 1.5em;
	/* ------------------ */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(4) > a {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	padding: 0.2em 0.5em;
	margin-bottom: 10px;
	color: #777;
	font-size: 15px;
	font-weight: 600;
	font-family: 'intermedium';
	/* ------------------ */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* ------------------ */
	-webkit-border-radius:  30px;
	-moz-border-radius:  30px;
	border-radius:  30px;
}



#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(4) > a:hover {
	background: var(--brand);
	color: #000;
}


#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(4) > a > span:nth-child(1) {
	display: grid;
	place-items: center;
	height: 35px;
	width: 35px;
}


#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(4) > a > span:nth-child(1) > img {
	display: block;

}

#createpage > div:nth-child(1) > div:nth-child(1) > span:nth-child(4) > a > span:nth-child(2) {
	display: flex;
	justify-content: flex-start;
	place-items: center;
	padding: 0 0 0 0.3em;

}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#createpage > div:nth-child(1) > div:nth-child(2) {
	display: block;
	min-height: 10px;
	padding: 1em 1em 2em 1em;
}


#createpage > div:nth-child(1) > div:nth-child(2) > a {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	padding: 0.6em 1em;
	/* ----------------- */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


#createpage > div:nth-child(1) > div:nth-child(2) > a:last-child {
	display: flex;
	justify-content: flex-start;
	margin: 1em 0 0 0;
}

#createpage > div:nth-child(1) > div:nth-child(2) > a:last-child > span:nth-child(1) {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	background: var(--brand);

}

#createpage > div:nth-child(1) > div:nth-child(2) > a:last-child > span:nth-child(1) > img {
	display: block;
	width: 70%;
	height: auto;
}


#createpage > div:nth-child(1) > div:nth-child(2) > a:last-child > span:nth-child(2) {
	display: block;
	min-height: 10px;
}


#createpage > div:nth-child(1) > div:nth-child(2) > a:last-child > span:nth-child(2) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	font-family: 'interbold';
	font-size: 15px;
	color: #111;
}

#createpage > div:nth-child(1) > div:nth-child(2) > a:last-child > span:nth-child(2) > span:nth-child(2) {
	display: block;
	font-family: 'intermedium';
	font-size: 11px;
}

#createpage > div:nth-child(1) > div:nth-child(2) > a:hover  {
	background: var(--brand);
}



#createpage > div:nth-child(1) > div:nth-child(2) > a:hover > span:nth-child(1) > img {
	filter: brightness(0) saturate(100%);
}


#createpage > div:nth-child(1) > div:nth-child(2) > a > span:nth-child(1) {
	display: grid;
	place-items: center;
	width: 15px;
	height: 15px;	
}

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


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

#createpage > div:nth-child(1) > div:nth-child(2) > a > span:nth-child(2) {
	display: block;
	padding: 0 0 0 1em;
	color: #444;
	font-size: 16px;	
	font-family: 'intermedium';
}



#createpage > div:nth-child(1) > div:nth-child(2) > a > span:nth-child(2) > span:nth-child(1) {
	display: block;
	min-height: 10p
}


#createpage > div:nth-child(1) > div:nth-child(2) > a > span:nth-child(2) > span:nth-child(2) {
	display: block;
	min-height: 1px;
	font-size: 10px;
	color: #888;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#createpage > div:nth-child(2) {
    display: block;
    height: 100vh;
	background: #EEE;
	flex: 1; /* ← This makes it fill the remaining space */
	position: relative;
	z-index: 1;

}


#createpage > div:nth-child(2) > iframe {
	display: block;
	height: 100vh;
	width: 100%;
	overflow: hidden;
	overflow-y: scroll;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */








/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#mainoverall {
	display: block;
	margin: 0 auto;
	width: 76%;
	padding: 4em 0;
	min-height: 20px;
}


#titlebar {
	display: flex;
	justify-content: space-between;
	min-height: 10px;
}


#titlebar > div:nth-child(1) {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
}


#titlebar > div:nth-child(1) > span:nth-child(1) {
	display: grid;
	width: 45px;
	height: 35px;
}


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


#titlebar > div:nth-child(1) > span:nth-child(2) {
	display: block;
	width: 99%;
	height: auto;
	padding: 0 0 0 0.6em;
	font-family: 'interbold';
	font-size: 29px;
	letter-spacing: -1px;
	white-space: nowrap;
}

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

#titlebar > div:nth-child(2) {
	display: block;
	min-height: 10px;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


.subtitlebar {
	display: flex;
	justify-content: space-between;
	min-height: 10px;
}


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


.subtitlebar > div:nth-child(1) {
	display: flex;
	justify-content: flex-start;
	place-items: flex-end;
	min-height: 10px;
	font-size: 20px;
	font-family: 'interbold';
}



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

 

.subtitlebar > div:nth-child(2),
.subtitlebar > div:nth-child(2) > a {
	display: grid;
	place-items: center;
	height: 35px;
	width: 30px;
	background: var(--brand);
	font-size: 14px;
	font-family: 'intermedium';
	font-weight: 900;
	/*  */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#keysboxes {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.6em;
	min-height: 10px;
	margin-top: 20px;
	padding: 0 0 1em 0;
	
}



#keysboxes > div {
	display: block;
	background: -webkit-linear-gradient(#EEE, #FFF);
	background: -moz-linear-gradient(#EEE, #FFF);
	background: linear-gradient(#EEE, #FFF);
	/* -------------------- */
	box-shadow: rgba(100, 100, 111, 0.1) -5px 5px 15px 2px;
}

/* ------------------------------ */
.bxes {
	display: block;
	min-height: 20px;
	padding: 1em;
	/* ------------------ */
	-webkit-border: 1px solid #CCC;
	-moz-border: 1px solid #CCC;
	border: 1px solid #CCC;
	/* ------------------- */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}


.bxes > span:nth-child(1) {
	display: block;
	min-height: 20px;
	/* ------------------ */
	font-size: 30px;
	font-family: 'interbold';
	color: #fc7a00;
}


.bxes > span:nth-child(2) {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	font-size: 13px;
	/* ------------------ */
	font-family: 'interLightbeta';
}

.bxes > span:nth-child(2) > span:nth-child(1) {
	display: grid;
	height: 20px;
	width: 20px;
}

.bxes > span:nth-child(2) > span:nth-child(1) > img {
	display: block;
	height: auto;
	width: 20px;
}

.bxes > span:nth-child(2) > span:nth-child(2) {
	display: flex;
	justify-content: flex-start;
	place-items: center;
	height: 20px;
	width: 80%;
	font-family: 'intermedium';
	padding: 0 0 0 10px;
	font-size: 14px;
	color: #999;
}



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


#newsbar {
	display: block;
	min-height: 10px;
	margin-top: 20px;
	position: relative;
	top: 40px;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


#newsslider {
	display: block;
	min-height: 10px;
	padding: 1em 0;

}




#newsslider > span {
	display: flex;
	justify-content: flex-start;
	min-height: 390px;
	overflow: hidden;
	overflow-x: scroll;
	/* float: left; */
	width: 100%;
}



/* bliocks */
#newsslider > span > span {
	display: flex;
	justify-content: flex-start;
	min-height: 380px;
	max-height: 380px;
	background: #DDD;
	min-width: 700px;
	margin-right: 20px;
	/* ----------------- */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}




/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



#starthere {
	display: block;
	min-height: 10px;
	position: relative;
	top: 50px;
}


.grid-4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1em;
	min-height: 10px;
	padding: 1em 0;
}



.grid-4 > a {
	display: block;
	min-height: 10px;
	overflow: hidden;
	/* -------------- */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}


.grid-4 > a > span:nth-child(1){
	display: block;
	height: 270px;
	background: #4d505d;
	overflow:hidden; 

}


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

.grid-4 > a > span:nth-child(2){
	display: block;
	min-height: 110px;
	background: var(--brand);
	padding: 1em;
	color: #555;
}

.grid-4 > a:hover > span:nth-child(2){
	background: var(--mainlight);
}


.grid-4 > a > span:nth-child(2) > span:nth-child(1){
	display: block;
	min-height: 10px;
	color: #222;
	font-family: 'interbold';
	font-size: 15px;
}



.grid-4 > a > span:nth-child(2) > span:nth-child(2){
	display: block;
	padding: 1em 0 0 0;
	min-height: 10px;
	color: #222;
	font-family: 'interbold';
	font-size: 19px;
}

.grid-4 > a > span:nth-child(2) > span:nth-child(3){
	display: block;
	padding: 0;
	min-height: 10px;
	color: #222;
	font-family: 'interLightbeta';
	font-size: 13px;
	padding: 1em 0 0 0;
}

.grid-4 > a > span:nth-child(2) > span:nth-child(4){
	display: block;
	padding: 0;
	min-height: 10px;
	color: #222;
	font-family: 'interLightbeta';
	font-size: 11px;
	padding: 0;
}


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

.grid-5 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1em;
	min-height: 10px;
	padding: 1em 0;
}



.grid-5 > a {
	display: block;
	min-height: 10px;
	overflow: hidden;
	position: relative;
	background: #EEE;
	/* -------------- */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}


.grid-5 > a > span:nth-child(1){
	display: grid;
	place-items: center;
	height: 380px;
	overflow: hidden; 
	position: relative;
	z-index: 1;

}


.grid-5 > a > span:nth-child(1) > img {
	display: block;
	width: 75%;
	height: auto;
}

.grid-5 > a > span:nth-child(2){
	display: flex;
	justify-content: space-between;
	min-height: 10px;
	padding: 0 1em 1em 1em;
	color: #555;
	position: absolute;
	bottom: 0;
	width: 100%;
	/* --------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

 


.grid-5 > a > span:nth-child(2) > span:nth-child(2){
	display: grid;
	place-items: center;
	height: 40px;
	width: 40px;
	color: #222;
	font-family: 'interbold';
	font-size: 13px;
	background: var(--brand);
	/*  */
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}



.grid-5 > a > span:nth-child(2) > span:nth-child(1){
	display: block;
	padding: 1em 0 0 0;
	min-height: 10px;
	width: 80%;
	color: #222;
	font-family: 'intermedium';
	font-weight: 900;
	font-size: 12px;
}

 
 

.grid-5 > a:hover {
	background: #f6edc7;
	color: #FFF;
}




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

.doorstopper {
	display: block;
	height: 150px;
	width: 100%;
}


 

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



.notificationlist {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1em;
	min-height: 10px;
	padding: 1em 0;
}



.notificationlist > a {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	padding: 5px 0 10px 0;
}

.notificationlist > a > span:nth-child(1) {
	display: grid;
	place-items: center;
	height: 50px;
	width: 50px;
}


.notificationlist > a > span:nth-child(1) > img {
	display: block;
	height: auto;
	width: 100%;
	opacity: 0.25;
	filter: alpha(opacity=25);
}


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

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

.notificationlist > a > span:nth-child(2) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	font-size: 14px;
	color: #444;
	font-family: 'intermedium';
}


.notificationlist > a > span:nth-child(2) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	font-size: 10px;
	color: #b37f11;
	font-family: 'interLightbeta';
	padding: 4px 0 0 0;
	
}



.notificationlist > a:not(:last-child) {
	-webkit-border-bottom: 1px dotted #CCC;
	-moz-border-bottom: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.orderlist {
	display: block;
	padding: 1em 0;
	min-height: 10px;
}

.orderlist > a {
	display: block;
	padding: 1em 0;
	min-height: 10px;
}

.orderlist > a > span:nth-child(1) {
	display: block;
	color: #555;
	font-size: 15px;
	font-family: 'intermedium';
}

.orderlist > a > span:nth-child(2) {
	display: block;
	color: #999;
	font-size: 11px;
	font-family: 'interLightbeta';
	padding: 3px 0 0 0;
}


.orderlist > a:not(:last-child) {
	-webkit-border-bottom: 1px dotted #CCC;
	-moz-border-bottom: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



#uploader {
	display: block;
	min-height: 10px;
}

.pretext {
	display: block;
	width: 60%;
	padding: 10px 0;
	font-size: 13px;
	font-family: 'interLightbeta';
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


.uploader {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 1em;
	min-height: 200px;
	margin-top: 30px;
	padding: 1em;
	/* -------------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.uploader > span:nth-child(1) {
	display: block;
	min-height: 10px;
	background: var(--brand);
	padding: 1em;
		/* -------------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.uploader > span:nth-child(2) {
	display: block;
	min-height: 10px;
	background: #EEE;
	padding: 1em;
		/* -------------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



#galbox {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
	min-height: 10px;
	padding: 0.6em;
	background: #DDD;
	margin-top: 30px;
}

#galbox > a {
	display: flex;
	flex-direction: column;
	justify-content: space-between;

	min-height: 10px;
	background: #CCC;
	height: 220px;

}

#galbox > a > span:nth-child(1) {
	display: grid;
	place-items: center;
	height: 90%;
	width: 100%;
}

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

#galbox > a > span:nth-child(2) {
	display: flex;
	justify-content: space-around;
	min-height: 10px;
	width: 100%;
	padding: 0.5em;
	font-family: 'interLightbeta';
	font-size: 12px;
	/* ------------------ */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#galbox > a > span:nth-child(2) > span:nth-child(1) {
	display: block;
	width: 80%;
	color: #111;
	font-family: 'intermedium';
	font-size: 12px;
} 

#galbox > a > span:nth-child(2) > span:nth-child(2) {
	display: grid;
	place-items: center;
	width: 20px;
	height: 20px;
	font-size: 12px;
	
} 

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#artask {
	display: block;
	min-height: 10px;
}


#artask > form {
	display: block;
	min-height: 10px;
	/* background: #DDD; */
	padding: 1em;

	/* ---------------------- */
	-webkit-border: 1px solid #EEE;
	-moz-border: 1px solid #EEE;
	border: 1px solid #EEE;
	/* ------------------ */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* ------------------ */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#artask > form > input[type='text']{
	display: block;
	min-height: 40px;
	width: 100%;
	border: none;
	padding: 1em;
	background: #EEE;
	margin-bottom: 20px;
	outline: none;
	padding: 1.5em;
	font-family: 'interLightbeta';
	font-size:  14px;
	/* ------------------ */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* ------------------ */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* ------------------ */
	-webkit-box-shadow: inset rgba(0, 0, 0, 0.10) 0 0 12px 1px;
	-moz-box-shadow: inset rgba(0, 0, 0, 0.10) 0 0 12px 1px;
	box-shadow: inset rgba(0, 0, 0, 0.10) 0 0 12px 1px;
}


#artask > form > textarea {
	display: block;
	min-height: 100px;
	width: 100%;
	border: none;
	padding: 1.5em;
	background: #EEE;
	margin-bottom: 20px;
	outline: none;
	font-family: 'interLightbeta';
	font-size:  14px;
	/* ------------------ */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* ------------------ */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* ------------------ */
	-webkit-box-shadow: inset rgba(0, 0, 0, 0.10) 0 0 12px 1px;
	-moz-box-shadow: inset rgba(0, 0, 0, 0.10) 0 0 12px 1px;
	box-shadow: inset rgba(0, 0, 0, 0.10) 0 0 12px 1px;
}



#artask > form > button {
	display: block;
	min-height: 10px;
	padding: 1em 1.3em;
	background: var(--brand);
	border: none;
	font-family: 'intermedium';
	/* ------------------- */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* ------------------ */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* ----------------- */
}






/* /xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  */


.yela {
	display: block;
	min-height: 5px;
}


.yela > a {
	display: grid;
	place-items: center;
	font-size: 12px;
	font-family: 'intermedium';
	font-weight: 800;
	background: var(--brand);
	color: #222;
	height: 28px;
	padding: 0 14px;
	/* ---------------------- */
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;

}


.yela > a:hover {
	background: #222;
	color: var(--brand);
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



#grid2page {
	display: grid;
	grid-template-columns: 2fr 3fr;
	gap: 2em;
	min-height: 10px;
	padding: 2em 0;
	min-height: 130px;
}


#grid2page > span:nth-child(1) {
	display: block;
	min-height: 10px;
}


#grid2page > span:nth-child(1) > span:nth-child(1) {
	display: block;
	min-height: 500px;
	background: #DDD;
}


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

} 


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


 
#grid2page > span:nth-child(1) > span:nth-child(2) > a {
	display: grid;
	place-items: center;
	width: 80px;
	height: 110px;
	margin-right: 14px;
	background: #DDD;
	overflow: hidden
} 



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

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


#grid2page > span:nth-child(2) {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 10px;
	padding: 2em 0;
	/* max-height: 450px; */

}


#grid2page > span:nth-child(2) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	padding: 0;
	/* font-family: 'intermedium' */

}

#grid2page > span:nth-child(2) > span:nth-child(2) {
	display: block;
	min-height: 15px;
	padding: 1em 0 0 0 !important;

}

#grid2page > span:nth-child(2) > span:nth-child(3) {
	display: block;
	min-height: 255px;
	padding: 0;

}

#grid2page > span:nth-child(2) > span:nth-child(4) {
	display: block;
	min-height: 130px;
	padding: 2em;
	background: var(--yela);
	color: #222;
	width: 80%;

}


#grid2page > span:nth-child(2) > span:nth-child(4) > span:nth-child(1) {
	display: block;
	min-height: 10px;
	font-size: 15px;
	color: #222;
}



#grid2page > span:nth-child(2) > span:nth-child(4) > span:nth-child(2) {
	display: block;
	min-height: 10px;
	font-size: 17px;
	font-family: 'interbold';
	padding: 10px 0 0 0;
	color: #222;
}

#grid2page > span:nth-child(2) > span:nth-child(4) > span:nth-child(2) > span {
	display: block;
	min-height: 10px;
	padding: 0;
}


#grid2page > span:nth-child(2) > span:nth-child(4) > span:nth-child(3) {
	display: block;
	padding: 1em 0 0 0;
}


#grid2page > span:nth-child(2) > span:nth-child(4) > span:nth-child(3) > a {
	display: grid;
	place-items: center;
	min-height: 44px;
	font-family: 'intermedium';
	font-size: 14px;
	color:  #FFF;
	background: var(--darken);
}



#grid2page > span:nth-child(2) > span:nth-child(4) > span:nth-child(3) > a:hover {
	background: #DDD;
	color: #111;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxx */



.specly {
	display: block;
	min-height: 10px;
	padding: 1em 0;
	/* background: #f7f7f7; */
}

.specly > span {
	display: grid;
	grid-template-columns: 1fr 3fr;
	min-height: 10px;
	padding: 2em 0;
	font-family: 'interLightbeta';
	font-size: 14px;
	/* background: #f7f7f7; */
	-webkit-border-bottom: 1px dotted #CCC;
	-moz-border-bottom: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
} 


.specly > span > span:nth-child(1) {
	display: block;
	font-family: 'interbold';
	font-size: 22px;
	letter-spacing: -1px;
}


.specly > span > span:nth-child(2) {
	/* display: block; */
	font-family: 'interLightbeta';
	font-size: 15px;
	line-height: 25px;
	min-height: 10px; 
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxx */


.gridish2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1em;
	min-height: 10px;
	padding: 1em 0;
}


.gridish2 > span {
	display: block;
	min-height: 10px;
	padding: 1.6em 0;
}


.gridish2 > span > span:nth-child(1) {
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	/* background: #EEE; */
}


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


.gridish2 > span > span:nth-child(2) {
	display: block;
	width: 100%;
	min-height: 10px;
	padding: 1em 0;
	font-family: 'interbold';
	font-size: 18px;
}



.gridish2 > span > span:nth-child(3) {
	display: block;
	width: 100%;
	min-height: 10px;
	padding: 0;
	font-family: 'interLightbeta';
	font-size: 14px;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxx */

.lineics  {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	padding: 0 0 1em 0;
}

.lineics > span {
	display: grid;
	place-items: center;
	height: 35px;
	width: 35px;
	margin-right: 20px;
}

.lineics > span > img {
	display: block;
	width:  100%;
	height: auto;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */




.tabledata {
	display: block;
	margin: 1em 0 0 0;
	padding: 1em 0;
	min-height: 10px;
}


 
/* xxxxxxxxxxxxxxxxxxxxxxxxxx */



#createapp {
	display: flex;
	height: 100vh;
	width: 100%;
}

#createapp > div:nth-child(1) {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100vh;
	width: 72px;
	background: #fff;
	position: relative;
	z-index: 5;
	/* ---------------------------- */
	-webkit-box-shadow: 5px 0 10px rgba(0, 0, 0, 0.052);
	-moz-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.052);
	box-shadow: 5px 0 5px rgba(0, 0, 0, 0.052);
}


#createapp > div:nth-child(1) > span:nth-child(1) {
	display: block;
	min-height: 10px;
}


#createapp > div:nth-child(1) > span:nth-child(2) {
	display: block;
	min-height: 10px;
}

#createapp > div:nth-child(1) > span:nth-child(3) {
	display: none
}
 

#createapp > div:nth-child(1) > span > a {
	display: block;
	height: 60px;
	padding: 0;
	padding: 18px 0 0 0;
}


#createapp > div:nth-child(1) > span > a:hover {
	background: var(--lightor);
}


#createapp > div:nth-child(1) > span > a > span:nth-child(1){
	display: grid;
	place-items: center;
	width: 38px;
	min-height: 10px;
	padding: 0;
	margin: 0 auto;
}


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

#createapp > div:nth-child(1) > span > a > span:nth-child(2){
	display: grid;
	place-items: center;
	min-height: 1px;
	padding: 0;
	font-family: 'intermedium';
	color: #555;
	font-size: 10px;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#createapp > div:nth-child(2)  {
    display: block;
    height: 100vh;
    background: #dfdfdf;	
    flex: 1;
    position: relative;
    z-index: 1;
	color: #444;
}
 

#createapp > div:nth-child(2) > div:nth-child(1)  {
    display: flex;
	justify-content: space-between;
    height: 5vh;
	position: absolute;
	z-index: 3;
	top: 0;
	width: 100%;
	/* border-bottom: 1px dotted #CCC; */
	padding: 0.5em 0 0 0;
}
 

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#createapp > div:nth-child(2) > div:nth-child(1) > span:nth-child(1) {
	display: flex;
	justify-content: flex-start;
	width: 30%;
	padding: 0.5em 1em;
	/* ------------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
} 

#createapp > div:nth-child(2) > div:nth-child(1) > span:nth-child(1) > a {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	margin-right: 7px;
	/* background: #f7f7f7;	 */
	/* ---------------- */

}

#createapp > div:nth-child(2) > div:nth-child(1) > span:nth-child(1) > a:first-child {
	background: #fabd10;
	-webkit-border: 1px dotted #CCC;
	-moz-border: 1px dotted #CCC;
	border: 1px dotted #CCC;
	opacity: 0.8;
	filter: alpha(opacity=8);
}


#createapp > div:nth-child(2) > div:nth-child(1) > span:nth-child(1) > a:not(:first-child) {
	opacity: 0.25;
	filter: alpha(opacity=25);
}
	
#createapp > div:nth-child(2) > div:nth-child(1) > span:nth-child(1) > a > img {
	display: block;
	width: 24px;
	height: 24px;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#createapp > div:nth-child(2) > div:nth-child(1) > span:nth-child(2) {
	display: flex;
	justify-content: flex-end;
	width: 30%;
} 

#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(2) {
	display: flex;
	justify-content: flex-end;
	width: 30%;
}

#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(2) > a,
#createapp > div:nth-child(2) > div:nth-child(1) > span:nth-child(2) > a {
	display: grid;
	place-items: center;
	background: #FFF;
	height: 40px;
	padding: 0 1em;
	margin-left: 15px;
	font-size: 15px;
	font-family: 'intermedium';
	/* ------------------ */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*  */
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.22);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.22);
} 



#createapp > div:nth-child(2) > div:nth-child(1) > span:nth-child(2) > a:nth-child(1):hover,
#createapp > div:nth-child(2) > div:nth-child(1) > span:nth-child(2) > a:nth-child(3):hover,
#createapp > div:nth-child(2) > div:nth-child(1) > span:nth-child(2) > a:hover {
	background: var(--brand);
	color: #111;
}




#createapp > div:nth-child(2) > div:nth-child(1) > span:nth-child(2) > a:nth-child(1),
#createapp > div:nth-child(2) > div:nth-child(1) > span:nth-child(2) > a:nth-child(2) {
	width: 90px;

}

#createapp > div:nth-child(2) > div:nth-child(1) > span:nth-child(2) > a:nth-child(1) {
	background: #111;
	color: #EEE;
}

#createapp > div:nth-child(2) > div:nth-child(1) > span:nth-child(2) > a:nth-child(2) {
	color: #111;
}

#createapp > div:nth-child(2) > div:nth-child(1) > span:nth-child(2) > a:nth-child(3) {
	background: #CCC;
}







/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


#createapp > div:nth-child(2) > div:nth-child(2)  {
    display: block;
    height: 100vh;
	position: relative;
	z-index: 1;
}
 



#createapp > div:nth-child(2) > div:nth-child(2) > span:nth-child(1) {
	display: block;
	width: 100%;
	height: 100vh;
	padding: 0;
	position: relative;
	z-index: 1;
}



#createapp > div:nth-child(2) > div:nth-child(2) > span:nth-child(1) > div {
	display: block;
	width: 28vw;
	height: 65vh;
	position: absolute;
	background: #FFF;
	top: 40%;
	left: 50%;
	/* -------------------------- */
	-webkit-transform: translate(-50%, -40%);
	-moz-transform: translate(-50%, -40%);
	transform: translate(-50%, -40%);
	/* -------------------------- */
	-webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	-moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}



#createapp > div:nth-child(2) > div:nth-child(2) > span:nth-child(1) > div > span:nth-child(1) {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	background: #EEE;
}



#createapp > div:nth-child(2) > div:nth-child(2) > span:nth-child(1) > div > span:nth-child(1) > img {
	display: block;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
}


/* Main design holder */
#createapp > div:nth-child(2) > div:nth-child(2) > span:nth-child(1) > div > span:nth-child(2) {
	display: block;
	/* width: 40%;
	height: 45%; */
	/* -------------------------- */
	-webkit-border: 2px dotted #CCC;
	-moz-border: 2px dotted #CCC;
	border: 2px dotted #CCC;
	/* -------------------------- */
	position: absolute;
	z-index: 2;
	/* top: 35%;
	left: 50%; */
	/* transform: translate(-50%, -40%); */
	    -webkit-transition: all 0.5s cubic-bezier(0.5, 0.07, 0.17, 0.88) 0.2s;
    -moz-transition: all 0.5s cubic-bezier(0.5, 0.07, 0.17, 0.88) 0.2s;
    transition: all 0.5s cubic-bezier(0.5, 0.07, 0.17, 0.88) 0.2s;
}



#createapp > div:nth-child(2) > div:nth-child(2) > span:nth-child(1) > div > span:nth-child(2) > span:nth-child(1)  {
	display: block;
	width: 30px;
	height: 30px;
	/* -------------------------- */
	/* -------------------------- */
	position: absolute;
	z-index: 4;
	top: 0;
	right: 0;
	-webkit-transform: translate(20px, -20px);
	-moz-transform: translate(20px, -20px);
	transform: translate(20px, -20px);
}



#createapp > div:nth-child(2) > div:nth-child(2) > span:nth-child(1) > div > span:nth-child(2) > span:nth-child(1) > a:hover {
	color: orange;
}


#createapp > div:nth-child(2) > div:nth-child(2) > span:nth-child(1) > div > span:nth-child(2) > span:nth-child(1) > a {
	display: grid;
	place-items: center;
	width: 25px;
	height: 25px;
	color: red;
	font-size: 25px;
	/* ----------------------- */
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

  /* *spot and main image design display */

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


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


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

 


#createapp > div:nth-child(2) > div:nth-child(2) > span:nth-child(2) {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 1em;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 4;
	bottom: 110px;
	margin: 0 auto;
	width: 220px;
	min-height: 10px;
	padding: 7px 8px;

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

}


#createapp > div:nth-child(2) > div:nth-child(2) > span:nth-child(2) > a {
	display: grid;
	place-items: center;
	padding: 0;
	font-size: 15px;
	width: 45px;
	min-height: 25px;
	font-family: 'intermedium';

}



#createapp > div:nth-child(2) > div:nth-child(2) > span:nth-child(2) > a:hover > span:nth-child(1) {
	background: -webkit-linear-gradient(to bottom right, #222, #777);
	background: -moz-linear-gradient(to bottom right, #222, #777);
	background: linear-gradient(to bottom right, #222, #777);
	color: #FFF;
}

#createapp > div:nth-child(2) > div:nth-child(2) > span:nth-child(2) > a > span:nth-child(1) {
	display: grid;
	place-items: center;
	width: 35px;
	height: 35px;	
	margin: 0 auto;
	background: -webkit-linear-gradient(to bottom right, #CCC, #EEEE);
	background: -moz-linear-gradient(to bottom right, #CCC, #EEEE);
	background: linear-gradient(to bottom right, #CCC, #EEEE);
	/* ----------------------------- */
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	/* ----------------------------- */
	color: #FFF;
	-webkit-box-shadow: 0 0 30px 5px #9999994d;
	-moz-box-shadow: 0 0 30px 5px #9999994d;
	box-shadow: 0 0 30px 5px #9999994d;
}



#createapp > div:nth-child(2) > div:nth-child(2) > span:nth-child(2) > a > span:nth-child(1) > img {
	display: grid;
	place-items: center;
	width: 60%;
	height: auto;
}

#createapp > div:nth-child(2) > div:nth-child(2) > span:nth-child(2) > a > span:nth-child(2) {
	display: grid;
	place-items: center;
	font-size: 11px;
	color: #777;
	margin: 12px auto;
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */







#createapp > div:nth-child(2) > div:nth-child(3)  {
    display: flex;
	justify-content: space-between;
    min-height: 3vh;
	padding: 0.6em 1em;
	background: #f7f7f7;	
	/* ----------------------- */
	-webkit-border-top: 1px dotted #CCC;
	-moz-border-top: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
	/* ---------------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* .------------------------ */
	position: absolute;
	bottom: 0;
	z-index: 3;
	width: 100%;
}
 

#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	width: 40%;
 
}

#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) > span:nth-child(1) {
	display: flex;
	justify-content: space-around;
	min-height: 10px;
	padding: 0.4em;
	width: 220px;
	/* ---------------- */
	-webkit-border: 1px dotted #CCC;
	-moz-border: 1px dotted #CCC;
	border: 1px dotted #CCC;
}

#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) > span:nth-child(1) > span:nth-child(2) {
	display: grid;
	place-items: center;
	width: 100px;
	font-size: 15px;
	text-align: center;
	font-family: 'interbold';
	letter-spacing: -1px;
	background: #333;
	background: -webkit-linear-gradient(to bottom, #333, #777);
	background: -moz-linear-gradient(to bottom, #333, #777);
	background: linear-gradient(to bottom, #333, #777);
	color: #DDD;
	/* ----------------------- */
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* ----------------------- */
	-webkit-border: 1px dotted #CCC;
	-moz-border: 1px dotted #CCC;
	border: 1px dotted #CCC;
}


#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) > span:nth-child(1) > span:nth-child(2):hover {
	background: var(--brand);
	color: #111;
	-webkit-box-shadow: inset 0 0 6px #999;
	-moz-box-shadow: inset 0 0 6px #999;
	box-shadow: inset 0 0 6px #999;
}


#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) > span:nth-child(1) > span:nth-child(1),
#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) > span:nth-child(1) > span:nth-child(3) {
	display: block;
	width: 30px;
	height: 25px;
}

#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) > span:nth-child(1) > span:nth-child(1) > a,
#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) > span:nth-child(1) > span:nth-child(3) > a {
	display: grid;
	place-items: center;
	width: 30px;
	height: 25px;
	/* ------- */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}


#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) > span:nth-child(1) > span:nth-child(1) > a:hover,
#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) > span:nth-child(1) > span:nth-child(3) > a:hover {
	background: var(--brand);
}






#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) > span:nth-child(1) > a,
#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(2) > a {
	display: grid;
	place-items: center;
	width: 150px;
	height: 35px;
	font-size: 16px;
	font-family: 'intermedium';
	font-weight: 700;
	color: #222;
	/* -------------------- */
	-webkit-border: 1px dotted #ccc;
	-moz-border: 1px dotted #ccc;
	border: 1px dotted #ccc;
}



#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(2) > a {
	background: var(--aux);
	color: #FFF;
}

#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(2) > a:hover {
	background: var(--brand);
	color: #222;
}






#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) > span:nth-child(2) {
	display: block;
	margin-left: 15px;
}


#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) > span:nth-child(2) > a {
	display: grid;
	place-items: center;
	width: 39px;
	height: 39px;
	/* -------------------- */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	/* -------------------- */
	-webkit-border: 1px dotted #ccc;
	-moz-border: 1px dotted #ccc;
	border: 1px dotted #ccc;
}

#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) > span:nth-child(1) > a:hover,
#createapp > div:nth-child(2) > div:nth-child(3) > span:nth-child(1) > span:nth-child(2) > a:hover {
	background: var(--brand);
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxx */


.tabledata > table {
	border-collapse: collapse;
	width: 100%;
	background-color: white;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
	border-radius: 12px;
	overflow: hidden;
}



	.tabledata > table > thead {
      background-color: #4CAF50;
      color: white;
    }

	.tabledata > table > thead > th, 
	.tabledata > table > thead > td {
		padding: 16px 20px;
		text-align: left;
	}

    tr:nth-child(even) {
      background-color: #f2f2f2;
    }
/* 
    tr:hover {
      background-color: #e0f7e9;
    } */

    th {
      font-size: 1rem;
      letter-spacing: 0.5px;
    }

    td {
      font-size: 0.95rem;
      color: #333;
    }





#createapp > div:nth-child(1) > span:nth-child(4)  {
	display: none;
}



#createapp > div:nth-child(2) > div:nth-child(3) > section {
	display: none;
}



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



#insertdesign {
	display: flex;
	width: 230px;
	min-width: 230px;
	max-width: 230px;
	height: 230px;
	min-height: 200px;
	max-height: 230px;
	background: white;
	position: absolute;
	bottom: 40%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 2;
	padding: 1.5em;
	/* ----------- */
	-webkit-border-radius: 60%; 
	-moz-border-radius: 60%; 
	border-radius: 60%;
	/* ----------- */
    -webkit-transition: all 1s cubic-bezier(0, 0.31, 0, 1.06) 0.1s;
    -moz-transition: all 1s cubic-bezier(0, 0.31, 0, 1.06) 0.1s;
    transition: all 1s cubic-bezier(0, 0.31, 0, 1.06) 0.1s;
}


#insertdesign > a {
	display: flex;
	flex: 1;
	width: 100%;
	height: 100%;
	background: #ffe0bd;
	position: relative;
	/* ----------- */
	-webkit-border-radius: 60%; 
	-moz-border-radius: 60%; 
	border-radius: 60%; 
}


#insertdesign > a:hover {
	background: #d8e7ff;
}


#insertdesign > a > span {
	display: block;
	min-height: 19px;
	width: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	/* --------------------- */
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}



#insertdesign > a > span > span:nth-child(1) {
	display: grid;
	place-items: center;
	height: 50px;
	width: 50px;
	margin: 0 auto;
}



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


#insertdesign > a > span > span:nth-child(2) {
	display: grid;
	place-items: center;
	min-height: 10px;
	padding: 0.5em 0 0 0;
	margin: 0 auto;
	font-size: 12px;
	color: #777;
	font-family: 'intermedium';
	font-weight: 800;
	
}



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


#designsetup {
	display: block;
	min-height: 10px; 
	/* ------------------------ */
	-webkit-border: 1px dotted #CCC;
	-moz-border: 1px dotted #CCC;
	border: 1px dotted #CCC;
	/* ------------------------ */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;


}


#designsetup > div:nth-child(1) {
	display: flex;
	justify-content: flex-start;
	min-height: 10px; 
}


#designsetup > div:nth-child(1) > a {
	display: grid;
	place-items: center;
	padding: 0 1.2em;
	margin-right: 1em;
	height: 30px;
	font-family: 'intermedium';
	font-weight: 800;
	color: #555;
	font-size: 12px;
	/* ------------------------ */
	-webkit-border: 1px dotted #999;
	-moz-border: 1px dotted #CCC;
	border: 1px dotted #999;
	/* ------------------------ */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}



#designsetup > div:nth-child(1) > a:hover {
	background: var(--brand);
}



.framer {
	padding: 3rem 1.2em 1em 1em;
	min-height: 10px;
}



#designsetup > div:nth-child(2) {
	display: block;
	min-height: 50px; 
	margin-top: 0.8em;
	padding: 0.6em;
	/* ------------------------ */
	-webkit-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* ------------------------ */
	-webkit-border: 1px dotted #999;
	-moz-border: 1px dotted #CCC;
	border: 1px dotted #999;
	/* ------------------------ */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}




#uploadtools {
	
}


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

.spec {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.5em;
	min-height: 10px;
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: scroll !important;
}

.spec > span,
.spec > a {
	display: grid;
	place-items: center;
	min-height: 200px;
	max-height: 250px;
	font-size: 35px;
	color: #444;
	overflow: hidden;
	/* ---------------------- */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	/* ---------------------- */
	-webkit-border: 1px dotted #5d5b5b;
	-moz-border: 1px dotted #5d5b5b;
	border: 1px dotted #5d5b5b;
}



.spec > span {
	place-items: center;
	font-family: 'interLightbeta';
	font-size: 14px;
	padding: 0 1em;
	text-align: center;
	/* ----------------------- */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.spec > a > img {
	display: block;
	width: 90%;
	height: auto;
}

.spec:hover {
	overflow-x: hidden;
	overflow-y: scroll !important;
}



#mobilestuff {
    display: none;
}

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


#content2 > span > div > div:nth-child(2) {
	display: none;
}




#createfooter {
	display: flex;
	justify-content: space-between;
	min-height: 10px;
	padding: 1em;
	background: #EEE;
	/* ------------------------------------- */
	-webkit-box-sizing: border-box;
	-moz-zbox-sizing: border-box;
	box-sizing: border-box;

}


#createfooter > span:nth-child(1) {
	display: block;
	min-height: 10px;
	width: 50%;
	font-size: 12px;
	line-height: 16px;
	font-family: 'interLightbeta';
}

#createfooter > span:nth-child(2) {
	display: block;
	min-height: 10px;
	width: 20%;
}



#pagecovers {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
}





.adsect {
	display: block;
	position: relative;
	min-height: 380px;
	overflow: hidden;
	width: 100%;
	/* -------- */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}


.adsect > div:nth-child(1) {
	display: block;
	height: 380px;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}


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

.adsect > div:nth-child(2) {
	display: block;
	min-height: 10px;
	position: absolute;
	top: 100px;
	left: 30px;
	width: 55%;
	z-index: 2;
}



.adsect > div:nth-child(2) > span:nth-child(1) {
	display: block;
	font-family: 'interblack';
	font-size: 30px;
	line-height: 35px;
	letter-spacing: -1px;
}


.adsect > div:nth-child(2) > span:nth-child(2) {
	display: block;
	font-family: 'interLightbeta';
	font-size: 14px;
	line-height: 20px;
	padding: 0.5em 0 0 0;
}


.adsect > div:nth-child(2) > span:nth-child(3) {
	display: block;
	padding: 1em 0 0 0;
}

.adsect > div:nth-child(2) > span:nth-child(3) > a {
	display: flex;
	justify-content: flex-start;
	place-items: center;
	font-family: 'interLightbeta';
	font-size: 14px;
	line-height: 40px;
	padding: 0 1em;
	font-family: 'intermedium';
	/* ------------------ */
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	/* ------------------- */
	
}


.blck {
	/* background: #111; */
	background: -webkit-linear-gradient(to bottom, #111, #555);
	background: -moz-linear-gradient(to bottom, #111, #555);
	background: linear-gradient(to bottom, #111, #555);
	color: #EEE;
}


.yella {
	background: #f2ab25;
	color: #111;
}



.yella > div:nth-child(2) > span:nth-child(3) > a {
	background: -webkit-linear-gradient(to bottom, #111, #555);
	background: -moz-linear-gradient(to bottom, #111, #555);
	background: linear-gradient(to bottom, #111, #555);
	color: #EEE;
}




/* ---------- */
.yt {
	background: -webkit-linear-gradient(to bottom, #EEE, #EEE, #555);
	background: -moz-linear-gradient(to bottom, #EEE, #EEE, #555);
	background: linear-gradient(to bottom, #EEE, #EEE, #555);
	color: #333;
}


.blck > div:nth-child(2) > span:nth-child(3) > a {
	background: -webkit-linear-gradient(to bottom, #5c8d31, #97b357);
	background: -moz-linear-gradient(to bottom, #5c8d31, #97b357);
	background: linear-gradient(to bottom, #5c8d31, #97b357);
	color: #FFF;
}
 



.yt > div:nth-child(2) > span:nth-child(3) > a {
	background: -webkit-linear-gradient(to bottom, #111, #555);
	background: -moz-linear-gradient(to bottom, #111, #555);
	background: linear-gradient(to bottom, #111, #555);
	color: #EEE;
}



.greys {
	background: #DDD;
	color: #FFF;
	 text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}


.greys > div:nth-child(2) > span:nth-child(3) > a {
	background: -webkit-linear-gradient(to bottom, #5c8d31, #97b357);
	background: -moz-linear-gradient(to bottom, #5c8d31, #97b357);
	background: linear-gradient(to bottom, #5c8d31, #97b357);
	color: #FFF;
}




.sectitle {
    display: block;
    min-height: 10px;
    padding: 1em 0 1em 0;
    font-family: 'interbold';
    font-size: 20px;
    color: #111;
}


#colors {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	padding: 0 0 0.5em 0;
}


#colors > span {
	display: block;
	min-height: 10px;
	padding: 0 0 1em 0;
	font-family: 'intermedium';
}

#colors > a {
	display: block;
	width: 20px;
	height: 20px;
	background: #0078ee;
	margin-right: 13px;
	/* ------------------- */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* ------------------- */
	-webkit-border: 1px dotted #555;
	-moz-border: 1px dotted #555;
	border: 1px dotted #555;
}



#size > a:hover {
  background: var(--mainmid);
	color: #222;
}

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

#size {
	display: flex;
	justify-content: flex-start;
	min-height: 10px;
	padding: 0 0 0.5em 0;
}


#size > a {
	display: grid;
	place-items: center;
	width: 35px;
	height: 35px;
	margin: 0 0.2em;
	color: #222;
	padding: 0 0.4em;
	font-size: 13px;
	font-family: 'intermedium';
	font-weight:  700;
	/* ------------------------------- */
	/* ------------------------------ */
	-webkit-border: 1px dotted #555;
	-moz-border: 1px dotted #555;
	border: 1px dotted #555;
}


 
.frontset {

}
 
 
 
.leftset {
	-webkit-transform: translate(-92px, -136px) scale(0.3) !important;
	-moz-transform: translate(-92px, -136px) scale(0.3)!important;
	transform: translate(-85px, -136px) scale(0.3) !important;
}

.leftset2 {
	-webkit-transform: translate(-105px, -176px) scale(0.3) !important;
	-moz-transform: translate(-105px, -176px) scale(0.3)!important;
	transform: translate(-105px, -176px) scale(0.3) !important;
}

 
.rightset {
	-webkit-transform: translate(-92px, -136px) scale(0.3) !important;
	-moz-transform: translate(-92px, -136px) scale(0.3) !important;
	transform: 	translate(-105px, -136px) scale(0.3) !important;
}

.rightset2 {
	-webkit-transform: translate(-125px, -176px) scale(0.3) !important;
	-moz-transform: translate(-125px, -176px) scale(0.3) !important;
	transform: 	translate(-125px, -176px) scale(0.3) !important;
}

 
#cnumber {
	display: block;
	min-height: 10px;
	width: 15%;
	position: absolute;
	top: 40px;
	right: 200px;
	z-index: 2;
}

#cnumber > span:nth-child(1)  {
	display: block;
	min-height: 5px;
	font-size: 21px;
	color: #111;
	font-family: 'interblack';
	letter-spacing: -1px;
}

#cnumber > span:nth-child(2)  {
	display: block;
	min-height: 10px;
	font-size: 11px;
	color: #111;
	font-family: 'interLightbeta';
}