/*
Table Of Contents
 
 1.) Typography
 2.) Default Styles
 3.) Header
 4.) Content - Main
 5.) Footer
 6.) Infrastruktur

========================================*/

/*
 1.) Typography
----------------------------------------*/

@import url("bootstrap.min.css") all;
@import url("brands.min.css") all;
@import url("light.min.css") all;
@import url("regular.min.css") all;
@import url("solid.min.css") all;
@import url("fontawesome.min.css") all;

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap'); 


/*
 2.) Default Styles
----------------------------------------*/

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p,
ol,
ul,
li {
	padding: 0;
	margin: 0;
}

body {
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	line-height: 24px;
	background: #000000 url(../img/bg-1.jpg) repeat-y top center; 
	margin: 0;
	padding: 0;
}

sub,
sup{
	font-size: 50%;
}

img { 
	max-width: 100%;
	height: auto;
}

@media (max-width: 767px) {
body {
	font-size: 16px;
}
}


/*= Links 
=======================================================*/

a {
	color: #df0024;
	text-decoration: none;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	cursor: pointer;
}

a:hover,
a:focus,
a:active {
	color: #ff0000;
	text-decoration: underline;
}

a:visited {
	outline: 0;
}

a[href^="tel:"], 
a[href^="fax:"] {
	color: #df0024;
	text-decoration: none;
}

a:hover[href^="tel:"], 
a:focus[href^="tel:"], 
a:hover[href^="fax:"],
a:focus[href^="fax:"] {
	color: #ff0000;
	text-decoration: underline;
}


/*= Headings: P, H1, H2, H3, H4, H5, H6 
=======================================================*/

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 { 
	font-weight: 700;
	padding-bottom: 22px;
}

h1,
.h1,
h2,
.h2 {
	font-size: 28px;
	line-height: 32px;
}

h3,
.h3 {
	font-size: 24px;
	line-height: 28px;
}

h4,
.h4 {
	font-size: 20px;
	line-height: 24px;
}

h5,
.h5 {
	font-size: 18px;
	line-height: 22px;
}

h6,
.h6 {
	font-size: 16px;
	line-height: 20px;
}

h1:last-child,
.h1:last-child,
h2:last-child,
.h2:last-child,
h3:last-child,
.h3:last-child,
h4:last-child,
.h4:last-child,
h5:last-child,
.h5:last-child,
h6:last-child,
.h6:last-child {
	padding-bottom: 0;
}

p {
	padding-bottom: 23px;
}

p:last-child {
	padding-bottom: 0;
}

em {
	font-style: italic; 
}

em.fal,
em.far,
em.fas,
em.fab {
	font-style: normal; 
}

strong {
	font-weight: 700; 
}

.txt { 
	padding-bottom: 35px;
}

.txt:last-child { 
	padding-bottom: 0;
}

@media (max-width: 767px) {
h1,
.h1,
h2,
.h2 {
	font-size: 24px;
	line-height: 32px;
}

h3,
.h3 {
	font-size: 22px;
	line-height: 28px;
}
}


/*= Unorder List 
=======================================================*/

ul,
ol {
	list-style: none; 
	padding: 0;
}

li {
	position: relative; 
	padding-left: 30px;
	padding-bottom: 0;
}

li:last-child {
	padding-bottom: 23px;
}

ul li ul,
ol li ol {
	padding: 0;
}

ul:last-child li:last-child,
ol:last-child li:last-child {
	padding-bottom: 0;
}

ul li:before {
	content: "\: :";
	position: absolute;
	top: -1px;
	left: 0;
}


/*= Order List 
=======================================================*/

ol {
	counter-reset: item;
}

ol > li {
	counter-increment: item;
	padding-left: 25px;
}

ol > li:before {
	content: counter(item)".";
	font-weight: 400; 
	color:#ff0000;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}


/* #Input Styles
================================================= */

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

select,
textarea,
input {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

label {
	width: 100%;
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	line-height: 24px;
	padding: 0 0 10px 0;
	margin: 0;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	width: 100%;
	height: 48px;
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	line-height: 24px;
	letter-spacing: normal;
	white-space: nowrap;
	text-overflow: ellipsis;	
	background: none;
	box-shadow: none;
	border: 1px solid #cccccc;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	overflow: hidden;
	position: relative;
	padding: 10px 20px;
	margin: 0;
}

textarea {
	height: 102px;
	white-space: normal;
	outline: none;
	resize: none; 
	padding-top: 15px; 
	padding-bottom: 15px;
}

::-webkit-input-placeholder, 
::-webkit-textarea-placeholder {
	color: #878787;
}

input::-moz-placeholder, 
textarea::-moz-placeholder {
	color: #878787;
}

::-moz-placeholder {
	color: #878787;
}

::-ms-input-placeholder {
	color: #878787;
}

@media (max-width: 767px) {
label {
	font-size: 16px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	font-size: 16px;
}
}


/* #Buttons
================================================== */

.btn,
.button,
input[type="button"],
input[type="submit"] {
	width: auto;
	height: auto;
	float: none;
	display: inline-block;
	vertical-align: middle;	
	font-weight: 700;
	font-size: 24px;
	color: #ffffff;
	line-height: 38px;
	letter-spacing: normal;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	white-space: normal;
	background: #df0024;
	border: none;
	border-radius: 0;
	box-shadow: none;
	position: relative;
	z-index: 1;
	cursor: pointer;
	outline: 0;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	padding: 5px 25px 4px 25px;
	margin: 0 0 0 57px;
}

.btn::before,
.button::before {
	content: ""; 
	width: 58px; 
	height: 47px; 
	float: left; 
	background: url(../img/button-arrows-red.png) no-repeat top center; 
	background-size: auto 47px; 
	position: absolute; 
	top: 0; 
	left: -57px;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active,
.btn.active:focus,
.button:hover,
.button:focus,
.button:active,
.button:active:focus,
.button.active,
.button.active:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:active:focus,
input[type="button"].active,
input[type="button"].active:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:active:focus,
input[type="submit"].active,
input[type="submit"].active:focus,
.btn:not(:disabled):not(.disabled).active, 
.button:not(:disabled):not(.disabled):active {
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none; 
	box-shadow: none;
	outline: 0;
}

.btn-green, 
.button.btn-green, 
input.btn-green[type="button"], 
input.btn-green[type="submit"] {
	background: #a68d45; 
}

.btn-green::before,
.button.btn-green::before {
	background-image: url(../img/button-arrows-green.png); 
}

.btn:focus,
.button:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: 2px;
}

.disabled {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	opacity: .65;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none;
}

.btn-out {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: 14px 0 0 0;
}

@media (max-width: 1399px) {
.btn,
.button,
input[type="button"],
input[type="submit"] {
	font-size: 20px;
}
}

@media (max-width: 767px) {
.btn,
.button,
input[type="button"],
input[type="submit"] {
	font-size: 20px;
}
}


figure,
.figure {
	vertical-align: top;
}


/*= Container - Main
=======================================================*/

.container-main {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}

.container {
	width: 100%;
	max-width: 1480px;
	padding: 0 40px;
}

@media (max-width: 767px) {
.container {
	max-width: 540px;
	padding: 0 20px;
}
}


/* Row */
.row-out {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
}

.row {
	padding-bottom: 60px;
	margin: 0 -25px -50px -25px;
}

.row:last-child {
	padding-bottom: 0;
}

.row > div {
	padding: 0 25px 50px 25px;
}

.row.no-gutters {
	padding: 0;
	margin: 0;
}

.row.no-gutters > div {
	padding: 0;
}

@media (max-width: 1199px) {
.row {
	margin: 0 -20px -40px -20px;
}

.row > div {
	padding: 0 20px 40px 20px;
}

.row.no-gutters {
	padding: 0;
	margin: 0;
}

.row.no-gutters > div {
	padding: 0;
}
}

@media (max-width: 767px) {
.row {
	padding-bottom: 50px;
	margin: 0 -15px -40px -15px;
}

.row > div {
	padding: 0 15px 40px 15px;
}

.row.no-gutters {
	padding: 0;
	margin: 0;
}

.row.no-gutters > div {
	padding: 0;
}
}


/* 
 3.) Header
----------------------------------------*/

.header-main {
	width: 100%;
	float: left;
	position: relative;
	z-index: 10001;
}

.header-main .header-inner-bg {
	width: 100%;
	height: 194px;
	float: left;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	background: linear-gradient(135deg, #a97142, #808b5e);
	position: relative;
	padding: 0 60px;
}

.header-main .brand {
	float: left;
	margin: 21px 0 0 0;
}

.header-main .brand img {
	max-height: 152px;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

.header-main .nav-bar {
	float: right;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	margin: 146px 0 0 0;
}

.header-main .nav-bar nav {
	float: left;
	padding: 0;
	margin: 0;
}

.header-main .nav-bar nav ul {
	float: left;
	padding: 0;
	margin: 0;
}

.header-main .nav-bar nav ul li {
	height: 48px;
	float: left;
	font-weight: 700;
	font-size: 24px;
	color: #ffffff;
	line-height: 32px;
	padding: 0;
	margin: 0;
}

.header-main .nav-bar nav ul li:before {
	display: none;
}

.header-main .nav-bar nav ul li a {
	height: 48px;
	float: left;
	color: #ffffff;
	line-height: 48px;
	text-decoration: none;
	position: relative;
	padding: 0 25px;
}

.header-main .nav-bar nav ul li a:before {
	display: none;
}

.header-main .nav-bar nav ul li:hover a,
.header-main .nav-bar nav ul li.active a,
.header-main .nav-bar nav ul li.trail a {
	color: #ffffff;
	background: #b69f5f;
}

.header-main .nav-bar nav ul li:hover a:after,
.header-main .nav-bar nav ul li.active a:after,
.header-main .nav-bar nav ul li.trail a:after {
	content: "";
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 15px solid #b69f5f;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	position: absolute;
	bottom: -15px;
	left: 50%;
	z-index: 1003;
	margin: 0 0 0 -14px;
}

.header-main .nav-bar .btn-out {
	width: auto;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	position: absolute;
	top: 58px;
	right: 60px;
	margin: 0;
}

.header-main .nav-bar nav ul li.submenu a {
	padding-right: 20px;
}

.header-main .nav-bar nav ul li.submenu a:before {
	content: "";
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 9px solid #333333;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	position: absolute;
	top: 21px;
	right: 0;
}

.header-main .nav-bar nav ul li.submenu:hover a:before,
.header-main .nav-bar nav ul li.submenu.active a:before {
	border-top-color: #f25f1a;
}

.header-main .nav-bar nav ul li.submenu:hover ul {
	display: block;
}

.header-main .nav-bar nav ul li.submenu ul {
	width: 100%;
	float: left;
	display: none;
	background: #181716;
	position: absolute;
	top: 48px;
	left: 0;
	z-index: 100;
	padding: 28px 22px 25px 22px;
	margin: 0;
}

.header-main .nav-bar nav ul li.submenu ul li {
	width: 100%;
	height: auto;
	float: left;
	font-weight: 400;
	font-size: 18px;
	color: #ffffff;
	line-height: 26px;
	text-transform: none;
	margin: 0 0 11px 0;
}

.header-main .nav-bar nav ul li.submenu ul li:before {
	display: none;
}

.header-main .nav-bar nav ul li.submenu ul li:last-child {
	margin-bottom: 0;
}

.header-main .nav-bar nav ul li.submenu ul li a {
	height: auto;
	color: #ffffff;
	line-height: inherit;
	position: relative;
}

.header-main .nav-bar nav ul li.submenu:hover ul li a {
	color: #ffffff;
	background: none;
}

.header-main .nav-bar nav ul li.submenu ul li a:after {
	display: none;
}

.header-main .nav-bar nav ul li.submenu ul li:hover a,
.header-main .nav-bar nav ul li.submenu ul li.active a {
	color: #e3000b;
}

.header-main .nav-bar nav ul li.submenu .sub-link {
	float: left;
	display: none;
	cursor: pointer;
	text-indent: -99999px;
	position: absolute;
	top: 17px;
	right: 0;
}

.header-main .nav-bar nav ul li.submenu .sub-link:before {
	content: "";
	float: left;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #383838;
	text-indent: 0;
	position: absolute;
	top: 0;
	right: 25px;
}

.header-main .nav-bar nav ul li.submenu .sub-link.active:before {
	border-top: none;
	border-bottom: 8px solid #383838;
}

.fixed.header-main {
	width: 100%;
	position: fixed;
	top: 0;
}

.fixed.header-main .header-inner-bg {
	height: 96px;
}

.fixed.header-main .brand {
	margin: 11px 0 0 0;
}

.fixed.header-main .brand img {
	max-height: 74px;
}

.fixed.header-main .nav-bar {
	margin: 48px 0 0 0;
}

.fixed.header-main .nav-bar .btn-out {
	top: 0;
}

.header-main .nav-bar nav ul li.submenu a {
	padding-right: 20px;
}

.header-main .nav-bar nav ul li.submenu a:before {
	content: "";
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 9px solid #333333;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	position: absolute;
	top: 21px;
	right: 0;
}

.header-main .nav-bar nav ul li.submenu:hover a:before,
.header-main .nav-bar nav ul li.submenu.active a:before {
	border-top-color: #f25f1a;
}

.header-main .nav-bar nav ul li.submenu:hover ul {
	display: block;
}

.header-main .nav-bar nav ul li.submenu ul {
	width: 100%;
	float: left;
	display: none;
	background: #181716;
	position: absolute;
	top: 48px;
	left: 0;
	z-index: 100;
	padding: 28px 22px 25px 22px;
	margin: 0;
}

.header-main .nav-bar nav ul li.submenu ul li {
	width: 100%;
	height: auto;
	float: left;
	font-weight: 400;
	font-size: 18px;
	color: #ffffff;
	line-height: 26px;
	text-transform: none;
	margin: 0 0 11px 0;
}

.header-main .nav-bar nav ul li.csubmenuhild ul li:before {
	display: none;
}

.header-main .nav-bar nav ul li.submenu ul li:last-child {
	margin-bottom: 0;
}

.header-main .nav-bar nav ul li.submenu ul li a {
	height: auto;
	color: #ffffff;
	line-height: inherit;
	position: relative;
}

.header-main .nav-bar nav ul li.submenu:hover ul li a {
	color: #ffffff;
	background: none;
}

.header-main .nav-bar nav ul li.submenu ul li a:after {
	display: none;
}

.header-main .nav-bar nav ul li.submenu ul li:hover a,
.header-main .nav-bar nav ul li.submenu ul li.active a {
	color: #e3000b;
}

.header-main .nav-bar nav ul li.submenu .sub-link {
	float: left;
	display: none;
	cursor: pointer;
	text-indent: -99999px;
	position: absolute;
	top: 22px;
	right: 40px;
}

.header-main .nav-bar nav ul li.submenu .sub-link:before {
	content: "";
	float: left;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 12px solid #ffffff;
	text-indent: 0;
	position: absolute;
	top: 0;
	right: 0;
}

.header-main .nav-bar nav ul li.submenu .sub-link.active:before {
	border-top: none;
	border-bottom: 12px solid #ffffff;
}

.header-main .menu-btn {
	width: 32px;
	height: 22px;
	float: left;
	display: none;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	cursor: pointer;
	z-index: 10001;
	position: absolute;
	top: 59px;
	right: 40px;
}

.header-main .menu-btn .icon-bar {
	width: 100%;
	float: right;
	text-decoration: none;
	position: relative;
}

.header-main .menu-btn .icon-bar span {
	width: 100%;
	height: 3px;
	float: left;
	background: #ffffff;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin: 10px 0 0 0;
}

.header-main .menu-btn .icon-bar span:before {
	content: "";
	width: 100%;
	height: 3px;
	float: left;
	background: #ffffff;
	position: absolute;
	top: -9px;
	left: 0;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.header-main .menu-btn .icon-bar span:after {
	content: "";
	width: 100%;
	height: 3px;
	float: left;
	background: #ffffff;
	position: absolute;
	top: 9px;
	left: 0;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.header-main .menu-btn.active {
	color: #ffffff;
}

.header-main .menu-btn.active .icon-bar span {
	background: none;
}

.header-main .menu-btn.active .icon-bar span:before {
	height: 3px;
	top: 0;
	background: #ffffff;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}

.header-main .menu-btn.active .icon-bar span:after {
	height: 3px;
	top: 0;
	background: #ffffff;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

@media (max-width: 1399px) {
.header-main .nav-bar nav ul li {
	font-size: 20px;
}
}

@media (min-width: 1200px) {
.header-main .nav-bar {
	display: block;
}
}

@media (max-width: 1199px) {
.header-main .header-inner-bg {
	height: 140px;
	padding: 0 40px;
}

.header-main .brand {
	margin: 20px 0 0 0;
}

.header-main .brand img {
	max-height: 100px;
}

.header-main .nav-bar {
	width: 100%;
	background: linear-gradient(135deg, #a97142, #808b5e);
	margin: 0;
	position: absolute;
	top: 140px;
	left: 0;
}

.header-main .nav-bar nav {
	width: 100%;
}

.header-main .nav-bar nav ul {
	width: 100%;
}

.header-main .nav-bar nav ul li {
	width: 100%;
	height: auto;
	font-size: 20px;
}

.header-main .nav-bar nav ul li a {
	width: 100%;
	height: auto;
	line-height: inherit;
	padding: 14px 40px 11px 40px;
}

.header-main .nav-bar nav ul li:hover a:after,
.header-main .nav-bar nav ul li.active a:after {
	display: none;
}

.header-main .nav-bar .btn-out {
	width: 100%;
	position: relative;
	top: 0;
	right: 0;
	padding: 22px 40px 40px 40px;
}

.header-main .nav-bar nav ul li.submenu:hover ul {
	display: none;
}

.header-main .nav-bar nav ul li.submenu ul {
	display: none;
	position: relative;
	top: 0;
	padding: 20px 40px;
}

.header-main .nav-bar nav ul li.submenu ul li {
	margin: 0 0 11px 0;
}

.header-main .nav-bar nav ul li.submenu ul li a {
	padding: 0;
	background: none;
}

.fixed.header-main .nav-bar {
	top: 96px;
	margin: 0;
}

.fixed.header-main .menu-btn {
	top: 37px;
}

.header-main .nav-bar nav ul li.submenu .sub-link {
	display: block;
}

.header-main .menu-btn {
	display: block;
}
}

@media (max-width: 767px) {
.header-main .header-inner-bg {
	height: 80px;
	padding: 0 20px;
}

.header-main .brand {
	margin: 10px 0 0 0;
}

.header-main .brand img {
	max-height: 60px;
}

.header-main .nav-bar {
	top: 80px;
}

.header-main .nav-bar nav ul li {
	font-size: 20px;
}

.header-main .nav-bar nav ul li a {
	padding: 14px 20px 11px 20px;
}

.header-main .nav-bar .btn-out {
	width: 100%;
	position: relative;
	top: 0;
	right: 0;
	padding: 22px 20px 40px 20px;
}

.header-main .nav-bar nav ul li.submenu ul {
	padding: 20px 20px;
}

.header-main .nav-bar nav ul li.submenu .sub-link {
	right: 20px;
}

.header-main .menu-btn {
	top: 28px;
	right: 20px;
}

.fixed.header-main .header-inner-bg {
	height: 80px;
}

.fixed.header-main .nav-bar {
	top: 80px;
}

.fixed.header-main .menu-btn {
	top: 28px;
}

.fixed.header-main .brand {
	margin: 10px 0 0 0;
}

.fixed.header-main .brand img {
	max-height: 60px;
}
}


/* 
 4.) Content - Main
----------------------------------------*/
.content-main { 
	width: 100%; 
	float: left;  
}


/* Banner - Main */
.banner-main {
	width: 100%;
	overflow: hidden;
}

.banner-main .figure {
	width: 100%;
	overflow: hidden;
}

.banner-main .figure img {
	width: 100%;
}

.banner-main video {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.banner-main video img {
	width: 100%;
}


/* Container - Box */
.container-box {
	width: 100%;
	background: #ffffff;
	overflow: hidden;
	padding: 40px 60px 80px 60px
}

@media (max-width: 1199px) {
.container-box {
	padding: 40px 40px 60px 40px
}
}

@media (max-width: 767px) {
.container-box {
	padding: 40px 20px 50px 20px
}
}


/* Content - Inner */
.content-inner {
	width: 100%;
	overflow: hidden;
}


/* Articles - List */
.articles-list {
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding: 0 0 45px 0;
}

.articles-list h1,
.articles-list h2 {
	padding: 0 0 27px 0;
}

.articles-list .row {
	padding: 0;
	margin: 0 0 -30px 0;
}

.articles-list .row>div {
	color: #ffffff;
	padding: 0 0 30px 0;
	margin: 0;
}

.articles-list .row>div .box {
	width: 100%;
	height: 100%;
	float: left;
	text-decoration: none;
	background: #e3000b;
	overflow: hidden;
	padding: 50px 20px 45px 20px;
}

.articles-list .row>div .box h2 {
	color: #ffffff;
}

.articles-list .row>div .box .icon {
	width: 100%;
	height: 60px;
	text-align: center;
	line-height: 60px;
	overflow: hidden;
	margin-bottom: 30px;
}

.articles-list .row>div .box .icon img {
	max-height: 60px;
	vertical-align: middle;
}

.articles-list .row>div:nth-child(2) .box {
	background: #ffd500
}

.articles-list .row>div:nth-child(3) .box {
	background: #0c103e;
}

@media (min-width: 768px) {
.articles-list .row {
	padding: 0;
	margin: 0 -20px -40px -20px;
}

.articles-list .row>div {
	padding: 0 20px 40px 20px;
	margin: 0;
}
}

@media (max-width: 1199px) {
.articles-list h1 {
	padding: 0 0 40px 0;
}
}

@media (max-width: 767px) {
.articles-list h1 {
	padding: 0 0 30px 0;
}
}


/* Articles - List2 */
.articles-list2 {
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding: 0 0 45px 0;
}

.articles-list2 h1,
.articles-list2 h2 {
	padding: 0 0 27px 0;
}

.articles-list2 .row {
	padding: 0;
	margin: 0 0 -30px 0;
}

.articles-list2 .row>div {
	color: #ffffff;
	padding: 0 0 30px 0;
	margin: 0;
}

.articles-list2 .row>div .box {
	width: 100%;
	height: 100%;
	float: left;
	text-decoration: none;
	background: #b69f5f;
	overflow: hidden;
	padding: 61px 20px 45px 20px;
}

.articles-list2 .row>div .box h2 {
	color: #ffffff;
	padding: 0 0 5px 0;
}

.articles-list2 .row>div .box .date {
	color: #ffffff;
}

@media (min-width: 768px) {
.articles-list2 .row {
	padding: 0;
	margin: 0 -20px -40px -20px;
}

.articles-list2 .row>div {
	padding: 0 20px 40px 20px;
	margin: 0;
}
}

@media (max-width: 1199px) {
.articles-list2 h1 {
	padding: 0 0 40px 0;
}
}

@media (max-width: 767px) {
.articles-list2 h1 {
	padding: 0 0 30px 0;
}
}


/* Split - Txt */
.split-txt {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 35px;
}

.split-txt:last-child {
	padding-bottom: 0;
}

.split-txt h2 {
	padding-right: 150px;
}

.split-txt p {
	padding: 0;
}

.split-txt .btn,
.split-txt .button,
.split-txt input[type="button"],
.split-txt input[type="submit"] {
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	text-transform: none;
	text-decoration: none;
	padding: 2px 15px 2px 15px;
	margin: 0 0 0 29px;
}

.split-txt .btn::before,
.split-txt .button::before {
	content: "";
	width: 29px;
	height: 24px;
	background-size: auto 24px;
	left: -29px;
}

.split-txt .btn-out {
	width: auto;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}

@media (max-width: 767px) {
.split-txt h2 {
	padding-right: 0;
}

.split-txt .btn-out {
	width: 100%;
	position: relative;
	margin: 20px 0 0 0;
}
}


/* 
 5.) Footer
----------------------------------------*/

.footer-main {
	width: 100%;
	overflow: hidden;
}

.footer-main .header-inner-bg {
	width: 100%;
	background: linear-gradient(135deg, #a97142, #808b5e);
	overflow: hidden;
	padding: 30px 60px 20px 60px;
}

.footer-main .pre-footer {
	width: 78.12%;
	float: left;
}

.footer-main .pre-footer .footer-links {
	width: 100%;
	float: left;
	padding: 0 0 5px 0;
	margin: 0 0 -5px 0;
}

.footer-main .pre-footer .footer-links:last-child {
	padding-bottom: 0;
}

.footer-main .pre-footer .footer-links p {
	float: none;
	display: inline-block;
	vertical-align: top;
	color: #ffffff;
	padding: 0;
	margin: 0 12px 5px 0;
}

.footer-main .pre-footer .footer-links ul {
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0 -12px 5px 0;
}

.footer-main .pre-footer .footer-links ul li {
	float: none;
	display: inline-block;
	vertical-align: top;
	color: #ffffff;
	margin: 0 12px 5px 0;
}

.footer-main .pre-footer .footer-links ul li a {
	color: #ffffff;
	text-decoration: underline;
}

.footer-main .pre-footer .footer-links ul li a:hover,
.footer-main .pre-footer .footer-links ul li a:focus,
.footer-main .pre-footer .footer-links ul li a:active {
	color: rgba(255, 255, 255, 0.8);
}

.footer-main .social-links-out {
	width: 21.88%;
	float: left;
}

.footer-main .social-links-out .align-right {
	float: right;
}

.footer-main .social-links {
	float: left;
	text-align: center;
	margin-right: 65px;
}

.footer-main .social-links:last-child {
	margin-right: 0;
}

.footer-main .social-links p {
	color: #ffffff;
	padding: 0 0 5px 0;
}

.footer-main .social-links ul {
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 -5px;
}

.footer-main .social-links ul li {
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 5px;
}

.footer-main .social-links ul li:before {
	display: none;
}

.footer-main .social-links ul li span {
	display: none;
}

.footer-main .social-links ul li img {
	max-height: 25px;
}

.footer-main .social-links ul li a:hover,
.footer-main .social-links ul li a:focus,
.footer-main .social-links ul li a:active {
	opacity: 0.8
}

@media (max-width: 1399px) {
.footer-main .pre-footer {
	width: 60%;
}

.footer-main .social-links-out {
	width: 40%;
}
}

@media (max-width: 1199px) {
.footer-main .header-inner-bg {
	padding: 30px 40px 20px 40px;
}
}

@media (max-width: 991px) {
.footer-main .header-inner-bg {
	padding: 30px 40px 30px 40px;
}

.footer-main .pre-footer {
	width: 100%;
	padding: 0 0 20px 0;
}

.footer-main .pre-footer:last-child {
	padding-bottom: 0;
}

.footer-main .social-links-out {
	width: 100%;
}

.footer-main .social-links-out .align-right {
	float: left;
}
}

@media (max-width: 767px) {
.footer-main .header-inner-bg {
	padding: 30px 20px 30px 20px;
}
}


/* 
 6.) Infrastruktur
----------------------------------------*/
.articles-list3 {
	width: 100%;
	overflow: hidden;
	padding: 0 0 45px 0;
}

.articles-list3 h1,
.articles-list3 h2 {
	text-align: center;
	padding: 0 0 27px 0;
}

.articles-list3 .row {
	padding: 0;
	margin: 0 0 -10px 0;
}

.articles-list3 .row > div {
	color: #ffffff;
	padding: 0 0 10px 0;
	margin: 0;
}

.articles-list3 .row > div .box {
	width: 100%;
	height: 100%;
	float: left;
	text-decoration: none;
	overflow: hidden;
}

.articles-list3 .row .vehicle h3,
.articles-list3 .row > div .box h3 {
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	line-height: 26px;	
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

.articles-list3 .row > div .box .figure {
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin: 0 0 7px 0;
}

.articles-list3 .row > div .box .figure img {
	width: 100%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.articles-list3 .row > div .box .aside {
	width: 100%;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.articles-list3 .row > div .box .aside h2 {
	width: 100%;
	color: #ffffff;
	padding-bottom: 0;
}

.articles-list3 .row > div .box .aside .icon {
	width: 100%;
	margin: 0 0 30px 0;
}

.articles-list3 .row > div .box .aside .icon:last-child {
	margin-bottom: 0;
}

.articles-list3 .row > div .box .aside .txt-max {
	width: 100%;
	height: 100%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
}

.articles-list3 .row > div .box:hover .figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.articles-list3 .row > div .box:hover h3 { 
	color: #df0024;
}

@media (min-width: 768px) {
.articles-list3 .row {
	padding: 0;
	margin: 0 -20px -10px -20px;
}

.articles-list3 .row > div {
	padding: 0 20px 10px 20px;
	margin: 0;
}
}

@media (max-width: 1199px) {
.articles-list3 h1 {
	padding: 0 0 40px 0;
}

.articles-list3 .row > div .box .aside .icon {
	width: 100%;
	margin: 0 0 20px 0;
}
}

@media (max-width: 767px) {
.articles-list3 h1 {
	padding: 0 0 30px 0;
}
}

/* Colors  */
.red { 
	color: #df0024!important;
}