@charset "UTF-8";
/*
IruCom WebCMS v9-2021 CSS: Animationeffects to open and clos boxes
Created on : 15.07.2021 IruCom systems/This will be used for Preview of the Article on WebCMS
Copyright : Pragash Irudayam - IruCom systems
 Licence only for one Domain. No changes or addons are allowed without prior permisssion from Pragash Irudayam (IruCom systems)
*/
/* 
@ Gold: #D19428; rgb(209,148,40);
@ Orangebrown: #000000; rgb(197, 75, 22);
@ red #FF0000;
*/ 

/*
font-family: hero-new, sans-serif, Helvetica, Helvetica Neue;
font-style: normal;
font-weight: 300; Regular
font-weight: 500; bold

*/
.icweb_box_display {
	display: block;
}
.icweb_box_display_none {
	display: none;
}
.icweb_box_closed {
	display: none;
	visibility: hidden;
	opacity: 0;	
}
/* Simple Expand top to bottom*/
.icweb_box_expanded {
	display: block; 
	transform:scaleY(0);
	transform-origin:top;
	overflow:visible;
	animation-name: box_expand;
    animation-duration: 0.5s;	
	animation-fill-mode: forwards;
}
@keyframes box_expand {
    from {transform:scaleY(0);opacity:0;}
    to {transform:scaleY(1);opacity:1;}
}
/* Simple Expand top to bottom*/
.icweb_box_scale_100 {
	display: block; 
	transform:scaleX(0);	
	transform-origin:top;
	overflow:visible;
	animation: box_scale 0.8s;
	animation-fill-mode: forwards;
}
@keyframes box_scale {
    from {
		transform:scaleX(0);		
		opacity:0;
	}
    to {
		transform:scaleX(1);		
		opacity:1;
	}
}

.icweb_box_fade_in_and_out {
	display: block;
	visibility: visible;
	opacity: 1;	
}
.icweb_box_fade_in_and_out img {
	width: 100%;
	animation: fade_in_and_out 6s;
}
@keyframes fade_in_and_out  {
    0% {
        opacity: 0 ;
    }

    20% {
        opacity: 1;			
    }
	
	90% {
        opacity: 1;			
    }

    100% {
        opacity: 0;
    }
}

.icweb_box_fade_in {
	width: 100%;
	animation: fade_in 1s;
}

.icweb_box_fade_in_5 {
	width: 100%;
	animation: fade_in 5s;
}
.icweb_box_fade_in_8 {
	width: 100%;
	animation: fade_in 8s;
}
@keyframes fade_in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.icweb_box_slide_in_from_left {
	visibility: visible;
	opacity: 1;	
}
.icweb_box_slide_in_from_left  {
	width: 100%;
	animation: slide_in_from_left 1.5s ease-out 0s 1;
}
@keyframes slide_in_from_left {
  0% {
    transform: translateX(-100%);
	opacity: 0	;
  }
  100% {
    transform: translateX(0);
	 opacity: 1	;	
  }	
}

.icweb_box_slide_in_from_top {
	visibility: visible;
	opacity: 1;	
}
.icweb_box_slide_in_from_top {
	width: 100%;
	animation: slide_in_from_top 1.5s ease-out 0s 1;
}
	
@keyframes slide_in_from_top {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}