ul#clmen {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: white;
}
#clr_sel {
  position: -webkit-sticky;
  position: sticky;
  top: 85px;
  z-index:20;
 }

ul#clmen li {
  float: left;
  padding:10px 15px 10px 0;
  width: calc(7.14% - 15px);
}

ul#clmen li a {
  display: block;
  text-align: center;
  padding: 16px;
  text-decoration: none;
  border:1px solid gray;
  border-radius: 5px;
}

ul#clmen > li > a#blue {background: linear-gradient(to right,#0000C1,#4848FF)}
ul#clmen > li > a#red {background: linear-gradient(to right,#D70000,#FF4A4A)}
ul#clmen > li > a#green {background: linear-gradient(to right,#009500,#00FF00)}
ul#clmen > li > a#yellow {background: linear-gradient(to right,#EAEA00,#FFFFAA)}
ul#clmen > li > a#pink {background: linear-gradient(to right,#EA0081,#FF5BB6)}
ul#clmen > li > a#black {background: black}
ul#clmen > li > a#white {background: white}
ul#clmen > li > a#orange {background: linear-gradient(to right,#F75B00,#F7960B)}
ul#clmen > li > a#brown {background: linear-gradient(to right,#644300,#996600)}
ul#clmen > li > a#gray {background: linear-gradient(to right,#737373,#A0A0A0)}
ul#clmen > li > a#multicolor {background: linear-gradient(to right, red, yellow, green)}
ul#clmen > li > a#purple {background: linear-gradient(to right,#640064,#ed0d89)}
ul#clmen > li > a#violet {background: linear-gradient(to right,#8600D7,#BD4FFF)}
ul#clmen > li > a#bi-color {background: linear-gradient(to right,#9F00FF,#FFCC00)}

ul#clmen > li > a#blue:hover, ul#clmen > li > a#red:hover, ul#clmen > li > a#green:hover, ul#clmen > li > a#yellow:hover, ul#clmen > li > a#pink:hover, ul#clmen > li > a#pink:hover, ul#clmen > li > a#black:hover, ul#clmen > li > a#white:hover, ul#clmen > li > a#orange:hover, ul#clmen > li > a#brown:hover, ul#clmen > li > a#gray:hover, ul#clmen > li > a#multicolor:hover, ul#clmen > li > a#purple:hover, ul#clmen > li > a#violet:hover, ul#clmen > li > a#bi-color:hover {opacity: 0.7;}

#flex_cont > figure > figcaption {text-align:left; font-size: 18px; padding:8px 0 8px 3px;}
#flex_cont section.cl_sec {
	padding:10px;
	width:calc(100% - 26px);
	margin-top:60px;
}
#f_blue {border-right:3px solid blue; border-left:3px solid blue;}
#f_red {border-right:3px solid red; border-left:3px solid red;}
#f_green {border-right:3px solid green; border-left:3px solid green;}
#f_yellow {border-right:3px solid yellow; border-left:3px solid yellow;}
#f_pink {border-right:3px solid #F72D93; border-left:3px solid #F72D93;}
#f_orange {border-right:3px solid #FF6600; border-left:3px solid #FF6600;}
#f_black {border-right:3px solid black; border-left:3px solid black;}
#f_brown {border-right:3px solid #804004; border-left:3px solid #804004;}
#f_white {border-right:3px solid white; border-left:3px solid white;}
#f_gray {border-right:3px solid #b1b1b1; border-left:3px solid #b1b1b1;}
#f_multicolor {
	border-width: 3px;
	border-style: solid;
	border-image:linear-gradient(to bottom, red, yellow, green, red, yellow, green, red, yellow, green) 1 100%;
}
#f_purple {border-right:3px solid #7C007C; border-left:3px solid #7C007C;}
#f_violet {border-right:3px solid #8B00F7; border-left:3px solid #8B00F7;}
#f_bi-color {
	border-width: 3px;
	border-style: solid;
	border-image:linear-gradient(to bottom, #9F00FF, #FFCC00) 1 100%;
}

#flex_cont section.cl_sec > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
#flex_cont section.cl_sec > ul > li {
	float: left;
	background-color:white;
	margin:25px 10px 10px 10px;
	width:calc(25% - 20px);
}
#flex_cont section.cl_sec > ul > li > section {
	padding:20px;
	-webkit-box-shadow: 0px 0px 10px 0px #8d8888cf;
    -moz-box-shadow: 0px 0px 10px 0px #8d8888cf;
    box-shadow: 0px 0px 12px -3px #8d8888cf;
	min-height:334px;
	position:relative;
}
#flex_cont > section {
	margin:15px 0 15px 0;
	position:relative;
}

#flex_cont section.cl_sec > ul > li > a {
  display: block;
  text-align: center;
  padding: 16px;
  text-decoration: none;
  border:1px solid gray;
  border-radius: 5px;
}

#flex_cont section.cl_sec > ul > li > a:hover {
  background-color: #111111;
}
#flex_cont {
	min-width: 1000px;
	padding:10px;
	width:calc(100% - 20px);
}
#flex_cont > section.cl_sec > a.anchor, #flex_cont > a#top_anc {
	position: absolute;
	left: 0px;
	top: -160px;
}
#flex_cont > section.cl_sec > h2 {
	display:inline-block;
	margin:0 0 25px 10px;
	margin-top:0px;
	font-size:2em;
	font-weight:600;
}
#flex_cont > section.cl_sec {position:relative}
#flex_cont > section.cl_sec > a.top, #gbclr > caption > a {
	display:inline-block;
	margin-left:35px;
	font-size:14px;
	font-weight: 400;
}
#gbclr > caption > a {margin-left:0;}
#flex_cont section.cl_sec > ul > li > section > a {
	padding:2px 10px 2px 10px;
	background-color:#00A0BA;
	color:white;
	font-size:15px;
	display: inline-block;
	font-weight: 600;
	width:calc(100% - 20px);
	text-align:center;
}
#flex_cont > section > ul > li > section > a.buy_a {
	margin:15px 0 0 0;
	background-color: #F76F34;
}
#flex_cont > section > ul > li > section > div {
	padding-top:48.4%
}
#flex_cont > section > ul > li > section > p {
	padding:0;
	margin: 15px 0 15px 0;
	font-size:1.3em;
	line-height:1.4em;
	font-weight: 400;
	-webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
 h2 {
    line-height: 1.2em;
    font-size: 2em;
}
#gbclr > tbody > tr > th:nth-child(1)

#gbclr > thead > tr > th:nth-child(1), #gbclr > tbody > tr > td:nth-child(1) {padding-right:25px}
#gbclr > caption {text-align:left; font-weight:400; padding-bottom: 10px;}
#gbclr {
	margin:35px 0 25px 0;
	border: 1px solid gray;
    padding: 10px;
	font-size: 1.5em;
    line-height: 1.7em;
	min-width: 450px;
}
#gbclr > caption > h3 {font-size:1.3em}
.a_dis {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  opacity: 0.3;
}
#flex_cont > section > ul > li > section > a > p {
	-webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
	margin: 0;
	padding: 3px;
	font-size: 16px;
}
#flex_cont > section > p {margin:0 10px 10px 10px}
#flex_cont > section > a.shop_clrg p {padding:0;margin:0}
#flex_cont > section > a.shop_clrg {
	display:inline-block;
	padding:5px 30px 5px 30px;
	background-color:#F76F34;
	color:white;
	font-weight:600;
	-webkit-box-shadow: 0px 0px 10px 0px black;
    -moz-box-shadow: 0px 0px 10px 0px black;
    box-shadow: 0px 0px 12px -3px black;
	margin:40px 30px 0 30px;
	font-size:1.5em;
	border-radius:50px;
}
#flex_cont > section > a.shop_clrg:hover, #flex_cont > section > ul > li > section > a.buy_a:hover, #flex_cont > section > ul > li > section > a.inf_a:hover {opacity: 0.8;}
#flex_cont > section > a.shop_clrg > p {
	line-height: 1.5em;
    font-size: 1.2em;
}
#flex_cont > section > ul > li > section > h3 {font-size:1.4em; font-weight:600; color:#000000c9}

#langs {
	display:inline-block;
	margin:10px 50px 10px 10px;
	padding-left:10px;
	float:left;
	width:calc(25% - 50px);
}
#langs > li > a {
	font-size:1.5em;
	line-height:1.7em;
}
#flex_cont > div {display:inline-block}
#t_txt {
	display:inline-block;
	width:calc(70%);
}
#flex_cont > div {vertical-align:top}
#bl_tb_w > #tttt > table.gbl {
	-webkit-box-shadow: 0px 0px 10px 0px gray;
    -moz-box-shadow: 0px 0px 10px 0px gray;
    box-shadow: 0px 0px 12px -3px gray;
}
#bl_tb_w > #tttt > table.gbl td {
	font-size:1.2em;
	line-height:1.7em;
	padding:3px 10px 3px 10px;
	border-bottom:1px solid #80808063;
}
#bl_tb_w > #tttt > table > tbody > tr > th {padding:3px 10px 3px 10px;background-color: #80808029;}
#bl_tb_w > #tttt > table > caption > span {
	font-size:1em;
	line-height:1em;
}
#bl_tb_w > #tttt > table > caption {margin-bottom:20px}
#tttt > a.anchor {
	display: inline-block;
    position: absolute;
    margin-top: -110px;
}
#tttt {
	position:relative;
	width:calc(50% - 40px);
	margin:20px;
	float:left;
}