.ib-container
{
	width: 55%;
	max-width: 6.5vw;
}

.ib-container-active
{
	width: 55%;
	max-width: 6.5vw;
}

@media (max-width: 767.98px) { 
	.ib-container
	{
		width: 100%;
		max-width: 15vw;
	}

	.ib-container-active
	{
		width: 100%;
		max-width: 15vw;
	}
}

@media (min-width: 768px) 
and (max-width : 991.98px) { 
	.ib-container
	{
		width: 100%;
		max-width: 10vw;
	}

	.ib-container-active
	{
		width: 100%;
		max-width: 10vw;
	}
}

.ib-icon
{
	stroke: white;
	stroke-width: 2;
	fill: none;
}

.ib-back
{
	fill: #dd4f41;
	stroke: #dd4f41;
	stroke-width: 3;
}

.ib-icon-active
{
	stroke: #dd4f41 !important;
	stroke-width: 2.5 ;
}

.ib-back-active
{
	fill: white !important;
	stroke: #dd4f41 !important;
}


.ib-container-alt
{
	width: 55%;
	max-width: 6.5vw;
}

.ib-container-active-alt
{
	width: 55%;
	max-width: 6.5vw;
}

@media (max-width: 767.98px) { 
	.ib-container-alt
	{
		width: 100%;
		max-width: 15vw;
	}

	.ib-container-active-alt
	{
		width: 100%;
		max-width: 15vw;
	}
}

@media (min-width: 768px) 
and (max-width : 991.98px) { 
	.ib-container-alt
	{
		width: 100%;
		max-width: 10vw;
	}

	.ib-container-active-alt
	{
		width: 100%;
		max-width: 10vw;
	}
}

.ib-icon-alt
{
	stroke: white;
	stroke-width: 2;
	fill: none;
}

.ib-back-alt
{
	fill: #f15a29;
	stroke: #f15a29;
	stroke-width: 3;
}

.ib-icon-active-alt
{
	stroke: #f15a29 !important;
	stroke-width: 2.5 ;
}

.ib-back-active-alt
{
	fill: white !important;
	stroke: #f15a29 !important;
}


.aboutus-container
{
	width: 40%;
}

.aboutus-container-active
{
	width: 40%;
}

.aboutus-icon
{
	stroke: #a7a7a7;
	stroke-width: 3;
	fill: none;
}

.aboutus-back
{
	fill: white;
	stroke: none;
	stroke-width: 3;
}

.aboutus-icon-active
{
	fill: white;
	stroke: #dd4f41 !important;
	stroke-width: 3 ;
}

.aboutus-back-active
{
	fill: white !important;
	stroke: #dd4f41 !important;
	stroke-width: 3 ;
}

.aboutus-text
{
	color: white;
}

.aboutus-text-active
{
	color: #dd4f41;
}

.ib-back-hidden
{
	fill: none;
	stroke: white;
}

.ib-icon-hidden
{
	fill: none;
	stroke: white;
}