/* Required for full background image */

/* Required for full background image */

html,
body,
header,
.view {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 100vh;
  }
}

.top-nav-collapse {
  background-color: #2980B9 !important;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background: #2980B9 !important;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
    background: #2980B9 !important;
  }
}

h1 {
  letter-spacing: 8px;
}

h5 {
  letter-spacing: 3px;
}
 hr { 
   border: 5px solid #2874A6; 
   border-radius: 200px /8px; 
   height: 0px; 
   text-align: center; 
 } 
.hr-light {
  border-top: 3px solid #fff;
  width: 80px;
}
video{
	max-width: 100%;
	width: 3000px;
}
@media (min-width: 0px) and (max-width: 1100px){
	video{
		max-width: none;
width: auto;
}		
	}	


/* modal izquierda*/
.modal.left .modal-dialog {
	position: fixed;
	margin: auto;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.left .modal-body {
	padding: 15px 15px 80px;
}

.modal.left.fade .modal-dialog {
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
	left: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
	border-radius: 0;
	border: none;
}

.modal-header {
	border-bottom-color: #eeeeee;
	background-color: #fafafa;
}
.modalimg{
	max-width: 100%;
	max-height: 100%;
	margin-left: 100px;
}
@media (min-width: 0px) and (max-width: 1300px){
	.modalimg{
max-width:none;
	max-height:none;
	margin-left:auto;
		position:fixed;
		z-index: -1;
}
	}		
.Fm{
	position: fixed;
	opacity: 0.2;
	margin: 20%;
}
.plomo{
	color:#424949;
}