/*****-----------------------------------------------*/
/*	Variables
/*****-----------------------------------------------*/
/* Colors */
/* margins and padding sizes */
/*****-----------------------------------------------*/
/*	Mixins
/*****-----------------------------------------------*/
/* Example Media Queries */
html {
  scroll-padding-top: 130px; /* height of sticky header */
}
@media screen and (min-width: 768px) {
  html {
    scroll-padding-top: 160px; /* height of sticky header */
  }
}

body {
  background-color: #ffffff;
  font-family: "Quicksand", sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding: 0 !important;
  color: #5b5958;
  margin: 87px 0 0 0 !important;
}
@media screen and (min-width: 768px) {
  body {
    margin: 106px 0 0 0 !important;
  }
}
@media screen and (min-width: 992px) {
  body {
    margin: 107px 0 0 0 !important;
  }
}

.container-fluid {
  background-color: #ffffff;
}

/* Global Tags
/* --------------------------------------------------*/
a, a:visited, .slider-toggle {
  color: #5b5958;
  text-decoration: none;
}

a:hover, .slider-toggle {
  color: #de3e26;
}

a.red, a.red:visited {
  color: #de3e26;
}

a.blue, a.blue:visited, .slide-close, .slide-close-all {
  color: #55adab;
}

h1, h2, h3, h4, h5 {
  letter-spacing: 1px;
}

h1 {
  font-size: 1.9em;
}

h2 {
  font-size: 1.55em;
  font-weight: 400;
}

h3 {
  font-size: 1.3em;
  font-weight: 400;
}

h4 {
  font-size: 1.15em;
  font-weight: 400;
}

h5 {
  font-size: 1em;
  font-weight: 400;
}

p {
  line-height: 1.5;
  margin-top: 0;
  letter-spacing: 1px;
}
p a {
  font-weight: 500;
  text-decoration: underline;
}
p a.btn {
  font-weight: normal;
}

.h1-special {
  display: inline-block;
  border-color: #5b5958;
  border-style: solid;
  border-width: 0 2px;
  font-weight: 300;
  color: #5b5958;
  font-size: 28px;
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
  .h1-special {
    font-size: 34px;
    padding: 0 40px;
  }
}
.h2-special {
  background: #de3e26;
  position: relative;
  z-index: 2;
  font-size: 18px;
  color: #ffffff;
}
.h2-special:before, .h2-special:after {
  display: block;
  content: "";
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 0;
  background-color: #55adab;
}
.h2-special:before {
  top: -10px;
  left: -10px;
}
.h2-special:after {
  bottom: -10px;
  right: -10px;
}
.h2-special .h2-special-inner {
  background: #de3e26;
  position: relative;
  z-index: 2;
  padding: 2rem;
}
.h2-special em {
  font-family: "Besley", serif;
}

strong {
  font-weight: 600;
}

em {
  font-family: "Besley", serif;
}

hr.h-2 {
  height: 2px;
}

/* Global Components
/* --------------------------------------------------*/
.img-responsive {
  max-width: 100%;
  height: auto;
}

.no-wrap {
  white-space: nowrap !important;
}

/*font classes*/
.font-size-11 {
  font-size: 11px;
}

.font-size-12 {
  font-size: 12px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-21 {
  font-size: 21px;
}

.font-size-24 {
  font-size: 24px;
}

.font-size-28 {
  font-size: 28px;
}

.weight-200, .thin {
  font-weight: 200;
}

.weight-300, .light {
  font-weight: 300;
}

.weight-400, .normal {
  font-weight: 400;
}

.weight-500, .medium {
  font-weight: 500;
}

.weight-600, .semi-bold {
  font-weight: 600;
}

.weight-700, .bold {
  font-weight: 700;
}

/*text*/
.text-primary {
  color: #55adab !important;
}

.text-secondary {
  color: #5b5958;
}

.text-red {
  color: #de3e26 !important;
}

/* background */
.bg-primary {
  background-color: #55adab;
}

.bg-secondary {
  background-color: #5b5958 !important;
}

.bg-medlight, .bg-greyLight {
  background-color: #dadddf;
}

.bg-white-50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.bg-white-75 {
  background-color: rgba(255, 255, 255, 0.75);
}

.border {
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
}

.border-top-thin {
  border-width: 1px 0 0 0;
}

.border-top-2 {
  border-width: 2px 0 0 0 !important;
}

.border-dotted {
  border-style: dotted;
}

.border-red {
  border-color: #de3e26;
}

.border-grey {
  border-color: #9a9a9a;
}

.anchor {
  position: relative;
  top: -70px;
}

.btn {
  font-size: 1em;
  text-transform: uppercase;
  border-radius: 0;
  font-weight: 500;
}

.btn-alternate {
  background-color: #ffffff;
  color: #3f3f3f !important;
}

.btn-alternate:hover {
  background-color: #dadddf;
}

.btn-primary {
  background-color: #55adab;
  border: 1px solid #55adab;
  color: #ffffff !important;
}

.btn-primary:hover {
  background-color: #d33922;
  color: #ffffff;
}

.btn-secondary {
  color: #ffffff !important;
}

.btn-secondary:hover {
  color: #000000;
}

.btn-outline-danger {
  color: #de3e26;
  border-color: #d33922;
  border-width: 2px;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #de3e26;
  border-color: #d33922;
}

.btn-social {
  color: #dadddf !important;
  background: #5b5958;
  border-radius: 50%;
  padding: 4px 2px;
}

.image-crop {
  width: 100%;
  height: 0;
  overflow: hidden;
}
.image-crop img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .ratio.ratio-sm-1x1:before {
    padding-top: 100%;
  }
}
.zinnia-flower {
  width: 80px;
  height: auto;
}

/* Sub-navigation
/* --------------------------------------------------*/
.subNavigation ul {
  background-image: linear-gradient(to right, #333 20%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 6px 1px;
  background-repeat: repeat-x;
  list-style: none;
  padding: 0;
}
.subNavigation ul li a {
  display: block;
  font-size: 1em;
  padding: 10px 10px;
  background-image: linear-gradient(to right, #333 20%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 6px 1px;
  background-repeat: repeat-x;
}
.subNavigation ul li a:hover, .subNavigation ul li a:active, .subNavigation ul li a.active {
  background-color: rgba(0, 0, 0, 0.04);
  text-decoration: none;
  color: #de3e26;
}

/* Slide Toggle Show/HIde Content */
.slider-toggle, .slide-close, .slide-close-all {
  cursor: pointer;
}

.slider-description {
  display: none;
}

.slider-description:first-child {
  display: block;
}

.slide-close, .slide-close-all {
  font-weight: bold;
}

/* Global Form Components
/* --------------------------------------------------*/
label {
  font-size: 0.9em;
}
label em, label small, label u {
  font-weight: normal;
}
label em {
  font-size: 0.9em;
}

label.required:after {
  content: "*";
  color: #de3e26;
}

fieldset.bordered {
  padding: 15px;
  border: 1px solid #ececec;
  border-radius: 5px;
}

.inline-input {
  display: inline-block;
  float: none;
}

.phone-areacode, .phone-prefix {
  width: 17%;
}

.phone-hyphen:after {
  content: "-";
  display: inline-block;
  padding: 0 0px 0 2px;
}

.phone-suffix {
  width: 35%;
}

@media (min-width: 576px) and (max-width: 991px) {
  .modal-xl {
    max-width: none;
    margin: 1.75rem auto;
  }
}
.modal-special {
  background: none;
  border: none;
  border-radius: 0;
}
.modal-special .btn-close {
  position: absolute;
  right: 30px;
  top: 30px;
  color: white;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f4f4f4'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  background-position-x: center;
  background-position-y: center;
  background-size: 1em;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  opacity: 1;
  z-index: 99999999;
  /*
      svg{
  	    fill: $white !important;
      }
  */
}
.modal-special .work-sample-main {
  width: 100%;
  height: auto;
  border: 4px solid #ffffff;
}
@media screen and (min-width: 768px) {
  .modal-special .work-sample-main {
    border: 10px solid #ffffff;
  }
}
.modal-special iframe {
  background: #ffffff;
  border: 4px solid #ffffff;
}
@media screen and (min-width: 768px) {
  .modal-special iframe {
    border: 10px solid #ffffff;
  }
}
.modal-special .ratio-16x9:before {
  padding-top: 56.9375%;
}

/* Albums
/*-----------------------------------------------*/
.albums {
  margin-top: 32px;
}
.albums .album-list-item {
  margin-bottom: 32px;
}
.albums .album-title {
  font-size: 16px;
  margin: 8px 0 0 0;
  line-height: 1;
}
.albums .album-date {
  font-size: 13px;
  color: #9a9a9a;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .albums .album-list-item:nth-child(2n+1) {
    clear: both;
  }
}
@media screen and (min-width: 768px) {
  .albums .album-list-item:nth-child(3n+1) {
    clear: both;
  }
}

.album-carousel .carousel-inner {
  height: 0;
  padding-bottom: 66.66%;
  background-color: #3f3f3f;
}
.album-carousel .carousel-inner .item {
  height: 0;
  padding-bottom: 66.66%;
}
.album-carousel .carousel-inner .item img {
  max-height: 545px;
}

/*# sourceMappingURL=global.css.map */