#company
{
	position: relative;
	top: 40px;
	font-size: 100%;
}

#copyright
{
	padding-top: 30px;
	padding-bottom: 50px;

	color: #545050;
}


#cem-ozturk
{
	padding-right: 30px;
}

#footerEmail
{
	font-size: 160%;
	color: #fdfbd5;
}

#footerTableCell
{
	vertical-align: middle;
	color: #fff;
	text-align: left;
	padding-top: 60px;

	font-size: 80%;
}

#footerInner
{
	position: relative;
	top:0;
	right:0;

	width: 100%;
	text-align: center;
}

#footerTable
{
	display: inline-block;

	position: relative;
	top: -60px;
}

#awards-reward
{
	position: absolute;
	top:-40px;
	right:40px;

	width:180px;
	height:180px;

	z-index: 0;
	overflow: hidden;
}

#awards
{
	position: relative;
	top:0;
	right:0;

	min-height: 200px;
	background: rgb(255,254,176);
	background: linear-gradient(180deg, rgba(255,254,176,1) 11%, rgba(252,252,216,1) 100%);

	padding-top: 100px;
	padding-bottom: 100px;
}

.awards-show 
{
	height: 350px;

	background-image: url(/pages/assets/images/awards.jpg);
	background-repeat:no-repeat;
  background-size:cover;
  background-position: center right;

  border-radius: 25px;
}

.awards-details-item
{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;

	font-size: 70%;
}


.box-subtitle
{
	color: #c49c80;
	font-size: 90%;
}

.box-text
{
	padding: 15px;
}

.box-title
{
	padding-bottom: 15px;
}

.box-image
{
	width: 100%;

	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

#boxHolder
{
	width: 90%;
	max-width: 1100px;
	margin: 0 auto ;
}

.box 
{

	background: rgb(244,237,223);
	background: linear-gradient(180deg, rgba(244,237,223,1) 0%, rgba(255,255,255,1) 100%);

	margin: 0 0 30px;

	padding-bottom: 10px;

	display: inline-block;

	width: 100%;

	border-radius: 20px;

}


.block
{
	position: relative;
	top:0;
	right:0;

	display: inline-block;
}

#references
{
	position: relative;
	top:0;
	right:0;

	min-height: 600px;
	background-color: #e5d5b8;

	padding-top: 120px;
	padding-bottom: 120px;
	
}

#services-detail-agency
{
	margin-top: 60px;

	position: relative;
	top:0;
	right:0;

	background-color: #deeaf6;

	padding: 40px;
	border-radius: 20px;
}

.services-details-title
{
	padding-bottom: 10px;

	font-size: 80%;
}

.services-details-item
{
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;

	font-size: 60%;
}

#services-details
{
	position: relative;
	top:0;
	right:0;

	min-height: 200px;
background: rgb(179,210,243);
background: linear-gradient(0deg, rgba(179,210,243,1) 0%, rgba(218,231,245,1) 100%);

	padding-top: 120px;
	padding-bottom: 120px;
}

.white
{
	color: #fff;
}

#services-web-2
{
	display: none;
}
	

#services-game 
{
	padding-bottom: 40px;
}

.services-web 
{
	height: 250px;

	background-image: url(/pages/assets/images/services-web.jpg);
	background-repeat:no-repeat;
  background-size:cover;
  background-position: center right;

    border-radius: 25px;
}

.services-game 
{
	height: 250px;

	background-image: url(/pages/assets/images/services-game.jpg);
	background-repeat:no-repeat;
  background-size:cover;
  background-position: center right;

  border-radius: 25px;
}

.services-col 
{
	padding-top: 20px;
	padding-bottom: 20px;

	padding-right: 40px;
	padding-left: 40px;
}

.small-10
{
	font-size: 90%;
}

.small-20
{
	font-size: 80%;
}

.small-30
{
	font-size: 70%;
}

.small-40
{
	font-size: 40%;
}

.test1
{
	background-color: #fff000;
}

.test2
{
	background-color: #fffff0;
}

.title
{
	font-size: 30px;
	padding-bottom: 60px;
}

#services
{
	position: relative;
	top:0;
	right:0;

	min-height: 200px;
	background: rgb(60,74,92);
	background: linear-gradient(0deg, rgba(60,74,92,1) 0%, rgba(114,124,136,1) 100%);

	padding-top: 120px;
	padding-bottom: 120px;
}

#about-10years
{

	position: absolute;
	bottom:-12px;
	left: 50%;
	margin-left: -150px;

	width:300px;

	z-index: 0;
	overflow: hidden;
}

#about-puzzle
{
	position: absolute;
	top:-140px;
	right:40px;

	width:180px;
	height:180px;


	z-index: 0;
	overflow: hidden;
}

#about
{
	position: relative;
	top:0;
	right:0;

	min-height: 200px;
background: rgb(255,254,176);
background: linear-gradient(180deg, rgba(255,254,176,1) 11%, rgba(252,252,216,1) 100%);

	padding-top: 140px;
	padding-bottom: 140px;
}

#logo
{
	width:100%;
	max-width: 800px;

	display: inline-block;
}

#header
{
	width:100%;
	background-image: url(/pages/assets/images/header-background.jpg);
	background-repeat:no-repeat;
    background-size:cover;
    background-position: center center;

	padding-top: 140px;
	padding-bottom: 140px;

}

.inner
{
	width:80%;
	margin: 0 auto;

	position: relative;
	top:0;
	left:0;
}

.inner-more
{
	width:80%;
	margin: 0 auto;

	position: relative;
	top:0;
	left:0;
}



/* media queries --------------------------------------------------- */

@media (max-width: 800px) {


[class*='col-'] {
  float: none;
  width: 100%;
}

	#services-web-1
	{
		display: none;
	}

	#services-web-2
	{
		display: block;
	}


	.inner-more
	{
		width:90%;	
	}


	#break
	{
		display: block;
	}


	#footer .inner
	{
		padding-left: 20px;
		padding-right: 20px;
	}

 }

 @media (min-width: 1140px) {

 	.inner
 	{
		width:1140px;
	}

	#ftable
	{
		width: 1140px;
	}
 }