@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');


.desktop {
	font-weight: 200 !important;
}

.header-text p.header-number {
	font-weight: 200 !important;
}

body {
	font-family: montserrat !important;
}
.quote-dropdown select {
	border-radius: 25px !important;
}

.quote-title {
	font-family: montserrat !important;
}

a.need-help {
	font-weight: normal !important;
	padding-left: 30px !important;
	text-decoration: underline !important;
}

a.RegLookup {
	border-radius: 25px !important;
    
}

body {    
	font-family: montserrat !important;

}

.quote-label {
	font-weight: normal !important;
	font-weight: 350 !important;
}

.quote-radio-button-title {
	border-radius: 25px !important ;
	font-family: montserrat !important;
}

.quote-radio-button input:checked + label {
	border-radius: 25px !important;
	font-family: montserrat !important;
}

.quote-text input {
	border-radius: 25px !important;
}

.small-box-label {
	font-family: montserrat !important;
}

.quote-button {
  
	border-radius: 25px !important;
}

.quote-item input:checked + label.quote-radio-button-title:after {
  
	background-image: url(https://webdevtrick.com/demos/checkmark.svg) !important;
	background-repeat: no-repeat !important;
	background-size: 40% !important;
	background-position: 50% 50% !important;
}



.ResultsBox {

	border-radius: 5px !important; 
	cursor: pointer !important;
	min-height: 15.375rem !important;
	padding: 5rem 5rem 5rem 5rem !important;
	box-shadow: 1px 1px 2px 3px #ccc !important;
}

.ResultsBox:hover {
	-webkit-box-shadow: 3px 3px 5px 6px #ccc !important;
	-moz-box-shadow: 3px 3px 5px 6px #ccc !important;
	box-shadow: 2px 2px 4px 5px #ccc !important;
	transition: box-shadow 0.3s ease-in-out !important;
}

#edit-btn {
	border-radius: 25px !important;
}

.quote-button, .c-button-menu, .quote-radio-buttons, .c-checkboxes, .c-radio-select, .c-toggle, .quote-text, .quote-text input, .quote-dropdown select {
	font-family: montserrat !important;
}

.quote-button:focus {
    outline: 0 !important;
    box-shadow: none!important;
}

.quote-button-ref {
	position: relative !important;
/*	left: 50% !important; */
}

.h1, h2, h3, h4, h5, h6, p {
	font-family: montserrat !important;
}

.result-amount {
 	text-decoration: underline !important;
}

.results-extra a {
	text-decoration: underline !important;
	font-size: 1.4em !important;
}

@media screen and (max-width: 800px) {
  .date-dropdowns {
	display: grid !important;
	grid-gap: 5px !important;
  }
}

.quote-button {
	margin-bottom: 10px !important;
}
@media screen and (max-width: 800px) {
.quote-button-ref {
    position: relative;
    left: 0% !important;
    max-width: 90%;
}
}

@media (max-width: 800px){
table tr {
	display: grid !important;
	grid-gap: 15px !important;
	}
}

a.quote-button.quote-button-small.PostcodeLookup {
	font-size: 20px !important;
	padding: 10px 60px 10px 60px !important;
}

.c-checkbox-select {
	width: 40px !important;
	height: 40px !important;
	background-image: url(https://webdevtrick.com/demos/checkmark.svg) !important;
	background-repeat: no-repeat !important;
	background-size: 40% !important;
	background-position: 50% 50% !important;

}

@media (max-width: 800px){
	.quote-button-small {
		width: 100% !important;
	}
}

.results-text {
	text-decoration: underline !important;

}

.results-text p {
	font-weight: bold !important;
}

.quote-invalid {
    font-size: 20px !important;
}

/* modal loader */

.outer {
background-color: #f2f2f2;
border-left: 5px solid #FF8615 !important;
padding-top:35px;
padding-bottom: 35px;
}

.loader {
  border: 10px solid #ffffff;
  border-radius: 50%;
  border-top: 10px solid #FF8615;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin: auto;

}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* price match */

.foundbetterquote {
background-color: #ffffff;
border: 3px solid #ff8615;
width: 85%;
border-radius: 25px;
padding: 10px 20px 10px 20px;
box-shadow: 1px 1px 2px 3px #ccc !important;
}

.modal#loaderModal .modal-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center; }

	

.BreadcrumbNav{
    border-radius: 25px !important;
}