@font-face {
	font-family: 'GothamNarrow-Black';
    src: url('../fonts/gotham/original_gotham-black.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/gotham/original_gotham-black.woff') format('woff'),
         url('original_gotham-black.ttf') format('truetype'),
         url('../fonts/gotham/original_gotham-black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated @ www.fontreactor.com **/
@font-face {
	font-family: 'GothamNarrow-BlackItalic';
    src: url('../fonts/gotham/original_gotham-blackItalic.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/gotham/original_gotham-blackItalic.woff') format('woff'),
         url('../fonts/gotham/original_gotham-blackItalic.ttf') format('truetype'),
         url('../fonts/gotham/original_gotham-blackItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



/** Generated @ www.fontreactor.com **/
@font-face {
	font-family: 'Trasandina-Regular3';
    src: url('../fonts/trasandina/original_trasandina_light.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/trasandina/original_trasandina_light.woff') format('woff'),
         url('../fonts/trasandina/original_trasandina_light.ttf') format('truetype'),
         url('../fonts/trasandina/original_trasandina_light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated @ www.fontreactor.com **/
@font-face {
	font-family: 'TrasandinaLight-Italic';
    src: url('../fonts/trasandina/original_trasandina_light_italic.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/trasandina/original_trasandina_light_italic.woff') format('woff'),
         url('../fonts/trasandina/original_trasandina_light_italic.ttf') format('truetype'),
         url('../fonts/trasandina/original_trasandina_light_italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated @ www.fontreactor.com **/
@font-face {
	font-family: 'Trasandina-Regular5';
    src: url('../fonts/trasandina/original_trasandina_medium.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/trasandina/original_trasandina_medium.woff') format('woff'),
         url('../fonts/trasandina/original_trasandina_medium.ttf') format('truetype'),
         url('../fonts/trasandina/original_trasandina_medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated @ www.fontreactor.com **/
@font-face {
	font-family: 'Trasandina-Regular5';
    src: url('../fonts/trasandina/original_trasandina_medium_Italic.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/trasandina/original_trasandina_medium_Italic.woff') format('woff'),
         url('../fonts/trasandina/original_trasandina_medium_Italic.ttf') format('truetype'),
         url('../fonts/trasandina/original_trasandina_medium_Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


:root{
  --waya_color_one: rgb(103, 0, 214);
  --waya_color_two: rgb(255, 056, 106);
  --waya_color_three: rgb(64, 219, 181);

  --waya_color_hover_one: #ca3258;

  --waya_font_one: "GothamNarrow-Black", sans-serif;
  --waya_font_two: "Trasandina-Regular3", sans-serif;
}

.centrar,
.centrar-vertical,
.centrar-horizontal{
  display: flex;
  justify-content: center;
  align-items: center;
}
.centrar-vertical{
  flex-direction: column;
}
.centrar-horizontal{
  flex-direction: row;
}

.section_one,
.section_two,
.section_three,
.section_four,
.section_five,
.section_six{
    background-size: cover;
    background-position: 250px center;
}
.section_one{
    background-image: url(../img/bc1.jpg);
}
.section_two{
    background-image: url(../img/bc2.jpg);
}
.section_three{
    background-image: url(../img/bc3.jpg);
}
.section_four{
    background-image: url(../img/bc4.jpg);
}
.section_five{
    background-image: url(../img/bc5.jpg);
}
.section_six{
    background-image: url(../img/bc6.jpg);
}

.button_waya{
    background: var(--waya_color_two);
    border-radius: 30px;
}
.button_waya_desacti{
    background: #cecece;
    border-radius: 30px;
}
.button_waya_desacti.arrow-circ-btn:focus,
.button_waya_desacti.arrow-circ-btn:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    cursor: default;
}
.button_waya_desacti a{
    cursor: default;
}
.button_waya_desacti.arrow-circ-btn:before {
    position: absolute;
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0%;
    background: #9b9b9b;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.descr{
    font-size: 10px;
    color: var(--waya_color_three);
    margin-top: 13px;
    margin-bottom: -13px;
    align-self: flex-start;
}
.titlew{
    font-size: 30px;
    font-family: var(--waya_font_one);
}
.text_waya{
    color: var(--waya_color_one);
    line-height: 1.2rem; 
}
.btnwa{
    width: 60%;
}
.text_waya_cg{
    color: var(--waya_color_three);
    font-family: var(--waya_font_two);
    font-weight: 600;
}
.text_waya_white{
    font-weight: 400;
    color: white;
}
.menu-icon {
    background: var(--waya_color_one);
}
.c-content{
    position: relative;
}
.texto__confirmacion h4{
    font-size: 14px;
}
.panel__confirmacion,
.panel__newsletter{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 0;
    background: linear-gradient(var(--waya_color_one), var(--waya_color_two));
    border-radius: 20px;
    transition: .3s all ease-in-out;
}
.active__panel__confirmacion{
    padding: 10px;
    height: 100%;
}
.active_newsletter{
    height: 250px;
}
.content-newsletter{
    position: relative;
}

@media screen and (max-width: 1200px){
    .section .content .c-columns.c-pos-1-4 .c-logo {
        width: 26%;
    }
}
@media screen and (max-width: 991px){
    .section .content .c-columns.c-pos-1-4 .c-logo {
        width: 27%;
    }
}
@media screen and (max-width: 890px){
    .section_one,
    .section_two,
    .section_three,
    .section_four,
    .section_five,
    .section_six {
        background-position: 150px center;
    }
    .section .content .c-columns.c-pos-1-4 .c-logo {
        width: 28%;
    }
}
@media screen and (max-width: 800px){
    .section .content .c-columns.c-pos-1-4 .c-logo {
        width: 100%;
    }
    .scrolldown {
        display: none;
    }
    .top-menu-links .links li:first-child a {
        color: var(--waya_color_two);
    }
    .section_one,
    .section_two,
    .section_three,
    .section_four,
    .section_five,
    .section_six{
        background-image: none;
    }
    .main-menu ul li a .icon {
        color: var(--waya_color_three);
    }
    #fp-nav ul li a span {
        background: var(--waya_color_three);
    }
    .section .content .c-columns .wrapper {
        padding: 136px 16px;
    }
}
@media screen and (max-width: 600px) {
    .btnw {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
    .section .cta-btns .btn {
        margin-left: auto;
        margin-right: auto;
    }
    .section .content .c-columns .wrapper {
        padding: 32px 16px;
    }
}