@charset "utf-8";
/* CSS Document */
body {
  resize: none;
}
#sharp_container {
  width: 100%;
  height: 100%;
}
.page_content {
  padding: 76px 0px; /*	padding: 40px 0px;*/
}
.sharp-categories {
    display: none;
}


/* REMOVED FOR ADA COLOR CONTRAST
a, a:link, a:visited, a:hover, a:active { color: #1daefb; }
a:hover { color: #001994; }
a.btn-mfps:link, a.btn-mfps:visited, a.btn-mfps:hover, a.btn-mfps:active, a.btn-grey:link, a.btn-grey:visited, a.btn-grey:hover, a.btn-grey:active { color: #ffffff; }
*/
/*------------------------Turn Off all Tablet/Mobile Content --------------------------------------------*/
#hero .page_content_mobile {
  display: none;
}

/*------------------End Tablet/Mobile Reset -------------------------------------------------------*/
/*-----------Header Styles ---------------------------------------------------------------------*/
#hero {
    background-image: url(/portals/0/assets/images/Hero-background.png);
    /*background-position: right center, center top;*/
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 250px;
    /*height: 390px;*/
}
#hero h1 {color: #ffffff; line-height: 1.2em; }


#hero .page_content {
  width: 100%;
  z-index: 1;
  display: block;
}
#hero .page_content ul {margin: 20px 0;}
#hero .page_content .btn-tertiary, #hero .page_content a.btn-tertiary {border-color: #ffffff;}

#hero .top_links_container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
/*  padding: 4px;*/
  text-align: center;
}
#hero .top_link {
  cursor: pointer;
  text-align: center;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  width: 100%; /*
	border-right: 1px solid white;
	border-radius: 0;
*/
}
#hero .top_link .btn {
  color: #ffffff;
}
/****ADA COMPLIANT****/
#hero .top_links_container button {
  background-color: transparent;
  color: #ffffff;
  border: 0px;
}
#hero .top_links_container button:focus {
  /* Provide a fallback style for browsers
     that don't support :focus-visible */
  outline: 5px auto -webkit-focus-ring-color;
}
#hero .top_links_container button:focus:not(:focus-visible) {
  /* Remove the focus indicator on mouse-focus for browsers
     that do support :focus-visible */
  background: transparent;
  outline: 0px;
}
#hero .top_links_container button:focus-visible {
  /* Draw a very noticeable focus style for
     keyboard-focus on browsers that do support
     :focus-visible */
  outline: 5px auto -webkit-focus-ring-color;
  background: transparent;
}
/****END ADA COMPLIANT****/

.top_link a:link, .top_link a:visited, .top_link a:hover, .top_link a:active, div.top_link:hover {
  color: #ffffff;
  text-decoration: none;
}
#hero .top_link a:hover, #hero div.top_link:hover {
  color: #1EAFFC;
}
#top_links_wrapper {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
}

#anniversary {
  background-color: #ffffff;
/*  margin: 10px auto;*/
  padding-top: 25px;
    text-align: center;
}

@media handheld, only screen and (min-width:768px) {
/*	#top_links_wrapper { padding-right: 90px;}*/
	#hero #top_links_wrapper ul.list-unstyled.list-inline {margin-right: 105px;}
  #anniversary {
    position: absolute;
    right: 0;
    top: -10px;
    padding: 0;
    background-color: transparent;
    margin: 0;
  }
}

.section {
    padding: 20px 0;
}
.lag-locations-white {
    
}
.lag-locations-gray {
    background-color: #E8E8E8;
}

/*------------------Productos Section Styles-----------------------------------------------*/
#lag-products {
  padding: 50px 0;
    background-color: #E8E8E8;
}
#lag-products .card h2 {
    margin-left: auto;
    margin-right: auto;
}
#lag-products .card .card-body img {
    display: block;
    margin: 0px auto;
    max-height: 110px;
   }
#lag-products .card .card-body hr {
    border: 1px solid #940414;
}
#lag-products .card .card-body .x-small {font-size: 10px; line-height: 1.5}
.LAG-locations .card .card-body {max-width: 385px;}

#lag-products .card h2.card-title {margin: 0; padding: 10px 0;}
#lag-products .card > a:hover .card-title {background-color: #F0F0F0;}
#lag-products .card-deck .card .card-body a:hover {text-decoration: underline;}
/*---------------------------Services Section Styles  -----------------------------------------------*/
#services {
  background-color: #ffffff;
  width: 100%;
  z-index: 1;
  position: relative;
  color: #000000;
  /*height: 400px;*/
  padding: 30px 0;
}
#services img {
    max-height: 400px;
}
#services .featureBtns {
  display: flex;
}
#services .nav-tabs {
  margin: 0px auto 20px;
  text-align: center;
  border: none;
}
#header ul {
    margin-left: -14px;
}
#header ul li {
    list-style-type: none;
    }
#services .btn-lag {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    color: #666666;
    margin-left: 0px;
}
#services .btn-lag:hover {
background-color: #F7FAFA;
}



#services .no-padding{
    padding-left: 0px;
}
#services .nav-tabs li.active > a, #services .nav-tabs li > a:hover {
  border-bottom: 2px solid #e20022;
  background-color: transparent;
}
#services .nav-tabs li.active > a {
  font-weight: bold;
}

#services .page_content {
  top: 0px;
  padding: 0px;
}


/*---------------------------About Section Styles  -----------------------------------------------*/

#lag-about {
    background-color: #404040;
    color: #FFFFFF;
    padding: 30px 0;
}
#lag-about h2{
    color: #FFFFFF;
}
#lag-about img{
    /*max-height: 250px;*/
    border: #ffffff 1px solid;
}

/*---------------------------End About Section Styles  -----------------------------------------------*/
/*---------------------------Contact Section Styles  -----------------------------------------------*/
#lag-contact {
    padding: 30px 0;
    min-height: 400px;
}


/*---------------------------End Contact Section Styles  -----------------------------------------------*/




@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/*--Marketo Campaign CS Style--*/
#case-studies #noDescrip .panel-body {
  min-height: 300px;
}
/*--Marketo Campaign CS Style--*/
#case-studies #health .panel-body {
  min-height: 523px;
}
#case-studies h4 {
  text-transform: uppercase;
  font-size: 13px;
  border-bottom: 1px solid #dddddd;
  color: #999;
}


/*---------------Footer Style -----------------------*/
#footer_container {
  background-color: #222222;
  width: 100%;
  height: 500px;
  top: 2400px;
  z-index: 1;
}
/*=======================================================
--------------------- Responsive Styles-------------------
===========================================================*/
@media handheld, only screen and (max-width:767px) {

}
@media handheld, only screen and (min-width:720px) {
  #hero .top_links_container {
/*    width: 80%;*/
    padding: 15px 0px 0px 0px;
  }

  #hero .top_link {
    border-right: 1px solid white;
    border-bottom: none;
    border-radius: 0;
    width: auto;
  }
  #hero .top_link:last-of-type {
    border-right: 0px solid white;
  }
  /*#hero_mfp { background-position: 0px 80px; }*/
/*  #services {
    background-repeat: repeat-x;
    height: 450px;
  }*/
  #hero .page_content_content {
    text-align: left;
  }

}
@media handheld, only screen and (min-width:768px) {

  #hero .top_links_container {
    padding: 15px 0;
  }
  #hero .page_content_content {
/*    padding-bottom: 50px;*/
  }
#services img, #lag-about img {
    max-height: none;
}

}

@media handheld, only screen and (min-width:800px) {


}
@media handheld, only screen and (min-width:861px) {

}
@media handheld, only screen and (min-width:900px) {

}
@media handheld, only screen and (min-width:930px) {

}
@media handheld, only screen and (min-width:992px) {
    
#services {
   height: auto;
  }

}
@media handheld, only screen and (min-width:1025px) {

}
@media handheld, only screen and (min-width:1030px) {

}
@media handheld, only screen and (min-width:1230px) {

}
@media handheld, only screen and (min-width:1325px) {

}
@media handheld, only screen and (min-width:2000px) {

}
