body {
  background: #f9f9f9;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
}
a {
  color: #454545;
}
a:hover {
  color: #000;
  text-decoration: none;
}
.container {
  background: #fff;
  -webkit-box-shadow: 0 0 15px 2px #ccc;
  box-shadow: 0 0 15px 2px #ccc;
  max-width: 1240px;
  margin-bottom: 20px;
}

/* header */
  #header {
    padding: 20px 0px;
  }
  #header .logo {
    padding-top: 15px;
    font-size: 22px;
    font-weight: bold;
  }
  #header .logo table tr td:first-child{
    padding-right: 5px;
  }
  #header .logo a {
    color: #000;
  }
  .navbar-danger {
    background:#e2221b !important;;
  }
  .navbar-danger .nav-item .nav-link {
    color: #efb3b9;
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar-danger .nav-item .nav-link:hover {
    color: #fff;
  }
  .navbar-danger .nav-item.active .nav-link {
    color: #fff;
  }
  .navbar .btn-outline-light {
    -webkit-border-radius: 0;
    border-radius: 0;
  }

/* slider */
  .slider {
    height: 600px;
    position: relative;
    overflow: hidden;
  }
  .slider .s-technician {
    position: absolute;
    right: 350px;
    top: 25px;
  }
  .slider .s-technician img {
    width: 250px;
  }
  .slider .s-text {
    font-size: 30px;
    position: absolute;
    left: 40px;
    top: 70px;
  }
  .slider .s-text img {
    height: 30px;
  }
  .slider .s-text h1 {
    font-weight: bold;
    font-size: 35px;
    letter-spacing: -0.5px;
  }
  .slider .s-testimonial {
    margin-top: 30px;
    max-width: 400px;
    font-weight: 400;
    font-size: 16px;
  }
  .slider .s-review {
    padding: 0px 30px 0px 40px;
    position: relative;
    font-style: italic;
    color: #a3adbd;
  }
  .slider .s-signature {
    padding-left: 40px;
    margin-top: 10px;
  }
  .slider .s-signature img {
    height: 20px;
  }
  .slider .s-signature img.s-yelp-logo {
    height: 40px;
  }
  .s-review .s-quote-left {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.5;
    font-size: 25px;
  }
  .s-review .s-quote-right {
    position: absolute;
    bottom: 0px;
    right: 0px;
    opacity: 0.5;
    font-size: 25px;
  }

/* home form */
  .home-form {
    padding: 20px 20px 15px 20px;
    position: relative;
    background: #fff;
    color: #000;
    border: 1px solid #efefef;
  }
  .home-form-title {
    position: absolute;
    padding: 20px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 30px;
    font-weight: bold;
    top: -85px;
    left: 0px;
  }
  .home-form-promo {
    text-align: center;
    display: inline-block;
    background: #e4eaf6;
    position: absolute;
    bottom: -15px;
    right: 20px;
    border: 15px solid #fff;
    margin-left: 8px;
    color: #000;
    padding: 0px 0px 20px 0px;
  }
  .home-form-promo .getYear {
    font-weight: bold;
    font-size: 70px;
  }
  .home-form-promo h2 {
    font-weight: bold;
    padding: 0px 10px;
    margin: 20px 0px 20px 0px;
    font-size: 16px;
    letter-spacing: 0.5px;
  }
  .h-brand {
    text-align: center;
  }
  .h-brand img {
    width: 80%;
    background: #fff;
    border: 20px solid #fff;
    margin: 10px auto;
  }
  .h-bottom-text {
    text-align: center;
    padding: 10px 20px 0px;
    font-size: 12px;
    color: #000;
  }

/* content */
  .home-section-1 {
    background: #f7fafc;
    padding: 30px 0px 60px 0px;
    margin-top:15px;
  }
  .home-section-2 {
    background: #f7fafc;
    padding: 0px 0px 0px 30px;
    border-top: 10px solid #fff;
  }
  .page-header-bg {
    background: #fff url('../images/repair-bg.png') center center repeat;
  }
  .fancy-block {
    margin: 0px 30px;
    padding: 30px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 40px 10px #e4eaf6;
    box-shadow: 0px 0px 40px 10px #e4eaf6;
    text-align: center;
    color: #053f75;
  }
  .fb-text {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 30px;
  }
  .fb-content {
    text-align: justify;
  }
  .fb-signature {
    margin-top:20px;
    font-family: 'Caveat', cursive;
    font-size: 40px;
  }
  .review-1 {
    margin: 50px 30px 40px 0px;
  }
  .review {
    position: relative;
    padding: 20px 40px 20px 40px;
    font-style: italic;
    color: #a3adbd;
  }
  .review .quote-left {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.5;
    font-size: 25px;
  }
  .review .quote-right {
    position: absolute;
    bottom: 0px;
    right: 0px;
    opacity: 0.5;
    font-size: 25px;
  }
  .testimonial .yelp-logo {
    height: 40px;
  }
  .testimonial .signature {
    padding-left: 40px;
  }
  .header-sm {
    text-transform: uppercase;
    font-size: 15px;
    color: #c52423;
    text-align: left;
    display: inline-block;
  }
  .line-after:after {
    content: "";
    position: relative;
    width: 50px;
    display: block;
    margin-left: 14px;
    top: 11px;
    float: right;
    border-top: 1px solid;
    color: #c52423;
  }
  .line-before:before {
    content: "";
    position: relative;
    width: 50px;
    display: block;
    margin-right: 14px;
    top: 11px;
    float: left;
    border-top: 1px solid;
    color: #c52423;
  }
  .boxed {
    padding: 30px;
    border: 1px solid #efefef;
  }
  .boxed:hover {
    border: 1px solid #ededed;
    -webkit-box-shadow: 0px 0px 40px 10px #e4eaf6;
    box-shadow: 0px 0px 40px 10px #e4eaf6;
  }
  .boxed:hover .text-gray {
    color: #000;
  }
  .boxed h2 {
    font-size: 25px;
  }
  .details-container {
    background: #fff;
    padding: 20px;
    border-right: 2px solid #f7fafc;
    border-bottom: 2px solid #f7fafc;
  }
  .highlight {
    color: #a3adbd;
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #a3adbd;
    font-style: italic;
  }
  .highlight:hover {
    color: #000;
  }
  .highlight table tr td:first-child {
    padding-right: 10px;
    vertical-align: top
  }
  .highlight img.h-ava {
    width: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
  .block-icon {
    font-size: 70px;
    font-weight: bold;
    color: #a3adbd;
  }
  .block-title {
    font-size: 20px;
    font-weight: bold;
  }
  .block-content {
    font-size: 20px;
  }
  .address-info {
    text-align: center;
    color: #a3adbd;
    padding-right: 10px;
    font-size: 12px;
  }
  .address-info i {
    font-size: 30px;
  }

/* pages */
  .page-header {
    padding: 30px 40px;
    border: 1px solid #eff2f7;
  }
  .p-content {
    border: 1px solid #eff2f7;
    margin: 20px 0px 0px 0px;
    padding: 20px;
  }
  .about-content .page-image img {
    width: 100%;
    margin-top: 30px;
  }
  .sidebar {
    margin: 20px 0px 0px 0px;
    border: 0px;
  }
  .contact-us-block {
    margin: 20px 0px 0px 0px;
    background-image: url("../images/bg-with-line.jpg") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 20px;
  }
  .c-sm-6 {
    width: 50%;
    float: left;
  }
  .contact-content {
    margin-top:-105px;
  }
  .contact-content .contact-technician-above {
    text-align: center;
  }
  .contact-content .contact-technician-above img {
    width: 100%;
    max-width: 450px;
  }
  .contact-content .contact-info {
    padding: 40px 20px 40px 20px;
    margin-top: -81px;
  }
  .page-image-left img {
    width: 100%;
    max-width: 400px;
    float: left;
    padding: 0px 20px 20px 0px;
  }
  .input-group-text {
    background: #e4eaf6;
    border: 1px solid #e4eaf6;
    border-right: 2px solid #fff;
  }

/* footer */
  #footer {
    margin-top:30px;
    padding: 20px 0px;
  }
  #footer .copyright {
    text-align: center;
    color: #a3adbd;
    font-size: 14px;
  }

/* bootstrap */
  .btn {
    -webkit-border-radius: 0;
    border-radius: 0;
  }
  .form-control {
    height: 50px;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 16px;
    border: 0px;
    background: #e4eaf6;
  }
  textarea.form-control {
    height: 75px;
  }
  .home-form .btn-outline-danger {
    text-align: center;
    margin-top: 29px;
    height: 75px;
    text-transform: uppercase;
    font-size: 18px;
  }
  .btn-custom {
    font-size: 18px;
    padding: 10px 40px;
  }


  .parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

/* margin */
.m-all-0{margin:0}.m-all-5{margin:5px}.m-all-10{margin:10px}.m-all-15{margin:15px}.m-all-20{margin:20px}
.m-t-m15{margin-top:-15px}.m-t-m10{margin-top:-10px}.m-t-m5{margin-top:-5px}.m-t-0{margin-top:0px}.m-t-2{margin-top:2px}.m-t-5{margin-top:5px}.m-t-10{margin-top:10px}.m-t-15{margin-top:15px}.m-t-20{margin-top:20px}.m-t-25{margin-top:25px}.m-t-30{margin-top:30px}.m-t-40{margin-top:40px}.m-t-50{margin-top:50px}.m-t-60{margin-top:60px}.m-t-70{margin-top:70px}.m-t-80{margin-top:80px}.m-t-90{margin-top:90px}.m-t-100{margin-top:100px}.m-t-150{margin-top:150px}.m-t-200{margin-top:200px}
.m-r-5{margin-right:5px}.m-r-10{margin-right:10px}.m-r-15{margin-right:15px}.m-r-20{margin-right:20px}.m-r-30{margin-right:30px}
.m-b-0{margin-bottom:0px}.m-b-0-important{margin-bottom:0px !important}.m-b-2{margin-bottom:2px}.m-b-5{margin-bottom:5px}.m-b-10{margin-bottom:10px}.m-b-15{margin-bottom:15px}.m-b-20{margin-bottom:20px}.m-b-30{margin-bottom:30px}.m-b-40{margin-bottom:40px}.m-b-50{margin-bottom:50px}.m-b-100{margin-bottom:100px}.m-b-200{margin-bottom:200px}
.m-l-0{margin-left:0px}.m-l-5{margin-left:5px}.m-l-10{margin-left:10px}.m-l-15{margin-left:15px}.m-l-20{margin-left:20px}.m-l-30{margin-left:30px}
.m-b-m-20 {margin-bottom:-20px}

/* padding */
.p-all-0{padding:0px}.p-all-5{padding:5px}.p-all-10{padding:10px}.p-all-15{padding:15px}.p-all-20{padding:20px}.p-all-30{padding:30px}.p-all-40{padding:40px}
.p-t-0{padding-top:0px}.p-t-5{padding-top:5px}.p-t-10{padding-top:10px}.p-t-15{padding-top:15px}.p-t-20{padding-top:20px}.p-t-25{padding-top:25px}.p-t-30{padding-top:30px}.p-t-35{padding-top:35px}.p-t-40{padding-top:40px}.p-t-50{padding-top:50px}.p-t-60{padding-top:60px}.p-t-100{padding-top:100px}.p-t-200{padding-top:200px}
.p-r-0{padding-right:0px}.p-r-5{padding-right:5px}.p-r-10{padding-right:10px}.p-r-15{padding-right:15px}.p-r-20{padding-right:20px}.p-r-30{padding-right:30px}.p-r-40{padding-right:40px}
.p-b-0{padding-bottom:0px}.p-b-0-important{padding-bottom:0px !important}.p-t-0-important{padding-top:0px !important}.p-b-1{padding-bottom:1px}.p-b-5{padding-bottom:5px}.p-b-10{padding-bottom:10px}.p-b-15{padding-bottom:15px}.p-b-20{padding-bottom:20px}.p-b-30{padding-bottom:30px}.p-b-40{padding-bottom:40px}.p-b-50{padding-bottom:50px}.p-b-60{padding-bottom:60px}.p-b-70{padding-bottom:70px}.p-b-80{padding-bottom:80px}.p-b-90{padding-bottom:90px}.p-b-100{padding-bottom:100px}
.p-l-0{padding-left:0px}.p-l-5{padding-left:5px}.p-l-10{padding-left:10px}.p-l-15{padding-left:15px}.p-l-20{padding-left:20px}.p-l-30{padding-left:30px}.p-l-40{padding-left:40px}.p-l-50{padding-left:50px}

/* font-sizes */
.font1{font-size:1px}.font7{font-size:7px}.font8{font-size:8px}.font9{font-size:9px}.font10{font-size:10px}.font11{font-size:11px}.font12{font-size:12px}.font13{font-size:13px}.font14{font-size:14px}.font15{font-size:15px}.font16{font-size:16px}.font17{font-size:17px}.font18{font-size:18px}.font19{font-size:19px}.font20{font-size:20px}.font21{font-size:21px}.font22{font-size:22px}.font23{font-size:23px}.font24{font-size:24px}.font25{font-size:25px}.font26{font-size:26px}.font27{font-size:27px}.font28{font-size:28px}.font29{font-size:29px}.font30{font-size:30px}.font31{font-size:31px}.font32{font-size:32px}.font33{font-size:33px}.font34{font-size:34px}.font35{font-size:35px}.font36{font-size:36px}.font37{font-size:37px}.font38{font-size:38px}.font39{font-size:39px}.font40{font-size:40px}.font45{font-size:45px}.font50{font-size:50px}.font60{font-size:60px}.font70{font-size:70px}.font80{font-size:80px}.font90{font-size:90px}.font100{font-size:100px}
.f15m13{font-size:15px;}

/* dividers */
.divider_1 {display:block;height:6px;background:#f9f9f9;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;}
.divider_2 {display:block;height:1px;background:none;border-bottom:1px dotted #ccc;}

/* font-weight */
.font-normal{font-weight: 400}.font-bold{font-weight: 900}

/* backgrounds */
.bg-light-yellow, .bg-light-yellow:hover{background:#FFF3CD}.bg-light-red{background:#fce8e6 !important}.no-bg{background:none}.no-bg:hover{background:#fff}.light-gray-bg{background: #f7f7f7;}.gray-bg{background: gray;}.white-bg{background: white !important;}.light-green{background:#dff0d8;}.light-yellow{background:#fcf8e3;}.light-red{background:#f2dede;}.light-blue{background:#eaf3f8}

/* colors */
.text-white{color:#fff}.text-yellow{color:#ffbc00}.text-red{color:#c52423}.text-black{color:#000}.text-green{color:#36958e}.text-blue{color: #136cc2}.text-blue-hover:hover{color: #136cc2}.text-brown{color: #8a6d3b}.text-gray{color: #a3adbd}.text-ultra-light-gray{color: #f5f5f5;}.text-cyan{color: #136a8a}.text-orange{color: #dc6328}

/* other */
.vertical-bottom{vertical-align:bottom}.vertical-top{vertical-align:top}.italic{font-style: italic}.clear{clear: both}.text-center{text-align: center}.text-right{text-align: right}.text-justify {text-align: justify}.no-border{border: 0px solid #fff !important}.font-italic{font-style:italic}.max-width250px{min-width:180px;max-width:250px;}.text-right-nm{text-align:right}.uppercase{text-transform:uppercase;}.white-space-normal{white-space:normal}.a-relative{position:relative;}.a-pointer{cursor:pointer}.a-not-allowed{cursor:not-allowed}.a-no-drop{cursor:no-drop}.a-underline{text-decoration: underline}.a-hide{display:none;}.a-block{display:block}.a-inline-block{display:inline-block}.a-inline{display:inline}.opacity50{opacity:0.5}.line-through{text-decoration: line-through !important}.shadow{-webkit-box-shadow: 0 0 5px 1px #ccc; box-shadow: 0 0 5px 1px #ccc}.responsive{width:100%;}.overflow-hidden{overflow:hidden}.float-right{float:right}.max-width120{max-width:120px}.max-width150{max-width:150px}.max-width200{max-width:200px}.max-width300{max-width:300px}.overflow-wrap{overflow-wrap: break-word}.text-italic{font-style:italic}

/* WIDTH */
.a-max-width-50 {max-width:70px;}.a-max-width-100 {max-width:100px;}.a-max-width-120 {max-width:120px;}

/*TRANSITION*/
.trans { transition-duration: .8s; -moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s; -ms-transition-duration: .8s;	}
.trans:hover { transition-duration: .8s; -moz-transition-duration: .8s; -webkit-transition-duration: .8s; -o-transition-duration: .8s; -ms-transition-duration: .8s;	}

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

}

@media screen and (max-width: 992px) {

}

@media screen and (max-width: 768px) {
  .c-sm-6 {
    width: 100%;
  }
  .parallax {
    background-attachment: inherit;
  }
  .m-text-center {
    text-align: center;
  }
  #header .logo {
    padding-top: 0px;
    font-size: 20px;
    font-weight: bold;
  }
  .navbar {
    display: block;
    text-align: right;
  }
  .navbar-toggler {
    border: 1px solid #fff;
  }
  .navbar-toggler i {
    color: #fff;
    font-size: 27px;
  }
  .navbar-collapse {
    margin-top: 5px;
    text-align: center;
  }
  .navbar-danger .nav-item .nav-link {
    background: #fff;
    color: #999;
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #dc3545;
  }
  .navbar-danger .nav-item .nav-link:hover {
    color: #000;
    font-weight: bold;
  }
  .navbar-danger .nav-item.active .nav-link {
    color: #000;
    font-weight: bold;
  }
  .navbar-danger .nav-item .dropdown-menu {
    border-bottom: 4px solid #dc3545;
    padding: 0;
  }
  .navbar-danger .nav-item .dropdown-menu .dropdown-item {
    font-size: 18px;
    border-bottom: 1px solid #dc3545;
    padding: 10px;
  }
  .form-inline {
    display: block;
    margin-top: 25px !important;
  }
  .home-form-promo {
    position: relative;
    bottom: auto;
    right: auto;
    border: 0px solid #fff;
    margin-left: 0px;
    margin-top: 45px;
  }
  .s-points {
    line-height: 130%;
    margin-top: 40px;
  }
  .s-points table tr td {
    padding-bottom: 10px;
  }
  .slider {
    height: auto;
  }
  .home-form-title {
    position: relative;
    top: auto;
    left: auto;
    padding-left: 0px;
    padding-right: 0px;
  }
  .slider .s-text {
    padding: 60px 20px 20px 20px;
    position: relative;
    left: auto;
    top: auto;
  }
  .slider .s-technician {
    display: none;
  }
  .slider .s-signature {
    padding-left: 0px;
  }
  .s-testimonial table tr td:first-child img{
    display: none;
  }
  .fancy-block {
    margin: 0px 20px;
  }
  .review-1 {
    margin: 40px 20px 20px 20px;
  }
  .review-1 table tr td:first-child img {
    display: none;
  }
  .testimonial .signature {
    padding-left: 0px;
  }
  .home-section-1 {
    padding: 30px 0px 0px 0px;
  }
  .home-section-2 {
    padding: 0px 20px 20px 20px;
    border-top: 10px solid #fff;
  }
  .details-container {
    margin-top: 40px;
  }
  .contact-content {
    margin-top: 30px;
  }
  .mob-email-font-fix {
    font-size: 17px;
  }
}