body {
            animation: fadeInAnimation ease 3s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
			margin:0;
			overflow-x: hidden;
        }
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }

            100% {
                opacity: 1;
            }
        }
		
		
		
	

    

	
		
		
	.gradientBack_001 {
		
		background: #4f7af0;
		background: linear-gradient(180deg,rgba(79, 122, 240, 1) 0%, rgba(255, 255, 255, 0.44) 100%);
		
		padding-bottom:0px;
		border-bottom:20px solid;
		border-bottom-color:#bbbbbb;
			
	}		
	
	
	
	
	
	
	.back_fix02{
		  /*background-image: url("pic9.jpg");*/ 
		  height:auto; 
		  background-repeat: no-repeat;
          /*background-attachment: fixed;
          background-position: center;*/
		  /*width:100%;*/
		  background-size: cover;
		  margin-top:-40px;
		  margin-left:0px;
		  margin-right:0px;
		  max-width:1900px;
		
		
	}	
	
	
	.back_fix03{
		  background-image: url(../images/pic2.jpg); 
		  height:1500px; 
		  background-repeat: no-repeat;
          background-attachment: fixed;
          background-position: center;
		  width:100%;
		  background-size: cover;
		  margin-top:-40px;
		  margin-left:-20px;
		  margin-right:-20px;
		
		
	}


	
    
	
	
	  

    .col-sm-4 a {
		 /*box-shadow: inset 0 0 0 0 #54b3d6;   
		  color: #54b3d6;
		  padding: 0 .25rem;
		  margin: 0 -.25rem;*/
		  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
		
	}	

    .title_model_001  a {
		  color: #222222;
		  /*font-family: 'Poppins', sans-serif;*/
		  font-size: 27px;
		  font-weight: 700;
		  line-height: 1.5;
		  text-decoration: none;
		
	}
		
    .title_model_001  a:hover {
		color: #54b3d6;
		/*  box-shadow: inset 200px 0 0 0 #54b3d6;;*/
		
	}
	
	.caseta_text001{
		background-color: #e7e7df;
		border-radius: 15px 15px;
		padding:10px;
		padding-left:20px;
		padding-right:20px;
		
		text-align: justify;
        text-justify: inter-word;
		border:3px solid #ffffff;
		
		
	}	
	
	
	
	
	 
	 
	 
	 
	 
	 /* ****************  PARALAX ******************** */
	 
	        /* Parallax base styles
  --------------------------------------------- */

 
    .paralax_base_img{
		margin-top:-100px;
		
	}	
	
	
	#sticky-paralax-header {
         position: sticky;
		 z-index:999;
		 top:0;
		 
		 height: 250px;	

         animation:	sticky-paralax-header linear forwards;
         animation-timeline: scroll();
         animation-range: 0% 20%;  		 

	}	
	
	
	@keyframes sticky-paralax-header{
		 from {	
            
            height: 250px;			
			 
		 }	to {
            
            height: 0px;
			font-size:0px;
         }		
    }

    #imag_test0089{

    }	
	
	@keyframes slide_in22 {
		0% {
		  opacity: 0;
		  }
		50% {
		  opacity: 0.3;
		}
		100% {
			opacity: 1;
		  }
	}

    .anim_text01 {	  
	
	  animation-timeline: view();
	  
	  
	  animation: slide_in22 3s 1 ease-out;
      -webkit-animation: slide_in22 2s 1 ease-out;
	  
	  
	}

	
/*------------------ Text hoover effect -----------------------------*/


.hover-underline {
  font-size: 2rem;
  color: #222222;
  position: relative;
  display: inline-block;
}

.hover-underline::after,
.hover-underline::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #ff0000, #00ffff);
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}

.hover-underline::before {
  top: -5px;
  transform-origin: left;
}

.hover-underline:hover::after,
.hover-underline:hover::before {
  transform: scaleX(1);
}

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