@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,600);
*, ::after, ::before {
	box-sizing: border-box
}
html {
	font-family: Montserrat, sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block
}
@media all and (min-width:575px) {
	body {
		font-size: 14px;
		margin: 0;
		font-family: Montserrat, sans-serif;
		line-height: 1.6;
		color: #000;
		text-align: left;
		background-color: #fff;
		font-weight: 400
	}
}
body {
	margin: 0;
	font-family: Montserrat, sans-serif;
	font-size: 16px;
	line-height: 1.8;
	color: #000;
	text-align: left;
	background-color: #fff;
	font-weight: 400
}
h1, h2, h3, h4, h5, h6 {
	margin: 30px 0 10px 0
}
p {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 16px
}
@media (min-width:575px) {
	p {
		margin-top: 0;
		margin-bottom: .9375rem;
		line-height: 1.8!important;
		font-size: 15px
	}
}
.clear-both {
	clear: both
}
a {
	color: #e00000;
	text-decoration: underline;
	background-color: transparent;
	font-weight:700;
}
a:hover {
	color: #fff;
	text-decoration: underline;
	background-color: #e00000;
}


a:focus:not(:active):not(:hover), div:focus:not(:active):not(:hover), button:focus:not(:active):not(:hover), h3:focus:not(:active):not(:hover) {

  outline-offset: 5px!important;

}

.car-insurance-brands a:visited, .our-service-box a.our-service h5:visited, a.callout-tab:visited, a:visited {
	text-decoration: underline
}
.wrapping-dk a {
	color: #e00000;
	text-decoration: none;
	background-color: transparent
}
.wrapping-dk a:hover {
	color: #e00000;
	text-decoration: underline
}
.wrapping-dk a:visited {
	color: #e00000;
	text-decoration: underline
}
svg {
	overflow: hidden;
	vertical-align: middle
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
	padding: 0;
	border-style: none
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
	-webkit-appearance: listbox
}
textarea {
	overflow: auto;
	resize: vertical
}
.h1, h1 {
	font-size: 36px;
	font-weight: 600
}
.h2, h2 {
	font-size: 27px;
	font-weight: 600
}

.h3, h3 {
	font-size: 19px;
	font-weight: 600
}

.h4, h4 {
	font-size: 17px;
	font-weight: 600
}
.h5, h5 {
	font-size: 16px;
	font-weight: 600
}
.lead {
	font-size: 1.25rem;
	font-weight: 400
}
.display-1 {
	font-size: 6rem;
	font-weight: 400;
	line-height: 1.2
}
.display-2 {
	font-size: 5.5rem;
	font-weight: 400;
	line-height: 1.2
}
.display-3 {
	font-size: 4.5rem;
	font-weight: 400;
	line-height: 1.2
}
.display-4 {
	font-size: 3.5rem;
	font-weight: 400;
	line-height: 1.2
}
@media (min-width:991px) {
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		position: relative;
		width: 100%;
		padding-right: 20px!important;
		padding-left: 20px!important
	}
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px
}
.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}
@media (min-width:1920px) {
	.col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
		float: left
	}
	.col-xl-12 {
		width: 100%
	}
	.col-xl-11 {
		width: 91.66666667%
	}
	.col-xl-10 {
		width: 83.33333333%
	}
	.col-xl-9 {
		width: 75%
	}
	.col-xl-8 {
		width: 66.66666667%
	}
	.col-xl-7 {
		width: 58.33333333%
	}
	.col-xl-6 {
		width: 50%
	}
	.col-xl-5 {
		width: 41.66666667%
	}
	.col-xl-4 {
		width: 33.33333333%
	}
	.col-xl-3 {
		width: 25%
	}
	.col-xl-2 {
		width: 16.66666667%
	}
	.col-xl-1 {
		width: 8.33333333%
	}
	.col-xl-pull-12 {
		right: 100%
	}
	.col-xl-pull-11 {
		right: 91.66666667%
	}
	.col-xl-pull-10 {
		right: 83.33333333%
	}
	.col-xl-pull-9 {
		right: 75%
	}
	.col-xl-pull-8 {
		right: 66.66666667%
	}
	.col-xl-pull-7 {
		right: 58.33333333%
	}
	.col-xl-pull-6 {
		right: 50%
	}
	.col-xl-pull-5 {
		right: 41.66666667%
	}
	.col-xl-pull-4 {
		right: 33.33333333%
	}
	.col-xl-pull-3 {
		right: 25%
	}
	.col-xl-pull-2 {
		right: 16.66666667%
	}
	.col-xl-pull-1 {
		right: 8.33333333%
	}
	.col-xl-pull-0 {
		right: auto
	}
	.col-xl-push-12 {
		left: 100%
	}
	.col-xl-push-11 {
		left: 91.66666667%
	}
	.col-xl-push-10 {
		left: 83.33333333%
	}
	.col-xl-push-9 {
		left: 75%
	}
	.col-xl-push-8 {
		left: 66.66666667%
	}
	.col-xl-push-7 {
		left: 58.33333333%
	}
	.col-xl-push-6 {
		left: 50%
	}
	.col-xl-push-5 {
		left: 41.66666667%
	}
	.col-xl-push-4 {
		left: 33.33333333%
	}
	.col-xl-push-3 {
		left: 25%
	}
	.col-xl-push-2 {
		left: 16.66666667%
	}
	.col-xl-push-1 {
		left: 8.33333333%
	}
	.col-xl-push-0 {
		left: auto
	}
	.col-xl-offset-12 {
		margin-left: 100%
	}
	.col-xl-offset-11 {
		margin-left: 91.66666667%
	}
	.col-xl-offset-10 {
		margin-left: 83.33333333%
	}
	.col-xl-offset-9 {
		margin-left: 75%
	}
	.col-xl-offset-8 {
		margin-left: 66.66666667%
	}
	.col-xl-offset-7 {
		margin-left: 58.33333333%
	}
	.col-xl-offset-6 {
		margin-left: 50%
	}
	.col-xl-offset-5 {
		margin-left: 41.66666667%
	}
	.col-xl-offset-4 {
		margin-left: 33.33333333%
	}
	.col-xl-offset-3 {
		margin-left: 25%
	}
	.col-xl-offset-2 {
		margin-left: 16.66666667%
	}
	.col-xl-offset-1 {
		margin-left: 8.33333333%
	}
	.col-xl-offset-0 {
		margin-left: 0
	}
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	min-height: 1px
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	float: left
}
.col-xs-12 {
	width: 100%
}
.col-xs-11 {
	width: 91.66666667%
}
.col-xs-10 {
	width: 83.33333333%
}
.col-xs-9 {
	width: 75%
}
.col-xs-8 {
	width: 66.66666667%
}
.col-xs-7 {
	width: 58.33333333%
}
.col-xs-6 {
	width: 50%
}
.col-xs-5 {
	width: 41.66666667%
}
.col-xs-4 {
	width: 33.33333333%
}
.col-xs-3 {
	width: 25%
}
.col-xs-2 {
	width: 16.66666667%
}
.col-xs-1 {
	width: 8.33333333%
}
.col-xs-pull-12 {
	right: 100%
}
.col-xs-pull-11 {
	right: 91.66666667%
}
.col-xs-pull-10 {
	right: 83.33333333%
}
.col-xs-pull-9 {
	right: 75%
}
.col-xs-pull-8 {
	right: 66.66666667%
}
.col-xs-pull-7 {
	right: 58.33333333%
}
.col-xs-pull-6 {
	right: 50%
}
.col-xs-pull-5 {
	right: 41.66666667%
}
.col-xs-pull-4 {
	right: 33.33333333%
}
.col-xs-pull-3 {
	right: 25%
}
.col-xs-pull-2 {
	right: 16.66666667%
}
.col-xs-pull-1 {
	right: 8.33333333%
}
.col-xs-pull-0 {
	right: 0
}
.col-xs-push-12 {
	left: 100%
}
.col-xs-push-11 {
	left: 91.66666667%
}
.col-xs-push-10 {
	left: 83.33333333%
}
.col-xs-push-9 {
	left: 75%
}
.col-xs-push-8 {
	left: 66.66666667%
}
.col-xs-push-7 {
	left: 58.33333333%
}
.col-xs-push-6 {
	left: 50%
}
.col-xs-push-5 {
	left: 41.66666667%
}
.col-xs-push-4 {
	left: 33.33333333%
}
.col-xs-push-3 {
	left: 25%
}
.col-xs-push-2 {
	left: 16.66666667%
}
.col-xs-push-1 {
	left: 8.33333333%
}
.col-xs-push-0 {
	left: 0
}
.col-xs-offset-12 {
	margin-left: 100%
}
.col-xs-offset-11 {
	margin-left: 91.66666667%
}
.col-xs-offset-10 {
	margin-left: 83.33333333%
}
.col-xs-offset-9 {
	margin-left: 75%
}
.col-xs-offset-8 {
	margin-left: 66.66666667%
}
.col-xs-offset-7 {
	margin-left: 58.33333333%
}
.col-xs-offset-6 {
	margin-left: 50%
}
.col-xs-offset-5 {
	margin-left: 41.66666667%
}
.col-xs-offset-4 {
	margin-left: 33.33333333%
}
.col-xs-offset-3 {
	margin-left: 25%
}
.col-xs-offset-2 {
	margin-left: 16.66666667%
}
.col-xs-offset-1 {
	margin-left: 8.33333333%
}
.col-xs-offset-0 {
	margin-left: 0
}
.text-xs-left {
	text-align: left
}
.text-xs-right {
	text-align: right
}
.text-xs-center {
	text-align: center
}
.text-xs-justify {
	text-align: justify
}
@media (max-width:576px) {
	.text-xs-left {
		text-align: left
	}
	.text-xs-right {
		text-align: right
	}
	.text-xs-center {
		text-align: center
	}
	.text-xs-justify {
		text-align: justify
	}
}
.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block {
	display: none!important
}
.btn-transform-ads:after {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	position: absolute;
	right: 20px;
	top: -25%;
	content: "\203A";
	font-family: Montserrat, sans-serif;
	font-size: 2.5rem;
	font-weight: 400;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	display: inline-block
}
.card-small-btn-transform-next:after {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	position: absolute;
	right: 30px;
	top: -60%;
	content: "\203A";
	font-family: Montserrat, sans-serif;
	font-size: 2.1rem;
	font-weight: 400;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	display: inline-block
}
.card-small-btn-transform-prev:after {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	position: absolute;
	left: 30px;
	top: -60%;
	content: "\2039";
	font-family: Montserrat, sans-serif;
	font-size: 2.1rem;
	font-weight: 400;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	display: inline-block
}
.small-btn-transform:after {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	position: absolute;
	right: 16px;
	top: -46%;
	content: "\203A";
	font-family: Montserrat, sans-serif;
	font-size: 2.1rem;
	font-weight: 400;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	display: inline-block
}
.card-small-btn {
	background-color: #e00000;
	color: #fff;
	height: 40px;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	width: 100%;
	max-width: 80px;
	text-decoration: none;
	border: 2px solid #e00000;
	font-size: 16px;
	text-align: left;
	padding: .8rem 2.3rem .8rem 1.3rem;
	border-radius: .25rem;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	position: relative;
	line-height: 70px
}
@media (min-width:931px) {
	.why-choose-us-btn {
		background-color: #e00000;
		height: 50px;
		color: #fff;
		font-weight: 700;
		font-family: Montserrat, sans-serif;
		width: 100%;
		max-width: 250px;
		text-decoration: none;
		border: 2px solid #e00000;
		font-size: 16px;
		text-align: left;
		padding: .8rem 1.3rem;
		border-radius: .25rem;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		transition: all .2s;
		transition-delay: 0s;
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		position: relative;
		margin: 20px 20px 0 20px
	}
	.btn-transform-ads::after {
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		transition-delay: 0s;
		position: absolute;
		right: 20px;
		top: -25%!important;
		content: "\203A";
		font-family: Montserrat, sans-serif;
		font-size: 2.5rem;
		font-weight: 400;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		display: inline-block
	}
}
@media (min-width:866px) and (max-width:930px) {
	.why-choose-us-btn {
		background-color: #e00000;
		height: 50px;
		color: #fff;
		font-weight: 700;
		font-family: Montserrat, sans-serif;
		width: 100%;
		max-width: 250px;
		text-decoration: none;
		border: 2px solid #e00000;
		font-size: 14px!important;
		text-align: left;
		vertical-align: middle;
		border-radius: .25rem;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		transition: all .2s;
		transition-delay: 0s;
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		position: relative;
		margin: 20px 20px 0 20px
	}
	.btn-transform-ads:after {
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		transition-delay: 0s;
		position: absolute;
		right: 20px;
		top: -11%!important;
		content: "\203A";
		font-family: Montserrat, sans-serif;
		font-size: 2rem;
		font-weight: 400;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		display: inline-block
	}
}
@media (min-width:768px) and (max-width:865px) {
	.why-choose-us-btn {
		background-color: #e00000;
		height: 50px;
		color: #fff;
		font-weight: 700;
		font-family: Montserrat, sans-serif;
		width: 100%;
		max-width: 250px;
		text-decoration: none;
		border: 2px solid #e00000;
		font-size: 11px!important;
		text-align: left;
		vertical-align: middle;
		border-radius: .25rem;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		transition: all .2s;
		transition-delay: 0s;
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		position: relative;
		margin: 20px 20px 0 20px
	}
	.btn-transform-ads:after {
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		transition-delay: 0s;
		position: absolute;
		right: 20px;
		top: 11%!important;
		content: "\203A";
		font-family: Montserrat, sans-serif;
		font-size: 18px!important;
		font-weight: 400;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		display: inline-block
	}
}
.why-choose-us-btn {
	background-color: #e00000;
	height: 50px;
	color: #fff;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	width: 100%;
	max-width: 220px;
	text-decoration: none;
	border: 2px solid #e00000;
	font-size: 16px;
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .8rem 1.3rem;
	border-radius: .25rem;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	position: relative;
	margin: 20px 20px 0 20px;
	display: block
}
.wrapping-dk {
	background: url(../images/patternby500-gray.png) repeat center left #141414!important;
	padding: 0
}
.wrapping-dk-pattern-m-size {
	background: url(../images/pattern-bg-m-size.png) repeat #161616!important;
	color: #fff;
	padding: 0
}
.wrapping-dk-pattern-s-size {
	background: url(../images/pattern-bg-s-size.png) repeat #161616!important;
	color: #fff;
	padding: 0
}
@media (min-width:576px) {
	.img-section {
		position: relative;
		display: block!important
	}
	.wrapping {
		background: url(../images/patternby500-white-3.png) repeat center left #c8c8c8!important;
		padding: 0
	}
	.img-md-fluid.dk-ver {
		position: absolute!important;
		right: 0;
		width: 100%;
		display: block!important
	}
}
@media (min-width:576px) and (max-width:991px) {
	.h2 {
		font-size: 1.5rem;
		color: #fff;
		font-family: Montserrat, sans-serif;
		font-weight: 700;
		text-align: center!important
	}
}
@media (min-width:992px) and (max-width:1199px) {
	.h2 {
		font-size: 1.8rem;
		color: #fff;
		font-family: Montserrat, sans-serif;
		font-weight: 700;
		text-align: center!important
	}
}
@media (min-width:1200px) {
	.h2 {
		font-size: 2rem!important;
		color: #fff!important;
		font-family: Montserrat, sans-serif;
		font-weight: 700;
		text-align: center!important
	}
}
.img-section {
	position: relative;
	display: none
}
.img-md-fluid.dk-ver {
	display: none
}
.btn-transform:after {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	position: absolute;
	right: 20px;
	top: 0;
	content: "\203A";
	font-family: Montserrat, sans-serif;
	font-size: 2.5rem;
	font-weight: 400;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	display: inline-block
}
.btn-transform-ads:hover:after {
	right: 5px
}
.small-btn-transform:hover:after {
	right: 12px;
	color: #e00000;
}
.card-small-btn-transform-next:hover:after {
	right: 12px;
	color: #e00000;
}
.card-small-btn-transform-prev:hover:after {
	left: 12px;
	color: #e00000
}
.compare-quotes-btn-bottom {
	display: inline-block;
	background-color: #e00000;
	height: 50px;
	color: #fff;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	max-width: 100%;
	width: 250px;
	text-decoration: none;
	border: 2px solid #e00000;
	font-size: 1.2rem;
	text-align: left;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .8rem 1.2rem;
	line-height: 1;
	border-radius: .25rem;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	position: relative;
	margin: 20px 20px 0 20px
}
.small-btn:hover {
	background-color: transparent;
	border: 2px solid #e00000;
	color: #e00000;
	cursor: pointer;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	text-decoration: none;
	font-weight: 700
}
.card-small-btn:hover {
	background-color: transparent;
	border: 2px solid #e00000;
	color: #e00000;
	cursor: pointer;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	text-decoration: none;
	font-weight: 700
}
.why-choose-us-btn:hover {
	background-color: transparent;
	border: 2px solid #e00000;
	color: #e00000;
	cursor: pointer;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	text-decoration: none;
	font-weight: 700
}
.compare-quotes-btn-bottom:hover {
	background-color: transparent;
	border: 2px solid #e00000;
	color: #fff;
	cursor: pointer;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	text-decoration: none;
	font-weight: 700
}
.phone-icon-bk .btn-phone-icon {
	width: 25px;
	height: auto;
	display: inline-block
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #16181b;
	text-decoration: none;
	background-color: #eae9e9
}
p:last-child {
	margin-bottom: 0!important
}
.section-no-gap {
	padding: 1rem 0 2.5rem 0
}
.section-gap-no-top-mobile {
	padding: 0
}
.section-gap {
	padding: 2rem 0 2.5rem 0
}
.section-title h2 {
	margin: 0 0 30px 0;
	position: relative;
	padding-bottom: 20px;
	text-align: center
}
@media (min-width:576px) {
	.section-gap {
		padding: 3rem 0
	}
	.section-no-gap {
		padding: 0
	}
	.section-gap-no-top-mobile {
		padding: 2rem 0 2rem 0
	}
}
.bg-mobile {
	background-color: #f8f8f8
}
.bg-dk {
	background-color: #f8f8f8
}
@media (min-width:768px) {
	.section-gap-no-top-mobile {
		padding: 3rem 0
	}
	.bg-mobile {
		background-color: #fff
	}
}
.rich-text {
	text-align: center
}
.section-title h2:after {
	position: absolute;
	content: "";
	width: 80px;
	height: 3px;
	bottom: 0;
	background: #e00000;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
.section-type-border-top {
	position: relative;
	background: #fff;
	padding: 30px 15px;
	margin-top: 30px;
	border-top: 3px solid #e00000!important
}
.call-info {
	font-weight: 700
}
@media (min-width:768px) {
	.section-type-border-top {
		position: relative;
		background: #fff;
		padding: 40px 50px!important;
		margin-top: 0!important;
		border-top: 3px solid #e00000
	}
}
ul.circle-bullet, ul.line-bullet, ul.sun-bullet {
	list-style: none;
	padding-inline-start: 20px
}
.circle-bullet li:last-child, .line-bullet li:last-child, .sun-bullet li:last-child {
	margin-bottom: 0!important
}
@media (max-width:576px) {
	.h1, h1 {
		line-height: 1.2;
		font-size: 30px;
		text-align: left
	}
	.h2, h2 {
		line-height: 1.2;
		font-size: 25px;
		text-align: left
	}
	.section-title h2:after {
		left: 0;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	.section-title {
		text-align: left
	}
	.section-title h2, .section-title h3, .section-title p {
		text-align: left!important
	}
}
@media (min-width:992px) {
	.section-image {
		width: 100%;
		max-width: 400px!important;
		height: auto;
		margin: 0!important
	}
}
.margin-top-img {
	margin-top: -50px!important
}
@media (min-width:768px) {
	.image-deco-box img {
		text-align: center;
		margin-top: 30px!important
	}
	.margin-top-img {
		margin-top: 0!important
	}
	.float-img {
		padding: 20px!important;
		float: right!important;
		max-width: 100%;
		width: 485px!important;
		height: auto;
		display: block
	}
}
.float-img {
	padding: 20px 0;
	float: none;
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block
}
.image-deco-box img {
	text-align: center;
	margin-top: 0
}
.image-deco-box {
	text-align: center
}
span.red-text {
	color: #e00000
}
.image-deco-box img {
	overflow: hidden
}
.section-image {
	width: 100%;
	height: auto;
	margin-top: 0;
	margin: 10px 0
}
li.li-style::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}
li.li-style {
	position: relative;
	padding-left: 35px;
	margin-bottom: 20px
}
ul li {
	margin-bottom: 10px
}
.circle-bullet li, .line-bullet li, .sun-bullet li {
	position: relative
}
.circle-bullet li:before {
	content: "\2022";
	color: #e00000;
	font-size: 34px;
	font-weight: 700;
	display: inline-block;
	width: 27px;
	margin-left: -22px;
	position: absolute;
	top: -18px
}
.sun-bullet li:before {
	content: "☉";
	color: #e00000;
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	width: 27px;
	margin-left: -22px;
	position: absolute;
	top: -4px
}
.line-bullet li:before {
	content: "\00b0";
	color: #e00000;
	font-size: 25px;
	font-weight: 700;
	display: inline-block;
	width: 27px;
	margin-left: -22px;
	position: absolute;
	top: -2px
}
ol.number-styling-type {
	list-style: none;
	counter-reset: my-awesome-counter;
	display: inline-block;
	flex-wrap: wrap;
	margin-bottom: 1rem;
	padding: 0
}
li.number-styling-type {
	list-style: none;
	counter-reset: my-awesome-counter;
	display: block;
	flex-wrap: wrap;
	margin-bottom: 1rem;
	padding: 0
}
ol.number-styling-type li:last-child, ol.number-styling-type:last-child {
	margin-bottom: 0
}
ol.number-styling-type li {
	counter-increment: my-awesome-counter;
	margin-bottom: 1.2rem
}
ol.number-styling-type li:before {
	content: counter(my-awesome-counter) " ";
	color: #e00000!important;
	font-weight: 600;
	font-family: Montserrat, sans-serif;
	top: 0;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	display: inline-block;
	line-height: 1.5rem;
	text-align: center;
	margin-right: .5rem
}
@media (min-width:576px) {
	.ol-strong-text {
		font-weight: 600;
		font-size: 14px!important
	}
	.min-height-h2-type-b {
		text-align: center!important
	}
}
.ol-strong-text {
	font-weight: 600;
	font-size: 16px
}
img.img-type-b {
	max-width: 480px;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 3
}
.section-type-white {
	background-color: #fff
}
.section-type-light-gray {
	background-color: #f8f8f8
}
.section-type-border {
	background-color: #f8f8f8;
	border: 1px solid #efefef
}
.img-type-c {
	overflow: hidden
}
.btn-primary {
	color: #fff;
	background-color: #0b0b0b;
	border-color: #060606
}
.btn-primary:hover {
	color: #fff;
	background-color: #222;
	border-color: #222
}
.btn-primary.focus, .btn-primary:focus {
	box-shadow: 0 0 0 .2rem rgba(201, 201, 201, .5)
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #444;
	border-color: #444
}
.sub-img-w-350 {
	max-width: 350px;
	width: 100%;
	height: auto;
	border-radius: 600px;
	margin: 20px 0
}
.p-b-0 {
	margin-bottom: 0
}
.left-quotes-box {
	padding: 0 15px
}
@media (min-width:768px) {
	.left-quotes-box {
		padding: 0 0 0 15px!important
	}
}
@media (min-width:768px) {
	.detail-box-white {
		padding: 40px 30px!important;
		background: #fff;
		border-radius: 5px;
		width: 100%;
		position: relative;
		margin-bottom: 20px!important
	}
	.detail-box-bg {
		padding: 20px 20px!important;
		background-color: #f8f8f8;
		border-radius: 5px;
		width: 100%;
		position: relative;
		margin-bottom: 0!important;
		border: 1px solid #efefef
	}
}
.color-white {
	color: #fff
}
.title-part {
	padding-bottom: 0;
	border-bottom: 1px solid #e8e8e8
}
.section-title h1 {
	padding-bottom: 18px;
	border-bottom: 5px solid #e00000;
	position: relative;
	bottom: -14px
}
.detail-box-white {
	padding: 20px 30px;
	background: #fff;
	border-radius: 5px;
	width: 100%;
	position: relative;
	margin-bottom: 5px
}
.detail-box-bg {
	padding: 20px 30px;
	border-radius: 5px;
	width: 100%;
	position: relative;
	margin-bottom: 65px;
	border: 1px solid #efefef;
	background-color: #f8f8f8
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
.detail-box-white h3 {
	margin-top: 0
}
.detail-box-bg h3 {
	margin-top: 0
}
@media (min-width:991px) {
	.step-number-icon {
		max-width: 120px!important;
		height: auto;
		width: 100%;
		margin-top: 20px
	}
}
.step-number-icon {
	max-width: 90px;
	height: auto;
	width: 100%;
	margin-top: 20px
}
.section-title.title-type {
	padding-left: 30%;
	margin-bottom: 0
}
@media (max-width:1680px) {
	.section-title.title-type {
		padding-left: 40%
	}
}
@media (max-width:1440px) {
	.section-title.title-type {
		padding-left: 30%
	}
}
@media (max-width:1380px) {
	.section-title.title-type {
		padding-left: 24%
	}
}
@media (max-width:1024px) {
	.section-title.title-type {
		padding-left: 8%
	}
}
@media (max-width:991px) {
	.section-title.title-type {
		padding-left: 12%;
		padding-right: 12%
	}
}
@media (max-width:7670px) {
	.section-title.title-type {
		padding-left: 0;
		padding-right: 0
	}
}
.border-top-red {
	border-top: 3px solid #e00000
}
.bk-section {
	position: relative
}
.pb-100 {
	padding-bottom: 5rem
}
.pt-100 {
	padding-top: 5rem
}
@media (min-width:768px) {
	.bk-section:after {
		content: "";
		position: absolute;
		width: 67%!important;
		height: 100%;
		right: 0;
		top: 0;
		background: #222;
		z-index: -99999999999999
	}
}
.bk-section:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	background: #222;
	z-index: -99999999999999
}
.bk-content h3, .bk-section .bk-content h2 {
	color: #fff
}
.bk-section .bk-content p {
	color: #fff;
	margin-bottom: 30px
}
.bk-image-box img {
	width: 100%;
	max-width: 1180px;
	height: auto
}
.p-lr {
	padding: 0 50px
}
.overlap-left {
	margin-left: 0
}
.img-fluid-circle {
	width: 400px;
	max-width: 100%;
	border-radius: 400px;
	height: auto;
	margin: 0 auto
}
.img-fluid-radius {
	width: 350px;
	max-width: 100%;
	border-radius: 400px;
	height: auto;
	min-height: 250px;
	border: 10px solid #e7e7e7
}
.vertical-center-img {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}
@media (min-width:991px) {
	.vertical-center-img {
		display: flex!important;
		align-items: center;
		flex-wrap: wrap
	}
}
.p-left {
	padding-left: 0!important
}
.sub-type {
	padding: 0
}
@media (min-width:768px) {
	.sub-type {
		padding: 0 15px!important
	}
}
.detail-box-gray-line {
	padding: 20px;
	background: #fcfcfc;
	border-radius: 5px;
	border: 1px solid #efefef;
	width: 100%
}
.css-toggle, .css-toggle-landing {
	width: 100%;
	margin: 0 auto
}
@media (min-width:768px) {
	.css-toggle, .css-toggle-landing {
		width: 100%;
		margin: 0 auto
	}
	.detail-box-gray-line {
		padding: 40px!important;
		background: #fcfcfc;
		border-radius: 5px;
		border: 1px solid #efefef;
		width: 100%
	}
}
.css-toggle .item-text, .css-toggle-landing .item-text {
	width: 100%;
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 0px;
		margin-bottom: 10px;

}

.css-toggle .item-text, .css-toggle-landing .item-text:hover {
		background-color: #efefef;

	}

.css-toggle .item-text input[type=checkbox], .css-toggle-landing .item-text input[type=checkbox] {
	display: none
}
.css-toggle .item-text input[type=checkbox]:checked+label, .css-toggle-landing .item-text input[type=checkbox]:checked+label {
		background-color: #eee;
		color: #000;
		text-indent: 0;
		border-radius: 5px 5px 0 0;

}
.css-toggle .item-text input[type=checkbox]:checked+label:after, .css-toggle-landing .item-text input[type=checkbox]:checked+label:after {
	content: "−";
	color: #e00000
}
.css-toggle .item-text input[type=checkbox]:checked+label+div, .css-toggle-landing .item-text input[type=checkbox]:checked+label+div {
	display: block
}
.css-toggle .item-text label, .css-toggle-landing .item-text label {
	display: block;
		width: 100%;
		position: relative;
		padding: 8px 40px 8px 20px;
		background-color: #ffffff;
		border-bottom: 0px solid #f0f0f0;
		color: #444;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		text-align: left;
		margin-bottom: 0;
		border-radius: 5px;

}
.css-toggle .item-text label:after, .css-toggle-landing .item-text label:after {
	content: "+";
	font-size: 37px;
	position: absolute;
	right: 15px;
	top: 11px;
	color: #e00000;
	
}
.css-toggle .item-text:hover label:after, .css-toggle-landing .item-text:hover label:after {
	content: "+";
	font-size: 37px;
	position: absolute;
	right: 15px;
	top: 11px;
	color: #e00000;
	
}
.css-toggle .item-text label:hover, .css-toggle-landing .item-text label:hover {
	background-color: #f0f0f0;
    color: #e00000;
    -webkit-transition: border-color .1s linear;
    -moz-transition: border-color .1s linear;
    -o-transition: border-color .1s linear;
    transition: border-color .1s linear;
    border-bottom: 0px solid #e00000;
}
label h3 {
	margin: 5px 0;
	font-size: 19px;
}
.css-toggle .item-text label:hover:after, .css-toggle-landing .item-text label:hover:after {
	color: #444;
	border-bottom: 1px solid transparent
}
.css-toggle .item-text div, .css-toggle-landing .item-text div {
	display: none;
		border-top: none;
		padding: 15px 20px;
		background-color: #fff;
		text-align: left;
		border-radius: 0 0 5px 5px;

}
.cover {
	padding-left: 0
}
@media (min-width:768px) {
	.css-toggle-quote {
		width: 100%;
		margin: 0 auto
	}
}
.css-toggle-quote {
	width: 100%;
	margin: 0 auto;
	padding: 0
}
.css-toggle-quote .item-text {
	width: 100%;
	background-color: #e00000;
	color: #fff;
	font-size: 13px!important;
	font-family: Montserrat, sans-serif;
	font-weight: 600
}
.css-toggle-quote .item-text input[type=checkbox] {
	display: none
}
.css-toggle-quote .item-text input[type=checkbox]:checked+label {
	color: #000
}
.css-toggle-quote .item-text input[type=checkbox]:checked+label:hover {
	color: #e00000
}
.css-toggle-quote .item-text input[type=checkbox]:checked+label:after {
	color: #000
}
.css-toggle-quote .item-text input[type=checkbox]:checked+label:hover:after {
	color: #e00000
}
.css-toggle-quote .item-text input[type=checkbox]:checked+label+div {
	display: block
}
.css-toggle-quote .item-text label:after {
	display: inline-block;
	position: absolute;
	right: 8px;
	top: -36%;
	content: "\203A";
	font-family: Montserrat, sans-serif;
	font-size: 2.5em;
	font-weight: 400;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.css-toggle-quote .item-text:hover label:after {
	display: inline-block;
	position: absolute;
	right: 16px;
	top: -36%;
	content: "\203A";
	font-family: Montserrat, sans-serif;
	font-size: 2.5em;
	font-weight: 400;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}
.css-toggle-quote .item-text label:hover {
	background-color: #222;
	color: #5daf3f;
	cursor: pointer;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	text-decoration: none
}
.get-a-quote {
	margin-bottom: 0;
	padding: 5px 10px;
	position: relative;
	width: 100%
}
.get-a-quote-btn>a::before {
	display: inline-block;
	position: absolute;
	right: -14px;
	top: 0;
	content: "\203A";
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	font-weight: 400;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.get-a-quote-btn>a:hover::before {
	display: inline-block;
	position: absolute;
	right: -7px;
	top: 0;
	content: "\203A";
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	font-weight: 400;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}
.css-toggle-quote .item-text label:hover:after {
	color: #e00000
}
.css-toggle-quote .item-text label a.special-quote-btn:hover {
	color: #e00000;
	text-decoration: none;
	background-color: #fff
}
.css-toggle-quote .item-text label a.special-quote-btn {
	background-color:#e00000;
	color: #fff;
	text-decoration: none
}
.css-toggle-quote .item-text label a.special-quote-btn:visited {
	color: #fff;
	text-decoration: none
}
.css-toggle-quote .item-text div {
	display: none;
	border-top: none;
	background-color: #fff;
	text-align: left
}
@media (min-width:768px) {
	.cover {
		padding-left: 1.5em!important
	}
	.news_image {
		max-width: 100%;
		height: 190px!important;
		width: 100%;
		object-fit: cover;
		padding: 1rem 0
	}
}
.news_image {
	max-width: 100%;
	height: auto;
	width: 100%;
	object-fit: cover;
	padding: 0
}

	.article-box {
		background-color: #fff;
		margin: 10px;
		border-radius: 8px;
		padding:5px 20px 15px 20px;
		width: 100%;
		max-width: 100%;
		box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	}
	@media (min-width:697px) and (max-width:1199px) {
		.article-box {
			background-color: #fff;
			margin: 10px;
			border-radius: 8px;
			padding: 5px 20px 15px 20px;
			width: 100%;
			max-width: 22%;
			box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		}
	}
	@media (min-width:1200px) {
		.article-box {
			background-color: #fff;
			margin: 10px;
			border-radius: 8px;
			padding: 5px 20px 20px 20px;
			width: 100%;
			max-width: 23%;
			box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
		}
	}
	.news_image.thumbnail {
		padding: 5px;
	}


.blog-hThree {
	margin: 10px 0 20px 0
}
.min-height-h2-type-b {
	text-align: left;
	margin-top: 0!important
}
.single_department {
	background: #fff;
	padding: 40px 30px;
	margin-bottom: 30px
}
@media (min-width:768px) {
	.blog-mt-55 {
		margin-top: 4px!important
	}
	.blog-mt-30 {
		margin-top: 0!important
	}
}
@media (min-width:921px) and (max-width:1200px) {
	.blog-mt-55 {
		margin-top: -2px!important
	}
	.blog-mt-30 {
		margin-top: 0!important
	}
}
@media (min-width:1200px) {
	.blog-mt-55 {
		margin-top: 5px!important
	}
	.blog-mt-30 {
		margin-top: 0!important
	}
}
.blog-mt-55 {
	margin-top: 0
}
.blog-mt-30 {
	margin-top: 0
}
.mb-40 {
	margin-bottom: 40px
}
.special-link .dropdown-toggle::after {
	display: inline-block;
	position: absolute;
	right: 8px;
	top: -12%;
	content: "\203A";
	border-top: 0;
	font-family: Montserrat, sans-serif;
	font-size: 2.5em;
	font-weight: 400;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.dropdown-toggle::after {
	display: none;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}
footer {
	color: #000;
	text-align: left
}
.first-footer {
	color: #000;
	background-color: #f0f0f0;
	padding: 25px 0 10px 0;
	text-align: left
}

footer a {
	color: #444;
	text-decoration: none;
	font-weight: 400
}
footer a:hover {
	color: #fff;
	text-decoration: underline;
	font-weight: 400
}
footer li.list-inline-item a {
	color: #444;
	text-decoration: none;
	background-color: transparent
}
footer li.list-inline-item a:focus, footer li.list-inline-item a:hover {
	color: #444;
	text-decoration: underline;
	background-color: transparent
}
footer .dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}
footer .dropdown-menu.show {
	display: block;
	background-color: transparent;
	border: transparent
}
footer .dropdown-item {
	font-size: 13px
}
.social-icon {
	width: 30px;
	height: 30px
}
.social-icon:hover {
	fill: #f99f21
}
@media (max-width:576px) {
	.carousel-item-a {
		position: absolute;
		width: 93%!important;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		opacity: 0;
		transition: all .5s ease-in-out;
		margin: 1.3rem auto!important
	}
}
.dk-version {
	display: none
}
.mb-version {
	display: block
}
@media (min-width:768px) {
	.dk-version {
		display: block!important
	}
	.mb-version {
		display: none!important
	}
}
.carousel-wrapper {
	height: 300px;
	position: relative;
	width: 400px
}
.carousel-item-a {
	position: absolute;
	width: 98%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	opacity: 0;
	transition: all .5s ease-in-out;
	margin: 2.125rem auto
}
[id^=item] {
	display: none
}
.item-1-a {
	z-index: 2;
	opacity: 1
}
:target~.item-1-a {
	opacity: 0
}
#item-1-a:target~.item-1-a {
	opacity: 1
}
#item-2-a:target~.item-2-a, #item-3-a:target~.item-3-a {
	z-index: 3;
	opacity: 1
}
.item-4-a {
	z-index: 2;
	opacity: 1
}
:target~.item-4-a {
	opacity: 0
}
#item-4-a:target~.item-4-a {
	opacity: 1
}
#item-5-a:target~.item-5-a, #item-6-a:target~.item-6-a {
	z-index: 3;
	opacity: 1
}
.item-6-a {
	z-index: 2;
	opacity: 0
}
:target~.item-6-a {
	opacity: 0
}
#item-6-a:target~.item-6-a {
	opacity: 0
}
#item-6-a:target~.item-6-a, #item-7-a:target~.item-7-a, #item-8-a:target~.item-8-a {
	z-index: 3;
	opacity: 1
}
#top-btn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	font-size: 15px;
	border: 2px solid #fff;
	outline: 0;
	background-color: #000;
	color: #fff;
	cursor: pointer;
	padding: 10px;
	border-radius: 150px;
	width: 50px;
	height: 50px
}
#top-btn:hover {
	background-color: #e00000;
	border: 2px solid #fff
}
.review-monitor {
	position: relative;
	text-align: center
}
.ti-google-review {
	max-width: 500px;
	width: 100%
}
.review-window {
	position: absolute;
	padding: 5px 13px;
	border: 8px solid #000;
	border-radius: 100px;
	top: 20%;
	left: 5%;
	width: 50%;
	background-color: #fff;
	text-align: left;
	display: flex;
	align-items: center;
	flex-wrap: wrap
}
.review-rate {
	font-size: 2.8vw;
	font-weight: 400;
	font-family: arial, sans-serif;
	color: #222
}
.review-num {
	font-size: 2.4vw;
	font-weight: 400;
	font-family: arial, sans-serif
}
.google-review-stars {
	width: 48px;
	padding: 0;
	max-width: 100%
}
@media (min-width:576px) and (max-width:767px) {
	.review-window {
		position: absolute;
		padding: 0 25px;
		border: 10px solid #000;
		border-radius: 100px;
		top: 20%;
		left: 5%;
		width: 289px!important;
		background-color: #fff;
		text-align: left;
		display: flex;
		align-items: center;
		flex-wrap: wrap
	}
	.review-rate {
		font-size: 25px!important;
		font-weight: 400;
		font-family: arial, sans-serif;
		color: #222
	}
	.google-review-stars {
		width: 80px!important;
		padding: 0;
		max-width: 100%
	}
	.review-num {
		font-size: 14px!important;
		font-weight: 400;
		font-family: arial, sans-serif
	}
	.review-monitor {
		text-align: center!important
	}
}
@media (min-width:768px) and (max-width:991px) {
	.review-rate {
		font-size: 19px!important;
		font-weight: 400;
		font-family: arial, sans-serif;
		color: #222
	}
	.google-review-stars {
		width: 73px!important;
		padding: 0!important;
		max-width: 100%
	}
	.review-num {
		font-size: 13px!important;
		font-weight: 400;
		font-family: arial, sans-serif
	}
	.review-window {
		position: absolute;
		padding: 0 10px!important;
		border: 10px solid #000;
		border-radius: 100px;
		top: 80px;
		left: 5%;
		width: 50%!important;
		background-color: #fff;
		text-align: left;
		display: flex;
		align-items: center;
		flex-wrap: wrap
	}
	.review-monitor {
		text-align: right!important
	}
}
@media (min-width:992px) and (max-width:1199px) {
	.review-window {
		position: absolute;
		padding: 0 15px;
		border: 10px solid #000;
		border-radius: 100px;
		top: 80px;
		left: 5%;
		width: 100%;
		background-color: #fff;
		text-align: left;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		max-width: 280px!important;
		z-index: 99999999999999999999
	}
	.review-rate {
		font-size: 25px!important;
		font-weight: 400;
		font-family: arial, sans-serif;
		color: #222
	}
	.google-review-stars {
		width: 110px!important;
		padding: 10px;
		max-width: 100%
	}
	.review-num {
		font-size: 15px!important;
		font-weight: 400;
		font-family: arial, sans-serif
	}
	.review-monitor {
		text-align: right!important
	}
}
.car-list-columns {
	margin-bottom: 30px
}
@media (min-width:1200px) {
	.review-window {
		position: absolute;
		padding: 0 15px;
		border: 10px solid #000;
		border-radius: 100px;
		top: 80px;
		left: 80px!important;
		width: 100%;
		background-color: #fff;
		text-align: left;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		max-width: 280px!important;
		z-index: 99999999999999999999
	}
	.review-rate {
		font-size: 25px!important;
		font-weight: 400;
		font-family: arial, sans-serif;
		color: #222
	}
	.google-review-stars {
		width: 110px!important;
		padding: 10px;
		max-width: 100%
	}
	.review-num {
		font-size: 15px!important;
		font-weight: 400;
		font-family: arial, sans-serif
	}
	.review-monitor {
		text-align: right!important
	}
}
.display-none {
	display: none
}
@media (min-width:1200px) {
	.dynamic-slick-carousel.recentc-ontario-car-insurance-queotes {
		height: 520px!important;
		width: 100%;
		overflow: scroll;
		margin-top: 55px!important
	}
}
@media (min-width:767px) {
	.list-map {
		-webkit-column-count: 5!important;
		-moz-column-count: 5!important;
		column-count: 5!important
	}
	.page-img-right {
		padding: 0!important;
		float: right;
		height: auto;
		display: block;
		max-width: 500px!important;
		width: 100%
	}
	table.recent-on-rate-table {
		border: 0;
		border-collapse: collapse;
		margin: 0 auto;
		padding: 0;
		width: 100%!important;
		max-width: 576px;
		table-layout: fixed
	}
	.dynamic-slick-carousel.recentc-ontario-car-insurance-queotes {
		height: 483px!important;
		width: 100%;
		overflow: scroll
	}
}
.list-map {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1
}
.img-fluid {
	max-width: 100%;
	height: auto;
	width: 1200px
}
.dk {
	background-color: #222;
	color: #fff
}
.eq-height {
	min-height: 77px;
	height: auto
}
.our-service-box a.our-service h5 {
	color: #000;
	text-decoration: none
}
.our-service-box a.our-service h5:hover {
	color: #e00000;
	text-decoration: underline;
	cursor: pointer
}
.btn.btn-green {
	display: inline-block;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .8rem 2rem;
	font-size: .8rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	background-image: url(../images/arrow-d.png);
	background-repeat: no-repeat;
	background-position: right 25px top 53%;
	content: '';
	background-size: 12px auto;
	background-color: #e00000;
	border: 2px solid #e00000;
	margin: 10px 10px 5px 0;
	width: 200px;
	text-decoration: none;
	cursor: pointer
}
.btn.btn-green:hover {
	color: #e00000;
	border: 2px solid #e00000;
	background-color: transparent;
	background-image: url(../images/arrow-d-green.png);
	cursor: pointer
}
@media (min-width:992px) {
	.button-position {
		position: relative
	}
}
.checked-icon-list {
	list-style: none;
	padding-inline-start: 0
}
.checked-icon-list li {
	padding-left: 20px;
	background-image: url(../images/checked-arrow-icon.png);
	background-repeat: no-repeat;
	background-position: top 5px left;
	background-size: 14px 14px
}
.logoLink.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto
}
.logoLink {
	opacity: .8
}
.logoLink:hover {
	opacity: 1
}
@media only screen and (max-width:639px) {
	.logoLink {
		opacity: .5;
		margin: 0 0 5px 10px
	}
	img.logoLink {
		width: 80%
	}
}
.bg-gray {
	background-color: #ececec
}
.sum-fsco {
	width: 100%;
	max-width: 100%;
	display: block;
	margin: 10px auto;
}
@media (min-width:768px) {
	.quote-section {
		padding-top: 10px;
		font-size: 12px!important;
		display: block!important
	}
	.quote-section-hidden {
		display: none!important
	}
	.sum-fsco {
		width: 100%;
		max-width:100%;
		display: block;
		margin: 20px auto
	}
}
.quote-section {
	font-size: 15px;
	display: none
}
.quote-section-hidden {
	display: block
}
.intro-text {
	padding-bottom: 20px
}
.icon-case {
	max-width: 100px;
	width: 100%;
	margin: 0 auto
}
.car-header {
	display: block;
	margin-bottom: 0;
	font-weight: 600;
	text-transform: uppercase
}
.section-img-part {
	margin: 0 auto;
	padding: 30px 30px 0 30px
}
.ptn-bg {
	background: url(../images/squares-ptn-gray.png) repeat-x;
	background-size: 15px auto;
	background-position: center center
}
table.fsco-rate-table {
	border-collapse: collapse;
	padding: 0;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	background-color: #fff
}
@media (min-width:768px) {
	table.fsco-rate-table {
		border-collapse: collapse;
		padding: 0;
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		background-color: #fff
	}
}
table.fsco-rate-table thead {
	background-color: #fff
}
table.fsco-rate-table td:first-child {
	font-weight: 600
}
table.fsco-rate-table td {
	padding: 10px;
	color: #000;
	font-size: 15px;
}
table.fsco-rate-table tbody td {
	border-right: 0px solid #555
}
table.fsco-rate-table tbody td:last-child {
	border-right: 0
}
table.fsco-rate-table tbody:after, table.fsco-rate-table tbody:before {
	content: "\200C";
	line-height: 0;
	display: block
}
table.fsco-rate-table th {
	font-size: 15px;
	text-align: center;
	letter-spacing: .13em;
	color: #000;
	padding: 15px 10px;
	border-bottom: 2px solid #000;
	width: 50%
}
.fsco-rate-table tbody {
	background-color: #fff
}
.dynamic-slick-carousel.recentc-ontario-car-insurance-queotes {
	height: 500px;
	width: 100%;
	overflow: scroll;
	margin-bottom: 50px
}
table.recent-on-rate-table {
	border: 0;
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	width: 90%;
	max-width: 576px;
	table-layout: fixed
}
table.recent-on-rate-table td:first-child {
	text-align: left
}
table.recent-on-rate-table td:last-child {
	font-weight: 600;
	text-align: right
}
table.recent-on-rate-table td, table.recent-on-rate-table th {
	padding: 0;
	color: #000;
	font-size: 14px;
	border-bottom: 1px solid #efefef;
	height: 60px;
	vertical-align: middle
}
table.recent-on-rate-table th {
	font-size: 14px;
	letter-spacing: .1em;
	color: #000;
	text-align: left
}
.more {
	font-size: 13px;
	display: inline-block;
	position: relative
}
.triangular-bullet-code {
	font-size: 22px;
	display: inline-block;
	position: absolute;
	right: -15px;
	top: -8px
}
.call-out-icon {
	height: auto;
	width: 110px;
	padding-right: 7px
}
a.callout-tab {
	color: #666;
	font-size: 18px;
	font-weight: 700;
	display: block;
	text-decoration: none;
	line-height: 1.2
}
.red {
	color: #e00000
}
.grey-link {
	color: #696969
}
.span-link {
	color: #000
}
a:hover .grey-link, a:hover .span-link {
	color: #e00000
}
a.callout-tab:hover {
	color: #e00000;
	text-decoration: underline
}
.promo-banner {
	padding: 2px
}
.promo-icon-box {
	padding: 0!important
}
.prombox {
	padding: 13px;
	margin: 5px;
	width: 100%;
	background-color: #f9f9f9;
	border: 2px solid #818181;
	border-radius: 3px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	cursor: pointer
}
.banner-card {
	border: 1px solid #efefef;
	border-radius: 2px;
	background-color: #fff;
	padding: 25px;
	text-align: center;
	width: 100%
}
img.ads-logo {
	width: 100%;
	height: auto;
	margin: 0 auto
}
img.ads-logo {
	width: 100%;
	height: auto;
	max-width: 200px;
	margin: 0 auto
}
#navbars-area {
	position: relative;
	width: 1180px;
	max-width: 100%
}
.list-inline-item:not(:last-child) {
	margin-right: .1rem
}
.arrow-prev {
	width: 20px;
	float: left;
	position: absolute;
	top: 20%;
	left: 5px
}
.arrow-next {
	width: 20px;
	float: right;
	position: absolute;
	top: 20%;
	right: 5px
}
.insurance-company-logo-list.list-inline {
	text-align: center;
	margin: 0 auto
}
.container-type-a, .container-type-b {
	margin: 0 auto
}
.border-red-section {
	padding: 0 15px
}
.container-type-a-inside {
	margin: 0
}
@media (min-width:768px) {
	.border-red-section {
		padding: 0!important
	}
}
.btn-secondary {
	color: #fff;
	background-color: #0b0b0b;
	border-color: #060606
}
.btn-secondary:hover {
	color: #fff;
	background-color: #222;
	border-color: #222
}
.btn-secondary.focus, .btn-secondary:focus {
	box-shadow: 0 0 0 .2rem rgba(201, 201, 201, .5)
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #444;
	border-color: #444
}
@media (min-width:576px) {
	.content h5 {
		text-align: left;
		padding: 0!important
	}
}
.card-holder {
	padding: 0!important;
	border-right: 1px solid #eee
}
.content h5 {
	text-align: left
}
.item {
	padding: 20px 15px;
	border-bottom: 1px solid #eee
}
.item:last-child {
	padding: 20px 15px 5px 15px;
	border-bottom: 0
}
.icon-card {
	width: 55px;
	height: auto;
	max-width: 100%
}
.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem
}
@media (max-width:768px) {
	.card-deck .card {
		margin-bottom: 50px!important
	}
}
.card-deck .card {
	text-align: center
}
@media (min-width:576px) {
	.jumbotron {
		padding: 2rem
	}
}
.jumbotron {
	background-color: #ececec
}
.card-footer {
	padding: 2.5rem 1.25rem;
	margin-bottom: 0;
	color: inherit;
	background-color: rgba(0, 0, 0, .03);
	border-bottom: 1px solid rgba(0, 0, 0, .125)
}
.testimonial-quote {
	font-size: 16px
}
.testimonial-quote blockquote {
	border: 0;
	margin: 0;
	padding: 0;
	background: 0 0;
	color: gray;
	font-size: 1em;
	line-height: 1.4!important;
	position: relative;
	text-shadow: 0 1px #fff;
	z-index: 600
}
.testimonial-quote blockquote * {
	box-sizing: border-box
}
.testimonial-quote blockquote p {
	color: #222;
	line-height: 2!important
}
.testimonial-quote-img {
	border: 3px solid #eaeaea;
	border-radius: 50%;
	display: block;
	width: 120px;
	height: 120px;
	position: relative;
	top: -64px;
	margin: 0 auto;
	overflow: hidden
}
.testimonial-quote cite {
	color: #000;
	display: block;
	font-size: .8em;
	text-align: right
}
.testimonial-quote cite span {
	color: #5e5e5e;
	font-size: 1em;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: 0 1px #fff
}
@media (min-width:1260px) {
	.blockquote-part {
		width: 80%!important
	}
	.blockquote-part blockquote::after, .blockquote-part blockquote::before {
		display: block!important
	}
}
@media (min-width:768px) and (max-width:1259px) {
	.blockquote-part {
		width: 85%!important
	}
	.blockquote-part blockquote::after, .blockquote-part blockquote::before {
		display: block!important
	}
}
.blockquote-part {
	width: 80%;
	height: 90%;
	margin: 0 auto
}
.blockquote-part blockquote::after, .blockquote-part blockquote::before {
	display: none
}
.testimonial-quote {
	position: relative;
	top: -60px
}
.testimonial-quote .quote-container {
	padding: 0 40px
}
.testimonial-quote.right img {
	left: auto;
	right: 0
}
.testimonial-quote.right cite {
	text-align: right
}
.content {
	padding: 0 0 0 20px
}
.car-content {
	padding: 0 20px 0 0
}
.car-insurance-brands {
	max-width: 768px;
	width: 100%;
	margin: 0 auto
}
.card-brands li {
	margin-bottom: 20px;
	background-color: #efefef;
	padding: 15px;
	border-bottom: 1px solid #fba332
}
@media (min-width:902px) {
	.car-insurance-brands a {
		margin: 7px 4px!important;
		padding: 15px!important;
		list-style-type: none;
		display: inline-block;
		border: #ddd 1px solid;
		line-height: 1!important;
		color: #444;
		text-decoration: underline;
		width: 31.9%!important
	}
}
.car-insurance-brands a {
	margin: 7px 0;
	padding: 10px 20px;
	list-style-type: none;
	display: inline-block;
	width: 100%;
	border: #ddd 1px solid;
	line-height: 2;
	text-align: center
}
.car-insurance-brands a:hover {
	background-color: #f1f1f2;
	border: 1px solid #ddd;
	color: #e00000;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s
}
.quotes-mobile {
	width: 100%
}
h2.ribbon, h3.ribbon, h4.ribbon {
	position: relative;
	float: left;
	clear: both;
	padding: 10px 40px;
	margin-left: -40px;
	margin-bottom: 20px
}
h2.ribbon:before, h3.ribbon:before, h4.ribbon:before {
	content: " ";
	border-style: solid;
	border-width: 14px;
	display: block;
	position: absolute;
	bottom: -17px;
	left: 0;
	margin-bottom: -10px;
	z-index: -1
}
h2.ribbon {
	color: #fff;
	background: #e00000
}
h2.ribbon:before {
	border-color: #000 #000 transparent transparent
}
h3.ribbon {
	color: #fff;
	background: #e00000
}
h3.ribbon:before {
	border-color: #000 #000 transparent transparent
}
h4.ribbon {
	color: #fff;
	background: #e00000
}
h4.ribbon:before {
	border-color: #000 #000 transparent transparent
}
.ribbon+div {
	clear: both
}
.recent-insurance-quotes-table {
	margin: 0 0 50px 0;
	padding: 20px
}
.carousel-indicators li {
	box-sizing: content-box;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 10px;
	height: 10px;
	margin-right: 15px;
	margin-left: 15px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #3f3f3f;
	background-clip: padding-box;
	border-top: 0 solid transparent;
	border-bottom: 0 solid transparent;
	opacity: .5;
	transition: opacity .6s ease;
	border-radius: 50px
}
.rotator {
	list-style: none;
	width: 100%;
	text-align: center;
	height: 50px
}
.rotator-dk {
	list-style: none;
	width: 100%;
	text-align: center;
	height: 70px
}
#item-1, #item-2, #item-3, #item-4 {
	display: none
}
.slideshow-insurance-logo {
	width: 100%;
	height: 70px;
	position: relative;
	text-align: center;
	padding-bottom: 30px
}
.slideshow-insurance-logo input[type=radio] {
	font-size: .75em;
	width: 1em;
	height: 1em;
	display: inline-block;
	position: relative;
	z-index: 99;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #ccc;
	border-radius: 1em;
	transition: .3s ease-out background, .3s ease-out transform
}
.slideshow-insurance-logo input[type=radio]:checked {
	background: #999;
	outline: 0;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	transform: scale(1.3)
}
.slideshow-insurance-logo .slideshow-item {
	width: 100%;
	line-height: 1.5;
	position: absolute;
	top: 0;
	opacity: 0;
	transition: .3s ease-out opacity
}
.slideshow-insurance-logo .slideshow-item label {
	position: absolute;
	top: -5px;
	bottom: 0;
	display: none;
	z-index: 88;
	cursor: pointer;
	color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.slideshow-insurance-logo .slideshow-item label:after {
	position: absolute;
	top: 20px;
	margin-top: -.5em
}
.slideshow-insurance-logo .slideshow-item label.previous {
	left: 0;
	display: block;
	width: 20px
}
.slideshow-insurance-logo .slideshow-item label.previous:after {
	content: url(../images/prev-icon.png);
	left: 0
}
.slideshow-insurance-logo .slideshow-item label.next:after {
	content: url(../images/next-icon.png);
	right: 0
}
.slideshow-insurance-logo .slideshow-item label.next {
	right: 0;
	display: block;
	width: 20px
}
.slideshow-insurance-logo input[type=radio]:checked+.slideshow-item {
	opacity: 1
}
.insure-company-logo-slide {
	max-width: 100%;
	width: 100%;
	padding: 0 20px;
	height: auto
}
.blockquote-part blockquote {
	border-radius: 3px;
	position: relative;
	text-align: center;
	width: 100%;
	color: #000;
	margin: 1rem auto 2rem
}
.blockquote-part blockquote:after, .blockquote-part blockquote:before {
	position: absolute;
	top: -20px;
	color: #c4c4c4;
	font-size: 8em;
	font-weight: 600;
	text-shadow: none
}
.blockquote-part blockquote:before {
	content: '\201C';
	margin-right: 13px;
	right: 100%
}
.blockquote-part blockquote:after {
	content: '\201D';
	margin-left: 13px;
	left: 100%
}
#review-slider {
	position: relative
}
#review-slider .review-content {
	white-space: nowrap;
	overflow: hidden;
	margin: 0 5%
}
#review-slider .review-content .item-review {
	display: inline-block;
	width: 33.3333%;
	position: relative;
	vertical-align: top;
	overflow: hidden;
	height: 100%;
	white-space: normal;
	padding: 0 10px
}
@media (max-width:991px) {
	#review-slider .review-content .item-review {
		width: 50%
	}
}
@media (max-width:767px) {
	#review-slider .review-content .item-review {
		width: 100%
	}
}
#review-slider .review-content .item-review p {
	font-size: 16px;
	margin: 2px 10px 0 5px
}
#review-slider .review-content .item-review a {
	float: right;
	margin: 0 20px 0 0;
	font-size: 16px;
	font-style: italic;
	color: rgba(173, 0, 0, .82);
	font-weight: 700;
	letter-spacing: 1px;
	transition: linear .1s
}
#review-slider .review-content .item-review a:hover {
	text-shadow: 0 0 1px grey
}
#review-slider .slide-controls button {
	position: absolute;
	border: none;
	background-color: transparent;
	outline: 0;
	font-size: 50px;
	top: 95px;
	color: #e00000;
	transition: .15s linear;
	cursor: pointer
}
#review-slider .slide-controls button:hover {
	color: #444
}
@media (max-width:992px) {
	#review-slider .slide-controls button {
		font-size: 30px
	}
}
@media (max-width:767px) {
	#review-slider .slide-controls button {
		font-size: 20px
	}
}
#review-slider .slide-controls .slide-left {
	left: 0
}
@media (max-width:767px) {
	#review-slider .slide-controls .slide-left {
		left: -10px
	}
}
#review-slider .slide-controls .slide-right {
	right: 0
}
@media (max-width:767px) {
	#review-slider .slide-controls .slide-right {
		right: -10px
	}
}
.single-review .star .checked {
	background: url(../images/star-red.png) no-repeat;
	background-size: 100%;
	background-position: center center
}
.review-star::before {
	content: url(../images/star-red.png);
	background: no-repeat;
	background-size: 20px;
	background-position: center center
}
.review {
	display: inline-block
}
.rounded-circle { 

width: 125px; 

height: 125px; 

padding: 10px; 

background-color: #f8f8f8; 

margin-bottom: 20px; 

} 
.discount-icons {
	width: 110px;
	height: 150px;
	margin: 0 auto
}
.htwo-bar {
	background-color: #e5e5e7;
	padding: 10px
}
.htwo-bar:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	border-style: solid;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	left: calc(50% - 80px);
	top: 0;
	bottom: 0;
	border-width: 80px 80px 80px 80px;
	border-color: #e5e5e7 transparent transparent transparent
}
.our-service-box {
	margin: 20px auto
}
@media (min-width:991px) {
	.our-service-box {
		margin: 20px auto
	}
}
.our-service-box:last-child {
	margin-bottom: 0!important
}
.hr-lg-red {
	width: 100%;
	height: 3px;
	border: 0;
	background-color: #e00000
}
.svg-icon {
	width: 120px;
	height: 120px
}
.card-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}
.ribbon-step {
	width: 125px;
	height: 125px;
	overflow: hidden;
	position: absolute
}
.ribbon-step::after, .ribbon-step::before {
	position: absolute;
	z-index: -1;
	content: '';
	display: none;
	border: 5px solid #b60000
}
.ribbon-step span {
	position: absolute;
	display: block;
	width: 120px;
	padding: 8px 0;
	background-color: #000;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center
}
.ribbon-top-right-step {
	top: -23px;
	right: -6px
}
.ribbon-top-right-step::after, .ribbon-top-right-step::before {
	border-top-color: transparent;
	border-right-color: transparent
}
.ribbon-top-right-step::before {
	top: 0;
	left: 34px
}
.ribbon-top-right-step::after {
	bottom: 34px;
	right: 0
}
.ribbon-top-right-step0 span {
	left: 10px;
	top: 10px
}
.card-body h3 {
	margin-top: 0
}
.right {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}
.left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg)
}
.up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg)
}
.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}
.registered-licensed-broker {
	max-height: 75px;
	height: 100%;
}
.registered-licensed-broker-csio {
	max-height: 75px;
	height: 100%;
}
.qna .accordion .card {
	border: none
}
.qna .accordion .card .card-header {
	border: none;
	padding: 0;
	background-color: #f8f8f8
}
.qna .accordion .card .card-header h3 {
	padding: 0
}
.qna .accordion .card .card-header button {
	border-radius: 0
}
@media(min-width:992px) and (max-width:1199px) {
	.qna .accordion .card .card-header h3 button {
		color: #000;
		font-weight: 700;
		text-decoration: none;
		padding: 0 30px 0 70px;
		height: 130px!important;
		display: block;
		width: 100%;
		text-align: left;
		background: #fff;
		position: relative
	}
	.qna .accordion .card .card-header h3 {
		margin-top: 30px!important
	}
}
@media all and (min-width:1199px) {
	.qna .accordion .card .card-header h3 button {
		color: #000;
		font-weight: 700;
		text-decoration: none;
		padding: 0 30px 0 70px;
		height: 90px!important;
		display: block;
		width: 100%;
		text-align: left;
		background: #fff;
		position: relative
	}
	.qna .accordion .card .card-header h3 {
		margin-top: 30px!important
	}
}
.qna .accordion .card .card-header h3 {
	margin: 10px 0 10px 0
}
.qna .accordion .card .card-header h3 button {
	color: #000;
	font-weight: 700;
	text-decoration: none;
	padding: 0 30px 0 70px;
	height: 85px;
	display: block;
	width: 100%;
	text-align: left;
	background: #fff;
	position: relative
}
.qna .accordion .card .card-header h3 button:after {
	position: absolute;
	left: 30px;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background-color: transparent;
	color: #e00000;
	text-align: center;
	border: 1px solid #e00000;
	border-radius: 50%;
	content: '\002b';
	font-size: 12px;
	line-height: 18px;
	font-weight: 700
}
.qna .accordion .card .card-header h3 button.collapsed {
	background: #fff;
	-webkit-box-shadow: none;
	box-shadow: none
}
.qna .accordion .card .card-header h3 button[aria-expanded=true]:after {
	content: '\002d';
	color: #fff;
	background-color: #e00000
}
.qna .accordion .card .card-body {
	-webkit-box-shadow: 0 15px 140px 0 rgba(69, 81, 100, .1);
	box-shadow: 0 15px 140px 0 rgba(69, 81, 100, .1);
	padding-top: 0;
	margin-top: -6px;
	padding-left: 72px;
	padding-right: 70px;
	padding-bottom: 23px;
	color: #555;
	line-height: 30px
}
.qna .accordion .card .card-header {
	margin-bottom: 0
}
.single_department.choose h3 {
	margin-top: 0
}
@media all and (min-width:1200px) {
	.car-insurance-quote-canada-card {
		padding: 20px;
		background-color: #f7f7f7;
		border-radius: 5px;
		margin: 20px 0;
		border: 1px solid #eaeaea
	}
}
@media(min-width:768px) and (max-width:1199px) {
	.car-insurance-quote-canada-card {
		padding: 20px;
		background-color: #f7f7f7;
		border-radius: 5px;
		margin: 20px 0;
		border: 1px solid #eaeaea
	}
}
.car-insurance-quote-canada-card {
	padding: 20px;
	background-color: #f7f7f7;
	border-radius: 5px;
	margin: 20px 0;
	border: 1px solid #eaeaea
}
.list-group {
	margin-bottom: 20px
}
.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd!important
}
.list-group-item:first-child {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px
}
.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}
a.list-group-item, button.list-group-item {
	color: #555
}
a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
	color: #333
}
.insurance-brands-link {
	text-align: right;
	font-size: 14px;
	padding: 0 0 15px 0
}
@media (min-width:576px) and (max-width:768px) {
	.insurance-brands-link {
		text-align: right;
		font-size: 14px;
		padding: 20px 0 20px 0!important
	}
}
@media all and (min-width:768px) {
	.insurance-brands-link {
		text-align: right;
		font-size: 14px;
		padding: 0 0 20px 0!important
	}
}
.pt-30px {
	padding-top: 30px
}
.customer-login-link {
	padding: 0 5px;
	font-weight: 700;
	font-size: 13px
}
.div-box {
	max-width: 100%;
	width: 1180px;
	margin-right: auto;
	margin-left: auto
}
@media (min-width:576px) {
	.div-box {
		max-width: 100%;
		margin-right: auto;
		margin-left: auto
	}
}
.prl-0 {
	padding-right: 0!important;
	padding-left: 0!important
}
@media (min-width:768px) {
	.div-box {
		max-width: 100%
	}
}
@media (min-width:992px) {
	.div-box {
		max-width: 100%;
		width: 960px
	}
}
@media (min-width:1200px) {
	.div-box {
		width: 1180px;
		max-width: 100%
	}
}
.light-gray {
	background-color: #f8f8f8
}
.column-box {
	width: 23%;
	display: inline-grid;
	padding: 20px;
	margin: 7px;
	box-sizing: border-box;
	background-color: #ececec
}
.column-box img {
	margin: 0 auto;
	display: flex;
	margin: 0 auto
}
.jumbotron-p {
	display: inline-grid;
	width: 100%
}
.img-float {
	float: none;
	width: 100%;
	clear: both
}
.txt-box {
	float: none;
	width: 100%
}
@media all and (min-width:576px) {
	.img-float {
		float: left;
		width: 15%;
		text-align: center;
		margin: 20px 0 0 20px
	}
	.txt-box {
		width: 100%;
		padding: 0 20px
	}
}
@media all and (min-width:830px) {
	.img-float {
		float: left;
		width: 15%;
		text-align: center;
		margin: 20px 0 0 20px
	}
	.txt-box {
		width: 33%;
		padding: 20px;
		display: block;
		float: left
	}
}
.cards {
	width: 100%;
	height: auto;
	max-width: 80px;
	max-height: 80px;
	margin: 20px auto
}
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%
}
ol {
	list-style: none;
	counter-reset: li
}
ol li:before {
	content: counter(li);
	color: #e00000;
	font-weight: 700;
	display: inline-block;
	width: 2em
}
ol li {
	counter-increment: li;
	margin: 0 0 15px 0
}
.search-bar-box {
	background-color: #222;
	border-radius: 5px;
	border: 1px solid#d3d3d3;
	color: #fff
}
.sticky-search {
	padding: 20px;
	text-align: center
}
@media all and (min-width:576px) {
	.sticky-search {
		padding: 50px;
		text-align: center
	}
}
.search-lable {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5
}
#postal-code {
	max-width: 315px;
	width: 100%;
	padding: 20px;
	border: 2px solid #e00000;
	height: 65px;
	background-color: #f7f7f7;
	color: #000;
	display: inline-block;
	font-size: 1rem
}
.get-started-call, .get-started-search {
	padding: 22px 50px;
	border: 2px solid #e00000;
	margin: 0;
	background-color: #e00000;
	color: #fff;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	max-width: 100%;
	height: 65px;
	line-height: 19px;
	max-width: 100%;
	width: 250px;
	border-radius: 0 .25rem .25rem 0;
	font-size: 1rem;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	position: relative
}
.get-started-call:hover, .get-started-search:hover {
	background-color: #000;
	border: 2px solid #000;
	color: #5daf3f;
	cursor: pointer;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	text-decoration: none;
	font-weight: 700
}
.button.get-started-search::after {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	position: absolute;
	right: 50px;
	top: 27%;
	content: "\203A";
	font-family: Montserrat, sans-serif;
	font-size: 2.5rem;
	font-weight: 400;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	display: inline-block
}
.button.get-started-call::after {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	position: absolute;
	right: 50px;
	top: 27%;
	content: "\203A";
	font-family: Montserrat, sans-serif;
	font-size: 2.5rem;
	font-weight: 400;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	display: inline-block
}
.sticky-green-bg {
	background-color: transparent
}
@media all and (max-width:374px) {
	.sticky-get-quotes-btn {
		width: 100%!important;
		font-size: 13px!important;
		padding: 20px 10px!important;
		margin: 0!important;
		line-height:1.5!important
	}
	.sticky-green-bg .compare-quotes-btn:hover {
		color: #fff;
	}
	.sticky-get-quotes-btn:after {
		font-size: 28px;
		top: 8px
	}
	.mobile-sticky-footer {
		padding: 0!important
	}
	.sticky-num {
		display: none!important
	}
	.sticky-call-box {
		border: 0!important
	}
	.sticky-call-box:hover {
		background-color: transparent!important
	}
	.sticky-call-box:hover .sticky-phone {
		filter: brightness(0);
		-webkit-filter: brightness(0);
		cursor: pointer
	}
	.mobile-sticky-footer {
		margin: 0!important
	}
	.sticky-phone .btn-phone-icon {
		width: 30px!important
	}
	.sticky-mobile-text-center {
		text-align: center!important
	}
	.sticky-phone {
		position: relative!important;
		top: inherit!important;
		left: inherit!important
	}
	.sticky-green-bg {
		background-color: #e00000;
		padding: 0!important
	}
	.sticky-get-quotes-btn:hover {
		color: #fff!important
	}
}
@media (min-width:375px) and (max-width:578px) {
	.mobile-sticky-footer {
		padding: 0!important
	}
	.sticky-num {
		display: none!important
	}
	.sticky-call-box {
		border: 0!important
	}
	.sticky-call-box:hover {
		background-color: transparent!important
	}
	.sticky-call-box:hover .sticky-phone {
		filter: brightness(100000%);
		-webkit-filter: brightness(100000%);
		cursor: pointer
	}
	.sticky-get-quotes-btn:after {
		right: -4px!important;
		top: 1px
	}
	.mobile-sticky-footer {
		margin: 0!important
	}
	.sticky-phone .btn-phone-icon {
		width: 30px!important
	}
	.sticky-mobile-text-center {
		text-align: center!important
	}
	.sticky-phone {
		position: relative!important;
		top: inherit!important;
		left: inherit!important
	}
	.sticky-green-bg {
		background-color: #e00000;
	}
	.sticky-green-bg:hover {
		color: #fff;
		background-color:#e00000;
	}
	.sticky-get-quotes-btn {
		width: 100%!important;
		font-size: 16px!important;
		padding: 20px 0px!important;
		margin: 0!important;
		line-height: 1.3!important
	}
	.sticky-green-bg .compare-quotes-btn:hover {
		color: #fff;
	}
	.sticky-get-quotes-btn:hover {
		color: #fff
	}
}

.sticky-txt {
	display: none
}
p.sticky-label {
	font-size: 16px
}
@media all and (min-width:991px) {
	.sticky-txt {
		display: inline-block;
		font-size: 15px;
		padding: 16px 0 0 0
	}
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #000;
	background-color: transparent;
	border-bottom: 1px dotted #e00000;
	border-radius: 0
}
@media (min-width:991px) and (max-width:1999px) {
	.call-num.sticky-num {
		font-size: 17px;
		line-height: 2
	}
	.sticky-get-quotes-btn {
		font-size: 15px;
		line-height: 1.2
	}
	.sticky-get-quotes-btn:after {
		top: -4px
	}
}
@media all and (min-width:1200px) {
	.call-num.sticky-num {
		font-size: 1.4rem;
		line-height: 1.4
	}
	.sticky-get-quotes-btn {
		font-size: 1.2rem;
		line-height: 1
	}
	.sticky-get-quotes-btn:after {
		top: 0
	}
}
.step-card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 20px 15px 25px 15px;
	text-align: center;
	border-radius: 15px
}
.step-card.mb-4.step {
	margin: 2rem 1rem 1rem 1rem!important
}
.small-btn {
	background-color: #e00000;
	color: #fff;
	height: 50px;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	text-decoration: none;
	font-size: 13px;
	text-align: center;
	padding: 10px 15%;
	border-radius: .25rem;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	position: relative;
	border: 2px solid #e00000;
}
.stepNo {
	padding: 10px 0 20px 0;
	text-align: center;
	margin: 0 auto
}
.stepNo span {
	font-size: 15px;
	text-align: center;
	font-weight: 700
}
.step-card-deck {
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-right: -15px;
	margin-left: -15px
}
.step-card-deck .step-card {
	text-align: center
}
@media (min-width:768px) {
	.step-detail-box-bg {
		padding: 20px 20px!important;
		background-color: #fff;
		border: 1px solid #e00000;
		width: 100%;
		position: relative;
		margin-bottom: 10px!important;
		margin-left: 0;
		margin-right: 0
	}
}
.step-detail-box-bg {
	padding: 20px 30px;
	width: 100%;
	position: relative;
	margin-bottom: 65px;
	border-radius: 10px;
	border: 1px solid #e00000;
	background-color: #fff;
	margin-right: 0;
	margin-left: 0
}
.step-detail-box-bg:last-of-type {
	padding: 20px 30px;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	border-radius: 10px;
	border: 1px solid #e00000;
	margin-right: 0;
	margin-left: 0;
	background-color: #fff
}
.step-number-icon {
	max-width: 90px;
	height: auto;
	width: 100%;
	margin-top: 10px;
	text-align: center
}
.call-step-number-icon {
	max-width: 90px;
	height: auto;
	width: 100%;
	text-align: center;
	padding-top: 0
}
.step-card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border-radius: 10px;
	border: 1px solid #e00000;
	padding: 15px
}
.step-card-body h3 {
	margin-top: 0;
	text-align: center
}
.step-card-deck {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}
.step-card-deck .step-card {
	margin-bottom: 15px
}
@media (min-width:768px) {
	.step-card-deck {
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -15px;
		margin-left: -15px
	}
	.step-card-deck .step-card {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: 15px;
		margin-bottom: 0;
		margin-left: 15px
	}
}
@media (min-width:1200px) {
	.step-card-deck .step-card {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: 15px;
		margin-bottom: 0;
		margin-left: 15px
	}
}
@media (min-width:992px) {
	.StepName.call-step {
		text-align: left!important
	}
	.step-img {
		text-align: right!important
	}
	.call-step-number-icon {
		max-width: 90px;
		height: auto;
		width: 100%;
		text-align: center;
		padding-top: 10px!important
	}
}
.StepName.call-step {
	text-align: center
}
.step-img {
	text-align: center
}
.step-img img {
	width: 100%;
	max-width: 375px
}
.step-hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 3px solid #e00000;
	width: 50%
}

.style-hr {
	margin: 0 auto;
	opacity: .5
}
.testimonial-face {
	width: 115px;
	height: auto
}
.prombox-div {
	padding: 0!important
}
.zero-padding {
	padding: 0!important
}
.box-container {
	width: 1180px;
	max-width: 87%;
	margin: 0 auto
}
.info-shopper {
	font-weight: 400!important;
	text-align: left!important
}
.tab-box {
	display: inline-flex;
	padding: 0!important
}
#nav-a {
	margin: 24px auto;
	border-top: 0 solid #ebebeb;
	border-right: 0 solid #ebebeb;
	border-left: 0 solid #ebebeb;
	width: 100%
}


#nav-a li {
	list-style: none
}

#nav-a li a.item-tittle.active {
	background: #777;
	color: #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #ebebeb
}
#nav-a li a.item-tittle:first-child.active {
	background: #000;
	color: #fff;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb
}
#nav-a div {
	float: left;
	background: #f8f8f8;
	overflow: hidden;
	padding: 15px;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	border-top: 1px solid #f8f8f8;
	text-align: left;
	margin-top: -1px;
	width: 100%
}
.section-title h2.insideH2:after {
	position: absolute;
	content: "";
	width: 80px;
	height: 3px;
	bottom: 0;
	background: #e00000;
	left: 8%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
#nav-a li ul li a.item-tittle {
	padding: 10px 25px;
	border-bottom: 1px dotted #ccc
}
.tab-list a {
	padding: 5px 0;
	list-style-type: none;
	display: inline-flex;
	text-decoration: underline;
	width: 49%
}

#nav-a li {
	margin-bottom: 0
}
@media all and (min-width:992px) {
	#nav-a {
		width: 100%;
		position: relative;
		border: none;
		display: flex;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		text-align: center
	}
	#nav-a {
		margin: 24px auto;
		border-top: 0 solid #ebebeb;
		border-right: 0 solid #ebebeb;
		border-left: 0 solid #ebebeb;
		width: 100%
	}
	#nav-a li {
		margin: 0 3px;
		width: 25%
	}
	#nav-a li:first-child {
		display: inline;
		margin: 0 3px 0 0
	}
	#nav-a li:last-child {
		display: inline;
		margin: 0 0 0 3px
	}
	#nav-a li:first-child a.item-tittle.active {
		margin: 0 3px 0 0;
		border-right: 1px solid #ebebeb
	}
	#nav-a li:last-child a.item-tittle.active {
		margin: 0 0 0 3px;
		border-right: 1px solid #ebebeb
	}
	#nav-a li a.item-tittle {
		display: inline-block;
		margin: 0 3px 0 0!important
	}
	ul#nav-a {
		padding: 0
	}
	#nav-a li a.item-tittle:first-child.active {
		background: #f8f8f8;
		color: #444;
		border-left: 1px solid #ebebeb;
		border-right: 1px solid #ebebeb
	}
	.tab-list a {
		padding: 5px 20px;
		list-style-type: none;
		display: inline-flex;
		text-decoration: underline;
		width: 23.9%
	}
}
@media (min-width:892px) and (max-width:992px) {
	#nav-a section {
		padding: 3%;
		top: 90px;
		left: 0
	}
}
.border-radious-500 {
	border-radius: 500px
}
.table_wrapper {
	overflow-x: auto;
	overflow-y: hidden
}
.accent-img, .accent-img-right {
	position: inherit
}
@media all and (min-width:768px) {
	.accent-image-box {
		position: relative
	}
	.accent-img {
		position: absolute;
		left: 0;
		top: -47px;
		padding-right: 50px
	}
	.accent-img-right {
		position: absolute;
		right: 0;
		top: -64px;
		padding-left: 50px
	}
	.max-width-450 {
		max-width: 450px;
		width: 100%
	}
}
@media (max-width:767px) {
	.xs-only-text-left {
		text-align: left!important
	}
	.xs-only-text-right {
		text-align: right!important
	}
	.xs-only-text-center {
		text-align: center!important
	}
}
@media only screen {
	.xs-text-left {
		text-align: left!important
	}
	.xs-text-right {
		text-align: right!important
	}
	.xs-text-center {
		text-align: center!important
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.sm-only-text-left {
		text-align: left!important
	}
	.sm-only-text-right {
		text-align: right!important
	}
	.sm-only-text-center {
		text-align: center!important
	}
}
@media only screen and (min-width:768px) {
	.sm-text-left {
		text-align: left!important
	}
	.sm-text-right {
		text-align: right!important
	}
	.sm-text-center {
		text-align: center!important
	}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
	.md-only-text-left {
		text-align: left!important
	}
	.md-only-text-right {
		text-align: right!important
	}
	.md-only-text-center {
		text-align: center!important
	}
}
@media only screen and (min-width:992px) {
	.md-text-left {
		text-align: left!important
	}
	.md-text-right {
		text-align: right!important
	}
	.md-text-center {
		text-align: center!important
	}
}
@media (min-width:1200px) {
	.lg-only-text-left {
		text-align: left!important
	}
	.lg-only-text-right {
		text-align: right!important
	}
	.lg-only-text-center {
		text-align: center!important
	}
}
@media only screen and (min-width:1200px) {
	.lg-text-left {
		text-align: left!important
	}
	.lg-text-right {
		text-align: right!important
	}
	.lg-text-center {
		text-align: center!important
	}
}
@media (min-width:768px) {
	.service-inner .active, .service-inner .active+.service-item, .service-inner .active+.service-item+.service-item, .service-inner .active+.service-item+.service-item+.service-item, .service-inner .active+.service-item+.service-item+.service-item+.service-item, .service-inner .active+.service-item+.service-item+.service-item+.service-item+.service-item, .service-inner .active+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item, .service-inner .active+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item, .service-inner .active+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item {
		display: block
	}
	.service-inner .service-item.active:not(.service-carousel-item-right):not(.service-carousel-item-left), .service-inner .service-item.active:not(.service-carousel-item-right):not(.service-carousel-item-left)+.service-item, .service-inner .service-item.active:not(.service-carousel-item-right):not(.service-carousel-item-left)+.service-item+.service-item, .service-inner .service-item.active:not(.service-carousel-item-right):not(.service-carousel-item-left)+.service-item+.service-item+.service-item, .service-inner .service-item.active:not(.service-carousel-item-right):not(.service-carousel-item-left)+.service-item+.service-item+.service-item+.service-item, .service-inner .service-item.active:not(.service-carousel-item-right):not(.service-carousel-item-left)+.service-item+.service-item+.service-item+.service-item+.service-item, .service-inner .service-item.active:not(.service-carousel-item-right):not(.service-carousel-item-left)+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item, .service-inner .service-item.active:not(.service-carousel-item-right):not(.service-carousel-item-left)+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item, .service-inner .service-item.active:not(.service-carousel-item-right):not(.service-carousel-item-left)+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item {
		transition: none
	}
	.service-inner .service-carousel-item-next, .service-inner .service-carousel-item-prev {
		position: relative;
		transform: translate3d(0, 0, 0)
	}
	.service-inner .active.service-itemm+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item {
		position: absolute;
		top: 0;
		right: -33.3333%;
		z-index: -1;
		display: block;
		visibility: visible
	}
	.active.service-carousel-item-left+.service-carousel-item-next.service-carousel-item-left, .service-carousel-item-next.service-carousel-item-left+.service-item, .service-carousel-item-next.service-carousel-item-left+.service-item+.service-item, .service-service-carousel-item-next.service-carousel-item-left+.service-item+.service-item+.service-item, .service-service-carousel-item-next.service-carousel-item-left+.service-item+.service-item+.service-item+.service-item, .service-service-carousel-item-next.service-carousel-item-left+.service-item+.service-item+.service-item+.service-item+.service-item, .service-service-carousel-item-next.service-carousel-item-left+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item, .service-service-carousel-item-next.service-carousel-item-left+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item, .service-service-carousel-item-next.service-carousel-item-left+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item, .service-service-carousel-item-next.service-carousel-item-left+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item {
		position: relative;
		transform: translate3d(-100%, 0, 0);
		visibility: visible
	}
	.service-inner .service-carousel-item-prev.service-carousel-item-right {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		display: block;
		visibility: visible
	}
	.active.service-carousel-item-right+.service-carousel-item-prev.service-carousel-item-right, .service-carousel-item-prev.service-carousel-item-right+.service-item, .service-carousel-item-prev.service-carousel-item-right+.service-item+.service-item, .service-carousel-item-prev.service-carousel-item-right+.service-item+.service-item+.service-item, .service-carousel-item-prev.service-carousel-item-right+.service-item+.service-item+.service-item+.service-item, .service-carousel-item-prev.service-carousel-item-right+.service-item+.service-item+.service-item+.service-item+.service-item, .service-carousel-item-prev.service-carousel-item-right+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item .service-carousel-item-prev.service-carousel-item-right+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item, .service-carousel-item-prev.service-carousel-item-right+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item, .service-carousel-item-prev.service-carousel-item-right+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item+.service-item {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible
	}
}
.service-item .card .card-img-top {
	width: 100%;
	max-width: 100px;
	text-align: center;
	margin: 0 auto
}
.service-item .card {
	padding: 0 10px;
	text-align: center;
	width: 100%;
	height: 180px
}
.service-item {
	padding: 10px!important;
	margin: 20px 0
}
.service-item.last-card {
	margin: 20px auto
}
@media (min-width:768px) {
	.service-item.last-card {
		margin: 20px 0
	}
}
.service-inner {
	padding: 5px 20px 30px 20px;
	width: 95%
}
.service-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2
}
.service-slide-bar {
	height: 269px;
	overflow: hidden
}
.service-slide-bar .carousel-indicators {
	bottom: -10px
}
.service-carousel-control-prev {
	position: absolute;
	top: 117px;
	left: 2%;
	cursor: pointer
}
.service-carousel-control-2-rows-prev {
	position: absolute;
	top: 329px;
	left: 2%;
	cursor: pointer
}
.review-carousel-control-prev {
	position: absolute;
	top: 46%;
	left: 2%;
	cursor: pointer
}
.service-carousel-control-next {
	position: absolute;
	top: 117px;
	right: 2%;
	cursor: pointer
}
.service-carousel-control-2-rows-next {
	position: absolute;
	top: 329px;
	right: 2%;
	cursor: pointer
}
.review-carousel-control-next {
	position: absolute;
	top: 46%;
	right: 2%;
	cursor: pointer
}
.service-slide-bar-2-rows {
	height: 679px;
	overflow: hidden
}
@media (min-width:768px) and (max-width:991px) {
	.service-slide-bar {
		height: 263px;
		overflow: hidden
	}
	.w-80 {
		width: 80%
	}
}
@media all and (min-width:992px) {
	.service-slide-bar {
		height: 290px;
		overflow: hidden
	}
	.service-carousel-control-prev {
		position: absolute;
		top: 122px;
		left: 2%
	}
	.service-carousel-control-next {
		position: absolute;
		top: 122px;
		right: 2%
	}
	.review-carousel-control-prev {
		position: absolute;
		top: 277px;
		left: 2%
	}
	.review-carousel-control-next {
		position: absolute;
		top: 277px;
		right: 2%
	}
	.w-md-80 {
		width: 80%
	}
}
#serviceCarousel {
	position: relative
}
.carousel-control-next-icon {
	background-image: url(//m.onitakain.com/images/control-next.svg)
}
.carousel-control-prev-icon {
	background-image: url(//m.onitakain.com/images/control-prev.svg)
}
.review-control-next-icon {
	background-image: url(//m.onitakain.com/images/control-next.svg)
}
.review-control-prev-icon {
	background-image: url(//m.onitakain.com/images/control-prev.svg)
}
@media (min-width:768px) and (max-width:991px) {
	.service-title {
		font-weight: 700;
		font-size: 12px
	}
	.service-item .card {
		padding: 20px;
		text-align: center;
		height: 170px;
		width: 100%
	}
}
@media (min-width:992px) {
	.service-title {
		font-weight: 700;
		font-size: 14px
	}
	.service-item .card {
		padding: 20px;
		text-align: center;
		height: 200px;
		width: 100%
	}
}
.news-page-title {
	text-align: center;
	margin: 130px 0 30px 0
}
.news-page-image, .news-page-image-right {
	float: none;
	margin: 0;
	max-width: 100%;
	height: auto;
	width: 768px;
	padding: 20px 0
}
.news-page-image-left {
	float: none;
	margin: 0;
	max-width: 100%;
	height: auto;
	width: 768px;
	padding: 20px 0
}
.news-page-image-left-widh-bullet {
	float: none;
	margin: 0;
	max-width: 100%;
	height: auto;
	width: 768px;
	padding: 20px 0
}
.last-p {
	padding: 0 0 20px 0
}
@media all and (min-width:576px) {
	.news-page-title {
		text-align: center;
		margin: 130px 0 30px 0
	}
	.news-page-image, .news-page-image-right {
		float: right;
		margin: 30px 0 30px 30px;
		width: 375px;
		padding: 0
	}
	.news-page-image-left {
		float: left;
		margin: 30px 30px 30px 0;
		width: 375px;
		padding: 0
	}
	.news-page-image-left-with-bullet {
		float: left;
		margin: 10px 60px 30px 0;
		width: 375px;
		padding: 0
	}
	.news-page-title:first-of-type {
		margin: 0 0 20px 0
	}
	.last-p {
		padding: 0 0 30px 0
	}
}
@media all and (min-width:1200px) {
	.last-p {
		padding: 0 0 80px 0
	}
}
ul.news-page-circle-bullet, ul.news-page-circle-line-bullet, ul.news-page-sun-bullet {
	list-style: none;
	padding-inline-start: 20px
}
ul.news-page-circle-bullet li, ul.news-page-circle-line-bullet li, ul.news-page-sun-bullet li {
	position: relative
}
ul.news-page-circle-bullet li:before {
	content: "\2022";
	color: red;
	font-size: 34px;
	font-weight: 700;
	display: inline-block;
	width: 27px;
	margin-left: -22px;
	position: absolute;
	top: -20px
}
ul.news-page-circle-line-bullet li:before {
	content: "\00b0";
	color: red;
	font-size: 34px;
	font-weight: 700;
	display: inline-block;
	width: 27px;
	margin-left: -22px;
	position: absolute;
	top: -8px
}
ul.news-page-sun-bullet li:before {
	content: "☉";
	color: red;
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	width: 27px;
	margin-left: -22px;
	position: absolute;
	top: -4px
}
.s-page-h2 {
	margin: 30px 0 20px 0
}
@media all and (min-width:1200px) {
	.s-page-h2 {
		margin: 50px 0 30px 0
	}
}
.load-icon {
	max-width: 120px;
	width: 100%;
	height: auto
}
.load-box {
	background-color: #fff;
	margin: 10px;
	padding: 0;
	border-radius: 10px
}
.load-box-index {
	background-color: #fff;
	margin: 20px 15px;
	padding: 20px 20px 40px 20px;
	border-radius: 10px
}
@media all and (min-width:1200px) {
	.load-box {
		background-color: #fff;
		margin: 20px 15px;
		padding: 20px 20px 40px 20px;
		border-radius: 10px
	}
	.load-box-index {
		background-color: #fff;
		margin: 20px 15px;
		padding: 20px 20px 40px 20px;
		border-radius: 10px
	}
}
.load-box-bg {
	background-color: #f8f8f8;
	margin: 20px 15px;
	padding: 20px 20px 40px 20px;
	border-radius: 10px
}
.google-review {
	background-color: #fff;
	box-shadow: 0 3px 0 0 rgba(0, 0, 0, .03);
	width: 100%;
	margin: 20px 0;
	padding: 30px;
	display: inline-flex
}
.review-box {
	height: 150px;
	overflow-y: scroll
}
.review-name {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 0
}
.review-date {
	font-size: 16px;
	margin-bottom: 0
}
.reivew-see-all a {
	font-weight: 700;
	cursor: pointer
}
.reivew-see-all {
	width: 100%;
	text-align: right;
	font-size: 16px;
	padding-top: 0px
}
@media (min-width:768px) and (max-width:991px) {
	.reivew-see-all {
		width: 100%;
		text-align: right;
		font-size: 12px;
		padding-top: 0
	}
}
@media all and (min-width:992px) {
	.reivew-see-all {
		width: 100%;
		text-align: right;
		font-size: 12px;
		padding-top: 0
	}
}
@media all and (min-width:768px) {
	.review-date {
		font-weight: 700;
		font-size: 14px
	}
	.review-date {
		font-size: 12px;
		margin-bottom: 0
	}
	.google-review {
		width: 43%;
		margin: 15px 10px
	}
}
.review-dynamic-txt {
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	display: block;
	line-height: 1.2!important;
	max-width: 270px;
	width: 100%;
	margin: 0 auto
}
.reviewed-num {
	font-size: 23px;
	color: #e00000;
	font-weight: 700
}
.full-review-num {
	font-size: 23px;
	color: #000;
	font-weight: 700
}
.review-img {
	max-width: 200px;
	width: 100%
}
.review-img-5-stars {
	max-width: 300px;
	width: 100%
}
.review-dynamic-txt-lg {
	font-size: 25px;
	text-align: center;
	font-weight: 700;
	line-height: 1.3!important;
	max-width: 290px;
	width: 100%;
	margin: 0 auto
}
.reviewed-num-lg {
	color: #e00000
}
.scrolling::-webkit-scrollbar {
	width: 2px
}
.scrolling::-webkit-scrollbar-thumb {
	background: #eaeaea
}
.review-carousel-box {
	position: relative;
	height: 520px;
	overflow: hidden;
	padding: 0 35px
}
.logo-slider-box.serviceCarousel .carousel-indicators {
	bottom: -57px
}
.review-contents {
	font-size: 16px;
	line-height: 23px
}
@media all and (min-width:768px) {
	.review-carousel-box {
		position: relative;
		height: 542px;
		overflow: hidden
	}
	.logo-slider-box.serviceCarousel .carousel-indicators {
		bottom: -60px
	}
	.review-contents {
		font-size: 14px
	}
}
.review-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.review-rating {
	width: 85px;
	height: auto
}
a .service-card span {color:#000; text-decoration:none}
a .service-card span:hover {
  color:#e00000;
  text-decoration: underline;
}


.service-card:hover {
	border: 1px solid #e00000
}
.why-box {
	position: relative
}
.p-big-txt {
	padding: 20px 15px
}
.unbiased-expertise {
	padding: 30px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #ebebeb
}
.p-big-txt {
	font-size: 26px;
	line-height: 1!important;
	border-bottom: 3px dotted #ebebeb
}
.stress-no {
	font-size: 40px;
	font-weight: 600;
	color: #e00000
}
.stripe-triangle-box {
	position: absolute;
	top: -74px;
	left: 0
}
.unbiased-expertise {
	position: relative;
	margin: 0 auto
}
.plain-triangle-box {
	position: absolute;
	top: 300px;
	right: -15px;
	z-index: -75
}
@media (min-width:376px) and (max-width:575px) {
	.p-big-txt {
		font-size: 26px;
		line-height: 1!important;
		border-bottom: 3px dotted #ebebeb
	}
	.stress-no {
		font-size: 40px;
		font-weight: 600;
		color: #e00000
	}
	.stripe-triangle-box {
		position: absolute;
		top: -74px;
		left: 0
	}
	.unbiased-expertise {
		position: relative;
		margin: 0 auto
	}
	.plain-triangle-box {
		position: absolute;
		top: 150px;
		right: -15px;
		z-index: -75
	}
}
@media (min-width:576px) and (max-width:659px) {
	.p-big-txt {
		font-size: 26px;
		line-height: 1!important;
		border-bottom: 3px dotted #ebebeb
	}
	.stress-no {
		font-size: 40px;
		font-weight: 600;
		color: #e00000
	}
	.stripe-triangle-box {
		position: absolute;
		top: -74px;
		left: 0
	}
	.unbiased-expertise {
		position: relative;
		margin: 0 auto
	}
	.plain-triangle-box {
		position: absolute;
		top: 225px;
		right: -15px;
		z-index: -75
	}
}
@media (min-width:660px) and (max-width:767px) {
	.p-big-txt {
		font-size: 27px;
		line-height: 1!important;
		border-bottom: 3px dotted #ebebeb;
		padding: 20px 0
	}
	.stress-no {
		font-size: 55px;
		font-weight: 600;
		color: #e00000
	}
	.stripe-triangle-box {
		position: absolute;
		top: -74px;
		left: 0
	}
	.unbiased-expertise {
		position: relative;
		margin: 0 auto
	}
	.plain-triangle-box {
		position: absolute;
		top: 225px;
		right: 10px;
		z-index: -75
	}
}
@media (min-width:768px) and (max-width:1199px) {
	.p-big-txt {
		font-size: 27px;
		line-height: 1!important;
		border-bottom: 3px dotted #ebebeb;
		padding: 20px 0
	}
	.stress-no {
		font-size: 55px;
		font-weight: 600;
		color: #e00000
	}
	.stripe-triangle-box {
		position: absolute;
		top: -74px;
		left: 0
	}
	.unbiased-expertise {
		position: absolute;
		left: 100px;
		top: 0
	}
	.plain-triangle-box {
		position: absolute;
		top: 320px;
		right: 10px;
		z-index: -75
	}
}
@media all and (min-width:1200px) {
	.p-big-txt {
		font-size: 32px;
		line-height: 1!important;
		border-bottom: 3px dotted #ebebeb;
		padding: 20px 35px
	}
	.stress-no {
		font-size: 55px;
		font-weight: 600;
		color: #e00000
	}
	.stripe-triangle-box {
		position: absolute;
		top: -74px;
		left: 0
	}
	.unbiased-expertise {
		position: absolute;
		left: 130px;
		top: 0
	}
	.plain-triangle-box {
		position: absolute;
		top: 300px;
		right: 35px;
		z-index: -75
	}
}
.border-btm-0 {
	border-bottom: 0
}
.form-control {
	outline: 0;
	border-color: #777;
	border-width: 1px;
	border-radius: 3px;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	background: #fff;
	color: #373737;
	height: 55px;
	padding: 0 20px;
	font: 15px #777;
	margin-top: 10px
}
.form-control {
	display: block;
	width: 100%;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}
.form-group {
	position: relative;
	margin-bottom: 1.8rem
}
select {
	background: url(//m.onitakain.com/images/down-arrow.svg) no-repeat;
	background-position-x: 0;
	background-position-y: 0;
	background-position-x: 0;
	background-position-y: 0;
	background-position-x: 0;
	background-position-y: 0;
	background-position: calc(100% - 15px) calc(1em + 2px);
	height: 55px;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none
}
.form-column .btn {
	background-image: none;
	background-color:#e00000;
	border: 2px solid #e00000;
	font-weight: 600;
	font-family: Montserrat, sans-serif;
	text-align: left;
	text-indent: 0;
	color: #fff;
	width: 100%;
	padding: 10px 30px;
	font-size: 17px;
	font-weight: 700;
	margin-top: 60px;
	background-image: url(//m.onitakain.com/images/next-arrow.svg);
	background-position: center right 5%;
	background-repeat: no-repeat;
	background-size: 20px 20px
}
.form-column .btn:hover {
	background-color: transparent;
	border: 2px solid #e00000;
	color: #fff;
	cursor: pointer;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	text-decoration: none;
	font-weight: 600;
	background-image: url(//m.onitakain.com/images/next-arrow-green.svg);
	background-position: center right 5%;
	background-repeat: no-repeat;
	background-size: 20px 20px
}
label {
	margin-bottom: 5px;
	color: #444;
	font-size: 17px;
	line-height: 21px;
	width: 100%
}
select.form-control {
	background: url(//m.onitakain.com/down-arrow.svg) no-repeat;
	background-position-x: 0;
	background-position-y: 0;
	background-position: calc(100% - 15px) calc(1em + 2px);
	height: 55px!important;
	padding: 2px 30px 2px 18px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none
}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0
}
.custom-control-label {
	position: relative;
	vertical-align: top;
	padding: 5px 0;
	margin-bottom: 10px
}
.custom-control-label::after {
	position: absolute;
	top: .4rem;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%
}
.custom-control-label::before {
	position: absolute;
	top: .5rem;
	left: -1.5rem;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	content: "";
	background-color: #fff;
	border: #adb5bd solid 1px
}
.custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color:#e00000;
	background-color:#e00000
}
.required {
	color: #e00000
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -5 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
@media (min-width:991px) {
	.col-md-5th-1 {
		width: 16%!important;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 20%;
		max-width: 20%
	}
	.solution-title {
		font-weight: 700;
		font-size: 16px;
		margin: 0;
		text-align: center
	}
	.solution-detail {
		font-size: 14px;
		color: #000;
		line-height: 1.6!important
	}
}
.solution img {
	width: 100%;
	max-width: 100px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0
}
.read-more-state, .solution-detail {
	display: none
}
.read-more-target {
	max-height: 0;
	font-size: 0;
	transition: .25s ease;
	display: none
}
.solution {
	max-height: 100%;
	min-height: 260px
}
.read-more-state:checked~.read-more-wrap .read-more-target, .read-more-state:checked~.solution-detail {
	font-size: 14px;
	max-height: 999em;
	display: block
}
.read-more-state~.read-more-trigger:before {
	content: 'Show more'
}
.read-more-state:checked~.read-more-trigger:before {
	content: 'Show less'
}
.read-more-trigger {
	cursor: pointer;
	display: inline-block;
	color: #e00000;
	font-size: 16px;
	line-height: 2;
	text-align: center
}
.hidden-txt p {
	line-height: 22px;
	font-size: 16px
}
@media all and (min-width:575px) {
	.read-more-trigger {
		cursor: pointer;
		display: inline-block;
		color: #e00000;
		font-size: 12px;
		line-height: 2;
		text-align: center
	}
	.solution-title-txt {
		display: block;
		font-weight: 700;
		font-size: 14px;
		margin: 0;
		text-align: center;
		transition: .5s ease;
		line-height: 1.3;
		padding: 0 10px
	}
	.hidden-txt p {
		line-height: 20px!important;
		font-size: 13px
	}
}
.solution-title {
	text-align: center
}
.solution-item {
	padding: 10px!important;
	margin: 20px 0
}
.solution-inner {
	padding: 20px 20px 30px 20px;
	width: 95%
}
.soulution-item .card {
	text-align: center;
	width: 100%
}
.middle {
	transition: .5s ease;
	display: none;
	color: #fff
}
.hidden-txt {
	transition: .5s ease;
	display: none;
	color: #fff;
	display: block;
	text-align: left
}
.solution-title-txt {
	display: block;
	font-weight: 700;
	font-size: 16px;
	margin: 0;
	text-align: center;
	transition: .5s ease;
	line-height: 1.3;
	padding: 0 10px
}
.solution-card {
	max-height: 100%;
	min-height: 260px;
	-webkit-box-shadow: 0 0 11px 5px rgba(217, 217, 217, .4);
	-moz-box-shadow: 0 0 11px 5px rgba(217, 217, 217, .4);
	box-shadow: 0 0 11px 5px rgba(217, 217, 217, .4);
	border: 0;
	overflow: scroll;
}
.solution-card-img-top {
	width: 100%;
	max-width: 100px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
	display: block;
	transition: .5s ease
}
.solution-card:hover {
	border: 1px solid #910000;
	background-color: #e00000
}
.solution-card:hover .solution-card-img-top, .solution-card:hover .solution-title-txt {
	display: none
}
.solution-card:hover .middle {
	display: block
}
.solution-card:hover .hidden-txt {
	display: block
}
.solution-item .card {
	padding: 20px;
	text-align: center;
	height: 200px;
	width: 100%
}
.graph {
	width: 600px;
	max-width: 100%
}
.carousel-fix {
	display: block
}
.insurance-page-logo {
	width: 60%;
	height: 40px;
	margin: 20px 0
}
.insurance-page-logo-ext {
	width: 60%;
	height: 20px;
	margin: 20px 0
}
.insurance-page-logo-fix {
	margin: 20px 0
}
.insurance-logo-box {
	padding: 20px 20px 10px 20px
}
.map-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0
}
.map-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute
}
.card.product-box {
	margin-bottom: 20px!important;
	background-color: #f8f8f8;
	border: 0;
	padding: 30px 15px
}
@media all and (min-width:768px) {
	.card.product-box {
		margin: 15px;
		border: 0;
		background-color: #f8f8f8;
		padding: 15px
	}
}
.product-text {
	text-align: left
}
.product-icon {
	max-width: 80px;
	width: 100%;
	height: auto
}
.wide-box-shadow {
	box-shadow: 0 .1rem 2rem rgba(106, 106, 106, .25)
}
.how-to-contact-h3 {
	position: relative
}
.rounded-10px {
	border-radius: 10px
}
.button-contact {
	position: relative;
	display: inline-block;
	max-width: 215px;
	padding: 8px 25px;
	text-decoration: none;
	background-color: transparent;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #e00000;
	width: 100%;
	height: 50px;
	cursor: pointer;
	color: #e00000;
	font-weight: 600
}
.button-contact:hover {
	position: relative;
	display: inline-block;
	max-width: 215px;
	padding: 8px 25px;
	text-decoration: none;
	background-color: #e00000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #e00000;
	width: 100%;
	height: 50px;
	cursor: pointer;
	color: #fff;
	text-decoration: none
}
.call-num-policy {
	font-size: 26px;
	color: #e00000;
	font-weight: 600
}
.open-txext {
	text-decoration: underline
}
.button-contact:after {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	position: absolute;
	right: 20px;
	top: -36%;
	content: "\203A";
	font-family: Montserrat, sans-serif;
	font-size: 2.5rem;
	font-weight: 400;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	display: inline-block
}
.pagelink {
	padding: 6px
}

a.link-spacing {
	padding-bottom: 15px;
	display: block
}

.howto-align{
    padding: 0 15px;
}
ul.check-mark-bullet{list-style:none;padding-inline-start:20px}.check-mark-bullet li:last-child{margin-bottom:0!important}.check-mark-bullet li{position:relative}.check-mark-bullet li:before{content:"\2713";color:#e00000;font-size:15px;font-weight:700;display:inline-block;width:27px;margin-left:-22px;position:absolute;top:0} .blockquote.quote-box {border-top: 2px solid #ccc;border-bottom: 2px solid#ccc;padding: 20px;}.blockquote.quote-box span {font-size: 16px;}ul.inline li { max-width: 100%; display: inline-block; padding: 0 10px;width: 200px;}
ol li::before {
    content: counter(li);
    color: 
    #e00000;
    font-weight: 700;
    display: inline-block;
    width: 27px;
    margin-left: -20px;
    position: absolute;
}
ol.num-list {
    list-style: none;
    padding-inline-start: 20px;
}
.modal-dialog {
    position:relative;
    width:auto;
    margin: 1rem auto;
    pointer-events:none
   }
.modal-content {
    max-width: 95%;
    margin: 0 auto;
}
@media (min-width:991px) {
    .modal-dialog {
     max-width:900px;
     margin:3.75rem auto;
    }
}

.modal-header.popup { border-bottom: 0px solid #e9ecef; padding: 0.5rem 1rem;}
.btn-danger {
    color: #fff;
    background-color:#e00000;
    border-color:#e00000;
}
.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    height: 450px;
    overflow: scroll;
}
.pop-up .table td, .pop-up .table th {
    padding: .5rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    line-height: 1.4;
}
.button-contact {text-align: left;}
.load-boxs {
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.no-rounded-circle{
    width: 110px;
    height: 110px;
    padding: 10px;
  }
 .box-line-gray { border: 1px solid #f3f3f3; padding: 0 5px !important;}
 .column-table-box {border-spacing: 10px; margin: 0 auto; text-align: center; width: 100%;}
 .column-table-box-a {text-align: center; display: inline-block;}
 .column-table-box-a a { 
    margin: 7px 0;
    padding: 10px 20px; 
    list-style-type: none;
    display: block;
    border: #ddd 1px solid;
    line-height: 1.5;
    text-align: center;
 }
 .column-table-box-a a:hover {
    background-color: #f1f1f2;
    border: 1px solid #ddd;
    color: #e00000;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
}
 @media (min-width:768px) {
    .column-table-box-a a { 
        display: table-cell;
 }
}
.three-boxes h3,.three-boxes p {text-align:center !important;}


ul.list-2-column {
    list-style-position: outside;
    list-style: none;
    -moz-column-count: 1;
    -moz-column-gap: 10px;
    -webkit-column-count:1;
    -webkit-column-gap: 10px;
    column-count:1;
    column-gap: 10px;
}
ul.list-2-column li:before{
	content: "\2022";
	color: #e00000;
	font-size: 37px;
	font-weight: 700;
	display: inline-block;
	width: 27px;
	margin-left: -22px;
	position: relative;
	top: 5px;
	line-height: 30px;
}
.list-2-column li,.list-3-column li {
    list-style: none;
    padding-inline-start: 20px;
}
@media all and (min-width:992px) {
    ul.list-2-column {
        list-style-position: outside;
        list-style: none;
        -moz-column-count: 2;
        -moz-column-gap: 10px;
        -webkit-column-count: 2;
        -webkit-column-gap: 10px;
        column-count: 2;
        column-gap: 10px;
	}
	.list-2-column li {
		list-style: none;
		padding-inline-start: 20px;
	}
	ul.list-2-column li:before{
		content: "\2022";
		color: #e00000;
		font-size: 37px;
		font-weight: 700;
		display: inline-flex;
		width: 21px;
		line-height: 30px;
		height: 30px;
		position: relative;
		top: 5px;
	}
}


.small-img-fluid {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.service-type-box .card .card-img-top {
    width: 100%;
    max-width: 100px;
    text-align: center;
    margin: 0 auto;
}
.service-type-box .card {
    padding: 0 10px;
    text-align: center;
    width: 100%;
    height: 180px;
}
.service-type-box {
    padding: 10px; 
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
@media all and (min-width:768px){
    .service-type-box {
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
}
@media all and (min-width:992px){
    .service-type-box .card {
        padding: 20px;
        text-align: center;
        height: 200px;
        width: 100%;
    }
}
.type-box-style {
    padding: 10px;
}

/** May13 car insurance Mississauga **/
ul.list-3-column {
    list-style-position: outside;
    list-style: none;
    -moz-column-count: 1;
    -moz-column-gap: 10px;
    -webkit-column-count:1;
    -webkit-column-gap: 10px;
    column-count:1;
    column-gap: 10px;
}
@media (min-width:600px) and (max-width:991px) {
    ul.list-3-column {
        list-style-position: outside;
        list-style: none;
        -moz-column-count: 2;
        -moz-column-gap: 10px;
        -webkit-column-count: 2;
        -webkit-column-gap: 10px;
        column-count: 2;
        column-gap: 10px;
    }
}

@media all and (min-width:992px) {
    ul.list-3-column {
        list-style-position: outside;
        list-style: none;
        -moz-column-count: 3;
        -moz-column-gap: 10px;
        -webkit-column-count: 3;
        -webkit-column-gap: 10px;
        column-count: 3;
        column-gap: 10px;
    }
}

ul.list-3-column li:before{
 content: "\2022";
 color: #e00000;
 font-size: 37px;
 font-weight: 700;
 display: inline-block;
 width: 27px;
 line-height: 30px;
 height: 30px;
 margin-left: -22px;
 position: relative;
 top: 5px;
}

.bg-dblack { background-color:#444444;}
.notice-div h3 {margin-top:0}
.notice-div{ color:#ffffff; padding: 20px 0;}

/** May27**/
.quote-box {
    width: 98%;
}

.call-us-num-policy {
    font-size: 20px;
    color: #e00000;
    font-weight: 600;
}

.insurance-logo-box-type-b {
    padding: 20px 0px 30px 0px;
    padding-right: 20px;
    padding-left: 20px;
    border-bottom: 1px dotted #b3b3b3;
}
/***
.insurance-logo-box-type-b:nth-last-of-type(1){
    padding: 20px 0px 30px 0px;
    padding-right: 20px;
    padding-left: 20px;
    border-bottom: 1px dotted #ffffff;
}

.insurance-logo-box-type-b:nth-last-of-type(1),.insurance-logo-box-type-b:nth-last-of-type(2),.insurance-logo-box-type-b:nth-last-of-type(3) ,.insurance-logo-box-type-b:nth-last-of-type(4){
    padding: 20px 0px 30px 0px;
    padding-right: 20px;
    padding-left: 20px;
    border-bottom: 1px dotted #ffffff;
}
***/
.insurance-page-logo-w-auto {
    width: auto;
    height: 40px;
    margin: 20px 0;
}
.insurance-page-logo-w-auto-fix{margin: 20px 0;}
.wrap-box {
    width: 90%;
    margin: 0 auto;
    border: 1px solid #efefef;
    border-radius: 10px;
}
.partners-wrap-box {
    width: 90%;
    margin: 0 auto;
    border: 5px solid #efefef;
    border-radius: 10px;
}
.our-service-box-b-type a.our-service h5:visited{
	color:#e00000;
	text-decoration:underline
}
.our-service-box-b-type a.our-service h5{
	color:#000;
	text-decoration:none
}
.our-service-box-b-type a.our-service h5:hover{
	color:#e00000;
	text-decoration:underline;
	cursor:pointer
}
.our-service-box-b-type{
	margin:20px auto
}
@media (min-width:991px){
	.our-service-box-b-type{
		margin:20px auto
    }
}
.our-service-box-b-type:last-child{
	margin-bottom:0!important
}
/***recreational vehicle quotes- Jun 4****/
.service-type-5-box .card .card-img-top {
    width: 100%;
    max-width: 100px;
    text-align: center;
    margin: 0 auto;
}
.service-type-5-box .card {
    padding: 20px;
    text-align: center;
    width: 100%;
}
.service-type-5-box {
    padding: 20px; 
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
@media all and (min-width:768px){
    .service-type-5-box {
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
}
@media all and (min-width:992px){
    .service-type-5-box .card {
        padding: 20px;
        text-align: center;
        width: 100%;
    }
}


ul.list-column-5 li {
    list-style: none;
    text-align: center;
    display: inline-block;
    width: 100%
}
.list-column-5 a {
    display: block;
}
.list-column-5 li {
    background-color: #f8f8f8;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #efefef;
} 
ul.list-column-5 {
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 10px;
    list-style-type: none;
    width: 100%;
    text-align: center;
}
@media (min-width:600px) and (max-width:991px) {
    ul.list-column-5 {
        -moz-column-count: 3;
        -moz-column-gap: 20px;
        -webkit-column-count: 3;
        -webkit-column-gap: 20px;
        column-count: 3;
        column-gap: 10px;
        list-style-type: none;
        width: 100%;
        text-align: center;
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(200px, 1fr));
    }
  }
  @media all and (min-width:992px) {
    ul.list-column-5 {
        -moz-column-count: 5;
        -moz-column-gap: 20px;
        -webkit-column-count: 5;
        -webkit-column-gap: 20px;
        column-count: 5;
        column-gap: 10px;
        list-style-type: none;
        width: 100%;
        text-align: center;
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(200px, 1fr));
    }
  }
.four-columns-box {
    background-color: #f8f8f8;
    width: 100%;
    border-radius: 3px;
    padding: 15px;
    margin: 0 auto;
}
h3.title-h3 {font-size: 16px;}
h3.subtitle-h3{
	font-size: 20px;
	font-weight: 600;
	text-align:left;
}
.img-fluid-b-type {
	max-width: 100%;
	height: auto;
	width: 100%;
}
@media all and (min-width:992px) {
	.img-fluid-b-type {
		max-width: 100%;
		height: auto;
		width: 375px;
	}
	h3.subtitle-h3{
		font-size: 24px;
		font-weight: 600;
		text-align:center;
	}
}
/*** google review test1 
.test-div {
    position: relative;
    background-color: #fff;
    border: 3px solid #efefef;
    border-radius: 10px;
    padding: 55px 20px 135px 20px;
    margin-top: 55px;
  }
  .test-deco {
    position: absolute;
    top: -70px;
    left: 13px;
    width: 169px;
    height: auto;
  }
  .test-stars {
    width: 184px;
    position: absolute;
    top: 78px;
    height: auto;
    left: 18px;
  }
  .test-logo {
    width: 134px;
    position: absolute;
    right: 18px;
    top: 15px;
  }
  .test-text {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    display: block;
    line-height: 1.2 !important;
    width: 330px;
    margin: 0 auto;
    position: absolute;
    top: 122px;
    max-width: 100%;
  }
  @media all and (min-width:768px){
    .test-div {
        position: relative;
        background-color: #fff;
        border: 3px solid #efefef;
        border-radius: 10px;
        padding: 20px 20px 200px 20px;
        margin-top: 55px;
      }
    .test-deco {
        position: absolute;
        top: -70px;
        left: 30px;
        width: 194px;
        height: auto;
      }
    .test-stars {
        width: 157px;
        position: absolute;
        top: 88px;
        height: auto;
        left: 18px;
      }
    .test-logo {
        width: 138px;
        position: absolute;
        right: 18px;
        top: 46px;
      }
    .test-text {
        font-size: 16px;
        font-weight: 700;
        text-align: left;
        display: block;
        width: 270px;
        margin: 0 auto;
        position: absolute;
        top: 136px;
      }
}
@media all and (min-width:1200px){
    .test-div {
        position: relative;
        background-color: #fff;
        border: 3px solid #efefef;
        border-radius: 10px;
        padding: 55px 20px 160px 20px;
        margin-top: 55px;
      }
      .test-deco {
        position: absolute;
        top: -70px;
        left: 50px;
        width: 216px;
        height: auto;
      }
      .test-stars {
        width: 200px;
        position: absolute;
        top: 88px;
        height: auto;
        left: 30px;
      }
      .test-logo {
        width: 156px;
        position: absolute;
        right: 20px;
        top: 40px;
      }
      .test-text {
        font-size: 16px;
        font-weight: 700;
        text-align: left;
        display: block;
        line-height: 1.2 !important;
        width: 330px;
        margin: 0 auto;
        position: absolute;
        top: 136px;
        left: 30px;
      }
}
***/
.test-text {
    line-height: 1.2 !important;
    font-size: 18px;
    font-weight: bold;
}

/*** carousel **/
.carousel-item-type-c {
    position: relative;
    display: none;
}
.carousel-control-next-type-c{
    position: relative;
    display: inline-block;
    border: 1px solid #e00000;
    background-color: #ffffff;
    padding: 15px 20px;
    background-image: url(../images/control-next-red.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;
}
.carousel-control-next-type-c:hover{
    background-image: url(../images/control-next-white.svg);
    background-color: #e00000;
	cursor:pointer;
}
.carousel-control-prev-type-c {
    position: relative;
    display: inline-block;
    border: 1px solid #e00000;
    background-color: #ffffff;
    padding: 15px 20px;
    background-image: url(../images/control-prev-red.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;

}
.carousel-control-prev-type-c:hover {
    background-image: url(../images/control-prev-white.svg);
    background-color: #e00000;
    cursor:pointer;
}
.carousel-item-type-c.active {
    display: inline-block;
    height:auto; 
    width:100%;
    overflow: hidden;
}
button.carousel-control-next-type-c:focus,
button.carousel-control-prev-type-c:focus {
    /* outline: none; */
}

.shopper-table {
    margin: 0;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
}
.shopper-table td:nth-of-type(1) {
    text-align: left;
     width:80%;
    }

.shopper-table td:last-child { text-align:right;}

.shopper-table td {
    padding: 5px 0;
}

.saving-num td {padding: 20px 0;}
.saving-num td:nth-of-type(1) {font-weight: 700; text-align: right; padding-right:15px;line-height: 20px;}
.saving-num td:last-child {font-weight: 700; font-size:30px}
.saving-num {
    border-top: 2px solid #e00000;
}

.vehicle-brand {
    border-bottom: 2px solid #e00000;
}
.vehicle-brand th {
    border-bottom: 2px solid #e00000;
    padding: 10px 0;
    font-weight:700;
}

.shopper-table caption {
    padding-top: .3rem;
    padding-bottom: .3rem;
    color: #000;
    text-align: left;
    caption-side: top;
    font-size: 14px;
}
.btn-control-div {
    text-align: center;
}
.update-date {    
    text-align: right;
    font-size: 12px;
}

/* deco carousel box*/
.deco-carousel-box {
    background-color: #fff;
    padding: 30px;
}
.widget-img-fluid {
    display:none;
}
.widget-type-1 {
    position: relative;
 }  
 .h3-bg  {    
    background-color: #555;
    padding: 20px;
    color: #fff;
    text-align:center;
    margin: 0 auto;
 }
 .bg-dk-mobile {background-color:#f8f8f8}
@media all and (min-width:768px) {
    .widget-div-type-a {position: relative;}
    .widget-img-fluid {width: 100%;
        height: 460px;
        display:block;}
    .widget-type-1 {
        position: absolute;
        bottom: 0px;
        left: 10%;
        top: 67px;
    }  
    .bg-dk-mobile {background-color:transparent;
    }
}

/*** carousel-type-f ***/
.carl-table td{
    padding: 8px 30px;
}
.carl-table{
    /**border: 1px solid #ccc;**/
    border-radius: 10px;
    background-color: #fff;
    border-spacing: 0;
    border-collapse: separate;
    font-size: 15px;
    /**border-top: 2px solid #e00000;**/
    border-bottom: 4px solid #ccc;
}
table.carl-table td:nth-of-type(1) {width:80%;  padding: 8px 5px 8px 25px;}
table.carl-table td:nth-of-type(2) {font-weight:600; text-align: right;  padding: 8px 25px 8px 5px;}
@media (min-width: 992px){
table.carl-table td:nth-of-type(1) {width:80%;  padding: 8px 0px 8px 35px;}
table.carl-table td:nth-of-type(2) {font-weight:600; text-align: right;  padding: 8px 35px 8px 0px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md  if col-md-4*/
      .carousel-inner .active.col-md-5.carousel-item + .carousel-item + .carousel-item + .carousel-item {
          position: absolute;
          top: 0;
          right: -66.666%;  /*change this with javascript in the future*/
          z-index: -1;
          display: block;
          visibility: visible;
      }
      .carousel-box {
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;
        }
  
  }
  @media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm  if col-sm-6*/
      .carousel-inner .active.col-md-5.carousel-item + .carousel-item {
          position: absolute;
          top: 0;
          right: -100%;  /*change this with javascript in the future*/
          z-index: -1;
          display: block;
          visibility: visible;
      }
    .carousel-box {display:none}
  }
  @media (min-width: 576px) {
      
      .carousel-item {
          margin-right: 0;
      }
  
      /* show 1 items */
      .carousel-inner .active {
          display: block;
      }
      
      .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
      .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
          transition: none;
      }
  
      .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
      }
      
      /* left or forward direction */
      .active.carousel-item-left + .carousel-item-next.carousel-item-left,
      .carousel-item-next.carousel-item-left + .carousel-item,
      .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
          position: relative;
          transform: translate3d(-100%, 0, 0);
          visibility: visible;
      } 
      
      /* farthest right hidden item must be abso position for animations */
      .carousel-inner .carousel-item-prev.carousel-item-right {
          position: absolute;
          top: 0;
          left: 0;
          z-index: -1;
          display: block;
          visibility: visible;
      }
      
      /* right or prev direction */
      .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
      .carousel-item-prev.carousel-item-right + .carousel-item,
      .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
          position: relative;
          transform: translate3d(100%, 0, 0);
          visibility: visible;
          display: block;
          visibility: visible;
      }
  
  }
  
  /*MD*/
  @media (min-width: 768px) {
  
      /* show 3rd of 3 item slide */
    .carousel-inner .active + .carousel-item  {
          display: block;
      }
   
      .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
          transition: none;
      }
    
      
      .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
      }
      
      /* left or forward direction */
      .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
          position: relative;
          transform: translate3d(-100%, 0, 0);
          visibility: visible;
      }
      
      /* right or prev direction */
      .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
          position: relative;
          transform: translate3d(100%, 0, 0);
          visibility: visible;
          display: block;
          visibility: visible;
      }
  
  }
  
  
  /*LG */
  @media (min-width: 991px) {
  
      /* show 4th item */
      .carousel-inner .active + .carousel-item{
          display: block;
      }
      
      .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + {
          transition: none;
      }
      
      /* Show 5th slide on lg if col-lg-3 */
      .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
          position: absolute;
          top: 0;
          right: -50%;  /*change this with javascript in the future*/
          z-index: -1;
          display: block;
          visibility: visible;
      }
      
      /* left or forward direction */
      .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
          position: relative;
          transform: translate3d(-100%, 0, 0);
          visibility: visible;
      }
      
      /* right or prev direction //t - previous slide direction last item animation fix */
      .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
          position: relative;
          transform: translate3d(100%, 0, 0);
          visibility: visible;
          display: block;
      }
  
  }
.flag-img img {
    width: auto;
    height:70px;
    border-radius: 4px;
}
.flag-img span {
    float: right;
    font-size: 22px;
    padding-top:15px;
}

.flag-img {
    /**background-color: #ffeded;**/
    padding: 10px;
    background-color: #555;
    color: #fff;
}

.carousel-control-prev-icon.red-f-circle{
        background-image: url(../images/control-prev-red-circle.svg);
        width: 40px;
        height: 40px;
        background-color: #ffeded;
        background-size: 20px 20px;
        border-radius: 500px;
        border: 2px solid #e00000;
}
.carousel-control-next-icon.red-f-circle{
    background-image: url(../images/control-next-red-circle.svg);
    width: 40px;
    height: 40px;
    background-color: #ffeded;
    background-size: 20px 20px;
    border-radius: 500px;
    border: 2px solid #e00000;
}
.carousel-control-next-icon.red-f-circle:hover, .carousel-control-prev-icon.red-f-circle:hover{
    background-color: #ffdbdb;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.carousel-box.active {
    padding-left: 0;
    padding-right: 0;
}
@media (max-width: 408px) {
    .carousel-control-prev.carousel-control-prev-type-f {
        width: 15%;
        left: -22px;
        opacity: 1;
    }
    .carousel-control-next.carousel-control-next-type-f {
        width: 15%;
        right: -22px;
        opacity: 1;
    }

}
@media (min-width: 409px) and (max-width: 575px){
    .carousel-control-prev.carousel-control-prev-type-f {
        width: 15%;
        left: -33px;
        opacity: 1;
    }
    .carousel-control-next.carousel-control-next-type-f {
        width: 15%;
        right: -33px;
        opacity: 1;
    }

}
@media (min-width: 576px) and (max-width: 767px){
    .carousel-control-prev.carousel-control-prev-type-f {
        width: 8%;
        left: -28px;
        opacity: 1;
    }
    .carousel-control-next.carousel-control-next-type-f {
        width: 8%;
        right: -28px;
        opacity: 1;
    }

}
@media (min-width: 768px) {
    .carousel-control-prev.carousel-control-prev-type-f {
        width: 8%;
        left: -18px;
        opacity: 1;
    }
    .carousel-control-next.carousel-control-next-type-f {
        width: 8%;
        right: -18px;
        opacity: 1;
    }
}
.carousel-box{
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}
.red-hr {
    border-top: 1px solid #e00000;
}
.bold-txt {
    font-weight: 600;
}

.car-selling-brand {height:100%; width:100%;object-fit: cover;}

.slide-dot-indicators {
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
}
.slide-dot-indicators .active {
    opacity: 1;
}
.slide-dot-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    margin-right: 15px;
    margin-left: 15px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #3f3f3f;
    background-clip: padding-box;
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
    border-radius: 50px;
}
.price-quote-tag {
    background-color: #efefef;
    padding: 10px !important;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #e6e4e4;
    border-top: 1px solid #e00000;
}
.card-body.detail-card span {
    display: block;
}
.total-q-num {
    font-size: 16px;
    margin: 0 auto;
}
.table.postal-code-info thead th:nth-of-type(1){ 
    vertical-align: top;
    border-bottom: 2px solid #000;
    border-top:0;
    width: 25%;
}
    .table.postal-code-info thead th:nth-of-type(2){ 
    vertical-align: top;
    border-bottom: 2px solid #000;
    border-top:0;
}
.table.postal-code-info thead th:nth-of-type(3){
    vertical-align: top;
    border-bottom: 2px solid #000;
    border-top:0;
    width: 30%;
}
.postal-code-info tr:nth-child(2n) {
    background: #F4F4F4;
}
.table.postal-code-info, .section-p {width:900px; margin: 0 auto;}
.span_h3 {
    font-size: 18px;
    font-weight: 700;
}
.no-list-style {
    list-style: none;
    line-height: 1.5;
}
.no-list-style li {margin-bottom: 5px;}
.driving-city-icon {    
    max-width: 90px;
    width: 100%;
    height: auto;
}
.table-type-c {
    border-collapse: separate;
    background-color: #fff;
    border-radius: 5px;
    border-spacing: 0;
    border-collapse: separate;
    height:300px;
}
.table-type-c span {
    font-size: 22px;
    font-weight: 900;
}
.table-type-c tr:nth-child(even) {background: #fff}
.table-type-c td:first-child {width:65%; line-height: 1.2;}
.table-type-c td:first-child {
    padding: 3px 0px 3px 5%;
  }
  .table-type-c td:last-child {
    padding: 3px 5% 3px 0px;
    float: right;
  }
  .table-type-c th {padding: 10px 5%;font-size: 16px;}
  .table-type-d {
    border-collapse: separate;
    background-color: #fff;
    border-radius: 5px;
    border-spacing: 20px;
    border-collapse: separate;
  }
  .table-type-d span.span-title {
    font-size: 22px;
    font-weight: 900;
}

.table-type-d .driving-city-icon {
    max-width: 150px;
    width: 100%;
    height: auto;
}

/** tronto-quote-test1php table**/
.above-ar {
    margin: 0 auto;
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #000;
}
.below-ar {
    margin: 0 auto;
    position: absolute;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #000;
}
.icon-style-type-a {
    width: 130px;
    height: 130px;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 100px;
}
.coverage-rate {
    font-size: 40px;
    font-weight: bold;
}

/**** test on the page ****/
.onthispage li {
    list-style: none;
    padding: 0px 25px 5px 25px;
    border-radius: 30px;
    margin-bottom: 10px;
    color: #000;
    text-indent: -3px;
    line-height: 1.2;
    padding-top: 0;
    margin-top: 0;
}

.onthispage li:before{
	font-size: 20px;
	margin-left: -33px;
	margin-bottom: 0;
	border-radius: 50%;
	display: inline-block;
	content: "\279D";
	margin-right: 19px;
	color: #aeaeae;;
	margin-top: 0;
	padding-top: 0;
}

.onthispage {
   width: 90%;
float: right;
padding-bottom: 40px;
height: 100%;

   }

.onthispage p {
	box-sizing: border-box;
	margin-bottom: 0;
	display: inline;
	
}

.svg-dotted-line {
    float: left;
    width: 40px;
    height: 100%;
    display: block;
    margin-left: -16px;
    padding-bottom: 20px;
    padding-top: 15px;
}

.onthispage ul li:last-child{
    padding: 0px 25px 0px 25px;
}
.span-text {
    font-weight: bold;
}
 /**.page-contents {
   background-color: #f8f8f8;
    border-radius: 10px;
    border: 2px solid #efefef;
   
}

 ***/
/****promos box ***/

.prom-section {
    position: relative;
}

.promo-img-type-a{
    max-width: 100%;
	width: 100%;
	height:200px;
	object-fit: cover;
}
.promo-img-type-b{
    max-width: 100%;
	width: 100%;
	height:200px;
}
.prom-banner-text-section {
	padding: 30px;
	background-color: #f8f8f8;
  }
  @media all and (min-width: 768px) {
	.prom-banner-text-section {
		position: relative;
		margin:0;
		background-color: #fff;
		padding: 40px;
		border-radius: 2px;
	  }
  }
  .prom-banner-text-section-type-b {
	position: relative;
	margin:0;
	background-color: #f8f8f8;
	padding: 40px;
	border-radius: 2px;
  }
@media (min-width: 991px) {
	.promo-img-type-a{
		max-width: 100%;
		width: 100%;
		height:auto;
		min-height:1px;
		object-fit: cover;
	}
	.promo-img-type-b{
		max-width: 100%;
		width: 100%;
		height:auto;
	}
.prom-banner-text-section {
	position:absolute;
	left:0;
	top:6%;
	margin: 5% 0;
	background-color: #fff;
	padding: 40px;
	border-radius: 5px;
  }
  .prom-banner-text-section-type-b {
	position:absolute;
	left:0;
	top: 0;
	background-color: transparent;
	padding: 0px;
	border-radius: 0px;
	height: 100%;
  }
}
.p-box {
	background-color: #fff;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 23px -13px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 23px -13px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 23px -13px rgba(0,0,0,0.3);
}
@media (min-width: 497px) {
	.p-box {
		background-color: #fff;
		padding: 40px;
		-webkit-box-shadow: 0px 0px 23px -13px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 0px 23px -13px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 23px -13px rgba(0,0,0,0.3);
	}
}

.m-btn:after {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    position: absolute;
    right: 20px;
    top: -3px;
    content: "\203A";
    font-family: Montserrat,sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    display: none;
    line-height: 1;
}
.compare-quotes-btn-type-c:visited {color: #fff}
@media (max-width:575px) {
    .compare-quotes-btn-type-c {
		display: inline-block;
		background-color: #e00000;
		padding: 12px;
		border: 2px solid #e00000;
		font-size: 16px;
		border-radius: 4px;
		color: #fff;
		font-weight: 700;
		font-family: Montserrat, sans-serif;
		max-width: 100%;
		width: 222px;
        text-decoration: none;
        position:relative;
        line-height: 1;
	}
}
@media (min-width:576px) {
	.compare-quotes-btn-type-c {
		display: inline-block!important
    }
}
@media (min-width:991px) {
	.compare-quotes-btn-type-c.m-btn {
		margin-left: 0px;
	}
}
.compare-quotes-btn-type-c {
	display: inline-block;
	background-color: #e00000;
	height: 45px;
	color: #fff;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	max-width: 100%;
	width: 210px;
	text-decoration: none;
	border: 2px solid #e00000;
	font-size: 1rem;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .8rem 1.2rem;
	line-height: 1;
	border-radius: .25rem;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	position: relative;
}
.compare-quotes-btn-type-c:hover {
	background-color: transparent;
	border: 2px solid #e00000;
	color: #e00000;
	cursor: pointer;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	text-decoration: none;
	font-weight: 700
}

.drop:hover > div {
    border: 1px solid rgba(0,0,0,.15);
}

.drop > div {
    border: 0px solid rgba(0,0,0,.15);
}


/*** company's logos for caroucel begin ***/
@keyframes scroll {
	0% {
	  transform: translateX(0);
	}
	100% {
	  transform: translateX(calc(-250px * 7));
	}
  }
  .slider-company-logo {
	background: white;
	height: 100px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
  }
  .slider-company-logo:before, .slider-company-logo:after {
	background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
	content: "";
	height: 100px;
	position: absolute;
	width: 200px;
	z-index: 2;
  }
  .slider-company-logo:after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
  }
  .slider-company-logo:before {
	left: 0;
	top: 0;
  }
  .slider-company-logo .slide-track-logo {
	animation: scroll 40s linear infinite;
	display: flex;
	width: calc(250px * 14);
  }
  .slider-company-logo .slide-c-logo {
	height: 100px;
	width: 250px;
  }
/*** company's logos for caroucel end***/



.logo-slide {
    width: 112px;
	height: 45px;
	
	padding: 0;
	margin:0;
}


.logo-slide a img {
	width: 112px;
	height: 45px;
	margin-top:-5px;
}
@media (min-width:376px) {
	.logo-slide {
		width: 112px;
	height: 45px;
		
		padding: 0;
		margin:0;
	}
	.logo-slide a img {
		width: 112px;
	height: 45px;
		margin-top:-5px;
	}
}
@media (max-width:404px) {

                .xs-logos img {

                width: 100%;

                max-width: 100px;

                height: auto;

   }            

}
@media (max-width:345px) {

.logo-slide {

    width: 112px;

    height: 45px;

    padding: 1% 0;

    margin: 0;

}

}
.customer-logos.slider {
    height:45px;
	overflow: hidden;
	width:100%;
}
@media (min-width:487px) {
	.customer-logos.slider {
		height:45px;
		overflow: hidden;
		width:100%;
	}
}
.logo-page-dots .dot {
    background: #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    border-radius: 50%;
    opacity: 0.25;
	cursor: pointer;
	border: 2px solid #000;
}
.logo-page-dots .dot.is-selected {
	opacity: 1;
	background-color: #000;
	border: 2px solid #000;
}
.logo-page-dots li::before {display:none;}
.logo-slide a {
    cursor: pointer;
}
.logo-slider-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 40px;
    color: #000;
}
.logo-page-dots {
    position: absolute;
    width: 100%;
    bottom: -22px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}
@media (min-width: 497px) {
	.logo-page-dots {
		position: absolute;
		width: 100%;
		bottom: -40px;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
		line-height: 1;
	}
}

.logo-carousel-control-prev-icon[disabled], .logo-carousel-control-next-icon[disabled] {
	opacity: 0.2;
	border-color: black;
}
.logo-carousel-control-prev-icon {
	transform: rotate(-135deg);
}
.logo-carousel-control-prev-icon:active {
	transform: rotate(-135deg) scale(0.9);
}
.logo-carousel-control-next-icon {
	transform: rotate(45deg);
}
.logo-carousel-control-next-icon:active {
	transform: rotate(45deg) scale(0.9);
}
.logo-carousel-control-prev-icon, .logo-carousel-control-next-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    cursor: pointer;
    transition: transform 150ms linear;
}
.logo-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
/*** company's logos_B for caroucel end***/

/*** how to box begin****/
.step-groupA
{display: inline-flex;}
.stepBox {
    flex: 1;
	padding: 30px 15px;
	border: 1px solid #efefef;
	border-radius: 5px;
	margin:0 1%;
	position: relative;
	background-color:#fff;
	box-shadow: 0 10px 20px rgba(0,0,0,.04),0 1px 10px rgba(0,0,0,.02);
}
.stepBox.FinalStage {
	padding: 20px 15px 50px 15px;
	border: 2px solid #000;
	width: 100%;
	border-radius: 5px;
	margin: 0 1%;
	position: relative;
	height:auto;
	box-shadow: 0 13px 25px rgba(0,0,0,.09),0 1px 10px rgba(0,0,0,.05);
}
.stepNo.typeA {
	padding: 2px 5px 10px 10px;
	text-align: center;
	margin: 0 auto;
	width: 100px;
	height: auto;
	position: absolute;
	top: -17px;
	left: 28%;
}
.howTo-arrow-dk-only {display:none}
.howTo-arrow-mobile-only {
	display:block; 
	width: 70px;
	top: -1px;
	position: absolute;}
@media (min-width:768px) {
.howTo-arrow-mobile-only {display:none}
.howTo-arrow-dk-only {display:block}
}
@media (min-width:1200px) {
	.stepNo.typeA {
		padding: 2px 5px 10px 10px;
		text-align: center;
		margin: 0 auto;
		width: 100px;
		height: auto;
		position: absolute;
		top: -19px;
		left: 33%;
	}
}
.stepBox.FinalStage >.stepNo.typeA {
	background-color: transparent;
	color: #fff;
}

@media (max-width:417px) {
	.stepNo.typeA {
		left: 37% !important;
	}
}
@media (max-width:767px) {
	.stepNo.typeA {
		padding: 10px 5px;
		height: 45px;
	}
	.stepBox {
		width: 100%;
		padding: 30px 20px;
		border: 1px solid #efefef;
		border-radius: 5px;
		margin: 0.5%;
		position: relative;
		height: auto;
		min-height: 1px;
		background-color:#fff;
	}
	.step-groupA {
		display: block;
	}
	.stepNo.typeA {
		left: 43%;
	}
}
.StepName.step-card-title {
    font-size: 16px;
}


/*** how to box end****/

.special-notice {
	background-color: #f4f4f4;
	border-radius: 10px;
	color: #000;
    padding: 25px;
}
@media all and (min-width:768px) {
	.special-notice {
		background-color: #f4f4f4;
		padding: 50px;
		border-radius: 10px;
		color: #000;
	}

}

/**** New Google Review begins ****/
.google-review-5-stars-review-svg {
    width: 100%;
    max-width: 400px;
    text-align: center;
    margin: 0 auto;
}
.google-reivew-slider-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0px;
    color: #000;
}
.google-review-dynamic-txt {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	display: block;
	line-height: 1.2 !important;
	max-width: 100%;
	width: 100%;
	margin: 2% auto;
}
.google-logo {
    max-width: 100px;
    width: 100%;
}
.row.google-reivew-box {
    display: inline-flex;
}
.reviews-section {
	flex: 1;
	border: 1px solid #efefef;
	border-radius: 5px;
	margin: 0 1%;
	position: relative;
	border-radius: 10px;
	padding: 20px;
	-webkit-box-shadow: 0px 0px 17px -6px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 17px -6px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 17px -6px rgba(0,0,0,0.15);
}
.google-review-dialog {
    max-width: 275px;
    width: 100%;
}
.google-reivew-control-prev-icon, .google-reivew-control-next-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    cursor: pointer;
    transition: transform 150ms linear;
}
.google-reivew-control-prev-icon {
    transform: rotate(-135deg);
}
.google-reivew-control-next-icon {
	transform: rotate(45deg);
}
.google-reivewcontrol-dots {
    position: absolute;
    width: 100%;
    bottom: -40px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
	line-height: 1;
	display:none;
}
.google-reivewcontrol-dots .dot.is-selected {
    opacity: 1;
    background-color: #000;
    border: 2px solid #000;
}
.google-reivewcontrol-dots .dot {
    background: #fff;
        background-color: rgb(255, 255, 255);
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
    border: 2px solid #000;
}
.google-reivew-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.google-reivewcontrol-dots li::before {
    content: counter(li);
    color: #e00000;
    font-weight: 700;
    display: inline-block;
    width: 27px;
    margin-left: -20px;
	position: absolute;
	display:none;
}
.google-reivew-control-prev, .google-reivew-control-next {
	margin: 0 2%;
	display:none;
}
@media (max-width:767px) {
	.google-reivew-control-prev, .google-reivew-control-next {
		margin: 0 2%;
		display: block;
	}
	.google-reivewcontrol-dots {
		position: absolute;
		width: 100%;
		bottom: -40px;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
		line-height: 1;
		display:block;
	}
	.reviews-section {
		border: 1px solid #efefef;
		border-radius: 5px;
		margin: 0px auto 50px auto;
		position: relative;
		border-radius: 10px;
		padding: 20px;
		-webkit-box-shadow: 0px 0px 17px -6px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 0px 17px -6px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 17px -6px rgba(0,0,0,0.15);
		height: 330px;
	}
	.row.google-reivew-box {
		display: inline-block;
		//height: 330px;
		overflow: hidden;
	}
}
@media (max-width:395px) {
	.reviews-section {
		border: 1px solid #efefef;
		border-radius: 5px;
		margin: 0px auto 50px auto;
		position: relative;
		border-radius: 10px;
		padding: 20px;
		-webkit-box-shadow: 0px 0px 17px -6px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 0px 17px -6px rgba(0,0,0,0.15);
		box-shadow: 0px 0px 17px -6px rgba(0,0,0,0.15);
		height: 255px;
	}
	.row.google-reivew-box {
		display: inline-block;
		height: 255px;
		overflow: hidden;
	}
}
/**** New Google Review end ****/

.fsco-rate-table tr:nth-child(2n) {
    background: #F2F2F2;
}
/**** second link style ****/
.black-link {color:#000; text-decoration: none;}
.black-link:hover {color:#e00000; text-decoration: underline;}
.city-rates-map-type-a { 
	margin:0 auto;
}
.ontario-region-map{
	max-width: 550px;
	width: 100%;
	height: auto;}
.dk-img {display:none}
.mb-img{display:block; margin: 0 auto;}
	@media (min-width:768px) {
		.dk-img {display:block; margin: 0 auto;}
		.mb-img{display:none}
	}
	.bannerBtn .call-num.black-txt:after {
		display: block;
		font-size: 18px;
	}
	.bannerBtn .btn-transform.big-btn:before {
		display: block;
		font-size: 1.2rem;
	}
	@media all and (min-width:589px){
		.bannerBtn .call-num.black-txt:after {
			font-size: 1.4rem;
		}
		.bannerBtn .btn-transform.big-btn:before{ 
			display: block;
			font-size: 1.4rem;
		}
	}
	@media all and (max-width:349px){
		.bannerBtn .call-button-banner, .bannerBtn .compare-quotes-btn {
			width: 100%;
			max-width: 100%;
			margin: 5px auto;
		}
		/**.bannerBtn .big-btn.bg-btn-mb {padding: 23px 10px 10px 10px;}**/
		.bannerBtn .btn-transform:after {
			right: 8px;
		}
		.bannerBtn .big-btn .phone-icon {
			position: absolute;
			top: 10px;
			left: 12px;
		}
	}
	@media (min-width:350px) and (max-width:767px){
		.bannerBtn .call-button-banner, .bannerBtn .compare-quotes-btn {
			width:48%;
			max-width: 100%;
			margin: 0 auto;
		}
		/**.bannerBtn .big-btn.bg-btn-mb {padding: 23px 10px 10px 10px;}**/
		.bannerBtn .btn-transform:after {
			right: 8px;
		}
		.bannerBtn .big-btn .phone-icon {
			position: absolute;
			top: 10px;
			left: 12px;
		}
	}
	@media all and (min-width:768px){
		.bannerBtn .call-button-banner, .bannerBtn .compare-quotes-btn {
			max-width: 100%;
			width: 250px;
			margin: 20px 20px 0 20px;		
		}
	}
	.company-logo-section h2 { 
		font-size: 16px;
		font-weight: 600;
		text-align: center
	}
	@media all and (min-width:427px){
		.company-logo-section h2 { 
			font-size: 19px;
			font-weight: 600;
			text-align: center
		}
    }
	
	table.fsco-rate-table.spreadsheet-format tbody td {
		border-right: 1px solid #e7e7e7;
	}
	table.fsco-rate-table.spreadsheet-format th {font-size: 15px;text-align: left; border-bottom: 2px solid #000;}
	table.fsco-rate-table.spreadsheet-format td {font-size: 15px;}
@media all and (min-width:427px){
	table.fsco-rate-table.spreadsheet-format td {font-size: 13px;}
	table.fsco-rate-table.spreadsheet-format th {font-size: 13px;text-align: left; border-bottom: 2px solid #000;}
}
table.fsco-rate-table.spreadsheet-format tbody td:last-of-type,table.fsco-rate-table tbody td:last-of-type {
	border-right: 0px;
}
.spreadsheet-data {
	background-color: #fff;
}

/*** table type B ****/
.table-B-type {
	line-height: 1.4;
}
.custom-container-table {
    max-width: 970px;
    margin: 0 auto;
    position: relative;
    width: auto;
}
.custom-table-type-b {
    margin-top: 20px;
    padding: 20px 0px;
	border-radius: 5px;
	background-color: #fff;
}
.table-container {
	-webkit-overflow-scrolling:touch;
	overflow:auto;
	overflow-y:hidden;
	max-width:100%
}
@media screen and (min-width:1200px) {
	.custom-container-table {
		max-width: 1190px;
		margin: 0 auto;
		position: relative;
		width: auto;
	}
}
.custom_table-block {
    padding: 0px;
}
@media screen and (min-width:768px) {
	.custom_table-block {
		padding: 30px;
	}
}

.table-container .table-B-type th {
    font-size: 15px;
    text-align: left;
	border-bottom: 2px solid #000;
	padding:10px 0;
	line-height: 20px;
}
.table-container .table-B-type tr th{
    background: #ffffff;
}
.table-container .table-B-type tr {
    background: #f8f8f8;
}
.table-container .table-B-type tr:nth-child(2n) {
    background: #ffffff;
}
.table-container .table-B-type th,.table-container .table-B-type td { font-size: 15px; padding:10px; vertical-align: top; }
.table-container .table-B-type td:not([align]), .table-container .table-B-type th:not([align]) {
    text-align: left;
}


/*** popup menu****/
.home-btn-box .home-icon-in-banner {
    max-width: 125px;
    width: 100%;
    height: auto;
    display: block;
}
.pop-up-header h2 {
	line-height: 1.2;
	font-size: 30px;
}
@media screen and (min-width:576px) {
	.pop-up-header h2 {
		line-height: 1.2;
		font-size: 35px;
		font-weight: 600;
	}
}
/**** insurance companies page***/
.intro-insurance-company-logo {
	display:block;
	max-width: 350px;
	width:100%;
	-webkit-box-shadow: 1px 4px 15px 5px rgba(0,0,0,0.06); 
	box-shadow: 1px 4px 15px 5px rgba(0,0,0,0.06);
	border-radius: 10px;
	padding: 20px;
}

.pop-box {
    -webkit-box-shadow:  10px 0px 0px 0px #D4AEAE, 0px 10px 0px 0px #FCC2BF, -10px 0px 0px 0px #E5B3B3, 0px 0px 0px 10px #FFC2C2, 5px 8px 18px 5px rgba(0,0,0,0);
    box-shadow: 10px 0px 0px 0px #D4AEAE, 0px 10px 0px 0px #FCC2BF, -10px 0px 0px 0px #E5B3B3, 0px 0px 0px 10px #FFC2C2, 5px 8px 18px 5px rgba(0,0,0,0);
    background-color: #fff;
    border-radius: 20px;
    padding: 3%;
}
.pop-number-style {
    list-style: none;
    position: relative;
}
.pop-number-style li {
    list-style: none;
    position: relative;
    padding-inline-start: 10%;
    margin-bottom: 30px;
    background-color: #f9f9f9;
    border: 1px solid #f1f1f1;
    padding: 40px 30px 30px 50px;
    border-radius: 10px;
}
.pop-number-style li::before {
    content: "\2611";
    color: #e00000;
    font-size: 85px;
    font-weight: 900;
    margin-left: -14px;
    position: absolute;
    top: -80px;
}
.pop-up-window-modal-content .home-index-btn {width:auto}
@media all and (min-width:768px) {
	.pop-number-style li {
		list-style: none;
		position: relative;
		padding-inline-start: 10%;
		margin-bottom: 30px;
		background-color: #f9f9f9;
		border: 1px solid #f1f1f1;
		padding: 40px 30px 30px 80px;
		border-radius: 500px;
	}
	.pop-number-style li::before {
		content: "\2611";
		color: #e00000;
		font-size: 85px;
		font-weight: 900;
		margin-left: -0px;
		position: absolute;
		top: -80px;
	}
	.pop-up-window-modal-content .home-index-btn {width:100%}
}
.pop-link-box{
	position: relative;
	padding: 0;
	margin: 0;
}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	padding-top: 20px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .pop-up-window-modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 90%;
	max-width:421px;
  }
  @media all and (min-width:576px) {
	  .pop-up-window-modal-content {
	  background-color: #fefefe;
	  margin: auto;
	  padding: 20px;
	  border: 1px solid #888;
	  width: 80%;
	  max-width:960px;
	  }
  }
  @media all and (min-width:991px) {
		/* The Modal (background) */
		.modal {
			display: none; /* Hidden by default */
			position: fixed; /* Stay in place */
			padding-top: 100px; /* Location of the box */
			left: 0;
			top: 0;
			width: 100%; /* Full width */
			height: 100%; /* Full height */
			overflow: auto; /* Enable scroll if needed */
			background-color: rgb(0,0,0); /* Fallback color */
			background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
		}
}
  /* The Close Button */
  .pop-up-window-modal-content .close {
	color: #000;
	float: right;
	font-size: 58px;
	font-weight: normal;
	text-align: right;
	line-height:0.5;
  }
  
  .pop-up-window-modal-content .close:hover,
  .pop-up-window-modal-content .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
  }
  .pop-up-window-modal-content a {
    text-decoration: none;
}
.pop-up-window-modal-content .home-btn-box .home-icon-in-banner {
	max-width: 100px;
	width: 100%;}

@media all and (min-width:576px) {
	.pop-up-window-modal-content .home-btn-box .home-icon-in-banner {
		max-width: 125px;
		width: 100%;
		height: auto;
		display: block;
	}
}
.blockquote-container {
	border-top: 2px solid #fce9e9;
	border-bottom: 2px solid #fce9e9;
	padding: 20px 0;
}
.small-btn.red-btn-type { color:#ffffff;}
.small-btn.red-btn-type:hover { color:#e00000;}
.google-reivew-slider-box .mobileOnly.carousel-indicators {
    bottom: -65px;
}
.google-reivew-slider-box .google-review-dialog {height:100%}

.float-iframe-img {
	max-width: 100%;
	display: block;
	width: 100%;
	float: none;
	padding: 20px 0;
}
@media (min-width:768px) {
	.float-iframe-img {
		max-width: 100%;
		display: block;
		width: 485px;
		float: right;
		padding: 20px;
	}
}

.review-scroll
{
    overflow-y:scroll;
    max-height:250px;
}

.review-scroll::-webkit-scrollbar-track
{
	
	border-radius: 10px;
	
}

.review-scroll::-webkit-scrollbar
{
	width: 5px;
	
	
}

.review-scroll::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	
	background-color: #555;
}

@media (max-width: 767px)
{
    .review-hide
    {
        display:none;   
    }
}
.sticky-footer {
	z-index: 99999;
	position: fixed;
	left: 0;
	bottom: 0;
	margin: 0 auto;
	width: 100%;
	background-color: rgba(255, 255, 255, .9);
	color: #444;
	display: inline-flex;
	padding: 10px 0;
	border-top: 1px solid #f1f1f1
}

/*** changed css Date:Feb 11 ***/


#nav-a li a.item-tittle {
	display: inline-block;
	padding: 15px 10px;
	background: #444;
	border-top: 1px solid #ebebeb;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #f8f8f8;
	text-decoration: none;
	color: #fff;
	width: 100%;
	cursor: pointer;
	font-weight: 600;
	line-height: 18px
}
@media all and (min-width:992px) {
	#nav-a div {
		position: absolute;
		left: 0;
		min-height: 230px;

	}
}


.google-reivew-slider-box .mobileOnly.carousel-indicators li {
	width: 10px;
	height: 10px;	
	margin-right: 10px;
	margin-left: 10px;
	
}
.third-footer {

background-color:#444444;

padding: 15px 0;

}

.third-footer p {

font-size: 16px;

color:#ffffff;

}

.second-footer {

color: #fff;


background-color: #666;


padding: 15px 0 0 0;

text-align: left;

}

.second-footer a{color:#fff}

.sticky-footer {

display: none;

}

@media(min-width:768px) {

.sticky-footer {

display: block;

}

.third-footer {

background-color:#444444;

padding: 15px 0 125px 0;

color:#ffffff;

}
.third-footer-blog {

background-color:#444444;

padding: 15px 0 125px 0;

color:#ffffff;

}

.third-footer p {

font-size: 13px;

color:#ffffff;

}

}
/*** home insurance css adding ****/
/**** quote-greg.php Feb 22 2021 ****/
table.fsco-rate-table.cell-4 th {
    width: calc(100%/74);
}
table.fsco-rate-table.cell-7 th {
   width: calc(100%/7);
}
table.fsco-rate-table.cell-4 td:first-child,
table.fsco-rate-table.cell-7 td:first-child {font-weight: normal;}
table.fsco-rate-table.cell-4, table.fsco-rate-table.cell-7{
table-layout: fixed;
overflow-x: scroll;
max-width: 1200px;
width: 100%;
display: block;
padding-bottom: 20px;
}

.w-90-icon {    
    max-width: 90px;
    width: 100%;
    height: auto;
}
.carousel-indicators.more-guts {
    bottom: -25px;
}
.over-flow-x-scroll{overflow-x: scroll; padding-bottom: 20px;}

/*** home insurance ottawa  ***/
.scroll-table {
	table-layout: fixed;

	max-width: 100%;
	width: 100%;
	display: block;
	padding-bottom: 20px;
}


.blog-card-container {
    display: block;
    flex-basis: inherit;
    flex-grow: inherit;
    flex-shrink: inherit;
    padding: 0rem 1rem 1rem 1rem;
}
.blog-card-box {
    background-color: #fff;
    margin: 10px;
    -webkit-box-shadow: 0px 0px 23px -13px rgba(174, 172, 172, 0.3);
    -moz-box-shadow: 0px 0px 23px -13px rgba(174, 172, 172, 0.3);
    box-shadow: 0px 0px 23px -13px rgba(174, 172, 172, 0.3);
    border-radius: 10px;
}
  @media (min-width: 768px) {
    .blog-card-container {
        display: block;
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 1;
        padding: 0.5rem 1rem 1.5rem 1rem;
    }
    .blog-card-box {
    background-color: #fff;
    margin: 20px;
    -webkit-box-shadow: 0px 0px 23px -13px rgba(174, 172, 172, 0.3);
    -moz-box-shadow: 0px 0px 23px -13px rgba(174, 172, 172, 0.3);
    box-shadow: 0px 0px 23px -13px rgba(174, 172, 172, 0.3);
    border-radius: 10px;
}
  }
  .news_image {
	padding-right: 0px
}


/*** home type of coverage (Mar 18-2021) ****/
.types-coverage-icon {
    width: 120px;
    max-width: 100%;
}
.table-container-type-1 {
	width:100%;
	max-width:649px;
	text-align:center;
}
.table-container-type-1 tr { padding:10px}
.table-container-type-1 th{
	font-size: 16px;
	text-align: center;
	letter-spacing: .13em;
	color: #000;
	border-bottom: 3px solid #000;
	line-height: 1.2;
	padding: 10px;
	width:50%;
}
.table-container-type-1 td{
	padding: 10px;
	color: #000;
	font-size: 14px;
	line-height: 1.5;
	text-align:center;
}
.table-container-type-1 td:first-child{
	border-right: 1px solid #000;
}
.table-container-type-1 tr:nth-child(2n) {
    background: #F2F2F2;
}
.fsco-rate-table.cell-3 th {
	width: 33.3%;
  }

.compare-quotes-btn.all-radius {
    border-radius: 6px;
}


/*** may 05 2021 ***/
.gardient-bg-mb {
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 46%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 46%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 46%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/*** Jun 10 table styles in blog ****/
.table-in-blog.table thead th {
	border-bottom: 2px solid #000000;
}
.container-fluid-table.three-column-table-container .table-in-blog.table thead th {width: 33.333333%;}
.container-fluid-table.four-column-table-container .table-in-blog.table thead th {width: 25%;}
.container-fluid-table {
	width: 100%;
	max-width: 750px;
	overflow-y: auto;
	
	text-align: center;
}

.table-in-blog.table td, .table-in-blog.table th {
	border-top:0px;
	padding: .5rem .75rem;
  }

  .table-in-blog.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0,0,0,.02);
}


.container-fluid-table.three-column-table-container .table-in-blog.table thead th {width: 33.333333%;}

.container-fluid-table.four-column-table-container .table-in-blog.table thead th {width: 25%;}

.container-fluid-table {

                width: 100%;

                max-width: 750px;

                overflow-y: auto;

               

                text-align: center;

}

 

.table-in-blog.table td, .table-in-blog.table th {

                border-top:0px;

                padding: .5rem .75rem;

  }

 

  .table-in-blog.table-striped tbody tr:nth-of-type(2n+1) {

    background-color: rgba(0,0,0,.02);

}

/*** June 30 ****/
.rounded-5px {border-radius:5px !important}

.postal-code-in-main-banner:hover {
	border-color:#555;
	transition: all .5s;
	background-color: #f8f8f8;
	cursor: pointer;
}
/*** Jul 08 2021***/
/*** insurance logo sliding
.logo-slide {
    width: 100%;
	height: auto;
	max-width: 180px;
	padding:  2% 0;
	margin:0;
}
***/
.logo-slide {
    width: 112px;
    height: 45px;
    padding: 0;
    margin: 0;
}
@media (max-width:345px) {
	.logo-slide {
		width: 112px;
		height: 45px;
		padding: 1% 0;
		margin: 0;
	}
}
@media (max-width:404px) {
  
	.xs-logos img {
	width: 100%;
	 max-width: 100px;
	 height: auto;
   } 
	 
   }

.insurance-partners-logo-collection {
    max-width: 595px;
    width: 100%;
}
.container-type-b {
    border-left: 10px solid #f8f8f8;
    border-right: 10px solid #f8f8f8;
    border-radius: 30px;
    padding: 5px;  
}
.insurance-partner-logo-dk {
    display: none;
    max-width: 768px;
    width: 100%;
}
.insurance-partner-logo-mb {
    display: block;
    max-width: 767px;
    width: 100%;
    margin:0 auto;
}
@media (min-width:769px) {
.container-type-b {
    border-left: 50px solid #f8f8f8;
    border-right: 50px solid #f8f8f8;
        border-radius: 30px;
        padding: 20px; 
    }
    .insurance-partner-logo-dk {
        display: block;
        max-width: 736px;
        width: 100%;
        margin:0 auto;
    }
    .insurance-partner-logo-mb {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
.review-mobile-hide
{
	display:none;
}
}


.container-fluid-table.three-column-table-container .table-in-blog.table thead th {width: 33.333333%;}

.container-fluid-table.four-column-table-container .table-in-blog.table thead th {width: 25%;}

.container-fluid-table {

                width: 100%;

                max-width: 750px;

                overflow-y: auto;

             

                text-align: center;

}

 

.table-in-blog.table td, .table-in-blog.table th {

                border-top:0px;

                padding: .5rem .75rem;

  }

 

  .table-in-blog.table-striped tbody tr:nth-of-type(2n+1) {

    background-color: rgba(0,0,0,.02);

}

.review-carousel-box .carousel-indicators {

    bottom: -25px;

}

@media (min-width:768px) {

.review-carousel-box .carousel-indicators {

    bottom: -30px;

}

}

.carousel-item-type-c { 

    position: relative; 

    display: none; 

} 

.carousel-control-next-type-c{ 

    position: relative; 

    display: inline-block; 

    border: 1px solid #e00000; 

    background-color: #ffffff; 

    padding: 15px 20px; 

    background-image: url(../images/control-next-red.svg); 

    background-size: 12px; 

    background-repeat: no-repeat; 

    background-position: center; 

} 

.carousel-control-next-type-c:hover{ 

    background-image: url(../images/control-next-white.svg); 

    background-color: #e00000; 

cursor: pointer; 

} 

.carousel-control-prev-type-c { 

    position: relative; 

    display: inline-block; 

    border: 1px solid #e00000; 

    background-color: #ffffff; 

    padding: 15px 20px; 

    background-image: url(../images/control-prev-red.svg); 

    background-size: 12px; 

    background-repeat: no-repeat; 

    background-position: center; 

} 

.carousel-control-prev-type-c:hover { 

    background-image: url(../images/control-prev-white.svg); 

    background-color: #e00000; 

cursor: pointer; 

} 

.carousel-item-type-c.active {display: inline-block; 

    height:auto;  

    width:100%; 

    overflow: hidden; 

} 

.shopper-table { 

    margin: 0; 

    padding: 0; 

    width: 100%; 

    border-collapse: collapse; 

} 

.shopper-table td:nth-of-type(1) { 

    text-align: left; 

     width:85%; 

    } 

 

.shopper-table td:last-child { text-align:right;} 

 

.shopper-table td { 

    padding: 5px 0; 

} 

 

.saving-num td {padding: 20px 0;} 

.saving-num td:nth-of-type(1) {font-weight: 700; text-align: right; padding-right:15px;line-height: 20px;} 

.saving-num td:last-child {font-weight: 700; font-size:30px} 

.saving-num { 

    border-top: 2px solid #e00000; 

} 

 

.vehicle-brand { 

    border-bottom: 2px solid #e00000; 

} 

.vehicle-brand th { 

    border-bottom: 2px solid #e00000; 

    padding: 10px 0; 

    font-weight:700; 

} 

 

.shopper-table caption { 

    padding-top: .3rem; 

    padding-bottom: .3rem; 

    color: #000; 

    text-align: left; 

    caption-side: top; 

    font-size: 14px; 

} 

.btn-control-div { 

    text-align: center; 

} 

.update-date {     

    text-align: right; 

    font-size: 12px; 

} 

.wrapping-carousel { 

width: 100%; 

display: block; 

background-color: #fbfbfb; 

border: 5px solid #fff; 

max-width: 991px; 

box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; 

 

} 

.carousel-inner-type-c { 

max-width: 700px; 

margin: 0 auto; 

width: 100%; 

} 

@media (min-width:768px) { 

.wrapping-carousel { 

width: 100%; 

display: flex; 

background-color: #fbfbfb; 

border: 5px solid #fff; 

max-width: 991px; 

box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; 

max-width:1200px; 

} 

} 

@media all and (min-width:768px) { 

.widget-img-fluid { 

width: 100%; 

height: 100%; 

display:block; 

object-fit: cover; 

} 

.widget-img-type-1 { 

overflow: hidden; 

} 

} 

.ptn-bg-type-a { 

background-image: radial-gradient(#cacaca 1.25px, #eaeaea 1.25px); 

background-size: 25px 25px; 

} 

@media (min-width:576px) { 

.quotes-mobile-form-img { 

max-width: 100%; 

width: 100%; 

} 

} 

.quotes-mobile-form-img { 

    max-width: 375px; 

    width: 100%; 

} 

                .invisiable-space {display:none;} 

                @media (min-width:768px) { 

                .invisiable-space {display:block;} 

                } 

                .border-dotted { 

                    height: 1px; 

                    border-top: 3px dotted #d0d0d0; 

                } 

.css-toggle-landing h3 {
    font-size: 16px;
}
.css-toggle h3 {
    font-size: 16px;
}

.slogn-icon { 

width: 100%; 

max-width: 150px; 

} 

.box-slogan a { 

color: #e00000; 

line-height: 0.8; 

} 

.service-term-name { 

font-size: 17px; 

font-weight: bold; 

} 

.box-items { 

padding: 20px; 

border: 1px solid #efefef; 

margin: 10px 5px; 

height: 100%; 

min-height: 100%; 

background-color:#fff; 

} 

.row-box-items { 

height: auto; 

} 

.button-quotes-box { 

position: relative; 

} 

.box-slogan { 

padding:20px 30px; 

} 

.button-quotes-box { 

position: absolute; 

bottom: 30px; 

width: 100%; 

left: 0; 

} 

@media (min-width:768px) { 

.row-box-items { 

display: inline-flex; 

height: 100%; 

} 

.box-items { 

padding: 20px; 

border: 1px solid #efefef; 

margin: 10px; 

flex: 1; 

height:100%; 

background-color:#fff; 

} 

} 

.get-quotes-btn:hover { 

border: 2px solid #e00000; 

background-color: #fff; 

color: #e00000; 

cursor: pointer; 

transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 

text-decoration: none; 

} 

.get-quotes-btn { 

border: 2px solid #e00000; 

background-color: #e00000; 

border-radius: 3px; 

color: #fff; 

font-weight: bold; 

padding: 5px 20px; 

} 

.row-box-items {  

position:relative; 

} 

</style> 

 

And put them below 

 

.slogn-icon { 

width: 100%; 

max-width: 150px; 

} 

.box-slogan a { 

color: #e00000; 

line-height: 0.8; 

} 

.service-term-name { 

font-size: 17px; 

font-weight: bold; 

} 

.box-items { 

padding: 20px; 

border: 1px solid #efefef; 

margin: 10px 5px; 

height: 100%; 

min-height: 100%; 

background-color:#fff; 

} 

.row-box-items { 

height: auto; 

} 

.button-quotes-box { 

position: relative; 

} 

.box-slogan { 

padding:20px 30px; 

} 

.button-quotes-box { 

position: absolute; 

bottom: 30px; 

width: 100%; 

left: 0; 

} 

@media (min-width:768px) { 

.row-box-items { 

display: inline-flex; 

height: 100%; 

} 

.box-items { 

padding: 20px; 

border: 1px solid #efefef; 

margin: 10px; 

flex: 1; 

height:100%; 

background-color:#fff; 

} 

} 

 

.row-box-items {  

position:relative; 

} 


.bannerBtn.buttons-group-wrapping.row {

    align-items: stretch;

    display: flex;

    flex-wrap: wrap;

    position: relative;

    width: 100%;

    display: none;

}



.blog-img-right {

        display: block;

        margin-left: auto;

        margin-right: auto;

        width: 100%;

        padding: 0px;

        max-width:100%;

   }

@media all and (min-width:768px) {

   .blog-img-right {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width:100%;
        max-width:100%;
        padding: 20px;
   }

}

.blog-img-center {

        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding: 0px;
        max-width:457px;

   }

@media all and (min-width:768px) {
    .blog-img-center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width:100%;
        max-width:457px;
        padding: 20px;
   } 
}

.company-logo-section ol li:before, .google-reivew-slider-box ol li:before {display:none }


 /* updated life insurance section css Jan 2022 BEGIN*/

.wrapping-box {
    background-color: #f0f0f0;
}
.bg-rd {background-color: #ffd2d2;}
.bg-dg {background-color: #ececec;
	color: #000000;}
.content-block {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding:0px;
}

@media (min-width:769px) {
	.content-block {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 20px;
	}
	.content-block-3 {
		padding: 10px 20px;
	}
}

.content-block-2 {
    max-width: 991px;
    width: 100%;
	margin:0 auto
}
.content-card-w-quarter {
	background-color: #ffffff;
	margin:10px 0;
	width:100%;
	max-width:100%;
	padding: 30px;
	border: 1px solid #ececec;
	border-radius: 7px;
}
@media (min-width:767px) and (max-width:1999px) {
	.content-card-w-quarter {
		background-color: #ffffff;
		margin:10px;
		width:100%;
		max-width:47%;
		padding: 30px;
		border: 1px solid #ececec;
		border-radius: 7px;
	}

}
@media (min-width:1200px) {
	.content-card-w-quarter {
		background-color: #ffffff;
		margin:10px;
		width:100%;
		max-width:23%;
		padding: 30px;
		border: 1px solid #ececec;
		border-radius: 7px;
	}
}
.content-block-w-991 {
    max-width: 991px;
    width: 100%;
	margin:0 auto
}
.content-block-3 {
	padding: 15px;
}
.content-block-3-bg-a {background-color: #efefef;}
.content-block-3-bg-b {background-color: #fbfbfb;}
@media all and (max-width:767px) {
	.heading-section {width:100%; padding:10px 0px}
	.body-copy {width:100%; padding:10px 0px}
}
@media all and (min-width:768px) {
	.heading-section {width:40%; padding:10px}
	.body-copy {width:60%; padding:10px}
}

.icon-type-c {
    width: 100%;
    max-width: 70px;
    margin: 0 auto;
    text-align: center;
}
@media (min-width:991px) {
	.icon-type-c {
		width: 100%;
		max-width: 70px;
		margin: 0 auto;
		text-align: center;
	}
}
.content-card {
	background-color: #f8f8f8;
	padding: 30px !important;
	max-width: 100%;
	width: 100%;
	border: 1px solid #ececec;
	border-radius: 7px;
	margin: 15px auto;
}
.content-card-w-48{	
	background-color: #ffffff;
	padding: 30px !important;
	max-width: 100%;
	width: 100%;
	border: 1px solid #ececec;
	border-radius: 7px;
	margin: 15px auto;
}
@media (min-width:767px) {
	.content-card {
		background-color: #ffffff;
		padding: 30px !important;
		max-width: 30%;
		width: 100%;
		border: 1px solid #ececec;
		border-radius: 7px;
		margin: 15px auto;
	}
	.content-card-w-48{
		background-color: #ffffff;
		padding: 30px !important;
		max-width: 48%;
		width: 100%;
		border: 1px solid #ececec;
		border-radius: 7px;
		margin: 15px auto;
	}
}
.box-style-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width:100%;
	max-width:991px;
	margin:0 auto;
	padding: 0px;
}
@media (min-width:767px) {
	.box-style-wrapper {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width:100%;
		max-width:991px;
		margin:0 auto;
		padding: 20px;
	}
}
.box-container-type-a{
	width: 100%;
	margin: 15px 0;
	display:  table-cell;
	background-color: #fff;
	border-radius: 0 0 10px 10px;
}
@media (min-width:767px) {
	.box-container-type-a{
		width: 47%;
		margin: 10px;
		display:  table-cell;
		background-color: #fff;
		border-radius: 0 0 10px 10px;
	}
}
.pTitle {
    background-color: #e8e8e8;
    padding: 15px 20px;
    color: #000;
    text-align: center;
    font-weight: bold;
}
.ulBox {
    padding: 20px;

}
.ulBox li {
    padding: 0 20px;
}

 /* updated life insurance section css Jan 2022 END 


accessibility */

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    font-size:1.2em;
    z-index:999;
}

.remove-image-background:hover
{
	background-color:transparent;
}

.remove-accessibility 
{
	text-decoration: none;
	background-color: transparent;
	border: none;
}

.remove-accessibility:hover
{
	background-color:transparent!important;
	border: none;
    	color: inherit;
   	background: none;
    	outline: inherit;
    	padding: 0;
}

.nav-button-fix
{
border: none;
    color: inherit;
    background: none;
    outline: inherit;
    padding: 0;
}

.p-box h2 {margin-top:0;}

.card-wrapping {
                max-width: 100%;
                width: 100%;
                margin: 2%;
                background-color: #ffffff
                border-radius: 7px;
                border: 2px solid #ededed;
                box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  }
  @media (min-width: 991px){
                .card-wrapping {
                                max-width: 30%;
                                width: 100%;
                                margin: 2% 1%;
                  }
  }
  .card-wrapping h4 {margin:0}
  .contents-wrapping-card-box {
                padding: 20px;
                background-color: #666666;
                color: #ffffff;
                text-align: center;
                border-radius: 7px 7px 0 0;
  }
  .card-body-containeer {
                padding: 30px;
  }

/*** Why promo box ***/
	.wt-icon-box {
		margin: 10px auto;
		padding: 0px 25px;
	}
	@media all and (min-width: 576px){
		  .wt-icon-box {
		margin: 15px auto;
		padding: 0px 25px;
	}
	}
	
	.wt-icon-box:last-child {
		margin-bottom: 0!important
	}
	.col-12.widget-wt-title-wrapper {
	  background-color: #333333;
	  color: #fff;
	  border-radius: 10px 10px 0px 0px;
	}
	
	.widget-wt-wrapper{
		border-radius: 5px;
		background-color: #f8f8f8;
		width: 98%;
		max-width: 1145px;
		margin: 0 auto;
		border-radius: 10px;
	}
	.no-circle-icon {
		width: 125px;
		height: 125px;
		padding: 10px;
	}
	.services.h4 {
	  display: block;
	  color: #000;
	  font-size: 18px;
	}
	.load-icon {
	  max-width: 90px;
	  width: 100%;
	  height: auto;
	}

	.bg-gr {background-color: #d5d5d5;}


.border-box-dkgr{
		background-color:#ffffff;
		padding: 20px 10px;
		border-radius: 10px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	}
	@media (min-width:768px) {
		.border-box-dkgr{
			padding: 40px 25px;
		}
	}
	.home-bg-full-img {background:url("../home-insurance/images/home-insurance-promo-bgimg.jpg") no-repeat; background-size: cover;background-position: center center; }
	.bg-full-img {background:url("../car-insurance/images/car-insurance-promo-bgimg.jpg") no-repeat; background-size: cover;background-position: center center; }
	.condo-bg-full-img {background:url("../home-insurance/images/condo-insurance-promo-bgimg.jpg") no-repeat; background-size: cover;background-position: center center; }
	.tenant-bg-full-img {background:url("../home-insurance/images/tenant-insurance-promo-bgimg.jpg") no-repeat; background-size: cover;background-position: center center; }
	.g2-bg-full-img {background:url("../car-insurance/images/g2-insurance-promo-bgimg.jpg") no-repeat; background-size: cover;background-position: center center; }
	.compare-quotes-btn-type-c:hover {
		background-color: #fff;
		border: 2px solid #e00000;
		color: #e00000;
		cursor: pointer;
		transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
		text-decoration: none;
		font-weight: 700;
	}
	.promo-text-box {
		background-color: #ffffff;
		border-radius: 7px;
		border: 10px solid #ffffff;
		color: #000000;
	}
	.overflow-x-scroll{overflow-x: scroll;}
	
	.five-td-table th{ width:20%; border-top: 0px solid #dee2e6;}
	.four-td-table th{ width:25%; border-top: 0px solid #dee2e6;}
	.bg-title-td{background-color: #ffffff; border-bottom: 2px solid #000;
border-top: 2px solid #000;color: #000000; text-align: left; font-weight:bold}

@media (min-width:768px) {
.four-td-table th:nth-of-type(1){
width:55%;
}
.four-td-table th:nth-of-type(2){
width:15%;
}
.four-td-table th:nth-of-type(3){
width:15%;
} .four-td-table th:nth-of-type(4){
width:15%;
}

}


.five-td-table tr {
background: #f8f8f8;
}


.five-td-table tr:nth-child(2n) {
background: #ffffff;
}
.five-td-table{
-webkit-overflow-scrolling: touch;
overflow: auto;
overflow-y: auto;
overflow-y: hidden;
max-width: 100%;
}


.five-td-table th, .five-td-table td {
font-size: 15px;
padding: 10px;
vertical-align: top;
}

.five-td-table th {
border-bottom: 2px solid #000;
line-height: 20px;
background: #ffffff;
}
.five-td-table th tr th {
background: #ffffff;
}

.without-underline-breadcrumb .new-breadcrumb {
border-bottom: 0px;
}
.think-insure-google-rating-color{
width: 100%;
max-width: 215px;
display: block;
}

.bg-dual-img {
background-color: #d5d5d5;
background-image: url("../images/pattern-bg-1.jpg");
background-size: 100% 50%;
background-repeat: repeat-x;
}

/**new howto type B***/

.new-type-B .stepNo.typeB  {
	padding: 0;
	text-align: center;
	margin: 0 auto;
}
.new-type-B .stepBox {margin: 5% 0; padding:10px 20px 40px 20px; position: relative;}
.new-type-B .stepNo-icon {width:100%; height:auto; max-width:120px; display:block; margin:0 auto; padding: 15px;}
.new-type-B .stepBox.FinalStage .stepNo-icon {width:100%; height:auto; max-width:180px; display:block; margin:0 auto; padding: 20px;}
.new-type-B .StepName.step-card-title {
	font-size: 16px;
	margin-top: 0;
}
 .new-type-B .stepBox.FinalStage:after {display:none}
 .new-type-B .stepBox:after {
	content: url(../images/svg/how-to-arrow-mobile.svg);
	display: inline-block;
	width: 50px;
	height: 20px;
	position: absolute;
	z-index: +9;
	bottom: 0px;
	margin-left: -25px;
}
@media (min-width:768px) {
  .new-type-B .stepBox:after {
	content: url(../images/svg/how-to-arrow-3.svg);
	display: inline-block;
	width: 50px;
	height: 20px;
	position: absolute;
	right: -50px;
	z-index: +9;
	top: 40%;
}
}
  .new-type-B .stepBox.FinalStage {
	padding:0px 0 20px 0;
	border: 3px solid #666;
	width: 100%;
	border-radius: 5px;
	margin: 0%;
	margin-bottom: 0px;
	position: relative;
	height: auto;
	box-shadow: 0 13px 25px rgba(0,0,0,.09),0 1px 10px rgba(0,0,0,.05);
	background-color:#ffffff;
}

@media (min-width:768px) {
	  .new-type-B .stepBox {
		position: relative;
		flex: 1;
		padding: 5px 15px 30px 15px;
		border: 1px solid #efefef;
		border-radius: 5px;
		margin: 0 2%;/***update */
		position: relative;
		background-color: #fff;
		box-shadow: 0 10px 20px rgba(0,0,0,.04),0 1px 10px rgba(0,0,0,.02);
	}
	  .new-type-B .stepBox.FinalStage {
		padding: 0px 15px 50px 15px;
		border: 3px solid #666;
		width: 100%;
		border-radius: 5px;
		margin: 0% -1% 0 0;
		margin-bottom: 0px;
		position: relative;
		height: auto;
		box-shadow: 0 13px 25px rgba(0,0,0,.09),0 1px 10px rgba(0,0,0,.05);
		background-color:#ffffff;
	}

}
/** bgin table for car insurance ontario quotes(Ontario car insurance rate change trends) **/
table.fsco-rate-table tbody:last-child:after,table.fsco-rate-table tbody:last-child:before{
	content: "";
	line-height: 0;
	display: block
}
/** end table for car insurance ontario quotes(Ontario car insurance rate change trends) **/

.list-contain-wrapper {
	max-width: 768px;
	width:100%;
	padding: 20px 10%;
	background-color: #ffffff;
	border-radius: 7px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.bg-column-wrapper {
	max-width: 991px;
	width: 100%;
	margin: 0 auto;
	background-color: #f8f8f8;
	border-radius: 7px;
}
.div-box-991 {
	max-width: 991px;
	width: 100%;
	margin: 0 auto;
}
/** begin What type of home insurance do you need?**/
.bg-dual-gr {
	background-color: #CCCC;
	background-image: linear-gradient(#ececec 50%, #ececec 0%);
  }
  @media (min-width:991px) {
  .bg-dual-gr {
	background-color: #CCCC;
	background-image: linear-gradient(#e1e1e1 50%, #ececec 0%);
  }
  }
	  .four-product-content-card {
				  background-color: #ffffff;
				  padding: 15px 30px 30px 30px;
				  max-width: 100%;
				  width: 100%;
				  border-radius: 7px;
				  margin: 15px auto;
			  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
		  }
		  @media (min-width:596px) and (max-width:990px) {
			  .four-product-content-card {
				  background-color: #ffffff;
				  max-width: 48%;
				  width: 100%;
				  margin: 15px auto;
			  }
		  }
		  @media (min-width:991px) {
			  .four-product-content-card {
				  background-color: #ffffff;
				  max-width: 23%;
				  width: 100%;
				  margin: 15px auto;
			  }
		  }
  /** end What type of home insurance do you need?**/
  .scroll-x {overflow-x:scroll;}
  .tip-box {
     width: 100%;
     padding: 5%;
     background-color: #f8f8f8;
     border-radius: 7px;
     border: 10px solid #fff;
     margin: 0 auto;
     -webkit-box-shadow: 0px 0px 23px -13px rgba(0,0,0,0.3);
     -moz-box-shadow: 0px 0px 23px -13px rgba(0,0,0,0.3);
     box-shadow: 0px 0px 23px -13px rgba(0,0,0,0.3)
   
  }

  .col-wrapping {
	border-top: 2px solid #000000;
  }
  
  .col-wrapping h3{
	margin:0
  }
  
  .col-wrapping:first-child {
	border-top: 0px solid #000000;
  }

  .row-container {
	width: 100%;
	max-width: 991px;
	margin: 0 auto;
  }
  .contents-wrapping-3-box h3{margin:0;}
  .contents-wrapping-3-box {
	max-width: 100%;
	width: 100%;
	display: inline-block;
	padding: 30px;
	background-color: #fff;
	margin: 20px 15px;
	border-radius: 7px;
  }
  @media (min-width: 991px){
	.contents-wrapping-3-box {
		max-width: 28%;
		width: 100%;
	}
  }
.border-top-bk {border-top: 2px solid #000;}
/** caa page sent to Greg(Aug 04 2022)**/
.card-wrapping {
	max-width: 100%;
	width: 100%;
	margin: 2%;
	background-color: #fff;
	border-radius: 7px;
	border: 2px solid #ededed;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  }
  @media (min-width: 991px){
	.card-wrapping {
		max-width: 30%;
		width: 100%;
		margin: 2% 1%;
	  }
  }
  .card-wrapping h4 {margin:0}
  .contents-wrapping-card-box {
	padding: 20px;
	background-color: #666666;
	color: #fff;
	text-align: center;
	border-radius: 7px 7px 0 0;
  }
  .card-body-containeer {
	padding: 30px;
  }
  /** end caa page sent to Greg(Aug 04 2022)**/
	 /** end new style-(07/20)***/

	 /** car insurance ottawa-(08/04/2022)***/

	 .box-items-column { 

		padding: 20px; 
		border: 1px solid #efefef; 
		border-radius: 7px;
		margin: 10px auto; 
		background-color:#ffffff; 
		
		} 

	.two-columns,.three-columns {
		background-color: #fff;
		margin: 2% auto;
		width: 100%;
		max-width: 100%;
		border-radius: 7px;
	}
	@media (min-width:768px) { 
			
		.box-items-column { 
			margin: 10px; 
			flex: 1; 
		} 
		
		.two-columns {
			background-color: #fff;
			margin: 0% auto 2% auto;
			width: 100%;
			max-width: 48%;
		}

		.three-columns {
			background-color: #fff;
			margin: 0% auto 3% auto;
			width: 100%;
			max-width: 30%;
		}
	} 
	.blk-underline {border-bottom: 2px solid #000000;}

	.currency-wrap{
		position:relative;
	}
	
	.currency-code{
		position:absolute;
		left:8px;
		top:15px;
	}
	
	.text-currency{
		padding:10px 20px;
		border:solid 1px #ccc;
		border-radius:5px;
	}

.card-wrapping {
                max-width: 100%;
                width: 100%;
                margin: 2%;
                background-color: #ffffff
                border-radius: 7px;
                border: 2px solid #ededed;
                box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  }
  @media (min-width: 991px){
                .card-wrapping {
                                max-width: 30%;
                                width: 100%;
                                margin: 2% 1%;
                  }
  }
  .card-wrapping h4 {margin:0}
  .contents-wrapping-card-box {
                padding: 20px;
                background-color: #666666;
                color: #ffffff;
                text-align: center;
                border-radius: 7px 7px 0 0;
  }
  .card-body-containeer {
                padding: 30px;
  }

.promo-text-box h2 {
  margin-top: 0;
}

.ol-step-title {
  font-size: 17px;
  font-weight: 700;
}
.num-list.border-btm-line li {
  border-bottom: 1px solid #000;
  padding-bottom: 20px;
}

.num-list.border-btm-line li:last-child {
  border-bottom: 0px solid #000;
}
.new-breadcrumb {
	border-bottom: 0px dotted #c7c7c7;
	font-size: 16px
}
@media (min-width:768px) {
	.new-breadcrumb {
		border-bottom: 0px dotted #c7c7c7;
		font-size: 15px
	}
}
.new-breadcrumb a {
	font-weight: 400
}

.two-column-content-card {
	background-color: #ffffff;
	padding: 15px 30px 30px 30px;
	max-width: 100%;
	width: 100%;
	border-radius: 7px;
	margin: 15px auto;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
@media (min-width:768px) {
	.two-column-content-card {
		background-color: #ffffff;
		max-width: 45%;
		width: 100%;
		margin: 15px auto;
	}
}
.two-column-content-card-bgcolor {
	background-color: #f9f9f9;
	padding: 15px 30px 30px 30px;
	max-width: 100%;
	width: 100%;
	border-radius: 7px;
	margin: 15px auto;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 20px -20px;
	border: 1px solid #ebebeb;
}
@media (min-width:768px) {
	.two-column-content-card-bgcolor {
		background-color: #f9f9f9;
		max-width: 45%;
		width: 100%;
		margin: 15px auto;
	}
}
table.fsco-rate-table.n-bld td:first-child{font-weight:normal}
.red-border-top {border-top: 3px solid #e00000}
.float-img-md {
	padding: 20px 0;
	float: none;
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block
}
@media (min-width:768px) {
	.float-img-md {
		padding: 20px;
		float: right;
		max-width: 500px;
		width: 100%;
		height: 285px;
		display: block;
	}
}
.video-wrapper{
	border: 5px solid #cccccc;
	border-radius: 10px;
}

.intro-insurance-company-logo-no-box-shadow-300 {
	display:block;
	max-width: 300px;
	width:100%;
	padding: 20px;
}
.intro-insurance-company-logo-no-box-shadow-250 {
	display:block;
	max-width: 250px;
	width:100%;
	padding: 20px;
}

.video-wrapper{
			border: 5px solid #cccccc;
			border-radius: 10px;
		}
		  	/** end 0824 CAA caa-mypace.php**/

			.num-list.border-btm-line li {
				border-bottom: 1px solid #000;
padding-bottom: 20px;
			}
			.num-list.border-btm-line li:last-child {border-bottom: 0px solid #000;}

			.ol-step-title {font-size: 18px;
				font-weight: 600;
			}

			.promo-text-box h2 {
				margin-top: 0;
			  }

			  /*** home insurance flood insurance table-(0916)**/
			  .fsco-rate-table.cell-two th:first-of-type {
				width: 20%;
			  }
.postal-code-info.no-border td,.postal-code-info.no-border th{border:0}


.under-box-shadow{
                                                                box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
                                                }
                                                .no-border{border:0}
                                                .red-border-3px{
                                                                border-top: 3px solid #E00000;
                                                }
                                                .num-rounded {
                                                                font-size: 21px;
                                                                font-weight: bold;
                                                                color: #444444;
                                                                background-color: #fdecec;
                                                                border-radius: 100px;
                                                                width: 50px;
                                                                height: 50px;
                                                                padding: 5px;
                                                                margin: 0 auto 10px auto;
                                                }
                                                .check-mark-symbol {
                                                                width: 50px;
                                                                height: auto;
                                                                text-align: center;
                                                                margin: 0 auto 10px auto;
                                                }
                                                .intro-insurance-company-logo-no-box-shadow-350 {
                                                                display: block;
                                                                max-width: 365px;
                                                                width: 100%;
                                                                padding: 20px;
                                                                height:auto;
                                                }



.landing.bg-full-img {background:url("../images/landing-promo.jpg") no-repeat; background-size: cover;background-position: center bottom; }
.divider:after {
	border-top: 2px solid #efefef;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: -1;
	display:none;
}
@media all and (max-width:990px) {		
.banner-caption.no-px{padding-left:0!important;
    padding-right:0!important;
}
}




.postal-input-wrap-landing {
    flex: auto;
    position: relative;
    width: 100%;
	max-width:100%;
	z-index: 11;
	
}


a.landing-btn:hover + .hidden-extra-div:after{color:#e00000;}

.hidden-extra-div::after {
    content: "|";
  position: absolute;
 color:#fff;
  font-size: 20px;
  top: 11%;
  font-weight: normal;
    z-index: +99999999;
}
@media all and (min-width:740px) {
.hidden-extra-div:after {
    content: "|";
  position: absolute;
 color:#fff;
  font-size: 20px;
  top: 19%;
  font-weight: normal;
    z-index: +99999999;
}
}

a.landing-btn {
  background-color:#e00000;
  border-radius: 4px 0px 0px  4px;
  height: 50px;
  position: relative;
  max-width:100%;
  margin: 0 auto;
  width: 100%;
  padding: 0;
  z-index: +999;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  border:2px solid #e00000;
	text-decoration:none;
}
@media (min-width:740px) {
	a.landing-btn, .bannerBtn .call-button-banner-landing{
  		height: 64px;
   		line-height: 1.5;
	}
	.ed::after {

  top: 21%;

}
}
.landing-btn + div + a {
  border-radius: 0;
}

a.landing-btn + div + a + div + a {
  border-radius: 0 4px 4px 0;
}

a.landing-btn {
text-decoration:none;


}
@media (min-width:375px) and (max-width:739px) {
	a.landing-btn {
  font-size: 16px;
	line-height: 0.8
}

}
@media (min-width:740px) {
	a.landing-btn{

  font-size: 19px;
height:64px;
}
}





.landing-btn:last-of-type::after {
  display: none;
}




.landing-btn:hover{
  width: 100%;
  cursor: pointer;
  background: #fff;
border: 2px solid #e00000;
color: #000;
}


@media all and (max-width:428px) {
	.form-with-input-button-wrap-landing:before {
  content: "Compare quotes";
  width: 65%;
  display: block;
  background-color: #ffffff;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  margin: 0 auto;
  padding-top: 0px !important;
    padding-bottom: 14px;
	display:block;
}
.form-with-input-button-wrap-landing::after {
  border-top: 2px solid #efefef;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
	top: 17px !important;
  width: 100%;
  z-index: -111;
  display: block;
}
}
.form-with-input-button-wrap-landing:before {
  content: "Compare quotes";
  width: 65%;
  display: block;
  background-color: #ffffff;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  margin: 0 auto;
  padding-top: 14px;
    padding-bottom: 14px;
	display:block;
}
.form-with-input-button-wrap-landing:after {
border-top: 2px solid #efefef;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 30px;
width: 100%;
z-index: -111;
display:block;
}
@media (min-width:768px) {
  .form-with-input-button-wrap-landing:before {
	content: "Compare quotes";
  width: 45%;
  display: block;
  background-color: #ffffff;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  margin: 0 auto;
  padding-top: 14px;
    padding-bottom: 0px;
	display:block;
}
.form-with-input-button-wrap-landing:after {
border-top: 2px solid #efefef;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 30px;
width: 100%;
z-index: -111;
display:block
}
}

.service-product.landing-main-products {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #ffffff;
	background-clip: border-box;
	align-items: center;
	padding: 0 5% 10% 5%;
	border: 1px solid #efefef;
	border-radius: 5px;
	box-shadow: 0 10px 20px rgba(0,0,0,.04),0 1px 10px rgba(0,0,0,.02);
  	transition: transform 200ms ease-in;
}

@media all and (min-width:768px) {
 	.service-product.landing-main-products  {
	  padding: 0 5% 5% 5%;
	}
 }

.product-title {
  font-size: 17px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
.products-category {
  text-decoration: none;
  margin: 0 auto;
  text-align: center;
}
a.products-category:hover {
  background-color: #ffffff;
}
.service-product.landing-main-products:hover, .service-product.landing-products:hover  {
	cursor: pointer;
	transform: scale(1.05);
	  transition-timing-function: ease-in-out;
}
.landing-products .product-title {
  font-size: 15px;
  text-align: center !important;
  line-height: 1.2 !important;
}
.product-title:hover {
	 color: #e00000;
    text-decoration: underline;
}

.card-product-item {
  max-width: 90px;
  width: 100%;
  height: auto;
}
.service-product.landing-products { 
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%; 
	background-color: #ffffff;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	align-items: center;
	padding: 0 5% 10% 5%;
	border: 1px solid #efefef;
	border-radius: 5px;
	box-shadow: 0 10px 20px rgba(0,0,0,.04),0 1px 10px rgba(0,0,0,.02);
	transition: transform 200ms ease-in;

}
@media (min-width:580px) and (max-width:767px) {
	.service-product.landing-products { 
		-ms-flex: 0 0 46%;
		flex: 0 0 46%;
		max-width: 46%; 
		display: inline-block;
		height:30%;
	}
	.service-product.landing-main-products {
		-ms-flex: 0 0 95%;
		flex: 0 0 95%;
		max-width: 95%;
	}
}

 @media (min-width:768px) and (max-width:1199px) {
	.service-product.landing-products { 
		-ms-flex: 0 0 17.4%;
		flex: 0 0 17.4%;
		max-width: 17.4%;
		padding: 0 2% 3% 2%; 
		display: inline-block;
	}
	.service-product.landing-main-products {
		-ms-flex: 0 0 30.3333%;
		flex: 0 0 30.3333%;
		max-width: 30.3333%;
	}
}
@media (min-width:1200px) {
	.service-product.landing-products { 
		-ms-flex: 0 0 17.4%;
		flex: 0 0 17.6%;
		max-width: 17.6%;
		padding: 0 5% 3% 5%; 
	}
	.service-product.landing-main-products {
		-ms-flex: 0 0 30.3333%;
		flex: 0 0 30.3333%;
		max-width: 30.3333%;
	}
}
.img-s-fluid { width:100%; max-width: 425px; display: block; margin: 0 auto}


.float-md-img.img-fluid {
  max-width: 500px;
  height: auto;
  width: 100%;
  position: relative;
}


.white-bg{background-color: #ffffff;}

.border-radius-500 { border-radius: 500px; }

.bg-gr-dk{background-color: #efefef}

.card-main-icon {
  width: 100%;
  max-width: 150px;
}
	.border-lft {
		border-left: 0px solid #ccc;
	}
@media all and (min-width:768px){
	.border-lft {
		border-left: 1px solid #ffd8d8;
	}
}
.brokerage-logo-box{
  width: 100%;
  background-color: #ffffff;
  margin: 10px;
  padding: 30px;
  border-radius: 7px;
color: #000000;
text-decoration: none;
font-weight: normal;
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;
}
.brokerage-logo-box:hover {
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  background-color: #ffffff;
  color: #000000;
  text-decoration: none;
  font-weight: normal;
}
@media (min-width:528px) and (max-width:768px){
.brokerage-logo-box{
  width: 45%;
}
}
@media all and (min-width:769px){
  .brokerage-logo-box{
  width: 30%;
}
  
}
.brokerage-logo-box a {
  text-decoration: none;
}
.no-circle-logo {
  width:120px;
  height: auto;
  padding: 10px;
}
.sm-width-logo {
	width:60px;
  height: auto;
  padding: 10px;
}
.wrapping-col-box img {
  width: 100%;
  max-width: 150px;
  background-color: #fff;
}

a.more-sm-btn{
	border: 0px solid #e00000;
	border-radius: 100px;
	color: #e00000;
	max-width:170px;
	width:100%;
	background-color:transparent;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	transition: all .2s;
	transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
  
}

a.more-sm-btn:hover {
  background-color:transparent;
  color:#e00000;
  cursor: pointer;
  text-decoration: underline;
}

.card-product-main-item {
  max-width: 150px;
  width: 100%;
  height: 150px;
}

.clicker {
  display: inline-block;
  width: 100%;
  height: 50px;
  color:#e00000;
  padding: 10px;
  text-decoration:none;
}
.clicker:hover {
  display: inline-block;
  width: 100%;
  height: 50px;
  color:#e00000;
  text-decoration:underline;
  cursor: pointer;
  background-color: transparent;
}
.clicker.hidden {
  display: none;
}
.hidden-div {
  height: 0px;
  overflow: hidden;
  transition: height 0.5s;
  width: 100%;
  text-align: center;
}
@media all and (min-width:768px){
.hidden-div {
  height: auto;
}
.clicker {
  display: none;
}
}

#show-div-more:target ~ div a[href="#show-div-more"] {
  display: none;
}
#show-div-more:target ~ div a[href="#hide-div-more"] {
  display: inline-block;
}
#show-div-more:target ~ div .hidden-div.h-cover {
  height: auto;
  padding-bottom: 2%;
}
.w-100{width: 100%;}
@media (min-width: 580px){
	.m-index-2{margin: .5rem}
}
@media (max-width: 579px){
.index-mx-xs-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.index-my-xs-3 {
	margin-top: 1rem !important;
	margin-bottom:  1rem !important;
}
}
.showmore-icon-expand::before {
  content: "\002B";
}
.showless-icon-collapse::before{
	content: "\2212";
}
.last-step-line {border: 2px solid #666666 !important;}



		.right-nav-btns {position:relative;}
		.hamburger-menu, .pager li, .pagination > li {
			position: absolute;
			right: 1rem;
			top: -15px;
		}
		a.mobile-only-nav-quotes-btn {
			position: absolute;
			top: -20px;
			right: 3.8rem;
		}
		.mobile-phone {
			position: absolute;
			top: -15px;
			right: 8.8rem;
		}
		.mobile-only img {
			max-width: 115px;
			height: 100%;
			width: 100%;
		}
		button.mobile-only-nav-quotes-btn {
			position: absolute;
			top: -22px;
			right: 3.4rem;
		}
		@media (min-width:345px) {
			.mobile-phone {
				position: absolute;
				top: -15px;
				right: 9.5rem;
			}
			.mobile-only img {
				max-width: 130px;
				height: 100%;
				width: 100%;
			}
			button.mobile-only-nav-quotes-btn {
				position: absolute;
				top: -22px;
				right: 3.7rem;
			}
		}
		button.mobile-only-nav-quotes-btn {
			background-color: #e00000;
			color: #fff !important;
			font-size: 12px;
			padding: 11px 13px;
			font-weight: 600;
			border-radius: 5px;
			border: 0;
			cursor: pointer;
		}

		.hamburger-menu input[type="checkbox"]:checked ~ .moble-toggle-btn > .button-line.part-two {
			transition: all .3s;
			box-sizing: border-box;
			transform: rotate(-134deg);
			margin-top: -9px;
		}
		.hamburger-menu input[type="checkbox"]:checked ~ .moble-toggle-btn > .button-line.part-one {
			transition: all .3s;
			box-sizing: border-box;
			transform: rotate(135deg);
			margin-top: 8px;
		}
		@media (max-width:991px) {
			.nav-two {
				margin: 0 auto;
				max-width: 100%!important;
				padding-top: 35px;
			}
		}
		a.mobile-only-nav-quotes-btn {
			background-color: #e00000;
			color: #fff !important;
			font-size: 11px;
			padding: 10px 12px;
			font-weight: 600;
			border-radius: 5px;
		}
		.moble-toggle-btn {
			cursor: pointer;
			position: relative;
			z-index: 99;
			padding: 8px 0 0;
			height: 22px;
			width: 22px;
			color: #333;
		}
		.spinner {
			transition: all .3s;
			box-sizing: border-box;
			position: absolute;
			height: 2px;
			width: 18px;
			background-color: #000;
			border-radius: 10px;
		}
		.button-line.part-two, .horizontal {
			position: relative;
			margin-top: 5px;
		}
		.nav-hidden {
			display: flex;
			position: fixed;
			top: 0px;
			left: 0px;
			height: 70px;
			background-color: #fff;
			z-index: +99999;
			padding-left: 0px;
			transition: height 0.2s ease 0s;
		}	
		.mobile-nav-bottom-line
		{
			border-bottom: 1px solid rgb(218, 218, 218);
		}

		/*** home insurance  header Feb 22*/

		@media (max-width:991px) {
		.nav-item.dropdown.drop a {
			padding: 10px 20px;
		}
		.nav-item.dropdown.drop:first-child {
			padding-top: 0px;
		}
		.dropdown-item:focus, .dropdown-item:hover {
			color: #000;
			text-decoration: none;
			background-color: #eae9e9;
		}
		.drop:hover > div {
				border: 0px solid rgba(0,0,0,.15);
			}
			.dropdown-item {
			text-indent: 20px;
		}
		.dropdown-item {
			border: 0;
		}
		.navbar-nav .nav-link {position: relative;}
		.down, .up {
			position: absolute;
			right: 30px;
			top: 20px;
			transition: .4s ease-in-out;
		}
		.up {
		}
	}
		.down {
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.up {
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
@media (max-width: 991px){
	.navbar-menu {
    position: fixed;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    background-color: #fff;
    z-index: 99;
    top: 0;
	}
	.top-pad {
		padding-top: 57px !important;
	}
}
@media (max-width:767px){
	.bannerBtn.big-btn.bg-btn-mb {
		padding: 8px 10px 10px 10px;
	}
}
.bannerBtn .call-num.black-txt:after {
	display: none;
	font-size: 16px;
}
.bannerBtn .btn-transform.big-btn:before {
	display: block;

	font-size: 14px;
}
@media (min-width:375px) and (max-width:991px){
	.bannerBtn .btn-transform.big-btn:before {
		display: block;

		font-size: 19px;
	}
}
@media (min-width:992px) and (max-width:1999px){
	.bannerBtn .btn-transform.big-btn:before {
		display: block;

		font-size: 16px;
	}
}
@media all and (min-width:1200px){
	.bannerBtn .call-num.black-txt:after {
		font-size: 1.4rem;
		display:none;
	}
	.bannerBtn .btn-transform.big-btn:before{ 
		display: block;

		font-size: 1.4rem;
	}
}
.bannerBtn.buttons-group-wrapping.row {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}
.form-with-input-button-wrap-landing {
    flex: auto;
    position: relative;
    width: auto;
}



.compare-quotes-btn-wrap {
    width: 100%;
	max-width:100%;
    flex: auto;
    position: relative;
}
@media (min-width:991px) {
	.compare-quotes-btn.big-btn {
		margin-left: 0px!important
	}
}
.bannerBtn .call-button-banner-landing, .bannerBtn .compare-quotes-btn {
		width:100%;
		max-width: 100%;
		margin: 20px auto 0 auto;
}
.call-button-banner-landing
	{
		margin: 20px auto 0 auto!important;
		border-radius:50px!important;
	}
@media all and (min-width:740px){
		.bannerBtn .call-button-banner-landing, .bannerBtn .compare-quotes-btn-landing {
			max-width: 100%;
			width: 100%;
			margin: 0;
			
  left: 0;
  bottom: 0;
	
		}
	.call-button-banner-landing
	{
		position: absolute!important;
	}
	}
	
	

.compare-quotes-btn-bottom {
	margin: 0;	
}


.main-button-wrap {
    max-width: 260px;
    width: 100%;
}
@media (max-width:378px) {
	.form-with-input-button-wrap-landing {
    position: relative;
    width: 100%;
    max-width: 430px;
	margin:0px !important;
}
}
.form-with-input-button-wrap-landing {
    position: relative;
    width: 100%;
    max-width: 430px;
	margin:0px 10px;
}

@media (min-width:768px) {
	.form-with-input-button-wrap-landing {
		position: relative;
		width: auto;
		max-width: 60%;
	}
}
.big-btn {
    padding: 0 20px;
    height: 50px;
}
@media (min-width:750px){
	.big-btn {
		padding: 0 20px;
		height: 64px;
	}
}
.big-btn .phone-icon {position:relative; top:unset; left:unset;}
.bannerBtn .big-btn .phone-icon {position:relative; top:unset; left:unset;}
@media (min-width:350px) and (max-width:767px) {
	.big-btn .phone-icon {position:relative; top:unset; left:unset;}
	.bannerBtn .big-btn .phone-icon {position:relative; top:unset; left:unset;}
}
.call-button-banner-landing .phone-icon img{
	width: 28px;
	height: 26px;
	padding-bottom: 2px;
}
.banner-caption span {font-size:17px;}
@media (min-width:375px) {
	.banner-caption span {font-size:1.3rem;}
}
@media (min-width:992px) and (max-width:1999px) {
	.banner-caption span {font-size:18px;}
}
@media (min-width:1200px) {
	.banner-caption span {font-size:1.4rem;}
}
.di
@media (min-width:1200px) {
	.banner-caption span {font-size:1.4rem;}
}
.divider-wrap {display:block;}
@media (min-width:768px) {
	.divider-wrap {display:none;}
}
.btn-transform.big-btn::after {
    top: 41%;
}
@media (min-width:575px) {
	.btn-transform.big-btn::after {
		top: 45%;
	}
}

.divider {
	display: flex;
	justify-content: center;
	position: relative;
	max-width:400px;
	width:100%;
	margin: 0 auto;
}

.divider-or {
	display: flex;
	font-weight:bold;
	align-items: center;
	background: #ffffff;
	color: #000;
	width: 100%;
	height: 40px;
	justify-content: center;
}
.company-logo-section{line-height:1.3}
.phone-icon.phone-num{
    line-height: 1.7;
}
@media (min-width:375px) {
.phone-icon.phone-num{
    line-height: 1.5;
}
}
.phone-call-num {padding: 0 10px;
border-radius: 50px!important;
border-radius: 50px!important;}
::placeholder {
  color: #222;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #222;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #222;
}
.postal-input-form{display: flex;}

select.postal-code-in-main-banner {
    background-position: 90% center;
}
.postal-code-in-main-banner {
	text-align:center;
}
.postal-code-in-main-banner {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 50px;
	width:100%;
	max-width:100%;
	flex: 1 1 0%;
	margin-bottom: 0;
	position: relative;
	border-radius: 5px 0 0 5px;
	border: 2px solid #aba8a8;
	box-shadow: none;
	color: #000;
	display: block;
	font-size: 16px;
	line-height: 28px;
	border-right: 0;
	outline:none;
}
@media all and (min-width:750px){
	.postal-code-in-main-banner {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		flex: 1 1 0%;
		margin-bottom: 0;
		position: relative;
		border-radius: 5px 0 0 5px;
		border: 2px solid #aba8a8;
		height: 64px;
		box-shadow: none;
		color: #000;
		display: block;
		font-size: 1.125rem;
		line-height: 28px;
		padding: 15px;
		position: relative;
		width: 100%;
		border-right: 0;
		outline:none;
	}
}
.btn-transform::after {display:none}
.bannerBtn .btn-transform.big-btn:before {text-align:center}
@media (min-width:992px) and (max-width:1999px){
	.bannerBtn .btn-transform.big-btn:before {
		display: block;
		font-size: 20px;
	}
}
@media (max-width:767px){
	.call-button-banner-landing{
		border-radius:50px;
	}
	.call-button-banner-landing.corner-rounding {
    		border-radius: 50px;
	}

}
	
@media all and (max-width:374px) {
  			.compare-quotes-btn.bg-btn-mb
			{
			   font-size: 14px;
			}
		}


@media all and (max-width:374px){
  .call-button-banner-landing span.phone-icon.phone-num {
  font-size:16px;
}
}

@media (min-width:375px) and (max-width:1199px){
.call-button-banner-landing span.phone-icon.phone-num {
  font-size:19px;
}
}
.overflow-scroll-x-md {
  overflow-x: scroll;
}
	.landing-top-insurance-companies {
	  max-width: 600px;
	  width: 600px;
	}
@media all and (min-width:575px) {
	.landing-top-insurance-companies {
	  max-width: 1200px;
	  width: 100%;
	}
	.overflow-scroll-x-md {
  	overflow-x:hidden;
	}
}

.five-tr.table tr td:first-child {

  display: block;

  width: 70px;

}


.five-tr.table { display: block; width:750px}

.postal-code-info.no-border td,.postal-code-info.no-border th{border:0}

			.custom-table {
				table-layout: fixed;
				overflow-x: scroll;
				width: 100%;
				display: block;
				max-width: 100%;
			  }
			  @media (min-width:768px) {
				  .custom-table {
					display: inline-table;
				  }
			  }
			  .custom-table tr {
			  background: #f8f8f8;
			  }
  
			  .custom-table tr:nth-child(2n) {
			  background: #ffffff;
			  }
  
  
			  .custom-table th, .custom-table td {
			  font-size: 15px;
			  padding: 10px;
			  vertical-align: top;
			  }
  
			  .custom-table th {
			  border-top: 0px solid #dee2e6;
			  border-bottom: 2px solid #000;
			  line-height: 20px;
			  background: #ffffff;
			  }
			  .custom-table th tr th {
			  background: #ffffff;
			  }
			  @media (min-width:768px) {
				  .driver-type-table-4-columns th:nth-of-type(1){
				  width:30%;
				  }
				  .driver-type-table-4-columns th:nth-of-type(2){
				  width:20%;
				  }
				  .driver-type-table-4-columns th:nth-of-type(3){
				  width:20%;
				  } 
				  .driver-type-table-4-columns th:nth-of-type(4){
				  width:30%;
				  }
  
			  }
			  .local-city-table-2-columns {
				  border-collapse: collapse;
				  padding: 0;
				  width: 100%;
				  max-width: 100%;
				  margin: 0 auto;
				  background-color: #ffffff;
				  display: inline-table;
			  }
			  .local-city-table-2-columns thead {
				  background-color: #fff
			  }
  
			  .local-city-table-2-columns td {
				  padding: 10px;
				  color: #000;
				  font-size: 15px;

			  }
			  .local-city-table-2-columns tbody td:last-child {
				  border-right: 0
			  }
			  .local-city-table-2-columns th {
				  font-size: 15px;
				  text-align: center;
				  letter-spacing: .13em;
				  color: #000;
				  padding: 15px 10px;
				  border-bottom: 2px solid #000;
				  width: 50%
			  }
			  .local-city-table-2-columns tbody {
				  background-color: #fff
			  }
			  
			  .annual-premium-table-2-columns {
				  border-collapse: collapse;
				  padding: 0;
				  width: 100%;
				  max-width: 100%;
				  margin: 0 auto;
				  background-color: #ffffff;
					  display: inline-table;
			  }
			  @media (min-width:768px) {
				  .province-city-table-6-columns th:nth-of-type(1) {
					  width:25%;
  
				  }
			  }
			  .annual-premium-table-2-columns thead {
				  background-color: #fff
			  }
  
			  .annual-premium-table-2-columns td {
				  padding: 10px;
				  color: #000;
				  font-size: 15px;
				  text-align:center;
			  }
			  .annual-premium-table-2-columns tbody td:last-child {
				  border-right: 0
			  }
			  .annual-premium-table-2-columns th {
				  font-size: 15px;
				  text-align: center;
				  letter-spacing: .13em;
				  color: #000;
				  padding: 15px 10px;
				  border-bottom: 2px solid #000;
				  width: 50%
			  }
			  .annual-premium-table-2-columns tbody {
				  background-color: #fff
			  }
			  .bg-ffeded{background-color: #ffeded !important;}
  
			  .annual-premium-table-2-columns th, .annual-premium-table-2-columns td, .driver-type-table-4-columns th, .driver-type-table-4-columns td,
			  .local-city-table-2-columns th, .local-city-table-2-columns td, .postal-code-table-3-columns th, .postal-code-table-3-columns td, .province-city-table-6-columns th, .province-city-table-6-columns td, .insurance-company-table-3-columns th, .insurance-company-table-3-columns td,
.table-3-columns th, .table-3-columns td, .table-4-columns th, .table-4-columns td,
			  .table-5-columns th, .table-5-columns td{
			  text-align: center;
			  }
  
  .annual-premium-table-2-columns td:nth-of-type(1) {
	text-align: center;
  }
  .driver-type-table-4-columns td:nth-of-type(1),.local-city-table-2-columns td:nth-of-type(1), .postal-code-table-3-columns td:nth-of-type(1),.postal-code-table-3-columns td:nth-of-type(2),.province-city-table-6-columns td:nth-of-type(1), .insurance-company-table-3-columns td:nth-of-type(1),
.table-3-columns td:nth-of-type(1), .table-4-columns td:nth-of-type(1),
  .table-5-columns td:nth-of-type(1) {
	text-align: left;
  }
  .bg-title-td-border{
  border-bottom: 2px solid #555555;
  border-top: 2px solid #555555;
  }
  .special-first-td-child td:first-child {
	width: 100px;
	display: block;
  }

  .border-top-3-gray {
	border-top: 3px solid #ccc;
  }
  /**** Jan 11 2023 tesla honda  ***/
  .table-wrapper-in-bg {
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.border-radious-10px {border-radius: 10px;}

.float-img-sm {
	padding: 20px 0;
	float: none;
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block
}
  @media (min-width:768px) {

	.float-img-sm {
		padding: 20px;
		float: right;
		max-width: 350px;
		width: 100%;
		height: auto;
		display: block;
	}
}

.source-box p.title{ border-bottom:1px solid #444444}

.custom-table th {
	text-align: center;
  }
.custom-table.column-six-table th.extended-column{
	width:25%;
}

.two-col-img{
	background:url("../car-insurance/images/canada/canada-insurance-policy-review-yearly.jpg") no-repeat; 
	background-size: cover;
	background-position: center center; 
	min-height:300px;
}
.two-col-text{
	color:#000000;
}
.bg-white{background-color: #ffffff;}
@media (min-width:768px) {
	.two-col-img{
		min-height:100%;
	}
	
}
.promo-banner-get-insured-wrapping .compare-quotes-btn {
	margin:0px 20px
}

.promo-banner-bg-container {
	background:url("../car-insurance/images/ontario-car-insurance-get-quotes-promo-bg.jpg") no-repeat; 
	background-size: cover;
	background-position: center center;
}
.promo-banner-get-insured-wrapping{
	background-color: #ffffff;
	border-radius:7px;
}

.table-side-img {
	background:url("../car-insurance/images/canada/canada-auto-insurance-coverage.jpg") no-repeat; 
	background-size: cover;
	background-position: center center;
	min-height: 200px;

}

.box-card-warpping{
	background-color: #fff;
	margin: 2% auto;
	border-radius: 7px;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}

.author-container {
    border-radius: 7px;
    border: 1px solid #e9e9e9;
}

.author-wrapper {
    background-color: #E8E8E8;
    width: 100%;
    height: 80px;
    max-width: 80px;
    border-radius: 100px;
    padding: 5px;
    position: relative;
}
.author-thumbnail{
    max-height: 100%;
    max-width: 100%;
    width: 47px;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    right: 0;
    margin: auto;
}

.fifty-plus-years {
    width: 100%;
    max-width: 300px;
}
 
.wrapping-col-box img {
  width: 100%;
  max-width: 130px;
  background-color: #fff;
}

.bg-dual-gradient {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(248,248,248,1) 30%, rgba(248,248,248,1) 75%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(30%, rgba(248,248,248,1)), color-stop(75%, rgba(248,248,248,1)), color-stop(75%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(248,248,248,1) 30%, rgba(248,248,248,1) 75%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(248,248,248,1) 30%, rgba(248,248,248,1) 75%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(248,248,248,1) 30%, rgba(248,248,248,1) 75%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(248,248,248,1) 30%, rgba(248,248,248,1) 75%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

.border-box {
    border:2px solid #efefef;
}

.third-party-logo {
   max-width: 120px;
   width: 100%;
   height: auto;
}

.google-reviews-rating-box {
    width: 100%;
    max-width: 235px;
    height: auto;
}

.bbb-profile {
    max-width: 235px;
    width: 100%;
}

.read-more-state~.show-more-trigger:before {
    content: 'Show more'
}

.read-more-state:checked~.show-more-trigger:before {
    content: 'Show less'
}

.show-more-trigger {
    cursor: pointer;
    display: inline-block;
    color: #000000;
    font-size: 16px;
    line-height: 2;
    text-align: center;
    margin-left: 37.5%;
    margin-right: 37.5%;
    border: 1px solid #000000;
    border-radius: 5px;
    max-width: 115px;
    width: 100%;
    background-color: #ffffff;
    padding: 3px;
    font-weight: bold;
}

.show-more-trigger:hover {
    background-color: #f8f8f8;
    -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
}

@media all and (min-width:575px) {
    .show-more-trigger {
        font-size: 13px;
        line-height: 2;
        text-align: center
    }
}
.custom-table.custom-table-width{
	width: 768px;
	max-width: 768px;
}
@media all and (min-width:768px) {
	.custom-table.custom-table-width{
		width: 100%;
		max-width: 100%;
	}
}
.bg-pattern-wave {
	background-color: #f8f8f8;
	background-image: url("../images/bg-pattern-waves.jpg");
	background-size: cover;
	background-repeat: repeat-x;
}
.bg-pattern-geometrics {
	background-color: #ffffff;
	background-image: none;
	background-size: cover;
	background-repeat: repeat-x;
}
@media all and (min-width:768px) {
	.bg-pattern-geometrics {
		background-color: #ffffff;
		background-image: url("../images/bg-pattern-geometrics.jpg");
		background-size: cover;
		background-repeat: repeat-x;
	}
}
.remove-image-background:hover {
    background-color: transparent;
}

.footer-button-fix {
    padding-top: 6px;
}
ul.x-mark-bullet{list-style:none;padding-inline-start:20px}.x-mark-bullet li:last-child{margin-bottom:0!important}.x-mark-bullet li{position:relative}.x-mark-bullet li:before{content:"\2715";color:#e00000;font-size:12px;font-weight:700;display:inline-block;width:27px;margin-left:-22px;position:absolute;line-height:29px;top:0px;} 


ul.second-footer-link li {    display: inline;     padding-left: 10px;
    padding-right: 10px;     border-right: 1px solid #ccc;}
ul.second-footer-link li:last-child{border-right: 0px solid #ccc;}
.products-icon {
	max-width: 120px;
	width: 100%;
	height: auto
}
.product-list.list-3-column li:before {
	display: none;
  }

.data-image
	  {
	      width:100%;
	  }


.source-box p.title{
	  border-bottom:1px solid #444;
	  }

.data-image
	  {
	      width:100%;
	  }
	  
	  	.container-fluid-promo-container {
		width: 100%;
		max-width: 991px;
	}
.blog-promo-get-started-btn {
  max-width: 215px;
  width: 100%;
  display: inline-block;
  font-size: 17px;
  padding: 0;
  line-height: 2;
}

.blog-promo-banner-wrapper {
		border-top: 10px solid #e00000;
		background-color: #fff;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
		border-bottom: 10px solid #e00000;
}
.blog-promo-h2 {
  font-size: 30px;
  line-height: 1.5;
}

.blog-promo-car-insurance-img {
  width: 100%;
  max-width: 300px;
  border-radius: 500px;
}


.news-page-image.image-500 {
      float: right;
      margin:10px 0px;
      width: 100%;
      padding: 0;
      border-radius: 10px;
}
@media all and  (min-width: 576px){
    .news-page-image.image-500 {
      float: right;
      margin: 30px 0 30px 30px;
      width: 500px;
      padding: 0;
      border-radius: 10px;
    }
	
	}

  .load-icon-sm {max-width: 110px;
	width: 100%;
	height: auto;}

.load-box-border {
	background-color: #ffffff;
margin: 20px 15px;
padding: 20px 20px 40px 20px;
border-radius: 10px;
border: 2px solid #efefef;
}
.box-shadow {box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
.boder-bottom-1px{border-bottom: 1px solid #ccc;}
.box-little-shadow {
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.03);
	box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.03);
	border: 1px solid #efefef;
	border-radius: 5px;
	background-color: #ffffff;
}
.geometric-pattern{
	background-color: #e6e6e8;
	background-image: url("../images/pattern-bg-1.jpg");
	background-size: 100% 80%;
	background-repeat: repeat-x;
  }

.col-gutter {
    text-align:left;
    border-radius:7px;
	width: 100%;
	border: 1px solid #e4e4e4;
}
@media (min-width: 768px) {
    .col-gutter  {width: 46%;}
}
 @media (min-width: 1200px) {
    .col-gutter  {width:22% }
}
.accent-title-box {
	background-color: #ffffff;
	color: #000000;
	border-bottom: 1px solid #e00000;
	border-radius: 7px 7px 0 0;
}
  
.word-break{
  	word-break: break-word;
  }
.location-title:before {
	content: url("../images/svg/map-pin-icon.svg");
	display: inline-block;
	width: 15px;
	height: auto;
	margin-right: 10px;
}
.w-300-px-img{
	max-width:300px;
	width:100%;
}
.custom-table-1 th {
    text-align: center;
  }
 .custom-table th tr th {
 background: #ffffff;
 }
.custom-table-1 {
   table-layout: fixed;
   overflow-x: scroll;
   width: 100%;
   max-width: 100%;
 }
 @media (min-width:768px) {
     .custom-table-1 {
       display: inline-table;
     }
 }
 .custom-table-1 tr {
 background: #f8f8f8;
 }

 .custom-table-1 tr:nth-child(2n) {
 background: #ffffff;
 }


 .custom-table-1 th, .custom-table-1 td {
 font-size: 15px;
 padding: 10px;
 vertical-align: top;
 }

 .custom-table-1 th {
 border-top: 0px solid #dee2e6;
 border-bottom: 2px solid #000;
 line-height: 20px;
 background: #ffffff;
 }
 .custom-table-1 th tr th {
 background: #ffffff;
 }

/** What's on the page **/
.widget-table-of-contents-container {
	border-radius: 7px;
	border: 1px solid #efefef;
}
.jump-link-tilte{
	font-size: 18px;
	font-weight: bold;
}
.jump-link-show-more-state {
display: none;
}
.jump-link-show-more-wrap {
list-style: none;
}

.jump-link-show-more-target {
opacity: 0;
max-height: 0;
font-size: 0;
transition: .25s ease;
display:none
}

.jump-link-show-more-state:checked ~ .jump-link-show-more-wrap .jump-link-show-more-target {
opacity: 1;
font-size: inherit;
max-height: 999em;
display:block;
}

.jump-link-show-more-state ~ p > label.jump-link-show-more-trigger:before {
content: 'Show more';
}

.jump-link-show-more-state:checked ~ p > label.jump-link-show-more-trigger:before {
content: 'Show less';
}
.jump-link-show-more-trigger:hover {
	background-color: #ffffff;
	color: #000000;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.jump-link-show-more-trigger {
cursor: pointer;
display: inline-block;
color: #000;
font-size: 11px;
line-height: 11px;
border: 1px solid #d7d7d7;
border-radius: 5px;
width: 100%;
max-width: 110px;
position:relative;
font-weight: bold;
background-color: #fff;
}
.jump-link-show-more-state:checked ~ p > label.jump-link-show-more-trigger:after {
content: "-";
position: absolute;
color: #000000;
right:11px;
font-size: 16px;
}
.jump-link-show-more-state ~ p > label.jump-link-show-more-trigger:after{
content: "+";
position: absolute;
color: #000000;
right: 11px;
font-size: 16px;

}
.jump-link-show-more-trigger:hover {
	border: 1px solid #000;
	background-color: #444;
	color: #fff;
  }
 
.jump-link-show-more-state ~ p > label:hover.jump-link-show-more-trigger:after{
	color: #fff;
  }
 .list-box-container {
	border: 1px solid #ccc;
	border-top: 5px solid #ccc;
	margin: 1%;
	border-radius: 7px;
  }

 .cost-premium-title {
  font-size: 16px;
  font-weight:bold;
 
}
.right-border-dt{
    border-right: none;
}
@media all and (min-width: 768px){
.right-border-dt{
    border-right: 1px solid #333;
}
}
.carousel-control-prev-type-d {

    position: relative;
    display: inline-block;
    border: 3px solid #333333;
    background-color: transparent;
    padding: 15px 20px;
    background-image: url(../images/svg/control-prev-dark-gray.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;

}
.carousel-control-prev-type-d:hover {
  background-image: url(../images/control-prev-white.svg);
  background-color: #333333;
  cursor: pointer;
  border-radius: 5px;
}
.carousel-control-next-type-d {
  position: relative;
  display: inline-block;
  border: 3px solid #333333;
    background-color: transparent;
  padding: 15px 20px;
  background-image: url(../images/svg/control-next-dark-gray.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5px;
}
.carousel-control-next-type-d:hover {
  background-image: url(../images/control-next-white.svg);
  background-color: #333333;
  cursor: pointer;
  border-radius: 5px;
}
.cost-widget-box{
    border: 3px solid #333;
    border-radius: 10px;
    background-color:#fff;
    box-shadow: 0px 12px 28px 0px rgba(140, 149, 159, 0.3);
    }


.or-span{
    font-size: 24px;
  font-weight: bold;
}


.saving-dollars-amount-year {
    font-size: 16px;
    font-weight: normal;
} 
.saving-percent-num {
    font-size: 32px;
  font-weight: bold;
}
@media (min-width: 375px) and (max-width: 767px){
.timespan {
  font-size: 13px;
}
}
@media all and (max-width: 374px){
.saving-dollars-amount-month {
  font-size: 18px;
  font-weight: bold;
}
.saving-dollars-amount-year {
    font-size: 13px;
    font-weight: normal;
} 
.timespan {
  font-size: 10px;
}
.saving-percent-num {
  font-size: 23px;
  font-weight: bold;
}
.saving-monthly-div, .or-div, .saving-percent-div {
  height: 35px;
 line-height: 35px;
}
.saving-dollar-symbol, .saving-percent-symbol{
 font-size: 11px;
  font-weight: bold;
}
.saving-dollar-symbol {
  font-size: 11px;
  font-weight: bold;
}
}
@media (min-width: 375px) and  (max-width: 424px){
.saving-dollars-amount-month {
  font-size: 23px;
  font-weight: bold;
}
}

@media (min-width: 425px) and (max-width: 1199px) {
.saving-dollars-amount-month {
  font-size: 35px;
  font-weight: bold;
}
.savings-year{ margin-left:3%}
}
@media all and (min-width: 1200px) {
.saving-dollars-amount-month {
    font-size: 38px;
  font-weight: bold;
}
.saving-percent-num {
    font-size: 50px;
  font-weight: bold;
}
}

.saving-dollar-symbol{
 font-size: 13px;
  font-weight: bold;
}
.saving-percent-symbol{
 font-size: 22px;
  font-weight: bold;
}
.saving-dollar-sign-align-middle{
    font-size: 11px;
    font-weight: normal;
}
.month-dollars-amount {
  font-size: 27px;
  font-weight: bold;
}
.month-dollar-sign{
  font-size: 15px;
  font-weight: bold;
}
.border-top-1px {
    border-top: none;
}
.border-top-black-3px{
    border-top: 3px solid #333;
}
.year-dollars-amount {
  font-size: 19px;
  font-weight: normal;
}


.year-dollar-sign {
  font-size: 11px;
  font-weight: normal;
}
.recent-insurance-quotes-widget{
   background:url("../images/recent-car-insurance-quotes-widget.jpg") no-repeat; background-size: cover;background-position: center center; 
   background-position: center 80%;
   height: 250px;
}

.right-side-border-radius{
    border-radius: 0 0 10px 10px;
}
.left-side-border-radius{
    border-radius: 10px 10px 0px 0;
}


@media all and (min-width:768px){
    .recent-insurance-quotes-widget{
   background:url("../images/recent-car-insurance-quotes-widget.jpg") no-repeat; background-size: cover;background-position: center center; 
   height: auto;
}
.month-dollars-amount {
  font-size: 32px;
  font-weight: bold;
}
.month-dollar-sign{
  font-size: 18px;
  font-weight: bold;
}
.border-top-1px {
    border-top: 1px solid #333;
}
.border-top-black-3px{
    border-top: 0px solid #333;
}
.year-dollars-amount {
  font-size: 16px;

}

.year-dollar-sign.align-middle {
  font-size: 12px;

}
.right-side-border-radius{
    border-radius: 0 10px 10px 0;
}
.left-side-border-radius{
    border-radius: 10px 0px 0px 10px;
}
} 
.savings-caption {
  font-size: 22px;
  font-weight: bold;
}
@media all and (min-width: 768px){
.saving-dollar-symbol, .saving-percent-symbol{
 font-size: 22px;
  font-weight: bold;
}
}
@media all and (min-width: 458px){
.saving-dollars-amount-year {
    font-size: 20px;
} 

.saving-dollar-sign-align-middle{
    font-size: 13px;

}
.or-span{
    font-size: 30px;
  font-weight: bold;
}

.savings-caption {
  font-size: 28px;
  font-weight: bold;
}
}

.cost-box .update-date {
    font-size: 13px;
}

.savings-detail{
    background-color: #333;
    color: #fff;
}
.saving-monthly-div span, .saving-percent-div span, .or-div span, .savings-year span, .cost-detail span  {
  display: inline-block;
  vertical-align: middle;
}
.saving-monthly-div, .or-div, .saving-percent-div {
  height: 47px;
 line-height: 47px;
}
.custom-col{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;

}

@media all (min-width: 810px) and (max-width: 1199px) {
.custom-col{
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%;

}
}
@media (min-width: 425px) and (max-width: 457px) {

.savings-year{ margin-left:4%}
}
@media all and (min-width: 458px) {

.savings-year{ margin-left:1.5%}
}
   
@media all and (min-width: 1200px) {
.custom-col{
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;

}

}
.dk-gray{
    backround-color:#444444;} 
.dk-gray h2{
    color:#ffffff;
}
.carousel-control-next-type-d:focus{
    outline: none;
    background-image: url(../images/control-next-white.svg);
    background-color: #333333;
}
 
.carousel-control-prev-type-d:focus {
    outline: none;
    background-image: url(../images/control-prev-white.svg);
    background-color: #333333;
}

.w-385{
	max-width: 385px;
	width: 100%;
 }

.home-insurance-promo-type-b-container {
	background:url("../home-insurance/images/home-insurance-get-quotes-promo-bg.jpg") no-repeat; 
	background-size: cover;
	background-position: center center;
}
ol.custom-ol {
	counter-reset: item;
	list-style-type: none;
	list-style: none;
	padding-inline-start: 20px;
  }
  
  ol.custom-ol li {
	display: block;
  }
  
  ol.custom-ol li:before {
	content: counter(item) "  ";
	counter-increment: item;
  }
.border-box-container{
	position: relative;
	border: 10px solid #efefef;
	border-radius: 9px;
	
}
.deco-h2{
	position: absolute;
	top: -4%;
	width: 90%;
	left: 50%;
	transform: translate(-50%, -50%);
	
}	
@media all and (min-width:768px) { 
	.deco-h2{
		position: absolute;
		top: -9%;
		width: 80%;
		left: 50%;
		transform: translate(-50%, -50%);
		
	}
}
.fsco-rate-table.three-th-tb th {
	width: 33.3333%;
  }
ol.lg-num-list {
	list-style: none;
	padding-inline-start: 70px;
  }

  ol.lg-num-list li::before {
	content: counter(li);
	color: #fff;
	font-weight: 700;
	display: inline-block;
	width: 27px;
	margin-left: -70px;
	position: absolute;
	font-size: 35px;
	line-height: 40px;
	background-color: #e00000;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	text-align: center;
	padding: 5px;
  }


.regional-cost-icon {
    max-width: 100%;
    height: auto;
    width: 250px;
padding-bottom: 10px;
}

.cta-content-block-title {
	font-size: 24px;
	text-align: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
  }
	.cta-content-primary-btn{ 
	  -webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	}
	.cta-content-block{
	  -ms-flex-direction: row;
	flex-direction: row;
	webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: center;
	
	}

.custom-table-2 th {
    text-align: center;
  }
 .custom-table th tr th {
 background: #ffffff;
 }
.custom-table-2 {
   overflow-x: scroll;
   width: 100%;
   max-width: 100%;
 }
 @media (min-width:768px) {
     .custom-table-2 {
       display: inline-table;
     }
 }
 .custom-table-2 tr {
 background: #f8f8f8;
 }

 .custom-table-2 tr:nth-child(2n) {
 background: #ffffff;
 }


 .custom-table-2 th, .custom-table-2 td {
 font-size: 15px;
 padding: 10px;
 vertical-align: top;
 }

 .custom-table-2 th {
 border-top: 0px solid #dee2e6;
 border-bottom: 2px solid #000;
 line-height: 20px;
 background: #ffffff;
 }
 .custom-table-2 th tr th {
 background: #ffffff;
 }
 @media all and (min-width:768px) { 
 .height-500{height:500px;}
 }
 @media all and (min-width:991px) { 
.promo-height-500{height:500px;}
}
 /** jan 05 2024 **/
 .col-gutter-3 {
    text-align:left;
    border-radius:7px;
	width: 100%;
	border: 1px solid #e4e4e4;
}
@media (min-width: 768px) {
    .col-gutter-3  {width: 30%;}
}

/***minivan **/
.minivan-bg-full-img {background:url("../car-insurance/images/minivan-insurance-promo-bgimg.jpg") no-repeat; background-size: cover;background-position: center center; }
.w-345-px-img{
	max-width:100%;
	width:100%;
}
.w-300-px-md-img{	
	max-width:100%;
	width:100%;
}
@media (min-width: 768px) {
.w-345-px-img{
		max-width:345px;
		width:100%;
}
.w-300-px-md-img{	
	max-width:300px;
	width:100%;
}
}
.bg-dk-80{
	background: linear-gradient(to bottom,  #f8f8f8 1%,#f8f8f8 72%,#f8f8f8 73%,#ffffff 73%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
}
@media all and (min-width:768px){
	.bg-dk-80{
		background: linear-gradient(to bottom,  #f8f8f8 1%,#f8f8f8 79%,#f8f8f8 80%,#ffffff 80%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	}
}
h3.text-between-lines{ overflow: hidden;
	text-align: center;
}
	
h3.text-between-lines::before,
h3.text-between-lines::after {
	  background-color: #000;
	  content: "";
	  display: inline-block;
	  height: 1px;
	  position: relative;
	  vertical-align: middle;
	  width: 50%;
}
	
h3.text-between-lines::before {
	right: 3%;
	margin-left: -50%;
}
	
h3.text-between-lines::after {
	left: 3%;
	margin-right: -50%;
}
@media all and (min-width:768px){
	.position-md-absolute-img {
	  	position: absolute;
	  	left: 0;
	  	top:33.3%;
	}
	.position-md-absolute-img-right{
	  	position: absolute;
	  	right: 0;
	  	top:30%;
	}
}
@media all and (min-width:1200px){
	.position-md-absolute-img-right{
		position: absolute;
	  	right: 0;
	  	top:19%;
	}
}
.dual-color-border-top::before {
	content: "";
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	height: 7px;
	background: linear-gradient(to right,  #e00000 1%,#e00000 20%,#000000 20%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 3px 3px 0 0;
}
.duo-box-shadow{
	box-shadow: 0 0 0 8px rgb(255, 255, 255), 20px 20px 0 0 rgba(65, 64, 64, 0.53);
	background-color: #f8f8f8;
}
.miner-container{
	border-top: 1px solid #777777;
	border-bottom: 1px solid #777777;
}
.bg-full-hybrid-car-img {background:url("../car-insurance/images/hybrid-car-insurance-promo-bgimg.jpg") no-repeat; background-size: cover;background-position: center center; }
@media (max-width: 768px) {
		.white-space-no-wrap {
		  white-space: nowrap;
		}
	  }
.hThree{font-size:25px;}

 .container.insurance-links {
		max-width: 1440px;
		width: 100%;
		padding: 0 5%;
}
ul#nav-a {
	padding: 0;
	margin-bottom: 45px;
}
@media(min-width:992px) {
	ul#nav-a {
		min-height: 350px;
		margin-bottom: 10%;
	}
}
@media(min-width:1200px) {
	ul#nav-a {
		min-height: 350px;
		margin-bottom: 2%;
	}
}

/**popup */

.popup-products-container h2 {
	margin-top: 10px;
	color: #000;
  }
  
   .popup-slogn-icon {max-width:125px; width:100%;}
	.popup-products-container h3 {
	font-size: 16px;
	  line-height: 1;
	  margin: 0;
  }
  
  @media all and (min-width: 1200px){
  
  .popup-products-container{
	 margin: 70px auto;
	/**transition: all 5s ease-in-out;**/
	}
	.popup-slogn-icon {max-width:150px; width:100%;}
	.popup-products-container h3 {
	font-size: 18px;
  }
  }
  
  @keyframes pop-product {
  50% {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
  }
  }
  @media all and (min-width: 768px){
  .popup-products-container .card {
	min-height: 165px;
  }
  }
  @media all and (min-width: 768px){
  .popup-products-container .card {
	min-height: 165px;
  }
  }
 
.popup-company-logo-section{border: 1px solid #eaeaea;border-radius: 5px;}
.popup-products-container .close {
  position: absolute;
  top: -6px;
  right: 6px;
  transition: all 200ms;
  font-size: 70px;
  font-weight: normal;
  text-decoration: none;
  color: #000000;
  cursor: pointer;
  }
.popup-products-container .close:hover {
  color: #777777;
  background-color: transparent;
}
.cta-button:hover {
  background-color: #e00000;
  text-decoration: none;
}
.cta-phone-num:hover {
  color: #fff;
}
.cta-phone-num:hover::before {
  content: url(../images/svg/phone-icon-white.svg);
  color: #fff;
  cursor: pointer;
}
.partners-dk{
  max-width: 991px;
  width:100%;
}
.partners-mb{
  max-width: 768px;
  width:100%;
}
.cta-button{
  position: relative;
  display: inline-block;
  max-width: 225px;
  padding: 8px 25px;
  background-color: transparent;
  border: 2px solid #e00000;
  width: 100%;
  height: 50px;
  cursor: pointer;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  border-radius: 50px;
}
.cta-phone-num {
	clear: both;
	font-size: 18px;
	color: #000000;
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
}	
.cta-phone-num:before{
  content: url(../images/svg/phone-icon-black.svg);
  width: 35px;
  height: auto;
  display: block;
  padding-right: 15px;
  padding-top: 3px;
}
a.cta-button{text-decoration: none}
.border-radius-top-part{border-radius:7px 7px 0 0 }
.border-radius-bottom-part{border-radius:0 0 7px 7px}
.popup-car-icon {
  max-width: 90px;
  width: 100%;
  height: auto;
}
.popup-slogn-icon {
  max-width: 70px;
  width: 100%;
  height: auto;
}
.google-rate-img{width: 100%;
  max-width: 230px;}
a.href-box {
height: 100px;
}
@media all and (max-width:480px){

a.href-box {
height: 96px;
}
.popup-car-icon {
	max-width: 76px;
	width: 100%;
	height: auto;
  }

  .popup-slogn-icon {
	max-width: 60px;
	width: 100%;
	height: auto;
  }
.google-rate-img{width: 100%;
  max-width: 200px;}

}
@media all and (min-width:768px){

	a.href-box{
	height: 120px;
	}
}

a.href-box {
	text-decoration: none;
	color:#000;
	width: 100%;
	border-radius: 0 0 5px 5px;
	  margin: 0 auto;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .04), 0 1px 10px rgba(0, 0, 0, .02);
	border-top: 2px solid #e00000;
	background-color:#ffffff;
}
a:hover.href-box {
		background-color:#ffffff;
	-webkit-animation-name: pop-product;
  animation-name: pop-product;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  cursor: pointer;
}
.inside-href p {
  font-weight: normal;
}
  .inside-href h3 {
	font-size: 18px;
	color:#000;
	text-decoration:none;
  }
	@media (min-width:1200px) {
  .inside-href h3 {
	font-size: 18px;
	color:#000;
	text-decoration:none;
  }
}
.popup-phone-icon {
  width: 100%;
  height: auto;
  max-width: 25px;
  display: inline-block;
}
a:hover .popup-phone-icon {
  width: 100%;
  height: auto;
  max-width: 25px;
  filter: brightness(0) saturate(100%) invert(0%) sepia(46%) saturate(6659%) hue-rotate(60deg) brightness(103%) contrast(97%);
  -webkit-filter:brightness(0) saturate(100%) invert(0%) sepia(46%) saturate(6659%) hue-rotate(60deg) brightness(103%) contrast(97%);
}
.google-rating-popup {
  width: 100%;
  max-width: 230px;
}  
.popup-products-container{
  width: 100%;
  max-width: 90%;
  border-radius: 0px;
  padding: 0px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 3rem 5rem rgba(0, 0, 0, 0.3);
  z-index: 10;
  margin: 5% auto;
  max-height: 100vh !important;

	position: relative;
  }
  @media all and (min-width: 1200px){
	  .popup-products-container {
		width: 100%;
		max-width: 991px;
		margin: 0 auto;
		border-radius: 0px;
		position: absolute;
		padding: 0px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #fff;
		border-radius: 7px;
		box-shadow: 0 3rem 5rem rgba(0, 0, 0, 0.3);
		z-index: 10;

	  }
  }

.overlay {
  position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: +9999999999999;
  }
  
.overlay:target {
	visibility: visible;
	opacity: 1;
  }
  a.cta-button:hover .cta-phone-num {
	color: #ffffff;
  }
  a.cta-button:hover .cta-phone-num::before {
	content: url(../images/svg/phone-icon-white.svg);
	color: #fff;
	cursor: pointer;
  }
  .close-x-icon{width:30px; height:30px; display: block;}
  @media (max-width: 767px) {
	.row.google-reivew-box.google-review-slider {
	  display: inline-block;
	  height: 256px;
	  overflow: hidden;
	}
  }
/**end popup */

.author-portrait{
      max-width:70px; 
      width:100%;
      height:auto; 
      border-radius: 100%;
        position: relative;
  }
  .author-portrait-lg{
    width:100px; 
    height:100px; 
    border-radius: 100%;
    position: relative;
  }
  .author-wrap {
      border-radius: 2px;
      border-top:5px solid #e00000;
        border-left: 1px solid #e9e9e9;
      border-right: 1px solid #e9e9e9;
      border-bottom: 1px solid #e9e9e9;
  }
  @media (min-width:768px) {
      .author-wrap {
          border-radius: 2px;
          border-top:5px solid #e00000;
          border-left: 1px solid #e9e9e9;
          border-right: 1px solid #e9e9e9;
          border-bottom: 1px solid #e9e9e9;
          min-height: 100%;
      }
  }
  .bg-transparent{background-color:transparent}
  .bg-dual-img-cover {
      background-image: url("../images/pattern-bg-1.jpg");
      background-size: cover;
      background-repeat: repeat-x;
  }
  .bar-graph{
	max-width: 768px;
	width: 100%;
	height: auto;
  }

.red-bullet{color:#e00000;
	font-size:24px;
 }


<style>

            .h2-blog-thumbnail {
                line-height: 1.3;
                font-size: 20px;
            }

            .img-zoom img {
                transition: transform .5s ease;
            }

            .blog-landing-thumbnail lazy {
                height: 215px;
                width: 100%;
                object-fit: cover;
                padding: 0;
                border: 1px solid #efefef;
            }

            .img-zoom {
                border-radius: 5px;
                overflow: hidden;
                margin: 4%;
            }

            .img-zoom img {
                transition: transform .5s ease
            }

            a.img-zoom img:hover {
                transform: scale(1.5)
            }

            .border-radious-5px {
                border-radius: 5px;
            }



            .blog-read-more-trigger {
                cursor: pointer;
                padding: 0.5%;
                color: #000000;
                font-size: 16px;
                line-height: 2;
                border: 2px solid #000000;
                border-radius: 7px;
                width: 100%;
                max-width: 175px;
                text-align: center;
                display: block;
                margin-left: auto;
                margin-right: auto;
                background-color: #ffffff;
                z-index: +9999999999;
            }

            .blog-read-more-trigger:hover {
                color: #e00000;
                transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            }

            .img-zoom {
                border-radius: 5px;
                overflow: hidden;
                margin: 4%;
            }

            .blog-load-more-trigger {
                cursor: pointer;
                padding: 0.3%;
                color: #000000;
                font-size: 16px;
                line-height: 2;
                border: 1px solid #777777;
                border-radius: 7px;
                width: 100%;
                max-width: 175px;
                text-align: center;
                display: block;
                margin-left: auto;
                margin-right: auto;
                background-color: #ffffff;
                z-index: +9999999999;
                text-decoration: none;
                display: inline-block;
            }

            .blog-load-more-trigger:hover {
                color: #e00000;
                text-decoration: none;
                background-color: #ffffff;
                transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            }

            .load-item {
                display: none;
                margin-top: 3%
            }


			.tag-container {
                display: flex;
                flex-wrap: wrap;
            }

            /** sample 1 **/
            a.tag-sm {
                color: #000000;
                text-decoration: none;
                padding: 0.3rem 1.2rem;
                white-space: nowrap;
                font-weight: normal;
                margin: .25rem;
                height: 100%;
                display: inline-block;
                background-color: #fff;
                border-radius: 30px;
                border: 1px solid #cecece;
                font-size: 13px;
            }

            a.tag-sm:hover {
                background-color: #e8e8e8;
                border: 1px solid #dfdfdf;
                cursor: pointer;
                -webkit-transition: all .2s;
                -moz-transition: all .2s;
                transition: all .2s;
            }

			</style>
<?php 
include('../../../partials/sticky-nav.php');
include('../../../new-footer.php'); ?>
<style>
	.navbar-one {
  overflow: hidden;
  border-bottom: 2px solid #000;
}

.navbar-one a {
  float: left;
  font-size: 14px;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
}
.navbar-one .category-text {
  float: left;
  font-size: 14px;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-weight: normal;
}
.subnav {
  float: left;
  overflow: hidden;
}

.subnav .subnavbtn {
  font-size: 14px;  
  border: none;
  outline: none;
  color: #000000;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  cursor: pointer;
  font-weight: bold;
  position: relative;
}
\
.navbar-one a:hover, .subnav:hover .subnavbtn {
  background-color: transparent;
      font-weight: bold;
      color:#e00000;
}

.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  max-width: 100%;
  z-index: 1;
  padding: 20px;
  /**margin-top: 2px;**/
  background-color: #f8f8f8;
  border-radius: 0 0 15px 15px;
  border:2px solid #000000;
  box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.2);
}

.subnav-content a {
  float: left;
  color: #000000;
  text-decoration: none;
    font-weight: normal;
    line-height: 0.8;
     font-weight: bold;

}

.subnav-content a:hover {
  background-color: transparent;
  color: #e00000;
  text-decoration: underline;
    font-weight: bold;
}

.subnav:hover .subnav-content {
  display: block;
    font-weight: normal;
}
.blog-landing-banner-bg {
	background-image: url("<?php echo $site_url; ?>/images/pattern-bg-1.jpg");
  background-size: 100% 140%;
  background-repeat: repeat-x;
  background-position: center -40%;
}
@media (min-width: 768px) {
  .sticky-footer {
    display: block;
  }

}
.featured-widget-img-fluid {
  width: 100%;
 border-radius: 15px 15px 0px 0px;
  height: 300px;
  max-width:100%;
  object-fit: cover;

}
.featured-container {
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  box-shadow: 0px 80px 50px -30px rgba(0, 0, 0, 0.15);
    border: 1px solid #eaeaea;
}

@media (min-width: 991px) {

    .featured-widget-img-fluid {
    position: absolute;
    left: 0;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
    width: 65%;

  }

.featured-container {
border-radius: 15px;
    box-shadow: 0 60px 80px rgba(0,0,0,0.30), 0 45px 26px rgba(0,0,0,0.14);
    border: 0px;
    min-width: 550px;
    max-width: 650px;
    z-index: 1;
    margin-top: 70px;
    margin-bottom: 70px;
    background-color: #fff;
}
}
h2.featured-tag {font-size: 20px;
  font-weight: blod;}

  .blog-bg-dual-img {
  background-color: #fff;
  background-image: url("//m.onitakain.com/images/blog-bg.png");
  background-size: cover;

}
 @media (min-width: 768px) {
  .blog-bg-dual-img {
  background-color: #fff;
  background-image: url("//m.onitakain.com/images/blog-bg.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
}
.blog-small-text-muted {
  font-size: 15px;
}
.blog-small-text-muted {
	font-size: 15px;
}
.blog-small-text-muted:not(:first-child){
 margin-left:20px;
 position:relative
}
.blog-small-text-muted:not(:first-child):before{
	color: #e00000;
  content: "\2022";
  font-size: 20px;
  left: -12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.h2-blog-thumbnail {
  line-height: 1.3;
  font-size: 20px;
}
.img-zoom img {
  transition: transform .5s ease;
}
.blog-landing-thumbnail {
  height: 215px;
  width: 100%;
  object-fit: cover;
  padding: 0;
  border:1px solid #efefef;
}
.img-zoom {
border-radius: 5px;
  overflow: hidden;
  margin: 4%;
}
.img-zoom img {
 transition:transform .5s ease
}
a.img-zoom img:hover {
 transform:scale(1.5)
}
.border-radious-5px {border-radius: 5px;}

.second-contatiner{
background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 7px;
}

.blog-card-text{
	color:#000;

}

.blog-landing-thumbnail-sm {
	width: 100%;
  min-height: 200px;
  height: 100%;
  border-radius: 7px;
  object-fit: cover;
}
.blog-read-more-trigger {
  cursor: pointer;
  padding: 0.5%;
  color: #000000;
  font-size: 16px;
  line-height: 2;
  border: 2px solid #000000;
  border-radius: 7px;
  width: 100%;
	max-width: 175px;
	text-align: center;
  display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	z-index: +9999999999;
}
.blog-read-more-trigger:hover{ 
	color:#e00000; 
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 
}

.img-zoom {
  border-radius: 5px;

  overflow: hidden;

  margin: 4%;

}
.blog-load-more-trigger {
	cursor: pointer;
  padding: 0.3%;
  color: #000000;
  font-size: 16px;
  line-height: 2;
  border: 1px solid #777777;
  border-radius: 7px;
  width: 100%;
  max-width: 175px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  z-index: +9999999999;
  text-decoration: none;
    display:inline-block;
}
.blog-load-more-trigger:hover {
  color: #e00000;
    text-decoration: none;
    background-color: #ffffff;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.load-item{
  display:none;
  margin-top:3%
}
.most-popular{
  margin-top:3%
}
 @media (min-width: 992px) {
.load-item:nth-child(3n+1) {
  margin-bottom: 1px;
  padding-right:0 !important;
}
.load-item:nth-child(3n-1) {
  margin-bottom: 1px;
   padding-left:0 !important;
}
}
   .load-item:nth-child(-n+4) {
  /*margin-top:0 */
}
.stack-tab-container i {
  cursor: pointer;
  pointer-events: auto;
}


.blog-banner-caption h1 {
	font-size: 30px;
	line-height: 33px;
	color: #000;
	font-weight: 600;
	font-family: Montserrat, sans-serif;
	margin-top: 0
}
.blog-banner-caption h2 {
	font-size: 1.3rem;
	color: #000;
	font-family: Montserrat, sans-serif;
	font-weight: 400;
	text-align: left
}

@media (max-width:575px) {
	.blog-banner-caption h1 {
		font-size: 2rem !important;
		margin-bottom: .8rem !important;
		line-height: 38px;
	}
}

@media (min-width:576px) and (max-width:991px) {
	.blog-banner-caption h1 {
		font-size: 55px;
		line-height: 65px;
		color: #000;
		font-weight: 600;
		font-family: Montserrat, sans-serif;
		margin-top: 0
	}
	.blog-banner-caption h2 {
		font-size: 2rem;
		color: #000;
		font-family: Montserrat, sans-serif;
		font-weight: 400
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.blog-banner-caption h1 {
		font-size: 3.1rem;
		text-align: left;
		line-height: 3.3rem
	}
	.blog-banner-caption h2 {
		font-size: 2rem;
		color: #000;
		font-family: Montserrat, sans-serif;
		font-weight: 400;
		text-align: left
	}
}
@media (min-width:1200px) {
	.blog-banner-caption h1 {
		font-size: 3.25rem!important;
		color: #000;
		font-weight: 600;
		font-family: Montserrat, sans-serif;
		line-height: 1.2!important;
		text-align: left
	}
	.blog-banner-caption h2 {
		font-size: 1.65rem!important;
		color: #000!important;
		font-family: Montserrat, sans-serif;
		font-weight: 400;
		text-align: left
	}
	.blog-banner-caption {
		text-align: left
	}
}
#landing-tab ~ .tab-bar {
	display: none;
}
.tag-container{
	display: flex;
  flex-wrap: wrap;
}
/** sample 1 **/
a.tag-sm {
  color: #000000;
    text-decoration: none;
    padding: 0.3rem 1.2rem;
    white-space: nowrap;
    font-weight: normal;
    margin: .25rem;
    height: 100%;
    display: inline-block;
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid #cecece;
    font-size: 13px;
}
a.tag-sm:hover{
background-color: #e8e8e8;
 border: 1px solid #dfdfdf;
 cursor: pointer;
 -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
/** sample 2 **/
a.tag-sm1 {
  font-size: 12px;
  font-weight: normal;
  border-radius: 50px;
  border: 1px solid #dfdfdf;
}
a.tag-sm1:hover{
background-color: #f8f8f8;
 border: 1px solid #dfdfdf;
 cursor: pointer;
 -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
/** sample 3 **/
a.tag-sm2 {
  font-size: 12px;
  font-weight: normal;
  border-radius: 5px;
  border: 1px solid #ffffff;
}
a.tag-sm2:hover{
background-color: #e8e8e8;
 border: 1px solid #dfdfdf;
 cursor: pointer;
 -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
.navbar-one {
  overflow: hidden;
  border-bottom: 2px solid #000;
}

.navbar-one a {
  float: left;
  font-size: 14px;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
}
.navbar-one .category-text {
  float: left;
  font-size: 14px;
  color: #000000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-weight: normal;
}
.subnav {
  float: left;
  overflow: hidden;
}

.subnav .subnavbtn {
  font-size: 14px;  
  border: none;
  outline: none;
  color: #000000;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  cursor: pointer;
  font-weight: bold;
  position: relative;
}
\
.navbar-one a:hover, .subnav:hover .subnavbtn {
  background-color: transparent;
      font-weight: bold;
      color:#e00000;
}

.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  max-width: 100%;
  z-index: 1;
  padding: 20px;
  /**margin-top: 2px;**/
  background-color: #f8f8f8;
  border-radius: 0 0 15px 15px;
  border:2px solid #000000;
  box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.2);
}

.subnav-content a {
  float: left;
  color: #000000;
  text-decoration: none;
    font-weight: normal;
    line-height: 0.8;
     font-weight: bold;

}

.subnav-content a:hover {
  background-color: transparent;
  color: #e00000;
  text-decoration: underline;
    font-weight: bold;
}

.subnav:hover .subnav-content {
  display: block;
    font-weight: normal;
}
.blog-landing-banner-bg {
	background-image: url("<?php echo $site_url; ?>/images/pattern-bg-1.jpg");
  background-size: 100% 140%;
  background-repeat: repeat-x;
  background-position: center -40%;
}
@media (min-width: 768px) {
  .sticky-footer {
    display: block;
  }

}
.featured-widget-img-fluid {
  width: 100%;
 border-radius: 15px 15px 0px 0px;
  height: 300px;
  max-width:100%;
  object-fit: cover;

}
.featured-container {
  background-color: #fff;
  border-radius: 0px 0px 15px 15px;
  box-shadow: 0px 80px 50px -30px rgba(0, 0, 0, 0.15);
    border: 1px solid #eaeaea;
}

@media (min-width: 991px) {

    .featured-widget-img-fluid {
    position: absolute;
    left: 0;
    height: 100%;
    object-fit: cover;
    border-radius: 25px;
    width: 65%;

  }

.featured-container {
border-radius: 15px;
    box-shadow: 0 60px 80px rgba(0,0,0,0.30), 0 45px 26px rgba(0,0,0,0.14);
    border: 0px;
    min-width: 550px;
    max-width: 650px;
    z-index: 1;
    margin-top: 70px;
    margin-bottom: 70px;
    background-color: #fff;
}
}
h2.featured-tag {font-size: 20px;
  font-weight: blod;}

  .blog-bg-dual-img {
  background-color: #fff;
  background-image: url("//m.onitakain.com/images/blog-bg.png");
  background-size: cover;

}
 @media (min-width: 768px) {
  .blog-bg-dual-img {
  background-color: #fff;
  background-image: url("//m.onitakain.com/images/blog-bg.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
}
.blog-small-text-muted {
  font-size: 15px;
}
.blog-small-text-muted {
	font-size: 15px;
}
.blog-small-text-muted:not(:first-child){
 margin-left:20px;
 position:relative
}
.blog-small-text-muted:not(:first-child):before{
	color: #e00000;
  content: "\2022";
  font-size: 20px;
  left: -12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.h2-blog-thumbnail {
  line-height: 1.3;
  font-size: 20px;
}
.img-zoom img {
  transition: transform .5s ease;
}
.blog-landing-thumbnail {
  height: 215px;
  width: 100%;
  object-fit: cover;
  padding: 0;
  border:1px solid #efefef;
}
.img-zoom {
border-radius: 5px;
  overflow: hidden;
  margin: 4%;
}
.img-zoom img {
 transition:transform .5s ease
}
a.img-zoom img:hover {
 transform:scale(1.5)
}
.border-radious-5px {border-radius: 5px;}

.second-contatiner{
background-color: #fff;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 7px;
}

.blog-card-text{
	color:#000;

}

.blog-landing-thumbnail-sm {
	width: 100%;
  min-height: 200px;
  height: 100%;
  border-radius: 7px;
  object-fit: cover;
}
.blog-read-more-trigger {
  cursor: pointer;
  padding: 0.5%;
  color: #000000;
  font-size: 16px;
  line-height: 2;
  border: 2px solid #000000;
  border-radius: 7px;
  width: 100%;
	max-width: 175px;
	text-align: center;
  display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	z-index: +9999999999;
}
.blog-read-more-trigger:hover{ 
	color:#e00000; 
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; 
}

.img-zoom {
  border-radius: 5px;

  overflow: hidden;

  margin: 4%;

}
.blog-load-more-trigger {
	cursor: pointer;
  padding: 0.3%;
  color: #000000;
  font-size: 16px;
  line-height: 2;
  border: 1px solid #777777;
  border-radius: 7px;
  width: 100%;
  max-width: 175px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  z-index: +9999999999;
  text-decoration: none;
    display:inline-block;
}
.blog-load-more-trigger:hover {
  color: #e00000;
    text-decoration: none;
    background-color: #ffffff;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.load-item{
  display:none;
  margin-top:3%
}
.most-popular{
  margin-top:3%
}
 @media (min-width: 992px) {
.load-item:nth-child(3n+1) {
  margin-bottom: 1px;
  padding-right:0 !important;
}
.load-item:nth-child(3n-1) {
  margin-bottom: 1px;
   padding-left:0 !important;
}
}
   .load-item:nth-child(-n+4) {
  /*margin-top:0 */
}
.stack-tab-container i {
  cursor: pointer;
  pointer-events: auto;
}


.blog-banner-caption h1 {
	font-size: 30px;
	line-height: 33px;
	color: #000;
	font-weight: 600;
	font-family: Montserrat, sans-serif;
	margin-top: 0
}
.blog-banner-caption h2 {
	font-size: 1.3rem;
	color: #000;
	font-family: Montserrat, sans-serif;
	font-weight: 400;
	text-align: left
}

@media (max-width:575px) {
	.blog-banner-caption h1 {
		font-size: 2rem !important;
		margin-bottom: .8rem !important;
		line-height: 38px;
	}
}

@media (min-width:576px) and (max-width:991px) {
	.blog-banner-caption h1 {
		font-size: 55px;
		line-height: 65px;
		color: #000;
		font-weight: 600;
		font-family: Montserrat, sans-serif;
		margin-top: 0
	}
	.blog-banner-caption h2 {
		font-size: 2rem;
		color: #000;
		font-family: Montserrat, sans-serif;
		font-weight: 400
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.blog-banner-caption h1 {
		font-size: 3.1rem;
		text-align: left;
		line-height: 3.3rem
	}
	.blog-banner-caption h2 {
		font-size: 2rem;
		color: #000;
		font-family: Montserrat, sans-serif;
		font-weight: 400;
		text-align: left
	}
}
@media (min-width:1200px) {
	.blog-banner-caption h1 {
		font-size: 3.25rem!important;
		color: #000;
		font-weight: 600;
		font-family: Montserrat, sans-serif;
		line-height: 1.2!important;
		text-align: left
	}
	.blog-banner-caption h2 {
		font-size: 1.65rem!important;
		color: #000!important;
		font-family: Montserrat, sans-serif;
		font-weight: 400;
		text-align: left
	}
	.blog-banner-caption {
		text-align: left
	}
}
#landing-tab ~ .tab-bar {
	display: none;
}
.tag-container{
	display: flex;
  flex-wrap: wrap;
}
/** sample 1 **/
a.tag-sm {
  color: #000000;
    text-decoration: none;
    padding: 0.3rem 1.2rem;
    white-space: nowrap;
    font-weight: normal;
    margin: .25rem;
    height: 100%;
    display: inline-block;
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid #cecece;
    font-size: 13px;
}
a.tag-sm:hover{
background-color: #e8e8e8;
 border: 1px solid #dfdfdf;
 cursor: pointer;
 -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
/** sample 2 **/
a.tag-sm1 {
  font-size: 12px;
  font-weight: normal;
  border-radius: 50px;
  border: 1px solid #dfdfdf;
}
a.tag-sm1:hover{
background-color: #f8f8f8;
 border: 1px solid #dfdfdf;
 cursor: pointer;
 -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
/** sample 3 **/
a.tag-sm2 {
  font-size: 12px;
  font-weight: normal;
  border-radius: 5px;
  border: 1px solid #ffffff;
}
a.tag-sm2:hover{
background-color: #e8e8e8;
 border: 1px solid #dfdfdf;
 cursor: pointer;
 -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}

/**broker advice-2025-05**/
	.borker-blockquote {
		width: 94%;
		margin:0 auto;
		display: block;
	  }

	  .borker-blockquote p.borker-blockquote-advice::before{
	  content: "“";
		font-size: 40px;
		margin:-17px 0 0 -20px;
		position: absolute;
	  }
	  .borker-blockquote .borker-blockquote-advice::after {
	  content: "”";
	  margin:-10px 0 0 8px;
		font-size: 40px;
		position: absolute;
	  }
	  .broker-cite{font-size: 16px;font-style: normal;}
	  .broker-profile-img {width:30px; height:30px; border-radius: 40px; border:1px solid #777777}
      @media (min-width: 376px) {
      .broker-profile-img {width:50px; height:50px; border-radius: 50px; border:1px solid #777777}
      }
	  .expert-advice-container{
		font-size: 16px;
		color: #000;
		line-height: 1.6;
		text-align: left;
		border: 1px solid #ccc;
		border-radius: 10px;
	  }
	  .advice-box{
		position: relative;
	
	}
	.agaent-help-info .phone-icon.phone-num {
		line-height: 1.7;
		font-size: 1rem;
		font-weight:bold;
	  }
	@media (min-width: 375px) {
		.agaent-help-info .phone-icon.phone-num {
		  line-height: 1.5;
		  font-size: 1.4rem;
		  font-weight:bold;
		}
	  }

	/**end broker advice-2025-05**/
/**broker tip 2025-05**/
.broker-tip-box {
	background-color: #fff6f6;
	border-radius:7px;
	border:1px solid #ffe4e4;
  }
.borker-top-hr{border-top: 1px solid #ffbfbf;}
h3.tip-icon::before {
	content:  url(../images/svg/tip-icon.svg);
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-top: -8px;
  }
  .text-small{font-size:14px; color:#666666}
  .borker-linkedin-icon{width:auto; height:24px}
/**broker tip 2025-05**/
.sm-imgage{
	max-width: 250px;
   	width: 101%;
	border-radius: 7px;
	height: auto;
	border: 1px solid #d1d1d1;
}
.diamond-icon{
	content: url('../images/svg/diamond-icon.svg');
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
}
.double-diamond-icon{
	content: url('../images/svg/double-diamond-icon.svg');
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 10px;
}
.triple-diamond-icon{
	content: url('../images/svg/triple-diamond-icon.svg');
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 10px;
}
.quadruple-diamond-icon {
	content: url('../images/svg/quadruple-diamond-icon.svg');
	display: inline-block;
	vertical-align: middle;
	width: 29px;
	height: 10px;
}
/** car insurance quotes.php how to css **/
.step-c-type .stepNo-icon{max-width: 90px; width:100%}
.step-c-type-container {
	padding:10px 30px 30px 30px;
  background-color: #ffffff;
  border-radius:10px;
  border:1px solid #b9b9b9;
  height: 100%;
  margin:0 -10px;
}
.step-c-type-container.last-child{border:2px solid #777777;background-color: #f8f8f8;}
.step-c-type-container.last-child:after {
      content: url("");
}
.step-c-type-container:after{
  content: url('../images/svg/how-to-arrow-mobile.svg');
	display: inline-block;
	width: 50px;
	height: 20px;
	position: absolute;
	z-index: +9;
   bottom: 0px;
	left: 50%;
  transform: translate(-50%, 0);
}
.bg-half-gradiant{

	background: linear-gradient(to bottom,  #ffffff 1%,#ffffff 59%,#d9d9d9 59%, #d9d9d9 100%);
	
	}
	@media (min-width:991px) {
	.step-c-type-container:after{
	  content: url("../images/svg/how-to-arrow-3.svg");
		display: inline-block;
	  width: 50px;
		height: 20px;
		position: absolute;
		left: -4%;
		transform: translate(0, 0);
		z-index: +9;
		top: 40%;
	}
	.step-c-type-container.last-child:after {
	display: block;
	  content: url('../images/svg/how-to-arrow-3.svg');
	}
	.step-c-type-container.first-child:after {
		  content: url("");
	
	}
	.bg-half-gradiant{
	
	background: linear-gradient(to bottom, #ffffff 1%, #ffffff 55%, #d9d9d9 55%, #d9d9d9 100%);
	
	}
	}

/** End car insurance quotes.php how to css **/
.d-inline-table{display:inline-table}
.float-img-xs {
	padding: 20px 0;
	float: none;
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block
}
  @media (min-width:768px) {

	.float-img-xs {
		padding: 20px;
		float: right;
		max-width: 280px;
		width: 100%;
		height: auto;
		display: block;
	}
}
.underline {
	text-decoration: underline;
	
}