@charset "UTF-8";
/* Fonts and Icons Import */
@import url("https://fonts.googleapis.com/css?family=Lato:100,200,300,400,700");
@import url("https://fonts.googleapis.com/css?family=Quattrocento:400,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700&subset=latin-ext");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
/* Settings */
/* Macros */
/* Mixins */
/* CSS */
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

/* Show reCAPTCHA badge only on contact and orders pages */
body:has(.order-page) .grecaptcha-badge,
body:has(.contact-page) .grecaptcha-badge {
  visibility: visible;
}

.wrapper {
  width: 100%;
  float: none;
  display: block;
  margin: 0 auto !important;
  max-width: 1110px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 767px) {
  .wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
}

img {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: middle;
}

.clearfix,
.row {
  display: block;
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: "";
  width: 100%;
  display: table;
}

a {
  text-decoration: none;
  outline: none;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  color: #b40e4e;
}

a:focus,
a:focus-visible {
  outline: none !important;
}

a:hover {
  color: #93b581;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0px;
  font-family: "Quattrocento", serif;
}

p {
  margin: 0;
}

* + h1,
* + h2 {
  margin-top: 30px;
}

* + h3,
* + h4 {
  margin-top: 25px;
}

* + h5,
* + h6 {
  margin-top: 20px;
}

* + p {
  margin-top: 15px;
}

/* Fonts and Texts Related */
.uppercase {
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.set-bg,
.bg,
.overlay {
  background-size: cover;
  background-position: center;
  position: relative;
}

.parallax {
  background-attachment: fixed;
}

@media all and (max-width: 992px) {
  .parallax {
    background-attachment: initial;
  }
}

.overlay > * {
  position: relative;
  z-index: 2;
}

.overlay:before {
  content: "";
  background: rgba(68, 68, 68, 0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
}

.get-bg {
  display: none !important;
}

.bold,
.bold h1,
.bold h2,
.bold h3,
.bold h4,
.bold h5,
.bold h6 {
  font-weight: 700;
}

.semibold,
.semibold h1,
.semibold h2,
.semibold h3,
.semibold h4,
.semibold h5,
.semibold h6 {
  font-weight: 600;
}

.medium,
.medium h1,
.medium h2,
.medium h3,
.medium h4,
.medium h5,
.medium h6 {
  font-weight: 500;
}

.normal,
.normal h1,
.normal h2,
.normal h3,
.normal h4,
.normal h5,
.normal h6 {
  font-weight: 400;
}

.light,
.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6 {
  font-weight: 300;
}

/* Float and Display related */
.fl {
  float: left;
}

.fr {
  float: right;
}

.ib {
  display: inline-block;
  vertical-align: middle;
  margin-right: -5px;
}

.vt {
  vertical-align: top;
}

.socialIcons a {
  display: inline-block;
  padding: 0 6px;
}

.altBg {
  background-color: #f9f9f9;
}

/* Widths and Paddings */
.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w33 {
  width: 33.33%;
}

.w40 {
  width: 40%;
}

.w50 {
  width: 50%;
}

.w60 {
  width: 60%;
}

.w66 {
  width: 66.66%;
}

.w70 {
  width: 70%;
}

.w75 {
  width: 75%;
}

.w80 {
  width: 80%;
}

.pl0 {
  padding-left: 0;
}

.pr0 {
  padding-right: 0;
}

.pl10 {
  padding-left: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pr15 {
  padding-right: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pr30 {
  padding-right: 30px;
}

.pr70 {
  padding-right: 70px;
}

.pl70 {
  padding-left: 70px;
}

.pl100 {
  padding-left: 100px;
}

.p0-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.p0-0 {
  padding-left: 0;
  padding-right: 0;
}

.p0-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.p0-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.p0-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.p0-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.p0-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.p10-0 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.p20-0 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.p30-0 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.p40-0 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p50-0 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.p60-0 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.p70-0 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb100 {
  padding-bottom: 100px;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pt60 {
  padding-top: 60px;
}

.pt70 {
  padding-top: 70px;
}

/* Form Style */
input[type="submit"] {
  cursor: pointer;
  /*background-image:url(../Images/blank.png) !important; */
}

::-webkit-input-placeholder {
  opacity: 0.7 !important;
  color: #444444 !important;
}

::-moz-placeholder {
  opacity: 0.7 !important;
  color: #444444 !important;
}

:-ms-input-placeholder {
  opacity: 0.7 !important;
  color: #444444 !important;
}

textarea,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
select {
  font-family: "Figtree";
  display: block;
  border: none;
  outline: none;
  border: 1px solid #e0e0e0;
  background: #fff;
  font-size: 17px;
  line-height: 28px;
  font-weight: 400;
  color: #444444;
  margin: 0;
  padding: 8px 20px;
  width: 100% !important;
  border-radius: 5px;
}
@media (max-width: 992px) {
  textarea,
  input[type="text"],
  input[type="number"],
  input[type="email"],
  input[type="tel"],
  select {
    font-size: 16px;
  }
}

textarea {
  min-height: 195px;
}

form .field {
  padding: 0 0 20px;
}

form .field input::placeholder,
form .field textarea::placeholder {
  color: #bbb !important;
}

form .fields-group {
  margin: 0 -10px;
}

form .fields-group .field {
  padding: 0 10px 20px;
}
/* Bottom-align side-by-side fields so inputs line up when one label wraps to two lines */
form .fields-group {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
/* The clearfix pseudo-elements are 100% wide and would become flex items */
form .fields-group:before,
form .fields-group:after {
  display: none;
}
/* Fields without a width class were full width as blocks; keep that in flex */
form .fields-group .field:not(.fl) {
  width: 100%;
}

form .actions {
  position: relative;
  margin-top: 10px;
}

form input[type="radio"],
form input[type="checkbox"] {
  display: none;
}

form input[type="radio"] + label,
form input[type="checkbox"] + label {
  position: relative;
  display: block;
  padding-left: 35px;
  cursor: pointer;
}

form input[type="radio"] + label:before,
form input[type="checkbox"] + label:before {
  content: "\f00c";
  font-family: fontawesome;
  color: #93b581;
  position: absolute;
  left: 4px;
  top: 4px;
  font-size: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 1px solid #ccc;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  text-align: center;
  line-height: 18px;
}

form input[type="radio"] + label:before {
  border-radius: 50%;
}

form input[type="radio"]:checked + label:before {
  background: #93b581;
  border-color: #93b581;
}

form input[type="checkbox"]:checked + label:before {
  border-color: #93b581;
  font-size: 14px;
  background: #93b581;
  color: #fff;
}

input[type="submit"] {
  outline: none;
  padding: 14px 24px;
  background: #fff;
  color: #444444;
  border: 1px solid #93b581;
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
  border-radius: 30px;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  text-transform: uppercase;
  transition: all ease 0.3s;
  font-family: "Lato", sans-serif;
  margin-top: 30px;
}

input[type="submit"]:hover {
  color: #ffffff;
  background: #93b581;
}

/* Slick Slider */
.slick-list,
.slick-slider,
.slick-track {
  position: relative;
  display: block;
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  top: 0;
  left: 0;
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  left: -40px;
  z-index: 5;
  font-size: 0;
  line-height: 0;
  width: 40px;
  height: 40px;
  background: transparent;
  cursor: pointer;
  border: 2px solid transparent;
  margin: -30px 0 0;
  display: block;
  text-align: center;
  border-color: transparent #aaaaaa #aaaaaa transparent;
  transform: rotate(-45deg);
}

.slick-prev {
  transform: rotate(135deg);
}

.slick-arrow.slick-next {
  left: inherit;
  right: -30px;
}

@media (max-width: 1320px) {
  .slick-arrow {
    left: 0;
    right: 0;
    width: 30px;
    height: 30px;
  }

  .slick-arrow.slick-next {
    left: inherit;
    right: 0px;
  }

  .slick-slider {
    padding: 0 40px;
  }
}
.slick-dotted ul.slick-dots {
  margin: 25px 0;
  padding: 0;
  list-style: none;
  text-align: center;
  display: block;
  width: 100%;
  line-height: 0;
}

.slick-dotted ul.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dotted ul.slick-dots li button {
  width: 12px;
  height: 12px;
  font-size: 0;
  cursor: pointer;
  border: none;
  background: #a1a1a1;
  border-radius: 50%;
  outline: 0;
}

.slick-dotted ul.slick-dots li.slick-active button {
  background: #000;
}

.slick-slider a,
.slick-slider button,
.slick-slider .slick-slide {
  outline: none;
}

/* Fancybox 3 */
.fancybox-enabled {
  overflow: hidden;
}

.fancybox-enabled body {
  height: 100%;
  overflow: visible;
}

.fancybox-container {
  backface-visibility: hidden;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  webkit-backface-visibility: hidden;
  width: 100%;
  z-index: 99993;
}

.fancybox-container ~ .fancybox-container {
  z-index: 99992;
}

.fancybox-bg {
  backface-visibility: hidden;
  background: #0f0f11;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19);
  webkit-backface-visibility: hidden;
}

.fancybox-container--ready .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-controls {
  backface-visibility: hidden;
  direction: ltr;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transition: opacity 0.2s;
  webkit-backface-visibility: hidden;
  z-index: 99994;
}

.fancybox-show-controls .fancybox-controls {
  opacity: 1;
}

.fancybox-infobar {
  display: none;
}

.fancybox-show-infobar .fancybox-infobar {
  display: inline-block;
  pointer-events: all;
}

.fancybox-infobar__body {
  background-color: rgba(30, 30, 30, 0.7);
  color: #ddd;
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 44px;
  moz-user-select: none;
  ms-user-select: none;
  pointer-events: none;
  text-align: center;
  user-select: none;
  webkit-font-smoothing: subpixel-antialiased;
  webkit-tap-highlight-color: transparent;
  webkit-touch-callout: none;
  webkit-user-select: none;
  width: 70px;
}

.fancybox-buttons {
  display: none;
  pointer-events: all;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-show-buttons .fancybox-buttons {
  display: block;
}

.fancybox-slider-wrap {
  direction: ltr;
  overflow: hidden;
}

.fancybox-slider-wrap,
.fancybox-slider {
  backface-visibility: hidden;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  webkit-backface-visibility: hidden;
  webkit-tap-highlight-color: transparent;
  z-index: 99993;
}

.fancybox-slide {
  box-sizing: border-box;
  height: 100%;
  left: 0;
  margin: 0;
  outline: none;
  overflow: auto;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  webkit-overflow-scrolling: touch;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-slide > * {
  background-color: #fff;
  border-width: 0;
  box-sizing: border-box;
  display: inline-block;
  margin: 44px 0 44px;
  overflow: auto;
  padding: 24px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image {
  overflow: hidden;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-content {
  border: 0;
  box-sizing: border-box;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 16px;
  height: calc(100% - 88px);
  line-height: normal;
  margin: 44px auto;
  outline: none;
  padding: 0;
  position: relative;
  text-align: left;
  vertical-align: middle;
  webkit-overflow-scrolling: touch;
  webkit-tap-highlight-color: transparent;
  white-space: normal;
  width: 80%;
}

.fancybox-iframe {
  background: #fff;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video .fancybox-iframe {
  background: transparent;
}

.fancybox-placeholder {
  backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 0;
  cursor: default;
  left: 0;
  margin: 0;
  ms-transform-origin: top left;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  webkit-backface-visibility: hidden;
  webkit-transform-origin: top left;
  z-index: 99995;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  background-size: 100% 100%;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.fancybox-controls--canzoomOut .fancybox-placeholder {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox-controls--canzoomIn .fancybox-placeholder {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox-controls--canGrab .fancybox-placeholder {
  cursor: grab;
  cursor: -webkit-grab;
}

.fancybox-controls--isGrabbing .fancybox-placeholder {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-tmp {
  left: -9999px;
  position: absolute;
  top: -9999px;
  visibility: hidden;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  left: 50%;
  margin: 0;
  max-width: 100%;
  ms-transform: translate(-50%, -50%);
  padding: 40px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  webkit-transform: translate(-50%, -50%);
  width: 380px;
}

.fancybox-error p {
  color: #444;
  font:
    16px/20px "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  margin: 0;
  padding: 0;
}

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  height: 44px;
  margin: 0;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  z-index: 10;
}

.fancybox-close-small:after {
  background: #fff;
  border-radius: 50%;
  border-width: 0;
  box-sizing: border-box;
  color: #888;
  content: "�";
  font:
    20px/30px Arial,
    "Helvetica Neue",
    Helvetica,
    sans-serif;
  font-weight: 300;
  height: 30px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 5px;
  transition: background 0.2s;
  width: 30px;
  z-index: 2;
}

.fancybox-close-small:focus:after {
  outline: 1px dotted #888;
}

.fancybox-slide--video .fancybox-close-small {
  background: transparent;
  right: -36px;
  top: -36px;
}

.fancybox-close-small:hover:after {
  background: #eee;
  color: #555;
}

.fancybox-caption-wrap {
  backface-visibility: hidden;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(0, 0, 0, 0.1) 20%,
    rgba(0, 0, 0, 0.2) 40%,
    rgba(0, 0, 0, 0.6) 80%,
    rgba(0, 0, 0, 0.8) 100%
  );
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  opacity: 0;
  padding: 60px 30px 0 30px;
  pointer-events: none;
  position: absolute;
  right: 0;
  transition: opacity 0.2s;
  webkit-backface-visibility: hidden;
  z-index: 99998;
}

.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
}

.fancybox-caption {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 30px 0;
  webkit-text-size-adjust: none;
}

.fancybox-caption a,
.fancybox-caption button {
  pointer-events: all;
}

.fancybox-caption a {
  color: #fff;
  text-decoration: underline;
}

.fancybox-button {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  line-height: 44px;
  margin: 0;
  outline: none;
  padding: 0;
  position: relative;
  vertical-align: top;
  width: 44px;
}

.fancybox-button--disabled {
  cursor: default;
  pointer-events: none;
}

.fancybox-infobar__body,
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
}

.fancybox-button:hover {
  background: rgba(0, 0, 0, 0.8);
}

.fancybox-button::before,
.fancybox-button::after {
  background-color: currentColor;
  border-color: #fff;
  box-sizing: border-box;
  color: currentColor;
  content: "";
  display: inline-block;
  opacity: 0.9;
  pointer-events: none;
  position: absolute;
}

.fancybox-button--disabled::before,
.fancybox-button--disabled::after {
  opacity: 0.5;
}

.fancybox-button--left::after {
  background: transparent;
  border-right: solid 2px currentColor;
  border-top: solid 2px currentColor;
  height: 6px;
  left: 20px;
  ms-transform: rotate(-135deg);
  top: 18px;
  transform: rotate(-135deg);
  webkit-transform: rotate(-135deg);
  width: 6px;
}

.fancybox-button--right::after {
  background: transparent;
  border-right: solid 2px currentColor;
  border-top: solid 2px currentColor;
  height: 6px;
  ms-transform: rotate(45deg);
  right: 20px;
  top: 18px;
  transform: rotate(45deg);
  webkit-transform: rotate(45deg);
  width: 6px;
}

.fancybox-button--left {
  border-bottom-left-radius: 5px;
}

.fancybox-button--right {
  border-bottom-right-radius: 5px;
}

.fancybox-button--close {
  float: right;
}

.fancybox-button--close::before,
.fancybox-button--close::after {
  content: "";
  display: inline-block;
  height: 2px;
  left: calc(50% - 8px);
  position: absolute;
  top: calc(50% - 1px);
  width: 16px;
}

.fancybox-button--close::before {
  ms-transform: rotate(45deg);
  transform: rotate(45deg);
  webkit-transform: rotate(45deg);
}

.fancybox-button--close::after {
  ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  webkit-transform: rotate(-45deg);
}

.fancybox-loading {
  animation: fancybox-rotate 0.8s infinite linear;
  background: transparent;
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-radius: 100%;
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  height: 50px;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  top: 50%;
  webkit-animation: fancybox-rotate 0.8s infinite linear;
  width: 50px;
  z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
  from {
    transform: rotate(0deg);
    webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
    webkit-transform: rotate(359deg);
  }
}
@keyframes fancybox-rotate {
  from {
    transform: rotate(0deg);
    webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
    webkit-transform: rotate(359deg);
  }
}
@media all and (max-width: 800px) {
  .fancybox-controls {
    text-align: left;
  }

  .fancybox-button--left,
  .fancybox-button--right,
  .fancybox-buttons button:not(.fancybox-button--close) {
    display: none !important;
  }

  .fancybox-caption {
    margin: 0;
    padding: 20px 0;
  }
}
.fancybox-button--fullscreen::before {
  background: none;
  border: 2px solid;
  height: 11px;
  left: 15px;
  top: 16px;
  width: 15px;
}

.fancybox-button--play::before {
  background: transparent;
  border-bottom: 6px inset transparent;
  border-left: 10px solid;
  border-radius: 1px;
  border-top: 6px inset transparent;
  height: 0;
  left: 18px;
  top: 16px;
  width: 0;
}

.fancybox-button--pause::before {
  background: transparent;
  border-style: solid;
  border-width: 0 2px 0 2px;
  height: 11px;
  left: 18px;
  top: 16px;
  width: 7px;
}

.fancybox-button--thumbs span {
  font-size: 23px;
}

.fancybox-button--thumbs::before {
  box-shadow:
    0 -4px 0,
    -4px -4px 0,
    4px -4px 0,
    0 0 0 32px inset,
    -4px 0 0,
    4px 0 0,
    0 4px 0,
    -4px 4px 0,
    4px 4px 0;
  height: 3px;
  left: 21px;
  top: 20px;
  width: 3px;
}

.fancybox-container--thumbs .fancybox-controls,
.fancybox-container--thumbs .fancybox-slider-wrap,
.fancybox-container--thumbs .fancybox-caption-wrap {
  right: 220px;
}

.fancybox-thumbs {
  background: #fff;
  bottom: 0;
  box-sizing: border-box;
  left: auto;
  margin: 0;
  padding: 5px 5px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  webkit-overflow-scrolling: touch;
  webkit-tap-highlight-color: transparent;
  width: 220px;
  word-break: normal;
  z-index: 99993;
}

.fancybox-thumbs > ul {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  width: 100%;
}

.fancybox-thumbs > ul > li {
  backface-visibility: hidden;
  border: 5px solid #fff;
  border-right-width: 0;
  border-top-width: 0;
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 0;
  max-width: 50%;
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  webkit-backface-visibility: hidden;
  webkit-tap-highlight-color: transparent;
  width: 105px;
}

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1);
}

.fancybox-thumbs > ul > li > img {
  left: 0;
  max-height: none;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  moz-user-select: none;
  ms-user-select: none;
  position: absolute;
  top: 0;
  user-select: none;
  webkit-touch-callout: none;
  webkit-user-select: none;
}

.fancybox-thumbs > ul > li:before {
  border: 4px solid #4ea7f9;
  border-radius: 2px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1;
}

@media all and (max-width: 800px) {
  .fancybox-thumbs {
    display: none !important;
  }

  .fancybox-container--thumbs .fancybox-controls,
  .fancybox-container--thumbs .fancybox-slider-wrap,
  .fancybox-container--thumbs .fancybox-caption-wrap {
    right: 0;
  }
}
/* List Styling */
ul.listStyle,
ul.noStyle {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* put listStyle class to "parent" tag of "ul" */
ul.listStyle li {
  padding: 5px 0 5px 30px;
  position: relative;
  font-weight: 500;
}

ul.listStyle li:before {
  font-family: "fontawesome", sans-serif;
  position: absolute;
  font-size: 16px;
  left: 4px;
  color: #93b581;
  font-weight: normal;
  top: 7px;
}

ul.listStyle li:not([class*="fa-"]):before {
  content: "\f105";
}

/*Default without any class in <li> if you want any other font awesome icon just put icon class in <li class="fa-angle-right"> Content</li> */
@media (max-width: 992px) {
  /* Width */
  .tabw25 {
    width: 25%;
  }

  .tabw30 {
    width: 30%;
  }

  .tabw33 {
    width: 33.33%;
  }

  .tabw40 {
    width: 40%;
  }

  .tabw50 {
    width: 50%;
  }

  .tabw60 {
    width: 60%;
  }

  .tabw66 {
    width: 66.66%;
  }

  .tabw70 {
    width: 70%;
  }

  .tabw75 {
    width: 75%;
  }

  .tabw100 {
    width: 100%;
  }

  /* Paddings */
  .p40-0 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .p50-0 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .p60-0 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .p70-0 {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .pb40 {
    padding-bottom: 30px;
  }

  .pb50 {
    padding-bottom: 35px;
  }

  .pb60 {
    padding-bottom: 40px;
  }

  .pb70 {
    padding-bottom: 45px;
  }

  .pt40 {
    padding-top: 30px;
  }

  .pt50 {
    padding-top: 35px;
  }

  .pt60 {
    padding-top: 40px;
  }

  .pt70 {
    padding-top: 45px;
  }

  /* Mobile Menu Icon */
  a.expandMenu {
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    right: 15px;
    padding: 5px;
    margin-top: 10px;
  }

  a.expandMenu i {
    position: relative;
    width: 30px;
    left: 0;
    height: 4px;
    opacity: 1;
    display: block;
    background: #b40e4e;
    margin: 5px 0;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
  }

  a.expandMenu.open i:first-child {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    top: 10px;
    position: relative;
  }

  a.expandMenu.open i:nth-child(2) {
    position: relative;
    left: -46px;
    opacity: 0;
  }

  a.expandMenu.open i:last-child {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top: -8px;
    position: relative;
  }
}
@media (max-width: 767px) {
  /* Width */
  .mw25 {
    width: 25%;
  }

  .mw33 {
    width: 33.33%;
  }

  .mw50 {
    width: 50%;
  }

  .mw66 {
    width: 66.66%;
  }

  .mw75 {
    width: 75%;
  }

  .mw100 {
    width: 100%;
  }

  /* Margin and Paddings */
  .mtop10 {
    margin-top: 10px;
  }

  .mtop20 {
    margin-top: 20px;
  }

  .mtop30 {
    margin-top: 30px;
  }

  .mpt0 {
    padding-top: 0 !important;
  }

  .mpb0 {
    padding-bottom: 0 !important;
  }

  .mp0 {
    padding: 0 !important;
  }

  /* Font Alignments */
  .mobile-left {
    text-align: left;
  }

  .mobile-center {
    text-align: center;
  }

  .mobile-right {
    text-align: right;
  }
}
/* Animate CSS */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

body {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 1.5;
  font-family: "Lato", sans-serif;
  color: #444444;
  font-weight: 400;
  background-color: #eeeeee;
  overflow-x: hidden;
}
@media (max-width: 992px) {
  body {
    font-size: 16px;
  }
}

.button a,
a.button {
  font-size: 15px;
  font-weight: 700;
  color: #b40e4e;
  border: 1px solid #93b581;
  padding: 10px 30px;
  border-radius: 30px;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.4;
  display: inline-block;
}
.fontWhite .button a,
.fontWhite a.button {
  color: #ffffff;
}
.button a:hover,
a.button:hover {
  background: #b40e4e;
  color: #fff;
  border-color: transparent !important;
}

.button.white a,
a.button.white {
  color: #fff;
  border-color: #fff;
}

.button.secondaryColor a,
a.button.secondaryColor {
  border-color: #b40e4e;
}

.button.primaryColor a,
a.button.primaryColor {
  border-color: #93b581;
  color: #93b581;
}
.button.primaryColor a:hover,
a.button.primaryColor:hover {
  color: #fff;
}

.br-right {
  border-right: 1px solid #eeeeee;
}

.borderTop {
  border-top: 1px solid #eeeeee;
}

h1 {
  font-size: 72px;
  line-height: 1.1;
  font-weight: 400;
}
@media (max-width: 992px) {
  h1 {
    font-size: 36px;
  }
}

h2 {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 400;
  color: #ffffff;
}
@media (max-width: 992px) {
  h2 {
    font-size: 40px;
  }
}

h3 {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 400;
  color: #888888;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  h3 {
    font-size: 26px;
  }
}

h4 {
  font-size: 32px;
  line-height: 1.4;
  font-weight: 400;
  color: #444444;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  h4 {
    font-size: 22px;
  }
}

h5 {
  font-size: 28px;
  line-height: 1.5;
  font-weight: 400;
}
@media (max-width: 992px) {
  h5 {
    font-size: 18px;
  }
}

h6 {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
}
@media (max-width: 992px) {
  h6 {
    font-size: 18px;
  }
}

.table {
  display: table;
}
.table .tableCell {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 0;
}
.table .tableCell.vt {
  vertical-align: top;
}

.fontWhite {
  color: #fff;
}

.titleStyle:before {
  content: "";
  width: 92px;
  height: 3px;
  margin: 0px auto 15px 0;
  display: block;
  background: #93b581;
}
.text-center .titleStyle:before {
  margin-left: auto;
}

.fullImage img {
  width: 100%;
  height: auto;
}

.link a:after,
a.link:after {
  content: "\f105";
  font-family: fontawesome;
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  color: #444444;
}

a.noArrow:after {
  display: none;
}

.contentBlock {
  padding: 100px;
}
.contentBlock ul {
  margin: 0;
}

.main {
  max-width: 1217px;
  margin: 0 auto;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.11);
  -moz-box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.11);
}

/* Header And Footer CSS
-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Header */
header {
  padding: 20px 0 25px 0;
  font-size: 15px;
  min-height: 110px;
}
header .siteLogo img {
  width: auto;
  height: auto;
  max-width: 275px;
  max-height: 80px;
}
header a {
  color: #999;
}
header a:hover {
  color: #b40e4e;
}
header .topStrip {
  font-size: 13px;
}
header .siteNavigation {
  text-align: right;
}
header .siteNavigation ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
header .siteNavigation ul li {
  display: inline-block;
}
header .siteNavigation ul li a {
  display: block;
  padding: 10px 15px;
  text-transform: uppercase;
}
header .siteNavigation ul li a.button,
header .siteNavigation ul li a.tc-btn {
  padding: 10px 30px;
}
@media (max-width: 1030px) {
  header .siteNavigation ul li a {
    padding: 10px 12px;
  }
}
header .siteNavigation ul li.active a {
  color: #b40e4e;
}

@media (max-width: 992px) {
  header {
    position: relative;
    z-index: 151;
    min-height: 100px;
    padding: 15px 0;
  }
  header .siteNavigation {
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    padding: 0;
    text-align: left;
    border-top: 2px solid #b40e4e;
    display: none;
  }
  header .siteNavigation ul {
    display: block;
  }
  header .siteNavigation ul li {
    display: block;
  }
  header .siteNavigation ul li + li {
    border-top: 1px solid #ddd;
  }
  header .siteNavigation ul li:last-child {
    padding: 25px 15px;
  }
  header .siteNavigation ul li a {
    padding: 15px;
  }
  header .siteNavigation ul li a.tc-btn {
    width: 100%;
  }
  header .topStrip {
    display: none;
  }
  header .headerRight {
    display: block;
  }
}
/* Footer */
footer {
  background-color: #444444;
  font-size: 15px;
  color: #cccccc;
}
footer a {
  color: #cccccc;
}
footer a:hover {
  color: #93b581;
}
footer .footerLinks ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footerLinks ul li {
  display: inline-block;
}
footer .footerLinks ul li a {
  padding: 8px 15px;
  display: block;
}
footer .footerContent {
  font-size: 13px;
  line-height: 1.8;
}

/* Home Page */
.bannerSection .table {
  min-height: 650px;
}
@media (max-width: 992px) {
  .bannerSection .table {
    min-height: 320px;
  }
}
.bannerSection .table p {
  font-size: 22px;
  font-weight: 300;
}
@media (max-width: 992px) {
  .bannerSection .table p {
    font-size: 18px;
  }
}

/*bayFrontSection*/
.bayFrontSection p,
.estimates p {
  width: 640px;
  max-width: 100%;
  margin: 0px auto;
  font-size: 16px;
  line-height: 2;
  font-weight: 400;
}

/*row3-section*/
.row3-section .image {
  height: 285px;
}
.row3-section .image h5 {
  position: absolute;
  bottom: 20px;
  left: 50px;
  margin-top: 0;
}
.row3-section .imgContent p {
  line-height: 2;
  font-size: 16px;
}
.row3-section .imgContent p a {
  color: #0e3a87;
}
.row3-section .imgContent p a:hover {
  color: #b40e4e;
}
@media (max-width: 992px) {
  .row3-section .imgContent {
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .row3-section .imgContent {
    padding-bottom: 30px;
  }
}

.all-image div:nth-child(3n + 1) {
  clear: left;
}

.estimates h3 {
  padding-bottom: 0;
}
.estimates p {
  font-size: 18px;
}
.estimates .login a {
  color: #0e3a87;
}
.estimates .login a:hover {
  color: #b40e4e;
}

.contBlock {
  padding: 100px 30px 100px 0;
}

/*AboutPage*/
.small170 .table {
  min-height: 170px;
}

.aboutLeft.imgShadow img {
  -webkit-box-shadow: -40px -40px 0 0 rgba(255, 255, 255, 0.12);
  -moz-box-shadow: -40px -40px 0 0 rgba(255, 255, 255, 0.12);
  box-shadow: -40px -40px 0 0 rgba(255, 255, 255, 0.12);
}
@media (max-width: 992px) {
  .aboutLeft.imgShadow img {
    -webkit-box-shadow: -15px -15px 0 0 rgba(255, 255, 255, 0.12);
    -moz-box-shadow: -15px -15px 0 0 rgba(255, 255, 255, 0.12);
    box-shadow: -15px -15px 0 0 rgba(255, 255, 255, 0.12);
    border-radius: 2px;
  }
}

.contentPadding p {
  padding-bottom: 30px;
}

.aboutLeft {
  padding-right: 5%;
  padding-left: 5%;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .aboutLeft {
    padding-bottom: 40px !important;
  }
}

.aboutRight p {
  line-height: 2;
}

.aboutSection > .wrapper.table {
  display: block;
}
.aboutSection .aboutUs {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
}
.aboutSection .aboutUs > .aboutLeft {
  float: none;
  flex: 0 0 60%;
  max-width: 60%;
}
.aboutSection .aboutUs > .aboutLeft img {
  display: block;
  margin-left: auto;
}
.aboutSection .aboutUs > .aboutRight {
  flex: 1 1 0;
  min-width: 0;
}
.aboutSection .aboutUs > .aboutRight img,
.aboutSection .aboutUs > .aboutRight iframe,
.aboutSection .aboutUs > .aboutRight table {
  max-width: 100%;
}
@media (max-width: 992px) {
  .aboutSection .aboutUs {
    flex-direction: column;
  }
  .aboutSection .aboutUs > .aboutLeft,
  .aboutSection .aboutUs > .aboutRight {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
  .aboutSection .aboutUs > .aboutLeft {
    padding-left: 0;
    padding-right: 0;
  }
  .aboutSection .aboutUs > .aboutLeft img {
    margin-left: 0;
  }
}

.staffimg {
  height: 225px;
  width: 250px;
  max-width: 100%;
  -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
  background-size: cover !important;
}

.staff-content > span:first-child {
  color: #888888;
  font-family: "Quattrocento", serif;
  font-weight: 400;
}
.staff-content > span:first-child ~ span {
  font-size: 15px;
  font-weight: 400;
}
.staff-content .mail a {
  color: #444444;
  font-size: 13px;
  display: block;
  white-space: normal;
  word-break: break-all;
  font-weight: 400;
}
.staff-content .mail a:hover {
  color: #93b581;
}

.allStaff div:nth-child(4n + 1) {
  clear: left;
}
@media (max-width: 992px) {
  .allStaff div:nth-child(4n + 1) {
    clear: none;
  }
  .allStaff div:nth-child(3n + 1) {
    clear: left;
  }
}
@media (max-width: 767px) {
  .allStaff div:nth-child(3n + 1) {
    clear: none;
  }
  .allStaff div:nth-child(2n + 1) {
    clear: left;
  }
}

.officeContact strong {
  font-family: "Quattrocento", serif;
}
.officeContact p {
  font-size: 15px;
}
.officeContact p a {
  font-size: 15px;
  color: #444444;
  line-height: 2;
}
.officeContact .direction a {
  color: #0e3a87;
}
.officeContact .direction a:hover {
  color: #93b581;
}
.officeContact strong {
  color: #888888;
  font-weight: 400;
}

/*servicesPage*/
.servicesRight ul {
  margin: 0px;
}
.servicesRight ul li {
  list-style-type: none;
}
.servicesRight ul li:before {
  content: "\f111";
  color: #93b581;
  font-family: fontawesome;
  font-size: 10px;
  vertical-align: middle;
  padding-right: 15px;
}
.servicesRight ul li a {
  font-size: 24px;
  color: #444444;
  font-weight: 400;
  vertical-align: middle;
  font-family: "Quattrocento", serif;
}
.servicesRight ul li a:hover {
  color: #93b581;
}
@media (max-width: 767px) {
  .servicesRight ul li a {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .servicesRight {
    padding-left: 0;
  }
}

/* Gap between the two resource columns (.mp0 removes it on mobile, where they stack) */
.resources-section .test-1 {
  padding-right: 30px;
}
.resources-section .test-1 strong {
  font-family: "Quattrocento", serif;
}
.resources-section .test-1 span {
  color: #888888;
  display: block;
}
.resources-section .test-1 p {
  padding-top: 10px;
}
.resources-section .test-1 a {
  color: #888888;
}
.resources-section .test-1 a:hover {
  color: #b40e4e;
}

/* Space between stacked resources on mobile (.mp0 removes the item padding there) */
@media (max-width: 767px) {
  .resources-section .test-1 + .test-1 {
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .test-1 {
    padding-right: 0;
  }
}

.test-slide {
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  padding: 0;
}
.test-slide span {
  color: #888888;
  display: block;
}

.test-1 strong {
  font-family: "Quattrocento", serif;
}
.test-1 p {
  line-height: 2;
}

.serivceContent p {
  line-height: 2;
}

/*orderPage*/
/*orderPage*/
form label {
  font-size: 15px;
  /*color: #888888;*/
  margin-bottom: 4px;
  display: block;
  font-family: "Figtree";
  text-align: left !important;
}
form select {
  background: url("../images/selectArrow@2x.png") calc(100% - 15px) center
    no-repeat #ffffff;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.fill {
  line-height: 2;
}

/*contactPage*/
.formLeft {
  padding-right: 30px;
  border-right: 1px solid #eeeeee;
}
@media (max-width: 767px) {
  .formLeft {
    border-right: none;
  }
}

/* Contact page columns: "Reach out to us" takes the width it needs (max 50%), the form takes the rest */
.contact-columns {
  display: flex;
}
.contact-columns > .contact-columns-main {
  flex: 1 1 0;
  min-width: 0;
}
.contact-columns > .contact-columns-side {
  flex: 0 1 auto;
  max-width: 50%;
  min-width: 0;
}
@media (max-width: 767px) {
  .contact-columns {
    flex-direction: column;
  }
  .contact-columns > .contact-columns-side {
    max-width: none;
  }
}
.reach {
  font-size: 15px;
}
.reach a {
  display: block;
  color: #444444;
  word-break: break-all;
}
.reach a:hover {
  color: #93b581;
}
/* Phone / fax / email line: only the value inside is a link, the label is plain text */
.reach .reach-line {
  display: block;
  color: #444444;
}
/* Keep the phone, fax and email whole: each moves to the next line as a unit and never splits. */
.reach .reach-nowrap {
  display: inline-block;
  white-space: nowrap;
  word-break: normal;
  font-weight: 700;
}
.reach .socialIcons a {
  display: inline-block;
  color: #93b581;
}
.reach .socialIcons a:hover {
  color: #b40e4e;
}

.imgShadow img {
  -webkit-box-shadow: -40px -40px 0 0 #dddddd;
  -moz-box-shadow: -40px -40px 0 0 #dddddd;
  box-shadow: -40px -40px 0 0 #dddddd;
  border-radius: 4px;
}
@media (max-width: 992px) {
  .imgShadow img {
    -webkit-box-shadow: -15px -15px 0 0 #dddddd;
    -moz-box-shadow: -15px -15px 0 0 #dddddd;
    box-shadow: -15px -15px 0 0 #dddddd;
    border-radius: 2px;
  }
}

.services,
.estimates {
  border-bottom: 1px solid #eeeeee;
}

.left-img img {
  -webkit-box-shadow: 0px 3px 40px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 40px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 40px 0 rgba(0, 0, 0, 0.5);
}

@media (max-width: 480px) {
  .fmw100 {
    width: 100%;
    text-align: center;
  }

  .staffimg {
    margin: 0 auto;
  }
}
/* Responsive */
@media (max-width: 1216px) {
  .p0-50 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .br-right {
    border-right: none;
  }

  .imgShadow {
    padding-left: 15px;
    padding-right: 15px;
  }

  .wrapLeft {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .aboutLeft {
    float: none;
    width: 100%;
    text-align: left;
  }

  .twoCol .tableCell {
    display: block;
    padding: 40px 0;
    width: 100%;
    border: none;
  }
  .twoCol .tableCell + .tableCell {
    border-top: 1px solid #eee;
  }
  .twoCol .tableCell .contentBlock {
    padding: 0px 15px !important;
  }
}

.actionDescription {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
/*# sourceMappingURL=style.css.map */

.resources-section .resource-description {
  span {
    color: inherit;
    display: inline-block;
  }
  a {
    color: var(--color-2);
  }
  a:hover {
    color: var(--color-1);
  }
}

.fill-gradient-instagram {
  background-clip: text;
  background: radial-gradient(
    circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285aeb 90%
  );

  /* needed for browser support */
  -webkit-background-clip: text; /* see https://caniuse.com/#feat=background-img-opts */
  -webkit-text-fill-color: transparent; /* https://caniuse.com/#feat=text-stroke */
}

.get-a-quote .tc-btn {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  padding: 10px 30px;
  border-color: var(--color-2);
  text-transform: uppercase;
}
.get-a-quote .tc-btn:hover {
  background-color: var(--color-2);
}
footer .get-a-quote .tc-btn {
  border-color: #fff;
  color: #fff;
}
footer .get-a-quote .tc-btn:hover {
  border-color: var(--color-2);
}

/* Image placeholders
   Image containers get a #eee background. When an image fails to load, its
   onerror handler swaps in render/images/image-placeholder.svg at 64x64 and, for the
   About photo and home images, adds .image-missing to the container. */
.aboutSection .aboutUs > .aboutLeft {
  background-color: #eee;
  background-clip: content-box;
}
.aboutSection .aboutUs > .aboutLeft.image-missing {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}
.aboutSection .aboutUs > .aboutLeft.image-missing img {
  width: 100% !important;
  height: 250px !important;
  margin: 0;
  object-fit: none;
  background-color: #eee;
  border-radius: 4px;
  box-shadow: none;
}
.staffimg {
  position: relative;
  overflow: hidden;
  background-color: #eee;
}
.staffimg img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
}
.row3-section .image {
  position: relative;
  overflow: hidden;
  background-color: #eee;
}
.row3-section .image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  z-index: 0;
}
.staffimg.image-missing,
.row3-section .image.image-missing {
  border-radius: 4px;
}
/* Resources: hide the URL / phone line when the resource has none (the empty link would still show its arrow) */
.resources-section .test-1 a[href=""],
.resources-section .test-1 a[href="tel:"] {
  display: none;
}
/* Testimonials on mobile: tighter gap between the name and the text */
@media (max-width: 767px) {
  .testmonial-Section .test-1 strong + p {
    margin-top: 8px;
    padding-top: 0;
  }
}
/* Testimonials carousel: 60px gap between slides. Slick floats the slides (no flex gap), so each slide gets
   30px side margins and the list pulls back 30px on both edges to keep the outer edges aligned. */
.testmonial-Section .multiple-items .slick-slide {
  margin: 0 30px;
}
.testmonial-Section .multiple-items .slick-list {
  margin: 0 -30px;
}
/* One slide at a time below 768px (see siteScripts.js), so no gap is needed */
@media (max-width: 767px) {
  .testmonial-Section .multiple-items .slick-slide {
    margin: 0;
  }
  .testmonial-Section .multiple-items .slick-list {
    margin: 0;
  }
}
/* Testimonials carousel arrows: same 60px space between an arrow and the testimonial next to it as between
   the two testimonials. The arrow is a rotated square whose open side sits at the box centre, so
   space = carousel side padding - arrow offset - half the arrow size. */
@media (min-width: 768px) {
  .testmonial-Section .multiple-items.slick-slider {
    padding: 0 75px; /* 75 - 0 - 15 (30px arrow) = 60 */
  }
  .testmonial-Section .multiple-items .slick-arrow {
    left: 0;
    right: auto;
  }
  .testmonial-Section .multiple-items .slick-arrow.slick-next {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1321px) {
  .testmonial-Section .multiple-items.slick-slider {
    padding: 0; /* arrows sit outside: 0 - (-80) - 20 (40px arrow) = 60 */
  }
  .testmonial-Section .multiple-items .slick-arrow {
    left: -80px;
  }
  .testmonial-Section .multiple-items .slick-arrow.slick-next {
    left: auto;
    right: -80px;
  }
}
/* Services list: bullet in the first column, service name and its description (opened on click) in the
   second, so a wrapped name and the description both line up with the first line of the name. */
.servicesRight ul li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: baseline;
}
.servicesRight ul li > a,
.servicesRight ul li > div {
  grid-column: 2;
}
/* Services list: the description (opened on click) in the template's light grey */
.servicesRight ul li > div {
  color: #888888;
}
/* Our Staff (About page): each member is a flex row (photo + text) on desktop and a centred column
   (max 600px) on tablet/mobile, so the photo and text never collide when the text no longer fits beside the
   photo. The photo fills its whole box, so its 15px side space is a margin (the old padding sat under the
   photo). Space between photo and text: 30px side by side (15px photo margin + 15px text padding),
   15px stacked. */
.ourStaff .staff-member {
  display: flex;
  align-items: flex-start;
  padding-top: 70px;
}
.ourStaff .staffimg {
  flex: 0 0 auto;
  margin-left: 15px;
  margin-right: 15px;
  max-width: calc(100% - 30px);
}
.ourStaff .staff-content {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
}
@media (max-width: 992px) {
  .ourStaff .staff-member {
    flex-direction: column;
    padding-top: 50px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .ourStaff .staff-content {
    flex: 0 0 auto;
    width: 100%;
    margin-top: 15px;
  }
}