body {
  font-family: "Open Sans";
  color: #545454;
  font-size: 13px;
  background-color: #f8b55b;
}

#main-image-title a {
  color: white;
  text-decoration: none;
}

#main-image-title a.text:hover, #main-image-title a.text:active, #main-image-title a.text:focus {
  color: white;
}

a.text {
  color: #f89a49;
}

a.text:hover, a.text:active, a.text:focus {
  color: #d7732c;
}

main {
  background-color: white;
  padding-bottom: 100px;
}

#main-nav {
  color: white;
  padding-top: 0;
  height: 168px;
  text-align: center;
}

.navbar-expand-md .navbar-nav .nav-link {
  padding-right: 21px;
  padding-left: 21px;
}

.nav-link:focus, .nav-link:hover {
  color: #f89a49;
}

#menu {
  position: absolute;
  left: 50%;
  width: 100%;
  margin-left: -330px;
}

#menu-item-2 {
  margin-right: 225px;
}

#navbar-logo {
  display: block;
  width: 254.5px;
  height: 168px;
  background: url(/img/logo.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -127.25px;
  z-index: 100;
}

.nav-link {
  color: white;
  font-size: 14px;
  font-weight: 500;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler {
  background: rgba(243, 144, 73, 0.5);
  border-width: 2px;
  border: none;
  position: absolute;
  top: 20px;
  left: 20px;
}

.navbar-toggler.collapsed {
  background: rgba(255, 255, 255, 0.2);
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}

@media only screen and (max-width: 575px) {
  #menu-item-2 {
    margin-right: 0;
  }
  #menu {
    position: static;
    left: auto;
    width: auto;
    margin-left: 0;
  }
  #navbarCollapse {
    padding-top: 184px;
    background: #f8b55b;
    padding-bottom: 10px;
  }
  .nav-link {
    font-size: 16px;
  }
  #main-nav .container-fluid {
    padding: 0;
  }
}
#main-image {
  background-color: #e0e0e0;
  background-image: url(/img/main.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  color: white;
  text-align: center;
}

#main-image-title p.title {
  font-size: 30px;
  font-weight: 500;
}

#main-image-title {
  overflow: hidden;
  padding-left: 50px;
  padding-right: 50px;
}

#main-image p {
  font-size: 16px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.main-container {
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 69px;
  text-align: center;
}

@media only screen and (max-width: 575px) {
  #main-image {
    padding-top: 200px;
    padding-bottom: 120px;
  }
}
h1 {
  font-size: 25px;
  background: -webkit-linear-gradient(45deg, #f7d06d, #f89a49);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 17px;
}

.service-block {
  height: 440px;
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 0 25px 15px #e5e5e5;
  text-align: left;
  padding: 20px;
  margin-top: 40px;
}

.service-block-col:hover .service-block {
  outline: solid 4px white;
  background-image: linear-gradient(to right, #f7d06d, #f89a49);
  box-shadow: 0 0 25px 15px rgba(248, 154, 73, 0.5);
  color: white;
}

.service-block-image {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -20px;
  height: 184px;
  background-repeat: no-repeat;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-size: cover;
  background-position: center;
  margin-bottom: 20px;
  text-align: center;
  line-height: 184px;
  color: white;
  font-weight: 500;
  font-size: 15px;
}

#needs-service-block-1 .service-block-image {
  background-image: url(/img/services/service-1.png);
}

#needs-service-block-2 .service-block-image {
  background-image: url(/img/services/service-2.png);
}

#needs-service-block-3 .service-block-image {
  background-image: url(/img/services/service-3.png);
}

#needs-service-block-4 .service-block-image {
  background-image: url(/img/services/service-4.png);
}

#needs-service-block-5 .service-block-image {
  background-image: url(/img/services/service-5.png);
}

#needs-service-block-3 .service-block-image.not-available {
  background-image: url(/img/services/service-3-disable.png);
  background-position: center -55px;
}

#needs-service-block-4 .service-block-image.not-available {
  background-image: url(/img/services/service-4-disable.png);
}

#needs-service-block-5 .service-block-image.not-available {
  background-image: url(/img/services/service-5-disable.png);
}

#needs-service-block-6 .service-block-image {
  background-image: url(/img/services/service-6.png);
}

#needs-service-block-7 .service-block-image {
  background-image: url(/img/services/service-7.png);
}

#needs-service-block-8 .service-block-image {
  background-image: url(/img/services/service-8.png);
}

#needs-service-block-9 .service-block-image {
  background-image: url(/img/services/service-9.png);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-block {
    height: 440px;
  }
  #needs-service-block-3 .service-block-image.not-available {
    background-position: center -134px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-block {
    height: 440px;
  }
  #needs-service-block-3 .service-block-image.not-available {
    background-position: center -68px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-block {
    height: 520px;
  }
  #needs-service-block-3 .service-block-image.not-available {
    background-position: center -14px;
  }
}
@media only screen and (min-width: 1200px) {
  .service-block {
    height: 460px;
  }
  #needs-service-block-3 .service-block-image.not-available {
    background-position: center -59px;
  }
}
.service-block-link {
  display: block;
  text-decoration: none;
  cursor: pointer;
  color: #545454;
}

.service-block h3 {
  font-size: 17px;
  margin-bottom: 15px;
}

.needs-service-block-button-container {
  position: relative;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: -50px;
}

.needs-service-block-button {
  display: block;
  text-align: center;
  background: #8f8f8f;
  color: white;
  border-radius: 8px;
  line-height: 29px;
  padding-bottom: 1px;
  text-decoration: none;
}

.service-block-col:hover .needs-service-block-button {
  background-color: #ec7a18;
}

.service-block-col:hover .needs-service-block-button:active, .service-block-col:hover .needs-service-block-button:hover, .service-block-col:hover .needs-service-block-button:focus {
  background: #f1742a;
}

.standard-button, .submit-button {
  font-size: 15px;
  display: block;
  text-align: center;
  background-image: linear-gradient(to right, #f7d06d, #f89a49);
  color: white;
  border-radius: 20px;
  line-height: 40px;
  height: 40px;
  /*padding-bottom: 1px;*/
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.submit-button {
  border: none;
  line-height: normal;
  padding-left: 100px;
  padding-right: 100px;
}

.standard-button.small {
  font-size: 13px;
  line-height: 36px;
  height: 36px;
  border-radius: 18px;
  padding-left: 20px;
  padding-right: 20px;
}

.standard-button:hover, .standard-button:active, .standard-button:focus, .submit-button:hover, .submit-button:active, .submit-button:focus {
  background-image: linear-gradient(to left, #f7d06d, #f89a49);
  box-shadow: 0 0 12px 7px rgba(248, 154, 73, 0.5);
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: white;
  background-color: #c57025;
  border-color: transparent;
}

.btn-primary {
  color: #fff;
  background-color: #f89a49;
  background-image: linear-gradient(to right, #f7d06d, #f89a49);
  border-color: transparent; /*set the color you want here*/
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #f89a49;
  border-color: transparent; /*set the color you want here*/
}

.nav-left, .nav-right {
  border-radius: 20px;
  display: inline-block;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.nav-left {
  background-image: url(/img/gallery-left.png), linear-gradient(to right, #f7d06d, #f89a49);
  background-repeat: no-repeat;
  background-size: 40px 40px;
  margin-right: 16px;
}

.nav-right {
  background-image: url(/img/gallery-right.png), linear-gradient(to right, #f7d06d, #f89a49);
  background-repeat: no-repeat;
  background-size: 40px 40px;
}

.nav-left-disable, .nav-left.nav-left-disable:hover {
  cursor: auto;
  background-image: url(/img/gallery-left.png);
  background-color: #d5d5d5;
  box-shadow: none;
}

.nav-right-disable, .nav-right.nav-right-disable:hover {
  cursor: auto;
  background-image: url(/img/gallery-right.png);
  background-color: #d5d5d5;
  box-shadow: none;
}

.nav-left:hover {
  background-image: url(/img/gallery-left.png), linear-gradient(to right, #f89a49, #f7d06d);
  box-shadow: 0 0 12px 7px rgba(248, 154, 73, 0.5);
}

.nav-right:hover {
  background-image: url(/img/gallery-right.png), linear-gradient(to right, #f89a49, #f7d06d);
  box-shadow: 0 0 12px 7px rgba(248, 154, 73, 0.5);
}

footer {
  height: auto;
  background-image: linear-gradient(to right, #f7d06d, #f89a49);
  background-repeat: no-repeat;
  background-position: top center;
  text-align: center;
  color: white;
  padding-top: 73px;
}

#footer-logo {
  position: absolute;
  left: 50%;
  margin-left: -145.5px;
  margin-top: -73px;
  width: 291px;
  height: 169.5px;
  background-image: url(/img/footer-logo.png);
  background-size: 291px 169.5px;
}

footer h4 {
  font-size: 15px;
}

footer ul {
  list-style: none;
  padding: 0;
}

footer a {
  text-decoration: none;
  color: white;
  line-height: 32px;
}

#footer-center a {
  line-height: normal;
}

footer a:hover, footer a:active, footer a:focus {
  font-weight: bold;
}

#instagram {
  display: inline-block;
  width: 29px;
  height: 29px;
  background: url(/img/instagram.png) no-repeat;
  background-size: 29px 29px;
  text-indent: -10000px;
  color: rgba(0, 0, 0, 0);
  margin-bottom: 12px;
}

#footer-center p {
  margin-bottom: 10px;
}

#footer-left {
  padding-top: 152px;
}

#footer-center {
  padding-top: 33px;
}

#footer-right {
  padding-top: 47px;
  padding-bottom: 33px;
}

@media only screen and (min-width: 768px) {
  #footer-left {
    padding-top: 0;
  }
  #footer-center {
    padding-top: 139px;
  }
  #footer-right {
    padding-top: 33px;
    padding-bottom: 0;
  }
  footer {
    height: 388px;
  }
}
/* 5 cols */
.col-2_4,
.col-sm-2_4,
.col-md-2_4,
.col-lg-2_4,
.col-xl-2_4 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-2_4 {
  flex: 0 0 20%;
  max-width: 20%;
}

@media (min-width: 540px) {
  .col-sm-2_4 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 720px) {
  .col-md-2_4 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 960px) {
  .col-lg-2_4 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
@media (min-width: 1140px) {
  .col-xl-2_4 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.form-control {
  background-color: #efefef;
  border: none;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  font-size: 13px;
  padding-left: 22px;
}

.form-control:focus {
  color: var(--bs-body-color);
  background-color: #f5f5f5;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}

textarea.form-control {
  height: auto;
  min-height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
  line-height: normal;
  padding-top: 12px;
}

.form-control::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a2a2a3;
  opacity: 1; /* Firefox */
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a2a2a3;
  opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #a2a2a3;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #a2a2a3;
}

/* Fonts */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans ExtraBold"), local("Open-Sans-ExtraBold"), url("/fonts/OpenSans-ExtraBold.woff2") format("woff2"), url("/fonts/OpenSans-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans ExtraBoldItalic"), local("Open-Sans-ExtraBoldItalic"), url("/fonts/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("/fonts/OpenSans-ExtraBoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("Open-Sans-Bold"), url("/fonts/OpenSans-Bold.woff2") format("woff2"), url("/fonts/OpenSans-Bold.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans BoldItalic"), local("Open-Sans-BoldItalic"), url("/fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("/fonts/OpenSans-BoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("Open-Sans-SemiBold"), url("/fonts/OpenSans-SemiBold.woff2") format("woff2"), url("/fonts/OpenSans-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans SemiBoldItalic"), local("Open-Sans-SemiBoldItalic"), url("/fonts/OpenSans-SemiBoldItalic.woff2") format("woff2"), url("/fonts/OpenSans-SemiBoldItalic.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("Open-Sans-Regular"), url("/fonts/OpenSans-Regular.woff2") format("woff2"), url("/fonts/OpenSans-Regular.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("Open-Sans-Italic"), url("/fonts/OpenSans-Italic.woff2") format("woff2"), url("/fonts/OpenSans-Italic.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("Open-Sans-Light"), url("/fonts/OpenSans-Light.woff2") format("woff2"), url("/fonts/OpenSans-Light.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans LightItalic"), local("Open-Sans-LightItalic"), url("/fonts/OpenSans-LightItalic.woff2") format("woff2"), url("/fonts/OpenSans-LightItalic.woff") format("woff");
}/*# sourceMappingURL=template.css.map */