/*--------------------------------------------------------------

Project :	71Three

Version :	  1.0

Assigned to : Md. Taufiqul Islam

Primary use : Landing Page

----------------------------------------------------------------

----------------------------------------------------------------*/

/*Keyframes*/



@-webkit-keyframes fade {

    from {

        opacity: .4;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"

    }



    to {

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"

    }

}



@keyframes fade {

    from {

        opacity: .4;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"

    }



    to {

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"

    }

}







/* .blurred:after {

    content: "";

    width: 100%;

    height: 100vh;

    top: 0;

    left: 0;

    background: rgba(0, 0, 0, .5);

    position: fixed;

    filter: alpha(opacity=00);

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition: opacity .5s ease-in-out;

    transition: opacity .5s ease-in-out;

} */



/* .opened + div .banner-area-wrapper .blurred:after {

    filter: alpha(opacity=100);

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    position: fixed;

    -webkit-transition: opacity .5s ease-in-out;

    transition: opacity .5s ease-in-out;

} */



/* .opened + div .banner-area-wrapper .custom-btn {

    z-index: -99999;

    opacity: .5;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

}



.opened + .banner-area-wrapper .blurred:after {

    filter: alpha(opacity=100);

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    position: fixed;

    -webkit-transition: opacity .5s ease-in-out;

    transition: opacity .5s ease-in-out;

}



.opened + .banner-area-wrapper .custom-btn {

    z-index: -99999;

    opacity: .5;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

}



.blurred {

    -webkit-transition: opacity .5s;

    transition: opacity .5s;

}



.opened .custom-btn {

    z-index: -11;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

} */



.custom-btn {

    z-index: 9999;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}



/*Header css*/

.logo-wrapper {

    max-width: 200px;

    width: 100%;

}







header {

    position: relative;

    z-index: 99;

    background: transparent;

}



.hamberger-menu-wrapper {

    max-width: 85px;

    width: 100%;

    cursor: pointer;

    z-index: 99;

}



img.close-btn {

    width: 50px;

    -webkit-transition: opacity .5s ease-in-out;

    transition: opacity .5s ease-in-out;

}



.heaer-inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 60px 100px 60px 70px;

}



.main-nav-wrapper {

    position: fixed;

    right: 0;

    top: 0;

    z-index: 90;

    height: 100%;

    min-width: 600px;

    padding: 140px 215px 0 120px;

    font-family: 'maison-bold';

    background: #ffffff;

    box-sizing: border-box;



    -webkit-transform: translateX(100%) translateZ(0px);



    transform: translateX(100%) translateZ(0px);

    backface-visibility: hidden;

    -webkit-backface-visibility: hidden;

    -webkit-transition: -webkit-transform 500ms ease-in-out;

    -webkit-transition: all 500ms ease-in-out;

    transition: all 500ms ease-in-out;

    width: 30%;

}



header.opened {

    position: fixed;

    width: 100%;

}



.opened .main-nav-wrapper {

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

}





.menu-btn {

    display: inline-block;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



.close-btn {

    display: none;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



.opened .menu-btn {



    display: none;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



.opened .close-btn {

    display: inline-block;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



ul.main li a {

    font-size: 36px;

    font-weight: bold;

    font-family: 'Maison Neue', sans-serif;

    text-transform: uppercase;

    color: #A5A4A6;

    position: relative;

}



ul.main li a.active {

    color: #000000;

}



ul.main li a {

    font-size: 50px;

    line-height: 65px;

    font-weight: bold;

    font-family: 'Maison Neue', sans-serif;

    text-transform: lowercase;

    color: #000000;

    display: inline-block;

    padding: 0px 14px !important;

}



ul.main li a:after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 0%;

    height: 100%;

    background: #000000;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    z-index: -1;

}



ul.main li a:hover {

    color: #ffffff;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}



ul.main.primary-menu {

    -webkit-transform: translateX(0);

    transform: translateX(0);

    -webkit-transition: -webkit-transform .6s cubic-bezier(.81, .15, .26, .99);

    transition: -webkit-transform .6s cubic-bezier(.81, .15, .26, .99);

    transition: transform .6s cubic-bezier(.81, .15, .26, .99);

    transition: transform .6s cubic-bezier(.81, .15, .26, .99), -webkit-transform .6s cubic-bezier(.81, .15, .26, .99);

    position: absolute;

    left: 50px;

}



/*

div ::-webkit-scrollbar {

    width: 0px;



    background: transparent;



}



div ::-webkit-scrollbar-thumb {

    background: #FF0000;

}

*/



.submenu-wrapper {

    -webkit-transform: translateX(500%);

    transform: translateX(500%);

    -webkit-transition: -webkit-transform .6s cubic-bezier(.81, .15, .26, .99);

    transition: -webkit-transform .6s cubic-bezier(.81, .15, .26, .99);

    transition: transform .6s cubic-bezier(.81, .15, .26, .99);

    transition: transform .6s cubic-bezier(.81, .15, .26, .99), -webkit-transform .6s cubic-bezier(.81, .15, .26, .99);

}



ul.main.primary-menu.slideddown {

    -webkit-transform: translateX(500%);

    transform: translateX(500%);

    -webkit-transition: -webkit-transform .6s cubic-bezier(.81, .15, .26, .99);

    transition: -webkit-transform .6s cubic-bezier(.81, .15, .26, .99);

    transition: transform .6s cubic-bezier(.81, .15, .26, .99);

    transition: transform .6s cubic-bezier(.81, .15, .26, .99), -webkit-transform .6s cubic-bezier(.81, .15, .26, .99);

}



.submenu-wrapper.slidedup {

    -webkit-transform: translateX(0);

    transform: translateX(0);

    -webkit-transition: -webkit-transform .6s cubic-bezier(.81, .15, .26, .99);

    transition: -webkit-transform .6s cubic-bezier(.81, .15, .26, .99);

    transition: transform .6s cubic-bezier(.81, .15, .26, .99);

    transition: transform .6s cubic-bezier(.81, .15, .26, .99), -webkit-transform .6s cubic-bezier(.81, .15, .26, .99);

}



li.submenu-close {

    width: 15px;

    margin-left: 15px;

    cursor: pointer;

    margin-bottom: 10px;

}



img.submenu-indicator {

    width: 8px;

    position: absolute;

    top: 49%;

    right: 20px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



ul.main li {

    position: relative;

}



li.submenu-close > img {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}



.submenu-wrapper,

.submenu-services,

.primary-menu {

    -webkit-transition: all .9s ease;

    transition: all .9s ease;

}



ul.main li a:hover:after {

    width: 100%;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}



.main-nav-wrapper {

    padding: 200px 50px 50px 50px;

    width: 17%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



ul.main li a:hover {

    padding-left: 5px;

}



.submenu-wrapper {

    position: absolute;

}



ul.main li a.active {

    color: #939291;

    background: #ffffff;

}



nav p {

    font-size: 36px;

    color: #000000;

}



nav p span,

nav p a {

    display: inline-block;

    font-style: normal;

    /* font-weight: bold; */

}



nav p em a {

    margin-bottom: 25px;

}



/*Banner Css*/

.banner-area-inner {

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.banner-content {

    position: absolute;

    top: 40%;

    left: 35%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    max-width: 1370px;

    width: 100%;

    z-index: 9;

}



.about-banner-content,

.project-banner-content {

    left: 15%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    max-width: 1830px;

    top: 50%;

}



.about-banner-content h1 span:after,

.project-banner-content h1 span:after {

    display: none;

}



.about-banner-content h1 span,

.project-banner-content h1 span {

    border-bottom: 10px solid #000000;

}



/* Fading animation */

.fade {

    -webkit-animation-name: fade;

    -webkit-animation-duration: 1.5s;

    animation-name: fade;

    animation-duration: 1.5s;

}



.banner-area {

    min-height: 1680px;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    overflow: hidden;

    z-index: 0;



}



.banner-area-wrapper {

    min-height: 1430px;

}



.top-wrapper {

    position: relative;

}



h1 span,

h2 span {

    position: relative;

}



h1 span:after,

h2 span:after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 10px;

    width: 100%;

    background: #000000;

    height: 10px;

}



h2 span:after {

    left: 103%;

    width: 120px;

    bottom: 30px;

}



.banner-details {

    padding-left: 200px;

    padding-right: 100px;

}



.custom-btn {

    font-size: 28px;

    color: #ffffff;

    text-transform: uppercase;

    background: #000000;

    padding: 35px 116px;

    border: 2px solid #000000;

    font-weight: 500;

    border-radius: 0px;

}



.custom-btn:hover {

    background: transparent;

    color: #000000;

}



.banner-details p {

    margin-bottom: 55px;

}



/*For color change*/

.slideshow-container {

    position: absolute;

    top: 250px;



    left: 12%;

    bottom: 0;

    right: 0;

    margin: auto auto;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-transition: opacity 1000ms cubic-bezier(.694, 0, .335, 1), background-color 1000ms 750ms cubic-bezier(.694, 0, .335, 1);

    transition: opacity 1000ms cubic-bezier(.694, 0, .335, 1), background-color 1000ms 750ms cubic-bezier(.694, 0, .335, 1);

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    margin-bottom: 70px;

}



.slideshow-container[data-active-scene=slide1] {

    background: #F5F4F2;

}



.slideshow-container[data-active-scene=slide2] {

    background: #F7EEE6;

}



.slideshow-container[data-active-scene=slide3] {

    background: #F5F4F2;

}



.slideshow-container[data-active-scene=slide4] {

    background: #F7EEE6;

}



.banner-71Three-slides[data-departure-index] {

    -webkit-transition: opacity 0ms 1000ms step-end, visibility 0ms 1000ms step-end;

    transition: opacity 0ms 1000ms step-end, visibility 0ms 1000ms step-end;

}



.assets {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    visibility: hidden;

    position: absolute;

}



.active-slide {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    visibility: visible;

}



.banner-71Three-slides .asset1 {

    -webkit-transform: perspective(1000px) translate3d(0, 50%, -500px) !important;

    transform: perspective(1000px) translate3d(0, 50%, -500px) !important;

    transition: opacity 800ms cubic-bezier(.55, .055, .675, .19), visibility 800ms step-end, transform 800ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 800ms cubic-bezier(.55, .055, .675, .19);

}



.banner-71Three-slides[data-depurture-index="1"] .asset1 {

    -webkit-transform: perspective(1000px) translate3d(0, -50%, 300px) !important;

    transform: perspective(1000px) translate3d(0, -50%, 300px) !important;

    transition: opacity 800ms cubic-bezier(.55, .055, .675, .19), visibility 800ms step-end, transform 800ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 800ms cubic-bezier(.55, .055, .675, .19);

}



.banner-71Three-slides[data-arrival-index="1"] .asset1 {

    -webkit-transform: perspective(1000px) translate3d(0, 50%, -500px) !important;

    transform: perspective(1000px) translate3d(0, 50%, -500px) !important;

    transition: opacity 800ms cubic-bezier(.55, .055, .675, .19), visibility 800ms step-end, transform 800ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 800ms cubic-bezier(.55, .055, .675, .19);

}



.active-slide .asset1 {

    -webkit-transform: perspective(1000px) translate3d(0, 0, 0) !important;

    transform: perspective(1000px) translate3d(0, 0, 0) !important;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    visibility: visible;

    transition: opacity 800ms 1100ms cubic-bezier(.645, .045, .355, 1), visibility 800ms 0ms step-end, transform 800ms 1100ms cubic-bezier(.645, .045, .355, 1), -webkit-transform 800ms 1100ms cubic-bezier(.645, .045, .355, 1);



}





.banner-71Three-slides .asset2 {

    -webkit-transform: perspective(1000px) translate3d(50%, 0, -500px) !important;

    transform: perspective(1000px) translate3d(50%, 0, -500px) !important;

    transition: opacity 800ms 150ms cubic-bezier(.55, .055, .675, .19), visibility 800ms 150ms step-end, transform 800ms 150ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 800ms 150ms cubic-bezier(.55, .055, .675, .19);

}



.banner-71Three-slides[data-depurture-index="1"] .asset2 {

    -webkit-transform: perspective(1000px) translate3d(-50%, 0, 300px) !important;

    transform: perspective(1000px) translate3d(-50%, 0, 300px) !important;

    transition: opacity 800ms 150ms cubic-bezier(.55, .055, .675, .19), visibility 800ms 150ms step-end, transform 800ms 150ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 800ms 150ms cubic-bezier(.55, .055, .675, .19);

}



.banner-71Three-slides[data-arrival-index="1"] .asset2 {

    -webkit-transform: perspective(1000px) translate3d(50%, 0, -500px) !important;

    transform: perspective(1000px) translate3d(50%, 0, -500px) !important;

    transition: opacity 800ms 150ms cubic-bezier(.55, .055, .675, .19), visibility 800ms 150ms step-end, transform 800ms 150ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 800ms 150ms cubic-bezier(.55, .055, .675, .19);

}



.active-slide .asset2 {

    -webkit-transform: perspective(1000px) translate3d(0, 0, 0) !important;

    transform: perspective(1000px) translate3d(0, 0, 0) !important;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    visibility: visible;

    transition: opacity 800ms 1250ms cubic-bezier(.645, .045, .355, 1), visibility 800ms 0ms step-end, transform 800ms 1250ms cubic-bezier(.645, .045, .355, 1), -webkit-transform 800ms 1250ms cubic-bezier(.645, .045, .355, 1);



}





.banner-71Three-slides .asset3 {

    -webkit-transform: perspective(1000px) translate3d(-50%, 0, -500px) !important;

    transform: perspective(1000px) translate3d(-50%, 0, -500px) !important;

    transition: opacity 800ms 300ms cubic-bezier(.55, .055, .675, .19), visibility 800ms 300ms step-end, transform 800ms 300ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 800ms 300ms cubic-bezier(.55, .055, .675, .19);

}



.banner-71Three-slides[data-depurture-index="1"] .asset3 {

    -webkit-transform: perspective(1000px) translate3d(50%, 0, 300px) !important;

    transform: perspective(1000px) translate3d(50%, 0, 300px) !important;

    transition: opacity 800ms 300ms cubic-bezier(.55, .055, .675, .19), visibility 800ms 300ms step-end, transform 800ms 300ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 800ms 300ms cubic-bezier(.55, .055, .675, .19);

}



.banner-71Three-slides[data-arrival-index="1"] .asset3 {

    -webkit-transform: perspective(1000px) translate3d(-50%, 0, -500px) !important;

    transform: perspective(1000px) translate3d(-50%, 0, -500px) !important;

    transition: opacity 800ms 300ms cubic-bezier(.55, .055, .675, .19), visibility 800ms 300ms step-end, transform 800ms 300ms cubic-bezier(.55, .055, .675, .19), -webkit-transform 800ms 300ms cubic-bezier(.55, .055, .675, .19);

}



.active-slide .asset3 {

    -webkit-transform: perspective(1000px) translate3d(0, 0, 0) !important;

    transform: perspective(1000px) translate3d(0, 0, 0) !important;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    visibility: visible;

    transition: opacity 800ms 1400ms cubic-bezier(.645, .045, .355, 1), visibility 800ms 0ms step-end, transform 800ms 1400ms cubic-bezier(.645, .045, .355, 1), -webkit-transform 800ms 1400ms cubic-bezier(.645, .045, .355, 1);



}



.assets.asset1 {

    top: -250px;

    left: 16%;

    max-width: 492px;

}



.assets.asset2 {



    right: -2.5%;

    top: 34%;

    max-width: 900px;

}



.assets.asset3 {

    bottom: -80px;

    left: -12%;

    max-width: 600px;

}







/*Award winning info area css*/

section.awards-info-area {

    padding: 260px 0px 340px 0px;

}



section.awards-info-area .section-title {

    max-width: 1400px;

    margin: 0 auto;

}



.awards {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    margin-top: 80px;

}



.award-image {

    padding: 0px 3px;

}



.award-image img {

    height: 162px;

    width: 126px;

}



.banner-contact-info {

    position: absolute;

    left: 0;

    -webkit-transform: rotate(-90deg) translateX(-100%);

    transform: rotate(-90deg) translateX(-100%);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-transform-origin: 6% 0%;

    transform-origin: 6% 0%;

    top: 500px;

    z-index: 99999;

}



p.phone {

    margin: 0px 0 0 60px;

    position: relative;

    overflow: hidden;

}



.hide-wave {

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0%;

    height: 11.2px;

    height: 11.2px;

    height: 11.2px;

    height: 11.2px;

    height: 11.2px;

    height: 11.2px;

    height: 11.2px;

    height: .7rem;

    display: block;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    -webkit-transition: .7s ease-in-out;

    transition: .7s ease-in-out;

    overflow: hidden;

}



.hide-wave:after {

    content: "";

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    height: 11.2px;

    height: 11.2px;

    height: 11.2px;

    height: 11.2px;

    height: 11.2px;

    height: 11.2px;

    height: 11.2px;

    height: .7rem;

    background-position: 0;

    background-repeat: repeat-x;

    background-image: url(/images/wave.svg);

    background-color: transparent;

    background-size: 11.5rem .7rem;

    -webkit-transition: background-position 400s linear, -webkit-transform .7s ease-in-out;

    transition: background-position 400s linear, -webkit-transform .7s ease-in-out;

    transition: transform .7s ease-in-out, background-position 400s linear;

    transition: transform .7s ease-in-out, background-position 400s linear, -webkit-transform .7s ease-in-out;

    -webkit-transform: translate3d(-100%, 0, 0) rotate(180deg);

    transform: translate3d(100%, 0, 0) rotate(180deg);

}



.phone:hover,

.email:hover {

    color: #000000;

}



.phone:hover .hide-wave:after,

.email:hover .hide-wave:after {

    -webkit-transform: translateZ(0) rotate(180deg);

    transform: translateZ(0) rotate(180deg);

    -webkit-animation: f 250s infinite linear;

    animation: f 250s infinite linear;

}



.phone:hover .hide-wave,

.email:hover .hide-wave {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

}



@-webkit-keyframes f {

    0% {

        background-position: 0;

    }



    to {

        background-position: 1000rem;

    }

}



@keyframes f {

    0% {

        background-position: 0;

    }



    to {

        background-position: 1000rem;

    }

}



@-webkit-keyframes m {}



@keyframes m {}



.phone,

.email {

    font-size: 36px;

    position: relative;

    margin-left: 100px;

    /*    overflow: hidden;*/



}



a.phone:after {

    content: "";

    background: #000000;

    width: 70px;

    height: 1px;

    bottom: 34px;

    left: 107%;

    position: absolute;

}



/*Portfolio area css*/

.background-slide img {

    display: none;

}



.foreground-slide img {

    display: none;

}



.portfolio-slider {

    width: 55vw;

}



.portfolio-details {

    width: 45vw;

}



.part img {

    max-width: 136px;

}



.portfolio-inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.background-portfolio {

    width: 81%;

    /*    min-height: 1320px;*/

    position: relative;

    z-index: 0;

}



.background-slide {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition: opacity 700ms cubic-bezier(.694, 0, .335, 1);

    transition: opacity 700ms cubic-bezier(.694, 0, .335, 1);



}



.background-slide[data-arrival-index="0"] {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    z-index: 100;

    -webkit-transition: opacity 700ms cubic-bezier(.694, 0, .335, 1);

    transition: opacity 700ms cubic-bezier(.694, 0, .335, 1);



}



.foreground-portfolio {

    position: absolute;

    width: 71%;

    height: 674px;

    top: 50%;

    z-index: 1;

    right: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    overflow: hidden;

    box-shadow: 0px 0px 47px 7px rgba(0, 0, 0, .1)

}



.foreground-slide {

    width: 100%;

    height: 100%;

}



.portfolio-slider-inner {

    position: relative;

}





.bg {

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

}



.foreground-slide {

    position: absolute;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    visibility: hidden;

}



.foreground-slide[data-arrival-index="1"],

.foreground-slide[data-depurture-index="0"],

.foreground-slide[data-depurture-index="1"] {

    transition: transform 700ms cubic-bezier(.694, 0, .335, 1), visibility 700ms step-end, -webkit-transform 700ms cubic-bezier(.694, 0, .335, 1);

    visibility: visible;



}



.foreground-slide[data-depurture-index="1"] {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, -100%);

    transition: transform 700ms cubic-bezier(.694, 0, .335, 1), visibility 700ms step-end, -webkit-transform 700ms cubic-bezier(.694, 0, .335, 1);

}





.foreground-slide[data-depurture-index="2"] {

    -webkit-transform: translate3d(-100%, -100%, 0);

    transform: translate3d(-100%, -100%, 0);

    transition: transform 700ms cubic-bezier(.694, 0, .335, 1), visibility 700ms step-end, -webkit-transform 700ms cubic-bezier(.694, 0, .335, 1);



}



.foreground-slide[data-depurture-index="3"] {

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

    transition: transform 700ms cubic-bezier(.694, 0, .335, 1), visibility 700ms step-end, -webkit-transform 700ms cubic-bezier(.694, 0, .335, 1);



}



.foreground-slide[data-depurture-index="4"] {

    -webkit-transform: translate3d(100%, -100%, 0);

    transform: translate3d(100%, -100%, 0);



    transition: transform 700ms cubic-bezier(.694, 0, .335, 1), visibility 700ms step-end, -webkit-transform 700ms cubic-bezier(.694, 0, .335, 1);

}



.foreground-slide[data-depurture-index="5"] {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    transition: transform 700ms cubic-bezier(.694, 0, .335, 1), visibility 700ms step-end, -webkit-transform 700ms cubic-bezier(.694, 0, .335, 1);



}



.foreground-slide[data-depurture-index="0"] {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    transition: transform 700ms cubic-bezier(.694, 0, .335, 1), visibility 700ms step-end, -webkit-transform 700ms cubic-bezier(.694, 0, .335, 1);



}



.foreground-slide[data-arrival-index="0"] {

    z-index: ;

}



.foreground-slide[data-arrival-index="1"] {

    z-index: ;

}



.foreground-slide[data-arrival-index="2"] {

    z-index: ;

}



.foreground-slide[data-depurture-index="1"] {

    z-index: ;

}



.foreground-slide[data-depurture-index="2"] {

    z-index: ;

}













.slider-arrow img {

    width: 32px;

    cursor: pointer;

}



img.arrow-left {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    margin-right: 70px;

}



.slider-arrow {

    position: absolute;

    bottom: 12%;

    right: 100px;

}



p.head-text {

    font-size: 28px;

    padding-left: 90px;

    margin-bottom: 20px;

}



.portfolio-details-inner {

    max-width: 1020px;

    margin-left: 100px;

}



.portfolio .section-content {

    padding-left: 100px;

    margin-top: 60px;

}



.portfolio .section-title h2 {}



.portfolio .section-content p {

    margin-bottom: 55px;

}





/*Services css*/

section.services {

    padding: 330px 0px 250px 0px;

    width: 100%;

    max-width: 74%;

    margin-left: auto;

}



.service-single {

    padding: 0 !important;

}



.services-inner {

    margin-right: 15%;

    padding: 80px 0px 90px 0px;

    position: relative;

}



.services .section-title {

    margin-bottom: 50px;

}



.services .section-content > p {

    max-width: 54%;

    padding-left: 8%;

    /*    letter-spacing: -1px;*/

}



.service-name {

    text-align: center;

}



.service-icon img {

    height: 90px;

    max-width: 110px;

    /* width: 100%; */

    position: absolute;

    border: 0;

    /* left: 50%; */

    /* transform: translate(-50%); */

}



.service-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-top: 90px;



}



.service-single {

    padding: 0px 50px;

    width: 16%;

}



.service-icon {

    margin-bottom: 0px !important;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative;

    min-width: 100%;

    min-height: 59px;

}



.service-name p {

    font-size: 28px;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: 1px;

}



.shape-reveal {

    width: 54%;

    height: 100%;

    background: red;

    position: absolute;

    right: 0;

    z-index: -1;

    top: 0;

}



.shape-reveal-inner {

    position: relative;

    width: 100%;

    height: 100%;

    background: beige;

}



.shape-reveal-inner:after {

    position: absolute;

    content: "";

    background: #F5F4F2;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}







/*Recommendation area css*/

section.recommendation {

    padding: 200px 0px;

    max-width: 2180px;

    width: 100%;

    margin: 0 auto;

}



.carousel-indicators li {

    position: relative;

    width: 16%;

    height: 30px;

    text-indent: unset;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    cursor: pointer;

}



.carousel-indicators li.active .hover-image {

    display: inline-block;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    visibility: visible;



}



.carousel-indicators li.active .rec-image {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    visibility: hidden;

}



.rec-image {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    visibility: visible;

    -webkit-transition: all .7s ease;

    transition: all .7s ease;

}



.carousel-indicators li > img {

    position: absolute;

}



.recommendation .section-title h2 {}



.recommendation .section-title {

    max-width: 45%;

    margin-left: auto;

}





.recommend-text {

    max-width: 1380px;

    /*    position: relative;*/

}



.recommend-text:after {

    content: "";

    background-image: url(/images/quote.png);

    position: absolute;

    top: 17px;

    left: -40px;

    width: 30px;

    height: 30px;

    background-size: 30px 23px;

    background-repeat: no-repeat;



}



.carousel-inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding-top: 350px;

}



.recommend-text.carousel-item p {

    font-size: 90px;

    line-height: 100px;

    letter-spacing: -5px;

}



p.r-name {

    font-size: 48px !important;

    padding-right: 200px;

}



p.r-name {

    font-size: 48px;

    text-align: right;

    margin-top: 25px;

}





.recommendation .carousel-indicators {

    top: 150px;

    width: 100%;

    left: 0;

    bottom: unset;

    right: unset;

    margin: 0;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.recommendation .section-content {

    position: relative;

}







.carousel-indicators li > img {

    /* width: 100%; */

    height: 70px;

    max-width: 260px;

}







.hover-image,

.service-hover {

    /*    display: none;*/

    -webkit-transition: all .3s ease-in;

    transition: all .3s ease-in;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    visibility: hidden;

}



.active-image {

    /*    display: block;*/

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    visibility: visible;

}



.service-single:hover .hover-image,

.service-single:hover .service-hover {

    /*    display: block;*/

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    visibility: visible;

}



.service-single:hover .active-image,

.service-single:hover .service-img {

    /*    display: none;*/

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    visibility: hidden;

}



.services2 .service-name p {

    color: #000000;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

}







@-webkit-keyframes curse {

    100% {

        stroke-dashoffset: 0;

    }

}







@keyframes curse {

    100% {

        stroke-dashoffset: 0;

    }

}



#cur1 {

    stroke-dasharray: 296;

    stroke-dashoffset: 296;

    -webkit-animation: curse .6 linear forwards;

    animation: curse .6 linear forwards;

    -webkit-transform: translateX(-269.6) translateY(-145.1);

    transform: translateX(-269.6) translateY(-145.1);

    stroke-miterlimit: 10;

    stroke: aqua;

    fill: none;

}























body [data-aos=bloc-reveal] {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition-duration: 0s;

    transition-duration: 0s;

}



body [data-aos=bloc-reveal] .bloc-reveal-inner {

    position: relative;

    overflow: hidden;

}



body.project-page [data-aos=bloc-reveal] .bloc-reveal-inner {

    overflow: unset;

}



body [data-aos=bloc-reveal] .bloc-reveal-inner:after {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    right: -1.6px;

    right: -1.6px;

    right: -1.6px;

    right: -1.6px;

    right: -1.6px;

    right: -1.6px;

    right: -1.6px;

    right: -.1rem;

    bottom: 0;

    left: 0;

    background-color: #F5F4F2;

    -webkit-animation-duration: 1.15s;

    animation-duration: 1.15s;

    -webkit-transform-origin: right center;

    transform-origin: right center;

    -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

    transform: translateZ(0) scaleY(1) scaleX(0);



}



body [data-aos=bloc-reveal].alter .bloc-reveal-inner:after {





    left: -1.6px;

    left: -1.6px;

    left: -1.6px;

    left: -.1rem;

    right: 0;

    background-color: #F5F4F2;

    -webkit-animation-duration: 1.15s;

    animation-duration: 1.15s;

    -webkit-transform-origin: left center;

    transform-origin: left center;

    -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

    transform: translateZ(0) scaleY(1) scaleX(0);



}





body [data-aos=bloc-reveal] .bloc-reveal-inner > * {

    -webkit-transform: translate3d(-3rem, 0, 0);

    transform: translate3d(-3rem, 0, 0);

    -webkit-transition: .6s ease;

    transition: .6s ease;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"

}



body [data-aos=bloc-reveal].alter .bloc-reveal-inner > * {

    -webkit-transform: translate3d(3rem, 0, 0);

    transform: translate3d(3rem, 0, 0);

}



body [data-aos=bloc-reveal].aos-animate {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-transition-duration: 0s;

    transition-duration: 0s

}



body [data-aos=bloc-reveal].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-name: g;

    animation-name: g;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    -webkit-animation-timing-function: cubic-bezier(.81, .15, .26, .99);

    animation-timing-function: cubic-bezier(.81, .15, .26, .99);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

}



body [data-aos=bloc-reveal].aos-animate.design .bloc-reveal-inner:after {

    -webkit-animation-name: u;

    animation-name: u;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    -webkit-animation-timing-function: cubic-bezier(.81, .15, .26, .99);

    animation-timing-function: cubic-bezier(.81, .15, .26, .99);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

}



body [data-aos=bloc-reveal].aos-animate.passion .bloc-reveal-inner:after {

    -webkit-animation-name: v;

    animation-name: v;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    -webkit-animation-timing-function: cubic-bezier(.81, .15, .26, .99);

    animation-timing-function: cubic-bezier(.81, .15, .26, .99);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

}



body [data-aos=bloc-reveal].aos-animate.dc .bloc-reveal-inner:after {

    -webkit-animation-name: w;

    animation-name: w;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    -webkit-animation-timing-function: cubic-bezier(.81, .15, .26, .99);

    animation-timing-function: cubic-bezier(.81, .15, .26, .99);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

}



body [data-aos=bloc-reveal].aos-animate.rd .bloc-reveal-inner:after {

    -webkit-animation-name: x;

    animation-name: x;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    -webkit-animation-timing-function: cubic-bezier(.81, .15, .26, .99);

    animation-timing-function: cubic-bezier(.81, .15, .26, .99);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

}





body [data-aos=bloc-reveal].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: .575s;

    transition-delay: .575s;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"

}





@-webkit-keyframes g {

    0% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

        transform: translateZ(0) scaleY(1) scaleX(0)

    }



    50% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(1);

        transform: translateZ(0) scaleY(1) scaleX(1)

    }



    to {

        -webkit-transform: translate3d(47%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(47%, 0, 0) scaleY(1) scaleX(1)

    }

}



@keyframes g {

    0% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

        transform: translateZ(0) scaleY(1) scaleX(0);



    }



    50% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(1);

        transform: translateZ(0) scaleY(1) scaleX(1);





    }



    to {

        -webkit-transform: translate3d(47%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(47%, 0, 0) scaleY(1) scaleX(1);





    }

}





@-webkit-keyframes gg {

    0% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

        transform: translateZ(0) scaleY(1) scaleX(0)

    }



    50% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(1);

        transform: translateZ(0) scaleY(1) scaleX(1)

    }



    to {

        -webkit-transform: translate3d(58%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(58%, 0, 0) scaleY(1) scaleX(1)

    }

}



@keyframes gg {

    0% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

        transform: translateZ(0) scaleY(1) scaleX(0);



    }



    50% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(1);

        transform: translateZ(0) scaleY(1) scaleX(1);





    }



    to {

        -webkit-transform: translate3d(58%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(58%, 0, 0) scaleY(1) scaleX(1);





    }

}



@-webkit-keyframes u {

    0% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

        transform: translateZ(0) scaleY(1) scaleX(0)

    }



    50% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(1);

        transform: translateZ(0) scaleY(1) scaleX(1)

    }



    to {

        -webkit-transform: translate3d(55%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(55%, 0, 0) scaleY(1) scaleX(1)

    }

}



@keyframes u {

    0% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

        transform: translateZ(0) scaleY(1) scaleX(0);



    }



    50% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(1);

        transform: translateZ(0) scaleY(1) scaleX(1);





    }



    to {

        -webkit-transform: translate3d(55%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(55%, 0, 0) scaleY(1) scaleX(1);





    }

}



@-webkit-keyframes up {

    0% {

        -webkit-transform: translate3d(60%, 0, 0) scaleY(1) scaleX(0);

        transform: translate3d(60%, 0, 0) scaleY(1) scaleX(0)

    }



    50% {

        -webkit-transform: translate3d(60%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(60%, 0, 0) scaleY(1) scaleX(1)

    }



    to {

        -webkit-transform: translate3d(60%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(60%, 0, 0) scaleY(1) scaleX(1)

    }

}



@keyframes up {

    0% {

        -webkit-transform: translate3d(60%, 0, 0) scaleY(1) scaleX(0);

        transform: translate3d(60%, 0, 0) scaleY(1) scaleX(0);



    }



    50% {

        -webkit-transform: translate3d(60%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(60%, 0, 0) scaleY(1) scaleX(1);





    }



    to {

        -webkit-transform: translate3d(60%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(60%, 0, 0) scaleY(1) scaleX(1);





    }

}



/*Altered keyframe*/







@-webkit-keyframes v {

    0% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

        transform: translateZ(0) scaleY(1) scaleX(0)

    }



    50% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(1);

        transform: translateZ(0) scaleY(1) scaleX(1)

    }



    to {

        -webkit-transform: translate3d(-62.3%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(-62.3%, 0, 0) scaleY(1) scaleX(1)

    }

}



@keyframes v {

    0% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

        transform: translateZ(0) scaleY(1) scaleX(0);



    }



    50% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(1);

        transform: translateZ(0) scaleY(1) scaleX(1);





    }



    to {

        -webkit-transform: translate3d(-62.3%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(-62.3%, 0, 0) scaleY(1) scaleX(1);





    }

}





@-webkit-keyframes vvv {

    0% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

        transform: translateZ(0) scaleY(1) scaleX(0)

    }



    50% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(1);

        transform: translateZ(0) scaleY(1) scaleX(1)

    }



    to {

        -webkit-transform: translate3d(-58.3%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(-58.3%, 0, 0) scaleY(1) scaleX(1)

    }

}



@keyframes vvv {

    0% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

        transform: translateZ(0) scaleY(1) scaleX(0);



    }



    50% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(1);

        transform: translateZ(0) scaleY(1) scaleX(1);





    }



    to {

        -webkit-transform: translate3d(-58.3%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(-58.3%, 0, 0) scaleY(1) scaleX(1);





    }

}



@-webkit-keyframes w {

    0% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

        transform: translateZ(0) scaleY(1) scaleX(0)

    }



    50% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(1);

        transform: translateZ(0) scaleY(1) scaleX(1)

    }



    to {

        -webkit-transform: translate3d(-62.3%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(-62.3%, 0, 0) scaleY(1) scaleX(1)

    }

}



@keyframes w {

    0% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

        transform: translateZ(0) scaleY(1) scaleX(0);



    }



    50% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(1);

        transform: translateZ(0) scaleY(1) scaleX(1);





    }



    to {

        -webkit-transform: translate3d(-62.3%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(-62.3%, 0, 0) scaleY(1) scaleX(1);





    }

}



@-webkit-keyframes x {

    0% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

        transform: translateZ(0) scaleY(1) scaleX(0)

    }



    50% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(1);

        transform: translateZ(0) scaleY(1) scaleX(1)

    }



    to {

        -webkit-transform: translate3d(-42.3%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(-42.3%, 0, 0) scaleY(1) scaleX(1)

    }

}



@keyframes x {

    0% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(0);

        transform: translateZ(0) scaleY(1) scaleX(0);



    }



    50% {

        -webkit-transform: translateZ(0) scaleY(1) scaleX(1);

        transform: translateZ(0) scaleY(1) scaleX(1);





    }



    to {

        -webkit-transform: translate3d(-42.3%, 0, 0) scaleY(1) scaleX(1);

        transform: translate3d(-42.3%, 0, 0) scaleY(1) scaleX(1);





    }

}



.custom-btn.second-btn {

    border: none;

    position: relative;

    padding-left: 0 !important;

    text-align: left !important;

    min-width: auto;

    margin-right: 0 !important;

    padding-right: 0 !important;

    width: auto !important;

}



.btn-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



a.btn.custom-btn.second-btn:hover {

    color: #939291 !important;

}



a.btn.custom-btn.second-btn:hover:after {

    background: #939291 !important;

}



a.btn.custom-btn.second-btn:after {

    background: #000000;

    width: 100%;

    height: 1px;

    position: absolute;

    bottom: 10px;

    left: 0;

    content: "";

}



body [data-aos=bloc-reveal][data-aos-delay="50"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 50ms;

    animation-delay: 50ms

}



body [data-aos=bloc-reveal][data-aos-delay="50"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 625ms;

    transition-delay: 625ms

}



body [data-aos=bloc-reveal][data-aos-delay="100"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .1s;

    animation-delay: .1s

}



body [data-aos=bloc-reveal][data-aos-delay="100"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 675ms;

    transition-delay: 675ms

}



body [data-aos=bloc-reveal][data-aos-delay="150"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .15s;

    animation-delay: .15s

}



body [data-aos=bloc-reveal][data-aos-delay="150"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 725ms;

    transition-delay: 725ms

}



body [data-aos=bloc-reveal][data-aos-delay="200"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .2s;

    animation-delay: .2s

}



body [data-aos=bloc-reveal][data-aos-delay="200"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 775ms;

    transition-delay: 775ms

}



body [data-aos=bloc-reveal][data-aos-delay="250"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .25s;

    animation-delay: .25s

}



body [data-aos=bloc-reveal][data-aos-delay="250"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 825ms;

    transition-delay: 825ms

}



body [data-aos=bloc-reveal][data-aos-delay="300"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .3s;

    animation-delay: .3s

}



body [data-aos=bloc-reveal][data-aos-delay="300"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 875ms;

    transition-delay: 875ms

}



body [data-aos=bloc-reveal][data-aos-delay="350"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .35s;

    animation-delay: .35s

}



body [data-aos=bloc-reveal][data-aos-delay="350"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 925ms;

    transition-delay: 925ms

}



body [data-aos=bloc-reveal][data-aos-delay="400"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .4s;

    animation-delay: .4s

}



body [data-aos=bloc-reveal][data-aos-delay="400"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 975ms;

    transition-delay: 975ms

}



body [data-aos=bloc-reveal][data-aos-delay="450"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .45s;

    animation-delay: .45s

}



body [data-aos=bloc-reveal][data-aos-delay="450"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1025ms;

    transition-delay: 1025ms

}



body [data-aos=bloc-reveal][data-aos-delay="500"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .5s;

    animation-delay: .5s

}



body [data-aos=bloc-reveal][data-aos-delay="500"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1075ms;

    transition-delay: 1075ms

}



body [data-aos=bloc-reveal][data-aos-delay="550"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .55s;

    animation-delay: .55s

}



body [data-aos=bloc-reveal][data-aos-delay="550"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1125ms;

    transition-delay: 1125ms

}



body [data-aos=bloc-reveal][data-aos-delay="600"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .6s;

    animation-delay: .6s

}



body [data-aos=bloc-reveal][data-aos-delay="600"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1175ms;

    transition-delay: 1175ms

}



body [data-aos=bloc-reveal][data-aos-delay="650"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .65s;

    animation-delay: .65s

}



body [data-aos=bloc-reveal][data-aos-delay="650"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1225ms;

    transition-delay: 1225ms

}



body [data-aos=bloc-reveal][data-aos-delay="700"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .7s;

    animation-delay: .7s

}



body [data-aos=bloc-reveal][data-aos-delay="700"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1275ms;

    transition-delay: 1275ms

}



body [data-aos=bloc-reveal][data-aos-delay="750"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .75s;

    animation-delay: .75s

}



body [data-aos=bloc-reveal][data-aos-delay="750"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1325ms;

    transition-delay: 1325ms

}



body [data-aos=bloc-reveal][data-aos-delay="800"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .8s;

    animation-delay: .8s

}



body [data-aos=bloc-reveal][data-aos-delay="800"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1375ms;

    transition-delay: 1375ms

}



body [data-aos=bloc-reveal][data-aos-delay="850"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .85s;

    animation-delay: .85s

}



body [data-aos=bloc-reveal][data-aos-delay="850"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1425ms;

    transition-delay: 1425ms

}



body [data-aos=bloc-reveal][data-aos-delay="900"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .9s;

    animation-delay: .9s

}



body [data-aos=bloc-reveal][data-aos-delay="900"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1475ms;

    transition-delay: 1475ms

}



body [data-aos=bloc-reveal][data-aos-delay="950"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: .95s;

    animation-delay: .95s

}



body [data-aos=bloc-reveal][data-aos-delay="950"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1525ms;

    transition-delay: 1525ms

}



body [data-aos=bloc-reveal][data-aos-delay="1000"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1s;

    animation-delay: 1s

}



body [data-aos=bloc-reveal][data-aos-delay="1000"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1575ms;

    transition-delay: 1575ms

}



body [data-aos=bloc-reveal][data-aos-delay="1050"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.05s;

    animation-delay: 1.05s

}



body [data-aos=bloc-reveal][data-aos-delay="1050"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1625ms;

    transition-delay: 1625ms

}



body [data-aos=bloc-reveal][data-aos-delay="1100"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.1s;

    animation-delay: 1.1s

}



body [data-aos=bloc-reveal][data-aos-delay="1100"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1675ms;

    transition-delay: 1675ms

}



body [data-aos=bloc-reveal][data-aos-delay="1150"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.15s;

    animation-delay: 1.15s

}



body [data-aos=bloc-reveal][data-aos-delay="1150"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1725ms;

    transition-delay: 1725ms

}



body [data-aos=bloc-reveal][data-aos-delay="1200"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.2s;

    animation-delay: 1.2s

}



body [data-aos=bloc-reveal][data-aos-delay="1200"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1775ms;

    transition-delay: 1775ms

}



body [data-aos=bloc-reveal][data-aos-delay="1250"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.25s;

    animation-delay: 1.25s

}



body [data-aos=bloc-reveal][data-aos-delay="1250"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1825ms;

    transition-delay: 1825ms

}



body [data-aos=bloc-reveal][data-aos-delay="1300"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.3s;

    animation-delay: 1.3s

}



body [data-aos=bloc-reveal][data-aos-delay="1300"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1875ms;

    transition-delay: 1875ms

}



body [data-aos=bloc-reveal][data-aos-delay="1350"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.35s;

    animation-delay: 1.35s

}



body [data-aos=bloc-reveal][data-aos-delay="1350"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1925ms;

    transition-delay: 1925ms

}



body [data-aos=bloc-reveal][data-aos-delay="1400"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.4s;

    animation-delay: 1.4s

}



body [data-aos=bloc-reveal][data-aos-delay="1400"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 1975ms;

    transition-delay: 1975ms

}



body [data-aos=bloc-reveal][data-aos-delay="1450"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.45s;

    animation-delay: 1.45s

}



body [data-aos=bloc-reveal][data-aos-delay="1450"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2025ms;

    transition-delay: 2025ms

}



body [data-aos=bloc-reveal][data-aos-delay="1500"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.5s;

    animation-delay: 1.5s

}



body [data-aos=bloc-reveal][data-aos-delay="1500"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2075ms;

    transition-delay: 2075ms

}



body [data-aos=bloc-reveal][data-aos-delay="1550"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.55s;

    animation-delay: 1.55s

}



body [data-aos=bloc-reveal][data-aos-delay="1550"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2125ms;

    transition-delay: 2125ms

}



body [data-aos=bloc-reveal][data-aos-delay="1600"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.6s;

    animation-delay: 1.6s

}



body [data-aos=bloc-reveal][data-aos-delay="1600"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2175ms;

    transition-delay: 2175ms

}



body [data-aos=bloc-reveal][data-aos-delay="1650"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.65s;

    animation-delay: 1.65s

}



body [data-aos=bloc-reveal][data-aos-delay="1650"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2225ms;

    transition-delay: 2225ms

}



body [data-aos=bloc-reveal][data-aos-delay="1700"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.7s;

    animation-delay: 1.7s

}



body [data-aos=bloc-reveal][data-aos-delay="1700"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2275ms;

    transition-delay: 2275ms

}



body [data-aos=bloc-reveal][data-aos-delay="1750"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.75s;

    animation-delay: 1.75s

}



body [data-aos=bloc-reveal][data-aos-delay="1750"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2325ms;

    transition-delay: 2325ms

}



body [data-aos=bloc-reveal][data-aos-delay="1800"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.8s;

    animation-delay: 1.8s

}



body [data-aos=bloc-reveal][data-aos-delay="1800"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2375ms;

    transition-delay: 2375ms

}



body [data-aos=bloc-reveal][data-aos-delay="1850"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.85s;

    animation-delay: 1.85s

}



body [data-aos=bloc-reveal][data-aos-delay="1850"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2425ms;

    transition-delay: 2425ms

}



body [data-aos=bloc-reveal][data-aos-delay="1900"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.9s;

    animation-delay: 1.9s

}



body [data-aos=bloc-reveal][data-aos-delay="1900"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2475ms;

    transition-delay: 2475ms

}



body [data-aos=bloc-reveal][data-aos-delay="1950"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 1.95s;

    animation-delay: 1.95s

}



body [data-aos=bloc-reveal][data-aos-delay="1950"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2525ms;

    transition-delay: 2525ms

}



body [data-aos=bloc-reveal][data-aos-delay="2000"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2s;

    animation-delay: 2s

}



body [data-aos=bloc-reveal][data-aos-delay="2000"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2575ms;

    transition-delay: 2575ms

}



body [data-aos=bloc-reveal][data-aos-delay="2050"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.05s;

    animation-delay: 2.05s

}



body [data-aos=bloc-reveal][data-aos-delay="2050"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2625ms;

    transition-delay: 2625ms

}



body [data-aos=bloc-reveal][data-aos-delay="2100"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.1s;

    animation-delay: 2.1s

}



body [data-aos=bloc-reveal][data-aos-delay="2100"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2675ms;

    transition-delay: 2675ms

}



body [data-aos=bloc-reveal][data-aos-delay="2150"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.15s;

    animation-delay: 2.15s

}



body [data-aos=bloc-reveal][data-aos-delay="2150"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2725ms;

    transition-delay: 2725ms

}



body [data-aos=bloc-reveal][data-aos-delay="2200"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.2s;

    animation-delay: 2.2s

}



body [data-aos=bloc-reveal][data-aos-delay="2200"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2775ms;

    transition-delay: 2775ms

}



body [data-aos=bloc-reveal][data-aos-delay="2250"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.25s;

    animation-delay: 2.25s

}



body [data-aos=bloc-reveal][data-aos-delay="2250"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2825ms;

    transition-delay: 2825ms

}



body [data-aos=bloc-reveal][data-aos-delay="2300"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.3s;

    animation-delay: 2.3s

}



body [data-aos=bloc-reveal][data-aos-delay="2300"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2875ms;

    transition-delay: 2875ms

}



body [data-aos=bloc-reveal][data-aos-delay="2350"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.35s;

    animation-delay: 2.35s

}



body [data-aos=bloc-reveal][data-aos-delay="2350"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2925ms;

    transition-delay: 2925ms

}



body [data-aos=bloc-reveal][data-aos-delay="2400"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.4s;

    animation-delay: 2.4s

}



body [data-aos=bloc-reveal][data-aos-delay="2400"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 2975ms;

    transition-delay: 2975ms

}



body [data-aos=bloc-reveal][data-aos-delay="2450"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.45s;

    animation-delay: 2.45s

}



body [data-aos=bloc-reveal][data-aos-delay="2450"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 3025ms;

    transition-delay: 3025ms

}



body [data-aos=bloc-reveal][data-aos-delay="2500"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.5s;

    animation-delay: 2.5s

}



body [data-aos=bloc-reveal][data-aos-delay="2500"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 3075ms;

    transition-delay: 3075ms

}



body [data-aos=bloc-reveal][data-aos-delay="2550"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.55s;

    animation-delay: 2.55s

}



body [data-aos=bloc-reveal][data-aos-delay="2550"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 3125ms;

    transition-delay: 3125ms

}



body [data-aos=bloc-reveal][data-aos-delay="2600"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.6s;

    animation-delay: 2.6s

}



body [data-aos=bloc-reveal][data-aos-delay="2600"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 3175ms;

    transition-delay: 3175ms

}



body [data-aos=bloc-reveal][data-aos-delay="2650"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.65s;

    animation-delay: 2.65s

}



body [data-aos=bloc-reveal][data-aos-delay="2650"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 3225ms;

    transition-delay: 3225ms

}



body [data-aos=bloc-reveal][data-aos-delay="2700"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.7s;

    animation-delay: 2.7s

}



body [data-aos=bloc-reveal][data-aos-delay="2700"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 3275ms;

    transition-delay: 3275ms

}



body [data-aos=bloc-reveal][data-aos-delay="2750"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.75s;

    animation-delay: 2.75s

}



body [data-aos=bloc-reveal][data-aos-delay="2750"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 3325ms;

    transition-delay: 3325ms

}



body [data-aos=bloc-reveal][data-aos-delay="2800"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.8s;

    animation-delay: 2.8s

}



body [data-aos=bloc-reveal][data-aos-delay="2800"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 3375ms;

    transition-delay: 3375ms

}



body [data-aos=bloc-reveal][data-aos-delay="2850"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.85s;

    animation-delay: 2.85s

}



body [data-aos=bloc-reveal][data-aos-delay="2850"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 3425ms;

    transition-delay: 3425ms

}



body [data-aos=bloc-reveal][data-aos-delay="2900"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.9s;

    animation-delay: 2.9s

}



body [data-aos=bloc-reveal][data-aos-delay="2900"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 3475ms;

    transition-delay: 3475ms

}



body [data-aos=bloc-reveal][data-aos-delay="2950"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 2.95s;

    animation-delay: 2.95s

}



body [data-aos=bloc-reveal][data-aos-delay="2950"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 3525ms;

    transition-delay: 3525ms

}



body [data-aos=bloc-reveal][data-aos-delay="3000"].aos-animate .bloc-reveal-inner:after {

    -webkit-animation-delay: 3s;

    animation-delay: 3s

}



body [data-aos=bloc-reveal][data-aos-delay="3000"].aos-animate .bloc-reveal-inner > * {

    -webkit-transition-delay: 3575ms;

    transition-delay: 3575ms

}















[data-aos][data-aos][data-aos-duration="50"],

body[data-aos-duration="50"] [data-aos] {

    -webkit-transition-duration: 50ms;

    transition-duration: 50ms

}



[data-aos][data-aos][data-aos-delay="50"],

body[data-aos-delay="50"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="50"].aos-animate,

body[data-aos-delay="50"] [data-aos].aos-animate {

    -webkit-transition-delay: 50ms;

    transition-delay: 50ms

}



[data-aos][data-aos][data-aos-duration="100"],

body[data-aos-duration="100"] [data-aos] {

    -webkit-transition-duration: .1s;

    transition-duration: .1s

}



[data-aos][data-aos][data-aos-delay="100"],

body[data-aos-delay="100"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="100"].aos-animate,

body[data-aos-delay="100"] [data-aos].aos-animate {

    -webkit-transition-delay: .1s;

    transition-delay: .1s

}



[data-aos][data-aos][data-aos-duration="150"],

body[data-aos-duration="150"] [data-aos] {

    -webkit-transition-duration: .15s;

    transition-duration: .15s

}



[data-aos][data-aos][data-aos-delay="150"],

body[data-aos-delay="150"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="150"].aos-animate,

body[data-aos-delay="150"] [data-aos].aos-animate {

    -webkit-transition-delay: .15s;

    transition-delay: .15s

}



[data-aos][data-aos][data-aos-duration="200"],

body[data-aos-duration="200"] [data-aos] {

    -webkit-transition-duration: .2s;

    transition-duration: .2s

}



[data-aos][data-aos][data-aos-delay="200"],

body[data-aos-delay="200"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="200"].aos-animate,

body[data-aos-delay="200"] [data-aos].aos-animate {

    -webkit-transition-delay: .2s;

    transition-delay: .2s

}



[data-aos][data-aos][data-aos-duration="250"],

body[data-aos-duration="250"] [data-aos] {

    -webkit-transition-duration: .25s;

    transition-duration: .25s

}



[data-aos][data-aos][data-aos-delay="250"],

body[data-aos-delay="250"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="250"].aos-animate,

body[data-aos-delay="250"] [data-aos].aos-animate {

    -webkit-transition-delay: .25s;

    transition-delay: .25s

}



[data-aos][data-aos][data-aos-duration="300"],

body[data-aos-duration="300"] [data-aos] {

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



[data-aos][data-aos][data-aos-delay="300"],

body[data-aos-delay="300"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="300"].aos-animate,

body[data-aos-delay="300"] [data-aos].aos-animate {

    -webkit-transition-delay: .3s;

    transition-delay: .3s

}



[data-aos][data-aos][data-aos-duration="350"],

body[data-aos-duration="350"] [data-aos] {

    -webkit-transition-duration: .35s;

    transition-duration: .35s

}



[data-aos][data-aos][data-aos-delay="350"],

body[data-aos-delay="350"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="350"].aos-animate,

body[data-aos-delay="350"] [data-aos].aos-animate {

    -webkit-transition-delay: .35s;

    transition-delay: .35s

}



[data-aos][data-aos][data-aos-duration="400"],

body[data-aos-duration="400"] [data-aos] {

    -webkit-transition-duration: .4s;

    transition-duration: .4s

}



[data-aos][data-aos][data-aos-delay="400"],

body[data-aos-delay="400"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="400"].aos-animate,

body[data-aos-delay="400"] [data-aos].aos-animate {

    -webkit-transition-delay: .4s;

    transition-delay: .4s

}



[data-aos][data-aos][data-aos-duration="450"],

body[data-aos-duration="450"] [data-aos] {

    -webkit-transition-duration: .45s;

    transition-duration: .45s

}



[data-aos][data-aos][data-aos-delay="450"],

body[data-aos-delay="450"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="450"].aos-animate,

body[data-aos-delay="450"] [data-aos].aos-animate {

    -webkit-transition-delay: .45s;

    transition-delay: .45s

}



[data-aos][data-aos][data-aos-duration="500"],

body[data-aos-duration="500"] [data-aos] {

    -webkit-transition-duration: .5s;

    transition-duration: .5s

}



[data-aos][data-aos][data-aos-delay="500"],

body[data-aos-delay="500"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="500"].aos-animate,

body[data-aos-delay="500"] [data-aos].aos-animate {

    -webkit-transition-delay: .5s;

    transition-delay: .5s

}



[data-aos][data-aos][data-aos-duration="550"],

body[data-aos-duration="550"] [data-aos] {

    -webkit-transition-duration: .55s;

    transition-duration: .55s

}



[data-aos][data-aos][data-aos-delay="550"],

body[data-aos-delay="550"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="550"].aos-animate,

body[data-aos-delay="550"] [data-aos].aos-animate {

    -webkit-transition-delay: .55s;

    transition-delay: .55s

}



[data-aos][data-aos][data-aos-duration="600"],

body[data-aos-duration="600"] [data-aos] {

    -webkit-transition-duration: .6s;

    transition-duration: .6s

}



[data-aos][data-aos][data-aos-delay="600"],

body[data-aos-delay="600"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="600"].aos-animate,

body[data-aos-delay="600"] [data-aos].aos-animate {

    -webkit-transition-delay: .6s;

    transition-delay: .6s

}



[data-aos][data-aos][data-aos-duration="650"],

body[data-aos-duration="650"] [data-aos] {

    -webkit-transition-duration: .65s;

    transition-duration: .65s

}



[data-aos][data-aos][data-aos-delay="650"],

body[data-aos-delay="650"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="650"].aos-animate,

body[data-aos-delay="650"] [data-aos].aos-animate {

    -webkit-transition-delay: .65s;

    transition-delay: .65s

}



[data-aos][data-aos][data-aos-duration="700"],

body[data-aos-duration="700"] [data-aos] {

    -webkit-transition-duration: .7s;

    transition-duration: .7s

}



[data-aos][data-aos][data-aos-delay="700"],

body[data-aos-delay="700"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="700"].aos-animate,

body[data-aos-delay="700"] [data-aos].aos-animate {

    -webkit-transition-delay: .7s;

    transition-delay: .7s

}



[data-aos][data-aos][data-aos-duration="750"],

body[data-aos-duration="750"] [data-aos] {

    -webkit-transition-duration: .75s;

    transition-duration: .75s

}



[data-aos][data-aos][data-aos-delay="750"],

body[data-aos-delay="750"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="750"].aos-animate,

body[data-aos-delay="750"] [data-aos].aos-animate {

    -webkit-transition-delay: .75s;

    transition-delay: .75s

}



[data-aos][data-aos][data-aos-duration="800"],

body[data-aos-duration="800"] [data-aos] {

    -webkit-transition-duration: .8s;

    transition-duration: .8s

}



[data-aos][data-aos][data-aos-delay="800"],

body[data-aos-delay="800"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="800"].aos-animate,

body[data-aos-delay="800"] [data-aos].aos-animate {

    -webkit-transition-delay: .8s;

    transition-delay: .8s

}



[data-aos][data-aos][data-aos-duration="850"],

body[data-aos-duration="850"] [data-aos] {

    -webkit-transition-duration: .85s;

    transition-duration: .85s

}



[data-aos][data-aos][data-aos-delay="850"],

body[data-aos-delay="850"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="850"].aos-animate,

body[data-aos-delay="850"] [data-aos].aos-animate {

    -webkit-transition-delay: .85s;

    transition-delay: .85s

}



[data-aos][data-aos][data-aos-duration="900"],

body[data-aos-duration="900"] [data-aos] {

    -webkit-transition-duration: .9s;

    transition-duration: .9s

}



[data-aos][data-aos][data-aos-delay="900"],

body[data-aos-delay="900"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="900"].aos-animate,

body[data-aos-delay="900"] [data-aos].aos-animate {

    -webkit-transition-delay: .9s;

    transition-delay: .9s

}



[data-aos][data-aos][data-aos-duration="950"],

body[data-aos-duration="950"] [data-aos] {

    -webkit-transition-duration: .95s;

    transition-duration: .95s

}



[data-aos][data-aos][data-aos-delay="950"],

body[data-aos-delay="950"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="950"].aos-animate,

body[data-aos-delay="950"] [data-aos].aos-animate {

    -webkit-transition-delay: .95s;

    transition-delay: .95s

}



[data-aos][data-aos][data-aos-duration="1000"],

body[data-aos-duration="1000"] [data-aos] {

    -webkit-transition-duration: 1s;

    transition-duration: 1s

}



[data-aos][data-aos][data-aos-delay="1000"],

body[data-aos-delay="1000"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1000"].aos-animate,

body[data-aos-delay="1000"] [data-aos].aos-animate {

    -webkit-transition-delay: 1s;

    transition-delay: 1s

}



[data-aos][data-aos][data-aos-duration="1050"],

body[data-aos-duration="1050"] [data-aos] {

    -webkit-transition-duration: 1.05s;

    transition-duration: 1.05s

}



[data-aos][data-aos][data-aos-delay="1050"],

body[data-aos-delay="1050"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1050"].aos-animate,

body[data-aos-delay="1050"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.05s;

    transition-delay: 1.05s

}



[data-aos][data-aos][data-aos-duration="1100"],

body[data-aos-duration="1100"] [data-aos] {

    -webkit-transition-duration: 1.1s;

    transition-duration: 1.1s

}



[data-aos][data-aos][data-aos-delay="1100"],

body[data-aos-delay="1100"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1100"].aos-animate,

body[data-aos-delay="1100"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.1s;

    transition-delay: 1.1s

}



[data-aos][data-aos][data-aos-duration="1150"],

body[data-aos-duration="1150"] [data-aos] {

    -webkit-transition-duration: 1.15s;

    transition-duration: 1.15s

}



[data-aos][data-aos][data-aos-delay="1150"],

body[data-aos-delay="1150"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1150"].aos-animate,

body[data-aos-delay="1150"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.15s;

    transition-delay: 1.15s

}



[data-aos][data-aos][data-aos-duration="1200"],

body[data-aos-duration="1200"] [data-aos] {

    -webkit-transition-duration: 1.2s;

    transition-duration: 1.2s

}



[data-aos][data-aos][data-aos-delay="1200"],

body[data-aos-delay="1200"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1200"].aos-animate,

body[data-aos-delay="1200"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.2s;

    transition-delay: 1.2s

}



[data-aos][data-aos][data-aos-duration="1250"],

body[data-aos-duration="1250"] [data-aos] {

    -webkit-transition-duration: 1.25s;

    transition-duration: 1.25s

}



[data-aos][data-aos][data-aos-delay="1250"],

body[data-aos-delay="1250"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1250"].aos-animate,

body[data-aos-delay="1250"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.25s;

    transition-delay: 1.25s

}



[data-aos][data-aos][data-aos-duration="1300"],

body[data-aos-duration="1300"] [data-aos] {

    -webkit-transition-duration: 1.3s;

    transition-duration: 1.3s

}



[data-aos][data-aos][data-aos-delay="1300"],

body[data-aos-delay="1300"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1300"].aos-animate,

body[data-aos-delay="1300"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.3s;

    transition-delay: 1.3s

}



[data-aos][data-aos][data-aos-duration="1350"],

body[data-aos-duration="1350"] [data-aos] {

    -webkit-transition-duration: 1.35s;

    transition-duration: 1.35s

}



[data-aos][data-aos][data-aos-delay="1350"],

body[data-aos-delay="1350"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1350"].aos-animate,

body[data-aos-delay="1350"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.35s;

    transition-delay: 1.35s

}



[data-aos][data-aos][data-aos-duration="1400"],

body[data-aos-duration="1400"] [data-aos] {

    -webkit-transition-duration: 1.4s;

    transition-duration: 1.4s

}



[data-aos][data-aos][data-aos-delay="1400"],

body[data-aos-delay="1400"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1400"].aos-animate,

body[data-aos-delay="1400"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.4s;

    transition-delay: 1.4s

}



[data-aos][data-aos][data-aos-duration="1450"],

body[data-aos-duration="1450"] [data-aos] {

    -webkit-transition-duration: 1.45s;

    transition-duration: 1.45s

}



[data-aos][data-aos][data-aos-delay="1450"],

body[data-aos-delay="1450"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1450"].aos-animate,

body[data-aos-delay="1450"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.45s;

    transition-delay: 1.45s

}



[data-aos][data-aos][data-aos-duration="1500"],

body[data-aos-duration="1500"] [data-aos] {

    -webkit-transition-duration: 1.5s;

    transition-duration: 1.5s

}



[data-aos][data-aos][data-aos-delay="1500"],

body[data-aos-delay="1500"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1500"].aos-animate,

body[data-aos-delay="1500"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.5s;

    transition-delay: 1.5s

}



[data-aos][data-aos][data-aos-duration="1550"],

body[data-aos-duration="1550"] [data-aos] {

    -webkit-transition-duration: 1.55s;

    transition-duration: 1.55s

}



[data-aos][data-aos][data-aos-delay="1550"],

body[data-aos-delay="1550"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1550"].aos-animate,

body[data-aos-delay="1550"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.55s;

    transition-delay: 1.55s

}



[data-aos][data-aos][data-aos-duration="1600"],

body[data-aos-duration="1600"] [data-aos] {

    -webkit-transition-duration: 1.6s;

    transition-duration: 1.6s

}



[data-aos][data-aos][data-aos-delay="1600"],

body[data-aos-delay="1600"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1600"].aos-animate,

body[data-aos-delay="1600"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.6s;

    transition-delay: 1.6s

}



[data-aos][data-aos][data-aos-duration="1650"],

body[data-aos-duration="1650"] [data-aos] {

    -webkit-transition-duration: 1.65s;

    transition-duration: 1.65s

}



[data-aos][data-aos][data-aos-delay="1650"],

body[data-aos-delay="1650"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1650"].aos-animate,

body[data-aos-delay="1650"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.65s;

    transition-delay: 1.65s

}



[data-aos][data-aos][data-aos-duration="1700"],

body[data-aos-duration="1700"] [data-aos] {

    -webkit-transition-duration: 1.7s;

    transition-duration: 1.7s

}



[data-aos][data-aos][data-aos-delay="1700"],

body[data-aos-delay="1700"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1700"].aos-animate,

body[data-aos-delay="1700"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.7s;

    transition-delay: 1.7s

}



[data-aos][data-aos][data-aos-duration="1750"],

body[data-aos-duration="1750"] [data-aos] {

    -webkit-transition-duration: 1.75s;

    transition-duration: 1.75s

}



[data-aos][data-aos][data-aos-delay="1750"],

body[data-aos-delay="1750"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1750"].aos-animate,

body[data-aos-delay="1750"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.75s;

    transition-delay: 1.75s

}



[data-aos][data-aos][data-aos-duration="1800"],

body[data-aos-duration="1800"] [data-aos] {

    -webkit-transition-duration: 1.8s;

    transition-duration: 1.8s

}



[data-aos][data-aos][data-aos-delay="1800"],

body[data-aos-delay="1800"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1800"].aos-animate,

body[data-aos-delay="1800"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.8s;

    transition-delay: 1.8s

}



[data-aos][data-aos][data-aos-duration="1850"],

body[data-aos-duration="1850"] [data-aos] {

    -webkit-transition-duration: 1.85s;

    transition-duration: 1.85s

}



[data-aos][data-aos][data-aos-delay="1850"],

body[data-aos-delay="1850"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1850"].aos-animate,

body[data-aos-delay="1850"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.85s;

    transition-delay: 1.85s

}



[data-aos][data-aos][data-aos-duration="1900"],

body[data-aos-duration="1900"] [data-aos] {

    -webkit-transition-duration: 1.9s;

    transition-duration: 1.9s

}



[data-aos][data-aos][data-aos-delay="1900"],

body[data-aos-delay="1900"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1900"].aos-animate,

body[data-aos-delay="1900"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.9s;

    transition-delay: 1.9s

}



[data-aos][data-aos][data-aos-duration="1950"],

body[data-aos-duration="1950"] [data-aos] {

    -webkit-transition-duration: 1.95s;

    transition-duration: 1.95s

}



[data-aos][data-aos][data-aos-delay="1950"],

body[data-aos-delay="1950"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="1950"].aos-animate,

body[data-aos-delay="1950"] [data-aos].aos-animate {

    -webkit-transition-delay: 1.95s;

    transition-delay: 1.95s

}



[data-aos][data-aos][data-aos-duration="2000"],

body[data-aos-duration="2000"] [data-aos] {

    -webkit-transition-duration: 2s;

    transition-duration: 2s

}



[data-aos][data-aos][data-aos-delay="2000"],

body[data-aos-delay="2000"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2000"].aos-animate,

body[data-aos-delay="2000"] [data-aos].aos-animate {

    -webkit-transition-delay: 2s;

    transition-delay: 2s

}



[data-aos][data-aos][data-aos-duration="2050"],

body[data-aos-duration="2050"] [data-aos] {

    -webkit-transition-duration: 2.05s;

    transition-duration: 2.05s

}



[data-aos][data-aos][data-aos-delay="2050"],

body[data-aos-delay="2050"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2050"].aos-animate,

body[data-aos-delay="2050"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.05s;

    transition-delay: 2.05s

}



[data-aos][data-aos][data-aos-duration="2100"],

body[data-aos-duration="2100"] [data-aos] {

    -webkit-transition-duration: 2.1s;

    transition-duration: 2.1s

}



[data-aos][data-aos][data-aos-delay="2100"],

body[data-aos-delay="2100"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2100"].aos-animate,

body[data-aos-delay="2100"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.1s;

    transition-delay: 2.1s

}



[data-aos][data-aos][data-aos-duration="2150"],

body[data-aos-duration="2150"] [data-aos] {

    -webkit-transition-duration: 2.15s;

    transition-duration: 2.15s

}



[data-aos][data-aos][data-aos-delay="2150"],

body[data-aos-delay="2150"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2150"].aos-animate,

body[data-aos-delay="2150"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.15s;

    transition-delay: 2.15s

}



[data-aos][data-aos][data-aos-duration="2200"],

body[data-aos-duration="2200"] [data-aos] {

    -webkit-transition-duration: 2.2s;

    transition-duration: 2.2s

}



[data-aos][data-aos][data-aos-delay="2200"],

body[data-aos-delay="2200"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2200"].aos-animate,

body[data-aos-delay="2200"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.2s;

    transition-delay: 2.2s

}



[data-aos][data-aos][data-aos-duration="2250"],

body[data-aos-duration="2250"] [data-aos] {

    -webkit-transition-duration: 2.25s;

    transition-duration: 2.25s

}



[data-aos][data-aos][data-aos-delay="2250"],

body[data-aos-delay="2250"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2250"].aos-animate,

body[data-aos-delay="2250"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.25s;

    transition-delay: 2.25s

}



[data-aos][data-aos][data-aos-duration="2300"],

body[data-aos-duration="2300"] [data-aos] {

    -webkit-transition-duration: 2.3s;

    transition-duration: 2.3s

}



[data-aos][data-aos][data-aos-delay="2300"],

body[data-aos-delay="2300"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2300"].aos-animate,

body[data-aos-delay="2300"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.3s;

    transition-delay: 2.3s

}



[data-aos][data-aos][data-aos-duration="2350"],

body[data-aos-duration="2350"] [data-aos] {

    -webkit-transition-duration: 2.35s;

    transition-duration: 2.35s

}



[data-aos][data-aos][data-aos-delay="2350"],

body[data-aos-delay="2350"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2350"].aos-animate,

body[data-aos-delay="2350"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.35s;

    transition-delay: 2.35s

}



[data-aos][data-aos][data-aos-duration="2400"],

body[data-aos-duration="2400"] [data-aos] {

    -webkit-transition-duration: 2.4s;

    transition-duration: 2.4s

}



[data-aos][data-aos][data-aos-delay="2400"],

body[data-aos-delay="2400"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2400"].aos-animate,

body[data-aos-delay="2400"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.4s;

    transition-delay: 2.4s

}



[data-aos][data-aos][data-aos-duration="2450"],

body[data-aos-duration="2450"] [data-aos] {

    -webkit-transition-duration: 2.45s;

    transition-duration: 2.45s

}



[data-aos][data-aos][data-aos-delay="2450"],

body[data-aos-delay="2450"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2450"].aos-animate,

body[data-aos-delay="2450"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.45s;

    transition-delay: 2.45s

}



[data-aos][data-aos][data-aos-duration="2500"],

body[data-aos-duration="2500"] [data-aos] {

    -webkit-transition-duration: 2.5s;

    transition-duration: 2.5s

}



[data-aos][data-aos][data-aos-delay="2500"],

body[data-aos-delay="2500"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2500"].aos-animate,

body[data-aos-delay="2500"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.5s;

    transition-delay: 2.5s

}



[data-aos][data-aos][data-aos-duration="2550"],

body[data-aos-duration="2550"] [data-aos] {

    -webkit-transition-duration: 2.55s;

    transition-duration: 2.55s

}



[data-aos][data-aos][data-aos-delay="2550"],

body[data-aos-delay="2550"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2550"].aos-animate,

body[data-aos-delay="2550"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.55s;

    transition-delay: 2.55s

}



[data-aos][data-aos][data-aos-duration="2600"],

body[data-aos-duration="2600"] [data-aos] {

    -webkit-transition-duration: 2.6s;

    transition-duration: 2.6s

}



[data-aos][data-aos][data-aos-delay="2600"],

body[data-aos-delay="2600"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2600"].aos-animate,

body[data-aos-delay="2600"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.6s;

    transition-delay: 2.6s

}



[data-aos][data-aos][data-aos-duration="2650"],

body[data-aos-duration="2650"] [data-aos] {

    -webkit-transition-duration: 2.65s;

    transition-duration: 2.65s

}



[data-aos][data-aos][data-aos-delay="2650"],

body[data-aos-delay="2650"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2650"].aos-animate,

body[data-aos-delay="2650"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.65s;

    transition-delay: 2.65s

}



[data-aos][data-aos][data-aos-duration="2700"],

body[data-aos-duration="2700"] [data-aos] {

    -webkit-transition-duration: 2.7s;

    transition-duration: 2.7s

}



[data-aos][data-aos][data-aos-delay="2700"],

body[data-aos-delay="2700"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2700"].aos-animate,

body[data-aos-delay="2700"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.7s;

    transition-delay: 2.7s

}



[data-aos][data-aos][data-aos-duration="2750"],

body[data-aos-duration="2750"] [data-aos] {

    -webkit-transition-duration: 2.75s;

    transition-duration: 2.75s

}



[data-aos][data-aos][data-aos-delay="2750"],

body[data-aos-delay="2750"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2750"].aos-animate,

body[data-aos-delay="2750"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.75s;

    transition-delay: 2.75s

}



[data-aos][data-aos][data-aos-duration="2800"],

body[data-aos-duration="2800"] [data-aos] {

    -webkit-transition-duration: 2.8s;

    transition-duration: 2.8s

}



[data-aos][data-aos][data-aos-delay="2800"],

body[data-aos-delay="2800"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2800"].aos-animate,

body[data-aos-delay="2800"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.8s;

    transition-delay: 2.8s

}



[data-aos][data-aos][data-aos-duration="2850"],

body[data-aos-duration="2850"] [data-aos] {

    -webkit-transition-duration: 2.85s;

    transition-duration: 2.85s

}



[data-aos][data-aos][data-aos-delay="2850"],

body[data-aos-delay="2850"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2850"].aos-animate,

body[data-aos-delay="2850"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.85s;

    transition-delay: 2.85s

}



[data-aos][data-aos][data-aos-duration="2900"],

body[data-aos-duration="2900"] [data-aos] {

    -webkit-transition-duration: 2.9s;

    transition-duration: 2.9s

}



[data-aos][data-aos][data-aos-delay="2900"],

body[data-aos-delay="2900"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2900"].aos-animate,

body[data-aos-delay="2900"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.9s;

    transition-delay: 2.9s

}



[data-aos][data-aos][data-aos-duration="2950"],

body[data-aos-duration="2950"] [data-aos] {

    -webkit-transition-duration: 2.95s;

    transition-duration: 2.95s

}



[data-aos][data-aos][data-aos-delay="2950"],

body[data-aos-delay="2950"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="2950"].aos-animate,

body[data-aos-delay="2950"] [data-aos].aos-animate {

    -webkit-transition-delay: 2.95s;

    transition-delay: 2.95s

}



[data-aos][data-aos][data-aos-duration="3000"],

body[data-aos-duration="3000"] [data-aos] {

    -webkit-transition-duration: 3s;

    transition-duration: 3s

}



[data-aos][data-aos][data-aos-delay="3000"],

body[data-aos-delay="3000"] [data-aos] {

    -webkit-transition-delay: 0;

    transition-delay: 0

}



[data-aos][data-aos][data-aos-delay="3000"].aos-animate,

body[data-aos-delay="3000"] [data-aos].aos-animate {

    -webkit-transition-delay: 3s;

    transition-delay: 3s

}



[data-aos][data-aos][data-aos-easing=linear],

body[data-aos-easing=linear] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.25, .25, .75, .75);

    transition-timing-function: cubic-bezier(.25, .25, .75, .75)

}



[data-aos][data-aos][data-aos-easing=ease],

body[data-aos-easing=ease] [data-aos] {

    -webkit-transition-timing-function: ease;

    transition-timing-function: ease

}



[data-aos][data-aos][data-aos-easing=ease-in],

body[data-aos-easing=ease-in] [data-aos] {

    -webkit-transition-timing-function: ease-in;

    transition-timing-function: ease-in

}



[data-aos][data-aos][data-aos-easing=ease-out],

body[data-aos-easing=ease-out] [data-aos] {

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



[data-aos][data-aos][data-aos-easing=ease-in-out],

body[data-aos-easing=ease-in-out] [data-aos] {

    -webkit-transition-timing-function: ease-in-out;

    transition-timing-function: ease-in-out

}



[data-aos][data-aos][data-aos-easing=ease-in-back],

body[data-aos-easing=ease-in-back] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.6, -.28, .735, .045);

    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)

}



[data-aos][data-aos][data-aos-easing=ease-out-back],

body[data-aos-easing=ease-out-back] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);

    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)

}



[data-aos][data-aos][data-aos-easing=ease-in-out-back],

body[data-aos-easing=ease-in-out-back] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);

    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)

}



[data-aos][data-aos][data-aos-easing=ease-in-sine],

body[data-aos-easing=ease-in-sine] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.47, 0, .745, .715);

    transition-timing-function: cubic-bezier(.47, 0, .745, .715)

}



[data-aos][data-aos][data-aos-easing=ease-out-sine],

body[data-aos-easing=ease-out-sine] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.39, .575, .565, 1);

    transition-timing-function: cubic-bezier(.39, .575, .565, 1)

}



[data-aos][data-aos][data-aos-easing=ease-in-out-sine],

body[data-aos-easing=ease-in-out-sine] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.445, .05, .55, .95);

    transition-timing-function: cubic-bezier(.445, .05, .55, .95)

}



[data-aos][data-aos][data-aos-easing=ease-in-quad],

body[data-aos-easing=ease-in-quad] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);

    transition-timing-function: cubic-bezier(.55, .085, .68, .53)

}



[data-aos][data-aos][data-aos-easing=ease-out-quad],

body[data-aos-easing=ease-out-quad] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);

    transition-timing-function: cubic-bezier(.25, .46, .45, .94)

}



[data-aos][data-aos][data-aos-easing=ease-in-out-quad],

body[data-aos-easing=ease-in-out-quad] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);

    transition-timing-function: cubic-bezier(.455, .03, .515, .955)

}



[data-aos][data-aos][data-aos-easing=ease-in-cubic],

body[data-aos-easing=ease-in-cubic] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);

    transition-timing-function: cubic-bezier(.55, .085, .68, .53)

}



[data-aos][data-aos][data-aos-easing=ease-out-cubic],

body[data-aos-easing=ease-out-cubic] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);

    transition-timing-function: cubic-bezier(.25, .46, .45, .94)

}



[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],

body[data-aos-easing=ease-in-out-cubic] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);

    transition-timing-function: cubic-bezier(.455, .03, .515, .955)

}



[data-aos][data-aos][data-aos-easing=ease-in-quart],

body[data-aos-easing=ease-in-quart] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.55, .085, .68, .53);

    transition-timing-function: cubic-bezier(.55, .085, .68, .53)

}



[data-aos][data-aos][data-aos-easing=ease-out-quart],

body[data-aos-easing=ease-out-quart] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);

    transition-timing-function: cubic-bezier(.25, .46, .45, .94)

}



[data-aos][data-aos][data-aos-easing=ease-in-out-quart],

body[data-aos-easing=ease-in-out-quart] [data-aos] {

    -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);

    transition-timing-function: cubic-bezier(.455, .03, .515, .955)

}



[data-aos^=fade][data-aos^=fade] {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition-property: opacity, -webkit-transform;

    transition-property: opacity, -webkit-transform;

    transition-property: opacity, transform;

    transition-property: opacity, transform, -webkit-transform

}



[data-aos^=fade][data-aos^=fade].aos-animate {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-transform: translate(0);

    transform: translate(0)

}



[data-aos=fade-up] {

    -webkit-transform: translateY(100px);

    transform: translateY(100px)

}



[data-aos=fade-down] {

    -webkit-transform: translateY(-100px);

    transform: translateY(-100px)

}



[data-aos=fade-right] {

    -webkit-transform: translate(-100px);

    transform: translate(-100px)

}



[data-aos=fade-left] {

    -webkit-transform: translate(100px);

    transform: translate(100px)

}



[data-aos=fade-up-right] {

    -webkit-transform: translate(-100px, 100px);

    transform: translate(-100px, 100px)

}



[data-aos=fade-up-left] {

    -webkit-transform: translate(100px, 100px);

    transform: translate(100px, 100px)

}



[data-aos=fade-down-right] {

    -webkit-transform: translate(-100px, -100px);

    transform: translate(-100px, -100px)

}



[data-aos=fade-down-left] {

    -webkit-transform: translate(100px, -100px);

    transform: translate(100px, -100px)

}



[data-aos^=zoom][data-aos^=zoom] {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition-property: opacity, -webkit-transform;

    transition-property: opacity, -webkit-transform;

    transition-property: opacity, transform;

    transition-property: opacity, transform, -webkit-transform

}



[data-aos^=zoom][data-aos^=zoom].aos-animate {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-transform: translate(0) scale(1);

    transform: translate(0) scale(1)

}



[data-aos=zoom-in] {

    -webkit-transform: scale(.6);

    transform: scale(.6)

}



[data-aos=zoom-in-up] {

    -webkit-transform: translateY(100px) scale(.6);

    transform: translateY(100px) scale(.6)

}



[data-aos=zoom-in-down] {

    -webkit-transform: translateY(-100px) scale(.6);

    transform: translateY(-100px) scale(.6)

}



[data-aos=zoom-in-right] {

    -webkit-transform: translate(-100px) scale(.6);

    transform: translate(-100px) scale(.6)

}



[data-aos=zoom-in-left] {

    -webkit-transform: translate(100px) scale(.6);

    transform: translate(100px) scale(.6)

}



[data-aos=zoom-out] {

    -webkit-transform: scale(1.2);

    transform: scale(1.2)

}



[data-aos=zoom-out-up] {

    -webkit-transform: translateY(100px) scale(1.2);

    transform: translateY(100px) scale(1.2)

}



[data-aos=zoom-out-down] {

    -webkit-transform: translateY(-100px) scale(1.2);

    transform: translateY(-100px) scale(1.2)

}



[data-aos=zoom-out-right] {

    -webkit-transform: translate(-100px) scale(1.2);

    transform: translate(-100px) scale(1.2)

}



[data-aos=zoom-out-left] {

    -webkit-transform: translate(100px) scale(1.2);

    transform: translate(100px) scale(1.2)

}



[data-aos^=slide][data-aos^=slide] {

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform

}



[data-aos^=slide][data-aos^=slide].aos-animate {

    -webkit-transform: translate(0);

    transform: translate(0)

}



[data-aos=slide-up] {

    -webkit-transform: translateY(100%);

    transform: translateY(100%)

}



[data-aos=slide-down] {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%)

}



[data-aos=slide-right] {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%)

}



[data-aos=slide-left] {

    -webkit-transform: translateX(100%);

    transform: translateX(100%)

}



[data-aos^=flip][data-aos^=flip] {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform

}



[data-aos=flip-left] {

    -webkit-transform: perspective(2500px) rotateY(-100deg);

    transform: perspective(2500px) rotateY(-100deg)

}



[data-aos=flip-left].aos-animate {

    -webkit-transform: perspective(2500px) rotateY(0);

    transform: perspective(2500px) rotateY(0)

}



[data-aos=flip-right] {

    -webkit-transform: perspective(2500px) rotateY(100deg);

    transform: perspective(2500px) rotateY(100deg)

}



[data-aos=flip-right].aos-animate {

    -webkit-transform: perspective(2500px) rotateY(0);

    transform: perspective(2500px) rotateY(0)

}



[data-aos=flip-up] {

    -webkit-transform: perspective(2500px) rotateX(-100deg);

    transform: perspective(2500px) rotateX(-100deg)

}



[data-aos=flip-up].aos-animate {

    -webkit-transform: perspective(2500px) rotateX(0);

    transform: perspective(2500px) rotateX(0)

}



[data-aos=flip-down] {

    -webkit-transform: perspective(2500px) rotateX(100deg);

    transform: perspective(2500px) rotateX(100deg)

}



[data-aos=flip-down].aos-animate {

    -webkit-transform: perspective(2500px) rotateX(0);

    transform: perspective(2500px) rotateX(0)

}









.banner-area {

    background: #ffffff;

}



/*

.awards-info-area {

    position: fixed;

    top: 0;

    width: 100%;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

*/





.award-image {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.award-image img:last-child {

    max-height: 13px !important;

    margin-top: 7px;

}



.spacer {

    height: 1115px;

}



.portfolio {



    background: #ffffff;

    position: relative;

}



.portfolio-details-inner a.custom-btn {

    padding: 14px 50px;

}



section.awards-info-area.passed {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

}



.social img {

    max-width: 20px;

}



.social {

    text-align: center;

}



.footer-bottom {

    text-align: center;

    padding: 25px 0px;

    border-top: 1px solid #E5E5E5;

    margin: 0 auto;

    max-width: 610px;

}



.bottom-inner span {

    font-size: 12px;

    color: #000000;

    padding: 0px 5px;

}



.footer-top {

    margin-bottom: 50px;

}



.pne a {

    font-size: 16px;

    display: inline-block;

    font-family: 'Maison Neue', sans-serif;

    width: 100%;

    line-height: 23px;

}



.address p {

    font-size: 16px;

}



.contact-info {

    margin-top: 10px;

}



.address {

    margin-bottom: 26px;

}





.pne a {

    font-size: 26px;

    display: inline-block;

    font-family: 'Maison Neue', sans-serif;

    width: 100%;

    line-height: 35px;

}



.address p {

    font-size: 26px;

    line-height: 35px;

}



.contact-info-nav {

    margin-top: 50px;

    padding-left: 15px;

}



ul.main {

    margin: 0;

}



.contact-info {

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 20px;

    margin-right: 44px;

}



.contact-info-nav {}



.address {

    margin-bottom: 26px;

}





.phone-no,

email-add {

    padding: 0px 70px;

}



.contact-info a {

    font-size: 16px;

}



/* footer {

    z-index: 999;

    position: relative;

} */



/*

.footer-nav-area ul li a:hover {

    font-weight: bold;

    display: inline-block;

}

*/

.footer-nav-area ul li a:after {

    background: #383838;

    position: absolute;

    content: "";

    width: 100%;

    height: 1px;

    bottom: -2px;

    left: 0;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

}



.footer-nav-area ul li a:hover:after {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

}



.contact-info a:hover {

    font-weight: bold;

}



div#main-nav a {

    font-weight: bold;

    font-size: 34px;

}



.service-icon {

    min-height: 100px;

}



.service-single {

    padding: 0px 40px;

}



.service-details {

    padding-top: 50px;

    padding-bottom: 100px;

}





/*Footer css*/

footer {

    padding: 100px 0px;

}



.foter-logo-area img {

    max-width: 505px;

}



.foter-logo-area {

    text-align: center;

    margin-bottom: 50px;

}



.footer-nav-area ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.footer-nav-area ul li {

    padding: 0px 39px;

}



.footer-nav-area ul li a {

    color: #000000;

    text-transform: uppercase;

    font-size: 30px;

    font-weight: 500;

    position: relative;

}



.social img {

    max-width: 11px;

    max-height: 19px;

}



.social {

    text-align: center;

}



.img-smaller {

    height: 70px !important;

    max-width: 260px;

    max-width: 303px !important;

}



.img-smaller2 {

    height: 60px !important;

    max-width: 260px;

    max-width: 303px !important;

}



.footer-nav-area ul li a {}



.footer-nav-area ul li {}



.contact-info a {

    font-size: 30px;

}



.bottom-inner span {

    font-size: 24px;

}









/*About page css*/



/*Design area*/

.design {

    padding-top: 400px;

    padding-bottom: 0px;

}



.design-inner2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;



}



.design-image {

    width: 57%;

    padding-top: 129px;

    padding-right: 200px;

}



.design-details {

    width: 42%;

}



.design-inner {

    max-width: 81.5%;

    margin-left: auto;

    overflow: hidden;



}



.design .section-content {

    padding: 0px 375px 0px 100px;

}



.design .section-title {

    margin-bottom: 40px;

}





/*passion css*/

.passion-inner2,

.dc-inner2,

.project-inner2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: 200px 0px;

}



.rd-inner2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: 140px 0px 100px 0px

}



.passion {

    padding-top: 270px;

    padding-bottom: 0px;

}



.dc {



    padding-top: 250px;

    padding-bottom: 0px;

}



.rd {

    padding-top: 500px;

    padding-bottom: 50px;

}





.passion-image,

.dc-image {

    width: 47.5%;

    position: relative;

}



.rd-image {

    width: 50%;

    position: relative;

    text-align: right;

    padding-right: 4%;

}



.rd-image img {

    max-height: 850px;

    max-width: 600px;

}



.passion-details,

.dc-details {

    width: 52.5%;

    padding-left: 11%;

}



.rd-details {

    width: 50%;

}



.passion-inner,

.dc-inner {

    max-width: 87.80%;

    margin-right: auto;

}



.rd-inner {

    max-width: 90%;

    margin-right: auto;

}



.dc-inner {

    margin-left: 160px;

}



.passion-image.zero-w img,

.dc-image.zero-w img {

    position: absolute;

    right: -7.5%;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.passion .section-content,

.dc .section-content,

.rd .section-content {

    padding-left: 100px;

}











/*process css*/

section.process {

    padding-top: 400px;

    padding-bottom: 0px;

}



.process .section-title {

    margin-bottom: 150px;

}



.process-inner {

    max-width: 2030px;

    margin: 0 auto;

}



.process-box {

    padding-left: 200px;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    text-align: left;

}



.process-single {

    width: 33.33%;

    margin-bottom: 135px;

}



.process-icon img {

    height: 90px;

    max-width: 145px;

}



.process-icon {

    margin-bottom: 35px;

}



.process-name p {

    font-size: 44px;

    font-weight: 500;

}



.process-name {

    margin-bottom: 30px;

}



.process-details {

    padding-right: 60px;

}



.process-details p {

    font-size: 36px;

}



p.spc {

    font-weight: 500;

    text-decoration: underline;

    margin-bottom: 50px;

}



.rd a.btn.custom-btn {

    font-weight: 500;

    text-transform: uppercase;

    color: #ffffff;

}



.rd a.btn.custom-btn:hover {

    color: #383838;

}



.part {

    width: 100%;

    height: 100%;

    position: relative;

    background: transparent;

}







.part-wrapper {

    width: 100%;

    height: 100%;

    background: #F5F4F2;

}



.part > div {

    width: 100%;

    height: 100%;

}



.particle-1 img {

    position: absolute;

    right: 2%;

    top: 9%;

}



.particle-2 img {

    right: 0%;

    top: 51%;

    position: absolute;

}



.particle-3 img {

    position: absolute;

    top: 75%;

    right: 11%;

}



.particle-4 img {

    position: absolute;

    bottom: 170px;

    left: -3%;

}



.about-banner-content,

.project-banner-content {

    max-width: 1900px;

}



.about-banner-content p,

.project-banner-content p {

    font-size: 50px;

    line-height: 70px;

    max-width: 985px;

}



.about-banner-content p.head-text,

.project-banner-content p.head-text {

    font-size: 32px;

    margin-bottom: 40px;

    padding-left: 0;

    letter-spacing: 5px;

}



.btn-box a {

    margin-right: 70px;

    font-weight: 500;

    text-transform: uppercase;

    min-width: 228px;

}



.second-btn {

    background: transparent;

    color: #000000;

}





section.client-area {

    padding: 270px 0px 0px 0px;

}



section.client-area {}



.client-area-inner {

    max-width: 2700px;

    margin: 0 auto;

}



.client-area-content p {

    font-size: 50px;

    line-height: 60px;

    margin-bottom: 230px;

}



.client-area-content {

    max-width: 50%;

    text-align: center;

    margin: 0 auto;

}



.client-area-images img {

    height: 70px;

    max-width: 250px;

}



.passion .section-title {

    margin-bottom: 50px;

}



.dc .section-title {

    margin-bottom: 45px;

}



.rd .section-content > p {

    margin-top: 10px;

    max-width: 700px;

}



.client-area-images ul {

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



#loader .bottomHalf,

#loader .topHalf {

    width: 100%;

    height: 50%;

    background-color: #000;

    position: absolute;

}



#loader {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 99999999;

    background-color: transparent;

    overflow: hidden;

}



#loader .bottomHalf,

#loader .topHalf {

    width: 100%;

    height: 50%;

    background-color: #fff;

    position: absolute;

}



#loader .topHalf {

    top: 0%;



}



#loader .bottomHalf,

#loader .topHalf {

    width: 100%;

    height: 50%;

    background-color: #fff;

    position: absolute;

    -webkit-transition: height 800ms ease-out 0s;

    transition: height 800ms ease-out 0s;

}



#loader .bottomHalf {

    bottom: 0%;



}



.vertical-center {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.vertical-center {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



#loader .loader-img {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



#loader .loader-img {

    height: 70px;

    width: 230px;

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-transition: opacity .5s ease-in-out;

    transition: opacity .5s ease-in-out;

}









/*Contact Page*/

.contact .main-nav-wrapper {

    z-index: 9999999;

}



.contact header {

    z-index: 999999;

}



.contact .hamberger-menu-wrapper {

    z-index: 99999999;

}



.contact .blurred:after {

    z-index: -1;

    -webkit-transition: z-index .5s ease-in-out, opacity .5s ease-in-out;

    transition: z-index .5s ease-in-out, opacity .5s ease-in-out;

}



.opened + .blurred:after {

    filter: alpha(opacity=100);

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    position: fixed;

    -webkit-transition: opacity .5s ease-in-out;

    -webkit-transition: z-index .5s ease-in-out, opacity .5s ease-in-out;

    transition: z-index .5s ease-in-out, opacity .5s ease-in-out;

    z-index: 99999;

}



.contact header.opened {

    position: relative;

}



.contact-info-single img {

    width: 51px;

    max-height: 42px;

    margin-right: 30px;

}



.contact-info-single p {

    font-size: 40px;

    line-height: 60px;

    margin-top: -8px;

}



section.contact-info-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    padding: 200px 30px;

}



.contact-info-single {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    max-width: 660px;

    margin-right: 110px;

}



.info-img {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="tel"],

input[type="number"],

textarea {

    outline: none;

    background: transparent;

    ;

    background-image: none;

    border-top: 0px;

    border-right: 0px;

    border-left: 0px;

    border-bottom: 1px solid #D5D4D3;

    padding: 20px;

    font-size: 20px;

}



.form-area-inner {

    max-width: 2500px;

    margin: 0 auto;



}



.form-area-inner2 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.form-inner-left {

    width: 58%;

    padding: 100px 0px 100px 0px;

    padding-right: 9%;

}



section.contact-wrapper {

    margin-bottom: 200px;

}



.form-inner-left h3 {

    font-size: 70px;

    line-height: 1;

    margin-bottom: 90px;

}



.form-box button {

    padding: 40px 139px;

}



.form-check label {

    font-size: 32px;

    padding-left: 0px;

    cursor: pointer;

    line-height: 1.5;

}



.form-check input[type="checkbox"] {

    width: 40px;

    height: 40px;

    border-radius: 3px;

    border: 1px solid #000;

    background: #ffffff;

    margin: 0;

    top: 0;

    visibility: hidden;

}



.form-check input[type="checkbox"] + label:before {

    border: 1px solid #000;

    content: "\00a0";

    display: inline-block;

    font-size: 34px;

    height: 40px;

    margin: 0;

    padding: 0px;

    vertical-align: top;

    width: 40px;

    font-weight: bold;

    line-height: 45px;

    border-radius: 6px;

    margin-right: 25px;

}



.form-check input[type="checkbox"]:checked + label:before {

    background: #fff;

    color: #333;

    content: "\2713";

    text-align: center;

}



.form-check input[type="checkbox"]:checked + label:after {

    font-weight: bold;

}



.checkbox-area {

    padding-right: 150px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-bottom: 90px;

    margin-top: 90px;

}



.form-check {

    width: 32%;

    margin-bottom: 40px;

}



grammarly-ghost {

    display: none;

}



.form-group label {

    font-size: 40px;

}



.form-box .form-group label {

    font-size: 20px;

    top: -32px;

    position: absolute;

    color: #8f8f8f;

    -webkit-transition: all .2s ease;

    transition: all .2s ease;

    left: 0;

}



input#namefield {}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="number"]:focus,

textarea:focus {

    border: none;

    outline: none;

    box-shadow: none;

    border-bottom: 1px solid #D5D4D3;

}



.form-box .form-group label.as-placeholder {

    font-size: 36px;

    top: 0px;

    cursor: inherit;

}







.form-box .form-group {

    position: relative;



    margin-bottom: 60px;

}



label span {

    color: #e74727;

}



/*Range slider*/

.range-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.range-box-title {

    width: 18%;

}



.range-box-content {

    width: 82%;

}



.range,

.range input {

    width: 100%;

}



.range-box {

    margin-top: 140px;

    margin-bottom: 70px;

}



.range-labels {

    margin: 18px 0 0 0;

    padding: 0;

    list-style: none;



}





.range-labels .active {

    color: #55aa68;

    font-weight: bold;

}



.contact-info-single:last-child {

    margin-right: 0;

}



.range-labels li {

    position: relative;

    float: left;

    width: 25%;

    text-align: right;

    color: #000;

    font-size: 24px;

    cursor: pointer;

    min-width: 25%;

    height: 42px;

}



.range-labels li span {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 9999;

}



.range-labels li:first-child {

    display: none;

}





/*default range styling*/



input[type=range] {

    -webkit-appearance: none;

    /* Hides the slider so that custom slider can be made */

    width: 100%;

    /* Specific width is required for Firefox. */

    background: transparent;

    /* Otherwise white in Chrome */

    position: relative;

    z-index: 9;

    font-size: 4px;

}



input[type=range]::-webkit-slider-thumb {

    -webkit-appearance: none;

}



input[type=range]:focus {

    outline: none;

    /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */

}



input[type=range]::-ms-track {

    width: 100%;

    cursor: pointer;



    /* Hides the slider so custom styles can be added */

    background: transparent;

    border-color: transparent;

    color: transparent;

}







/*Styling range thumb*/



/* Special styling for WebKit/Blink */

input[type=range]::-webkit-slider-thumb {

    -webkit-appearance: none;

    border: 5px solid #000000;

    height: 30px;

    width: 30px;

    border-radius: 50%;

    background: #ffffff;

    cursor: pointer;

    margin-top: -13px;

    position: relative;

    z-index: 9;

    /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */

    /*  margin-left: -5px;*/

}



/* All the same stuff for Firefox */

input[type=range]::-moz-range-thumb {

    -webkit-appearance: none;

    border: 5px solid #000000;

    height: 30px;

    width: 30px;

    border-radius: 50%;

    background: #ffffff;

    cursor: pointer;

    position: relative;

    z-index: 9;



    /*    margin-top: -13px;*/

    /*    margin-left: -5px;*/

}



/* All the same stuff for IE */

input[type=range]::-ms-thumb {

    -webkit-appearance: none;

    border: 5px solid #000000;

    height: 30px;

    width: 30px;

    border-radius: 50%;

    background: #ffffff;

    cursor: pointer;

    position: relative;

    z-index: 9;



    /*    margin-top: -13px;*/

    /*    margin-left: -5px;*/

}



/*Styling range path*/

input[type=range]::-webkit-slider-runnable-track {

    width: 100%;

    height: 4px;

    cursor: pointer;

    background: #000;

}



input[type=range]:focus::-webkit-slider-runnable-track {

    background: #000;

}



input[type=range]::-moz-range-track {

    width: 100%;

    height: 4px;

    cursor: pointer;

    background: #000;

}



input[type=range]::-ms-track {

    width: 100%;

    height: 4px;

    cursor: pointer;

    background: #000;

}



input[type=range]::-ms-fill-lower {

    background: #000;

}



input[type=range]:focus::-ms-fill-lower {

    background: #3071a9;

}



input[type=range]::-ms-fill-upper {

    background: #000;

}



input[type=range]:focus::-ms-fill-upper {

    background: #000;

}





.range-labels li:before {

    position: absolute;

    top: -47px;

    right: 0px;

    content: "";

    margin: 0 auto;

    width: 30px;

    height: 30px;

    background: #000;

    border-radius: 50%;

}



.range-labels .selected:before {

    background: #000;

}



.range-labels .active.selected:before {

    display: none;

}



.range-box-title p,

.checkbox-area-title p {

    font-size: 40px;

    font-weight: bold;

}



.range-box-title p span,

.checkbox-area-title p span {

    font-size: 36px;

    font-weight: 400;

    color: #e74727;

}



.checkbox-area-title {

    width: 100%;

    margin-bottom: 40px;

}



.range-box-content {

    position: relative;

}



.range-box-content:before {

    content: "";

    position: absolute;

    background: #000;

    top: 6px;

    left: 0;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    z-index: 8;

}



body [data-aos=bloc-reveal].aos-animate.contact-wrapper .bloc-reveal-inner:after {

    -webkit-animation-name: gg;

    animation-name: gg;

}



.form-inner-right {

    width: 42%;

    /*    margin-bottom: 200px;*/

}



.award-img-c {

    margin-bottom: 35px;

}



img.rating-5 {

    margin-bottom: 35px;

}



.review-link a {

    font-size: 28px;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 1;

    margin-right: 25px;

    padding-left: 60px;

}



.review-link img {

    max-width: 35px;

    height: 20px;

}



.review-link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.award-box-c {

    padding: 100px 0px;

}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



input[type=number] {

    -moz-appearance: textfield;

}













.custom-ceckbox {

    display: block;

    position: relative;

    padding-left: 35px;

    cursor: pointer;

    font-weight: normal;

    font-size: 18px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    color: #000000;

    text-indent: 66px;

}



.custom-ceckbox input {

    position: absolute;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    cursor: pointer;

}



.need-help span {

    color: #d54551;

    font-size: 24px;

}



.checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 40px;

    width: 40px;

    background-color: #fff;

    border: 1px solid #000;

    border-radius: 6px;

    font-size: 36px;

    font-weight: bold;

    line-height: 45px;

}



.custom-ceckbox input:checked ~ .checkmark:after {

    display: block;

}



.custom-ceckbox .checkmark:after {

    left: 13px;

    top: 1px;

    width: 14px;

    height: 28px;

    border: solid #000;

    border-width: 0 5px 5px 0;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



.checkmark:after {

    content: "";

    position: absolute;

    display: none;

}



/*Project-page*/

.project-image,

.project-details {

    width: 50%;

}





.project-inner2 {

    max-width: 2500px;

    margin: 0 auto;

}



.project-details h2 {

    margin-bottom: 60px;

}



.project-image {

    width: 50%;

    text-align: left;

    position: relative;

}



.project-inner2 {

    padding-bottom: 0px;

    padding-top: 0px;

}



.project-details {

    padding-left: 150px;

}



.project .section-content {

    padding-left: 70px;

}



p.project-brief {

    font-size: 48px;

    line-height: 68px;

    font-weight: 400;

    margin-bottom: 80px;

}



p.project-testimonial {

    font-size: 36px;

    line-height: 54px;

    font-style: italic;

    margin-bottom: 55px;

    color: #8C8C8C;

}



p.project-owner {

    margin-bottom: 80px;

    color: #8C8C8C;

}



.project-page .bloc-reveal-inner {

    padding: 80px 0px;

}



.dash-sep {

    height: 3px;

    width: 10%;

    background: #000;

    margin-bottom: 80px;

}



.project-image img {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    left: auto;

    right: 0;

}



.alter .project-image img {

    right: auto;

    left: 0;



}



.project {

    padding: 275px 0px;



}



.particle-1 img {

    position: absolute;

    right: 25%;

    top: 5%;

}



.particle-2 img {

    right: 5%;

    top: 20%;

    position: absolute;

}



.particle-3 img {

    position: absolute;

    top: 60%;

    right: 15%;

}



.particle-4 img {

    position: absolute;

    bottom: 50px;

    left: 3%;

}



.particle-5 img {

    position: absolute;

    bottom: -4%;

    left: 40%;

}





.part img {

    max-width: 136px;

}



.part2 {

    width: 100%;

    height: 100%;

    position: relative;

    background: transparent;

}



.part2 > div {

    width: 100%;

    height: 100%;

}



.project-page h1 {

    margin-bottom: 80px;

}



body [data-aos=bloc-reveal].aos-animate.project.alter .bloc-reveal-inner:after {

    -webkit-animation-name: vvv;

    animation-name: vvv;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    -webkit-animation-timing-function: cubic-bezier(.81, .15, .26, .99);

    animation-timing-function: cubic-bezier(.81, .15, .26, .99);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

}



body [data-aos=bloc-reveal].aos-animate.project .bloc-reveal-inner:after {

    -webkit-animation-name: up;

    animation-name: up;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    -webkit-animation-timing-function: cubic-bezier(.81, .15, .26, .99);

    animation-timing-function: cubic-bezier(.81, .15, .26, .99);

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

}







/*

.project-inner {

    overflow: hidden;

}

*/



.alter2 .project-image {

    -webkit-box-ordinal-group: 5;

    -ms-flex-order: 4;

    order: 4;

}



.alter2 .project-details {

    padding-left: 0;

    padding-right: 150px;

}



.no-shade .bloc-reveal-inner:after {

    display: none;

}



.project-wrapper {

    overflow: hidden;

    padding-bottom: 15px;

    padding-top: 60px;

}





/*Preloader*/



/*Preloader css*/

.overflow-h {

    overflow: hidden;

}



.image-div {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";



}



.preloader-inner .image-div:nth-child(10) {

    -webkit-transition: opacity .3s ease, -webkit-transform 4s ease;

    transition: opacity .3s ease, -webkit-transform 4s ease;

    transition: opacity .3s ease, transform 4s ease;

    transition: opacity .3s ease, transform 4s ease, -webkit-transform 4s ease;

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

}



.preloader-inner .image-div:nth-child(9) {

    -webkit-transition: opacity .3s ease, -webkit-transform 4s ease;

    transition: opacity .3s ease, -webkit-transform 4s ease;

    transition: opacity .3s ease, transform 4s ease;

    transition: opacity .3s ease, transform 4s ease, -webkit-transform 4s ease;

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

}



.preloader-inner .image-div:nth-child(8) {

    -webkit-transition: opacity .3s ease, -webkit-transform 4s ease;

    transition: opacity .3s ease, -webkit-transform 4s ease;

    transition: opacity .3s ease, transform 4s ease;

    transition: opacity .3s ease, transform 4s ease, -webkit-transform 4s ease;

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

}



.preloader-inner .image-div:nth-child(7) {

    -webkit-transition: opacity .3s ease, -webkit-transform 3s ease;

    transition: opacity .3s ease, -webkit-transform 3s ease;

    transition: opacity .3s ease, transform 3s ease;

    transition: opacity .3s ease, transform 3s ease, -webkit-transform 3s ease;

    -webkit-transform: scale(1.03);

    transform: scale(1.03);

}



.preloader-inner .image-div:nth-child(6) {

    -webkit-transition: opacity .3s ease, -webkit-transform 2s ease;

    transition: opacity .3s ease, -webkit-transform 2s ease;

    transition: opacity .3s ease, transform 2s ease;

    transition: opacity .3s ease, transform 2s ease, -webkit-transform 2s ease;

    -webkit-transform: scale(1.02);

    transform: scale(1.02);

}



.preloader-inner .image-div:nth-child(5) {

    -webkit-transition: opacity .2s ease, -webkit-transform 2s ease;

    transition: opacity .2s ease, -webkit-transform 2s ease;

    transition: opacity .2s ease, transform 2s ease;

    transition: opacity .2s ease, transform 2s ease, -webkit-transform 2s ease;

    -webkit-transform: scale(1.01);

    transform: scale(1.01);

}



.preloader-inner .image-div:nth-child(4) {

    -webkit-transition: opacity .2s ease, -webkit-transform 5s ease;

    transition: opacity .2s ease, -webkit-transform 5s ease;

    transition: opacity .2s ease, transform 5s ease;

    transition: opacity .2s ease, transform 5s ease, -webkit-transform 5s ease;

    -webkit-transform: scale(1.001);

    transform: scale(1.001);



}



.preloader-inner .image-div:nth-child(3) {

    -webkit-transition: opacity 0s ease, -webkit-transform 5s ease;

    transition: opacity 0s ease, -webkit-transform 5s ease;

    transition: opacity 0s ease, transform 5s ease;

    transition: opacity 0s ease, transform 5s ease, -webkit-transform 5s ease;

    -webkit-transform: none;

    transform: none;



}



.preloader-inner .image-div:nth-child(2) {

    -webkit-transition: opacity 0s ease, -webkit-transform 5s ease;

    transition: opacity 0s ease, -webkit-transform 5s ease;

    transition: opacity 0s ease, transform 5s ease;

    transition: opacity 0s ease, transform 5s ease, -webkit-transform 5s ease;

    -webkit-transform: none;

    transform: none;



}



.preloader-inner .image-div:nth-child(1) {

    -webkit-transition: opacity 0s ease, -webkit-transform 5s ease;

    transition: opacity 0s ease, -webkit-transform 5s ease;

    transition: opacity 0s ease, transform 5s ease;

    transition: opacity 0s ease, transform 5s ease, -webkit-transform 5s ease;

    -webkit-transform: none;

    transform: none;

}



.preloader-inner .image-div.appeared:nth-child(3) {

    -webkit-transition-delay: .1s;

    transition-delay: .1s;



}



.preloader-inner .image-div.appeared:nth-child(2) {

    -webkit-transition-delay: .1s;

    transition-delay: .1s;



}



.preloader-inner .image-div.appeared:nth-child(1) {

    -webkit-transition-delay: .1s;

    transition-delay: .1s;

}





.preloader-inner .image-div.appeared {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";



    -webkit-transform: scale(1);



    transform: scale(1);

}



.image-div img {

    width: 100%;

    height: 100vh;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: top;

    object-position: top;

}



.preloader-wrapper {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    background: #000000;

}



.preloader {

    position: relative;

    top: 0;

    left: 0;

}



.image-div {

    position: absolute;

    width: 100%;

    top: 0px;

    left: 0;

}



.preloader-inner {

    width: 100vw;

    height: 100vh;

    /* Fallback for browsers that do not support Custom Properties */

    height: calc(var(--vh, 1vh) * 100);

    position: relative;

}



@-webkit-keyframes p {

    0% {

        height: 17vh;

    }



    100% {

        height: 0vh;

    }

}



@keyframes p {

    0% {

        height: 17vh;

    }



    100% {

        height: 0vh;

    }

}



.tile {

    float: left;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-transition: transform 1s cubic-bezier(.77, 0, .175, 1) 25ms;

}



.image-div.sliced.appeared {

    background-color: #ffffff;

}





.image-div {

    z-index: -1;

}



.wrap {

    background: #ffffff;

}



/*Scroll*/

.icon-scroll-wrap {

    width: 22px;

    height: 38px;

    box-shadow: inset 0 0 0 1.1px #000;

    border-radius: 25px;

    bottom: 5%;

    z-index: 9;

    right: 4%;

    position: absolute;

}



.icon-scroll {

    position: relative;

    width: 100%;

    height: 100%;

}



.icon-scroll:before {

    position: absolute;

    content: '';

    width: 6px;

    height: 6px;

    background: #000;

    top: 4px;

    right: 37%;

    border-radius: 4px;

    -webkit-animation-duration: 1.5s;

    animation-duration: 1.5s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-name: scroll;

    animation-name: scroll;

}



@-webkit-keyframes scroll {

    0% {

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    }



    100% {

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

        -webkit-transform: translateY(26px);

        transform: translateY(26px);

    }

}



@keyframes scroll {

    0% {

        opacity: 1;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    }



    100% {

        opacity: 0;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

        -webkit-transform: translateY(26px);

        transform: translateY(26px);

    }

}



.wrap {

    z-index: -9;

    position: relative;

    -webkit-transform: translateX(120%);

    transform: translateX(120%);

    -webkit-transition: -webkit-transform 1.8s cubic-bezier(.77, 0, .175, 1) 25ms;

    transition: -webkit-transform 1.8s cubic-bezier(.77, 0, .175, 1) 25ms;

    transition: transform 1.8s cubic-bezier(.77, 0, .175, 1) 25ms;

    transition: transform 1.8s cubic-bezier(.77, 0, .175, 1) 25ms, -webkit-transform 1.8s cubic-bezier(.77, 0, .175, 1) 25ms;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    visibility: hidden;

}



.wrap.coming {

    z-index: 9;

    -webkit-transform: translateX(0);

    transform: translateX(0);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    visibility: visible;

}



.project-page header {

    -webkit-transform: translateX(120%);

    transform: translateX(120%);

    -webkit-transition: -webkit-transform 2s cubic-bezier(.77, 0, .300, 1) 25ms;

    transition: -webkit-transform 2s cubic-bezier(.77, 0, .300, 1) 25ms;

    transition: transform 2s cubic-bezier(.77, 0, .300, 1) 25ms;

    transition: transform 2s cubic-bezier(.77, 0, .300, 1) 25ms;

    opacity: 0;

    visibility: hidden;

}



.project-page .wrap .banner-contact-info {

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition: all 1.5s cubic-bezier(.77, 0, .300, 1) 25ms;

    transition: all 1.5s cubic-bezier(.77, 0, .300, 1) 25ms;

}



.project-page .banner-contact-info {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}





.project-page header.coming {

    -webkit-transform: none;

    transform: none;



     opacity: 1;

    visibility: visible;



}



/*

.project-banner-content h1,

.project-banner-content a {

    -webkit-transform: rotate(-5deg) translateX(-200px);

    transform: rotate(-5deg) translateX(-200px);

    -webkit-transition: -webkit-transform 1.8s cubic-bezier(.77, 0, .300, 1) 25ms;

    transition: -webkit-transform 1.8s cubic-bezier(.77, 0, .300, 1) 25ms;

    transition: transform 1.8s cubic-bezier(.77, 0, .300, 1) 25ms;

    transition: transform 1.8s cubic-bezier(.77, 0, .300, 1) 25ms;

        opacity: 0;

    visibility: hidden;

}



.coming + div .project-banner-content h1,

.coming + div .project-banner-content a {

    -webkit-transform: none;

    transform: none;

        opacity: 1;

    visibility: visible;

}

*/



.image-div.sliced img {

    display: block !important;

    -webkit-transition: all 4s linear;

    transition: all 4s linear;

    -webkit-transform: translateX(0%);

    transform: translateX(0%);

}



.image-div.sliced.appeared img {

    -webkit-transform: translateX(-40%);

    transform: translateX(-40%);

    -webkit-transition: all 4s linear;

    transition: all 4s linear;

}



.image-div.sliced:after {

    content: "";

    background: #fff;

    position: absolute;

    top: 0;

    right: 66%;

    width: 0px;

    height: 100%;

    -webkit-transition: all .7s cubic-bezier(.77, 0, .300, 1) 25ms;

    transition: all .7s cubic-bezier(.77, 0, .300, 1) 25ms;

    z-index: 999;

}



.image-div.sliced.appeared:after {

    width: 30px;

}



.image-div.sliced:before {

    content: "";

    background: #fff;

    position: absolute;

    top: 0;

    right: 33%;

    width: 0px;

    height: 100%;

    -webkit-transition: all .7s cubic-bezier(.77, 0, .300, 1) 25ms;

    transition: all .7s cubic-bezier(.77, 0, .300, 1) 25ms;

    z-index: 999;

}



.image-div.sliced.appeared:before {

    width: 30px;

}



.tile {

    display: none;

}



.overflow-h .main-nav-wrapper,

header .overflow-h .main-nav-wrapper {

    display: none;

}

/*//13-3-19*/



.custom-btn:focus{



    color: #fff;

}

.has-shadow img {

    box-shadow: 0px 3px 35px 10px rgba(200,200,200,.5);

}



.right-65 img{

    right:65px;

}

/* Redesign css ============================================================================*/



.landing .logo-wrapper a,

.home .logo-wrapper a{

    display: inline-block;

    max-width: 200px;

    width: 100%;

}



.ns-nav-wrapper a {

    display: inline-block;

    font-size: 17px;

    color: #0f1013;

    padding: 10px 20px;

    transition: color .2s ease;

}



.ns-nav-wrapper ul {

    margin: 0;

}



.ns-nav-wrapper a:last-child {

    padding-right: 0px;

}



.ns_header .heaer-inner {

    padding: 40px 0px;

}



.ns_section{

    padding: 0px 75px;

}



.ns_banner{

    padding: 80px 75px;

    padding-bottom: 60px;

}



.ns_banner h1{

    font-size: 90px;

    color: #0f1013;

    margin-bottom: 40px;

    font-weight: 400;

    line-height: 1.2;

}



.ns_banner p{

    margin-bottom: 0px;

    font-size: 20px;

    color: #0f1013;

    line-height: 35px;

}

h3.geffect.nim {

    line-height: 1;

}

.git img {

    width: 16px;

}



.git_icon {

    width: 60px;

    height: 60px;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid transparent;

}

.git_icon:before {

    box-shadow: 0 0 0 1px #D2D2D2;

    --transition-duration: 0.5s;

    --transition-easing: cubic-bezier(0.25,0.74,0.22,0.99);

    transition-property: box-shadow,transform;

    /* transition-delay: var(--transition-delay); */

    transition-duration: var(--transition-duration);

    transition-timing-function: var(--transition-easing);

    -webkit-animation: button-halo-animation 4.5s infinite;

    animation: button-halo-animation 4.5s infinite;

    width: 60px;

    height: 60px;

    border-radius: 100%;

    content: "";

    position: absolute;

    top: -3px;

    left: 0;

    -webkit-animation-delay: -2.25s;

    animation-delay: -2.25s;

}

.git_icon:after {

    box-shadow: 0 0 0 1px #D2D2D2;

    --transition-duration: 0.5s;

    --transition-easing: cubic-bezier(0.25,0.74,0.22,0.99);

    transition-property: box-shadow,transform;

    /* transition-delay: var(--transition-delay); */

    transition-duration: var(--transition-duration);

    transition-timing-function: var(--transition-easing);

    -webkit-animation: button-halo-animation 4.5s infinite;

    animation: button-halo-animation 4.5s infinite;

    width: 60px;

    height: 60px;

    border-radius: 100%;

    content: "";

    position: absolute;

    top: -3px;

    left: 0;

}

.git span {

    display: inline-block;

    font-size: 18px;

    color: #0f1013;

    margin-right: 10px;

    filter: grayscale(1) contrast(9) drop-shadow(0.1em -.05em white);

}



.git a {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    width: auto;

    margin-left: auto;

}



/* .ns-video-inner {

    height: 56vw;

    background: #000;

} */

.ns-video-inner iframe {

    /* width: 71vw; */

    /* height: auto; */

    /* max-width: 1024px; */

    /* height: 120vh; */

}



.ns-video-inner {

    text-align: left;

}



.mb-200{

    margin-bottom: 200px;

}



.home h3{

    color: #0f1013;

    font-size: 60px;

    margin-bottom: 120px;

    font-weight: 400;

    line-height: 1.3;

}

.home .quote-text-wrap h3{

    margin-bottom: 80px;

}

.tc_section>p:first-child {

    margin-right: 100px;

}



.tc_section p {

    color: #808080;

    font-size: 18px;

    line-height: 1.3;

    font-weight: 400;

    width: 100%;

    max-width: 38%;

}



.ns-nav-wrapper a:hover{

    color: #808080;

    transition: color .2s ease;

}



.ns_banner h1 span{

    text-decoration: none;

}

.ns_banner h1 span:after{

    display: none;

}

.text-animate-1.aos-animate, .text-animate-1{

        transition:transform 1.6s cubic-bezier(.25,.74,.22,.99),opacity 1.6s cubic-bezier(.25,.74,.22,.99) !important;

}

.home h1>span:last-child,

.ns_section h3>span:last-child{

        transition-delay:.07s !important;

}

.home p>span:first-child{

        transition-delay:.02s !important;

}

.home p>span:last-child{

        transition-delay:.07s !important;

}

.text-animate-1{

    transform:translateY(100%) !important;

    opacity: 0 !important;

}

.home p>span.text-animate-1{

    transform:translateY(140%) !important;

}

.text-animate-1.aos-animate, .home p>span.text-animate-1.aos-animate{

    transform:translateY(0%) !important;

    opacity: 1 !important;

}

@keyframes button-halo-animation{

    0%{

        transform:scale(1);

        opacity:0

    }

    50%{

        transform:scale(1);

        opacity:1

    }to

    {

        transform:scale(1.5);

        opacity:0

    }

}

.mb-120{

    margin-bottom: 120px;

}

.ns_portfolio{

    padding-left: 75px;

}

.ns_portfolio h2{

    font-size: 60px;

    color: #0f1013;

    line-height: 1;

    padding-right: 150px;

    margin-right: 290px;

}

.ns_single-title p {

    font-size: 190px;

    line-height: 1;

    font-weight: 300;

    font-family: 'Maison Neue';

    position: relative;

    display: flex;

    margin-right: 400px;

    margin-top: 70px;

    margin-bottom: 70px;

    white-space: nowrap;

}



.ns_single-title p:after {

    content: "";

    position: absolute;

    height: 1px;

    width: 250px;

    background: #0f1013;

    left: calc(100% + 80px);

    top: 44%;

}

.ns_single-title p:first-child:before {

    content: "";

    position: absolute;

    height: 1px;

    width: 250px;

    background: #0f1013;

    right: calc(100% + 80px);

    top: 44%;

}

/* .ns_single.ns_title h2 {

    min-width: 722px;

    padding-right: 150px;

} */

.ns_single-title {

    transform: rotate(270deg) translateY(-290px) translateX(-1150px);

}

img.ns_img_2 {

    transform: translateY(3vh) translateX(-12vh);

}

.ns_single:nth-child(2) .ns_single_details {

    transform: translateX(-18vh) translateY(-11vh);

}

.ns_single:nth-child(3) .ns_single_details {

    transform: translateX(-20vh) translateY(20vh);

    padding-right: 70px;

}

.ns_single:nth-child(4) .ns_single_details {

    transform: translateX(-17vh) translateY(-12vh);

    padding-right: 70px;

}

.ns_single_details .git {

    display: inline-block;

}



img.ns_img_3 {

    transform: translateX(-20vh) translateY(15vh);

    height: 28vh;

    max-width: 250px;

    max-height: 250px;

}

.ns_single:nth-child(3) img.ns_img_3 {

    transform: translateX(-29vh) translateY(-16vh);

}

.ns_single:nth-child(3) img.ns_img_2 {

    transform: translateY(0vh) translateX(-9vh);

}

.ns_single:nth-child(4) img.ns_img_1 {

    width: 100vh;

    height: 50vh;

    max-width: 100vh;

}

.ns_single:nth-child(4) img.ns_img_2 {

    height: 62vh;

        width: auto;

        transform: translateY(-30vh) translateX(-9vh);

}

.ns_single:nth-child(4) img.ns_img_3 {

    transform: translateY(-47vh) translateX(-20vh);

}

.ns_single_details>p{

    margin-bottom: 40px;

}

.ns_single_image img{

    max-width: unset;

}

.ns_single_details p {

    width: 360px;

    font-size: 18px;

    text-align: left;

    color: #8f8f8f;

}

.ns_single_details p span{

    color: #0f1013;

}

p.small-text{

    font-size: 15px !important;

}

.ns_single_details .git a {

    justify-content: start;

}



.ns_single_details{

    padding-right: 100px;

}

.ind {

    position: absolute;

    top: 49%;

    left: -50px;

    color: #8f8f8f;

    font-size: 18px;

}

body.home:not(.peloader-done) {

    overflow: hidden;

}



.ns_single{

    position: relative;

}

.ns_single_713 p{

    width: 400px;

    margin-bottom: 10px;

    color: #8f8f8f;

}

.ns_single_713 p>span{

    color: #0f1013;

}

.ns_single_713{

    padding: 0px 75px;

    border-left: 1px solid #d0d3d6;

    border-right: 1px solid #d0d3d6;

    margin-right: 280px;

    height: calc(100vh - 100px);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.ns_single{

    height: calc(100vh - 100px);

    /* border-right: 1px solid #d0d3d6; */

}

.ns_portfolio-wrapper{

    overflow: hidden;

}



.pt-120{

    padding-top: 120px;

}



.ns_single-title-inner {

    display: flex;

    height: 290px;

}

.ns_single-title {

    position: relative;

}



.ns_single-title-inner {

    position: absolute;

    top: 0;

    left: 0px;

    width: 290px;

}



.divider-120{

    height: 120px;

    width: 100%;

}

.at p {

    color: #808080;

}

.at p {

    color: #808080;

}



.at img {

    max-width: 15px;

}



.at .git.gseffect a {

    text-align: left;

    justify-content: flex-start;

}



.at .git.gseffect a:hover:after {

    right: unset;

    left: 57%;

    margin-bottom: -10px;

}

.at .git a:after{

    left: 25%;

    margin-bottom: -10px;

}

.pt .at .git a:after{

    left: 57%;

}

img.ns_img_1 {

    height: calc(100vh - 100px);

}

img.ns_img_2 {

    height: 36vh;

}

.ns_single_image{

    height: calc(100vh - 100px);

    position: relative;

}

.ns_single.ns_title {

    width: calc(58vw + 290px);

    position: relative;

    height: calc(100vh - 100px);

    display: flex;

    align-items: center;

}

.ns_single_image:after {

    position: absolute;

    content: "";

    width: 1px;

    height: calc(100vh - 100px);

    background: #D0D3D6;

    top: 0;

    left: -290px;

}

.mt-100{

    margin-top: 100px;

}

.mt-bottom{

    margin-bottom: 100px;

}

.w-50{

    width: 50%;

}

.git a:hover img {

    filter: brightness(0) invert(1);

}

.pt .at h3 div,

.pt .at p div{

    overflow: hidden;

}

.at.onview {

    position: relative;

    z-index: 99;

}

.ph-head h5 {

    color: #0f1013;

    font-size: 18px;

    line-height: 1;

    min-width: 135px;

}



.ph-head {

    padding-bottom: 15px;

    border-bottom: 1px solid #D0D3D6;

    margin-bottom: -100px;

    position: relative;

    padding-top: 100px;

}

.ph-left h3 {

    margin-bottom: 180px;

}

.ph-left p {

    color: #808080;

    font-size: 18px;

    max-width: 36vw;

}

.ph-right.w-50 {

    max-width: 45vw;

    height: 63vw;

    margin-right: -75px;

    position: relative;

    overflow: hidden;

}

.mt-200{

    margin-top: 200px;

}

.ph-control img {

    width: 100%;

    max-width: 10px;

}



.ph-control .prev img{

    transform: rotate(180deg);

}



.ph-control>div {

    width: 60px;

    height: 60px;

    border: 1px solid #CFCFCF;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    cursor: pointer;

    position: relative !important;

    left: 0;

    right: unset;

}

.swiper-button-prev{

    margin-right: 10px;

}

.ph-control .prev {

    margin-right: 10px;

}



.ph-control {

    display: flex;

    align-items: center;

    justify-content: flex-start;

}



ul.slick-dots li .cdot {

    font-size: 18px;

    border: 0px;

    outline: 0px;

    color: #fff;

    /* background: transparent; */

}



ul.slick-dots li.slick-active {

    display: block;

}

.quote-slider-wrapper .swiper-slide:not(.swiper-slide-active){

    opacity: 0 !important;

    /* transform: translate3d(0px, 100px, 0px) !important; */

    transition:transform 1.6s cubic-bezier(.25,.74,.22,.99),opacity .6s cubic-bezier(.25,.74,.22,.99) !important;

}

.quote-slider-wrapper .swiper-slide:not(.swiper-slide-active) h3 div,

.quote-slider-wrapper .swiper-slide:not(.swiper-slide-active) p div{

    transform: translateY(100px) !important;

    transition:transform 2.6s cubic-bezier(.25,.74,.22,.99),opacity 0s cubic-bezier(.25,.74,.22,.99) !important;

}

.quote-slider-wrapper .swiper-slide.swiper-slide-active p div,

.quote-slider-wrapper .swiper-slide.swiper-slide-active h3 div{

    transform: translateY(0px) !important;

    transition:transform 1.6s cubic-bezier(.25,.74,.22,.99),opacity 0s cubic-bezier(.25,.74,.22,.99) !important;

}

.quote-slider-wrapper .swiper-slide.swiper-slide-duplicate-active p div,

.quote-slider-wrapper .swiper-slide.swiper-slide-duplicate-active h3 div{

    transform: translateY(0px) !important;

    transition:transform 1.6s cubic-bezier(.25,.74,.22,.99),opacity 0s cubic-bezier(.25,.74,.22,.99) !important;

}

.quote-slider-wrapper h3,

.quote-slider-wrapper p{

    overflow: hidden;

}

ul.slick-dots li {

    display: none;

}

.ph-head ul {

    margin: 0;

    position: relative;

    z-index: 9;

}



.ph-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

    z-index: 99;

}

.ph-image img{

    height: 100%;

    width: auto !important;

}

.ph-image {

    /* position: absolute;

    top: 0;

    right: 0;

    transition-property: transform,opacity;

    transition-timing-function: cubic-bezier(.29,.73,.45,1);

    will-change: transform,opacity;

    overflow: hidden;

    width: 100% !important;  transform: translateX(0); */

    /* opacity: .5; */

    z-index: 998 !important;

}

.ph-image.active-sl {

    transition-property: transform,opacity;

    transition-timing-function: cubic-bezier(.29,.73,.45,1);

    will-change: transform,opacity;

    transition-duration: 1.6s;

    overflow: hidden;

    transform: translateX(0);

    /* opacity: 1; */

}

.ph-image.crossed {

    transform: translateX(100%);

    transition: all 1.6s ease;

}



.slick-list.draggable {

    width: 100%;

    height: 100%;

    padding: 0;

}



.slick-track {

    height: 100%;

}

.slick-slider .slick-track, .slick-slider .slick-list{

    transition: transform 1.6s cubic-bezier(.29,.73,.45,1) !important;

}



.ph-image.slick-slide.slick-active{

    transition: transform 1.6s cubic-bezier(.29,.73,.45,1) !important;

    transform: translateX(0%);

    z-index: 999 !important;

}

.ph-image.slick-slide{

    transition: transform 0s cubic-bezier(.29,.73,.45,1) 1.6s !important;

    opacity: 1 !important;

    transform: translateX(100%)

}



.ph-control {

    position: absolute;

    bottom: 70px;

    left: 0px;



}



.swiper-button-next:after, .swiper-button-prev:after {

    font-size: 15px;

    font-weight: bold;

    color: #0f1013;

}



.ph-slide {

    position: relative;

}



.ph-image img {

    transform: scale(1.1);

    transition: all 0s cubic-bezier(.29,.73,.45,1) 1.6s;

    transform-origin: 50% 50%;

}



.ph-image.slick-active img {

    transform: scale(1);

    transition: all 1.6s cubic-bezier(.29,.73,.45,1);

}



#landingSlider {

    width: 100%;

    box-sizing: border-box;

    padding: 100px 0px;

  }

  #landingSlider #landingSlidesScroller {

    box-sizing: border-box;

    width: 100%;

    height: 100vh;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

  }

  #landingSlider #landingSlidesScroller #landingSlidesContainer {

    box-sizing: border-box;

    width: 100%;

    height: 100%;

    /* padding: 50px 100px 0 100px; */

    position: relative;

    display: flex;

  }

  #landingSlider #landingSlidesScroller #landingSlidesContainer #landingSlidesContent {

    width: 58vw;

    /* display: flex;

    flex-wrap: wrap;

    flex-direction: column; */

  }

  #landingSlider #landingSlidesScroller #landingSlidesContainer #landingSlidesContent #titlePlaceholderContainer {

    box-sizing: border-box;

    background: transparent;

    width: 70px;

    display: none;

    margin-right: 30px;

  }

  #landingSlider #landingSlidesScroller #landingSlidesContainer #landingSlidesContent #titlePlaceholderContainer svg {

    width: 70px;

  }

  #landingSlider #landingSlidesScroller #landingSlidesContainer #landingSlidesContent #landingSlidesTextContainer {

    position: relative;

    flex-grow: 1;

  }

  #landingSlider #landingSlidesScroller #landingSlidesContainer #landingSlidesContent #landingSlidesTextContainer .landingSlide {

    background: transparent;

    position: absolute;

    top: 50px;

    left: 0;

    box-sizing: border-box;

    /* height: 100%; */

    opacity: 0;

    flex-direction: column;

    align-items: flex-end;

    justify-content: center;

    display: flex;

    

    width: 100%;

  }

  #landingSlider #landingSlidesScroller #landingSlidesContainer #landingSlidesContent #landingSlidesTextContainer .landingSlide h2 {

    font-size: 50px;

    line-height: 60px;

    margin: 0;

  }

  p.aw_fixed {

    color: #000;

    font-size: 40px;

    line-height: 1.1;

    margin-bottom: 100px;

    position: absolute;

    top: 55%;

    /* bottom: 0; */

    max-width: 55vw;

    z-index: 9;

    padding-left: 75px;

}

/* .ns_section.aw_content {

    padding: 100px 75px;

} */

  #landingSlider #landingSlidesScroller #landingSlidesContainer #landingSlidesImages {

    width: 42vw;

    height: 100vh;

  }

  

  #landingSlider #landingSlidesScroller #landingSlidesContainer #landingSlidesImages img {

    max-width: 100%;

    /* margin-bottom: 50px; */

  }

  

  #landingOtherProjects {

    box-sizing: border-box;

    width: 100%;

    height: 100vh;

    background: blue;

  }

  

  /*

   * Desktop from now on

   */

  .buttonsContainer {

    position: fixed;

    top: 10px;

    left: 10px;

    width: 60px;

    background: black;

  }

  .buttonsContainer .button {

    width: 50px;

    margin: 5px;

    background: white;

    text-align: center;

    line-height: 40px;

  }

  img.landingSlidesImage {

    position: absolute;

    top: 0;

    left: 0;

}



div#landingSlidesImages {

    position: relative;

}

div#landingSlidesImages {

    position: relative;

}



#landingSlider #landingSlidesScroller #landingSlidesContainer #landingSlidesImages img {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    height: 50vh;

    width: auto;

    opacity: 0;

}



section.landingSlide h3 {

    line-height: 1;

    max-width: 400px;

    margin-left: auto;

    margin-bottom: 0px;

    width: 100%;

}

.initial_aw .landingSlide:first-child {

    opacity: 1 !important;

    transform: translate(0px, 0px) !important;

}

.final_aw .landingSlide:last-child {

    opacity: 1 !important;

    transform: translate(0px, 0px) !important;

}



.initial_aw #landingSlidesImages>img:first-child {

    opacity: 1 !important;

    transform: translate(0px, -50%) !important;

}



.final_aw #landingSlidesImages>img:last-child {

    opacity: 1 !important;

    transform: translate(0px, -50%) !important;

}

.scroll-progress {

    height: 1px;

    background: #0f1013;

    position: absolute;

    bottom: -1px;

    left: 0;

}

.aw_indicator_left {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-top: 50px;

    flex-basis: 50%;

    margin-left: auto;

    max-width: 28vw;

    position: relative;

    border-bottom: 1px solid #D0D3D6;

}

.gseffect{

overflow: hidden;

}

.git.gseffect {

    padding: 60px 20px 20px 0px;

}

.service_git img{

    max-width: 18px;

}

.point h3 {padding-top: 50px;margin: 0px;line-height: 1;}

.aw_indicator {display: flex;align-items: flex-start;justify-content: space-between;padding: 0px 75px;}



.aw_indicator_right {flex-basis: 40%;

    max-width: 30vw;}

div#landingSlidesTextContainer {

    height: 100%;

    height: 35vh;

    margin-bottom: 14vh;

}

/* -------------- */

.ns_banner h1 {

    max-width: 810px;

}

.ns_banner p {

    max-width: 604px;

}

.geffect, .geffect_intro{

    margin: 0;

    position: relative;

    /* opacity: 0; */

    transition:transform 1.6s cubic-bezier(.25,.74,.22,.99),opacity 1.6s cubic-bezier(.25,.74,.22,.99) !important;

    /* overflow: hidden; */

}

body:not(.landing) .geffect, body:not(.landing) .geffect_intro{

    opacity: 0;

}



.loaded:not(.landing) .geffect,

.loaded:not(.landing) .geffect_intro{

    opacity: 1;

}

.geffect > div,

.geffect_intro > div {

    position: relative;

    margin: 0;

    transition:transform 1.6s cubic-bezier(.25,.74,.22,.99),opacity 1.6s cubic-bezier(.25,.74,.22,.99) !important;

  }

  .split-parent {

    transition:transform 1.6s cubic-bezier(.25,.74,.22,.99),opacity 1.6s cubic-bezier(.25,.74,.22,.99) !important;

    /* overflow: hidden; */

  }

  .split-child {

    display: inline-block;

  }

  .git a:hover .git_icon:before,

  .git a:hover .git_icon:after {

    display: none;

}

.git a:after {

    position: absolute;

    top: 125%;

    right: 0%;

    background: #fff;

    border-radius: 100%;

    content: "";

    transform: translateY(-125%) scale(1);

    width: 60px;

    height: 60px;

    z-index: -1;

    transition: all .2s ease-out;

}



.git a {

    position: relative;

    z-index: 9;

    max-width: 200px;

}



.git a:hover:after {transform: translateY(-125%) scale(1.6);transform-origin: center;transition: all .2s ease-out;background: #000;}

.ns_single:not(:first-child) {

    padding-left: 290px;

}

.ns_portfolio h2{

    margin-right: 0px;

}





.ns_services {

    position: relative;

    height: 100vh;

    font-size: 50px;

    text-align: center;

    line-height: 100vh;

  }

  

  .ns-single {

    position: absolute;

    height: calc(100vh - 200px);

    width: 100%;

    overflow: hidden;

    display: flex;

    justify-content: center;

    max-width: 60vw;

  }

  .ns-single img {

    height: calc(100vh - 200px);

    background-size: cover;

    background-position: top;

  }

  .ns_services_inner {

    width: auto;

    height: calc(100vh - 200px);

    background: #fff;

    overflow: hidden;

    position: relative;

    z-index: 9;

}

  .s-img {

    /* height: 100%; */

    display: flex;

    align-items: center;

}

  /* .ns_services_inner>.ns-single:nth-child(1){

      z-index: 9;

  }

  .ns_services_inner>.ns-single:nth-child(2){

      z-index: 8;

  }

  .ns_services_inner>.ns-single:nth-child(3){

      z-index: 7;

  } */

  .ns_services_inner>.ns-single:not(:first-child){

      transform: translateY(100%);

  }



  /* .ns-service-xontent {

    position: relative;

}

*/

.nss-single {

    /* position: absolute;

    right: 0;

    max-width: 40vw;

    text-align: right;

    top: 50%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-end; */

    opacity: 0;

}

.nss-single {

    max-width: 40vw;

    margin-left: auto;

    position: absolute;

    top: 0;

    right: 0;

}

.nss-single:first-child{

    opacity: 1;

} 

.nss-single h3 {

    margin-bottom: 10px;

}



.nss-single a {

    display: inline-block;

    line-height: 1;

}

/* = */

.ns {

    position: relative;

  }

  

  .indicators {

    left: 2rem;

    top: 0;

    margin: 10vh 0;

    height: 80vh;

    width: 3px;

    display: none;

    flex-direction: column;

    justify-content: space-between;

    position: absolute;

  }

  

  .indicator {

    width: 100%;

    background-color: #adadad;

    flex-grow: 1;

    margin: 2px 0;

  }

  

  .ns .pt {

    height: 100vh;

    width: 100%;

    display: flex;

    align-items: center;

    padding: 100px 0px;

  }

  

  .ns .wrapper {

    height: 100vh;

    width: 100%;

  }

  div#image-slider .swiper-slide-next img,

  div#image-slider .swiper-slide-duplicate-next img {

    transform: scale(1.2);

    transition: transform 1.6s cubic-bezier(.29,.73,.45,1);

}

.res-control>div:before,

.ph-control>div:before {

    background: #0f1013;

    content: "";

    width: 0px;

    height: 0px;

    border-radius: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 0;

    transform-origin: center;

    transition: all .3s ease;

}

.ph-control>div:hover:before{

    width: 60px;

    height: 60px;

}

.ph-control>div:hover:after{

  z-index: 9;

  color: #fff !important;

}

div#image-slider .swiper-slide.swiper-slide-active img,

div#image-slider .swiper-slide.swiper-slide-duplicate-active img {

    transform: scale(1);

    transition: transform 1.6s cubic-bezier(.29,.73,.45,1);

}

  .pt .at {

    margin-right: auto;

    width: 40vw;

    padding-right: 100px;

  }

  .pt .at h3{

      margin-bottom: 35px;

      font-size: 45px;

      line-height: 55px;

  }

  section#projects {

      overflow: hidden;

      height: 100vh;

      width: 100% !important;

      max-width: 100% !important;

    }

    #projects, .pin-spacer, .ns_portfolio-wrapper {max-width: 100% !important;}

    .ns-wrapper, .philosophie-wrapper {overflow: hidden;}

  .pt img {

    height: auto;

    width: 100%;

    max-height: 95vh;

    object-fit: cover;

    object-position: center;

    -webkit-transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

  }

  .pt-img {

    overflow: hidden;

    width: 60vw;

    padding-right: 100px;

    -webkit-transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

}

/* ======= */

.philosophie {

    position: relative;

  }

  

  .philosophie .point {

    height: 100vh;

    width: 100%;

    display: flex;

    align-items: flex-start;

    padding: 80px 75px 0px 75px;

  }

  

  .philosophie .wrapper {

    height: 100vh;

    width: 100%;

  }

  

  .point article {

    flex-basis: 50%;

    margin-left: auto;

    max-width: 28vw;

  }

  

  .point img {

    flex-basis: 40%;

    max-width: 30vw;

    height: auto;

    transform: translateY(20%);

  }

  /* = */

  .olive-banner-shape {position: relative;    background: #F7F7F2;    padding-top: 200px;

    padding-bottom: 200px;}

    .olive-banner-shape img {width: 100%;    transform: scale(1.2) translateX(-8.5%);

    }



div#parallax-banner img {position: absolute;top: 1300px;}

.olive-banner-shape {transform: rotateY(180deg);}

div#parallax-banner>.leaves>img {top: 950px;}



div#parallax-banner>.black-olives>img {top: 1250px;}



div#parallax-banner>.green-olives>img {top: 630px;}

.olive-content h3 {font-size: 40px;margin-bottom: 50px;}



.olive-content {padding-left: 15%;}

.ns_indicators {position: absolute;bottom: 200px;z-index: 9;color: #fff;}



.ns_indicator {position: absolute;left: 75px;top: 0px;    display: flex;}

.olive-content p {color: #808080;font-size: 18px; line-height: 1.5;}

div#olive {padding-top: 100px;padding-bottom: 100px;}

.at * {opacity: 0;}

.ns_separator{

    padding: 50px 0px;

}

.at.onview * {opacity: 1;}

/* = */



/* .question {

    font-size: 1.2rem;

    font-weight: 600;

    padding: 20px 80px 20px 20px;

    position: relative;

    display: flex;

    align-items: center;

    cursor: pointer;

  } */

.question {

    font-size: 50px;

    line-height: 60px;

    color: #0f1013;

    padding: 60px 80px 60px 0px;

    position: relative;

    display: flex;

    align-items: center;

    cursor: pointer;

    border-bottom: 1px solid #dbdbdb;

}

.question.active {

    border-color: #0f1013;

}

  /* .question::after {

    content: "\002B";

    font-size: 2.2rem;

    position: absolute;

    right: 20px;

    transition: 0.2s;

  } */

.question::after {

    /* content: "\002B";

    font-size: 2.2rem;

    position: absolute;

    right: 0px;

    transition: 0.2s;

    width: 50px;

    height: 50px;

    display: flex;

    justify-content: center;

    background: #fff;

    border-radius: 50%; */

    content: "";

    background-image: url(/images/redesign/plus_icon.png);

    position: absolute;

    z-index: 999;

    left: unset;

    top: 50%;

    transform: translateY(-50%);

    width: 16px;

    height: 16px;

    display: block;

    background-size: 16px 16px;

    right: 17px;

    transform: rotate(0deg) translateY(-50%);

    transition: all .3s ease;

}

.question::before {

    content: "";

    position: absolute;

    z-index: 9;

    left: unset;

    top: 50%;

    transform: translateY(-50%);

    width: 50px;

    height: 50px;

    display: block;

    right: 0px;

    background: #fff;

    border-radius: 100%;

    cursor: pointer;

}

.industry_single {

    position: relative;

}

.industry_single::before {

    content: "";

    position: absolute;

    z-index: 99;

    left: unset;

    top: 90px;

    transform: translateY(-50%) scale(0);

    transform-origin: center;

    width: 50px;

    height: 50px;

    display: block;

    right: 0px;

    background: #000;

    border-radius: 100%;

    transition: all .3s ease;

    cursor: pointer;

}

.industry_single:hover::before{

    transform: translateY(-50%) scale(1);

    transition: all .3s ease;

}

.industry_single:hover .question::after{

    filter: brightness(0) invert(1);

}

.make-it-easy-inner .question::before{

    left: 0;

    top: 20px;

}

.make-it-easy-inner .question::after{

    left: 17px;

    top: 20px;

}

/* .make-it-easy-inner .question {

    background: #fff;

    width: 60px;

    height: 60px;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

} */



.make-it-easy-inner .question img {

    max-width: 16px;

}

  /* .question.active::after {

    transform: rotate(45deg);

  } */

  .question.active::after {

    background-image: url(/images/redesign/minus.png);

    transition: all .3s ease;

    transform: translateY(-50%) rotate(180deg);

  }

  

  .answercont {

    max-height: 0;

    overflow: hidden;

    transition: 0.3s;

  }

  

  /* .answer {

    padding: 0 20px 20px;

    line-height: 1.5rem;

  } */

.answer {

    line-height: 1.5rem;

    color: #808080;

    max-width: 51vw;

    margin-left: auto;

    padding-top: 60px;

    /* padding-bottom: 67px; */

}

  

  /* section#projects h4 {font-size: 100px;}

  .project-single a{

      min-width: 50vw;

  } */



/* make it easy */

.make-it-easy-inner {

    background-color: #f4f4f2;

    padding: 150px 143px;

}



.make-it-easy-inner h2 {

    margin: 0;

}



.make-it-easy-inner p {

    font-size: 20px;

    color: #808080;

    margin-top: 58px;

    margin-bottom: 18px;

}



.ta-black {

    color: #0f1013;

}



.ta-plus {

    width: 50px;

    height: 50px;

    display: inline-block;

    cursor: pointer;

}



.ta-plus:after {

    content: "\002B";

    font-size: 2rem;

    width: 100%;

    height: 100%;

    background: #fff;

    border-radius: 100px;

    display: grid;

    justify-content: center;

    align-items: center;

}



/* partner */

.ta-partner {

    overflow: hidden;

}



.ta-partner-haeding {

    max-width: 49rem;

    width: 100%;

}



.ta-partner-title {

    font-size: 60px;

    line-height: 60px;

    color: #0f1013;

    margin-bottom: 55px;

}



.ta-partner-subtitle {

    font-size: 18px;

    color: #808080;

    margin-bottom: 100px;

}



.ta-partner-slider {

    display: flex;

    flex-wrap: wrap;

    width: max-content;

    position: relative;

    left: -100px;

}



.ta-partner-item {

    border-right: 1px solid #d0d3d6;

    display: inline-flex !important;

    align-items: center;

    justify-content: center;

    width: 390px;

    min-height: 430px;

}



.ta-partner-item img {

  opacity: 1;

  transition: opacity .1s ease;

}



/* industries */

.industries {

    background: #f4f4f2;

    padding-top: 200px;

    padding-bottom: 200px;

}



.ta-industries-heading {

    max-width: 65vw;

    font-size: 60px;

    line-height: 60px;

    margin-bottom: 59px;

}



.industries_heading p {

    font-size: 20px;

    color: #808080;

    max-width: 65vw;

}



.industries_accordion {

    margin-top: 95px;

}



.ta-many-more {

    font-size: 50px;

    line-height: 60px;

    margin-top: 65px;

    margin-bottom: 60px;

}



.ta-many-more-text {

    font-size: 20px;

    color: #808080;

    max-width: 51vw;

}



/* brand story */

#projects {

    padding-left: 75px !important;

    padding-top: 100px;

}



.projects-wrapper {

    padding-left: 56px;

    max-height: calc(100vh - 200px);  

    height: 100%;

}



.ta-brand-story-title {

    font-size: 60px;

    line-height: 60px;

    color: #0f1013;

    font-weight: 400;

    max-width: 802px;

    z-index: -1;

    left: 0;

}



/* .projects-inner--media img {

    max-width: 460px;

} */



.project-single {

    padding-top: 65px;

}



.project-single:nth-child(2n) {

    z-index: -2;

}



.project-single a {

    min-width: 990px;

}



.projects-inner--media {

    width: 33vw;

    max-height: calc(100vh - 270px);

    display: flex;

}

.projects-inner--media img{

    width: 100%;

    object-fit: cover;

    object-position: center;

}

.project-single:nth-child(2n+1) .project-content {

    padding-top: 30vh;

}



.project-single .project-content {

    padding-top: 0vh;

}



.project-content {

    width: 38vw;

    padding-left: 50px;

    padding-right: 50px;

}



.project-content p {

    font-size: 18px;

    color: #808080;

    position: relative;

    top:26%;

    line-height: 1.5;

}



/* .project-content p {

    max-width: 90%;

} */



/* let us help */

.touch {

    border-bottom: 1px solid #d0d3d6;

}



.touch-inner {

    padding-top: 145px;

    padding-bottom: 130px;

}



.touch-heading {

    font-size: 60px;

    line-height: 60px;

    color: #0f1013;

    margin-bottom: 40px;

}



.touch-text {

    color: #808080;

    max-width: 50vw;

    font-size: 18px;

}

.landing .touch-text {

    max-width: 100%;

    font-size: 25px;

    width: 65vw;

    line-height: 1.2;

    font-weight: 300;

}

.landing .ns_banner{

    min-height: calc(90vh - 212px);

    padding-bottom: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.touch-icon a {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 60px;

    height: 60px;

    border: 1px solid #cecece;

    border-radius: 50%;

    position: relative;

}

.touch-icon a:after {

    background: #0f1013;

    content: "";

    width: 0px;

    height: 0px;

    border-radius: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 0;

    transform-origin: center;

    transition: all .3s ease;

}

.touch-icon a:hover:after{

    width: 60px;

    height: 60px;

    transition: all .3s ease;

}



.touch-icon a img {

    width: 16px;

    transform: rotate(90deg);

    z-index: 99;

}



.touch-icon a:hover img {

   filter: brightness(0) invert(1);

}





.touch-icon a:hover img {

    filter: invert(1);

}

/* footer contact */

.footer-contact {

    padding-bottom: 45px;

    border-bottom: 1px solid #d0d3d6;

}

.footer-contact-inner {

    padding-top: 50px;

}



.footer-logo a {

    display: inline-block;

}



.footer-logo img {

    max-width: 170px;

    width: 100%;

}



.footer-email a {

    display: inline-block;

    font-size: 60px;

    line-height: 60px;

}



.footer-email a:hover {

    color: #808080;

}



.footer-social {

    margin-top: 300px;

}



.ta-social a:hover {

    color: #808080;

}



.ta-phone a:hover {

    color: #808080;

}



/* loader */

/* .ta-loader {

    width: 100%;

    height: 100vh;

    display: flex;

    justify-content: center;

    align-items: center;

    position: absolute;

    background: #fff;

    z-index: 999;

} */



.ta-loader {

    width: 100%;

    height: 100vh;

    height: -webkit-fill-available;

    display: flex;

    justify-content: center;

    align-items: center;

    position: fixed;

    background: #fff;

    z-index: 9999999;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

}



.logoanimation {

    width: 100%;

    max-width: 400px;

    margin: 0 auto;

    opacity: 0;

}



.mask {

    fill: none;

    stroke: #fff;

}



#seven-m {

    animation: strokeOffset .3s linear forwards .3s;

}



#seven-line-m {

    animation: strokeOffset .3s linear forwards .6s;

}



#one-m {

    animation: strokeOffset .2s linear forwards .8s;

}



#t-m {

    animation: strokeOffset .2s linear forwards 1s;

}



#t-line-m {

    animation: strokeOffset .3s linear forwards 1.2s;

}



#last-m {

    animation: strokeOffset 1s linear forwards 1.3s;

}



@keyframes strokeOffset {

    to {

        stroke-dashoffset: 0;

    }

}



/* footer */

.ta-footer {

    padding-top: 80px;

    padding-bottom: 50px;

}



.footer-wdget-title {

    font-size: 18px;

    color: #808080;

    font-weight: 400;

    margin-bottom: 45px;

}



.footer-widget-link li {

    line-height: initial;

    margin-bottom: 2px;

}





.footer-widget-link li:last-child {

    margin-bottom: 0px;

}



.footer-widget-link li a {

    font-size: 18px;

    color: #0f1013;

}



.ta-menu {

    width: 17%;

    flex: 0 0 17%;

}



.ta-services {

    width: 25%;

    flex: 0 0 25%;

}



.ta-industries {

    width: 38%;

    flex: 0 0 38%;

}



.ta-copyright {

    width: 20%;

    flex: 0 0 20%;

    justify-content: flex-end;

}



.ta-copyright p {

    font-size: 14px;

    color: #808080;

}





/* trial css */

.home .btn {

    display: inline-block;

    padding: 13px 20px;

    color: #fff;

    text-decoration: none;

    position: relative;

    background: transparent;

    border: 1px solid #e1e1e1;

    font: 12px/1.2 "Oswald", sans-serif;

    letter-spacing: 0.4em;

    text-align: center;

    text-indent: 2px;

    text-transform: uppercase;

    transition: color 0.1s linear 0.05s;

}



.home .btn::before {

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    height: 1px;

    background: #e1e1e1;

    z-index: 1;

    opacity: 0;

    transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0.2s;

}



.home .btn::after {

    transition: border 0.1s linear 0.05s;

}



.home .btn .btn-inner {

    position: relative;

    z-index: 2;

}



.home .btn:hover {

    color: #373737;

    transition: color 0.1s linear 0s;

}



.home .btn:hover::before {

    top: 0;

    height: 100%;

    opacity: 1;

    transition: height 0.2s ease, top 0.2s ease, opacity 0s linear 0s;

}



.home .btn:hover::after {

    border-color: #373737;

    transition: border 0.1s linear 0s;

}



.slideshow {

    overflow: hidden;

    position: relative;

    width: 100%;

    height: 100vh;

    z-index: 1;

}



.slideshow .slideshow-inner {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.slideshow .slides {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}



.slideshow .slide {

    display: none;

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    opacity: 0;

    transition: opacity 0.3s ease;

}



.slideshow .slide.is-active {

    display: block;

}



.slideshow .slide.is-loaded {

    opacity: 1;

}



/* .slideshow .slide .caption {

    padding: 0 100px;

} */



.slideshow .slide .caption {

    padding: 70px 75px 80px;

}



.slideshow .slide .image-container {

    position: absolute;

    top: 0;

    left: 0;

    /* width: 100%; */

    width: 63.25%;

    height: 100%;

    background-position: center;

    z-index: 1;

    background-size: cover;

    image-rendering: optimizeQuality;

}



.slideshow .slide .image-container::before {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

}



.slideshow .slide .image {

    width: 100%;

    width: 100%;

    object-fit: cover;

    height: 100%;

}



/* .slideshow .slide-content {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    color: #fff;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

} */



.slideshow .slide-content {

    position: absolute;

    bottom: 0;

    /* left: 40%; */

    right: 0 !important;

    width: 50.6%;

    height: 85%;

    z-index: 2;

    background: #f4f4f2;

}



.slideshow .slide .title {

    margin: 0 auto 15px;

    max-width: 1000px;

    font: 300 50px/1.2 "Oswald", sans-serif;

    letter-spacing: 0.35em;

    text-transform: uppercase;

}



.slideshow .slide .text {

    margin: 0 auto;

    max-width: 1000px;

    font-size: 18px;

    line-height: 1.4;

}



.slideshow .slide .btn {

    margin: 15px 0 0;

    border-color: #fff;

}



.slideshow .slide .btn::before {

    background: #fff;

}



.slideshow .pagination {

    position: absolute;

    bottom: 35px;

    left: 0;

    width: 100%;

    height: 12px;

    cursor: default;

    z-index: 2;

    text-align: center;

}



.slideshow .pagination .item {

    display: inline-block;

    padding: 15px 5px;

    position: relative;

    width: 46px;

    height: 32px;

    cursor: pointer;

    text-indent: -999em;

    z-index: 1;

}



.slideshow .pagination .item+.page {

    margin-left: -2px;

}



.slideshow .pagination .item::before {

    content: "";

    display: block;

    position: absolute;

    top: 15px;

    left: 5px;

    width: 36px;

    height: 2px;

    background: rgba(255, 255, 255, 0.5);

    transition: background 0.2s ease;

}



.slideshow .pagination .item::after {

    width: 0;

    background: #fff;

    z-index: 2;

    transition: width 0.2s ease;

}



.slideshow .pagination .item:hover::before,

.slideshow .pagination .item.is-active::before {

    background-color: #fff;

}



.slideshow .arrows {

    position: absolute;

    bottom: 80px;

    width: 150px;

    right: 36%;

}



.slideshow .arrows .arrow {

    margin: -33px 0 0;

    /* padding: 20px; */

    position: absolute;

    /* top: 50%; */

    bottom: 0;

    cursor: pointer;

    z-index: 3;

}



.slideshow .arrows .prev {

    left: 30px;

}



.slideshow .arrows .prev:hover .svg {

    left: -10px;

}



.slideshow .arrows .next {

    right: 30px;

}



.slideshow .arrows .next:hover .svg {

    left: 10px;

}



.slideshow .arrows .svg {

    position: relative;

    left: 0;

    width: 14px;

    height: 26px;

    fill: #000;

    transition: left 0.2s ease;

}







/* Philosophy slider */



.ipad-slider {

    display: flex;

    position: relative;

  }

  

  

  .quote-slider-wrapper {

    -ms-flex: 0 0 47vw;

    flex: 0 0 47vw;

    max-width: 47vw;

  }

  .quote-slider {

    height: 100vh;

    max-height: 1000px;

  }

  

  .quote-text-wrap {

    display: flex;

    height: 100%;

  }

  .ph-content {

    /* max-width: 500px; */

    align-self: center;

    /* margin: 0 10%; */

    padding-right: 100px;

    font-size: 24px;

  }

  

  .ph-content {

    transition: all 0.3s;

  }

  .swiper-slide.swiper-slide-next .ph-content,

  .swiper-slide.swiper-slide-prev .ph-content {

    opacity: 0;

  }

  .swiper-slide.swiper-slide-active .ph-content {

    opacity: 1;

  }

  

  .ph-content p {

    font-size: 18px;

    color: #808080;

    overflow: hidden;

}

  .image-slider-wrapper {

    position: relative;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    /* background-color: #f1f1f1; */

    /* max-height: 1000px; */

  }

  .our-philosophy.rl{

      padding-left: 0;

      position: relative;

  }

  .rl .ipad-slider {

    width: 100%;

    max-width: 60vw;

}

  .image-slider {

    height: 100vh;

    /* max-height: 1000px; */

  }

  

  .swiper-slide { 

      position: relative;

      overflow: hidden;

  }

  .swiper-slide-inner { 

      position: absolute;

      left: 0;

      top: 0;

      width: 100%;

      height: 100%;

      overflow: hidden;

  }

  .rl .image-slider-wrapper {

    max-width: 100%;

    flex: 0 0 100%;

}

  .rl .quote-slider-wrapper{

      background: #f4f4f2;

      padding: 65px 75px;

      transform: translateX(-7vw);

      position: relative;

      z-index: 9;

      height: 80vh;

      max-height: 850px;

  }

  .rh-control {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



div#rl_pagination {

    position: absolute;

    z-index: 9;

    color: #a6a6a7;

    bottom: 80px;

}

  .rl .ph-control{

      transform: translateY(-100%);

      z-index: 9;

      bottom: 100px;

  }

  #image-slider2{

      width: 60vw;

  }

  .rl .quote-slider{

      height: 80vh;

      max-height: 850px;

  }

  .slider-title-rl h3{

    font-size: 90px;

    color: #fff;

    margin: 0;

    /* opacity: 0; */

    line-height: 1;

    position: absolute;

    top: unset;

    left: calc(48% + 75px);

    /* left: 0; */

    right: unset;

    z-index: 9;

    bottom: -93%;

    transform: rotateX(90deg);

    transition: all .3s ease;

  }

  #image-slider2 .swiper-slide{

      width: 100% !important;

  }

  .slider-title-rl .swiper-slide-active h3{

      opacity: 1;

  }

  .rl .ph-content{

      padding: 0;

  }

  .slider-title-rl {

    position: absolute;

    z-index: 99999;

    left: 75px;

    height: 80px;

    bottom: 111%;

    transform: rotate( 

270deg);

    bottom: 0;

    text-align: left;

    width: 100%;

    left: -47%;

}

.slider-title-rl .swiper-wrapper{

    height: 100vh;

}

  .rl .quote-text-wrap{

      height: auto;

      align-items: flex-start;

      justify-content: flex-start;

  }

  .swiper-slide img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: 50% 50%;

  }

  .swiper-pagination-fraction {

    position: static;

    text-align: right;

    padding-right: 70px;

    color: #fff;

}

.ns_creative ul,

.ns_technical ul {

    margin: 0;

}



.ns_creative>p, .ns_technical>p {

    color: #808080;

    font-size: 18px;

    padding-bottom: 15px;

    border-bottom: 1px solid #d0d3d6;

    margin-bottom: 50px;

}





.ns_creative li, .ns_technical li {

    font-size: 18px;

    color: #0f1013;

    line-height: 1.2;

}

.ns_creative, .ns_technical {

    width: 50%;

}

.ns_creative{

    margin-right: 50px;

}

.ns_ind_right {

    padding-left: 140px;

}



.ns_ind_left {

    width: 45vw;

    display: flex;

    align-items: center;

    justify-content: flex-end;



}

.ns_ind_right {

    width: 55vw;

}



.ns_ind_left>img {

    width: 100%;

    height: auto;

}

.ns_ind.ns_section {

    padding-left: 0px;

}

.ns_ind_list {

    /* max-width: 39vw; */

    margin-left: auto;

}

.make-it-easy-inner .question {

    border: 0px;

    padding: 0px;

    padding-top: 0px;

}



.make-it-easy-inner .question::after {

    right: unset;

    left: 17px;

}



.make-it-easy-inner .answer {

    /* max-width: 100%; */

    padding-top: 70px;

}

.swiper-slide.swiper-slide-active p div,

.swiper-slide.swiper-slide-active h3 div{

    overflow: hidden;

}

.footer-widget-link li a{

    transition: all .3s ease;

}

.footer-widget-link li a:hover {

    color: #808080;

    transition: all .3s ease;

}

.our-philosophy{

    overflow: hidden;

}

.ph-content h3 {

    line-height: 1.2;

}

.landing .ns_banner {

    max-width: 73vw;margin: 0 auto;padding-left: 0px;padding-right: 0px;

}



.landing .ns_banner h1 {

    width: 59vw;

    font-size: 60px;

    line-height: 70px;

    max-width: 1300px;

    margin-left: 0;

    opacity: 0;

}

.landing .ns_banner h1.loaded {

    opacity: 1;

}



.landing .ns_banner h1>div:last-child span {

    color: #e23744;

}



.mb-70{

    margin-bottom: 70px;

}



.landing .ns_banner p{

    width: 100%;

    max-width: 100%;

    margin-bottom: 70px;

    opacity: 0;

}

.landing .ns_banner p.loaded{

    opacity: 1;

}

.banner-form form {display: flex;align-items: center;justify-content: space-between;}



.banner-form {margin-bottom: 40px;}



.banner-form-single:last-child {margin-right: 0px;}

.banner-form-single {margin-right: 90px;width: 100%;padding-bottom: 6px;}



.banner-form-single:last-child {padding-right: 0px;}



.banner-form-single {

    position: relative;overflow: hidden;

}

.banner-form-single label {

    margin: 0 !important;

    display: block;

    color: #0f1013;

    font-size: 18px;

    line-height: 1;

    transform: translateY(22px) scale(1);

    transition: all .3s ease;

    transform-origin: left top;

}

.landing .point h3>span:first-child {

    font-size: 90px;

}

.landing .point:nth-child(3) img {

    margin-left: auto;

    margin-left: auto;

    max-width: 28vw;

    transform: translateY(-3%) translateX(11%);

    /* max-width: 440px; */

}

.banner-form-single.focused label {

    /* font-size: 15px; */

    color: #808080;

    transform: translateY(0px) scale(.83);

    transition: all .3s ease;

    transform-origin: left top;

}



.banner-form-single input {

    padding-left: 0px !important;

    padding-right: 0px !important;

    color: #0f1013;

    border-color: #B5B5B5;

    border-radius: 0px !important;

}



.banner-form-single.focused input {

    border-color: #0F1013;

}

.banner-form-single.checked:before {

    content: "";

    background: #000000;

    width: 70px;

    height: 1px;

    bottom: unset;

    top: 24%;

    left: 106%;

    position: absolute;

}

.banner-form-single.checked:after {

    content: "";

    position: absolute;

    right: 0px;

    top: 22px;

    pointer-events: none;

    width: 14px;

    height: 14px;

    background: url(/images/redesign/form-valid.svg) 0 0 no-repeat;

    filter: brightness(0);

}

.banner-form-single.checked:last-child:after {

    right: 0;

}

.landing .hide-wave {

    position: absolute;

    width: 100%;

    bottom: 0px;

    left: 0%;

    height: 0.7rem;

    display: block;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    -webkit-transition: 0s ease-in-out;

    transition: 0s ease-in-out;

    overflow: hidden;

}

.landing .hide-wave:after {

    content: "";

    position: absolute;

    width: 100%;

    bottom: 0;

    left: 0;

    height: 11.2px;

    height: 11.2px;

    height: 11.2px;

    height: 11.2px;

    height: 11.2px;

    height: 11.2px;

    height: 11.2px;

    height: 0.7rem;

    background-position: 0;

    background-repeat: repeat-x;

    background-image: url(/images/redesign/wave.svg);

    background-color: transparent;

    background-size: 11.5rem 0.7rem;

    -webkit-transition: 0s ease-in-out;

    transition: 0s ease-in-out;

    -webkit-transform: translate3d(-100%, 0, 0) rotate(180deg);

    transform: translate3d(100%, 0, 0) rotate(180deg);

    /* filter: brightness(0); */

}

.landing .failed .hide-wave{

    -webkit-transform: translateZ(0);

    transform: translateZ(0); -webkit-transition: 0s ease-in-out;

    transition: 0s ease-in-out;

}

.landing .failed .hide-wave:after {

    -webkit-transform: translateZ(0) rotate(180deg);

    transform: translateZ(0) rotate(180deg);

    -webkit-animation: f 250s infinite linear;

    animation: f 250s infinite linear;

}

@-webkit-keyframes f {

    0% {

        background-position: 0;

    }



    to {

        background-position: 1000rem;

    }

}



@keyframes f {

    0% {

        background-position: 0;

    }



    to {

        background-position: 1000rem;

    }

}

.landing .landing_qa p>div:last-child {

    margin-top: 40px;

}

.banner-form-single.failed input{

    border-color: transparent;

}

.mt-40{

    margin-top: 40px;

}

.landing_qa .industry_single:last-child .question{

    border: 0px;

}

.landing_qa.industries{

padding-bottom: 150px;

}

.landing .make-it-easy-inner {

    padding: 200px 175px;

}

.ns_two_col h2{

    max-width: 61vw;

}

.landing p.aw_fixed {max-width: 70vw;margin-bottom: 50px;top:70vh;width: 100%;font-size: 60px;line-height: 1;}

.landing .point h3 {padding-top: 0px;font-size: 60px;line-height: 1;}

.landing .philosophie .point {display: flex;align-items: flex-start;padding: 200px 15px 0px 15px;    max-width: 75vw;justify-content: space-between;

    margin: 0 auto;

    width: 100%;

    left: 50%;

    transform: translateX(-50%);}

.landing .aw_indicator_left {max-width: 40vw;margin-left: auto;flex-basis: unset;padding: 0px;padding-top: 150px;}

.landing .aw_indicator {max-width: 73vw;margin: 0 auto;padding: 0px;}

.landing .aw_indicator_right {display: none;}

.landing .aw_indicator_right {display: none;}



.landing .point article {margin-left: 0;flex-basis: unset;max-width: 40vw;width: 100%;    padding-right: 10px;}

.landing .ta-partner{

    margin-bottom: 50px;

}

.landing .point img {flex-basis: unset;transform: unset;width: 100%;max-width: 30vw;padding-right: 50px;}

.landing .point h3>span:last-child {

    font-size: 25px;

    font-weight: 400;

    color: #0f1013;

    width: 150px;

    display: inline-block;

    text-align: right;

}

.landing .philosophie .point:nth-child(4) img {

    transform: scale(1.1) translateY(10px);

}

.landing img.point_star {

    position: absolute;

    left: 38%;

    opacity: 0;

    z-index: 99;

    max-width: 203px;

    bottom: 11%;

}



.landing .point_wrap {

    height: 400px;

}

.nst_arrow img {

    cursor: pointer;

}

.nst_site a {

    position: relative;

}



.nst_site a:after {

    position: absolute;

}



.nst_site a:after {

    background: #d0d3d6;

    position: absolute;

    width: 0%;

    height: 1px;

    content: "";

    bottom: -5px;

    left: 0;

    transition: all .3s ease;

}



.nst_site a:hover:after {

    width: 100%;

    transition: all .3s ease;

}

.landing .point h3 {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.landing .ta-partner-haeding {

    max-width: 55rem;

}

.ns_testimonial_block {

    background: #F3F3F2;

    /* padding: 65px; */

    /* width: 35vw !important; */

    /* max-width: 100%; */

}

.nst_top {

    padding: 65px;

    padding-bottom: 0;

}



.nst_bottom {

    padding: 65px;

}

.landing .swiper-wrapper{

    width: 50%;

}

.nst_partner{

    display: flex;

    align-items: flex-start;

    justify-content: flex-start;

}

.landing .ta-partner-item:last-child {

    border-right: 0px;

}

.ta-partner-item:last-child {

    border-right: 0px;

}



.landing .ta-partner-item.swiper-slide {

    width: 10%;

    min-height: 230px;

    min-width: 10vw;

    max-width: calc(62vw/2);

    transition: max-width 1s cubic-bezier(0.25,0.74,0.22,0.99) .5s, min-height 1s cubic-bezier(0.25,0.74,0.22,0.99) .1s;

}



.landing .ta-partner-item>img {

    max-width: 170px;

    max-height: 70px;

    object-fit: contain;

}



.landing .ta-partner-title{

    margin-bottom: 90px;

}



.nst_bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-top: 20px;

}



div#nst_partner {

    padding: 0px 85px;

}



.ns_testimonial_block {

    display: flex;

    flex-direction: column;

    min-height: 500px;

    justify-content: space-between;

}

img#nst_prev {

    transform: rotate(180deg);

    margin-right: 10px;

}



.nst_arrow img {

    max-width: 30px;

}



.ns_testimonial_control {

    margin-top: 30px;

}

.landing .question.geffect_intro {

    width: 100%;

    max-width: 50%;

    margin-left: auto;

}



.landing .ls_single .answer {

    max-width: 50%;

}



.landing .ls_single .question {

    font-size: 18px;

    color: #0f1013;

    line-height: 1;

    padding: 35px 0px;

}



.landing .ls_single .question::after {

    line-height: 1.5;

}



.landing-service-heading {

    border-bottom: 1px solid #CDD1D5;

    margin-bottom: 40px;

}



.landing-service-heading h2 {

    margin-bottom: 70px;

    max-width: 64vw;

    font-size: 60px;

}



.nst_col_heading h2 {

    margin-bottom: 50px;

    font-size: 60px;

    line-height: 1.1;

}



.ns_video-section {

    /* background: #000; */

    width: 100%;

    height: 43.5vw;

    margin-bottom: 20px;

    cursor: pointer;

    overflow: hidden;

}



.ns_video-section+p {

    font-size: 18px;

    color: #0f1013;

}



.landing .touch-para {

    max-width: 65vw;

    margin: 0 auto;

}



.ns_single .git_icon:before,

.ns_single .git_icon:after{

    animation: none;

    top: -1;

}

.pt .git_icon:before,

.pt .git_icon:after,

.pf-bottom .git_icon:before,

.pf-bottom .git_icon:after{

    animation: none;

}

.rl .quote-text-wrap p {

    color: #0f1013;

}

.make-it-easy .industry_single::before {

    left: 0;

    top: 20px;

}

.make-it-easy .industry_single{

    cursor: pointer;

}

.landing-service-wrapper .question::before {

    width: 25px;

    height: 25px;

}



.landing-service-wrapper .question::after {

    width: 12px;

    height: 12px;

    background-size: 12px 12px;

    right: 6.5px;

}



.landing-service-wrapper .industry_single::before {

    width: 25px;

    height: 25px;

    top: 44px;

}



.landing-service-wrapper .answer {

    padding-top: 20px !important;

    font-size: 16px;

}





.landing_qa .question.geffect_intro {

    max-width: 100%;

}

.landing_qa h2.ta-industries-heading.geffect_intro+p,

.landing_qa h2.ta-industries-heading.geffect_intro {

    width: 70vw;

    max-width: 70vw;

}

.landing_qa b{

    color: #0f1013;

    font-weight: 400;

    display: inline;

}

.landing-service-wrapper.industries {

    background: #fff;

}

.landing_qa h2.ta-industries-heading.geffect_intro+p div {

    display: inline-block !important;

}

.landing_qa h2.ta-industries-heading.geffect_intro+p>div:last-child {

    display: block !important;

}

/* img.stars {

    position: absolute;

    left: 50%;

    bottom: -5vw;

} */



.point_wrap {

    position: relative;

    height: 450px;

}

.point:nth-child(3) img {

    max-width: 25vw;

    margin-left: 5vw;

    margin-top: -2vw;

}

.make-it-easy-inner h2{

    max-width: 1600px;

}

.make-it-easy-inner .answer,

/* .make-it-easy-inner h2, */

.make-it-easy-inner p {

    max-width: 850px;

    margin-right: auto;

    margin-left: 0px;

    line-height: 1.5;

}

img.point_star {

    left: unset;

    right: 40%;

}

img.point_star {

    position: absolute;

    left: 50%;

    bottom: 0;

    opacity: 0;

    z-index: 99;

}



.philosophie .point:nth-child(2) .point_star {

    opacity: 1;

}

/* .make-it-easy-inner .answer {

    max-width: 100%;

} */

.our-philosophy .image-slider-wrapper {

    transform: translateX(7%);

    min-height: 97vh;

}



.our-philosophy .swiper-pagination-fraction {

    padding-right: 0;

}



.ns_testimonial_block {

    transition: all .7s cubic-bezier(0.25,0.74,0.22,0.99);

    width: 0% !important;

    opacity: 0;

    /* transform: scale(0); */

    transition-delay: .7s;

}

.ns_testimonial_block p, .ns_testimonial_block a{

    opacity: 0;

}



.swiper-slide-active.ta-partner-item.swiper-slide {

    min-width: 513px;

}

.swiper-slide-active.ta-partner-item .ns_testimonial_block{

    width: 100% !important;

    /* transform: scale(1); */

    opacity: 1;

    transform-origin: top left;

    transition: width .7s cubic-bezier(0.25,0.74,0.22,0.99), opacity .1s cubic-bezier(0.25,0.74,0.22,0.99);

}

.swiper-slide-active.ta-partner-item .ns_testimonial_block p,

.swiper-slide-active.ta-partner-item .ns_testimonial_block a{

opacity: 1;

transition-delay: .7s;

}

.swiper-slide-active.ta-partner-item img{

    /* width: 0 !important; */

    opacity: 0;

    transform-origin: top;

    transition: transform .7s cubic-bezier(0.25,0.74,0.22,0.99), opacity .1s ease;

}

.ns_testimonial_block {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    overflow: hidden;

}

.swiper-slide-active.ta-partner-item.swiper-slide {

    min-width: 38vw;

    min-height: 500px;

    transition: all .7s cubic-bezier(0.25,0.74,0.22,0.99);

    border: 0px;

}

.swiper-slide-next.swiper-slide {

    border: 0px;

}

.swiper-slide.ta-partner-item.swiper-slide-duplicate-prev {

    border: 0px;

}

.nst_top {

    transform: translateY(50px);

    transition: all .4s cubic-bezier(0.25,0.74,0.22,0.99);

    opacity: 0;

}

.swiper-slide-active.ta-partner-item .nst_top{

    transform: translateY(0px);

    transition: all .4s cubic-bezier(0.25,0.74,0.22,0.99);

    transition-delay: .6s;

    opacity: 1;

}

div#lnst_count {

    color: #8f8f8f;

    font-size: 18px;

    padding: 0;

    text-align: right;

}



.ns_testimonial_control {

    max-width: 42.5%;

    position: absolute;

    width: 100%;

    left: 39.5%;

    z-index: 99;

    display: flex;

    align-items: center;

    justify-content: space-between;

    bottom: 40px;

}



div#nst_partner .nst_arrow {

    display: flex;

}



div#nst_partner {

    padding-bottom: 100px;

    min-height: unset;

}



img.ns__713 {

    transform: scale(1.5);

    transition: all 1.4s cubic-bezier(.215,.61,.355,1);

    transition-delay: .3s;

}



img.ns__713.active {

    transform: scale(1);

     transition: all 1.4s cubic-bezier(.215,.61,.355,1);

     transition-delay: .3s;

}



img.ns_img_1 {

    transform: scale(1.5);

    transition: all 1.4s cubic-bezier(.215,.61,.355,1);

    /* transition-delay: .3s; */

}



img.ns_img_1.active {

    transform: scale(1);

     transition: all 1.4s cubic-bezier(.215,.61,.355,1);

     /* transition-delay: .3s; */

}

.simgbox {

    overflow: hidden;

}

.nsimg1{

    overflow: hidden;

}

#image-slider-wrapper {

    transform: unset;

}

div#nst_partner .swiper-wrapper {

    min-height: 500px;

}



.landing .swiper-slide.ta-partner-item.swiper-slide-prev {

    border: 0;

}



/* ===÷ */

.video {

    background-size: cover;

    background-position: center;

}

.video--industries {

    height: 750px !important;

    width: 100%;

    max-width: 585px !important;

}

.industry-video {

    background-image: url(/images/redesign/2x/zara_thumbnail@2x.jpg);

    width: 100%;

    height: 44vw;

}

.zara-video {

    background-image: url(/images/redesign/2x/clear_capital_thumbnail@2x.jpg);

    width: 100%;

    height: 44vw;

}

body:not(.no-js) .z-image-wrap {

    transition: 1s ease-out;

    transition-delay: 0.2s;

    position: relative;

    width: auto;

    /* height: 80vh; */

}

ideo {

    width: 100%;

    max-width: 100%;

}

iframe.thevideo {

    opacity: 0;

    width: 100% !important;

    height: 100% !important;

    cursor: pointer;

    /* transition: all .3s ease-in-out; */

}

iframe.thevideo.playing {

    opacity: 1;

    /* transition: all .3s ease-in-out; */

}

@keyframes blink {

    0%  { background-color: #e23744; }

    49% { background-color: #e23744; }

    50% { background-color: transparent; }

    99% { background-color: transparent; }

    100%  { background-color: #e23744; }

  }

  span.cursor.typing {

    animation: none;

  }

  span.cursor {

    display: inline-block;

    background-color: #e23744;

    margin-left: 0.3rem;

    width: 3px;

    margin-top: 5px;

    height: 50px;

    animation: blink 1s infinite;

    transform: translateY(6px) translateX(1px);

  }

  /* body.landing {

    opacity: 0;

}

body.landing.loaded {

    opacity: 1;

} */

.ns_ind_left iframe{

    position: static !important;

    height: 100vh !important;

}

.landing .ns_banner h1 span {

    color: #e23744;

}

.ns_header {

    width: 100%;

}



.ns-nav-wrapper ul>li:first-child a {

    padding-left: 0;

}

section.our-philosophy.ns_section.mt-200.mb-100.ph .ph-control {

    z-index: 99999 !important;

}

.service_slider_res.slick-slider .slick-track, .service_slider_res.slick-slider .slick-list,

.ns_portfolio-wrapper .slick-slider .slick-track, .ns_portfolio-wrapper .slick-slider .slick-list {

    transition: transform .3s ease-out !important;

}

.res_ns_title{

    display: none;

}

.ns_portfolio-wrapper .slick-arrow img, .service_slider_res .slick-arrow img {

    max-width: 16px;

}

.landing h1, .landing h2, .landing h3, .landing h4, .landing h5, .landing h6,

.home h1, .home h2, .home h3, .home h4, .home h5, .home h6{

    letter-spacing: 0px;

}

.landing .point article{

    padding-right: 0px;

}

.service_slider_res .slick-track,

.ns_portfolio-wrapper .slick-track{

    overflow: hidden;

}

.swiper-pagination-bullet, .swiper-pagination-bullet+span {

    display: none;

}



span.swiper-pagination-bullet.swiper-pagination-bullet-active, span.swiper-pagination-bullet.swiper-pagination-bullet-active+span {

    display: inline-block;

}

.swiper-pagination-bullet-active {

    width: 10px;

    background: transparent;

}

.iframe_wtrap{position:relative;}

.iframe_wtrap::after { content: ""; background: transparent; width: 100%; height: 100%; min-height: 1px; position: absolute; top: 0; }





#the_footer, .ta-footer {

    position: relative;

}

.contact footer.ta-footer.ns_section~div {

    display: none;

}

section#projects .project-single a {

    cursor: none;

}

.make-it-easy-inner .answer div, .make-it-easy-inner p div {

    display: inline !important;

}

.landing header+.banner-area-wrapper {

    display: none;

}

.hwd_banner_contact>a {

    color: #0f1013;

    font-size: 18px;

    display: inline-block;

}



.hwd_banner_contact>a:first-child {

    margin-right: 90px;

}



.hwd_banner_contact>a:hover {

    color: #808080;

}

.hwd_banner_contact {

    opacity: 0;

}



.loaded+.hwd_banner_contact {

    opacity: 1;

}



.landing .philosophie-wrapper {

    display: none;

}



.loaded-done.landing .philosophie-wrapper {

    display: block;

}



.res-control {

    display: none;

}

.make-it-easy-inner .answer:last-child {

    padding-top: 20px;

}

.home .make-it-easy-inner .answer:last-child {

    padding-top: 50px;

}

.landing-service-wrapper .question::before {

    background: #F3F4F2;

}

.d-flex.res_show{

    display: none !important;

}

.ta-brand-story-title {

    word-break: break-word;

}

/* .geffect *, .geffect_intro * {

    display: inline !important;

} */

section.our-philosophy.ns_section.mt-200.mb-100.ph .ph-content .home h3 {

    margin-bottom: 70px;

}

section.our-philosophy.ns_section.mt-200.mb-100.ph .ph-control{

   bottom: 15px;

}

/* ==june 2022== */

.ns_portfolio{

    padding-left: 275px;

}

.ns_single_713 {

    border: none;

    height: unset;

    margin: 0;

    padding: 0;

    width: 100%;

}



.ns_single_details {

    padding: 0px 75px;

    width: 100%;

}



.ns_portfolio-wrapper {

    width: 100%;

    /* overflow: visible; */

}

img.ns_img_1 {

    transform: scale(1);

    max-width: 35vw;

}



.ns_single_image {

    width: auto;

    max-width: 35vw;

}

.ns_portfolio {

    padding-left: 0;

    width: 100%;

    max-width: 100%;

}



.ns_single {

    width: 100% !important;

    max-width: 100%;

    padding: 0 !important;

    padding-left: 290px !important;

    height: unset;

}

.ns_single_image:after{

    display: none;

}

.pf-slider.pf-inner {

    display: flex;

    position: relative;

}



.sl-portfolio-wrapper {

    overflow: hidden;

}



.sl-portfolio-inner {

    overflow: hidden;

}

.pf-image-slider-wrapper {

    flex: 0 0 60%;

    max-width: 60%;

    align-items: center;

    display: flex;

}



.pf-slider-wrapper {

    position: relative;

    flex: 0 0 40%;

    max-width: 40%;

}



div#pf-image-slider {

    height: calc(100vh - 100px);

    width: 100%;

}

.pf-slider-wrapper .swiper-slide:not(.swiper-slide-active){

    opacity: 0 !important;

    transition:transform 1.6s cubic-bezier(.25,.74,.22,.99),opacity .6s cubic-bezier(.25,.74,.22,.99) !important;

}

.pf-slider-wrapper .swiper-slide:not(.swiper-slide-active) h3 div,

.pf-slider-wrapper .swiper-slide:not(.swiper-slide-active) p div{

    transform: translateY(100px) !important;

    transition:transform 2.6s cubic-bezier(.25,.74,.22,.99),opacity 0s cubic-bezier(.25,.74,.22,.99) !important;

}

.pf-slider-wrapper .swiper-slide.swiper-slide-active p div,

.pf-slider-wrapper .swiper-slide.swiper-slide-active h3 div{

    transform: translateY(0px) !important;

    transition:transform 1.6s cubic-bezier(.25,.74,.22,.99),opacity 0s cubic-bezier(.25,.74,.22,.99) !important;

}

.pf-slider-wrapper .swiper-slide.swiper-slide-duplicate-active p div,

.pf-slider-wrapper .swiper-slide.swiper-slide-duplicate-active h3 div{

    transform: translateY(0px) !important;

    transition:transform 1.6s cubic-bezier(.25,.74,.22,.99),opacity 0s cubic-bezier(.25,.74,.22,.99) !important;

}

.swiper-slide.swiper-slide-next .pf-content,

.swiper-slide.swiper-slide-prev .pf-content {

  opacity: 0;

}

.swiper-slide.swiper-slide-active .pf-content {

  opacity: 1;

}

/* .sl-portfolio-inner .swiper-container-vertical .swiper-wrapper {

    position: absolute;

} */

.sl-portfolio-inner .swiper-container{

    height: 100%; 

    max-height: 100vh;

    min-height: 0;

    overflow: hidden;

  }

  .pf-text-wrap {

    padding: 0px 75px;

}



.pf-text-wrap p {

    font-size: 18px;

    color: #8f8f8f;

}



.pf-content>p.small-text {

    font-size: 15px;

    margin-bottom: 30px;

}



.pf-content>p.small-text>span {

    color: #0f1013;

}



.pf-content .git img {

    width: 100%;

    max-width: 14px;

    height: auto;

    transform: translateY(-1px);

}



.pf-content .git_icon:before {

    top: 0px;

}



.pf-content .git_icon:after {

    top: 0;

}



.pf-content .git a:hover:after {

    top: 121%;

}

  .sl-portfolio-inner .swiper-slide{

    height: 100vh !important;

    display: flex;

    align-items: center;

}

#pf-image-slider .swiper-slide{

      /* padding-left: 290px; */

  }

  .pcc {

    width: 100%;

    max-width: 80px;

    cursor: pointer;

}



.pcc img {

    width: 30px;

    filter: grayscale(1) !important;

}



.pcc-prev img {

    transform: rotate(180deg);

}



.pf-custom-control {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 80px;

}



.pf-bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.pf-control {

    opacity: 0;

}

.pf-bottom {

    margin-top: 20px;

}

.pf_single-title {

    position: absolute;

    z-index: 999;

    left: 0;

}



div#pf-image-slider .swiper-slide-inner {

    padding-left: 220px;

}

.pf_single-title p {

    font-size: 190px;

    line-height: 1;

    font-weight: 300;

    font-family: 'Maison Neue';

    position: relative;

    display: flex;

    margin-right: 400px;

    margin-top: 70px;

    margin-bottom: 70px;

    white-space: nowrap;

}



.pf_single-title p:after {

    content: "";

    position: absolute;

    height: 1px;

    width: 250px;

    background: #0f1013;

    left: calc(100% + 80px);

    top: 44%;

}

.pf_single-title p:first-child:before {

    content: "";

    position: absolute;

    height: 1px;

    width: 250px;

    background: #0f1013;

    right: calc(100% + 80px);

    top: 44%;

}



.pf_single-title-inner {

    display: flex;

    height: 220px;

}

.pf_single-title-inner p{

   opacity: 0;

   margin-top: 0 !important;

}

.swiper-slide-active .pf_single-title-inner p{

    opacity: 1;

    transition: opacity .5s cubic-bezier(.25,.74,.22,.99) .9s;

}



.pf_single-title {

    position: relative;

}



.pf_single-title-inner {

    position: absolute;

    top: 0;

    left: 0px;

    width: 220px;

}

.pf_single-title {

    transform: rotate(270deg) translateY(0px) translateX(-8000px);

}

img.scimg {

    width: 260px;

    height: 260px;

    position: absolute;

    bottom: -50px;

    right: -35px;

}

.frimg {

    width: 100%;

    height: calc(100vh - 100px);

    position: relative;

}

#pf-image-slider .swiper-slide-inner {

    width: 67%;

    padding-right: 40px;

}

div#pf-image-slider {

    overflow: visible;

}

.pf-text-wrap {

    padding-left: 40px;

}

.ns_single_713 p span {

    color: #0f1013;

    display: block !important;

    margin-top: 15px;

    margin-bottom: 15px;

}

.thanks .contact-info-single {

    align-items: center;

}



.thanks .contact-info-single p {

    line-height: 1;

    margin: 0;

}



.thanks .contact-info-single .info-img {

    height: 20px;

}

@media only screen and (max-width: 1024px) {

    .frimg {

        height: calc(100vh - 100px);

    }

    .sl-portfolio-inner:after{

        display: none;

    }

    div#pf-image-slider .swiper-slide-inner {

        padding: 0px;

        width: 100%;

    }

    

    .pf-image-slider-wrapper {

        flex: 0 0 100%;

        max-width: 100%;

        margin-bottom: 30px;

    }

    

    .pf-slider-wrapper {

        flex: 0 0 100%;

        max-width: 100%;

    }

    

    .pf-slider.pf-inner {

        flex-direction: column;

    }

    

    #pf-image-slider .swiper-slide {

        width: 100% !important;

    }

    

    .frimg {

        width: 100%;

        margin: 0;

        height: unset;

    }

    #pf-image-slider .swiper-slide-inner{

        width: 100%;

    }

    .sl-portfolio-inner {

        max-width: 600px;

        margin: 0 auto;

    }

    .pf_single-title-inner{

        top: 20px;

    }

    .sl-portfolio-wrapper.ns_section {

        padding-top: 100px;

    }

    

    .pf_single-title {

        transform: unset;

        top: 0px;

        left: 0px;

    }

    

    img.scimg {

        right: 50%;

        transform: translateX(50%);

        bottom: unset;

        top: 70px;

        width: 150px;

        height: 150px;

    }

    

    .pf_single-title {

        position: static;

    }

    

    .swiper-slide-active .pf_single-title-inner p {

        font-size: 40px;

        font-weight: 400;

        opacity: 0 !important;

    }

    

    .swiper-slide-active .pf_single-title-inner p:first-child {

        opacity: 1 !important;

        margin: 0 !important;

    }

    

    .swiper-slide-active .pf_single-title-inner p:before, .swiper-slide-active .pf_single-title-inner p:after {

        display: none;

    }

    

    .frimg {

        padding-top: 87px;

    }

    

    .pf-custom-control {

        opacity: 0;

    }

    

    .pf-control {

        opacity: 1;

        max-width: 117px;

        display: flex;

        align-items: center;

        justify-content: space-between;

        position: absolute;

        top: 29px;

        right: 0;

        width: 100%;

    }

    

    .pf-control>div {

        position: static;

        padding: 10px;

        border: 1px solid #bbb;

        border-radius: 100%;

        width: 50px;

        height: 50px;

    }

    

    .pf-control>div:after {

        font-size: 20px;

    }

    

    .pf-slider-wrapper {

        position: static;

    }

    .sl-portfolio-inner .swiper-container {

        height: unset;

        max-height: unset;

    }

    

    .sl-portfolio-inner .swiper-slide {

        height: auto !important;

    }

}

@media only screen and (max-width: 600px) {

    .pf-text-wrap {

        padding: 0;

    }

    

    .frimg {

        height: 100%;

    }

    

    .frimg>img:first-child {

        height: 100%;

    }

    

    div#pf-image-slider {

        height: 500px;

    }

    

    img.scimg {

        width: 100px;

        height: 100px;

    }

    .pf_single-title-inner {

        width: 100%;

        overflow: hidden;

        top: 36px;

    }

    

    .pf_single-title-inner>p {

        width: 100%;

    }

    .pf_single-title {

        width: 100%;

    }

    

    

    .pf-control {

        top: 5px;

    }

    

    .sl-portfolio-inner {

        overflow: visible;

    }

    .swiper-slide-active .pf_single-title-inner p {

        font-size: 30px;

    }

    

    .sl-portfolio-wrapper.ns_section {

        padding-top: 50px;

    }

    

    .pf-control>div {

        width: 40px;

        height: 40px;

    }

    

    .pf-control {

        max-width: 96px;

    }

    

    .pf-control>div:after {

        font-size: 14px;

    }

}

@media only screen and (min-width: 1900px) {

    #pf-image-slider .swiper-slide-inner {

        width: 73%;

    }

}

@media only screen and (min-width: 2500px){

    #pf-image-slider .swiper-slide-inner {

        width: 80%;

    }

    .pf-text-wrap p{

        line-height: 1.5;

    }

    .ns_single_713 p{

        width: 100% !important;

    }

    div#pf-slider .swiper-slide>div, div#pf-slider .swiper-slide {

        width: 100%;

    }

    /* .pf-slider.pf-inner>div {

        flex: 0 0 100%;

        max-width: 100%;

    }

     */

    .frimg {

        width: 100%;

    }

    

    .frimg>img:first-child {

        width: 100% !important;

        /* height: auto; */

    }

}

.swiper-slide-active .geffect *{

    opacity: 1 !important;

}

.sl-portfolio-inner {

    position: relative;

}



.sl-portfolio-inner:after {content: "";width: 220px;height: 100px;background: #fff;position: absolute;bottom: -50px;z-index: 999;}

p.aw_fixed *{

display: inline !important;

}

.ns_single_713 p{

    width: 100%;

}

.resized .geffect *,

.resized .gseffect *,

.resized .geffect_intro *{

    display: inline !important;

}

.pt .at .git {

    padding: 60px 20px 20px 0px;

    opacity: 0;

    transform: translateY(-10px);

}

.pt .at.onview .git{

    opacity: 1;

    transform: translateY(0px);

    transition: all 1.6s cubic-bezier(.25,.74,.22,.99) !important;

}

.pt .at .git a:hover:after {

    left: 70%;

}

.pt .at .git a:after {

    right: unset;

    left: 70%;

    top: 122%;

}





/* ===================== servcie page css ================= */

.ss_section {

    margin-bottom: 150px;

}

.services .two-col {

    padding-left: 15px;

    padding-right: 15px;

    width: 50%;

}



.services .service-hero-heading,

.services .single-service-heading {

    font-size: 60px;

    line-height: 60px;

    color: #0f1013;

    margin-bottom: 130px;

    letter-spacing: normal;

}



.services .service-hero-text,

.services .single-service-text {

    font-size: 18px;

    color: #808080;

    line-height: 21.44px; 

}



.services .service-hero-text {

    padding-right: 190px;

}



.services .service-hero-img {

    padding-left: 1.48vw;

}



.services .video-wrapper {

    position: relative;

    background: #f7f7f2;

}



.services .servicve-hero-video {

    padding: 139% 0 0 0;

}



.services .video-wrapper iframe {

    position: absolute;

    top:0;

    left:0;

    width: 100%;

    height: 100%;

}





/* single service */



.services .single-service-heading {

    margin-bottom: 45px;

}



/* .services .single-service-img {

    flex: 0 0 36.104%;

    max-width: 36.104%;

} */



.services .single-service-img {

    flex: 0 0 37.16%;

    max-width: 37.16%;

}



.services .single-service-img img {

    width: 100%;

    filter: gray; 

    -webkit-filter: grayscale(1); 

    -webkit-transition: all .8s ease-in-out; 

}



.services .single-service-img img:hover {

    filter: none;

    -webkit-filter: grayscale(0);

    -webkit-transform: scale(1.01);

}



.services .single-service-video {

    padding: 159.29% 0 0 0;

}



/* .services .single-service-content {

    flex: 0 0 63.86%;

    max-width: 63.86%;

    padding-left: 13%;

    padding-top: 35px;

} */

.services .single-service-content {

    flex: 0 0 62.84%;

    max-width: 62.84%;

    padding-left: 10.5%;

    padding-top: 35px;

}



.services .single-service-text {

    margin-bottom: 60px;

}



.services .single-service-list {

    margin-bottom: 50px;

}



.services .single-service-list li {

    position: relative;

    line-height: initial;

    margin-bottom: 17px;

}



.services .single-service-list li:last-child {

    margin-bottom: 0;

}



.services .single-service-list li span {

    display: block;

    font-size: 18px;

    color: #0f1013;

    padding-left: 10px;

}



.services .single-service-list li:before {

    content: '';

    position: absolute;

    width: 4px;

    height: 4px;

    background: #0f1013;

    border-radius: 100%;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

}

.services section.ns_section {

    max-width: 1460px;

    margin-left: auto;

    margin-right: auto;

}

.services .ss-readmore {

    justify-content: start;

    margin-left: initial;

    max-width: fit-content;

}



.services .footer-contact,

.contact .footer-contact  {

    border-top: 1px solid #d0d3d6;

}



/* ===================== contact page css ================= */

.contact .contact-title {

    font-size: 60px;

    color: #0f1013;

    line-height: 60px;

    margin-top: 80px;

    margin-bottom: 115px;

}

           

.contact .interest {

    font-size: 25px;

    color: #808080;

    margin-bottom: 30px;

}



.contact .contact-form {

    width: 82.21%;

    margin-bottom: 130px;

}



.contact .fcl-checkbox {

    line-height: initial;

}





.contact .fcl-checkbox-wrapper {

    width: 71.6%;

    margin-bottom: 70px;

}



.contact .fcl-check-input + .fcl-checkbox-label {

    font-size: 20px;

    font-weight: 500;

    color: #0f1013;

    display: block;

    margin: 0;

    padding: 28px 30px 20px;

    border: 1px solid #e6e6e6;

    border-radius: 50px;

    cursor: pointer;

}



.contact .fcl-checkbox {

    margin-bottom: 30px;

    margin-right: 20px;

}



.contact .fcl-checkbox:last-child {

    margin-right: 0;

}



.contact .fcl-check-input {

    display: none;

  }



.contact .fcl-check-input:checked + .fcl-checkbox-label {

    background-color: #0f1013;

    border-color: #0f1013;

    color: #fff;

}



.contact .contact-form .form-field {

    position: relative;

    margin: 62px 0;

}

.contact .contact-form .form-field:last-child {

    margin-bottom: 0;

}



.contact .contact-form .input-text {

    display: block;

    width: 100%;

    height: 58px;

    border-bottom: 1px solid #d0d3d6;

    font-size: 20px;

    padding: 0;

}



.contact .contact-form .input-text:focus {

outline: none;

}



.contact .contact-form .input-text:focus + .label, 

.contact-form .input-text.not-empty + .label {

transform: translateY(-34px);

}



.contact .contact-form .label {

    position: absolute;

    left: 0;

    bottom: 15px;

    font-size: 25px;

    line-height: initial;

    color: #808080;

    cursor: text;

    transition: transform 0.2s ease-in-out;

    margin: 0;

}



.contact .contact-form .label span {

    font-size: 18px;

    color: #808080;

}



.contact .contact-fields {

    margin-bottom: 80px;

}



.contact .contact-submit:focus {

    outline: none;

}



.contact .more-than-img {

    width: 62.5vw;

}



.contact .more-than {

    position: relative;

}



.contact .more-than-contact {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 50vw;

    height: 47vw;

    padding: 5.489%;

    background: #f4f4f2;

    z-index: 999;

    display: grid;

}



.contact .more-than-contact p {

    line-height: 21px;

    color: #0f1013;

}



.contact .more-contact-info a:hover {

    color:#808080;

}



.contact .contact-stat {

    padding-top: 150px;

    padding-bottom: 150px;

}



.contact .two-col {

    padding-left: 15px;

    padding-right: 15px;

    width: 50%;

}



.contact .contact-stat-media {

    max-height: 315px;

}



.contact .stat-media-1 img {

    transform: translateX(-40px);

}



.contact .stat-media-2 img {

    transform: translateX(-55px);

}



.contact .contact-stat-star,

.contact .contact-stat-review {

    position: relative;

    line-height: initial;

}



.contact .contact-stat-star {

    margin-top: 18px;

    margin-bottom: 30px;

}



.contact .contact-stat-review a {

    font-size: 18px;

    color: #0f1013;

    border-bottom: 2px solid #4a4b4d;

}



.contact .contact-stat-review a:hover {

    color: #808080;

    border-color: #808080;

}



.ns_banner.ns_section .git a {

    margin-left: 25%;

    margin-top: 30px;

}



@media only screen and (max-width: 2000px){

.ns_banner.ns_section .git a {

    margin-left: 35%;

}

}





@media only screen and (max-width: 1500px){

.ns_banner.ns_section .git a {

    margin-left: 50%;

}

}



@media only screen and (max-width: 600px){

.ns_banner.ns_section .git a {

    margin-left: auto;

margin-top: 0px;

}

footer.ta-footer.ns_section~div {

    display: none;

}

}

.make-it-easy-inner .answer, .make-it-easy-inner p{

max-width: 100%;

}



.service-single-page .banner-area-wrapper{

    display: none;

}





.s_ns_ind {

    margin: 0px;

    padding-bottom: 140px;

    padding-top: 30px;

}



.service-single-page h1 {

    font-size: 60px;

    line-height: 1;

    margin-bottom: 50px;

}





.service-single-page h1+p {

    font-size: 30px;

    line-height: 1.2;

    max-width: 1500px;

}



.service-general, .service-desc {

    margin-top: 140px;

    max-width: 800px;

    margin-left: auto;

    margin-right: auto;

}



.service-single-page h3 {

    font-size: 40px;

    margin-bottom: 40px;

    line-height: 1.1;

}



.service-desc-block {

    margin-bottom: 140px;

}



.service-desc-block:last-child {

    margin-bottom: 0;

}



.service-thumb {

    margin-top: 120px;

}



.service-general h2 {

    font-size: 40px;

    line-height: 1.2;

    margin-bottom: 25px;

}

.service-desc-block ul {

    margin-top: 30px;

}



.service-desc-block ul li{

    list-style-type: disc;

    margin-left: -3px;

    font-size: 18px;

}

.service-desc-block ul {

    margin-top: 30px;

}



.service-desc-block ul li{

    list-style-type: disc;

    margin-left: -3px;

    font-size: 18px;

    color: #000000;

}







.service-single-page h3+p {

    color: #000000;

}

@media only screen and (min-width: 2000px){



    .nbs_container .service-general, .service-desc {

        max-width: 50% !important;

    }

    .service-single-page h3{

        font-size: 40px !important;;

        line-height: 1 !important;;

        margin-bottom: 40px !important;;

    }

    .service-general h2{

        font-size: 40px !important;;

        line-height: 1.2 !important;;

        margin-bottom: 25px !important;

    }

    .service-general h2+p {

        font-size: 25px;

        line-height: 1.4;

    }

    

    .service-desc-block p {

        font-size: 25px;

        line-height: 1.4;

    }

}



@media only screen and (max-width: 600px){

    .s_ns_ind {margin-top: 0px !important;padding-top: 0px;}

}