body {
    background: #ffffff none repeat scroll 0 0;
    color: #000;
    font-family: Helvetica,arial,sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
}
.logo {
	margin-top: 50px;
	width: 250px;
}
#container {
    height: 100vh;
    margin: 0 100px;
    min-height: 500px;
    position: relative;
    z-index: 10;
}
.black {
    background: url("img/bg.jpg") no-repeat scroll center center / cover ;
    color: #fff;
    height: calc(100% - 260px);
	margin-top:40px;
}
.black h1 {
}
.black h1 {
    font-size: 20px;
    font-weight: 900;
	margin:5px 0;
    line-height: 26px;
    text-transform: uppercase;
}
.black h2 {
    font-size: 18px;
	margin:10px 0;
}
.footer {
    color: rgba(0, 0, 0, 1);
    height: 80px;
    padding-top: 50px;
	font-weight:bold;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form, nav, .container-fluid {
	border:none !important;
	box-shadow:none !important;
	background:none !important;
	border-color:transparent !important;
	padding:0;
}
nav {
	width:43%;
	float:right;
	margin-top:50px;
}
nav li {
	padding-left:10px;
}
nav li a {
	text-transform:uppercase;
	font-size:18px;
	color:#000 !important;
}
nav li:nth-of-type(3) a{
	text-align:right;
	padding-right:0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav a:hover {
	background:none;
	box-shadow:none;
	border-bottom:2px solid #d600d6;
}
.navbar-default .navbar-nav a:focus {
	border:none !important;
	outline:none;
}
ul.nav {
	float:right;
}
.block {
	background:#fff;
	width:40%;
	float:right;
	color: #000;
	font-size:14px;
	padding:10px 15px;
	height: calc(100% - 0px);
}
/****������ �� 320  �� 769 ****/
@media (min-width:320px) and (max-width:769px) {
	.logo {
		width: 200px;
	}
	#container {
		margin:0 10px;
	}
	.black {
		height:100%;
		background:#000 url("img/bg.jpg") no-repeat scroll center center / cover;
	}
	.block {
		width:80%;
		margin-top:-15px;
		height: calc(100% + 15px);
		margin-bottom:-15px;
	}
	ul.nav {
		background:#fff;
		width:80%;
	}
	nav {
		width:80%;
		position:relative !important;
		top:-40px;
		margin-top:0;
		margin-bottom:0 !important;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		overflow:hidden;
	}
	nav li:nth-of-type(3) a {
    padding-right: 0;
    text-align: left;
	}
}
/****������ �� 770  ��  ****/
@media (min-width:770px) and (max-width:980px) {
	nav {
		width:58%;
	}
	nav li {
    padding-left: 1em;
	}
	.block {
		width:55%;
	}
	.black {
		height:100%;
	}
}
@media (min-width:981px) and (max-width:1190px) {
	nav {
		width:53%;
	}
}