/*
- fonts
- html body links and kbz's generic classes
- boostrap
- sections
	- banner
	- videos
	- directors
	- awards
	- contact
		- map
- footer
*/

/*	colors:
	#fff200 yellow
	#000000 black
	#e51c40 red
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

@font-face {
	font-family: "Druk Text Cyrillic Bold";
	src: url("/fonts/DrukTextCyr-Bold.woff") format("woff"), url("/fonts/DrukTextCyr-Bold.ttf")  format("truetype");
}
@font-face {
	font-family: "Druk Text Cyrillic BoldItalic";
	src: url("/fonts/DrukTextCyr-BoldItalic.woff") format("woff"), url("/fonts/DrukTextCyr-BoldItalic.ttf")  format("truetype");
}
@font-face {
	font-family: "Druk Text Cyrillic Heavy";
	src: url("/fonts/DrukTextCyr-Heavy.woff") format("woff"), url("/fonts/DrukTextCyr-Heavy.ttf")  format("truetype");
}
@font-face {
	font-family: "Druk Text Cyrillic HeavyItalic";
	src: url("/fonts/DrukTextCyr-HeavyItalic.woff") format("woff"), url("/fonts/DrukTextCyr-HeavyItalic.ttf")  format("truetype");
}
@font-face {
	font-family: "Druk Text Cyrillic Medium";
	src: url("/fonts/DrukTextCyr-Medium.woff") format("woff"), url("/fonts/DrukTextCyr-Medium.ttf")  format("truetype");
}
@font-face {
	font-family: "Druk Text Cyrillic MediumItalic";
	src: url("/fonts/DrukTextCyr-MediumItalic.woff") format("woff"), url("/fonts/DrukTextCyr-MediumItalic.ttf")  format("truetype");
}
@font-face {
	font-family: "Druk Text Cyrillic Super";
	src: url("/fonts/DrukTextCyr-Super.woff") format("woff"), url("/fonts/DrukTextCyr-Super.ttf")  format("truetype");
}
@font-face {
	font-family: "Druk Text Cyrillic SuperItalic";
	src: url("/fonts/DrukTextCyr-SuperItalic.woff") format("woff"), url("/fonts/DrukTextCyr-SuperItalic.ttf")  format("truetype");
}
@font-face {
	font-family: "Druk Text Wide Medium";
	src: url("/fonts/DrukTextWide-Medium.woff") format("woff"), url("/fonts/DrukTextWide-Medium.ttf")  format("truetype");
}
.test-font {
	font-family: "Druk Text Cyrillic Super";
	text-transform: uppercase;
	font-size: 32px;
	line-height: 32px;
}

/* html body links and kbz's generic classes */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
}
a {
	color: #FFFFFF;
	outline: none;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
a:hover {
	color: #f6af80;
	text-decoration: none;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
a.bot-section {
	color: #000000;
	font-size: 16px;
	line-height: 16px;
	padding: 0 12px;
	padding-top: 6px;
	padding-bottom: 4px;
	display: inline-block;
	font-family: "Druk Text Wide Medium";
}
a.bot-section:hover,
a.bot-section:focus {
	background-color: #000000;
	color: #fff200;
}
html,body {
	color: #000000;
	background-color: #000000;
}
body {
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	font-family: "Druk Text Cyrillic Medium";
}
@media (max-width: 768px) {

}
@media (max-width: 992px) {

}
h1 {
	display: none;
	font-weight: 500;
	padding: 0;
	margin: 0;
}
h2 {
	font-size: 48px;
	color: #000000;
}
h3 {
	font-size: 26px;
	/*padding: 0;*/
	/*margin-bottom: 0;*/
}
ul {
	list-style: none;
	display: block;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 0px;
}
.no-padding {
	padding: 0 !important;
}
.no-padding .row-fluid div[class*="col-"] {
	/*padding: 0 !important;*/
}
.offset-top {
	padding-top: 66px!important;
}
.btn.btn-default {
	text-shadow: none;
	background-color: #000000;
	background-image: none;
	border-color: #e1e1e1;
	color: #FFFFFF;
	padding: 4px 8px;
	text-transform: uppercase;
	font-size: .8em;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.btn.btn-default:hover {
	background-color: #FFFFFF;
	color: #000000;

	-webkit-transition: all 0.333s linear;
	-moz-transition: all 0.333s linear;
	-o-transition: all 0.333s linear;
	transition: all 0.333s linear;
}
.load-more {
	padding-top: 30px;
}
.loadmore-wrapper {
	padding-top: 30px;
}
/* animated */
.animated-delay-333 {
	/* Chrome, Safari, Opera */
	-webkit-animation-delay: .333s;
	animation-delay: .333s;
}
.animated-delay-500 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.animated-delay-666 {
	-webkit-animation-delay: .666s;
	animation-delay: .666s;
}
.animated-delay-999 {
	-webkit-animation-delay: .999s;
	animation-delay: .999s;
}
.animated-delay-1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.animated-delay-1332 {
	-webkit-animation-delay: 1.332s;
	animation-delay: 1.332s;
}
.animated-delay-3000 {
	-webkit-animation-delay: 1.332s;
	animation-delay: 1.332s;
}
/* end kbz */



/* loader */
body .content {
	opacity: 0;
}
body.pace-done .content {
	opacity: 1;

	-webkit-transition: all 0.333s linear;
	-moz-transition: all 0.333s linear;
	-o-transition: all 0.333s linear;
	transition: all 0.333s linear;
}
/* end loader */



/* boostrap */

/* nav */
/* navbar navbar-default navbar-fixed-top (affix-top and affix) */
.navbar {
	background-image: none;
	background-color: transparent;
	box-shadow: none;
	border: none;
	margin: 0;
	box-shadow: none;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
body.projects .navbar,
.navbar.sps--blw {
	background-color: #FFFFFF;
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.navbar .nav-link {
	text-transform: uppercase;
	font-weight: 500;
	color: #FFFFFF;
	font-size: 12px;
	letter-spacing: 4px;
}
body.projects .navbar .nav-link,
.navbar.sps--blw .nav-link {
	color: #000000!important;
}
.navbar .nav-link:hover,
.navbar .nav-link:focus {
	color: #f6af80!important;
}
.caret {
	display: none;
}
/* end boostrap */



/* logo */
.migrante-logo {
	padding-top: 30px!important;
	padding-left: 40px!important;
	width: auto;
}
@media (max-width: 600px) {
	.migrante-logo {
		padding-top: 15px!important;
		padding-left: 25px!important;
	}
}
body.protect .migrante-logo #migrante-logo,
body.contact-us .migrante-logo #migrante-logo,
body.about-us .migrante-logo #migrante-logo {
	fill: #000000;
	height: 70px;
}
body.about-us .migrante-logo-wrapper {
	background-color: #fff200;
	margin-bottom: -1px;
}
body.work .migrante-logo #migrante-logo {
	fill: #fff200;
	height: 70px;
}
body.work .migrante-logo {
	position: absolute;
	z-index: 666;
}
body.work .migrante-logo {
	padding-left: 40px!important;
}
@media (max-width: 500px) {
	body.work .migrante-logo {
		padding-left: 20px!important;
	}
}
/* end logo */



/* hamburg-menu */
#hamburg-menu {
	top: 30px;
	right: 30px;
	width: 40px;
	height: 39px;
	position: fixed;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	background-color: #000;
	z-index: 666;
}
@media (max-width: 500px) {
	#hamburg-menu {
		top: 15px;
		right: 15px;
	}
}
#hamburg-menu span {
  display: block;
  position: absolute;
  height: 5px;
  width: calc( 100% - 12px);
  left: 6px;
  background: #fff200;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#hamburg-menu span:nth-child(1) {
  top: calc(0px + 6px);
}
#hamburg-menu span:nth-child(2),
#hamburg-menu span:nth-child(3) {
  top: calc(11px + 6px);
}
#hamburg-menu span:nth-child(4) {
  top: calc(22px + 6px);
}
#hamburg-menu.open span:nth-child(1) {
  top: calc(12px + 6px);
  width: 0%;
  left: 50%;
}
#hamburg-menu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#hamburg-menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#hamburg-menu.open span:nth-child(4) {
  top: calc(12px + 6px);
  width: 0%;
  left: 50%;
}
/* menu */
body.menu-open {
	left: -320px;

	-webkit-transition: all 333ms ease-out;
	-moz-transition: all 333ms ease-out;
	-o-transition: all 333ms ease-out;
	transition: all 333ms ease-out;
}
#sideMenu {
	position: fixed;
	top: 0;
	/*right: -320px;*/
	right: -100%;
	z-index: 300;
	/*width: 320px;*/
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;

	-webkit-transition: all 333ms ease-out;
	-moz-transition: all 333ms ease-out;
	-o-transition: all 333ms ease-out;
	transition: all 333ms ease-out;
}
#sideMenu.menu-open {
	right: 0px;

	-webkit-transition: all 333ms ease-out;
	-moz-transition: all 333ms ease-out;
	-o-transition: all 333ms ease-out;
	transition: all 333ms ease-out;
}
.menu-right {
	padding: 0;
	background-color: #000000;
	/*border-left: 6px solid #fff200;*/
}
body.content ul.menu-content-bots,
.menu-right ul.menu-bots {
	margin-top: calc( 50vh - 246px );
	/* 4 botones en el menu-right de 110 de alto = 440 / 2 = 220 */
}
body.content ul.menu-content-bots li,
.menu-right ul.menu-bots li {
	text-align: center;
}
body.content ul.menu-content-bots li a,
.menu-right ul.menu-bots li a {
	text-decoration: none;
	display: inline-block;
}
.menu-right ul.menu-bots div.separator {
	display: block;
	height: 10px;
	width: 18%;
	background-color: #fff200;
	padding: 0;
	margin: 20px auto;
}
body.content ul.menu-content-bots li span,
.menu-right ul.menu-bots li span {
	display: block;
	color: #fff200;
	text-transform: uppercase;
	font-size: 24px;
}
body.content ul.menu-content-bots li {
	margin-bottom: 30px;
}
body.content ul.menu-content-bots li a h2,
.menu-right ul.menu-bots li a h2 {
	color: #fff200;
	font-size: 76px;
	line-height: 76px;
	text-align: center;
	text-transform: uppercase;
	background-color: #000000;
	padding: 0 20px;
	margin: 0;

	-webkit-transition: all 333ms ease-out;
	-moz-transition: all 333ms ease-out;
	-o-transition: all 333ms ease-out;
	transition: all 333ms ease-out;
}
body.content ul.menu-content-bots li a h2 {
	color: #000000;
	background-color: #e51c40;
}
@media (min-width: 600px) {
	body.content ul.menu-content-bots li a h2,
	.menu-right ul.menu-bots li a h2 {
		font-size: 120px;
		line-height: 120px;
	}
	body.content ul.menu-content-bots li:last-child a h2 {
		line-height: 106px;
	}
	body.content ul.menu-content-bots,
	.menu-right ul.menu-bots {
		margin-top: calc( 50vh - 335px );
		/* 4 botones en el menu-right de 110 de alto = 440 / 2 = 220 */
	}
}
.menu-right ul.menu-bots li a.content h2 {
	color: #ffffff;
}
body.content ul.menu-content-bots li a:hover,
.menu-right ul.menu-bots li a:hover {
	text-decoration: none;
}
body.content ul.menu-content-bots li a:hover h2,
body.content ul.menu-content-bots li a:focus h2,
.menu-right ul.menu-bots li a:hover h2,
.menu-right ul.menu-bots li a:focus h2 {
	color: #000;
	background-color: #fff200;

	-webkit-transition: all 333ms ease-out;
	-moz-transition: all 333ms ease-out;
	-o-transition: all 333ms ease-out;
	transition: all 333ms ease-out;
}
body.content ul.menu-content-bots li a:hover h2,
body.content ul.menu-content-bots li a:focus h2 {
	color: #e51c40;
	background-color: #000000;
}
@media (max-width: 575px) {
	body.content ul.menu-content-bots,
	.menu-right ul.menu-bots {
		margin-top: calc( 50vh - 221px );
		/* 4 botones en el menu-right de 110 de alto = 440 / 2 = 220 */
	}
	.menu-right ul.menu-bots li a h2 {
		font-size: 74px;
		line-height: 74px;
	}
	body.content ul.menu-content-bots li a h2 {
		font-size: 46px;
		line-height: 46px;
		padding-left: 0;
		padding-right: 0;
	}
	.menu-right ul.menu-bots div.separator {
		width: 314px;
	}
}
/* end menu right*/

/* logo */
.brand {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 666;
}
@media (max-width: 575px) {
	.brand {
		position: absolute;
	}
}
.brand h1 {
	display: none;
}
.brand #alter-logo {
	width: 64px;
	padding: 0px;
	/*margin-top: calc(12vh);*/
	margin-top: 32px;
	/*margin-left: calc(50% - 48px);*/
	margin-left: 32px;
	-webkit-transition: all 333ms ease-out;
	-moz-transition: all 333ms ease-out;
	-o-transition: all 333ms ease-out;
	transition: all 333ms ease-out;
}
body.no-logoanim .brand #alter-logo {
	width: 64px;
	padding: 0px;
	margin-top: 32px;
	margin-left: 32px;

	-webkit-transition: all 333ms ease-out;
	-moz-transition: all 333ms ease-out;
	-o-transition: all 333ms ease-out;
	transition: all 333ms ease-out;
}
.brand.sps--blw #alter-logo {
	width: 64px;
	/* kbz para mi sería este */
	/*width: 96px;*/
	padding: 0px;
	margin-top: 32px;
	margin-left: 32px;
	-webkit-transition: all 333ms ease-out;
	-moz-transition: all 333ms ease-out;
	-o-transition: all 333ms ease-out;
	transition: all 333ms ease-out;
}
@media (max-width: 576px) {
	.brand #alter-logo {
		margin-top: 22px;
	}
}
.brand #alter-logo path {
	fill: #000;
	-webkit-transition: all 333ms ease-out;
	-moz-transition: all 333ms ease-out;
	-o-transition: all 333ms ease-out;
	transition: all 333ms ease-out;
}
/* end logo */



/* banner */
.banner-slider {
	overflow: hidden;
}
.banner-slider .banner {
	position: relative;
	overflow: hidden;
}
.banner-slider .banner iframessss {
	min-height: 100vh;
	width: calc((100vh/9)*16);
	min-width: 100vw;
	position: absolute;
	top: -30px;
	z-index: 100;
	left: calc(
		50vw
		-
		( ( ( 100vh / 9 ) * 16 ) / 2 )
	);
	left: 0;
	height:110vh;
}
body.home .banner {
	/*height: 440px;*/
	height: calc(100vh);
	background: transparent center top no-repeat;
	background-size: cover;
}
.banner a.trigger {
	display: block;
	height: 100%;
	cursor: pointer;
	position: relative;
}
.banner a img.btn-play {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: calc(50% - 30px);
	margin: 0 auto;
}
body.home .video-caption {
	text-align: left;
	position: absolute;
	z-index: 200;
	bottom: 15%;
	left: 0px;
	width: 100%;
	right: initial;
	padding: 0;
}
body.home .video-caption h2 {
	color: #fff;
	margin-bottom: 5px;
}
body.home .video-caption a.video-link {
	display: block;
	font-size: 1em;
	color: #FFF;
	text-align: left;
	padding: 0;
	margin-top: -15px;
	line-height: 2em;
}
.videos .video-caption {
	display: none;
}
body.home .video-caption a.video-link i {
	font-size: 1em;
	display: none;
}
body.home .video-caption a.video-link:hover,
body.home .video-caption a.video-link:focus {
	color: #f6af80;
}
/* end banner */



/* sections */
section {
	padding: 120px 0;
}
@media (max-width: 600px) {
	section {
		padding: 60px 0;
	}
}
/* intro */
section.intro {
	height: 100vh;
	background: url('/images/demo-intro-2.jpg') no-repeat center center / cover;
/*
	display: flex;
	align-items: center;
	justify-content: center;
*/
}
section.intro {
	padding: 0;
}
.ezslots > .window {
	overflow: hidden;
	display: inline-block;
}
.ezslots > .window > .slider > .symbol {
	text-align: center;
	display: table;
}
.ezslots > .window > .slider > .symbol > .content {
	  padding: 0px;
	  margin: 0px;
	  display: table-cell;
}
.ezslots > .window > .slider,
.ezslots > .window > .slider > .symbol,
.ezslots > .window > .slider > .symbol > .content {
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 0;
	line-height: 0!important;
	font-size: 0!important;
	display: block;
}
.migrante-logo-intro {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	overflow: hidden;
}
.slot-machine {
	text-align: center;
	border: 1px solid black;
	border: 0;
	margin: 0;
}
.slot-machine-letter {
	display: inline-block;
}
.slot-machine .window {
	border: 1px solid red;
	border: 0;
	margin-right: -5px;
}
.slot-machine-letter .symbol,
.slot-machine-letter .content {
	overflow: hidden;
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 0;
	line-height: 0!important;
	font-size: 0!important;
	margin-top: -4px;
	margin-bottom: -4px;
}
.slot-machine-letter .content {
}
.slot-machine-letter img {
	height: 100%;
	width: auto;
	border: 0;
	padding: 0;
	margin: 0;
	border-image-repeat: repeat!important;
	border-image-outset: 0px!important;
	clear: both;
	line-height: 0!important;
	font-size: 0!important;
}
@media (max-width: 600px) {
	#ezslotsN {
		margin-right: 1px;
	}
}
/*
//logo image
.migrante-logo-intro {
	fill: #fff200;
	text-align: center;
	margin: 0 auto;
}
.migrante-logo-intro #migrante-logo {
	width: 100%;
	height: auto;
	display: flex;
	margin: 0 auto;
	text-align: center;
	align-items: center;
	justify-content: center;
}
*/
/* end intro */



/* about-us */
/* body home */
body.home section.about-us {
	background-color: #fff200;
}
body.home section.about-us .about-us h2 {
	font-size: 47px;
	line-height: 45px;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-family: "Druk Text Cyrillic Super";
}
@media (max-width: 992px) {
	body.home section.about-us {
		padding: 0;
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	body.home section.about-us .about-us h2 {
		/* 90% */
		font-size: calc( (47px * 90) / 100);
		line-height: calc( (47px * 90) / 100);
		width: 90%;
		margin: 0 auto;
		margin-bottom: 60px;
		text-transform: uppercase;
		font-family: "Druk Text Cyrillic Super";
	}
}
/* end body home */

body.about-us section.aboutus-intro {
	background-color: #fff200;
}
body.about-us section.aboutus-intro h2 {
	font-size: 274px;
	line-height: 274px;
	font-family: "Druk Text Cyrillic Super";
	margin: 0;
	text-transform: uppercase;
}
@media (max-width: 992px) {
	/* 75% */
	body.about-us section.aboutus-intro h2 {
		font-size: 206px;
		line-height: 206px;
		font-family: "Druk Text Cyrillic Super";
		margin: 0;
	}
}
@media (max-width: 500px) {
	/* 50% */
	body.about-us section.aboutus-intro h2 {
		font-size: 137px;
		line-height: 137px;
		font-family: "Druk Text Cyrillic Super";
		margin: 0;
	}
}
@media (min-width: 1700px) {
	body.about-us section.aboutus-intro h2 {
		font-size: 400px;
		line-height: 410px;
	}
}
body.about-us section.aboutus-intro p.we-are {
	font-family: "Druk Text Cyrillic Medium";
	font-size: 68px;
	line-height: 68px;
	margin: 0;
}
@media (max-width: 992px) {
	/* 75% */
	body.about-us section.aboutus-intro p.we-are {
		font-size: 51px;
		line-height: 51px;
	}
}
@media (max-width: 500px) {
	/* 50% */
	body.about-us section.aboutus-intro p.we-are {
		font-size: 34px;
		line-height: 34px;
	}
}
@media (min-width: 1700px) {
	body.about-us section.aboutus-intro p.we-are {
		font-size: 110px;
		line-height: 100px;
	}
}
body.about-us section.aboutus-info {
	font-family: "Druk Text Wide Medium";
	background-color: #fff200;
	padding-top: 0;
	margin-top: -1px;
}
body.about-us p {
	font-family: "Druk Text Wide Medium";
	font-size: 24px;
	line-height: 28px;
}
@media (min-width: 1700px) {
	body.about-us p {
		font-size: 40px;
		line-height: 50px;
	}
}
@media (max-width: 500px) {
	/* 50% */
	body.about-us p {
		font-size: 18px;
		line-height: 22px;
		/*text-align: left;*/
	}
}
body.about-us section.aboutus-info-2 {
	background-color: #fff200;
	padding: 0;
	margin-top: -2px;
}
body.about-us section.aboutus-info-2 h3 {
	font-size: 48px;
	line-height: 48px;
	font-family: "Druk Text Cyrillic Super";
	margin: 0;
}
@media (max-width: 860px) {
	body.about-us section.aboutus-info-2 h3 {
		font-size: 34px;
		line-height: 34px;
	}
}
@media (max-width: 600px) {
	body.about-us section.aboutus-info-2 h3 {
		font-size: 24px;
		line-height: 24px;
	}
}
@media (min-width: 1700px) {
	body.about-us section.aboutus-info-2 h3 {
		font-size: 70px;
		line-height: 70px;
	}
}
body.about-us section.aboutus-info-2 h4 {
	font-size: 160px;
	line-height: 160px;
	font-weight: normal;
	font-family: "Druk Text Cyrillic Medium";
	margin: 0;
	letter-spacing: -5px;
	padding-top: 4px;
}
body.about-us div.separator {
	background-color: #000000;
	height: 18px;
	margin: 30px auto;
	width: 860px;
	margin-bottom: 60px;
}
@media (max-width: 1140px) {
	body.about-us div.separator {
		height: 14px;
		width: 620px;
	}
}
@media (max-width: 860px) {
	body.about-us div.separator {
		margin: 15px auto;
		height: 12px;
		width: 470px;
		margin-bottom: 30px;
	}
}
@media (max-width: 600px) {
	body.about-us div.separator {
		margin: 15px auto;
		height: 8px;
		width: 310px;
		margin-bottom: 30px;
	}
}
@media (min-width: 1700px) {
	body.about-us div.separator {
		width: 1318px;
	}
}
.card,
.card-header,
.card-body {
	padding: 0;
	margin: 0;
	background-color: transparent;
	border: 0;
}
.card-body p {
	width: 66%;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 30px;
}
@media (max-width: 500px) {
	.card-body p {
		width: 80%;
	}
}
.card-header h4 button {
	font-size: 160px;
	line-height: 160px;
	font-family: "Druk Text Cyrillic Medium";
	margin: 0;
	padding: 0;
	letter-spacing: -5px;
	color: #fff200!important;
	background-color: #000000;
	vertical-align: text-top;
	padding: 0 16px;
	padding-left: 10px;
	padding-bottom: 6px;
}
@media (max-width: 1140px) {
	.card-header h4 button {
		font-size: 120px;
		line-height: 120px;
	}
	body.about-us section.aboutus-info-2 h4 {
		font-size: 120px;
		line-height: 120px;
	}
}
@media (max-width: 860px) {
	.card-header h4 button {
		font-size: 92px;
		line-height: 92px;
	}
	body.about-us section.aboutus-info-2 h4 {
		font-size: 92px;
		line-height: 92px;
	}
}
@media (max-width: 600px) {
	.card-header h4 button {
		font-size: 56px;
		line-height: 56px;
		letter-spacing: -1px;
	}
	body.about-us section.aboutus-info-2 h4 {
		font-size: 56px;
		line-height: 56px;
	}
}
@media (min-width: 1700px) {
	.card-header h4 button {
		font-size: 240px;
		line-height: 240px;
	}
	body.about-us section.aboutus-info-2 h4 {
		font-size: 240px;
		line-height: 240px;
	}
}
.card-header h4 button.collapsed {
	color: #000000!important;
	background-color: #fff200;
}
.card-header h4 button:hover,
.card-header h4 button:focus {
	text-decoration: none;
	color: #fff200!important;
	background-color: #000000;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
h3.about-us-photos-title {
	margin: 120px 0!important;
	margin-bottom: 60px!important;
}
@media (max-width: 600px) {
	h3.about-us-photos-title {
		margin: 60px 0!important;
	}
}
body.about-us section.aboutus-photos {
	padding: 0;
	background-color: #000;
	border-bottom: 1px solid #fff200;
}
body.about-us section.aboutus-photos .aboutus-photo {
	display: block;
	position: relative;
	overflow: hidden!important;
}
body.about-us section.aboutus-photos .aboutus-photo img.aboutus-photo-img {
	opacity: 1;
	width: 100%;
	height: auto;
	z-index: 0;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
body.about-us section.aboutus-photos .aboutus-photo:hover img.aboutus-photo-img {
	opacity: .5;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
body.about-us section.aboutus-photos .aboutus-name {
	position: absolute;
	top: -150px;
	left: 18px;
	z-index: 10;
}
body.about-us section.aboutus-photos .aboutus-name h5 {
	color: #fff200;
	font-size: 32px;
	text-transform: uppercase;
	font-family: "Druk Text Cyrillic Bold";
	margin: 0;
	line-height: 1;
}
body.about-us section.aboutus-photos .aboutus-name h6 {
	color: #FFFFFF;
	color: #fff200;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0;
	line-height: 1;
}
body.about-us section.aboutus-photos .aboutus-photo .aboutus-cite {
	font-family: "Druk Text Cyrillic MediumItalic";
	color: #FFFFFF;
	color: #fff200;
	font-size: 24px;
	line-height: 26px;
	position: absolute;
	bottom: 15px;
	bottom: -150px;
	left: 18px;
	z-index: 10;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
body.about-us section.aboutus-photos .aboutus-photo:hover .aboutus-name {
	top: 15px;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
body.about-us section.aboutus-photos .aboutus-photo:hover .aboutus-cite {
	bottom: 15px;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
body.about-us section.aboutus-photos .aboutus-cite span {
	color: #FFFFFF;
	color: #fff200;
	font-size: 18px;
	line-height: 32px;
}
/*escondo la cita por ahora*/
body.about-us section.aboutus-photos .aboutus-photo .aboutus-cite {
	display: none;
}
.col-person {
	flex: 0 0 14.25%;
	max-width: 14.25%;
}
@media (max-width: 1200px) {
	.col-person {
		flex: 0 0 25%;
		max-width: 25%;
	}
}
@media (max-width: 800px) {
	.col-person {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (max-width: 500px) {
	body.about-us section.aboutus-photos .aboutus-name {
		position: relative;
		z-index: 10;
		background-color: #000000;
		top: 0;
		left: 0;
		right: 0;
		padding: 10px;
		min-height: 120px;
	}
	body.about-us section.aboutus-photos .aboutus-photo:hover .aboutus-name {
		top: 0px;
	}
	body.about-us section.aboutus-photos .aboutus-photo .aboutus-cite {
		display: none;
	}
	body.about-us section.aboutus-photos .aboutus-name h5 {
		color: #fff200;
		font-size: 28px;
	}
	body.about-us section.aboutus-photos .aboutus-name h6 {
		font-size: 18px;
	}
	body.about-us section.aboutus-photos .aboutus-photo:hover img.aboutus-photo-img {
		opacity: 1;
	}
}

/* end about-us */





/* reel */
body.home section.home-reel,
body.home section.home-reel .banner {
	height: 60vh;
	position: relative;
	text-align: center;
	padding: 0;
}
body.home section.home-reel .bot-reel {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(30vh - 60px);
}

body.home section.home-reel  h2 {
	color: #fff200;
	font-size: 120px;
	line-height: 120px;
	margin: 0 auto;
	text-transform: uppercase;
	font-family: "Druk Text Cyrillic Bold";
}
@media (max-width: 992px) {
	body.home section.about-us .about-us h2 {
		/* 90% */
		font-size: calc( (47px * 90) / 100);
		line-height: calc( (47px * 90) / 100);
		width: 90%;
		margin: 0 auto;
		margin-bottom: 60px;
		text-transform: uppercase;
		font-family: "Druk Text Cyrillic Super";
	}
}
body.home section.home-reel a.bot-section {
	color: #FFFFFF;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
    width: max-content;
    margin: 0 auto;
}
body.home section.home-reel a.bot-section:hover,
body.home section.home-reel a.bot-section:focus {
	color: #fff200;
}
/* end reel */

/* projects */
body.home .projects {
	padding: 120px 0;
	background-color: #000000;
}
body.work {
	background-color: #000000;
}
body.work .pin-view-reel {
	position: absolute;
	right: 90px;
	bottom: 270px;
}
body.work .pin-reel-of-ideas {
	position: absolute;
	right: 60px;
	bottom: 60px;
}
body.work .pin-view-reel img,
body.work .pin-reel-of-ideas img {
	width: 260px;
	height: auto;
}
@media (max-width: 600px) {
	body.work .pin-view-reel img,
	body.work .pin-reel-of-ideas img {
		width: 180px;
		height: auto;
	}
	body.work .pin-view-reel {
		position: absolute;
		right: 60px;
		bottom: 180px;
	}
	body.work .pin-reel-of-ideas {
		position: absolute;
		right: 30px;
		bottom: 30px;
	}
}
@media (max-width: 500px) {
	/* 50% */
	.reel-of-ideas-text {
		color: #fff200;
		font-size: 18px;
		line-height: 22px;
		padding-top: 30px;
		/*text-align: left;*/
	}
}
body.work.reel-of-ideas section.worth-messages {
	padding-top: 180px;
}

#videos-container .videos .video-wrapper:first-child {
	flex: 0 0 100%;
	max-width: 100%;
}
body.work section.work-slider-photos {
	padding: 0;
}
body.work section.work-slider-photos .work-photos-slick img {
	width: 100%;
	height: auto;
}
body.work section.work-slider-photos .work-photos-slick div {
	min-height: 100vh;
}
body.work section.worth-messages {
	padding: 90px 0;
	background: url('/images/work-texture.jpg') no-repeat center center / cover;
}
body.work section.worth-messages h2.worth-image {
	font-family: "Druk Text Cyrillic Bold";
	margin: 0;
	color: #fff200;
}
body.work section.worth-messages h2.worth-video {
	font-family: "Druk Text Cyrillic Super";
	margin: 0;
	color: #ffffff;
}
body.work section.worth-messages h2 {
	font-size: 80px;
	line-height: 80px;
}
@media (max-width: 768px) {
	body.work section.worth-messages h2 {
		font-size: 70px;
		line-height: 70px;
	}
}
@media (max-width: 499px) {
	body.work section.worth-messages {
		padding: 0;
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	body.work section.worth-messages h2 {
		font-size: 60px;
		line-height: 60px;
	}
}
body.work.reel-of-ideas section.worth-messages p.reel-of-ideas {
	color: #fff200;
	font-family: "Druk Text Wide Medium";
	font-size: 24px;
	line-height: 28px;
}
@media (min-width: 1700px) {
	body.work.reel-of-ideas section.worth-messages p.reel-of-ideas {
		font-size: 40px;
		line-height: 50px;
	}
}
@media (max-width: 500px) {
	/* 50% */
	body.work.reel-of-ideas section.worth-messages p.reel-of-ideas {
		font-size: 18px;
		line-height: 22px;
		/*text-align: left;*/
	}
}
body.content .content-thumb-title,
.project-info {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	text-align: left;
}
body.content .content-thumb-title h3,
.project-info h3 {
	color: #ffffff;
	font-size: 18px;
	font-family: "Druk Text Wide Medium";
	font-weight: normal;
	padding: 15px;
	margin: 0;

	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}
body.content .content-thumb-protected {
	position: absolute;
	right: 10px;
	top: 10px;
}
body.content .content-thumb-protected span {
	display: block;
	background-color: #e51c40;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 20px;
}
body.content .content-thumb-protected span i {
	color: #000000;
	font-size: 12px;
	line-height: 30px;
}



section.projects .video-caption {
	display: none;
}
section.projects .project-info {
	padding-left: 20px;
}
@media (max-width: 1199px) {
	section.projects .project-thumb .video-responsive {
		width: calc( 100% - 0px );
	}
	section.projects .project-info {
		padding-left: 45px;
	}
}
@media (max-width: 991px) {
	section.projects {
		background: none;
	}
	section.projects .project-thumb {
		margin-bottom: 60px;
	}
	section.projects .project-info {
		padding-left: 0px;
	}
}
/* end projects */



/* be the change */
body.home section.be-the-change {
	background-color: #fff200;
}
body.home section.be-the-change .be-the-change-img {
	width: 100%;
	height: auto;
	max-width: 800px;
}
body.home section.be-the-change h2 {
	width: 94%;
	font-size: 47px;
	line-height: 45px;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-family: "Druk Text Cyrillic Super";
}
@media (max-width: 500px) {
	body.home section.be-the-change h2 {
		margin-top: 30px;
	}
	body.home section.be-the-change {
		padding: 0;
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
/* end be the change */



/* contact us */
body.contact-us section {
	padding-top: 45px;
	padding-bottom: 0;
}
body.contact-us .content {
	background-color: #fff200;
	background: url('/images/pattern-migrante-contact.gif') #fff200 repeat-y;
	background-size: 100% auto;
}
body.contact-us section.contact-us {
	min-height: calc( 100vh - 168px - 139px );
	padding-bottom: 15px;
}
body.contact-us section.contact-us h2 {
	font-family: "Druk Text Cyrillic Super";
	font-size: 42px;
	line-height: 42px;
	margin: 0;
	padding-left: 8px;
}
body.contact-us section.contact-us h3 {
	font-family: "Druk Text Wide Medium";
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	margin-top: 32px;
	padding: 4px 8px;
}
body.contact-us section.contact-us h3.contact-h3-right {
	margin-top: 15px;
}
body.contact-us section.contact-us h3.contact-h3-right-first {
	margin-top: calc(42px + 30px);
}
@media (max-width: 768px) {
	body.contact-us section.contact-us h3 {
		margin-top: 30px;
	}
	body.contact-us section.contact-us .contact-us-left,
	body.contact-us section.contact-us .contact-us-right {
		margin-bottom: 60px;
	}
	body.contact-us section.contact-us h3.contact-h3-right,
	body.contact-us section.contact-us h3.contact-h3-right-first {
		margin-top: 30px;
	}
}
body.contact-us section.contact-us .contact-us-item a {
	font-family: "Druk Text Wide Medium";
	color: #000000;
	font-size: 15px;
	line-height: 15px;
	background-color: transparent;
	padding: 4px 8px;

	-webkit-transition: color 0.25s linear;
	-moz-transition: color 0.25s linear;
	-o-transition: color 0.25s linear;
	transition: color 0.25s linear;
}
@media (max-width: 374px) {
    body.contact-us section.contact-us .contact-us-item a {
        font-size: 13px;
    }
}
body.contact-us section.contact-us .contact-us-item a:hover,
body.contact-us section.contact-us .contact-us-item a:focus {
    color: #fff200;
    font-size: 15px;
    line-height: 15px;
    background-color: #000000;

    -webkit-transition: color 0.25s linear;
    -moz-transition: color 0.25s linear;
    -o-transition: color 0.25s linear;
    transition: color 0.25s linear;
}
.contact-form-wrapper {
	margin: 90px 0;
	padding: 25px;
	/*background-color: #000000;*/
}
.form-wrapper {
    background-color: #000000;
    padding: 30px;
}
/* content */
body.content {
    background-color: #e51c40;
    /*background: url('/images/pattern-migrante-content.gif') #000000 repeat-y;*/
    background-size: 100% auto;
}
body.protect.content .migrante-logo #migrante-logo,
body.content .migrante-logo #migrante-logo {
    fill: #FFFFFF;
    height: 70px;
}
body.content #hamburg-menu span {
	background: #FFFFFF;
}
body.content .menu-content-bots li a {
	text-transform: uppercase;
}
body.content section.content-intro {
    padding: 0;
    /*padding-top: calc( 50vh - 84px - 100px );*/
    min-height: calc( 100vh - 100px );
}
body.content section.content-feature-films,
body.content section.content-scripted-series,
body.content section.content-documentaries {
    padding: 0;
    /*background-color: #000000;*/
}
body.content section.content-feature-films header,
body.content section.content-scripted-series header,
body.content section.content-documentaries header {
    background-color: #e51c40;
}
@media (max-width: 666px) {
	body.content section.content-documentaries span {
	    display: block;
	}
}
body.content section.content-info-wrapper {
	min-height: calc( 100vh - 100px - 199px );
}
body.content section.content-info-wrapper img {
	width: 100%;
	height: auto;
}
body.content section.content-info-wrapper ul {
	margin-bottom: 60px;
}
body.content section.content-info-wrapper ul li {
	display: inline-block;
	padding: 10px;
}
body.content .content-info img {
	margin-bottom: 30px;
}
body.content section.content-info-wrapper h3 {
	margin-top: 0;
	margin-bottom: 30px;
}
body.content section.content-info-wrapper .content-info-text {
	padding-left: 30px;
}
body.content section.content-info-wrapper .content-info-text p {
	color: #FFFFFF;
    font-family: "Druk Text Wide Medium";
    font-size: 24px;
    line-height: 28px;
    font-size: 18px;
    line-height: 24px;
}
@media (min-width: 1700px) {
	body.content section.content-info-wrapper .content-info-text p {
		font-size: 40px;
		line-height: 50px;
	}
}
@media (max-width: 500px) {
	body.content section.content-info-wrapper .content-info-text p {
		font-size: 18px;
		line-height: 22px;
	}
}
.content-back-wrapper a {
	font-family: "Druk Text Cyrillic Super";
	text-transform: uppercase;
	font-size: 2em;
	color: #000000;
	background-color: #e51c40;
	padding: 4px 10px;

	-webkit-transition: color 0.25s linear;
	-moz-transition: color 0.25s linear;
	-o-transition: color 0.25s linear;
	transition: color 0.25s linear;
}
.content-back-wrapper a:hover,
.content-back-wrapper a:focus {
	color: #e51c40;
	background-color: #000000;

	-webkit-transition: color 0.25s linear;
	-moz-transition: color 0.25s linear;
	-o-transition: color 0.25s linear;
	transition: color 0.25s linear;
}


body.content h3 {
	color: #FFFFFF;
	font-size: 47px;
	line-height: 45px;
	margin: 0 auto;
	margin: 60px 0;
	text-transform: uppercase;
	font-family: "Druk Text Cyrillic Super";
}
@media (max-width: 992px) {
	body.content h3 {
		/* 90% */
		font-size: calc( (47px * 90) / 100);
		line-height: calc( (47px * 90) / 100);
		margin: 30px 0;
	}
}
@media (max-width: 500px) {
	body.content h3 {
		/* 50% */
		font-size: calc( (47px * 50) / 100);
		line-height: calc( (47px * 50) / 100);
	}
}
@media (min-width: 1700px) {
	body.content h3 {
		/* 150% */
		font-size: calc( (47px * 150) / 100);
		line-height: calc( (47px * 150) / 100);
		margin-bottom: 60px 0;
	}
}


body.content .content-thumb {
	overflow: hidden;
}
body.content .content-thumb .content-thumb-img {
	position: relative;
}
body.content .content-thumb img {
	transform: scale(1,1);
	width: 100%;
	height: auto;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
body.content .content-thumb:hover img {
	transform: scale(1.1,1.1);

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

body.protect.content footer,
body.content footer {
	color: #e51c40;
}
body.protect.content footer .footer-logo #migrante-logo,
body.content footer .footer-logo #migrante-logo {
	fill: #e51c40;
}
body.protect.content footer a,
body.protect.content footer a i,
body.content footer a,
body.content footer a i {
    color: #e51c40;
}
body.protect.content footer a:hover i,
body.protect.content footer a:focus i,
body.content footer a:hover i,
body.content footer a:focus i {
	color: #FFFFFF;
}


ul.content-bots li a {
	font-size: 2em;
	color: #FFFFFF;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
ul.content-bots li a:hover i,
ul.content-bots li a:focus i {
	color: #000000;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
/* end content */








/* videos */
.videos {
	background-color: transparent;
	display: inline-block;
	/*background: url('/images/pattern.png') repeat;*/
	/*background: url('/images/pattern.png') repeat;*/
	margin-bottom: -6px;
	width: 100%;
}
.videos:hover,
.video-item:hover {
	/*background-color: #000000;*/
}
.video-item {
	overflow: hidden;
	position: relative;
	background-color: transparent;
	opacity: 1;
	border: 0;
	padding: 0;
	margin: 0;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.video-item.vt-hover-others:not(.vt-hover) img.video-thumb {
	/*-webkit-filter: brightness(60%);*/
	/*filter: brightness(60%);*/
	border: 0;
	padding: 0;
	margin: 0;
}
.video-item img.btn-play {
	/*-webkit-filter: brightness(0%);*/
	/*filter: brightness(0%);*/
	border: 0;
	padding: 0;
	margin: 0;

	-ms-transform: scale(1, 1); /* IE 9 */
	-webkit-transform: scale(1, 1); /* Safari */
	transform: scale(1, 1);
	transition: all 0.25s linear;
}
.video-item.vt-hover img.btn-play {
	opacity: 1;
	z-index: 999;
	transform: scale(1,1);

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.video-item a {
	display: block;
	padding: 0;
	margin: 0;
	outline: none;
	cursor: pointer;
}
.video-item img.btn-play {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	top: calc(50% - 30px);
	margin: 0 auto;
	opacity: 1;
}
.video-item img.video-thumb {
	width: 100%;
	height: auto;
}
.video-wrapper img.video-thumb {
	transform: scale(1,1);

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.video-wrapper:hover img.video-thumb {
	transform: scale(1.1,1.1);
}
body.content .content-thumb-title,
.video-wrapper .project-info {
	background-color: rgba(0,0,0,0);

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
body.content .content-thumb:hover .content-thumb-title,
.video-wrapper:hover .project-info {
	/*background: linear-gradient(#000000, transparent);*/
	background-color: rgba(0,0,0,.75);

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
/* kbz: escondo titulos en content */
body.content .content-thumb-title {
	display: none;
}






.banner {
	background-size: 100%;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.banner:hover {
	background-size: 104%;
}
.video-caption {
	display: block;
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 0px;
	color: #FFFFFF;
	padding: 2px 10px;
	background-color: rgba(255,255,255,0);
	/*white-space: nowrap;*/
	/*overflow: hidden;*/
	margin: 6px;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.video-caption i {
	padding-right: 6px;
}
/*.video-item:hover .video-caption {
	color: #000000;
	padding: 8px 10px;
	background-color: rgba(255,255,255,.8);
	transition: all 0.25s;
}
*/
.video-viewer {
	background-color: rgba(0,0,0,.8);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	display: none;
}
.video-viewer .container-fluid {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
body.video-viewer-active {
	overflow: hidden;
}
body.video-viewer-active .video-viewer {

}
.video-viewer-container {
	position: relative;
	width: 84%;
	height: 0;
	padding-bottom: 48%;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 auto;
}
.bottons {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
a.btn-prev {
	position: absolute;
	left: 10px;
	top: 50%;
	background-color: transparent;
	z-index: 9999;
}
a.btn-next {
	position: absolute;
	right: 10px;
	top: 50%;
	background-color: transparent;
	z-index: 9999;
}
a.btn-close {
	position: absolute;
	right: 38px;
	top: 33px;
	background-color: transparent;
	z-index: 9999;
}
.bottons .loader {
	position: absolute;
	left: 50%;
	top: 50%;
	background-color: transparent;
}
a.btn-prev i,
a.btn-next i,
a.btn-close i,
.bottons .loader i {
	color: #fff200;
	font-size: 2.4em;
}
.video-info-content {
	position: absolute;
	z-index: 999;
	background: rgba(0,0,0,1);
	color: #FFFFFF;
	display: block;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;

	position: absolute;
	transition-property: all;
	transition-duration: .25s;
	transition-timing-function: linear;
	width: 40px;
	height: 40px;
	/*width: 280px;*/
	/*height: 130px;*/
}
.video-info-content.active {
	width: 280px;
	height: 130px;
}
.btn-info-roll-over {
	display: block;
	width: 40px;
	height: 40px;
	background-color: #000000;
	float: left;
	margin-bottom: 180px;
}
.btn-info-roll-over i {
	display: inline-block;
	color: blue;
	width: 40px;
	height: 40px;
	font-size: 1.4em;
	padding-top: 9px;
	color: #666666;
}
.video-info-content.active .btn-info-roll-over i {
	color: #FFFFFF;
}
.video-info-content .video-info,
.video-info {
	display: block;
	margin-top: 11px;
	margin-left: 10px;
}
.video-info-content .video-info {
	float: left;
}
.video-info-content .video-info h2,
.video-info h2 {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 1em;
	font-weight: 300;
}
.video-info-content .video-info p,
.video-info p {
	margin: 0;
	padding: 0;
	padding-top: 4px;
	text-align: left;
}



/* video */
.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
}
iframe {
  border: 0;
}
/* end videos */

/* instaFeed */
.instaFeed,
.instafeed-style1 {
	padding: 0!important;
	margin: 0!important;
}
/* end instaFeed */


/* footer */
footer {
	color: #fff200;
	background-color: #000000;
	background-attachment: color;: red;
	font-family: "Druk Text Wide Medium";
	padding-top: 60px;
	line-height: 16px;
}
footer .footer-logo #migrante-logo {
	width: calc((650px * 18) / 100);
	height: calc((235px * 18) / 100));
	top: 0;
	fill: #fff200;
}
footer a {
	color: #fff200;
	text-decoration: none;
}
footer a:hover {
	color: #ffffff;
}
footer a i {
	font-size: 1.6em;
	color: #fff200;

	-webkit-transition: color 0.25s linear;
	-moz-transition: color 0.25s linear;
	-o-transition: color 0.25s linear;
	transition: color 0.25s linear;
}
footer a:hover i,
footer a:focus i {
	color: #ffffff;

	-webkit-transition: color 0.25s linear;
	-moz-transition: color 0.25s linear;
	-o-transition: color 0.25s linear;
	transition: color 0.25s linear;
}
footer address {
	margin: 0px;
	font-style: normal;
}
footer p.credits {
	padding: 20px 0 0 0;
	margin-top: 20px;
	max-width: 650px;
	border-top: 1px dotted #ffffff;
}
footer p.follow-us,
footer p.credits,
footer p.copyright {
	margin-bottom: 0;
}
footer .netsocials-content {
	text-align: right;
}
footer .footer-item {
	font-size: 9px;
	padding-left: 0;
}
@media (max-width: 1199px) {
	footer {
		min-height: 100vh;
		padding-top: 30px;
	}
	footer .footer-logo #migrante-logo {
		width: calc((650px * 24) / 100);
		height: calc((235px * 24) / 100));
		margin-bottom: 30px;
	}
	footer .netsocials-content {
		text-align: center;
		margin-top: 30px;
	}
	footer .footer-item {
		padding: 0;
		font-size: 14px;
		margin-top: 30px;
		text-align: center;
	}
	footer .footer-item,
	footer .col-md-2.footer-item,
	footer .col-md-4.footer-item {
		width: 100%!important;
		flex: 0 0 100%!important;
		max-width: 100%!important;
	}
	footer ul.credits {
		margin-top: 30px;
	}
	footer ul.credits li.copyright {
		display: block;
		margin-bottom: 5px;
	}
	footer ul.credits li.separator {
		display: none;
	}
}
footer div.netsocials {
	display: inline-block;
}
footer div.netsocials a.social  {
	font-size: 1.6em;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	display: inline-block;
}
@media (max-width: 1199px) {
	footer div.netsocials a.social:last-child  {
		padding-right: 0px;
	}
}
ul.credits {
	margin-top: 60px;
	margin-bottom: 15px;
}
ul.credits li {
	display: inline-block;
}
/* end footer */



/* protect */
a.bot-logout {
    position: fixed;
    right: 80px;
    top: 35px;
    z-index: 665;
}
@media (max-width: 500px) {
	a.bot-logout {
	    right: 60px;
	    top: 21px;
	}
}
a.bot-logout i {
	color: #fff200;
	font-size: 2em;
}
body.content a.bot-logout i {
	color: #000000;
	font-size: 2em;
}
/*body.protect {*/
body.protect .content {
	background-color: #fff200;
	background: url('/images/pattern-migrante-contact.gif') #fff200 repeat-y;
	background-size: 100% auto;
}
body.protect.content .content {
	background-color: #000000;
	background: url('/images/pattern-migrante-content.gif') #000000 repeat-y;
	background-size: 100% auto;
}
body.protect section.protect {
	min-height: calc( 100vh - 160px - 139px );
	padding-bottom: 15px;
}
#wrapper-login {
	display: flex;
	padding: 0px;
	margin: 0 auto;
	text-align: center;
	/*height: 100vh;*/
	/*background-color: #fff200;*/
}
.form-wrapper-center {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.form-wrapper-center .bot-back {
	color: #000000;
	position: absolute;
	top: -30px;
	left: 0px;
	text-transform: uppercase;
}
#login_form {
	background-color: #000000;
	width: 100%;
	max-width: 480px;
	padding: 60px;
	box-sizing: border-box;
	position: relative;
}
#login_form h1 {
	font-family: "Druk Text Cyrillic Super";
	font-weight: normal;
	display: block;
	color: #fff200;
	font-size: 48px;
	padding: 0px;
	margin: 0px;
}
body.protect.content #login_form h1 {
	color: #e51c40;
}
#logout_form input[type="submit"],
#login_form input[type="submit"],
#login_form input[type="password"] {
	color: #000000;
	width: 100%;
	height: 40px;
	background-color: #fff200;
	border: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0 10px;
	margin: 0;
	margin-top: 15px;
	text-transform: uppercase;
	text-align: center;
}
body.protect.content #logout_form input[type="submit"],
body.protect.content #login_form input[type="submit"],
body.protect.content #login_form input[type="password"] {
	background-color: #e51c40;
}
#login_form input[type="submit"],
#logout_form input[type="submit"] {
	font-family: "Druk Text Cyrillic Super";
	font-size: 36px;
	/*max-width: 110px;*/
	height: 46px;
	padding: 0;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
#login_form input[type="submit"]:hover,
#login_form input[type="submit"]:focus,
#logout_form input[type="submit"]:hover,
#logout_form input[type="submit"]:focus {
	color: #fff200;
	background-color: #000000;

	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
body.protect.content #login_form input[type="submit"]:hover,
body.protect.content #login_form input[type="submit"]:focus,
body.protect.content #logout_form input[type="submit"]:hover,
body.protect.content #logout_form input[type="submit"]:focus {
	color: #e51c40;
	background-color: #000000;
}
#login_form p {
	font-family: "Druk Text Cyrillic Medium";
	color: #fff200;
	margin: 0px;
	margin-top: 15px;
	font-weight: normal;
	text-transform: uppercase;
}
body.protect.content #login_form p {
	color: #e51c40;
}
/* end protect */



















.outro-wrapper {
	display: none!important;
}
.slick-prev {
	left: 30px;
	z-index: 1;
}
.slick-next {
	right: 30px;
	z-index: 1;
}
.slick-prev:before, .slick-next:before {
	font: normal normal normal 14px/1 "Font Awesome 5 Free"!important;
	font-size: 53px;
	line-height: 1;
	opacity: .75;
	color: white;
}
/*
.fa-chevron-left:before {
	content: "<";
}
.fa-chevron-right:before {
	content: ">";
}
 */

@media (max-aspect-ratio: 16/9) {
	.plyr__video-kbz .plyr__video-embed {
		height: 100vh;
		padding-bottom: 0 !important;
	}

	.plyr__video-kbz .plyr__video-embed >.plyr__video-embed__container {
		transform: none !important;
		padding-bottom: initial !important;
		height: 100% !important;
	}

	.plyr__video-kbz .plyr__video-embed >.plyr__video-embed__container iframe {
		/* calculo ancho del video */
		--iframe-with: calc((100vh / 9) * 16);
		height: 200vh;
		top: -50vh;

		width: var(--iframe-with);
		/* lo que me sobra fuera de la pantalla hacia la derecha es ancho del video menos el ancho de la pantalla
		al multiplicar por menos -1 lo invierte en sentido hacia la izq */
		left: calc(((var(--iframe-with) - 100vw)/2) * -1);
	}

	/* posiciono el cover de fondo del plyr */
	.plyr__video-kbz .plyr__poster {
		display: none;
		background-size: cover;
	}
}