@font-face {
    font-family: "RobotoRegular";
    src: url("../font/roboto/RobotoRegular/RobotoRegular.eot");
    src: url("../font/roboto/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
    url("../font/roboto/RobotoRegular/RobotoRegular.woff") format("woff"),
    url("../font/roboto/RobotoRegular/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoLight"; */
@font-face {
    font-family: "RobotoLight";
    src: url("../font/roboto/RobotoLight/RobotoLight.eot");
    src: url("../font/roboto/RobotoLight/RobotoLight.eot?#iefix")format("embedded-opentype"),
    url("../font/roboto/RobotoLight/RobotoLight.woff") format("woff"),
    url("../font/roboto/RobotoLight/RobotoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoMedium"; */
@font-face {
    font-family: "RobotoMedium";
    src: url("../font/roboto/RobotoMedium/RobotoMedium.eot");
    src: url("../font/roboto/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"),
    url("../font/roboto/RobotoMedium/RobotoMedium.woff") format("woff"),
    url("../font/roboto/RobotoMedium/RobotoMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoBold"; */
@font-face {
    font-family: "RobotoBold";
    src: url("../font/roboto/RobotoBold/RobotoBold.eot");
    src: url("../font/roboto/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"),
    url("../font/roboto/RobotoBold/RobotoBold.woff") format("woff"),
    url("../font/roboto/RobotoBold/RobotoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@media screen and (min-width: 992px) and (max-width: 8291px) {
.logggo {margin-top:-35px;position:absolute;width:150px;}
}

.lll {width:310px; position:absolute;z-index:99;background:#0063aa;padding-right:10px; padding-top:5px;padding-bottom:5px; border-radius:7px;right:15%;}