/*Utilities*/
html, body {
    height                 : 100%;
    -webkit-font-smoothing : antialiased;
}

.container-fluid {
    width         : 100%;
    padding-right : 5.555555555555556%;
    padding-left  : 5.555555555555556%;
    margin-right  : auto;
    margin-left   : auto;
}

* {
    text-rendering          : optimizeLegibility;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}

html {
    scroll-behavior : smooth !important;
}

a.anchor {
    float      : left;
    display    : block;
    position   : relative;
    top        : -150px;
    visibility : hidden;
}

/*.thank-you img.bg.big {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  object-fit: cover;
}*/

.adv-wrapper {
    padding : 0 12px;
}

img.bg.mobile,
img.bg.medium {
    display : none;
}

section {
    float    : left;
    width    : 100%;
    position : relative;
}

.desktop {
    display : block;
}

.mobile {
    display : none;
}

.btn:focus {
    outline : none !important;
}

@media only screen and (max-width : 1000px) {
    .mobile {
        display : block;
    }

    .desktop {
        display : block;
    }
}

.element-wrapper {
    display            : -ms-flexbox;
    display            : flex;
    -ms-flex-direction : row;
    flex-direction     : row;
    -ms-flex-align     : center;
    align-items        : center;
}

select {
    outline : none !important;
}

input:-webkit-autofill {
    -webkit-box-shadow : inset 0 0 0px 9999px #f4b76c;
}

input:focus {
    outline : none;
}

button:focus {
    outline : 0;
}

.swiper-button-prev:hover,
.swiper-button-prev:focus,
.swiper-button-prev:active,
.swiper-button-next:hover,
.swiper-button-next:focus,
.swiper-button-next:active,
.swiper-prev:hover,
.swiper-prev:focus,
.swiper-prev:active,
.swiper-next:hover,
.swiper-next:focus,
.swiper-next:active {
    color           : inherit !important;
    text-decoration : none !important;
    /*background-color: transparent !important;*/
    outline         : none !important;
}

a {
    text-decoration : none !important;
}

h1, h2, h3, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top    : 0;
    margin-bottom : 0;
}

ul, li, ol, p {
    margin-top      : 0;
    margin-bottom   : 0;
    list-style-type : none;
}

ul {
    padding-left : 0px;
}

/*End of Utilities*/


/*Typo*/

h1, h2, h3, h4, p, span {
    font-family : 'Exo', sans-serif;
}


h1 {
    font-size      : 46px;
    font-weight    : 500;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 1.22;
    letter-spacing : normal;
    color          : #0071ff;
}

h2 {
    font-size      : 40px;
    font-weight    : 500;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 1.2;
    letter-spacing : normal;
    text-align     : left;
    color          : #0071ff;
    margin-bottom  : 28px;
}

h3 {
    font-size      : 36px;
    font-weight    : 500;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 1.22;
    letter-spacing : normal;
    color          : #0071ff;
    margin-bottom  : 32px;
}

h4 {
    font-size      : 20px;
    font-weight    : 500;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 1.4;
    letter-spacing : normal;
    text-align     : center;
    color          : #000b19;
    margin-top     : 28px;
}

p {
    font-size      : 16px;
    font-weight    : normal;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 1.5;
    letter-spacing : normal;
    text-align     : left;
    color          : #666c75;
}

span.desc {
    opacity        : 0.9;
    font-size      : 20px;
    font-weight    : 400;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 1.6;
    letter-spacing : normal;
    color          : #999da3;
}

/*End of Typo*/

img.bg.big {
    width    : 100%;
    position : absolute;
    top      : 0;
    left     : 0;
}

.top-wrapper {
    margin-top : 56px;
}

.top-wrapper img.logo-img {
    width     : 100%;
    max-width : 240px;
}

h1.title {
    padding : 12px 0 20px;
}

span.ebook {
    display        : block;
    padding-top    : 96px;
    font-size      : 20px;
    font-weight    : 300;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 1.3;
    letter-spacing : 1.33px;
    color          : #290077;
}

span.ebook strong {
    font-weight : 600;
}

/*Buttons*/
button.btn {
    border-radius    : 8px;
    background-color : #290077;
    padding          : 15px 36px;
    transition       : 0.3s;
}

button.btn:hover {
    box-shadow : 0 8px 20px 0 rgba(0, 11, 25, 0.12);
}

.cta-top-wrapper.commuting {
    margin-top : 40px;
}

span.subscription,
span.download {
    font-size      : 12px;
    font-weight    : bold;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 2;
    letter-spacing : 1.12px;
    color          : #ffffff;
    padding-top    : 3px;
    text-transform : uppercase;
}

img.subscription-arrow.white {
    margin-left   : 12px;
    margin-bottom : 5px;
}

/*End of Buttons*/

img.tech {
    width   : 100%;
    padding : 45px;
}

section.tech {
    margin : 155px 0 200px;
}

section.tech span.desc {
    margin-bottom : 56px;
    display       : block;
    text-align    : left;
}

section.speakers {
    margin-bottom : 76px;
}

section.speakers h3 {
    font-size     : 40px;
    line-height   : 1.2;
    margin-bottom : 72px;
}

section.speakers span.desc {
    opacity     : 1;
    font-size   : 16px;
    line-height : 1.5;
    color       : #666c75;
}

section.speakers span.desc strong {
    font-weight : 600;
    color       : #290077;
}

section.speakers .element-wrapper {
    margin-bottom : 80px;
}


/*whoweare*/
/* section.whoweare {
  margin: 312px 0 150px;
}

section.whoweare span.desc{
  font-size: 15px;
} */

img.adv {
    height : 72px;
}

.adv-wrapper h3,
.adv-wrapper span {
    text-align : center;
}

.adv-wrapper span {
    font-size      : 16px;
    font-weight    : normal;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 1.5;
    letter-spacing : normal;
    text-align     : center;
    color          : #666c75;
    margin-top     : 12px;
    display        : block;
}

.adv-wrapper h3 {
    margin-top : 28px;
}

.line-two {
    padding : 56px 0;
}

/* section.advantages .cta-top-wrapper.commuting {
  margin-top: 80px;
} */

/* section.advantages {
 margin-bottom: 156px;
 float: left;
 width: 100%;
} */

section.bottom {
    background : #f3f8ff;
}

/* .advantages h2 {
  text-align: center;
  margin-bottom: 84px;
} */

.bottom img.logo-img {
    width     : 100%;
    max-width : 240px;
}

span.made-by-vitamina.white {
    font-size      : 12px;
    font-weight    : 400;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 1.67;
    letter-spacing : normal;
    color          : #000b19;
    display        : block;
}

.made-by-vitamina a {
    color       : #000b19;
    font-weight : bold;
}

span.copy {
    font-size      : 12px;
    font-weight    : normal;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 1.67;
    letter-spacing : normal;
    text-align     : center;
    color          : #000b19;
    display        : block;
    margin-top     : 56px;
}

section.bottom {
    background     : #f3f8ff;
    margin-top     : 0;
    float          : left;
    width          : 100%;
    padding-bottom : 112px;
}

section.bottom h2 {
    text-align  : center;
    margin-top  : 156px;
    font-size   : 40px;
    line-height : 1.2;
}

section.bottom span.desc {
    font-weight : 300;
    line-height : 1.4;
    color       : #666c75;
    max-width   : 630px;
    display     : block;
    margin      : auto;
}

.form form {
    border-bottom : 1px solid rgba(0, 0, 0, 0.1);
}

section.bottom {
    position : relative;
}

/*section.bottom:before {
  content: "";
  position: absolute;
  background: url(../images/footer.png);
  top: 0;
  left: 0;
  background-size: contain;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  margin: -353px 0;
  background-repeat: no-repeat;
  }*/

section.bottom {
    background        : url(../images/footer-bg.png);
    background-repeat : no-repeat;
    background-size   : cover;
}

section.bottom.ty {
    margin-top : 300px;
}

.smart.text-center {
    padding-top : 102px;
}

span.number {
    z-index        : -1;
    opacity        : 0.6;
    font-family    : Exo;
    font-size      : 120px;
    font-weight    : normal;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 1;
    letter-spacing : 9px;
    text-align     : center;
    color          : #f3f4f6;
    position       : absolute;
    left           : 36%;
    top            : 20px;
}

/* Thank You */
/*.thank-you section.bottom:before {
  display: none;
  }*/

.thank-you body {
    background : #f3f8ff;
}

.thank-you .smart.center {
    padding-top : 514px;
    z-index     : 11;
    position    : relative;
}

.thank-you .top.desktop {
    z-index  : 100;
    position : relative;
}

.thank-you span.desc {
    opacity        : 0.9;
    font-size      : 20px;
    font-weight    : 300;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 1.6;
    letter-spacing : normal;
    color          : #666c75;
    display        : block;
    margin-bottom  : 28px;
}

/* End of Thank You */

@media screen and (orientation : landscape)
and (min-device-width : 319px)
and (max-device-width : 700px) {
    .top-wrapper {
        margin-top : 424px;
    }
}

/*CONTACTS*/
.contact-form-wrapper {
    margin-top : 56px;
    z-index    : 2;
    position   : relative;
}

.contact-form-wrapper .col-md-12 {
    padding : 0;
    margin  : 0;
}

.contact-form-wrapper .col-md-12:nth-child(1) {
    padding-right : 9px;
}

.contact-form-wrapper .col-md-12:nth-child(2) {
    padding-left : 9px;
}

.contact-form-wrapper .field {
    background-color : rgba(0, 0, 0, 0.04);
    padding          : 8px;
    text-align       : left;
}

.contact-form-wrapper input,
.contact-form-wrapper textarea {
    border     : none;
    background : transparent;
    width      : 100%;
}

.contact-form-wrapper label {
    font-family    : Exo;
    font-size      : 12px;
    font-weight    : bold;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 1;
    letter-spacing : 0.8px;
    color          : #290077;
    text-transform : uppercase;
    margin-bottom  : 6px;
}

.contact-form-wrapper input,
.contact-form-wrapper textarea,
.contact-form-wrapper input::placeholder,
.contact-form-wrapper textarea::placeholder {
    font-family    : Exo;
    font-size      : 16px;
    font-weight    : normal;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 1.75;
    letter-spacing : -0.23px;
    color          : #000b19;
    outline        : none;
}

.contact-form-wrapper input::placeholder,
.contact-form-wrapper textarea::placeholder {
    opacity : 0.4;
}

.contact-form-wrapper .field {
    margin-bottom : 28px;
}

.contact-form-wrapper textarea {
    min-height : 158px;
    resize     : none;
}

.contact-form-wrapper .terms {
    text-align : left;
    position   : relative;
}

/*:: ACCEPTANCE CHECKBOX ::*/
.page-template-contacts .form-contacts .acceptance label {
    background    : transparent;
    position      : relative;
    margin        : 0px;
    margin-bottom : 58px;
    margin-left   : 0px;
}

.page-template-contacts .form-contacts .acceptance span.termos {
    color        : #838b92;
    padding-left : 6px;
}

input {
    -webkit-appearance : none;
    border-radius      : 0px;
}

.wpcf7-list-item input[type="checkbox"] {
    visibility : hidden;
    opacity    : 0;
    width      : 0px;
    height     : 0px;
    position   : absolute;
}

.wpcf7-list-item input[type="checkbox"] ~ span.wpcf7-list-item-label {
    position       : relative;
    padding-left   : 37px;
    font-size      : 14px;
    font-weight    : normal;
    font-stretch   : normal;
    font-style     : normal;
    line-height    : 1.43;
    letter-spacing : -0.12px;
    color          : #999da3;
    text-transform : none;
    cursor         : pointer;
    position       : relative;
    float          : left;
    padding-top    : 3px;
}

.wpcf7-list-item input[type="checkbox"] ~ span.wpcf7-list-item-label a {
    color           : #000b19;
    text-decoration : underline !important;
}

.wpcf7-list-item input[type="checkbox"] ~ span.wpcf7-list-item-label:before {
    position   : absolute;
    width      : 11px;
    height     : 9px;
    top        : 8px;
    left       : 7px;
    z-index    : 2;
    transition : all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.wpcf7-list-item input[type="checkbox"] ~ span.wpcf7-list-item-label:after {
    content          : '';
    position         : absolute;
    border-radius    : 2px;
    width            : 24px;
    height           : 24px;
    text-align       : center;
    line-height      : 25px;
    border           : solid 1px #290077;
    background-color : #ffffff;
    top              : 0;
    left             : 0px;
    z-index          : 1;
}

/*.wpcf7-list-item input[type="checkbox"]:checked ~ span.wpcf7-list-item-label:after {
  /*transform: scale(0);
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}*/
.wpcf7-list-item input[type="checkbox"]:checked ~ span.wpcf7-list-item-label:before {
    content    : url('../images/tick.svg');
    transition : all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    border     : none;
}

/*:: END OF ACCEPTANCE CHECKBOX ::*/

.contact-form-wrapper button {
    margin-top    : 56px;
    margin-bottom : 156px;
}

.contact-form-wrapper li.error {
    font-family     : Exo;
    color           : #000b19;
    list-style-type : none;
    padding         : 0;
    text-transform  : none;
}

.contact-form-wrapper .terms li.error {
    position : absolute;
    bottom   : -15px;
    left     : 45px;
}

/* End of CONTACTS */


/* RESPONSIVE */

@media only screen and (min-width : 1043px) and (max-width : 1440px) {
    img.bg.medium {
        display  : block;
        width    : 100%;
        position : absolute;
        top      : 0;
        left     : 0;
    }

    img.bg.big {
        display : none;
    }

    .thank-you img.bg.big {
        display : block;
    }

    .top .col-md-7 {
        flex      : 0 0 50%;
        max-width : 50%;
    }
}

@media only screen and (max-width : 1043px) {
    .desktop {
        display : none;
    }

    img.bg.big {
        display : none;
    }

    img.bg.mobile {
        display  : block;
        width    : 100%;
        position : absolute;
        top      : 0;
        left     : 0;
    }

    .thank-you .smart.center {
        padding-top : 214px;
    }

    .thank-you img.bg.big {
        height : inherit;
    }

    .form {
        padding : 0px 0 40px;
    }

    .mobile {
        display : block;
    }

    .top-wrapper {
        margin-top : 244px;
    }

    .top-wrapper img.logo-img {
        max-width : 190px;
    }

    h1 {
        font-size      : 28px;
        font-weight    : 500;
        font-stretch   : normal;
        font-style     : normal;
        line-height    : 1.29;
        letter-spacing : normal;
        color          : #0071ff;
    }

    h2 {
        font-size      : 28px;
        font-weight    : 500;
        font-stretch   : normal;
        font-style     : normal;
        line-height    : 1.29;
        letter-spacing : normal;
        text-align     : center;
        color          : #0071ff;
    }

    h4 {
        font-size      : 16px;
        font-weight    : 500;
        font-stretch   : normal;
        font-style     : normal;
        line-height    : 1.5;
        letter-spacing : normal;
        text-align     : center;
        color          : #000b19;
        margin-top     : 20px;
    }

    span.desc {
        font-size   : 16px;
        font-weight : 300;
        line-height : 1.5;
        color       : #666c75;
    }

    /* .element-wrapper {
      display: block;
    } */
    section.tech {
        margin : 44px 0 112px;
    }

    img.tech {
        padding : 15px 22px;
    }

    section.speakers h3,
    .tech h3 {
        text-align     : center;
        margin         : 40px 0 20px;
        font-size      : 28px;
        font-weight    : 500;
        font-stretch   : normal;
        font-style     : normal;
        line-height    : 1.29;
        letter-spacing : normal;
    }


    .tech .cta-top-wrapper.commuting {
        text-align : center;
    }

    .tech span.desc {
        text-align : center;
        display    : block;
    }

    /*.cta-top-wrapper.commuting {
      text-align: center;
      }*/
    .adv-wrapper {
        margin-top : 32px;
    }

    .adv-wrapper span {
        font-size      : 14px;
        font-weight    : normal;
        font-stretch   : normal;
        font-style     : normal;
        line-height    : 1.43;
        letter-spacing : normal;
        text-align     : center;
        color          : #666c75;
    }

    .line-two {
        padding : 0;
    }

    img.adv {
        height : 56px;
    }

    /* section.advantages .cta-top-wrapper.commuting {
      margin-top: 56px;
    } */
    section.bottom:before {
        margin : -70px 0;
    }

    section.bottom {
        margin-top : -56px;
    }

    section.bottom h2 {
        margin-top : 148px;
        font-size  : 28px;
    }

    /* section.advantages {
     margin-bottom: 84px;
   } */
    span.number {
        opacity        : 0.6;
        font-family    : Exo;
        font-size      : 84px;
        font-weight    : normal;
        font-stretch   : normal;
        font-style     : normal;
        line-height    : 1;
        letter-spacing : normal;
        text-align     : center;
        color          : #f3f4f6;
    }

    /* Thank You */
    .top.mobile {
        z-index  : 1;
        position : relative;
    }

    .thank-you span.desc {
        opacity        : 0.9;
        font-family    : Exo;
        font-size      : 16px;
        font-weight    : normal;
        font-stretch   : normal;
        font-style     : normal;
        line-height    : 1.5;
        letter-spacing : normal;
        color          : #666c75;
    }

    .thank-you body {
        background : #f3f8ff;
    }

}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .top .col-md-7 {
        flex      : 0 0 100%;
        max-width : 100%;
    }

    .top-wrapper {
        margin-top : 524px;
    }

    .element-wrapper {
        display            : -ms-flexbox;
        display            : flex;
        -ms-flex-direction : row;
        flex-direction     : row;
        -ms-flex-align     : center;
        align-items        : center;
    }

    .tech .col-md-8 {
        flex      : 0 0 50%;
        max-width : 50%;
    }

    /* .advantages .col-md-8 {
      flex: 0 0 100%;
      max-width: 100%;
    } */
    /* .col-md-14 {
      flex: 0 0 100%;
      max-width: 100%;
    } */
    /* .advantages h2 {
      margin-bottom: 28px;
    } */
    .tech h3,
    .tech span.desc {
        text-align : left;
    }

    .tech .cta-top-wrapper.commuting {
        text-align : left;
    }
}

@media only screen and (max-width : 1000px) {
    .contact-form-wrapper .col-md-12 {
        flex      : 0 0 100%;
        max-width : 100%;
    }

    section.bottom {
        padding-bottom : 52px;
    }

    section.bottom.ty {
        margin-top : 100px;
    }

    .contact-form-wrapper .col-md-12:nth-child(1) {
        padding-right : 0;
    }

    span.ebook {
        padding-top : 24px;
    }

    .contact-form-wrapper .col-md-12:nth-child(2) {
        padding-left : 0;
    }

    .contact-form-wrapper button {
        margin-bottom : 0;
    }

    section.whoweare {
        margin : 0px 0 162px;
    }

    section.whoweare h3 {
        margin-top : 56px;
        font-size  : 28px;
    }

    section.bottom {
        background-position : center;
    }

    .contact-form-wrapper {
        margin-top : 28px;
    }

    .contact-form-wrapper .field {
        margin-bottom : 20px;
    }

    span.copy {
        margin-top : 56px;
    }

    .tech h3 {
        text-align : left;
    }

    .tech .cta-top-wrapper.commuting {
        text-align : left;
    }

    .form form {
        padding-bottom : 85px;
    }

    .smart.text-center {
        padding-top : 15px;
    }
}

@media only screen and (max-width : 767px) {
    .tech .element-wrapper > div {
        flex      : 0 0 100%;
        max-width : 100%;
    }

    .tech .element-wrapper {
        display   : flex;
        flex-wrap : wrap;
    }

    .speakers .element-wrapper > div {
        flex      : 0 0 100%;
        max-width : 100%;
    }

    .speakers .element-wrapper {
        display   : flex;
        flex-wrap : wrap;
    }

    section.speakers img {
        max-width     : 500px;
        margin-top    : 20px;
        margin-bottom : 20px;
    }

    section.speakers .element-wrapper {
        margin-bottom : 20px;
    }

    .contact-form-wrapper button {
        width : 100%;
    }
}

main {
    position : relative;
    z-index  : 100;
    overflow : hidden;
    width    : 100%;
}

.thank-you .bottom {
    padding-bottom : 50px;
    background     : none;
}