@font-face {
    font-family: 'bryantlg';

    src: url('../fonts/bryantlg-regular.eot');
    src: url('../fonts/bryantlg-regular.eot?#iefix')             format('embedded-opentype'),
         url('../fonts/bryantlg-regular.woff2')                  format('woff2'),
         url('../fonts/bryantlg-regular.woff')                   format('woff'),
         url('../fonts/bryantlg-regular.ttf')                    format('truetype'),
         url('../fonts/bryantlg-regular.svg#bryantlg-regular')   format('svg');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bryantlg-medium';

    src: url('../fonts/bryantlg-medium.eot');
    src: url('../fonts/bryantlg-medium.eot?#iefix')             format('embedded-opentype'),
         url('../fonts/bryantlg-medium.woff2')                  format('woff2'),
         url('../fonts/bryantlg-medium.woff')                   format('woff'),
         url('../fonts/bryantlg-medium.ttf')                    format('truetype'),
         url('../fonts/bryantlg-medium.svg#bryantlg-medium')    format('svg');

    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bryantlg-bold';

    src: url('../fonts/bryantlg-bold.eot');
    src: url('../fonts/bryantlg-bold.eot?#iefix')             format('embedded-opentype'),
         url('../fonts/bryantlg-bold.woff2')                  format('woff2'),
         url('../fonts/bryantlg-bold.woff')                   format('woff'),
         url('../fonts/bryantlg-bold.ttf')                    format('truetype'),
         url('../fonts/bryantlg-bold.svg#bryantlg-bold')      format('svg');

    font-weight: normal;
    font-style: normal;
}


* {
    resize: none;
    outline: none;
}

html,
body{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	font-size:100%;
	font-family: 'bryantlg';

    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;

    background-color: black;
}

body.modal-open{
	overflow:auto;
}

body [data-auth] {
    display: none;
}

body [data-not-auth] {
    display: auto;
}

body[auth] [data-auth] {
    display: block;
}

body[auth] [data-not-auth] {
    display: none;
}

header{
    width: 100%;
	 position: absolute;
	margin:0;
	z-index:9;
}

#menu.navbar-toggle{
	display:block;
	float:left;
	margin-left:5px;
}

.navbar-toggle .icon-bar{
	background:#f4b33e;
}

header .col-md-4{
	float:left;
}
/*
.col-md-2,
.col-md-4,
.col-md-6,
.col-md-3,
section,
footer{
	border:1px solid white;
	height:100px;
}*/

.itens-nav{
    width: auto;
    height: 55px;
    padding: 2.5px 3px;
	margin:37px 0 0;
    display: table;
    background: black;
    border-radius: 40px;
	cursor:pointer;
}

.itens-nav label{
	color: white;
    text-transform: uppercase;
    line-height: 50px;
    font-family: 'bryantlg-bold';
    margin: 0 15px 0 0;
    font-size: 0.95em;
	cursor:pointer;
}

.itens-nav h2 {
    color: white;
    font-size: 0.7em;
    text-align: center;
    font-family: 'bryantlg-bold';
    text-transform: uppercase;
}

.itens-nav.legenda-estrela {
    position: fixed;
    bottom: 0;
    left: 50%;
    border-radius: 35px 35px 0 0;
    margin-left: -296px;
    padding: 3px 2rem;
    overflow: hidden;
    opacity: 1;
    transition: opacity 1s linear;
}

/*.itens-nav.legenda-estrela.invisible {*/
/*    opacity: 0;*/
/*    transition: opacity 1s linear;*/
/*}*/

.itens-nav.legenda-estrela li.data-estrelinha-imagem {
    color: #ffffff;
    margin: 0 15px;
}

.itens-nav.legenda-estrela li.data-estrelinha-imagem i {
    margin: 0 5px;
}

.itens-nav .icon-adotada .glyphicon {
    color: #238ef6;
}

.itens-nav .icon-disponivel .glyphicon {
    color: #fff52b;
}

.itens-nav .icon-reservada .glyphicon {
    color: #e56300;
}

#busca-info {
	width:100%;
	position:relative;
    padding: 0 15px 10px;
	display:none;
}

#busca-info::before{
    content: "";
    width: 80%;
    height: 1px;
    background: #f4b33e;
    position: absolute;
    top: -15px;

}

#busca-info {
    width: 230px;
}

#busca-info::before {
    width: 88%;
}

#busca-info.info{
    display:block;
}

#busca-info .title {
    font-family: 'bryantlg';
    font-size: 10px;
    color: #f4b33e;
    padding: 0px 18px 10px 18px;
    margin-top: 20px;
}

#busca-info .form-group {
    border: #f4b33e 1px solid;
    border-radius: 5px;
    border-collapse: collapse;
    margin-bottom: 0px;
}

#busca-info .form-group select {
    font-family: 'bryantlg';
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    border: 0px;
    padding: 10px 0px 10px 10px;
    -webkit-appearance: none;
            appearance: none;
    -moz-appearance: none;
    background: black;
}

#busca-info .form-group select::-ms-expand {
    display: none;
}

#busca-info .form-group select option{
    background: black;
}


#busca-info .form-group.bottom {
    top: -1px;
    position: relative;
}

#busca-info .form-group select.small {
    width: 31%;
}

#busca-info .form-group select:focus {
    outline: none;
}

#busca-info .form-actions {
    text-align: center;
}

#busca-info .form-actions button {
    color: #f4b33e;
    padding: 17px 0 25px 0;
    font-family: 'bryantlg';
    font-size: 10px;
    text-transform: uppercase;
    border: 0px;
    background: transparent;
    text-decoration: underline;
}

.search {
    position: relative;
    z-index: 9;
}

.arrow {
    position: relative;
}

.arrow:before {
    content: '';
    display: block;

    width: 0px;
    height: 0px;

    border: 4px solid transparent;
    border-top-color: #f4b33e;

    top: 10px;
    right: -2px;
    position: absolute;

    pointer-events: none;
}

.bottom .arrow:before {
    right: 10px;
}

.search input {
    display: none;
    font-size: 12px;
    font-weight: bold;
    padding-left: 20px;
    color: white;
    outline: none;
    background: transparent;
    border: 0;
    width: 165px;
}

.search input.info {
    top: 2px;
    left: 11px;
    position: relative;
    display: inline-block;
}

.busca-info {
    text-align: right;
}

.itens-nav .glyphicon{
    color: #f4b33e;
    margin: 0 25px 0 20px;
    font-size: 1.2em;
    line-height: 45px;
    vertical-align: sub;
}
.itens-nav .glyphicon.busca-info {
    margin: 0 20px 0 20px;
}

.posi-left{
	float:left;
}

.posi-right{
	float:right;
}

h1#logo {
	/* width: 177px; */
	width: 207px;
    height: 161px;
    text-indent:-9999px;
    margin:30px auto;
    /* background:transparent url("../images/estrelas-do-bem.png") no-repeat scroll; */
    background:transparent url("../images/logo-estrelas-do-bem-n.png") no-repeat scroll;
}

section {
	width: 100%;
    height: 90%;
    display: block;
}

footer{
    padding-bottom: 50px;
    background-color: black;
}

footer .col-md-2,
footer .col-md-3,
footer .col-md-4{
    padding: 50px 0 0;
}

footer label {
    color: white;
    text-transform: uppercase;
    font-size: 0.6em;
}

#user-info {
    margin-left: 50px;
    margin-bottom: 30px;
}

#user-info .avatar {
    float: left;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 22px;
}

#user-info .avatar img {
    width: 60px;
}

#user-info .username {
    font-family: 'bryantlg';
    font-size: 25px;
    color: #fdfdfc;
}

.redes-sociais{
	padding:0;
}

.redes-sociais li{
	display:inline;
}

.redes-sociais li a{
	text-decoration:none;
}

.redes-sociais li i{
	color:white;
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    margin-left: 17px;
}

#menu-sidebar,
#feed{
    padding-left: 0;
	padding-right:0;
    transition: all .4s ease 0s;
}

#menu-sidebar-pro{
	overflow:hidden;
	box-shadow: 4px 2px 5px rgba(0,0,0,1);
	/*min-height: 700px;*/
    margin-left: -400px;
	top:0;
    left: 0;
    width: 400px;
    background: transparent;
        position: absolute;
    height: 100%;
    z-index: 999;
    transition: all 0.4s ease 0s;
}

#feed{
position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 375px;

    -webkit-transition: width 0.2s ease-out;
    -moz-transition: width 0.2s ease-out;
    transition: width 0.2s ease-out;

    overflow: hidden;
}

#feed-sidebar-pro{
	overflow:hidden;
	box-shadow: 4px 2px 5px rgba(0,0,0,1);
	min-height: 700px;
    margin-right: -375px;
	top:0;
    right: 0;
    width: 375px;
    background: transparent;
	position: absolute;
    height: 170%;
    z-index: 999;
    transition: all 0.4s ease 0s;
}


#menu-sidebar-pro::before,
#feed-sidebar-pro::before{
	content:"";
	width: 103%;
	height: 100%;
	position: absolute;
	z-index: -9;
	background: rgba(3,27,47,0.95) url(../images/sidebar-menu.png) repeat center bottom;
	box-shadow: 4px 2px 5px rgba(0,0,0,1);
    top: 0;
	left:0;
	filter: blur(8px) opacity(.998);
	-webkit-filter: blur(8px) opacity(.998);
	-moz-filter: blur(8px) opacity(.998);
	-o-filter: blur(8px) opacity(.998);
	-ms-filter: blur(8px) opacity(.998);

}

#feed-sidebar-pro::before{
	background: rgba(4,34,63,0.75) url(../images/sidebar-feed.png) repeat center bottom;
}

#menu-sidebar,
#feed-sidebar-pro {
    position: fixed;
    height: 100%;
    z-index: 9;
}


.sidebar-nav {
    display: block;
    width: 400px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#page-content-menu-sidebar {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    height: auto;
}

#menu-sidebar.active .menu-sidebar-content {
    left: 400px;
}

#feed.active .feed-sidebar-content {
    right: 375px;
}

.menu-sidebar-content .estrelas-adotadas:before {
    content: '';
    display: block;
    border-top: 1px solid #04243d;
    margin-left: 80px;
    margin-right: 45px;
    margin-bottom: 15px;
}

.menu-sidebar-content .estrelas-adotadas:after {
    content: '';
    display: block;
    border-top: 1px solid #04243d;
    margin-left: 80px;
    margin-right: 45px;
    margin-top: 15px;
}

.menu-sidebar-content .estrelas-adotadas h4 {
    text-align: left;
    margin-left: 80px;
}

.menu-sidebar-content ul{
	height:auto;
	padding:0;
}

.menu-sidebar-content ul li{
    color: white;
	float: none;
    margin: 37px auto;
}

.menu-sidebar-content ul li.itens-nav {
    margin-left: 80px;
}

.menu-principal{
	width:auto;
	margin:0 auto;
}

.menu-sidebar-content .data-dia {
    width: auto;
    float: none;
}

.menu-sidebar-content .data-dia li {
    float: none;
    width: 260px;
    margin: 0;
    margin-left: 85px;
    list-style: none;
}

.menu-sidebar-content .menu-principal li {
    text-align: left;
    color: white;
    font-size: 22px;
    margin: 10px auto;
    width: 190px;
	list-style:none;
	position: relative;
	cursor:pointer;
    text-transform: uppercase;

    -wekbit-transition: color 0.4s ease;
            transition: color 0.4s ease;
}

.menu-sidebar-content .menu-principal li:hover {
    color: #f2b33c;
}

.menu-sidebar-content .menu-principal li.sub {
    font-size: 20px;
    color: #f2b33c;
    width: 150px;
}

.menu-sidebar-content .menu-principal li.sub:hover {
    color: white;
}

.menu-sidebar-content .menu-principal li::before {
        content: "\e250";
    font-family: 'Glyphicons Halflings';
    font-size: 0.5em;
    color: #f4b33e;
    position: absolute;
	 top: 10px;
    left: -20px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.ssa-assinatura {
	width: 90%;
    /*position: absolute;
	right:0;
    bottom: 20px;*/
	text-align:center;
    margin: 40px 0;
}
.ssa-assinatura .filtered-blue{
    /* filter: sepia(100%) hue-rotate(190deg) saturate(500%) invert(.80) opacity(0.3); */
    filter: saturate(10) invert(85%) sepia(10) brightness(1.2) hue-rotate(180deg);
}

.modal{
	width: 100%;
	color:white;
}

.modal h3{
	color:#f2b13d;
	font-family: 'bryantlg-bold';
	text-align: center;
	text-transform:uppercase;
	position:relative;
}

.modal h4{
	color: #f2b13d;
    font-size: 1em;
    margin: 25px 0 15px;
}

.modal h5{
	color: #f2b13d;
font-size: 0.7em;
text-transform:uppercase;
}


.modal button{
    background: #02182b;
    color: #f4b33e;
    border: 0;
    padding: 15px;
    border-radius: 35px;
    float: right;
    position: relative;
    top: -15px;
    right: -15px;
    z-index: 9;
}

.modal strong{
    text-transform: uppercase;
    line-height: 2.5em;
	font-weight:bold;
	color: #f4b33e;
}

.modal-content{
	background:url(../images/bg-modal.png) repeat top;
	padding:25px 40px;
}

.modal-body{
	width:100%;
	height:auto;
}

article{
	max-width: 100%;
	height: 370px;
	overflow:hidden;
	font-size: 0.84em;
    position: relative;
}

article li {
    margin-left: 30px;
}

article.content::after{
	content:"";
	width:100%;
	height:10px;
	position:absolute;
	/*background: rgba(0,17,39,0.9);*/
    bottom: 0;

}

.carregando{
	display:table;
	margin:0 auto;
}

#menu-sidebar-pro .scroll {
    height: 80%;
    clear: both;
    overflow: auto;
}

#menu-sidebar-pro .scroll:after {
    content: '';
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
}

.modal-sistema .modal-content::before{
	content:"";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	background: rgba(3,27,47,0.95) url(../images/bg-modal-sistema.png) repeat center bottom;
	box-shadow: 4px 2px 5px rgba(0,0,0,1);
    top: 0;
	left:0;
	filter: blur(8px) opacity(.998);
	-webkit-filter: blur(8px) opacity(.998);
	-moz-filter: blur(8px) opacity(.998);
	-o-filter: blur(8px) opacity(.998);
	-ms-filter: blur(8px) opacity(.998);

}

.modal-sistema  .modal-body{
	padding:0;
}

.modal-sistema .modal-dialog{
    width: 368px;
	max-width: 90%;
	text-align:center;
}

.modal-sistema  h3{
	font-family: 'bryantlg';
    padding: 0 0 20px;
    margin: 25px;
}

.separador{
width: 100%;
min-height: 50px;
margin: 0 0 20px;
position: relative;
display:table;
}

.modal-sistema  h3::before,
.modal-sistema  h3::after,
.separador::before,
.separador::after{
	content:"";
	width:100%;
	height:1px;
	background:#000710;
	position:absolute;
	bottom:0;
	left:0;
}

.modal-sistema  h3::after,
.separador::after{
	background:#052f4d;
	bottom:-1px;
}

.modal-sistema article,
.modal-sistema  .mCustomScrollBox{
	height: auto;
    display: table;
}

.modal-sistema article.no-limit {
    /*height: 400px;*/
}

.modal-sistema .content strong.white {
    color: white;
}

.modal-sistema article .yellow {
    color: #efaf3d;
}

.modal-sistema .content strong{
    color: #f3b33f;
    font-family: 'bryantlg-bold';
    line-height: 1em;
    text-transform: none;
}

.modal-sistema article{
    font-size: 0.959em;
    letter-spacing: 0.02em;
}

.owl-carousel .owl-item .item.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.owl-carousel .owl-item .item.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.estrelas-adotadas{
    clear: both;
	width:auto;
	height:auto;
	margin:40px 0 20px;
}

.estrelas-adotadas h4{
	color:#3c9ef4;
	text-align:center;
	text-transform:uppercase;
}

.data-dia{
	text-align: left;
}

.data-dia li{
	line-height: 2em;
  text-transform: uppercase;
}

.data-dia span {
	float: right;
    background: #66b7ff;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 3px;
    line-height: 1.4em;
	font-family: 'bryantlg-bold';
    cursor: pointer;
}

.data-dia span[data-dia="1"]{
	background:#f64062;
}

.data-dia span[data-dia="3"]{
	background:#f2b33c;
}

.data-dia span[data-dia="5"]{
	background:#66b7ff;
}

#conta-acesso form{
    height: 173px;
}

#conta-acesso input{
	width:100%;
	height:40px;
	border:0;
	border-bottom:1px solid #efaf3d;
	background:transparent;
	text-align:center;
	margin:8px 0 0;

}

#conta-acesso input[type="email"]::-webkit-autofill,
#conta-acesso input[type="password"]::-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
	-webkit-text-fill-color: transparent !important;
	background:transparent;
}

#conta-acesso input[type="email"]::-webkit-input-placeholder,
#conta-acesso input[type="password"]::-webkit-input-placeholder {
   color: #eee;
}

#conta-acesso input[type="email"]:-moz-placeholder ,
#conta-acesso input[type="password"]:-moz-placeholder { /* Firefox 18- */
   color: #eee;
}

#conta-acesso input[type="email"]::-moz-placeholder,
#conta-acesso input[type="password"]::-moz-placeholder {  /* Firefox 19+ */
   color: #eee;
}

#conta-acesso input[type="email"]:-ms-input-placeholder,
#conta-acesso input[type="password"]:-ms-input-placeholder  {
   color: #eee;
}

/*input:-webkit-autofill {
   background-color: white !important;
}*/

/*input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}*/

#login-social{
	width:100%;
	height:75px;
}

#conta-acesso input[type="submit"],
#login-social button,
#adotar-estrelinha{
	height:60px;
	color:#031c31;
	background: linear-gradient(to bottom, #fdc35c 0%,#e8aa3c 100%);
	font-family: 'bryantlg-bold';
	text-transform:uppercase;
	box-shadow: 0 1px 3px black;
    border-radius: 5px;
}

#login-social button {
	width: 100%;
    background: linear-gradient(to bottom, #3ab9f2 0%,#248bdd 100%);
    top: 0;
    left: 0;
	margin: 0 0 10px;
    float: left;
}


#login-social button a{
    color: white;
    padding: 15px 21%;
    position: absolute;
    left: 2%;
    top: 0;
    text-decoration: none;
}

#login-social button i{
    margin: 0 30px 10px -20px;
    position: relative;
}


.estrelinha-escolhida{
    width: 70%;
    min-height: 70px;
    margin: 0 auto;
    text-align: left;
}

.estrelinha-escolhida .imagem {
    text-align: center;
}

.estrelinha-escolhida [data-estrelinha] {
    margin: auto;
    float: none;
}

.data-estrelinha-imagem {
    width: auto;
    display: table;
    float: left;
}

.data-estrelinha-imagem  img{
	max-width:80px;
}

[data-estrelinha="nome"]{
    width: auto;
    height: 65px;
	padding-top: 13px;
    display: table;
	font-size: 1em;
    float: left;
    text-align: center;
}

.feed-principal{
	height: 80%;
}

.usuario-feed{
	margin: 10px 0;
	padding:0 0 20px;
}

.feed-img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 27px;
    float: left;
	margin: 0 10px 0 0;
}


.feed-info{
	width: 75%;
    min-width: 230px;
	height:auto;
	display:table;
	float:left;
	color:white;
}

.feed-info.blue {
    color: #66b7ff;
}

.feed-info strong{
	text-transform:uppercase;
	color:#f2b33c;
	font-size: 0.8em;
}

.feed-info span{
    color: white;
    width: 100%;
    display: table;
    font-weight: bold;
    font-size: 0.7em;
    margin: 5px 0;
    text-transform: uppercase;
}

.btn-social{
	padding:0;
}

.btn-social li{
	display:inline;
}

#nossas-estrelinhas{
	margin:0 auto;
	padding: 210px 0 210px;
}

.info-estrelinha{
	width: 50%;
    padding-left: 47px;
	float:left;
	text-align:left;
	position:relative;
}

.modal-sistema .info-estrelinha strong{
    font-family: 'bryantlg';
    text-transform: uppercase;
    font-size: .9rem;
}

.info-estrelinha::before{
	content:url('../images/genero.png');
	position: absolute;
	    left: 0;
}
.info-estrelinha.idade::before{
	content:url('../images/idade.png');
}
.info-estrelinha.sapato::before{
	content:url('../images/sapato.png');
}
.info-estrelinha.roupa::before{
	content:url('../images/roupa.png');
}
.info-estrelinha.instituicao::before{
	content:url('../images/instituicao.png');
}

.info-estrelinha label{
	width: 100%;
    text-align: left;
    font-family: 'bryantlg';
    font-weight: lighter;
    font-size: 0.6em;
    text-transform: uppercase;
}

.info-estrelinha.instituicao{
	width:100%;
}

#adotar-estrelinha {
    left: 0;
    top: 0;
    position: relative;
    float: none;
    color: white;
    width: 100%;
}

#adotar-estrelinha a {
    color: #031c31;
    text-align: center;
}

#detalhada .separador{
	    margin: 0 0 15px;
}

#conta-acesso form#register {
    height: auto;
}

#cadastro .terms,
#detalhada .terms {
    position: relative;

    text-align: left;
    margin-top: 20px;
    margin-left: 32px;
}


#cadastro .terms input,
#detalhada .terms input {
    left: -32px;
    position: absolute;

    width: 20px;
    height: 20px;

    margin: 0px 15px 0px 0px;
    border: 1px solid #efaf3d;

    -webkit-appearance: none;
            appearance: none;
}

#cadastro .terms input:checked,
#detalhada .terms input:checked {
    background-image: url(../images/check.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #efaf3d;
}

#cadastro .terms label,
#detalhada .terms label {
    display: block;
    max-width: auto;
    margin: 0;
    font-weight: inherit;
}

#confirmacao .user-info {
    text-align: center;
    margin-bottom: 20px;
}

#confirmacao .user-info .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}

#confirmacao .user-info .avatar img {
    width: 50px;
    height: 50px;
}

#confirmacao .user-info .username {
    display: inline-block;
    text-align: left;
    margin-left: 23px;
    font-family: 'bryantlg';
    font-size: 21px;
    line-height: 21px;
}

#regulamento .modal-content article ul li {
    margin-left: 0;
}

#regulamento .modal-content article ul li ul li ul li {
    margin-left: .75rem;
}

.wrapper {
    background-image: url(../images/background-sky.jpg);
    background-repeat: repeat;
    background-position: bottom center;
}

.wrapper-alo {
    width: 100%;
    height: 100%;
    position: fixed;

    background-image: url(../images/alo-bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
}

.wrapper-bottom {
    background-image: url(../images/background-land.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.search-status-wrapper {
    top: 210px;
    width: 100%;
    position: absolute;
    z-index: 1;
    display: none;
}

.search-status {
    font-family: 'bryantlg';
    font-size: 12px;
    text-transform: uppercase;
    line-height: 20px;
    color: #ffffff;
    background-color: #000;
    border-radius: 20px;
    padding: 15px 37px;
    margin: -30px auto 0 auto;
    width: 510px;
    text-align: center;
    opacity: 0.9;
}

.search-status .yellow {
    color: #efaf3d;
}

.btn-model-modal, .modal .btn-model-modal{
    height: 60px;
    color: #031c31;
    background: linear-gradient(to bottom, #fdc35c 0%,#e8aa3c 100%);
    font-family: 'bryantlg-bold';
    text-transform: uppercase;
    box-shadow: 0 1px 3px black;
    border-radius: 5px;
    left: 0;
    top: 0;
    position: relative;
    float: none;
    color: white;
    width: 100%;
}
.btn-model-modal a, .modal .btn-model-modal a, .btn-model-modal span, .modal .btn-model-modal span{
    color: #031c31;
    text-align: center;
}


/* remove scroll modal */


    #menu-sidebar-pro{
        padding-bottom:0;
    }

    .modal-body article.content:not(.no-scroll){
    max-width: 100%;
       height: auto;
    overflow: auto;
    }
    .modal-body article.content:not(.no-scroll) .mCustomScrollBox{
            display: table;
            min-width: 100%;
    }

    .modal-content {
    background: rgba(0,17,39,1) url(../images/bg-modal.png) no-repeat top;
    }
/* remove */


@media (max-width: 1200px) {
	html,
	body{
		min-height:1760px;
		background:black url(../images/ceu-responsivo.png) repeat center bottom;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
	.itens-nav label{
		display:none;
	}
	#menu-sidebar-pro{
    transition: all 0.2s ease 0s;
	}

	#menu-sidebar-pro .itens-nav label{
		display:inline;
	}
	h1#logo {
    /* width: 121px; */
    width: 143px;
    height: 111px;
    /* background: transparent url("../images/estrelas-do-bem-responsivo.png") no-repeat scroll; */
    background: transparent url("../images/logo-estrelas-do-bem-n-resp.png") no-repeat scroll;
	position:relative;
	z-index:8;
	}
	#menu.navbar-toggle {
    margin: 8px 5px;
	}
	.itens-nav .glyphicon {
    margin: 0 20px 0 20px;
	}

  /*.itens-nav.legenda-estrela {*/
  /*    margin-left: -258px;*/
  /*}*/

	section {
    height: 75%;
	}

	footer .col-md-2, footer .col-md-3, footer .col-md-4 {
    text-align: center;
	}


	footer label {
    display: table;
    width: 100%;
    position: relative;
    top: -10px;
	}

	#menu-sidebar-pro {
    /*height: 75%;*/
	}

	#menu-sidebar.active .menu-sidebar-content {
    /*left: 330px;*/
	}

	#feed-sidebar.active .feed-sidebar-content {
    left: 330px;
	}
	.entrega-info{
		text-align:center;
	}
}


@media (max-width: 600px) {
    .modal {
        overflow: scroll;
    }

    .search-status-wrapper {
        top: 160px;
    }
    .search-status {
        width: 300px;
        height: auto;
        line-height: 16px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .modal button {
        top: -10px;
    }

	.modal-title {
    width: 88%;
	}
    [data-estrelinha="nome"]{
        max-width: 105px;
	}
	.posi-left,
	.posi-right {
		float: none;
	}
	header .col-md-4 {
    float: left;
    padding: 0;
	}
	.itens-nav {
    padding: 2.5px 0;
    margin: 37px auto 0;
	position: relative;
    z-index: 9;
	}
	.itens-nav {
    height: 40px;
	}

	.itens-nav .glyphicon {
        margin: 0 10px 0 10px;
	    line-height: 31px;
	}

	#menu.navbar-toggle {
        margin: 0px -2px;
    }

	section {
	width:100%;
    height: 78%;
	}
	#menu-sidebar-pro {
    height: 100%;
	}
	#menu-sidebar.active .menu-sidebar-content {
    /*left: 280px;*/
	}

	.ssa-assinatura {
    width: 80%;
    position: relative;
    }

	#feed.active .feed-sidebar-content {
    right: 340px;
	}

	.modal-content {
    padding: 25px 10px;
	}

	.estrelas-adotadas {
    width: 90%;
	}

	#feed-sidebar-pro ul{
		padding:0;
	}

	.feed-info {
    width: 70%;
    min-width: 215px;
	}

	.usuario-feed{
	max-width: 80%;
    margin: 10px auto;
	}

    .menu-sidebar-content .menu-principal li {
        font-size: 20px;
    }

    .menu-sidebar-content .menu-principal li.sub {
        font-size: 16px;
    }

    .menu-sidebar-content .menu-principal li::before {
        top: 7px;
    }

    #user-info .username {
        font-size: 22px;
    }

	.mCustomScrollBox{
		    max-width: 85%;
	}

	info {
    width: 70%;
    min-width: 150px;
	}


	#adotar-estrelinha a {
    padding: 20px 0;
	}

	.modal-dialog {
    margin: 10px 20px;
	}

	#menu-sidebar-pro{
		padding-bottom:0;
	}

	.modal-body article.content:not(.no-scroll){
    max-width: 100%;
       height: auto;
    overflow: auto;
	}
	.modal-body article.content:not(.no-scroll) .mCustomScrollBox{
		    display: table;
			min-width: 100%;
	}

	.modal-content {
    background: rgba(0,17,39,1) url(../images/bg-modal.png) no-repeat top;
	}

    .menu-sidebar-content ul li {
    color: white;
    float: none;
    margin: 20px auto;
    }

}

span[style*="font-weight: bold;"]{
	color: #f2b13d;
    font-size: 1em;
    margin: 25px 0 15px;
}

/* Efeito Noite
@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}

.stars, .twinkling, .clouds {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
}

.stars {
  background:#000 url(../images/stars2.png) repeat top center;
  z-index:0;
}

.twinkling{
  background:transparent url(../images/twinkling.png) repeat top center;
  z-index:0;

  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
}

.clouds{
    background:transparent url(../images/clouds4.png) repeat top center;
    z-index:3;

  -moz-animation:move-clouds-back 200s linear infinite;
  -ms-animation:move-clouds-back 200s linear infinite;
  -o-animation:move-clouds-back 200s linear infinite;
  -webkit-animation:move-clouds-back 200s linear infinite;
  animation:move-clouds-back 200s linear infinite;
}Efeito Noite*/

@media (max-width: 530px) {
    .itens-nav.legenda-estrela {
        left: 57% !important;
    }
}
@media (max-width: 520px) {
    .itens-nav.legenda-estrela {
        margin-left: 10px;
        left: -1% !important;
    }
    
    .list-unstyled {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
}
@media (max-width: 320px) {
    .itens-nav.legenda-estrela li.data-estrelinha-imagem {
        margin: 0 !important;
    }
}