/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url("/sass/fonts/desiderata/fonts.css");
@import url("/sass/fonts/pipetton/fonts.css");
/* line 20, ../sass/sass/screen.scss */
.desiderata {
  font-family: 'Conv_Desiderata-Regular', Sans-Serif;
}

/* line 24, ../sass/sass/screen.scss */
.pipetton {
  font-family: 'Conv_Pipetton DEMO', Sans-Serif;
}

/* line 28, ../sass/sass/screen.scss */
.mmm-teal {
  color: #4EC3E0;
}

/* line 32, ../sass/sass/screen.scss */
.mmm-gray {
  color: #796E65;
}

/* line 36, ../sass/sass/screen.scss */
.mmm-green {
  color: #A4D65E;
}

/* line 40, ../sass/sass/screen.scss */
.mmm-black {
  color: #1F1F20;
}

/* line 44, ../sass/sass/screen.scss */
.mmm-teal-dark {
  color: #22a0c0;
}

/* line 48, ../sass/sass/screen.scss */
.mmm-gray-dark {
  color: #4f4842;
}

/* line 52, ../sass/sass/screen.scss */
.mmm-green-dark {
  color: #7fb92f;
}

/* line 56, ../sass/sass/screen.scss */
.mmm-black-dark {
  color: black;
}

/* line 60, ../sass/sass/screen.scss */
.mmm-bg-teal {
  background-color: #4EC3E0;
}

/* line 64, ../sass/sass/screen.scss */
.mmm-bg-gray {
  background-color: #796E65;
}

/* line 68, ../sass/sass/screen.scss */
.mmm-bg-green {
  background-color: #A4D65E;
}

/* line 72, ../sass/sass/screen.scss */
.mmm-bg-black {
  background-color: #1F1F20;
}

/* line 76, ../sass/sass/screen.scss */
.mmm-bg-teal-dark {
  background-color: #22a0c0;
}

/* line 80, ../sass/sass/screen.scss */
.mmm-bg-gray-dark {
  background-color: #4f4842;
}

/* line 84, ../sass/sass/screen.scss */
.mmm-bg-green-dark {
  background-color: #7fb92f;
}

/* line 88, ../sass/sass/screen.scss */
.mmm-bg-black-dark {
  background-color: black;
}

/* line 92, ../sass/sass/screen.scss */
.mmm-bg-teal-97 {
  background-color: rgba(78, 195, 224, 0.97);
}

/* line 96, ../sass/sass/screen.scss */
.mmm-bg-gray-97 {
  background-color: rgba(121, 110, 101, 0.97);
}

/* line 100, ../sass/sass/screen.scss */
.mmm-bg-green-97 {
  background-color: rgba(164, 214, 94, 0.97);
}

/* line 104, ../sass/sass/screen.scss */
.mmm-bg-black-97 {
  background-color: rgba(31, 31, 32, 0.97);
}

/* line 108, ../sass/sass/screen.scss */
.mmm-bg-teal-dark-97 {
  background-color: rgba(34, 160, 192, 0.97);
}

/* line 112, ../sass/sass/screen.scss */
.mmm-bg-gray-dark-97 {
  background-color: rgba(79, 72, 66, 0.97);
}

/* line 116, ../sass/sass/screen.scss */
.mmm-bg-green-dark-97 {
  background-color: rgba(127, 185, 47, 0.97);
}

/* line 120, ../sass/sass/screen.scss */
.mmm-bg-black-dark-97 {
  background-color: rgba(0, 0, 0, 0.97);
}

/* line 124, ../sass/sass/screen.scss */
.bg-white-97 {
  background-color: rgba(255, 255, 255, 0.97);
}

/* line 128, ../sass/sass/screen.scss */
.mmm-bg-teal-80 {
  background-color: rgba(78, 195, 224, 0.8);
}

/* line 132, ../sass/sass/screen.scss */
.mmm-bg-gray-80 {
  background-color: rgba(121, 110, 101, 0.8);
}

/* line 136, ../sass/sass/screen.scss */
.mmm-bg-green-80 {
  background-color: rgba(164, 214, 94, 0.8);
}

/* line 140, ../sass/sass/screen.scss */
.mmm-bg-black-80 {
  background-color: rgba(31, 31, 32, 0.8);
}

/* line 144, ../sass/sass/screen.scss */
.mmm-bg-teal-dark-80 {
  background-color: rgba(34, 160, 192, 0.8);
}

/* line 148, ../sass/sass/screen.scss */
.mmm-bg-gray-dark-80 {
  background-color: rgba(79, 72, 66, 0.8);
}

/* line 152, ../sass/sass/screen.scss */
.mmm-bg-green-dark-80 {
  background-color: rgba(127, 185, 47, 0.8);
}

/* line 156, ../sass/sass/screen.scss */
.mmm-bg-black-dark-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

/* line 160, ../sass/sass/screen.scss */
.bg-white-80 {
  background-color: rgba(255, 255, 255, 0.8);
}

/* line 164, ../sass/sass/screen.scss */
.logo {
  max-height: 220px;
}

/* line 168, ../sass/sass/screen.scss */
.swatch {
  min-height: 220px;
}

/* line 172, ../sass/sass/screen.scss */
.skew-10 h3 {
  transform: rotateZ(-10deg);
  display: inline-block;
  position: relative;
}

/* line 178, ../sass/sass/screen.scss */
.skew-10 h3:nth-of-type(n+2) {
  margin-left: -15px;
}

/* line 182, ../sass/sass/screen.scss */
.skew-10 h3:first-child {
  text-shadow: 1px 1px 2px #1F1F20;
  top: -15px;
}

/* line 187, ../sass/sass/screen.scss */
.skew-10 h3:nth-of-type(2) {
  text-shadow: 2px 2px 4px #1F1F20;
}

/* line 191, ../sass/sass/screen.scss */
.skew-10 h3:last-child {
  text-shadow: 4px 4px 8px #1F1F20;
  top: 15px;
}

/* line 196, ../sass/sass/screen.scss */
.engraved-dark {
  text-shadow: 0px -1px rgba(31, 31, 32, 0.5);
}

/* line 199, ../sass/sass/screen.scss */
.engraved-light {
  text-shadow: 0px 1px rgba(255, 255, 255, 0.5);
}

/* put bg img above related css or 'transform: scale' fails */
/* line 204, ../sass/sass/screen.scss */
body:before,
#splash-bg .splash-container {
  background: center bottom no-repeat;
  background-image: url(/images/web-AdobeStock_124585747.jpeg);
  background-image: url(/images/web-AdobeStock_125388960.jpeg);
  background-image: url(/images/web-AdobeStock_126117760.jpeg);
  background-image: url(/images/web-AdobeStock_126117783.jpeg);
}

/* line 213, ../sass/sass/screen.scss */
body:before {
  content: '';
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* line 228, ../sass/sass/screen.scss */
#splash-bg {
  background-color: #1F1F20;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all .5s ease-out;
}

/* line 240, ../sass/sass/screen.scss */
#splash-bg .splash-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transform-origin: center;
  transition: all .5s ease-out;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* line 259, ../sass/sass/screen.scss */
.jumbotron-fluid.jh-50 {
  min-height: 50vh;
  position: relative;
}

/* line 264, ../sass/sass/screen.scss */
.jumbotron-fluid.jh-60 {
  min-height: 60vh;
  position: relative;
}

/* line 269, ../sass/sass/screen.scss */
.jumbotron-fluid.jh-75 {
  min-height: 75vh;
  position: relative;
}

/* line 274, ../sass/sass/screen.scss */
.jumbotron-fluid.jh-100 {
  min-height: 100vh;
  position: relative;
}

/* line 279, ../sass/sass/screen.scss */
.mainnav {
  top: -116px;
  transition: 300ms ease;
  background-color: rgba(255, 255, 255, 0.97);
  z-index: 1050;
  box-shadow: 0px 1px 2px rgba(31, 31, 32, 0.3);
}

/* line 287, ../sass/sass/screen.scss */
.main-menu {
  transition: 300ms ease;
}

/* line 291, ../sass/sass/screen.scss */
.mainnav:not(.in-view) .main-menu {
  position: relative;
  top: 116px;
}

/* line 296, ../sass/sass/screen.scss */
.mainnav:not(.in-view) .main-menu li a {
  color: white !important;
}

/* line 300, ../sass/sass/screen.scss */
.in-view {
  top: 0px;
}

/* line 304, ../sass/sass/screen.scss */
.navbar-brand img {
  height: 90px;
}

/* line 308, ../sass/sass/screen.scss */
.photo-attr-wrapper {
  right: 7vw;
  bottom: 9vh;
  cursor: pointer;
  position: absolute;
  transition: 300ms ease;
}

/* line 319, ../sass/sass/screen.scss */
.photo-attr ion-icon {
  height: 2rem;
  width: 2rem;
  /*        font-size: 2rem;*/
  border-radius: 50% !important;
  background-color: rgba(121, 110, 101, 0.97);
}

/* line 327, ../sass/sass/screen.scss */
.ion-icon-fix ion-icon {
  top: .2rem;
  position: relative;
}

/*
    ion-icon svg {
        color: inherit;
    }
*/
/* line 336, ../sass/sass/screen.scss */
.splash-logo {
  top: 3vh;
  left: 3vw;
  position: absolute;
  width: 15vw;
  height: auto;
  opacity: 0.75;
}

/* line 345, ../sass/sass/screen.scss */
.tag-line,
.splash-logo {
  z-index: 2;
}

/* line 350, ../sass/sass/screen.scss */
.splash-text {
  position: relative;
}

/* line 354, ../sass/sass/screen.scss */
.placeholder {
  opacity: 0;
}

/* line 358, ../sass/sass/screen.scss */
.splash-text .slogan {
  top: 0;
  left: 0;
  position: absolute;
}

/* line 364, ../sass/sass/screen.scss */
#splash-frame .carousel-item {
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
  max-height: 100vh;
  background-size: 100vw auto;
}
/* line 372, ../sass/sass/screen.scss */
#splash-frame .carousel-item img {
  opacity: 0;
}

/* line 377, ../sass/sass/screen.scss */
.tag-line {
  left: 6vh;
  bottom: 6vh;
}

/* line 382, ../sass/sass/screen.scss */
#footer-bottom {
  /*        min-height: 50vh; */
}

/* line 386, ../sass/sass/screen.scss */
.mmm-gray a,
.mmm-contrast-lt,
.menu-footer li a {
  color: #c1af9f;
}

/* line 392, ../sass/sass/screen.scss */
.mmm-gray a:hover,
.menu-footer li:hover a {
  color: #ffe7d3;
}

/* Small devices (landscape phones, 768px and up) */
@media (max-width: 767.98px) {
  /* line 399, ../sass/sass/screen.scss */
  .display-sm-4 {
    font-size: 2.25rem;
  }

  /* line 403, ../sass/sass/screen.scss */
  .display-sm-3 {
    font-size: 3rem;
  }

  /* line 407, ../sass/sass/screen.scss */
  .navbar-brand img {
    height: 60px;
  }

  /* line 411, ../sass/sass/screen.scss */
  .splash-logo {
    width: 20vw;
  }

  /* line 415, ../sass/sass/screen.scss */
  .splash-logo + .container .card * {
    font-size: 2rem;
  }
}