@charset "UTF-8";
/*
IruCom WebCMS v9-2021 CSS: Navigation
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;
@ green #9bbd39 rgba(155,189,57, 1);
*/ 

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

*/
a img { color: #FFFFFF; }        
@media all {                  
   a img { color: inherit; 
   border: none;
   }
}
a, a:link, a:visited{
	color: #b5001f; 
	text-decoration: none;	
	transition: all 0.5s ease;
}
 a:hover {
	color: #FF0000; 
}

.icweb_link_sd a, .icweb_link_sd a:link, .icweb_link_sd a:visited {
    color: #b5001f;
}
.icweb_link_sd a:hover {
    color: #FF0000;
}
.icweb_link_black a, .icweb_link_black a:link, .icweb_link_black a:visited {
    color: #000000;
}
.icweb_link_black a:hover {
    color: #FF0000;
}


/*Navigation btns*/
.icweb_button_clons {
	font-family: hero-new, sans-serif, Helvetica, Helvetica Neue;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	flex-wrap: nowrap;
	height: auto;
	width: auto;		
	padding: 3px 25px 3px 25px;
	border: 2px solid #FF0000;
	border-radius: 5px;
	background-color: rgba(250, 170, 0, 1);
	
	display: inline-block;
	position: relative;
	transition: all 0.5s ease-out;
}

.icweb_button_clons a, .icweb_button_clons a:link, .icweb_button_clons a:visited{
	color: #ffffff;
}
.icweb_button_clons:hover, .icweb_button_clons:active {
	cursor: pointer;
	color: #FF0000;
	background-color: #FFFFFF;	
	transform: scale(1.05);
		
}
.icweb_button_clons:hover a, .icweb_button_clons:active a {
	color: rgba(209,148,40, 1);		
}

@media only screen and (max-width: 800px) {
	.icweb_button_clons {		
		font-size: 12px;
		line-height: 120%;
		padding: 5px;
	}
}

.icweb_menu_button {
	display: inline-block;
	position: relative;
	transition: all 0.5s ease-out;
}
.icweb_menu_button:hover, .icweb_menu_button:active {
	transform: scale(1.10);	
	cursor: pointer;
}
.icweb_menu_button_icon {
	width: 100%;
	height: auto;
	display: inline-block;
	position: relative;
	top: 0;
	background-color: transparent;	
	transition: all 0.5s ease-out;
}
.icweb_menu_button_icon:hover, .icweb_menu_button_icon:active {
	transform: scale(1.10);
	cursor: pointer;
}

.icweb_menu_heading {
	font-family: hero-new, sans-serif, Helvetica, Helvetica Neue;
	font-size: 16px;
	color: #000000;
	font-weight: 500;	
	text-align: left;
	vertical-align: top;
	width: 100%;
	height: auto;
	display: block;	
	padding: 2px 5px 2px 5px;
	border: none;	
	margin: 10px auto 0 0;
	box-sizing: border-box;
	transition: all 0.5s ease-out;
}
.icweb_menu_heading a,  .icweb_menu_heading a:link, .icweb_menu_heading a:visited {
	color: #000000;
}
.icweb_menu_heading a:hover {
	cursor:pointer;	
}
.icweb_menu_heading_selected {
	color: #FF0000;	
}
.icweb_menu_close {
	text-align: left;
	vertical-align: top;
	width: 100%;
	height: auto;		
	clear:both;
	display: none;	
	overflow:visible;		
	padding: 5px;
	border: none;
	box-sizing: border-box;
	margin: 5px auto 10px 0;
}
.icweb_menu_close_float {
	text-align: left;
	vertical-align: top;
	width: 100%;
	height: auto;		
	clear:both;
	opacity: 0;
	display: none;		
	position: absolute;
	padding: 5px;
	border: 1px solid #FF0000;;
	margin: 1px auto 10px 0;
	box-sizing: border-box;
	background: #ffffff;	
	
}

.icweb_menu_open {
	text-align: left;
	vertical-align: top;
	width: 95%;
	height: auto;		
	clear:both;
	display: block;			
	padding: 5px;
	border: none;
	margin: 5px auto 10px 5px;
	box-sizing: border-box;
}
.icweb_menu_text {
	font-family:  hero-new, sans-serif, Helvetica, Helvetica Neue;
	font-size: 18px;
	color: #000000;
	font-weight: 300;
	text-align: left;	
	text-decoration: none;
	display: block;
}
.icweb_menu_sitemap {
	font-family:  hero-new, sans-serif, Helvetica, Helvetica Neue;
	font-size: 18px;
	color: #000000;
	font-weight: 300;
	margin: 0;
}

.icweb_menu1_btn a, .icweb_menu1_btn a:link, .icweb_menu1_btn a:visited {
	font-family:  hero-new, sans-serif, Helvetica, Helvetica Neue;
	font-size: 14px;
	color: #000000;
	font-weight: 300;
	text-align: left;	
	text-decoration: none;			
	width: auto;
	height: auto;
	display: block;	
	padding: 4px 0 4px 2px;
	border: none;	
	margin: 0;	
	transition: all 0.5s ease-out;	
	
}
.icweb_menu1_btn a:hover {
	text-decoration: underline;
	border: none;
	
}
.icweb_menu1_btn_down a, .icweb_menu1_btn_down a:link, .icweb_menu1_btn_down a:visited {
	font-weight: 500;
	color: #000000;	
	border-bottom: 1px solid #D19428;
	padding: 3px 0 6px 2px;		
}
/* Menu Level 2*/
.icweb_menu2_btn a, .icweb_menu2_btn a:link, .icweb_menu2_btn a:visited {
	font-family:  hero-new, sans-serif, Helvetica, Helvetica Neue;
	font-size: 12px;
	color: #000000;	
	font-weight: 300;
	text-align: left;	
	text-decoration: none;		
	width: auto;
	height: auto;
	display: block;	
	padding: 2px 0 4px 30px;
	border: none;
	transition: all 0.5s ease-out;	
}
.icweb_menu2_btn a:hover {
	text-decoration: underline;
	border: none;	
}
.icweb_menu2_btn_down a, .icweb_menu2_btn_down a:link, .icweb_menu2_btn_down a:visited {
	font-weight: 500;
	color: #000000;
	border-bottom: 1px solid #D19428;
				
}
.icweb_menu1_btn_x a, .icweb_menu1_btn_x a:link, .icweb_menu1_btn_x a:visited {
	font-family:  hero-new, sans-serif, Helvetica, Helvetica Neue;
	font-size: 12px;
	color: #000000;
	font-weight: 300;
	text-align: left;	
	text-decoration: none;			
	width: auto;
	height: auto;
	display: block;	
	padding: 0 0 4px 2px;
	border: none;
	margin: 0;				
}
.icweb_menu1_btn_x a:hover {
	text-decoration: underline;	
}
@media only screen and (max-width: 800px) {
	.icweb_menu_heading {	
		font-size: 14px;
	}
	.icweb_menu1_btn, .icweb_menu2_btn {
		font-size: 12px;
	}
}

/* Navigation grid refer to the Head Section in the web grid ".icweb_top_grid"
@ defines main navigation tree wrapper
@ Postion just below the top grid
@ for small screen seee below 
*/
.icweb_navigation {
	width:0;
	height: auto;
	left: auto;
	z-index: 90;	
	opacity: 0;
	visibility: hidden;
	padding: 20px 10px 5px 10px;
	overflow: hidden;
	border: 2px solid #D19428;
	border-radius: 8px;
	margin: 0px 0 30px 0;	
	position: fixed;
	top: 220px;
	background-color: #FFFFFF;
    box-shadow: 10px 10px 10px 5px rgba(255, 255, 255, 0.8);
	box-sizing: border-box;	
	transition: all 0.8s ease-out;	
}
.icweb_navigation_expanded {
	visibility: visible;
	opacity: 1;
	width: 1010px;
	height: auto;
	position: fixed;
	background-color: #ffffff;
}
/* Small one row bar to show the menu block headings */
.icweb_navigation_bar {
	width: 100%;
	z-index: 5;	
	height: auto;
	display: flex;
	position: relative;
	transition: all 0.5s ease-out;	
	
}
@media only screen and (max-width: 800px) {
	.icweb_navigation_bar {
		display: none;
	}
}
/* Defines the columns for the menu blocks in the navigation wrapper*/
.icweb_menu_grid_box {
  	width: 100%;
  	display: grid;
  	grid-template-columns: 30% 30% 30%;
  	justify-content: space-between;
	row-gap: 50px;
  	margin: 0 0 10px 0;
}

.icweb_menu_grid_item {
	width: 100%;
	transition: all 0.5s ease-out;
}
.icweb_menu_grid_item:hover .icweb_menu_heading {
	cursor: pointer;	
	color: #D19428;
}
/* Defines the columns for the menu blocks in the navigation bar wrapper*/
.icweb_menu_bar_grid_box {
  	width: 100%;
  	display: flex;
   	align-content: flex-end;
	margin: 0;
	z-index: 5;	
}

.icweb_menu_bar_grid_item {
	width: 100%;
	z-index: 90;
	position: relative;
	transition: all 0.5s ease-out;
}
.icweb_menu_bar_grid_item:hover .icweb_menu_heading {
	cursor: pointer;	
	color: #D19428;
	
}

/* Navigation grid: refer to the Head Section in the web grid for small screen ".icweb_top_grid"
@ defines main navigation tree wrapper
@ Postion just below the top grid
@ defines main navigation tree wrapper
*/

@media only screen and (max-width: 800px) {
	.icweb_navigation {
		position: fixed;
		top: 200px;
	}	
	.icweb_navigation_expanded {
		visibility: visible;
		opacity: 1;
		width: 99%;
		height: 500px;
		position: fixed;
		overflow-y: scroll;
	}	
	.icweb_menu_grid_box { 
		grid-template-columns: 45% 45%;
	}
	.icweb_menu_bar_grid_box{
		display: none;
	}
}
@media only screen and (max-width: 600px) {
	.icweb_navigation {
		position: fixed;
		top: 180px;		
	}	
	.icweb_navigation_expanded {
		visibility: visible;
		opacity: 1;
		width: 99%;
		height: 500px;
		position: fixed;
		overflow-y: scroll;
	}	
	.icweb_menu_grid_box { 
		grid-template-columns: 90%;
	}	
}

/* menu for Head or/and Foot*/
.icweb_menu_bar_small {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-flow: wrap;
	justify-content: flex-start;
	background-color: transparent;
	transition: all 0.5s ease-out;
		
}

.icweb_menu_bar_small .icweb_menu1_btn, .icweb_menu_bar_small .icweb_menu2_btn {
	margin: 0 20px 0 0;
}
.icweb_menu_bar_small .icweb_menu1_btn a, .icweb_menu_bar_small .icweb_menu1_btn a:link, .icweb_menu_bar_small .icweb_menu1_btn a:visited {
	font-size: 12px;
	font-weight: 300;
	color: #000000;
}
.icweb_menu_bar_small .icweb_menu2_btn a, .icweb_menu_bar_small .icweb_menu2_btn a:link, .icweb_menu_bar_small .icweb_menu2_btn a:visited {
	color: #000000;
}
.icweb_menu_bar_small .icweb_menu1_btn a:hover, .icweb_menu_bar_small .icweb_menu2_btn a:hover {
	color: #FF0000;
	text-decoration: none;
	border-bottom: 1px solid #000000;;	
}
/* On top of the webpage with the logo in line*/
.icweb_head_grid_menu_bar .icweb_menu_bar_small .icweb_menu1_btn a, .icweb_head_grid_menu_bar .icweb_menu_bar_small .icweb_menu1_btn a:link ,.icweb_head_grid_menu_bar .icweb_menu_bar_small .icweb_menu1_btn a:visited {
	font-size: 12px;
	font-weight: 500;
	color: #000000;
}
.icweb_head_grid_menu_bar .icweb_menu_bar_small .icweb_menu1_btn a:hover {
	color: #FF0000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}
/* On top of the webpage above the logo*/
.icweb_head_navi_menu_bar .icweb_menu_bar_small .icweb_menu1_btn a, .icweb_head_navi_menu_bar .icweb_menu_bar_small .icweb_menu1_btn a:link , .icweb_head_navi_menu_bar .icweb_menu_bar_small .icweb_menu1_btn a:visited {
	font-size: 12px;
	font-weight: 500;
	color: #000000;
}
.icweb_head_navi_menu_bar .icweb_menu_bar_small .icweb_menu1_btn a:hover {
	color: #FF0000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}


.browse_box {
	width: 98%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	clear: both;	
	padding: 5px;
	border: none;
	margin: 10px 0 20px 0;
	background-color: #f4f4f4;
}
.pages, .pages:link , .pages:visited{
	font-family:  hero-new, sans-serif, Helvetica, Helvetica Neue;
	font-size: 14px;
    color: #000000;
    font-weight: 300;
	text-decoration: none;
	padding: 2px 2px 2px 10px;
}
.pages:hover {
	color: #009bde;
}
.pages a img {
	vertical-align: text-bottom;
	border: none;}

/* Browse Btn selected at Lists */
.pagedown, .pagedown:link , .pagedown:visited {
	font-weight: 500;
	
}
@media only screen and (max-width: 600px) {	
	.pages, .pages:link , .pages:visited{
		font-size: 12px;
	}
}

.icweb_login_button {
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	right: 0;	
	justify-content: flex-end;
	background-color: transparent;	
	transition: all 0.5s ease-out;
}
.icweb_login_button img {
	width: 50px;
	height: auto;
	transition: all 0.5s ease-out;	
}
.icweb_login_button:hover img {
	transform: scale(1.30);
	cursor: pointer;	
}
@media only screen and (max-width: 600px) {
	
	.icweb_login_button img {
		width: 30px;
	}
}

/* login grid*/
.icweb_login_box {
	width:0;
	height: auto;
	z-index: 2;	
	opacity: 0;
	visibility: hidden;
	padding: 30px 10px 10px 10px;
	overflow: hidden;
	border: 1px solid #FF0000;
	border-top: 4px solid #FF0000;
	margin: 0 0 30px 0;	
	position: absolute;
	top:150px;
	left: auto;
	background-color: #f5f5f5;
	box-sizing: border-box;	
	transition: all 0.5s ease-out;	
}
.icweb_login_box_expanded {
	visibility: visible;
	opacity: 1;
	width: 600px;
	height: auto;
	position: absolute;
}
@media only screen and (max-width: 800px) {
	.icweb_login_box {
		position: absolute;
		top: 100px;
	}	
	.icweb_login_box_expanded {
		visibility: visible;
		opacity: 1;
		width: 730px;
		height: auto;
		position: absolute;
	}	
}
@media only screen and (max-width: 600px) {
	.icweb_login_box {
		position: absolute;
		top: 80px;
	}	
	.icweb_login_box_expanded {
		visibility: visible;
		opacity: 1;
		width: 90%;
		height: auto;
		position: absolute;
	}	
}
.icweb_check_out_button_section {
	width: 100%;
	display: flex;
	align-content: center;
	justify-content: center;
} 
.icweb_check_out_button  {
	font-family: hero-new, sans-serif, Helvetica, Helvetica Neue;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;		
	width: 150px;
	height: auto;
	display: flex;
	align-content: center;
	justify-content: center;
	padding: 5px 15px 5px 15px;
	border: 2px solid #FF0000;
	border-radius: 5px;
	background-color: deeppink;	
	transition: all 0.5s ease-out;
}
a.icweb_check_out_button, a.icweb_check_out_button:link, a.icweb_check_out_button:visited {
	font-family: hero-new, sans-serif, Helvetica, Helvetica Neue;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	vertical-align: middle;
	color: #FFFFFF;		
}
a.icweb_check_out_button:hover{
	text-decoration: none;	
}

.icweb_check_out_button img {
	width: 50px;
	height: auto;
	transition: all 0.5s ease-out;	
}
.icweb_check_out_button:hover img {
	transform: scale(1.10);
	cursor: pointer;	
}