/*!
 * Start Bootstrap - Business Casual v5.0.0 (https://startbootstrap.com/template-overviews/business-casual)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-casual/blob/master/LICENSE)
 */body{margin:0;font-family:Open Sans;background:-webkit-gradient(linear,left top,left bottom,from(rgba(218,224,229,1))),url(../img/bg.jpg);background:linear-gradient(rgba(47,23,15,.65)),url(../img/bg.jpg);background-attachment:fixed;background-position:center;background-size:cover}h1,h2,h3,h4,h5,h6{font-family:Open Sans}p{line-height:1.75}.text-faded{color:rgb(55, 43, 224, 0.45)}.site-heading{margin-top:2rem;margin-bottom:2rem;text-transform:uppercase;line-height:1;font-family:Open Sans}.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}.page-section{padding: 8rem 0;}.section-heading{text-transform:uppercase}.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(55, 43, 224, 0.45)}#footer{background-color:#585858!important;font-family:Open Sans;color:rgb(240, 240, 240);}#mainNav .navbar-brand{color:#293181}#mainNav .navbar-nav .nav-item .nav-link{color:#293181;font-weight:500; transition: 0.3s;}#mainNav .navbar-nav .nav-item.active .nav-link{color:#293181}@media (min-width:992px){#mainNav .navbar-nav .nav-item .nav-link{font-size:.9rem}#mainNav .navbar-nav .nav-item .nav-link:hover{color:rgba(14,14,14,0.65); transition: 0.3s;}#mainNav .navbar-nav .nav-item.active .nav-link:hover{color:#6c757d}}.btn-xl{font-weight:700;font-size:.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(40, 52, 117);}.cta .cta-inner{position:relative;padding:3rem;margin:.5rem;background-color:rgba(255,255,255,.85)}.cta .cta-inner:before{border-radius:.5rem;content:'';position:absolute;top:-.5rem;bottom:-.5rem;left:-.5rem;right:-.5rem;border:.25rem solid rgba(255,255,255,.85)}@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:.9rem}.list-hours .list-hours-item{border-bottom:1px solid rgba(230,167,86,.5);padding-bottom:.25rem;margin-bottom:1rem;font-style:italic}.list-hours .list-hours-item.today{font-weight:700;color:#e6a756}@media (min-width:992px){.list-hours{width:50%;font-size:1.1rem}}.address strong{font-size:1.2rem}.footer{background-color:rgba(52,121,68,1)}.text-primary{color:#ffffff!important}.bg-primary{background-color:#e6a756!important}.btn{-webkit-box-shadow:0 3px 3px 0 rgba(33,37,41,.1);box-shadow:0 3px 3px 0 rgba(33,37,41,.1)}.font-weight-light{font-weight:100!important}

#mainNav{background-color:rgb(255, 255, 255);font-family: Open Sans;color: #293181;padding-bottom: 0.5rem!important;border-bottom: 1px solid #293181;padding-top: 0.5rem!important;}
#mainNav2{background-color: #283081; font-family: Open Sans;font-size: smaller;border-bottom: 1px solid #ffffff2e;border-top: 1px solid #ffffff2e;}
.logo {width:169px;height:100px;background:url(../img/af.png) center center;background-size: 170px 100px;background-repeat: no-repeat;}
.social, .redes{display: inline-grid;cursor: pointer;color: #ffffff;display: inline-grid; margin-right: 8px;}
.idi, .idi:hover{color: #ffffff;}
.redes{margin-left: 8px;}
.tel{margin-right: 7px;}
.bg-light {background-color: #fdfdfd!important;}
.pie{display: inline-grid;cursor: pointer;color: #ffffff;display: inline-grid;}
.col-xs-{position: relative;width: 50%;min-height: 1px;padding-right: 15px;padding-left: 15px;text-align: center;padding-top: 10px;}

/*Código para Móvil*/
@media only screen and (min-width: 100px) and (max-width: 700px) {
	.logo {width:70px;height:70px;background:url(../img/af_png.png) center center;background-size: 70px 70px;}
}

/*Código para Tablets*/
@media only screen and (min-width: 700px) and (max-width: 1024px) {
	.logo {width:70px;height:70px;background:url(../img/af_png.png) center center;background-size: 70px 70px;}
	#social{display: none;}
}

/* --- Clase que agregaremos cuando el usuario haga scroll --- */
.menu-fixed {position:fixed;z-index:1000;top:0;width:100%;box-shadow:0px 4px 3px #293181;background-size: 90px 30px;transition: 0.3s;}
.logo-fixed {width:70px;height:70px;background:url(../img/af_png.png) center center;background-size: 70px 70px;transition: 0.3s;}

/*linea de tiempo*/
.timeline{position:relative;padding:0;list-style:none}
.timeline:before{position:absolute;top:0;bottom:0;left:40px;width:2px;margin-left:-1.5px;content:'';background-color:#283081}
.timeline>li{position:relative;min-height:50px;margin-bottom:50px}
.timeline>li:after,.timeline>li:before{display:table;content:' '}
.timeline>li:after{clear:both}
.timeline>li .timeline-panel{position:relative;float:right;width:100%;padding:0 20px 0 100px;text-align:left}
.timeline>li .timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}
.timeline>li .timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}
.timeline>li .timeline-image{position:absolute;z-index:100;left:0;width:80px;height:80px;margin-left:0;text-align:center;border:7px solid #283081;border-radius:100%;background-color:#dadada}
.timeline>li .timeline-image h4{font-size:10px;line-height:14px;margin-top:12px}
.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 20px 0 100px;text-align:left}
.timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}
.timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}
.timeline>li:last-child{margin-bottom:0}
.timeline .timeline-heading h4{margin-top:0;color:inherit}
.timeline .timeline-heading h4.subheading{text-transform:none}
.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}
.img-circle{max-width: 80%;}
@media (min-width:768px){
	.timeline:before{left:50%}
	.timeline>li{min-height:100px;margin-bottom:100px}
	.timeline>li .timeline-panel{float:left;width:41%;padding:0 20px 20px 30px;text-align:right}
	.timeline>li .timeline-image{left:50%;width:100px;height:100px;margin-left:-50px}
	.timeline>li .timeline-image h4{font-size:13px;line-height:18px;margin-top:16px}
	.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 30px 20px 20px;text-align:left}
}
@media (min-width:992px){
	.timeline>li{min-height:150px}
	.timeline>li .timeline-panel{padding:0 20px 20px}
	.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}
	.timeline>li .timeline-image h4{font-size:18px;line-height:26px;margin-top:30px}
	.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}
}
@media (min-width:1200px){
	.timeline>li{min-height:170px}
	.timeline>li .timeline-panel{padding:0 20px 20px 100px}
	.timeline>li .timeline-image{width:200px;height:200px;margin-left:-102px}
	.timeline>li .timeline-image h4{margin-top:40px}
	.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}
}

/*portafolio*/
@media (min-width:767px){
  #portfolio .portfolio-item{margin:0 0 30px}
}
.portfolio-modal .modal-dialog{margin:1rem;max-width:100vw}
.portfolio-modal .modal-content{padding:100px 0;text-align:center}
.portfolio-modal .modal-content h2{font-size:3em;margin-bottom:15px}
.portfolio-modal .modal-content p{margin-bottom:30px}
.portfolio-modal .modal-content p.item-intro{font-size:16px;font-style:italic;margin:20px 0 30px;font-family:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}
.portfolio-modal .modal-content ul.list-inline{margin-top:0;margin-bottom:30px}
.portfolio-modal .modal-content img{margin-bottom:30px}
.portfolio-modal .modal-content button{cursor:pointer}
.portfolio-modal .close-modal{position:absolute;top:25px;right:25px;width:75px;height:75px;cursor:pointer;background-color:transparent}
.portfolio-modal .close-modal:hover{opacity:.3}
.portfolio-modal .close-modal .lr{z-index:1051;width:1px;height:75px;margin-left:35px;transform:rotate(45deg);background-color:##ffffff}
.portfolio-modal .close-modal .lr .rl{z-index:1052;width:1px;height:75px;transform:rotate(90deg);background-color:#ffffff}
.mt-5:hover{background: #c0c0c03d;transition: 0.3s;border-radius: 25px;padding: 20px;}
.mt-5{transition: 0.3s;}

/*Video reproduciéndose con texto delante*/
#info {position: relative;background-color: black;height: 75vh;min-height: 25rem;width: 100%;overflow: hidden;}
#info video {position: absolute;top: 50%;left: 50%;width: 100%;height: auto;z-index: 0;-ms-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
#info .container {position: relative;z-index: 2;}
#info .overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-color: #283081;opacity: 0.8;z-index: 1;}

@media (pointer: coarse) and (hover: none) {
  #info {background: url('../img/sifco-asc.png') black no-repeat center center scroll;}
  /*#info video {
    display: none;
  }*/
}

.letra {font-size: 2.5rem;line-height: 1.2;}
.letra2 {font-size: 1rem;font-weight: 300;}

/*acordeón*/
.accordion {background-color: #eee;color: #444;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;font-size: 15px;transition: 0.4s;}
.active, .accordion:hover {background-color: #ccc; }
.panel {padding: 0 18px;display: none;background-color: white;overflow: hidden;transition: 0.4s;}

/*formulario correo*/
/* Style inputs, select elements and textareas */
input[type=text], select, textarea{width: 100%;padding: 12px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;resize: vertical;}
/* Style the label to display next to the inputs */
label {padding: 12px 12px 12px 0;display: inline-block;}
/* Style the submit button */
input[type=submit] {background-color: #293181;color: white;padding: 12px 20px;border: none;border-radius: 4px;cursor: pointer;float: right;transition: 0.3s;}
input[type=submit]:hover {background-color: #12153a;transition: 0.3s;}
/* Style the container */
.container2 {border-radius: 5px;padding: 20px;}
/* Floating column for labels: 25% width */
.col-25 {float: left;width: 25%;margin-top: 6px;}
/* Floating column for inputs: 75% width */
.col-75 {float: left;width: 100%;margin-top: 6px;}
/* Clear floats after the columns */
.row:after {content: "";display: table;clear: both;}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {width: 100%;margin-top: 6px;}
}

 /*Copyright*/
.copyright{background-color: #959394!important;font-size: 0.7rem;}
.a{transition: 0.3s;}
.a:hover{transition: 0.3s;}
.py-3 {padding-bottom: 0.4rem!important;padding-top: 0.4rem!important;}