/* Menu */
.logo-img { height: 70px; }
.bg-jp { border-bottom: 1px solid #35F200; }
.navbar-dark .navbar-nav .nav-link { color: #000; padding: 0 20px; }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: #35F200; }
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link { color: #35F200; }

.green {
  color:#35F200 !important;
}

.navbar-toggler span, .navbar-dark .navbar-toggler {
  color:#35F200 !important;
}

#navbarCollapse li {
  padding: 10px 0;
}

/* Footer */
footer, footer a { color: #35F200; }
.social li { padding-bottom: 20px; }

.alert-info {
    color: #fff;
    background-color: #35F200;
    border-color: #35F200;
}

/* Projects */
.container .bg-img{
    width:100%;
    height:250px;
    background:#cdb464
}
.container .box-img{
    width:100%;
    padding:2%;
    -o-object-fit:contain;
    object-fit:contain;
    mix-blend-mode:undefined;
    cursor:pointer;
    vertical-align:top;
    margin-right:30px;
    margin-bottom:-14px;
    float:left
}
.container .box-img figure{
    background-color:#35F200;
    position:relative;
    display:inline-block;
    text-align: center;
    width:100%
}
.container .box-img figure:hover .actions{
    background-color:#35F200;
    color: #000;
    top:40%;
    font-weight:bold;
    padding-top:4%;
    padding-left:6%;
}
.container .box-img figure:hover .actions .style-text{
    overflow:hidden
}
.container .box-img figure:hover .actions .style-text hr{
    border-color: #000;
}
.container .box-img figure .actions{
    display:table-cell;
    position:absolute;
    bottom:0px;
    top:100%;
    left:0;
    right:0;
    z-index:1;
    opacity:0.6;
    background-color:#fff;
    -ms-transition:all 0.2s ease-out;
    -webkit-transition:all 0.2s ease-out;
    -moz-transition:all 0.2s ease-out;
    -o-transition:all 0.2s ease-out;
    transition:all 0.2s ease-out;
    color:#000;padding:2%;
    font-weight:bold;
    text-align:center;
    vertical-align:middle
}
.container .box-img figure .actions .style-text{
    overflow:hidden;
    height:84%;
    width:90%;
    opacity:unset;
    font-weight:900;
    text-align:center;
    margin:0 auto;
}
.container .box-img figure .actions i{
    height:0;
    overflow:hidden
}

/* Filters */
#adminForm { width: 100%; }
.styled-select select {
   background: transparent;
   width: 100% !important;
   padding: 5px;
   line-height: 1.5;
   border: 0;
   border-radius: 0;
   height: 38px;
   -webkit-appearance: none;
}
.styled-select select:focus {
   outline: 0;
}
.styled-select {
	width: 100%;
	height: 38px;
	overflow: hidden;
  background: url(../images/arrow.png) no-repeat right #fff;
  border-bottom: 2px solid #35F200;
}
.styled-select option {
  background-color: #fff;
  border-bottom: 1px solid #35F200;
  height: 38px;
}

option[selected] {
  color: #35F200;
}

option {
  color: black;
}

/* Project */
.project-box {
    width: 100%;
    background-color: #B3B3B3;
    color: #fff;
    min-height: 150px;
}
.project-box h2 {
    color: #35F200;
}
.flexslider { border: none; }
.flex-control-thumbs .flex-active {
    cursor: default;
    /*filter: sepia() saturate(5000%) hue-rotate(60deg);*/
}
.flex-control-thumbs li {
    position: relative;
    z-index: 2;
}
.flex-control-thumbs li.flex-active::after {
    display: block;
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    background-color: rgba(53, 242, 0, 0.5);
    z-index: 1;
}

/* Contact */
.contactForm .form-control {
    border: 2px solid #35F200;
    border-radius: 10px;
}

/* Content */
#content hr {
  border: 2px solid #35F200;
}

/*  Estilos */
.estil_01 { font-weight: 400; font-size: 0.75em; }
.estil_02 { font-weight: 400 font-style: italic; font-size: 1em; }
.estil_03 { font-weight: 400; font-size:1em; }
.estil_04, .navbar-dark .navbar-nav .nav-link { font-weight: 400; font-size: 1.125em; }
.estil_05 { font-weight: 400; font-size: 1.25em; }
.estil_06 { font-weight: 700; font-size: 1.25em; }
.estil_06 { font-weight: 700; font-size: 1.188em; }
.estil_07 { font-weight: 400; font-size: 1.45em; }
.estil_08 { font-weight: 700; font-size: 1.75em; }

@media screen and (max-width: 1050px){
  .item-101 { display: none; }
  .navbar-dark .navbar-nav .nav-link {
      padding: 0 8px;
  }
}

@media screen and (max-width: 768px){
  .estil_01  { font-weight: 400; font-size: 0,688em; }
  .estil_02  { font-weight: 400; font-style: italic; font-size: 0.938em; }
  .estil_03  { font-weight: 400; font-size: 0.938em; }
  .estil_04, .navbar-dark .navbar-nav .nav-link  { font-weight: 400; font-size: 1.063em; }
  .estil_05  { font-weight: 400; font-size: 1.188em; }
  .estil_06  { font-weight: 700; font-size: 1.188em; }
  .estil_07  { font-weight: 400; font-size: 1.387em; }
  .estil_08  { font-weight: 700; font-size: 1.588em; }
  .container .box-img figure .actions{
      top:0%;
  }
  .container .box-img figure .actions h3 {
      font-size: 1.20rem;
  }
}

@media screen and (max-width: 540px){
  .estil_01  { font-weight: 400 - 0,625em; }
  .estil_02  { font-weight: 400 font-style: italic; font-size: 0.875em; }
  .estil_03  { font-weight: 400; font-size: 0.875em; }
  .estil_04, .navbar-dark .navbar-nav .nav-link  { font-weight: 400; font-size: 1em; }
  .estil_05  { font-weight: 400; font-size: 1.125em; }
  .estil_06  { font-weight: 700; font-size: 1.125em; }
  .estil_07  { font-weight: 400; font-size: 1.325em; }
  .estil_08  { font-weight: 700; font-size: 1.425em; }
}