.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face{font-family:'canal';src:url("/css/fonts/canallightromain-webfont.eot");src:url("/css/fonts/canallightromain-webfont.eot?#iefix") format("embedded-opentype"),url("/css/fonts/canallightromain-webfont.woff") format("woff"),url("/css/fonts/canallightromain-webfont.ttf") format("truetype"),url("/css/fonts/canallightromain-webfont.svg#canallightromain") format("svg");font-weight:200;font-style:normal}@font-face{font-family:'canal';src:url("/css/fonts/canaldemiromain-webfont.eot");src:url("/css/fonts/canaldemiromain-webfont.eot?#iefix") format("embedded-opentype"),url("/css/fonts/canaldemiromain-webfont.woff") format("woff"),url("/css/fonts/canaldemiromain-webfont.ttf") format("truetype"),url("/css/fonts/canaldemiromain-webfont.svg#canaldemiromain") format("svg");font-weight:600;font-style:normal}@font-face{font-family:'canal';src:url("/css/fonts/canalboldromain-webfont.eot");src:url("/css/fonts/canalboldromain-webfont.eot?#iefix") format("embedded-opentype"),url("/css/fonts/canalboldromain-webfont.woff") format("woff"),url("/css/fonts/canalboldromain-webfont.ttf") format("truetype"),url("/css/fonts/canalboldromain-webfont.svg#canalboldromain") format("svg");font-weight:800;font-style:normal}@font-face{font-family:'canal';src:url("/css/fonts/canallightitalique-webfont.eot");src:url("/css/fonts/canallightitalique-webfont.eot?#iefix") format("embedded-opentype"),url("/css/fonts/canallightitalique-webfont.woff") format("woff"),url("/css/fonts/canallightitalique-webfont.ttf") format("truetype"),url("/css/fonts/canallightitalique-webfont.svg#canallightitalique") format("svg");font-weight:200;font-style:italic}@font-face{font-family:'canal';src:url("/css/fonts/canaldemiitalique-webfont.eot");src:url("/css/fonts/canaldemiitalique-webfont.eot?#iefix") format("embedded-opentype"),url("/css/fonts/canaldemiitalique-webfont.woff") format("woff"),url("/css/fonts/canaldemiitalique-webfont.ttf") format("truetype"),url("/css/fonts/canaldemiitalique-webfont.svg#canaldemiitalique") format("svg");font-weight:600;font-style:italic}@font-face{font-family:'canal';src:url("/css/fonts/canalbolditalique-webfont.eot");src:url("/css/fonts/canalbolditalique-webfont.eot?#iefix") format("embedded-opentype"),url("/css/fonts/canalbolditalique-webfont.woff") format("woff"),url("/css/fonts/canalbolditalique-webfont.ttf") format("truetype"),url("/css/fonts/canalbolditalique-webfont.svg#canalbolditalique") format("svg");font-weight:800;font-style:italic}@font-face{font-family:'blank';src:url("/css/fonts/blank-webfont.eot");src:url("/css/fonts/blank-webfont.eot?#iefix") format("embedded-opentype"),url("/css/fonts/blank-webfont.woff") format("woff"),url("/css/fonts/blank-webfont.ttf") format("truetype"),url("/css/fonts/blank-webfont.svg#blank") format("svg")}@media screen and (-webkit-min-device-pixel-ratio: 0){@font-face{font-family:'canal';src:url("/css/fonts/canallightromain-webfont.svg#canallightromain") format("svg");font-weight:200;font-style:normal}@font-face{font-family:'canal';src:url("/css/fonts/canaldemiromain-webfont.svg#canaldemiromain") format("svg");font-weight:600;font-style:normal}@font-face{font-family:'canal';src:url("/css/fonts/canalboldromain-webfont.svg#canalboldromain") format("svg");font-weight:800;font-style:normal}@font-face{font-family:'canal';src:url("/css/fonts/canallightitalique-webfont.svg#canallightitalique") format("svg");font-weight:200;font-style:italic}@font-face{font-family:'canal';src:url("/css/fonts/canaldemiitalique-webfont.svg#canaldemiitalique") format("svg");font-weight:600;font-style:italic}@font-face{font-family:'canal';src:url("/css/fonts/canalbolditalique-webfont.svg#canalbolditalique") format("svg");font-weight:800;font-style:italic}}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body {
  height: 100%;
}

body {
	display:flex;
	margin:0;
	background-color: #000000;
	font-family:canal, arial, sans-serif;
	color: #fff;
}
.img-responsive {
	width:100%;
	height:auto;
}
.vimeo-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.login {
	display:inline-block;
	background-color:rgba(0,0,0,0.7);
	background-image:url('/images/mktmedia.png');
	background-repeat:no-repeat;
	background-position:center 40px;
	margin:auto auto auto 100px;
	padding:100px 30px 40px 30px;
	box-shadow:0 0 20px rgba(0,0,0,0.5);
	border-radius:9px;
}
input:focus {
	border:none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000000s ease-in-out 0s;
	-webkit-text-fill-color: white !important;
}
#coco {
	width:100%;
	margin-top:20px;
	padding:5px;
	background-color:transparent;
	border:none;
	border-bottom:solid 1px #fff;
	color:#fff;
	font-family:canal, arial, sans-serif;
	font-size:18px;
}
#coco::placeholder {
	color:#dd7487;
}
input[type=email], input[type=password] {
	margin:20px 0 10px 0;
	padding:5px 0 5px 30px;
	background-color:transparent;
	color:#fff;
	border:none;
	border-bottom:solid 1px #fff;
	font-family:canal, arial, sans-serif;
	font-size:18px;
}
input[type=email] {
	background-image:url('/images/mail_icon.svg');
	background-position:left bottom;
	background-size:20px 30px;
	background-repeat:no-repeat;
}
input[type=password] {
	background-image:url('/images/safety_icon.svg');
	background-position:4px 6px;
	background-size:13px 16px;
	background-repeat:no-repeat;
}
input[type=checkbox] {
	margin:20px 0 0 0;
}
.button {
	margin-top:30px;
}
input[type=submit] {
	width:100%;
	border:none;
	padding:10px 0 10px 0;
	background-color:#fff;
	font-family:canal, arial, sans-serif;
	font-size:17px;
	font-weight:800;
	color:#000;
	text-transform:uppercase;
	cursor:pointer;
	cursor:hand;
}
input[type=submit]:hover {
	background-color:#ce0037;
	color:#fff;
}
.screening {
	margin:25px auto 25px auto;
	font-weight:800;
	font-size:24px;
	text-align:center;
}
.lost_pwd {
	text-align:center;
	margin-top:30px;
}
.lost_pwd a {
	color:#fff;
	text-decoration:none;
}
.lost_pwd a:hover {
	text-decoration:underline;
}

@media only screen and (max-width: 986px) {
	.login {
		margin:auto;
	}
}