@media all and (min-width:1025px) {
    .flexnav li a, .flexnav li ul li a {
        border-bottom: none
    }
    .flexnav, .flexnav li {
        overflow: visible
    }
    body.one-page {
        padding-top: 70px
    }
    .flexnav.opacity {
        opacity: 1
    }
    .flexnav.one-page {
        top: 0;
        right: auto;
        max-width: 1080px
    }
    .flexnav li {
        position: relative;
        list-style: none;
        float: left;
        display: block;
        background-color: #a6a6a2
    }
    .flexnav li a {
        border-left: 1px solid #acaca1
    }
    .flexnav li > ul {
        position: absolute;
        top: auto;
        left: 0
    }
    .flexnav li ul li > ul, .flexnav li ul.open ul.open {
        margin-left: 100%;
        top: 0
    }
    .flexnav li > ul li {
        width: 100%
    }
    .flexnav li ul.open {
        display: block;
        opacity: 1;
        visibility: visible;
        z-index: 1
    }
    .flexnav li ul.open li {
        overflow: visible;
        max-height: 100px
    }
    .menu-button {
        display: none
    }
    .classic-menu nav {
        position: relative;
        width: auto;
        top: 0px;
        -webkit-transition: all 0.2s ease-in-out 0.5s;
        transition: all 0.2s ease-in-out 0.5s;
        display: block;
        float: right;
        height: 60px;
        margin: 10px 0;
        background-color: transparent !important;
    }
    .classic-menu .flexnav {
        display: block;
        float: right;
        position: relative;
        width: auto;
        max-height: 60px;
    }
    .classic-menu .flexnav li ul {
        min-width: 180px;
    }
    .classic-menu .flexnav .touch-button {
        background: transparent none repeat scroll 0 0;
    }
    .flexnav .touch-button .navicon {
        display: none;
    }
    .classic-menu .flexnav li {
        background: transparent none repeat scroll 0 0;
        padding: 0 25px;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .classic-menu .menu-timeline {
        opacity: 1 !important;
        -webkit-transition: translateY(0px) !important;
        transform: translateY(0px) !important;
        pointer-events: initial;
    }
    .classic-menu .flexnav li:last-child {
        padding-right: 0px;
    }
    .classic-menu .before-span {
        opacity: 1 !important;
        -webkit-transition: translateY(0px) !important;
        transform: translateY(0px) !important;
    }
    .classic-menu .flexnav li a {
        background: transparent none repeat scroll 0 0;
        padding: 0 5px;
        position: relative;
        border-left: medium none;
        color: #000;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        display: block;
        overflow: hidden;
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }
    .light-content .classic-menu .flexnav li a {
        color: #fff;
    }
    .light-content .classic-menu.white-header .flexnav li a {
        color: #000;
    }
    .classic-menu.white-header .flexnav li a {
        color: #fff;
    }
    .flexnav:hover li a {
        color: rgba(0, 0, 0, 0.4);
    }
    .light-content .classic-menu .flexnav:hover li a {
        color: rgba(255, 255, 255, 0.4);
    }
    .classic-menu.white-header .flexnav:hover li a {
        color: rgba(255, 255, 255, 0.4);
    }
    .light-content .classic-menu.white-header .flexnav:hover li a {
        color: rgba(0, 0, 0, 0.4);
    }
    .classic-menu .flexnav li:hover a {
        color: #000;
    }
    .light-content .classic-menu .flexnav li:hover a {
        color: #fff;
    }
    .classic-menu.white-header .flexnav li:hover a {
        color: #fff;
    }
    .light-content .classic-menu.white-header .flexnav li:hover a {
        color: #000;
    }
    .classic-menu .flexnav li a span {
        position: relative;
        display: block;
        -webkit-transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transform-origin: 100% 0%;
    }
    .classic-menu .flexnav li a span::before {
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        content: attr(data-hover);
    }
    .classic-menu .flexnav li:hover a span {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        transform-origin: 0% 0%;
    }
    .classic-menu .flexnav li ul li a {
        padding: 0 20px 20px;
        background-color: transparent;
        font-size: 14px;
        font-weight: 400;
        text-transform: none;
        color: #fff !important;
        opacity: 0.6;
        -webkit-transition: all 0.05s ease-in-out;
        -moz-transition: all 0.05s ease-in-out;
        -o-transition: all 0.05s ease-in-out;
        -ms-transition: all 0.05s ease-in-out;
        transition: all 0.05s ease-in-out;
    }
    .classic-menu .flexnav li ul li a.link::before {
        display: none;
    }
    .classic-menu .flexnav li ul li a.active, .classic-menu .flexnav li ul li a:hover {
        opacity: 1;
    }
    .classic-menu .flexnav li > ul li {
        margin-left: 0;
        padding: 0;
        opacity: 1 !important;
        transform: none !important;
    }
    .classic-menu .flexnav li ul {
        -webkit-transform: translate3d(0px, 30px, 0px);
        transform: translate3d(0px, 30px, 0px);
        display: block !important;
        opacity: 0 !important;
        height: inherit !important;
        overflow: visible !important;
        visibility: hidden;
        left: 15px;
        top: 60px;
        padding-top: 20px;
        background: #000;
        border-radius: 3px;
        -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out !important;
        transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out !important;
    }
    .classic-menu .flexnav li:last-child ul {
        left: auto;
        right: -10px;
    }
    .classic-menu .flexnav li ul ul {
        left: 5px !important;
    }
    .classic-menu .flexnav li ul:after {
        display: block;
        content: '';
        position: absolute;
        top: -6px;
        left: 20px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 9px;
        border-color: transparent transparent #000;
    }
    .classic-menu .flexnav li:last-child ul:after {
        left: auto;
        right: 20px;
    }
    .classic-menu .flexnav ul li ul:after {
        display: block;
        content: '';
        position: absolute;
        top: 15px;
        left: -10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 9px;
        border-color: transparent transparent #000;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .classic-menu .flexnav li ul li > ul, .classic-menu .flexnav li ul.open ul.open {
        top: -5px;
        z-index: 10;
    }
    .classic-menu .flexnav li:last-child ul li > ul, .classic-menu .flexnav li:last-child ul.open ul.open {
        margin-left: -100%;
        left: -5px !important;
        right: auto;
        top: 0;
    }
    .classic-menu .flexnav li:last-child ul li ul::after {
        right: -10px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .classic-menu .flexnav ul li ul li a {
        background: #000;
    }
    .classic-menu .flexnav ul li ul li ul li a {
        background: #000;
    }
    .classic-menu .flexnav li ul.flexnav-show {
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
        opacity: 1 !important;
        visibility: visible;
        -webkit-transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s;
        transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s;
    }
    .classic-menu .flexnav .touch-button {
        display: none;
    }
    /*-- Full Screen Menu --*/
    .fullscreen-menu .nav-height {
        overflow-y: scroll;
        position: relative;
        height: 100%;
        padding: 40px 0;
        padding-right: 30px;
        width: calc(100% + 30px);
        box-sizing: border-box;
    }
    .fullscreen-menu nav {
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        visibility: visible;
        pointer-events: none;
        opacity: 0;
        padding: 20px 0;
        -webkit-transition: all 0.2s ease-in 0.6s;
        transition: all 0.2s ease-in 0.6s;
    }
    .fullscreen-menu nav.open {
        visibility: visible;
        pointer-events: initial;
        opacity: 1;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }
    .fullscreen-menu .flexnav {
        max-height: 2000px;
        -webkit-transition: all 0.2s ease-in 0.6s;
        transition: all 0.2s ease-in 0.6s;
        display: table;
        width: auto;
        padding: 0 20px;
        box-sizing: border-box;
        margin: 0 auto;
        float: none;
    }
    .fullscreen-menu .flexnav.flexnav-show {
        -webkit-transition: all .3s ease-out 0.2s;
        transition: all .3s ease-out 0.2s;
    }
    .fullscreen-menu .flexnav li {
        text-align: center;
        padding: 0;
        box-sizing: border-box;
        float: none;
    }
    .fullscreen-menu .menu-timeline {
        opacity: 0;
    }
    .fullscreen-menu .flexnav .touch-button {
        width: 100%;
        display: block;
        height: 100px;
    }
    .fullscreen-menu .flexnav li ul li .touch-button {
        height: 32px;
    }
    .fullscreen-menu .flexnav:hover li ul li a.active, .fullscreen-menu .flexnav:hover li ul li:hover > a {
        opacity: 1;
    }
    .fullscreen-menu .flexnav .touch-button .navicon {
        display: none;
    }
    .fullscreen-menu .flexnav li.link {
        border-bottom: none;
    }
    .fullscreen-menu .flexnav li a {
        font-weight: 600;
        font-size: clamp(30px, calc(1rem + 4.15vw), 90px);
        line-height: 1.3;
        padding: 0;
        -webkit-transition: all .1s ease-in-out 0s;
        transition: all .1s ease-in-out 0s;
    }
    .fullscreen-menu .flexnav li a {
        color: #000;
    }
    .fullscreen-menu.invert-header .flexnav li a {
        color: #fff;
    }
    .fullscreen-menu .flexnav:hover li a, .fullscreen-menu .flexnav.hover li a {
        opacity: 0.3;
    }
    .fullscreen-menu .flexnav li:hover a, .fullscreen-menu .flexnav li a.active {
        opacity: 1;
    }
    .fullscreen-menu .flexnav:hover li ul li a {
        opacity: 0.3;
    }
    .fullscreen-menu .flexnav:hover li ul li a.active, .fullscreen-menu .flexnav:hover li ul li:hover > a {
        opacity: 1;
    }
    .fullscreen-menu .flexnav a.link::before {
        display: none;
    }
    .fullscreen-menu .flexnav li ul {
        margin-bottom: 20px;
        position: relative;
        left: 0;
    }
    .fullscreen-menu .flexnav li ul:after {
        display: none;
    }
    .fullscreen-menu .flexnav li ul li a {
        padding: 6px 0;
        font-size: 26px;
        line-height: 1.35;
        font-weight: 400;
        border-top: none;
        text-transform: none;
    }
    .fullscreen-menu .flexnav li ul li a .before-span {
        opacity: 1 !important;
        transform: none !important;
    }
    .fullscreen-menu .flexnav ul li ul li a {
        background: transparent;
    }
    .fullscreen-menu .flexnav li ul li > ul, .fullscreen-menu .flexnav li ul.open ul.open {
        margin-left: 0;
        top: 0;
    }
    .fullscreen-menu .menu-timeline {
        opacity: 1;
    }
    .fullscreen-menu .menu-timeline .before-span {
        opacity: 0;
        display: block;
        -webkit-transform: translateY(120px);
        transform: translateY(120px);
    }
    .fullscreen-menu .flexnav li, .fullscreen-menu .flexnav li a {
        background-color: transparent;
        border: 0;
    }
    .fullscreen-menu .flexnav li a span {
        position: relative;
        display: block;
        -webkit-transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transform-origin: 100% 0%;
        overflow: hidden;
    }
    .fullscreen-menu .open .flexnav li a span {
        overflow: visible;
    }
    .fullscreen-menu .flexnav li a span::before {
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        content: attr(data-hover);
    }
    .fullscreen-menu .flexnav > li:hover > a span {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        transform-origin: 0% 0%;
    }
    .fullscreen-menu .flexnav li.hover a span {
        -webkit-transform: translateY(-100%) !important;
        transform: translateY(-100%) !important;
        transform-origin: 0% 0%;
    }
    .sidebar__widget-logo {
        padding: 50px;
    }
    .sidebar__pulled-up {
        margin-top: -250px;
    }
} /* min-width: 1025px */



@media (min-width: 1400px) {
    .sidebar__pulled-up {
        margin-top: -300px;
    }
}

@media only screen and (min-width: 1467px) {
    #hero-footer {
        top: calc(100vh - 165px);
    }
}
@media only screen and (min-width: 1700px) {
    #hero-footer {
        top: calc(100vh - 150px);
    }
}
















@media only screen and (max-width: 1537px) {
    .next-hero-subtitle {
        margin-bottom: 30px;
    }
    .next-hero-progress {
        margin-bottom: 30px;
    }
    #showcase-carousel .swiper-slide {
        height: 33vw;
        width: 21vw;
    }
    #showcase-carousel .swiper-slide:nth-of-type(2n+2) .img-mask {
        width: calc(100% - 60px);
        height: calc(100% - 80px);
    }
    #showcase-carousel .swiper-slide .outer {
        padding: 30px 30px;
    }
    #showcase-carousel .swiper-slide:nth-of-type(2n+2) .outer {
        padding: 70px 60px;
    }
    #showcase-carousel .slide-title {
        font-size: 36px;
        line-height: 48px;
    }
    #showcase-carousel .swiper-slide:nth-of-type(2n+2) .slide-title {
        font-size: 30px;
        line-height: 42px;
    }
} /* max-width: 1537px */





@media only screen and (max-width: 1466px) {
    .fullscreen-menu .flexnav li a {
        font-size: calc(1rem + 5.15vw);
        line-height: calc(1rem + 7vw);
    }
    #hero-caption {
        padding-top: 200px;
        padding-bottom: 140px;
    }
    .hero-title, #page-nav .next-hero-title {
        font-size: 10vw;
    }
    .marquee-title .hero-title-wrapper {
        height: 14vw;
    }
    #hero-footer {
        padding: 20px 40px;
        top: calc(100vh - 100px) !important;
    }
    #main-page-content.project-page {
        margin-bottom: calc(100vh - 100px);
    }
    .page-nav-caption {
        padding-top: 160px;
        padding-bottom: 60px;
    }
    .page-nav-caption.marquee-title {
        padding-top: 160px;
        padding-bottom: 20px;
    }
    .next-hero-title {
        font-size: calc(1rem + 5.15vw);
        line-height: calc(1rem + 7vw);
    }
    .marquee-title .next-hero-title-wrapper {
        height: 14vw;
    }
    .marquee-title .next-hero-title {
        font-size: 11vw;
        line-height: 14vw;
    }
    .content-max-width, .content-full-width {
        padding-left: 60px;
        padding-right: 60px;
    }
    .slide-title, .title {
        font-size: calc(1rem + 5.15vw);
        line-height: calc(1rem + 7vw);
    }
    /*-- Showcase Carousel --*/
    #showcase-carousel .swiper-slide {
        height: 38vw;
        width: 25vw;
    }
    #showcase-carousel .swiper-slide:nth-of-type(2n+2) .img-mask {
        width: calc(100% - 60px);
        height: calc(100% - 80px);
    }
    #showcase-carousel .swiper-slide .outer {
        padding: 30px 30px;
    }
    #showcase-carousel .swiper-slide:nth-of-type(2n+2) .outer {
        padding: 70px 60px;
    }
    #showcase-carousel .slide-title {
        font-size: 30px;
        line-height: 42px;
    }
    #showcase-carousel .swiper-slide:nth-of-type(2n+2) .slide-title {
        font-size: 24px;
        line-height: 36px;
    }
    .disable-cursor #showcase-carousel .swiper-slide .slide-title span {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    #filters-overlay .outer {
        padding: 60px;
    }
    #show-filters {
        left: 26px;
        bottom: 20px;
    }
    .overlapping-grid .item {
        margin: 300px 0px 300px 0px;
        width: 50%;
    }
    .overlapping-grid .item:nth-of-type(2n+1) {
        transform: translateX(60px);
        -webkit-transform: translateX(60px);
    }
    .overlapping-grid .item:nth-of-type(2n+2) {
        transform: translateX(-60px);
        -webkit-transform: translateX(-60px);
    }
    .parallax-two-grid .item {
        margin-bottom: 50px;
    }
    .parallax-two-grid .item:nth-of-type(4n+1) {
        transform: translateX(60px);
        -webkit-transform: translateX(60px);
    }
    .parallax-two-grid .item:nth-of-type(4n+2) {
        transform: translateX(-60px);
        -webkit-transform: translateX(-60px);
    }
    .parallax-two-grid .item:nth-of-type(4n+3) {
        transform: translateX(60px);
        -webkit-transform: translateX(60px);
    }
    .parallax-two-grid .item:nth-of-type(4n+4) {
        transform: translateX(-60px);
        -webkit-transform: translateX(-60px);
    }
    .parallax-three-grid .item:nth-of-type(6n+1) .item-parallax {
        height: 100%;
        width: 34%;
        left: 60px;
    }
    .parallax-three-grid .item:nth-of-type(6n+2) .item-parallax {
        height: 100%;
        width: 28%;
        top: 0;
        right: 60px;
    }
    .parallax-three-grid .item:nth-of-type(6n+3) .item-parallax {
        height: 100%;
        width: 20%;
        left: 40%;
        right: 40%;
    }
    .parallax-three-grid .item:nth-of-type(6n+4) .item-parallax {
        height: 100%;
        width: 28%;
        left: 60px;
    }
    .parallax-three-grid .item:nth-of-type(6n+5) .item-parallax {
        height: 100%;
        width: 34%;
        top: 0;
        right: 60px;
    }
    .parallax-three-grid .item:nth-of-type(6n+6) .item-parallax {
        height: 100%;
        width: 20%;
        left: 34%;
        right: 46%;
    }
    .item-caption {
        padding: 50px;
    }
    .parallax-three-grid .item .item-caption {
        padding: 30px;
    }
    .parallax-three-grid .item:nth-of-type(6n+3) .item-caption, .parallax-three-grid .item:nth-of-type(6n+6) .item-caption {
        padding: 20px;
    }
    .parallax-three-grid .item .item-title {
        font-size: 36px;
        line-height: 48px;
    }
    .parallax-three-grid .item:nth-of-type(6n+3) .item-title, .parallax-three-grid .item:nth-of-type(6n+6) .item-title {
        font-size: 24px;
        line-height: 36px;
    }
    .button-border span {
        padding: 0 26px;
    }
    .accordion.bigger-acc dt {
        font-size: 60px;
        line-height: 76px;
        margin-top: 30px;
        padding-top: 30px;
    }
    .accordion.bigger-acc dt:first-child {
        padding-top: 30px;
    }
    .accordion.bigger-acc dt span {
        text-indent: -4px;
    }
    .accordion.bigger-acc .acc-icon-wrap {
        top: 25px;
    }
    .full > .team-members-list li {
        padding: 40px 60px;
    }
    .team-members-list .hover-reveal {
        width: 250px;
        height: 333px;
    }
    span.has-hover-image .hover-reveal {
        width: 300px;
        height: 188px;
    }
    span.has-hover-image.vertical .hover-reveal {
        width: 250px;
        height: 333px;
    }
    .slowed-text {
        padding: 10vw 60px;
    }
    .slowed-image-left img, .slowed-image-right img {
        max-height: 400px;
    }
	
	h1.big-title_null {
		font-size: 11vw;
		line-height: 14vw;
    font-size: 9.25vw;
    line-height: 11.5vw;
	}
	
	.row_padding_all {
		padding-left: 60px;
		padding-right: 60px;
	}
	
	.row_padding_left {
		padding-left:60px;
	}
	
	.row_padding_right {
		padding-right:60px;
	}
	
	.preloader-intro {
		font-size: 11vw;
		line-height: 14vw;
		height: 14vw;
	}
	
	.percentage-wrapper {
		right: 60px;
		bottom: 40px;
	}
	
	.percentage-intro {
		left: 60px;
		bottom: 40px;
	}
	
	header {
    	height: 100px;
	}
	
	#header-container {
		padding: 0 60px 10px 60px;
	}
	
	.flexnav li {
    	padding: 20px;
	}
	
	footer {
    	height: 100px;
	}
	
	#footer-container {
    	padding: 0 60px;
		margin: 10px auto;
	}
    .hero-text {
        font-size: 30px;
        line-height: 1.4;
}
    #hero.has-image #hero-caption {
    padding-bottom: 80px;
}
    #hero.has-image #hero-caption {
    padding-top: 220px;
}
    .news-panel .panel-content {
    padding: 10px 35px;
}
    .news-panel .panels-container .panel .panel-logo {
    width: 55%;
}
} /* max-width: 1466 */




@media only screen and (min-width: 1025px) and (max-width: 1466px) {
.fullscreen-menu .flexnav li a {
    font-size: calc(1rem + 3.15vw);
    line-height: calc(1rem + 5vw);
}
}




@media only screen and (max-width:1199px) {
    .clients-list[data-columns='5'] .clients-list__item {
        width: 25%
    }
    .clients-list[data-columns='6'] .clients-list__item {
        width: 25%
    }
    #hero.has-image .hero-title-wrapper {
    margin-top: 72px;
}
    .hero-text {
    font-size: 25px;
}
    p {
    font-size: 20px;
}
    .project__thumb{        
        left: auto;
        margin-bottom: 30px;
        width: 100%;
    }
    .project__thumb-1, .project__thumb-2 {
        margin-left: 0;
        margin-top: 0;
        position: relative;
        width: 50%;
    }
    .project__thumb-1 img, .project__thumb-2 img{
        object-fit: cover;
        height: auto;
        max-height: 530px;
        width: 100%;
    }
} /* max 1199px */




@media only screen and (max-width: 1024px) {
    #hero.has-image #hero-caption {
        padding-top: 20px;
        padding-bottom: 100px;
    }
    #hero.has-image #hero-caption .inner {
        vertical-align: bottom;
    }
    .hero-title, #page-nav .next-hero-title {
        font-size: 12vw;
        line-height: 1.2;
        font-size: 15vw;
    }
    .marquee-title .hero-title-wrapper {
        height: 16vw;
    }
    #hero-footer {
        padding: 0px 40px;
    }
    .hero-footer-right {
        float: left;
    }
    #hero-description {
        padding-bottom: 100px;
    }
    .next-project-caption {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .next-caption-wrapper {
        vertical-align: middle;
    }
    .page-nav-caption {
        padding-top: 120px;
        padding-bottom: 60px;
    }
    .page-nav-caption.marquee-title {
        padding-top: 120px;
        padding-bottom: 20px;
    }
    .next-hero-title {
        font-size: calc(1rem + 6vw);
        line-height: calc(1rem + 8.5vw);
    }
    .marquee-title .next-hero-title-wrapper {
        height: 16vw;
    }
    .marquee-title .next-hero-title {
        font-size: 12vw;
        line-height: 16vw;
    }
    .temporary-hero .outer {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .temporary-hero .inner {
        vertical-align: middle;
    }
    .content-max-width, .content-full-width {
        padding-left: 40px;
        padding-right: 40px;
    }
    .slide-title, .title {
        font-size: calc(1rem + 6vw);
        line-height: calc(1rem + 8.5vw);
    }
    /*-- Showcase Carousel --*/
    #showcase-carousel .swiper-slide {
        height: 62vw;
        width: 42vw;
    }
    #showcase-carousel .swiper-slide:nth-of-type(2n+2) .img-mask {
        width: calc(100% - 70px);
        height: calc(100% - 90px);
    }
    #showcase-carousel .swiper-slide .outer {
        padding: 30px 30px;
    }
    #showcase-carousel .swiper-slide:nth-of-type(2n+2) .outer {
        padding: 70px 60px;
    }
    #showcase-carousel .slide-title {
        font-size: 36px;
        line-height: 48px;
    }
    #showcase-carousel .swiper-slide:nth-of-type(2n+2) .slide-title {
        font-size: 30px;
        line-height: 42px;
    }
    /*-- Showcase Lists --*/
    .showcase-list-holder {
        padding: 0px;
    }
    .slide-list.show-borders, .slide-list:last-child {
        border-top: none;
        border-bottom: none;
    }
    .slide-list {
        position: relative;
        opacity: 1;
        margin: 0;
        width: 100%;
        height: auto;
        padding: 0;
        padding-bottom: 60px;
        float: left;
        text-align: left;
        display: block;
    }
    .slide-list:last-child {
        padding-bottom: 0px;
    }
    .slide-list::before {
        display: none;
    }
    .showcase-list-holder .hover-reveal {
        position: relative;
        opacity: 1;
        width: 100%;
        height: 50vw;
        top: 0;
        left: 0;
        pointer-events: initial;
    }
    .sl-title {
        font-size: 24px;
        line-height: 40px;
        margin-top: 10px;
    }
    .sl-title span {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
    }
    .sl-subtitle {
        font-size: 14px;
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
        position: relative;
        top: 0;
    }
    .sl-subtitle span {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
    }
    #filters-overlay .outer {
        padding: 40px;
        padding-bottom: 80px;
    }
    #filters li a {
        font-size: 24px;
        line-height: 40px;
    }
    #show-filters {
        left: 22px;
        bottom: 14px;
        height: 46px;
        width: 46px;
    }
    #show-filters[data-tooltip][data-placement="top"]::before {
        display: none;
    }
    .show-filters-wrap {
        width: 46px;
        height: 46px;
    }
    .overlapping-grid .item {
        margin: 250px 0px 250px 0px;
        width: 50%;
    }
    .overlapping-grid .item:nth-of-type(2n+1) {
        transform: translateX(40px);
        -webkit-transform: translateX(40px);
    }
    .overlapping-grid .item:nth-of-type(2n+2) {
        transform: translateX(-40px);
        -webkit-transform: translateX(-40px);
    }
    .parallax-two-grid .item {
        margin-bottom: 250px;
    }
    .parallax-two-grid .item:nth-of-type(4n+1) {
        transform: translateX(40px);
        -webkit-transform: translateX(40px);
    }
    .parallax-two-grid .item:nth-of-type(4n+2) {
        transform: translateX(-40px);
        -webkit-transform: translateX(-40px);
    }
    .parallax-two-grid .item:nth-of-type(4n+3) {
        transform: translateX(40px);
        -webkit-transform: translateX(40px);
    }
    .parallax-two-grid .item:nth-of-type(4n+4) {
        transform: translateX(-40px);
        -webkit-transform: translateX(-40px);
    }
    .parallax-three-grid .item:nth-of-type(2n+1)::after {
        content: "";
        display: block;
        padding-bottom: 62%;
    }
    .parallax-three-grid .item:nth-of-type(2n+2)::after {
        content: "";
        display: block;
        padding-bottom: 62%;
    }
    .parallax-three-grid .item:nth-of-type(2n+1) .item-parallax {
        height: 100%;
        width: calc(50% - 60px);
        left: 40px;
        right: auto;
    }
    .parallax-three-grid .item:nth-of-type(2n+2) .item-parallax {
        height: 100%;
        width: calc(50% - 60px);
        top: 0;
        left: auto;
        right: 40px;
    }
    .item-wrap-image {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .item-caption {
        padding: 40px;
    }
    .parallax-two-grid .item:nth-of-type(4n+2) .item-caption, .parallax-two-grid .item:nth-of-type(4n+3) .item-caption {
        padding: 30px;
    }
    .parallax-three-grid .item:nth-of-type(1n+1) .item-caption {
        padding: 30px;
    }
    .item-title {
        font-size: 36px;
        line-height: 48px;
    }
    .parallax-two-grid .item:nth-of-type(4n+2) .item-title, .parallax-two-grid .item:nth-of-type(4n+3) .item-title {
        font-size: 30px;
        line-height: 42px;
    }
    .parallax-three-grid .item:nth-of-type(1n+1) .item-title {
        font-size: 36px;
        line-height: 48px;
    }
    .item-title span {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    textarea {
        margin-bottom: 30px;
    }
    .full .video-wrapper video.bgvid {
        position: relative;
        margin-top: 0;
        left: 0;
        transform: translateX(0) translateY(0);
    }
    .full .control {
        bottom: 10px;
        width: calc(100% - 100px);
    }
    #map_canvas {
        height: 50vh;
    }
    .accordion dt span {
        max-width: none;
    }
    .accordion .accordion-content {
        padding-right: 0;
    }
    .accordion.bigger-acc dt {
        font-size: 48px;
        line-height: 64px;
        margin-top: 30px;
        padding-top: 30px;
    }
    .accordion.bigger-acc dt:first-child {
        padding-top: 30px;
    }
    .accordion.bigger-acc dt span {
        text-indent: -3px;
    }
    .accordion.bigger-acc .acc-icon-wrap {
        top: 22px;
    }
    .full > .team-members-list li {
        padding: 40px 40px;
    }
    .team-member {
        font-size: 36px;
        line-height: 60px;
    }
    .team-members-list .hover-reveal {
        width: 200px;
        height: 266px;
    }
    span.has-hover-image .hover-reveal {
        width: 250px;
        height: 156px;
    }
    span.has-hover-image.vertical .hover-reveal {
        width: 200px;
        height: 266px;
    }
    .has-animation.has-cover img {
        -webkit-transition: scale(1);
        transform: scale(1);
    }
    .zoom-gallery {
        height: auto;
        padding-top: 8vw;
        padding-bottom: 20px;
    }
    .zoom-wrapper-gallery {
        height: auto;
    }
    .slowed-text {
        padding: 10vw 40px;
    }
    .slowed-image-left img, .slowed-image-right img {
        max-height: 300px;
    }
    .panels-container .panel img {
        height: 50%;
    }
	
	h1.big-title_null {
		font-size: 12vw;
		line-height: 16vw;
	}
	
	.parallax-wrap {
		transform:none!important;
	}
	
	.parallax-element {
		transform:none!important;
	}
	
	.has-parallax figcaption {
		display:none;
	}
	
	.destroy {
		display:none;
	}
	
	.row_padding_left {
		padding-left: 0px;
	}
	
	.row_padding_right {
		padding-right: 0px;
	}
	
	.full.row_padding_left {
		padding-left: 40px;
	}
	
	.full.row_padding_right {
		padding-right: 40px;
	}
	
	.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.full.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 40px;
		padding-right: 40px;
	}	
	
	#magic-cursor {
		display:none;
	}
	
	.preloader-intro {
		font-size: 12vw;
		line-height: 16vw;
		height: 16vw;
	}
	
	.percentage-wrapper {
		right: 40px;
		bottom: 20px;
	}
	
	.percentage-intro {
		left: 40px;
		bottom: 20px;
	}
	
	header {
		height:80px;
	}
	
	#header-container {
    	padding: 0;
		margin: 0 auto;
	}
	
	#logo {
		left: 40px;
	}
	
	.header-middle {
		display:none;
	}
	
	.button-wrap.right.menu {
		right: 10px;
	}
	
	nav {
		height: 100vh;
		position: fixed;
		width: 100%;
		box-sizing: border-box;
		visibility: visible;
		pointer-events:none;
		opacity:0;
		padding:20px 0;		
		-webkit-transition: all 0.2s ease-in 0.6s;
		transition: all 0.2s ease-in 0.6s;
	}
	
	nav.open {
		visibility:visible;
		pointer-events:initial;
		opacity:1;
		background-color: transparent;
		-webkit-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	
	.nav-height {
		position: relative;
		height: 100%;
		padding: 40px 0;
		width: 100%;
		box-sizing: border-box;
		overflow-y: auto;
	}
	
	.flexnav {
		padding: 0 20px;
    	max-height: 2000px;
		display: table;
		width: auto;
		margin: 0 auto;
		text-align:center;
		box-sizing:border-box;
		background: transparent;
		-webkit-transition: all 0.2s ease-in 0.6s;
		transition: all 0.2s ease-in 0.6s;
	}
	
	.flexnav.flexnav-show {
		-webkit-transition: all .3s ease-out 0.2s;
		transition: all .3s ease-out 0.2s;	
	}
	
	.flexnav.opacity {
		opacity: 1;
	}
	
	.flexnav li {
		padding:0;
		-webkit-transition: color .15s ease-out 0s;
		transition: color .15s ease-out 0s;	
	}
	
	.flexnav:hover li  {
		color:rgba(255,255,255,0.4)
	}
	
	.flexnav li:hover {
		color:rgba(255,255,255,1)
	}
	
	.flexnav li a, .flexnav li ul li a {
    	background: transparent;
	}
	
	.flexnav li a {
		font-weight:400;
		font-size: calc(1rem + 6vw);
		line-height: calc(1rem + 8.5vw);
		padding:0;
		border:none;
		-webkit-transition: all .1s ease-in-out 0s;
		transition: all .1s ease-in-out 0s;
	}
	
	.flexnav li a {
		color:#000;
	}
	
	.invert-header .flexnav li a {
		color: #fff;
	}
	
	.flexnav:hover li a {
		opacity:0.3;
	}
	
	.flexnav li:hover a, .flexnav li a.active{
		opacity:1;
	}
	
	.flexnav li ul {
		margin-bottom:15px;
	}
	
	.flexnav li ul li a {
		padding: 10px 0;
		font-weight: 400;
		text-transform:none;
		font-size: 14px;
		line-height: 14px;
		border-top: none;
		opacity:0.4;
		-webkit-text-stroke:none;
	}
	
	.flexnav li ul li:hover a, .flexnav li ul li a.active{
		opacity:1;
	}
	
	.flexnav:hover li ul li a {
		opacity:0.3;
	}
	
	.flexnav:hover li ul li a.active, .flexnav:hover li ul li:hover > a {
		opacity:1;
	}
	
	.flexnav ul li ul li a {
		background: transparent;
	}
	
	.flexnav li ul li ul li a {
		padding: 10px 40px;	
	}
	
	.flexnav .touch-button {
		width: 100%;
		display: block;
		height:60px;
	}
	
	.flexnav li ul li .touch-button {
		height:32px;
	}
	
	.flexnav .touch-button .navicon {
		display:none;
	}
	
	#menu-burger span.touch-button {
		display:none;
	}
	
	.classic-menu .button-wrap.right.menu {
		display: block;
	}
	
	footer {
		height: 80px;
	}
	
	#footer-container {
		margin: 0px auto;
		padding: 0 40px;
		height: 80px;
	}
	
	.footer-button-wrap {
    	bottom: 80px;
	}
	
	.copyright {
		text-align:center;
	}
	
	.socials-wrap {
		width: 240px;
		height: 40px;
		float:right;
		margin:0 auto;
		right:-10px;
		transform: translateX(0px) translateY(20px)!important;
		-webkit-transform: translateX(0px) translateY(20px)!important;
	}
	
	.socials-wrap:hover {
		transform: translateY(20px);
		-webkit-transform: translateY(20px);
	}
	
	.socials-icon, .socials-text {
		display:none;
	}
	
	.socials-wrap .socials {
		margin-top: 5px;
		text-align: right;
		transform: translateX(0px);
		-webkit-transform: translateX(0px);	
	}
	
	.socials-wrap .socials li {
		opacity: 1;
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
	
	.socials-wrap:hover .socials li {
		opacity: 1;
		transform: translateY(0px)!important;
		-webkit-transform: translateY(0px)!important;
	}
	
	.socials li {
		margin-right: 10px;
		line-height: 30px;
		height: 30px;
		width: 30px;
		margin: 0 5px auto;
		display: inline-block;
		float: none;
	}
	
	.socials li a {
		height: 30px;
		width: 30px;
		line-height: 30px;
	}
} /* max-width: 1024 */





@media only screen and (max-width:991px) {
    .clients-list[data-columns='5'] .clients-list__item {
        width: 33.33%
    }
    .header-tabs-wrapper {
        top: 0px;
    }
    .header-tabs-wrapper ul li a {
        padding: 0px 12px;
        height: 28px;
        line-height: 28px;
        font-size: 11px;
    }
    .header__area.sticky .header-tabs-wrapper {
        top: 73px;
    }
    
    .header-tabs-wrapper ul li.social,
    .header-tabs-wrapper ul li.tel_null{
        display: none;
    }
} /* max-width: 991px */



@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}
} /* max-width: 900 */



@media only screen and (max-width: 767px) {
    #hero.has-image #hero-caption {
        padding-top: 20px;
        padding-bottom: 80px;
    }
    #hero-caption {
        padding-top: 180px;
        padding-bottom: 120px;
    }
    .hero-arrow {
        -webkit-transform: scale(0.75) translateX(-4px);
        transform: scale(0.75) translateX(-4px);
    }
    .marquee-title .hero-title-wrapper {
        height: 17vw;
    }
    .hero-subtitle {
        font-size: 18px;
        line-height: 30px;
    }
    .hero-text {
        font-size: 30px;
        line-height: 46px;
    }
    #hero-footer {
        padding: 10px 30px;
        top: calc(100vh - 80px);
    }
    .hero-footer-left .button-text {
        display: none;
    }
    #hero-description {
        padding-bottom: 80px;
    }
    .page-nav-caption {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .page-nav-caption.marquee-title {
        padding-top: 100px;
        padding-bottom: 20px;
    }
    .next-hero-title {
        font-size: calc(1rem + 7vw);
        line-height: calc(1rem + 9.5vw);
    }
    .marquee-title .next-hero-title-wrapper {
        height: 17vw;
    }
    .marquee-title .next-hero-title {
        font-size: 13vw;
        line-height: 17vw;
    }
    .next-hero-subtitle {
        font-size: 18px;
        line-height: 30px;
    }
    .content-max-width, .content-full-width {
        padding-left: 30px;
        padding-right: 30px;
    }
    .slide-arrow {
        -webkit-transform: scale(0.75) translateX(-4px);
        transform: scale(0.75) translateX(-4px);
    }
    .slide-title, .title {
        font-size: calc(1rem + 7vw);
        line-height: calc(1rem + 9.5vw);
    }
    .slide-subtitle {
        font-size: 18px;
        line-height: 30px;
    }
    footer .swiper-pagination {
        display: none;
    }
    /*-- Showcase Carousel --*/
    #showcase-carousel .swiper-slide {
        height: 62vw;
        width: 42vw;
    }
    #showcase-carousel .swiper-slide:nth-of-type(2n+2) .img-mask {
        width: calc(100% - 70px);
        height: calc(100% - 90px);
    }
    #showcase-carousel .swiper-slide .outer {
        padding: 30px 30px;
    }
    #showcase-carousel .swiper-slide:nth-of-type(2n+2) .outer {
        padding: 70px 60px;
    }
    #showcase-carousel .slide-title {
        font-size: 36px;
        line-height: 48px;
    }
    #showcase-carousel .swiper-slide:nth-of-type(2n+2) .slide-title {
        font-size: 30px;
        line-height: 42px;
    }
    #filters-overlay .outer {
        padding: 30px;
        padding-bottom: 80px;
    }
    #show-filters {
        left: 12px;
        bottom: 10px;
    }
    .overlapping-grid .item {
        margin: 200px 0px 200px 0px;
        width: 50%;
    }
    .overlapping-grid .item:nth-of-type(2n+1) {
        transform: translateX(30px);
        -webkit-transform: translateX(30px);
    }
    .overlapping-grid .item:nth-of-type(2n+2) {
        transform: translateX(-30px);
        -webkit-transform: translateX(-30px);
    }
    .parallax-two-grid .item {
        margin-bottom: 200px;
    }
    .parallax-two-grid .item:nth-of-type(4n+1) {
        transform: translateX(30px);
        -webkit-transform: translateX(30px);
    }
    .parallax-two-grid .item:nth-of-type(4n+2) {
        transform: translateX(-30px);
        -webkit-transform: translateX(-30px);
    }
    .parallax-two-grid .item:nth-of-type(4n+3) {
        transform: translateX(30px);
        -webkit-transform: translateX(30px);
    }
    .parallax-two-grid .item:nth-of-type(4n+4) {
        transform: translateX(-30px);
        -webkit-transform: translateX(-30px);
    }
    .parallax-two-grid .item:nth-of-type(4n+2) .item-parallax {
        height: 70%;
        width: 65%;
        bottom: 0;
        right: 0;
    }
    .parallax-two-grid .item:nth-of-type(4n+3) .item-parallax {
        height: 70%;
        width: 65%;
        bottom: 0;
        left: 0;
    }
    .parallax-three-grid .item:nth-of-type(2n+1)::after {
        content: "";
        display: block;
        padding-bottom: 60%;
    }
    .parallax-three-grid .item:nth-of-type(2n+2)::after {
        content: "";
        display: block;
        padding-bottom: 60%;
    }
    .parallax-three-grid .item:nth-of-type(2n+1) .item-parallax {
        height: 100%;
        width: calc(50% - 45px);
        left: 30px;
        right: auto;
    }
    .parallax-three-grid .item:nth-of-type(2n+2) .item-parallax {
        height: 100%;
        width: calc(50% - 45px);
        top: 0;
        left: auto;
        right: 30px;
    }
    .item-caption {
        padding: 20px;
    }
    .parallax-two-grid .item:nth-of-type(4n+2) .item-caption, .parallax-two-grid .item:nth-of-type(4n+3) .item-caption {
        padding: 20px;
    }
    .parallax-three-grid .item:nth-of-type(1n+1) .item-caption {
        padding: 20px;
    }
    .item-arrow {
        -webkit-transform: scale(0.75) translateX(-4px);
        transform: scale(0.75) translateX(-4px);
    }
    .item-title {
        font-size: 30px;
        line-height: 42px;
    }
    .parallax-two-grid .item:nth-of-type(4n+2) .item-title, .parallax-two-grid .item:nth-of-type(4n+3) .item-title {
        font-size: 24px;
        line-height: 36px;
    }
    .parallax-three-grid .item:nth-of-type(1n+1) .item-title {
        font-size: 24px;
        line-height: 36px;
    }
    .content-slider .swiper-pagination-bullets, .content-carousel .swiper-pagination-bullets, .content-looped-carousel .swiper-pagination-bullets {
        bottom: 10px !important;
        margin: 0 !important;
    }
    .content-slider .swiper-pagination-bullet, .content-looped-carousel .swiper-pagination-bullet, .content-carousel .swiper-pagination-bullet {
        margin: 0 !important;
        width: 30px;
        height: 30px;
    }
    .content-slider .swiper-pagination-bullet .parallax-wrap, .content-looped-carousel .swiper-pagination-bullet .parallax-wrap, .content-carousel .swiper-pagination-bullet .parallax-wrap {
        width: 30px;
        height: 30px;
    }
    .video-wrapper {
        max-height: 50vh;
    }
    .control {
        display: none;
    }
    .name-box, .email-box {
        width: 100%;
        margin-right: 0;
    }
    .clients-table li {
        width: 50%;
    }
    .empty-space, .empty-space.tx {
        height: 60px;
    }
    input[type="text"], textarea {
        font-size: 14px;
    }
    .accordion dt {
        font-size: 28px;
        line-height: 44px;
    }
    .accordion.bigger-acc dt {
        font-size: 36px;
        line-height: 52px;
        margin-top: 25px;
        padding-top: 25px;
    }
    .accordion.bigger-acc dt:first-child {
        padding-top: 25px;
    }
    .accordion.bigger-acc dt span {
        text-indent: -2px;
    }
    .accordion.bigger-acc .acc-icon-wrap {
        top: 11px;
    }
    .full > .team-members-list li {
        padding: 30px 30px;
    }
    .team-member {
        font-size: 28px;
        line-height: 44px;
    }
    .team-member > div {
        float: none;
        margin-bottom: 20px;
    }
    .team-member span {
        float: none;
        line-height: 24px;
    }
    .team-members-list .hover-reveal {
        width: 150px;
        height: 200px;
    }
    span.has-hover-image .hover-reveal {
        width: 200px;
        height: 125px;
    }
    span.has-hover-image.vertical .hover-reveal {
        width: 150px;
        height: 200px;
    }
    .moving-gallery li {
        width: 50vw;
    }
    .zoom-gallery {
        padding-top: 10vw;
    }
    .slowed-text {
        padding: 10vw 30px;
    }
    .slowed-image-left img, .slowed-image-right img {
        max-height: 200px;
    }
    .clients-list__item {
        margin-top: 0rem;
        padding: 1.5rem 1.5rem 1rem 1.5rem;
    }
    .clients-list[data-columns='6'] .clients-list__item {
        width: 33.33%
    }
    
    body{
        display: none !important;
    }
	
	h1.big-title_null {
		font-size: 13vw;
		line-height: 17vw;
	}
	
	h1{
		font-size:34px;
		line-height: 48px;
        font-size: 40px;
        line-height: 1.1;
	}
	
	h2{
        font-size: 28px;
        line-height: calc(1rem + 5vw);
        font-size: 46px;
        line-height: 1.1;
	}
	
	h3{
		font-size:24px;
		line-height: 36px;
		margin-left:-1px;
	}
	
	h4{
		font-size:20px;
		line-height: 30px;
		margin-left:-1px;	
	}
	
	h5{
        font-size: 19px;
        line-height: 1.3;
		margin-left:-1px;
	}
	
	h6{
		font-size:14px;
		line-height: 24px;
	}
    
    p {
        font-size: 18px;
        line-height: 1.4;
}
    
    .panels-container > .panel{
        max-height: 636px !important;
    }
	
	figcaption {
		background-color: rgba(0,0,0,0.3);
		bottom: 0px;
		font-size: 10px;
		padding: 5px 10px;
		right: 0px;
		border-radius: 0;
	}
	
	.text-aligh-right {
		text-align:left;
	}
	
	.one_half {
    	width: 100%!important;
	}
	
	.one_half {
    	padding-right: 0!important;
	}
	
	.one_half.last {
    	padding-left: 0!important;
	}

	.one_third {
		width: 100%!important;
	}	

	.one_fourth {
		width: 100%!important;
	}	

	.one_fifth {
		width: 100%!important;
	}	

	.one_sixth {
		width: 100%!important;
	}	

	.two_fifth {
		width: 100%!important;
	}	

	.two_fourth {
		width: 100%!important;
	}		

	.two_third {
		width: 100%!important;
	}	

	.three_fifth {
		width: 100%!important;
	}	

	.three_fourth {
		width: 100%!important;
	}	

	.four_fifth {
		width: 100%!important;
	}	

	.five_sixth {
		width: 100%!important;
	}	

	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		margin-bottom: 20px!important;
		margin-right: 0%!important;
	}
	
	.row_padding_top {
		padding-top:10vw;
	}
	
	.row_padding_bottom {
		padding-bottom:10vw;
	}
	
	.row_padding_left {
		padding-left: 0px;
	}
	
	.row_padding_right {
		padding-right: 0px;
	}
	
	.full.row_padding_left {
		padding-left: 30px;
	}
	
	.full.row_padding_right {
		padding-right: 30px;
	}
	
	.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.full.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	hr {
		height: 20px;
	}
	
	.preloader-intro {
		font-size: 12vw;
		line-height: 16vw;
		height: 17vw;
	}
	
	.percentage-wrapper {
		right: 30px;
		bottom: 10px;
	}
	
	.percentage-intro {
		left: 30px;
		bottom: 10px;
	}
	
	#logo {
		left: 30px;
	}
	
	.button-wrap.right.menu.burger-lines {
		right: 0px;
	}
	
	header .button-text {
		display: none;
	}
	
	.flexnav li a {
		font-size: calc(1rem + 7vw);
		line-height: calc(1rem + 9.5vw);
	}
	
	#footer-container {
		padding: 0 30px;
	}
	
	#footer-container #backtotop.button-wrap.left {
		float: none;
		top:10px;
		left: 0;
		right: 0;
		position: absolute;
		display:block;
	}
	
	#backtotop.button-wrap.left .button-text {
		text-align: left;
		float: left;
		display: none;
	}
	
	#backtotop.button-wrap.left .icon-wrap {
		float: none;
		position: absolute;
		right: 0;
		left: auto;
		margin: auto;
		top: 0px;
	}
	
	.footer-middle {
		max-width: 1180px;
		height:20px;
		position: absolute;
		margin: 0 auto;
		left: 0;
		width: 100%;
		top: 0px;
	}
	
	.copyright {
		margin: 0;
		left: 10px;
		top: 10px;
		text-align:left;
	}
	
	footer.showcase-footer .arrows-wrap {
		right: auto;
		left: -30px;
		float: left;
		margin: auto;
	}
	
	footer.showcase-footer .socials-wrap {
		width: 170px;
		float: right;
		left: auto;
		right: 0;
		top: 0;
	}
	
	.socials-wrap {
		width:170px;
		float: none;
		left: -6px;
		right: auto;
		top: 10px;
		margin: 0;
	}
	
	.socials-wrap .socials {
		text-align: left;
	}
	
	.socials li {
		margin: 0 0px auto;
	}
    
    .parallax-two-grid .item {
    margin-bottom: 20px !important;
    width: calc(100% - 40px) !important;
    transform: translateX(20px) !important;
    -webkit-transform: translateX(20px) !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
}
    .item-parallax {
    width: 100% !important;
    height: 50vh !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
}
    .parallax-two-grid .item::after {
    display: none !important;
}
    header {
    position: absolute;
}
    .slowed-text h1.big-title {
        font-size: 12vw;
        line-height: 1.1;
}
} /* max-width: 767 */




@media only screen and (max-width:575px) {
    .clients-list[data-columns='5'] .clients-list__item {
        width: 50%
    }
    .header-tabs-wrapper {
    right: 0;
}
    .header__area:not(.sticky) .header-tabs-wrapper {
    display_null: none;
}
    .header__area.sticky .header-tabs-wrapper {
    top: 52px;
}
} /* max-width: 575px */




@media only screen and (max-width: 479px) {
    #hero-caption {
        padding-top: 160px;
        padding-bottom: 100px;
    }
    .hero-text {
        font-size: 20px !important;
        line-height: 28px;
    }
    .marquee-title .hero-title-wrapper {
        height: 18vw;
    }
    #hero-footer {
        padding: 10px 0px;
    }
    #hero .scroll-down .button-text {
        display: none;
    }
    .page-nav-caption {
        padding-top: 100px;
        padding-bottom: 50px;
    }
    .page-nav-caption.marquee-title {
        padding-top: 100px;
        padding-bottom: 20px;
    }
    .marquee-title .next-hero-title-wrapper {
        height: 18vw;
    }
    .marquee-title .next-hero-title {
        font-size: 14vw;
        line-height: 18vw;
    }
    .content-max-width, .content-full-width {
        padding-left: 20px;
        padding-right: 20px;
    }
    /*-- Showcase Carousel --*/
    #showcase-carousel-holder .swiper-slide {
        height: 100vw;
        width: 70vw;
    }
    #showcase-carousel .swiper-slide:nth-of-type(2n+2) .img-mask {
        width: calc(100% - 70px);
        height: calc(100% - 90px);
    }
    #showcase-carousel .swiper-slide .outer {
        padding: 20px 20px;
    }
    #showcase-carousel .swiper-slide:nth-of-type(2n+2) .outer {
        padding: 70px 60px;
    }
    #showcase-carousel .slide-title {
        font-size: 24px;
        line-height: 36px;
    }
    #showcase-carousel .swiper-slide:nth-of-type(2n+2) .slide-title {
        font-size: 18px;
        line-height: 24px;
    }
    /*-- Showcase Lists --*/
    .slide-list {
        margin: 0;
        width: 100%;
    }
    .slide-list.show-borders, .slide-list:last-child {
        border-top: none;
        border-bottom: none;
    }
    #filters-overlay .outer {
        padding: 20px;
        padding-bottom: 80px;
    }
    #show-filters {
        left: 2px;
        bottom: 2px;
    }
    .overlapping-grid .item {
        margin: 150px 0px 150px 0px;
        width: 50%;
    }
    .overlapping-grid .item:nth-of-type(2n+1) {
        transform: translateX(20px);
        -webkit-transform: translateX(20px);
    }
    .overlapping-grid .item:nth-of-type(2n+2) {
        transform: translateX(-20px);
        -webkit-transform: translateX(-20px);
    }
    .parallax-two-grid .item {
        margin-bottom: 40px;
    }
    .parallax-two-grid .item:nth-of-type(4n+1) {
        transform: translateX(20px);
        -webkit-transform: translateX(20px);
    }
    .parallax-two-grid .item:nth-of-type(4n+2) {
        transform: translateX(-20px);
        -webkit-transform: translateX(-20px);
    }
    .parallax-two-grid .item:nth-of-type(4n+3) {
        transform: translateX(20px);
        -webkit-transform: translateX(20px);
    }
    .parallax-two-grid .item:nth-of-type(4n+4) {
        transform: translateX(-20px);
        -webkit-transform: translateX(-20px);
    }
    .parallax-three-grid .item:nth-of-type(2n+1)::after {
        content: "";
        display: block;
        padding-bottom: 60%;
    }
    .parallax-three-grid .item:nth-of-type(2n+2)::after {
        content: "";
        display: block;
        padding-bottom: 60%;
    }
    .parallax-three-grid .item:nth-of-type(2n+1) .item-parallax {
        height: 100%;
        width: calc(50% - 30px);
        left: 20px;
        right: auto;
    }
    .parallax-three-grid .item:nth-of-type(2n+2) .item-parallax {
        height: 100%;
        width: calc(50% - 30px);
        top: 0;
        left: auto;
        right: 20px;
    }
    .item-caption {
        padding: 20px 15px;
    }
    .parallax-two-grid .item:nth-of-type(4n+2) .item-caption, .parallax-two-grid .item:nth-of-type(4n+3) .item-caption {
        padding: 20px 15px;
    }
    .item-title, .parallax-two-grid .item:nth-of-type(4n+2) .item-title, .parallax-two-grid .item:nth-of-type(4n+3) .item-title {
        font-size: 40px;
        line-height: 1.2;
    }
    .pinned-section .pin-spacer {
        width: 100% !important;
    }
    .pinned-element {
        float: none;
        width: 100%;
        margin: 0;
    }
    .pinned-element.left {
        padding-right: 0px;
        margin-bottom: 40px;
    }
    .pinned-element.right {
        padding-left: 0px;
    }
    .scrolling-element {
        position: relative;
        float: none;
        width: 100%;
        margin: 0;
    }
    .scrolling-element.left {
        padding-right: 0px;
        margin-bottom: 40px;
    }
    .scrolling-element.right {
        padding-left: 0px;
    }
    .clapat-button {
        margin-bottom: 20px;
    }
    .full > .team-members-list li {
        padding: 30px 20px;
    }
    .team-member {
        font-size: 24px;
        line-height: 40px;
    }
    .team-members-list .hover-reveal {
        width: 100px;
        height: 133px;
    }
    .accordion.bigger-acc dt {
        font-size: 30px;
        line-height: 46px;
        margin-top: 20px;
        padding-top: 20px;
    }
    .accordion.bigger-acc dt:first-child {
        padding-top: 20px;
    }
    .accordion.bigger-acc dt span {
        text-indent: -2px;
    }
    .accordion.bigger-acc .acc-icon-wrap {
        top: 3px;
    }
    span.has-hover-image .hover-reveal {
        width: 150px;
        height: 94px;
    }
    span.has-hover-image.vertical .hover-reveal {
        width: 100px;
        height: 133px;
    }
    .moving-gallery li {
        width: 60vw;
    }
    .zoom-gallery {
        padding-top: 12vw;
    }
    .slowed-text {
        padding: 12vw 20px;
    }
    .slowed-text > h5:first-child {
        margin-top: 35px;
    }
    .slowed-image-left img, .slowed-image-right img {
        max-height: 150px;
    }
    .panels-container {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: block;
    }
    .news-panel .panel-content-wrapper {
        height: auto;
        padding: 0;
    }
    /*
	.news-panel .panels-container .panel:first-child .panel-content-wrapper {
  		padding-left: 20px;
	}
	
	.news-panel .panels-container .panel:last-child .panel-content-wrapper {
	  	padding-right: 20px;
	}
    */
    .news-panel {
        top: 0px !important;
    }
    .news-panel .panels-container .panel img {
        width: 100%;
        height: auto;
        display: block;
        max-width: 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }
    .news-panel .panel-content {
        padding: 20px 30px;
    }
    .news-panel .panels-container .panel {
        height: auto;
        margin-bottom: 4px;
        display: block;
    }
    /*
	.news-panel  .panels-container .panel:first-child .panel-content-wrapper .panel-content {
  		padding-left: 40px;
	}
	
	.news-panel  .panels-container .panel:last-child .panel-content-wrapper .panel-content {
  		padding-right: 40px;
	}
    */
    .news-panel .panels-container .panel .panel-content-wrapper .panel-content {
        padding: 20px !important;
    }
    .news-panel-title.large {
        font-size: 30px;
        line-height: 1.1;
    }
    .slowed-image-left, .slowed-image-right {
        margin: 60px 0;
    }
	
		
	h1.big-title_null {
		font-size: 14vw;
		line-height: 18vw;
    font-size: 11vw;
    line-height: 15vw;
	}
	
	.row_padding_top {
		padding-top:9.5vw;
	}
	
	.row_padding_bottom {
		padding-bottom:9.5vw;
	}
		
	.row_padding_left {
		padding-left: 0px;
	}
	
	.row_padding_right {
		padding-right: 0px;
	}
	
	.full.row_padding_left {
		padding-left: 20px;
	}
	
	.full.row_padding_right {
		padding-right: 20px;
	}
	
	.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.full.row_padding_all {
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	hr {
		height: 10px;
	}
	
	.preloader-intro {
		font-size: 12vw;
		line-height: 18vw;
		height: 18vw;
	}
	
	.percentage-wrapper {
		right: 20px;
		bottom: 10px;
	}
	
	.percentage-intro {
		left: 20px;
		bottom: 10px;
	}
	
	#logo {
		left: 20px;
	}
	
	.button-wrap.right.menu {
		right: -10px;
	}
	
	#footer-container {
		padding: 0px;
		margin:0;
	}
	
	footer.showcase-footer #footer-container {
		padding: 0px 20px;
	}
	
	.copyright {
		left: 0px;
	}
	
	.socials-wrap {
		float: none;
		left: 14px;
		right: auto;
	}
	
	.arrows-wrap {
		left: -10px;
		width: 80px;
	}
	
	.prev-wrap, .next-wrap {
    	width: 40px;
	}
	
	footer.showcase-footer .arrows-wrap {
		right: 0;
		left: 0;
		float: none;
		margin: auto;
	}
	
	footer.showcase-footer .arrows-wrap {
		width: 100%;
	}
	
	footer.showcase-footer .prev-wrap, footer.showcase-footer .next-wrap {
    	width: 60px;
	}
	
	footer.showcase-footer .footer-middle {
		top: 0px;
	}
	
	footer.showcase-footer .showcase-subtitles-wrap {
		left: 0;
	}
	
	footer.showcase-footer .socials-wrap {
		display:none;
	}
	
	.button-text {
		display:none;
	}
	
	#main-page-content .button-text, #hero .button-text {
		display:block;
	}
    .icon-wrap {
    height: 62px;
}
    #hero.has-image .hero-title-wrapper {
    margin-top: 80px;
}
    #hero.has-image #hero-caption .inner {
    vertical-align: middle;
}
    .item-cat span,
    .item-arrow i.arrow-icon{
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
    .item-cat {
    margin-bottom: 5px;
}
    .full figure.has-parallax {
    overflow: hidden;
    height: 75vh;
}
    .next-hero-subtitle span {
    font-size: 32px;
        font-size: 26px;
}
    .hide-on-small{
        display: none !important;
    }
    #hero .timer-quick {
    font-size: 85%;
    margin-top: 10px;
}
    #hero .timer-quick div unit{
        font-size: 16px;
    }
    .hero-title, #page-nav .next-hero-title {
        font-size: 16.5vw;
}
    #hero-description {
    padding-bottom: 25px;
}
    #logo img {
    height: 60px;
}
    .item-parallax {
    height: 36vh !important;
}
    .panels-container > .panel.blank-panel{
        display: none !important;
    }
    #hero.has-image #hero-caption {
    padding-bottom: 20px;
}
    h2 {
    font-size: 45px;
    letter-spacing: -0.5px;
    line-height: 1;
}
    .empty-spacer-col{
        display: none !important;
    }
    .news-panel .panels-container .panel .panel-logo {
    top: 10%;
}
    #page-nav .next-hero-subtitle {
    margin-bottom: 12px;
}
} /* max-width: 479 */





@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
} /* mobile landscape specific */



@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {    
	#rotate-device {
		display:block;
	}
}




@media only screen and (max-width:479px) {
    [data-tooltip]:hover::after, [data-tooltip]:hover::before {
        opacity: 0
    }
} /* max-width: 479 */