.img_new img{
	width: 100% !important;
	float: right;
}
 
.projects_holder_outer:not(.masonry_with_space) .projects_holder.portfolio_one_by_one article.show {
    opacity: 1!important;
    float: left;
}

.in-view .alasection {
  	animation: alaShift1 ease 2s;
  	animation-fill-mode: forwards;
  	z-index: 99999;
  	position: relative;
  	transform-origin: 50% 50%;
    animation-delay: 0s;
    opacity: 1 !important; 
}

.alatop {
	opacity: 0;
}

@keyframes alaShift1 {
    0% { transform: rotateX(90deg); }
    50% { transform: rotateX(90deg); }
    100% { transform: rotateX(0deg); }
}

.animated-title {
  	animation: animationFrames ease 8s;
  	animation-fill-mode:forwards;
  	z-index: 99999;
  	position: relative;
}

@keyframes animationFrames{
  	0% { opacity: 0; transform: translate(-2000px,0px); }
  	10% { opacity: 1; transform: translate(10px,0px); }
  	100% { opacity: 1; transform: translate(0px,0px); }
}

.animated-title-above {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: inline-block;
    animation:animationFrames2 ease .8s;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards;
    z-index: 99;
    animation-delay: .7s;   
}

@keyframes animationFrames2{
  	0% { opacity: 1; transform: translate(0px,0px); }
  	10% { opacity: 1; transform: translate(0px,0px); }
  	100% { opacity: 0; transform: translate(2000px,0px); }
}

.hero__inner {
    position: relative;
	overflow: hidden;
	margin-bottom: 50px;
} 

.growIn {
  	animation: growIn2 ease 3s;
  	animation-fill-mode: forwards; 
  	z-index: 99999;
  	position: relative;
}

@keyframes growIn2{
    0% { transform: scale(1.2); opacity: 0; }
    30% { transform: scale(1.2); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

.animated-image-above {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    display: inline-block;
    animation:animationimage ease .8s;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards;
    z-index: 99;
    animation-delay:.7s;
}

@keyframes animationimage {
 	0% { opacity: 1; transform: translate(0px,0px); }
 	20% { opacity: 1; transform: translate(15%,0px); }
	70% { opacity: 1; transform: translate(15%,0px); }
	100% { opacity: 0; transform: translate(15%,0px); }
}

.hero__inner_image {
	width: 100%;
	float: right;
	position: relative;
}

.img_new.animatedParent {
    float: right;
    width: 100%;
}

.img_new {
	overflow: hidden;
}

.ala-section {
    position: fixed;
    top: 17%;
    left: -22px;
    bottom: 0;
	opacity: 1;
    width: 140px;
    height: 940px;
    z-index: 9999;
    transition:all 0.25s ease;
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
}

.ala-section.hide {
	left: -122px !important;
}

ul.alasticky li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    padding: 22px 0;
    list-style: none;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

ul.alasticky li a {
    font-family: 'Poppins';
    text-transform: none;
    font-size: 13px;
    color: #172a3a;
    font-weight: 500;
}

ul.alasticky .current-menu-item a {
    font-weight: 800;
}

ul.alasticky{
    margin-left:0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	position: relative;
}

@media (max-width: 1239px) {
    .ala-section {
        display:none;
    }
}

@media (min-width:1200px) and (max-width:1285px) {
    .animated-image-above {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        display: inline-block;
        animation:animationimage ease .8s;
        transform-origin: 50% 50%;
        animation-fill-mode:forwards;
        z-index: 99;
        animation-delay:.7s;
    }

    @keyframes animationimage {
     	0% { opacity: 1; transform: translate(0px,0px); }
    	20% { opacity: 1; transform: translate(10.5%,0px); }
    	70% { opacity: 1; transform: translate(10.5%,0px); }
    	100% { opacity: 0; transform: translate(10.5%,0px); }
    }
}

@media (min-width:1290px) and (max-width:1400px) {
    .animated-image-above {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        display: inline-block;
        animation:animationimage ease .8s;
        transform-origin: 50% 50%;
        animation-fill-mode:forwards;
        z-index: 99;
        animation-delay:.7s;    
    }   

    @keyframes animationimage {
        0% { opacity: 1; transform: translate(0px,0px); }
        20% { opacity: 1; transform: translate(12.8%,0px); }
        70% { opacity: 1; transform: translate(12.8%,0px); }
        100% { opacity: 0; transform: translate(12.8%,0px); }
    }   
}

/** Side Menu White Background **/
.alasticky:before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 37%;
    width: 28%;
    background-color: white;
    border-radius: 100px;
    z-index: 9000;
}

.alasticky li {
    z-index: 9999 !important;
}