body.animations .mobile_toggle.once {
	opacity: 0;
}

body.animations .mobile_toggle.once span::before {
	margin-left: -10px;
	transition-delay: 2s; /* Safari */
	-webkit-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-o-transition-delay: 2s;
	-ms-transition-delay: 2s;
     
}

body.animations .mobile_toggle.once span {
	margin-left:90px;
}

body.animations .mobile_toggle.once span::after {
	margin-left: 10px;
}

body.animations .corner-logo {
	display: none;
}

/* slider animation - section pager */
body.animations .bx-pager a {
	opacity: 0;
}

/* slider animation - section main content */
body.animations .bx-wrapper {
	opacity: 0;	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
/* slider animation - section inner container */

.box.right.unload .title-wraper, .box.right.unload .services-range {
	opacity: 0;
	margin-right: 100px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.box.left.unload .title-wraper, .box.right.unload .services-range {
	opacity: 0;
	margin-left: 100px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}
.box.left .title-wraper, .box.right .title-wraper, .box.right .services-range, .box.right .services-range  {
	opacity: 1; 
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out; 
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
	-ms-transition-delay: 0.8s;
	margin-left: 0px;
	margin-right: 0px; 
}


.box.left.unload .work-range-wrapper p {
	opacity: 0;
	margin-left: 100px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition-delay: 1.5s;
}
.box .work-range-wrapper p  { 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out; 
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
	transition-delay: 1.5s;

}
.box.right.unload .work-range-wrapper p  { opacity: 0; margin-right: 100px; }

.box.left.unload span.oi {
	opacity: 0;
	margin-left: 100px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition-delay: 1.5s;
}
.box span.oi {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;  
	transition: all 0.3s ease-in-out; 
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	-ms-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
.box.right.unload span.oi { opacity: 0; margin-right: 100px; }

body.animations .slider-inner h1, .slider-inner h1, .box.left.unload h1 {
	opacity: 0;
	margin-left: 100px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out; 
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
	-ms-transition-delay: 0.8s;
}
.box h1 { 
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out; 
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
	-ms-transition-delay: 0.8s;
}
.box.right.unload h1 { opacity: 0; margin-right: 100px; }

.box.left.unload h3, .box.left.unload button{
	opacity: 0;
	margin-left: 100px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out; 
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;

}
.box h3, .box button { 
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out; 
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
}
.box.right.unload h3, .box.left.unload button { opacity: 0; margin-right: 100px; }

body.animations .slider-inner h4, .slider-inner h4, .box.left.unload h4{
	opacity: 0;
	margin-left: 100px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out; 
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	-ms-transition-delay: 1s;
}
.box h4 { 
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out; 
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	-ms-transition-delay: 1s;
}
.box.right.unload h4 { opacity: 0; margin-right: 100px; }

body.animations .slider-inner svg, .slider-inner svg, .box.left.unload svg  {
	opacity: 0;
	margin-left: 100px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out; 
	transition-delay: 1.2s;
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	-ms-transition-delay: 1.2s;
}
.box svg { 
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out; 
	transition-delay: 1.2s;
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	-ms-transition-delay: 1.2s;
}
.box.right.unload svg  { opacity: 0; margin-right: 100px; }

.box .title-wraper svg  { transition: none;}
/* slider animation - scroll inner container */

.active-slide .slider-inner h1, .active-slide .slider-inner h4, .active-slide .slider-inner svg, body.animations .active-slide .slider-inner h1, body.animations .active-slide .slider-inner h4, body.animations .active-slide .slider-inner svg, .box.left h1, .box.left h4, .box.left svg {
	opacity: 1;
	margin-left: 0px;
}

.box.right h1, .box.right h4, .box.right svg {
	margin-right: 0px;
}




/* box button - animation */

.box.button.right:hover svg,  .box.button.right:hover h1, .box.button.right:hover h4 {
	margin-right:100px;
}


/* box button - animation */
.box .tip-wraper  {
    transform: matrix(0.5, 0, 0, 0.5, 0, -300);
    -webkit-transform: matrix(0.5, 0, 0, 0.5, 0, -300);
	-moz-transform: matrix(0.5, 0, 0, 0.5, 0, -300);
	-o-transform: matrix(0.5, 0, 0, 0.5, 0, -300);
	-ms-transform: matrix(0.5, 0, 0, 0.5, 0, -300);
    transition: transform .2s ease;
    -webkit-transition: transform .2s ease;
	-moz-transition: transform .2s ease;
	-o-transition: transform .2s ease;
	-ms-transition: transform .2s ease;
 }

 .box:hover .tip-wraper  {
    transform: matrix(1, 0, 0, 1, 0, 10);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 10);
	-moz-transform: matrix(1, 0, 0, 1, 0, 10);
	-o-transform: matrix(1, 0, 0, 1, 0, 10);
	-ms-transform: matrix(1, 0, 0, 1, 0, 10);

}

/* work range - animation */
.box .work-range-wrapper.appear span  {
    transform: matrix(0.5, 0, 0, 0.5, 0, 600);
    -webkit-transform: matrix(0.5, 0, 0, 0.5, 0, 600);
	-moz-transform: matrix(0.5, 0, 0, 0.5, 0, 600);
	-o-transform: matrix(0.5, 0, 0, 0.5, 0, 600);
	-ms-transform: matrix(0.5, 0, 0, 0.5, 0, 600);
    transition: transform .2s ease;
    -webkit-transition: transform .2s ease;
	-moz-transition: transform .2s ease;
	-o-transition: transform .2s ease;
	-ms-transition: transform .2s ease;
 }
.box .work-range-wrapper p {
    transition-delay:0s;
    -webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
}
.box.sct .work-range-wrapper span:nth-child(1) {
    transition-delay:0s;
    -webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
}
.box.sct .work-range-wrapper span:nth-child(2) {
    transition-delay:0s;
    -webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
}
.box.sct .work-range-wrapper span:nth-child(3) {
    transition-delay:0s;
    -webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
}
.box.sct .work-range-wrapper span:nth-child(4) {
    transition-delay:0s;
    -webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
}
.box.sct .work-range-wrapper span:nth-child(5) {
    transition-delay:0s;
    -webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
}
.box.sct:hover .work-range-wrapper.appear span  {
    transform: matrix(1, 0, 0, 1, 0, 10);
}
.box.sct:hover .work-range-wrapper p {
    transition-delay: 50ms;
    -webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	-ms-transition-delay: 50ms;
}
.box.sct:hover .work-range-wrapper span:nth-child(1) {
    transition-delay: 100ms;
    -webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
}
.box.sct:hover .work-range-wrapper span:nth-child(2) {
    transition-delay: 150ms;
    -webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
}
.box.sct:hover .work-range-wrapper span:nth-child(3) {
    transition-delay: 300ms;
     -webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
}
.box.sct:hover .work-range-wrapper span:nth-child(4) {
    transition-delay: 250ms;
     -webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
}

/* portfolio shortcuts - animation */
section.sct, section.sct a {
	transition: background-color 300ms ease-in;
	-webkit-transition: background-color 300ms ease-in;
	-moz-transition: background-color 300ms ease-in;
	-o-transition: background-color 300ms ease-in;
	-ms-transition: background-color 300ms ease-in;
}
section.sct svg {
	transition: transform 300ms ease-in; 
	-webkit-transition: transform 300ms ease-in; 
	-moz-transition: transform 300ms ease-in; 
	-o-transition: transform 300ms ease-in; 
	-ms-transition: transform 300ms ease-in; 
	transition-delay: 0;
	-webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	-o-transition-delay: 0;
	-ms-transition-delay: 0;

}
section.sct svg path, section.sct svg polygon, section.sct svg rect  { 
	transition: fill 300ms ease-in;
	-webkit-transition: fill 300ms ease-in;
	-moz-transition: fill 300ms ease-in;
	-o-transition: fill 300ms ease-in;
	-ms-transition: fill 300ms ease-in;
}
section.sct:hover svg {
	transform: matrix(0.5, 0, 0, 0.5, 0, -20);
	-webkit-transform: matrix(0.5, 0, 0, 0.5, 0, -20);
	-moz-transform: matrix(0.5, 0, 0, 0.5, 0, -20);
	-o-transform: matrix(0.5, 0, 0, 0.5, 0, -20);
	-ms-transform: matrix(0.5, 0, 0, 0.5, 0, -20);

} /* matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY() */\