/*--------------font-----------------*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&family=Work+Sans:ital,wght@0,200;0,300;0,500;0,600;0,700;0,800;0,900;1,100;1,200&display=swap');

/* @import url('https://fonts.google.com/icons?selected=Material%20Icons%20Outlined%3Achevron_right%3A'); */
/*-----new style-----*/
::selection {
    background: transparent;
    color: #EF4323 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif !important;
}

.navbar {
    background-color: transparent;
}

.hero__header h1.title {
    color: #ffffff;
    font-weight: 500;
    line-height: 1.2;
    font-size: calc(1.2rem + 1.3vw);
    font-family: 'Raleway', sans-serif;
    bottom: -30vh;
    position: relative;
    text-align: right !important;
}

.overlay--45::before {
    background-color: transparent;
}

/*-----about-page-----*/
.hero__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: row-reverse;
    justify-content: flex-end;
    height: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    z-index: 10;
}

h1.title {
    color: #00806B;
    font-weight: 500;
    line-height: 1.7;
    font-size: calc(3.2rem + 2.8vw);
    font-family: 'Raleway', sans-serif;
}

h2.title {
    color: #00806B;
    font-weight: 500;
    line-height: 1.7;
    font-size: calc(2.8rem + 2.3vw);
    font-family: 'Raleway', sans-serif;
}

img.logotype {
    width: 100px;
}

h3.title {
    color: #00806B;
    font-weight: 500;
    line-height: 1.7;
    font-size: calc(1rem + 3vw);
    font-family: 'Raleway', sans-serif;
}

h4.title {
    color: #00806B;
    font-weight: 300;
    line-height: 1.7;
    font-size: calc(0.1rem + 3vw);
    font-family: 'Raleway', sans-serif;
}

.foreword {
    color: #494949 !important;
}

body {
    color: #494949 !important;
    font-family: 'Work Sans', sans-serif;
}

.preloader__logo {
    max-width: 90px;
}

.preloader__progress span {
    background: #58bf9d !important;
}

.project-footer__title {
    font-size: 6rem;
    line-height: .8;
    margin-bottom: 0;
    font-weight: 500;
}

.section-about.dna {
    margin-top: 9rem;
}

span.secound-title {
    color: #00806B;
    font-weight: 200;
    font-size: calc(2rem + 2.7vw);
}

p {
    line-height: 1.7 !important;
    font-size: 17px;
    font-weight: 400;
}

.section-about.Highlights li h4 {
    color: #494949 !important;
    line-height: 1.7 !important;
    font-size: 17px;
    font-weight: 400;
}

.section-about.dna h2.title.title--h2 {
    line-height: 0.8;
}

.glance .description {
    padding: 2.3rem 4rem 1rem 4rem;
}

span.sisarv-title {
    color: #494949 !important;
    line-height: 1.7 !important;
    font-size: 17px;
    font-weight: 600;
}

.section-about.Highlights .list-row__item {
    padding: 1.3rem 0;
}

.services__item-details h3.title.title--h3 {
    font-weight: 500;
    line-height: 1.3;
    font-size: calc(1.9rem + 1vw);
    font-family: 'Raleway', sans-serif;
}

.section-about {
    margin-top: 6rem;
    margin-bottom: 7rem;
}

.nav-overlay__bg {
    background: #00806B;
}

body .navbar img.logotype {
    transition: all 450ms;
    -webkit-transition: all 450ms;
    -moz-transition: all 450ms;
    -ms-transition: all 450ms;
    -o-transition: all 450ms;
}

body.open img.logotype {
    width: 100px !important;
}

.social.footer__social a {
    color: #5D5D5D !important;
}

.image-Highlights {
    height: 50vw;
    position: relative;
    max-height: 840px;
    margin-top: 3.6rem;
    width: calc(100% - 0rem);
}

span.secound-Storytitle {
    color: #00806b !important;
    line-height: 1.7 !important;
    font-size: 17px;
    font-weight: 600;
}

.description {
    color: #494949;
}

ul.we-are-list li {
    color: #494949 !important;
    line-height: 1.7 !important;
    font-size: 17px;
    font-weight: 400;
}

.section-about.advantages li {
    font-family: 'Work Sans', sans-serif;
    color: #494949 !important;
    line-height: 1.7 !important;
    font-size: 15px;
    font-weight: 400;
}

.back-to-top {
    background-repeat: no-repeat !important;
}

/*-----about-page-responsive-----*/
@media only screen and (min-width:1201px) {
    body#clients .hero__header .section-about {
        margin-top: 5rem;
        margin-bottom: 8rem;
    }

    body#clients .hero__header .section-about h1.title {
        margin-bottom: 0;
    }
}

@media only screen and (min-width:979px) and (max-width:1200px) {
    .content-grid__item {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .container-fully {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    body#clients .hero__header .section-about {
        margin-top: 5rem;
        margin-bottom: 8rem;
    }

    .col-12.col-xl-6.client-dec {
        margin-top: 0rem !important;
    }

    .content-grid__item {
        width: 22.5%;
    }
}

@media only screen and (min-width:1200px) {
    .portfolio-client:before {
        content: '';
        background-color: #ecf5f0;
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        padding: 75px;
        right: -12.1vw;
    }

    .glance:before {
        content: '';
        background-color: #ecf5f0;
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        padding: 75px;
        right: -6.1vw;
    }
}

@media only screen and (max-width:1200px) {
    .container-fully.section-about.B2B h2.title.title--h2.first-title {
        font-size: calc(1.7rem + 1.7vw) !important;
    }

    .container-fully.section-about.shahin .row {
        align-items: center;
        justify-content: center;
        display: flex;
        padding-top: 4rem;
        padding-bottom: 3rem;
    }

    body#clients .hero__header .section-about h1.title {
        margin-bottom: 0;
    }

    .glance:before {
        display: none !important;
    }

    .portfolio-client:before {
        display: none !important;
    }
}

@media only screen and (min-width:679px) and (max-width:978px) {
    .container-fully {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .content-grid__item {
        width: 33%;
        right: auto;
        left: auto;
        margin: 1rem 2rem 3% 3.5rem !important;
    }

    .gutter-sizer {
        width: 0%;
    }

    body#clients .hero__header .section-about {
        margin-top: 5rem;
        margin-bottom: 8rem;
    }

    .col-12.col-xl-6.client-dec {
        margin-top: 0rem !important;
    }

    .note {
        padding: 1.2rem 3.125rem 1.2rem !important;
    }
}

@media only screen and (max-width: 679px) {
    .content-grid__item {
        width: 60%;
    }
}

/*@media only screen and (min-width:768px) and (max-width:960px) {
	.content-grid__item {
    width: 40.5%;
    right: auto;
    left: auto;
    margin: 1rem 2rem 3%!important;
}
    .col-12.col-xl-6.client-dec {
        margin-top: 0rem !important;
    }
}*/
@media only screen and (max-width: 960px) {
    .note {
        padding: 1.2rem 3.125rem 1.2rem !important;
    }
}

@media only screen and (max-width:768px) {
    .container-fully.section-about.B2B h2.title.title--h2.first-title {
        font-size: calc(1.9rem + 1.7vw) !important;
    }

    .services__item {
        height: 50vh !important;
        width: 100% !important;
    }

    .footer__contacts span.address-title {
        font-size: calc(1rem + 1vw);
    }

    .glance .description {
        padding: 2.3rem 1rem 1rem 1rem !important;
    }

    .portfolio-client .description {
        padding: 2.3rem 1rem 1rem 1rem !important;
    }

    .glance h4.title {
        font-size: calc(1.2rem + 1.5vw) !important;
    }

    .portfolio-client h4.title {
        font-size: calc(1.2rem + 1.5vw) !important;
    }
}

@media only screen and (min-width:425px) and (max-width: 579px) {
    .services__item {
        height: 70vw !important;
    }

    span.secound-title {
        display: block;
    }

    h1.title, :lang(en) .section-about.abou-home h2.title {
        line-height: 0.8 !important;
    }

    h2.title.title--h2 {
        line-height: 0.9;
    }

    .Services-list h3.title {
        font-size: calc(1.2rem + 2.7vw) !important;
    }

    .contact-row h3.title {
        line-height: 0.9 !important;
    }

    .contact-row h3.title {
        line-height: 0.9 !important;
    }
}

@media only screen and (max-width: 424px) {
    :lang(es).nav-overlay__menu {
        width: 100% !important;
    }

    :lang(es).nav-overlay__menu-item a {
        font-size: 5vw !important;
    }

    .services__item {
        height: 130vw !important;
    }

    h1.title , :lang(en) .section-about.abou-home h2.title{
        line-height: 0.8 !important;
    }

    .contact-row h3.title {
        line-height: 0.9 !important;
    }

    span.secound-title {
        display: block;
    }

    h2.title {
        line-height: 0.9;
    }

    .section-about.dna h2.title.title--h2 {
        line-height: 0.8;
    }

    .Services-list h3.title {
        font-size: calc(1.2rem + 2.7vw) !important;
    }

    .Services-list h3.title span.secound-title {
        font-size: calc(1rem + 2.3vw) !important;
    }
}

@media only screen and (min-width:580px) and (max-width: 767px) {
    .Services-list h3.title {
        font-size: calc(1.2rem + 2.7vw) !important;
    }

    .section-about.Services-list .col-12.col-md-4.service-item.js-scroll-show {
        max-width: 49.333333% !important;
        flex: 0 0 49.333333%;
    }

    h1.title , :lang(en) .section-about.abou-home h2.title{
        line-height: 0.8 !important;
    }

    .hero__header h1.title {
        line-height: 1.2 !important;
    }

    .contact-row h3.title {
        line-height: 0.9 !important;
    }

    span.secound-title {
        display: block;
    }

    h2.title {
        line-height: 0.8;
    }

    .section-about.dna h2.title.title--h2 {
        line-height: 0.8;
    }

    .Services-list h3.title span.secound-title {
        font-size: calc(1rem + 2.3vw) !important;
    }
}

/*-----about-page-responsive-----*/
/*-----about-page-----*/
.services h2.title,
.services span.secound-title {
    color: #fff !important;
}

img.pattern-team {
    position: absolute;
    right: -2rem;
    width: 24.6rem;
    top: 13.2rem;
}

img.image-contact {
    position: absolute;
    right: -2rem;
    width: 24.6rem;
    top: 13.2rem;
}

.glance h4.title {
    color: #00806B;
    font-weight: 300;
    line-height: 1.7;
    font-size: calc(1.2rem + 1vw);
    font-family: 'Raleway', sans-serif;
    margin-bottom: 0.3rem;
}

.glance {
    margin-top: 2.8rem;
    background-color: #ecf5f0;
}

.Services-list h3.title {
    font-size: calc(1rem + 2.2vw);
    line-height: 0.9;
}

span.list-service-360 {
    font-family: sans-serif !important;
    font-size: calc(1rem + 1.8vw) !important;
}

.Services-list h3.title span.secound-title {
    font-size: calc(1rem + 1.3vw);
    display: block;
}

.section-about.Services-list {
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.services-image {
    height: 18vw;
    margin: 0 auto 3.5rem auto;
}

ul.dec-service li {
    font-family: 'Work Sans', sans-serif;
    color: #00806b !important;
    line-height: 1.7 !important;
    font-size: 18px;
    font-weight: 400;
}

.header-page {
    margin-top: 9rem;
}

body#about .footer::before {
    height: 0.8px;
}

.container-fully.section-about.shahin {
    background-color: #00806B;
}

p.shahin-text {
    color: #ffffff;
    font-weight: 300;
    line-height: 1.5 !important;
    font-size: calc(1rem + 1.2vw);
    font-family: 'Raleway', sans-serif;
}

.col-12.col-lg-8.col-xl-6.shahin-text {
    align-items: center;
    justify-content: center;
    display: flex;
}

body#error404 h3.title {
    line-height: 1.3;
    font-size: calc(1rem + 1.4vw);
    font-family: 'Raleway', sans-serif;
}

.note__item .title {
    margin-bottom: 1rem;
    color: #00806B !important;
    font-weight: 600;
    font-size: calc(1rem + 1.4vw);
    font-family: 'Raleway', sans-serif;
}

.col-12.col-xl-6.client-dec {
    margin-top: 3rem;
}

body#clients span.sisarv-title {
    color: #ffffff !important;
}

body#home .hamburger__inner:before,
body#home .hamburger__inner:after {
    background-color: #ffffff;
}

.portfolio-client {
    background-color: #ecf5f0;
}

.portfolio-client h4.title {
    color: #00806B;
    font-weight: 300;
    line-height: 1.7;
    font-size: calc(0.1rem + 2.4vw);
    font-family: 'Raleway', sans-serif;
    margin-bottom: 0.3rem;
}

.section-about.client {
    margin-bottom: 0rem;
}

.portfolio-client .description {
    padding: 2.3rem 4rem 1rem 4rem;
}

.explor-list h3.title {
    font-size: calc(1rem + 2.3vw);
    line-height: 0.9;
    font-weight: 400;
}

.lang.lang-floating {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    position: absolute;
    bottom: 4.125rem;
    left: 3.125rem;
    z-index: 12;
}

.lang.lang-floating a.lang__link:hover {
    text-decoration: none;
}

.lang {
    line-height: 0;
}

.lang__link:first-child {
    margin-left: 0;
}

a.lang__link {
    color: #C4C4C4;
    display: inline-block;
    font-size: 1.1rem;
    margin-left: 1rem;
    font-weight: 300;
}

.contact-row {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.explor-list h3.title a {
    color: #494949;
}

.explor-list h3.title a:hover {
    color: #00806B;
    text-decoration: none;
}

span.address-title {
    color: #00806B;
    font-weight: 500;
    font-size: calc(0.2rem + 1.4vw);
    font-family: 'Raleway', sans-serif;
}

ul.footer__contacts.list-unstyled a {
    color: #494949;
    text-decoration: none;
}

ul.footer__contacts.list-unstyled a:hover {
    color: #03806c;
    text-decoration: none;
}

.contact-row .social.footer__social {
    margin-top: 3rem;
}

.contact-row h3.title {
    color: #00806B;
    font-weight: 500;
    line-height: 1.7;
    font-size: calc(3.2rem + 3.3vw);
    font-family: 'Raleway', sans-serif;
}

.social-floating a.social__link,
.lang.lang-floating a.lang__link {
    color: #ffffff;
    font-family: 'Work Sans', sans-serif !important;
}

.contact-row .social.footer__social a.social__link:hover {
    color: #037f6b !important;
}

body#team h2.content-grid__name.title--h5 {
    color: #037b67;
    line-height: .9;
    font-weight: 400 !important;
}

body#team h2.content-grid__name.title--h5 span.team-name {
    display: block;
    font-weight: 500 !important;
}

.social-floating {
    z-index: 12;
}

.content-grid .image-wrap-fit {
    padding-bottom: 129%;
}

.project-footer__link p div .line {
    line-height: 1.1 !important;
    font-weight: 200;
    font-size: calc(1.3rem + 0.7vw);
}

body#team .content-grid__caption p.content-grid__role {
    line-height: 1 !important;
    color: #686868;
}

.container-fully.section-about.B2B {
    background-color: #00806B;
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.container-fully.section-about.B2B h2.title.title--h2.first-title {
    color: #ffffff;
    font-weight: 300;
    line-height: 1;
    font-size: calc(1.7rem + 1.7vw);
    font-family: 'Raleway', sans-serif;
}

.container-fully.section-about.B2B h2.title.title--h2.secound-title {
    color: #ffffff;
    font-weight: 300;
    line-height: 1;
    font-size: calc(2.8rem + 2.4vw);
    font-family: 'Raleway', sans-serif;
}

.container-fully.section-about.B2B h2.title.title--h2 span.bold-word {
    font-weight: 800;
    font-size: calc(2.3rem + 1.5vw);
}

.container-fully.section-about.B2B h2.title.title--h2.secound-title span.big-bold-word {
    font-weight: 800;
    font-size: calc(3.2rem + 3vw);
}

span.light-word {
    display: block;
    font-weight: 200;
    line-height: 1;
    font-size: calc(1.3rem + 1.2vw);
}

.services__item {
    background-color: #04826e;
}

.image-dna {
    text-align: center;
}

.image-dna img.cover {
    width: 70%;
    margin: 0 auto;
}

/*-----icone-----*/
.arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #037c68;
    border-right: 2px solid #037f6b;
}

.arrow-top {
    transform: rotate(-45deg);
}

.arrow-right {
    transform: rotate(45deg);
}

.arrow-bottom {
    transform: rotate(135deg);
}

.arrow-left {
    transform: rotate(-135deg);
}

.arrow-top-narrow {
    transform: rotate(-45deg) skew(-15deg, -15deg);
}

.arrow-top-wide {
    transform: rotate(-45deg) skew(7deg, 7deg);
}

.arrow-top-left {
    transform: rotate(-90deg) skew(-10deg, -10deg);
}

.arrow-top-right {
    transform: rotate(0) skew(-10deg, -10deg);
}

.arrow-bottom-left {
    transform: rotate(180deg) skew(-10deg, -10deg);
}

.arrow-bottom-right {
    transform: rotate(90deg) skew(-10deg, -10deg);
}

/*-----icone-----*/
@media only screen and (min-width: 1500px) {
    .content-grid__item {
        width: 30%;
    }
}

@media only screen and (min-width: 580px) {
    .brand-grid__item {
        margin: 2rem 0.83%;
        padding: 0 2rem;
        width: 15%;
    }
}

@media only screen and (max-width: 580px) {
    .content-grid__name {
        font-size: 1.5rem;
    }

    .content-grid .image-wrap-fit {
        padding-bottom: 130% !important;
        margin: 0 auto;
    }

    .project-footer__title {
        font-size: 3.6rem !important;
    }

    img.content-grid__image.cover {
        width: 29rem;
        margin: 0 auto;
        height: auto;
    }

    .content-grid__caption {
        margin-top: 1rem;
    }

    .form-sec .contact-form {
        margin-top: 0rem;
    }

    .content-grid__item {
        margin-top: 0.5rem;
        margin-bottom: 3rem;
        width: 70%;
    }

    .lang.lang-floating {
        bottom: 4.5rem;
        left: 0;
        right: 0;
        justify-content: center;
    }

    .explor-list .col-12.title-row {
        margin-bottom: 1.3rem;
    }

    .nav-overlay__menu-item a {
        font-size: 6vw;
    }

    .hero__header h1.title {
        bottom: 14vh !important;
        font-size: calc(1.1rem + 1.1vw);
        line-height: 1.2 !important;
    }

    .project-footer__link p div .line {
        font-size: calc(1.3rem + 0.7vw) !important;
        line-height: 1.3 !important;
    }
}

@media only screen and (min-width:768px) and (max-width:992px) {
    .brand-grid__item {
        margin: 2rem 0.43rem;
        padding: 0 2rem;
        width: 23%;
    }
}

@media only screen and (min-width:580px) and (max-width:767px) {
    .brand-grid__item {
        margin: 2rem 0.76rem;
        padding: 0 1.5rem;
        width: 9.1rem;
    }
}

@media only screen and (min-width:480px) and (max-width:579px) {
    .brand-grid__item {
        margin: 2rem 1.6%;
        padding: 0 1.5rem;
        width: 30%;
    }
}

@media only screen and (min-width:375px) and (max-width:479px) {
    .brand-grid__item {
        height: auto;
        margin: 2rem 5.9%;
        padding: 0 1.5rem;
        width: 38%;
    }
}

@media only screen and (max-width:374px) {
    .brand-grid__item {
        width: 60%;
        margin: 0 auto;
        height: auto;
        margin: 2rem 4.6rem;
        padding: 0 2rem;
    }
}

@media only screen and (max-width: 992px) {
    .form-sec .contact-form {
        margin-top: 0rem !important;
    }

    .nav-overlay__menu-item a {
        font-size: 4.5vw;
    }

    .project-footer__title {
        font-size: 5rem;
    }

    .services__item {
        height: auto !important;
        padding: 4rem 2rem 4rem 2rem;
    }
}

@media only screen and (max-width: 768px) {
    .nav-overlay__menu-item a {
        font-size: 5.2vw;
        line-height: 2;
    }

    .section-about {
        margin-top: 6rem !important;
        margin-bottom: 5rem !important;
    }

    .section-about.dna {
        margin-top: 6rem !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width:1200px) {
    .section-about.dna h2.title.title--h2 {
        line-height: 0.8;
    }

    section-about.dna span.secound-title {
        line-height: 0.7;
    }
}

@media only screen and (min-width: 767px) and (max-width:1023px) {
    .section-about.dna h2.title.title--h2 {
        line-height: 0.8;
    }

    section-about.dna span.secound-title {
        line-height: 0.7;
    }

    .image-dna img.cover {
        width: 20rem;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 580px) and (max-width:767px) {
    .explor-list .col-12.title-row {
        margin-bottom: 1.5rem;
    }

    .services__item {
        height: auto !important;
        padding: 4rem 2rem 4rem 2rem;
    }

    .image-dna img.cover {
        width: 18rem;
        margin: 0 auto;
    }

    .section-about.client h1.title {
        line-height: 0.8;
    }

    .section-about.client span.secound-title {
        display: block;
        line-height: 0.9;
    }
}

@media only screen and (min-width: 425px) and (max-width:579px) {
    .section-about.dna h2.title.title--h2 {
        line-height: 0.8;
    }

    #contact .section-about span.secound-title {
        line-height: 0.7;
    }

    .hero__header {
        flex-direction: row-reverse;
        justify-content: flex-start;
        width: 94%;
    }

    .services__item {
        height: auto !important;
        padding: 4rem 2rem 4rem 2rem !important;
    }

    .image-dna img.cover {
        width: 17rem;
        margin: 0 auto;
    }

    .section-about.client h1.title {
        line-height: 0.8;
    }

    .section-about.client span.secound-title {
        display: block;
        line-height: 0.9;
    }
}

@media only screen and (max-width: 424px) {
    .content-grid .image-wrap-fit {
        padding-bottom: 21rem !important;
        margin: 0 auto;
    }

    img.content-grid__image.cover {
        width: 15rem;
    }

    .hero__header {
        flex-direction: row-reverse;
        justify-content: flex-start;
        width: 90%;
    }

    .nav-overlay__menu-item a {
        font-size: 5.3vw;
    }

    .services__item {
        height: auto !important;
        padding: 4rem 2rem 4rem 2rem !important;
    }

    .image-dna img.cover {
        width: 15rem;
        margin: 0 auto;
    }
}

.btn::before {
    transform: skew(0deg);
}

/*-----new style-----*/
/*-------farzin------*/
.section-portfolioitems .title--h5 {
    font-size: 1.5rem!important;
    line-height: 1.3!important;
    margin-bottom: 0rem!important;
    font-weight: 500!important;
}


.section-about.Values {
    margin: 0 !important;
    width: 100% !important;
    max-width: unset !important;
    background: #0b5d51;
}

.services {
    margin-top: 0 !important;
}

.section-about.Values h2.title,
.section-about.Values span {
    color: #fff;
}

.nav-overlay .lang.lang-floating {
    left: auto;
}

@media (min-width:1400px) and (max-width:1600px) {
    .hero__header h1.title {
        bottom: -29vh !important;
    }

    .hero__header span {
        bottom: 14vh !important;
    }
}

@media (min-width:1240px) and (max-width:1400px) {
    .hero__header h1.title {
        font-size: 2.3rem !important;
    }

    .hero__header span {
        left: 21rem !important;
        bottom: 14vh !important;
        font-size: 0.7rem !important;
    }
}

@media (min-width:1240px) {
    .hero__header h1.title {
        font-size: 2.5rem;
    }

    .hero__header span {
        position: absolute;
        left: 23rem;
        bottom: 14vh;
        font-size: 0.7rem;
    }
}

@media (min-width:960px) and (max-width:1239px) {
    .hero__header h1.title {
        font-size: 2rem;
    }

    .hero__header span {
        position: absolute;
        left: 17rem;
        bottom: 14vh;
        font-size: 0.7rem;
    }
}

@media (min-width:768px) and (max-width:959px) {
    .hero__header h1.title {
        font-size: 1.9rem;
    }

    .hero__header span {
        position: absolute;
        left: 16rem;
        bottom: 14vh;
        font-size: 0.7rem;
    }
}

@media (min-width:425px) and (max-width:580px) {
    body#team h2.content-grid__name.title--h5 {
        font-size: 1.6rem !important;
    }
}

@media (min-width:581px) and (max-width:767px) {
    .hero__header h1.title {
        font-size: 1.7rem;
    }

    .hero__header span {
        position: absolute;
        left: 13.5rem;
        bottom: 14vh;
        font-size: 0.7rem;
    }
}

@media(min-width:581px) and (max-width:679px) {
    body#team h2.content-grid__name.title--h5 {
        font-size: 1.7rem !important;
    }
}

@media (min-width:580px) and (max-width:580px) {
    .hero__header h1.title {
        font-size: 1.5rem;
    }

    .hero__header span {
        position: absolute;
        left: 11.5rem;
        bottom: 58.5vh;
        font-size: 0.5rem;
    }
}

@media (max-width:579px) {
	.arrow-bottom.zoom-cursor.magnetic {
    right: 20px;
}
    .hero__header h1.title {
        font-size: 1.4rem;
    }

    .hero__header span {
        position: absolute;
        left: auto;
        bottom: 59vh;
        font-size: .5rem;
    }
}

@media (max-width:1239px) {
    body#team h2.content-grid__name.title--h5 {
        font-size: 1.3rem;
    }

    body#team .content-grid__description,
    .content-grid__role {
        font-size: .9rem;
    }
}

@media only screen and (max-width: 580px) {
    body#team .content-grid__caption {
        width: 29rem;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 424px) {
    body#team .content-grid__caption {
        width: 15rem;
    }
}

@media (min-width:480px) and (max-width:768px) {
    .nav-overlay__menu-item a {
        font-size: 5.2vw;
        line-height: 1.8;
    }
}

@media(min-width:425px) and (max-width:575px) {
    body#team h1.title {
        font-size: calc(4.2rem + 2.8vw);
    }

    body#team span.secound-title {
        font-size: calc(2.8rem + 2.7vw);
    }

    body#team .description {
        font-size: 19px;
    }
}

.cursor {
    background-color: #57C09E;
    mix-blend-mode: normal;
}

.node {
    border: 1px solid rgba(87, 192, 158, 0.3);
    mix-blend-mode: normal;
}

.node.expand {
    background-color: rgba(87, 192, 158, 0.2);
}

.node.drag::before,
.node.drag::after {
    color: #57C09E;
}

@media only screen and (min-width: 1200px) {
    .services__item {
        height: 30rem !important;
        padding: 2rem 4rem 8rem 3rem !important;
    }
}

@media (min-width: 1024px) and (max-width:1199px) {
    .services__item {
        height: 34rem !important;
        padding: 2rem 4rem 8rem 3rem !important;
    }
}

@media (min-width: 993px) and (max-width:1023px) {
    .services__item {
        height: 34rem !important;
        padding: 2rem 4rem 7rem 3rem !important;
    }
}

/*-----lang(es)-----*/
:lang(es).nav-overlay__menu-item a {
    font-size: calc(1.9rem + 1.5vw);
}

:lang(es).services__item-details h3.title.title--h3 {
    line-height: 1.2;
}

:lang(es) h2.title {
    font-size: calc(2.7rem + 2.3vw);
}

:lang(es) .Services-list h3.title {
    font-size: calc(1rem + 1.7vw);
}

:lang(es) .section-about.client h1.title span.secound-title {
    font-size: calc(1.5rem + 2.2vw);
}

:lang(es) .section-about.client h1.title {
    font-size: calc(2.6rem + 2vw);
}

:lang(es) .contact-row h3.title span.secound-title {
    font-size: calc(1.9rem + 2.5vw);
}

:lang(es) .abou-home h1.title , :lang(es) .abou-home h2.title {
    font-size: calc(2.9rem + 2.4vw);
}

:lang(es) .abou-home h1.title span.secound-title , :lang(es) .abou-home h2.title span.secound-title {
    font-size: calc(1.5rem + 1.9vw);
}

@media (min-width: 1240px) and (max-width: 1400px) {
    :lang(es) .hero__header span {
        left: 24.7rem !important;
    }
}

@media (min-width: 1401px) {
    :lang(es) .hero__header span {
        left: 27.5rem !important;
    }
}

@media (min-width:960px) and (max-width:1023px) {
    :lang(es) .abou-home h1.title , :lang(es) .abou-home h2.title {
        line-height: 1;
    }
}

@media only screen and (min-width: 1024px) and (max-width:1239px) {
    :lang(es) .services__item {
        height: 37rem !important;
    }
}

@media (min-width:1240px) {
    :lang(es) .services__item {
        height: 32rem !important;
    }
}

@media only screen and (min-width: 1024px) {
    :lang(es) .abou-home h1.title ,  :lang(es) .abou-home h2.title{
        line-height: 0.6 !important;
        margin-bottom: 3rem;
    }
}

@media (min-width: 960px) and (max-width: 1239px) {
    :lang(es) .hero__header span {
        left: 20.5rem;
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    :lang(es) .abou-home h1.title, :lang(es) .abou-home h2.title {
        line-height: 1.1;
    }

    :lang(es) .abou-home h1.title span.secound-title, :lang(es) .abou-home h2.title span.secound-title {
        display: block;
    }

    :lang(es) .contact-row h3.title span.secound-title {
        font-size: calc(1.7rem + 2.3vw);
    }

    :lang(es) .hero__header span {
        left: 19.4rem;
    }
}

@media only screen and (max-width: 992px) {
    :lang(es).nav-overlay__menu-item a {
        font-size: calc(1.9rem + 1.5vw);
    }

    :lang(es) .section-about.client h1.title span.secound-title {
        display: block;
        line-height: 0.9;
    }

    :lang(es) .section-about.client h1.title {
        line-height: 0.8 !important;
    }

    :lang(es) .Services-list h3.title {
        font-size: calc(1rem + 1.3vw);
    }
}

@media only screen and (min-width: 580px) and (max-width: 767px) {
    :lang(es) .Services-list h3.title {
        font-size: calc(1.0rem + 2.1vw) !important;
    }

    :lang(es) .abou-home h1.title , :lang(es) .abou-home h2.title{
        line-height: 1.1 !important;
    }

    :lang(es) .hero__header span {
        left: 16.5rem;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    :lang(es).nav-overlay__menu-item a {
        font-size: 6vw;
        line-height: 1.8 !important;
    }
}

@media (max-width: 579px) {
    :lang(es) .hero__header h1.title {
        font-size: 1.3rem;
        line-height: 1.1 !important;
    }
}

@media only screen and (min-width: 425px) and (max-width: 580px) {
    :lang(es) h1.title , :lang(es) h2.title {
        line-height: 0.9 !important;
    }

    :lang(es) .abou-home h1.title , :lang(es) .abou-home h2.title {
        line-height: 1.1 !important;
    }
}

@media only screen and (max-width: 424px) {
    :lang(es) .abou-home h1.title , :lang(es) .abou-home h2.title {
        line-height: 1.1 !important;
    }
}

:lang(es) .Services-list h3.title {
    word-break: break-word;
}

@media (min-width:1910px)and (max-width:1920px) {
    :lang(es) .section-about.client h1.title {
        line-height: .7;
        margin-bottom: 2.8rem;
    }
}

@media (min-width:1500px) {
    :lang(es) .section-about.dna h2.title.title--h2 {
        font-size: calc(2.3rem + 2.1vw);
    }
}

@media (min-width: 993px) and (max-width:1023px) {
    :lang(es) .services__item {
        height: 36rem !important;
        padding: 2rem 3rem 7rem 3rem !important;
    }
}

/*-----AR-----*/
:lang(ar) .nav-overlay__menu-item span {
    font-size: 1.5rem;
}

:lang(ar) .mr-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
    order: 2;
}

@media (min-width: 576px) {
    :lang(ar) .ml-sm-auto {
        margin-right: 0 !important;
        margin-left: auto !important;
    }
}

:lang(ar) body {
    direction: rtl;
    text-align: right;
    font-family: 'Noto Naskh Arabic', serif !important;
}

:lang(ar) .h2,
:lang(ar) .h3,
:lang(ar) .h4,
:lang(ar) .h5,
:lang(ar) .h6,
:lang(ar) h1,
:lang(ar) h2,
:lang(ar) h3,
:lang(ar) h4,
:lang(ar) h5,
:lang(ar) h6 {
    font-family: 'Noto Naskh Arabic', serif !important;
}

:lang(ar) span.secound-title,
:lang(ar) h2.title,
:lang(ar) .explor-list h3.title,
:lang(ar) .project-footer__link p div .line,
:lang(ar) .project-footer__title,
:lang(ar) p.shahin-text,
:lang(ar) span.address-title,
:lang(ar) .section-about.advantages li {
    font-family: 'Noto Naskh Arabic', serif !important;
}

:lang(ar) .section-about.abou-home h1.title, :lang(ar) .section-about.abou-home h2.title,
:lang(ar) .container.section-about.client h1.title {
    font-size: calc(3rem + 2.6vw);
}

:lang(ar) .section-about.abou-home span.secound-title,
:lang(ar) .container.section-about.client h1.title span.secound-title {
    font-size: calc(2rem + 2.4vw);
    font-weight: 100;
}

:lang(ar) h2.title {
    font-size: calc(2.6rem + 2.3vw);
}

:lang(ar) .section-about.dna h2.title.title--h2 {
    line-height: 1 !important;
}

:lang(ar) h2.title span.secound-title {
    font-size: calc(1.8rem + 2.1vw) !important;
    font-weight: 100;
}

:lang(ar) .explor-list h3.title {
    font-size: calc(1rem + 1.9vw) !important;
}

:lang(ar) .contact-row h3.title {
    font-size: calc(2.3rem + 2.6vw) !important;
    font-weight: 600;
}

:lang(ar) .contact-row h3.title span.secound-title {
    font-size: calc(2rem + 2.4vw) !important;
    font-weight: 100 !important;
}

:lang(ar) .contact-form .col-12.text-right {
    text-align: left !important;
}

:lang(ar) .project-footer__title {
    font-size: 4rem;
    line-height: 0.9;
}

:lang(ar) .project-footer__link p {
    font-weight: 100 !important;
    line-height: 1 !important;
}

:lang(ar) .nav-overlay__menu-item a {
    font-size: 3.5vw;
}

:lang(fa) header.header-page.header-page-about p.description,
:lang(ar) .list-row__item .title,
:lang(ar) p.foreword,
:lang(ar) .section-about.dna .description,
:lang(ar) .container.section-about.vision .description,
:lang(ar) .services p.description,
:lang(ar) .container.advantages p,
:lang(ar) .container.section-about.client p {
    text-align: justify;
}

:lang(ar) body#team .content-grid__caption {
    direction: ltr;
    text-align: left;
}

:lang(ar) body#team h2.content-grid__name.title--h5,
:lang(ar) body#team .content-grid__caption p.content-grid__role {
    font-family: 'Raleway', sans-serif !important;
}

:lang(ar) .glance h4.title {
    font-size: calc(1rem + 1vw);
}

@media only screen and (min-width: 1200px) {
    :lang(ar) .glance:before {
        right: auto;
        left: -9.1rem;
    }
}

:lang(ar) ul.footer__contacts.list-unstyled.es-info,
:lang(ar) ul.footer__contacts.list-unstyled.ir-info {
    padding-right: 0;
}

:lang(ar) .btn {
    letter-spacing: 0;
}

:lang(ar) .Services-list h3.title {
    font-size: calc(1rem + 2vw);
    line-height: 1;
}

:lang(ar) span.list-service-360 {
    font-size: calc(1rem + 1.3vw) !important;
    font-family: inherit !important;
    font-weight: 300;
}

:lang(ar) .lang__link:first-child {
    margin-left: 1rem;
}

:lang(ar) .hero__header {
    direction: ltr;
}

:lang(ar) .social-floating {
    right: 3.125rem;
    left: auto;
    direction: ltr;
}

:lang(ar) .social__link {
    margin-left: 1rem;
    margin-right: 0!important;
}

:lang(ar) .lang.lang-floating {
    direction: ltr;
}

:lang(ar) .hero__header h1.title,
:lang(ar) .container-fully.section-about.B2B h2.title.title--h2 span.bold-word,
:lang(ar) .container-fully.section-about.B2B h2.title.title--h2.secound-title,
:lang(ar) .container-fully.section-about.B2B h2.title.title--h2.secound-title span.big-bold-word,
:lang(ar) .container-fully.section-about.B2B h2.title.title--h2.first-title {
    font-family: 'Raleway', sans-serif !important;
}

:lang(ar) .hero__header span,
:lang(ar) .es-font,
:lang(ar) a.maillink {
    font-family: 'Work Sans', sans-serif !important;
}

:lang(ar) .section-about.dna h2.title {
    font-size: calc(2.1rem + 2vw);
}

:lang(ar) .section-about.dna h2.title span.secound-title,
:lang(ar) .container.section-about.advantages h2.title,
:lang(ar) .container.section-about.vision h2.title {
    font-size: calc(1.8rem + 1.8vw) !important;
}

span.font-en-titel {
    font-family: 'Raleway', sans-serif !important;
}

span.font-en {
    font-family: 'Raleway', sans-serif !important;
}

@media only screen and (min-width: 1200px) {
    :lang(ar) .portfolio-client:before {
        left: -9.1rem;
        right: auto;
    }
}

@media only screen and (min-width: 1024px) {
    :lang(ar) .abou-home h1.title , :lang(ar) .abou-home h2.title{
        line-height: 1.7 !important;
    }
}

@media only screen and (max-width: 992px) {
    :lang(ar) .project-footer__title {
        font-size: 3.5rem !important;
    }

    :lang(ar) .contact-row h3.title span.secound-title {
        font-size: calc(1.8rem + 1.8vw) !important;
    }

    :lang(ar) .services__item {
        padding: 2rem 3rem 2rem 4rem !important;
    }
}

@media only screen and (max-width: 768px) {
    .glance h4.title {
        font-size: calc(1rem + 1vw) !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    :lang(ar) .footer__contacts span.address-title {
        font-size: calc(1rem + 1vw);
    }

    :lang(ar) .Services-list h3.title {
        font-size: calc(1rem + 1.7vw) !important;
    }

    :lang(ar) .container.section-about.client h1.title,
    :lang(ar) .contact-row h3.title {
        font-size: calc(2.5rem + 2.4vw) !important;
    }

    :lang(ar) .container.section-about.client h1.title span.secound-title {
        font-size: calc(2rem + 2vw) !important;
    }

    :lang(ar) .contact-row h3.title span.secound-title {
        font-size: calc(1.8rem + 1.8vw) !important;
    }
}

@media only screen and (min-width: 580px) and (max-width: 767px) {
    :lang(ar) h2.title {
        line-height: 1;
    }

    :lang(ar) .section-about.abou-home h1.title {
        line-height: 1 !important;
    }

    :lang(ar) h2.title {
        line-height: 1 !important;
    }

    :lang(ar) .Services-list h3.title {
        font-size: calc(1rem + 2.5vw) !important;
    }

    .Services-list h3.title span.secound-title {
        font-size: calc(0.8rem + 1.5vw) !important;
    }

    :lang(ar) .container.section-about.client h1.title {
        font-size: calc(2.6rem + 2.4vw) !important;
    }

    :lang(ar) .container.section-about.client h1.title span.secound-title {
        font-size: calc(2rem + 2vw) !important;
    }

    :lang(ar) h2.title {
        line-height: 1 !important;
    }

    :lang(ar) .section-about.abou-home span.secound-title,
    :lang(ar) .container.section-about.client h1.title span.secound-title,
    :lang(ar) h2.title span.secound-title {
        line-height: 1.1 !important;
    }
}

@media only screen and (max-width: 579px) {
    :lang(ar) .lang.lang-floating {
        bottom: 4.5rem !important;
        left: 0 !important;
        right: 0 !important;
        justify-content: center !important;
    }

    :lang(ar) .social-floating {
        bottom: 1.5rem !important;
        left: 0 !important;
        right: 0 !important;
        justify-content: center !important;
    }

    :lang(ar) .section-about.dna h2.title.title--h2 {
        line-height: 0.8 !important;
    }

    :lang(ar) h2.title {
        line-height: 1 !important;
    }

    :lang(ar) .section-about.abou-home span.secound-title,
    :lang(ar) .container.section-about.client h1.title span.secound-title,
    :lang(ar) h2.title span.secound-title {
        line-height: 0.7 !important;
    }

    :lang(ar) .project-footer__title {
        font-size: 3rem !important;
    }

    :lang(ar) .container.section-about.advantages h2.title.title--h2 {
        font-size: calc(2.1rem + 2vw) !important;
    }

    :lang(ar) .container.section-about.client h1.title {
        font-size: calc(2.6rem + 2.4vw) !important;
    }

    :lang(ar) .container.section-about.client h1.title span.secound-title {
        line-height: 1 !important;
        font-size: calc(2rem + 2vw) !important;
    }
}

@media only screen and (min-width: 424px) and (max-width:767px) {
    :lang(ar) .nav-overlay__menu-item a {
        font-size: 6.5vw !important;
    }
}

@media only screen and (max-width: 424px) {
    :lang(ar) .nav-overlay__menu-item a {
        font-size: 6.5vw !important;
    }

    :lang(ar) .services__item {
        padding: 2rem 3rem 2rem 3rem !important;
    }
}

:lang(ar) .project-footer__title {
    font-size: 4rem;
    line-height: 1.4;
}

@media only screen and (min-width: 1200px) {
    :lang(ar) .services__item {
        height: 23rem !important;
    }

    :lang(ar) .services__item p {
        min-height: 85px;
    }
}

@media only screen and (min-width: 960px) and (max-width:1440px) {
    :lang(es) .nav-overlay__menu {
        width: 90% !important;
    }

    :lang(es) .nav-overlay__menu-item a {
        font-size: 4.3vw !important;
    }
}

@media only screen and (min-width: 768px) and (max-width:959px) {
    :lang(es) .nav-overlay__menu {
        width: 90% !important;
    }

    :lang(es) .nav-overlay__menu-item a {
        font-size: 4vw !important;
    }
}

@media only screen and (min-width: 425px) and (max-width:767px) {
    :lang(es) .nav-overlay__menu {
        width: 100% !important;
    }

    :lang(es) .nav-overlay__menu-item a {
        font-size: 5vw !important;
    }
}

@media only screen and (max-width: 424px) {
    :lang(es).nav-overlay__menu {
        width: 100% !important;
    }

    :lang(es).nav-overlay__menu-item a {
        font-size: 5vw !important;
    }
}
.arrow-bottom {
    background-repeat: no-repeat !important;
	display:block;
}
.arrow-bottom {
    left: auto;
    right: 50%;
    background-image: url(../images/arrow-scroll-to-black.svg);
	filter: invert(1);
    background-position: center;
    cursor: pointer;
    height: 36px;
    opacity: 1;
    position: absolute;
    bottom: 30px;
    width: 30px;
    transition: opacity .35s ease-out;
    z-index: 10;
    transform: rotate(180deg);
}
:lang(en) .section-about.abou-home h2.title {
    font-size: calc(3.2rem + 2.8vw);
}
body#portfoliosingle .cover {
    height: 450px;
}
body#portfoliosingle .swiper-container .swiper-slide {
    height: max-content;
}
body#portfoliosingle .item-caption {
    opacity: 0;
}
body#portfoliosingle .item-caption h2 , body#portfoliosingle .item-caption  span
{
color: #fff;
}
body#portfoliosingle figure.project-slider__item:hover .item-caption div
{
    transform: none;
}
body#portfoliosingle .project-slider__item {
    margin-left: 0;
    margin-right: 0;
}
body#portfolio .content-grid .image-wrap-fit {
    padding-bottom: 100%;
}
body#portfoliosingle .item-caption div {
	    opacity: 0;
}
body#portfoliosingle figure.project-slider__item:hover .item-caption div {
	    opacity: 1;
}
body#portfoliosingle figure.project-slider__item:hover .item-caption {
	    opacity: 1;
}

body#portfolio .filter__item {
    font-weight: 300;
}
body.portfoliosingleitem .hero {
height: auto;
}
body.portfoliosingleitem figure {
	margin: 0!important;
	display: flex;
}
body.portfoliosingleitem .figureimg:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
body#portfolio li.filter__item {
    padding-right: 1rem;
}
body.portfoliosingleitem .figurevid button#play-pause-first , body.portfoliosingleitem .figurevid button#play-pause-second , body.portfoliosingleitem .figurevid button#play-pause-third , body.portfoliosingleitem .figurevid button#play-pause-fourth , body.portfoliosingleitem .figurevid button#play-pause-fifth , body.portfoliosingleitem .figurevid button#play-pause-sixth
{
	position: absolute;
	z-index: 999;
	background: url(/assets/images/play-icon.png);
	opacity: .5;
	width: 100%;
    height: 100%;
    background-size: 25%;
    background-repeat: no-repeat;
    border: none;
    background-position: center;
}
body.portfoliosingleitem .figurevid button#play-pause-first.played , body.portfoliosingleitem .figurevid button#play-pause-second.played , body.portfoliosingleitem .figurevid button#play-pause-third.played , body.portfoliosingleitem .figurevid button#play-pause-fourth.played , body.portfoliosingleitem .figurevid button#play-pause-fifth.played ,  body.portfoliosingleitem .figurevid button#play-pause-sixth.played {
    background: unset;
}
.portfoliosingleitem .carousel-container:after
{
	content:url(../images/arrow-scroll-to-black.svg);
position: absolute;
    z-index: 999;
    top: 49%;
    display: block;
    scroll-snap-align: center;
    filter: invert(1);
    transform: rotate(90deg);
    right: 0;
    height: 30px;
    width: 30px;
    background: transparent;
	opacity: 0;
	animation:arrow-right 2s ease;
	animation-iteration-count: 5;
}
body.portfoliosingleitem .hero {
    overflow-y: visible;
}
 .ptitle {
    display: inline-block;
    font-weight: 600;
}
.psinglebreadcrumb {
    color: #00806B;
}
.psinglebreadcrumb a {
    font-weight: 300;
	    text-decoration: none!important;
}
.psinglebreadcrumb p {
    display: inline;
    font-weight: 300;
}
body#portfolio .content-grid .gutter-sizer {
    width: 5%;
}
.portfoliosingleitem .swiper-container {
    position: relative;
    width: calc(100% - 7.5rem);
    margin-right: 0;
    padding-left: 0;
}
body#portfolio .content-grid__item.whitef .image-wrap-fit:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #e5e5e5;
}
@keyframes arrow-right
{
	0%
	{
		opacity: 0;
	}
	50%
	{
		opacity:1;
	}
		100%
	{
		opacity:0;
	}
}
@media (max-width:767px)
{
	body.portfoliosingleitem .figurevid button#play-pause-first , body.portfoliosingleitem .figurevid button#play-pause-second , body.portfoliosingleitem .figurevid button#play-pause-third , body.portfoliosingleitem .figurevid button#play-pause-fourth , body.portfoliosingleitem .figurevid button#play-pause-fifth, body.portfoliosingleitem .figurevid button#play-pause-sixth 
{
	z-index: 1;
}
	.portfoliosingleitem .swiper-container {
    padding: 0;
    position: relative;
    width: 100%;
    margin-right: 0;
}
.portfoliosingleitem .psinglebreadcrumb, .psinglebreadcrumb p, .psinglebreadcrumb a {
    font-size: 1.3rem;
    line-height: 1.6!important;
}
body#portfolio .content-grid .image-wrap-fit {
    padding-bottom: 100%!important;
}
}
@media (max-width:768px)
{
		.select.firstfilter {
    z-index: 3;
}
}
@media (min-width:768px)
{
	.portfoliosingleitem h1.title {
    padding-left: 35px;
		line-height: 1.2;
}
	.psinglebreadcrumb {
    bottom: -10px;
    position: relative;
		font-weight: 300;
		font-size: 2rem;
}
	    body#portfolio .content-grid__item {
        width: 30%!important;
    margin-left: 0!important;
    margin-right: 0!important;
    }
		/*.portfoliosingleitem .navbar {
    padding-bottom: 300px;
}*/
	.portfoliosingleitem .header-page
{
    position: relative;
}
		.portfoliosingleitem.navbar {
    padding-bottom: 200px;
}
}
.section-portfolioitems .filter__item:first-child {
    display: block;
    color: #00806b;
    font-weight: 500!important;
}
@media (min-width:993px) and (max-width:1200px)
{
	.nav-overlay__menu-item a {
    font-size: 4.8vw;
}
}
@media (min-width:768px) and (max-width:1239px)
{
		.psinglebreadcrumb {
    bottom: -5px!important;
}
	.portfoliosingleitem h1.title {
    line-height: .8;
}
}
@media only screen and (min-width: 1500px)
{
body#team .content-grid__item {
    width: 28%;
}
	body#portfolio .section-portfolioitems .title--h5 {
    font-size: 1.3rem!important;
	}
	}
/*body#portfoliosingle1 button {
    background: white;
    border-radius: 50%;
    position: absolute;
    width: 80px;
    height: 80px;
    box-shadow: 0px 0px 10px white;
    border: unset;
    top: 40%;
    left: 40%;
	z-index:999;
}*/
body.portfoliosingleitem figure video {
  width: inherit;
}