@media (min-width: 1025px) {
    .whb-top-bar-inner {
        height: 36px;
    }
    .whb-general-header-inner {
        height: 85px;
        max-height: 85px;
    }
    }
    .whb-top-bar {
        background-color: #e3e3e3;
    }
    #post-2852 {
        padding-top: 0 !important;
    }
    @keyframes bgchange {
        0% {background: #fff}
        100% {background: linear-gradient(135deg,#FF9C00 9%,#ffcc00 70%)}
    }
    #animated-intro {
        height: 550px;
        background: #fff;
        position: relative;
        overflow: hidden;
        direction: ltr;
        animation: .5s linear bgchange;    
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        animation-delay: 1s;
    }
    .wipe {
        height: 100%;
        width: 100%;
        position: absolute;
    }
    @keyframes legacywipe {
        0% {transform: translate(-20%,0) skewX(-30deg);}
        100% { transform: translate(-120%,0) skewX(-30deg)}	
    }
    #animated-intro .wipe span {
        position: absolute;
        width: 150%;
        height: 100%;
        transform: translate(120%,0) skewX(-30deg);
        animation: 2s ease-in-out legacywipe;
    }
    #animated-intro .wipe span:first-child {
        animation-delay: 1.25s;
    }
    #animated-intro .wipe span.light {
        background: #ffcc00;
    }
    #animated-intro .wipe span:nth-child(2) {
        animation-delay: 1.2s;
    }
    #animated-intro .wipe span.dark {
        background: #ffc600;
    }
    #animated-intro .wipe span:nth-child(3) {
        animation-delay: 1.11s;
    }
    #animated-intro .wipe span:nth-child(4) {
        animation-delay: 1.06s;
    }
    #animated-intro .wipe span:nth-child(5) {
        animation-delay: 1s;
    }
    #animated-intro .wipe span.white {
        background: #fff;
    }
    #animated-intro .circle {
        position: relative;
        display: flex;
        align-items: center;
        width: 25rem;
        height: 25rem;
        margin: 30px auto;
        opacity: 0;
        border-radius: 50%;
        background: #fff;
        animation: 1.25s ease-in-out elastic;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        animation-delay: 2s;
    }
    @keyframes elastic {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0);
            opacity: 0;
        }
        20% {
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
            opacity: 1;
        }
        40% {
            -webkit-transform: scale(.8);
            transform: scale(.8);
            opacity: 1;
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }
    }
    #animated-intro .circle #circle-animate-img {
        width: 100%;
        margin: 0;
        padding: 0;
        opacity: 0;
        animation: 1s ease-in-out upandin;
        position: relative;
        z-index: 1;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        animation-delay: 3.5s;
    }
    @keyframes upandin {
        0% {
            -webkit-transform: translateY(100%);
            transform: translateY(100%);
            opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }
    }
    .glow {
        display: none;
        position: absolute;
    }
    #circle-animate:hover .glow {
        display: block;
    }
    @keyframes inright {
        0% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            opacity: 0;
        }
        80% {
            -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
            opacity: 1;
        }    
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }
    }
    @keyframes inleft {
        0% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            opacity: 0;
        }
        80% {
            -webkit-transform: translateX(5%);
            transform: translateX(5%);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
        }    
    }
    #rtext {
        position: relative;
        right: 3%;
        opacity: 0;
        bottom: 50%;
        direction: rtl;
        animation: 1s ease-in-out inright;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        animation-delay: 3s;
    }
    #rtext h1, #ltext h2 {
        line-height: 100px;
        position: absolute;
    }
    #ltext {
        position: absolute;
        left: 3%;
        top: 40%;
        opacity: 0;
    }
    #ltext h2 {
        font-size: 28px;
    }
    /***********************/
    #ltext {
        position: relative;
        left: 3%;
        opacity: 0;
        bottom: 50%;
        top: unset;
        animation: 1s ease-in-out inleft;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        animation-delay: 3.5s;
    }
    #ltext h2 {
        font-size: 45px;
        position: absolute;
        font-weight: 900;
        font-family: sans-serif;
    }
    #ltext h2:nth-child(1) {
        color: transparent;
        -webkit-text-stroke: 2px #141414;
    }
    @keyframes animate {
      0%,
      100% {
        clip-path: polygon(
          0% 45%,
          16% 44%,
          33% 50%,
          54% 60%,
          70% 61%,
          84% 59%,
          100% 52%,
          100% 100%,
          0% 100%
        );
      }
    
      50% {
        clip-path: polygon(
          0% 60%,
          15% 65%,
          34% 66%,
          51% 62%,
          67% 50%,
          84% 45%,
          100% 46%,
          100% 100%,
          0% 100%
        );
      }
    }
    @keyframes intop {
        0% {
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
            opacity: 0;
        }
        80% {
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 1;
        }    
    }
    #ltext h2:nth-child(2) {
        color: #000;
        animation: animate 4s ease-in-out infinite;
    }
    #brtext {
        position: relative;
        opacity: 0;
        bottom: 38%;
        top: unset;
        right: 3%;
        direction: rtl;
        animation: 1s ease-in-out intop;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        animation-delay: 4s;
    }
    #brtext p {
        position: absolute;
        line-height: 100px;
        color: black;
        font-weight: bold;
        font-size: 20px;
    }
    #bltext {
        position: relative;
        left: 3%;
        opacity: 0;
        bottom: 38%;
        top: unset;
        animation: 1s ease-in-out intop;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        animation-delay: 4.5s;
    }
    #bltext p {
        position: absolute;
        line-height: 100px;
        color: black;
        font-weight: bold;
        font-size: 20px;
    }
    #navtext {
        display: flex;
        justify-content: center;
        font-size: 18px;
        position: relative;
        align-items: center;
    }
    #navtext a {
        opacity: 0;
        animation: .5s ease zoomin;
        color: #525252;
        font-weight: bold;
        padding: 0 30px;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        animation-delay: 5s;
    }
    @keyframes zoomin {
      0% {
        transform: scale(0, 0);
        opacity: 1;
      }
      10% {
        transform: scale(.1, .1);
        opacity: 1;
      }
      20% {
        transform: scale(.2, .2);
        opacity: 1;
      }
      30% {
        transform: scale(.3, .3);
        opacity: 1;
      }
      40% {
        transform: scale(.4, .4);
        opacity: 1;
      }
      50% {
        transform: scale(.5, .5);
        opacity: 1;
      }
      60% {
        transform: scale(.6, .6);
        opacity: 1;
      }
      70% {
        transform: scale(.7, .7);
        opacity: 1;
      } 
      80% {
        transform: scale(.8, .8);
        opacity: 1;
      }
      90% {
        transform: scale(.9, .9);
        opacity: 1;
      }
      100% {
        transform: scale(1, 1);
        opacity: 1;
      }
    }
    #navtext a:nth-child(2) {
        font-size: 28px;
        color: #000;
    }
    #rtext h1 {
        font-family: IRANSansB;
    }
    @media(max-width:1025px) {
      #animated-intro .circle {
        width: 20rem;
        height: 20rem;
      }
      #brtext, #bltext, #navtext {
        display: none;
      }
      #rtext {
        right: unset;
        bottom: 10px;
      }
      #rtext h1, #ltext h2 {
        line-height: 1.4;
        width: 100%;
        text-align: center;
      }
      #ltext {
        left: unset;
        bottom: unset;
        top: 50px;
      }
      #rtext h1 {
        font-size: 25px;
      }
    }