/*
 Theme Name:   HOLD - Child Theme
 Theme URI:    http://hold.mx/
 Description:  HOLD Products Theme
 Author:       Félix Meléndez
 Template:     hold
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  hold-child
*/
body{ margin-top:5rem; font-family: "AvenirNextRoundedPro"; }
h1,h2,h3,h4,h5,h6{ font-family: "AvantGardeStd"; }
html {
  scroll-behavior: smooth;
}
footer strong {
    font-size: 1rem;
}
#submenu-auto{ top: 12% !important; }
#submenu-movil{ background: #ededed; }
.list-group-item{ border: none; border-bottom: 1px solid white; background: transparent; color: white; }
.list-group-item a{ color: white; }
#inicio{ margin-top: 4%; }
header{
	position: fixed;
    z-index: 9;
    background: white;
    width: 100%;
	top:0;
}
.txt-white {
    text-decoration: none!important;
    font-weight: bold!important;
    color: white!important;
}
.indicators{
	position: absolute;
    right: 2%;
    top: 15rem;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }
.tel .dropdown-toggle::after{ display: none; }
.carousel-indicators{
	display: block;
}
#submenu{
	position: fixed;
    width: 100%;
    z-index: 9;
    background: white;
    bottom: 0;
}
.carousel-indicators li{
    width: 11px;
    height: 11px;
    border-radius: 10px;
    background-clip: initial;
    box-sizing: border-box;
    border: none;
    background: #d40000;
	margin: 5px;
}
footer a{ font-size: .9rem; }
.dropdown-item{color:white;}
.navbar-toggler{ background: white; margin: 5px auto; }
#loading { display: none; position: fixed; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.50); top: 0; bottom: 0; left: 0; right: 0; z-index: 999999; text-align: center; }
.container{ max-width: 1300px; }
#paso2{display: none;}
.gray{ color: #5c5c5c; }
.light-gray{color: #636363;}
#incluye{ background: #e8e8e8; padding: 25px 35px; color: #646464; font-size: .8rem; }
.red, a.red:hover{ color:#d40000; }
hr.red{ border-color: red; margin: 5px auto; border-width:3px;}
#banner-auto p{ font-size: .8rem; margin-bottom: 0;}
#banner-auto p strong{ display: block; font-size: 1.8rem; }
header a{ color:black; }
.btn-link{ padding: 0; border: 0; background: none; color: black;}
#navbarNav a{ color: white; font-size:.7rem; }
header .nav-item:hover, header .dropdown-item:hover{ background: #cc0000; cursor: pointer; }
.navbar-expand-sm .navbar-nav .dropdown-menu { top: 95%; border-radius: 0; }
header .dropdown-menu{ background: #3d3d3d; }
.opcion{ color: #3d3d3d; transition: all .3s ease; font-size: .8rem; text-align: center; width: 100%; height: 50px; background: none; border: 1px solid #c2c3c5; border-radius: 2px; }
.opcion.opcion-wp{ background: #26d367; color: white; }
.opcion:hover{ background: #459489; color: white; }
.btn-bordered{font-size: .7rem; color: black; border: 1px solid #aaaaaa; border-radius: 3px; padding: 2px 25px; width:120px; display: inline-block; transition: all .3s ease;}
.btn-bordered:hover{ border-color: #cc0000; color: #cc0000; text-decoration: none;}
.servicio-inicio{ background: #d6d6d6; height: 185px; padding: 5px; }
section#contacto .form-control{font-size: .8rem; border: 2px solid #dadada;}
.btn-red{ font-weight: bold; font-size: .8rem; background: #d40000; color: white; }
footer{ background: #3d3d3d; color: white; font-size: .8rem;}
ul#estados { list-style: none; padding: 0; }
ul#estados li { margin: 25px auto; }
ul#estados li a{ color: white; }
.derechos{ font-size: .6rem; }
.letra-chica{ font-size: .5rem; }
.subtitulo{ font-size: .85rem; }
.botones-promos ul li { margin: auto 15px; }
.botones-promos ul li a{ font-size: 1.3rem; padding: 5px 25px; color: black; }
.botones-promos ul li a.active{ background-color: #d40000 !important; border-radius: 25px; color: white; }
.round-right{border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
.round-left{border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
.reward-container { height: 400px; background: white; }
.reward-container-small { height: 300px; background: white; }
.reward-container h5, .reward-container-small h5{color: #636363;}
.reward-container p, .reward-container-small p, .reward-container li, .reward-container-small li{ font-size: .85rem; }
.btn-planes{ background: red; color: white; width:100%; border-radius: 0; }
.btn-planes-outline{ border: 2px solid red; color: black; width:100%; border-radius: 0; }
.details{ font-size: .8rem; color: #636363; }
.hide{ display: none; }
.show{ display: block; }
.red-line{  border-color: red; border-width: 4px; width: 100px; }
section#contacto-fin .form-control{font-size: .8rem; border: 2px solid #dadada; border-radius: 0; padding-top: 8px; padding-bottom: 8px; height: 50px;}
section#contacto-fin textarea.form-control{font-size: .8rem; width:430px; border: 2px solid #dadada; border-radius: 0; padding-top: 8px; padding-bottom: 8px; height: auto;}
.card-serv{ background: #d6d6d6; text-align: center; padding: 15px; height: 230px; }
.card-serv p{font-size: .7rem; font-weight: 100; }
.square-title{ width: 100%; text-align: center; background: #d0d0d0; font-size: .9rem; font-weight: bold; padding: 10px; border-radius: 5px; }
.b-line-input{ border: none; border-bottom: 1px solid; border-radius: 0; font-size: 0.8rem; }
.datos p, #promesa p{ font-size: .75rem; margin-bottom: 2px; color: #8c8c8c;}
.btn-gris{ padding: 7px 25px; border: none; background: #6d747e; color: white; font-size: .8rem; } 
.btn-blanco{ padding: 7px 25px; border: none; background: white; color: #6d747e; font-size: .8rem; } 
.square-gray{ padding: 115px 50px; border: 1px solid red; height: 442px; }
#gray-form{ background: #dfdfdf; color: white; }
#gray-form input{ font-size: .8rem; }
.gray-bg{ background: #d7d7d7; }
#banner-auto{ height: 700px; }
.ubicaciones-pills a.nav-link{
	background: white;
    font-weight: bold;
    width: 200px;
    text-align: center;
    font-size: .85rem;
    border-radius: 0;
	border: 1px solid gray;
	color: #cc0000;
	transition: all .3s ease;
}
.ubicaciones-pills a.nav-link.active{
	background: #cc0000;
	color: white;
	border-color: #cc0000;
}
.fz-s{ font-size: .8rem; }
#banner-garantia, #banner-garantia .row{ height: 380px; }
#banner-garantia .auto{ position: absolute; left: 0; }
.border-container{ padding: 10px;
    border: 1px solid #c8c8c8;
    border-radius: 7px; 
	min-height: 100px;}
.border-container p{ font-size: .8rem; }
.round-image{ border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
.round-image-right{ border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.auto-content{ height: 400px; background: lightgray; overflow-y: auto; }
.auto-content h3, .text-intermedio h3{ font-size: 1.3rem; margin-bottom: 20px; color: black; }
.auto-content p, .text-intermedio p{ font-size: .9rem; line-height: normal; } 
.auto-content h6{ font-size: .5rem; margin-bottom: 0;}
.auto-content2 { height: 330px; overflow-y: auto;}
.auto-content-small { height: 250px;}
.auto-content-med { height: 315px;}
.auto-content-filo { height: 290px;}
.auto-content-left{ border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;  background: lightgray;}
.auto-content-right{ border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 0px; border-bottom-left-radius: 0px;  background: lightgray;}
/*div.negative-offset { position: relative; top: -3rem; }*/ 
section.galeria { height: 500px; }
.horarios h4, .horarios p{ font-size: .75rem; }
.horarios h4 strong, .border-container h6{ color: #6e6e6e; }
.fa-phone{ transform: rotate(90deg); }
.link-phone{ transition: all .3s ease; }
.link-phone:hover{ color: #d40000; }
#form-ubi h6, #form-ubi p{ font-size: .85rem; }
#form-ubi input:not([type="submit"]), #form-ubi select{ font-size: .78rem; color: #6e6e6e; }
.opcion i{ font-size: 1rem; }
#colores .nav-link{ background: #5e5e5e; color: white; border: 1px solid #878787; border-radius: 0; transition: all .3s ease; font-size:1rem; }
#colores .nav-link.active{ background: #bdbdbd; color: black; font-weight:bold; }
.cambioColor.active{ border-color: #cc0000 !important; }
.submenu-auto{ font-size:.8rem; color: black; }
.submenu-auto.active{ border-bottom: 3px solid #cc0000; }
.square-red{ padding: 6px 11px; background-color: #cc0000; color: white; font-size: 1rem; }
#configura iframe{ width:100%; height: 1300px; border: none;  } 
.quoteContainer{ background-color: rgba(255,255,255,0.4); padding: 5px; top:4rem; } 
@media  (max-width:800px) {
	.btn-gris, .btn-blanco { padding: 7px 10px; }
	.center-movil{ text-align: center; }
	#inicio{ margin-top: 0% !important; }
	#banner-garantia, #banner-garantia .row {
		height: 415px;
		margin-top: 10rem;
	}
	.auto-content, .auto-content2{ height: auto; }
	.round-image, .round-image-right{ border-radius: 20px; }
	div#inicio{ background-position: -7rem 0rem !important; background-size: 640px !important;; }
	.quoteContainer{ background-color: rgba(255,255,255,0.4); } 
	.quoteContainer .btn-blanco{ border: 1px solid; } 
	#submenu-auto { top: 14% !important; }
	#banner-auto {
		height: 190px;
	}
	.cambioColor{ width: 140px !important; margin: 5px; }
	.cambioColorp{ margin: 5px; }
	section.galeria{ height: auto;}
	.text-intermedio{ padding: 15px; }
	#carro iframe{ width:100% !important; }
}
@media (max-width:440px) {
	
}

@media screen and (max-width:600px) { 
    
}