@font-face {
    font-family: 'robotoregular';
    src: url('font/Roboto-Regular-webfont.eot');
    src: url('font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Regular-webfont.woff2') format('woff2'),
         url('font/Roboto-Regular-webfont.woff') format('woff'),
         url('font/Roboto-Regular-webfont.ttf') format('truetype'),
         url('font/Roboto-Regular-webfont.svg#hind_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('font/Roboto-Bold-webfont.eot');
    src: url('font/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Bold-webfont.woff2') format('woff2'),
         url('font/Roboto-Bold-webfont.woff') format('woff'),
         url('font/Roboto-Bold-webfont.ttf') format('truetype'),
         url('font/Roboto-Bold-webfont.svg#hindbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('font/Roboto-Light-webfont.eot');
    src: url('font/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Roboto-Light-webfont.woff2') format('woff2'),
         url('font/Roboto-Light-webfont.woff') format('woff'),
         url('font/Roboto-Light-webfont.ttf') format('truetype'),
         url('font/Roboto-Light-webfont.svg#hindlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@-webkit-keyframes fadein{0%{opacity:1;}100%{opacity:0;}}
@-moz-keyframes fadein{0%{opacity:1;}100%{opacity:0;}}
@-o-keyframes fadein{0%{opacity:1;}100%{opacity:0;}}
@keyframes fadein{0%{opacity:1;}100%{opacity:0;}}
.effect02{-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;}
.effect05{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;}
.effect10{-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s;}
*{position:relative;margin:0;padding:0;border:none;text-decoration:none;}
html, body{background-color:#000;font-family:'robotolight';position:relative;height:100%;background-position:center;background-repeat:repeat;background-size:cover;}

.mascara{-webkit-animation:fadein 5s linear;-moz-animation:fadein 5s linear;-o-animation:fadein 5s linear;animation:fadein 5s linear;background-color:#000;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;}
#all{position:fixed;background-position:center;background-repeat:repeat;background-size:cover;top:0;left:0;right:0;bottom:0;}
.posi{position:absolute;width:1280px;height:500px;top:50%;right:10%;margin-top:-250px;}
.conteudo{background-image:url(../img/login/linhas1.png);background-repeat:no-repeat;background-position:right 50px;position:relative;width:1280px;height:500px;display:inline-block;}
.logo{position:absolute;top:90px;right:400px;width:320px;height:110px;}
.logo .logo-eboss{width:320px;height:110px;}
/*
.logo .linha{position:absolute;bottom:-10px;height:1px;left:50%;right:50%;color:#9f7fb9;background-color:#9f7fb9;}
.logo:hover .linha{left:0;right:0;}
*/
.frm{display:block;width:300px;position:absolute;top:0;right:0;}
.frm.d-n{display:none !important;}
.frm .tit{font-size:20px;color:#e1e1e1;text-transform:uppercase;text-align:center;margin-bottom:74px;}
.frm .input-login{font-size:18px;border-bottom:1px solid #bbc1c6;display:block;padding:5px 0;margin-bottom:40px;background:transparent;color:#e1e1e1;width:100%;font-family:'robotolight';background-position:center right;background-repeat:no-repeat;}
.frm .input-login.ico-email{background-image:url(../img/login/ico-email.png);}
.frm .input-login.ico-key{background-image:url(../img/login/ico-key.png);}
::placeholder{color:#e1e1e1;opacity:1;font-family:'robotolight';}
:-ms-input-placeholder{color: #e1e1e1;font-family:'robotolight';}
::-ms-input-placeholder{color: #e1e1e1;font-family:'robotolight';}
.frm .bt-acessar{background-color:#f6c663;color:#323232;display:block;width:260px;margin:0 auto 40px;padding:16px 0;text-align:center;font-size:20px;border-radius:50px;cursor:pointer;}
.frm .bt-acessar:hover{background-color:#fb9b35;}
.frm .bt-esqueci-senha, .frm .bt-login{background-color:#323232;color:#e1e1e1;display:block;width:200px;margin:0 auto;padding:6px 0;text-align:center;font-size:14px;border-radius:50px;cursor:pointer;}
.frm .bt-esqueci-senha:hover, .frm .bt-login:hover{background-color:#646464;}
.publicidade{display:block;width:840px;position:absolute;top:300px;left:0;text-align:center;}
.publicidade .propaganda{display:inline-block;vertical-align:top;width:40%;margin:0 1%;background-color:rgba(0, 0, 0, 0.5);padding:30px;text-align:left;position:relative;cursor:pointer;}
.publicidade .propaganda:hover{background-color:rgba(0, 0, 0, 1);}
.publicidade .propaganda .mdi{font-size:16px;color:#e1e1e1;position:absolute;top:10px;right:10px;opacity:.2;}
.publicidade .propaganda:hover .mdi{opacity:1;}
.publicidade .propaganda .tit{font-size:24px;color:#fb9b35;margin-bottom:10px;}
.publicidade .propaganda .txt{font-size:16px;color:#e1e1e1;}
.modalpropaganda{background-color:#000;max-width:800px;padding:40px 40px 80px;}
.modalpropaganda.com-imagem{padding-left:360px;min-height:400px;}
.modalpropaganda .prop-img{width:100%;height:auto;max-width:280px;max-height:280px;border-radius:100%;margin-right:20px;margin-bottom:10px;position:absolute;top:40px;left:40px;}
.modalpropaganda .prop-tit{text-align:left;font-size:24px;color:#fb9b35;margin-bottom:10px;}
.modalpropaganda .prop-chamada{text-align:left;font-size:16px;color:#e1e1e1;margin-bottom:10px;}
.modalpropaganda .prop-data{text-align:left;font-size:14px;color:#9f7fb9;margin-bottom:10px;}
.modalpropaganda .prop-texto{text-align:justify;font-size:14px;color:#e1e1e1;position:relative;}
.modalpropaganda .prop-bt-fechar{position:absolute;color:#e1e1e1;font-size:16px;line-height:20px;text-align:center;width:100%;bottom:0;left:0;right:0;z-index:9999;background-color:#000;font-weight:normal;text-transform:uppercase;padding:10px 0;border-top:1px solid #222;cursor:pointer;}
.modalpropaganda .prop-bt-fechar:hover{background-color:#222;}

@media (max-width:1600px){
.posi{right:20px;}
}
@media (max-width:1300px){
.posi{width:96%;right:2%;left:2%;}
.conteudo{width:100%;display:block;}
.publicidade{width:500px;text-align:left;}
.publicidade .propaganda{display:block;width:100%;margin:0 0 10px 0;padding:20px;}
}
@media (max-width:960px){
body{background-attachment:fixed;}
#all{position:relative;background-attachment:fixed;}
.posi{position:relative;height:auto;margin-top:0;top:0;}
.conteudo{height:auto;background:none;}
.logo{position:relative;top:0;right:0;width:100%;height:auto;display:block;margin:0 auto 20px;padding-top:40px;}
.logo .logo-eboss{width:260px;height:auto;display:block;margin:0 auto;}
.frm{display:block;width:260px;position:relative;top:0;right:0;margin:0 auto;padding:20px;background-color:rgba(0, 0, 0, 0.5);}
.frm .tit{margin-bottom:40px;}
.frm .input-login{margin-bottom:20px;}
.frm .bt-acessar{width:200px;}
.publicidade{display:block;width:100%;position:relative;top:0;left:0;text-align:center;margin-top:40px;padding-bottom:40px;}
.publicidade .propaganda{width:260px;margin:0 auto 10px;}
.modalpropaganda{width:100%;padding:20px 20px 60px;}
.modalpropaganda.com-imagem{padding-left:20px;min-height:200px;}
.modalpropaganda .prop-img{max-width:100px;max-height:100px;top:0;left:0;position:relative;display:block;margin:0 auto 20px;float:none;}

}
/* Alertas Notificações */
.alert-azul{color:#333;background-color:#94bcee;border-color:#94bcee;}
.alert-verde{color:#333;background-color:#b7e1cd;border-color:#b7e1cd;}
.alert-vermelho{color:#333;background-color:#dc6768;border-color:#dc6768;}
.alert-amarelo{color:#333;background-color:#f6c663;border-color:#f6c663;}
.alert-laranja{color:#333;background-color:#ea9853;border-color:#ea9853;}
.alert-roxo{color:#333;background-color:#cac0fc;border-color:#cac0fc;}
.alert-marrom{color:#333;background-color:#c6b8a0;border-color:#c6b8a0;}
.alert-cinza{color:#333;background-color:#ccc;border-color:#ccc;}
.alert.alert-rounded{border-radius:200px !important;}