/* NAVBAR */

.navbar{
	/*position: fixed !important;*/
    width: 100% !important;
    z-index: 99 !important;
    border-radius: 0px !important;
    margin-bottom: 0 !important;
}

.navbar-default{
	background-color: #000 !important;
    border-color: rgba(231, 231, 231, 0) !important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	color: #80C500 !important;
    background-color: #e7e7e700 !important;
}

.navbar-default .navbar-nav>li>a:hover{
	color: #80C500 !important;
    background-color: #e7e7e700 !important;
}

.navbar-default .navbar-nav>li>a{
	color: #fff !important;
}

.navbar-brand{
	padding: 10px 15px !important;
}

.navbar-collapse{
	border-color: #fff !important;
    margin-top: 10px;
    width: 110%;
    text-align: center;
    padding: 0px !important;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color: #000 !important;
}

.navbar-default .navbar-toggle{
	border-color: #ddd0 !important;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: #fff !important;
}

.navbar-toggle .icon-bar{
	width: 25px !important;
    height: 3px !important;
}

/* VIDEO */

.examVideo{
	width: 100%;
    height: 58vw;
    /*max-height: 859px;*/
}

.styleVideo{
	width: 100%;
	
}

/* NOSOTROS */

.bg-img{
	background-image: url(../img/nosotros/BANSEFI1-01.jpg);
	background-size: cover;
    background-position: center;
    padding-top: 50px;
    padding-bottom: 40px;
    height: 100%;
    background-attachment: fixed;
}

.styleTxtTitle{
	text-align:center;
	color: #fff;
	margin-top: 33px;
}

.borderTitle{
	width: 140px;
    border-bottom: 3px solid #80C500;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.contNosotros{
	margin-top: 120px;
	margin-bottom: 40px;
}

.styleIcons{
	max-width: 40%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.textIcons{
	margin-top: 25px;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	font-size: 1.3em;
}


/* HISTORIA */

.styleTxtTitle2{
	text-align:center;
	color: #000;
	margin-top: 150px;
}

.textHistoria{
	margin-top: 60px;
    font-size: 1.2em;
    margin-bottom: 60px;
}

.imgHistoria{
	width: 100%;
}


/* SERVICIOS */

#seccionServicios{
	margin-bottom: 110px;
}

.contServicios{
	margin-top: 20px;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.textp{
	margin-top: 40px;
    text-align: center;
    font-size: 1.2em;
}

.serviciosCol{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.styleBgImg{
	padding-top: 20px;
    padding-bottom: 13px;
	background-size: cover;
    background-position: center;
}

.bgImgServicios1{
	background-image: url(../img/servicios/img24.png);
}

.bgImgServicios2{
	background-image: url(../img/servicios/img-25.png);
}

.bgImgServicios3{
	background-image: url(../img//servicios/img2-24.png);
}

.bgImgServicios4{
	background-image: url(../img//servicios/img2-25.png);
}

.bgImgServicios5{
	background-image: url(../img//servicios/img3-24.png);
}

.bgImgServicios6{
	background-image: url(../img//servicios/img3-25.png);
}

.bgImgServicios7{
	background-image: url(../img//servicios/img4-24.png);
}

.bgImgServicios8{
	background-image: url(../img//servicios/img4-25.png);
}

.bgImgServicios9{
	background-image: url(../img//servicios/img4-26.png);
}

.bgImgServicios10{
	background-image: url(../img//servicios/img4-27.png);
}

.bgImgServicios11{
	background-image: url(../img//servicios/img4-28.png);
}

.bgImgServicios12{
	background-image: url(../img//servicios/img4-29.png);
}


.iconsServicios{
	z-index: 5;
    max-width: 116px !important;
    margin-top: 23px;
}

.textServicios{
	padding-left: 10px;
    padding-right: 10px;
    font-size: 1.2em;
    margin-bottom: 44px;
}

/* MODAL SERVICIOS */

.fade.in{
	background-color: #cccccc85  !important;
}

.modal-title{
	color: #fff;
}

.infoModal{
	color: #fff;
	text-align: center;
}

.modal-content1{
	background-image: url(../img/servicios/img24.png) !important;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}

.modal-content2{
	background-image: url(../img/servicios/img-25.png) !important;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}

.modal-content3{
	background-image: url(../img/servicios/img2-24.png) !important;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}

.modal-content4{
	background-image: url(../img/servicios/img2-25.png) !important;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}

.modal-content5{
	background-image: url(../img/servicios/img3-24.png) !important;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}

.modal-content6{
	background-image: url(../img/servicios/img3-25.png) !important;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}

.modal-content7{
	background-image: url(../img/servicios/img4-24.png) !important;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}

.modal-content8{
	background-image: url(../img/servicios/img4-25.png) !important;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}

.modal-content9{
	background-image: url(../img/servicios/img4-26.png) !important;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}

.modal-content10{
	background-image: url(../img/servicios/img4-27.png) !important;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}

.modal-content11{
	background-image: url(../img/servicios/img4-28.png) !important;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}

.modal-content12{
	background-image: url(../img/servicios/img4-29.png) !important;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
}


.modal-content{
	background-color: #fff0 !important;
}

.modal-header{
	border-bottom: #e5e5e500 !important;
	text-align: center;
}

.modal-header .close{
	margin-top: -15px !important;
}

.contTitleModal{
	margin-top: 61px; 
}

.close{
	font-size: 60px !important;
    font-weight: 400 !important;
    color: #fff !important;
    opacity: 1 !important;
}

.modal-body{
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	font-size: .9em !important;
}


/*CLIENTES*/

.styleRowClientes{
	margin-bottom: 30px;
}

.contImg-slide{
	width: inherit;
}

.carousel-inner img {
    height: 100%;
  }
 
 .contLogosClientes{
	margin-top: 95px; 
	margin-bottom: 50px;
 }
 
.styleImgClientes{
	width: 100%;
	transform: scale(.8);
	transition: all 500ms;
} 



/* DESCANSO VISUAL */

.bg-descansoVisual{
	background-image: url(../img/descansoVisual/DSC0698900.jpg);
    background-size: cover;
    background-position: center center;
    padding-top: 50px;
    padding-bottom: 80px;
    height: 100%;
    background-attachment: fixed;
    margin-top: 140px;
}

.font1{
	font-size: 1.4em;
}

.font2{
	font-size: 1.7em;
}

.btn-descVisual{
	color: #fff !important;
    background-color: #3B8E00 !important;
    border-color: #fff0 !important;
    padding: .8rem 3.75rem !important;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 1.3em !important;
}

.contForm{
	width: 100%;
    height: 510px;
}

/* GALERÍA */



.contGalery{
	width: 100%;
	margin-top: 110px;
	display: inline-block;
}

#box1{
	background-image: url(../img/galeria/BANAMEX00.jpg);
}

#box2{
	background-image: url(../img/galeria/DSC0050400.jpg);
}

#box3{
	background-image: url(../img/galeria/IMSSMORELIA300.jpg);
}

#box4{
	background-image: url(../img/galeria/LEXMARK100.jpg);
}

#box5{
	background-image: url(../img/galeria/VEERKAMP200.jpg);
}

#box6{
	background-image: url(../img/galeria/YYYYY00.png);
}

#box7{
	background-image: url(../img/galeria/SHOW300.jpg);
}

#box8{
	background-image: url(../img/galeria/DSC0925800.jpg);
}





#box1,
#box2,
#box7,
#box8 {
  height: 380px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#box3,
#box4,
#box5,
#box6 {
  height: 190px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.box:hover {
	  cursor: pointer;
	  opacity: .8;
	  z-index: 1;
}
	
	
	
	
/* MODAL */




.bg-modalGalery{
	position: absolute;
    width: 100%;
}

.contCloseGalery{
	margin-bottom: 40px;
    padding: 0px;
    width: 100%;
}

.styleClose{
	color: #000 !important;
	text-shadow: 0 1px 0 #0000004f !important;
}

.bodyModalGalery{
	margin-top: 0px !important;
    margin-bottom: 0px !important;
    width: 100%;
    justify-content: center;
    align-items: center;
}	
	
.generalBox{
	width: 100%;
    height: -webkit-fill-available !important;
}
	
	
/* CONTACTO */

.contUl{
	padding-left: 0;
    margin-top: 170px;
    list-style:none;
}

.styleLi{
	width: 100%;
    min-height: 150px;
}

.styleIconLi{
	width: 14%;
    float: left;
    margin-right: 29px;
}

.styleIconP{
	padding-top: 15px;
    font-size: 1.2em;
}

.styleMap{
	margin-top: 170px;
}

.map{
	border: 0;
    width: 100%;
    height: 398px;
}

.styleForm{
	padding: 1.6rem 0.75rem !important;
    color: #000000 !important;
    border: 1.4px solid #3B8E00 !important;
    margin-bottom: 16px;
}



/*FOOOTER*/

.contFooter{
	width: 100%;
	background-color: #000;
}

.txtFooter{
	text-align: center;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 10px;
}

.contIcons{
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    padding-bottom: 20px;
}

.centerIcons{
	display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 30%;
    height: 50px;
}

.iconSocial1{
	float: left;
    width: 50%;
    height: inherit;
}

.iconSocial2{
    width: 50%;
    height: inherit;
}



/********************** ANIMATIONS ***************************************/

.wobble{
	animation-duration: 3s;
    animation-delay: 2s;
    animation-iteration-count: infinite;
}










@media (max-width: 576px) {
	#box1,
	#box2,
	#box7,
	#box8 {
	  height: 190px;
	}
}

@media (max-width: 375px) {
	#box1,
	#box2,
	#box7,
	#box8 {
		width: 100%;
	}
	
	#box3,
	#box4,
	#box5,
	#box6 {
		width: 100%;
	}
}

@media (max-width: 425px) {
	.generalBox{
		    height: 200px !important;
	}
}