html {
	height: 100%;
}

body {
	background-color:#282828;
	padding:0px;
	margin:0px;
	color:#444;
	font-size:14px;
	font-family:arial;
	height: 100%;
}

a {
	color:#a00;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.headerslider {
	width: 100%;
	background: url(/images/head.jpg);
	background-size: cover;
	background-position: center;
	height: 100%;
}

.content {
	min-height:300px;
	color:#fff;
	line-height: 22px;
	text-align: justify;
}
.subpagecontent {
	margin-top: 100px;
}

.mainmenurow {
	position: fixed;
	top: 0px;
	width:100%;
	background-color:rgba(20,20,20,.8);
	transition: all .2s linear;
}

#slidercontent {
	opacity:0;
	transition: all .4s cubic-bezier(0.06,0.82,0.15,0.97);
	transform: translateZ(0);
	text-align: center;
	font-size: 48px;
	color: #fff;
}

.slidermaintext {
	margin:0px auto;
	padding:20px 0px;
	background: rgba(0,0,0,.5);
	font-family: open_sansextrabold;
	width:480px;
	color: gold;
}

.sliderlowtext {
	font-family: open_sanslight;
	font-size: 26px;
	margin-top:-15px;
}

.pagewrapper {
	width:1050px;
	margin:0px auto;
	padding:0px 0px;
}

.logocontainer {
	display:table-cell;
	vertical-align: middle;
	padding:15px 0px 15px 0px;
	width:10px;
}

.menucontainer {
	display:table-cell;
	vertical-align: middle;
}

#langcontainer {
	display:table-cell;
	vertical-align: middle;
	padding-right: 30px;
	width:90px;
	color:#fff;
	text-align: right;
}

.menucontainer_other {
	display:table-cell;
	vertical-align: middle;
	text-align: right;
	padding-right:0px;
}

.menucontainer_hamburger {
	display:none;
	text-align: right;
	vertical-align: middle;
}

.hamburgerbutton {
	width: 35px;
	margin-right: 0px;
	cursor: pointer;
	border:1px solid #000;
}
.hamburgerbutton:hover {
	border:1px solid #888;
}

a {
	color:#fff;
}
a:hover {
	text-decoration: none;
	color:#cfa144;
}

.menuitem {
	display:inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	color:#fff;
	font-size:14px;
	cursor: pointer;
	padding:10px 0px;
	border-bottom:1px solid rgba(0,0,0,0);
	transition: all .2s linear;
}

.menuitem:hover {
	color:#ff0;
	border-bottom:1px solid #ff0;
}

.menuitem_link {
	padding:10px 0px;
}
.menuitem_link:hover {
}

.menuitem_ham {
	text-transform: uppercase;
	color:#fff;
	font-size:14px;
	cursor: pointer;
	padding:10px 0px;
	transition: all .2s linear;
}

.hamline {
	border-top:1px solid #cfa144;
}

.menuitem_ham:hover {
	color:#ff0;
}


.hamburgermenu {
	display:none;
	text-align: center;
	margin: 0px 0px 0px 0px;
	border-bottom:1px solid #cfa144;
}

.menuitem_separator {
	display:inline-block;
	vertical-align: middle;
	padding:0px 5px;
	color:#cfa144;
}

#companylogo {
	transition: all .2s linear;
	height: 70px;
	padding-left:20px
}

.nyilacska {
	display:none;
	position: absolute;
	top: 0px;
	border:0px solid #f00;
	width:100%;
	text-align: center;
	padding:20px 0px;
	animation-name: arrows;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	cursor: pointer;
}

@keyframes arrows{
	0%,100%,20%,60% {
		margin-top:10px
	}
	10%,30%,50%,70%,90% {
		margin-top:20px
	}
	40%,80% {
		margin-top:0px
	}
}

h2 {
	font-family: open_sansextrabold;
	font-weight: normal;
	text-align: center;
	font-size: 28px;
	text-transform: uppercase;
	margin:0px;
	padding:0px 0px 20px 0px;
	line-height: 28px;
}

#ceomessage {
}

#services {
	background:url(/images/Services_s_3.jpg);
	background-size: cover;
}

#projects {

}

#markets1 {
	background:#333;
}

#approach {
	background-image:url(/images/Business_app_s_5.jpg);
	background-size: cover;
	background-position: center;
}

.contentpad {
	padding: 50px 20px 60px 20px;
}

.projectspad {
	padding: 50px 20px 60px 20px;
}


.projectcell {
	position: relative;
	display: table-cell;
	overflow: hidden;
	cursor: pointer;
}

.projectimage {
	background-position: center;
	width:100%;
	height:200px;
	transition: all .1s linear;
}

.projectname {
	position: absolute;
	opacity: 1;
	display: inline-block;
	background:#292929;
	color:gold;
	padding:6px 8px;
	margin:-34px 0px 0px 0px;
	transition: all .4s ease-out;
	box-shadow: 1px 1px 1px rgba(100,100,100,.8);
	text-transform: uppercase;
}

.prjbox {
	display: none;
}

.close {
	width:50px;
	height: 50px;
	background: url(https://pngimage.net/wp-content/uploads/2018/06/person-icon-white-png-6.png);
	background-size: contain;
}

#contact {
	background: #323232;
}

.inputtext {
	box-sizing: border-box;;
	background:#292929;
	color:#888;
	border:0px;
	padding:10px 5px;
	width:100%;
}

.inputtextarea {
	width: 100%;
	height:100px;
	background:#292929;
	color:#888;
	border:0px;
	padding:10px 5px;
}

#contactformbutton {
	display: inline-block;
	padding:15px 50px;
	color: #cfa144;
	background: #3a3a3a;
	border: 0px;
	text-transform: uppercase;
	font-family: open_sanssemibold;
	cursor: pointer;
}

#contactpassbutton {
	width: 100%;
	box-sizing: border-box;
	padding:10px 0px;
	color: #000;
	background: gold;
	border: 0px;
	text-transform: uppercase;
	font-family: open_sanssemibold;
	cursor: pointer;
}

#contactformbutton:hover {
	background:#3c3c3c;
}

.flag {
	width:20px;
	margin-left:5px;
}

.privacybar {
	position: fixed;
	display:inline-block;
	bottom:0px;
	right:100px;
	background:#eee;
	color:#444;
	padding:5px 10px;
	cursor: pointer;
	font-family: open_sanslight;
	transition: all .4s linear;
}

.privacyline {
	width: 100%;
	position: fixed;
	text-align: center;
	bottom:-180px;
	background:#eee;
	color:#444;
	padding:20px 10px;
	font-size: 16px;
	font-family: open_sanslight;
	transition: all .4s linear;
}

.acceptbutton {
	background:#000;
	color:#fff;
	padding:5px 10px;
	cursor: pointer;
}

.contacttitle {
	font-family: open_sansbold;
	font-size: 22px;
	color:#fff;
	text-transform: uppercase;
	margin-bottom:8px;
}

.topbutton {
	position:fixed;
	bottom:20px;
	right:-120px;
	cursor:pointer;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}

.projectpdfcontainer {
	text-align: center;
	box-sizing: border-box;
}

.projectpdfcell {
	vertical-align: top;
	padding:15px 15px;
	display: inline-block;
}

.pdfdescription {
	background: #000;
	color:gold;
	padding:30px 10px;
}

.pdfdescription2 {
	background: #000;
	color:gold;
	padding:20px 20px;
}

.projecttable1 {
	display:table;
	width: 100%;
}

.projecttable2 {
	display:none;
	width: 100%;
}

.projecttable3 {
	display:none;
	width: 100%;
}

.contactseparator {
	margin-top:20px;
	padding-top:20px;
	border-top:3px solid #cfa144;
	width:100px;
}

ul {
	list-style: none; /* Remove default bullets */
}

ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #cfa144; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}