/* header alternativo con menu y buscador -cabecera */
.btn-primary{
background: #4BAD3B !important;
color: #fff !important;
padding: 10px 20px !important;
font-size: 15px !important;
text-transform: uppercase;
font-weight: bold !important;
border-radius: 0px;
border: solid 2px #4BAD3B;
}
.ablanco{
color:#fff !important;
}
.ablanco:hover{
color:#fff;
}
.anegro{
color:#fff !important;
}
.anegro:hover{
color:#fff;
}
.btn-primary:active{
color:#fff !important;
}
.btn-primary:focus{
color:#fff !important;
}
.btn{
color:#fff !important;
}
.btn{
color:#fff !important;
}
.iconowa{
position:fixed !important;
right:20px !important;
bottom:10px !important;
z-index: 1000 !important;
}
.iconowa img{
max-width: 50px !important;
}
ol, ul {
text-align: justify;
}
.menu {
background:#fff;    
border-bottom: solid 1px #efefef;
}
.verde{
color:#4BAD3B !important;
}
.rojo{
color:#e53012 !important;
}
.tabsextra{
background:#e53012 !important;
margin-bottom:1px !important;
}
.tabsextra a{
color:#fff !important;
}
.tabsextra .active {
font-weight: bold !important;
}
.navbar {
padding: 0rem 1rem !important;
font-family: 'Crimson Text', serif;
text-transform: uppercase;
}
.formulario-div{
border-radius: 20px 0px 20px 0px;
}
.logo{
width: 270px;
padding-top: 0px;
padding-bottom: 0px;
}
.uk-navbar-nav>li>a{
text-align:center !important;
}
.navegador{
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-toggle::after {
border-right: .4em solid transparent;
border-left: .4em solid transparent;
}
.dropdown-menu {
padding: 0px !important;
margin: .1rem 0 0 !important;
border-radius: 0px !important;
}
.dropdown-item {
color: #444 !important;
font-size: 15px !important;
padding: 10px 20px  !important;;
border-bottom: solid 1px #ddd !important;
background: #59a74c20 !important;
}
a.dropdown-item:hover {
background:#4BAD3B !important;;
color: #fff !important;
}
.dropdown-item:last-child {
border-bottom: solid 1px #efefef!important;
}
.navbar-expand-md {
justify-content: space-between !important;
}
.navbar-collapse .mr-auto, .mx-auto {
margin-left: auto!important;
}
.navbar-expand-md .navbar-nav {
margin-right: 0px !important;
width: 100%;
}
.dropdown-toggle::after{
content:none !important;
}
.btn-outline-success {
color: #fff !important;
background: #0c7046 !important;
border: none !important;
border-radius: 20px !important;
opacity: 0.6;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.btn-outline-success:hover {
opacity:0.8;
-webkit-transition: 0.3s;
transition: 0.3s;
}
p{
text-align:justify;
}
/*.navbar-light .navbar-nav .nav-link {
color:#777;
font-size: 16px;
font-weight: 300;
}
.nav-item {
text-align: center;
border-left: solid 1px #dddddd;
width: -webkit-fill-available;
padding-top: 35px !important;
padding-bottom: 25px !important;
}
.nav-item:last-child{
min-width: 25%;
border-radius: 0px 0px 40px 0px;
background: #e53012;
color:#fff !important;
}
.nav-item .navegador{
text-shadow:inherit !important;
color:#fff !important;
}*/
.navbar-brand {
padding-top:0px;
padding-bottom:0px;
}
.navbar-nav .dropdown-menu {
margin-top: -5px !important;
}
.li-interno{
padding-top: 10px;
min-height: 100px !important;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.li-interno a{
  position: relative;
  color: #000;
  text-decoration: none;
}
.li-interno a:before{
  content: "";
  position: absolute;
  width: 80%;
  height: 2px;
  margin-left: 10% !important;
  bottom: 15px;
  left: 0;
  background-color: #ffffff90;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.li-interno a:hover:before{
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.li-interno:hover{
background:#8BC34A !important;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.uk-navbar-dropdown-nav>li a:before{
height:0px !important;
}
.li-activo{
background:#8BC34A !important;
}
.li-interno:first-child:hover{
border-radius: 15px 0px 0px 0px !important;
}
.li-interno:last-child:hover{
border-radius: 0px 0px 15px 0px !important;
}
.bannerh3{
text-shadow: 2px 2px 2px #000 !important;
}
@media screen and (max-width: 1200px) {
.uk-position-relative {
min-width: 115% !important;
}
.uk-navbar-nav>li>a {
font-size: 14px !important;
}
.navbar-brand .logo {
width: 280px !important;
}
.navbar {
padding: 0rem 0rem !important;
}
}
@media screen and (max-width: 1100px) {
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
padding: 0px 10px !important;
}
}
@media screen and (max-width: 990px) {
.form-inline{
display:none !important;
}
.menu {
padding-right: 100px !important;
}
.menu .fa-lock{
display: none;
}
.fa-caret-down{
display:none !important;
}
.fa-unlock{
display:none !important;
}
}
@media screen and (max-width: 767px) {
.uk-navbar-dropbar-slide {
position: relative !important;
}
.li-interno a:before{
height:0px !important;
}
.li-interno {
padding-top: 5px !important;
min-height: 40px !important;
min-width: 100% !important;
}
.uk-navbar-container:not(.uk-navbar-transparent) {
border-radius: 0px !important;
}
.uk-position-relative {
min-width: 100% !important;
}
.uk-navbar-center:only-child, .uk-navbar-left, .uk-navbar-right {
min-width: 100% !important;
}
.uk-navbar-nav {
display:block !important;
position: relative !important;
min-width: 100%;
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
height: 45px !important;
padding: 12px 0px !important;
border-bottom: dotted 1px #ccc;
}
.nav-item {
border-right: none;
border-bottom: solid 1px #0c7046;
font-weight: 500;
padding-top: 5px !important;
padding-bottom: 5px !important;
border-left: inherit;
text-align: center !important;
}
.navbar-light .navbar-toggler {
position: absolute !important;
right: 0px !important;
top: 60px !important;
border-radius: 0px;
}
.menu {
padding-right:15px !important;
}
.navbar-brand .logo {
width: 80% !important;
margin:auto !important;
}
.navbar-toggler {
border:2px solid #4bad3b !important;
border-radius: .25rem;
}
.breadcrumb-seccion .breadcrumb{
display:none !important;
}
}
@media screen and (max-width: 552px) {
.navbar-brand {
margin-right: 0rem !important;
}
.navbar-brand .logo {
width: 70% !important;
}
.collapse.show {
position:relative !important;
display: -webkit-inline-box;
}
}
@media screen and (max-width: 520px) {
.navbar-light .navbar-toggler {
top: 45px !important;
}
}
@media screen and (max-width: 450px) {
.navbar-light .navbar-toggler {
top: 35px !important;
}
}
@media screen and (max-width: 400px) {
.navbar-light .navbar-toggler {
top: 30px !important;
}
}
/* fin de header alternativo con menu y buscador -cabecera */

/*banner bootstrap*/
.encabezado-banner{
font-weight:bold !important;
font-family: 'Crimson Text', serif !important;
text-shadow:2px 2px 2px #333333 !important;
color:#fff !important;
padding:5px 10px;
background:#55555590;
}
.encabezado-banner span{
color:#4bad3b !important;
text-shadow:1px 1px 3px #222222 !important;
}
.boton-banner{
background:#4BAD3B;
color:#fff !important;
border:none;
border-radius:0px;
padding:0px 15px 6px !important;
}
.banner-ind{
border-bottom: solid 1px #ccc;
}
.banner-ind .carousel-item {
border-bottom: none;
max-height: 550px !important;
overflow-y: hidden;
}
.carousel{
max-width: 100%;
overflow: hidden;
}
.carousel-caption {
opacity: 0 !important;
-webkit-transition: 0.5s;
transition: 0.5s;
width: 40%;
max-width: 530px;
height: 430px;
bottom: -17vh !important;
text-align: left !important;
background: linear-gradient(180deg, #00000090, #000000) !important;
padding: 50px 50px;
border-radius: 0px;
left:50% !important;
}
.active .carousel-caption{
opacity: 1 !important;
-webkit-transition: 1.5s;
transition: 1.5s;
}
.carousel-caption h3{
opacity: 0;
font-size: 2.5rem;
text-shadow: 2px 2px 5px #000;
padding: 5px;
line-height: 3.3rem !important;
font-weight: bold;
}
.active .carousel-caption h3 {
opacity: 1;
-webkit-transition: 7s !important;
transition: 7s !important;
font-size: 2.5rem;
text-shadow: 2px 2px 5px #000;
padding: 5px;
line-height: 2.5rem;
font-weight: bold;
color: #fff !important;
}
.carousel-caption p {
color:#fff;
font-size: 1.4rem;
line-height: 2rem !important;
text-shadow: 2px 2px 3px #000;
padding:5px;
margin-top:200px;
opacity:0;
}
.active .carousel-caption p {
margin-top:5px;
color:#fff;
font-size: 1.4rem;
line-height: 2rem !important;
text-shadow: 2px 2px 3px #000;
padding:5px;
opacity:1;
-webkit-transition: 5s !important;
transition: 5s !important;
}
.carousel-caption .fa-stop{
color:#4bad3b;
font-size: 1rem;
}
.carousel-caption span{
color:#4bad3b !important;
font-weight: bold;
}
.carousel-caption .btn {
background:#0c7046;
text-transform:uppercase;
color:#fff;
font-weight:bold;
border-radius:0px;
padding:.65rem 1.25rem;
border:none;
margin-left:10px;
box-shadow:2px 2px 20px #000;
}
.carousel-caption i{
color:#ffeb3b;
font-size: 80%;
opacity:0.8;
}
.carousel-caption .btn:hover {
background:#12a065 !important;
color:#fff;
}
.carousel-control-prev-icon {
background: none no-repeat center center !important;
padding: 10px !important;
color: #fff;
text-align: center !important;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity:0.5;
}
.carousel-control-next-icon{
background: none no-repeat center center !important;
padding: 10px !important;
color: #fff;
text-align: center !important;
-webkit-transition: 0.3s;
transition: 0.3s;
opacity:0.5;
}
.carousel-control-prev-icon:hover{
-webkit-transition: 0.3s;
transition: 0.3s;
}
.carousel-control-next-icon:hover{
-webkit-transition: 0.3s;
transition: 0.3s;
}
.carousel-control-next, .carousel-control-prev {
max-width: 50px !important;
bottom: -280px !important;
margin-left: 750px;
}
.carousel-control-prev {
left: 350px !important;
}
.carousel-control-next {
left: 400px !important;
}
.carousel-indicators {
position: absolute !important;
right: unset !important;
left: 0 !important;
margin-left: 0%;
bottom: 240px;
transform: rotate(90deg) !important;
}
.carousel-indicators li {
background-color: #ffffff95 !important;
width: 25px !important;
height:25px !important;
border-radius:100%;
border:none;
}
.carousel-indicators .active {
background-color:#4bad3b !important;
}
@media screen and (max-width: 1500px){
.carousel-control-next, .carousel-control-prev {
margin-left: 700px !important;
}
}
@media screen and (max-width: 1450px){
.carousel-control-next, .carousel-control-prev {
margin-left: 650px !important;
}
}
@media screen and (max-width: 1400px){
.carousel-control-next, .carousel-control-prev {
margin-left: 600px !important;
}
}
@media screen and (max-width: 1350px){
.carousel-control-next, .carousel-control-prev {
margin-left: 550px !important;
}
}
@media screen and (max-width: 1300px){
.carousel-item img{
height:550px !important;
}
.carousel-control-next, .carousel-control-prev {
margin-left: 500px !important;
}
}
@media screen and (max-width: 1200px){
.carousel-item img{
height:480px !important;
}
.carousel-control-next, .carousel-control-prev {
margin-left: 450px !important;
}
.carousel-caption {
bottom: -120px !important;
}
.carousel-indicators {
bottom: 200px !important;
}
}
@media screen and (max-width: 1100px){
.carousel-item img{
height:450px !important;
}
.carousel-caption {
bottom: -135px !important;
}
.carousel-control-next, .carousel-control-prev {
margin-left: 350px !important;
}
.carousel-indicators {
bottom: 185px !important;
}
.carousel-caption h3 {
font-size: 2rem;
line-height: normal;
}
.active .carousel-caption h3 {
line-height: normal;
font-size: 2rem;
}
}
@media screen and (max-width: 1000px){
.carousel-item img{
height:420px !important;
}
.carousel-caption {
bottom: -135px !important;
}
.carousel-control-next, .carousel-control-prev {
margin-left: 330px !important;
}
.encabezado-banner{
margin-top:-20px !important;
}
.boton-banner {
font-size: 20px !important;
}
}
@media screen and (max-width: 900px){
.carousel-item img{
height:380px !important;
}
.carousel-control-next, .carousel-control-prev {
display:none;
}
.carousel-indicators {
bottom: 150px !important;
}
}
@media screen and (max-width: 800px){
.carousel-item img{
height:360px !important;
}
.carousel-caption {
bottom: -135px !important;
}
}
@media screen and (max-width: 767px){
.carousel-item img{
height:350px !important;
}
.carousel-caption i{
display:none;
}
.carousel-caption {
bottom: -135px !important;
}
.carousel-caption h3 {
font-size: 2.3rem;
line-height: normal;
}
.active .carousel-caption h3 {
font-size: 2.3rem;
line-height: normal;
}
.carousel-caption{
padding:35px !important;
}
}
@media screen and (max-width: 650px){
.carousel-item img{
height:310px !important;
}
.carousel-caption h3 {
font-size: 1.7rem;
line-height: normal;
}
.active .carousel-caption h3 {
font-size: 1.7rem;
line-height: normal;
}  
}
@media screen and (max-width: 575px){
.encabezado-banner{
min-width: 100% !important;
margin-top:-70px !important;
margin-left:-150px !important;
font-size: 3.3rem !important;
font-weight:bold !important;
text-align:right !important;
}
.encabezado-banner span{
font-size: 3.3rem !important;
text-shadow:1px 1px 3px #222222 !important;
}
.boton-banner{
display: none !important;
}
}
@media screen and (max-width: 450px){
 
}

/*fin banner bootstrap*/

/* grid con tres columnas para tres servicios principales*/
.tres-serv-ind{
background:#4BAD3B;
color:#fff;
background-image: url('../img/concrete-wall.png');
}
.tres-serv-ind a{
color:#efefef;
}
.bloque-row-inde a img{
width: 90%;
margin-left: 5%;
-webkit-transition: 0.3s;
transition: 0.3s;
filter: grayscale(20%);
background: #4BAD3B;
padding: 1px;
border: solid 2px #efefef50;
border-radius: 0px;
}
.bloque-row-inde a img:hover{
-webkit-transition: 0.3s;
transition: 0.3s;
box-shadow: none;
filter: grayscale(0%);
box-shadow: 2px 2px 15px #44444490;
}
.hrgridtres {
height: 3px;
background: #fff;
border: none !important;
max-width: 70px;
margin-bottom: 23px;
box-shadow: 1px 1px 2px #efefef;
}
.descripcion{
border-top: solid 3px #ccc !important;
height: 260px;
}
.descripcion h2{
font-size:1.2rem;
font-weight:400;
height: auto;
text-transform: uppercase;
color:#fff;
}
.descripcion .btn{
background:#087dc0;
padding:10px 20px;
border: solid 1px #fff !important;
font-size: 18px;
font-weight: bold;
border: solid 1px #ffffff90;    
color:#fff !important;
text-transform: uppercase;
font-weight:bold !important;
border-radius: 0px;
}
.descripcion a{
color: #fff;
}
.descripcion a:hover{
text-decoration:none;
color: #efefef;
}
.iconos {
height: 40px;
margin-bottom:  -15px;
}
.iconos a{
color:#77777750;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.iconos a:hover{
color:#33333370;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width:1200px){
.descripcion h2 {
height: auto;
text-transform: uppercase;
}
}
@media screen and (max-width: 990px){
.descripcion h2 {
height: auto;
}
}
@media screen and (max-width: 767px){
.tres-serv-ind .container .row .col-sm-4{
min-width: 100%;
margin-bottom: 0px !important;
}
.tres-serv-ind{
padding-bottom: 1.5rem!important;
}
}

@media screen and (max-width: 575px){
.tres-serv-ind{
padding-top: 0rem!important;
}
.tres-serv-ind .container{
padding-top: 0rem!important;
}
.tres-serv-ind .container .row .col-sm-12{
padding-top: 0rem!important;
}
.pt-5, .py-5 {
    padding-top: 2rem!important;
}
}


/* grid con tres columnas para tres servicios principales*/

/*bloque doble imagen y texto*/
.bloque-doble{
background: #FFF;
background-attachment: fixed;
}
.bloque-doble .bloque-doble-iz{
overflow: hidden;
background-size: cover;
background-position: center;
min-height: 400px;
border-left: solid 2px #4bad3b !important;
border-right: none !important;
border-radius: 0px;
z-index: 500;
}
.bloque-doble .bloque-doble-iz img{
height: auto !important;
filter: grayscale(0.5);
position: absolute;
right: 0%;
}
.bloque-doble .bloque-doble-der{
color: #444;
background-color: #fff;
}

.bloque-doble .bloque-doble-der p{
font-size:15px;
}
.bloque-doble-der button {
border: solid 2px #e53012;
background: #e53012;
color: #fff;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
padding: 12px 20px;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 0px;
}
.bloque-doble-der button:hover{
border: solid 2px #e53012;
background: none;
color: #e53012;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.bloque-doble-der button i{
font-size:80%;
}
@media screen and (max-width: 1200px){
.bloque-doble .bloque-doble-iz img {
width: auto;
height: 100%;
margin-left:-100px;
}
}

@media screen and (max-width: 990px){
.bloque-doble .bloque-doble-iz{
display:none;
}
.bloque-doble .bloque-doble-der{
min-width:100%;
}
}

@media screen and (max-width:767px){
.bloque-doble .bloque-doble-iz img {
width: 90%;
margin-left: 5%;
margin-top: 40px;
}
.bloque-doble .bloque-doble-der {
border-top: solid 0px #fff;
border-bottom: solid 0px #fff;
}
}
@media screen and (max-width:550px){
.bloque-doble .bloque-doble-iz img {
width: 100%;
margin-left: 0%;
margin-top: 0px;
}
}
/*fin bloque doble imagen y texto*/

/*footer*/
footer{
background:#1a1a1a;
background-image: url(../img/az-subtle.png);
background-attachment: fixed;
font-size:90%;
color:#efefef;
font-weight: 100;
}
footer hr{
background:#ddd;
}
footer a{
color:#efefef !important;
font-weight: 100;
}
footer a:hover{
color:#efefef;
text-decoration: none;
}
footer ul{
list-style-type: square;
margin-left:-20px;
}
footer h4{
font-weight:300;
font-size: 20px;
}
footer .logo-footer{
text-align: center;
}
@media screen and (max-width: 767px){
footer .logo-footer{
display:none;
}
footer .col-md-4{
margin-bottom:40px;
}
}
@media screen and (max-width: 575px){
footer .container .row{
width:90% !important;
margin-left:5% !important;
}
footer h4 {
font-size: 1.2rem !important;
}
}
/*fin de footer*/


/*grid de pagina islas galapagos */
.grid-tres-islas{
background:#4BAD3B;
background-image: url('../img/concrete-wall.png');
}
.grid-tres-islas h2{
color:#fff;
}
.grid-tres-islas img{
border-radius:0px;
border-bottom: solid 2px #ccc;
}
.grid-islas{
border-bottom: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
height: 300px !important;
padding-bottom: 65px !important;
border-radius: 0px;
}
.grid-islas h4{
font-size:1.2rem;
font-weight:bold;
text-transform: uppercase;
}
.grid-islas .btn{
background:#4BAD3B;
color:#fff !important;
padding: 10px 20px;
font-size: 15px;
text-transform: uppercase;
font-weight: bold !important;
border-radius: 0px;
border:solid 2px #4BAD3B;
}
.grid-islas .btn:hover{
-webkit-transition: 0.3s;
transition: 0.3s;
color: #4BAD3B !important;
background: transparent;
border:solid 2px #4BAD3B;
}
a.btn.btn-primary.pull-right:focus {
background: transparent;
border:solid 1px #4BAD3B;
color: #4BAD3B !important;
}
.grid-islas a{
color:#4BAD3B !important;
}
.grid-islas a:hover{
text-decoration:none;
}
@media screen and (max-width:1200px){
.grid-islas h4 {
text-transform: uppercase;
}
}
@media screen and (max-width: 990px){
.grid-islas h2 {
height: auto;
}
}
@media screen and (max-width: 767px){
.grid-tres-islas .container .row .col-sm-4{
min-width: 100%;
}
section.grid-tres-islas{
padding-bottom: 1.5rem!important;
}
}
@media screen and (max-width: 600px){
section.grid-tres-islas {
padding-top: 25px !important;
}
}

@media screen and (max-width: 575px){
.grid-tres-islas .container .row .col-sm-4 {
    max-width: 90% !important;
}  
}

/*fin grid de pagina  */

/* estilos generales */
body{
font-family: 'Nanum Gothic', sans-serif;
color:#fff;
max-width:100% !important;
overflow-x:hidden;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
font-family: 'Crimson Text', serif !important;
text-transform: uppercase;
font-weight: bold !important;
color:#fff;
}
em {
color: #fff !important;
}
a{
color:#fff;
}
a:hover{
text-decoration:none;
color:#efefef;
}
::selection {
color: #fff; 
background: #777777;
}
.nav-tabs {
border-bottom: none !important;
}

@media screen and (max-width: 575px) {
ul.nav.nav-tabs li {
min-width: 33% !important;
height: 40px;
}
.nav-tabs .btn-success {
    width: 99%;
}
.texto-llamada-accion{
width: 100% !important;
text-align: center !important;
}
.boton-llamada-accion{
display: none !important;
}
}

@media screen and (max-width: 480px) {
ul.nav.nav-tabs li {
min-width: 50% !important;
height: 40px;
}
.nav-tabs .btn-success {
    width: 99%;
}
}

.btn-success:not([disabled]):not(.disabled).active, .btn-success:not([disabled]):not(.disabled):active, .show>.btn-success.dropdown-toggle {
box-shadow:none !important;
}
.tab-content>.active {
display: initial !important;
}
.nav-tabs .btn-success{
border-radius:0px!important;
background:#e53012 !important;
border:solid 1px #e53012 !important;
}
.nav-tabs .active .btn-success{
background:#e53012 !important;
font-weight:bold !important;
border:solid 1px #e53012 !important;
}
.hrblancoizq {
background-image: linear-gradient(to right, #4bad3b, rgba(0, 0, 0, 0));
height: 1px;
border: none !important;
max-width: 100px;
margin-bottom: 23px;
margin-left: 0px;
}
hr.hrgeneral {
border: 0;
height: 1px;
width:40%;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #ffffff, rgba(0, 0, 0, 0));
}
.hrgridizq {
background-image: linear-gradient(to right, #ffffff, rgba(0, 0, 0, 0));
height: 1px;
border: none !important;
max-width: 100px;
margin-bottom: 23px;
margin-left:0px;
}
.table thead th {
vertical-align: bottom;
border-bottom: 1px solid #555;
}
.table thead th {
border-bottom: 1px solid #e9ecef50 !important;
border-top: 1px solid #e9ecef50 !important;
}
.table td, .table th {
border-top: 1px solid #e9ecef50 !important;
}
.lista-plagas{
float:left;
height: 370px;
max-height: 370px;
margin-bottom: 30px;
}
.lista-plagas .titu-p{
width: 100%;
background: #55555580 !important;
padding: 8px 10px !important;
text-align: center !important;
height:80px !important;
}
.lista-plagas .titu-p  h3{
font-size: 1.2rem !important;
color:#fff !important;
}
@media screen and (max-width: 1100px) {
.lista-plagas {
max-height: 345px;
}
}
@media screen and (max-width: 900px) {
.pt-5, .py-5, .pb-5 {
padding-top:1.5rem!important;
}
.mt-5, .my-5, .mb-5 {
padding-top:1.5rem!important;
}
.pt-4, .pb-4 {
padding-top: 1.2rem!important;
}
.mt-4, .mb-4 {
padding-top: 1.2rem!important;
}
.pt-3, .pb-3 {
padding-top: 1rem!important;
}
.mt-3, .mb-3 {
padding-top: 1rem!important;
}
}

@media screen and (max-width:767px) {
.row{
margin-right: 7px !important;
margin-left: 7px !important;
}
.nosotros-col-7{
min-width:100% !important;
}
.nosotros-col-5{
min-width:100% !important;
}
.lista-plagas{
min-width: 50% !important;
height:auto;
}
}
@media screen and (max-width: 575px) {
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{
font-size: 1.5rem !important;
}
}
@media screen and (max-width: 500px) {
.oculto-xs{
display:none;
}
.nav-tabs .btn-success {
float: left;
min-width:100px;
margin-right: 5px !important;
margin-bottom:10px !important;
}
}

/* fin estilos generales */

/* area de contacto - formulario de contacto fase 2*/
.contacto-central{
background: #4BAD3B;
color:#fff;
background-image: url('../img/concrete-wall.png');
}
.formulario-contacto-centro input {
width: 100%;
height: 45px;
margin-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
border-radius: 0px;
border: solid 2px #ffffff90;
background: #4bad3b;
text-transform: uppercase;
font-weight: bold;
color:#fff !important;
}
::placeholder {
color: #fff !important;
font-weight: 100 !important;
}
.formulario-contacto-centro textarea{
width:100%;
height:150px;
margin-bottom:15px;
padding-left:10px;
padding-right:10px;
border-radius:0px;
border: solid 2px #ffffff90;
background: #4bad3b;
text-transform: uppercase;
font-weight: bold;
color:#fff !important;
}
.formulario-contacto-centro button{
width:200px;
border:none;
color:#fff;
font-weight:bold;
text-transform: uppercase;
background:#55555580 !important;
text-align: center;
margin:auto !important;
height:45px;
margin-bottom:15px;
padding-left:10px;
padding-right:10px;
border-radius:0px;
border: solid 2px #ffffff90;
}

@media screen and (max-width:1000px){
.formulario-acceso{
min-width:50%;
margin-left:25%;
}
}

@media screen and (max-width: 767px){
.formulario-div{
min-width: 90% !important;
margin-left:5% !important;
}
.container-x{
min-width: 100% !important;
padding:0px !important;
}
.container-x iframe{
height:350px;
}
.formulario-acceso{
min-width:70%;
margin-left:15% !important;
}
}

@media screen and (max-width: 575px){
.formulario-div {
min-width: 100% !important;
margin-left: 0% !important;
}
.formulario-acceso{
min-width:100% !important;
margin-left:0% !important;
}
}

/* fin del area de contacto - formulario de contacto */

/*breadcrumb de todas las páginas*/
.breadcrumb-seccion{
background:#327328;
background-image: url('../img/primavera.jpg');
background-position: bottom !important;
background-size: 100% !important;
height:154px;
background-repeat: no-repeat;
}
.breadcrumb-seccion h1{
font-weight: bold !important;
font-size: 1.8rem;
color: #fff;
margin-top: 39px;
text-shadow: 2px 2px 2px #000;
}
.breadcrumb-seccion .breadcrumb{
width: fit-content;
padding: 10px 20px;
background: #377c2b !important;
text-transform: uppercase;
font-size: 90% !important;
color: #fff;
border-radius: 0px;
}
.breadcrumb-item.active {
color: #fff !important;
font-weight: bold;
font-family: 'Crimson Text', serif !important;
}
.breadcrumb-seccion .breadcrumb a{
color:#fff;
font-weight: bold;
}
.breadcrumb-seccion .breadcrumb a:hover{
color:#fff;
text-decoration: none;
}
.breadcrumb-seccion .breadcrumb a:focus{
color:#fff;
}

@media screen and (max-width: 990px) {
.breadcrumb-seccion {
height: 130px;
background-attachment: inherit;
}
.breadcrumb-seccion h1 {
display:none;
}
.breadcrumb-seccion .breadcrumb {
margin-top: 45px;
}
}

@media screen and (max-width: 900px) {
.breadcrumb-seccion{
overflow: hidden;
}
.breadcrumb-seccion h1 {
margin-top: 27px;
}
}
/*fin del breadcrumb de todas las páginas*/

/* grid clientes */
.grid-clientes{
background:#4BAD3B;
color:#fff;
background-image: url('../img/concrete-wall.png');
}
.cliente-item{
margin-bottom:20px !important;
}
.cliente-item img{
width:100%;
height:150px;
margin-bottom:20px !important;
border: solid 2px #efefef50;
}
.cliente-item img:hover{
filter: grayscale(0%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width: 1200px){
.cliente-item img {
height: 140px;
}
}
@media screen and (max-width: 1100px){
.cliente-item img {
height: 120px;
}
}
@media screen and (max-width: 990px){
.cliente-item img {
height: 100px;
}
}
@media screen and (max-width: 767px){
.cliente-item img {
height: auto;
max-height:130px;
}
}
@media screen and (max-width: 575px){
.cliente-item{
max-width:50% !important;
margin-bottom: 10px !important;
}
.cliente-item img {
height: auto;
}
}

@media screen and (max-width: 420px){
.cliente-item {
max-width: 100% !important;
max-height: 160px !important;
height:auto !important;
}
}


/* fin del grid clientes */

/* llamada a la accion*/
.llamada-accion .container-fluid{
background-color:#327328;
font-size: 18px;
color: #fff;
border-radius: 0px;
font-weight: 400;
margin-bottom: 5px;
}
.llamada-accion .container button{
border: solid 2px #ffffff90 !important;
background: #327328 !important;
text-transform: uppercase;
font-weight: bold !important;
color: #fff !important;
padding: 12px 20px;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 0px;
}
.llamada-accion .container .bg-warning{
border: solid 2px #ffffff90 !important;
background:#e53012 !important;
text-transform: uppercase;
font-weight: bold !important;
color: #fff !important;
padding: 12px 20px !important;
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 0px;
}
.llamada-accion .container button:hover{
border: solid 1px #fff;
background:#fff;
color: #666;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.llamada-accion .container .bg-warning:hover{
text-decoration: none !important;
}
.llamada-accion .container button:hover{
border: solid 1px #fff;
}
.llamada-accion .container button i{
font-size:80%;
}
@media screen and (max-width: 990px) {
.llamada-accion .container button i{
display:none;
}
.llamada-accion .container button {
max-height: 55px;
}
}

@media screen and (max-width: 900px) {
.texto-llamada-accion{
padding-top:40px !important;
}
.boton-llamada-accion{
padding-top:55px !important;
}
}

@media screen and (max-width: 767px) {
.boton-llamada-accion{
padding-top:70px !important;
}
.descripcion {
height: auto !important;
}
.grid-islas {
height: auto !important;
}
.imad-plaga{
min-width:100% !important;
max-width:100% !important;
padding-left:0px !important;
height:auto !important;
margin-top:15px;
margin-bottom:10px;
}
}

@media screen and (max-width: 575px) {
.texto-llamada-accion{
min-width: 100%;
margin-left:0%;
text-align: left !important;
padding-left:15px !important;
padding-right:15px !important;
}
.boton-llamada-accion{
min-width: 100%;
margin-left:0%;
text-align: center !important;
padding-top:0px !important;
margin-top:-10px;
}
.breadcrumb-seccion {
height: 90px !important;
}
}

/* fin de llamada a la accion*/

/* detalle servicios */
.detalle-servicios{
background: #4BAD3B;
color:#fff;
background-image: url("../img/checkered-pattern.png");
}
.detalle-servicios img{
border-radius:0px;
padding:1px;
border: solid 2px #efefef50;
}
/* fin de detalle servicios */

/* galeria de servicios plagas*/
.galeria-servicios-p{
background: #4BAD3B;
color:#fff;
background-image: url('../img/concrete-wall.png');
}
.galeria-servicios-p img{
border-radius:0px;
}
@media screen and (max-width: 767px) {
.galeria-col-7{
min-width:100%;
}
.galeria-col-5{
min-width:100%;
}
}
@media screen and (max-width: 575px) {
.galeria-servicios-p .col-sm-3{
padding: 5px !important;
width:35%;
max-height: 365px;
}
.galeria-servicios-p .col-sm-9{
width:65%;
}
}

@media screen and (max-width: 500px){
.galeria-servicios-p .col-sm-3 {
    max-height: 340px;
}
}

@media screen and (max-width: 475px) {
.galeria-servicios-p .col-sm-3{
max-height: 300px;
}
}

@media screen and (max-width: 400px) {
.galeria-servicios-p .col-sm-3 {
max-height: 275px;
}
.galeria-servicios-p .col-sm-9{
width:100%;
}
}


/* fin de galeria de servicios plagas*/
.contenido-nosotros{
background: #4BAD3B;
color:#fff;
background-image: url('../img/concrete-wall.png');
}
.contenido-nosotros img{
border-radius: 0px;
border: solid 2px #409832;
box-shadow: 2px 2px 2px #265f1d;
}
/* contenido nosotros - la empresa*/

/*mapa contacto*/
.mapa-contacto{
background:#4bad3b;
background-image: url('../img/concrete-wall.png');
}
.mapa-contacto iframe{
border-radius:0px;
}
/*fin de mapa contacto*/

/* blog - articulos */
.blog-titulos a{
color:#fff;
}
.blog-titulos a:hover{
color:#fff;
}
@media screen and (max-width: 767px) {
.blog-articulo{
min-width:100%;
}
.blog-titulos{
display:none;
}
}
/* fin del blog - articulos*/

/* inicio plagas*/
.bg-verdeosc{
background:#3c8e2f !important;
border-radius:15px 0px 15px 0px;
}
.bg-negro{
background: #55555580 !important;
border-radius:15px 0px 15px 0px;
}
/* fin plagas*/

/* inicio modal */
.modal-body{
background: #fff !important;
color:#444 !important;
border-radius:0px;
}
.modal-content {
background-color: #fff !important;
color:#444 !important;
border-radius:0px !important;
}
.modal-header{
border-bottom: solid 1px #efefef !important;
}
.modal-footer{
border-top: solid 1px #efefef !important;
}
.boton-modal{
padding:7px 10px;
background:#4bad3b !important;
color:#fff !important;
border:none !important;
}
.boton-abre-modal{
min-width:100% !important;
text-align: center !important;
background:#4bad3b !important;
color:#fff;
border:solid 2px #efefef;
padding:1px;
}
.boton-abre-modal img{
width:50% !important;
padding-top:20px;
padding-bottom:20px;
}
/* fin de modal */