@font-face {
   font-family: 'poppins';
   src: url("../font/poppins.woff2") format("woff2");
 }

 #psiplastic {
   width: 100%;
   background: url("../svg/animations/bg.svg")left no-repeat;
   background-size: cover;
   position: relative;
   min-height: 100vh;

 }

 .psiimg {
   position: absolute;
   z-index: 1;
   bottom: 0;
   right: 0;
   width: 500px;

 }

 .texto {
   text-align: center;
   width: 100%;
   position: absolute;
   top: 50% !important;
   transform: translateY(-50%);
 }

 .psitext {
   position: relative;
   margin-top: 0 !important;
   min-height: 100vh !important;
 }

 #empresa {
   min-height: 100%;
   background: url("../svg/original/bg2.svg") bottom right no-repeat;
   background-size: cover;
 }

 .cardfix {
   position: relative !important;
   min-height: 100vh;
   padding: 20px;
 }

 .youdiv {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 100% !important;
   background: #34495e;
 }

 .textcard {
   padding-top: 1%;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
 }

 #servicios {
   min-height: 100vh;
   background: url("../svg/original/bg3.svg") top right no-repeat;
   background-size: cover;
 }

 #clientes {
   min-height: 100vh;
   background: url("../svg/original/bg4.svg") bottom no-repeat;
   background-size: auto;
 }

 .poppins {
   font-family: 'poppins';
 }

 .navfix {
   position: fixed;
   top: 0;
 }

 .black {
   color: black;
 }

 .white {
   color: white;
 }


 .text-focus-in {
   -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
   animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
 }

 @-webkit-keyframes text-focus-in {
   0% {
     -webkit-filter: blur(12px);
     filter: blur(12px);
     opacity: 0;
   }

   100% {
     -webkit-filter: blur(0px);
     filter: blur(0px);
     opacity: 1;
   }
 }

 @keyframes text-focus-in {
   0% {
     -webkit-filter: blur(12px);
     filter: blur(12px);
     opacity: 0;
   }

   100% {
     -webkit-filter: blur(0px);
     filter: blur(0px);
     opacity: 1;
   }
 }

 .text-shadow-pop-bl {
   -webkit-animation: text-shadow-pop-bl 0.6s 2s both;
   animation: text-shadow-pop-bl 0.6s 2s both;
 }

 @-webkit-keyframes text-shadow-pop-bl {
   0% {
     text-shadow: 0 0 #ecf0f1, 0 0 #ecf0f1, 0 0 #ecf0f1, 0 0 #ecf0f1, 0 0 #ecf0f1, 0 0 #ecf0f1, 0 0 #ecf0f1, 0 0 #ecf0f1;
     -webkit-transform: translateX(0) translateY(0);
     transform: translateX(0) translateY(0);
   }

   100% {
     text-shadow: -1px 1px #ecf0f1, -2px 2px #ecf0f1, -3px 3px #ecf0f1, -4px 4px #ecf0f1, -5px 5px #ecf0f1, -6px 6px #ecf0f1, -7px 7px #ecf0f1, -8px 8px #ecf0f1;
     -webkit-transform: translateX(8px) translateY(-8px);
     transform: translateX(8px) translateY(-8px);
   }
 }

 @keyframes text-shadow-pop-bl {
   0% {
     text-shadow: 0 0 #ecf0f1, 0 0 #ecf0f1, 0 0 #ecf0f1, 0 0 #ecf0f1, 0 0 #ecf0f1, 0 0 #ecf0f1, 0 0 #ecf0f1, 0 0 #ecf0f1;
     -webkit-transform: translateX(0) translateY(0);
     transform: translateX(0) translateY(0);
   }

   100% {
     text-shadow: -1px 1px #ecf0f1, -2px 2px #ecf0f1, -3px 3px #ecf0f1, -4px 4px #ecf0f1, -5px 5px #ecf0f1, -6px 6px #ecf0f1, -7px 7px #ecf0f1, -8px 8px #ecf0f1;
     -webkit-transform: translateX(8px) translateY(-8px);
     transform: translateX(8px) translateY(-8px);
   }
 }