@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;600;700&display=swap');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

body{
  background: #ffffff !important;
  color: #3F464E !important;
  font-family: 'Noto Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  line-height:28px !important;
  margin: 0 !important;
}



a {
color: #0074E5 !important;
font-family: 'Noto Sans', sans-serif !important;
  text-decoration: none !important;
  font-weight: bold !important;
}

a:hover {
  color: #0074E5 !important;
text-decoration: underline !important;
}
a:focus {
  color: #0074E5 !important;
text-decoration: underline !important;
border: solid 2px #eb1c2d  !important;
}

a img:focus {
  border: 2px solid #eb1c2d !important;
  display: block !important;
}
a img:hover {
  opacity: 50% !important;
}

button:focus {
  color: #0074E5 !important;
text-decoration: underline !important;
}
button:hover {
  color: #0074E5 !important;
text-decoration: underline !important;
}

input:focus {
border: solid 2px #eb1c2d  !important;
}



h1 {
  font-family: 'Libre Franklin', sans-serif !important;
  font-weight: 600;
  font-size:40px;
  line-height:50px !important;
  color: #fff !important;
  margin-bottom: 50px !important;
}

h2, h2 span {
font-family: 'Libre Franklin', sans-serif !important;
font-weight: 600 !important;
font-size: 35px !important;
line-height:48px !important;
}

h2 {
display:block !important;
margin: 0 0 10px 0; padding: 0 0 10px 0;
}

h3, h3 span {
font-family: 'Libre Franklin', sans-serif !important;
font-weight: 600 !important;
font-size:26px !important;
line-height:36px !important;
margin: 0 0 0 0; 
padding: 0;
}

h4{
font-family: 'Libre Franklin', sans-serif !important;
display: block;
font-weight: 600 !important;
font-size:22px !important;
line-height:30px !important;
margin: 0 0 20px 0; padding: 0;
}

h5{
font-family: 'Libre Franklin', sans-serif !important;
display: block !important;
font-weight: 600 !important;
font-size:30px !important;
line-height:40px !important;
margin: 0 0 20px 0; padding: 0;
}

h6{
font-family: 'Noto Sans', sans-serif !important;
display: block !important;
font-weight: 600 !important;
font-size:20px !important;
line-height:28px !important;
margin: 32px 0 20px 0; padding: 0;
}


div, span {
  font-family: 'Noto Sans', sans-serif !important;
}

/*****************************************/
/* ACCORDIAN */
/*****************************************/
.accordion {
  background-color: #fff;
  color: #0074E5;
  font-weight: 700 !important;
  cursor: pointer;
  padding: 8px 8px 8px 20px !important;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  border-top: 1px solid #DADFE8 !important;
  font-size:17px !important;
  line-height:28px !important;
  background: url(https://go.carfax.ca/hubfs/chevron-right.svg) center left no-repeat!important;
}

.corporal{
  display: block !important;
  font-size:17px !important;
  line-height:28px !important;
}
.vvricons{
  height: 56px !important;
  margin-right: 16px !important;
  display: inline-block !important;
}
.accordianhead{
  display: inline-block !important;
  height:70px !important;
}

.accordiancontainer{
  border-bottom: 1px solid #DADFE8 !important;
}

.active, .accordion:hover {
  background: url(https://go.carfax.ca/hubfs/chevron-down.svg) center left no-repeat!important;
  color: #8b96a7;
}

.panel {
  padding: 0 0 0 20px;
  display: none;
  background-color: white;
  overflow: hidden;
  font-size:17px !important;
  line-height:28px !important;
}

.panel p{
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
}

/*****************************************/
/* END ACCORDIAN */
/*****************************************/

.cfclink{
  position: absolute !important;
  background-color: rgba(0,0,0,.5);
  top: -100px; right: 0;
  display: block !important;
  border-radius: 5px !important;
}
.cfclink a{
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none;
  padding: 6px 12px !important;
  display: block !important;
}
.cfclink a:hover{
  color: #cccccc !important;
}

.accedez{
  margin-top: 48px !important;
  font-size:17px !important;
}

.acccta{
  font-size:17px !important;
}
.acccta a{
  background: none !important;
}
.acccta a:hover{
  opacity: 50% !important;
}

.hitit{
  margin-bottom: 20px !important;
  display: block !important;
}

.thumbsup{
  display: block !important;
  border-bottom: solid 1px #e0e0e0 !important;
  margin-bottom: 48px !important;
  padding: 0 !important;
  position: relative !important;
}

.thumbsup img{
  display: block !important;
  margin: 0 auto !important;
  padding: 0 !important;
  float: none !important;
  width: 200px !important;
}

.policecontainer{
  position: relative !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  float: none !important;
}

.tier1{
  color: #fff !important;
  font-size:20px !important;
  line-height:30px !important;
  position: relative !important;
  padding: 130px 0 130px 0 !important;
  height: auto !important;
  min-height: 600px !important;
  background: url("https://go.carfax.ca/hubfs/2942156/highway-image-formatted.jpg") center center no-repeat !important;
  background-size: cover !important;
}

.tier2{
  padding-top: 96px !important;
}

.tiercol1{
  max-width: 450px !important;
}

.tier4{
  padding: 0 0 100px 0 !important;
  text-align: center !important;
}

.testimdiv{
  display: block !important;
  font-weight: 400 !important;
  font-size:20px !important;
  line-height:32px !important;
  margin: 0 0 120px 0; 
  padding: 40px 0 0 0 !important;
  float: none !important;
  border-top: solid 1px #DADFE8 !important;
}

.formcontainer{
  max-width: 700px !important;
  margin: 0 auto !important;
  float: none !important;
}

.col1{
  padding: 0 30px 0 0 !important;
}
.col2{
  padding: 0 15px 0 15px !important;
}
.col3{
  padding: 0 0 0 30px !important;
}

.cfclogo{
  float: none !important;
  max-width: 220px !important;
  margin-bottom: 20px !important;
}
.toolshead{
  padding: 0px 0 40px 0 !important;
  display: block !important;
}
.revtext{
  text-align: left !important;
  padding: 0 0 40px 0 !important;
  width: 770px !important;
  float: none !important;
  margin: 0  !important;
}
.quotes{
  text-align: center !important;
  padding: 120px 0 0 0 !important;
  max-width: 700px !important;
  float: none !important;
  margin: 0 auto !important;
}

.chartgrid{
  border-top: 1px solid #D8D6D6 !important;
  padding: 96px 0 0 0 !important;
  margin-top: 60px !important;
}

.charttable td.cent, .charttable td.cent2{
  text-align: center !important;
}
.charttable .ctr1{
  border-bottom: 1px solid #DADFE8 !important;
}
.charttable .ctr{
  border-bottom: 1px solid #DADFE8 !important;
}
.charttable .ctr td.lefty{
  padding: 8px 20px 8px 0 !important;
}
.charttable .ctr1 td.lefty{
  padding: 28px 20px 8px 0 !important;
}
.charttable .ctr1 td.cent{
  padding: 30px 20px 4px 0 !important;
}
.charttable .ctr1 td.cent2{
  padding: 30px 0 4px 0 !important;
}
.charttable .ctr td.cent{
  padding: 10px 20px 4px 0 !important;
}
.charttable .ctr td.cent2{
  padding: 10px 0 4px 0 !important;
}
.charttable .charttableheads1{
  width: 60% !important;
}
.charttable .charttableheads{
  text-align: center !important;
  font-size:17px !important;
  line-height:22px !important;
  padding-right: 20px !important;
  font-weight: 700 !important;
  width: 20% !important;
}
.charttable .charttableheads2{
  text-align: center !important;
  font-size:17px !important;
  line-height:22px !important;
  font-weight: 700 !important;
  width: 20% !important;
}
.charttableheads div{
  border-bottom: 4px solid #04B6BA !important;
  padding-bottom: 4px !important;
}
.charttableheads2 div{
  border-bottom: 4px solid #8B96A7 !important;
  padding-bottom: 4px !important;
}
.checkm{
  width: 27px !important;
}
.chartcol1{
  padding-top: 82px !important;
}


.q2footcol2{
  text-align: right;
}


.q2line hr{
  width: 100% !important;
  border-bottom-color: #ddd !important;
  margin: 100px 0 !important;
}

.q2foot{
  background-color: #111111;
  font-size: 12px;
  line-height: 20px;
  padding: 40px 30px;
}

.q2foot a{
  color: #BDBDBD !important;
}

.q2foot a:hover{
  color: #fff !important;
}

.footer-container-wrapper {
    background: #111;
}

.custom-footer-bottom {
    background: #111 !important;
}


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



}  
  

@media (max-width: 1240px) {

.policecontainer{
  max-width: 1100px !important;
  padding: 0 30px 0 30px !important;
}

}

@media (max-width: 1100px) {


@media (max-width: 1145px) {
.charttable .charttableheads{
  width: 80px !important;
}
.charttable .charttableheads2{
  width: 80px !important;
}
  .charttable .charttableheads1{
  width: auto !important;
}
.chartcol1{
  padding-top: 102px !important;
}
.revtext{
  text-align: left !important;
  padding: 0 0 40px 0 !important;
  width: auto !important;
  margin: 0 0 0 0 !important;
}
}

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


@media (max-width: 767px) {
  
.tier4{
  padding: 0px 0 60px 0 !important;
}
.vvricons{
  height: 56px !important;
}  
body{
  font-size: 18px !important;
}
h1 {
font-size: 30px !important;
line-height: 40px !important;
  margin-top: 20px !important;
}

h2, h2 span {
font-size: 30px !important;
line-height: 40px !important;
margin: 0 0 20px 0; 
}

h4{
margin: 0 0 20px 0; 
}

h5{
font-size:30px !important;
line-height:40px !important;
margin: 0 0 20px 0;
}
  
.tier1{
  font-size:18px !important;
  line-height:28px !important;
  padding: 40px 0 64px 0 !important;
  background: url("https://go.carfax.ca/hubfs/2942156/highway-image-formatted.jpg") 60% 50% no-repeat !important;
  background-size: auto 100% !important;
}
.tiercol1{
  max-width: 80% !important;
}
.tiercol1 p{
  max-width: 80% !important;
}
.tier2{
  padding-top: 80px !important;
}
.cfclogo{
  margin-bottom: 10px !important;
  max-width: 200px !important;
}
.revtext{
  text-align: left !important;
  padding: 0 0 40px 0 !important;
  width: auto !important;
  margin: 0 0 0 0 !important;
}
.chartcol1{
  padding-top: 0px !important;
}  
.chartgrid{
  padding: 60px 0 0 0 !important;
  margin-top: 50px !important;
}  
.charttable{
  margin-top: 24px !important;
  }
.col1{
  padding: 0 0 0 0 !important;
}
.col2{
  padding: 48px 0 0 0 !important;
}
.col3{
  padding: 48px 0 0 0 !important;
}  
.q2line hr{
  width: 100% !important;
  border-bottom-color: #ddd !important;
  margin: 60px 0 !important;
}
  
.q2footcol2{
  text-align: center !important;
  padding-top:4px;
}  
.q2footcol1{
  text-align: center !important;
}   
.hitit{
  margin-bottom: 8px !important;
  display: block !important;
}
.testimdiv{
  margin: 0 0 100px 0; padding: 0;
}
.thumbsup img{
  width: 160px !important;
}
.accordianhead{
  height:auto !important;
}
.quotes{
  padding: 32px 0 0 0 !important;
  max-width: none !important;
}
.cfclink{
  top: -40px; right: 0;
}

}