html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

button,
input,
textarea {
    outline: none;
    font: inherit;
    margin: 0
}

input:active,
input:focus,
select:active,
select:focus,
textarea:active {
    outline: none
}

button,
input[type=button],
input[type=submit] {
    -webkit-appearance: none;
    cursor: pointer
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin: 0
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    font-family: inherit
}

a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
tt,
u,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

textarea {
    resize: none;
    font: inherit
}

ol,
ul {
    list-style: none
}

img {
    border: none;
    display: block
}

input {
    vertical-align: middle
}

a,
a:hover {
    text-decoration: none
}

li,
ul {
    list-style-type: none
}

.float-l {
    float: left
}

.float-r {
    float: right
}

.float-n {
    float: none
}

.size9 {
    font-size: 9px
}

.size10 {
    font-size: 10px
}

.size11 {
    font-size: 11px
}

.size12 {
    font-size: 12px
}

.size13 {
    font-size: 13px
}

.size14 {
    font-size: 14px
}

.size15 {
    font-size: 15px
}

.size16 {
    font-size: 16px
}

.size17 {
    font-size: 17px
}

.size18 {
    font-size: 18px
}

.size20 {
    font-size: 20px
}

.size21 {
    font-size: 21px
}

.size22 {
    font-size: 22px
}

.size24 {
    font-size: 24px
}

.size25 {
    font-size: 25px
}

.size26 {
    font-size: 26px
}

.size28 {
    font-size: 28px
}

.size30 {
    font-size: 30px
}

.size32 {
    font-size: 32px
}

.size34 {
    font-size: 34px
}

.size35 {
    font-size: 35px
}

.size36 {
    font-size: 36px
}

.size50 {
    font-size: 50px
}

.text-l {
    text-align: left
}

.text-c {
    text-align: center
}

.text-j {
    text-align: justify
}

.text-r {
    text-align: right
}

.text-tr-up {
    text-transform: uppercase
}

.text-tr-low {
    text-transform: lowercase
}

.bold {
    font-weight: 700
}

.font-normal {
    font-weight: 400
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.hide {
    display: none
}

.flex-row {
    display: -ms-flexbox;
    display: flex
}

.ai-c {
    -ms-flex-align: center;
    align-items: center
}

.ai-fe {
    -ms-flex-align: end;
    align-items: flex-end
}

.ai-fs {
    -ms-flex-align: start;
    align-items: flex-start
}

.jc-c {
    -ms-flex-pack: center;
    justify-content: center
}

.jc-sb {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.js-sa {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@font-face {
    src: url(../fonts/Assistant-ExtraLight.ttf);
    font-family: Assistant;
    font-weight: 200
}

@font-face {
    src: url(../fonts/Assistant-Regular.ttf);
    font-family: Assistant;
    font-weight: 400
}

@font-face {
    src: url(../fonts/Assistant-Bold.ttf);
    font-family: Assistant;
    font-weight: 700
}

body {
    font-family: Assistant, sans-serif;
    direction: rtl;
    color: #070100;
    font-size: 1.15vw
}

.button {
    display: inline-block;
    color: #494949;
    text-align: center;
    line-height: 1;
    background: hsla(0, 0%, 100%, .9);
    border: .05vw solid hsla(0, 0%, 100%, .25);
    font-size: 1.35vw;
    font-weight: 700;
    padding: .4195vw .42vw;
    transition: all .25s ease;
    font-weight: normal;
}

.button:hover,
header {
    background: #fff
}

header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 2.5vw 5.73vw 1vw;
    z-index: 2;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15)
}

header.hp-header {
    background: linear-gradient(0deg, rgba(153, 218, 255, 0), rgba(0, 0, 0, .8));
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .15)
}

header.hp-header .lang-link,
header.hp-header .menu-item a {
    color: #fff
}

header.hp-header .sub-menu {
    background: rgba(0, 0, 0, .8)
}

header.hp-header+* {
    margin-top: 0
}

header .call-menu {
    display: none
}

header .menu-main-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

header .menu-item {
    display: inline-block;
    position: relative;
    padding: .52vw 1.3vw
}

header .menu-item:hover .sub-menu {
    opacity: 1;
    visibility: visible
}

header .menu-item:hover>a {
    color: #818081
}

header .menu-item a {
    color: #262724;
    display: block;
    transition: all .25s ease
}

header .sub-menu {
    position: absolute;
    top: 100%;
    right: 1.3vw;
    background: rgba(255, 255, 255, 0.75);
    opacity: 0;
    visibility: hidden;
    transition: all .25s ease;
    border: .05vw solid #262724;
}

header .sub-menu .menu-item {
    display: block;
    padding: 0
}

header .sub-menu .menu-item:not(:last-child) {
    border-bottom: 0.05vw solid rgba(64, 64, 62, 0.25);
}

header .sub-menu a {
    white-space: nowrap;
    padding: .42vw .78vw
}

header .logo {
    display: block;
    width: 13.96vw;
    margin-top: .42vw
}

header .logo img {
    width: 100%
}

header .lang-link {
    color: #262724;
    font-weight: 200;
    margin-right: 2.6vw
}

header+* {
    margin-top: 5.99vw
}

.hp-slider .slide {
    width: 100%;
    height: 100vh;
    background: no-repeat top/cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 5.21vw
}

.hp-slider .button {
    position: absolute;
    bottom: 12.5vw;
    right: 2.14vw
}

.slick-arrow {
    position: absolute;
    width: 1.93vw;
    height: 2.24vw;
    z-index: 1;
    text-align: center;
    font-size: 0;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: hsla(0, 0%, 100%, .9);
    border: .05vw solid hsla(0, 0%, 100%, .25);
    bottom: 12.5vw;
    cursor: pointer
}

.slick-arrow:before {
    content: "";
    font-size: .68vw;
    transform: matrix(-1.73328, 0, 0, -3.89262, 0, 0);
    color: #494949;
}

.slick-arrow.slick-prev {
    right: 0
}

.slick-arrow.slick-prev:before {
    content: ">"
}

.slick-arrow.slick-next {
    left: 0
}

.slick-arrow.slick-next:before {
    content: "<"
}

h1 {
    font-size: 1.77vw;
    font-weight: 400
}

.container {
    width: 77.08vw;
    margin: 0 auto
}

.main-banner img {
    width: 100%
}

.about-sec {
    padding: 1.46vw 0 7.81vw
}

.about-sec h1 {
    color: #484946;
    margin-bottom: 2.6vw
}

.about-sec .text-wrap {
    width: 38.54vw
}

footer {
    text-align: center;
    font-size: 1.15vw;
    padding: 1.04vw 0;
    color: #484946
}

.projects-sec {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 1.56vw
}

.projects-sec .item {
    display: block;
    width: 48.8%;
    position: relative;
    margin-bottom: 1.82vw;
    filter: grayscale(100%);
    transition: all .25s ease
}

.projects-sec .item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4.69vw;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(153, 218, 255, 0))
}

.projects-sec .item:hover {
    filter: grayscale(0);
	-webkit-filter: grayscale(0);
}

.projects-sec .item:hover h2 {
    opacity: 1
}

.projects-sec .item img {
    width: 100%
}

.projects-sec h2 {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    padding: .52vw 1.04vw;
    font-size: 1.25vw;
    font-weight: 400;
    opacity: 0;
    z-index: 1;
    transition: all .25s ease
}

.mob-show {
    display: none!important
}

.publications-list {
    padding: 0 7.19vw 2.86vw
}

.publications-list .item {
    padding: 1.67vw;
    border-bottom: .05vw solid #b3b3b2
}

.publications-list .item,
.publications-list .logo-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.publications-list .logo-wrap {
    height: 6.77vw;
    width: 19.53vw;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 1.04vw
}

.publications-list .logo-wrap img {
    max-width: 100%;
    max-height: 100%
}

.publications-list .description {
    width: 100%
}

.publications-list .btn-wrap {
    width: 17.19vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 1.56vw
}

.publications-list .button {
    background: rgba(0, 0, 0, .15);
    color: #000;
    font-weight: 400;
    width: 8.96vw;
    border: .05vw solid #7e7e7e;
    padding: .63vw
}

.publications-list .button:hover {
    background: rgba(0, 0, 0, .54)
}

.contact-us {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4.17vw 6.51vw;
    background: url(../img/contact-bg.jpg) no-repeat top/cover
}

.contact-us .contact-info {
    padding: 3.13vw 4.69vw;
    background: hsla(0, 0%, 100%, .8);
    width: 48.2%;
    line-height: 1.55
}

.contact-us h1 {
    margin-bottom: 3.23vw
}

.contact-us .map-wrap {
    width: 48.2%
}

.contact-us .map-wrap iframe {
    width: 100%;
    height: 100%
}

.contact-us .content-wrap {
    width: 15.1vw
}

.contact-us .inline {
    margin-right: .52vw;
    width: 4.43vw
}

.contact-us a {
    color: #070100
}

.contact-us h2 {
    font-size: 1.77vw;
    font-weight: 400;
    color: #484946;
    margin: 4.17vw 0 2.19vw
}

.custom-form .wpcf7-form-control-wrap {
    display: block;
    position: relative;
    margin-bottom: .94vw
}

.custom-form .wpcf7-form-control {
    position: relative;
    z-index: 1;
    background-color: transparent;
    border: 0;
    height: 2.6vw;
    padding-right: 4.69vw;
    font-size: 1.15vw;
    width: 100%
}

.custom-form .wpcf7-form-label {
    position: absolute;
    right: 0;
    top: 0;
    height: 2.34vw;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    white-space: nowrap;
    line-height: 1;
    font-size: 1.15vw
}

.custom-form .wpcf7-form-label:after {
    content: "";
    height: .1vw;
    width: 100%;
    background: #424242;
    margin-right: .26vw
}

.custom-form .wpcf7-submit {
    padding-right: 0;
    width: 8.85vw;
    background: rgba(29, 29, 29, .54);
    margin-top: 1.82vw;
    transition: all .25s ease
}

.custom-form .wpcf7-submit:hover {
    background: rgba(29, 29, 29, .3)
}

.inline {
    display: inline;
    vertical-align: middle
}

.project-inner {
    padding: 0 7.03vw
}

.project-inner .gallery-slider {
    padding: 0 4.32vw
}

.project-inner .gallery-slider img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.project-inner .slick-arrow {
    background: #b8b5b5;
    bottom: auto;
    top: 50%;
    margin-top: -1.04vw
}

.project-inner .slick-dots {
    position: absolute;
    top: 100%;
    left: 6.03vw;
    margin-top: 1.88vw;
}

.project-inner h1 {
    width: 100%;
    color: #71726e;
    margin-bottom: 2.86vw
}

.project-inner .about-project {
    display: -ms-flexbox;
    display: flex;
    padding: .52vw 6.09vw
}

.project-inner .info-col {
    width: 50%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    padding-top: .78vw;
    line-height: 1.2
}

.project-inner .col {
    width: 50%
}

.project-inner .nav-col {
    text-align: left;
    width: 50%;
    padding-top: 4.17vw
}

.project-inner .nav-col a {
    color: #71726e;
}
.project-inner .nav-col a
{
	padding-right: 2.08vw;
}
.project-inner .nav-col a:hover {
    font-weight: 700
}

.slick-dots {
    display: -ms-flexbox!important;
    display: flex!important
}

.slick-dots li {
    width: .99vw;
    height: 1.09vw;
    cursor: pointer;
    border: .05vw solid #000;
    box-shadow: inset 0 0 0 .16vw #fff;
    transition: all .25s ease;
    margin: 0 .57vw
}
.slick-dots li:last-child{margin-left: 0;}
.slick-dots button {
    display: none
}

.slick-dots .slick-active {
    background: #71726e
}

@media (max-width:991px) {
    body {
        font-size: 4.71vw
    }
    .button {
        border: .29vw solid hsla(0, 0%, 100%, .25);
        font-size: 4.12vw;
        padding: .88vw 2.35vw
    }
    header {
        padding: 5.88vw;
        -ms-flex-align: center;
        align-items: center
    }
    header.hp-header .menu-item a {
        color: #262724
    }
    header.hp-header .call-menu .line {
        height: .59vw;
        background: #fff
    }
    header.hp-header .lang-link {
        color: #262724
    }
    header.hp-header .sub-menu {
        background: #fff
    }
    header .call-menu {
        display: block;
        width: 5.59vw
    }
    header .call-menu.open .line:first-child {
        transform: rotate(45deg) translate(1.18vw, .59vw)
    }
    header .call-menu.open .line:nth-child(2) {
        opacity: 0
    }
    header .call-menu.open .line:nth-child(3) {
        transform: rotate(-45deg) translate(1.47vw, -.88vw)
    }
    header .call-menu .line {
        transition: all .25s ease;
        height: .59vw;
        background: #424340
    }
    header .call-menu .line:not(:last-child) {
        margin-bottom: .88vw
    }
    header .menu-main-container {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        display: none;
        overflow: scroll;
        max-height: 67vh
    }
    header .menu-item {
        display: block;
        padding: 0
    }
    header .menu-item:not(:last-child) {
        border-bottom: .29vw solid #d9d9d8
    }
    header .menu-item a {
        font-size: 5.88vw;
        color: #262724;
        padding: 2.06vw 5.88vw
    }
    header .current-menu-item {
        background: #e1dfe0
    }
    header .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        right: auto;
        border: 0;
        border-top: .29vw solid #d9d9d8;
        background: transparent
    }
    header .sub-menu .menu-item {
        padding-right: 8.82vw
    }
    header .sub-menu .menu-item:not(:last-child) {
        border-bottom: .29vw solid #d9d9d8
    }
    header .sub-menu a {
        padding: 2.06vw 5.88vw
    }
    header .logo {
        width: 52.94vw;
        margin-top: 0
    }
    header .lang-link {
        margin-right: 14.71vw;
        color: #262724;
        font-weight: 400;
        display: none
    }
    header+* {
        margin-top: 18.9vw
    }
    .hp-slider .slide {
        padding-bottom: 29.41vw
    }
    .hp-slider .button {
        bottom: 22.94vw;
        right: 6.18vw
    }
    .slick-arrow {
        width: 5.29vw;
        height: 6.47vw;
        bottom: 22.94vw
    }
    .slick-arrow:before {
        font-size: 2.06vw
    }
    h1 {
        font-size: 10vw
    }
    .container {
        width: 100%
    }
    .about-sec {
        padding: 4.71vw 8.82vw;
        line-height: 1.72
    }
    .about-sec h1 {
        margin-bottom: 7.06vw
    }
    .about-sec .text-wrap {
        width: 100%
    }
    footer {
        font-size: 3.82vw;
        border-bottom: 4.12vw solid #262724;
        padding: 5.88vw 0
    }
    .mob-hide {
        display: none!important
    }
    .mob-show {
        display: block!important
    }
    .projects-sec {
        padding: 0
    }
    .projects-sec .item {
        width: 100%;
        margin-bottom: 5.29vw
    }
    .projects-sec .item:after {
        height: 26.47vw
    }
    .projects-sec h2 {
        padding: 2.94vw 5.88vw;
        font-size: 7.06vw
    }
    .publications-list {
        padding: 0
    }
    .publications-list .item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        border-bottom: 0
    }
    .publications-list .logo-wrap {
        height: 41.18vw;
        width: 100%;
        padding: 5.88vw 5.88vw 2.94vw
    }
    .publications-list .description {
        padding: 5.88vw 8.82vw 8.24vw
    }
    .publications-list .btn-wrap {
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0
    }
    .publications-list .button {
        width: 100%;
        padding: 2.94vw;
        font-size: 5.29vw
    }
    .contact-us {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 7.06vw 5.88vw
    }
    .contact-us .contact-info {
        padding: 5.29vw 3.53vw;
        width: 100%;
        line-height: 2.15
    }
    .contact-us h1 {
        margin-bottom: 12.06vw;
        font-size: 8.82vw;
        line-height: 1
    }
    .contact-us .map-wrap {
        width: 100%;
        height: 60.59vw
    }
    .contact-us .content-wrap {
        width: 100%
    }
    .contact-us .inline {
        width: 19.41vw;
        margin-right: 2.94vw
    }
    .contact-us h2 {
        font-size: 8.82vw;
        margin: 14.41vw 0 .88vw
    }
    .custom-form .wpcf7-form-control-wrap {
        margin-bottom: 5.29vw
    }
    .custom-form .wpcf7-form-control {
        height: 14.71vw;
        padding-right: 26.47vw;
        font-size: 4.71vw
    }
    .custom-form .wpcf7-form-label {
        height: 13.24vw;
        font-size: 4.71vw
    }
    .custom-form .wpcf7-form-label:after {
        height: .59vw;
        margin-right: 1.47vw
    }
    .custom-form .wpcf7-submit {
        width: 50vw;
        margin-top: 10.29vw;
        font-size: 7.65vw;
        padding: 0
    }
    .project-inner,
    .project-inner .gallery-slider {
        padding: 0
    }
    .project-inner .slick-arrow {
        bottom: auto;
        top: 50%;
        margin-top: -5.88vw
    }
    .project-inner .slick-dots {
        left: 25.59vw;
        margin-top: 10.59vw
    }
    .project-inner h1 {
        font-size: 8.82vw;
        margin-bottom: 7.35vw
    }
    .project-inner .about-project {
        padding: 0;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .project-inner .info-col {
        width: 100%;
        padding: 7.35vw 8.82vw;
        line-height: 1.2
    }
    .project-inner .col {
        width: 100%
    }
    .project-inner .nav-col {
        width: 100%;
        padding: 2.65vw 5.88vw;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-bottom: .29vw solid #e0e0e0
    }
    .project-inner .nav-col a {
        margin: 0
    }
}