/* @override
	http://localhost:8888/flm2016/css/extend.css
	http://localhost:8888/_FLM-COMEX/web/es/css/extend.css */

.covervid-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: table;
}

.masthead {
    position: relative;
    min-width: 720px;
}
.masthead-video {
    z-index: 0;
}

.masthead-overlay {
    background-color: #000;
    opacity: 0.1;
    position: absolute;
    top: 0; left: 0;
    bottom: 0; right: 0;
    width: 100%;
    height: 100%;
}

h1.video {
	font: bolder 60px "IntroBold";
	position: absolute;
    width: 100%;
	text-align: center;
    height: 120px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
	letter-spacing: 6px;
	line-height: 45px;
}

.navbar-brand {
	padding: 11px 15px;
}

body {
	font-family: "IntroRegular", Lucida, Verdana, sans-serif;
	letter-spacing: 0;
}

.lc {
	font: 26px "IntroLight", Lucida, Verrdana, sans-serif;
	font-weight: 100;
}

#navbar ul.nav.navbar-nav.navbar-right li a {
	color: #B0B0B0;
}

#navbar ul.nav.navbar-nav.navbar-right li a:hover {
	color: #FFFFFF;
}

.line {
	margin: 0 auto;
	width: 850px;
	border-bottom: 1px solid #fff;
	margin-top: 10px;
	margin-bottom: 5px;
}


.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/*---------------------*/
/***** Hover Efect *****/
/*---------------------*/


.row figure {
	position: relative;
	float: left;
	overflow: hidden;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.row figure figcaption {
	padding: 0em;
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.row figure figcaption::before,
.row figure figcaption::after {
	pointer-events: none;
}

.row figure figcaption,
.row figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.row figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.row figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.row figure h2 span {
	font-weight: 800;
}

.row figure h2,
.row figure p {
	margin: 0;
}

.row figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 2.6%, rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 2.6%, rgba(0, 0, 0, 0.8) 100%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure.effect-sadie h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #484c61;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
	font-family: "IntroRegular";
}

figure.effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/*-------------------*/
/*****    Nav    *****/
/*-------------------*/

.navbar-inverse {
  background-color: rgba(60, 60, 60, 0.8);
  border-color: #858585;
  color: #B0B0B0;
  border-bottom: 1px solid rgba(255,255,255,.2);
  font-family: 'Questrial', sans-serif;
  text-transform: uppercase;
}

.footeralto {
	height: 50px;
	padding-top: 20px;
	font: 10px 'Questrial', sans-serif;;
	letter-spacing: 1px;
	color: #B0B0B0;
}

.footeralto a{
	color: #B0B0B0;
}

body {
	background-color: #000;
	padding-top: 0px;
}

#navbar ul.nav.navbar-nav.navbar-right li a {
	padding: 7px 8px 5px 8px;
	margin: 8px 5px;
	background-color: transparent;
	box-sizing: border-box;
	border: 1px solid transparent;
	-webkit-transition:all .3s linear;
	-o-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-ms-transition:all .3s linear;
	transition:all .3s linear;
}

#navbar ul.nav.navbar-nav.navbar-right li a:hover {
	border: 1px solid #FFF;
}

#navbar ul.nav.navbar-nav.navbar-right li a.active {
	border: 1px solid #B0B0B0;
}

#navbar ul.nav.navbar-nav.navbar-right li a.noborder {
	border: none;
}

.dropdown-menu {
	background-color: rgba(60, 60, 60, 0.8);
	border-top: 1px solid rgba(60, 60, 60, 0.8);
}

.navbar-collapse, .navbar-collapse .dropdown-menu {
	text-align: center;
}

 .navsocial {
	border-top: 1px solid rgba(255, 255, 255, .2);
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

.dropico{
	padding-bottom: 1px;
	padding-top: 1px;
}


@media (max-width: 1200px) {
	.navbar-collapse .navsocial {
		border-top: 1px solid rgba(255, 255, 255, .2);
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}

	li.limslide {
		width: 25%;
		float: left;
		text-align: center;
		box-sizing: border-box;
	}

	a.mslide {
		width: 100%;
		float: left;
		text-align: center;
		box-sizing: border-box;
	}

	#navbar ul.nav.navbar-nav.navbar-right li a.noborder {
		margin: 7px 0px;
		padding: 7px 0px;
	}
}

@media (min-width: 1200px) {
	.navsocial {
		/*display: none;*/
	}
}

.homemobile .line {
	width: 90%;
	border-bottom: 1px solid #FFF;
	margin-bottom: 20px;
}



.homemobile h1.video {
	color: #FFF;
	height: auto;
	font-size:3em;
	line-height: 1em;
	margin-top: 140px;
}

.homemobile h1.video .lc {
	font-size: 0.6em;
	letter-spacing: 2px;
	line-height: 1.3em;
	display: inline-block;

}

@include keyframes(bounce) {
	0%, 20%, 50%, 80%, 100% {
    @include transform(translateY(0));
  }
	40% {
    @include transform(translateY(-30px));
  }
	60% {
    @include transform(translateY(-15px));
  }
}


body {
  background: black;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
body {
  background: black;
}

.homemobile {
	position: relative;
}

.arrow {
  position: absolute;
  bottom: 4%;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  color: rgba(222, 222, 222, 0.8);
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.seve {
	opacity: 1;
	-webkit-transition:all .5s linear;
	-o-transition:all .5s linear;
	-moz-transition:all .5s linear;
	-ms-transition:all .5s linear;
	transition:all .5s linear;
}

.noseve {
    opacity: 0;
    -webkit-transition:all .5s linear;
    -o-transition:all .5s linear;
    -moz-transition:all .5s linear;
    -ms-transition:all .5s linear;
    transition:all .5s linear;
}


@media (min-width: 600px) and (max-width: 767px) {
	.homemobile h1.video {
		margin-top: 250px;
	}

}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: 360px;
}

.logo-m {
	max-width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

ul.nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}


/******* PREHOME **********/

body.prehome span.lc a {
	letter-spacing: 0;
	color: #fff;
	padding: 10px 20px;
	margin: 10px 20px;
	border: 1px solid #FFF;
	font-size: .8em;
}

body.prehome span.lc a:hover {
	letter-spacing: 0;
	color: #1f1a17;
	padding: 10px 20px;
	margin: 10px 20px;
	border: 1px solid #FFF;
	background: rgba(255, 255, 255, .75);
	text-decoration: none;
}

body.prehome .line {
	border: none;
	margin-bottom: 35px;
}

body.prehome div.container-fluid div.row div.visible-xs.nopadding.homemobile h1.video span.lc a {
	margin-bottom: 20px;
	float: left;
	text-align: center;
	width: 100%;
}