/****************************************************************************
* Custom CSS styles for 'Mac-Insular' frontend
* 
* Author: Parallel Software
* Version: 1.0
* 
* SECTIONS:
* 
*  1 - GENERAL STYLES & FONTS
*  2 - HEADER STYLES
*  3 - INDEX STYLES
*  4 - PROGRAMAS
*  5 - FOOTER
*  6 - RESPONSIVE VERSION
****************************************************************************/

/****************************************************************************
*	1 - GENERAL STYLES & FONTS
****************************************************************************/

@font-face {
  font-family: "FuturaLT";
  src: url("../fonts/FuturaLT.ttf");
}

@font-face {
  font-family: "FuturaLT Light";
  src: url("../fonts/FuturaLT-Light.ttf");
}

@font-face {
  font-family: "FuturaLT Bold";
  src: url("../fonts/FuturaLT-Bold.ttf");
}

@font-face {
  font-family: "FuturaLT Heavy";
  src: url("../fonts/FuturaLT-Heavy.ttf");
}

a,
button {
  outline: 0 !important;
}

p {
  font-size: 15pt;
  font-family: "FuturaLT";
}

h1 {
  font-size: 30pt;
  font-family: "FuturaLT Heavy";
}

h2 {
  font-size: 30pt;
  font-family: "FuturaLT Light";
}

h3 {
  font-size: 19pt;
  font-family: "FuturaLT Heavy";
}

a:hover {
  color: #ff9c03;
  text-decoration: none;
}

/* --- AVOID HORIZONTAL SCROLLBARS ---*/
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

/*** Style for buttons ***/
.btn-primary {
  padding: 1.5% 5% 1.5% 5%;
  border-radius: 0;
  background: none;
  font-size: 15pt;
  font-family: "FuturaLT Heavy";
  font-weight: bold;
  border: 3px solid #f7921f;
  letter-spacing: 1px;
  color: #f7921f;
}

.btn-primary:hover {
  border-color: #f8af5d;
  color: #f8af5d;
  background: none;
}

.btn:focus,
.btn:active {
  outline: none !important;
  box-shadow: none;
}

/****************************************************************************
*	2 - HEADER STYLES
****************************************************************************/
.header__logo {
  margin-top: 1%;
  margin-left: 4%;
  margin-bottom: 5%;
}

.header__logo img {}

.header__center-logo {
  text-align: left;
}

.header__center-logo img {
  height: 8vw;
}

.header__menu {
  margin-top: 5px;
}

.header__img {
  position: absolute;
}

.header__text {
  margin-top: 20%;
  color: #ffffff;
  padding: 0% 40% 0% 0%;
  text-align: right;
}

/***** Bootstrap's navbar integration & styles *****/
.navbar-collapse {
  position: relative;
}

.navbar,
.navbar__pull-right {
  position: absolute;
  margin-top: 5%;
  margin-left: 20%;
  width: 100%;
  padding: 0;
  z-index: 2;
}

a.nav-link {
  font-size: 0.9vw;
  font-family: "FuturaLT";
  margin-right: 3vw;
  color: #ffffff !important;
}

a.nav-link:hover {
  color: #d97f13 !important;
}

.navbar-toggler {
  border-color: transparent !important;
  z-index: 2;
  margin-left: 60%;
}

.navbar___custom-toggler {
  color: #ffffff;
  font-size: 25pt;
  z-index: 2;
}

.navbar-setBackground {
  background: #f7921e;
}

/****************************************************************************
*	3 - INDEX STYLES
****************************************************************************/

div.index__container {
  top: 0px;
  position: relative;
}

/***** SECCTION 1 *****/
div.section1 {
  padding: 2% 15% 2% 15%;
  background-color: #d97f13;
  text-align: center;
  color: #ffffff;
}

div.section1 p {
  font-family: "FuturaLT Light";
}

.font-regular {
  font-family: "FuturaLT";
}

.font-heavy {
  font-family: "FuturaLT Heavy";
}

.font-light {
  font-family: "FuturaLT Light";
}

/***** SECTION 2 ******/

.section2__1 {
  color: #f7921e;
  text-align: center;
  margin-top: 2%;
}

.section2__2 {
  margin-top: 2%;
  text-align: center;
  padding: 0% 20% 0% 20%;
}

.icon-filete-gris-menu {
  font-size: 50pt;
}

.section2__2 span {
  display: inline-block;
  margin-right: 2%;
}

.section2__2 p {
  display: inline-block;
  text-align: left;
  margin-right: 2%;
  width: 15%;
  color: #f7921e;
  vertical-align: top;
}

.icon-flecha-naranja-izq,
.icon-flecha-naranja-derecha {
  font-size: 3vw;
}

.owl-prev {
  width: 5%;
  height: 13%;
  position: absolute;
  top: -13%;
  left: 25%;
  display: block !important;
  border: 0px solid black;
}

.owl-next {
  width: 5%;
  height: 13%;
  position: absolute;
  top: -13%;
  right: 27%;
  display: block !important;
  border: 0px solid black;
}

.owl-prev:hover,
.owl-next:hover {
  background: transparent !important;
}

/***** SECTION 3 & 4 *****/

.section__title-box {
  margin-top: 5%;
  padding: 2% 0% 2% 0%;
  background-color: #da7f14;
  text-align: center;
  color: #ffffff;
}

.section__title-box h3 {
  margin: 0;
}

.section3 {
  margin-top: 2%;
  text-align: left;
  padding: 0% 35% 0% 32%;
}

.section3 h3 {
  font-family: "FuturaLT Light";
  color: #88898d;
}

.section3__title {
  margin-top: 5%;
}

.font-number {
  font-family: "FuturaLT Light";
  color: #f6931e;
  font-size: 25pt;
}

.section__button {
  margin: 5% 0% 5% 0%;
}

.section4 {
  margin-top: 4%;
  text-align: left;
  padding: 0% 25% 0% 32%;
}

.section4 h3 {
  font-family: "FuturaLT Light";
  color: #f6931e;
}

.section4 p {
  font-family: "FuturaLT Light";
  color: #88898d;
}

/***** FOOTER *****/

.footer {
  background-color: #d1d2d4;
  padding: 3% 0% 3% 0%;
}

.footer__copyright {
  padding-top: 6%;
  text-align: center;
}

.footer__copyright p,
.footer__copyright-collapsed p {
  color: #6c6d6f;
  font-size: 12pt;
}

.footer__copyright-collapsed {
  display: none;
}

.footer__icon {
  text-align: right;
}

.icon-logo-Mac-color {
  font-size: 7vw;
}

.footer__menu a {
  display: inline-block;
  margin-left: 3%;
}

.footer__menu p {
  font-size: 12pt;
  color: #6c6d6f;
}

/****************************************************************************
*	5 - RESPONSIVE VERSION
****************************************************************************/

@media (max-width: 1500px) {

  /***** GENERAL *****/
  h1 {
    font-size: 30pt;
  }

  h2 {
    font-size: 20pt;
  }

  h3 {
    font-size: 15pt;
  }

  p {
    font-size: 12pt;
  }

  .btn-primary {
    font-size: 12pt;
  }

  /***** HEADER *****/

  .header__logo img {}

  .header__center-logo img {
    height: 8vw;
  }

  .header__text {
    margin-top: 20%;
  }

  a.nav-link {
    font-size: 1.2vw;
  }

  /***** FOOTER *****/
  .icon-logo-Mac-color {
    font-size: 8vw;
  }

  .footer__menu p {
    font-size: 10pt;
  }

  .footer__copyright p {
    font-size: 12pt;
  }
}

@media (max-width: 1366px) {

  /***** GENERAL *****/
  h1 {
    font-size: 28pt;
  }

  .btn-primary {
    font-size: 12pt;
  }

  /***** HEADER *****/

  .header__logo img {}

  .header__center-logo img {
    height: 12vw;
  }

  .header__text {
    margin-top: 15%;
  }

  a.nav-link {
    font-size: 1vw;
  }

  /***** INDEX *****/
  .section3 {
    padding: 0% 30% 0% 27%;
  }

  .section4 {
    padding: 0% 20% 0% 27%;
  }

  .owl-prev {
    width: 5%;
    height: 20%;
    top: -14%;
    left: 25%;
  }

  .owl-next {
    width: 5%;
    height: 20%;
    top: -14%;
    right: 27%;
  }

  /***** FOOTER *****/
  .icon-logo-Mac-color {
    font-size: 8vw;
  }

  .footer__menu p {
    font-size: 10pt;
  }

  .footer__copyright p {
    font-size: 12pt;
  }
}

@media (max-width: 1024px) {

  /***** GENERAL *****/
  h1 {
    font-size: 26pt;
  }

  h2 {
    font-size: 18pt;
  }

  h3 {
    font-size: 13pt;
  }

  p {
    font-size: 12pt;
  }

  .btn-primary {
    font-size: 12pt;
  }

  /***** HEADER *****/

  .header__logo img {}

  .header__center-logo img {
    height: 12vw;
  }

  .header__text {
    margin-top: 12%;
  }

  a.nav-link {
    font-size: 1.2vw;
  }

  /***** INDEX *****/
  .section3 {
    padding: 0% 30% 0% 27%;
  }

  .section4 {
    padding: 0% 20% 0% 27%;
  }

  .owl-prev {
    width: 5%;
    height: 20%;
    top: -14%;
    left: 20%;
  }

  .owl-next {
    width: 5%;
    height: 20%;
    top: -14%;
    right: 22%;
  }

  .section2__2 p {
    margin-right: 5%;
    width: 15%;
  }

  /***** FOOTER *****/
  .icon-logo-Mac-color {
    font-size: 8vw;
  }

  .footer__menu p {
    font-size: 9pt;
  }

  .footer__copyright p {
    font-size: 10pt;
  }
}

@media (max-width: 991px) {

  /***** GENERAL *****/
  h1 {
    font-size: 20pt;
  }

  h2 {
    font-size: 16pt;
  }

  h3 {
    font-size: 13pt;
  }

  p {
    font-size: 12pt;
  }

  /***** HEADER *****/
  a.nav-link {
    font-size: 1.7vw;
    margin-left: 5%;
  }

  /***** INDEX *****/

  .icon-flecha-naranja-izq,
  .icon-flecha-naranja-derecha {
    font-size: 4vw;
  }

  .owl-prev {
    width: 5%;
    height: 20%;
    top: -15%;
    left: 15%;
  }

  .owl-next {
    width: 5%;
    height: 20%;
    top: -15%;
    right: 20%;
  }

  .section2__2 p {
    margin-right: 10%;
    width: 15%;
  }

  .section2__2 span {
    margin-right: 5%;
  }

  /***** FOOTER *****/
  .icon-logo-Mac-color {
    font-size: 12vw;
    margin-right: 15%;
  }

  .footer__copyright-collapsed {
    display: initial;
    margin-top: 3%;
  }

  .footer__copyright {
    display: none;
  }

  .footer__menu {
    padding-left: 10%;
  }

  .footer__menu p {
    width: 25%;
    font-size: 12pt;
  }

  .footer__menu a {
    display: initial;
    margin: 0%;
  }
}

@media (max-width: 767px) {

  /***** GENERAL *****/
  h1 {
    font-size: 24pt;
  }

  h2 {
    font-size: 22pt;
  }

  h3 {
    font-size: 20pt;
  }

  p {
    font-size: 13pt;
  }

  .btn-primary {
    font-size: 15pt;
  }

  /***** HEADER *****/

  .header__logo img {}

  .header__center-logo {
    text-align: right;
  }

  .header__center-logo img {
    height: 18vw;
  }

  .header__text {
    margin-top: 40%;
    padding: 0%;
    text-align: left;
  }

  a.nav-link {
    font-size: 2.2vw;
    margin-left: 5%;
  }

  /***** INDEX *****/

  .icon-flecha-naranja-izq,
  .icon-flecha-naranja-derecha {
    font-size: 5vw;
  }

  .owl-prev {
    width: 5%;
    height: 2%;
    top: -4.2%;
    left: 30%;
  }

  .owl-next {
    width: 5%;
    height: 2%;
    top: -4.2%;
    right: 30%;
  }

  .section2__1 {
    margin-top: 5%;
    margin-bottom: 3%;
  }

  .section2__2 {
    padding: 0% 5% 0% 5%;
  }

  .section2__2 p {
    margin-right: 3%;
    width: 25%;
  }

  .section2__2 span {
    margin-right: 3%;
  }

  .section3 {
    padding: 0% 10% 0% 10%;
  }

  .section4 {
    padding: 0% 10% 0% 10%;
  }

  /***** FOOTER *****/
  .icon-logo-Mac-color {
    font-size: 17vw;
    margin-right: 15%;
  }

  .footer__copyright-collapsed {
    display: initial;
    margin-top: 3%;
  }

  .footer__copyright {
    display: none;
  }

  .footer__menu {
    padding-left: 10%;
  }

  .footer__menu p {
    width: 40%;
    font-size: 15pt;
  }

  .footer__menu a {
    display: initial;
    margin: 0%;
  }
}

@media (max-width: 600px) {

  /***** GENERAL *****/
  h1 {
    font-size: 22pt;
  }

  h2 {
    font-size: 20pt;
  }

  h3 {
    font-size: 18pt;
  }

  p {
    font-size: 11pt;
  }

  .btn-primary {
    font-size: 12pt;
  }

  /***** HEADER *****/

  .header__center-logo img {
    height: 18vw;
    margin-top: 15%;
  }

  .header__text {
    margin-top: 40%;
    padding: 0% 20% 0% 0%;
    text-align: left;
  }

  /***** INDEX *****/

  .owl-prev {
    top: -4.5%;
  }

  .owl-next {
    top: -4.5%;
  }

  /***** FOOTER *****/
  .footer {
    background-color: #d1d2d4;
    padding: 10% 0% 3% 0%;
  }

  .footer__icon {
    text-align: left;
  }

  .icon-logo-Mac-color {
    font-size: 22vw;
    margin-left: 15%;
  }

  .footer__menu {
    padding-left: 15%;
  }

  .footer__menu p {
    width: 40%;
    font-size: 12pt;
  }
}

@media (max-width: 500px) {

  /***** HEADER *****/
  .header__text {
    margin-top: 30%;
    padding: 0% 0% 0% 0%;
    text-align: left;
  }

  .header__center-logo img {
    height: 25vw;
    margin-top: 15%;
  }

  .navbar-toggler {
    margin-left: 50%;
  }

  a.nav-link {
    font-size: 2.5vw;
    margin-left: 5%;
  }

  /***** INDEX *****/

  .owl-prev {
    top: -5.1%;
  }

  .owl-next {
    top: -5.1%;
  }

  /***** FOOTER *****/
  .footer__menu p {
    width: 50%;
    font-size: 12pt;
  }
}

@media (max-width: 400px) {

  /***** GENERAL *****/
  h1 {
    font-size: 20pt;
  }

  h2 {
    font-size: 18pt;
  }

  h3 {
    font-size: 16pt;
  }

  p {
    font-size: 9pt;
  }

  /*
	.btn-primary {
		font-size: 10pt;
	}*/

  /***** HEADER *****/

  .header__text h2 {
    margin-bottom: 0;
  }

  a.nav-link {
    font-size: 3vw;
    margin-left: 5%;
  }

  /***** INDEX *****/

  .owl-prev {
    top: -5.5%;
    left: 25%;
  }

  .owl-next {
    top: -5.5%;
    right: 25%;
  }

  /***** FOOTER *****/
  .footer__menu {
    padding-left: 10%;
  }

  .footer__menu p {
    width: 60%;
    font-size: 12pt;
  }
}

@media (max-width: 350px) {

  /***** GENERAL *****/
  h1 {
    font-size: 18pt;
  }

  h2 {
    font-size: 17pt;
  }

  /***** HEADER *****/
  a.nav-link {
    font-size: 3.2vw;
    margin-left: 5%;
  }

  /***** INDEX *****/
  .owl-prev {
    top: -6%;
    left: 25%;
  }

  .owl-next {
    top: -6%;
    right: 25%;
  }
}

.slides {
  cursor: pointer;
}

button.owl-next:hover span::before,
button.owl-prev:hover span::before {
  color: #f8af5d;
  text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1),
    1px 1px 1px rgba(0, 0, 0, 0.5);
}

.section3 h3.flex {
  display: flex;
  align-items: baseline;
}

.section3 h3 .font-number {
  letter-spacing: -4px;
  margin-right: 10px;
}

.navbar {
  margin-top: 38px;
}

.navbar__pull-right {
  width: 75%;
  margin-left: 0%;
}

a.nav-link {
  font-size: 12px;
  font-family: "FuturaLT";
  margin-right: 10px;
}

.navbar-expand-lg .navbar-nav {
  justify-content: flex-end;
}

/*
1366
1024
991
767
600
500
400
350
*/