/*

	Theme Name: HR Refrigeración Comercial 2021
	Theme URL: http://www.visualko.com/
	Description: Complex Landing Page para HR Refrigeración Comercial.
	Author: Ernesto Schulz
	Author URI: http://www.visualko.com/
	Version: 1.0

*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;800&display=swap');
/*
:root {
  --orange:  #f89627;
  --white:  #fff;
  --grey: #f6f2ed;
  --primary: var(--orange);
  --bael2: #d2a98e;
  --dark: #444;
}
*/
body{
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}


.hl{}
.hl10{height:10px;}
.hl25{height:25px;}
.hl50{height:50px;}
.hl100{height:100px;}

.p10{padding:10px}
.p10-0{padding:10px 0;}
.p25{padding:25px}
.p25-0{padding:25px 0;}
.p50{padding:50px}
.p50-0{padding:50px 0;}
.p100{padding:100px}
.p100-0{padding:100px 0;}

.w600{font-weight: 600}
.w800{font-weight: 800}
.text-bael2{color:#d2a98e}
.bg-transparent{background: transparent !important}
.bg-grey{ background:var(--grey)}
.uppercase{text-transform: uppercase;}
.borrar{display: hidden;}

.logo-hr{
  max-width: 80px;
  height:auto;
}

.bg-f5f5f5{
  background: #f5f5f5
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(13,110,253, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
    border-color: #0d6efd;
}

.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}

#intro{
  min-height: 75vh;
  padding-top:20vh;
  /* background-image: url(img/img-01.jpg);
  background-position:  center center;
  background-size:  cover;
  background-repeat:  no-repeat;
  */
}
#intro h1{
  font-size: 4rem;
  font-weight: 800;
  margin-bottom: 30px;
}
#intro p{
  margin-bottom:40px;
}

#hl-c{
  position: absolute;
  left:0;
  top:0;
  width: 100%;
  height:100%;
  z-index: 999;
  margin-top: 20vh;
}

@media (max-width: 575.98px) {
  #intro h1{
    font-size: 2rem;
    font-weight: 600;
  }
}


@media (max-width: 575.98px) {
  .text-herramientas{
    margin-bottom: 1.5em;
  }
}


#intro-productos h2{
  font-size: 2.5rem;
}
#intro-productos h2.left-border{
  position: relative;
  padding-left: 20px;
}
#intro-productos h2.left-border::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 94%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #2d68f4 ;
}

#intro-cards{
  margin-bottom: 50px;
}


 .item-productos{
   margin-bottom:20px;
 }


.hl-cards{

}

.intro-cards > .card-body{
  padding:2rem 2rem 2rem 2rem;
}
.intro-cards > .card-body img{

}
.intro-cards:hover{
  background-color:var(--primary);
  color:var(--white);
}
.intro-cards:hover .card-body div div .btn-link{
  color:var(--white) !important;
}


#nosotros{
  padding:50px 0;
}
#nosotros .container{
  padding:50px 0;
  background: url(img/img-02.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 80%;
}
@media (max-width: 575.98px) {
  #nosotros .container{
    background: none;
  }
}

.hl-texto-nosotros{
  <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" class="bi bi-snow" viewBox="0 0 16 16">
<path d="M8 16a.5.5 0 0 1-.5-.5v-1.293l-.646.647a.5.5 0 0 1-.707-.708L7.5 12.793V8.866l-3.4 1.963-.496 1.85a.5.5 0 1 1-.966-.26l.237-.882-1.12.646a.5.5 0 0 1-.5-.866l1.12-.646-.884-.237a.5.5 0 1 1 .26-.966l1.848.495L7 8 3.6 6.037l-1.85.495a.5.5 0 0 1-.258-.966l.883-.237-1.12-.646a.5.5 0 1 1 .5-.866l1.12.646-.237-.883a.5.5 0 1 1 .966-.258l.495 1.849L7.5 7.134V3.207L6.147 1.854a.5.5 0 1 1 .707-.708l.646.647V.5a.5.5 0 1 1 1 0v1.293l.647-.647a.5.5 0 1 1 .707.708L8.5 3.207v3.927l3.4-1.963.496-1.85a.5.5 0 1 1 .966.26l-.236.882 1.12-.646a.5.5 0 0 1 .5.866l-1.12.646.883.237a.5.5 0 1 1-.26.966l-1.848-.495L9 8l3.4 1.963 1.849-.495a.5.5 0 0 1 .259.966l-.883.237 1.12.646a.5.5 0 0 1-.5.866l-1.12-.646.236.883a.5.5 0 1 1-.966.258l-.495-1.849-3.4-1.963v3.927l1.353 1.353a.5.5 0 0 1-.707.708l-.647-.647V15.5a.5.5 0 0 1-.5.5z"/>
</svg>
}

#footer{
  padding:100px 0;
  background:#f5f5f5;
}



.list-prod-footer li{
  margin-bottom:10px !important;
  padding-bottom:10px;
}
.list-prod-footer li a{
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
  transition: background-size cubic-bezier(0,.5,0,1) 0.5s;
}
.list-prod-footer li a:hover, a:focus {
  color:var(--primary) !important;
  text-decoration: none;
  background-size: 100% 1px;
}

#header-image{
  height:350px;
  overflow:hidden;
}