@charset 'UTF-8';
@import url('bootstrap/bootstrap.min.css');
@font-face {
    font-family: 'Europe';
    src:url('../fonts/EuropeC.eot');
    src:url('../fonts/EuropeC.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EuropeC.woff') format('woff'),
		url('../fonts/EuropeC.woff2') format('woff2'),
        url('../fonts/EuropeC.ttf') format('truetype');
    font-weight: normal; font-style: normal;
}
html, body {
	width : 100%;
	height : 100%;
	font-weight: 400;
	scroll-behavior: smooth;
	background-color: #070300;    /* #000000; */
	font-family: 'Roboto'; 
	/*font-family: 'Europe' */
	/*, Tahoma, Verdana, sans-serif;*/
}

a {
	color:#EC842F;
}
a:hover {
	color:#CCC;
}
.bg-s {
	background-color: #060606;
}
ol, ul {
    padding-left:28px;
}
ol > li, ul > li {  
	padding: 3px 0;
}
li::marker {
	font-size: 24px;
	color: #EC842F; /* bullet color */
}
h1, h2, h3 {
    letter-spacing: 2px;
}
h1 {
	margin-top: 20px;
}
.navbar-brand {
	font-size: 24px;
    padding-right: 15px;
	font-family: 'Europe';
}
.nav-link {
    font-size: 16px;
}
.p {
	line-height: 1.6;
	font-size: 16px;
}
a.more {
    color: #ff8100;
    display: block;
    text-align: center;
    text-decoration: none;
}
a.more:hover {
    color: #ff8100;
}
.bg-orange
{
	background-color: #EC842F;
}
.text-orange
{
	color: #EC842F;
}
.bg-body-tr 
{
 background-color:	#ffffff6e;
}
.layots {
	width: 100%;
	max-height: auto;
	position: relative; 
}

#section-1 {
	padding: 0;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% ;
	background-image: url('../imgs/bg-logo.jpg');
}
#section-1::before {
	display: none;
} 
#section-2 {
	*background-image: linear-gradient(to right, #EC842F 50%, #000000 50%);
	*background-image: url('../imgs/Presentation_temp1_page-0017.jpg');
    *background-position: 3% 100%;
    *background-repeat: no-repeat;
    *background-size: contain;
	*background-color: #EC842F;
}

#section-3 {
	background-size: contain;
	background-position: 50% 100%;
	*background-image: url('../imgs/bg-stantion.jpg');
	background-color: #000000;
}

#section-4 {
	background-color: #EC842F;
	*background-image: linear-gradient(to right, #000000 50%, #EC842F 50%);
    *background-position: 3% 100%;
    *background-repeat: no-repeat;
    *background-size: contain;
	*background-color: #EC842F;
}
#Contacts {
	background-color: #000000;
}
.black {
	color: #FFF;
	background-color: #000;
}
.orange {
	color: #000;
	line-height: 1.8;
	background-color: #EC842F;
}
.copy {
	left: 0;
	right: 0;
	bottom: 0;
}
form input.form-control, form textarea.form-control  {
	padding: 10px;
	border: #FFF solid 1px;
	background-color: #000;
	letter-spacing: 3px;
	color: #FFF;
}
form button.btn {
	color: #ff8100;
	font-weight: 500;
	text-transform: capitalize;
	letter-spacing: 2px;
}

#loader {
	left: 0;
    right: 0;
    bottom: 0;
	*width: 100%;
	*height: 100%;
	z-index: 9999;
	display: table;
	*position: fixed;
	text-align: center;
}

#loader > div > span {
	width: 48px;
	height: 48px;
	border: 5px dotted #fff;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	animation: rotation360deg 2s linear infinite;
}
@keyframes rotation360deg {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
} 


video {
	width: 100%;
	height:100%;
	object-fit: cover; 
	object-position: center;
}
.o-fit {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 0;
}

.o-fit-cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50%;
}
.contain  {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% ;
}

.separate {
	border-collapse: separate;
}
.separate td {
	border-radius: 15px;
	vertical-align: baseline;
}