:root
{
	--cinf-backg:#ffffff;
	--cinf-header-color:#000;
	--cinf-label-color:#000;
	--cinf-green:#418527;
}

body {
  font-family: "Open Sans", sans-serif;
}

#cinfoWrapper
{

width:450px;
background-color:var(--cinf-backg);
margin:0 auto 20px auto;
padding:20px 20px 10px 20px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.79);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.79);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.79);

}

.cinfoHeader
{
	color:var(--cinf-header-color);
	font-weight:600;
	font-size:1.2em;
	text-align: center;
}

.cinfoHeader-green
{
	color:var(--cinf-green);
	font-weight:700;
	font-size:1.5em;
	text-align: center;
	margin-bottom:10px;
}

.cinfoInput
{
	padding:20px 10px;
	
}

.cinfoInput .row
{
	padding-bottom:70px;
	
}

.cinfoInput .crow
{
	padding-bottom:20px;
	
}

.cinfo-divider
{
	background-color: #d1d1d1;
height: 1px;
width:100%;
}

.cinfoInput label
{
	color:var(--cinf-green);
	padding-left:3px;
	font-size:1.0em;
	font-weight:700;
}

.cinfo-home-row
{
display:flex;
gap:30px;
justify-content:center;
}

.cinfo-home-row-big
{
display:flex;
gap:20px;
row-gap:55px;
justify-content:center;
flex-wrap: wrap;
}

.cinfo-home-icon
{
width:84px;
height:84px;
border:2px solid var(--cinf-header-color);
padding: 10px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
cursor:pointer;
}

.home-icon-clicked
{
	background-color:var(--cinf-green);
	border:2px solid #58B035;
	
}

.cinfo-home-icon-multiple
{
width:84px;
height:84px;
border:2px solid var(--cinf-header-color);
padding: 10px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
cursor:pointer;
}

.home-icon-clicked
{
	background-color:var(--cinf-green);
	border:2px solid #58B035;
	
}

.home-icon-label
{
	color:var(--cinf-label-color);
	font-size:0.9em;
	font-weight:700;
	margin-top: 14px;
display: block;
word-wrap: normal;
text-align: center;
}

.home-icon-label-clicked
{
	color:var(--cinf-green);
	font-size:1em;
	font-weight:700;
	margin-top: 14px;
display: block;
word-wrap: normal;
text-align: center;
}

.icon-div-label
{
	text-align: center;
}

.cinfo-row
{
	padding-left:0px !important;
}

.cinfo-btn
{
	width:100%;
	background-color:var(--cinf-header-color) !important;
	color:#fff;
	text-align: center;
	font-size:1.2em;
	font-weight: bold;
	padding:5px 0px;
	cursor:pointer;
}

.cinfo-steps
{
	display:flex;
	justify-content: space-between;
	width:100%;
}

.step-dot
{
	background-color:#e8e8e8;
	height:20px;
	width:55px;
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.step-active
{
	background-color:var(--cinf-green);
}

.sub-label
{
 color:#878787 !important;
}

.disc-label
{
	color:var(--cinf-label-color) !important;
	font-size:1.2em;
	font-weight: bold;
}

.disc-label-val
{
	font-size:1.2em;
	font-weight: bold;
	display:block;
	margin-top:10px;
}

.cinfo-check
{
	margin:10px 0px;
}

input[type="checkbox"] label
{
	color:var(--cinf-green) !important;
	padding-top:15px !important;
}

input[type="checkbox"]
{
	margin-top:-3px;
}

.cinfo-check-note
{
	font-size:0.9em;
	color:var(--cinf-label-color) !important;
}

.cinfo-check-note a
{
	font-size:0.9em;
	color:var(--cinf-green);
}

.cinfo-confirmation
{
	color:var(--cinf-label-color);
	font-size:1.0em;
	text-align: center;
	background-color:rgba(65,133,39,0.4);
	padding:10px 0px;
	margin:10px 0px;
	
}

.cinfo-confirmation i
{
	color:var(--cinf-green);
	font-family:'Font Awesome 5 Free' !important;
}

.cinfo-subheader
{
	color:var(--cinf-label-color) !important;
	font-size:1.1em;
}

.cinfo-call-text
{
	color:var(--cinf-label-color) !important;
	font-size:1.2em;
	margin-top:20px;
}

.tick-icon
{
	margin-right:10px;
}

.phone-icon-sp
{
margin-right:10px;	
}

#call-btn-container
{
	width:100%;
	text-align: center;
	margin-top:10px;	
	margin-bottom: 10px;
}

#cinfo-call-btn
{
	font-size:1.3em;
	font-weight:700;
	padding:10px 20px;
	color:var(--cinf-green);
	border:1px solid var(--cinf-green) !important;
	border-radius:5px !important;
-moz-border-radius:5px !important;
-webkit-border-radius:5px !important;

}

#cinfo-call-btn:hover
{
	font-size:1.3em;
	font-weight:700;
	padding:10px 20px;
	color:#fff;
	border:1px solid var(--cinf-green);
	background-color:var(--cinf-green);
	border-radius:5px !important;
-moz-border-radius:5px !important;
-webkit-border-radius:5px !important;
}

.cinfo-notices
{
	color:red;
	font-size:0.9em;
	padding-top:3px;
}

@media screen and (max-width:500px) and (min-width:320px)
{
#cinfoWrapper
{
width:100%
}

	.cinfoHeader-green
{
	color:var(--cinf-green);
	font-weight:700;
	font-size:1.3em;
	text-align: center;
	margin-bottom:10px;
}

.cinfoInput .row
{
	padding-bottom:10px;
}

.cinfo-row
{
	padding:10px 0px;
}

.cinfo-home-icon
{
	width:70px;
	height:70px;
}

.cinfo-divider
{
margin-bottom:10px;
}

.home-icon-label {
  font-size: 0.8em;
 
}

.step-dot
{
	background-color:#e8e8e8;
	height:10px;
	width:35px;
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.step-active {
  background-color: var(--cinf-green);
}

.cinfo-home-row {
  display: flex;
  gap: 12px;
  justify-content: center;
}

#cinfo-part-two-btn
{
	margin-top:24px;
}

.cinfo-home-row.service {
  margin-bottom: 31px;
}

.hhold .cinfo-home-icon
{
	width:84px;
	height:84px;
}

.cmail-row
{
	margin-top:10px;
}
}


@media screen and (min-width:501px)
{


	.cinfoHeader-green
{
	color:var(--cinf-green);
	font-weight:700;
	font-size:1.3em;
	text-align: center;
	margin-bottom:10px;
}

.cinfoInput .row
{
	padding-bottom:10px;
}

.cinfo-row
{
	padding:10px 0px;
}

.cinfo-home-icon
{
	width: 84px;
height: 84px;
}

.cinfo-divider
{
margin-bottom:10px;
}

.home-icon-label {
  font-size: 0.8em;
 
}

.step-dot
{
	background-color:#e8e8e8;
	height: 15px;
width: 50px;
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.step-active {
  background-color: var(--cinf-green);
}

.cinfo-home-row {
  display: flex;
  gap:50px;
  justify-content: center;
}

#cinfo-part-two-btn
{
	margin-top:24px;
}

.cinfo-home-row.service {
  margin-bottom: 31px;
}

.hhold .cinfo-home-icon
{
	width:84px;
	height:84px;
}

.cmail-row
{
	margin-top:10px;
}
}