/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Montserrat+Alternates:wght@400;700&display=swap');

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?1l2uj7');
  src:  url('fonts/icomoon.eot?1l2uj7#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?1l2uj7') format('truetype'),
    url('fonts/icomoon.woff?1l2uj7') format('woff'),
    url('fonts/icomoon.svg?1l2uj7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-facebook-square:before {
  content: "\f082";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-mobile:before {
  content: "\f10b";
  font-size: 14pt;
  vertical-align: middle;
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-chevron-left:before {
  content: "\e903";
}
.icon-chevron-right:before {
  content: "\e904";
}
.icon-location-pin:before {
  content: "\e901";
}
.icon-mail:before {
  content: "\e900";
  font-size: 11pt;
  vertical-align: middle;
}
.icon-menu:before {
  content: "\e902";
}


a:link { color: #fff; text-decoration:none; }
a:visited { color: #fff }
a:active { color: #f37721; }


.pin { color:#e3017e;}
.pin2 { color:#f4a6d8;}
.blu { color:#8dd5f0;}
.whi { color:#fff;}
.gre { color:#7c7b7b;}
.black { color: #353d3c;}
.bold { font-weight:700;}

.title { font-family: 'Dela Gothic One', sans-serif; font-size: 20pt; line-height:22pt;}
.sli-tit { font-family: 'Dela Gothic One', sans-serif; font-size: 5vw; line-height:22pt; position: absolute; z-index: 100; margin: 18% 0 0 22%;}

.sub { font-family: 'Montserrat Alternates', sans-serif; font-size: 15pt;line-height:26pt;}
.text { font-family: 'Montserrat Alternates', sans-serif; font-size: 12pt; line-height:18pt;}
#modulo .text { font-size: 12pt; line-height: 18pt; color:#7c7b7b;}

a.tel { color: #fff; letter-spacing: 3px;}
a.tel:hover { color:#8dd5f0;}
.foo { font-family: 'Montserrat Alternates', sans-serif; font-size: 11pt; line-height:15pt;}
.foo .site, .foo .site a { color: #f4a6d8;}
.foo a:hover { color:#8dd5f0;}
#copy.foo, #copy.foo a { font-family: 'Montserrat Alternates', sans-serif; font-size: 11pt; line-height:15pt; color:#e3017e; letter-spacing: 0;}

@media screen and (max-width: 850px) {
    .sli-tit { font-size: 40pt; margin: 19% 0 0 0; width: 100%; text-align: center;}
    #copy.foo, #copy.foo a { font-size: 10pt; line-height:15pt; color:#e3017e;}
}

@media screen and (max-width: 581px) {
    .title { font-size: 22pt; line-height:26pt;}
    #fix .title, #fix2 .title { font-size: 26pt; line-height: 30pt;}
    .sub { font-size: 20pt; line-height: 30pt;} 
    .text { font-size: 13pt; line-height: 18pt;}
    #modulo .text { color:#fff;}
    .sli-tit { font-size: 40pt; margin: 60% 0 0 0; width: 100%; text-align: center;}
    .about .sub { font-family: 'Montserrat Alternates', sans-serif; font-size: 20pt;line-height:22pt;}
    .foo { line-height:17pt;}
    #copy.foo, #copy.foo a { font-size: 10pt; line-height:13pt; color:#e3017e;}
}