body{
  overflow-x:hidden;
}


.the-form{float:left; background:#fff; padding:10px; border-top:#dd6c4b solid 10px; padding:0px 20px 20px 20px; max-width: 94.5%;}

.seal{position:absolute; background:url("../images/LTO_SEAL.png") no-repeat; width:209px; height:206px; right:-20px; top:-50px;}
.form-title-top{float:left; width:67%; padding-left:10px; color:#3268b1; font-size:24px; line-height: 22px;}
.form-title-bottom{float:left; width:100%; padding-left:10px; padding-bottom:15px; color:#3268b1; font-weight:bold; font-size:23px;}
.theinfo{font-size:11px; color:#666666; padding-left: 25px;}

.copyright{float:left; text-align:left; font-size:12px; padding-top:30px; max-width: 50%;}
.footer-links{float:left; text-align:right; color:#fff; font-size:12px; padding-top:30px; max-width: 50%;}
.footer-links a{color:#fff;}

.card-body.screenings{min-height: 160px; text-align: center; padding:30px 20px 0px 20px;}

.card-body .card-text, .card-body .card-title{text-align: left; padding-left:10px;}

.the-icon{float:left; padding:10px 0 0 25px; text-align: left;}

.card-text{font-size:13px;}

.three-boxes{position:absolute; top:650px; left:120px;}

.separator{float:left; background:#dcdcdc; height:1px; width:96%; margin:0 20px 20px 10px;}

.blue-line{float:left; background:#2c53ae; height:5px; width:20%; margin:20px 0px 20px 0px;}

.form-group .col-sm-6{padding:10px;}

.get-your{ padding-top:20px; font-weight:bold; color:#fff;}
.arrow-button{ margin-top:20px; }


.normal{display:inline-block;}


.phone{background:url("../images/phone.png") no-repeat; padding-left:30px; padding-top:0px;}

.py-6{background:url("../images/crossed-bg.gif") repeat-x;}


.grey-bg{background:url("../images/bottom-bg.gif") 0 100px repeat-x; }

.heart{float:left; margin-left:15px;}


.yellow-bg {
    
    width: 100%;
    text-align: left;
    padding:10px;
    margin:0 auto;
    min-height:65px;

}


.cta-wrapper .free-quote-cta {
    float:left;
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width:100%;
    padding:0px;

}




.cta-wrapper .free-quote-cta .sub-headline {
    display:inline;
    font-size: 16pt;
    font-family: Helvetica;
    border: none;
    color: #0061a8 !important;
    padding-bottom: 0;
    margin-right: 10px;
}



.cta-wrapper .free-quote-cta .phone {
    color: #0061a8;
    font-size: 16pt;
    font-weight: 700;
    font-family: Helvetica;
    background-position-y:-2px;
    padding-left: 25px
    
}



/********Form Error************/


form .error {
    border: 2px solid #dd2e1d!important;
}


/*************MEDIA*************/

@media (min-width: 1px) and (max-width: 768px) {
.form-title-top {
    float: left;
    width: 67%;
    padding-left: 10px;
    color: #3268b1;
    font-size: 16px;
    line-height: 22px;
}

.seal{position:absolute; background:url("../images/LTO_SEAL-Mobile.png") no-repeat; width:100px; height:99px; right:0; top:-30px;}




.form-title-bottom {
    float: left;
    width: 100%;
    padding-left: 10px;
    padding-bottom: 15px;
    color: #3268b1;
    font-weight: bold;
    font-size: 15px;
}


.btn {
    float: left;
    width: 100%;
    color: #fff;
    background: #dd6c4b;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 10px;
    font-size: 1rem;
    line-height: 1.5;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

}



@media (max-width: 450px) {

.ml-auto, .mx-auto{
   margin-left: 0 !important;
}

.yellow-bg {
    background: #f7cf15;
    width: 100%;
    text-align: center;
    padding:10px;
    margin:0 auto;
    min-height:90px;

}

.cta-wrapper .free-quote-cta .sub-headline {
    display:inline;
    font-size: 11pt;
    font-family: Helvetica;
    border: none;
    color: #0061a8 !important;
    padding-bottom: 0;
}



.cta-wrapper .free-quote-cta .phone {
    background:none;
    color: #cf292b;
    font-size: 11pt;
    font-weight: 700;
    font-family: Helvetica;
    background-position-y:5px;
    padding-left:0px;
}

}

@media (min-width: 1px) and (max-width: 600px) {


.jumbotron {
  padding:4rem 2rem;
  margin-bottom:2rem;
  background:url("../images/form-bg.jpg") no-repeat;
  float:left;
}

.top-column-left{padding:0px 0 0 0px; color:#fff;}
.top-column-right{padding:0px 10px 0 0px;}

.three-boxes{

  position: relative;
  top: 350px;
  z-index: 2;
  max-width: 1200px;
  width:100%;
  
  overflow: hidden;
  margin: 0 auto;
  left: 6%;
  right: 0;

}

.three-boxes .col-lg-4{max-width: 90%; padding:0px;}


.display-1 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.2;
}

.lead {
    font-size: .8rem;
    font-weight: 300;
    padding-right: 40px;
}

.three-boxes .col-lg-4{max-width: 90%; padding:0px;}


}


@media (max-width: 1024px) {
.mobile{display:block;}
}

@media (min-width: 990px) {
.mobile{display:none;}
}




@media (min-width: 601px) and (max-width: 1023px) {



.jumbotron {
  padding:4rem 2rem;
  margin-bottom:2rem;
  background:url("../images/form-bg.jpg") no-repeat;
  float:left;
}

.top-column-left{padding:0px 0 0 0px; color:#fff;}
.top-column-right{padding:0px 10px 0 0px;}

.three-boxes{

  position: absolute;
  top: 850px;
  z-index: 2;
  max-width: 1200px;
  min-width: 600px;
  width:100%;
  
  overflow: hidden;
  margin: 0 auto;
  left: 6%;
  right: 0;

}

.three-boxes .col-lg-4{max-width: 90%; padding:0px;}



}




@media (min-width:1024px) {
.jumbotron {
  padding:4rem 2rem;
  margin-bottom:2rem;
  background:url("../images/form-bg.jpg") no-repeat;
  float:left;
  height:685px;
}



.top-column-right{padding:0px 0px 0 0px;}


.three-boxes{

  position: absolute;
  top: 650px;
  z-index: 2;
  max-width: 1200px;
  min-width: 600px;
  width:100%;
  height: 300px;
  overflow: hidden;
  margin: 0 auto;
  left: 6%;
  right: 0;

}

.three-boxes .col-lg-4{max-width: 30.333333%; width:400px; padding:0px;}




}






@media (min-width: 770px) and (max-width: 1200px) {


.display-1 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
}


}


@media (max-width:1200px) {
.top-column-left{padding:0px 0 0 0px; color:#fff;}
}


@media (min-width:1200px) {

.top-column-left{padding:0px 0 0 90px; color:#fff;}

.display-1{width:400px;}

.the-absolute{position:absolute; top:630px; left: 6.5%; right: 0; margin: 0 auto;}

.col-lg-3{width:30%;}

.card-one-bg,.card-two-bg,.card-three-bg{min-height:280px;}

.shrink{max-width:90.5%;  margin:0 auto; padding-bottom: 30px; }


.py-6{height:860px;}

}