/* ==========================================================================
   Set Keyframes
   ========================================================================== */

/* Expand animation
   ========================================================================== */
@keyframes expand {
	0%  { width: 0; }
	100%{ width: 100%; }	
}
@-webkit-keyframes expand {
	0%  { width: 0; }
	100%{ width: 100%; }	
}
@-moz-keyframes expand {
	0%  { width: 0; }
	100%{ width: 100%; }	
}
@-ms-keyframes expand {
	0%  { width: 0; }
	100%{ width: 100%; }	
}
@keyframes keepExpanded {
    0%  { width: 100%; }
    100%{ width: 100%; }
}
@-webkit-keyframes keepExpanded {
    0%  { width: 100%; }
    100%{ width: 100%; }
}
@-moz-keyframes keepExpanded {
    0%  { width: 100%; }
    100%{ width: 100%; }
}
@-ms-keyframes keepExpanded {
    0%  { width: 100%; }
    100%{ width: 100%; }
}

/* Fade in animation
   ========================================================================== */
@keyframes fadeIn {
	0%  { opacity: 0; }
	100%{ opacity: 1; }	
}
@-webkit-keyframes fadeIn {
	0%  { opacity: 0; }
	100%{ opacity: 1; }	
}
@-moz-keyframes fadeIn {
	0%  { opacity: 0; }
	100%{ opacity: 1; }	
}
@-ms-keyframes fadeIn {
	0%  { opacity: 0; }
	100%{ opacity: 1; }	
}

/* First move animation
   ========================================================================== */
@keyframes firstMove {
    0%  { bottom: 20px; right: 120px; }
    100%{ bottom: 100px; right: 20px; }  
}
@-webkit-keyframes firstMove {
    0%  { bottom: 20px; right: 120px; }
    100%{ bottom: 100px; right: 20px; }  
}
@-moz-keyframes firstMove {
    0%  { bottom: 20px; right: 120px; }
    100%{ bottom: 100px; right: 20px; }  
}
@-ms-keyframes firstMove {
    0%  { bottom: 20px; right: 120px; }
    100%{ bottom: 100px; right: 20px; }  
}

/* Second move animation
   ========================================================================== */
@keyframes secondMove {
    0%  { bottom: 20px; right: 120px; }
    100%{ bottom: 100px; right: 70px; }   
}
@-webkit-keyframes secondMove {
    0%  { bottom: 20px; right: 120px; }
    100%{ bottom: 100px; right: 70px; }   
}
@-moz-keyframes secondMove {
    0%  { bottom: 20px; right: 120px; }
    100%{ bottom: 100px; right: 70px; }   
}
@-ms-keyframes secondMove {
    0%  { bottom: 20px; right: 120px; }
    100%{ bottom: 100px; right: 70px; }   
}

/* Third move animation
   ========================================================================== */
@keyframes thirdMove {
    0%  { bottom: 20px; right: 120px; }
    100%{ bottom: 100px; right: 45px; }   
}
@-webkit-keyframes thirdMove {
    0%  { bottom: 20px; right: 120px; }
    100%{ bottom: 100px; right: 45px; }   
}
@-moz-keyframes thirdMove {
    0%  { bottom: 20px; right: 120px; }
    100%{ bottom: 100px; right: 45px; }   
}
@-ms-keyframes thirdMove {
    0%  { bottom: 20px; right: 120px; }
    100%{ bottom: 100px; right: 45px; }   
}

/* Fade in and out animation
   ========================================================================== */
@keyframes fileFade {
    0%   { opacity: 0; }
    49%  { opacity: 1; }
    100%  { opacity: 0; }   
}
@-webkit-keyframes fileFade {
    0%   { opacity: 0; }
    49%  { opacity: 1; }
    100%  { opacity: 0; }   
}
@-moz-keyframes fileFade {
    0%   { opacity: 0; }
    49%  { opacity: 1; }
    100%  { opacity: 0; }   
}
@-ms-keyframes fileFade {
    0%   { opacity: 0; }
    49%  { opacity: 1; }
    100%  { opacity: 0; }   
}

/* Pulse animation
   ========================================================================== */
@keyframes pulse {
    0%   { transform: scale(0); opacity: 0; }
    10%  { transform: scale(0.5); opacity: 0.75; }
    50%  { transform: scale(1); opacity: 0; }
    100% { transform: scale(0); opacity: 0; }  
}
@-webkit-keyframes pulse {
    0%   { -webkit-transform: scale(0); opacity: 0; }
    10%  { -webkit-transform: scale(0.5); opacity: 0.75; }
    50%  { -webkit-transform: scale(1); opacity: 0; }
    100% { -webkit-transform: scale(0); opacity: 0; }  
}
@-moz-keyframes pulse {
    0%   { -moz-transform: scale(0); opacity: 0; }
    10%  { -moz-transform: scale(0.5); opacity: 0.75; }
    50%  { -moz-transform: scale(1); opacity: 0; }
    100% { -moz-transform: scale(0); opacity: 0; } 
}
@-ms-keyframes pulse {
    0%   { -ms-transform: scale(0); opacity: 0; }
    10%  { -ms-transform: scale(0.5); opacity: 0.75; }
    50%  { -ms-transform: scale(1); opacity: 0; }
    100% { -ms-transform: scale(0); opacity: 0; }  
}

/* ==========================================================================
   Progress bar animations for both Standard and Fibre comparisons
   ========================================================================== */
.active .comparisonStandard .progressContainer .status {
    -webkit-animation: expand 15.5s linear 0s backwards, keepExpanded 0.1s linear 15.5s infinite;
    -moz-animation: expand 15.5s linear 0s backwards, keepExpanded 0.1s linear 15.5s infinite;
    -ms-animation: expand 15.5s linear 0s backwards, keepExpanded 0.1s linear 15.5s infinite;
    -o-animation: expand 15.5s linear 0s backwards, keepExpanded 0.1s linear 15.5s infinite;
    animation: expand 15.5s linear 0s backwards, keepExpanded 0.1s linear 15.5s infinite;
}
.active .comparisonFibre .progressContainer .status {
    -webkit-animation: expand 5s linear 0s backwards;
    -moz-animation: expand 5s linear 0s backwards;
    -ms-animation: expand 5s linear 0s backwards;
    -o-animation: expand 5s linear 0s backwards;
    animation: expand 5s linear 0s backwards;
}
#streaming .progressContainer .status {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none;
}

/* ==========================================================================
   Mp3 file animations
   ========================================================================== */

/* Standard broadband comparison mp3 files
   ========================================================================== */
.active .comparisonStandard .mp3Song1 { 
    -webkit-animation: fadeIn 1.5s ease-in 0s backwards;
    -moz-animation: fadeIn 1.5s ease-in 0s backwards;
    -ms-animation: fadeIn 1.5s ease-in 0s backwards;
    -o-animation: fadeIn 1.5s ease-in 0s backwards;
    animation: fadeIn 1.5s ease-in 0s backwards;
}
.active .comparisonStandard .mp3Song2 { 
    -webkit-animation: fadeIn 1.5s ease-in 1.5s backwards;
    -moz-animation: fadeIn 1.5s ease-in 1.5s backwards;
    -ms-animation: fadeIn 1.5s ease-in 1.5s backwards;
    -o-animation: fadeIn 1.5s ease-in 1.5s backwards;
    animation: fadeIn 1.5s ease-in 1.5s backwards;
}
.active .comparisonStandard .mp3Song3 { 
    -webkit-animation: fadeIn 1.5s ease-in 3s backwards;
    -moz-animation: fadeIn 1.5s ease-in 3s backwards;
    -ms-animation: fadeIn 1.5s ease-in 3s backwards;
    -o-animation: fadeIn 1.5s ease-in 3s backwards;
    animation: fadeIn 1.5s ease-in 3s backwards;
}
.active .comparisonStandard .mp3Song4 { 
    -webkit-animation: fadeIn 1.5s ease-in 4.5s backwards;
    -moz-animation: fadeIn 1.5s ease-in 4.5s backwards;
    -ms-animation: fadeIn 1.5s ease-in 4.5s backwards;
    -o-animation: fadeIn 1.5s ease-in 4.5s backwards;
    animation: fadeIn 1.5s ease-in 4.5s backwards;
}
.active .comparisonStandard .mp3Song5 { 
    -webkit-animation: fadeIn 1.5s ease-in 6s backwards;
    -moz-animation: fadeIn 1.5s ease-in 6s backwards;
    -ms-animation: fadeIn 1.5s ease-in 6s backwards;
    -o-animation: fadeIn 1.5s ease-in 6s backwards;
    animation: fadeIn 1.5s ease-in 6s backwards;
}
.active .comparisonStandard .mp3Song6 { 
    -webkit-animation: fadeIn 1.5s ease-in 7.5s backwards;
    -moz-animation: fadeIn 1.5s ease-in 7.5s backwards;
    -ms-animation: fadeIn 1.5s ease-in 7.5s backwards;
    -o-animation: fadeIn 1.5s ease-in 7.5s backwards;
    animation: fadeIn 1.5s ease-in 7.5s backwards;
}
.active .comparisonStandard .mp3Song7 { 
    -webkit-animation: fadeIn 1.5s ease-in 9s backwards;
    -moz-animation: fadeIn 1.5s ease-in 9s backwards;
    -ms-animation: fadeIn 1.5s ease-in 9s backwards;
    -o-animation: fadeIn 1.5s ease-in 9s backwards;
    animation: fadeIn 1.5s ease-in 9s backwards;
}
.active .comparisonStandard .mp3Song8 { 
    -webkit-animation: fadeIn 1.5s ease-in 10.5s backwards;
    -moz-animation: fadeIn 1.5s ease-in 10.5s backwards;
    -ms-animation: fadeIn 1.5s ease-in 10.5s backwards;
    -o-animation: fadeIn 1.5s ease-in 10.5s backwards;
    animation: fadeIn 1.5s ease-in 10.5s backwards;
}
.active .comparisonStandard .mp3Song9 { 
    -webkit-animation: fadeIn 1.5s ease-in 12s backwards;
    -moz-animation: fadeIn 1.5s ease-in 12s backwards;
    -ms-animation: fadeIn 1.5s ease-in 12s backwards;
    -o-animation: fadeIn 1.5s ease-in 12s backwards;
    animation: fadeIn 1.5s ease-in 12s backwards;
}
.active .comparisonStandard .mp3Song10 { 
    -webkit-animation: fadeIn 1.5s ease-in 13.5s backwards;
    -moz-animation: fadeIn 1.5s ease-in 13.5s backwards;
    -ms-animation: fadeIn 1.5s ease-in 13.5s backwards;
    -o-animation: fadeIn 1.5s ease-in 13.5s backwards;
    animation: fadeIn 1.5s ease-in 13.5s backwards;
}

/* Fibre broadband comparison mp3 files
   ========================================================================== */
.active .comparisonFibre .mp3Song1 { 
    -webkit-animation: fadeIn 0.5s ease-in 0s backwards;
    -moz-animation: fadeIn 0.5s ease-in 0s backwards;
    -ms-animation: fadeIn 0.5s ease-in 0s backwards;
    -o-animation: fadeIn 0.5s ease-in 0s backwards;
    animation: fadeIn 0.5s ease-in 0s backwards;
}
.active .comparisonFibre .mp3Song2 { 
    -webkit-animation: fadeIn 0.5s ease-in 0.5s backwards;
    -moz-animation: fadeIn 0.5s ease-in 0.5s backwards;
    -ms-animation: fadeIn 0.5s ease-in 0.5s backwards;
    -o-animation: fadeIn 0.5s ease-in 0.5s backwards;
    animation: fadeIn 0.5s ease-in 0.5s backwards;
}
.active .comparisonFibre .mp3Song3 { 
    -webkit-animation: fadeIn 0.5s ease-in 1s backwards;
    -moz-animation: fadeIn 0.5s ease-in 1s backwards;
    -ms-animation: fadeIn 0.5s ease-in 1s backwards;
    -o-animation: fadeIn 0.5s ease-in 1s backwards;
    animation: fadeIn 0.5s ease-in 1s backwards;
}
.active .comparisonFibre .mp3Song4 { 
    -webkit-animation: fadeIn 0.5s ease-in 1.5s backwards;
    -moz-animation: fadeIn 0.5s ease-in 1.5s backwards;
    -ms-animation: fadeIn 0.5s ease-in 1.5s backwards;
    -o-animation: fadeIn 0.5s ease-in 1.5s backwards;
    animation: fadeIn 0.5s ease-in 1.5s backwards;
}
.active .comparisonFibre .mp3Song5 { 
    -webkit-animation: fadeIn 0.5s ease-in 2s backwards;
    -moz-animation: fadeIn 0.5s ease-in 2s backwards;
    -ms-animation: fadeIn 0.5s ease-in 2s backwards;
    -o-animation: fadeIn 0.5s ease-in 2s backwards;
    animation: fadeIn 0.5s ease-in 2s backwards;
}
.active .comparisonFibre .mp3Song6 { 
    -webkit-animation: fadeIn 0.5s ease-in 2.5s backwards;
    -moz-animation: fadeIn 0.5s ease-in 2.5s backwards;
    -ms-animation: fadeIn 0.5s ease-in 2.5s backwards;
    -o-animation: fadeIn 0.5s ease-in 2.5s backwards;
    animation: fadeIn 0.5s ease-in 2.5s backwards;
}
.active .comparisonFibre .mp3Song7 { 
    -webkit-animation: fadeIn 0.5s ease-in 3s backwards;
    -moz-animation: fadeIn 0.5s ease-in 3s backwards;
    -ms-animation: fadeIn 0.5s ease-in 3s backwards;
    -o-animation: fadeIn 0.5s ease-in 3s backwards;
    animation: fadeIn 0.5s ease-in 3s backwards;
}
.active .comparisonFibre .mp3Song8 { 
    -webkit-animation: fadeIn 0.5s ease-in 3.5s backwards;
    -moz-animation: fadeIn 0.5s ease-in 3.5s backwards;
    -ms-animation: fadeIn 0.5s ease-in 3.5s backwards;
    -o-animation: fadeIn 0.5s ease-in 3.5s backwards;
    animation: fadeIn 0.5s ease-in 3.5s backwards;
}
.active .comparisonFibre .mp3Song9 { 
    -webkit-animation: fadeIn 0.5s ease-in 4s backwards;
    -moz-animation: fadeIn 0.5s ease-in 4s backwards;
    -ms-animation: fadeIn 0.5s ease-in 4s backwards;
    -o-animation: fadeIn 0.5s ease-in 4s backwards;
    animation: fadeIn 0.5s ease-in 4s backwards;
}
.active .comparisonFibre .mp3Song10 { 
    -webkit-animation: fadeIn 0.5s ease-in 4.5s backwards;
    -moz-animation: fadeIn 0.5s ease-in 4.5s backwards;
    -ms-animation: fadeIn 0.5s ease-in 4.5s backwards;
    -o-animation: fadeIn 0.5s ease-in 4.5s backwards;
    animation: fadeIn 0.5s ease-in 4.5s backwards; 
}

/* ==========================================================================
   Sharing Section - File sharing comparison animation
   ========================================================================== */

/* Standard files
   ========================================================================== */
.active .comparisonStandard .file1 {
    -webkit-animation: fileFade 4s ease-in-out 0s infinite, firstMove 4s ease-in-out 0s infinite;
    -moz-animation: fileFade 4s ease-in-out 0s infinite, firstMove 4s ease-in-out 0s infinite;
    -ms-animation: fileFade 4s ease-in-out 0s infinite, firstMove 4s ease-in-out 0s infinite;
    -o-animation: fileFade 4s ease-in-out 0s infinite, firstMove 4s ease-in-out 0s infinite;
    animation: fileFade 4s ease-in-out 0s infinite, firstMove 4s ease-in-out 0s infinite;
}
.active .comparisonStandard .file2 {
    -webkit-animation: fileFade 4s ease-in-out 2.5s infinite, secondMove 4s ease-in-out 2.5s infinite;
    -moz-animation: fileFade 4s ease-in-out 2.5s infinite, secondMove 4s ease-in-out 2.5s infinite;
    -ms-animation: fileFade 4s ease-in-out 2.5s infinite, secondMove 4s ease-in-out 2.5s infinite;
    -o-animation: fileFade 4s ease-in-out 2.5s infinite, secondMove 4s ease-in-out 2.5s infinite;
    animation: fileFade 4s ease-in-out 2.5s infinite, secondMove 4s ease-in-out 2.5s infinite;
}
.active .comparisonStandard .file3 {
    -webkit-animation: fileFade 4s ease-in-out 4s infinite, thirdMove 4s ease-in-out 4s infinite;
    -moz-animation: fileFade 4s ease-in-out 4s infinite, thirdMove 4s ease-in-out 4s infinite;
    -ms-animation: fileFade 4s ease-in-out 4s infinite, thirdMove 4s ease-in-out 4s infinite;
    -o-animation: fileFade 4s ease-in-out 4s infinite, thirdMove 4s ease-in-out 4s infinite;
    animation: fileFade 4s ease-in-out 4s infinite, thirdMove 4s ease-in-out 4s infinite;
}

/* Fibre files
   ========================================================================== */
.active .comparisonFibre .file1 {
    -webkit-animation: fileFade 2s ease-in-out 0s infinite, firstMove 2s ease-in-out 0s infinite;
    -moz-animation: fileFade 2s ease-in-out 0s infinite, firstMove 2s ease-in-out 0s infinite;
    -ms-animation: fileFade 2s ease-in-out 0s infinite, firstMove 2s ease-in-out 0s infinite;
    -o-animation: fileFade 2s ease-in-out 0s infinite, firstMove 2s ease-in-out 0s infinite;
    animation: fileFade 2s ease-in-out 0s infinite, firstMove 2s ease-in-out 0s infinite;
}
.active .comparisonFibre .file2 {
    -webkit-animation: fileFade 2s ease-in-out 0.5s infinite, secondMove 2s ease-in-out 0.5s infinite;
    -moz-animation: fileFade 2s ease-in-out 0.5s infinite, secondMove 2s ease-in-out 0.5s infinite;
    -ms-animation: fileFade 2s ease-in-out 0.5s infinite, secondMove 2s ease-in-out 0.5s infinite;
    -o-animation: fileFade 2s ease-in-out 0.5s infinite, secondMove 2s ease-in-out 0.5s infinite;
    animation: fileFade 2s ease-in-out 0.5s infinite, secondMove 2s ease-in-out 0.5s infinite;
}
.active .comparisonFibre .file3 {
    -webkit-animation: fileFade 2s ease-in-out 1s infinite, thirdMove 2s ease-in-out 1s infinite;
    -moz-animation: fileFade 2s ease-in-out 1s infinite, thirdMove 2s ease-in-out 1s infinite;
    -ms-animation: fileFade 2s ease-in-out 1s infinite, thirdMove 2s ease-in-out 1s infinite;
    -o-animation: fileFade 2s ease-in-out 1s infinite, thirdMove 2s ease-in-out 1s infinite;
    animation: fileFade 2s ease-in-out 1s infinite, thirdMove 2s ease-in-out 1s infinite;
}
.active .comparisonFibre .file4 {
    -webkit-animation: fileFade 2s ease-in-out 1.5s infinite, secondMove 2s ease-in-out 1.5s infinite;
    -moz-animation: fileFade 2s ease-in-out 1.5s infinite, secondMove 2s ease-in-out 1.5s infinite;
    -ms-animation: fileFade 2s ease-in-out 1.5s infinite, secondMove 2s ease-in-out 1.5s infinite;
    -o-animation: fileFade 2s ease-in-out 1.5s infinite, secondMove 2s ease-in-out 1.5s infinite;
    animation: fileFade 2s ease-in-out 1.5s infinite, secondMove 2s ease-in-out 1.5s infinite;
}
.active .comparisonFibre .file5 {
    -webkit-animation: fileFade 2s ease-in-out 2s infinite, thirdMove 2s ease-in-out 2s infinite;
    -moz-animation: fileFade 2s ease-in-out 2s infinite, thirdMove 2s ease-in-out 2s infinite;
    -ms-animation: fileFade 2s ease-in-out 2s infinite, thirdMove 2s ease-in-out 2s infinite;
    -o-animation: fileFade 2s ease-in-out 2s infinite, thirdMove 2s ease-in-out 2s infinite;
    animation: fileFade 2s ease-in-out 2s infinite, thirdMove 2s ease-in-out 2s infinite;
}
.active .comparisonFibre .file6 {
    -webkit-animation: fileFade 2s ease-in-out 2.5s infinite, firstMove 2s ease-in-out 2.5s infinite;
    -moz-animation: fileFade 2s ease-in-out 2.5s infinite, firstMove 2s ease-in-out 2.5s infinite;
    -ms-animation: fileFade 2s ease-in-out 2.5s infinite, firstMove 2s ease-in-out 2.5s infinite;
    -o-animation: fileFade 2s ease-in-out 2.5s infinite, firstMove 2s ease-in-out 2.5s infinite;
    animation: fileFade 2s ease-in-out 2.5s infinite, firstMove 2s ease-in-out 2.5s infinite;
}

/* ==========================================================================
   All Features Section - Floorplan Animation
   ========================================================================== */
.console {
    -webkit-animation:fadeIn 1.5s 0.5s ease-out forwards;
    -moz-animation:fadeIn 1.5s 0.5s ease-out forwards;
    -ms-animation:fadeIn 1.5s 0.5s ease-out forwards;
    -o-animation:fadeIn 1.5s 0.5s ease-out forwards;
    animation:fadeIn 1.5s 0.5s ease-out forwards;
}
.one {
    -webkit-animation:pulse 1.5s 0.5s ease-out infinite;
    -moz-animation:pulse 1.5s 0.5s ease-out infinite;
    -ms-animation:pulse 1.5s 0.5s ease-out infinite;
    -o-animation:pulse 1.5s 0.5s ease-out infinite;
    animation:pulse 1.5s 0.5s ease-out infinite;
}
.tablet {
    -webkit-animation:fadeIn 1.25s 1.5s ease-out forwards;
    -moz-animation:fadeIn 1.25s 1.5s ease-out forwards;
    -ms-animation:fadeIn 1.25s 1.5s ease-out forwards;
    -o-animation:fadeIn 1.25s 1.5s ease-out forwards;
    animation:fadeIn 1.25s 1.5s ease-out forwards;
}
.two {
    -webkit-animation:pulse 1.25s 1.5s ease-out infinite;
    -moz-animation:pulse 1.25s 1.5s ease-out infinite;
    -ms-animation:pulse 1.25s 1.5s ease-out infinite;
    -o-animation:pulse 1.25s 1.5s ease-out infinite;
    animation:pulse 1.25s 1.5s ease-out infinite;
}
.laptop {
    -webkit-animation:fadeIn 1.75s 2.5s ease-out forwards;
    -moz-animation:fadeIn 1.75s 2.5s ease-out forwards;
    -ms-animation:fadeIn 1.75s 2.5s ease-out forwards;
    -o-animation:fadeIn 1.75s 2.5s ease-out forwards;
    animation:fadeIn 1.75s 2.5s ease-out forwards;
}
.three {
    -webkit-animation:pulse 1.75s 2.5s ease-out infinite;
    -moz-animation:pulse 1.75s 2.5s ease-out infinite;
    -ms-animation:pulse 1.75s 2.5s ease-out infinite;
    -o-animation:pulse 1.75s 2.5s ease-out infinite;
    animation:pulse 1.75s 2.5s ease-out infinite;
}
.tv {
    -webkit-animation:fadeIn 1.45s 3.5s ease-out forwards;
    -moz-animation:fadeIn 1.45s 3.5s ease-out forwards;
    -ms-animation:fadeIn 1.45s 3.5s ease-out forwards;
    -o-animation:fadeIn 1.45s 3.5s ease-out forwards;
    animation:fadeIn 1.45s 3.5s ease-out forwards;
}
.four {
    -webkit-animation:pulse 1.45s 3.5s ease-out infinite;
    -moz-animation:pulse 1.45s 3.5s ease-out infinite;
    -ms-animation:pulse 1.45s 3.5s ease-out infinite;
    -o-animation:pulse 1.45s 3.5s ease-out infinite;
    animation:pulse 1.45s 3.5s ease-out infinite;
}
.mobilePhone {
    -webkit-animation:fadeIn 1.75s 4.5s ease-out forwards;
    -moz-animation:fadeIn 1.75s 4.5s ease-out forwards;
    -ms-animation:fadeIn 1.75s 4.5s ease-out forwards;
    -o-animation:fadeIn 1.75s 4.5s ease-out forwards;
    animation:fadeIn 1.75s 4.5s ease-out forwards;
}
.five {
    -webkit-animation:pulse 1.75s 4.5s ease-out infinite;
    -moz-animation:pulse 1.75s 4.5s ease-out infinite;
    -ms-animation:pulse 1.75s 4.5s ease-out infinite;
    -o-animation:pulse 1.75s 4.5s ease-out infinite;
    animation:pulse 1.75s 4.5s ease-out infinite;
}