@font-face {
    font-family: "Poppins";
    src: url("fonts/poppins/Poppins-Light.eot");
    src: url("fonts/poppins/Poppins-Light.eot?#iefix") format('embedded-opentype'),
         url("fonts/poppins/Poppins-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("fonts/poppins/Poppins-Regular.eot");
    src: url("fonts/poppins/Poppins-Regular.eot?#iefix") format('embedded-opentype'),
         url("fonts/poppins/Poppins-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Poppins";
    src: url("fonts/poppins/Poppins-Medium.eot");
    src: url("fonts/poppins/Poppins-Medium.eot?#iefix") format('embedded-opentype'),
         url("fonts/poppins/Poppins-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("fonts/roboto/Roboto-Light.eot");
    src: url("fonts/roboto/Roboto-Light.eot?#iefix") format('embedded-opentype'),
         url("fonts/roboto/Roboto-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("fonts/roboto/Roboto-Regular.eot");
    src: url("fonts/roboto/Roboto-Regular.eot?#iefix") format('embedded-opentype'),
         url("fonts/roboto/Roboto-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("fonts/roboto/Roboto-Bold.eot");
    src: url("fonts/roboto/Roboto-Bold.eot?#iefix") format('embedded-opentype'),
         url("fonts/roboto/Roboto-Bold.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}