@import url("httypo.css");
* {
  font-family: "Noto Sans", Verdana, Arial, Helvetica, sans-serif;
}
html {
	border-width: 0; outline: 0;
	padding: 0; margin: 0px; 
	font-size: 100%; font-family: inherit;	 
	vertical-align: baseline; 	
}
body { 
	margin: 0;
	background-color: #dbdbdb
}
div {
	border-width: 0;
	padding: 0;
	font-size: 100%; 
	margin: 0px; 
	vertical-align: baseline; 
	outline: 0
}
#page {
	display: flex; flex-direction: column; min-height: 100vh;
	padding: 0;
	background-image: url("img/css/bkgr.gif"); background-repeat: repeat-y;
	margin-right: auto; margin-left: auto; 
	width: 970px;
}
#top {
	padding: 4px 10px; margin: 0px 7px; height: 80px
}
div#top h1 {
	display: inline; float: left; margin-left: 32px; margin-top: 21px; width: 233px
}
div#top h1 a {
	display: block; width: 233px; height: 41px; background: url("img/css/htoolsv7.png") no-repeat; background-size: contain;
}
div#top h1 a span {
	display: none
}
#topmenu {
	float: right; margin-right: 25px; margin-top: 3px; width: 270px; height: 12px; display: inline; 
	font-style: normal; font-size: 12px; color: rgb(90,90,90); text-align: right;
}
#topmenu a {
	color: rgb(90,90,90); text-decoration: none
}
#topmenu a:hover {
	text-decoration: underline; color: #F58120
}
#langselect {
	 clear: right; display: inline; margin-right: 55px; margin-top: 20px; width: 50px; height: 5px
}
#langselect-txt {
	width: 300px; height: 12px;
	clear: right; float: right; display: inline; margin-right: 26px; margin-top: 20px;  
	font-style: normal; font-size: 14px; color: rgb(90,90,90); text-align: right
}
#langselect-txt a {
	color: rgb(90,90,90);
}
#langselect-txt a:hover {
	color: #F58120
}
#langselect-txt img {
	padding-bottom: 3px;
}
#banner {
	padding-right: 10px; background-image: url("img/css/htheadbkg.png"); margin: 0px 7px; background-repeat: repeat-x; height: 127px; background-color: #336E93
}
#hthead {
	 float: left; display: inline; background-image: url("img/css/hthead.png"); background-repeat: no-repeat;
	 margin-left: 50px; 
	 width: 469px;  height: 127px;	 
}
#pexlogo {
	 float: left; background-image: url("img/css/pex_icon.png"); background-repeat: no-repeat;
	 width: 444px;  height: 127px;	 
}
#flexlogo {
	 float: left; background-image: url("img/css/flex_icon.png"); background-repeat: no-repeat;
	 width: 444px;  height: 127px;	 
}
#rtlogo {
	 float: left; background-image: url("img/css/rt_icon.png"); background-repeat: no-repeat;
	 width: 476px;  height: 127px;	 
}
#rtclogo {
	 float: left; background-image: url("img/css/rtc_icon.png"); background-repeat: no-repeat;
	 width: 476px; height: 127px;	 
}
#banner_px {
	float: left; margin-left: 80px; width: 322px; height: 127px; background-repeat: no-repeat
}
.px3 {background-image: url("img/css/surmrx.png")}
.px4 {background-image: url("img/css/ord.png")}
#banner_btn {
	float: left; display: inline; margin-top: 30px; margin-left: 30px; width: 460px; height: 71px
}
#banner_btn_rt {
	float: left; display: inline; margin-top: 30px; margin-left: 10px; width: 460px; height: 71px
}
.download {
	float: left; display: block; margin-left: 5px; background-image: url(img/css/btn-download.png); width: 219px; height: 71px; background-repeat: no-repeat
}
.download_rt {
	float: left; display: block; margin-left: 5px; background-image: url(img/css/btn-download-rt.png); width: 219px; height: 71px; background-repeat: no-repeat
}
.download_rtc {
	float: left; display: block; margin-left: 5px; background-image: url(img/css/btn-download-rtc.png); width: 219px; height: 71px; background-repeat: no-repeat
}
.download_flex {
	float: left; display: block; margin-left: 5px; background-image: url(img/css/btn-download-flex.png); width: 219px; height: 71px; background-repeat: no-repeat
}
.buynow {
	float: left; display: block; margin-left: 12px; background-image: url(img/css/btn-buy_en.png); width: 219px; height: 71px; background-repeat: no-repeat
}
.buynow_de {
	float: left; display: block; margin-left: 12px; background-image: url(img/css/btn-buy_de.png); width: 219px; height: 71px; background-repeat: no-repeat
}
#menu {
  background: url("img/css/menubkg.gif") no-repeat left top; margin-left: 7px; margin-bottom: 0px; height: 30px;
  list-style: none; padding: 0
}
#menu ul {
  list-style: none;
  margin-top: 0px; /* this bs  */
  padding: 0;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
  background: #EFEEEE;
  float: left;
  width: 100%
  -moz-box-shadow:
  	0px 0.8px 0.9px hsl(0deg 0% 0% / 0.05),
    0px 2.4px 2.8px hsl(0deg 0% 0% / 0.05),
 -0.1px 5.5px 6.5px hsl(0deg 0% 0% / 0.05),
 -0.2px 12.8px 15.1px hsl(0deg 0% 0% / 0.05);  
  box-shadow:
    0px 0.8px 0.9px hsl(0deg 0% 0% / 0.05),
    0px 2.4px 2.8px hsl(0deg 0% 0% / 0.05),
 -0.1px 5.5px 6.5px hsl(0deg 0% 0% / 0.05),
 -0.2px 12.8px 15.1px hsl(0deg 0% 0% / 0.05);
}
#menu li {
  float: left;
  position: relative
}
#menu li ul {
  display: none; 
  position: absolute;
  text-align: left; line-height: 1.2em;
  padding: 0px 0px 2px 0px;
  width: 168px
}
#menu li li a {
  width: 128px;
  background: none
}
#menu li:hover ul, #menu li.jshover ul {
  display: block
}
#menubkg {
	padding-left: 112px; text-align: center
}
#menubkg div {
	background: url("img/css/menusepr.gif") no-repeat right top; float: left; height: 30px
}
#menubkg div#selected {
	background: url("img/css/menubkg_sel.gif") no-repeat right top
}
#menubkg div a {
	padding: 4px 20px 1px 20px; display: block; 
	font-style: normal; font-weight: bold; font-size: 0.8em; color: rgb(90,90,90);  text-decoration: none
}
#menubkg div a:hover {
	background: url("img/css/menuhover.gif") no-repeat right top
}
#menubkg div#selected a:hover {
	cursor: hand
}
#main {
	flex: 1;
	float: left; 
	background-position: left 1%; 
	background-image: url("img/css/sidebarbg.gif"); background-repeat: repeat-y; 
	width: 963px;
}
#content {
	width: 690px;
	float: left;
	padding: 10px 10px 10px 25px; 
	margin: 10px; 
}
#content_fm {
	width: 910px;
	float: left; 
	padding: 10px 10px 10px 20px; 
	margin: 10px; 
}
#content h1, #content_hp h1 {
	margin: 0px 0px 8px 0px; padding: 0px; 
	font-size: 18pt; font-style: normal; font-weight: 600; color: #000; text-align: left; text-decoration: none
}
#content h1 img {
	margin: 0px 3px 0px 0px;	
}
#content h2 {
	font-size: 14pt; padding-bottom: 0.5em; margin: 0; color: #3177a7; padding-top: 1em
}
#content h3 {
	margin: 0px; 
	text-transform: uppercase;
	font-size: 1.3em; font-style: normal; font-weight: bold; color: #585858; 
}
#content h3 img {
	margin: 0px 17px 3px 0px;
	padding: 12px;
	background: #fff;
	border: 0 solid #d8d8d8;   
	border-radius: 18px;
 	-moz-box-shadow:
  	0.2px -0.1px 0.5px hsl(0deg 0% 63% / 0.36),
    -0.2px -0.1px 1.7px -0.8px hsl(0deg 0% 63% / 0.36),
    2.5px 2.8px 4.2px -1.7px hsl(0deg 0% 63% / 0.36),
    2.4px 5.5px 7.4px -2.5px hsl(0deg 0% 63% / 0.36); 
  box-shadow:
	0.2px -0.1px 0.5px hsl(0deg 0% 63% / 0.36),
    -0.2px -0.1px 1.7px -0.8px hsl(0deg 0% 63% / 0.36),
    2.5px 2.8px 4.2px -1.7px hsl(0deg 0% 63% / 0.36),
    2.4px 5.5px 7.4px -2.5px hsl(0deg 0% 63% / 0.36);		
}
#content p {
	font-size: 95%; text-align: justify; color: #585858;
}
#content .rite {
	text-align: right !important; white-space:nowrap
}
#content .large {
	font-size: 110%;
}
#content .low {
	line-height: 1.2em; 
}
#content .left {
	text-align: left !important; white-space:nowrap
}
#content .center {
	text-align: center !important; 
}
#content .small {
	padding: 15px 0px 5px 1px; margin: 0px; 
	font-size: 80%; color: #585858; line-height: 1.3em;
}
#content .small a {
	color: #3177a7;
}
#content .small a:hover {
	color: #fe7d00;
}
#content .petite {
	font-size: 70%; text-align: center
}
#content .faqtopic {
	font-weight: bold; color: #990000; text-decoration: none
}
#content p a {
	font-weight: bold; color: #3177a7; text-decoration: none
}
#content p a:hover {
	font-weight: bold; color: #fe7d00; text-decoration: none
}
#content p img {
	margin-bottom: 2px;
}
#content ul {
	padding: 5px 25px 10px 43px;
	font-size: 95%; color: #585858;
}
#content li {
	text-align: justify;
} 
#content li a {
	font-weight: bold; color: #3177a7; text-decoration: none
}
#content li a:hover {
	font-weight: bold; color: #fe7d00; text-decoration: none
}
#content ol {
	margin-top: 0px; font-size: 80%; margin-bottom: 0px; padding-bottom: 0.5ex; color: #585858; padding-top: 0.5ex
}
#rightbar ol {
	margin-top: 0px; font-size: 80%; margin-bottom: 0px; padding-bottom: 0.5ex; color: #585858; padding-top: 0.5ex
}
#content td {
	font-size: 95%; padding-bottom: 0.5ex; padding-top: 0.3ex; margin: 0px; color: #585858; text-align: justify;
}
#content td a {
	font-weight: bold; color: #3177a7; text-decoration: none
}
#content td a:hover {
	font-weight: bold; color: #fe7d00; text-decoration: none
}
#fb {
	float: right; margin-left: 20px; width: 292px; height: 156px
}
.content-link {
	margin-left: 25px; margin-top: 15px; padding: 0.5em 0em 0.2em 0em; line-height: 25px;
}
.content-link img {
	margin-bottom: 2px; margin-right: 2px;
}
.content-space {
	margin-left: 33px;
}
.content-space img {
	padding-top: 2px; margin-right: 2px;
}
.content-title2 {
	margin: 0em 0em 0.5em 0em; padding: 0.2em 0em 0.2em 0em; border-bottom: solid 2px #3177a7
}
.pagetitle {
	margin: 6px 0px 10px 0px; padding: 0px; vertical-align: top;
}
.nextbox {
	float: right; margin-left: 0em; padding-right: 0em;
	width: 11.0em; 
	font-size: 11pt; font-style: normal; color: #585858; text-decoration: none; text-align: right;
}
.nextbox a {
	color: #3177a7; text-decoration: none
}
.nextbox a:hover {
	color: #fe7d00; text-decoration: none
}
.pricelist, .info
{
	border-collapse: collapse; width: 100%;
}
.pricelist tr td, .pricelist tr th
{
	padding: 5px 10px; border-bottom: 1px solid #d8d8d8;
	text-align: left;
}
.pricelist tr th
{
	background: #fff;
}
.pricelist tr th.type, .info tr th
{
	background: none; 
	font-size: 1.2em; color: #3177a7; /* type */
}
.info tr td, .info tr th
{
	margin: 3px;
	padding: 5px 10px; 
	border-bottom: 1px solid #d8d8d8;
	text-align: center !important;
}
.doc
{
	border: 1px solid #d8d8d8;
	border-collapse: collapse;	
}
.doc tr th
{
	padding: 5px 10px; 
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #585858;
}
.doc tr td
{
	padding: 5px 10px; border: 1px solid #d8d8d8;
}
.doc p
{
text-align: left !important;	
}
#attn {
	margin: 20px auto;   
	width: 614px;
	padding: 3px 30px 8px 0px;
	background: #E7F6FA;
	border: 0px solid #d8d8d8;   
	border-radius: 10px;

	vertical-align: middle;
}
#attn img {   
	padding: 0px 20px;
}
#spotlight {
	margin: 5px auto;   
	width: 610px;
	min-height: 30px;
	padding: 35px;
	background: #E7F6FA;
	border-radius: 18px;	
}
#spotlight img {   
	padding-right: 20px;
}
#quote {
	margin: 5px auto;   
	width: 570px;
	min-height: 50px;
	padding: 25px 40px;   
	border-radius: 18px;	
}
.color1
{
	background: #F4F4F5;	
}
.color2
{
	background: #ebf3fe;	
}
.color3
{
	background: #f6ebfe;	
}
.color4
{
	background: #fef6eb;	
}
#sidemenucolumn {
	float: left; width: 180px;
	padding-left: 20px; margin-top: 15px; 	
}
.sidemenu ul {	
	float: left; list-style: none; 
	width: 165px; 
	margin: 0px; padding: 0px; border-bottom: solid 1px rgb(200,200,200)	
}	
.sidemenu li {
	margin: 0px; padding: 0px;
}
.sidemenu li.title {
	vertical-align: top; 
	margin: 0px; padding: 12px 7px 10px 5px; 
	text-transform: uppercase; color: rgb(175,175,175); 
	font-style: normal; font-weight: bold; font-size: 13pt; text-decoration: none;
}
.sidemenu li.group a {
	display: block; min-height: 1.5em; 
	margin: 0px; padding: 3px 7px 2px 10px; 
	border-top: solid 1px rgb(200,200,200); border-left: solid 5px rgb(235,235,235); 
	text-decoration: none; text-transform: uppercase; 
	font-style: normal; font-weight: bold; font-size: 1.2em;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
* html .sidemenu li.group a {
	height: 1.5em
}
.sidemenu li a {
	display: block; min-height: 1.5em; 
	margin: 0px; padding: 3px 7px 2px 10px; 
	border-left: solid 5px rgb(235,235,235); 
	color: rgb(110,110,110); text-decoration: none; font-size: 11pt;
}
* html .sidemenu li a {
	height: 1.5em
}
.sidemenu li.group a:hover {
	border-left: solid 5px rgb(175,175,175); background-color: rgb(225,225,225); text-decoration: none
}
.sidemenu li.group .selected {
	border-left: solid 5px rgb(175,175,175); color: #034C79; background-color: #EFEEEE; text-decoration: none
}
.sidemenu a:hover {
	border-left: solid 5px #F58120; color: #413E3E; background-color: #EFEEEE; text-decoration: none
}
.sidemenu .selected {
	border-left: solid 5px #F58120; 
	font-style: normal; font-weight: bold; text-decoration: none;
}
.sidemenu li.space {
	display: block; min-height: 2.0em; 
	margin: 0px; padding: 13px 7px 2px 10px; 
	border-top: solid 1px rgb(200,200,200);
	font-style: normal; font-weight: bold; font-size: 11pt; color: #F58024; text-decoration: none; 
}
.sidemenu-align {
	text-align: left;
}
.sidemenu-font {	
	font-style: normal; font-weight: normal; color: #333000; font-size: 10pt; text-decoration: none;
}
.sidebarbox-font { 
	font-style: normal; font-weight: normal; color: rgb(90,90,90); font-size: 9pt;
	text-decoration: none; text-align: justify; 
}
.sidebarbox-font a { 
	color: rgb(90,90,90)
}
#sidebarbox {
	clear: both; width: 160px; padding: 30px 4px 4px 4px
}
#footer {
	clear: both; background-color: #1E5F87; 
	background-image: url("img/css/footerbg.gif"); background-position: 50% bottom; background-repeat: repeat-x; 
	margin: 0px 7px; padding: 4px 0px 0px 0px; 
	text-align: center;
}
#footer p {
	padding: 4px; margin: 0px;
	font-size: 12px; color: #ffffff;	
}
#footer a {
	color: #ffffff; text-decoration: none
}
#footer a:hover {
	color: #ffffff; text-decoration: underline
}
#base {	
	background-position: left bottom; background-image: url("img/css/basement.gif"); background-repeat: no-repeat;	 
	width: 970px; height: 16px;
}
.tds {
	border: #666666 1px solid; padding: 12px; font-size: 11px;
}
details{
  display:block;
  background: #fff;
  width:650px;
  -moz-box-shadow:
  	0.2px -0.3px 0.5px hsl(0deg 0% 63% / 0.36),
    -0.2px -0.1px 1.7px -0.8px hsl(0deg 0% 63% / 0.36),
    2.5px 2.8px 4.2px -1.7px hsl(0deg 0% 63% / 0.36),
    2.4px 5.5px 7.4px -2.5px hsl(0deg 0% 63% / 0.36); 
  box-shadow:
	0.2px -0.3px 0.5px hsl(0deg 0% 63% / 0.36),
    -0.2px -0.1px 1.7px -0.8px hsl(0deg 0% 63% / 0.36),
    2.5px 2.8px 4.2px -1.7px hsl(0deg 0% 63% / 0.36),
    2.4px 5.5px 7.4px -2.5px hsl(0deg 0% 63% / 0.36);
  border-radius: 8px;
  overflow:hidden;
  margin-bottom: 1.5rem;
  margin-right: 1.5rem;
  padding-left: 20px;
  padding-right: 20px;
}
summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary {
   display:block;
   padding: .3em 3em .3em 1.5em;
   border-bottom: 1px solid #e2e8f0;
   font-size:1.0em;
   cursor: pointer;
   position: relative;
}
summary:before {  
  top: 1.1em;
  right: 0;
  color: transparent;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") no-repeat 50% 50% / 1.5em 1.5em;
  width: 1.5em;
  height: 1.5em;  
  content: "";
  position: absolute;
  transition: transform .5s;
}
details[open] > summary:before {
  transform: scale(1,-1);
}
summary ~ * {
   padding: 0 1em 10px 1.4em;
}
details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
summary:focus {
  outline:0;
}
input[type=submit] {
  appearance:none;
  -webkit-appearance:none;
  padding: 10px;
  border: 0;
  background-color:#3177a7; 
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color:#fff;
  font-size: 0.95em;
  font-weight:600;
  border-radius:5px;
  width:90%;
}
input[type=submit].buyinchoice {
  width:55%;
  background-color:#F98637;
}
input[type=submit]:hover {
  background-color:#256895;
  cursor: pointer;
}
input[type=submit]:active, input[type=submit]:focus {
  background-color:#15517A;
}
#paymentdetails {
	margin-bottom: 20px;	
}
#paymentdetails p {
	font-size: 90%;
	line-height: 1.2;
	vertical-align: middle;	
}
#paymentdetails p img {
	margin-right: 2px;
	margin-bottom: 2px;
}
#order td a, #order td a:hover {
	font-weight: bold; color: #fff; text-decoration: none;
}
#order_all {
	padding-top: 15px; padding-left: 15px;
}
#order_all td a, #order_all td a:hover {
	font-weight: bold; color: #fff; text-decoration: none;
}
#order_all tr td {
	font-size: 16px; line-height: 2em;
}
.pricelist_all
{
	width:100%;
}
.pricelist_all tr td
{
	padding: 10px 10px; border: 0;
}
a.button01 {
  user-select: none; outline: none;
  font-size: 90%; font-weight: 700;
  text-align: center; text-transform: uppercase; 
  padding: 0.5em;
  border: 0; border-radius: 4px;
  background: #F98637; 
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
} 
a.button01:hover { background: #EA7829; }
a.button01:active, a.button01:focus { background: #D86719; }
a.button02 {
  user-select: none; outline: none;
  font-size: 90%; font-weight: 700;
  text-align: center; text-transform: uppercase; 
  padding: 0.5em;
  border: 0; border-radius: 4px;
  background: #3177a7; 
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
} 
a.button02:hover { background: #256895; }
a.button02:active, a.button02:focus { background: #15517A; }
a.button03 {
  user-select: none; outline: none;
  font-size: 80%; font-weight: 700;
  text-align: center; text-transform: uppercase; 
  padding: 0.5em 25px;
  border: 0; border-radius: 4px;
  background: #F98637; 
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
} 
a.button03:hover { background: #256895; }
a.button03:active, a.button03:focus { background: #15517A; }

#order-spot {
	margin: 25px auto 25px auto;   
	width: 634px;
	min-height: 100px;
	padding: 25px 25px 40px 25px;
	background: #fff;
	border: 1px solid #d8d8d8;   
	border-radius: 18px;	
}
#download-spot {
	margin: 20px auto 15px auto;   
	width: 614px;
	min-height: 30px;
	padding: 15px;
	background: #fff;
	border: 1px solid #d8d8d8;   
	border-radius: 18px;	
}
#download-all-spot {
	margin: 20px auto 15px auto;   
	width: 660px;
	min-height: 50px;
	padding: 15px;
	background: #fff;
	border: 1px solid #d8d8d8;   
	border-radius: 18px;	
}
#download-panel {
	display: inline-flex; flex-flow: row wrap; align-content: center;
	width: 100%; min-height: 100px; 
	margin-top: 15px; margin-bottom: 10px;
}
#logo-box {
	margin-left: 15px; margin-top: 15px; margin-bottom: 30px;
	width: 600px; min-height: 60px;
}
#download-box {
	margin-left: 8px;
	width: 268px; min-height: 100px;
}
#download-details {
	margin-top: 0px;
	width: 333px; min-height: 70px;
}
#download-details p {
	font-size: 91%;	
}
#download-all-details {
	margin-top: 0px;
	width: 370px; min-height: 70px;
}
#download-all-details p {
	font-size: 91%;	
}
#download-button {
	margin-top: 18px;
	margin-bottom: 37px;
	width: 160px; height: 40px;	
}
a.buttond {
	display: inline-block;
	height: 100%; width: 100%;
	color: #3177a7; font-size: 85%; 
	font-family: "Roboto Condensed", sans-serif;
	text-align: center; text-decoration: none;
	padding: 8px 15px 12px 57px;
	margin-left: 5px;
	border: 2px solid #3177a7;
	border-radius: 14px;
	user-select: none; outline: none;
	-moz-box-shadow:
  	0 0.8px 0.9px hsl(0deg 0% 0% / 0.05),
    0 2.4px 2.8px hsl(0deg 0% 0% / 0.05),
	-0.1px 5.5px 6.5px hsl(0deg 0% 0% / 0.05);  
	box-shadow:
    0 0.8px 0.9px hsl(0deg 0% 0% / 0.05),
    0 2.4px 2.8px hsl(0deg 0% 0% / 0.05),
	-0.1px 5.5px 6.5px hsl(0deg 0% 0% / 0.05);
	background-color: #fff; 
	background: linear-gradient(#3177a7, #3177a7) top 0 left 45px/2px 60px no-repeat,
	url('img/down3.png') top 15px left 12px/24px no-repeat;  
	-webkit-transition: 0.7s;
	transition: 0.7s;
}
a.buttond:first-line {
	font-size: 160%; 
	font-weight: 700;
	line-height: 1.3;
	letter-spacing : -.02em;
} 
a.buttond:hover {
	color: #FE7D00;
	border: 2px solid #FE7D00; 
	background: linear-gradient(#FE7D00, #FE7D00) top 0 left 45px/2px 60px no-repeat,
	url('img/down3o.png') top 15px left 12px/24px no-repeat;
}
a.buttond:active, a.buttond:focus {
	color: #E57407;
	border: 2px solid #E57407; 
	background: linear-gradient(#E57407, #E57407) top 0 left 45px/2px 60px no-repeat,
	url('img/down3o.png') top 15px left 12px/24px no-repeat;
}
code {
    background-color: #eee;
    border-radius: 3px;
	font-style: normal;
    font-family: "Courier New", courier, monospace;
    padding: 2px 4px 1px 3px;
	margin: 2px 4px 1px 3px;
}
#look p {
	text-align: center;
}
#look p img {
	margin: 0px 5px 3px 0px;
	padding: 25px;
	background: #fff;
	border: 0 solid #d8d8d8;   
	border-radius: 18px;
 	-moz-box-shadow:
  	0.2px -0.3px 0.5px hsl(0deg 0% 63% / 0.36),
    -0.2px -0.1px 1.7px -0.8px hsl(0deg 0% 63% / 0.36),
    2.5px 2.8px 4.2px -1.7px hsl(0deg 0% 63% / 0.36),
    2.4px 5.5px 7.4px -2.5px hsl(0deg 0% 63% / 0.36); 
  	box-shadow:
	0.2px -0.3px 0.5px hsl(0deg 0% 63% / 0.36),
    -0.2px -0.1px 1.7px -0.8px hsl(0deg 0% 63% / 0.36),
    2.5px 2.8px 4.2px -1.7px hsl(0deg 0% 63% / 0.36),
    2.4px 5.5px 7.4px -2.5px hsl(0deg 0% 63% / 0.36);		
}
#content-action p {
	text-align: left;
	margin-left: 15px;
}
#content-action p a {
	margin: 15px 15px 0 0;
	padding: 5px 25px;
	background-color:#3177a7;   
  	color:#fff;
	border-radius: 5px;
	-webkit-transition: background-color 0.3s;
  	transition: background-color 0.3s;
}
#content-action p a:hover {
  	background-color:#256895;
  	color:#fff;
}
#content-action p a:active, #content-action p a:focus {
  	background-color:#15517A;
	color:#fff;
}
#showcase, #showcase2 {
	margin: 5px auto;   
	width: 610px;
	min-height: 30px;
	padding: 35px;
	background: #F3F6FC;
	border-radius: 18px;	
}
#showcase img, #showcase2 img {   
	padding-right: 20px;
}
#showcase p img {
	margin: 4px 32px 7px 0px;
	padding: 10px;
	background: #fff;
	border: 0 solid #d8d8d8;   
	border-radius: 18px;
 	-moz-box-shadow:
  	0.2px -0.3px 0.5px hsl(0deg 0% 63% / 0.36),
    -0.2px -0.1px 1.7px -0.8px hsl(0deg 0% 63% / 0.36),
    2.5px 2.8px 4.2px -1.7px hsl(0deg 0% 63% / 0.36),
    2.4px 5.5px 7.4px -2.5px hsl(0deg 0% 63% / 0.36); 
  	box-shadow:
	0.2px -0.3px 0.5px hsl(0deg 0% 63% / 0.36),
    -0.2px -0.1px 1.7px -0.8px hsl(0deg 0% 63% / 0.36),
    2.5px 2.8px 4.2px -1.7px hsl(0deg 0% 63% / 0.36),
    2.4px 5.5px 7.4px -2.5px hsl(0deg 0% 63% / 0.36);
}
#rtc-ad {
	display: flex; flex-direction: row;
	width: 70%; min-height: 100px;
	padding: 0;
	margin-top: 30px;
	margin-right: auto; margin-left: auto;
	text-align: center; 
	justify-content: center;
	font-size: 95%; color: #3177A7;
	font-weight: bold;
	user-select: none;
}
.pictobox {
	margin-right: auto; margin-left: auto;
}