/*!
 * Start Bootstrap - Business Casual v5.0.11 (https://startbootstrap.com/theme/business-casual)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-business-casual/blob/master/LICENSE)
 */
html {
  scroll-behavior: smooth;
}
body {
	padding-top: 155px;
 	font-family: 'Lora';
	background-color: #FFFFFF;
	background-image: url("../img/logo.svg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center 35px;
	background-size: 22%;
}
@media (max-width: 991px){
	body{ padding-top: 125px; background-size: 40%;}
	.row{ margin-left: 0; margin-right: 0;}
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Raleway';
}

p {
  line-height: 1.5; font-family: 'Raleway';
}

section{ background-color: rgba(255,255,255,1.00);}
.text-faded {
  color: rgba(255, 255, 255, 0.3);
}

ul{ list-style-type: none;}
ul li{ font-family: 'Raleway'; color: #575756; font-size: 2em; line-height: 1.4em;}

.site-heading {
  margin-top: 5rem;
  margin-bottom: 5rem;
  text-transform: uppercase;
  line-height: 1;
  font-family: 'Raleway';
}

.site-heading .site-heading-upper {
  display: block;
  font-size: 2rem;
  font-weight: 800;
}

.site-heading .site-heading-lower {
  font-size: 5rem;
  font-weight: 100;
  line-height: 4rem;
}

.btn_whatsapp_container{ position: fixed; top: 50%; right: 3%; z-index: 999999;}
.btn_whatsap{ width: 55px; height: 55px; display: block; background-image: url("img/whatsapp_circle.svg"); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;}
.page-section{ padding-top: 2rem; padding-bottom: 1rem;}


@media (max-width: 991px){
	.page-section{ padding-top: 2rem; padding-bottom: 2rem;}
}
.section-heading {
  text-transform: uppercase;
}

form#contactForm.col-10.contacto1 {margin-left: 9%;
	
}


.section-heading .section-heading-upper {
  display: block;
  font-size: 1rem;
  font-weight: 800;
}

.section-heading .section-heading-lower {
  display: block;
  font-size: 3rem;
  font-weight: 100;
}

.bg-faded {
  background-color: rgba(255, 255, 255, 0.85);
}

#mainNav{ background-color: rgba(255, 255, 255, 1); font-family: 'Raleway';}
#mainNav .navbar-brand{ color: rgba(0, 95, 171, 1); text-align: right;}
#mainNav .navbar-toggler-icon{ background-color: #005fab;}
#mainNav .navbar-nav .nav-item{ border-bottom: 5px solid #FFFFFF;}
#mainNav .navbar-nav .nav-item .nav-link{ color: rgba(0, 95, 171, 1); font-weight: 800;}
#mainNav .navbar-nav .nav-item.active{ border-bottom: 5px solid #e8385a;}
#mainNav .navbar-nav .nav-item.active .nav-link{ color: rgba(0, 95, 171, 1);}

.dropdown-menu{ top: 110%}
.dropdown-menu .dropdown-item{ color: rgba(0, 95, 171, 1); font-weight: 600;}

@media (min-width: 992px){
 	#mainNav .navbar-nav .nav-item .nav-link{ font-size: 0.9rem;}
	#mainNav .navbar-nav .nav-item:hover{ border-bottom: 5px solid #e8385a;}
	#mainNav .navbar-nav .nav-item .nav-link:hover{ color: rgba(0, 95, 171, 0.7);}
	#mainNav .navbar-nav .nav-item.active .nav-link:hover{ color: rgba(0, 95, 171, 0.7);}
}
@media (max-width: 991px){
	#mainNav .navbar-brand{ color: rgba(0, 95, 171, 1); text-align: right; margin-left: auto; margin-right: 0;}
}

.sticky{ width: 100%; position: fixed; left: 0; top: 0; z-index: 3; background-color: #FFFFFF; background-image: url("../img/logo.svg"); background-position: 5% center; background-repeat: no-repeat; background-size: auto 60%;}
.sticky + .content{ padding-top: 60px;}
@media (min-width: 992px){
	.sticky{ display: none;}
}
@media (max-width: 768px){
	.sticky{ background-image: none; padding: 35px 3% 5px 3%;}
	.navbar-brand{ position: fixed; top: 15px; right: 65px; z-index: 999999;}
	.navbar-toggler{ position: fixed; top: 15px; right: 15px; z-index: 999999;}
	/*se ajusta logo body superior general*/
	body{ background-position: 10% 35px;}
}

.btn-xl {
  font-weight: 700;
  font-size: 0.8rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.intro {
  position: relative;
}

@media (min-width: 992px) {
  .intro .intro-img {
    width: 75%;
    float: right;
  }
  .intro .intro-text {
    left: 0;
    width: 60%;
    margin-top: 3rem;
    position: absolute;
  }
  .intro .intro-text .intro-button {
    width: 100%;
    left: 0;
    position: absolute;
    bottom: -2rem;
  }
}

@media (min-width: 1200px) {
  .intro .intro-text {
    width: 45%;
  }
}

.cta {
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: rgba(230, 167, 86, 0.9);
}

.cta .cta-inner {
  position: relative;
  padding: 3rem;
  margin: 0.5rem;
  background-color: rgba(255, 255, 255, 0.85);
}

.cta .cta-inner:before {
  border-radius: 0.5rem;
  content: '';
  position: absolute;
  top: -0.5rem;
  bottom: -0.5rem;
  left: -0.5rem;
  right: -0.5rem;
  border: 0.25rem solid rgba(255, 255, 255, 0.85);
  z-index: -1;
}

@media (min-width: 992px) {
  .about-heading .about-heading-img {
    position: relative;
    z-index: 0;
  }
  .about-heading .about-heading-content {
    margin-top: -5rem;
    position: relative;
    z-index: 1;
  }
}

@media (min-width: 992px) {
  .product-item .product-item-title {
    position: relative;
    z-index: 1;
    margin-bottom: -3rem;
  }
  .product-item .product-item-img {
    position: relative;
    z-index: 0;
    max-width: 60vw;
  }
  .product-item .product-item-description {
    position: relative;
    z-index: 1;
    margin-top: -3rem;
    max-width: 50vw;
  }
}

.list-hours {
  font-size: 0.9rem;
}

.list-hours .list-hours-item {
  border-bottom: 1px solid rgba(230, 167, 86, 0.5);
  padding-bottom: .25rem;
  margin-bottom: 1rem;
  font-style: italic;
}

.list-hours .list-hours-item.today {
  font-weight: bold;
  color: #e6a756;
}

@media (min-width: 992px) {
  .list-hours {
    width: 50%;
    font-size: 1.1rem;
  }
}

.address strong {
  font-size: 1.2rem;
}

.footer {
	background-color: rgba(0, 95, 171, 1.0);
	color: #FFFFFF;
}

.text-primary {
  color: rgba(0, 95, 171, 1.0) !important;
}

.bg-primary {
  background-color: rgba(0, 95, 171, 1.0) !important;
}

.btn {
  box-shadow: 0px 3px 3px 0px rgba(33, 37, 41, 0.1);
}

.btn-primary {
	background-color: #005fab;
	border-color: #005fab;
	font-family: 'Raleway';
	font-weight: 600;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #005fab;
  border-color: #005fab;
}

.font-weight-light {
  font-weight: 100 !important;
}

/**/
.carousel-inner img {
    width: 100%;
    height: 100%
}

#custCarousel .carousel-indicators {
    position: static;
    margin-top: 20px
}

#custCarousel .carousel-indicators>li {
    width: 100px
}

#custCarousel .carousel-indicators li img {
    display: block;
    opacity: 0.5
}

#custCarousel .carousel-indicators li.active img {
    opacity: 1
}

#custCarousel .carousel-indicators li:hover img {
    opacity: 0.75
}

.carousel-item img {
    width: 100%
}

h1.bg_white_h1{ width: 100%; color: #005fab; font-family: 'Raleway';}
span.bold_blue_txt{ color: #005fab; font-weight: 600; font-family: 'Raleway';}

.bg-blue-pill-h2{ width: auto; display: inline-block; padding: 10px 3%; background-color: #005fab; border-radius: 18px; font-family: 'Raleway'; color: #FFFFFF; font-size: 2em;}
.bg_white-block-p{ font-family: 'Raleway'; color: #575756; font-size: 1.5em; line-height: 1.4em;}

.bg_white-block-ul{ margin-left: 1.5em; list-style: none;}
.bg_white-block-ul li{ font-family: 'Raleway'; color: #575756; font-size: 1.5em; line-height: 1.4em;}
.bg_white-block-ul li::before{
	content: "\2022";
	color: #005fab;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.bg-grey-pill-h2{ width: auto; display: inline-block; padding: 10px 3%; background-color: #575756; border-radius: 18px; font-family: 'Raleway'; color: #FFFFFF; font-size: 2em;}

.bg-grey-pill-h3{ width: 100%; display: inline-block; padding: 10px 3%; background-color: #575756; border-radius: 18px; font-family: 'Raleway'; color: #FFFFFF; font-size: 2em; text-align: center;}

/*table*/
.table{ font-family: 'Raleway'; color: #575756; font-size: 1.5em; text-align: center;}
.thead-light{ }
.table .thead-light tr{ padding: 10px 3%; background-color: #005fab; border-radius: 18px;}
.table .thead-light th{ background-color: transparent; border: none; font-family: 'Raleway'; color: #FFFFFF;}

.contacto1 h1{ text-align: center; color: #005fab;}
.formElmnt_bgBl{ padding: 3%; background-color: #025fab; border-radius: 32px; font-family: 'Raleway';}
.formElmnt_bgBl1{ padding: 3%; background-color: #fbb331; border-radius: 32px; font-family: 'Raleway';}
.formElmnt_bgBl label{ color: #FFFFFF; font-size: 1.3em; font-weight: 600; margin-bottom:-1px;}

label.form-label {margin-bottom: -1px;
	
}
.formElmnt_bgBl .form-text{ padding-left: 3%; color: #AFAFAF; font-size: 0.85em; font-weight: 600;}
.formElmnt_bgBl input,
.formElmnt_bgBl textarea{ border-radius: 16px;}

.form-check-label-bggray{ padding: 5px 3%; border-radius: 16px; background-color: #575756; font-size: 1.5em; color: #FFFFFF; font-family: 'Raleway';}
.form-check-label-bgtran{ padding: 5px 3%; border-radius: 16px; background-color: transparent; font-size: 1.5em; color: #FFFFFF; font-family: 'Raleway'; text-align: center;}
.form-check-label-bgtran-gry{ padding: 5px 3%; border-radius: 16px; background-color: transparent; font-size: 1.5em; color: #575756; font-family: 'Raleway'; text-align: center;}

.formElmnt_bgGRY{ padding: 3%; background-color: #575756; border-radius: 32px; font-family: 'Raleway';}
.fE_bG_TrnsElm{ border: none; background-color: transparent; color: #FFFFFF; font-size: 1.5; border-bottom: 2px solid rgba(255,255,255,0); border-radius: 0;}
.fE_bG_TrnsElm::placeholder { color: #FFFFFF; opacity: 1; font-size: 1.5em;}
.fE_bG_TrnsElm:-ms-input-placeholder { color: #FFFFFF; font-size: 1.5em;}
.fE_bG_TrnsElm::-ms-input-placeholder { color: #FFFFFF; font-size: 1.5em;}
.fE_bG_TrnsElm:focus{ outline: none; outline-width: 0; background-color: transparent; color: #FFFFFF; font-size: 1em; box-shadow: none; border-bottom: 2px solid rgba(255,255,255,0.5); border-radius: 0;}
.fE_bG_TrnsElm:focus-visible { outline: none; outline-width: 0;}
.fE_bG_TrnsElminput[type=text]:focus{ outline: none; outline-width: 0;}
.fE_bG_TrnsElminput[type=text]:focus-visible { outline: none; outline-width: 0;}
.fE_bG_TrnsElm:visited{ border: none;}

.contacto1 h2{ text-align: left; color: #005fab;}

.tsr-line{ border-top: 5px solid rgba(255,255,255,1);}

@media (max-width: 992px) {
	.form-check-label-bggray{ font-size: 1em;}
  #form-section{
    max-width: 900px !important;
    width: 900px;
  }
}

/*custom checks & radios*/
.form-check input[type="checkbox"]{ display:none;}
.form-check input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url("../img/check_radio_sheet.png") left top no-repeat;
    cursor:pointer;
}
.form-check input[type="checkbox"]:checked + label span {
    background:url("../img/check_radio_sheet.png") -19px top no-repeat;
}
.form-check input[type="radio"]{ display:none;}
.form-check input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url("../img/check_radio_sheet.png") -38px top no-repeat;
    cursor:pointer;
}
.form-check input[type="radio"]:checked + label span {
    background:url("../img/check_radio_sheet.png") -57px top no-repeat;
}
.form-check label{ position: absolute; right: 10%;}

/*custom selects*/
.my-select{ min-height: 50px; margin-top: 15px; background-color: #575756; font-family: 'Raleway'; color: #FFFFFF; font-weight: 600;}
.my-select option{ background-color: #FFFFFF; color: #005fab; font-weight: 600;}

.nota1{ font-size: 1.1em; font-weight: 600; color: #FFFFFF; width: 50%; margin-left: 25%;}
.nota1 h3{ font-weight: 600; color: #FFFFFF; text-align: center;}

/*frame*/
.iframe,
frame{ width: 100%; min-height: 450px; border-radius: 18px; border:15px solid #575756;}
@media (max-width: 768px){
	.iframe,
	frame{ min-height: 250px;}
	.bg_white-block-p{ font-family: 'Raleway'; color: #575756; font-size: 1.2em; line-height: 1.4em;}
	h1.bg_white_h1{ width: 100%; color: #005fab; font-family: 'Raleway';font-size: 2.1em;}
	.bg-grey-pill-h3{ width: 100%; display: inline-block; padding: 10px 3%; background-color: #575756; border-radius: 18px; font-family: 'Raleway'; color: #FFFFFF; font-size: 1.7em; text-align: center;}
	#mainNav .navbar-nav .nav-item .nav-link{ font-size: 1.1rem; line-height: 30px;}
}

/*contactG*/
.contactG p{ margin-bottom: .5rem; padding-left: 2rem; color: #005fab; font-weight: 600; font-size: 1.5em; font-family: 'Raleway';}
.contactG p img{ margin-top: 25px;}
.contactG .call{ padding-right: 50px; background-image: url("../img/call.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: auto 90%;}
.contactG .whatsapp{ padding-right: 50px; background-image: url("../img/whatsapp.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: auto 90%;}
.contactG a, .contactG a:hover{ color: #005fab;}
/*whats-btn 05092021*/

@media (max-width: 768px){
	.contactG .call{ background-position: 90% center;}
	.contactG .whatsapp{ background-position: 90% center;}
}

/*quienes*/
.quienes{ margin-top: 2rem;}
.quienes h2{ color: #005fab; font-family: 'Raleway'; font-size: 1.35em;}
.quienes p{ color: #575756; font-family: 'Raleway'; font-size: 1.35em; font-weight: normal;}
.quienes ul{ list-style-type: none; color: #575756; font-family: 'Raleway'; font-size: 1.2em;}
.quienes ul li{ font-size: 1.2em;}
.quienes ul li span{ color: #005fab; font-weight: 600;}

/*contacto*/
.white{
  color: aliceblue !important;
}

.tinny-checkbox{
  width: 15px; 
  height: 15px;
}

.error{
  border-color:#e8385a;
  background-color: #FFD0D0;
}

.parrafo{ font-family: 'Raleway'; 
	}

#merchandisePanel div.form-group.col-sm-4.col-md-4 label.form-label {width: 110%;
	
}

#homePanel div.form-group.col-sm-4.col-md-4 label.form-label {width: 110%;
	
}

#tmChargeLevelField {width: 54px;
	
}

#toChargeLevelField {width: 54px;
	
}

#toDischargeLevelField {width: 54px;
	
}

input#tmDischargeLevelField.form-control {
	width: 54px;
	
}
.facebook{ padding-right: 50px; background-image: url("../img/facebook.png"); background-position: 50% center; background-repeat: no-repeat; background-size: auto 90%;}