html {
    scroll-behavior: smooth;
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a {
  color: #002855;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}
.barra {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background-color: #f8f9fa
}
.navbar {
    width: 100%;
    position: fixed;
    top: 0;
    background-color: #555;
    overflow: hidden;
    z-index: 9998;
    height:100px;
}
.navbar .icon {
    font-size: large;
    float: right;
    padding-top: 20px;

}
.navbar a {
    float: left;
    padding: 0.75pc 0.75pc 0.75pc 0.75pc;
    text-decoration: none;
    color: white;
    font-size: 17px;
}
.navbar a:hover {
    background-color: #555;
}
body {
    position:relative;
    margin:0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5a5a5a;
    text-align: left;
    background-color: lightyellow;
}
html, body {width: auto!important; overflow-x: hidden!important} 
.h2,
.h1,
.h3,
.h4 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
h1,
h2,
.h6,
h5,
h3,
.h5,
h6,
h4 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
h1,
.h1 {
    font-size: 1.5rem;
}
.h2,
.h4,
.h3,
h2 {
    font-size: 1.5rem;
}
.h5 {
    font-size: 1.25rem;
}
.h6 {
    font-size: 1rem;
}
h3,
h4 {
    font-size: 1.5rem;
}
h5 {
    font-size: 1.25rem;
}
h6 {
    font-size: 1rem;
}
footer {
    width: 100%;
    justify-content: center;
    align-items: center;
    right: 0;
    left: 0;
    background-color: #333;
    text-align: center;
    overflow: hidden;
}
footer a {
    text-decoration: none;
    display: inline-block;
    padding: 12.5pt 2% 12.5pt 2%;
    background-color: #333;
    color: #64b1a5;
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight:bold;
}
img {
    border-left-style: none;
    border-bottom-style: none;
    border-right-style: none;
    border-top-style: none;
}
.centrado {
    text-align: center;
}
* {
    box-sizing: border-box;
}
.featurette-divider {
    margin: 1rem 0 1rem 0;
}

.left {
  inset: 0 auto auto 0;
  transform-origin: 100% 0;
  transform: translate(-29.3%) rotate(-45deg);
}
.right {
  inset: 0 0 auto auto;
  transform-origin: 0 0;
  transform: translate(29.3%) rotate(45deg);
}
.snav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 30px;
}

.snav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.snav a:hover {
    filter: invert(99%) sepia(99%) saturate(100%) hue-rotate(214deg) brightness(100%) contrast(100%);
}
.snav .closebtn {
  position: fixed;
  display:none;
  top: 0;
  right: 10px;
  font-size: 36px;
}

@media screen and (max-height: 450px) {
  .snav {padding-top: 15px;}
  .snav a {font-size: 18px;}
}


[data-component*="dialog"] * {	
  box-sizing: border-box;
  outline-color: var(--dlg-outline-c, hsl(218, 79.19%, 35%))
}
:where([data-component*="dialog"]) {
  --dlg-gap: 1em;
  background: var(--dlg-bg, #fff);
  border: var(--dlg-b, 0);
  border-radius: var(--dlg-bdrs, 0.25em);
  box-shadow: var(--dlg-bxsh, 0px 25px 50px -12px rgba(0, 0, 0, 0.25));
  font-family:var(--dlg-ff, ui-sansserif, system-ui, sans-serif);
  min-inline-size: var(--dlg-mis, auto);
  padding: var(--dlg-p, var(--dlg-gap));
  width: var(--dlg-w, fit-content);
}
:where([data-component="no-dialog"]:not([hidden])) {
  display: block;
  inset-block-start: var(--dlg-gap);
  inset-inline-start: 50%;
  position: fixed;
  transform: translateX(-50%);
}
:where([data-component*="dialog"] menu) {
  display: flex;
  gap: calc(var(--dlg-gap) / 2);
  justify-content: var(--dlg-menu-jc, flex-end);
  margin: 0;
  padding: 0;
}
:where([data-component*="dialog"] menu button) {
  background-color: var(--dlg-button-bgc);
  border: 0;
  border-radius: var(--dlg-bdrs, 0.25em);
  color: var(--dlg-button-c);
  font-size: var(--dlg-button-fz, 0.8em);
  padding: var(--dlg-button-p, 0.65em 1.5em);
}
:where([data-component*="dialog"] [data-ref="accept"]) {
  --dlg-button-bgc: var(--dlg-accept-bgc, hsl(218, 79.19%, 46.08%));
  --dlg-button-c: var(--dlg-accept-c, #fff);
}
:where([data-component*="dialog"] [data-ref="cancel"]) {
  --dlg-button-bgc: var(--dlg-cancel-bgc, transparent);
  --dlg-button-c: var(--dlg-cancel-c, inherit);
}
:where([data-component*="dialog"] [data-ref="fieldset"]) {
  border: 0;
  margin: unset;
  padding: unset;
}
:where([data-component*="dialog"] [data-ref="message"]) {
  font-size: var(--dlg-message-fz, 1.25em);
  margin-block-end: var(--dlg-gap);
}
:where([data-component*="dialog"] [data-ref="template"]:not(:empty)) {
  margin-block-end: var(--dlg-gap);
  width: 100%;
}
@-moz-document url-prefix() { 
  [data-component="no-dialog"]:not([hidden]) {
    inset-inline-start: 0;
     transform: none;
  }
}
.dialog-open {
  background-color: rgba(0, 0, 0, .1);
  overflow: hidden;
}
[name="prompt"] {
  border: 1px solid silver;
  padding: .6em 1em;
  width: 100%;
}
.custom {
  --dlg-accept-bgc: hsl(159, 65%, 75%);
  --dlg-accept-c: #000;
  --dlg-bg: linear-gradient(to bottom right,#00F5A0,#00D9F5);
  --dlg-button-p: 0.75em 2em;
  --dlg-outline-c: #00D9F5;
}
.custom input {
  background-color: rgba(255, 255, 255, .5);
  border-radius: .25em;
  border: 0;
  display: block;
  margin-block: .5em 1em;
  padding: .75em 1em;
  width: 100%;
}
.custom label {
  display: block;
  font-size: small;
}
.drop-shadow {
  filter: drop-shadow(4px 4px 18px #9c8ee6);
}
.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip:before {
  content: attr(data-tooltip); 
  position: absolute;
  width: 150px;
  background-color: transparent;
  color: #fff;
  text-align: left;
  padding: 15px;
  line-height: 1.1;
  border-radius: 5px;
  z-index: 1;
  opacity: 0;
  transition: opacity .5s;
  top: 100%;
  left: 50%;
  margin-left: -60px;
  font-size: 0.70em;
  visibility: hidden;
}
.tooltip:after {
  content: "";
  position: absolute;
  bottom: 75%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  opacity: 0;
  transition: opacity .5s;
  border-color: #000 transparent transparent transparent;
  visibility: hidden;
}
.tooltip:hover:before, 
.tooltip:hover:after {
  opacity: 0.8;
  visibility: visible;
}

.container{
    width:100%;
    aspect-ratio: 3.58;
    margin-top: 100px;
    display:table;
    background:url(../img/c3_1.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    transition-property: background-image;
    transition-duration: 1.5s;
}
.container > div{
    display:table-cell;
}
.rightDiv{
   width:45%;
   padding: 20px;
   vertical-align: middle;
}
 .leftDiv {
   text-align:right;
   vertical-align: middle;
   min-width:55%;
}
 .leftDiv div {
   text-align:left;
   vertical-align: bottom;
   min-width:55%;
   color: yellowgreen;
   position: sticky;
   top: 85%;
   font-size: xx-small;
}

p > svg {
  animation: 2s linear infinite svg-animation;
  max-width: 100px;
}


@keyframes svg-animation {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg)
  }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% {  transform: rotate(359deg); }
}

circle {
  animation: 1.4s ease-in-out infinite both circle-animation;
  display: block;
  fill: transparent;
  stroke: #2f3d4c;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-width: 10px;
  transform-origin: 50% 50%;
}


@keyframes circle-animation {
  0%,
  25% {
    stroke-dashoffset: 280;
    transform: rotate(0);
  }
  
  50%,
  75% {
    stroke-dashoffset: 75;
    transform: rotate(45deg);
  }
  
  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg);
  }
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
@keyframes blink {
    from, to { 
        border-color: transparent 
    }
    50% { 
        border-color: transparent; 
    }
}

.row {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin-right: -15px;
  margin-left: -15px;
}
.col-lg-4 {
    flex: 33.333333%;
}
.button {
    vertical-align: middle;
    cursor: pointer;
	color: green;
	border-color: green;
	border: 1px solid green;
	background-color: transparent;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .3rem;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.button:hover {
	background: lightgreen;
}
.form-input {
  max-width: 60%;    
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

figure {
    margin-left: auto;
    margin-right: auto;
}
figcaption{
    display: inline-flex;
    color:blue;
    -moz-text-align-last: center;
    text-align-last: center;
}
.derecha{
    width: 100%;
    right:0;
    aspect-ratio: attr(width) / attr(height);
}
.mobile0, .mobile1 {
        vertical-align: middle;
}
.mobile1 {
            display: inline-block;
        }

/* ---------------------------PRIMERA LINEA DE MOBILE--------------------------------- */
    @media (max-width: 768px) {
::-webkit-scrollbar {
width: 0px;
background: transparent; /* make scrollbar transparent */
}
        footer {
            background-color: #333;
            display: block;
        }
        footer a {
            padding-top: 15pt;
            padding-bottom: 1.25pc;
            width: 100%;
        }
        .navbar a.icon {
            float: right;
            display: block;
        }
        .esconder {
            display: none;
        }
        .iconito {
            margin-bottom: -3px;
        }
        table,.ancho {
            width: 100%;
        }
.container{
    display:block;
}
.container > div{
    display:block;
}
.rotulo{
    display:none;
}
 .leftDiv{
   text-align:center;
}
#rotulo1{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size:small;
font-weight:bold;
text-align: center;
width: 100%;
height:100px;
transition: all 0.5s ease-out;
}
.typed-out{
font-size:large;
text-align: center;
text-decoration: underline solid red 50%;
width: 100%;
transition: all 0.5s ease-out;
}
.main{
   width: 100%;
   padding: 20% 5% 0 5%;
   margin-top: -1.5em;
}
.col-lg-4 {
    flex: 100%;
}
td{
    display: block;
    text-align: center;
}
.derecha3{
    display: block;
    margin: 0 auto;
}

}
/*--------------------------------- ULTIMA LINEA DE MOBILE--------------------------------- */

/* ---------------------------PRIMERA LINEA DE ESCRITORIO--------------------------------- */

    @media (min-width: 769px) {
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.3); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}
        .mobile1 {
            display: none;
        }
#rotulo{
   font-family: Consolas, Arial;
   font-size: 3vw;
   font-stretch: expanded;
   font-weight: bold;
   letter-spacing: 2px;
   word-spacing: 4px;
   line-height: 150%;
   white-space: pre-wrap;
   display: inline-block;
   opacity: 0;
   transition:opacity 5s ease-in-out;
      -webkit-text-stroke: 1px black;
   color: yellow;
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
.typed-out{
  overflow: hidden;
  border-right: .15em solid orange;
  white-space: nowrap;
  text-decoration: underline solid red 50%;
  animation: typing 3s forwards steps(30, end), blink .75s step-end infinite;
  width: 0;
}
.main{
   width: 100%;
   padding: 0 5% 0 5%;  
   margin-top: 1.5em;
}

footer {
    position: absolute;
    bottom: 0;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

body::after {
  content: '';
  display: block;
  height: 80px; /* Set same as footer's height */
}
.downDiv{
    display:none;
}
.tabla_index{
    display:block;
    border-collapse:separate;
    width:100%;
    height:456px;
}
.tabla_index td:nth-child(1){
    width:60%;
}
.tabla_index td:nth-child(2){
    width:40%;
    text-align:center;
}
.tabla_ing{
    margin:auto 10% auto 10%;
}
.tabla_ing td:nth-child(1){
    width:75%;
}
.tabla_ing td:nth-child(2){
    width:25%;
    text-align:center;
    vertical-align: baseline;
}
        .esconder a {
            display: none;
        }

}
/* ---------------------------------ULTIMA LINEA DE ESCRITORIO ---------------------------------*/

@media screen and (max-height: 450px) {
  .snav {padding-top: 15px;}
  .snav a {font-size: 18px;}
}
.contactos{
    margin-top: 10%;
    margin-bottom: 10%;
    justify-content: center;
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 12%;
}
.icono {
    width:1.5em;
    height:1.5em;
    background-repeat: no-repeat;
}
.tel {
    filter: invert(99%) sepia(99%) saturate(999%) hue-rotate(318deg) brightness(70%) contrast(100%);
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M22 20c-2 2-2 4-4 4s-4-2-6-4-4-4-4-6 2-2 4-4-4-8-6-8-6 6-6 6c0 4 4.109 12.109 8 16s12 8 16 8c0 0 6-4 6-6s-6-8-8-6z" ></path></svg>');
}
.mail {
    filter: invert(99%) sepia(99%) saturate(999%) hue-rotate(129deg) brightness(70%) contrast(100%);
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M29 4h-26c-1.65 0-3 1.35-3 3v20c0 1.65 1.35 3 3 3h26c1.65 0 3-1.35 3-3v-20c0-1.65-1.35-3-3-3zM12.461 17.199l-8.461 6.59v-15.676l8.461 9.086zM5.512 8h20.976l-10.488 7.875-10.488-7.875zM12.79 17.553l3.21 3.447 3.21-3.447 6.58 8.447h-19.579l6.58-8.447zM19.539 17.199l8.461-9.086v15.676l-8.461-6.59z"></path></svg>');
}
.whatsapp {
    filter: invert(99%) sepia(99%) saturate(999%) hue-rotate(42deg) brightness(70%) contrast(100%);
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M27.281 4.65c-2.994-3-6.975-4.65-11.219-4.65-8.738 0-15.85 7.112-15.85 15.856 0 2.794 0.731 5.525 2.119 7.925l-2.25 8.219 8.406-2.206c2.319 1.262 4.925 1.931 7.575 1.931h0.006c0 0 0 0 0 0 8.738 0 15.856-7.113 15.856-15.856 0-4.238-1.65-8.219-4.644-11.219zM16.069 29.050v0c-2.369 0-4.688-0.637-6.713-1.837l-0.481-0.288-4.987 1.306 1.331-4.863-0.313-0.5c-1.325-2.094-2.019-4.519-2.019-7.012 0-7.269 5.912-13.181 13.188-13.181 3.519 0 6.831 1.375 9.319 3.862 2.488 2.494 3.856 5.8 3.856 9.325-0.006 7.275-5.919 13.188-13.181 13.188zM23.294 19.175c-0.394-0.2-2.344-1.156-2.706-1.288s-0.625-0.2-0.894 0.2c-0.262 0.394-1.025 1.288-1.256 1.556-0.231 0.262-0.462 0.3-0.856 0.1s-1.675-0.619-3.188-1.969c-1.175-1.050-1.975-2.35-2.206-2.744s-0.025-0.613 0.175-0.806c0.181-0.175 0.394-0.463 0.594-0.694s0.262-0.394 0.394-0.662c0.131-0.262 0.069-0.494-0.031-0.694s-0.894-2.15-1.219-2.944c-0.319-0.775-0.65-0.669-0.894-0.681-0.231-0.012-0.494-0.012-0.756-0.012s-0.694 0.1-1.056 0.494c-0.363 0.394-1.387 1.356-1.387 3.306s1.419 3.831 1.619 4.1c0.2 0.262 2.794 4.269 6.769 5.981 0.944 0.406 1.681 0.65 2.256 0.837 0.95 0.3 1.813 0.256 2.494 0.156 0.762-0.113 2.344-0.956 2.675-1.881s0.331-1.719 0.231-1.881c-0.094-0.175-0.356-0.275-0.756-0.475z"></path></svg>');
}
.iconito {
  margin-bottom:0;
  margin-right:0;
  font-size:1.5em;
  width: 1em;
  height: 1em;
  fill: currentColor;
  vertical-align: text-bottom;
}
.home {
    filter: invert(99%) sepia(99%) saturate(999%) hue-rotate(226deg) brightness(70%) contrast(100%);
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,9.3V4h-3v2.6L12,3L2,12h3v8h5v-6h4v6h5v-8h3L19,9.3z M10,10c0-1.1,0.9-2,2-2s2,0.9,2,2H10z"></path></svg>');
}
.wrench {
    filter: invert(99%) sepia(99%) saturate(999%) hue-rotate(226deg) brightness(70%) contrast(100%);
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M31.342 25.559l-14.392-12.336c0.67-1.259 1.051-2.696 1.051-4.222 0-4.971-4.029-9-9-9-0.909 0-1.787 0.135-2.614 0.386l5.2 5.2c0.778 0.778 0.778 2.051 0 2.828l-3.172 3.172c-0.778 0.778-2.051 0.778-2.828 0l-5.2-5.2c-0.251 0.827-0.386 1.705-0.386 2.614 0 4.971 4.029 9 9 9 1.526 0 2.963-0.38 4.222-1.051l12.336 14.392c0.716 0.835 1.938 0.882 2.716 0.104l3.172-3.172c0.778-0.778 0.731-2-0.104-2.716z"></path></svg>');
}
.home {
    filter: invert(99%) sepia(99%) saturate(999%) hue-rotate(226deg) brightness(70%) contrast(100%);
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,9.3V4h-3v2.6L12,3L2,12h3v8h5v-6h4v6h5v-8h3L19,9.3z M10,10c0-1.1,0.9-2,2-2s2,0.9,2,2H10z"></path></svg>');
}
.eng {
    filter: invert(99%) sepia(99%) saturate(999%) hue-rotate(226deg) brightness(70%) contrast(100%);
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 15q-0.797 0-1.852 0.164t-2.133 0.492-1.992 0.797-1.477 1.102-0.563 1.43v2.016h16.031v-2.016q0-0.797-0.563-1.43t-1.477-1.102-1.992-0.797-2.133-0.492-1.852-0.164zM22.078 6.844q0.047-0.094 0.047-0.164v-0.164q0-0.188-0.047-0.375l0.75-0.563q0.141-0.094 0.047-0.234l-0.703-1.172q-0.047-0.141-0.234-0.094l-0.844 0.328q-0.234-0.188-0.563-0.328l-0.141-0.938q-0.047-0.141-0.188-0.141h-1.406q-0.141 0-0.188 0.141l-0.094 0.938q-0.328 0.141-0.609 0.328l-0.844-0.328q-0.188-0.047-0.234 0.094l-0.703 1.172q-0.047 0.141 0.047 0.234l0.75 0.563q-0.047 0.188-0.047 0.375 0 0.141 0.047 0.328l-0.75 0.563q-0.141 0.094-0.047 0.234l0.703 1.219q0.047 0.094 0.234 0.094l0.844-0.375q0.234 0.188 0.609 0.328l0.094 0.938q0.047 0.141 0.188 0.141h1.406q0.141 0 0.188-0.141l0.094-0.938q0.328-0.094 0.609-0.328l0.844 0.375q0.188 0.047 0.234-0.094l0.703-1.219q0.047-0.141-0.047-0.234zM19.5 7.734q-0.516 0-0.891-0.352t-0.375-0.867 0.375-0.891 0.891-0.375 0.891 0.375 0.375 0.891-0.375 0.867-0.891 0.352zM19.922 11.672l-0.516-0.844q-0.047-0.141-0.141-0.094l-0.609 0.281q-0.188-0.188-0.422-0.234l-0.094-0.703q-0.047-0.094-0.141-0.094h-0.984q-0.141 0-0.141 0.141l-0.094 0.656q-0.094 0.047-0.211 0.094t-0.211 0.141l-0.609-0.234q-0.094-0.047-0.141 0.047l-0.516 0.844q-0.047 0.094 0.047 0.188l0.516 0.422v0.469l-0.516 0.422q-0.094 0.047-0.047 0.141l0.516 0.891q0.047 0.094 0.141 0.047l0.609-0.281q0.188 0.188 0.422 0.281l0.094 0.656q0 0.094 0.141 0.094h0.984q0.141 0 0.141-0.094l0.047-0.656q0.141-0.047 0.234-0.117t0.188-0.164l0.656 0.281q0.094 0.047 0.141-0.047l0.516-0.891q0.047-0.094-0.047-0.141l-0.516-0.422v-0.469l0.516-0.422q0.094-0.094 0.047-0.188zM17.484 13.313q-0.328 0-0.563-0.234t-0.234-0.563q0-0.375 0.234-0.609t0.563-0.234q0.375 0 0.609 0.234t0.234 0.609q0 0.328-0.234 0.563t-0.609 0.234zM4.734 9h8.531q0.188 0 0.352-0.141t0.164-0.328v-0.047q0-0.188-0.164-0.328t-0.352-0.141h-0.281q0-1.125-0.539-2.039t-1.43-1.43v0.938q0 0.234-0.164 0.375t-0.352 0.141-0.352-0.141-0.164-0.375v-1.359l-0.469-0.094t-0.516-0.047-0.516 0.047l-0.469 0.094v1.359q0 0.234-0.164 0.375t-0.352 0.141-0.352-0.141-0.164-0.375v-0.938q-0.891 0.516-1.43 1.43t-0.539 2.039h-0.281q-0.188 0-0.328 0.141t-0.141 0.328v0.047q0 0.188 0.141 0.328t0.328 0.141zM9 12.984q1.406 0 2.461-0.844t1.383-2.156h-7.688q0.328 1.313 1.383 2.156t2.461 0.844z"></path></svg>');
}
.thumbup {
    filter: invert(99%) sepia(99%) saturate(999%) hue-rotate(226deg) brightness(70%) contrast(100%);
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z"/></svg>');
}
.price {
    filter: invert(99%) sepia(99%) saturate(999%) hue-rotate(226deg) brightness(70%) contrast(100%);
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z"/></svg>');
}
.person {
    filter: invert(99%) sepia(99%) saturate(999%) hue-rotate(226deg) brightness(70%) contrast(100%);
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>');
}
.question {
    filter: invert(99%) sepia(99%) saturate(999%) hue-rotate(226deg) brightness(70%) contrast(100%);
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/></svg>');
}
.contact {
    filter: invert(99%) sepia(99%) saturate(999%) hue-rotate(226deg) brightness(70%) contrast(100%);
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.016 12q0 0.422-0.305 0.703t-0.727 0.281h-9.984l-3.984 4.031v-14.016q0-0.422 0.281-0.703t0.703-0.281h12.984q0.422 0 0.727 0.281t0.305 0.703v9zM21 6q0.422 0 0.703 0.281t0.281 0.703v15l-3.984-3.984h-11.016q-0.422 0-0.703-0.281t-0.281-0.703v-2.016h12.984v-9h2.016z"></path></svg>');
}
.gear {
  margin-left:auto;
  margin-right:auto;
  display:block;
  height:3.5em;
    filter: invert(40%) sepia(99%) saturate(555%) hue-rotate(270deg) brightness(250%) contrast(100%);
    animation: spin 2s linear infinite;
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M978.6,395.5c-3.8-15.2-15.2-24.7-30.4-26.6l-79.8-11.4c-3.8-11.4-1.9-5.7-7.6-17.1l49.4-64.6c9.5-11.4,9.5-28.5,1.9-41.8c0-1.9-20.9-34.2-66.5-79.8c-45.6-45.6-77.9-66.5-79.8-66.5c-13.3-7.6-30.4-7.6-41.8,1.9l-64.6,49.4c-11.4-5.7-5.7-3.8-17.1-7.6L631,51.8c-1.9-15.2-11.4-26.6-26.6-30.4C602.6,21.4,564.6,10,500,10c-64.6,0-102.6,11.4-104.5,11.4c-15.2,3.8-24.7,15.2-26.6,30.4l-11.4,79.8c-11.4,3.8-5.7,1.9-17.1,7.6l-64.6-49.4c-11.4-9.5-28.5-9.5-41.8-1.9c-1.9,0-34.2,20.9-79.8,66.5c-45.6,45.6-66.5,77.9-66.5,79.8c-7.6,13.3-7.6,30.4,1.9,41.8l49.4,64.6c-5.7,11.4-3.8,7.6-7.6,19L51.8,369c-15.2,1.9-26.6,11.4-30.4,26.6c0,1.9-11.4,39.9-11.4,104.5c0,64.6,11.4,102.6,11.4,104.5c3.8,15.2,15.2,24.7,30.4,26.6l79.8,11.4c3.8,11.4,1.9,5.7,7.6,17.1l-49.4,64.6c-9.5,11.4-9.5,28.5-1.9,41.8c0,1.9,20.9,34.2,66.5,79.8c45.6,45.6,77.9,66.5,79.8,66.5c13.3,7.6,30.4,7.6,41.8-1.9l64.6-49.4c11.4,5.7,7.6,3.8,19,7.6l9.5,79.8c1.9,15.2,11.4,26.6,26.6,30.4c1.9,0,39.9,11.4,104.5,11.4c64.6,0,102.6-11.4,104.5-11.4c15.2-3.8,24.7-15.2,26.6-30.4l11.4-79.8c11.4-3.8,5.7-1.9,17.1-7.6l64.6,49.4c11.4,9.5,28.5,9.5,41.8,1.9c1.9,0,34.2-20.9,79.8-66.5c45.6-45.6,66.5-77.9,66.5-79.8c7.6-13.3,7.6-30.4-1.9-41.8l-49.4-64.6c5.7-11.4,3.8-5.7,7.6-17.1l79.8-11.4c15.2-1.9,26.6-11.4,30.4-26.6c0-1.9,11.4-39.9,11.4-104.5C990,435.4,978.6,397.4,978.6,395.5z M912.1,562.7l-76,9.5c-13.3,1.9-26.6,11.4-30.4,24.7c-11.4,32.3-7.6,22.8-20.9,51.3c-5.7,13.3-3.8,28.5,3.8,39.9l47.5,58.9c-9.5,11.4-22.8,28.5-41.8,47.5s-34.2,32.3-45.6,41.8L688,788.7c-11.4-7.6-26.6-9.5-39.9-3.8c-32.3,15.2-17.1,9.5-51.3,20.9c-13.3,3.8-22.8,17.1-24.7,30.4l-9.5,76c-15.2,1.9-36.1,3.8-62.7,3.8c-26.6,0-47.5-1.9-62.7-3.8l-9.5-76c-1.9-13.3-11.4-26.6-24.7-30.4c-32.3-11.4-22.8-7.6-51.3-20.9c-13.3-5.7-26.6-3.8-38,3.8l-60.8,47.5c-11.4-9.5-28.5-22.8-47.5-41.8s-30.4-34.2-39.9-45.6l45.6-60.8c7.6-11.4,9.5-26.6,3.8-39.9c-15.2-28.5-9.5-19-20.9-51.3c-3.8-13.3-17.1-22.8-30.4-24.7l-76-9.5c-1.9-15.2-3.8-36.1-3.8-62.7c0-26.6,1.9-47.5,3.8-62.7l76-9.5c13.3-1.9,26.6-11.4,30.4-24.7c3.8-13.3,9.5-24.7,9.5-26.6c0,0,5.7-13.3,11.4-24.7c5.7-13.3,3.8-26.6-3.8-38l-45.6-60.8c9.5-11.4,20.9-28.5,39.9-47.5s36.1-30.4,47.5-39.9l60.8,45.6c11.4,7.6,24.7,9.5,38,3.8c28.5-15.2,19-9.5,51.3-20.9c13.3-3.8,22.8-17.1,24.7-30.4l9.5-76c15.2-1.9,36.1-3.8,62.7-3.8c26.6,0,47.5,1.9,62.7,3.8l9.5,76c1.9,13.3,11.4,26.6,24.7,30.4c32.3,11.4,22.8,7.6,51.3,20.9c13.3,5.7,28.5,3.8,39.9-3.8l60.8-45.6c11.4,9.5,26.6,20.9,45.6,39.9s32.3,36.1,41.8,47.5l-47.5,60.8c-7.6,11.4-9.5,24.7-3.8,38c15.2,32.3,11.4,17.1,22.8,51.3c3.8,13.3,15.2,22.8,28.5,24.7l76,9.5c1.9,15.2,3.8,36.1,3.8,62.7C915.9,526.6,914,547.5,912.1,562.7z"/><path d="M500,266.4c-129.1,0-233.6,104.5-233.6,233.6S370.9,733.6,500,733.6S733.6,629.1,733.6,500S629.1,266.4,500,266.4z M500,659.5c-89.3,0-159.5-70.3-159.5-159.5c0-89.3,70.3-159.5,159.5-159.5c89.3,0,159.5,70.3,159.5,159.5C659.5,589.3,589.3,659.5,500,659.5z"/></svg>');
}