html, body {
    color: #212121;
    background: #ffffff;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 400;
    text-rendering: optimizelegibility;
    -webkit-text-size-adjust: 100%;
    margin: 0em;
    direction: ltr;
    min-width: 240px;
    width: 100%;
    position: relative;
    float: left;
    overflow-x: hidden;
}
html.noscroll,
html.noscroll body {
    overflow: hidden !important;
    position: relative !important;
    height: 100% !important;
}
.rtl {
    direction: rtl;
    font-family: 'Droid Arabic Naskh', Roboto, Helvetica, Arial, sans-serif;
}
.rtl.fa .nav *,
.rtl.fa .nav-language .fa,
.rtl.fa .nav-language .ar,
.rtl.fa #tools *,
.rtl.fa #root *[lang='fa-IR'] h2,
.rtl.fa #root *[lang='ar'] h2,
.rtl.fa .section-header,
.rtl.fa #description-text *,
.rtl.fa #paskoocheh-promo *,
.rtl.fa #what-we-do *,
.rtl.fa #projects *,
.rtl.fa #contact *,
.rtl.fa #project-description h1,
.rtl.fa #project-description #project-type *,
.rtl.fa #other-projects *,
.rtl.fa #our-team *,
.rtl.fa #overlay-menu *,
.rtl.fa #our-projects-button * {
    font-family: Yekan, 'Droid Arabic Naskh', Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.rtl.ar .nav *,
.rtl.ar .nav-language .fa,
.rtl.ar .nav-language .ar,
.rtl.ar #tools *,
.rtl.ar #root *[lang='fa-IR'] h2,
.rtl.ar #root *[lang='ar'] h2,
.rtl.ar .section-header,
.rtl.ar #description-text *,
.rtl.ar #what-we-do *,
.rtl.ar #projects *,
.rtl.ar #contact *,
.rtl.ar #project-description h1,
.rtl.ar #project-description #project-type,
.rtl.ar #other-projects,
.rtl.ar #our-team,
.rtl.ar #overlay-menu * {
    font-family: 'Droid Arabic Naskh', Roboto, Helvetica, Arial, sans-serif;
}
body * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body.focus-outlines-hidden * {
    outline: none !important;
}
img {
    border: none;
}
button {
    cursor: pointer;
    border: none;
    font-family: Roboto, Helvetica, Arial, sans-serif;
}
input, textarea, keygen, select, button {
    font-size: 1em;
    font-family: inherit;
    border-radius: 0px;
}
a {
    text-decoration: none;
    color: #212121;
}
/*[aria-hidden] {
    display: none;
}*/
.centred {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 1rem;
}
.content {
    float: left;
    width: 100%;
}
.image-button {
    background-size: 100%;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: 49.9999% 49.9999%;
    text-indent: -9999px;
}
.invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}
#image-preload:after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    visibility: hidden;
    content: url(../images/icons/facebook-filled.svg?v=2017-02-09)
             url(../images/icons/twitter-filled.svg?v=2017-02-09)
             url(../images/icons/telegram-filled.svg?v=2017-02-09)
             url(../images/icons/facebook-white-filled.svg?v=2017-02-09)
             url(../images/icons/twitter-white-filled.svg?v=2017-02-09)
             url(../images/icons/telegram-white-filled.svg?v=2017-02-09)
             url(../images/icons/chevron-white-up.svg?v=2017-02-09)
             url(../images/icons/chevron-white-down.svg?v=2017-02-09)
             url(../images/icons/chevron-blue-up.svg?v=2017-02-09)
             url(../images/icons/chevron-white-left.svg?v=2017-02-09)
             url(../images/icons/minimize.svg?v=2017-02-09);
}

.a11y-nav-link {
    position: absolute;
    top: -1000px;
    right: -1000px;
    height: 1px;
    width: 1px;
    text-align: right;
    overflow: hidden;
    background-color: #ffffff;
    z-index: 99;
    background-color: #2c2c2c;
    color: #fff !important;
}
.a11y-nav-link:active,
.a11y-nav-link:focus,
.a11y-nav-link:hover {
    width: auto;
    padding: 0 1em;
    width: auto;
    overflow: visible;
}

#skip-to-main-link {
    font-size: 1.25em;
    line-height: 2em;
    height: 2em;
    top: 1.375em;
}
body.ltr #skip-to-main-link:active,
body.ltr #skip-to-main-link:focus,
body.ltr #skip-to-main-link:hover {
    right: initial;
    left: 1em;
}
body.rtl #skip-to-main-link:active,
body.rtl #skip-to-main-link:focus,
body.rtl #skip-to-main-link:hover {
    right: 1em;
}

/* ============
   === ROOT ===
   ============ */

#root-html,
#root-body {
    background-color: rgb(86,198,224);
}
#root-body * {
    color: #fff;
}
#root {
    max-width: 500px;
    margin-top: 6em;
}
#root ul,
#root h2,
#root p {
    float: left;
    width: 100%;
}
#root img {
    display: block;
    width: 120px;
    height: auto;
    margin: 0 auto;
    filter: drop-shadow(1px 1px 2px rgba(33, 33, 33, 0.15));
}
#root .motto,
#root .boxed:not(.active),
#root .article-19 {
    text-shadow: 1px 1px 2px rgba(33, 33, 33, 0.15);
}
#root .motto {
    font-size: 1.25em;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2em;
}
#root ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 2em;
    width: calc(100% + 2em);
    margin-left: -1em;
}
#root li {
    float: left;
    width: 25%;
    width: calc(33.33333% - 2em);
    margin: 0 1em;
}
#root li .boxed {
    width: 100%;
    text-align: center;
    border-width: 2px;
    transition: color 0.3s, background-color 0.3s;
    box-shadow: 1px 1px 2px rgba(33, 33, 33, 0.15);
}
#root li .boxed:hover,
#root li .boxed:active,
#root li .boxed.active {
    background-color: #fff;
    color: rgb(86,198,224);
}
#root li .boxed:focus {
    outline: 3px solid #24374B !important;
}
#root *[lang='fa-IR'],
#root *[lang='ar'] {
    direction: rtl;
    font-family: 'Droid Arabic Naskh', Roboto, Helvetica, Arial, sans-serif;
}
#root *[lang='fa-IR'] h2,
#root *[lang='ar'] h2 {
    font-weight: normal;
    font-size: 1.25em;
}
#root .article-19 {
    float: left;
    width: 100%;
}
#root h2 {
    margin-bottom: 0;
    font-size: 1em;
    font-weight: bold;

}

@media (max-width: 400px) {
    #root {
        margin-top: 2em;
    }
    #root .motto {
        margin-bottom: 1em;
    }
    #root ul {
        width: 100%;
        margin-left: 0;
    }
    #root li {
        width: 100%;
        margin: 0;
        padding: 0;
        padding: 0 calc((100% - 120px) / 2);
        margin-bottom: 1em;
    }
    #root li .boxed {
        background-color: transparent !important;
        color: #fff !important;
    }
    #root .article-19 {
        display: none !important;
    }
}

/* ===========
   === 404 ===
   =========== */

#not-found-content {
    float: left;
    width: 100%;
    margin-top: 3em;
}
#not-found {
    max-width: 400px;
    text-align: center;
}
#not-found h1 {
    color: rgb(0,155,216);
}
#not-found img {
    width: auto;
    max-width: 100%;
}

/* ==============
   === REUSED ===
   ============== */

.full-width-wrapper {
    float: left;
    width: 100%;
    margin-bottom: 2rem;
}

.section-header {
    font-size: 2em;
    line-height: 1.2em;
    text-align: center;
    text-transform: uppercase;
    color: rgb(0,155,216);
    margin-top: 1em;
    font-weight: bold;
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
}

.boxed {
    float: left;
    font-size: 1rem;
    padding: 0.5em;
    border: 3px solid #fff;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    background-color: transparent;
    cursor: pointer;
}

/* PROJECT BOX LISTS  */

ul.projects-list {
    list-style-type: none;
    padding: 0;
    clear: both;
    margin: 0em 0 1em -0.5em;
    width: 100%;
    width: calc(100% + 1em);
}
.rtl ul.projects-list {
    margin: 1em -0.5em 1em;
}
.project-box {
    position: relative;
    display: block;
    float: left;
    width: 29%;
    width: calc(100% * 0.33333 - 1em);
    margin: 0.5em;
    overflow: hidden;
}
.rtl .project-box {
    float: right;
}
.project-box .sizer {
    display: block;
    float: left;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
}
.project-box .box-content {
    position: absolute;
    left: 0;
    top: 0;
    text-decoration: none;
    height: 100%;
    width: 100%;
    transition: opacity 0.4s;
}
.project-box .box-content::before {
    position: relative;
    float: left;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    z-index: 2;
    content: " ";
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.project-box h3, .project-box h4 {
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    font-size: 1.5em;
    line-height: 1.5em;
    display: block;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 3;
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    padding: 0 0.5em;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.6s;
    transition: opacity 0.3s, transform 0.6s;
    text-shadow: 1px 1px 2px rgba(33, 33, 33, 0.15);
}
.fa .project-box h3, .fa .project-box h4 {
    font-size: 1.7em;
}
.project-box img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
}
.projects-list .project-box.mouseover .box-content::before {
    opacity: 0 !important;
}
.projects-list .project-box.mouseover h3, .what-we-do-section.open .projects-list .project-box.mouseover h4 {
    opacity: 0 !important;
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0.5);
}
.projects-list .project-box.mouseover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
@media (max-width: 650px) {
    .project-box {
        width: 39% !important;
        width: calc(100% / 2 - 1em) !important;
    }
    .project-box h3, .project-box h4 {
        font-size: 1.25em !important;
    }
    .fa .project-box h3, .fa .project-box h4 {
        font-size: 1.5em !important;
    }
}
@media (max-width: 400px) {
    .project-box .box-content h3, .project-box .box-content h4 {
        font-size: 1em !important;
    }
}

/* ==============
   === HEADER ===
   ============== */

.header-fixed-placeholder {
    display: block;
    position: relative;
    width: 100%;
    background-color: #fff;
    height: 6em;
}

#header-wrapper {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    z-index: 5;
    box-shadow: 0 -2em 1em 2em #999;
    font-size: 1rem;
}
.rtl #header-wrapper {
    float: right;
}

#header {
    max-width: 100%;
}
#header * {
    color: rgb(0,155,216);
}

/* LOGO  */

a.logo-link {
    height: 6em;
    margin: 0 1em 0 0;
    position: relative;
    float: left;
}
.rtl a.logo-link {
    margin: 0 0 0 1em;
    float: right;
}
img.logo-img {
    height: inherit;
    padding: 1em 0;
    width: auto;
    display: block;
    float: left;
}
.rtl img.logo-img {
    float: right;
}
@media (max-width: 359px) {
    img.logo-img {
        padding: 1.5em 0 !important;
    }
}

/* NAV (GENERAL) */

.nav {
    display: block;
    height: auto;
    font-size: 1em;
    line-height: 2em;
    overflow: hidden;
}
.nav * {
    font-weight: bold;
}
.nav ul {
    list-style-type: none;
    padding: 0;
    margin: 2em 0;
    height: inherit;
    line-height: 2em;
}
.nav ul li {
    height: inherit;
    width: auto;
    float: left;
}
.nav ul li a {
    text-decoration: none;
    height: inherit;
    display: block;
    padding: 0 0.5em;
}

/* NAV MAIN */

.nav ul.nav-main {
    float: left;
    margin: 1.85em 0 1.85em 1em;
    line-height: 2.3em;
    height: 2.3em;
}
.rtl .nav ul.nav-main {
    float: right;
    margin: 1.85em 1em 1.85em 0;
}
.nav ul.nav-main li {
    height: inherit;
}
.nav ul.nav-main li a span {
    position: relative;
    height: inherit;
    display: block;
}
.fa .nav ul.nav-main li a span {
    font-size: 1.2em;
}
.nav ul.nav-main li a span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: rgb(0,155,216);
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.nav ul.nav-main li.active a span:before,
.nav ul.nav-main li a:hover span:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.nav ul.nav-main {
    float: left;
}
.rtl .nav ul.nav-main {
    float: right;
}
.nav ul.nav-main li, .nav ul.nav-language li {
    float: left;
    padding: 0 0.5em;
}
.rtl .nav ul.nav-main li {
    float: right;
}

/* NAV LANGUAGE */

.nav ul.nav-language {
    margin: 2.25em 1em 2.25em 0;
    float: right;
}
.rtl .nav ul.nav-language {
    float: left;
}
.rtl .nav ul.nav-language {
    margin: 2.25em 0 2.25em 1em;
}
.nav ul.nav-language li {
    height: 1.5em;
    line-height: 1.5em;
}
.nav ul.nav-language li:first-child {
    border-right: 2px solid rgb(0,155,216);
    padding-right: calc(0.1em - 2px);
}
.nav ul.nav-language li:last-child {
    padding-left: 0.1em;
}
.nav ul.nav-language li a {
    font-weight: normal;
}
.ltr .nav ul.nav-language li a {
    font-family: Tahoma, sans-serif;
}

/* NAV SOCIAL */

.nav ul.nav-social {
    position: relative;
    float: right;
    overflow: hidden;
}
.rtl .nav ul.nav-social {
    float: left;
}
.nav ul.nav-social {
    margin: 2.0em 0;
    line-height: 2em;
}
.nav ul.nav-social li {
    margin: 0 0.5em;
    padding: 0;
    display: block;
}
.nav ul.nav-social li:first-child {
    margin-left: 0;
}
.nav ul.nav-social li:last-child {
    margin-right: 0;
}
.nav ul.nav-social a {
    line-height: 0;
    display: block;
    padding: 0;
}
.nav ul.nav-social a img {
    display: block;
    height: 2em;
    width: 2em;
}
@media screen and (max-width: 319px) {
    .nav ul.nav-social {
        display: none;
    }
}

/* MOBILE HAMBURGER BUTON */

#nav-open {
    display: none;
    float: right;
    margin: 1.5em 0 1.5em 1em;
    height: 3em;
    width: 3em;
    padding: 0.5em;
    background-color: #fff;
    background-image: url(../images/icons/menu.png?v=2017-02-09);
    background-image: url(../images/icons/menu.svg?v=2017-02-09), linear-gradient(transparent, transparent);
    overflow: hidden;
}
.rtl #nav-open {
    margin: 1.5em 1em 1.5em 0;
    float: left;
}

/* HEADER RESPONSIVE STYLES */
@media (max-width: 950px) {
    .ar #header-wrapper, .ar #footer-wrapper {
        font-size: 0.8rem !important;
    }
    .ar .header-fixed-placeholder {
        font-size: 0.8rem;
    }
}
@media (max-width: 900px) {
    #header-wrapper, #footer-wrapper {
        font-size: 0.8rem !important;
    }
    .header-fixed-placeholder {
        font-size: 0.8rem;
    }
    /* Uncomment to re-enable Headroom */
    /*#header-wrapper {
        position: fixed;
        width: 100%;
        z-index: 5;
    }*/
    #header.nav .nav-main {
        display: none;
    }
    #header.nav .nav-language {
        display: none;
    }
    #header.nav #nav-open {
        display: block;
    }
}
@media (max-width: 260px) {
    .nav ul.nav-social li {
        margin: 0 0.25em;
    }
}

/* ==============================
   === FIXED SUBSCRIBE WIDGET ===
   ============================== */

#subscribe-widget {
    font-size: 0.8rem;
    position: fixed;
    top: 10em;
    right: 0;
    z-index: 8;
}
.rtl #subscribe-widget {
    right: unset;
    left: 0;
}
@media (max-width: 550px) {
    #subscribe-widget {
        display: none;
    }
}
#subscribe-widget * {
    float: right;
}
.rtl #subscribe-widget * {
    float: left;
}
#subscribe-widget-contents {
    outline: none;
    display: block;
}
#subscribe-widget-contents[aria-hidden] {
    display: none;
}
#subscribe-widget-toggle, #subscribe-widget-confirm {
    height: 3em;
    width: 3em;
    padding: 0.85em;
    background-color: rgb(0,155,216);
}
#subscribe-widget-toggle {
    background-image: url(../images/icons/pluswhite.png?v=2017-02-09);
    background-image: url(../images/icons/pluswhite.svg?v=2017-02-09), linear-gradient(transparent, transparent);
    shape-rendering: crispEdges;
    float: left;
}
.rtl #subscribe-widget-toggle {
    float: right;
}
#subscribe-widget-toggle[aria-expanded=true] {
    background-color: rgb(77,77,77);
    background-image: url(../images/icons/minimize.png?v=2017-02-09);
    background-image: url(../images/icons/minimize.svg?v=2017-02-09), linear-gradient(transparent, transparent);
}
#subscribe-widget-input {
    height: 3em;
    width: 23em;
    float: right;
    background-color: #333;
    color: #fff;
    border: 1px solid rgb(77,77,77);
    padding: 1em;
    /*outline: none;*/
}
.rtl #subscribe-widget-input {
    float: left;
}
#subscribe-widget-confirm {
    background-color: rgb(0,155,216);
    background-image: url(../images/icons/checkmarkwhite.png?v=2017-02-09);
    background-image: url(../images/icons/checkmarkwhite.svg?v=2017-02-09), linear-gradient(transparent, transparent);
    clear: right;
}
.rtl #subscribe-widget-confirm {
    clear: left;
}

/* ======================
   === CONTACT FOOTER ===
   ====================== */

#contact-wrapper {
    background-color: rgb(0,155,216);
    margin: 0;
}
#email-follow-container {
    float: left;
    width: 20em;
}
.rtl #email-follow-container {
    float: right;
}
#contact {
    max-width: 1000px;
    padding-top: 2em;
    position: relative;
}
#contact * {
    color: #fff;
}
#contact > * {
    margin-bottom: 2em;
}
#contact *:active,
#contact *:focus {
    outline: 2px solid #fff !important;
    outline-offset: 0.25em;
}

/* EMAIL AND FOLLOW (LEFT) */

#email-follow-container h3 {
    width: 8em;
    text-align: left;
    margin: 1.25em 0;
}
#email-us, #follow-us {
    width: 100%;
    float: left;
}
.rtl #email-follow-container * {
    text-align: right;
    float: right;
}
#email-us {
    float: left;
}
#email-us p {
    margin-bottom: 2em;
}
#email-us .email-button {
    width: auto;
    float: left;
    margin: 0.75em 0;
    text-transform: none;
    border-width: 2px;
    transition: color 0.3s, background-color 0.3s;
}
#email-us .email-button:hover {
    color: rgb(0,155,216);
    background-color: #fff;
}
.rtl #email-us .email-button {
    float: right;
    -webkit-font-smoothing: initial;
}

/* “Follow us” social list reused nav-social from header */

.rtl #contact .nav-social {
    float: right;
}
#contact .nav-social li {
    float: left;
    height: 2em;
    width: 2em;
}
.ltr #contact .nav-social li {
    margin-right: 0.5em;
}
.ltr #contact .nav-social li:last-child {
    margin-right: 0;
}
.rtl #contact .nav-social li {
    float: right;
    margin-left: 0.5em;
}
.rtl #contact .nav-social li:last-child {
    margin-left: 0;
}
#contact .nav-social li a, #contact .nav-social li img {
    width: 100%;
    height: 100%;
    transition: box-shadow 0.3s;
    border-radius: 50%;
    display: block;
}

/* SUBSCRIBE (RIGHT) */

#subscribe {
    float: right;
    width: 50%;
    max-width: 22em;
}
.rtl #subscribe {
    float: left;
}
#contact h3 {
    float: left;
    font-size: 1.25em;
    line-height: 1em;
    text-transform: uppercase;
}

#contact .nav-social {
    float: left;
    list-style-type: none;
    margin: 1.25em 0;
    padding: 0;
}
#subscribe h3 {
    width: 100%;
    margin-bottom: 0.5em;
}
.rtl #subscribe h3 {
    float: left;
}
#subscribe label {
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 0.5em;
}
#subscribe input, #subscribe button {
    float: left;
    border: none;
}
#subscribe-input-group {
    font-size: 0.8em;
    display: block;
    float: left;
    height: 3em;
    width: 100%;
    line-height: 2em;
    margin: 0 auto;
    -webkit-font-smoothing: initial;
}
#subscribe-input-group * {
    height: inherit;
    line-height: inherit;
    height: 3em;
}
#subscribe-input-group input {
    background-color: rgb(0,0,0);
    color: rgb(255,255,255);
    width: 144px;
    width: calc(100% - 6em);
    padding: 0 0 0 0.5em;
}
.rtl #subscribe-input-group input {
    padding: 0 0.5em 0 0;
    -webkit-font-smoothing: initial !important;
}
#subscribe-input-group button {
    padding: 0;
    margin: 0;
    background-color: rgb(255,255,255);
    color: rgb(0,155,216);
    width: 6em;
    text-transform: uppercase;
    line-height: 100%;
    font-weight: bold;
}
.rtl #subscribe-input-group, .rtl #subscribe input, .rtl #subscribe button {
    float: right;
}

/* BACK TO TOP BUTTON */

#back-to-top {
    position: absolute;
    right: 2.5em;
    top: -1.5em;
    margin: 0;
    height: 3em;
    width: 3em;
    display: block;
    background-image: url(../images/icons/backtotop.png?v=2017-02-09);
    background-image: url(../images/icons/backtotop.svg?v=2017-02-09), linear-gradient(transparent, transparent);
    border-radius: 1.5em;
    transition-duration: 0.3s;
    transition-property: box-shadow, transform, opacity;
}
#back-to-top:hover {
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.25);
}
#back-to-top:focus,
#back-to-top:active {
    outline-color: #212121 !important;
}
@media (max-width: 700px) {
    #email-follow-container {
        width: 100%;
        float: left;
        margin: 0;
    }
    #email-us, #follow-us, #subscribe {
        width: 100%;
        max-width: none;
        text-align: center !important;
        margin-bottom: 1em;
    }
    #email-follow-container h3 {
        width: 100%;
        margin: 1em 0;
        text-align: center !important;
    }
    #email-us h3 {
        margin-bottom: 1.5em;
    }
    #email-us .email-button, #follow-us .nav-social {
        margin: 0 auto !important;
        float: none !important;
    }
    #follow-us .nav-social {
        width: 7em;
        display: inline-block;
    }
    #subscribe {
        margin-bottom: 2em;
    }
    #subscribe label {
        float: none;
    }
    #subscribe-input-group {
        width: 100%;
        max-width: 25em;
        float: none !important;
    }
    #back-to-top-container {
        margin-top: 1em;
    }
    #back-to-top {
        right: calc(50% - 1.5em);
    }
}

/* ===============
   === FOOTER ===
   =============== */

#footer-wrapper {
    background-color: #fff;
    margin: 0;
}
#footer {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}
#footer br {
    display: none;
}
#footer * {
    color: rgb(0,155,216);
}
#footer .nav-language {
    margin-left: 0;
    margin-right: 0;
}
#footer .nav-main {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
@media (max-width: 650px) {
    #footer {
        text-align: center;
        line-height: 0em !important;
        padding: 1em 0;
        flex-direction: column;
        align-items: center;
    }
    #footer ul {
        display: inline-block !important;
        width: auto;
        margin: 0 !important;
        height: 3em !important;
        line-height: 3em !important;
        float: none !important;
    }
    #footer ul.nav-social {
        order: 1;
    }
    #footer ul.nav-main {
        order: 2;
    }
    #footer ul.nav-language {
        order: 3;
        padding: 0.75em 0;
    }
    #footer ul.nav-social li {
        height: 3em;
        padding: 0.5em 0;
    }
    #footer br {
        display: block;
        height: 0 !important;
        line-height: 0;
    }
    #footer ul.nav-main li {
        height: 3em;
    }
}
@media (max-width: 400px) {
    #footer ul.nav-main li {
        padding: 0 0.5em;
    }
}
@media (max-width: 380px) {
    #footer ul.nav-main li {
        font-size: 0.8em;
    }
}
@media (max-width: 319px) {
    #footer ul.nav-main li {
        padding: 0 0.25em;
    }
}
@media (max-width: 280px) {
    #footer ul.nav-main li {
        font-size: 0.7em;
    }
}

/* ====================
   === OVERLAY MENU ===
   ==================== */

#overlay-menu-container {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    visibility: hidden;
}
#overlay-menu-container.active {
    visibility: visible;
}
#overlay-menu {
    font-size: 0.8rem;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 1rem;
}
#overlay-menu #overlay-menu-title {
    position: absolute;
    text-indent: -9999px;
    font-size: 1em;
    height: 6em;
    width: 14em;
    top: 0;
    margin: 0;
    z-index: -1;
}
body.ltr #overlay-menu #overlay-menu-title {
    left: 0;
}
body.rtl #overlay-menu #overlay-menu-title {
    right: 0;
}
#overlay-menu .logo-img {
    padding: 1em 0;
}
#overlay-menu ul.nav-main {
    margin-top: 2em;
}
#overlay-menu ul {
    float: left;
    margin: 0 0 2em 0;
    list-style-type: none;
    padding: 0;
    font-size: 1.5em;
}
#overlay-menu li {
    margin: 0 0 1em 0;
    text-align: center;
    transition: transform 0.4s, opacity 0.4s;
    transform: translateY(-3em);
    opacity: 0;
}
#overlay-menu-container.active #overlay-menu li {
    transform: translateY(0em);
    opacity: 1;
}
#overlay-menu li a {
    color: rgb(0,155,216);
    font-weight: bold;
    padding: 0.5em;
}
#overlay-menu ul, #overlay-menu li {
    position: relative;
    width: 100%;
}
#overlay-menu .nav-language .fa, #overlay-menu .nav-language .ar {
    font-family: Tahoma, sans-serif;
}
#nav-close {
    margin-top: 1.5em;
    height: 3em;
    width: 3em;
    padding: 0.5em;
    background-color: #fff;
    background-image: url(../images/icons/close.png?v=2017-02-09);
    background-image: url(../images/icons/close.svg?v=2017-02-09), linear-gradient(transparent, transparent);
    z-index: 20;
    overflow: hidden;
}
body.rtl #nav-close {
    float: left;
    margin-left: -0.25em;
}
body.ltr #nav-close {
    float: right;
    margin-right: -0.25em;
}

@media (max-height: 580px) {
    #overlay-menu-social {
        display: none;
    }
}

/* ================
   === HOMEPAGE ===
   ================ */

/* DESCRIPTION */

#description-wrapper {
    background-color: rgb(86,198,224);
}
#description {
    max-width: 1000px;
    position: relative;
    height: 20rem;
    width: 100%;
    color: #fff;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
#description #main-heading {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    background-color: rgb(86,198,224);
}
body:not(.focus-outlines-hidden) #description #main-heading:active,
body:not(.focus-outlines-hidden) #description #main-heading:focus,
body:not(.focus-outlines-hidden) #description #main-heading:hover {
    clip: initial;
    top: -1em;
    left: 0;
    right: initial;
    height: 2em;
    line-height: 2em;
}
body.rtl:not(.focus-outlines-hidden) #description #main-heading:active,
body.rtl:not(.focus-outlines-hidden) #description #main-heading:focus,
body.rtl:not(.focus-outlines-hidden) #description #main-heading:hover {
    top: -1em;
    left: initial;
    right: 0;
    height: 2em;
    line-height: 2em;
}
#description .a11y-nav-link:active,
#description .a11y-nav-link:focus,
#description .a11y-nav-link:hover {
    top: -1em;
    left: 0;
    right: initial;
    height: 2em;
    line-height: 2em;
}
#description * {
    color: #fff;
}
#description-text {
    font-size: 1.5em;
    width: 100%;
    position: relative;
    padding: 1.75em 0;
}
#description-text *  {
    font-size: 1.25em;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0;
}
#description #description-text .blurb,
#description #description-text .description {
    text-shadow: 1px 1px 2px rgba(33, 33, 33, 0.15);
}
#description-text h2 {
    max-width: 35rem;
}
#description-text h2.blurb {
    font-weight: 300;
    font-size: 2em;
}
#description-text .description {
    font-size: 1em;
}
#description-text .description p {
    max-width: 34rem;
    font-weight: 300;
    font-size: 1em;
    margin-top: 0;
}
#description-text img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto;
    height: 100%;
}
.rtl #description-text img {
    right: auto !important;
    left: 0;
}

@media (max-width: 900px) {
    #description #description-text .blurb,
    #description #description-text .description {
        max-width: 25rem;
    }
    #description-text {
        font-size: 1.25em;
    }
    #description-text .blurb {
        font-size: 2em;
    }
    .fa #description-text .blurb {
        font-size: 2.5em;
    }
    #description-text .description {
        max-width: 26rem;
    }
}
@media (max-width: 650px) {
    #description #main-heading:active,
    #description #main-heading:focus,
    #description #main-heading:hover {
        top: 2em;
        left: 50%;
        z-index: 50;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-color: rgb(86,198,224);
        padding: 0 0.5em;
    }
    #description #description-text {
        text-align: center;
    }
    .fa #description #description-text {
        font-size: 1.1em;
    }
    #description #description-text .blurb,
    #description #description-text .description {
        max-width: 400px;
        margin: 0 auto;
    }
    #description-text .blurb {
        font-size: 2em !important;
    }
    #description #description-text .description {
        margin-top: 0.5em;
    }
    #description #description-text img {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        top: unset;
        bottom: unset;
        left: unset;
        right: unset;
        margin: 0 auto;
        max-width: 9em;
    }
    .en #description #description-text img {
        margin: 0.5em auto;
    }
    .ar #description #description-text img {
        margin: 0 auto 0.5em auto;
    }

    /* This reordering is an attempt to position the image at the top of the description box while putting it at the end of the description <div>.
       As of 2016-06-30, the Google search snippet when searching for “asl19” was the following (includes the image alt text):
       “ASL19. Animation of circle traversing a maze displayed on a laptop screen. There is always a way. We help citizens assert their digital rights and access ...”  */
    #description-text {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin-top: -0.5em;
    }
    #description-text img {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    #description-text .blurb {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    #description-text .description {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
}
@media (max-width: 400px) {
    #description #description-text {
        font-size: 1.1em;
    }
    .fa #description #description-text {
        font-size: 1em;
    }
}
@media (max-width: 320px) {
    #description-text h2.blurb {
        font-size: 1.5em !important;
    }
}

/* PASKOOCHEH BANNER */

#paskoocheh-promo-wrapper {
    margin-bottom: 2.5rem;
}
#paskoocheh-promo {
    text-align: center;
    padding: 0;
    max-width: 700px;
}
@media (max-width: 600px) {
    #paskoocheh-promo {
        font-size: 0.8em;
    }
}
#paskoocheh-promo-heading {
    margin-top: 0;
}
#paskoocheh-promo-img-link {
    display: block;
    margin-bottom: 2rem;
}
#paskoocheh-promo-img {
    width: 100%;
    height: auto;
}
#paskoocheh-promo-link {
    color: rgb(0, 155, 216);
    border-color: rgb(0, 155, 216);
    display: inline-block;
    float: none;
    font-size: 1.5em;
    border-width: 2px;
    line-height: 1em;
    background-image: url(../images/icons/chevron-blue-left.png?v=2017-02-09);
    background-image: url(../images/icons/chevron-blue-left.svg?v=2017-02-09), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-position: 0.75em 50%;
    background-size: auto 35%;
    background-origin: border-box;
    padding-left: 2em;
    font-weight: bold;
    -webkit-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}
#paskoocheh-promo-link:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 155, 216);
    background-image: url(../images/icons/chevron-white-left.png?v=2017-02-09);
    background-image: url(../images/icons/chevron-white-left.svg?v=2017-02-09), linear-gradient(transparent, transparent);
}

/* TOOLS TABLE */

#tools {
    max-width: 1000px;
    padding-bottom: 1em;
}
#tools-content-wrapper {
    width: 100%;
    float: left;
    border-bottom: 2px solid #ccc;
    padding: 0 8rem;
    padding-bottom: 2rem;
}
@media (max-width: 900px) {
    #tools-content-wrapper {
        padding: 0 4rem 2em 4rem;
    }
}
@media (max-width: 550px) {
    #tools-content-wrapper {
        padding: 0 0rem 2em 0rem;
    }
}
#tools .section-header img {
    width: 2em;
    height: 2em;
}
#tools table {
    position: relative;
    direction: rtl;
    width: 100%;
    border-collapse: collapse;
    float: left;
}
#tools td,
#tools th {
    height: 3em;
    line-height: 1em;
}
#tools th {
    color: rgb(0,155,216);
    font-size: 1.25em;
    font-weight: normal;
}

#tools .name {
    text-align: right;
}
#tools th.name {
    text-indent: -9999px;
}
#tools .windows,
#tools .android,
#tools .osx,
#tools .linux,
#tools .chrome,
#tools .firefox {
    text-align: center;
    width: 6em;
}
#tools .email {
    text-align: left;
}
td.email a {
    padding: 0;
}
#tools td img {
    width: 2.5em;
    height: 2.5em;
    padding: 0.25em;
}
@media (max-width: 450px) {
    #tools {
        font-size: 0.8em;
    }
}
@media (max-width: 400px) {
    #tools {
        font-size: 0.7em;
    }
}
@media (max-width: 300px) {
    #tools .windows,
    #tools .osx,
    #tools .linux,
    #tools .chrome,
    #tools .firefox {
        display: none !important;
    }
    #tools {
        max-width: 150px;
    }
}

/* WHAT WE DO */

#what-we-do-wrapper {
    background-color: #fff;
    margin-bottom: 0;
}
#what-we-do {
    max-width: 1000px;
    font-size: 1rem;
}
#what-we-do .section-header {
    margin-top: 0;
    padding-top: 1em;
}
.fa #what-we-do .section-header {
    border-top: 2px solid #eee;
}
#what-we-do hr {
    display: none;
}
.what-we-do-section {
    font-size: 1.2em;
    position: relative;
    float: left;
    border-bottom: 2px solid #eee;
    margin: 0;
    padding-left: 8rem !important;
    padding-right: 8rem !important;
    box-shadow: none;
    opacity: 0;
    width: 100%;
    padding-bottom: 3em;
    padding-top: 3em;
}
.opera-mini .what-we-do-section {
    opacity: 1;
}
.what-we-do-section:last-child {
    border-bottom: none;
}
.no-scrollmagic .what-we-do-section {
    opacity: 1;
}
.what-we-do-section .content {
    width: 50%;
}
.what-we-do-section h3, .what-we-do-section p {
    margin-top: 0em;
    float: left;
}
.what-we-do-section h3 {
    text-transform: capitalize;
    margin-bottom: 1rem;
}
.what-we-do-section p {
    line-height: 1.4;
    margin-bottom: 1rem;
}
.what-we-do-section p:last-of-type {
    margin-bottom: 1.5rem;
}
.what-we-do-section p a {
    font-weight: bold;
}
.rtl .what-we-do-section .content > * {
    float: right;
}
.what-we-do-section > img {
    float: left;
    max-width: 10rem;
    width: 100%;
    height: auto;
}
.what-we-do-section .view-projects-button {
    float: left;
    color: rgb(0,155,216);
    text-align: left;
    width: 40%;
    cursor: pointer;
    overflow: hidden;
    height: 3em;
    opacity: 1;
    line-height: 1em;
    -webkit-transition: height 0.5s, opacity 0.5s;
    transition: height 0.5s, opacity 0.5s;
    z-index: 2;
    position: relative;
    border: 2px solid rgb(0,155,216);
    background-image: url(../images/icons/chevron-blue-down.svg?v=2017-02-09);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right;
    background-origin: content-box;
    padding: 1em;
    font-size: 0.7em;
    font-weight: bold;
    width: 12em;
    transition: color 0.3s, background-color 0.3s;
}
body.rtl .what-we-do-section .view-projects-button {
    text-align: right;
}
body.fa .what-we-do-section .view-projects-button {
    font-size: 1em;
    height: 2.1em;
    width: 9em;
    padding: 0.4em;
}
body.ar .what-we-do-section .view-projects-button {
    width: 13em;
}
.what-we-do-section .view-projects-button:hover {
    color: #fff;
    background-color: rgb(0,155,216);
    background-image: url(../images/icons/chevron-white-down.svg?v=2017-02-09);
}
.what-we-do-section.open .view-projects-button {
    background-image: url(../images/icons/chevron-blue-up.svg?v=2017-02-09);
}
.what-we-do-section.open .view-projects-button:hover {
    background-image: url(../images/icons/chevron-white-up.svg?v=2017-02-09);
}
.rtl .what-we-do-section .view-projects-button {
    background-position: left;
}
.what-we-do-section .view-projects-toggle {
    display: none;
}

.what-we-do-section .projects-list-container {
    visibility: hidden;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: height 0.3s;
}
.what-we-do-section .projects-list {
    overflow: hidden;
    display: block;
    margin-bottom: 0 !important;
    padding-top: 1.5em;
}
#what-we-do .project-box {
    margin: 0.5em;
    width: 29%;
    width: calc(100% * 0.25 - 1em);
}
#what-we-do .project-box h4 {
    font-size: 1em !important;
}
#what-we-do .project-box .sizer {
    padding-bottom: 100%;
}

.what-we-do-section.left .content,
.what-we-do-section.right > img {
    float: left;
}
.what-we-do-section.right .content,
.what-we-do-section.left > img {
    float: right;
}
@media (max-width: 900px) {
    .what-we-do-section {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
}
@media (max-width: 850px) {
    #what-we-do .project-box {
        width: calc(100% * 0.33333 - 1em);
    }
}
@media (max-width: 550px) {
    .what-we-do-section {
        margin-bottom: 1em;
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
    .what-we-do-section > img {
        display: block;
        float: none !important;
        margin: 0 auto !important;
        margin-bottom: 2em !important;
    }
    .what-we-do-section .content {
        width: 100% !important;
        float: left;
    }
    .what-we-do-section .content > h3, .what-we-do-section .content > p {
        text-align: center !important;
        width: 100%;
    }
    .what-we-do-section .content .view-projects-button {
        float: none !important;
        display: block;
        margin: 0 auto !important;
    }
}

/* PROJECTS */

#projects-wrapper {
    background-color: #fff;
}
#projects-section {
    max-width: 1000px;
    font-size: 1rem;
}
#projects-content-wrapper {
    float: left;
    width: 100%;
    border-top: 2px solid #ccc;
    padding: 1em 0 2em 0;
}
#projects-section h2 {
    margin: 1em;
}

/* ===================
   === ABOUT ASL19 ===
   =================== */

@media (min-width: 701px) {
    #about {
        min-height: calc(100vh - 25em);
    }
}

/* STORY */

#story-wrapper {
    background-color: #fff;
}
#story {
    font-size: 1rem;
    max-width: 500px;
}
#story p {

}

#story-links-wrapper {
    margin-bottom: 4rem;
}
@media (min-width: 701px) {
    #story-links-wrapper {
        /* min-height: calc(100vh - 12em - 15em - 7em); */
    }
}
#story-links {
    max-width: 23rem;
}
#story-links .boxed {
    color: rgb(0,155,216);
    border-color: rgb(0,155,216);
    float: left;
    display: block;
    width: 10rem;
    text-align: center;
    transition: color 0.3s, background-color 0.3s;
    margin: 0 1rem 0 0;
}
.rtl #story-links .boxed {
    float: right;
    margin: 0 0 0 1rem;
}
@media screen and (max-width: 400px) {
    #story-links .boxed {
        width: 100%;
        margin-bottom: 1rem !important;
    }
}
#story-links .boxed:last-child {
    margin: 0 !important;
    /* margin-bottom: 0 !important; */
}
#story-links .boxed:hover {
    color: #fff;
    background-color: rgb(0,155,216);
}

/* =================
   === TEAM PAGE ===
   ================= */

#our-team {
    font-size: 1rem;
}
#our-team ul {
    list-style-type: none;
    padding: 0;
}
#our-team li {
    position: relative;
    display: block;
    float: left;
    width: 23%;
    width: calc(100% * 0.33333 - 6em);
    margin: 1.5em 3em;
}
#our-team li:nth-child(3n + 1) {
    clear: left;
}
.rtl #our-team li:nth-child(3n + 1) {
    clear: right;
}
#our-team li .illustration-sizing-container {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 1em;
}
@supports (border-radius: 50%) or (-webkit-border-radius: 50%) {
    #our-team li .illustration-sizing-container {
        background-color: rgb(233, 242, 247);
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }
}
#our-team li .illustration-sizing-container::after {
    display: block;
    content: ' ';
    padding-bottom: 100%;
}
#our-team li img.illustration {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
#our-team li h2 {
    margin: 0;
    float: left;
    font-weight: normal;
    font-size: 1.75em;
    line-height: 1em;
    height: 1em;
    margin: 0 0.25em 0 0;
}
.rtl #our-team li h2 {
    margin: 0 0 0 0.25em;
}
#our-team li img.icon {
    float: left;
    height: 1.75em;
    width: auto;
    margin: 0 0 0 0.5em;
}
#our-team li img.icon.dev {
    padding: 0.3em 0;
}
.rtl #our-team li img.icon {
    margin: 0 0.5em 0 0;
}
#our-team p {
    float: left;
    margin: 1em 0 0 0;
    color: #666;
    clear: both;
}
.rtl #our-team li,
.rtl #our-team li h2,
.rtl #our-team li img.icon,
.rtl #our-team p {
    float: right;
}
#our-team p a {
    color: rgb(0,155,216);
    text-decoration: none;
}
@media (max-width: 840px) {
    #our-team {
        max-width: 650px;
    }
    #our-team li {
        margin: 1.5em 1.5em;
        width: 41%;
        width: calc(100% / 2 - 3.5em);
    }
    #our-team li:nth-child(3n + 1) {
        clear: none;
    }
    .rtl #our-team li:nth-child(3n + 1) {
        clear: none;
    }
    #our-team li:nth-child(2n) {
        margin-left: 2em;
    }
    #our-team li:nth-child(2n + 1) {
        clear: left;
        margin-right: 2em;
    }
    .rtl #our-team li:nth-child(2n + 1) {
        clear: right;
    }
}
@media (max-width: 450px) {
    #our-team li {
        margin: 0em !important;
        width: 100%;
        clear: left !important;
    }
    .rtl #our-team li {
        clear: right !important;
    }
    #our-team li .illustration-sizing-container {
        display: block;
        max-width: 200px;
        margin: 0 auto;
    }
}

/* ======================
   === SINGLE PROJECT ===
   ====================== */

#project {
    margin-top: 2rem;
}

/* PROJECT DESCRIPTION */
#project-description {
    max-width: 700px;
    width: 100%;
}
#project-description p a {
    font-weight: bold;
}
#project-description h1 {
    font-size: 1.25em;
    text-transform: uppercase;
    margin: 0;
}
#project-description #project-type {
    font-size: 1em;
    color: #888;
    text-transform: uppercase;
    margin: 0;
}
#project-description img {
    float: left;
    width: 40%;
    height: auto;
    margin: 0 2em 0 0;
    padding: 1em;
}
.rtl #project-description img {
    float: right;
    margin: 0 0 0 2em;
}
#project-description .right {
    float: left;
    max-width: calc(60% - 2em);
    width: 25em;
}
.rtl #project-description .right {
    float: right;
}
.rtl #project-description .right a.boxed {
    float: right;
}
#project-description .boxed {
    font-weight: bold;
}
#project-description .boxed:hover {
/*     background-color: rgb(0,146,206);
    color: #fff !important; */
    transition: color 0.3s, background-color 0.3s;
}
@media (max-width: 450px) {
    #project-description #logo-link {
        float: left;
        text-align: center;
        height: auto;
        width: 100%;
        margin-bottom: 1em;
    }
    #project-description img {
        float: none !important;
        display: inline-block;
        width: 100%;
        height: auto;
        max-width: 250px;
        margin: 0 !important;
    }
    #project-description .right {
        width: 100%;
        max-width: 100%;
    }
}

/* OUR OTHER PROJECTS */

#other-projects-wrapper {
    margin-bottom: 4em;
}
#other-projects .section-header {
    border-top: 2px solid #ccc;
    padding: 1em 0;
    margin: 0;
}

html.js-disabled #what-we-do section {
    opacity: 1;
}
html.js-disabled #subscribe-widget {
    display: none !important;
}
html.js-disabled .what-we-do-section .view-projects-button {
    display: none !important;
}
html.js-disabled #what-we-do .projects-list {
    visibility: visible !important;
}
html.js-disabled #what-we-do .projects-list .project-box {
    margin: 0.5em !important;
}
html.js-disabled #what-we-do .projects-list .project-box .sizer {
    padding-bottom: 100% !important;
}
html.js-disabled #what-we-do .projects-list .project-box h3,
html.js-disabled #what-we-do .projects-list .project-box h4 {
    opacity: 1 !important;
}

html.opera-mini #description {
    height: auto;
}
html.opera-mini #description #description-text img {
    display: none;
}