@font-face {
    font-family: Poppins;
    src:  url("../Fonts/Poppins/Poppins-Regular.ttf") format('truetype'),
    url("../Fonts/Poppins/Poppins-Black.ttf") format('truetype'),
    url("../Fonts/Poppins/Poppins-Thin.ttf") format('truetype'),
    url("../Fonts/Poppins/Poppins-Light.ttf") format('truetype'),
    url("../Fonts/Poppins/Poppins-Medium.ttf") format('truetype'),
    url("../Fonts/Poppins/Poppins-Bold.ttf") format('truetype')
;
}
body{
    font-family: 'Poppins';
}

.btn-connect{

    /*width: 453px;*/
    height: 68px;
    color: white;

    background: #FF7F50 !important;
    border-radius: 50px !important;
}
.btn-connect:hover{
    color: white;
}
.connect-form{
    position: absolute;
    z-index: 2000;
    width: 503px !important;
    height: 513px!important;

    /*text-align: center;*/
    padding: 20px;
    margin-top: 67px;

    background: #FFFFFF;
    border-radius: 5px;
}
.connect-form span{
    /*position: absolute;*/
    width: 220px;
    height: 18px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 130.5%;
    text-transform: capitalize !important;
    color: #818181 !important;
}
.connect-form span a{
    color: #FF7F50;
}
.accroche{
    position: relative;
    display: inline-block;
    padding-top: 10%;
    padding-left: 10%;
    width: 533px!important;
    height: 210px!important;
    text-transform: capitalize;
    color: #FFFFFF;
}
.accroche h6{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 130.5%;

    /* or 31px */
    text-transform: capitalize;

    color: #FFFFFF;
}
.accroche h2{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 96px;
    line-height: 116.5%;

    /* or 112px */
    text-transform: capitalize;

    color: #FFFFFF;
}
.form-bg{

    position: relative;
    z-index: 1000;
    width: 503px !important;
    height: 648px !important;
    right: -63px;
    /*top: 117px;*/

    background: rgba(255, 255, 255, 0.3);
    border-radius: 5px;
}
html{
    background: url(../assets/bg-img.jpg) no-repeat center center fixed;
    /*max-width: 100%;*/
    /*height: auto;*/
    -webkit-background-size:cover;
    -moz-background-size:cover;
    o-background-size:cover;
    background-size:cover;
}
.container-fluid{
    padding-top: 50px ;
    height: 800px;
    background: url(../assets/bg-img.jpg) no-repeat center center fixed;
    /*max-width: 100%;*/
    /*height: auto;*/
    -webkit-background-size:cover;
    -moz-background-size:cover;
    o-background-size:cover;
    background-size:cover;
}
form .title{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 130.5%;

    /* identical to box height, or 63px */
    text-transform: capitalize;

    color: #000000;
}