html{color:#222;font-size:1em;line-height:1.4;}
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
audio,canvas,iframe,img,svg,video{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
:root {
    --primary: #01bef8;
    --secondary: #555555;
    --light: #F1F3FA;
    --dark: #1C2035;
    --success: #04AA6D;
    --muted: #6c757d;
    --grey: #B0B9AE;
    --white: #ffffff;
    --link:#E08106;}

@font-face {
    font-family: 'lucida_sansregular';
    src: url('../webfonts/lucidasansregular-webfont.woff2') format('woff2'),
         url('../webfonts/ucidasansregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*General*/
body{margin: auto; width: 100%;height: 100%;font: 18px/1.5em lucida_sansregular;  -webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;  animation-name: fadeIn;color:var(--dark);background: #ffffff;}
.hover:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);/*opacity: 1;*/z-index: 10;transition: all 300ms ease-out 0s; background-color: #EDEDED; }
.modal-header, .modal-footer{ border:none; }
a{ text-decoration: none; color:var(--secondary); }
.back-to-top {position: fixed;display: none;right: 30px;bottom: 30px;z-index: 99; }
.fw-medium {font-weight: 500;}
.text-justify{ text-align: justify; }

/* Spinner */
#spinner {opacity: 0;visibility: hidden;transition: opacity .5s ease-out, visibility 0s linear .5s;z-index: 99999;}
#spinner.show {transition: opacity .5s ease-out, visibility 0s linear 0s;visibility: visible;opacity: 1;}

/*** Button ***/
.btn {transition: .5s;font-weight: 500;}
.btn-primary,.btn-outline-primary:hover {color: var(--light);}
.btn-secondary,.btn-outline-secondary:hover {color: var(--dark);}
.btn-square {width: 38px;height: 38px;}
.btn-sm-square {width: 32px;height: 32px;}
.btn-lg-square {width: 48px;height: 48px;}
.btn-square,.btn-sm-square,.btn-lg-square {padding: 0;display: flex;align-items: center;justify-content: center;font-weight: normal;}


/*** Navbar ***/
.bg-blue{ background-color: #01bef8 !important;}

.sticky-top {top: -100px;transition: .5s;}
.navbar .navbar-nav .nav-link {margin-right: 35px;padding: 0;color: var(--white);font-size: 18px;font-weight: 500;outline: none;}
.navbar .navbar-nav .nav-link:hover,.navbar .navbar-nav .nav-link.active {color: var(--grey);}
.navbar .dropdown-toggle::after {border: none; content: "\f107"; font-family: "Font Awesome 5 Free";font-weight: 900;vertical-align: middle;margin-left: 8px;}
@media (max-width: 991.98px) {
  .navbar .navbar-nav .nav-link {margin-right: 0;padding: 10px 0;}
  .navbar .navbar-nav {margin-top: 15px;border-top: 1px solid #EEEEEE;}
}
@media (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {display: block;border: none;margin-top: 0;top: 150%;opacity: 0;visibility: hidden;transition: .5s;}
  .navbar .nav-item:hover .dropdown-menu {top: 100%;visibility: visible;transition: .5s;opacity: 1;}
}

/*header*/
.toplogo{ z-index: 1030; position: absolute; top:5px; }
.top-bar{ font-size: .8em; }
.top-bar .btn-sm-square {width: 25px;height: 25px;}

.carousel-caption {top: 0;left: 0;right: 0;bottom: 0;display: flex;align-items: center;background: rgba(0, 0, 0, .1);z-index: 1;}
.carousel-control-prev,.carousel-control-next { width: 10%;}
.carousel-control-prev-icon,.carousel-control-next-icon {width: 2.5rem;height: 2.5rem;border-radius: 2.5rem;background-color: var(--secondary);border: 5px solid var(--secondary);}

@media (max-width: 768px) {
  #header-carousel .carousel-item {position: relative;min-height: 450px;}
  #header-carousel .carousel-item img {position: absolute;width: 100%;height: 100%;object-fit: cover;}
}
.page-header {background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../img/carousel-1.jpg) center center no-repeat;background-size: cover;}
.page-header .breadcrumb-item+.breadcrumb-item::before {color: var(--light);}
.page-header .breadcrumb-item,.page-header .breadcrumb-item a {font-size: 18px;color: var(--light);}

/*Home*/
.carousel{  text-shadow: 2px 2px 4px #808080;}
.home_back1{background: url(../img/home/sm-back_home1.jpg) center no-repeat;}
.home_back2{background: url(../img/home/sm-back_home2.jpg) center no-repeat;}
.home_back3{background: url(../img/home/sm-back_home3.jpg) center no-repeat;}
.home_back4{background: url(../img/home/sm-back_home4.jpg) center no-repeat;}
.home_back1,.home_back2,.home_back3,.home_back4{background-color: #ffffff;background-size:cover;background-attachment:fixed;margin:0; height:625px;background-position: center center; position: relative;}
/*.home-text {text-align: center;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, -50%);color: var(--dark); text-shadow: 2px 2px 5px #808080;background-color: rgba(0, 0, 0, 0.5);}*/
.home-text {text-align: center;color: var(--dark); text-shadow: 2px 2px 5px #808080; width:100%;}
 .slogan{ font-size: 1.2em; }

@media (max-width: 768px) {

  .home_back1{background: url(../img/home/sm-back_home1.jpg) center no-repeat;}
  .home_back2{background: url(../img/home/sm-back_home2.jpg) center no-repeat;}
  .home_back3{background: url(../img/home/sm-back_home3.jpg) center no-repeat;}
  .home_back4{background: url(../img/home/sm-back_home4.jpg) center no-repeat;}
  .home_back1,.home_back2,.home_back3,.home_back4{background-color: #fffff;background-size: contain;background-attachment:fixed;margin:1px 0 0; height:150px; background-position: top center; position: relative;}
 }


/*** About ***/
/*.about { background-color: #EDEDED;}*/
.about .products{ min-height: 300px; }
.foto-about{ font-size:0.7em; }

/*What we do*/
.whatwedo{ background-color: #EDEDED;}
.whatwedo .icons{ width: 150px; height: 150px; }
.whatwedo i{ font-size:60px; }

/*** Service ***/
.service-item .service-text {position: relative;width: 100%;top: 0;left: 0;text-align: center;background: #FFFFFF;box-shadow: 0 0 45px rgba(0, 0, 0, .06);transition: .5s;z-index: 2;}
.service-item:hover .service-text {top: -1.5rem;}
.service-item .service-text h5 {transition: .5s;}
.service-item:hover .service-text h5 {color: var(--primary);}
.service-item .service-btn {position: absolute;width: 80%;height: 3rem;left: 10%;bottom: 0;display: flex;align-items: center;justify-content: center;background: #FFFFFF;box-shadow: 0 0 45px rgba(0, 0, 0, .07);transition: .5s;z-index: 1;}
.service-item:hover .service-btn {bottom: -1.5rem;}

/*Products*/
.imgProd{ border-bottom: #000 solid 5px; padding-bottom: 30px;}
.supermax_prod {background: transparent none repeat scroll 0% 0%;position: absolute;top: -15px;left:0px; z-index: 10;}

/*Contact*/


/*Footer*/
.footer {color: #B0B9AE;}
.credits, .fecha{ font-size: .7em; }

.hidden,[hidden]{display:none !important;}
.sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;}
.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto;}
.invisible{visibility:hidden;}
.clearfix::before,.clearfix::after{content:" ";display:table;}
.clearfix::after{clear:both;}
@media print{*,*::before,*::after{background:#fff !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
a,a:visited{text-decoration:underline;}
a[href]::after{content:" (" attr(href) ")";}
abbr[title]::after{content:" (" attr(title) ")";}
a[href^="#"]::after,a[href^="javascript:"]::after{content:"";}
pre{white-space:pre-wrap !important;}
pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr,img{page-break-inside:avoid;}
p,h2,h3{orphans:3;widows:3;}
h2,h3{page-break-after:avoid;}}