/*COLOR*/
$color1: #46b5e8;
$color2: #fafbfc;
$color3: #c2c2c2;
$color4: #eeeff0;
$color5: #d8d8d8;
$color6: #f1f1f1;
$color7: #4d4d4d;
$color8: #ffffff;
$color9: #ff5f7a;
$color10: #ECECEC;

.color-1 { color: $color1; }
.color-2 { color: $color2; }
.color-3 { color: $color3; }
.color-4 { color: $color4; }
.color-5 { color: $color5; }
.color-6 { color: $color6; }
.color-7 { color: $color7; }
.color-8 { color: $color8; }
.color-9 { color: $color9; }
.color-10 { color: $color10; }

.bg-color-1 { background-color: $color1; }
.bg-color-2 { background-color: $color2; }
.bg-color-3 { background-color: $color3; }
.bg-color-4 { background-color: $color4; }
.bg-color-5 { background-color: $color5; }
.bg-color-6 { background-color: $color6; }
.bg-color-7 { background-color: $color7; }
.bg-color-8 { background-color: $color8; }
.bg-color-9 { background-color: $color9; }
.bg-color-10 { background-color: $color10; }

.border-full-1 {
	border: 1px solid $color5;
}

.border-topbot-1 {
	border-top: 1px solid $color3;
	border-bottom: 1px solid $color3;
}

.border-topbot-2 {
  border-top: 5px solid $color1;
  border-bottom: 5px solid $color1;
}

.border-bot-1 {
  border-bottom: 1px solid $color3;
}

.border-left-1 {
  border-left: 1px solid $color9;
}

/*AJUSTES BASICOS*/
.transition { transition: all 0.3s; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 0 0; padding: 0 0 0 0; font-family: 'Montserrat', sans-serif; color: $color7; }
a, button { border: none; text-decoration: none; }
a:hover, a:visited, a:active, a:link { text-decoration: none; }
p, label, li { color: $color7; margin: 0 0 0 0; padding: 0 0 0 0; font-family: 'Montserrat', sans-serif; line-height: 20px; font-size: 1em; }

/* MARGIN Y PADDING */
.imagenCenter { margin: 0 auto; }
.hrCenter { margin: 0 auto; }
.hr-1 { margin: 0 0; }

.mgTopNot { margin-top: 0rem !important; }
.mgBotNot { margin-bottom: 0rem !important; }
.mgLfNot { margin-left: 0rem !important; }
.mgRgNot { margin-right: 0rem !important; }

.mgTop05 { margin-top: 0.5rem !important; }
.mgTop1 { margin-top: 1rem !important; }
.mgTop2 { margin-top: 2rem !important; }
.mgTop3 { margin-top: 3rem !important; }
.mgTop4 { margin-top: 4rem !important; }
.mgTop5 { margin-top: 5rem !important; }
.mgTop6 { margin-top: 6rem !important; }
.mgTop7 { margin-top: 7rem !important; }
.mgTop8 { margin-top: 8rem !important; }
.mgTop9 { margin-top: 9rem !important; }
.mgTop10 { margin-top: 10rem !important; }
.mgTop15 { margin-top: 15rem !important; }
.mgTop20 { margin-top: 20rem !important; }
.mgTop25 { margin-top: 25rem !important; }
.mgTop30 { margin-top: 30rem !important; }
.mgBot05 { margin-bottom: 0.5rem !important; }
.mgBot1 { margin-bottom: 1rem !important; }
.mgBot2 { margin-bottom: 2rem !important; }
.mgBot3 { margin-bottom: 3rem !important; }
.mgBot4 { margin-bottom: 4rem !important; }
.mgBot5 { margin-bottom: 5rem !important; }
.mgBot6 { margin-bottom: 6rem !important; }
.mgBot7 { margin-bottom: 7rem !important; }
.mgBot8 { margin-bottom: 8rem !important; }
.mgBot9 { margin-bottom: 9rem !important; }
.mgBot10 { margin-bottom: 10rem !important; }
.mgBot20 { margin-bottom: 20rem !important; }

.pdTopNot { padding-top: 0rem !important; }
.pdBotNot { padding-bottom: 0rem !important; }
.pdLfNot { padding-left: 0rem !important; }
.pdRgNot { padding-right: 0rem !important; }

.pdTop05 { padding-top: 0.5rem !important; }
.pdTop1 { padding-top: 1rem !important; }
.pdTop2 { padding-top: 2rem !important; }
.pdTop3 { padding-top: 3rem !important; }
.pdTop4 { padding-top: 4rem !important; }
.pdTop5 { padding-top: 5rem !important; }
.pdTop6 { padding-top: 6rem !important; }
.pdTop7 { padding-top: 7rem !important; }
.pdTop8 { padding-top: 8rem !important; }
.pdTop9 { padding-top: 9rem !important; }
.pdTop10 { padding-top: 10rem !important; }
.pdTop15 { padding-top: 15rem !important; }
.pdTop20 { padding-top: 20rem !important; }
.pdTop25 { padding-top: 25rem !important; }
.pdTop30 { padding-top: 30rem !important; }
.pdBot05 { padding-bottom: 0.5rem !important; }
.pdBot1 { padding-bottom: 1rem !important; }
.pdBot2 { padding-bottom: 2rem !important; }
.pdBot3 { padding-bottom: 3rem !important; }
.pdBot4 { padding-bottom: 4rem !important; }
.pdBot5 { padding-bottom: 5rem !important; }
.pdBot6 { padding-bottom: 6rem !important; }
.pdBot7 { padding-bottom: 7rem !important; }
.pdBot8 { padding-bottom: 8rem !important; }
.pdBot9 { padding-bottom: 9rem !important; }
.pdBot10 { padding-bottom: 10rem !important; }
.pdBot15 { padding-bottom: 15rem !important; }
.pdBot20 { padding-bottom: 20rem !important; }
.pdBot25 { padding-bottom: 25rem !important; }
.pdBot30 { padding-bottom: 30rem !important; }

.fw100 { font-weight: 100!important; }
.fw200 { font-weight: 200!important; }
.fw300 { font-weight: 300!important; }
.fw400 { font-weight: 400!important; }
.fw500 { font-weight: 500!important; }
.fw600 { font-weight: 600!important; }
.fw700 { font-weight: 700!important; }
.fw800 { font-weight: 800!important; }
.fw900 { font-weight: 900!important; }

.em1 { font-size: 1em; }
.em1-5 { font-size: 1.5em; }
.em2 { font-size: 2em; }
.em2-5 { font-size: 2.5em; }
.em3 { font-size: 3em; }
.em3-5 { font-size: 3.5em; }
.em4 { font-size: 4em; }
.em4-5 { font-size: 4.5em; }
.em5 { font-size: 5em; }


/* DISPLAY FLEX */

.flexRow { display: flex; flex-direction: row !important; justify-content: center !important; align-items: center !important; }
.flexCol { display: flex; flex-direction: column !important; justify-content: center !important; align-items: center !important; }

.flexRowFsC { display: flex; flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; }

.preloader-1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: white;
}

@media screen and (max-width: 768px) and (min-width: 320px) {
  .fRC-cc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .fRR-cc-w {
    display: flex;
    flex-direction: row;
    justify-content: center;
    /*align-items: center;*/
    flex-wrap: wrap;
  }
  .fRR-sps-w {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .flexRow-around-stretch {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 769px) {
  .fRC-cc {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .fRR-cc-w {
    display: flex;
    flex-direction: row;
    justify-content: center;
    /*align-items: center;*/
    flex-wrap: wrap;
  }
  .fRR-sps-w {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .flexRow-around-stretch {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
    flex-wrap: wrap;
  }
}