html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}


fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


textarea {
    resize: vertical;
}


.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.hidden {
    display: none !important;
}


.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {

}

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,500,700,800');*/
/*@import url('https://fonts.googleapis.com/css?family=Abril+Fatface:400');*/
/*@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400');*/

/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v13/h3_FseZLI76g1To6meQ4zX-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v13/ifRS04pY1nJBsu8-cUFUS-vvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v13/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v13/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url(https://fonts.gstatic.com/s/montserrat/v10/eWRmKHdPNWGn_iFyeEYja4uHZpzeMvIxgxffEGR1vRs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url(https://fonts.gstatic.com/s/montserrat/v10/eWRmKHdPNWGn_iFyeEYjax3FbGwR6vt0FcFQ55rEhNY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url(https://fonts.gstatic.com/s/montserrat/v10/eWRmKHdPNWGn_iFyeEYja_bbaTZmtPDRvp9xUdyvPg4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v10/IVeH6A3MiFyaSEiudUMXE9RVd-_K1mWccr43Mya9Crg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v10/IVeH6A3MiFyaSEiudUMXE1Yo3yjVQ1y6DauKPXl5S54.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v10/IVeH6A3MiFyaSEiudUMXEweOulFbQKHxPa89BaxZzA0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v10/BYPM-GE291ZjIXBWrtCweiyNCiQPWMSUbZmR9GEZ2io.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v10/BYPM-GE291ZjIXBWrtCwevfgCb1svrO3-Ym-Rpjvnho.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v10/BYPM-GE291ZjIXBWrtCweteM9fzAXBk846EtUMhet0E.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v10/IQHow_FEYlDC4Gzy_m8fcnv4bDVR720piddN5sbmjzs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v10/IQHow_FEYlDC4Gzy_m8fcjrEaqfC9P2pvLXik1Kbr9s.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v10/IQHow_FEYlDC4Gzy_m8fcmaVI6zN22yiurzcBKxPjFE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(https://fonts.gstatic.com/s/montserrat/v10/H8_7oktkjVeeX06kbAvc0DILJidW5jMaaXyfOecgwBY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(https://fonts.gstatic.com/s/montserrat/v10/H8_7oktkjVeeX06kbAvc0E35xRr55vqc_g-KyS3KPQI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url(https://fonts.gstatic.com/s/montserrat/v10/H8_7oktkjVeeX06kbAvc0GXcKQM3CJKNQg5O_z0AU2U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}




/* latin-ext */
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: local('Abril Fatface'), local('AbrilFatface-Regular'), url("../font/Abril_ Fatface01.woff2") format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: local('Abril Fatface'), local('AbrilFatface-Regular'), url("../font/Abril_ Fatface02.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: local('Abril Fatface'), local('AbrilFatface-Regular'), url("../font/Abril_ Fatface03.woff") format('woff');
}

body {
    margin:0;
    background-color: #23262b;
}

button
{
    background-color: Transparent;
    border: none;
    color: white;
    text-decoration: none;

}
button:focus {outline:0;}


::-webkit-input-placeholder {
    opacity: 0.7;
    color:#fff;
    transition: all 0.5s cubic-bezier(0,.66,.19,.98);

}

 :focus::-webkit-input-placeholder {
    transition: all 0.5s cubic-bezier(0,.66,.19,.98);
    opacity: 0;
}

.heavy_txt {
  font-family: "Lato";
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  color: #fff;
}

.former {
display: none;
    }
.smaller{
  display: block;
}

header{
    z-index: 100;
    position: fixed;
    height: auto;
}

.logo{
    width: 75px;
    height:75px;
    margin-left: 2vw;
    margin-top: 5vw;
  display: block;

}
.menu{
   float:right;
    width: 800px;
    height:75px;
    display: inline-block;
    padding-top: 15px;
    padding-right: 60px;
    overflow: hidden;
    position: relative;
}

.menu ul{
float:right;
}
.nav li{
    list-style-type: none;
    margin: 0;
    padding-left: 50px;
    float:left;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;

}

nav{

    overflow: auto;
    z-index: 102;
    width: 100vw;
    margin: 0 auto;
    padding-top: 20px;
}

.logonav{
    float: left;
    width: auto;
    height: auto;
    margin-left: 60px;
    margin-top: 21px;
}
.logotop{
    width: 100px;
    height: auto;
}
.js-scrollTo{
    color: #fff;
    opacity: 0.7;
}
.nav a {
    text-decoration: none;
    color: #fff;
    transition: all 0.2s cubic-bezier(0.210, 0.005, 0.285, 0.995);

}
.nav a:hover {
    text-decoration: none;
    color: #fff;
    transition: all 0.2s cubic-bezier(0.210, 0.005, 0.285, 0.995);
    opacity: 0.5;
}

.menu_on{
    color: #fff;
    opacity: 1;
    transition: all 0.2s cubic-bezier(0.210, 0.005, 0.285, 0.995);
}



.social_link {

    margin-bottom: 0px;
    display: inline-block;
    opacity: 1;
    width:70vw;
    height: 30vh;
    position: fixed;
    bottom : 0;
    z-index: 90;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0,.66,.19,.98);
    opacity: 1;
    list-style: none;

}


.social_link ul, li{

  display: inline-block;
  list-style: none;

}


.social_link ul{
    position: absolute;
    bottom: 0;
    margin-bottom: 5vh;

}

.social_link img{
    width: 35%;
    height: : auto;
}


.social_link a{
    position: relative;
    text-decoration: none;
    width: 40px;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    transition: all 0.5s cubic-bezier(0,.66,.19,.98);
    opacity: 1;

}

.social_link a:hover{
    position: relative;
    text-decoration: none;
    width: 40px;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
    transition: all 0.5s cubic-bezier(0,.66,.19,.98);
    opacity: 0.5;

}



.section_00 {



        width: 100%;
        height: 190vh;
        background-position: center;
        background-image: url('../img/visual_header_04.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        overflow: hidden;


}



.wrapper{
        margin: 0  auto;
        width: 82vw;
        height: 70vh;
        vertical-align:middle;
        margin-top: 14vh;
}


.s01_content h1{
  font-family: 'Lato', sans-serif;
  font-weight: 100;
  font-size: 40px;
  margin-bottom: 28px;
  margin-top: 0px;
  color: #fff;
  line-height: 30pt;

}
.s01_content h2{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 4px;
  margin-bottom: 5px;
  color: #fff;
  margin-left: 7px;
}
.s01_content p{
  font-family: "Lato";
  font-size: 16px;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  color: #fff;
  margin-left: 7px;
}

.joining{
  width: 100%;
  height:125px;
}

input {
    border-radius: 0;
}
input:focus {
    outline:none;
}
.email_ph {
  position: absolute;
  float: left;
  margin-left: 7px;
  width:90%;
  height: 50px;
    font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: 6px;
  font-size: 9px;
  color: #fff;
    opacity: 0.8;
    padding-top: 20px

}

.form_field_eml input {
  position: relative;
  float: left;
  margin-left: 7px;
  width:90%;
  background: none;
  border: none;
  resize: none;
  outline: none;
  height: 50px;

  transition: all 0.5s cubic-bezier(0,.66,.19,.98);

  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: 6px;
  font-size: 16px;
  color: #fff;

  line-height: 1;
  border-bottom: 1px solid #fff;
  opacity: 0.8;
  white-space: nowrap;
  overflow: hidden;


}
.form_field_eml input:focus {
  position: relative;
  float: left;
  margin-left: 7px;
  width:90%;
  background: none;
  border: none;
  resize: none;
  outline: none;
  height: 50px;

  transition: all 0.5s cubic-bezier(0,.66,.19,.98);

  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: 6px;
  font-size: 12px;
  color: #fff;

  line-height: 1;
  border-bottom: 1px solid #8c6efc;
  opacity: 1;
  white-space: nowrap;
  overflow: hidden;


}

#send{

    margin-top: 15px;
    position: relative;
    border-radius: 100px;
    width: 150px;
    height: 50%;
    padding: 18px 45px 18px 45px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 9px;
    letter-spacing: 4px;

    border:0;

    transition: all 01s cubic-bezier(0,.66,.19,.98);
    background-color: #8c6efc;
    color: #fff;

    }

#send:hover{

    float: left;
    margin-top: 15px;
    position: relative;
    border-radius: 100px;
    width: 150px;
    height: 50%;
    padding: 18px 45px 18px 45px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 9px;
    letter-spacing: 4px;

    border:0;

    transition: all 0.5s cubic-bezier(0,.66,.19,.98);
    background-color: #fff;
    color: #000;

    }



.s01_content {

  position: relative;
  vertical-align: middle;
  width: 100%;
  height: 50%;
  margin-top: 10%;

}

.s01_content_left {

  width: 100%;
  height: 75%;
  text-align: center;

}




.section_01 {
        width: 100%;
        height: 180vh;
        background-image: url('../img/drift_bg_map.jpg');
        overflow: hidden;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;

}
.s01_content_left img{
    margin-top: 14%;
    width: 100%;
    vertical-align: middle;
    margin-top: 25px;
    font-size: 21px;
    text-align: center;
}




.section_02 {
        width: 100%;
        height: 150vh;
        background-position: center;
        background-image: url('../img/drift_screens_bg_03.jpg');
        overflow: hidden;

}


.wrapper_s2{
  margin: 0  auto;
  vertical-align:middle;
  background-position: 0 50 ;
  height: 70vh;
  width: 75vw;
  margin-top: 15vh;
}

.drift_xp_img_s{
  margin: 0  auto;
  width:100%;
  height: 70vh;
  position: relative;
  background-size: 150%;
  transition: all 01s cubic-bezier(0,.66,.19,.98);
  text-align: center;
  margin-bottom: 5vh;


}

.drift_xp_img_s img{
  display: block;
  margin: 0 auto;
  width:110vw;
  margin-left: -15vw;
  height: auto;
  transition: all 01s cubic-bezier(0,.66,.19,.98);


}

.drift_xp_content{

  width:100%;
  height: auto;
  float: left;
  transform: scale(0.9);
  transition: all 01s cubic-bezier(0,.66,.19,.98);

}

.drift_xp_content h1{
  font-family: 'Lato', sans-serif;
  font-weight: 100;
  font-size: 40px;
  margin-bottom: 28px;
  margin-top: 0px;
  color: #fff;
  line-height: 30pt;

}
.drift_xp_content h2{
    margin-top: 7%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 4px;
  margin-bottom: 5px;
  color: #fff;
  margin-left: 7px;
}
.drift_xp_content p{
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  color: #fff;
  margin-left: 7px;
}





.needangel_wrapper{

        margin: 0  auto;
        vertical-align:middle;
        background-position: 0 50 ;
        height: 70vh;
        width: 75vw;
        margin-top: 15vh;
}

.needangel_content{
  width: 100%
  height:auto;
  margin-top: 5%;
  margin-bottom: 4%;
}

.needangel_content h1{
  font-family: 'Lato', sans-serif;
  font-weight: 100;
  font-size: 40px;
  margin-bottom: 28px;
  margin-top: 0px;
  color: #00dae3;
  line-height: 30pt;
  text-align: center;

}
.needangel_content h2{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 4px;
  margin-bottom: 5px;
  color: #fff;
  margin-left: 7px;
  text-align: center;
}
.needangel_content p{
  font-family: "Lato";
  font-size: 16px;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  color: #fff;
  text-align: center;
}

.joining_form{
  text-align: center;
}
.form_field_name input {
  float: left;
  width:100%;
  background: none;
  border: none;
  resize: none;
  outline: none;
  height: 50px;

  transition: all 0.5s cubic-bezier(0,.66,.19,.98);

  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: 4px;
  font-size: 16px;
  color: #666;

  line-height: 1;
  border-bottom: 1px solid #666;
      white-space: nowrap;
    overflow: hidden;

}
.form_field_name input:focus {
  float: left;
  width:100%;
  background: none;
  border: none;
  resize: none;
  outline: none;
  height: 50px;

  transition: all 0.5s cubic-bezier(0,.66,.19,.98);

  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: 4px;
  font-size: 12px;
  color: #fff;

  line-height: 1;
  border-bottom: 1px solid #00dae3;
      white-space: nowrap;
    overflow: hidden;

}
.form_field_emlj input {
  float: left;
  width:100%;
  background: none;
  border: none;
  resize: none;
  outline: none;
  height: 50px;

  transition: all 0.5s cubic-bezier(0,.66,.19,.98);

  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: 4px;
  font-size: 16px;
  color: #666;

  line-height: 1;
  border-bottom: 1px solid #666;
      white-space: nowrap;
    overflow: hidden;

}
.form_field_emlj input:focus {
  float: left;
  width:100%;
  background: none;
  border: none;
  resize: none;
  outline: none;
  height: 50px;

  transition: all 0.5s cubic-bezier(0,.66,.19,.98);

  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: 4px;
  font-size: 12px;
  color: #fff;

  line-height: 1;
  border-bottom: 1px solid #00dae3;
      white-space: nowrap;
    overflow: hidden;

}


.form_field_msg input {
  float: left;
  width:100%;
  background: none;
  border: none;
  resize: none;
  outline: none;
  height: 50px;

  transition: all 0.5s cubic-bezier(0,.66,.19,.98);

  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: 4px;
  font-size: 16px;
  color: #666;

  line-height: 1;
  border-bottom: 1px solid #666;
  white-space: nowrap;
  overflow: hidden;
}
.form_field_msg input:focus {
  float: left;
  width:100%;
  background: none;
  border: none;
  resize: none;
  outline: none;

  transition: all 0.5s cubic-bezier(0,.66,.19,.98);

  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: 4px;
  font-size: 12px;
  color: #fff;

  line-height: 1;
  border-bottom: 1px solid #00dae3;
  white-space: nowrap;
  overflow: hidden;
}

:focus::-webkit-input-placeholder {
    transition: all 0.5s cubic-bezier(0,.66,.19,.98);
    opacity: 0;
}



#sendj{
    margin-top: 35px;
    position: relative;
    border-radius: 100px;
    width: 150px;
    height: 50%;
    padding: 18px 45px 18px 45px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 4px;

    border:0;

    transition: all 01s cubic-bezier(0,.66,.19,.98);
    background-color: #00dae3;
    color: #fff;

    }

#sendj:hover{
    margin-top: 35px;
    position: relative;
    border-radius: 100px;
    width: 150px;
    height: 50%;
    padding: 18px 45px 18px 45px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 4px;

    border:0;

    transition: all 0.5s cubic-bezier(0,.66,.19,.98);
    background-color: #fff;
    color: #00dae3;

    }

.know_more {

        margin: 0  auto;
        vertical-align:middle;
        height: 7vh;
        width: 100%;
        margin-top: 4vh;
}

.know_more p{
  font-family: "Lato";

  font-weight: 300;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  color: #fff;
  text-align: center;
}
mark.boldious {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 4px;
  color: #fff;
  background:none;

}
.know_more h2 {

  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 11px;
  letter-spacing: 4px;
  color: #666;
  margin-bottom: 7px;
  text-align: center;
  transition: all 0.5s cubic-bezier(0,.66,.19,.98);
  opacity: 1;

}

.know_more h2:hover {
  transition: all 0.5s cubic-bezier(0,.66,.19,.98);
  opacity: 0.5;
}

.know_more a{
  text-decoration: none;
}

/*NAV_MOBILE*/


.nav_s{
    margin-top: 0px;
    display: block;
    opacity: 1;
    width:50vw;
    height: 100px;
    position: fixed;
    top : 0;
    left:0;
    float: left;
    z-index: 90;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0,.66,.19,.98);
    padding-top: 32px;
    transition: all 0.7s cubic-bezier(0.150, 0.610, 0.430, 0.980);
    padding-left:9vw;
}


.menu_trigger{
    display: block;
    position: absolute;
    width:40px;
    height: 40px;
    position: fixed;
    right: 30px;
    margin-top: 28px;
    z-index: 80;
    background-image: url('../img/menu_trigger.png');
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;

}

.nav_folded{
    margin-top: 0px;
    display: block;
    background-color: #8c6efc;
    opacity: 1;
    width:0vw;
    height: 100vh;
    position: fixed;
    top : 0;
    right:0;
    float: right;
    z-index: 90;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0,.66,.19,.98);
}

.nav_expand{
        transition: all 0.3s cubic-bezier(0,.66,.19,.98);
        width:100vw;
        opacity: 1;
        box-shadow: 0 0 5em #000;

}
.navwrapper{
  width: 90vw;
  float: right;
  height: 100px;

}

.nav_logo{
    float: left;
    width: 50vw;
    height: auto;
    margin-top: 32px;
     transition: all 0.7s cubic-bezier(0.150, 0.610, 0.430, 0.980);
    margin-left:21px;
}

.logo_expand{
  transition-delay: 0.5s;
   transition: all 0.7s cubic-bezier(0.150, 0.610, 0.430, 0.980);
  margin-left: 1px;
}

.logotop{
    width: 100px;
    height: auto;
}

.nav_closer {
    float: right;
    margin-top: 32px;
    width: 20px;
    height: 30px;

    background-image: url('../img/right_arrow.png');
    background-position: right;
    background-repeat: no-repeat;
    margin-left: 7%;
    transition: all 0.2s cubic-bezier(0.150, 0.610, 0.430, 0.980);

    opacity: 0;
    margin-right: 35px;

}

.returnon{
   transition: all 0.7s cubic-bezier(0.150, 0.610, 0.430, 0.980);
   width: 40px;
    opacity: 1;
}
.menu_exp  ul{
    float: right;
    text-align: right;
   transition: all 0.7s cubic-bezier(0.150, 0.610, 0.430, 0.980);
    opacity: 0;
    margin-right: 65px;




}
.menu_list{
  margin-top: 50px;
}
.menu_exp  ul li {
    display: inline-block;
    list-style: none;
    width: 100%;
    margin-bottom: 7px;
    margin-top: 7px;
    margin-bottom: 18px;
}
.menu_exp ul li a {
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 8px;
    color: #fff;
    transition: all 01s cubic-bezier(0,.66,.19,.98);

}

.menu_expand ul{

    transition: all 1s cubic-bezier(0.150, 0.610, 0.430, 0.980);
    opacity: 1;
    margin-right: 35px;

}
.fadeinstart{
  transition: all 0.3s cubic-bezier(0,.66,.19,.98);
  opacity: 0;
}

.playinstart{
  transition: all 0.3s cubic-bezier(0,.66,.19,.98);
  display: none;
  opacity: 0;
}