/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
.custom-services {
   font-weight: normal;
   color: #777;
}
.custom-services h2 {
   size: 26px;
   text-align: center;
   margin: 60px 0;
   text-transform: uppercase;
}
.custom-services h3 {
   font-size: 16px;
   text-align: center;
   margin-bottom: 50px;
}
.custom-services img {
   margin: 0 auto 20px;
}
div.camera_caption_title {
   font-weight: normal;
}
.offcanvas-inner>.search {
   padding: 20px;
}
#sp-page-title {
   background-color: #f7f7f7;
}
#sp-page-title ol.breadcrumb {
   margin: 10px 0;
}
#sp-main-body {
   padding: 40px 0;
}
#sp-offer {
margin: 50px 0;
padding: 50px 0px;
color: rgb(255, 255, 255);
background-image: url("/images/profi.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}

.AnimatedNumber_Label {
   text-transform: uppercase;
   margin-top: 20px;
}

.AnimatedNumber .AnimatedNumber_panel {
   max-height: 200px;
}
#sp-testimonials {
   margin-top: 6em;
}
#sp-testimonials h3 {
   text-align: center;
   font-size: 20px;
   margin-bottom: 30px;
}

.testimonials blockquote {
   font-size: 16px;
}
.testimonials small {
   text-align: right;
   display: inline-block;
   width: 100%;
}
#sp-bottom {
   padding: 60px 0px !important;
}
#sp-bottom1 .media-list {
   margin-top: 30px;
}
#sp-bottom1 i {
   margin-bottom: 13px;
}

#sp-offer {
   padding: 100px 0px;
   text-align: center;
}
#sp-offer .sp-module-title {
   font-size: 24px;
   margin-bottom: 60px;
}
#sp-offer input {
   margin: 0 40px 0 10px;
}
#sp-component .categories-list h3 {
   font-size: 16px;
   text-align: center;
   border: none;
}
.categories-list .row {
   margin-bottom: 30px;
}
.categories-list img {
   margin: 0 auto 30px;
}
.view-article .body-innerwrapper #sp-main-body {
   background-color: #fff;
}
#sp-left .sp-module ul > li > a::before {
   content: '';
   margin: 0;
}
#sp-left .sp-module-title {
   line-height: 40px;
   margin: 5px 20px;
}
#sp-left .sp-module-content a {
   color: #000 !important;
}
#sp-menu {
    max-height: 89px;
}
#search-query-explained {
    display: none;
}
.services-menu {
   background-color: #73ae20;
   color: #fff;
   margin-bottom: 20px;
}
.offcanvas-menu .nav .open > a, .offcanvas-menu .nav .open > a:focus, .offcanvas-menu .nav .open > a:hover {
   background-color: #333;
}

#sp-main-body .blog article.item {
   background: none;
}
.layout-blog {
   background-color: #fff;
}
.blog h3 {
   font-size: 16px;
   margin: 0;
}
.blog .media-body {
   vertical-align: middle;
}
.blog .media-object {
   min-width: 50px;
}
.blog {
   margin-top: 10px;
}
.layout-blog #sp-main-body .blog p {
   padding: 0;
   margin-top: 15px;
}
#sp-component .entry-header {
   display: none;
}
#sp-component p {
   text-align: justify;
}
#sp-component h2 {
   font-size: 24px;
}
#sp-component h3, h4, h5, h6 {
   font-size: 20px;
}

.item-page h1 {
   margin-top: -7px;
   margin-bottom: 30px;
   font-size: 26px;
}

.get-advice {
   text-align: center;
   padding: 10px 0 40px;
   margin-top: 30px;
}
.get-advice .labelled {
   margin-right: 15px;
}
#sp-component  .get-advice h3 {
   font-size: 26px;
   margin-bottom: 30px;
   text-transform: uppercase;
}
.slider-caption {
   font-size: 2em;
   font-weight: bold;
   line-height: 1.4em;
   color: rgba(0,0,0,0.6);
   text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
}
.red-text {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.green-text {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.contacts p {
   font-size: 18px;
}
.contacts .media-middle {
   padding-bottom: 10px;
   font-size: 20px;
}
.contacts .fa {margin-right: 10px;}
.contacts .fa-mobile {
   font-size: 140%;
   margin-left: 3px;
}
.contacts h4 {
    margin-left: 15px;
    margin-bottom: 25px;
}
.employees .fa {
    margin-right: 10px;
}
.employees .fa-mobile {
    font-size: 130%;
    margin-right: 14px;
}
.qlform fieldset {
   display: inline;
}
.qlform .form-group {
   margin-right: 10px;
}
@media (max-width: 992px) {
   .get-advice .form-group, #sp-offer .form-group {
      display: block;
   }
   .get-advice input, #sp-offer input {
      width: 90%;
      margin: 0 auto;
   }
   .get-advice label, #sp-offer label {
      margin: 15px auto;
   }
   .get-advice .btn, #sp-offer .btn {
      margin-top: 20px;
   }
}