input, select {width:calc(100% - 60px); padding:10px; margin:10px; font-family:'iransansfabold';}
body{background-color:white;font-family: 'iransansfabold';}
.oneKey{font-family:'iransansfabold'; cursor:pointer; display:inline-block; border-radius:50px; padding:10px 20px; min-width:150px; box-shadow:0px 0px 5px 2px grey;margin:5px 5px 5px -25px; z-index:1;  color:white;   background-image:linear-gradient(#173b5d, #2f577c);}
.frame{ padding:20px 10px 10px 10px; position:relative; border:2px solid grey; border-radius:8px; margin:10px 10px 40px 10px;}

@font-face {
  font-family: 'iransansfabold';
  src: url(iransansfabold.eot);
  src: url(iransansfabold.eot?#iefix) format('embedded-opentype'),
       url(iransansfabold.otf) format('otf'),
       url(iransansfabold.svg#iransansfabold) format('svg'),
       url(iransansfabold.ttf) format('truetype'),
       url(iransansfabold.woff) format('woff'),
       url(iransansfabold.woff2) format('woff2');
}

@media screen and (max-width: 800px) {
    .stickyTop{position:sticky; position: -webkit-sticky; top:-4vh; background-color:#fffff9;}
    .enshType{width:80vw; min-width:80vw;}
}
@media screen and (min-width: 801px) {
    .stickyTop{position:sticky; position: -webkit-sticky; top:-4vh; background-color:#fffff9;}
    .enshType{width:calc(30vw - 20px); min-width:calc(30vw - 20px);}
}