/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Unbounded:wght@200..900&display=swap');


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?8otzvu');
  src:  url('fonts/icomoon.eot?8otzvu#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?8otzvu') format('truetype'),
    url('fonts/icomoon.woff?8otzvu') format('woff'),
    url('fonts/icomoon.svg?8otzvu#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-clock-o:before {
  content: "\f017";
  font-size: 14pt;
  margin-right: 2px;
  color:#f4c015;
  vertical-align: middle;
}
.icon-facebook-square:before {
  content: "\f082";
  font-size: 20pt;
  margin-right: 4px;
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-envelope:before {
  content: "\f0e0";
  color: #fbc219;
}
.icon-instagram:before {
  content: "\f16d";
  font-size: 20pt;
}
.icon-whatsapp:before {
  content: "\f232";
}
.icon-map-pin:before {
  content: "\f276";
}
.icon-chevron-left:before {
  content: "\e900";
}
.icon-chevron-right:before {
  content: "\e901";
}
.icon-controller-paus:before {
  content: "\e902";
}
.icon-controller-play:before {
  content: "\e903";
}
.icon-download:before {
  content: "\e904";
}
.icon-resize-100:before {
  content: "\e905";
}
.icon-resize-full-screen:before {
  content: "\e906";
}
.icon-cross:before {
  content: "\e907";
}
.icon-grid:before {
  content: "\e908";
}
.icon-menu:before {
  content: "\e90f";
}
.icon-minus:before {
  content: "\e909";
}
.icon-mobile:before {
  content: "\e90e";
  color: #fbc219;
}
.icon-phone:before {
  content: "\e90c";
}
.icon-plus:before {
  content: "\e90a";
}
.icon-popup:before {
  content: "\e90b";
}

a .icon-facebook-square, a .icon-instagram { color: #fbc219; transition: 0.5s ease;}
a .icon-facebook-square:hover, a .icon-instagram:hover { color: #fff; cursor: pointer; transition: 0.5s ease;}

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

.red { color: #e20a17;}
.whi { color: #fff;}
.yell { color: #fbc219;}
.blu { color: #31a8e0;}
.gre { color: #186184;}
.bla { color: #3d3d3b;}
.bold { font-weight:600;}

h1 { font-family: 'Unbounded', sans-serif; font-size: 40pt; font-weight: 600; line-height:35pt; margin: 0 0 4.5%; text-align: center;} 
.title { font-family: 'Unbounded', sans-serif; font-size: 30pt; font-weight: 600; line-height:35pt;}
.title2 { font-family: 'Unbounded', sans-serif; font-size: 30pt; font-weight: 300; line-height:35pt;}
.sub { font-family: 'Unbounded', sans-serif; font-size: 12pt; line-height:16pt; font-weight: 300;}
.text { font-family: 'Poppins', sans-serif; font-size: 11.4pt; line-height: 16.2pt; font-weight: 300;}
.four .sub { font-weight: 400;}
#mod-serv a { color: #3d3d3b;}
#mod-serv a:hover { color: #e20a17;}

#mod-serv .title, #mod-serv2 .title, #section3 #modulo2.title { font-family: 'Poppins', sans-serif; font-size:17pt; font-weight:800;  line-height:22pt; 
}


/*SLIDE Y ICONS*/
.sli-txt .title { font-size: 4.4vw; line-height:4.8vw; font-weight: 400; }
.sli-txt .sub { font-family: 'Unbounded', sans-serif; font-size: 2.1vw; line-height: 3vw; font-weight: 400;}
.sli-txt2 { font-family: 'Unbounded', sans-serif; font-size: 5vw; line-height: 4vw; font-weight: 700; color:#fff;}

/*FOOTER*/
footer .sub { font-family: 'Poppins', sans-serif; font-size:9pt; line-height:13pt; font-weight: 500; color: #fbc219;}
footer .text, footer .text a { color: #fff; font-size:9pt; line-height:13pt;}
footer #copy.text, footer #copy.text a { font-size:7pt; line-height:10pt; font-weight: 300;}
footer .text a:hover { color: #fbc219;}

@media screen and (max-width: 800px) {
    .title, .title2 { font-size: 28pt; line-height:31pt;}
    .sub { font-size: 12pt; line-height:16pt;}
    .text { font-size: 11pt; line-height: 15pt;}
    h1 { font-size: 35pt; margin: 0 0 7%;}
}

@media screen and (max-width: 581px) {
h1 { font-size: 36pt; margin: 0 0 10%;}
.title, .title2 {
	font-size: 27pt; line-height: 31pt;}
.sub { font-size: 13pt; line-height: 18pt;}
.sli-txt .title { font-size: 20pt; line-height:22pt; }
.sli-txt .sub { font-size: 13pt; line-height: 16pt;}
.sli-txt2 { font-size: 35pt; line-height:40pt;}
.four .title { font-size: 24pt; line-height: 28pt;}
footer .text, footer .text a, footer .sub { font-size:10pt; line-height:14pt;}
}