

#advantages{background:url(/images/bg/advantages.jpg?);background:#FFF;padding-bottom:0;}
advantages {width:100%}
advantages table, advantages tbody{width:100%;border: 1px solid black;border-radius: 10px}
advantages table tr:nth-child(odd):not(:first-child) {background:  }
advantages table tr:first-child{background:;width:100%;color: white;text-align:center;border-bottom: 1px solid black;}
advantages table tr:first-child td:first-child{border-top-left-radius: 10px;}
advantages table tr:first-child td:last-child{border-top-right-radius: 10px;}
advantages table td{border-bottom:1px dotted rgb(192,192,192);}
advantages table td.p{color:#4BA05F;font-weight:bold;}
advantages table td.pm{font-weight: bold;}
advantages table td.m{color:lightgrey;}
advantages table td:first-child{text-align:left;width: 500px;max-width: 500px;padding: 10px 10px 10px 20px}
advantages table td:not(:first-child){text-align:center;}
advantages table td:not(:first-child) img{margin: auto;}
@media screen and (max-width: 640px){
    advantages table{table-layout:fixed;}
    advantages table td{width:10%;}
    advantages table td:first-child{width:40%;max-width: 40%;}
    advantages table td{word-wrap: break-word;}    
}
section > top title{color:#666D6C;}
#advantages gradient-line{background:transparent;
  background: -webkit-linear-gradient(left, #E3F4F2 , #666D6C);background: -o-linear-gradient(right, #E3F4F2, #666D6C);
  background: -moz-linear-gradient(right, #E3F4F2, #666D6C);background: linear-gradient(to right, #E3F4F2 , #666D6C);
}
#advantages top right{flex-direction:row;}
 

 
block{background:white;}
.block{height:100%;background:white;padding: 10px;}
.block photo{width:180px;height:180px;margin: 0 auto;background-size:cover;background-repeat:no-repeat;background-position:center 30%;border-radius: 50%;}
.block dat{padding:5px;}
.block name{font-weight:bold;padding-bottom:5px;margin: 5px 0;font-size: 110%;}
.block roles-skills > *{display:inline-block;}
.block qas{font-size:13px;margin-top: 0px;} 
.block qas question{font-weight:bold;}
.block qa question{text-align: left;}
.block qa answer{padding: 5px 0;}
.block links img{width: 20px;height: 20px;margin-right: 5px;}
.block links a:active, .block links a:link, .block links a:visited, .block links a:hover{text-decoration: none;border-bottom-width: 0;} 
space-tip{font-size:60%;color:grey;text-align:center;}



#bounty{background:url(/images/bg/bounty.jpg?);background:#FFF}
bountytask{display:flex;flex-direction:column;border-radius:10px;}
bountytask > *{padding:10px;}
bountytask tit{width: calc(100% - 5px);font-weight:bold;height:15%;display:flex;align-self:center;align-items:center;border:0px solid lightgrey;border-bottom-width: 1px;}
bountytask description{height:40%;overflow:hidden;font-size:90%;}
bountytask rewards{padding:10px 0;height:30%;color:#555;padding-left:10px;font-size:13px;}
bountytask reward{line-height:16px;}
bountytask reward::before{content:'• ';}
bountytask action{width: fit-content;display:flex;align-items:center;justify-content:center;color:;margin: auto;padding: 10px 15px;}
bountytask action.accept{background:white;border: 1px solid ;color: ;font-weight: bold;}
bountytask action.postMaterials{background:;color: white;}
bountytask action.onApproval{background:;color: }
bountytask action.finished{background:white;color: black;border: 1px soli black;flex-direction:column;cursor:default !important;}
bountytask line{height: 1px;font-size: 1px;width: 100%;background: lightgrey;padding: 0;width: calc(100% - 5px)}
section > top title{color:#645F6D;}
#bounty gradient-line{background:transparent;
  background: -webkit-linear-gradient(left, #DFD4F4 , #645F6D);background: -o-linear-gradient(right, #DFD4F4, #645F6D);
  background: -moz-linear-gradient(right, #DFD4F4, #645F6D);background: linear-gradient(to right, #DFD4F4 , #645F6D);
}   



#contest{background:url(/images/bg/contest.jpg?);background:#FFF}
contest,contest blocks-cntr{display:flex !important;flex-direction:column;}
contest info{display:flex;align-self:center;flex-direction: column;align-self: flex-start;margin-bottom: 10px;}
contest info > *{display: flex;align-items: flex-end;margin: 5px 0;}
contest info tit{font-size:18px;font-weight: bold;}
contest info cnt{margin-left:5px;}
contest idea{height:100%;padding: 5px;}
contest idea top{box-sizing: content-box;display:flex;border-bottom:1px solid lightgrey;padding-bottom: 10px}
contest idea cover{width:100px;height:100px;font-size:50px;display: flex;align-items: center;justify-content: center;}
contest idea avatar{border-radius: 50%;background-size:100% !important;background-repeat:no-repeat !important;background-position:top !important;width:90%;height:90%;display:flex;justify-content:center;align-items:center;}
contest idea top right{display:flex;justify-content:center;align-items:center;width:calc(100% - 100px);flex-direction:column;}
contest idea name{font-size:16px;font-weight:bold;position:relative;}
contest idea info{color:#606F6A;font-size:14px;}
contest idea content{height:calc(100% - 165px);padding:10px;padding-top: 15px;}
contest idea voted{display:flex;cursor:pointer;cursor: hand;color: ;border: 1px solid ;background: white !important;width: fit-content;margin: auto;padding: 7px 30px 10px 30px !important}
contest idea voted.not-active{cursor:default;}
contest idea voted count{align-self:center;margin:auto;font-size:25px;color:;font-weight:500;position:relative;line-height:25px;height:25px;}
contest idea voted count:before{content: "\01F44D";font-family: "EmojiSymbols";font-size:25px;margin-right:5px;color: ;}
contest #propose-idea{margin-top:10px;color:white;align-self:center;}
@media screen and (max-width: 640px){
    contest info{margin-left:10px;}
    contest info{flex-direction:column;text-align:right}
    contest info left{text-align:right}
    contest info right{margin-left:0;}
    contest info tit{font-size:18px;}
    contest info left{width:100%;}
    contest info right{width:100%;}    
}
section > top title{color:#606F6A;}
#contest gradient-line{background:transparent;
  background: -webkit-linear-gradient(left, #D6F9EC , #606F6A);background: -o-linear-gradient(right, #D6F9EC, #606F6A);
  background: -moz-linear-gradient(right, #D6F9EC, #606F6A);background: linear-gradient(to right, #D6F9EC , #606F6A);
}
#contest top right{flex-direction:column;justify-content: space-around;}   


#documents{background:url(/images/bg/documents.jpg?);background:#FFF;}
document{padding:5px;height:100%;}
document top{height:40%;border-bottom:1px solid lightgrey;cursor:pointer;}
document name{text-align:center;font-weight:bold;font-size:120%;margin:5px 0;}
document name:hover{text-decoration:underline;}
document quotes block,document description{display:flex;justify-content:center;align-items:center;}
document description{text-overflow: ellipsis;}
document description,document quotes block c{padding:0 10px;text-justify:inter-word;text-align: justify;}
document description,document quotes{font-size:85%;}
document quotes block c{font-style:italic;}
document quotes block quote{font-size:250%;}
section > top title{color:#716D60;}
#documents gradient-line{background:transparent;
  background: -webkit-linear-gradient(left, #FDF4D8 , #716D60);background: -o-linear-gradient(right, #FDF4D8, #716D60);
  background: -moz-linear-gradient(right, #FDF4D8, #716D60);background: linear-gradient(to right, #FDF4D8 , #716D60);
}
@media screen and (max-width: 640px){
    document name{font-size:90%;}
    document description{font-size:85%;}
} 



#ef{background:url(/images/bg/earlyfollowers.jpg?1);background:#FEF5F5;background:white;}
#ef left{max-width:80%;color:#726160;align-items:center;text-align:center;justify-content:center;text-align:left;}
#ef right{width:fit-content;}
#ef reward{margin-bottom:10px}
#ef reward t{margin-top: 20px}
ef earlyfollower{border-radius:10px;padding-bottom: 0 !important;}
button#show-support{background:transparent;border: 1px solid ;color:;margin:auto;margin-top:20px;font-weight: bold;}
button#show-support:hover{background: ; color: white;}
earlyfollower qa answers{padding:10px;padding-top:0;}
earlyfollower links-skills{display: flex;justify-content: space-between;}
section > top title{color:#726160;}
ef no-ef{color:lightgrey;font-size:40px;text-align:center;}
ef no-ef-tip{color:#555;font-size:20px;text-align:center;width:60%;font-weight:bold;max-width:500px;margin-top:10px;padding:0 10px;}
ef.no-ef{height:auto !important;margin:10px 0;}
#ef gradient-line{background:transparent;
  background: -webkit-linear-gradient(left, #FEF5F5 , #726160);background: -o-linear-gradient(right, #FEF5F5, #726160);
  background: -moz-linear-gradient(right, #FEF5F5, #726160);background: linear-gradient(to right, #FEF5F5 , #726160);
}
#ef name{border-bottom:1px solid black;}
@media screen and (max-width: 640px){
  ef no-ef{font-size:20px;}
  ef no-ef-tip{width:100%;}
  #ef top left{}
  #ef left b{align-self:flex-start;}
  #ef reward{margin-right: 10px;margin-left: 10px;}
}
#ef top right{flex-direction:row;} 


#events{background:url(/images/bg/events.jpg?);background:#FFF;padding-bottom:0;}
events stakeholder,events stakeholder > *{display:inline-flex !important;justify-content:flex-end;}
events stakeholder{line-height:20px;}
events stakeholder name{font-size:15px !important;color:black;}
events item{line-height:20px;color:#AAA;}
events item:not(:last-child){border-bottom:1px dotted lightgrey;}
events item b{color:black;font-weight:400;}
events cnt{background:white;}
#events .checkbox-cntr{}
subscriptions cap{margin:0;}
events .lister{}
@media screen and (max-width: 640px){
  #events .checkbox-cntr{font-size:90%;}   
  subscriptions{margin-left: 10px;}    
}
section > top title{color:#6F665F;}
#events gradient-line{background:transparent;
  background: -webkit-linear-gradient(left, #F9E3D5 , #6F665F);background: -o-linear-gradient(right, #F9E3D5, #6F665F);
  background: -moz-linear-gradient(right, #F9E3D5, #6F665F);background: linear-gradient(to right, #F9E3D5 , #6F665F);
}   


#ideaslides {
  background: url(/images/bg/slides.jpg?2);
  background: #FFF;
  padding-left: 0px !important;
  padding: 0 !important;
}



#investment{background:url(/images/bg/investment.jpg?);background:#FFF;padding-bottom:0;}
#investment left{align-items:center;justify-content:center;}
investment{display:flex !important;flex-direction:column;margin: 0 13px;}
investment rows{display:flex;flex-direction:column;width:100% !important;}
investment row{display:flex;justify-content:space-between;margin:5px 0;width:100% !important;}
investment row center{margin:0 5px;overflow:hidden;color:lightgrey;background:url(/images/dot.png) repeat-x 50% 60%;}
investment smartContractSpecs{padding:10px;}
investment buttons{display:flex;justify-content:center;background:white;margin:20px auto;}
#post-investment-intent{background:;color:white;align-self:center;margin-right:5px;font-weight: bold !important;}
#remind-me{background: white;border:1px solid ;color:;align-self:center;display:flex;line-height: 16px;font-weight: bold !important;}
#remind-me check{margin-left: 5px;}
bubble.pii [type=text]{width:100%;}
investment .content{z-index: 2;position: relative;background:white;border: 1px solid black;border-top-width: 0;padding: 20px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

investment ii {height:100%;padding: 5px;}
investment ii top{box-sizing: content-box;display:flex;border-bottom:1px solid lightgrey;height:100px;padding-bottom: 10px}
investment ii cover{width:100px;height:100px;display: flex;align-items: center;justify-content: center;}
investment ii profile-image{border-radius: 50%;background-size:100% !important;background-repeat:no-repeat !important;background-position:top !important;width:90%;height:90%;display:flex;justify-content:center;align-items:center;}
investment ii top right{display:flex;justify-content:center;align-items:center;width:calc(100% - 100px);flex-direction:column;}
investment ii name{font-size:16px;font-weight:bold;position:relative;}
investment ii info{color:grey;font-size:14px;display:flex;}
investment ii content{height:calc(100% - 100px);padding:10px;display:flex;flex-direction:column;}
investment ii cap{font-weight:bold;}
investment ii v{margin-left:10px;}
investment ii amount,investment ii phase{display:flex;}
investment requirement{margin-top:10px;}
investment ii .lone{justify-content:center;}
investment ii .lone phase{margin-top:20px;}
investment ii .lone > *{flex-direction:column;}
investment ii .lone v{font-size:120%;color:grey;}
investment no-ii{color:lightgrey;font-size:40px;text-align:center;}
investment no-ii-tip{color:#555;font-size:20px;text-align:center;width:60%;font-weight:bold;max-width:500px;margin-top:10px;padding:0 10px;}
investment status{padding:10px 20px;border-radius:20px;background:;color:white;font-size:25px;align-self:center;}
investment status.lone{padding:10px 20px;font-size:40px;border-radius:30px;}
investment status.not-begun{background:;color:;border: 1px solid ;}
investment status.continues{background:#BEF6BD;color:#2A9827;border: 1px solid #2A9827;}
investment rejected{display:flex !important;margin-top:5px;}
buyshares info{color:grey;margin:15px 0;font-size:20px;text-align:center;}
buyshares info cap{font-weight:bold;}
buyshares button{background:#2A9827;color:#BEF6BD;font-size:30px;border-radius:20px;padding:5px 10px;margin-top:10px;}
investment countdown{display:flex;font-size:20px;}
investment countdown n{font-weight:bold;margin:0 5px 0 10px;}
investment countdown t{color: grey;}
investment inv{visibility:hidden;}
investmentintents invested{font-size: 14px;display:flex !important;color:white;background:grey;text-align:center;margin:5px;padding:5px 10px;border-radius:10px;margin-top:auto;width:max-content;align-self:flex-start;}
investmentintents invested am{margin-left:10px;}
investmentintents block{border: 1px solid grey !important;}
#investment top left{display:flex;font-size:45px;}
#investment top right{font-size: 30px}
#investment sale-status{margin:0 20px;}
#investment top countdown c{margin-right:10px;}
#investment top countdown t{color:lightgrey;}
#be-prepared-steps {padding:10px;padding-left:30px;display:flex;flex-direction:column;justify-content:center;}
#be-prepared-steps row{display:flex;font-size:30px;margin:13px 0;color:black;align-items:center;}
#be-prepared-steps row.completed{opacity:1;}
#be-prepared-steps sign{width:30px;height:30px;border-radius:50%;background:white;color:black;margin-right:10px;position:relative;}
#be-prepared-steps row:not(.completed) sign:after{content:'+';position:absolute;transform:rotate(45deg);font-size:50px;top:-15px;}
#be-prepared-steps row:not(.completed) text {cursor:pointer;cursor:hand;}
#be-prepared-steps row:not(.completed) text {transition: opacity .5s ease-out;-moz-transition: opacity .5s ease-out;-webkit-transition: opacity .5s ease-out;-o-transition: opacity .5s ease-out;}
#be-prepared-steps row:not(.completed) text:hover{opacity:1;}
#be-prepared-steps sign, #be-prepared-steps text{opacity:0.5;}
#be-prepared-steps .completed sign, #be-prepared-steps .completed text{opacity:1;}
#be-prepared-steps .completed sign{background:green;color:white;font-size:20px;display:flex;align-items:center;justify-content:center;}
#be-prepared-steps .completed sign:after{content:'✓';position:absolute;}
buyShares row{display:flex;align-items:center;}
buyShares row cap{color:darkgrey;font-size:20px;margin-right:10px;}
buyShares row:first-of-type cap{color:grey;}
buyShares row cntr{display:flex;}
buyShares row cntr > :first-child {font-weight:bold;margin-right:5px;}
smartcontractspecs right{ word-wrap: break-word; }
@media screen and (max-width: 640px){
    investment buttons{flex-direction:column;}
    investment button{font-size:20px !important}
    #remind-me{margin-top:5px !important;}
    investment ii cover{font-size:30px;}
    investment no-ii{font-size:20px;}
    investment status{font-size:15px;padding:3px 7px;display:inline-block !important;max-width:80%;text-align:center;}
    investment status.lone{font-size:25px;padding:5px 10px;}
    investment no-ii-tip{width:100%;}
    #investment top left{font-size:20px;}
    #investment top left > *{line-height:20px;height: 20px !important}
    investment countdown {font-size:0.8em;}
    #be-prepared-steps row{font-size:1.2em;}
    #be-prepared-steps row:not(.completed) sign:after{font-size:2.5em;}
    buyShares row cntr{flex-wrap:wrap;}
    investment .content{padding:5px;}     
}
section > top title{color:#6A6A51;}
#investment gradient-line{background:transparent;
  background: -webkit-linear-gradient(left, #ECEEB5 , #6A6A51);background: -o-linear-gradient(right, #ECEEB5, #6A6A51);
  background: -moz-linear-gradient(right, #ECEEB5, #6A6A51);background: linear-gradient(to right, #ECEEB5 , #6A6A51);
}
.pii .textarea cntr{position:relative;}
#investment top right{flex-direction:row;}


@font-face {
  font-family: "EmojiSymbols";
  src: url(/fonts/EmojiSymbolsSelected-Regular.woff?3) format("woff");
  text-decoration: none;
  font-style: normal
}

html {
  background: url(/images/loader.gif) no-repeat center;
  font-family: 'Roboto', sans-serif;
  position: relative;
}

body {
  margin: 0;
  overflow: hidden;
  position: absolute;
  touch-action: none;
  visibility: hidden;
}

body title {
  display: block;
}

body * {
  display: block;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

a img {
  border: none;
}

counter {
  position: absolute;
  border-radius: 60%;
  background: green;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  color: white;
  text-align: center;
  right: 0;
}

counter.b {
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 11px;
}

counter.m {
  width: 17px;
  height: 17px;
  line-height: 17px;
  font-size: 10px;
}

.column {
  flex-direction: column;
}

.row {
  flex-direction: row;
}

button,
.button {
  padding: 10px 20px;
  background: ;
  color: white;
  border-radius: 5px;
  cursor: pointer;
  cursor: hand;
  font-size: 14px;
}

button.nobg {
  background: white;
}

button:focus {
  outline: 0;
}

button {
  position: relative;
  border-width: 0px;
  cursor: pointer;
}

button:active {}

button.big {
  padding: 7px 20px;
  border-radius: 30px;
  font-size: 30px;
}

button.pocky {
  padding: 4px 15px;
  border-radius: 20px;
  font-size: 20px;
}

button.rb {
  border-radius: 5px;
}

.social-link,
role,
skill,
skills {
  border-radius: 7px;
  padding: 3px 7px;
  margin: 2px;
  margin-left: 0px;
  color: white;
  display: inline-block;
  font-size: 10px;
}

role {
  background: ;
}

spheres {
  display: flex;
  flex-direction: row;
}

sphere {
  margin: 5px;
  border-radius: 10px;
  padding: 2px 7px;
  font-size: 80%;
  background: white;
  border: 1px solid ;
  cursor: pointer;
}

sphere.not-active {
  opacity: 0.5;
  border-width: 0px;
  cursor: default;
}

punkts>* {
  border-radius: 10px;
  background: ;
  padding: 3px 10px;
  border: 1px solid ;
  margin-right: 10px;
  opacity: 0.5;
  cursor: pointer;
}

punkts punkt[chosen=true] {
  opacity: 1;
}

punkts punkt * {
  display: inline;
}

section>*>top {
  display: flex;
}

skill,
skills {
  background: grey;
  color: white;
}

skill.confirm {
  cursor: pointer;
}

skills {
  border-width: 0px;
  f
}

skill {
  cursor: default;
}

skill.confirm {
  border-width: 2px;
  font-weight: bold;
}

pane {
  top: 0;
  left: 0;
  width: 100%;
  position: fixed;
  background: white;
  z-index: 99;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  padding-top: 20px;
}

pane left,
pane right {
  display: flex;
  width: 50%;
}

pane left {
  justify-content: center;
  align-items: center;
  padding-left: 40px;
}

pane right {
  justify-content: flex-end;
  align-items: flex-end;
  font-weight: bold;
  padding-right: 40px;
}

pane menu {
  position: relative;
}

//pane:after {content:"";position:absolute;width:100%;bottom:0px;z-index:-1;box-shadow: 0px 0px 1px 1px ;}
pane #logo {
  height: 70%;
  width: auto;
  max-height: 50px;
}

pane sign-in {
  display: flex;
  padding: 9px;
}

pane sign-in.logined {
  padding: 5px;
}

pane sign-in img {
  width: 30px;
  height: 30px;
}

pane avatar {
  font-weight: normal;
  width: 20px;
  height: 20px;
  border: 1px solid grey;
  font-size: 15px;
  text-align: center;
  line-height: 20px;
  background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQYV2Pcf+XZf0cdKUYGKIAzMARgKjFUAABgvQgF1EILPQAAAABJRU5ErkJggg==);
}

section>top {
  display: flex;
  margin-bottom: 10px;
}

section>top right {
  text-align: right;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  justify-content: center;
  align-items: center;
}

section>top left {
  display: flex;
}

section>top title {
  font-family: 'Source Serif Pro', serif;
  font-size: 45px;
  line-height: 45px;
  color: black !important;
  font-weight: 400;
}

gradient-line {
  width: 300px;
  height: 20px;
  background: lightgrey;
  margin-top: -3px;
  margin-left: auto;
  background: -webkit-linear-gradient(left, white, lightgrey);
  background: -o-linear-gradient(right, white, lightgrey);
  background: -moz-linear-gradient(right, white, lightgrey);
  background: linear-gradient(to right, white, lightgrey);
}

sign-in {
  margin-right: 5px;
  font-weight: bold;
  cursor: pointer;
}

section {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.pane {
  position: absolute;
  padding: 10px;
  width: 400px;
  height: 600px;
  background: rgb(230, 230, 250);
  max-width: 100%;
  max-height: 100%;
  left: calc(50% - 200px);
  top: calc(50% - 300px);
  border-radius: 20px;
  box-shadow: 0 0 5px grey;
}

pane menu {
  display: flex;
  align-items: flex-end;
  background: url(/images/icons/menu.png?7) no-repeat center/contain;
  height: 40px;
  cursor: pointer;
  width: 50px
}

pane menu startups {
  font-size: 16px;
  font-weight: bold;
  position: relative;
}

.pane>cntr {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 101
}

.pane input,
.pane .input {
  margin: 10px 0;
}

.pane button.sign-in {
  margin: 20px;
}

.pane button.sign-up {
  background: #319222;
  color: white;
}

.nullified {
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  visibility: hidden;
}

//.email-nickname{color:#757575}
.good {
  width: 90%;
  max-width: 300px;
  line-height: 25px;
  font-size: 25px;
  padding: 7px 11px;
}

.cute {
  width: 80%;
  max-width: 250px;
  line-height: 20px;
  font-size: 20px;
  padding: 5px 9px;
}

expand#complete-registration {
  font-weight: bold;
  background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAIUlEQVQYV2NkwAMYkeUePHjwX0FBAS5GJUl064k3Fl0nAMpBEAgYqy4GAAAAAElFTkSuQmCC);
}

expand#full-name {
  background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAS0lEQVQoU2N88ODBfwUFBUYGKADxQUx0MbgCkCSyJnQDUExCNgVdI1ghuknIVsPkGLEpgrkXZgNIDfEKibYaOVgIegabYozgITbAAVqRZoeBJ4/jAAAAAElFTkSuQmCC) !important;
}

expand#avatar {
  background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVUlEQVQoU41QwREAIAjKTdx/KjepswuPyEd9IiBKbJwVERMYu7sb8AZpYpIvgzc2cSoM0CtaUzXgeVoNmZzcZexMmKFNTPH7j9pGDQOBu3x61KK78wJjKFro34ZJVwAAAABJRU5ErkJggg==);
}

expand#profile-image {
  background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAXUlEQVQoU5XQ0Q3AIAgE0DoJ7D8VTHLNkRwh2jStP5L4wNN1fVxruojA3ufuZRoKmVnbzKyauOATkhZuyC4A4AGnamcD64bzyj3nAecUTdL0I6MyEQr9f7Uyvf3jDY3TSia75eguAAAAAElFTkSuQmCC)
}

expand#skills {
  background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAUklEQVQoU42QwQ0AIAgDZRP2n4pNNCXWgEqCH7AejVTGPmY2VVV4R43a8xDBOHhATEeIPWEHCUGs+gT+HKHBwB3oVC0Dpg9WcdxxpXiqP0JvgwsfgkdJKrOkOgAAAABJRU5ErkJggg==)
}

expand#social-links {
  background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAP0lEQVQoU2NkQAIPHjz4j8xXUFBghPHhDHRFMAUwxaQrBJlAlNXIbsPGhltNtIlEeQaXImSfg60mWiEhj4DkASZkIAuY/SXnAAAAAElFTkSuQmCC)
}

expand {
  border: 2px solid grey;
  background: white;
  border-radius: 15px;
  cursor: pointer;
  width: 100%;
  margin-bottom: 5px;
}

expand tit {
  display: flex;
}

expand tit cap {
  margin-left: 5px;
}

expand cnt {
  border-top: 1px dashed #AAA;
  padding-top: 10px;
}

#complete-registration>cnt>cntr {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#complete-registration>cnt>cntr input:nth-child(2) {
  margin-top: 0;
}

#complete-registration button {
  border-radius: 10px;
  font-size: 20px;
}

avatar-cntr {
  width: 50px;
  height: 50px;
  align-self: center;
  margin: auto;
  border: 1px solid black;
  background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQYV2Pcf+XZf0cdKUYGKIAzMARgKjFUAABgvQgF1EILPQAAAABJRU5ErkJggg==)
}

avatar-cntr {
  line-height: 50px;
  text-align: center;
  font-size: 25px;
  position: relative;
}

avatar-cntr avatar,
pi-cntr pi {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0
}

pi-cntr {
  position: relative;
  width: 200px;
  height: 100px;
  background: white url(/images/icons/profile-image.png) no-repeat center/contain;
  border: 1px solid black;
  margin: auto;
}

textarea.skills {
  margin: auto;
}

rl-cntr {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 15px;
  background: white;
  padding: 5px;
  margin-bottom: 5px;
}

rl-cntr ref-link {
  margin: 5px;
  border: 1px solid #BBB;
  border-radius: 10px;
  padding: 2px 5px;
  background: #EEE;
  font-size: 90%;
}

rl-cntr text {
  font-size: 80%;
}

menu-cover {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  z-index: 9999;
}

menu-cover>* {
  width: 100%;
}

menu-cover top {
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

menu-cover top tit {
  font-family: 'Teko', sans-serif;
  font-size: 45px;
  line-height: 45px;
  color: grey;
  font-style: italic;
}

menu-cover startups {
  height: calc(100% - 70px);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

menu-cover startup {
  width: 200px;
  height: 300px;
  border: 1px solid lightgrey;
  box-shadow: 0 0 2px lightgrey;
  border-radius: 15px;
  margin: 10px;
  background: white;
  padding: 5px;
  cursor: pointer;
}

menu-cover startups cnt {
  height: 50%;
}

menu-cover startups logo {
  width: 100%;
  height: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

menu-cover startups name {
  font-weight: bold;
  text-align: center;
  border-top: 1px solid lightgrey;
  margin-bottom: 5px;
  padding-top: 5px;
  font-size: 115%;
}

menu-cover startups {
  font-size: 85%
}

menu-cover .tabs {
  font-weight: bold;
  margin-bottom: 10px !important;
}

.g-signin2 {
  margin-top: 20px;
}

.g-signin2>div {
  border-radius: 20px;
  padding-top: 2.5px;
}

menu-title {
  cursor: pointer;
  padding: 2px 7px;
  width: auto;
  position: absolute;
  bottom: 0;
  left: 80px;
  border-top-left-radius: 10px;
  color: white;
  font-size: 13px;
  background: ;
  border: 2px solid ;
  border-bottom-width: 0;
  color: ;
  border-right-width: 0;
}

menu-title.lone {
  border-right-width: 2px;
  border-top-right-radius: 10px;
}

menu-cntr {
  z-index: 98;
  position: absolute;
  top: 68px;
  background: ;
  display: flex;
  font-size: 13px;
  color: ;
  padding: 10px 5px;
}

menu-cntr>* {
  cursor: pointer;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto 5px;
}

menu-cntr item:hover {
  text-decoration: underline
}

social-title {
  cursor: pointer;
  padding: 2px 7px;
  width: auto;
  position: absolute;
  bottom: 0;
  left: 128px;
  border-top-right-radius: 10px;
  color: white;
  font-size: 13px;
  background: ;
  border: 2px solid ;
  border-bottom-width: 0;
  color: ;
  border-left-width: 0;
}

social-cntr {
  z-index: 98;
  position: absolute;
  top: 68px;
  background: ;
  display: flex;
  font-size: 13px;
  color: ;
  padding: 10px 5px;
}

social-cntr>* {
  cursor: pointer;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto 5px;
}

social-cntr item:hover {
  text-decoration: underline
}

social.content item {
  margin: 10px;
  font-size: 120%;
  font-weight: bold;
}

post-startup,
create-startup {
  margin: 0 auto;
}

to-admin-area {
  border: 2px solid grey;
  padding: 2px 7px 4px;
  background: white;
  border-radius: 15px;
  margin-bottom: 5px;
  cursor: pointer;
}

to-admin-area sign {
  color: grey;
  display: inline;
}

welcome-text {
  display: flex;
  top: 0;
  text-shadow: 0 0 1px white;
  position: absolute;
  background: rgba(255, 255, 255, 0.5) url(/images/bg/abstract1.jpg);
  background-size: auto 100%;
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  padding: 30px;
  box-sizing: border-box;
  flex-direction: column;
  color: white;
}

welcome-text t {
  font-weight: bold;
  font-size: 110%;
  margin: 10px 0 20px;
}

welcome-text c {
  line-height: 180%;
}

welcome-text button {
  margin-top: 20px;
  border-radius: 20px;
  font-size: 30px;
  padding: 10px 20px;
  background: white;
  border-width: 0px;
  background: #D8ACB2;
  margin-top: 10;
  text-shadow: 0 0 3px white;
  box-shadow: 0 0 3px white;
}

welcome-text button {
  border: 1px solid darkgreen;
  background-color: green;
  border-radius: 4px;
  box-shadow: inset 1px 6px 12px lightgreen, inset -1px -10px 5px darkgreen, 1px 2px 1px black;
  -o-box-shadow: inset 1px 6px 12px lightgreen, inset -1px -10px 5px darkgreen, 1px 2px 1px black;
  -webkit-box-shadow: inset 1px 6px 12px lightgreen, inset -1px -10px 5px darkgreen, 1px 2px 1px black;
  -moz-box-shadow: inset 1px 6px 12px lightgreen, inset -1px -10px 5px darkgreen, 1px 2px 1px black;
  color: white;
  text-shadow: 1px 1px 1px black;
  padding: 5px 30px;
}

welcome-text m {
  color: black;
  background: white;
  padding: 3 10px;
  border-radius: 15px;
  margin: 0 3px;
}

airdrop-bg {
  top: 0;
  text-shadow: 0 0 1px white;
  position: fixed !important;
  z-index: 102;
  background: white;
  background-size: 100% 100%;
  opacity: 0.95;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
}

airdrop-text {
  position: fixed !important;
  z-index: 103;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 25px;
  box-sizing: border-box;
  flex-direction: column;
  color: black;
}

airdrop-text close {
  right: 15px !important;
}

airdrop-text tit {
  font-family: 'Mate SC', serif;
  font-size: 170%;
  align-self: center;
  margin: 50px auto 20px;
}

airdrop-text under-tit {
  color: black;
  font-size: 90%;
  margin: 0 auto 10px;
}

airdrop-text stat {
  margin-top: 5px;
  align-self: center;
  font-size: 80%;
  color: black;
}

airdrop-text stat n {
  font-weight: bold;
  color: ;
  margin: 0 5px;
}

airdrop-text stat,
airdrop-text stat * {
  display: flex;
}

airdrop-text stat count {
  margin-left: 5px;
}

airdrop-text cntr {
  display: flex;
  flex-direction: column;
  text-align: left;
  max-width: 60%;
  font-size: 85%;
  text-shadow: 0 0 10px white;
  background: rgba(255, 255, 255, 0.8);
  padding: 0 10px;
}

airdrop-text row {
  margin: 8px 5px;
}

airdrop-text row:first-of-type {
  margin-top: 50px;
}

airdrop-text reward {
  color: grey;
  margin-left: 10px;
}

airdrop-text button {
  width: max-content;
  margin: 30px auto;
}

body>bar {
  box-sizing: content-box;
}

purs-cntr {
  z-index: 99;
  position: fixed;
  bottom: 0;
  left: 0;
  background: ;
  color: white;
  padding: 5px;
  font-size: 20px;
  border-top-right-radius: 20px;
  border-top-color: ;
  border-right-color: ;
  border-width: 1px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-style: solid;
}

purs-cntr c {
  margin-right: 5px;
}

purs-cntr n {
  font-weight: bold;
}

purs-cntr sale-in {
  font-size: 80%;
}

purs-cntr button {
  background: white;
  color: ;
  align-self: center;
  margin: 10px auto;
  font-weight: bold;
}

cover-cntr {
  width: 500px;
  height: 400px;
  background: white;
  border-radius: 20px;
  border: 1px solid lightgrey;
  margin: auto;
}

pane airdrop {
  border: 2px solid ;
  border-radius: 5px;
  padding: 5px 10px 7px 10px;
  background: white;
  color: black;
  margin-right: 20px;
  cursor: pointer;
  cursor: hand;
}

//pane airdrop:hover{border-bottom: 2px solid }
share {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: url(/images/icons/share-neo.png) no-repeat center/75%;
  cursor: pointer;
  cursor: hand;
  opacity: 0.9;
}
/* @media screen and (max-width: 640px) {
  #video share{
    top: 15px;
  }
} */

slide share,
team share,
ef share {
  width: 30px;
  height: 30px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

team share,
ef share {
  width: 25px;
}

share.title {
  position: static;
  width: 35px;
  height: 35px;
  margin-right: 5px;
  align-self: center;
}

share.dark {
  background: url(/images/icons/share-neo.png) no-repeat center/75%;
}

share:hover {
  opacity: 1;
}

social-icon {
  width: 100px;
  height: 100px;
  cursor: pointer;
  cursor: hand;
  margin: 10px;
}

social-icon.fb {
  background: url(/images/icons/social/fb.png) no-repeat center/100%;
}

social-icon.twitter {
  background: url(/images/icons/social/twitter.png) no-repeat center/100%;
}

social-icon.linkedin {
  background: url(/images/icons/social/linkedin.png) no-repeat center/100%;
}

social-icon.link {
  background: url(/images/icons/social/link.png) no-repeat center/100%;
}

#delete-my-data {
  background: white;
  color: ;
  border-radius: 5px;
  margin-top: 10px;
  border: 1px solid }

social-pane {
  width: 30px;
  height: 100%;
  position: fixed;
  top: 90px;
  left: 0;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
}

social-pane img {
  width: 20px;
  height: 20px;
  margin: 5px;
}

apetail-button {
  background: white;
  padding: 9px;
  margin-right: 20px;
  cursor: pointer;
  cursor: hand;
}

unread {
  opacity: 0;
  transition: opacity 0.3s linear;
}

profile-pane .textarea button {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

profile-pane textarea {
  border-width: 0;
}


profile-pane expand-cnt>cntr {
  display: flex;
  flex-direction: column;
  align-items: center;
}

profile-pane #blockpass-kyc-connect {
  margin-top: 5px;
}

countdown {
  display: flex;
}

countdown c {
  display: flex;
}

@media screen and (max-width: 640px) {
  airdrop-text:after {
    content: '';
    background: url(/images/bg/abstract2-ss.jpg);
    background-size: auto 100%;
    opacity: 0.9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  airdrop-text cntr {
    width: 100%;
    max-width: 100%;
  }

  pane airdrop {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background:  url(/images/icons/airdrop.png?2) no-repeat center;
    background-size: 100%;
    margin: 0 auto 0 60px;
    box-shadow: -1px 1px 1px grey;
  }

  //body{visibility:visible;}
  gradient-line {
    height: 10px;
    width: 200px;
  }

  section>top title {
    font-size: 30px;
    line-height: 30px;
  }

  .pane {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    top: 0;
    left: 0;
  }

  pane {
    padding-top: 0;
  }

  pane left {
    padding-left: 0;
    justify-content: flex-start;
  }

  pane menu startups {
    margin-left: -10px;
    margin-bottom: -3px
  }

  pane right {
    padding-right: 0;
  }

  pane #logo {
    max-height: 30px;
  }

  gradient-line {
    display: none;
  }

  pane menu {
    width: 30px;
    height: 30px;
  }

  menu-cover cntr {
    position: relative;
    width: calc(100% - 50px);
    height: calc(100% - 50px);
    margin: 20px;
    margin-top: 10px;
  }

  menu-cover list {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  menu-cover item {
    background: none !important;
    display: flex;
    align-items: center;
    flex-direction: row !important;
    border-width: 0px !important;
  }

  section>top title {
    margin-right: 12px;
  }

  body {
    overflow: visible;
    touch-action: auto;
    position: static;
  }

  menu-cover {
    position: fixed;
  }

  menu-cover startups {
    display: block;
    height: 100%;
  }

  menu-cover startup {
    display: flex;
    width: 100%;
    height: 80px;
    margin: 10px 0;
    padding: 3px;
  }

  menu-cover startup>* {
    height: 100% !important;
  }

  menu-cover startups logo {
    width: 80px;
  }

  menu-cover startups name {
    border-width: 0;
    text-align: left;
    padding-top: 0;
    margin-bottom: 5px;
    margin-bottom: 0;
  }

  menu-cover startup cnt {
    width: calc(100% - 80px);
    margin-left: 5px;
  }

  pane left {
    align-items: center;
  }

  create-startup {
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    line-height: 10px;
    border-width: 1px;
    padding-bottom: 2px;
  }

  welcome-text {
    touch-action: none;
    font-size: 4.0vw;
    background-size: auto 100%;
    background-image: url(/images/bg/abstract1-ss.jpg);
    background-size: cover;
    color: black;
    padding: 10px;
  }

  welcome-text t {
    margin-bottom: 10px;
  }

  welcome-text m {
    color: white;
    background: grey;
  }

  welcome-text button {
    font-size: 6vw;
    padding: 7px 13px;
    margin-top: 10px;
    margin-top: 10px;
  }

  welcome-text button {
    border: 1px solid #8ec1da;
    background-color: #ddeef6;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
    -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
    -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
    -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da;
    color: #3985a8;
    text-shadow: 0 1px #fff;
    padding: 5px 30px;
  }

  purs-cntr {
    width: 100%;
    display: flex;
    border-right-width: 0px;
    border-top-right-radius: 0px;
    padding: 0 5px;
  }

  purs-cntr cntr:nth-child(2) {
    width: 100%;
  }

  cover-cntr {
    width: 100%;
    height: 100%;
    border-radius: 0;
    border-width: 0;
  }

  share {
    opacity: 1;
  }

  social-icon {
    width: 50px;
    height: 50px;
  }

  share {
    width: 25px !important;
    height: 25px !important;
  }

  section {
    padding-left: 0;
  }

  section>top left {
    margin: 10px;
  }

  pane sign-in {
    padding: 9px 0;
  }
}




#qa{background:url(/images/bg/qa.jpg?);background:#FFF}
qa{display:flex;flex-direction:column;height:100%;overflow:hidden;padding: 10px 0;}
qa question{font-weight:bold;text-align:center;}
qa top{display:flex;font-size:18px;line-height:20px;justify-content:center;align-items:center;height:25%;padding:10px;}
qa author{margin-left:5px;}
qa answers{height:60%;}
qa answer{height:100%;line-height:20px;padding:10px;}
qa answer stakeholder{margin-left:5px;margin-bottom:-3px;}
qa tags{height:40px;}
#qa{display:flex;flex-direction:column;}
#qa tags{width:99%;margin:0 auto;}
section > tags{margin:10px auto;height:30px;}
#qa > tags tag:nth-child(1){color:;}
#qa > tags tag.active:nth-child(1){border-color:  !important;}
#qa #ask{margin-top:10px;align-self:center;}
section > top title{color:#6C6A68;}
qa tag, #qa tag{font-size: 14px;}
#qa gradient-line{background:transparent;
  background: -webkit-linear-gradient(left, #F1ECEA , #6C6A68);background: -o-linear-gradient(right, #F1ECEA, #6C6A68);
  background: -moz-linear-gradient(right, #F1ECEA, #6C6A68);background: linear-gradient(to right, #F1ECEA , #6C6A68);
}
@media screen and (max-width: 640px){
  //qa{font-size: 110%;}  
}



#rating{background:url(/images/bg/rating.jpg?1);background:#FFF;padding-bottom:0;}
#rating overall{font-size:45px;color:black;}
section > top title{color:#6E6259;}
.types{margin:10px;margin-top:0;}
#rating rate{width:100%;position:relative;margin: 5px 0;}
#rating rate *{box-sizing: content-box !important;}
#rating bg{width:100%;height:100%;top:0;position:absolute;}
#rating cover{width:80%;height:100%;max-width:1000px;position:absolute;z-index:1;}
#rating name{top:0;height:100%;position:absolute;z-index:3;opacity:0.7;display:flex;justify-content:center;align-items:center;padding-left: 10px}
#rating t{top:0;width:100%;height:100%;position:absolute;z-index:4;border-radius: 10px;}
#rating t.bordered{border: 2px solid ;}
#rating g{top:0;position:absolute;z-index:1;width:0;border-radius: 10px;}
#rating g.bordered{border: 1px solid ;}
#rating m{top:0;opacity:0;position:absolute;z-index:3;background:white;cursor:default;display:flex;justify-content:center;align-items:center}
#rating fr{margin-top: 1px;visibility:hidden;font-weight:bold;background:white;opacity:0.7;position:absolute;z-index:3;cursor:default;display:flex;justify-content:center;align-items:center}
#rating st{overflow:hidden;opacity:0.5;top:0;background-color:white;cursor:default;display:flex;justify-content:center;align-items:center}
#rating gradient-line{background:transparent;
  background: -webkit-linear-gradient(left, #F7DAC7 , #6E6259);background: -o-linear-gradient(right, #F7DAC7, #6E6259);
  background: -moz-linear-gradient(right, #F7DAC7, #6E6259);background: linear-gradient(to right, #F7DAC7 , #6E6259);
}
#rating rating{margin: 0 12px;}
button.rb{background: }
@media screen and (max-width: 640px){
    #rating overall{font-size:30px;}
    #rating cover{width:100%;}
    #rating name{padding-left:5px;}    
}
#rating top right{flex-direction:row;margin-right: 12px;}  


#roadmap{background:url(/images/bg/roadmap.jpg?);background:#D4E4C2;padding-bottom:0;background:white;}
#roadmap cover{position:relative;display:flex;width:100%;justify-content: flex-end;flex-direction: column;}
#roadmap text{color:black;padding-left:5px;bottom: 0}
#roadmap dates{display:flex;justify-content:space-between;color:grey;padding:5px;border-top:1px solid transparent;font-size:90%;}
#roadmap text,#roadmap d-icon{display:inline-block}
#roadmap d-icon{padding:0px 3px;cursor:pointer;margin-bottom: 35px}
#roadmap project d-icon{color:black;border:1px solid black;margin-left:10px;}
#roadmap project{border:2px solid white;}
#roadmap .task {}
#roadmap .task d-icon{border:1px solid black;font-style:normal;padding:0px 1px;}
section > top title{color:#686C64;}
#roadmap task, #roadmap project{display:flex;position:relative;z-index:2;}
#roadmap gradient{position:absolute;}
#roadmap text{display:flex;position:absolute;}
#roadmap text.task{display:flex;align-items:center;position:relative;color:black}
#roadmap d-icon.right{margin-left:5px}
#roadmap d-icon.left{margin-right:5px}
#roadmap project{align-items:center;display:flex;position:relative;}
#roadmap gradient-line{background:transparent;     
  background: -webkit-linear-gradient(left, #D4E4C2 , #686C64);background: -o-linear-gradient(right, #D4E4C2, #686C64);
  background: -moz-linear-gradient(right, #D4E4C2, #686C64);background: linear-gradient(to right, #D4E4C2, #686C64);
}
#roadmap top right{flex-direction:row;} 
roadmap > cntr{padding-top: 10px;}


.s1 section:nth-child(odd){background:#EEE !important}
.s1 section:nth-child(even){background:#FFF !important}
.s1 bar{filter: grayscale(100%);}
.s1 bar block:nth-child(even){background-color:#EEE !important}
.s1 bar block:nth-child(odd){background-color:#FFF !important}
.s1 button.big{background:#666 !important}
.s1 #qa > tags tag:nth-child(1){background:#000 !important;border-color:#000 !important}
.s1 tag{background:#AAA !important;}
.s1 #roadmap project{background:#666 !important;}
.s1 #roadmap task{background:#AAA !important;}
.s1 #roadmap gradient{background-image: linear-gradient(to right,#AAA,transparent) !important;}
.s1 advantages table tr:first-child{background:#666 !important}
.s1 advantages table td.p{color:#666 !important}
.s1 advantages table tr{background-color:#EEE !important}
.s1 #rating rate:nth-child(odd) bg{background:rgb(250,250,250) !important}
.s1 #rating rate:nth-child(even) bg{background:#FFF !important}
.s1 bountytask action.accept{background:#666 !important;}
.s1 bountytask action.postMaterials{background:#AAA !important;}
.s1 #events up,.s1 #events down{background:#CCC !important;}



#team{background:url(/images/bg/team.jpg?3);background:#FFF;}
team teammate{border-radius:10px;}
button#join-team{background:;color:white;margin:auto;margin-top:20px;font-weight: bold;}
section > top title{color:#676E62;}
#team roles-skills{display: flex;justify-content: space-between;}
#team gradient-line{background:transparent;
  background: -webkit-linear-gradient(left, #E7F7DC , #676E62);background: -o-linear-gradient(right, #E7F7DC, #676E62);
  background: -moz-linear-gradient(right, #E7F7DC, #676E62);background: linear-gradient(to right, #E7F7DC , #676E62);
}
#team name{margin: 0;}
@media screen and (max-width:640px) {
    button.step1{font-size:20px !important;}        
}


#video {
  background: url(/images/bg/video.jpg?2);
  background: #FFF;
}

#video video {
  border-radius: 0px;
  object-fit: cover !important;
}

#video vid slide {
  border-radius: 10px !important;
}

#video play-cover {
  border-radius: 0px !important;
}

#video slides cover {
  border-radius: 0px !important;
}

@media screen and (max-width: 640px) {
  #video > top {
    margin-bottom: 0 !important;
    margin-top: 20px !important;
  }
}


blocks {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    height: auto;
}

blocks>cntr {
    display: flex;
    flex-direction: row;
    margin-left: 0
}

blocks block {
    position: relative;
    z-index: 1;
}

blocks veil {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

blocks dots {
    display: flex;
    margin: 5px auto;
    align-self: center;
}

blocks dots circ {
    border: 0px solid black;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 5px;
    background: grey;
}

blocks dots circ dot {
    border-radius: 50%;
}

blocks dots circ.tiny {
    background: black;
}

blocks dots circ.tiny[chosen=true] {
    border-width: 0;
}

blocks dots circ[chosen=true] dot {
    margin: 0px;
    border-radius: 50%;
    background: ;
}

blocks dots circ.tiny[chosen=true] dot {
    margin: 0;
}

arrow {
    display: flex;
    align-items: center;
    font-size: 25px;
}

@media screen and (max-width:640px) {
    blocks dots * {
        background: grey !important
    }

    blocks dots circ {
        border-width: 0px;
        margin: 0 3px;
    }

    blocks dots circ dot {
        border: 0px solid black
    }

    blocks dots circ[chosen=true],
    dots circ[chosen=true] dot {
        background:  !important;
    }

    blocks dots circ[chosen=true] dot {
        width: 100%;
        height: 100%;
        margin: 0;
    }
}

.flex {
    display: flex;
}

.column {
    flex-direction: column;
}

.row {
    display: flex;
    flex-direction: row;
}

@font-face {
    font-family: "Myriad Pro Bold";
    src: url(/fonts/MyriadPro-Bold.otf) format("opentype");
    text-decoration: none;
}

@font-face {
    font-family: "Klavika Bold";
    src: url(/fonts/ufonts.com_klavika-bold-opentype.otf) format("opentype");
    text-decoration: none;
}

@font-face {
    font-family: "Pico Black";
    src: url(/fonts/pico-black.otf) format("opentype");
    text-decoration: none;
}

error,
screen {
    position: absolute;
    width: 200px;
    height: 400px;
    top: 0;
    left: 0;
    border: 1px solid lightgrey;
    background: white;
    z-index: 999999
}

textarea.bubble {
    border: 0px solid #888;
    border-bottom-width: 0px;
}

textarea:focus {
    outline: none;
}

button.textarea-bubble {
    font-size: 15px;
    box-shadow: none;
    border: 0px solid #888;
    border-radius: 0 !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    box-shadow: none;
    margin: 0 !important;
}

noselect,
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

list item:not(:last-of-type) {
    border-bottom: 1px solid white;
}

bubble list {
    display: flex;
    flex-direction: column;
}

block a,
b,
lightgrey,
grey {
    display: inline-block !important;
}

blocks a:active,
blocks a:link,
blocks a:visited,
blocks a:hover {
    color: black;
    text-decoration: none;
    border-bottom: 1px dotted black;
}

blocks a:hover {
    border-bottom-style: solid;
}

tag {
    padding: 3px 10px;
    color: black;
    margin: 0 3px;
    cursor: pointer;
}

tag:first-letter {
    text-transform: uppercase;
}

tag.active {
    border-bottom: 2px solid black;
}

table {
    display: table !important;
}

thead {
    display: table-header-group !important;
}

tr {
    display: table-row !important;
}

td {
    display: table-cell !important;
}

div {
    display: block;
}

body>cover {
  display: flex;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
}

body>cover>cntr {
  width: 700px;
  max-width: 100%;
  height: 500px;
  max-height: 100%;
  margin: auto;
  align-self: center;
  padding: 10px;
  border-radius: 15px;
  box-shadow: 0 0 5px grey;
  background: white
}

body>cover>cntr.simple {
  display: flex;
  background: transparent;
  border-width: 0;
  box-shadow: none;
  width: auto;
  height: auto;
}

.pane close,
menu-cover close,
cover close,
.cover close {
  z-index: 102 !important;
  cursor: pointer;
  position: fixed;
  top: 0px;
  right: 0px;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  font-size: 45px;
  display: flex;
  justify-content: center;
  align-items: center
}

lightgrey {
    color: lightgrey;
}

grey {
    color: #777;
}

.social-link {
    color: white !important;
    font-size: 12px;
    background: grey;
    font-weight: bold;
}

.social-link:link,
.social-link:visited,
.social-link:active,
.social-link:hover {
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.social-link:hover {
    border-bottom: 1px solid black;
}

.social-link.twitter {
    background: #1DA1F2;
    font-family: "Pico Black", sans-serif;
}

.social-link.facebook {
    background: #3B5998;
    font-family: "Klavika Bold", sans-serif;
}

.social-link.linkedin {
    background: #0077B5;
    font-family: "Myriad Pro Bold", sans-serif;
}

.social-link.telegram {
    background: rgb(47, 167, 220);
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
}

.opacity05 {
    opacity: 0.5;
}

.opacity03 {
    opacity: 0.3;
}

stakeholder {
    position: relative;
    cursor: pointer;
}

stakeholder * {
    display: block
}

stakeholder.view {
    border-radius: 3px;
    margin: 0 2px !important;
    cursor: default;
}

stakeholder checked {
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    position: absolute;
    background: rgb(154, 205, 50);
    color: white;
    border-radius: 50%;
    bottom: -9px;
    left: calc(50% - 9px)
}

stakeholder info {
    display: flex;
    justify-content: center;
    margin-left: 5px;
}

stakeholder.list,
stakeholder.simple {
    cursor: pointer;
    margin: 3px !important;
}

stakeholder.list {
    align-items: center;
}

stakeholder.list:not(.no-hover):hover {
    background: #B7D4C1
}

stakeholder name {
    font-weight: bold;
    color: black;
}

stakeholder initials {
    background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQYV2Pcf+XZf0cdKUYGKIAzMARgKjFUAABgvQgF1EILPQAAAABJRU5ErkJggg==);
    color: black;
}

stakeholder rm {
    top: -6px;
    right: -6px;
}

.opacity-animate {
    opacity: 0.5;
    filter: alpha(opacity=50);
    transition: 0.2s;
}

.opacity-animate:not(.chosen):hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.opacity-animate.chosen {
    opacity: 1 !important;
}

.tx-win {
    position: absolute;
    z-index: 99;
    top: 0;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
}

.tx-win cntr {
    position: absolute !important;
    display: flex !important;
    margin: auto;
    align-self: center;
    border: 1px solid grey;
    border-radius: 20px;
    width: 600px;
    height: 500px;
    background: white;
    top: calc(50% - 250px);
    left: calc(50% - 300px);
    justify-content: center;
    flex-direction: column;
    padding: 10px;
}

* .tx-win warning {
    margin-top: 20px !important;
    background: red;
    color: white;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
}

.tx-win msg {
    margin-top: 20px !important;
    background: green;
    color: white;
    border-radius: 10px;
    padding: 5px;
    text-align: center;
}

.tx-win .row {
    display: flex;
    margin: 5px;
    flex-wrap: wrap;
    align-items: center;
}

.tx-win .row text {
    display: flex;
    align-items: center;
    margin-right: 3px;
}

.tx-win cap {
    font-weight: bold;
    margin-right: 5px;
    display: flex;
    align-items: center;
}

.tx-win pass-cntr {
    border: 1px solid lightgrey;
    border-left-width: 0px;
    border-right-width: 0px;
    padding: 5px 0;
}

.tx-win [type=password] {
    width: 80px;
}

.tx-win button {
    border-radius: 15px;
    background: #E8ECEC;
    padding: 7px 13px;
    cursor: pointer;
    margin: 5px;
}

.tx-win button {
    align-self: center;
    margin: auto;
}

.tx-win arg {
    color: white;
    padding: 1px 3px;
    background: green;
    border-radius: 10px;
    margin: 3px;
}

.tx-win arg.not-defined {
    background: red
}

.tx-win input[type=text] {
    margin: 3px;
    width: 200px;
}

.tx-win dai-value,
.tx-win busd-value {
    color: grey;
    margin-left: 5px;
}

.tx-win question {
    align-self: center;
    font-weight: bold;
    font-size: 120%;
}

.tx-win answers-cntr {
    display: flex;
    align-self: center;
}

.tx-win answers-cntr>* {
    cursor: pointer;
    cursor: hand;
    margin: 10px;
}

.tx-win answers-cntr>dai:hover,
.tx-win answers-cntr>ether:hover {
    text-decoration: underline;
}

.tx-win input {
    border-width: 0px;
    border-radius: 10px;
    border: 1px solid rgb(118, 118, 118)
}

@media screen and (max-width: 640px) {
    expand tit {
        font-size: 17px !important;
    }

    .tx-win cntr,
    cover.standard>cntr {
        z-index: 99;
        max-width: 100%;
        max-height: 100%;
        height: 100% !important;
        left: 0 !important;
        top: 0 !important;
        border-width: 0px;
        border-radius: 0;
        padding: 0 !important;
    }

    .tx-win close,
    cover.standard close {
        z-index: 100;
    }

    cover.standard close {
        color: black !important;
    }

    .tx-win from {
        overflow-wrap: anywhere;
    }

    #observe-and-rule value-cntr {
        flex-wrap: wrap;
    }

    expand tit rm {
        top: 0 !important;
        right: 20px !important;
        font-size: 20px;
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
}


#slides {
    width: 100%;
}

slides {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    /* margin-top: 20px; */
}

slides slide {
    position: relative;
    border-radius: 10px;
}

slides arrow {
    position: absolute;
    z-index: 4;
    opacity: 1;
    cursor: pointer;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-shadow: 0 0 2px black
}

slides img {
    border-radius: 10px;
}

slides cover {
    position: absolute;
    z-index: 3;
    top: 0;
    width: 100%;
    height: 100%;
    background: black;
    border-radius: 10px;
    /* opacity; */
    cursor: pointer;
    opacity: 0.3
}

slides slide play-cover {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url(/images/icons/play.png) no-repeat center;
    background-size: auto 30%;
    cursor: pointer;
}

slides-buttons-cntr {
    position: absolute;
    bottom: 5px;
    display: block;
    margin: 0 auto;
}

slides-buttons {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
ms-overflow-style: none;  
scrollbar-width: none;
}

slides-buttons>dot {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 5px;
    border: 2px solid black;
    color: black;
    background-color: white;
}

slides-buttons>dot.active {
    border-color: ;
    color: ;
}

slides-buttons>dot.active n {
    opacity: 1;
}

slides-buttons>dot dot {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: white;
}

slides-buttons>dot n {
    position: absolute;
    font-family: Verdana;
    font-weight: bold;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 640px) {

    //slides arrow{color:grey;text-shadow:none;}
    //slides ar{border-radius:50%;background:white;width:30px;height:30px;text-align:center;}
    slides-buttons {
        overflow: auto;
        touch-action: pan-x;
        white-space: nowrap;
    }

    slides-buttons-cntr {
        bottom: -10px;
    }
}



/*cap,item{display:block;}
cap{font-size:120%;margin:10px 0;}
item{color:#AAA;}
item b{color:black;font-weight:normal;}
grey{color:#777;}*/

.tabs{
  margin: 0;
  list-style-type: none;
  display: inline-block;
  width:100%;
  position:relative;
}
.tabs:not(.simple){
  overflow: hidden;
}
.tabs.simple{
  border: 1px solid black;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}
.tabs li{
  float : left;
  position: relative;
  cursor:pointer;
  cursor:hand;
  text-align:center;
}

.tabs:not(.simple) li{
  border-top-right-radius: 25px 170px;
  border-top-left-radius: 20px 90px;
  box-shadow: 0 10px 20px rgba(0,0,0,.5);
  height: 170px !important;
  margin-top: 5px;
  overflow: hidden;
}
.tabs.simple li{
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.tabs li.active{z-index: 2}
.tabs.simple li.active{
  border: 1px solid black;
  border-bottom-width: 0;
}
.tabs.simple li:not(.active){
  border: 1px solid black;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}

.tabs li span{
  display: inline-flex;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  justify-content:center;
  align-items:center
}
.tabs li.active:before{border-color:transparent #FFF transparent transparent;}
.tabs li.active:after{border-color: transparent transparent transparent #FFF;}


.tabs li:before{
  -webkit-transform: rotate(48deg);
  left:-23px;
}
.tabs li:after{
  -webkit-transform: rotate(-48deg);
  right: -17px;
}
tabs-roller{
  font-family:Georgia, serif;
  color:grey;
}
tabs-roller.right, tabs-roller.right{padding-left:3px;}
tabs-roller.left, tabs-toller.left{padding-right:3px;}

@charset "UTF-8"; /* pytesNET/tail.DateTime v.0.4.14 */
/* @author SamBrishes, pytesNET <sam@pytes.net> | @license MIT */
.tail-datetime-calendar,.tail-datetime-calendar *,.tail-datetime-calendar :after,.tail-datetime-calendar :before{box-sizing:border-box;-webkit-box-sizing:border-box}.tail-datetime-calendar{top:0;left:0;width:360px;height:auto;padding:0;z-index:3000;display:block;position:absolute;visibility:hidden;direction:ltr;border-collapse:separate;font-family:"Open Sans",Calibri,Arial,sans-serif;background-color:#fff;border-width:0;border-style:solid;border-color:transparent;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 2px 1px rgba(0,0,0,.1);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 2px 1px rgba(0,0,0,.1)}.tail-datetime-calendar:after{clear:both;content:"";display:block;font-size:0;visibility:hidden}.tail-datetime-calendar.calendar-static{top:auto;left:auto;margin-left:auto;margin-right:auto;position:static;visibility:visible}.tail-datetime-calendar button.calendar-close{top:100%;right:15px;color:#303438;width:35px;height:25px;margin:1px 0 0 0;padding:5px 10px;opacity:.5;display:inline-block;position:absolute;font-size:14px;line-height:1.125em;text-shadow:none;border:0;outline:0;background-color:#fff;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBmaWxsPSIjMzAzNDM4IiBkPSJNNy40OCA4bDMuNzUgMy43NS0xLjQ4IDEuNDhMNiA5LjQ4bC0zLjc1IDMuNzUtMS40OC0xLjQ4TDQuNTIgOCAuNzcgNC4yNWwxLjQ4LTEuNDhMNiA2LjUybDMuNzUtMy43NSAxLjQ4IDEuNDhMNy40OCA4eiIvPjwvc3ZnPg==");background-repeat:no-repeat;background-position:center center;border-width:0;border-style:solid;border-color:transparent;border-radius:0 0 3px 3px;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 2px 1px rgba(0,0,0,.1);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15),0 1px 2px 1px rgba(0,0,0,.1);transition:opacity 142ms linear;-webkit-transition:opacity 142ms linear}.tail-datetime-calendar button.calendar-close:hover{opacity:1}.tail-datetime-calendar .calendar-tooltip{color:#fff;width:auto;margin:0;padding:0;display:block;position:absolute;background-color:#303438;border-radius:3px}.tail-datetime-calendar .calendar-tooltip:before{top:-7px;left:50%;width:0;height:0;margin:0 0 0 -6px;content:"";display:block;position:absolute;border-width:0 7px 7px 7px;border-style:solid;border-color:transparent transparent #303438 transparent}.tail-datetime-calendar .calendar-tooltip .tooltip-inner{width:auto;margin:0;padding:4px 7px;display:block;font-size:12px;line-height:14px}.tail-datetime-calendar .calendar-actions{color:#303438;width:100%;height:36px;margin:0;padding:0;display:table;overflow:hidden;border-spacing:0;border-collapse:separate;background-color:#fff;border-width:0;border-style:solid;border-color:transparent;border-radius:3px 3px 0 0}.tail-datetime-calendar .calendar-actions span{margin:0;padding:0;opacity:.5;display:table-cell;position:relative;text-align:center;line-height:40px;text-shadow:none;background-repeat:no-repeat;background-position:center center;transition:opacity 142ms linear,background 142ms linear;-webkit-transition:opacity 142ms linear,background 142ms linear}.tail-datetime-calendar .calendar-actions span[data-action]{cursor:pointer}.tail-datetime-calendar .calendar-actions span.action{width:50px;font-size:22px}.tail-datetime-calendar .calendar-actions span.label{width:auto;opacity:1;font-size:16px}.tail-datetime-calendar .calendar-actions span:first-child{border-radius:4px 0 0 0}.tail-datetime-calendar .calendar-actions span:last-child{border-radius:0 4px 0 0}.tail-datetime-calendar .calendar-actions span:first-child:before,.tail-datetime-calendar .calendar-actions span:last-child:before{top:5px;bottom:5px;width:1px;height:auto;margin:0;padding:0;content:"";display:inline-block;position:absolute;background-color:#e6e6e6}.tail-datetime-calendar .calendar-actions span:first-child:before{right:-1px}.tail-datetime-calendar .calendar-actions span:last-child:before{left:-1px}.tail-datetime-calendar .calendar-actions span:first-child:hover:before,.tail-datetime-calendar .calendar-actions span:last-child:hover:before{display:none}.tail-datetime-calendar .calendar-actions span[data-action]:hover{opacity:.95;background-color:#e6e6e6}.tail-datetime-calendar .calendar-actions span.action-prev{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgNiAxNiI+PHBhdGggZD0iTTYgMkwwIDhsNiA2VjJ6Ii8+PC9zdmc+")}.tail-datetime-calendar .calendar-actions span.action-next{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgNiAxNiI+PHBhdGggZD0iTTAgMTRsNi02LTYtNnYxMnoiLz48L3N2Zz4=")}.tail-datetime-calendar .calendar-actions span.action-submit{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBkPSJNMTIgNWwtOCA4LTQtNCAxLjUtMS41TDQgMTBsNi41LTYuNUwxMiA1eiIvPjwvc3ZnPg==")}.tail-datetime-calendar .calendar-actions span.action-cancel{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij48cGF0aCBmaWxsPSIjMzAzNDM4IiBkPSJNNy40OCA4bDMuNzUgMy43NS0xLjQ4IDEuNDhMNiA5LjQ4bC0zLjc1IDMuNzUtMS40OC0xLjQ4TDQuNTIgOCAuNzcgNC4yNWwxLjQ4LTEuNDhMNiA2LjUybDMuNzUtMy43NSAxLjQ4IDEuNDhMNy40OCA4eiIvPjwvc3ZnPg==")}.tail-datetime-calendar .calendar-datepicker{width:100%;margin:0 0 15px 0;padding:0;display:block;position:relative}.tail-datetime-calendar .calendar-datepicker:after{top:-1px;left:10px;right:10px;content:"";position:absolute;border-width:1px 0 0 0;border-style:solid;border-color:#e6e6e6}.tail-datetime-calendar .calendar-datepicker table{width:100%;margin:0;padding:0;border-spacing:1px;border-collapse:separate}.tail-datetime-calendar .calendar-datepicker table tr td,.tail-datetime-calendar .calendar-datepicker table tr th{color:#303438;width:50px;height:35px;padding:0;position:relative;font-size:13px;text-align:center;font-weight:400;text-shadow:none;line-height:30px;background-color:transparent;border-width:1px;border-style:solid;border-color:transparent;border-radius:3px}.tail-datetime-calendar .calendar-datepicker table tr td{cursor:pointer}.tail-datetime-calendar .calendar-datepicker table tr td span.inner{margin:0;padding:0;display:inline-block}.tail-datetime-calendar .calendar-datepicker table tr td.date-disabled{cursor:not-allowed;color:#a0a4a8}.tail-datetime-calendar .calendar-datepicker table tr td.date-disabled:after{color:#a0a4a8;top:0;left:0;width:49px;height:35px;margin:0;padding:0;content:"✕";opacity:.25;display:inline-block;position:absolute;font-size:30px;line-height:35px}.tail-datetime-calendar .calendar-datepicker table tr td.date-next,.tail-datetime-calendar .calendar-datepicker table tr td.date-previous{color:#808488;background-color:transparent}.tail-datetime-calendar .calendar-datepicker table tr td .tooltip-tick,.tail-datetime-calendar .calendar-datepicker table tr td.date-today:before{top:5px;width:5px;height:5px;margin:0;padding:0;z-index:20;content:"";display:inline-block;position:absolute;border-width:0;border-style:solid;border-color:transparent;border-radius:50%}.tail-datetime-calendar .calendar-datepicker table tr td.date-today:before{left:5px;background-color:#32b93c}.tail-datetime-calendar .calendar-datepicker table tr td .tooltip-tick{right:5px;background-color:#303438}.tail-datetime-calendar .calendar-datepicker table tr td.date-select .tooltip-tick,.tail-datetime-calendar .calendar-datepicker table tr td.date-select.date-today:before{background-color:#fff}.tail-datetime-calendar .calendar-datepicker table tr td .tooltip-tick:after,.tail-datetime-calendar .calendar-datepicker table tr td .tooltip-tick:before{display:none}.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year{width:14.28571429%;height:35px}.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day:hover,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade:hover,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month:hover,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year:hover{border-color:#e6e6e6}.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-disabled:hover,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade.date-disabled:hover,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month.date-disabled:hover,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year.date-disabled:hover{border-color:#fff;background-color:#fff}.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-today,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade.date-today,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month.date-today,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year.date-today{color:#32b93c;border-color:#32b93c}.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-select,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade.date-select,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month.date-select,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year.date-select{border-color:#149be6;background-color:#149be6}.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day.date-select span,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade.date-select span,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month.date-select span,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year.date-select span{color:#fff}.tail-datetime-calendar .calendar-datepicker table tr td.calendar-day span.inner,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade span.inner,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-month span.inner,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year span.inner{border:0}.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade,.tail-datetime-calendar .calendar-datepicker table tr td.calendar-year{width:25%}.tail-datetime-calendar .calendar-datepicker table tr td.calendar-decade span.inner{height:54px;padding:7px 15px;text-align:center;line-height:20px}.tail-datetime-calendar .calendar-timepicker{width:100%;margin:0;padding:0;display:block;position:relative;border-top:0;text-align:center}.tail-datetime-calendar .calendar-timepicker:after{top:-1px;left:10px;right:10px;content:"";position:absolute;border-width:1px 0 0 0;border-style:solid;border-color:#e6e6e6}.tail-datetime-calendar .calendar-timepicker .timepicker-field{width:auto;margin:0;padding:20px 10px 10px 10px;display:inline-block;position:relative;text-align:center}.tail-datetime-calendar .calendar-timepicker .timepicker-field:first-of-type{text-align:right}.tail-datetime-calendar .calendar-timepicker .timepicker-field:last-of-type{text-align:left}.tail-datetime-calendar .calendar-timepicker .timepicker-field input[type=text]{color:#606468;width:75px;height:35px;margin:0;z-index:4;padding:3px 20px 3px 5px;display:inline-block;position:relative;font-size:12px;text-align:center;appearance:textfield;-moz-appearance:textfield;-webkit-appearance:textfield;background-color:#fff;border-width:1px;border-style:solid;border-color:#e0e0e0;border-radius:3px;box-shadow:none;-webkit-box-shadow:none;transition:color 142ms linear,border 142ms linear,background 142ms linear;-webkit-transition:color 142ms linear,border 142ms linear,background 142ms linear}.tail-datetime-calendar .calendar-timepicker .timepicker-field input[type=text]:hover{color:#404448;border-color:#d0d0d0;background-color:#fff}.tail-datetime-calendar .calendar-timepicker .timepicker-field input[type=text]:focus{color:#303438;border-color:#149be6;background-color:#fff}.tail-datetime-calendar .calendar-timepicker .timepicker-field input[type=text]:disabled{cursor:not-allowed;color:#a0a4a8;border-color:#d0d0d0;background-color:#f0f0f0}.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step{right:11px;width:20px;height:17px;margin:0;padding:0;z-index:15;display:inline-block;position:absolute;background-color:#fff;box-shadow:none;-webkit-box-shadow:none;transition:border 142ms linear,background 142ms linear;-webkit-transition:border 142ms linear,background 142ms linear}.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step:before{top:5px;left:50%;width:0;height:0;margin:0 0 0 -3px;padding:0;content:"";display:inline-block;position:absolute;transition:border 142ms linear;-webkit-transition:border 142ms linear}.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step.step-up{top:21px;border-width:0 0 1px 1px;border-style:solid;border-color:#e0e0e0;border-radius:0 2px 0 0}.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step.step-up:hover{background-color:#fff}.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step.step-up:before{border-width:0 4px 5px 4px;border-style:solid;border-color:transparent transparent #606468 transparent}.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step.step-down{top:37px;border-width:1px 0 0 1px;border-style:solid;border-color:#e0e0e0;border-radius:0 0 2px 0}.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step.step-down:hover{background-color:#fff}.tail-datetime-calendar .calendar-timepicker .timepicker-field button.picker-step.step-down:before{border-width:5px 4px 0 4px;border-style:solid;border-color:#606468 transparent transparent transparent}.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus+button.step-up{border-color:#149be6;background-color:#fff}.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus+button.step-up:before{border-bottom-color:#149be6}.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus+button.step-up:hover{color:#fff;background-color:#149be6}.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus+button.step-up:hover:before{border-bottom-color:#fff}.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus+button+button.step-down{border-color:#149be6;background-color:#fff}.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus+button+button.step-down:before{border-top-color:#149be6}.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus+button+button.step-down:hover{color:#fff;background-color:#149be6}.tail-datetime-calendar .calendar-timepicker .timepicker-field input:focus+button+button.step-down:hover:before{border-top-color:#fff}.tail-datetime-calendar .calendar-timepicker .timepicker-field input:disabled+button.step-up{cursor:not-allowed;border-color:#d0d0d0;background-color:#f0f0f0}.tail-datetime-calendar .calendar-timepicker .timepicker-field input:disabled+button.step-up:hover{border-color:#d0d0d0;background-color:#f0f0f0}.tail-datetime-calendar .calendar-timepicker .timepicker-field input:disabled+button.step-up:before{border-bottom-color:#a0a4a8}.tail-datetime-calendar .calendar-timepicker .timepicker-field input:disabled+button+button.step-down{cursor:not-allowed;border-color:#d0d0d0;background-color:#f0f0f0}.tail-datetime-calendar .calendar-timepicker .timepicker-field input:disabled+button+button.step-down:hover{border-color:#d0d0d0;background-color:#f0f0f0}.tail-datetime-calendar .calendar-timepicker .timepicker-field input:disabled+button+button.step-down:before{border-top-color:#a0a4a8}.tail-datetime-calendar .calendar-timepicker .timepicker-field label{color:#606468;margin:0;padding:0;display:block;font-size:12px}.tail-datetime-calendar .calendar-timepicker label.timepicker-switch{cursor:pointer;margin:0 0 -8px 0;padding:15px 0 0 0;display:block;text-align:center;vertical-align:top}.tail-datetime-calendar .calendar-timepicker label.timepicker-switch:after,.tail-datetime-calendar .calendar-timepicker label.timepicker-switch:before{width:auto;margin:0;padding:0 5px;font-size:12px;line-height:16px;vertical-align:top}.tail-datetime-calendar .calendar-timepicker label.timepicker-switch:before{content:attr(data-am)}.tail-datetime-calendar .calendar-timepicker label.timepicker-switch:after{content:attr(data-pm)}.tail-datetime-calendar .calendar-timepicker label.timepicker-switch input[type=checkbox]{display:none}.tail-datetime-calendar .calendar-timepicker label.timepicker-switch input[type=checkbox]+span{display:inline-block;position:relative;vertical-align:top}.tail-datetime-calendar .calendar-timepicker label.timepicker-switch input[type=checkbox]+span:before{width:50px;height:16px;content:"";display:inline-block;vertical-align:top;border-width:1px;border-style:solid;border-color:#149be6;border-radius:14px;transition:border 284ms linear;-webkit-transition:border 284ms linear}.tail-datetime-calendar .calendar-timepicker label.timepicker-switch input[type=checkbox]+span:after{top:3px;left:4px;right:30px;width:auto;height:10px;margin:0;padding:0;content:"";display:inline-block;position:absolute;background-color:#149be6;border-radius:15px;vertical-align:top;transition:left 284ms linear,right 284ms linear 284ms,background 284ms linear;-webkit-transition:left 284ms linear,right 284ms linear 284ms,background 284ms linear}.tail-datetime-calendar .calendar-timepicker label.timepicker-switch input[type=checkbox]:checked+span:before{border-color:#32b93c}.tail-datetime-calendar .calendar-timepicker label.timepicker-switch input[type=checkbox]:checked+span:after{left:30px;right:4px;background-color:#32b93c;transition:right 284ms linear,left 284ms linear 284ms,background 284ms linear;-webkit-transition:right 284ms linear,left 284ms linear 284ms,background 284ms linear}.tail-datetime-calendar.rtl{direction:rtl}.tail-datetime-calendar.rtl .calendar-actions span.action-next,.tail-datetime-calendar.rtl .calendar-actions span.action-prev{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg)}.tail-datetime-calendar.rtl .calendar-datepicker table tr td.date-disabled:after{right:3px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}.tail-datetime-calendar.rtl .calendar-datepicker table tr td.date-today:before{right:5px}.tail-datetime-calendar.rtl .calendar-datepicker table tr td .tooltip-tick{left:5px}.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade.date-today:before,.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-month.date-today:before,.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-year.date-today:before{right:50%;margin-right:-2.5px}.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade:hover span.inner:before,.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-month:hover span.inner:before,.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-year:hover span.inner:before{right:6px;border-right-color:#ccc}.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade span.inner:after,.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-month span.inner:after,.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-year span.inner:after{left:0}.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade:hover span.inner:after,.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-month:hover span.inner:after,.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-year:hover span.inner:after{left:6px;border-left-color:#ccc}.tail-datetime-calendar.rtl .calendar-datepicker table tr td.calendar-decade span.inner{text-align:right}.tail-datetime-calendar.rtl .calendar-timepicker .timepicker-field:first-child{text-align:left;padding-left:0;padding-right:25px}.tail-datetime-calendar.rtl .calendar-timepicker .timepicker-field:last-child{text-align:right;padding-left:25px;padding-right:0}.tail-datetime-calendar.rtl .calendar-timepicker .timepicker-field:first-child input[type=text]{margin-left:-1px;margin-right:0;border-radius:0 3px 3px 0}.tail-datetime-calendar.rtl .calendar-timepicker .timepicker-field:last-child input[type=text]{margin-left:0;margin-right:-1px;border-radius:3px 0 0 3px}
/*# sourceMappingURL=tail.datetime-harx-light.min.map */
