trAvis - MANAGER

Edit File: plus-shape-morph.css

/*morphing svg*/
.plus-morphing-svg-wrapper{
	overflow: visible;
    position: relative;
    width: 100%;
    height: 100%;
	will-change: transform;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plus-morphing-svg-wrapper.morph-row,.plus-morphing-svg-wrapper.morph-column{
	position:absolute;
    top: 0;
}
.morph-row.morph-center,.morph-column.morph-center{
	left:50%;
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.morph-row.morph-left,.morph-column.morph-left{
	left:0;
}
.morph-row.morph-right,.morph-column.morph-right{
	left:auto;
	right:0;
}
.plus-morphing-svg-wrapper.morph-fixed{
	position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(-50%);
}
.plus-morphing-svg-wrapper.morph-left.morph-fixed {
    margin-left: 0;
}
.plus-morphing-svg-wrapper.morph-right.morph-fixed {
    margin-right: 0;
}
.plus-morphing-svg-wrapper.morph-fixed .morph{
	position:absolute;
	height:auto;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.morph-fixed.morph-left .morph{
	left:0;
	right:auto;
	margin-left:0;
}
.morph-fixed.morph-right .morph{
	left:auto;
	right:0;
	margin-right:0;
}
.plus-morphing-svg-wrapper .morph {
    position: relative;
    height: 100%;
    fill: red;
    flex: none;
}
.plus-morphing-svg-wrapper .morph path{
    fill: red;
}
.plus-morphing-svg-wrapper .morph,.plus-morphing-svg-wrapper .morph .morph-image{	
   transform-origin: 50% 50%;
}
.plus-morph-fixed-scroll-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*morphing svg*/
@media (max-width: 1000px){
	.plus-morphing-svg-wrapper{
			overflow:hidden !important;
	}	
}