@import url("https://fonts.googleapis.com/css?family=Fira+Mono:400,500,700&subset=cyrillic");

html,
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
}

.top_banner {
	font-family: "Fira Mono", monospace;
}

.oranged_color {
	color: #f07b00 !important;
}

.oranged_color:active {
	color: orange !important;
}

.bg_oranged {
	background-color: #f07b00 !important;
}

.bg_oranged:hover {
	background-color: orange !important;
}

.bg_oranged:active {
	background-color: darkorange !important;
}

#main_text {
	font-size: 20.228px;
	font-family: "Arial";
	color: rgb(0, 0, 0);
	line-height: 1.2;
	text-align: justifyLeft;
	/*-moz-transform: matrix( 1.23623853211009,0,0,1.23589364303729,0,0);
  -webkit-transform: matrix( 1.23623853211009,0,0,1.23589364303729,0,0);
  -ms-transform: matrix( 1.23623853211009,0,0,1.23589364303729,0,0);
  position: absolute;
  left: 524.384px;
  top: 1391.982px;
  width: 872.233px;
  height: 1158.875px;
  z-index: 7;*/
}

.black_text_shadow {
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#main_text > p {
	text-indent: 40px;
}

.fa-angle-double-right {
	color: darkgray;
}

.border_top_5 {
	border-top: 5px solid #f07b00;
}

.border_bottom_5 {
	border-bottom: 5px solid #f07b00;
}

.border_bottom_2 {
	border-bottom: 2px solid #f07b00;
}

.border_2 {
	border: 2px solid white;
}

.dropdown-toggle::after {
	display: none !important;
}

@media screen and (max-width: 990px) {
	#header_left_text,
	#header_right_text,
	#middle_banner_text > h5 {
		font-size: 1.25rem !important;
	}
}

@media screen and (max-width: 770px) {
	.contact_links {
		font-size: 0.75rem !important;
	}

	.display-4 {
		font-size: 2.5rem !important;
	}

	#catalog_btn {
		font-size: 0.75rem !important;
	}
}

@media screen and (max-width: 740px) {
	#header_left_text,
	#header_right_text,
	#middle_banner_text > h5 {
		font-size: 1rem !important;
	}
}

@media screen and (max-width: 620px) {
	#header_left_text,
	#header_right_text,
	#middle_banner_text > h5 {
		font-size: 0.75rem !important;
	}
}

@media screen and (max-width: 400px) {
	.display-4 {
		font-size: 1.75rem !important;
	}
}

#lang {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #343a40;
	color: #f07b00; 
	border: 1px solid #f07b00; 
	border-radius: 5px;
	padding: 5px 10px;
    margin-left: 7px;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	outline: none;
	transition: all 0.3s ease;
}

#lang:hover {
    background-color: #1D2124;
    box-shadow: 0 0 5px 2px rgba(255, 111, 0, 0.5);
}

#lang option {
	background-color: #343a40;
	color: #ff6f00;
	font-weight: bold;
}