/* Brainatwork TI - www.brainatwork.com.br */

/* Outros */
body {  margin-top: 40px; }
img { max-width: 100%; }

#Admin { margin: 0px auto 15px; width:100%; padding:0px; border:2px solid #000000; background:#FDFDFD; display: none; }

/* Template Site */

.tpl-header-index { padding: 10px 15px 5px; }

/* Load */
.cgload{-webkit-animation:animbl_two 1s infinite;-moz-animation:animbl_two 1s infinite;-ms-animation:animbl_two 1s infinite;animation:animbl_two 1s infinite;width:18px;height:18px}.blcolor,.ctmx{width:10px;height:10px}.ctmx{position:absolute}.blcolor{border-radius:50%}.bl_1,.bl_2,.bl_3,.bl_4{position:absolute;-webkit-animation:animbl_one 1s infinite ease;-moz-animation:animbl_one 1s infinite ease;-ms-animation:animbl_one 1s infinite ease;animation:animbl_one 1s infinite ease}.bl_1{background-color:#333;top:0;left:0}.bl_2{background-color:#DF6231;top:0;left:12px}.bl_3{background-color:#3BB4E1;top:12px;left:0}.bl_4{background-color:#ECAE1A;top:12px;left:12px}@-webkit-keyframes animbl_one{0%,100%{position:absolute}50%{top:5px;left:5px;position:absolute;opacity:.1}}@-moz-keyframes animbl_one{0%,100%{position:absolute}50%{top:5px;left:5px;position:absolute;opacity:.5}}@-ms-keyframes animbl_one{0%,100%,50%{position:absolute}50%{top:5px;left:5px;opacity:.5}}@keyframes animbl_one{0%,100%{position:absolute}50%{top:5px;left:5px;position:absolute;opacity:.5;background-color:#fce00a}}@-webkit-keyframes animbl_two{0%{-webkit-transform:rotate(0) scale(1)}50%{-webkit-transform:rotate(360deg) scale(1.3)}100%{-webkit-transform:rotate(720deg) scale(1)}}@-moz-keyframes animbl_two{0%{-moz-transform:rotate(0) scale(1)}50%{-moz-transform:rotate(360deg) scale(1.3)}100%{-moz-transform:rotate(720deg) scale(1)}}@-ms-keyframes animbl_two{0%{-ms-transform:rotate(0) scale(1)}50%{-ms-transform:rotate(360deg) scale(1.3)}100%{-ms-transform:rotate(720deg) scale(1)}}@keyframes animbl_two{0%{transform:rotate(0) scale(1)}50%{transform:rotate(360deg) scale(1.3)}100%{transform:rotate(720deg) scale(1)}}

/* Navbar */
.navbar {
    font: 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 0px;
}
.navbar .navbar-brand { padding: 0px; }
.navbar .sign-up {
  position: relative;
  margin: 50px auto;
  width: 280px;
  padding: 33px 25px 29px;
  background: white;
  border-bottom: 1px solid #c4c4c4;
  border-radius: 5px;
  @include box-shadow(0 1px 5px rgba(black, .25));

  &:before, &:after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 10px;
    background: inherit;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 4px;
  }

  &:after {
    bottom: 3px;
    border-color: #dcdcdc;
  }
}

.navbar input {
  font-family: inherit;
  color: inherit;
  @include box-sizing(border-box);
}

.navbar .sign-up-input {
  width: 100%;
  height: 50px;
  margin-bottom: 5px;
  padding: 0 15px 2px;
  font-size: 17px;
  background: white;
  border: 2px solid #ebebeb;
  border-radius: 4px;
  @include box-shadow(inset 0 -2px #ebebeb);

  &:focus {
    border-color: #62c2e4;
    outline: none;
    @include box-shadow(inset 0 -2px #62c2e4);
  }

  .lt-ie9 & { line-height: 48px; }
}

.navbar .sign-up-button {
  position: relative;
  vertical-align: top;
  width: 100%;
  height: 44px;
  padding: 0;
  font-size: 18px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(black, .25);
  background: #D18E2F;
  border: 0;
  border-bottom: 2px solid #d76b60;
  border-radius: 5px;
  cursor: pointer;
  @include box-shadow(inset 0 -2px #d76b60);

  &:active {
    top: 1px;
    outline: none;
    @include box-shadow(none);
  }
}

.navbar :-moz-placeholder { color: #ccc; font-weight: 300; }
.navbar ::-moz-placeholder { color: #ccc; opacity: 1; font-weight: 300; }
.navbar ::-webkit-input-placeholder { color: #ccc; font-weight: 300; }
.navbar :-ms-input-placeholder { color: #ccc; font-weight: 300; }
.navbar ::-moz-focus-inner { border: 0; padding: 0; }

.navbar .forget { padding: 5px; }
.navbar .dropdown-menu { min-width: 14rem;   padding: 0 px; }
.navbar .btn-md { font-size:  1.1em; padding: 3px 10px; font-weight: bolder; }
.navbar .new-vip { font-size: 1.3em; font-weight: bold; color: #DF6231; }

.navbar .nav-cel {  padding: 15px; color: #CECECE !important; font-size: 1.2em; }
.navbar .nav-cel a { color: #FFF !important; font-size: 1.2em; }

.col-favorites .pic, .col-about .pic { min-width: 80%; }
.col-photo .pic { max-width: 100%; }

.navbar-in .nav-item { padding: 5px 15px;  }
.navbar-in .nav-item a { color: #FFF; font-size: 1.2em; }