.typewrite {
    top: 35px;
    color: #e8641b !important;
    display: inline-block;
    position: relative;
    font-family: 'IRANSans','weyekan',mitra,Tahoma Helvetica, Arial, sans-serif,weyekan,Tahoma,sans-serif;
    -webkit-transform: translateZ(25px);
    transform: translateZ(25px);
    -webkit-transform-origin: 50% 50% 25px;
    transform-origin: 50% 50% 25px;
    text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.5);
}



    .typewrite.out {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
        transition: -webkit-transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .typewrite.behind {
        -webkit-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
    }

    .typewrite.in {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        transition: -webkit-transform 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: transform 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: transform 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }





.wordsysscript {
    direction: rtl !important;
    position: absolute;
    width: 100%;
    opacity: 0;
    font-family: 'IRANSans','weyekan',mitra,Tahoma Helvetica, Arial, sans-serif,weyekan,Tahoma,sans-serif;
}

.letter {
    top: 40px;
    color: #e8641b !important;
    display: inline-block;
    position: relative;
    font-family: 'IRANSans','weyekan',mitra,Tahoma Helvetica, Arial, sans-serif,weyekan,Tahoma,sans-serif;
    -webkit-transform: translateZ(25px);
    transform: translateZ(25px);
    -webkit-transform-origin: 50% 50% 25px;
    transform-origin: 50% 50% 25px;
    text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.5);
}

.letter.out {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
  transition: -webkit-transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
  -webkit-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
}

.letter.in {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  transition: -webkit-transform 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.9s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.wisteria {
    color: #bd4335;
}

.belize {
    color: #bd4335;
}

.pomegranate {
    color: #bd4335;
}

.green {
  color: #16a085;
}

.midnight {
  color: #2c3e50;
}

@media (min-width:768px) {

    .warp {
        font-size: 20pt;
    }
   
}
@media (max-width:768px) {
    .warp {
        font-size: 12pt;
    }
}


button, input, optgroup, select, textarea {
    text-align:right;
    font-size: 100%;
    line-height: 1.15;
}