/**
 * BLOCK: Global Styles
 */

.text-right,
.alignright {
	text-align: right;
}

.text-left,
.alignleft {
	text-align: left;
}

.text-center,
.aligncenter {
	text-align: center;
}

.ci-block {
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.ci-block:not(:last-child) {
	margin-bottom: 40px;
}

/* .wp-block-uagb-section .ci-block {
	margin-bottom: 0;
	margin-top: 0;
} */

.ci-block:after,
.ci-block:before {
	content: '';
	clear: both;
	display: table;
}

.ci-preview-only {
	display: none;
}

.custom_scrollbar {
	overflow-x: hidden;
}

.custom_scrollbar::-webkit-scrollbar-track {
	background-color: #cfd6da;
}

.custom_scrollbar::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	border-radius: 5px;
	background-color: #cfd6da;
	border-left: 2px dashed #555;
}

.custom_scrollbar::-webkit-scrollbar-thumb {
	background-color: #000;
	box-shadow: 0 0 0 3px #fff;
	border-radius: 5px;
	margin-left: -2px;
	margin-right: -2px;
}

.light_color,
.light_color * {
	color: #fff !important;
}

/*------------------------------------*\
	BLOCK: Insurance Forms
\*------------------------------------*/
input.hidden_field {
	height: 0px !important;
	visibility: hidden !important;
	opacity: 0 !important;
	position: absolute;
}

.insurance_wizard {
	margin: 40px auto;
	position: relative;
}

.style_boxed .insurance_wizard {
	max-width: 680px;
	padding: 40px;
	border: 1px solid #d0dce2;
	box-sizing: border-box;
}

.insurance_wizard .content,
.insurance_wizard .actions {
	max-width: 600px;
	margin: 0 auto;
}

.insurance_wizard .content section {
	padding-top: 30px;
	text-align: center;
}

.insurance_wizard .content section .uk-form-control {
	text-align: left;
}

.insurance_wizard .uk-select {
	max-width: 100%;
}

.insurance_wizard label.error {
	position: absolute;
	top: calc(100% - 10px);
	right: 10px;
	left: auto;
	width: auto;
	font-size: 15px;
	padding: 0 5px;
	color: #E91E63;
	background: #fff;
	z-index: 2;
	line-height: 1;
}

.insurance_wizard a:hover {
	text-decoration: none;
}

#wizard_brand_picker {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 40px -5px;
	padding: 0;
	overflow: auto;
}

#wizard_brand_picker li {
	width: calc(20% - 31px);
	margin: 0 5px 10px;
	padding: 10px;
	text-align: center;
	background: #eef1f3;
	border-radius: 5px;
	cursor: pointer;
	box-shadow: 0 0 0 rgb(0 0 0 / 0%);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

#wizard_brand_picker li:hover,
#wizard_brand_picker li.picked {
	background: #ced9de;
	box-shadow: 0 5px 20px #dadee0;
}

#wizard_brand_picker li h6 {
	margin: 20px 0 0;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	color: #495256;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

#wizard_brand_picker li:hover h6,
#wizard_brand_picker li.picked h6 {
	color: #000;
}

.insurance_wizard #car_brand_label {
}

.insurance_wizard .title {
	display: none;
}

.insurance_wizard .steps ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}

.insurance_wizard .steps ul li {
	position: relative;
	width: 85px;
	text-align: center;
}

.insurance_wizard .steps ul li:not(:first-child) {
	margin-left: 30px;
}

.insurance_wizard .steps ul li a {
	font-family: var(--font-headings);
	font-size: 17px;
	font-weight: 500;
	color: #acb4b7;
}

.insurance_wizard .steps ul li.current a {
	color: var(--color-buttons-main);
}

.insurance_wizard .steps ul li .number {
	display: block;
	position: relative;
	width: 34px;
	height: 34px;
	line-height: 32px;
	border: 2px solid;
	border-radius: 100%;
	margin: 0 auto 15px;
}

.insurance_wizard .steps ul li:not(:last-child):after {
	content: '';
	position: absolute;
	top: 20px;
	left: 80%;
	display: inline-block;
	width: 75%;
	height: 1px;
	background: #d3dbde;
}

.insurance_wizard .actions {
	width: 100%;
}

.insurance_wizard .actions ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.insurance_wizard .actions ul li:not(:first-child) {
	margin-left: auto;
}

.insurance_wizard .actions ul li a {
	display: block;
	padding: 5px;
	padding-left: 25px;
	color: #fff;
	background: var(--color-buttons-main);
	border-radius: 25px;
}

.insurance_wizard .actions ul li:first-child a {
	padding: 5px;
	color: #949da0;
	background: transparent;
	border: 1px solid;
}

.insurance_wizard .steps ul li:focus,
.insurance_wizard .steps ul li a:focus {
	outline: none;
}

.insurance_wizard .steps ul li.done .number {
	font-size: 0;
	line-height: 30px;
	color: #fff;
	background: var(--color-buttons-main);
}

.insurance_wizard .steps ul li.done a {
	color: var(--color-buttons-main);
}

.insurance_wizard .steps ul li.done .number:before {
	content: 'L';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-family: 'Arial', sans-serif;
	font-size: 18px;
	-ms-transform: scaleX(-1) rotate(-37deg);
	-webkit-transform: scaleX(-1) rotate(-35deg);
	transform: scaleX(-1) rotate(-37deg);
}

#car_value_picker {
	margin: 35px 0 0;
	box-shadow: none;
	background: #c6ccd0;
	border: none;
	border-radius: 10px;
	height: 10px;
}

#car_value_picker .noUi-handle {
	width: 30px;
	height: 30px;
	top: -10px;
	right: -15px;
	border-radius: 100%;
	outline: none;
	border-color: #9da5ab;
}

#car_value_picker .noUi-handle:before,
#car_value_picker .noUi-handle:after {
	display: none;
}

#insurance_types {
	margin: 0;
	padding: 0;
	list-style: none;
}

.limited_height {
	max-height: 420px !important;
	overflow: auto;
}

.ci_picker_style {
	position: relative;
	display: block;
	color: #111;
	border: 1px solid #b0b9c1;
	border-radius: 5px;
	padding: 10px;
	margin: 0 0 20px;
	cursor: pointer;
	max-width: calc(100% - 10px);
}

.ci_picker_style .uk-icon {
	margin-right: 15px;
}

.ci_picker_style h3 {
	margin: 0;
}

.ci_picker_style svg {
	color: #b0b9c1;
}

.ci_picker_style,
.ci_picker_style svg {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.ci_picker_style:hover,
.ci_picker_style:hover svg,
.ci_picker_style.picked,
.ci_picker_style.picked svg {
	color: #111;
	background: #e7edef;
}

#insurance_wizard .steps {
    display: none;
}

#progress_tracker {
    position: relative;
    height: 50px;
}

#progress_tracker .progress_counter {
    position: absolute;
    top: 20px;
    left: 0;
    margin-left: -15px;
    line-height: 30px;
    font-size: 17px;
    font-weight: 500;
    color: #99a2a9;
    -webkit-transition: left .4s linear;
    -moz-transition: left .4s linear;
    -ms-transition: left .4s linear;
    -o-transition: left .4s linear;
    transition: left .4s linear;
}

#progress_tracker .progress_counter .progress_number {
	display: inline-block;
	height: 30px;
	width: 30px;
	margin-right: 5px;
	color: #fff;
	background: #01d39a;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-radius: 100%;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	letter-spacing: -.5px;
	vertical-align: bottom;
}

#progress_tracker .progress_counter.completed,
#progress_tracker .progress_counter.completed .progress_number {
    font-size: 0;
}

#progress_tracker .progress_counter.completed .progress_number:after {
    content: 'L';
    display: inline-block;
    font-family: 'Arial', sans-serif;
    font-size: 18px;
	-ms-transform: scaleX(-1) rotate(-37deg);
	-webkit-transform: scaleX(-1) rotate(-35deg);
	transform: scaleX(-1) rotate(-37deg);
}

#wizard_progress {
    max-width: 600px;
    margin: 0 auto;
    height: 10px;
}

#wizard_progress::-o-progress-value {
	background-color: #01d39a;
}
#wizard_progress::-moz-progress-value {
	background-color: #01d39a;
}
#wizard_progress::-webkit-progress-value {
	background-color: #01d39a;
}

#wizard_progress::-o-progress-bar {
	background-color: #e5e9ec;
}
#wizard_progress::-moz-progress-bar {
	background-color: #e5e9ec;
}
#wizard_progress::-webkit-progress-bar {
	background-color: #e5e9ec;
}

#insurance_wizard .gform_wrapper {
    display: none;
}

.pickers_holder {
    margin: 0;
    padding: 0;
    list-style: none;
}

.insurance_wizard .actions ul li:not(:first-child) a {
	box-shadow: 0 0 0 0 rgb(0 167 113);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 167, 113, 0.7);
	}

	70% {
		box-shadow: 0 0 0 10px rgba(0, 167, 113, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(0, 167, 113, 0);
	}
}

/*------------------------------------*\
	BLOCK: Pros / Cons
\*------------------------------------*/
.ci-block .ci-pros,
.ci-block .ci-cons {
	height: 100%;
}

.ci-block .ci-pros {
	background: #d2e8d8;
	color: #111;
}

.ci-block .ci-cons {
	background: #ecf0f1;
}

.ci-block .ci-pros h4,
.ci-block .ci-cons h4 {
	font-size: 24px;
	margin: 0;
	padding: 20px 30px;
}

.ci-block .ci-pros h4 {
	border-bottom: 1px solid #9fadab;
}

.ci-block .ci-pros h4 i,
.ci-block .ci-cons h4 i {
	position: relative;
	margin-right: 15px;
	top: -2px;
}

.ci-block .ci-cons h4 {
	border-bottom: 1px solid #c6d2d0;
}

.ci-block .ci-cons h4 i {
	color: #484f52;
}

.ci-block .pros-cons-content {
	padding: 30px;
	font-size: 18px;
}

.ci-block .ci-pros .pros-cons-content {
    /* background: #b8dad6; */;
}

.ci-block .pros-cons-content p {
	position: relative;
	margin-top: 0;
	padding-left: 35px;
	margin-bottom: 10px;
	color: #111;
}

.ci-block .pros-cons-content p:before {
	content: '+';
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	font-size: 30px;
	font-weight: 300;
	line-height: 1;
}

.ci-block .ci-pros .pros-cons-content p:before {
	color: #484f52;
}

.ci-block .ci-cons .pros-cons-content p:before {
	content: '-';
	color: #484f52;
}

.ci-block .pros-cons-content p:last-child {
	margin-bottom: 0;
}


/*------------------------------------*\
	BLOCK: Call to action
\*------------------------------------*/
.ci-block.ci-cta .row {
	align-items: center;
}

.ci-cta .ci-cta-text h4 {
	font-size: 22px;
	margin: 0 0 20px;
}

.ci-cta .ci-cta-text h4 svg {
	margin-right: 20px;
    margin-bottom: -3px;
    width: 30px;
    height: 30px;
    vertical-align: text-bottom;
    border-radius: 100%;
    padding: 5px;
    color: #fff;
    background: #01d39a;
}

.ci-cta .ci-cta-text p {
	margin: 0;
}

.ci-cta.layout_2 .wp-block-button.ci-cta-button,
.ci-cta.layout_3 .wp-block-button.ci-cta-button{
    margin-top: 25px;
}

.ci-cta.layout_1 .ci-cta-button {
	text-align: right;
}

.ci-cta.layout_3 .ci-cta-text,
.ci-cta.layout_3 .ci-cta-button {
	text-align: center;
}

.ci-cta.style_cta_2,
.ci-cta.style_cta_3,
.ci-cta.style_cta_4 {
	padding: 30px;
}

.ci-cta.style_cta_2 {
	border: 2px solid #222;
}

.ci-cta.style_cta_3 {
	background: #222;
}

.ci-cta.style_cta_3,
.ci-cta.style_cta_3 p,
.ci-cta.style_cta_3 h2,
.ci-cta.style_cta_3 h3,
.ci-cta.style_cta_3 h4,
.ci-cta.style_cta_3 h5,
.ci-cta.style_cta_3 h6 {
	color: #fff;
}

.ci-cta.style_cta_4 {
	background: #ffffff;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
}


/*------------------------------------*\
	BLOCK: Animated Text
\*------------------------------------*/
.ci-typed h1,
.ci-typed h2,
.ci-typed h3,
.ci-typed h4,
.ci-typed h5,
.ci-typed h6 {
	margin: 0 0 20px;
}

.ci-typed.new_line .ci-typed-before,
.ci-typed.new_line .ci-typed-after {
	display: block;
}

/*------------------------------------*\
	BLOCK: Double Text
\*------------------------------------*/
.ci-double-text > * {
	margin: 0;
}

/*------------------------------------*\
	BLOCK: Companies List
\*------------------------------------*/
.ci-company-item {
	position: relative;
	height: 130px;
	padding: 25px;
	border: 1px solid #dfe5e8;
	margin-bottom: 20px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.ci-company-item:hover {
	border-color: var(--color-buttons-hover);
}

.ci-company-item img {
	max-height: 70px;
}

.ci-company-item .company-title {
	margin: 0;
	font-size: 20px;
}

.ci-company-item .uk-grid {
	height: 100%;
	align-items: center;
}

.ci-company-item .ci-company-actions {
	text-align: center;
	display: inline-flex;
	top: 10px;
}

.ci-company-item .ci-company-sharia > .uk-icon {
	color: #00a771;
	border: 1px solid;
	border-radius: 100%;
	padding: 3px;
}

.ci-company-item .button {
	margin-left: 20px;
}

.ci-company-item .ci-company-sharia .uk-badge {
    font-size: 13px;
    border-radius: 0;
    background: #00a771;
    padding: 0 7px;
}

/*------------------------------------*\
	BLOCK: Companies Logos
\*------------------------------------*/
.ci-companies-logos {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px 20px;
	align-items: center;
}

.ci-companies-logos .ci-company-item {
	display: flex;
	margin: 0 10px;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

.ci-companies-logos.columns_1 .ci-company-item {
	width: width: calc(100% - 20px);
}

.ci-companies-logos.columns_2 .ci-company-item {
	width: calc(50% - 20px);
}

.ci-companies-logos.columns_3 .ci-company-item {
	width: calc(33.33% - 20px);
}

.ci-companies-logos.columns_4 .ci-company-item {
	width: calc(25% - 20px);
}

.ci-companies-logos.columns_5 .ci-company-item {
	width: calc(20% - 20px);
}

.ci-companies-logos.columns_6 .ci-company-item {
	width: calc(16.66% - 20px);
}

.ci-companies-logos.style_background .ci-company-item {
	background: #f4f6f7;
	border: none;
}

.ci-companies-logos.style_background .ci-company-item:hover {
	background: #fff;
	transform: translateY(-2px);
}

.ci-companies-logos .ci-company-sharia > .uk-icon {
	width: 20px;
	height: 20px;
}

/*------------------------------------*\
	BLOCK: Company Box
\*------------------------------------*/
.ci-company-box .ci-company-item {
	height: auto;
	border: none;
	background: #f4f6f7;
	padding: 40px;
}

.ci-company-box.style_horizontal .ci-company-action {
	text-align: right;
}

.ci-company-box .ci-company-item .button {
	visibility: visible;
	opacity: 1;
	margin: 0;
}

.ci-company-box .ci-company-contacts {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ci-company-box .ci-company-contacts li:not(:last-child) {
	margin-bottom: 10px;
}

.ci-company-box .ci-company-contacts .uk-icon {
	margin-right: 10px;
}

.ci-company-item .ci-company-info a,
.ci-company-box .ci-company-contacts {
	font-size: 17px;
	color: #657379;
}


/*------------------------------------*\
	BLOCK: Content Boxes
\*------------------------------------*/
.ci-boxes .ci-boxes-item {
    position: relative;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.ci-boxes.style_1 {
    border: 1px solid #acb5b9;
    padding: 20px 40px;
}

.ci-boxes .uk-grid-divider>:not(.uk-first-column)::before {
	border-color: #acb5b9;
}

.ci-boxes.style_1 .ci-boxes-item {
    padding-bottom: 20px;
    padding-top: 20px;
}

.ci-boxes.style_2 .ci-boxes-item  {
	border: 1px solid #f4f6f7;
    background: #f4f6f7;
    padding: 30px;
}

.ci-boxes.style_3 .ci-boxes-item  {
    border: 1px solid #acb5b9;
    padding: 30px;
}

.ci-boxes .ci-boxes-content {
    margin-bottom: 0;
}

.ci-boxes .ci-boxes-title {
	font-size: 1.5rem;
}

.ci-hover-action > a {
    display: inline-block;
	font-size: 16px;
    font-weight: 500;
    padding: 6px 20px;
    color: #fff;
    background: var(--color-buttons-main);
}

.ci-hover-action > a:hover {
	color: #fff;
	background: var(--color-buttons-hover);
	text-decoration: none;
}

.ci-hover-action {
	opacity: 0;
	visibility: hidden;
	bottom: -20px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

.ci-boxes .ci-boxes-item:hover .ci-hover-action {
    opacity: 1;
	visibility: visible;
	bottom: 0px;
}

.ci-boxes:not(.style_1) .ci-boxes-item:hover {
	background: #fff;
	border-color: var(--color-buttons-main);
}


/*------------------------------------*\
	BLOCK: Image / Text
\*------------------------------------*/
.ci-image-text {
    padding: 40px;
}

.ci-image-text.style_1 {
    border: 1px solid #acb5b9;
}

.ci-image-text.style_2 {
    background: #fff;
}

.ci-image-text.style_3 {
    background: #1e3246;
}

.ci-image-text.style_3 .ci-it-text {
    color: #fff;
}

.ci-image-text .ci-it-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.ci-image-text.layout_3 .uk-grid,
.ci-image-text.layout_4 .uk-grid {
    flex-direction: row-reverse;
}

.ci-it-text *:last-child {
    margin-bottom: 0;
}

.ci-image-text .ci-cta-button {
    margin-top: 20px;
}


/*------------------------------------*\
	Tooltips
\*------------------------------------*/
.uk-tooltip {
    padding: 5px 15px;
    font-size: 14px;
    color: #fff;
    background: #00a771;
}

.insurance_wizard .ci-wizard-title:after,
.uk-tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    display: inline-block;
    margin-top: -10px;
    margin-left: -7.5px;
    width: 15px;
    height: 15px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #00a771;
}

.insurance_wizard .ci-wizard-title:after {
	width: 20px;
	height: 20px;
	margin-top: -10px;
}

.insurance_wizard .ci-wizard-title {
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background: #00a771;
    border-radius: 30px;
    padding: 15px 20px;
    margin: 0 auto 80px;
    max-width: 480px;
    width: auto;
}

.insurance_wizard .ci-wizard-title:before {
    content: url('../img/helper.svg');
    display: inline-block;
    position: absolute;
    top: calc(100% + 20px);
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    margin-right: 20px;
    vertical-align: bottom;
}

.insurance_wizard .ci-consent-text {
    font-size: 16px;
    text-align: center;
}

#sidebar .insurance_wizard .mi-consent-text {
    font-size: 14px;
    line-height: 1.75em;
}

.acf-block-preview #insurance_wizard_form {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.acf-block-preview #insurance_wizard_form .uk-margin-medium {
    text-align: left;
}

.acf-block-preview #insurance_wizard_form section:not(:first-of-type),
.acf-block-preview #insurance_wizard_form h3:not(:first-of-type) {
    display: none;
}


/*------------------------------------*\
	BLOCK: Rank Math FAQs
\*------------------------------------*/
#rank-math-faq .rank-math-list-item {
    padding: 30px;
    margin: 0 0 20px;
    background: #f0f9ff;
}

#rank-math-faq .rank-math-question {
    position: relative;
    font-size: 24px;
    margin: 0;
    padding-left: 30px;
    cursor: pointer;
}

#rank-math-faq .rank-math-answer {
    display: none;
    font-weight: 400;
    color: #4f575a;
    padding-left: 30px;
}

#rank-math-faq .rank-math-answer p {
    margin: 20px 0 0;
}

#rank-math-faq .rank-math-question:before {
    content: '+';
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Arial';
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
}

#rank-math-faq .rank-math-list-item.open .rank-math-question:before {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

#rank-math-faq .rank-math-list-item.open {
	background: #fff;
    box-shadow: 0 5px 10px rgb(0 0 0 / 0.12);
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 0.12);
    -moz-box-shadow: 0 5px 10px rgb(0 0 0 / 0.12);
}

#rank-math-faq .rank-math-list-item,
#rank-math-faq .rank-math-question:before {
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

/*------------------------------------*\
	RESPONSIVE STYLES
\*------------------------------------*/
@media (max-width: 1024px) {
    .ci-image-text {
		padding: 30px;
	}
}

@media (max-width: 992px) {
	.ci-companies-logos .ci-company-item {
		width: calc(25% - 20px) !important;
	}
}

@media (max-width: 768px) {
    .ci-companies-logos .ci-company-item {
		width: calc(33.33% - 20px) !important;
	}
	.ci-company-box .ci-company-item .uk-grid {
		align-items: flex-start;
	}
	.ci-company-box.style_horizontal .ci-company-action {
		text-align: left;
	}
	.ci-companies-list .ci-company-item {
		height: auto;
	}
	.ci-companies-list .ci-company-item .ci-company-actions {
		text-align: left;
	}
	.ci-companies-list .ci-company-item .ci-company-actions .button {
		margin: 15px auto 0;
	}
}

@media (max-width: 640px) {
	.ci-cta.layout_1 .ci-cta-button {
		text-align: left;
	}
	.ci-companies-logos .ci-company-item {
		width: calc(100% - 20px) !important;
	}
	.ci-companies-list .ci-company-item,
	.ci-company-box.style_horizontal .ci-company-action	{
		text-align: center;
	}
	#wizard_brand_picker li {
		width: calc(33.33% - 13px);
	}
	body.quote-page {
		overflow: hidden;
	}
	body.quote-page #primary {
		margin: 0;
	}
	body.quote-page #insurance_wizard_form {
		position: fixed;
		top: 70px;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 0 15px;
		background: #fff;
		z-index: 2;
	}
	body.quote-page.admin-bar form#insurance_wizard_form {
		top: 116px;
	}
	body.quote-page .insurance_wizard {
		margin: 20px 0;
	}
	body.quote-page .insurance_wizard .actions {
		position: fixed;
		top: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 10px 20px;
		background: #fff;
		box-shadow: 0px -20px 20px 15px rgb(255 255 255);
		z-index: 2;
	}
	body.quote-page .insurance_wizard .ci-wizard-title {
		margin: 0;
		margin-left: 60px;
		margin-bottom: 25px;
		font-size: 16px;
		padding: 15px 18px;
	}
	body.quote-page .insurance_wizard .ci-wizard-title:before {
		top: calc(50% - 20px);
		left: -60px;
	}
	body.quote-page .insurance_wizard .ci-wizard-title:after {
		top: 50%;
		left: 3px;
	}
	body.quote-page .insurance_wizard .content section {
		padding-top: 20px;
	}
	body.quote-page .insurance_wizard #progress_tracker .progress_counter {
		top: -10px;
	}
	body.quote-page .insurance_wizard #progress_tracker .progress_counter .progress_number {
		height: 32px;
		width: 32px;
		border: 2px solid #FFF;
	}
	body.quote-page .insurance_wizard #progress_tracker {
		height: 20px;
	}
	body.quote-page #insurance_wizard_form .uk-margin-medium {
		margin-top: 0 !important;
	}
	body.quote-page #insurance_wizard_form .ci_picker_style {
		position: relative;
		font-size: 16px;
		padding: 6px 10px;
	}
	body.quote-page #insurance_wizard_form .limited_height {
		position: relative;
		max-height: calc(100vh - 400px) !important;
	}
	body.quote-page #insurance_wizard_form #wizard_brand_picker {
		margin-top: 20px;
		margin-bottom: 0;
		max-height: calc(100vh - 460px) !important;
	}
	body.quote-page #insurance_wizard_form .insurance_wizard .actions ul {
		height: 100%;
		align-items: center;
	}
	body.quote-page #insurance_wizard_form .ci-wizard-content-holder {
		max-height: calc(100vh - 340px);
		overflow: auto;
		display: block;
		padding: 15px 5px 15px 0;
	}
}