/* Navbar Fixed PC */
.navbarPC {
  width: 100%;
  height: 80px;
  background: #ffffff;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999;
  display: none;
  transition: all .3s ease;
}
/*  */

/* Logotipo PC */
.logoNavbar {
  width: auto;
  max-height: 55px;
  position: absolute;
  top: 0;
  left: 20%;
  bottom: 0;
  margin: auto;
  transition: all .3s ease;
}
/*  */

/* Opciones PC */
.navbarOptions {
  width: 80%;
  height: 100%;
  padding: 0 0 0 20%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.navbarOptions ul li {
  display: inline-block;
}
.navbarOptions ul li a {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  color: #353634;
  transition: all .3s ease;
}
.navbarOptions ul li a:hover,
.navbarOptions ul li a:focus,
.navbarOptions ul li a:active {
  color: #8bc63f;
}
/*  */

/* Sitios Directos PC */
.linkNavbar {
  padding: 0 20px 0 20px;
  line-height: 55px;
  text-align: center;
  position: relative;
}
.linkNavbar a {
  position: relative;
}

.navbarOptions .activePage::after {
  content: "";
  width: 90%;
  height: 2px;
  background: #8bc83a;
  background-color: #8bc83a;
  position: absolute;
  bottom: 9px;
  left: 0;
  right: 0;
  margin: auto;
}
/*  */

/* Servicios PC */
.servNavbar {
  padding: 0 20px 0 20px;
  line-height: 55px;
  text-align: center;
  position: relative;
}
.servNavbar a {
  position: relative;
}
.servNavbar::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #8bc83a transparent transparent transparent;
  position: absolute;
  top: 3px;
  left: 1px;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: all .3s ease;
}
.serviciosOptions {
  width: 450px;
  height: auto;
  padding: 0 0 0 0;
  background: #ffffff;
  background-color: #ffffff;
  position: absolute;
  top: 55px;
  left: -10px;
  z-index: 999;
  display: none;
  transition: all .3s ease;
}

.serviciosOptions ul {
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 position: relative;
 left: 1px;
 transition: all .3s ease;
}

.servNavbar:hover::before {
  opacity: 1;
}

.servNavbar:hover .serviciosOptions,
.servNavbar:focus .serviciosOptions,
.servNavbar:active .serviciosOptions {
  display: inline-block;
}

.servicioOption {
  padding: 0 6px 0 6px;
  line-height: 55px;
  text-align: left;
  position: relative;
}
.servicioOption a {
  font-size: 13px!important;
  position: relative;
}

.serviciosOptions .activePage::after {
  width: 0;
}
.serviciosOptions .activePage a {
  color: #94ca53;
}
/*  */

/* Contacto PC */
.nvContacto{
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding: 0 10px 0 10px;
  border: 1px solid #66bc45;
  transition: all .3s ease;
}
.nvContacto:hover,
.nvContacto:focus,
.nvContacto:active {
  border: none;
  border-radius: 5px;
  background: rgb(136,204,49)!important;
  background: linear-gradient(0deg, rgba(136,204,49,1) 50%, rgba(161,210,92,1) 50%)!important;
  -webkit-box-shadow: -1px 0px 11px 1px rgba(137,198,51,1);
  -moz-box-shadow: -1px 0px 11px 1px rgba(137,198,51,1);
  box-shadow: -1px 0px 11px 1px rgba(137,198,51,1);
}
.nvContacto:hover a,
.nvContacto:focus a,
.nvContacto:active a {
  color: #353634!important;
}

.nvContacto.activePage::after {
  width: 0;
}
.nvContacto.activePage {
  border: none;
  border-radius: 5px;
  background: rgb(136,204,49)!important;
  background: linear-gradient(0deg, rgba(136,204,49,1) 50%, rgba(161,210,92,1) 50%)!important;
  -webkit-box-shadow: -1px 0px 11px 1px rgba(137,198,51,1);
  -moz-box-shadow: -1px 0px 11px 1px rgba(137,198,51,1);
  box-shadow: -1px 0px 11px 1px rgba(137,198,51,1);
}
/*  */

/* Telefono PC */
.nvTelefono {
  padding: 0 0 0 60px;
  line-height: 55px;
  text-align: center;
  position: relative;
}
.nvTelefono a {
  font-weight: 900!important;
  font-style: normal!important;
  position: relative;
}
.nvTelefono img {
  position: absolute;
  max-height: 40px;
  width: auto;
  top: 0;
  left: 25px;
  bottom: 0;
  margin: auto;
}
/*  */

/* Navbar Responsive*/
.navbarHamb {
  width: 80px;
  height: 80px;
  padding: 25px 0 0 0;
  position: absolute;
  top: 0;
  right: 33px;
  bottom: 0;
  margin: auto;
  transition: all .3s ease;
  display: none;
}
.navbarHamb h1 {
  font-size: 23px;
  text-align: center;
  text-transform: uppercase;
  color: #353634;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  margin: auto;
  transition: all .3s ease;
}
.navbarHamb div {
  width: 60px;
  height: 6px;
  background: #353634;
  background-color: #353634;
  margin: 5px auto;
  transition: all .3s ease;
}

.navbarHamb:hover div,
.navbarHamb:focus div {
  background: #8bc63f;
  background-color: #8bc63f;
}

.navbarHamb:hover h1,
.navbarHamb:focus h1 {
  color: #8bc63f;
}
/*  */

/* Sidebar Main */
.sidebarMain {
  width: 100%;
  height: 0;
  background: #ffffff;
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 998;
  display: none;
}
.sidebarInner {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 0 0 0;
}
.sidebarContent {
  width: 100%;
  position: absolute;
  bottom: 80px;
  top: 80px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0 0 0;
  text-align: center;
  transition: all .3s ease;
}
.sidebarContent ul li {
  line-height: 60px;
}
.sidebarContent ul li a {
  color: #353634;
  font-size: 25px;
  transition: all .3s ease;
}
.collapsible {
  border: none!important;
  margin: 0 0 0 0!important;
  box-shadow: none!important;
}
.collapsible-header {
  color: #353634;
  font-size: 25px;
  transition: all .3s ease;
  border: none!important;
  line-height: 0;
  padding: 12px 0 13px 0!important;
  text-align: center!important;
  display: block;
  transition: all .3s ease;
}
.collapsible-body {
  border: none!important;
  padding: 12px 0 0 0!important;
}
.sidebarFooter {
  width: 100%;
  height: 80px;
  background: #ffffff;
  background-color: #ffffff;
  position: absolute;
  padding: 0 0 0 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.sidebarFooter .row .col {
  position: relative;
}
a.activePageR {
  color: #94ca53!important;
  transition: all .3s ease;
}
.sidebarContent ul li a:hover , .sidebarContent ul li a:focus {
  color: #94ca53!important;
}
.collapsible-header:hover , .collapsible-header:focus {
  color: #94ca53!important;
}
.linkFooter {
  width: 100%;
  height: 80px;
  line-height: 80px;
  font-size: 30px;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  transition: all .3s ease;
}
.linkFooter:hover, .linkFooter:focus {
  color: #94ca53;
  background: #ffffff;
  background-color: #ffffff;
}
/*  */

/* Sidebar Phones */
.sidebarPhones {
  width: 100%;
  height: 80px;
  background: #ffffff;
  background-color: #ffffff;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 999;
  transition: all .3s ease;
  display: none;
}

.sidebarPhones a .footerPhone {
  width: 50%;
  height: 100%;
  text-align: center;
  line-height: 80px;
  background: rgb(19,115,189)!important;
  background: linear-gradient(0deg, rgba(19,115,189,1) 50%, rgba(34,126,197,1) 50%)!important;
  -webkit-box-shadow: inset -1px 0px 11px 1px rgba(19,115,189,1);
  -moz-box-shadow: inset -1px 0px 11px 1px rgba(19,115,189,1);
  box-shadow: inset -1px 0px 11px 1px rgba(19,115,189,1);
  position: relative;
  float: left;
  transition: all .3s ease;
}
.footerPhone span {
  font-size: 30px;
  color: #07375d;
  font-weight: bold;
  cursor: pointer;
  transition: all .3s ease;
}
.sidebarPhones a:hover .footerPhone{
  -webkit-box-shadow: -1px 0px 11px 1px rgba(19,115,189,1);
  -moz-box-shadow: -1px 0px 11px 1px rgba(19,115,189,1);
  box-shadow: -1px 0px 11px 1px rgba(19,115,189,1);
}
.sidebarPhones a:hover .footerPhone span {
  color: #ffffff;
}

.phoneIconF {
  width: auto;
  max-height: 50px;
  position: absolute;
  top: 0;
  left: 50px;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  transition: all .3s eaase;
}

.sidebarPhones a .footerWhats {
  width: 50%;
  height: 100%;
  text-align: center;
  line-height: 80px;
  background: rgb(136,204,49)!important;
  background: linear-gradient(0deg, rgba(136,204,49,1) 50%, rgba(161,210,92,1) 50%)!important;
  -webkit-box-shadow: inset -1px 0px 11px 1px rgba(137,198,51,1);
  -moz-box-shadow: inset -1px 0px 11px 1px rgba(137,198,51,1);
  box-shadow: inset -1px 0px 11px 1px rgba(137,198,51,1);
  position: relative;
  float: left;
  transition: all .3s ease;
}
.footerWhats span {
  font-size: 30px;
  color: #47741e;
  font-weight: bold;
  cursor: pointer;
  transition: all .3s ease;
}
.sidebarPhones a:hover .footerWhats {
  -webkit-box-shadow: -1px 0px 11px 1px rgba(137,198,51,1);
  -moz-box-shadow: -1px 0px 11px 1px rgba(137,198,51,1);
  box-shadow: -1px 0px 11px 1px rgba(137,198,51,1);
}
.sidebarPhones a:hover .footerWhats span {
  color: #ffffff;
}

.whatsIconF {
  width: auto;
  max-height: 50px;
  position: absolute;
  top: 0;
  left: 50px;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  transition: all .3s eaase;
}
/*  */

.whtBtn {
  width: 66px;
  height: 66px;
  font-size: 33px;
  color: #ffffff;
  background: rgb(136,204,49)!important;
  background: linear-gradient(0deg, rgba(136,204,49,1) 50%, rgba(161,210,92,1) 50%)!important;
  -webkit-box-shadow: inset -1px 0px 11px 1px rgba(137,198,51,1);
  -moz-box-shadow: inset -1px 0px 11px 1px rgba(137,198,51,1);
  box-shadow: inset -1px 0px 11px 1px rgba(137,198,51,1);
  text-align: center;
  line-height: 66px;
  border-radius: 100%;
  position: fixed;
  bottom: 33px;
  right: 33px;
  z-index: 999;
  transition: all .3s ease;
}

.whtBtn:hover {
  -webkit-box-shadow: -1px 0px 11px 1px rgba(137,198,51,1);
  -moz-box-shadow: -1px 0px 11px 1px rgba(137,198,51,1);
  box-shadow: -1px 0px 11px 1px rgba(137,198,51,1);
}