/*
 * @package	BM.Admin
 * @copyright	Copyright (c) Bienvenue-Multimedia (http://www.bienvenue-multimedia.ca)
 */

@font-face{
	font-family: "MuseoSansCyrl";
	src: url('../fonts/museosanscyrl500.eot');
	src: url('../fonts/museosanscyrl500.eot?#iefix') format('embedded-opentype'),
		url('../fonts/museosanscyrl500.woff2') format('woff2'),
		url('../fonts/museosanscyrl500.woff') format('woff'),
		url('../fonts/museosanscyrl500.ttf') format('truetype'),
		url('../fonts/museosanscyrl500.svg#MuseoSansCyrl') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: "HugsKisses";
	src: url('../fonts/hugs-kisses.eot');
	src: url('../fonts/hugs-kisses.eot?#iefix') format('embedded-opentype'),
		url('../fonts/hugs-kisses.woff2') format('woff2'),
		url('../fonts/hugs-kisses.woff') format('woff'),
		url('../fonts/hugs-kisses.ttf') format('truetype'),
		url('../fonts/hugs-kisses.svg#HugsKisses') format('svg');
	font-weight: normal;
	font-style: normal;
}

html{
	position: relative;
	min-height: 100%;
}
body{
	background: #000000 url('../images/bckg-body.jpg') no-repeat 50% 40px;
	background-size: 100% auto;
	color: #000000;
}
/*main.container{ background: rgba(255, 255, 255, 0.85); }*/
@media (max-width:767px){
	body{ background-image: url('../images/bckg-body-alt.jpg'); }
	main.container{ margin-top: 100px; }
}
@media (min-width:768px){
	body{ margin-bottom: 90px; }
	.page-home{ background-image: url('../images/bckg-home.jpg'); }
}
.page-home main.container{ background: none; }
@media (min-width:970px){
	body{ background-position: 50% 137px; }
	.page-home{ background-position: 50% 90px; }
	main.container{ padding-left: 0; }
}
a{
	text-decoration: underline;
	color: #000000;
}
a:hover, a:focus{
	text-decoration: none;
	color: #c41331;
}
.btn{
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}
.btn-default{
	background: none;
	border: 2px solid #000000;
	box-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	font-family: "MuseoSansCyrl", Helvetica, Arial, sans-serif;
	color: #000000;
}
.btn-default:hover,
.btn-default:focus{
	background: #c41331;
	border-color: #c41331;
	color: #ffffff;
}
.btn-default[disabled]:hover,
.btn-default[disabled]:hover{ color: #cccccc; }

.navbar-brand > img, .mvc > img, .vmc > img{
	display: block;
	background-size: 100% auto;
	background-repeat: no-repeat;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.navbar-brand > img{
	width: 431px;
	height: 45px;
	padding-left: 431px;
	background-image: url('../images/logo-fra-c.svg');
}
html[lang='en'] .navbar-brand > img{ background-image: url('../images/logo-eng-c.svg'); }
.mvc > img{
	width: 180px;
	height: 61px;
	padding-left: 180px;
	background-image: url('../images/mvc-vmc-fra-c.svg');
}
.vmc > img{
	width: 200px;
	height: 61px;
	padding-left: 200px;
	background-image: url('../images/mvc-vmc-eng-c.svg');
}
@media (max-width: 1199px){
	.navbar-brand > img{
		width: 201px;
		height: 59px;
		padding-left: 201px;
		background-image: url('../images/logo-fra-alt-c.svg');
	}
	html[lang='en'] .navbar-brand > img{ background-image: url('../images/logo-eng-alt-c.svg'); }
}
	
/* _______________________________________________________________________
 * Header */
.navbar{ background: #000000; }
.navbar .navbar-brand{
	/*display: block;
	background: url("../images/logo-fra.png") no-repeat center center;
	background-size: 100% auto;
	text-indent: -9999px;
	z-index: 9999;*/
	color: #ffffff;
}
/*html[lang='en'] .navbar .navbar-brand{ background-image: url("../images/logo-eng.png"); }*/
.navbar .navbar-brand > img{ max-width: 100%; }
.navbar-header{ position: relative; }
.navbar .navbar-nav > li > a{
	text-decoration: none;
	text-transform: uppercase;
	font-family: "MuseoSansCyrl", Helvetica, Arial, sans-serif;
}
.navbar-nav > .active > a{ font-weight: bold; }
/*@media (min-width:768px){*/
@media (min-width: 1200px){
	.navbar .navbar-brand{
		width: 370px;
		height: 46px;
		margin-top: 20px;
		margin-bottom: 15px;
		padding: 0;
	}
	.navbar-collapse{ background: #303436; }
	.navbar-collapse > .container{ position: relative; }
	.navbar .navbar-left > li > a{ color: #ffffff; }
	.navbar .navbar-left > li > a:hover,
	.navbar .navbar-left > li > a:focus,
	.navbar .navbar-left > .active > a,
	.navbar .navbar-left > .active > a:hover,
	.navbar .navbar-left > .active > a:focus{
		background: rgba(0, 0, 0, 0.4);
		color: #ffffff;
	}
	.navbar .navbar-left > .active > a{ font-weight: bold; }
	/*.navbar .navbar-left > li a::after,*/
	.navbar .navbar-left > li a::before{
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background: #c41331;
		content: "";
		opacity: 0;
		-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
		-moz-transition: opacity 0.3s, -moz-transform 0.3s;
		transition: opacity 0.3s, transform 0.3s;
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	.navbar .navbar-left > li a::before{
		top: 0;
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	/*.navbar .navbar-left > li a::after{
		bottom: 0;
		-webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		transform: translateY(10px);
	}*/
	/*.navbar .navbar-left > li a:hover,
	.navbar .navbar-left > li a:focus{ color: #c41331; }*/
	/*.navbar .navbar-left > li a:hover::after,
	.navbar .navbar-left > li a:focus::after,*/
	.navbar .navbar-left > li a:hover::before,
	.navbar .navbar-left > li a:focus::before{
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
	.navbar .navbar-left{ margin-left: -15px; }
	.navbar-right{
		position: absolute;
		top: -85px;
		right: 15px;
	}
	.navbar .navbar-right > li > a,
	.navbar .navbar-right > li > a:hover,
	.navbar .navbar-right > li > a:focus{
		color: #ffffff;
	}
	.navbar .navbar-right > li:first-child > a{
		padding-top: 23px;
		padding-bottom: 7px;
		line-height: 55px;
	}
}
@media (min-width: 970px){
	.navbar .navbar-brand{ width: 466px; }
}
/*@media (max-width: 767px){*/
@media (max-width: 1199px){
	.navbar{ background: #303436; }
	.navbar .navbar-brand{
		width: 220px;
		height: 61px;
		padding: 5px 0;
		margin-left: 15px;
	}
	.navbar-collapse{
		padding-left: 0;
		padding-right: 0;
		background: #ffffff;
	}
	.navbar-default .navbar-left > li > a{ color: #000000; }
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus{ color: #c41331; }
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .active > a:hover{
		background: #c41331;
		color: #ffffff;
	}
	.navbar-default .navbar-toggle{ padding: 22px 18px; }
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus{ background: #c41331; }
	.navbar-default .navbar-toggle .icon-bar{
		width: 24px;
		height: 3px;
		background: #ffffff;
		border-radius: 0;
	}
	.navbar-default .navbar-toggle:hover .icon-bar,
	.navbar-default .navbar-toggle:focus .icon-bar{ background: #ffffff; }
}

/* _______________________________________________________________________
 * Navbar breakpoint */
@media (max-width: 1200px){
	.navbar-header{ float: none; }
	.navbar-left, .navbar-right{ float: none !important; }
	.navbar-toggle{ display: block; }
	.navbar-collapse{
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top{
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse{ display: none!important; }
	.navbar-nav{
		float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav > li{ float: none; }
	.navbar-nav > li > a{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{ display: block !important; }
}

/* _______________________________________________________________________
 * Sidebar */
.sidenav{
	background: rgba(255, 255, 255, 0.85);
	border-top: 4px solid #c41331;
}
.sidenav > ul li:not(:last-child){ margin-bottom: 1px; }
.sidenav > ul a{
	padding: 20px;
	background: #000000;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "MuseoSansCyrl", Helvetica, Arial, sans-serif;
	color: #ffffff;
}
.sidenav > ul a:hover,
.sidenav > ul a:focus,
.sidenav > ul a.hover{ background: #c41331; }
.sidenav > ul a span{
	display: inline-block;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.sidenav > ul a:hover span,
.sidenav > ul a:focus span{
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	transform: translateX(4px);
}
.sidenav > ul .active > a{ font-weight: bold; }
.sidenav > ul .active > a{
	padding-left: 12px;
	border-left: 8px solid #303436;
}
.sidenav > ul .active > a:focus,
.sidenav > ul .active > a:hover{ border-left: 8px solid #c41331; }
.sidenav > ul ul a{
	padding: 10px 20px;
	background: rgba(255, 255, 255, 0.60);
	text-transform: none;
	color: #000000;
}
.sidenav > ul ul a:hover,
.sidenav > ul ul a:focus{
	background: #c41331 !important;
	color: #ffffff;
}
.sidenav > ul ul .active > a,
.sidenav > ul ul .active > a:focus,
.sidenav > ul ul .active > a:hover{
	background: #ffffff;
	border-left: 8px solid #c41331;
}

/* _______________________________________________________________________
 * Main */
#content{
	padding-bottom: 15px;
	background: rgba(255, 255, 255, 0.85);
}
.page-home #content{
	padding-bottom: 0;
	background: none;
}
h1{
	font-family: "HugsKisses", Helvetica, Arial, sans-serif;
	font-size: 42px;
}
h2, h3, legend{ font-family: "MuseoSansCyrl", Helvetica, Arial, sans-serif; }
legend{	border: 0; }
.img-thumbnail, .thumbnail{
	margin-right: 5px;
	margin-left: 5px;
	border: 0;
	box-shadow: 0 0 0 4px #ffffff, 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.img-thumbnail{
	position: relative;
	margin: 5px;
	padding: 0;
	overflow: hidden;
}
@media (min-width: 700px){
	.img-thumbnail{ width: 160px; }
}
.img-thumbnail > img{
	/*width: 100%;*/
	min-height: 80px;
}
@media (max-width: 700px){
	.media > .media-body, .media > .media-left, .media > .media-right{
		display: block;
		width: auto;
		padding-left: 0;
		padding-right: 0;
	}
}

.vertical-alignment-helper{
	display: table;
	height: 100%;
	width: 100%;
	pointer-events:none;
}
.vertical-align-center{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	pointer-events: none;
}
.vertical-align-center .modal-content{
	max-width: 480px;
	margin: 0 auto;
	text-align: left;
}
.mejs__container{ margin: -15px -15px 15px -15px; }

/* _______________________________________________________________________
 * Footer */
footer{
	padding: 10px 0;
	background: rgba(0, 0, 0, 0.5);
}
@media (min-width:768px){
	footer{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 90px;
		text-align: right;
	}
}
footer, footer a, footer a:hover{ color: #ffffff; }
footer .nav li:after{
	position: absolute;
	top: 8px;
	left: -1px;
	content: "\007c";
	color: #ffffff;
}
footer .nav li:first-child:after{ content: ""; }

/* _______________________________________________________________________
 * Home */
.page-home .btn-fra,
.page-home .btn-eng{
	float: left;
	margin: 20px auto;
	text-decoration: none;
	text-align: left;
	font: 48px "HugsKisses", Helvetica, Arial, sans-serif;
	color: #ffffff;
}
.page-home .btn-fra span,
.page-home .btn-eng span{
	display: block;
	text-transform: uppercase;
	font: 18px "MuseoSansCyrl", Helvetica, Arial, sans-serif;
}
@media (min-width:1200px){
	.page-home .navbar-collapse{ background: none; }
	.page-home .navbar-right{
		position: static;
		top: auto;
		right: auto;
	}
	.page-home .btn-fra,
	.page-home .btn-eng{ font-size: 72px; }
	.page-home .btn-fra span,
	.page-home .btn-eng span{ padding-left: 100px; }
}
@media (min-width:970px){
	.page-home .btn-fra{ margin-left: 60%; }
	.page-home .btn-fra{ margin-top: 25%; }
	.page-home .btn-eng{ margin-left: 60%; }
}