.topHeader{margin-bottom: 1rem;color: #192855;}
a:hover, a:focus{color: #dc3545;}
.logo p{margin-bottom: 0;}
.phone p{margin-bottom: 0;}
.phone span{font-weight: 300;}
.btn-group-lg > .btn, .btn-lg{padding: .5rem 3rem;}
.navbar-light .navbar-nav .nav-link {color: rgba(0,0,0,.85);padding-right: 2rem;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #dc3545;}
.form-control-lg{padding: padding: .8rem 1rem;}
header{background: url(../img/headerBg.jpg) center top; background-size: cover; text-align: center;padding: 5rem 0;margin-bottom: 5rem;}
h1{font-size: 3.7rem;color: #192855;display: inline-block;text-transform: uppercase;background-color: rgba(245,245,245,.6); display: inline;}
.lead{font-size: 1.5rem;}
.titleHeader{text-align: left;}
.titleHeader p{display: inline-block;background-color: #fff; padding: 0 .5rem;}
#benefits{padding-top: 4rem;}
.headerForm{display: inline-block;padding: 3rem;border-radius: 10px;font-size: 1.1rem;box-shadow: 0px 0px 0px 12px rgba(255, 255, 255, 0.2);}
.headerForm .btn-lg{font-size: 1.6rem;}
.headerForm .h3{text-transform: uppercase;color: #192855;}
.headerForm p{padding: .5rem; font-style: italic;}
.form-text{font-size: .75rem;}
.headerCount{color: #192855; margin-top: 4rem;background-color: rgba(245,245,245,.8);padding: 1.5rem .2rem 1rem;border-radius: 10px;}
.headerCount span{float: left;font-size: 3.8rem; font-weight: 800;padding:0 .6rem;}
.headerCount p{text-align: left;font-size: 1.8rem;line-height: 1.7rem;padding: 1rem 0;}
.boxBorder{padding: 3rem 0;color: #192855;}
.boxBorder h3{margin-top: 2rem;}
.boxBorder:not(:nth-child(3n)) {
  border-right: 1px solid #dbdbdb;
}
.boxBorder:nth-child(1), .boxBorder:nth-child(2), .boxBorder:nth-child(3) {
  border-bottom: 1px solid #dbdbdb;
}
.boxBorder i{font-size: 3rem; border: 6px solid #eaeaea; padding: .7rem 1rem;border-radius: 100%;color: #dc3545;}
.type{padding: 5rem 0;color: #192855;}
.title{text-transform: uppercase;}
.card-title{margin-bottom: 0;}
.card-link{font-size: .9rem; color: #6c757d;text-decoration: none;}
.calculator{background-color: #dae0e6;padding: 5rem 0 0;}
.calImg{background: url(../img/calbg.png) no-repeat; height: 500px;position: relative;bottom: -67px;}
.idea{padding: 5rem 0;color: #192855;}
.iTitle{border-bottom: 1px dashed #333;margin-bottom: 2rem;}
.plus{background: url(../img/plus-bg.jpg) no-repeat left bottom; background-size: cover; padding: 5rem 0;}
.plusBox{background-color: #fff;padding: 1.5rem;border-radius: 10px;margin-top: 2.5rem;}
.plusBox h6{text-transform: uppercase;color: #192855;}
.plusBox span{position: absolute;margin-left: -2rem; margin-top: -3.3rem; background: #f8f9fa; padding:0 .9rem; border: 6px solid #fff; border-radius: 100%;font-size: 2rem;}
.shema{padding: 5rem 0;color: #192855;}
.reviews{padding: 5rem 0;min-height: 550px;}
.reviewsBox{background-color: #fff;padding: 1.5rem;border-radius: 10px;margin-top: 2rem;}
.carousel-indicators{position: relative;bottom: -2rem;}
.shemaBox{text-align: center;padding: 3rem 1rem;border-radius: 10px;margin-top: 1rem;}
.shemaBox i{font-size: 3rem;background-color: #fff; padding:1rem 1.5rem;border-radius: 10px;}
.shemaBox span{position: absolute;background-color: #192855; padding:0 .4rem;font-size: .9rem;margin-top: -1rem;margin-left: -.5rem;border-radius: 100%;color: #fff;}
.question{padding: 5rem 0;}
.accordion-button h5{margin-bottom: 0;}
.accordion-button:not(.collapsed){background-color: #fff;}
.contact{background-color: #dae0e6; padding: 2rem 0 1rem;}
.slink{color: #5d6063; font-size: .8rem; text-decoration: none;line-height: 1rem;}
.modal-header{border-bottom: none;}
.modal-footer{border-top: none;display: block;padding: 1rem 2rem;margin-top: 2rem;}
.modal-content{color: #192855;}
.plr-5{padding: 0 3rem;}
.calpr{display: inline-block; background-color: #dc3545;padding: .5rem 2rem; font-size: 1.6rem;border-radius: 6px;}


@media (max-width: 1200px) {
  .btn-group-lg > .btn, .btn-lg{padding: .5rem 1rem;}
  h1{font-size: 2.8rem;}
  .lead{font-size: 1.3rem;}
  .headerCount span{font-size: 2rem;}
  .headerCount p{font-size: 1.4rem;padding: 0; line-height: 1.5rem;}
  .boxBorder h3{font-size: 1.4rem;}
  .card h4{font-size: 1.3rem;}
  label{font-size: .9rem;}

}

@media (max-width: 992px) {
  .h2{font-size: 1.6rem;}
  .text-body{font-size: .9rem;}
  h1{font-size: 2.4rem;}
  .titleHeader{text-align: center;}
  .headerCount span{font-size: 3.6rem;}
  .headerCount p{font-size: 1.8rem;line-height: 1.8rem;padding: 1rem 0; }
  .boxBorder:not(:nth-child(3n)){border: none;}
  label{font-size: 1.1rem;}


}

@media (max-width: 768px) {
  .topHeader{text-align: center;}
  .h2{font-size: 2rem;}
  .text-body{font-size: 1.1rem;}
  h1{font-size: 1.9rem;}
  .lead{font-size: .9rem;}
.list-group-item{font-size: .9rem;}
.orone{order: 1;}
.ortwo{order: 2;}
.carousel-item{min-height: 360px;}
#benefits{padding-top: 0;}

}
