@import url('https://fonts.googleapis.com/css?family=Raleway');
body {
  font-family: 'Raleway', sans-serif;
  padding-top: 3.5rem;
}
.fixed-top {
    min-height: 58px;
}
.nav-link {
  text-transform: uppercase;
  font-stretch: expanded;
  font-weight: bold;
}
.dropdown-menu-nav {
  margin-top: 0.75rem !important;
}
@media (max-width: 990px) {
  .fs-nav-4 {
    font-size: calc(1.275rem + .3vw) !important;
  }
}
.icon-list {
  padding-left: 0;
  list-style: none;
}
.icon-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: .25rem;
}
.icon-list li::before {
  display: block;
  flex-shrink: 0;
  width: 1.5em;
  height: 1.5em;
  margin-right: .5rem;
  content: "";
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") no-repeat center center / 100% auto;
}
.fa-issuu {
  background-image: url("../vendor/font-awesome/svgs/brands/issuu.svg");
}
.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
@media (min-width: 992px) {
  .rounded-lg-3 {
    border-radius: .3rem;
  }
}
.css-selector {
  background: linear-gradient(127deg, #00698C, #85B200, #FF8000);
  background-size: 600% 600%;
  -webkit-animation: AnimationName 30s ease infinite;
  -moz-animation: AnimationName 30s ease infinite;
  -o-animation: AnimationName 30s ease infinite;
  animation: AnimationName 30s ease infinite;
}
@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 49%
  }
  50% {
    background-position: 100% 52%
  }
  100% {
    background-position: 0% 49%
  }
}
@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 49%
  }
  50% {
    background-position: 100% 52%
  }
  100% {
    background-position: 0% 49%
  }
}
@-o-keyframes AnimationName {
  0% {
    background-position: 0% 49%
  }
  50% {
    background-position: 100% 52%
  }
  100% {
    background-position: 0% 49%
  }
}
@keyframes AnimationName {
  0% {
    background-position: 0% 49%
  }
  50% {
    background-position: 100% 52%
  }
  100% {
    background-position: 0% 49%
  }
}
.border-wc-orange-top {
  border-top: 6px solid #FF8000 !important;
}
.border-wc-green-top {
  border-top: 6px solid #85B200 !important;
}
.border-top-green {
    border-top: #88CC44 solid medium !important;
}
.border-top-orange {
    border-top: #FF8000 solid medium !important;
}
.border-top-blue {
    border-top: #00B6F3 solid medium !important;
}

.border-top-grey {
  border-top: thick solid #ccc !important;
}
h1, h2, h3, h4, h5 {
  font-family: 'Raleway', sans-serif;
font-weight: bold;
  color: #0099CC;
}
p, a, table, tr, td, ul, il {
  font-family: 'Raleway', sans-serif;
}
a {
  text-decoration: none;
}
footer {
  overflow-x: hidden;
}
/* QUOTATIONS */
blockquote {
margin: 0.25em 0;
padding: 0.35em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}

blockquote:before {
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
display: block;
padding-left: 10px;
content: "\201C";
font-size: 80px;
position: absolute;
left: -18px;
top: -20px;
color: #7a7a7a;
}

figcaption {
    
margin: 0.25em 0;
padding: 0.35em 40px;
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 

/* BUTTONS */
.btn-primary {
  color: #fff;
  background-color: rgba(3, 153, 205, 0.45);
  border-color: #FFFFFF;
  border: thin #FFFFFF solid;
  padding: .75rem 1.75rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0rem;
}
@media (max-width: 768px) {
  .btn-primary {
    font-size: 1.05rem;
    padding: 1rem 1.5rem;
  }
  .display-3 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1;
  }
}
.btn-primary:hover {
  background-color: rgba(62, 62, 62, 0.75);
  border-color: #FFFFFF;
  border: thin #FFFFFF solid;
  -webkit-box-shadow: 0px 0px 22px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 22px -9px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 22px -9px rgba(0, 0, 0, 0.75);
}
/* Navigation */
.nav-link {
  text-transform: uppercase;
  font-stretch: expanded;
  font-weight: bold;
}
nav, .dropdown-item {
  font-size: 0.75rem;
  color: #ffffff;
}
.dropdown-menu {
  color: #ffffff;
  background-color: rgba(3, 153, 205, 0.75);
  border-radius: 0rem;
  margin: .61rem 0 0;
}
@media (max-width: 768px) {
  nav, .dropdown-item {
    font-size: 0.8rem;
  }
  .dropdown-menu {
    margin: .65rem 0 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0rem;
    background-color: rgba(3, 153, 205, 0.75);
    font-weight: bold;
  }
}
/* Contact Page */
.jumbotron-contact {
  background-image: url("/img/headerbackground-contact-alt.jpg");
}
/* Main Content */
.jumbotron {
  background-color: #00B6F3;
  background-size: cover;
  background-position: bottom;
  color: #343a40;
}
.jumbotron-home {
  background-image: url("/img/headerbackground-homepage-alt.jpg");
}
.jumbotron h1 {
  color: #fff;
}
.jumbotron p {
  font-weight: normal;
  font-size: 24px;
  color: #fff;
}
/* FOOTER */
.facolor-white {
  color: #FFF;
}
.facolor-white:hover {
  color: rgba(3, 153, 205, 1);
}
.btn-wd {
  border: medium #048DBB solid;
  background: rgba(4, 141, 187, 0.6);
  padding: 14px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.btn-dm {
  border: medium #ff8000 solid;
  background: rgba(255, 128, 0, 0.6);
  padding: 14px;
  color: #ffffff;
  text-transform: uppercase;
}
.btn-pd {
  border: medium #85B200 solid;
  background: rgba(133, 178, 0, 0.6);
  padding: 14px;
  color: #ffffff;
  text-transform: uppercase;
}
.bgcolor-wd {
  background: rgba(4, 141, 187, 1);
}
.bgcolor-dm {
  background: rgba(255, 128, 0, 1);
}
.bgcolor-pd {
  background: rgba(133, 178, 0, 1);
}
.footer-zbd-call {
  font-size: 1.6rem;
}
.footer-zbd-motto {
  font-size: 1.1rem;
}
.footer-small-text {
  font-size: 0.7rem;
}
/* Code for the Cookie Banner */
.cc-window {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease
}
.cc-window.cc-invisible {
  opacity: 0
}
.cc-animate.cc-revoke {
  -webkit-transition: transform 1s ease;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease
}
.cc-animate.cc-revoke.cc-top {
  -webkit-transform: translateY(-2em);
  transform: translateY(-2em)
}
.cc-animate.cc-revoke.cc-bottom {
  -webkit-transform: translateY(2em);
  transform: translateY(2em)
}
.cc-animate.cc-revoke.cc-active.cc-top {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.cc-animate.cc-revoke.cc-active.cc-bottom {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.cc-revoke:hover {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.cc-grower {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1s;
  transition: max-height 1s
}
.cc-revoke, .cc-window {
  position: fixed;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Helvetica, Calibri, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999
}
.cc-window.cc-static {
  position: static
}
.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}
.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}
.cc-revoke {
  padding: .5em
}
.cc-revoke:hover {
  text-decoration: underline
}
.cc-header {
  font-size: 18px;
  font-weight: 700
}
.cc-btn, .cc-close, .cc-link, .cc-revoke {
  cursor: pointer
}
.cc-link {
  opacity: .8;
  display: inline-block;
  padding: .2em;
  text-decoration: underline
}
.cc-link:hover {
  opacity: 1
}
.cc-link:active, .cc-link:visited {
  color: initial
}
.cc-btn {
  display: block;
  padding: .4em .8em;
  font-size: .9em;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap
}
.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent
}
.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline
}
.cc-close {
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.6em;
  opacity: .9;
  line-height: .75
}
.cc-close:focus, .cc-close:hover {
  opacity: 1
}
.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em
}
.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em
}
.cc-revoke.cc-left {
  left: 3em;
  right: unset
}
.cc-revoke.cc-right {
  right: 3em;
  left: unset
}
.cc-top {
  top: 1em
}
.cc-left {
  left: 1em
}
.cc-right {
  right: 1em
}
.cc-bottom {
  bottom: 1em
}
.cc-floating > .cc-link {
  margin-bottom: 1em
}
.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em
}
.cc-window.cc-floating .cc-compliance {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.cc-window.cc-banner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0
}
.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0
}
.cc-banner .cc-message {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
  margin-right: 1em
}
.cc-compliance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between
}
.cc-floating .cc-compliance > .cc-btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}
.cc-btn + .cc-btn {
  margin-left: .5em
}
@media print {
  .cc-revoke, .cc-window {
    display: none
  }
}
@media screen and (max-width:900px) {
  .cc-btn {
    white-space: normal
  }
}
@media screen and (max-width:414px) and (orientation:portrait), screen and (max-width:736px) and (orientation:landscape) {
  .cc-window.cc-top {
    top: 0
  }
  .cc-window.cc-bottom {
    bottom: 0
  }
  .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
    left: 0;
    right: 0
  }
  .cc-window.cc-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .cc-window.cc-banner .cc-compliance {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
  }
  .cc-window.cc-floating {
    max-width: none
  }
  .cc-window .cc-message {
    margin-bottom: 1em
  }
  .cc-window.cc-banner {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset
  }
  .cc-window.cc-banner .cc-message {
    margin-right: 0
  }
}
.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none
}
.cc-theme-classic .cc-btn {
  border-radius: 5px
}
.cc-theme-classic .cc-btn:last-child {
  min-width: 140px
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block
}
.cc-theme-edgeless.cc-window {
  padding: 0
}
.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em;
  margin-bottom: 1.5em
}
.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: .8em 1.8em;
  height: 100%
}
.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em
}
.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
  margin-left: 0
}
/* portfolio slider */
.portfolio-sub-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 10px;
  text-align: left;
}
.portfolio-title {
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  text-transform: initial;
}
.portfolio-divider {
  background-color: #fff;
  height: 1px;
  width: 35px;
}
.portfolio-container {
  padding-right: 0;
  padding-left: 0;
}
.portfolio-image {
  display: block;
  height: auto;
  width: 100%;
}
.portfolio-overlay {
  background-color: #000;
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: .5s ease;
  top: 0;
  width: 100%;
}
.portfolio-cell-container:hover .portfolio-overlay {
  opacity: .75;
}
.portfolio-text {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.huge-text {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 80px;
  line-height: 1.4em;
  text-align: center;
}
.ml-auto, .mx-auto {
  margin-left: auto !important;
}
.text-zbd {
  color: #0099CC;
  text-decoration: none;
}
.text-zbd-grey {
  color: #4C4C4C;
  text-decoration: none;
}
.text-zbd-dark:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.text-zbd-light:hover {
  color: #606060;
  text-decoration: none;
}

.text-zbd-orange {
  color: rgba(255, 128, 0, 1);
  text-decoration: none;
}
.text-zbd-orange-dark:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.text-zbd-orange-light:hover {
  color: #606060;
  text-decoration: none;
}


.text-zbd-green {
  color: rgba(133, 178, 0, 1);
  text-decoration: none;
}
.text-zbd-green-dark:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.text-zbd-green-light:hover {
  color: #606060;
  text-decoration: none;
}

/* ANIMATION TO FADE IN AND OUT */

.fadein {
   position:absolute;
   margin:auto;
}
.fadein img {
    position:absolute;
    top:0;
  }
  
  .fade-in-image {
  animation: fadeIn 12s;
  -webkit-animation: fadeIn 12s;
  -moz-animation: fadeIn 12s;
  -o-animation: fadeIn 12s;
  -ms-animation: fadeIn 12s;
  animation-iteration-count:initial;
      
}
@keyframes fadeIn {
  0% {opacity:0;}
  25% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  25% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  25% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
    
  25% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  25% {opacity:0;}
  100% {opacity:1;}
}

 
  .fade-out-image {
    opacity:0;
  animation: fadfadeOuteIn 12s;
  -webkit-animation: fadeOut 12s;
  -moz-animation: fadeOut 12s;
  -o-animation: fadeOut 12s;
  -ms-animation: fadeOut 12s;
  
  animation-iteration-count:1;
}
@keyframes fadeOut {
  0% {opacity:1;}
  25% {opacity:1;}
  100% {opacity:0;}
  
}

@-moz-keyframes fadeOut {
  0% {opacity:1;}
  25% {opacity:1;}
  100% {opacity:0;}
}

@-webkit-keyframes fadeOut {
  0% {opacity:1;}
  25% {opacity:1;}
  100% {opacity:0;}
}

@-o-keyframes fadeOut {
  0% {opacity:1;}
  25% {opacity:1;}
  100% {opacity:0;}
}

@-ms-keyframes fadeOut {
  0% {opacity:1;}
  25% {opacity:1;}
  100% {opacity:0;}
}

/* BOOTSTRAP FEATURES */
.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  color: #fff;
  border-radius: .75rem;
}

.icon-link {
  display: inline-flex;
  align-items: center;
}
.icon-link > .bi {
  margin-top: .125rem;
  margin-left: .125rem;
  transition: transform .25s ease-in-out;
  fill: currentColor;
}
.icon-link:hover > .bi {
  transform: translate(.25rem);
}

.icon-square {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  border-radius: .75rem;
}

.rounded-4 { border-radius: .5rem; }
.rounded-5 { border-radius: 1rem; }

.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

.card-cover {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* PRICING */


.pricing-header {
  max-width: 700px;
}

/*
 * Ribbon
 */
.ribbon-holder {
  overflow: hidden;
  position: relative;
	z-index: 801;
}
.ribbon {
    
        position: absolute;
    background: #61212d;
    color: #ffffff;
    transform: rotate(-35deg);
    text-align: center;
    top: 27px;
    left: -43px;
    width: 262px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.3rem;
}
/*
 * Extra utilities
 */

.flex-equal > * {
  -ms-flex: 1;
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    -ms-flex: 1;
    flex: 1;
  }
}

.overflow-hidden { overflow: hidden; }


.sticky-top {

position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;

}
/* Card Columns */
.card-columns {
    column-count: 1;
  }
@media (min-width: 768px) {
.card-columns {
    column-count: 2;
  }
}
@media (min-width: 1200px) {
.card-columns {
    column-count: 3;
  }
}
@media (min-width: 1800px) {
.card-columns {
    column-count: 4;
  }
}

.card-text-classifieds {
	
    font-size: 14px;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    line-height: 22.4px;
    font-weight: 600;

}


.chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 0.45em;
}

.chevron.right:before {
	left: 0;
	transform: rotate(45deg);
}

.chevron.bottom:before {
	top: 0;
	transform: rotate(135deg);
}

.chevron.left:before {
	left: 0.25em;
	transform: rotate(-135deg);
}