html {
 scroll-behavior: smooth;
}
h1, h2, h3, h4 {
 font-weight: normal;
}
.page-container{
 margin-left: auto;
 margin-right: auto;
 position: relative;
}
.btn-yellow{
 color: #001996;
 background-color: #fbdd3f;
 border-color: #fbdd3f;
 display: block;
 text-align: center;
 padding: 15px 10px;
 font-size:18px;
 font-weight: 600;
 border-radius: 3px;
 transition: 0.2s;
}
.hero-section{
   background: url("http://image.connect.purolator.com/lib/fe43157075640475771570/m/1/03421f7e-4d60-4e00-8a83-4a01f29e7686.jpg") no-repeat;
   background-size: cover;
   background-position: left;
}
.hero-cta{
 max-width: 200px;
}
.hero-section{
 position: relative;
}
.hero-cta {
    background: #fbdd40;
    color: #001996!important;
    max-width: 232px;
    width: 100%;
    font-size: 18px;
    border-radius: 0px;
    padding: 8px 12px;
    margin-top: 30px;
}
.top-social-icons{
 color:#777;
 font-size: 15px;
 top:18px;
}
.navbar-light .navbar-nav .nav-link{
 color: #777;
 font-size: 15px;
}
.navbar-light .navbar-nav .nav-item:last-child>.nav-link{
 color: #ffffff;
 border-right: 0px solid #fff;
 padding: 12px 40px;
 transition: 0.2s;
}
.nav-item:last-child>.nav-link:hover {
 opacity:0.8;
}
.navbar-nav li:last-child a {
  position: relative;
  top: -12px;
  display: block;
}
.navbar-light .navbar-nav .nav-item:nth-last-child(2) a {
 border-right: 0px solid #fff;
}

.top-features{
 padding-top: 50px;
 padding-bottom: 30px;
}
.top-features p{
 color: #001996;
}
.top-features strong{
 color: #001996;
}
.top-features ul li{
 color: #001996;
 font-size: 18px;
 background: url('http://image.connect.purolator.com/lib/fe43157075640475771570/m/1/393c6119-6bbe-4164-aeda-487bcf212b8f.png') no-repeat;
 padding-left: 40px;
    padding-top: 3px;
    margin-bottom: 20px;
 min-height: 30px;
}
.features-inner{
 max-width: 850px;
 width: 100%;
 margin: 0 auto;
}
.section-search h2{
    font-size: 1.6rem;
}
.section-search input, .calculator-section input,
.section-search input:focus, .calculator-section input:focus{
    background: transparent;
    font-size: 1rem;
    border: none;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
    box-shadow: none;
    height: 45px;
    text-align: center;
    color: #ffffff;
}
.section-search .btn-yellow{
 padding: 6px 10px; 
 border-radius: 1px; 
 width:100%; 
 max-width 270px;
}
.section-search input::-webkit-input-placeholder, #num::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.section-search input::-moz-placeholder, #num::-webkit-input-placeholder { /* Firefox 19+ */
  color: #fff;
}
.section-search input:-ms-input-placeholder, #num::-webkit-input-placeholder { /* IE 10+ */
  color: #fff;
}
.section-search input:-moz-placeholder, #num::-webkit-input-placeholder { /* Firefox 18- */
  color: #fff;
}

.yt-videos{
 background: #ffffff;
    padding-top: 68px;
    padding-bottom: 55px;
}
.yt-video{
 margin-bottom: 15px;
 background: #fff;
}
.yt-video h3{
 color: #2a3488;
 text-align: center;
 margin: 0px;
 padding: 22px 0px;
}
.yt-videos p.text-center{
 font-size: 18px;
 color: #001996;
 margin-bottom: 30px;
}
.yt-videos p.text-center strong{
 font-size: 18px;
 color: #001996;
}
.yt-video-thumb-wrap{
 position: relative; 
}
.yt-video-thumb-wrap .icon-yt{
 position: absolute; 
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 z-index: 99;
}
.yt-video-thumb{
 width: 100%;
 border-radius: 5px;
 box-shadow: 5px 0px 15px #ccc;
}
.video-right-content h3{
 color: #001996;
 font-size: 24px;
 line-height: 1.4;
 margin-bottom: 20px;
 margin-top: 0px;
}
.video-right-content p{
 color: #4a4a4a;
 font-size: 18px;
 line-height: 1.4;
}
.calculator-section{
 background-image: url('https://image.connect.purolator.com/lib/fe43157075640475771570/m/1/8e6d1119-31d8-49d0-a769-d31703fbb634.png'); 
 background-size: cover;
 background-position:center;
}
.calculator-section .bg-blue{
 background-color:rgba(0, 25, 150, 0.85);
}
.contact-form{
 background: #ffffff; 
 padding-left: 35px;
 padding-right: 30px;
 padding-top: 20px;
 padding-bottom: 40px;
 color: #000000;
 font-weight: 600;
 z-index: 9;
}
.contact-form .form-group{
 margin-bottom: 0px;
}
.contact-form .form-group.contact-me-by{
 margin-top: 20px;
 font-size: 14px;
}
.contact-form .radio-inline input[type=radio] {
    top: -1px;
 border-bottom: 0px solid #999999;
}
.contact-form input.form-control{
 height: 36px;
 line-height: 1;
 padding-left: 0px;
 padding-right: 0px;
 font-size: 16px;
 font-weight: normal;
}
.contact-form label{
 font-size: 14px;
 text-transform: uppercase;
 color: #4a4a4a;
 margin-top: 20px;
 font-weight: 600;
}
.contact-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9a9a9a!important;
}
.contact-form input::-moz-placeholder { /* Firefox 19+ */
  color: #9a9a9a!important;
}
.contact-form input:-ms-input-placeholder { /* IE 10+ */
  color: #9a9a9a!important;
}
.contact-form input:-moz-placeholder { /* Firefox 18- */
  color: #9a9a9a!important;
}
.contact-form p{
 font-size: 14px;
 font-weight: 600;
}
.contact-form input{
 font-size: 12px;
 color: #9a9a9a;  
 font-weight: 600;
 border: none;
 border-radius: 0px;
 box-shadow: none;
 background: #ffffff; 
 border-bottom: 1px solid #979797;
}
.block-checkbox > label{
 margin-top: 0px;
 padding-left: 0px;
 color: #4a4a4a;
}
.complete-this-form{
 color: #9a9a9a;
 margin-top: 20px;
}
.contact-form button[type="submit"], #btn-calc {
 background: #fbdd40;
 color: #001996!important;
 font-size: 16px;
 border-radius: 0px;
 padding: 8px 12px;
 border:none;
 font-weight: bold;
 margin-top: 20px;
}
.block-radios{margin-top: 8px; color: #231f20;}

.contact-form button[type="submit"]:active, .contact-form button[type="submit"]:focus{
 background: #fbdd40;
 color: #001996;
}
.contact-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #231f20!important;
}
.contact-form ::-moz-placeholder { /* Firefox 19+ */
  color: #231f20!important;
}
.contact-form :-ms-input-placeholder { /* IE 10+ */
  color: #231f20!important;
}
.contact-form :-moz-placeholder { /* Firefox 18- */
  color: #231f20!important;
}
#btnsubmit:hover{
 color: #001996;
 background: #ffffff;
}
.terms-and-conditions ol{
 margin-bottom: 0px;
}
.terms-and-conditions div, .terms-and-conditions p, .terms-and-conditions a, .terms-and-conditions sup, .terms-and-conditions ol li{
 color: #999999;
 font-size: 12px;
}
.copyright a{
 text-decoration: underline;
}


@media only screen and (max-width: 768px) {
 .navbar-nav {
  padding: 10px;
 }
 .navbar-nav .nav-item{
  text-align: center;
 }
}
@media only screen and (max-width: 576px) {

}
@media only screen and (min-width: 768px) {
 .navbar-light .navbar-nav .nav-link{
  font-family: 'Open Sans', sans-serif;
     padding: 0px 8px;
     border-right: 1px solid #525252;
 }
 .navbar-light .navbar-nav .nav-item:nth-last-child(1) a{
  border-right: 0px solid #fff;
 }
 .navbar-brand img{
  position: relative;
  top:-12px;
 }
 .cta-box img{
  left: -15px;
 }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}