@charset "UTF-8";
/*
IruCom WebCMS v9-2021 CSS: article grid for lists and sectiions and colors for grid elements
Created on : 01.12.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);
@ dark gold #ad6d05
@ Orangebrown: #000000; rgb(197, 75, 22);
@ red #FF0000;
@ dark red #b5001f;
*/ 
/*
font-family: hero-new, sans-serif, Helvetica, Helvetica Neue;
font-style: normal;
font-weight: 300; Regular
font-weight: 500; bold

*/
.icweb_doc_column_head {
	text-align: left;
	word-spacing: 5px;
	display: block;
	clear: both;	
	width: 100%;
	height: auto;
	padding: 0 8px 0 8px;	
	box-sizing: border-box;	
	margin: 0 auto 5px auto;	
}

.icweb_doc_column {
	text-align: left;
	word-spacing: 5px;
	display: block;
	clear: both;	
	width: 100%;
	height: auto;
	padding: 0 8px 0 8px;	
	box-sizing: border-box;	
	margin: 0 auto 40px auto;
	
}
.icweb_doc_column_wide {
	text-align: left;
	word-spacing: 5px;
	display: block;
	clear: both;	
	width: 100%;
	height: auto;
	padding: 0 8px 0 8px;	
	box-sizing: border-box;	
	margin: 0 auto 40px auto;	
}
.icweb_doc_column_lean {
	text-align: left;
	word-spacing: 5px;
	display: block;
	clear: both;	
	width: 100%;
	height: auto;
	padding: 0;	
	box-sizing: border-box;	
	margin: 0 auto 40px auto;
	
}
.icweb_grid_section {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 2px 0 2px 0;
	border: none;	
	margin: 0 0 5px 0;	
	box-sizing: border-box;	
	transition: all 0.8s ease-out;
}
/* for small displays*/
.icweb_grid_section_col {
	flex-direction: column;
}

.icweb_grid_section_box {
	width: 100%;
	height: auto;	
	display: flex;
	flex-direction: row;
	padding: 0;
	border: none;	
	margin: 0;
	box-sizing: border-box;	
	transition: all 0.8s ease-out;
}
.icweb_grid_section_box_1c{	
	width: 16%;	
}
.icweb_grid_section_box_2c{	
	width: 32%;	
}
.icweb_grid_section_box_3c{
	width: 49%;	
}
.icweb_grid_section_box_4c{
	width: 64%;	
}
.icweb_grid_section_box_5c{
	width: 80%;
}
.icweb_grid_section_box_6c{
	width: 100%;	
}

.icweb_grid_row_section {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 20px;
	border-bottom: 1px dotted #000000;
	margin: 50px 0 90px 0;	
	box-sizing: border-box;	
	transition: all 0.8s ease-out;
}
.icweb_grid_row_section:nth-child(even){
		background-color: rgba(209,148,40, 0.1);
}
.icweb_grid_row_section:last-child{
	border: none;
}

@media only screen and (max-width: 800px) {
	.icweb_grid_row_section {		
		flex-direction: column;
		padding: 15px;
		margin: 20px 0 50px 0;
	}
}
.icweb_grid_col_section{
	flex-direction: column;
		
}

.icweb_row_event {
	width: 100%;
	height: auto;	
	display: inline-block;	
	clear: both;	
	padding: 0 0 30px 0;
	border: none;
	margin: 10px 0 20px 0;
	box-sizing: border-box;
}

.icweb_row_colorbox {
	width: 100%;
	height: auto;	
	display:flex;
	flex-direction: row;
	flex-flow: nowrap;
	align-items: center;
	padding: 0;
	border-bottom: 1px solid #ff0000;
	margin: 1% 0 5% 0;	
	box-sizing: border-box;
	
}
/* Article sections image/text grid block effect: Textbox has either order 0 or 2 */
.icweb_row_colorbox_col {
	flex-direction: column;		
}
@media only screen and (max-width: 600px) {
	.icweb_row_colorbox{		
		flex-direction: column;	
	}
}
/* Row image/text grid float effect*/
.icweb_row_colorbox_imagebox{
	width: 50%;
	height: 100%;
	padding: 0;
	border: none;
	margin: 0;
	display: block;
	order: 1;
	object-fit: cover;
}
@media only screen and (max-width: 600px) {
	.icweb_row_colorbox_imagebox {		
		width: 100%;
	}
}
/* image on the right side*/
.icweb_row_colorbox_imagebox_r{
	order: 3;
}
/* block image*/
.icweb_row_colorbox_imagebox_long {
	width: 100%;
	height: 100%;
	padding: 0;
	border: none;
	margin: 0;
	display: block;
}
.icweb_row_colorbox_imagebox_bottom {
	order:2;
}
.icweb_row_colorbox_image{
	width: 100%;
	height: 100%;
	padding: 0;
	border: none;	
	margin: 0;
	display: block;
}

.icweb_row_colorbox_textbox{
	width: 50%;
	padding:0 5% 0 5%;
	box-sizing: border-box;
	display: block;	
	order: 2;
}
@media only screen and (max-width: 600px) {
	.icweb_row_colorbox_textbox {		
		width: 100%;
		padding: 5%;
	}
}
.icweb_row_colorbox_textbox_long{
	width: 100%;
	padding: 5%;
	box-sizing: border-box;
	display: block;	
}


/* Single article grid*/

.icweb_doc_section {
	width: 100%;
	display: inline-block;
	clear: both;
	padding: 0;
	border: none;
	margin: 10px 0 25px 0;
}
.icweb_doc_section video {
	max-width: 100%;
}
/* Column based grid in a row*/
.icweb_col_colorbox_row {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-flow: nowrap;
	justify-content: space-between;
	padding: 0;
	border: none;	
	margin: 1% 0 3% 0;	
	box-sizing: border-box;
	transition: all 0.8s ease-out;	
}
@media only screen and (max-width: 600px) {
	.icweb_col_colorbox_row {		
		flex-direction: column;
	}
}
.icweb_col_colorbox {
	width: 32%;
	height: auto;	
	display: flex;
	flex-direction: column;
	padding: 0;
	border: none;	
	border-bottom: 5px solid #FF0000;	
	margin: 1% 0 1% 0;	
	background-color: rgba(155,189,57, 0.5);
	transition: all 0.8s ease-out;
}
@media only screen and (max-width: 600px) {
	.icweb_col_colorbox{		
		width: 100%;
	}
}
.icweb_col_colorbox_long {
	width: 100%;
	height: auto;	
	display: flex;
	flex-direction: column;
	padding: 0;
	border: none;	
	margin: 1% 0 1% 0;	
	background-color: rgba(102, 204, 255, 0.4)	;
	transition: all 0.8s ease-out;
}
.icweb_col_colorbox_imagebox{
	width: 100%;
	height: auto;
	padding: 0;
	border: none;
	margin: 0;
	display: block;
}
.icweb_col_colorbox_image{
	width: 100%;
	height: 100%;
	padding: 0;
	border: none;	
	margin: 0;
	display: block;
}
.icweb_col_colorbox_textbox{
	width: 100%;
	padding: 2%;
	box-sizing: border-box;
	display: block;	
	transition: all 0.8s ease-out;
}

.icweb_col_colorbox_textbox h2, .icweb_col_colorbox_textbox h3, .icweb_col_colorbox_textbox .icweb_title_2, .icweb_col_colorbox_textbox .icweb_title_3, .icweb_col_colorbox_textbox .icweb_title_4 {
	color: #ffffff;	
}
.icweb_col_colorbox_long h2, .icweb_col_colorbox_long h3, .icweb_col_colorbox_long .icweb_title_2, .icweb_col_colorbox_long .icweb_title_3, .icweb_col_colorbox_long .icweb_title_4 {
	color: #FF0000;	
}
.icweb_col_colorbox_textbox a, .icweb_col_colorbox_textbox a:link, .icweb_col_colorbox_textbox a:visited  {
	color: #ffffff;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.8s ease-out;
}
.icweb_col_colorbox_textbox a:hover {
	color: #0a50f3;
	text-decoration: none;
}
.icweb_col_colorbox_long a, .icweb_col_colorbox_long a:link, .icweb_col_colorbox_long a:visited  {
	color: #FF0000;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.8s ease-out;
}
.icweb_col_colorbox_long a:hover {
	color: #0a50f3;
	text-decoration: none;
}
.icweb_col_colorbox:hover {
/*	background-color: #FF0000;*/
	background-color: rgba(102, 204, 255, 0.4)	;
	transform: scaleX(1.05);
}
/* special effect for image column*/
.icweb_col_colorbox:hover, .icweb_col_colorbox:hover .icweb_col_colorbox_textbox, .icweb_col_colorbox:hover .icweb_col_colorbox_textbox h2, .icweb_col_colorbox:hover .icweb_col_colorbox_textbox h3, .icweb_col_colorbox:hover .icweb_col_colorbox_textbox a, .icweb_col_colorbox:hover .icweb_col_colorbox_textbox .icweb_title_2, .icweb_col_colorbox:hover .icweb_col_colorbox_textbox .icweb_title_3{
	cursor: pointer;	
	color: #000000;
}

.icweb_col_colorbox_textbox a img {
	border: none;
	vertical-align: text-bottom;
}
/* Standard image float effects*/
.icweb_image {
	width: 100%;
	display: block;
	padding: 0;
	border: none;
    border-radius: 3px;
	margin: 10px 0 10px 0;
}
.icweb_image_left {	
	width: 40%;
	float: left;
	clear: both;
	margin: 0 10px 0 0;
}
.icweb_image_right {
	width: 40%;
	float: right;
	clear: both;
	margin: 0 0 0 10px;
}
.icweb_image_left_small {	
	width: 20%;
	float: left;
	clear: both;
	margin: 0 10px 0 0;
}
.icweb_image_right_small {
	width: 20%;
	float: right;
	clear: both;
	margin: 0 0 0 10px;
}

/* Single Article sections image/text grid for image float effect left or right*/
.icweb_section {
	width: 100%;
	height: auto;	
	display:flex;
	flex-direction: row;
	flex-flow: nowrap;	
	padding: 0 0 20px 0;
	border: none;
	box-sizing: border-box;
	margin: 30px 0 30px 0;	
}
.icweb_section_compact {
	padding: 0 0 5px 0;
	border: none;
	box-sizing: border-box;
	margin: 0 0 15px 0;	
}

/* Article sections image/text grid block effect: Textbox has either order 0 or 2 */
.icweb_section_col {
	flex-direction: column;		
}
@media only screen and (max-width: 600px) {
	.icweb_section {		
		flex-direction: column;
        margin: 25px 0 30px 0;	
	}
}
/* default is left image*/
.icweb_section_imagebox {
	width: 40%;
	height: auto;
	padding: 0;
	border: none;
	margin: 0 4% 0 0;
	box-sizing: border-box;
	order:1;
}
.icweb_section_imagebox_small {
	width: 30%;
	height: auto;
	padding: 0;
	border: none;
	margin: 0 4% 0 0;
	box-sizing: border-box;
	order:1;
}
.icweb_section_imagebox_r {
	margin: 0 0 0 4%;
	order:3;
}
/* block image*/
.icweb_section_imagebox_long {
	width: 100%;
	height: auto;
	padding: 0;
	border: none;
	margin: 0 0 20px 0;
	display: block;
}
.icweb_section_imagebox_long_bottom {
	margin: 20px 0 0 0;
	order:2;
}
@media only screen and (max-width: 600px) {
	.icweb_section_imagebox {		
		width: 100%;
		margin: 10px 0 10px 0;
	}
}
/* the image controll*/
.icweb_section_image{
	width: 100%;
	padding: 0;
	border: 1px solid transparent;
    border-radius: 7px;	
	margin: 0;
	display: block;
}
.icweb_section_image_description{
	width: 100%;
	height: auto;
	padding: 3px;
	border: none;	
	margin: 0;
	display: block;
	box-sizing: border-box;
	background-color: #999999;
}

.icweb_section_textbox{
	width: 60%;
	padding: 0;
	box-sizing: border-box;
	display: block;	
	order:2;
	
}
.icweb_section_textbox_long{
	width: 100%;
	padding: 10px 0 10px 0;
	box-sizing: border-box;
	display: block;	
	
}
@media only screen and (max-width: 800px) {
	.icweb_section  {
		flex-direction: column;
	}
	.icweb_section_imagebox { 
		width: 100%; 
		clear: both;}
	.icweb_section_imagebox_r { 
		width: 100%; 
		clear: both;
		margin: 0}
	.icweb_section_textbox {
		width: 100%;
		padding: 10px 0 10px 0;
		clear: both; }
}
.icweb_image_round_corner {	
	border: 1px solid #999999;;
	border-radius: 8px;
}
.icweb_image_round_frame {	
	width: 100%;
	display: block;
	padding: 5px;
	border: 2px solid red;
	border-radius: 50%;
	shape-outside: border-box;
	shape-margin: 10px;
	background-color: red;
}


/* empty space */
.icweb_row_breaker {
	width: 100%;
	height: 16px;
	clear: both;
	display: block;	
	padding: 1px 0 1px 0;
	border: none;
	border-top: 1px solid #009bde;
	margin: 0 0 5px 0;	
	background-image:linear-gradient(to right, #009bde, white);
}
.icweb_row_breaker_curved {
	width: 100%;
	height: 16px;
	clear: both;
	display: block;	
	padding: 2px 0 2px 0;
	border: none;
	border-top: 1px solid #009bde;
	margin: 0 0 5px 0;	
	background-image:linear-gradient(#009bde, white);
	border-radius: 50%
}
.icweb_row_inline_breaker {
	font-family: hero-new, sans-serif, Helvetica, Helvetica Neue;
	font-size: 18px;
	width: 100%;
	clear: both;
	display: block;	
	padding: 2px 0 2px 0;
	border: none;	
	margin: 0 0 5px 0;		
}
.icweb_triangle_down {
	width: 0;
	height: 0;
	display: inline-block;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 20px solid #C00;
}
.icweb_triangle_up {
	width: 0;
	height: 0;
	display: inline-block;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 20px solid #C00;
}
.icweb_triangle_right {
	width: 0;
	height: 0;
	display: inline-block;
	border-top: 8px solid transparent;
	border-left: 8px solid #C00;
	border-bottom: 8px solid transparent;
}
.icweb_triangle_left {
	width: 0;
	height: 0;
	display: inline-block;
	border-top: 8px solid transparent;
	border-right: 8px solid #C00;
	border-bottom: 8px solid transparent;
}
.icweb_parallelogram {
	width: 100px;
	height: 50px;
	transform: skew(20deg);
	background: #C00;
}
/* End Empty spaces*/