body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}

body{
	height:100%;
	text-align:center;
	margin:0;
	padding:0;
	vertical-align:middle;
	min-width:380px;
	width:100%;
	color: #777;
}

h2{
	line-height:1.3;
	margin:0;
}

h1, h2{
	font-family: COPPERPLATE GOTHIC;
}

a:link{
		text-decoration:none;
		color:#f9f5f4;
		
}
a:hover{
		text-decoration:none;
		color:#f9f5f4;
}

.topbar{
	background-color: #496d00;
	line-height:33px;
	position: fixed;
	width:100%;
	top:0px;
	z-index:10000;
	font-size:19px;
	
		
}	
.topbarlink{
	max-width:1700px;
	width:80%;
	display:flex;
	flex-direction:row;
	margin-left:auto;
	margin-right:auto;
}

.topbarsingle{
	padding:5px;
	justify-content:left;
}

@media screen and (max-width:1600px){
	div.container{
		max-width:1300px;
		
	}
}
@media screen and (max-width:800px){
	div.topbar_hide{
		display:none;
	}
	
}
@media screen and (max-width:600px){
	div.topbar_hide{
		display:;
	}
	
}

.topbar_right{
	text-align:right;
	margin-left:auto;
	
}

.backgroundpattern {
	padding-bottom:30px;
	background-color: #3b0601;
	width: 100%;
	margin: 0;
}

.shopfront{
	padding-top: 70px;
	padding-bottom:70px;
	width: 100%;
	position: center;
	margin-left: auto;
	margin-right: auto;
	background-image: url("logoimages/bg22.jpg");
	background-size: cover;
	color: #172c41;
}	
.shopfrontlanguages, .shopfrontemail{
	font-size:1.7em;
	
}
.horline{
	margin-top: 10px;
	border-top: 1px solid gray;
}
.totalprojects{
	margin-top:50px;
	
}

.container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 84%;
	max-width: 1600px;
	margin: auto;
	padding-bottom: 15px;
		
	
}

.singleitem {
	width: 300px;
	height: 390px;
	margin: 11px;
	background-color: #0f0f10;
	position: relative;
	display:none;
	
}


.singleitem:hover{
	cursor:default;
	opacity:1;
}

.singleitem:hover div{
	visibility:visible;
	opacity:1;
}	



.img_movieposter{
	padding:0px;
}

.text_mouseover {
	position:absolute;
	visibility:hidden;
	width:300px;
	height:340px;
	padding-top:50px;
	color:white;
	background:#0f0f10;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}


.item_title{
	font-size:1.8em;
			
}

.item_exp{
	font-size:1.3em;
		
}
.load{
	width:160px;
	height:40px;
	line-height:40px;
	font-size:19px;
	background-color:#8a8585;
	margin:auto;
	vertical-align:middle;
	text-align:center;
	padding:10px;
}
.load:hover{
	opacity:0.8;
	cursor:pointer;
}
	

.aboutbar{
	width:100%;
	background-color:#635f5e;
	margin:0;
	
}

.aboutchart{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:10px;
	max-width:1700px;
	height:80px;
	justify-content:flex-start;
	flex-direction:row;
	margin-left:auto;
	margin-right:auto;
}


.chartitem{
	width:33%;
	height:30px;
	color:#f9f5f4;
	font-size:23px;
	
	
}



.intro{
	font-size:1.2em;
	max-width: 1300px;
	margin: auto;
	text-align: justify;
	text-justify: inter-word;
}

@keyframes scroll{
	0%{
		transform: translateX(0);
	}
	100%{
		transform: translateX(calc(-200px*25));
	}
}

.client_slider{
	height:100px;
	max-width:1600px;
	margin:auto;
	overflow:hidden;
	position:relative;
	width:80%;
}
.client_slider .slide-track{
	animation:scroll 60s linear infinite;
	display:flex;
	width:calc(200px*35);
	
}
.client_slider .slide{
	height:100px;
	width:200px;
}
.slide{
	padding-left:5px;
	padding-right:5px;
}