/*
Theme Name:   HoorakhshStudio
Author:       Yousef Mahmoudi (U3F)
Author URI:   https://pxlab.ir/
Version:      1.0.0
*/

/* Reset */
html{scroll-behavior: smooth; height: -webkit-fill-available}
html, body {overflow-x: hidden}
button:focus, a:focus {outline: unset}
img,svg{max-width:100%;height:auto}
svg{overflow: hidden; vertical-align: middle}
figure{margin: 0}
a,a:before,a:after,input,textarea,.btn,button:before, .footer p {transition: all .2s ease}
ul, ol{padding-left: 0; list-style-position: inside}
ul ul, ul ol{padding-left: 1rem}
ul li::marker {color: red}
a {color: var(--secondary)}
a:hover {text-decoration: none; color: var(--dark)}

/* Font Face */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Lato Regular'), local('Lato-Regular'), url(./assets/fonts/Lato.woff2) format('woff2');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local('Lato Bold'), local('Lato-Bold'), url(./assets/fonts/LatoB.woff2) format('woff2');
}
@font-face {
	font-family: 'Lalezar';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Lalezar'), local('Lalezar-Regular'), url(./assets/fonts/Lalezar.woff2) format('woff2');
}
@font-face {
    font-family: 'IRANSans-web';
    src: url('./assets/fonts/IRANSansweb.eot?#') format('eot'),
    url('./assets/fonts/IRANSansweb.woff2') format('woff'), 
    url('fonts/IRANSansweb.ttf') format('truetype');
}

/* Fixs */
.lang-link {color: #717171}
.nav .nav-link {color: #494949}
.nav .nav-link.active {color: #ff0022}
.bg-gray {background-color: #ebebeb}
.bg-smook {background-color: #e0e1e2}
.text-red {color: var(--red)}
.bg-red {background-color: var(--red)}

/* Global Styles by U3F */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: .66667rem; line-height: 1.25; font-weight: 700}
.fs-12 {font-size: .75rem}
.fs-13 {font-size: .8125rem}
.fs-14 {font-size: .875rem}
.fs-16 {font-size: 1rem}
.fs-18 {font-size: 1.125rem}
.fs-20 {font-size: 1.25rem}
.fs-24 {font-size: 1.5rem}
.lh-14 {line-height: 1.4}
.lh-18 {line-height: 1.8}
.fwb, .display-5 {font-family: 'Lalezar'}
.display-5 {font-size: 3rem}
.opacity-2 {opacity: .2}
.opacity-3 {opacity: .3}
.zindex-1 {z-index: 1 !important}
.zindex-5 {z-index: 5 !important}
.zindex-9 {z-index: 9 !important}
/* BGs */
.bg-cover {background: no-repeat center center/cover; position: relative}
.object-none {pointer-events: none; z-index: -1}
.object-cover {object-fit: cover}
.bg-primary-gradient {background: linear-gradient(-83deg, rgba(0,192,250,1) 0%, rgba(1,94,234,1) 100%)}
.bg-yellow {background-color: var(--yellow)}
.mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none}
.mask:before, .card-img-overlay:before {content: ''; background: #000; width: 100%; height: 100%; position: absolute; top: 0; right: 0; opacity: .4}
/* Spacing */
.row--half {margin-left: -8px; margin-right: -8px}
.row--half [class*="col-"] {padding-left: 8px; padding-right: 8px}
.slice {padding-top: 4rem; padding-bottom: 4rem; position: relative}
.slice-lg {padding-top: 6rem; padding-bottom: 6rem; position: relative}
.slice-xl {padding-top: 8rem; padding-bottom: 8rem; position: relative}
.slice + .slice-lg {padding-top: 0}
.mb {margin-bottom: 2rem}
.mt-6 {margin-top: 4rem}
.mt-n60 {margin-top: -60px !important}
.caption p, .project__excerpt p {margin-bottom: 0}
/* SVG Shapes */
.shape {width: 100%; height: auto; display: block; position: absolute; pointer-events: none}
.shape-top {top: 0; right: 0; left: 0; margin-top: -1px}
.shape-top > * {transform-origin: bottom center}
.shape-top.mt-n60 {height: 60px}
.shape-bottom {bottom: 0; right: 0; left: 0}
.shape-bottom > * {transform-origin: top center}
.collapseExample_wrapper{
    position:relative;
}
div#collapseExample {
position: absolute;
    top: 40px;
    z-index: 99;
    border-radius: 5px;
    background: #FFF;
    width: 90% !important;
    right: 5%;
}  
/* Header */
.header {z-index: 99}
.header, .footer {position: relative}
.header__bg {top: 0; left: 0; pointer-events: none}
.header__bg::after {content: ''; background: url('./assets/imgs/logo-type-lg-02.png') no-repeat center/contain; width: 90%; height: 100%; max-height: 125px; position: absolute; top: 21px; right: 0; pointer-events: none}
.header__bg::before, .home .footer::before {content: ''; background-color: #292929; position: absolute; transform: rotate(-.9deg); pointer-events: none}
.header__bg::before {width: 104%; height: 104%; top: -15%; left: -2%}
.navbar-brand {margin-right: 2.5%}
.navbar-brand-type {font-family: Impact; opacity: .95; font-weight: 400}
.navbar__brands .dropdown-toggle::after {display: none}
.header-sub {display: none}
.header .navbar .container {max-width: 100%}

/* Home */
.home {min-height: 100vh; min-height: -webkit-fill-available; overflow: hidden; position: relative}
.hero__video {position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; width: 100%; height: auto; z-index: -1; display: block}
.home .header__bg, .home .footer {width: 100%; position: absolute; left: 0}
.home .header__bg {top: 0; height: 100%}
.home .footer {background: none ; padding-top: 1rem; padding-bottom: 0; color: #696969; bottom: 0; margin-top: 0}
.home .footer::before {width: 110%; height: 120%; bottom: -15%; left: -5%; z-index: -1; opacity: .75}
.home .social-line {background-color: #696969; height: 36px}
.home .social-link {width: 36px; height: 36px}
.home .footer .social {margin-bottom: .25rem !important}
.home .ly-6, .single-works .ly-6 {display: none}
.modal__btn {top: 3rem; left: 50%; transform: translateX(-50%)}

/* Vectors */
.ly-1 {background: url(./assets/imgs/vectors/vector-1.png) no-repeat left top/contain; width: 19.9%; height: 380px; left: -6.9%; top: 24px}
.ly-2 {background: url(./assets/imgs/vectors/vector-2.png) no-repeat right top/contain; width: 21.8%; height: 324px; right: -2.2%; top: 323px}
.ly-4 {background: url(./assets/imgs/vectors/vector-4.png) no-repeat right top/contain; width: 20%; height: 196px; right: -130px; bottom: 265px}
.ly-5 {background: url(./assets/imgs/vectors/vector-5.png) no-repeat left top/contain; width: 11.75%; height: 166px; left: -29px; bottom: 82px}
.ly-6 {background: url(./assets/imgs/vectors/vector-6.png) no-repeat left bottom/contain; width: 24.6%; height: 216px; left: 44px; top: -2rem; z-index: 1}
.ly-7 {background: url(./assets/imgs/vectors/vector-7.png) no-repeat right center/contain; width: 31.5%; height: 388px; top: 6rem; right: -5rem; z-index: 1}
.elm-button::before, .ly-8 {background: url(./assets/imgs/vectors/movie.png) no-repeat center/contain}
.popcorn {width: 25.75%; right: -70px; bottom: 54px; z-index: 1}
.popcorn:before {content: ''; background: url(./assets/imgs/vectors/popcorn.png) no-repeat right bottom/contain; display: block; padding-top: 154.737%}
.popcorn:after {content: ''; -webkit-mask: url(./assets/imgs/vectors/popcorn.png) no-repeat right bottom/contain; mask: url(./assets/imgs/vectors/popcorn.png) no-repeat right bottom/contain; background: #000; width: 71.05%; height: 213px; position: absolute; left: -40%; bottom: -25px; z-index: -1}
.single .ly-1 {width: 177px; height: 188px; filter: grayscale(100%); top: 50%; transform: translateY(-50%); left: -4.5rem; z-index: 1}
.single .ly-4 {min-width: 340px; filter: grayscale(100%); top: unset; bottom: -156px; right: -30px}
.ly-3-normal {background: url(./assets/imgs/vectors/vector-3-normal.png) no-repeat left bottom/contain; width: 10.5%; height: 133px; bottom: 6rem; left: 5rem}
.page-template .ly-3-normal {bottom: 0; top: -4rem; z-index: 1}
.page-template .ly-6 {top: unset; bottom: 1.5rem; height: 203px}
.page-template .ly-1 {max-width: 12.2%; height: 178px; left: unset; right: -10%; top: 110px}
.page-template .ly-4 {min-width: 340px; bottom: -5rem; right: -40px}
.ly-8 {background-position: left top; width: 16.45%; height: 357px; left: 3%; top: -190px}
.ly-9 {background: url(./assets/imgs/vectors/vector-9.png) no-repeat left top/contain; width: 100%; height: 388px; top: -13%; left: -20%}
.ly-10 {background: url(./assets/imgs/vectors/vector-10.png) no-repeat right bottom/contain; width: 24%; height: 431px; bottom: 0; right: -45px}

/* Single */
.project__header {background: linear-gradient(173deg, rgba(250,204,34,1) 0%, rgba(248,54,0,1) 100%); border-bottom: .75rem solid #c0c0c0}
.single-header {background: #EEE; width: 100%; height: 100%; top: 0; left: 0; z-index: inherit !important}
.project__category a {color: var(--danger)}
.project__media::before {padding-top: 100%}
.project__media-btn {position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%)}
/* Video */
.modal--video {max-width: 100% !important}
.modal-xxl {width: 100%; max-width: 1510px}
.modal--video .ckin__player {margin-bottom: 0}
.modal--video .modal-content {border: unset; border-radius: 0}
.modal--video .default__button--big .ckin-pause {display: none}
/* portfolio slider */
.project__slider-nav {bottom: 15px; left: 0; z-index: 9}
.project__slider-nav .nav-link {margin-bottom: 0; color: #a1a1a1}
/* Awards */
.awards__logo-item {margin: 0 .5rem 1.875rem; max-width: 15%}
/* project cta */
.project__cta {background: url(./assets/imgs/project-cta.svg) no-repeat top right/cover}
.project__cta-inner {padding-top: 340px; padding-bottom: 175px; z-index: 9}
.project__link {background-color: #d6d6d6; box-shadow: inset -2px 2px 4px rgba(0, 0, 0, 0.35); padding: .375rem 3rem .625rem}
/* List */
.project__specifications ul {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 0; border-radius: .25rem}
.project__specifications ul li {padding: .5rem 1.5rem; position: relative; display: block; border: 1px solid rgba(0,0,0,.125)}
.project__specifications ul li + li {border-top-width: 0}
.project__specifications ul li:first-child {border-top-left-radius: inherit; border-top-right-radius: inherit}
.project__specifications ul li:last-child {border-bottom-right-radius: inherit; border-bottom-left-radius: inherit}
.project__specifications a, .project__excerpt a, .entry-content p > a {border-bottom: 1px solid}

/* News */
.category-11 .mt-lg-n, .category-12 .mt-lg-n, .category-1 .mt-lg-n {margin-top: 6rem !important}
.sidebar {}
.latest-news {border: 1px solid #90fbff; border-radius: 0}
.widget__title {padding: 2rem 1.75rem 0}
.widget .card-body {padding: .5rem 1.75rem 1.5rem}
.widget .title {line-height: 1.4; margin-bottom: 0}
.widget .list-group-item {padding: 1.5rem 0}
.entry-cat a {color: var(--gray)}
.entry-cat a:hover, .entry-cat a:focus {color: var(--primary)}
.nav-links {margin: 0 auto}
.pagination .page-numbers {margin: 0 .25rem}

/* Pages */
.page__cover-img {border-bottom: 15px solid #261f00;}
.about .video {width: 100%; height: auto}
.managers-box {border-bottom: 15px solid #5a308d}
.managers-box::before {content: ''; background-color: #f87116; width: 100%; height: 57.25%; bottom: 0; right: 0; position: absolute}
.manager__name {background-color: #5a308d; max-width: 330px}
.shape-top.rotated {transform: rotate(180deg)}
.achievements span {color: #bababa}
/* Our Services */
.services__inner {padding-bottom: 16rem}
.services .ly-4 {bottom: unset !important; top: 50%; transform: translateY(-50%); z-index: 1}
.services__title {background-color: var(--red); font-size: 1.25rem; text-align: center; font-weight: 400; color: #FFF}
.services__inner ul {padding-left: 1.5rem}
.services__inner ul li::marker {font-size: 1.25em}
.ly-17 {right: 10%; bottom: -10rem; max-width: 32.3%}
.page-template-our-services .entry-title {margin-top: 1.5rem}
.page-template-our-services .footer {margin-top: -12rem !important}
/* Services */
.service__inner {margin-top: -24%; padding-top: 24% !important}
.service__cta {margin-top: -19%; padding-top: 19%}
.service__sample {margin-top: 14%; margin-bottom: -19%; padding-bottom: 19%}
.service__sample .gallery {margin-top: -19%}
.service ul {list-style-type: square}
/* Comics */
.comics__bg {width: 100%; padding: 12% 0; top: 0; right: 0}
.comics__inner {padding-bottom: 10% !important}
.page-id-80 .service__inner {padding-bottom: 17% !important}
.work_category-comics .project__slider, .page-id-80 .project__slider {margin-top: -25%}
.h-350 {max-height: 350px}
/* Accordion */
.accordion {border: 1px solid #b3b3b3; border-top: 10px solid var(--info)}
.accordion .btn {width: 100%; font-size: 2rem; padding: 2rem 2rem 1.75rem; line-height: 1; display: flex; align-items: center; color: #999}
.accordion .btn[aria-expanded=true] {color: var(--red)}
.accordion .btn[aria-expanded=true] svg {transform: translateY(-.275rem) rotate(180deg)}
.accordion .card-body {padding: 0 2rem}
.accordion .card-body h3 {font-size: 1.25rem; color: var(--info); text-transform: capitalize}
.accordion .card-body h3:not(:first-child) {margin-top: 2rem}
/* Jobs */
.internship-block .ly-9 {top: 50%; transform: translateY(-50%)}
.wp-block-group .ly-17 {right: -10%}
.jobs-content .ly-17 {bottom: 75%; max-width: 100%; right: 0}
.wp-block-button__link {padding: .75rem 2rem; font-size: 1.5rem; border-radius: .575rem}
.ways-btn {min-width: 195px}

/* Entry Content */
.entry-content > *, .alignfull .wp-block-group__inner-container {width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto}
.entry-content > .alignfull {width: 100%; max-width: calc( 125% + 150px); padding-left: 0; padding-right: 0}
.with--heading h2:not(:first-child), .with--heading h3:not(:first-child), .with--heading h4:not(:first-child), .with--heading h5:not(:first-child) {margin-top: 3rem}
.wp-block-group h2, .wp-block-group h3, .wp-block-group h4 {text-transform: uppercase; color: var(--red); font-weight: 900}
.entry-content p > a:hover {border-bottom-width: 2px}
/* Portfolio Nav */
.portfolio-nav {display: flex; flex-wrap: wrap; font-size: 1.125rem; font-weight: 700; list-style: none}
.portfolio-nav li a {padding: .5rem 1rem; color: #494949; display: block; position: relative}
.portfolio-nav li a:hover, .portfolio-nav li a:focus, .portfolio-nav .cat-item.current-cat a, .post-type-archive-works .cat-item-all a {color: var(--red)}

/* Load more */
.elm-button {background-color: transparent; font-size: 1.5rem; font-weight: 700; line-height: 1.5; border: unset; padding: .5rem; margin: 2rem auto 0}
.h-bg .elm-button::before {content: ''; position: absolute; width: 100%; height: 100%; right: 0; top: 0; pointer-events: none}
.elm-button > *::after {content: ''; background: url(./assets/imgs/arrow-down-circle.svg) no-repeat center/contain; width: 100%; height: 68px; margin-top: .5rem; display: block}
.infinite-loader {text-align: center; display: block; width: 100%}

/* Card Overlay */
.card-overlay {position: relative; overflow: hidden; border-radius: 0; color: #FFF}
.card-overlay .card-img-overlay:before {background: linear-gradient(to bottom, rgba(45,17,189,0) 0%, rgba(45,17,189,1) 70%); opacity: 0; transform: translate3d(0,50%,0)}
.card-overlay .card-img-overlay:before, .card-overlay-content {transition: opacity 0.35s, transform 0.35s}
.card-overlay-content {position: absolute; bottom: 0; left: 0; opacity: 0; transform: translate3d(0,1rem,0); padding: 1.5rem 2rem}
.card-overlay-content p {display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden}
.card-overlay-content p a {color: #FFF}
.card-overlay:hover .card-img-overlay:before, .card-overlay:hover .card-overlay-content {opacity: 1; transform: translate3d(0,0,0)}
/* Colors */
.work_category-comics .card-img-overlay:before {background: linear-gradient(to bottom, rgba(204,34,41,0) 0%, rgba(204,34,41,1) 70%)}
.work_category-animated-short .card-img-overlay:before {background: linear-gradient(to bottom, rgba(90,48,141,0) 0%, rgba(90,48,141,1) 70%)}
.work_category-series .card-img-overlay:before {background: linear-gradient(to bottom, rgba(51,164,87,0) 0%, rgba(51,164,87,1) 70%)}
.work_category-teaser .card-img-overlay:before {background: linear-gradient(to bottom, rgba(30,113,84,0) 0%, rgba(30,113,84,1) 70%)}
.work_category-games .card-img-overlay:before {background: linear-gradient(to bottom, rgba(51,52,142,0) 0%, rgba(51,52,142,1) 70%)}
.work_category-music-video .card-img-overlay:before {background: linear-gradient(to bottom, rgba(236,120,34,0) 0%, rgba(236,120,34,1) 70%)}
.work_category-features .card-img-overlay:before {background: linear-gradient(to bottom, rgba(204,27,89,0) 0%, rgba(204,27,89,1) 70%)}

/* Floating Label */
.floating-label {position: relative; margin-bottom: 2.5rem}
.form-label {position: absolute; top: -2px; transition: transform .2s; transform: translateY(-80%); clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); font-size: 1rem; color: var(--dark)}
.form-label--floating {clip: auto; clip-path: none; transform: translateY(-100%)}

/* Footer */
.footer {background: url(./assets/imgs/footer-02.svg) no-repeat top center/cover; padding-top: 275px; padding-bottom: 35px; margin-top: -7.5rem; color: #FFF}
.postid-106 .footer {background-image: url(./assets/imgs/footer-03.svg); margin-top: -15rem !important; color: #FFF}
.footer, .social-link {color: #717171}
.social-link:hover, .social-link:focus, .postid-106 .footer .social-link:hover, .footer p:hover, .postid-106 .footer .social-link:focus {color: #FFF}
.social-link:not(:last-child) {margin-right: 1rem}
.social-line {background-color: #717171; width: 1px; height: 53px; margin-right: 1rem}
.postid-106 .footer .social-link, .postid-106 .footer p {color: #1c1c1c}
.postid-106 .social-line {background-color: #1c1c1c}

/* Media Querys */
@media (min-width: 576px) {
    .entry-content > *, .alignfull .wp-block-group__inner-container {max-width: 540px}
}
@media (min-width: 768px) {
	.entry-content > *, .alignfull .wp-block-group__inner-container {max-width: 720px}
}
@media (min-width: 992px) {
	.entry-content > *, .alignfull .wp-block-group__inner-container {max-width: 960px}
	.gallery__thumbnails .gallery__item {padding-top: 86.4198%}
	.gallery__thumbnails .col-lg-6:nth-child(1), .gallery__thumbnails .col-lg-6:nth-child(2) {margin-top: 0 !important}
	.dropdown > .dropdown-menu {opacity: 0; margin-top: .125rem; pointer-events: none; display: block; left: 0; transform: translateY(-3px) scale(.97); transition: all .2s ease; box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.05)}
	.dropdown:hover > .dropdown-menu {display: block; opacity: 1; pointer-events: auto; visibility: visible; transform: translateY(-3px) scale(1)}
	.internship-block .project__slider {max-width: 90.5%; margin-right: auto}
	.internship-block .wp-block-image {width: 27.153%; top: 2.625rem; right: 0}
	.internship-block .flickity-page-dots {width: 80%; left: 0}
	.internship-block .single__slider-item {padding-top: 47.5%}
}
@media (min-width: 1200px) {
	.entry-content > *, .alignfull .wp-block-group__inner-container {max-width: 1140px}
	.ly-3 {background: url(./assets/imgs/vectors/vector-3.png) no-repeat left top/contain; width: 15.05%; height: 256px; left: -74px; top: 1029px}
	.single .ly-2-normal {background: url(./assets/imgs/vectors/vector-2-normal.png) no-repeat right top/contain; width: 223px; height: 213px; top: 0; left: -123px}
	.project__media-img {border-radius: 50%; box-shadow: 3px -3px 4.45px 0.55px rgba(2, 3, 2, 0.08)}
	.single-header {background: url(./assets/imgs/portfolio-header.svg) no-repeat right top/cover; max-width: 1410px; height: calc(100% + 202px); top: -162px}
	.mt-lg-n {margin-top: -2rem !important}
	.ly-9 {left: -29%}
	/* Header Sub */
	.header-sub {width: 100%; height: 60px; display: block; position: absolute; top: calc(100% - 1.5rem); left: 0; z-index: -1; display: block}
	.header-sub > a {width: 110%; height: 152%; overflow: hidden; position: absolute; top: -22%; left: -5%; transition: all .3s; animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInUp}
	.header-sub > a img {visibility: none; opacity: 0; pointer-events: none; transition: opacity .3s}
	.sub-comics {background: #FFC300; transform: translateY(-59px); animation-delay: .5s; z-index: -2}
	.sub-shop {background: #D44F54; transform: translateY(-46px) rotate(-1deg); animation-delay: 1s; z-index: -3}
	.sub-school {background: #159AAA; transform: translateY(-27px) rotate(-1.25deg); animation-delay: 1.5s; z-index: -4}
	/* Hovers */
	.sub-comics:hover, .sub-comics.is-visible {transform: translateY(-30px)}
	.sub-shop:hover, .sub-shop.go-away, .sub-shop.is-visible {transform: translateY(-32px) rotate(-1deg)}
	.sub-school:hover {transform: translateY(-27px) rotate(-1.25deg)}
	.header-sub > a:hover img, .header-sub .is-visible img {opacity: 1; visibility: visible}
	/* Go Away */
	.sub-comics.go-away {transform: translateY(-72px) !important}
	.sub-comics.s-active {transform: translateY(-72px) !important}
	.sub-shop.s-active {transform: translateY(-58px) !important}
	/* IMGs */
	.sub-comics img {transform: translateY(23px)}
	.sub-shop img {transform: translateY(30px) rotate(1deg)}
	.sub-school img {transform: translateY(32px) rotate(1.25deg)}
}
@media (min-width: 1600px) {
	body {font-size: 1.125rem}
	.container, .entry-content > *, .alignfull .wp-block-group__inner-container, .header .navbar .container {max-width: 1440px}
	.text-xxl-left {text-align: left !important}
	.nav-item:not(:last-child) {margin-right: .75rem}
	.px-xxl-5 {padding-left: 3rem; padding-right: 3rem}
	.portfolio-more {padding-top: 8rem; padding-bottom: 6rem}
	.col-xxl-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%}
	.col-xxl-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%}
	.mr-xxl-5 {margin-right: 3rem !important}
	.single .ly-2-normal {left: -223px}
	.single .ly-4 {right: -95px}
	.page .ly-1 {right: -145px}
	.page .ly-4 {right: -140px}
	.ly-10 {right: -85px}
	.navbar-brand {margin-right: 1rem}
	.portfolio-nav {padding-left: 3rem; padding-right: 3rem; font-size: 1.25rem}
	.wp-block-group .ly-17 {right: -24.3%; bottom: -15%}
}
@media (min-width: 2200px) {
	.ly-7 {top: 35%}
	.single-works .mt-lg-n {margin-top: -3rem !important}
	.project__header {padding: 6rem 0 3rem !important}
	.single-header {background-position: right bottom 20%; max-width: 83%}
	.project__cta-inner {padding-top: 35%; padding-bottom: 15%}
	.footer {padding-top: 350px}
	.postid-106 .footer, .page-template-our-services .footer {padding-top: 15%; margin-top: -13% !important}
	#breadcrumbs {margin-top: 3rem}
	.mt-lg-n {margin-top: 0rem !important}
	.services__inner {padding-bottom: 20rem}
}
@media (max-width: 1200px) {
	.h3, h3 {font-size: 1.5rem}
	.h4, h4 {font-size: 1.25rem}
	.slice {padding-top: 3rem; padding-bottom: 3rem}
	.slice-lg {padding-top: 4rem; padding-bottom: 4rem}
	.slice-xl {padding-top: 6rem; padding-bottom: 6rem}
	.portfolio-more {padding: 3rem 0}
	.single-header {background-position: left top}
	.project__media::before {padding-top: 56.25%}
	.project__media-img {border-radius: .375rem}
	.popcorn {bottom: -1rem; max-width: 8rem; right: -30px}
	.project__cta-inner {padding-top: 210px; padding-bottom: 165px}
	.ly-7 {top: 3rem; height: 260px}
	.services__inner {padding-bottom: 10rem}
	.ly-17 {bottom: -6rem}
	.footer {padding-top: 200px; margin-top: 0 !important}
	.manager__name {height: 100%; max-height: 99px}
	.achievements .fs-24 {font-size: 1rem}
}
@media (max-width: 990px) {
	.ly-3-normal {left: 0; width: 15%}
	.popcorn {bottom: 0rem; max-width: 6rem}
	.page-template .footer {padding-top: 225px; margin-top: 0 !important}
	.mt-lg {margin-top: 2rem}
	.service__inner {margin-top: -32%; padding-top: 28% !important}
	.service__sample {margin-bottom: 0; padding-bottom: 10%}
	.footer {padding-top: 150px; padding-bottom: 1.5rem}
	.footer p {margin-bottom: 0}
	.cyan--dots .flickity-page-dots {left: 0; right: 0; bottom: -3rem; padding: 0}
	[class*="--dots"] .flickity-page-dots .dot {width: 1rem; height: 1rem; margin: 0 .325rem}
	.jobs-content {margin-bottom: 0}
	.jobs-content .wp-block-column {flex-basis: 100% !important; order: 2}
	.jobs-content .wp-block-column:nth-child(2n) {margin-left: 0 !important; order: 1}
	.jobs-content .ly-9 {display: none}
	.flickity-page-dots {bottom: -22px}
	.flickity-page-dots .dot {height: .375rem}
}
@media (max-width: 767px) {
	.slice-lg {padding-top: 3rem; padding-bottom: 3rem}
	.header .navbar-brand.order-xl-last {display: none}
	.header__bg::after {max-height: 75px}
	.managers-box::before {height: calc(100% - 5.75rem)}
	.manager__avatar {max-width: 310px; width: calc(100% - 2rem)}
	.manager:not(:last-of-type) .line {background-color: #5a308d; width: 100%; height: 15px; display: block; margin-bottom: 1.5rem}
	.partners img {max-height: 100px}
	.display-5 {font-size: 2.5rem}
	.h-350 {font-size: 1.125rem}
	.archive h3.card-title {font-size: 1.25rem}
	.manager__name {height: auto}
	.wp-block-buttons .wp-block-button {margin-bottom: 16px}
	.wide-list-item {flex-wrap: wrap; height: auto}
}
@media (max-width: 560px) {
	.slice-xl {padding-top: 4rem; padding-bottom: 4rem}
	h2, .h2 {font-size: 1.75rem}
	.display-5 {font-size: 2rem}
	.lead {font-size: 1.125rem}
	.navbar-brand img {width: auto; height: 48px}
	.navbar-brand-type {font-size: 1.25rem}
	.footer {font-size: 15px}
	.single .ly-4 {right: 0; min-width: 210px; bottom: -175px}
	.ly-7 {display: none}
	.ly-3-normal {bottom: 3rem}
	.popcorn {max-width: 3.75rem; right: 0rem}
	.project__slider-nav {position: static !important; margin-bottom: .25rem}
	.project__slider-nav .nav-link {font-size: 1.125rem}
	.single__slider-item {padding-top: 75%}
	.project__inner .tns-nav, .news__slider {border-bottom-width: 8px !important}
	.project__inner .tns-nav > [aria-controls] {width: .75rem; height: .75rem; margin: 0 .5rem}
	.project__cta {background-position: left top}
	.project__cta-inner {padding-top: 140px; padding-bottom: 120px}
	.project__link {padding-left: 1rem; padding-right: 1rem}
	.managers-box::before {height: calc(100% - 4.75rem)}
	.manager__name {width: 70%}
	.services__inner {padding-top: 3rem}
	.service__inner {margin-top: -55%; padding-top: 44% !important}
	.cyan--dots .flickity-page-dots {bottom: -2.5rem}
	.news__slider-title {padding: 8px 1rem; font-weight: 400; font-size: 1.25rem}
	.home .footer {padding-bottom: .5rem}
	.jobs-content .ly-9 {opacity: .1}
	.jobs-btn .ly-4 {width: 45%; bottom: -70% !important; right: 1rem}
	.wp-block-group .ly-17 {max-width: 50%}
	.accordion .btn {padding: 1.5rem 1.5rem 1.25rem; font-size: 1.75rem}
	.accordion .card-body {padding: 0 1.5rem}
	.btn.close {left: 0}
}

/* Animate */
@keyframes fadeInUp {
	from {opacity: 0; top: 100%}
	to {opacity: 1; top: 0}
}