.heroban-title {
    perspective: 600px;
    -webkit-perspective: 600px;
}
/*.c-header_line, .heroban-title {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
}*/
.heroban-title-line {
    display: block;
    opacity: 0;
    transform-origin: center top;
    transform-style: preserve-3d;
    transform: translateY(100%) rotateX(-80deg);
    transition: opacity 0s cubic-bezier(.215,.61,.355,1),transform 0s cubic-bezier(.215,.61,.355,1);
}
.heroban-title-line span {
    display: inline-block;
}

.heroban-title.is-inview .heroban-title-line {
    transform: none;
    opacity: 1;
    transition-duration: .8s;
}
.heroban-title.is-inview .heroban-title-line:first-child {transition-delay: .5s;}
.heroban-title.is-inview .heroban-title-line:nth-child(2) {transition-delay: .4s;}
.heroban-title.is-inview ~ .heroban-title.is-inview .heroban-title-line:first-child {transition-delay: .9s;}

.innerpage-banner {
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	transform: scale(1.5);
	transform-origin: 50% 0%;
	/*transform-style: preserve-3d;*/
	/*transition: all 1s cubic-bezier(.215,.61,.355,1);*/
	transition: transform 1.2s cubic-bezier(.215,.61,.355,1), clip-path 1s cubic-bezier(0.65, 0, 0.35, 1);
}

.innerpage-banner.is-inview {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	transform: scale(1);
}
.product-block h4 {
	opacity: 0;
}
.product-block .projectimg {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1);
}
.product-block.is-inview .projectimg{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.product-block.is-inview h4 {
	transition-delay: 0.96s;
	opacity: 1;
}

.about-panel .about-intro-block.contenttop.is-inview {
	 transition-delay: .06s;
}
.about-panel .video-block.contenttop.is-inview {
	 transition-delay: .36s;
}

.vision-mission-panel .vmbg {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1);
}
.vision-mission-panel .is-inview .vmbg {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.vmcol {
	opacity: 0;
	transform: translate(0, 100px);
}
.vm-block .contenttop.is-inview.vmcol:first-child {
	transition-delay: .36s;
	transform: translate(0, 0px);
	opacity: 1;
}
.vm-block .contenttop.is-inview.vmcol:nth-child(2) {
	transition-delay: .56s; transform: translate(0, 0px);
	opacity: 1;
}
.vm-block .contenttop.is-inview.vmcol:nth-child(3) {
	transition-delay: .76s; transform: translate(0, 0px);
	opacity: 1;
}
.intro-block.contentright.is-inview h2 {
	transition-delay: .06s;
}
.intro-block.contentright.is-inview p:first-child {
	transition-delay: .56s;
}
.intro-block.contentright.is-inview p:nth-child(2) {
	transition-delay: .96s;
}
.intro-block.contentright.is-inview p:last-child {
	transition-delay: 1.16s;
}
.intro-block.contentright.is-inview a {
	transition-delay: 1.36s;
}

.contentleft.is-inview>:first-child, 
.contentright.is-inview>:first-child, 
.contenttop.is-inview>:first-child, 
.contentbottom.is-inview>:first-child {
    transition-delay: .06s;
}
.contentleft.is-inview>:nth-child(2), 
.contentright.is-inview>:nth-child(2), 
.contenttop.is-inview>:nth-child(2), 
.contentbottom.is-inview>:nth-child(2) {
    transition-delay: .36s;
}
.contentleft.is-inview>:nth-child(3), 
.contentright.is-inview>:nth-child(3), 
.contenttop.is-inview>:nth-child(3), 
.contentbottom.is-inview>:nth-child(3) {
    transition-delay: .56s;
}
.contentleft.is-inview>:nth-child(4), 
.contentright.is-inview>:nth-child(4), 
.contenttop.is-inview>:nth-child(4), 
.contentbottom.is-inview>:nth-child(4) {
    transition-delay: .76s;
}
.contentleft.is-inview>:nth-child(5), 
.contentright.is-inview>:nth-child(5), 
.contenttop.is-inview>:nth-child(5), 
.contentbottom.is-inview>:nth-child(5) {
    transition-delay: 0.96s;
}
.contentleft.is-inview>:nth-child(6), 
.contentright.is-inview>:nth-child(6), 
.contenttop.is-inview>:nth-child(6), 
.contentbottom.is-inview>:nth-child(6) {
    transition-delay: 1.16s;
}
.contentleft.is-inview>:nth-child(7), 
.contentright.is-inview>:nth-child(7), 
.contenttop.is-inview>:nth-child(7), 
.contentbottom.is-inview>:nth-child(7) {
    transition-delay: 1.36s;
}
.contentleft.is-inview>*, 
.contentright.is-inview>*, 
.contenttop.is-inview>*, 
.contentbottom.is-inview>* {
    opacity: 1;
    transform: none;
}
.contentleft>* {
    opacity: 0;
    transform: translate(100px, 0);
    transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);
}
.contentright>* {
    opacity: 0;
    transform: translate(-100px, 0);
    transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);
}
.contenttop>* {
    opacity: 0;
    transform: translate(0, 100px);
    transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);
}
.contentbottom>* {
    opacity: 0;
    transform: translate(0, -100px);
    transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);
}
.contentleft span, .contentright span, .contenttop span, .contentbottom span{display: inline-block;}



.clientwrap .contenttop.is-inview>:nth-child(2) {transition-delay: 0.2s;}
.clientwrap .contenttop.is-inview>:nth-child(3) {transition-delay: 0.4s;}
.clientwrap .contenttop.is-inview>:nth-child(4) {transition-delay: 0.6s;}
.clientwrap .contenttop.is-inview>:nth-child(5) {transition-delay: 0.8s;}
.clientwrap .contenttop.is-inview>:nth-child(6) {transition-delay: 1s;}
.clientwrap .contenttop.is-inview>:nth-child(7) {transition-delay: 1.2s;}
.clientwrap .contenttop.is-inview>:nth-child(8) {transition-delay: 0.2s;}
.clientwrap .contenttop.is-inview>:nth-child(9) {transition-delay: 0.2s;}
.clientwrap .contenttop.is-inview>:nth-child(10) {transition-delay: 0.2s;}


.testiwrap .contenttop.is-inview>:nth-child(2) {transition-delay: 0.2s;}
.testiwrap .contenttop.is-inview>:nth-child(3) {transition-delay: 0.4s;}
.testiwrap .contenttop.is-inview>:nth-child(4) {transition-delay: 0.6s;}
.testiwrap .contenttop.is-inview>:nth-child(5) {transition-delay: 0.8s;}
.testiwrap .contenttop.is-inview>:nth-child(6) {transition-delay: 1s;}
.testiwrap .contenttop.is-inview>:nth-child(7) {transition-delay: 1.2s;}
.testiwrap .contenttop.is-inview>:nth-child(8) {transition-delay: 0.2s;}
.testiwrap .contenttop.is-inview>:nth-child(9) {transition-delay: 0.2s;}
.testiwrap .contenttop.is-inview>:nth-child(10) {transition-delay: 0.2s;}

.clienttop{
	opacity: 0;
    transform: translate(0, 100px);
    transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);
}
.clienttop.is-inview{
	opacity: 1;
    transform: none;
}
.testimonialtop{
	opacity: 0;
    transform: translate(0, 100px);
    transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);
}
.testimonialtop.is-inview{
	opacity: 1;
    transform: none;
}

/*.mapblock span{
	transform: translateY(15%) scale(1.2) ;
	transition: transform 0.5s cubic-bezier(0.83, 0, 0.17, 1) scale 0.5s cubic-bezier(0.83, 0, 0.17, 1);
	transform-origin: 50% 100%;
}

.mapblock.is-inview span{
	transform: translateY(0) scale(1) ;
}*/
.content-right {
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1) 1s;
}
.content-right.is-inview {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.hmimg {
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1) 1s;
}
.hmimg.is-inview {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.hm-intro-image:before { opacity: 0 !important;transition: all 0.4s ease; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
.is-inview.hm-intro-image:before { opacity: 1 !important;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); width: 100%; transition-delay: 1.06s;}
.since-box { opacity: 0; transition: all 0.4s ease;}
.since-box.is-inview { opacity: 1; transition-delay: 1.36s;}
.imgleft img {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1);
}
.imgleft.is-inview img{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.servicecol img {
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
	transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1);
}
.servicecol.is-inview img{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
/*.mapright { opacity: 0;
    transition: all 0.4s ease;
    }
.mapright.is-inview { opacity: 1; transition-delay: 0.56s;}*/
/*-------   home page animations  ---------*/

/*
.hm-intro-image{
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1) 1s;
}


.hm-intro-image.is-inview {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.hm-contact-image{
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	transition: clip-path 1s cubic-bezier(0.65, 0, 0.35, 1);
}

.hm-contact-image.is-inview{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
*/
.contact-panel h3 {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
}

.contact-panel h3.contentright.is-inview {
	opacity: 1;
	transition-delay: 0.86s;
	-webkit-transform: translateZ(0);
		transform: translateZ(0)
}


@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px, 0, 0);
		transform: translate3d(-2000px, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.animate__fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}

@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}

@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}








/*html.is-ready .heroban-title-line {
    transform: none;
    opacity: 1;
    transition-duration: .8s;
}
html.is-ready .heroban-title-line:first-child {transition-delay: .1s;}
html.is-ready .heroban-title-line:nth-child(2) {transition-delay: .4s;}
html.is-ready .heroban-title ~ .heroban-title .heroban-title-line:first-child {transition-delay: .9s;}*/


/*.banner-img-wrapper, .content-img-wrapper {
    position: relative;
    overflow: hidden;
    background-color: #f1f5fe;
}
.banner-image.is-inview img, .content-image.is-inview img {
    opacity: 0.61;
    transform: scale(1);
    transition-delay: .2s;
}
.owner-img .content-image.is-inview img{
	 opacity: 1;
    transform: scale(1);
    transition-delay: .2s;
}
.banner-image img, .content-image img {
    width: 100%;
    opacity: 0;
    transform: scale(1.4);
    transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1);
}





.summary-list-item, .addcol {
    position: relative;
    opacity: 0;
    transform: translateY(100px);
    transition: opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1);
}
.summary-list-item.is-inview, .addcol.is-inview {
    transform: none;
    opacity: 1;
}
.summary-list-item.is-inview:first-child {
    transition-delay: .1s;
}
.summary-list-item.is-inview:nth-child(2) {
    transition-delay: .2s;
}
.summary-list-item.is-inview:nth-child(3) {
    transition-delay: .3s;
}

.summary-list-item:after, .addcol:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 1px;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: center left;
    -webkit-transition: transform .6s cubic-bezier(.215,.61,.355,1);
    -moz-transition: transform .6s cubic-bezier(.215,.61,.355,1);
    -o-transition: transform .6s cubic-bezier(.215,.61,.355,1);
    -ms-transition: transform .6s cubic-bezier(.215,.61,.355,1);
    transition: transform .6s cubic-bezier(.215,.61,.355,1);
}
.dark .summary-list-item:after{background-color: #000;}
.addcol:after{background-color: #BCBCBC;}
.summary-list-item:last-child:after, .addcol:last-child:after {height: 0;}
.summary-list-item.is-inview:first-child:after, .addcol.is-inview:first-child:after {transition-delay: .5s;}
.summary-list-item.is-inview:nth-child(2):after, .addcol.is-inview:nth-child(2):after {transition-delay: .6s;}
.summary-list-item.is-inview:nth-child(3):after, .addcol.is-inview:nth-child(3):after {transition-delay: .7s;}
.summary-list-item.is-inview:after, .addcol.is-inview:after {transform: scaleX(1);}



.certificate-block:after{	
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    left: -1px;
    height: 101%;
    background-color: #fff;
    transform: scaleX(1);
    transform-origin: bottom right;
    -webkit-transition: transform .8s cubic-bezier(.215,.61,.355,1);
    -moz-transition: transform .8s cubic-bezier(.215,.61,.355,1);
    -o-transition: transform .8s cubic-bezier(.215,.61,.355,1);
    -ms-transition: transform .8s cubic-bezier(.215,.61,.355,1);
    transition: transform .8s cubic-bezier(.215,.61,.355,1);
	z-index: 2;
}
.certificate-block.is-inview:after {transform: scaleX(0);}*/