@charset "UTF-8";

/* Global */

html {
	overflow-y: scroll;
	height: 100%;
}

body {
	color: #5a5a5a;
	height: 100%;
}

h1, h2, h3, h4, h5 {
	color: #002f40;
}




a {
	color: #028512;
}

a:hover {
	color: #1e951e;
}

.btn-primary {
	background-color: #1e951e;
	background-image: -moz-linear-gradient(top, #1e951e, #028512);
	background-image: -ms-linear-gradient(top, #1e951e, #028512);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e951e),
		to(#028512) );
	background-image: -webkit-linear-gradient(top, #1e951e, #028512);
	background-image: -o-linear-gradient(top, #1e951e, #028512);
	background-image: linear-gradient(top, #1e951e, #028512);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e951e',
		endColorstr='#028512', GradientType=0 );
	border-color: #818181 #818181 #818181;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false );
}

.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]
	{
	background-color: #028512;
}

/* Bootstrap Fix */

.control-group.success > label,.control-group.error > label {
	color: #000000;
}

.control-group .success input, .control-group .success textarea {
  color: #468847;
  border-color: #468847;
}

.control-group .success input:focus, .control-group .success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: 0 0 6px #7aba7b;
     -moz-box-shadow: 0 0 6px #7aba7b;
          box-shadow: 0 0 6px #7aba7b;
}

.control-group .error input, .control-group .error textarea {
  color: #b94a48;
  border-color: #b94a48;
}

.control-group .error {
  color: #b94a48;	
}

.control-group .error input:focus, .control-group .error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
     -moz-box-shadow: 0 0 6px #d59392;
          box-shadow: 0 0 6px #d59392;
}

/* Body */

body.dialog {
	padding: 20px;
}

body.main {
	background: #e3e7ec url(../img/background/page.png) repeat-y center;
}

/* ToTop */

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/* Header */


.header-row {
	background-image:url(../img/background/topmenu.png);
	background-repeat:repeat-x;
	background-color: #e1e4e9;

	height: 45px;
	padding-top: 12px;
	padding-bottom: 13px;
}

.header-menu {
	margin-top: 5px;
}

.navbar .brand {
	padding: 0px 20px 6px;
}

.navbar .nav > li > a {
	color: #767676;
	text-transform: uppercase;
	text-shadow: none;
	font-weight: bold;
}

.navbar .nav > li > a:hover {
	color: #254a5a;
}

.navbar .nav .active a {
	background-color: transparent;
	color: #254a5a;
}

.navbar .nav>li>a:hover {
	
}

.navbar .nav .active a:hover {
	background-color: transparent;
	color: #254a5a;
}

.navbar .nav.pull-right {
	margin-right: 20px;
}

.login-link {
	text-transform: uppercase;
	font-weight: bold;
	margin-left: 10px;
}


.header-lang.nav.pull-right {
	margin-left: 0px;
	margin-right: 10px;
}

.header-topmenu.nav li a {
	padding-left: 8px;
	padding-right: 8px;	
}

.header-lang.nav li a {
	padding-left: 2px;
	padding-right: 2px;
}

.header-lang.nav li div {
	padding: 9px 10px 11px;
	padding-left: 2px;
	padding-right: 2px;	
}

/* Subnav */

.nav-tabs > li > a, .nav-pills > li > a {
	color: #5a5a5a;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
		color: #002f40;
	font-weight: bold;
	background-color: #efefef;		
}

.sidemenu {
}

.contact-us {
	padding:10px;
	color: #555555;
	font-size: 12px;
}


/* Content */

.content-row {
    background: none repeat scroll 0 0 #cbcfd3;
    padding: 15px 0;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -300px;		
}

.container-main {
	padding-bottom: 40px;
}

.breadcrumbs-box {
	min-height: 20px;
}

.breadcrumb {
	background: none;
	filter: none;
	border: none;
	padding-left: 0px;
}



/* Footer */

.footer-row {
	background-color: #1E1E1E;
	height: 330px;
	color: #eaeaea;
	padding-top: 30px;
	padding-bottom: 20px;	
}

.footer-push {
	height: 300px; /* .push must be the same height as .footer */	
}

.footer-row h4 {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 13px;
}

.footer-row a {
	color: #66bc3d;
}

.footer-row a.btn {
	color: #FFFFFF;
}

.footer-row .footer-box {
	padding: 10px;
	margin-bottom: 10px;
	font-size: 10px;
	line-height: 12px;
		
	border-top: 1px solid #555555;

}

.footer-row .footer-box-highlight {
	border: 1px solid #555555;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;	
	background-color: #424242;
}

.footer-row .footer-box-caption {

	margin-bottom: 5px;
}

.footer-box-highlight > .footer-box-caption { 
	border-bottom: 1px solid #555555;	
}



.footer-menu {
	margin-top: 20px;
}

.footer-menu .copyright {
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.footer-menu .nav-pills > li > a, .footer-menu .nav-pills > li > a:hover {
	background: transparent;
	color: #eaeaea; 
	font-weight: bold;
}


.footer-menu .nav-pills > .active > a, .footer-menu .nav-pills > .active > a:hover {
	background: transparent;
		color: #eaeaea;
}

.footer-menu .nav-pills > li > a:hover {
	text-decoration: underline;
}

/* Menu */

.footer-row .nav {
	margin-bottom: 0px;
}

.footer-row .nav-tabs.nav-stacked > li > a, .footer-row .nav-tabs.nav-stacked > li > a:hover {
	background: transparent;
	color: #eaeaea; 
	font-weight: bold;
	border: none;
	padding: 3px;
}

.footer-row .nav-tabs.nav-stacked > li > a:hover {
	text-decoration: underline;
	cursor: pointer;
}

/* Twitter */

.twitter-box {
	max-height: 120px;
	height: 120px;
	overflow: hidden;	
}





.footer-row .tweet,.query {
	color: #FFFFFF;
}

.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}

.tweet_list li {
	font-size: 10px;
	line-height: 12px;	
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.5em;
	list-style-type: none;
}



.tweet_list .tweet_even {
}

.tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left;
}

.tweet_list .tweet_avatar img {
	vertical-align: middle;
}

/* Welcome page*/
.hero-row {
    background: none repeat scroll 0 0 #1E1E1E;
    padding: 0px;
    background: -moz-linear-gradient(top, #1E1E1E, #424242);
  background: -ms-linear-gradient(top, #1E1E1E, #424242);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#1E1E1E), to(#424242));
  background: -webkit-linear-gradient(top, #1E1E1E, #424242);
  background: -o-linear-gradient(top, #1E1E1E, #424242);
  background: linear-gradient(top, #1E1E1E, #424242); 
}

.hero-row h1, .hero-row h2 {
		color: #FFFFFF;
		margin-bottom: 10px;
		margin-top: 15px;
}

.hero-row h1 {
	font-size: 32px;
	font-weight: normal;
	line-height: 35px;
}

.hero-row p {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 18px;
}

.hero-row .welcome-image {
	text-align: center;
}


.hero-row-welcome {
	
}

.hero-row-other {
	text-align: center;
	padding-top: 20px;
	min-height: 80px;
}

.hero-row-iletisim {
	text-align: center;
	padding-top: 3px;
	min-height: 40px;
}

.welcome-catchy-topic {
	padding-top: 10px;
	margin-bottom: 10px;
}

.anasayfa-referans {
	padding-top: 16px;
	margin-bottom: 17px;
}

.welcome-catchy-topic h4 {

	margin-bottom: 10px;
}

.welcome-catchy-topic p {
	color: #444444;
}

.jumbotron {

border:1px solid #DDDDDD;
background:#f6f6f6;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(249,249,249,1)),color-stop(100%,rgba(240,240,240,1)));
	background:-webkit-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
	background:-moz-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
	background:-o-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
	background:-ms-linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
	background:linear-gradient(top,rgba(249,249,249,1) 50%,rgba(240,240,240,1) 100%);
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;

	padding: 10px;
}

.jumbotron:hover {

background:#e6e6e6;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(240,240,240,1)),color-stop(100%,rgba(225,225,225,1)));
	background:-webkit-linear-gradient(top,rgba(240,240,240,1) 50%,rgba(225,225,225,1) 100%);
	background:-moz-linear-gradient(top,rgba(240,240,240,1) 50%,rgba(225,225,225,1) 100%);
	background:-o-linear-gradient(top,rgba(240,240,240,1) 50%,rgba(225,225,225,1) 100%);
	background:-ms-linear-gradient(top,rgba(240,240,240,1) 50%,rgba(225,225,225,1) 100%);
	background:linear-gradient(top,rgba(240,240,240,1) 50%,rgba(225,225,225,1) 100%);

	cursor: pointer;
}

.jumbotron > .row-fluid {
	min-height: 90px;
}

.citation {
	padding: 50px;
}

.citation > h3 {
	color: #a1a1a1;
}

.citation > p {
	color: #bfbfbf;
	font-size: 10px;
}

.btn-signup {
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn-signup:hover {
	 background-color: #f89406;
	*background-color: #df8505;
}

.carousel .item > img {
	display: inline-block;
}

.carousel-control {
    background: none;
    border: none;
    color: #FFFFFF;
    font-size: 180px;
    font-weight: 100;
    height: 40px;
    left: 15px;
    line-height: 30px;
    margin-top: -20px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
}

/* Pricing */



.plan-box {
      border: 1px silver solid;
      	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	        
		background:#f4f4f4;
}

.plan-title {
	min-height: 120px;
	text-align: center;
	padding-top: 10px;
}

.plan-title h3 {
}

.plan-box-normal .plan-title h3, .plan-box-highlight .plan-title h3 {
	color: #FFFFFF;
	border-bottom: 1px dotted #FFFFFF;
	margin-bottom: 10px;
}

.plan-action {
      text-align: center;
      padding: 10px 0px;
      height: 40px;
      min-height: 40px;
      margin-top: 10px;
}

.plan-box-normal .plan-title, .plan-box-highlight .plan-title {
	padding-left: 10px;
	padding-right: 10px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;	
	border-top-right-radius:5px;		      
}

.plan-box .plan-title, .plan-box .plan-header {
	background-color: #084b65;
	color: #FFFFFF;	
}

.plan-box-highlight .plan-title, .plan-box-highlight .plan-header {
		background-color: #028512;
		color: #FFFFFF;
}

.plan-box-right {
      text-align: left;
}

.plan-box-right .plan-title {
	text-align: left;
}

.plan-box-left {
      text-align: right;
}

.plan-box-left .plan-title {
	text-align: right;
}

.plan-list ul {
      margin-left: 5px;
      margin-right: 5px;
}

.plan-list li {
      list-style-type: none;
      margin-top: 10px;
      border-bottom: 1px silver dotted;
      text-align: center;
}

.plan-list-none li {
      list-style-type: none;
      margin-top: 10px;
      border-bottom: 1px white solid;
} 

/* Product */

.core-msg-unit {
	padding: 10px;
	background: #ffffff;
}

.core-msg-unit img {

}

.core-msg-unit h2 {
	font-size: 20px;
	line-height: 22px;
	padding-bottom: 10px;
}

.core-msg-unit .text-block {
	display: table-cell;
	vertical-align: middle;
	height: 300px;
}

.img-odd,.img-even {
	text-align: center;
}

.row-fluid > .img-left {
	display: none;
}

.line {
	height: 3px;
	border-bottom-color: #d9d9d9;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 10px;
	margin-bottom: 10px;
}




.text-group {
	margin-bottom: 30px;
}

.text-group h3 {
	font-size: 14px;
	line-height: 18px;
}

.text-group img {
	margin-top: 10px;
}

.text-caption {
	text-align: right;
}

.text-item, .text-item p {
	padding-bottom:5px;	
}

/* Company */

.team-contact img {
	margin-left: 10px;
	width: 18px;
	height: 18px;
}

/* Contact */

.form-contact label {
	font-size: 14px;
	font-weight: bold;
}

.form-contact .alert {
	font-size: 14px;
}

.form-contact {
	border-right: 1px dotted #d8d8d8;
	padding-right: 20px;
}

.form-contact .form-actions {
	background: none;
	border: none;
	padding-top: 10px;	
	padding-bottom: 10px;
}

.form-contact-side {
	font-size: 14px;
}

.form-contact-side h4 {
	margin-bottom: 10px;
}

.form-contact-side ul {
	list-style-type: none;
	margin-left: 5px;
}

.form-contact-side ul li {
	margin-bottom: 10px;
}

.form-contact-side ul li img {
	padding-right: 10px;
}

/* Other */

.spinner {
	vertical-align: middle;
}

.spinner div {	
	width:200px;
	margin-left:auto; 
	margin-right:auto; 
	text-align:center;
	margin-top:130px;
	margin-bottom:150px;
}

#banner {
    height:350px;
	width:100%;
    background-image: url("../images/baret.jpg");
    background-position:top center;
    background-repeat:no-repeat;
    background-color:#4d4d4d;
}

#references {
    height:350px;
	width:100%;
	background-image: none;
    background-position:top center;
    background-repeat:no-repeat;
    background-color:#B8BBAA;
}

#references h2 {
    color: #000;
    font-size: 1.8em;
    font-weight: 200;
    margin-top: 40px;
    margin-bottom: 40px;
}


#banner-grup {
    height:350px;
	width:100%;
    background-image: url("../images/hakkimizda.jpg");
    background-position:top center;
    background-repeat:no-repeat;
    background-color:#B8BBAA;
}

#banner-belge {
    height:350px;
	width:100%;
    background:#FFF;
}

.belgefirstline {
	font-size: 23.1px;line-height: 8px; color: #111;float: left;font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 200; margin: 50px 0 0; padding: 25px 30px 15px 25px; white-space: nowrap; font-weight: bold;
}		

.belgesecondline {
	font-size: 19px;line-height: 38px; color: #111;float: left;font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 200; margin: 0px 0 0; padding: 15px 30px 15px 25px; white-space: nowrap; font-weight: bold;
}	

.belgethirdline {
	font-size: 30px;line-height: 8px; color: #111;float: left;font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 200; margin: 0px 0 0; padding: 10px 30px 15px 25px; white-space: nowrap; font-weight: bold;
}	

.belgelink {
	font-size: 12px;line-height: 8px;float: left;font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 200; margin: 50px 0 0; padding: 10px 30px 15px 25px; white-space: nowrap; font-weight: bold; text-decoration: underline;
}	


#banner-doga {
    height:350px;
	width:100%;
    background-image: url("../images/doga-arka.jpg");
    background-position:top center;
    background-repeat:no-repeat;
    background-color:#18742B;
}

#banner-erler {
    height:350px;
	width:100%;
    background-image: url("../images/erlerfilm.jpg");
    background-position:top center;
    background-repeat:no-repeat;
    background-color: #333;
}

.dogafirstline {
	font-size: 59px;line-height: 8px; color: #FFFFFF;float: left;font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 200; margin: 80px 0 0; padding: 25px 30px 15px 85px; white-space: nowrap; font-weight: bold;
}		

.dogasecondline {
	font-size: 30px;line-height: 38px; color: #FFFFFF;float: left;font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 200; margin: 20px 0 0; padding: 15px 30px 15px 85px; white-space: nowrap; font-weight: bold;
}	

.dogathirdline {
	font-size: 22px;line-height: 8px; color: #FFFFFF;float: left;font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 200; margin: 20px 0 0; padding: 10px 30px 15px 85px; white-space: nowrap; font-weight: bold;
}	

#iletisim {
	height:400px;
    width:100%;
    background-image: url("../images/map.jpg");
    background-position:top center;
    background-repeat:no-repeat;
	background-color:#4d4d4d;
}

#banner h2 {
	background: none repeat scroll 0 0 rgba(30, 30, 30, 0.9);
	border-radius: 4px 4px 4px 0;
	color: #FFFFFF;
    float: left;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 1.6em;
    font-weight: 200;
    margin: 60px 0 0 0;
    padding: 15px 30px 15px 15px;
    text-transform: uppercase;
    white-space: nowrap;
}

#banner h3 {
	background: none repeat scroll 0 0 rgba(66, 66, 66, 0.8);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    clear: left;
    color: #FFFFFF;
    float: left;
    font-size: 1.2em;
    font-weight: 400;
    margin: 0;
    padding: 15px 30px 15px 15px;
    white-space: nowrap;
}

#banner-erler span {
	border-radius: 4px 4px 4px 0;
	color: #FFF;
    float: left;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 1.6em;
    font-weight: 200;
    margin: 297px 0 0 0;
    padding: 15px 30px 15px 15px;
}

#banner-buttons {
    font-size: 1.2em;
    font-weight: 500;
    margin-top: 60px;
}

.company-name {
	text-align:center;
	margin-top:20px;
}

.company-image {
	background-color:white;
	text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

.reference-sprite {
	 background: url(../images/ref-large.jpg) no-repeat top left;   
}

#ref-large-abigem{ background-position: 0 0; width: 200px; height: 200px; } 
#ref-large-algi{ background-position: 0 -201px; width: 200px; height: 200px; } 
#ref-large-alka{ background-position: 0 -402px; width: 200px; height: 200px; } 
#ref-large-asilcelik{ background-position: 0 -603px; width: 200px; height: 200px; } 
#ref-large-aslancimento{ background-position: 0 -804px; width: 200px; height: 200px; } 
#ref-large-biofarma{ background-position: 0 -1005px; width: 200px; height: 200px; } 
#ref-large-borusan{ background-position: 0 -1206px; width: 200px; height: 200px; } 
#ref-large-caf{ background-position: 0 -1407px; width: 200px; height: 200px; } 
#ref-large-cokyasar{ background-position: 0 -1608px; width: 200px; height: 200px; } 
#ref-large-diyarbakir{ background-position: 0 -1809px; width: 200px; height: 200px; } 
#ref-large-ekol{ background-position: -201px 0; width: 200px; height: 200px; } 
#ref-large-fujitsu{ background-position: -201px -201px; width: 200px; height: 200px; } 
#ref-large-iett{ background-position: -201px -402px; width: 200px; height: 200px; } 
#ref-large-imerys{ background-position: -201px -603px; width: 200px; height: 200px; } 
#ref-large-intek{ background-position: -201px -804px; width: 200px; height: 200px; } 
#ref-large-ishad{ background-position: -201px -1005px; width: 200px; height: 200px; } 
#ref-large-karadag{ background-position: -201px -1206px; width: 200px; height: 200px; } 
#ref-large-kimtas{ background-position: -201px -1407px; width: 200px; height: 200px; } 
#ref-large-madeks{ background-position: -201px -1608px; width: 200px; height: 200px; } 
#ref-large-metgraf{ background-position: -201px -1809px; width: 200px; height: 200px; } 
#ref-large-paksan{ background-position: -402px 0; width: 200px; height: 200px; } 
#ref-large-pepsi{ background-position: -402px -201px; width: 200px; height: 200px; } 
#ref-large-rella{ background-position: -402px -402px; width: 200px; height: 200px; } 
#ref-large-rings{ background-position: -402px -603px; width: 200px; height: 200px; } 
#ref-large-sanliurfa{ background-position: -402px -804px; width: 200px; height: 200px; } 
#ref-large-sedef{ background-position: -402px -1005px; width: 200px; height: 200px; } 
#ref-large-selin{ background-position: -402px -1206px; width: 200px; height: 200px; } 
#ref-large-sentez{ background-position: -402px -1407px; width: 200px; height: 200px; } 
#ref-large-sever{ background-position: -402px -1608px; width: 200px; height: 200px; } 
#ref-large-siemens{ background-position: -402px -1809px; width: 200px; height: 200px; } 
#ref-large-smssiemag{ background-position: -603px 0; width: 200px; height: 200px; } 
#ref-large-stoper{ background-position: -603px -201px; width: 200px; height: 200px; } 
#ref-large-taysad{ background-position: -603px -402px; width: 200px; height: 200px; } 
#ref-large-tekno{ background-position: -603px -603px; width: 200px; height: 200px; } 
#ref-large-teknosa{ background-position: -603px -804px; width: 200px; height: 200px; } 
#ref-large-ttk{ background-position: -603px -1005px; width: 200px; height: 200px; } 
#ref-large-uzmar{ background-position: -603px -1206px; width: 200px; height: 200px; } 
#ref-large-wiegel{ background-position: -603px -1407px; width: 200px; height: 200px; } 
#ref-large-yks{ background-position: -603px -1608px; width: 200px; height: 200px; } 

.container-main h2 {
	color: gray;
    font-size: 2.1em;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;
    text-shadow: 1px 1px 0 #FFFFFF;
}

#iletisim-box {
	background: none repeat scroll 0 0 rgba(30, 30, 30, 0.9);
	border-radius: 4px 4px 4px 0;
    float: left;
    font-size: 1.6em;
    font-weight: 200;
    margin: 50px 0 0 0;
    padding: 15px 30px 15px 15px;
    white-space: nowrap;
    color: #FFFFFF;
    font: 9px/1.4 Verdana,Arial,Helvetica,sans-serif;
}

#iletisim-box h2 {
	color: #FFFFFF;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 1.8em;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
    margin-top: 5px;
}

#email-btn {
	color: #FFF;
	text-decoration: underline;
}

.box {
    -moz-transition: all 300ms ease 0s;
    background: url("../images/buton.png") repeat scroll 0 0 padding-box #777777;
    border-radius: 8px 8px 8px 8px;
    cursor: pointer;
    display: block;
    height: 100px;
    margin-bottom: 2em;
    overflow: hidden;
    padding: 12px 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.box span {
    color: #FFFFFF;
    font-family: proxima-nova-condensed-i6,proxima-nova-condensed,sans-serif;
    font-size: 110%;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 200%;
    margin: 0 12px;
}

.box p {
    color: rgba(255, 255, 255, 0.85);
    margin: 0 12px;
}

.box div {
    bottom: 12px;
    position: absolute;
    z-index: 200;
}

.pinkBG {
    background-color: #DC4945 !important;
}

.blueBG {
    background-color: #3893C8 !important;
}

.orangeBG {
    background-color: #F47F05 !important;
}

.greenBG {
    background-color: #8DB626 !important;
}

.container-top {
	width:750px !important;
}

.required {
    color: #BB0000;
    font-size: 1.2em;
    font-weight: bold;
}

.border-layout {
    border-radius: 6px 6px 6px 6px;
    padding:20px;
    color: #333333;
    line-height: 1.38;
}

.orangeSH {
	border: 1px solid #F47F05;
	box-shadow: 0px 0px 10px #F47F05;
}

.blueSH {
	border: 1px solid #3893C8;
	box-shadow: 0px 0px 10px #3893C8;
}

.pinkSH {
	border: 1px solid #DC4945;
	box-shadow: 0px 0px 10px #DC4945;
}

.neden-list {
	margin-left: 15px !important;
}

.border-layout ul li {
	margin-bottom: 10px;
}

.hizmetler-link {
	text-decoration: underline;
}

.answers-class {
	color: #DC4945;
}

.custom-link {
	text-decoration: underline;
}

.index-sprite {
	 background: url(../images/index-sprite.jpg) no-repeat top left;   
}

#index-ref-aslancimento{ background-position: 0 0; width: 120px; height: 120px; } 
#index-ref-biofarma{ background-position: 0 -121px; width: 120px; height: 120px; } 
#index-ref-borusan{ background-position: 0 -242px; width: 120px; height: 120px; } 
#index-ref-caf{ background-position: 0 -363px; width: 120px; height: 120px; } 
#index-ref-fujitsu{ background-position: 0 -484px; width: 120px; height: 120px; } 
#index-ref-iett{ background-position: 0 -605px; width: 120px; height: 120px; } 
#index-ref-pepsi{ background-position: 0 -726px; width: 120px; height: 120px; } 
#index-ref-rings{ background-position: 0 -847px; width: 120px; height: 120px; } 
#index-ref-siemens{ background-position: 0 -968px; width: 120px; height: 120px; } 
#index-ref-teknosa{ background-position: 0 -1089px; width: 120px; height: 120px; } 
#index-ref-ttk{ background-position: 0 -1210px; width: 120px; height: 120px; }  

.icon-sprite {
	 background: url(../images/icon-sprite.png) no-repeat top left;   
}

#icon-acildurumplani{ background-position: 0 0; width: 70px; height: 70px; } 
#icon-doktor{ background-position: 0 -71px; width: 70px; height: 70px; } 
#icon-egitim{ background-position: 0 -142px; width: 70px; height: 70px; } 
#icon-hemsire{ background-position: 0 -213px; width: 70px; height: 70px; } 
#icon-isguvenligi{ background-position: 0 -284px; width: 70px; height: 70px; } 
#icon-patlamadankorunma{ background-position: 0 -355px; width: 70px; height: 70px; } 
#icon-riskanalizi{ background-position: 0 -426px; width: 70px; height: 70px; } 
#icon-saglikveguvenlikplani{ background-position: 0 -497px; width: 70px; height: 70px; } 
#icon-yanginguvenligi{ background-position: 0 -568px; width: 70px; height: 70px; } 

/* How we work */

.how-we-work {
    background: url("../images/hww-bg.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 364px;
    margin: 40px 0 0;
    position: relative;
    width: 990px;
}

.progress-bar{
    background: -moz-linear-gradient(top, #656565, #888888);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656565), to(#888888));     
    background: -webkit-linear-gradient(top, #656565, #888888);
    background: -ms-linear-gradient(top, #656565, #888888);      
    background: -o-linear-gradient(top, #656565, #888888);     
    background:#656556\9;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    position: absolute;
    top: 242px;
    left: 0;
    width: 990px;
    height: 13px;
}
.progress-bar div{
    height: 11px;
    position: absolute;
    -webkit-transition: width 1s linear;
    -moz-transition: width 1s linear;
    -o-transition: width 1s linear;
    -ms-transition: width 1s linear;
    transition: width 1s linear;
}
.discover-bar{
    width: 0;
    background:#EE0E02\9;
    border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    border: #960402 solid;
    border-width: 1px 0 1px 0;
    background: -webkit-linear-gradient(left top, #ba0413, #f62c0c);
    background: -moz-linear-gradient(left top, #ba0413, #f62c0c);
    background: -o-linear-gradient(left top, #ba0413, #f62c0c);
    background: -ms-linear-gradient(left top, #ba0413, #f62c0c);
}
.plan-bar{
    width: 0;
    height: 11px;
    background: -webkit-linear-gradient(left top, #ff6008, #f88400);
    background: -moz-linear-gradient(left top, #ff6008, #f88400);
    background: -o-linear-gradient(left top, #ff6008, #f88400);
    background: -ms-linear-gradient(left top, #ff6008, #f88400);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff6008, endColorstr=#f88400);
    border: #ba2d00 solid;
    border-width: 1px 0 1px 0;
    left: 165px;
}
.demo-bar{
    width: 0;
    height: 11px;
    background: -webkit-linear-gradient(left top, #ffa225, #ffe517);
    background: -moz-linear-gradient(left top, #ffa225, #ffe517);
    background: -o-linear-gradient(left top, #ffa225, #ffe517);
    background: -ms-linear-gradient(left top, #ffa225, #ffe517);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffa225, endColorstr=#ffe517);
    border: #bf7e05 solid;
    border-width: 1px 0 1px 0px;
    left: 331px;
}
.create-bar{
    width: 0;
    height: 11px;
    background: -webkit-linear-gradient(left top, #bed030, #829f26);
    background: -moz-linear-gradient(left top, #bed030, #829f26);
    background: -o-linear-gradient(left top, #bed030, #829f26);
    background: -ms-linear-gradient(left top, #bed030, #829f26);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bed030, endColorstr=#829f26);
    border: #667b07 solid;
    border-width: 1px 0 1px 0;
    left: 494px;
}
.final-bar{
    width: 0;
    height: 11px;
    background: -webkit-linear-gradient(left top, #189baf, #0046bc);
    background: -moz-linear-gradient(left top, #189baf, #0046bc);
    background: -o-linear-gradient(left top, #189baf, #0046bc);
    background: -ms-linear-gradient(left top, #189baf, #0046bc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#189baf, endColorstr=#0046bc);
    border: #004187 solid;
    border-width: 1px 0 1px 0;
    left: 660px;
}
.support-bar{
    width: 0;
    height: 11px;
    background: -webkit-linear-gradient(left top, #160f76, #4b0f98);
    background: -moz-linear-gradient(left top, #160f76, #4b0f98);
    background: -o-linear-gradient(left top, #160f76, #4b0f98);
    background: -ms-linear-gradient(left top, #160f76, #4b0f98);
    background:#0d3d89\9;
    border: #070638 solid;
    border-width: 1px 0 1px 0;
    border-radius: 0 8px 8px 0;
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    left: 824px;
}


.hww-part {
    float: left;
    height: 285px;
    position: relative;
    text-align: center;
    width: 165px;
}

.button.discover{
    width: 94px;
    height: 92px;
    margin: 108px 0 0 0;
}
.button.discover a{
    width: 94px;
    height: 92px;
}
.button.discover a.normal{
    background-position: 0 -628px;
}
.button.discover a.hovered{
    background-position: 0 -526px;
}
.button.plan{
    width: 53px;
    height: 108px;
    margin: 94px 0 0 0;
}
.button.plan a{
    width: 53px;
    height: 108px;
}
.button.plan a.normal{
    background-position: 0 -1032px;
}
.button.plan a.hovered{
    background-position: 0 -914px;
}
.button.demo{
    width: 118px;
    height: 120px;
    margin: 69px 0 0 0;
}
.button.demo a{
    width: 118px;
    height: 120px;
}
.button.demo a.normal{
    background-position: 0 -396px;
}
.button.demo a.hovered{
    background-position: 0 -266px;
}
.button.create{
    width: 123px; 
    height: 104px; 
    margin: 63px 0 0 0;
}
.button.create a{
    width: 123px; 
    height: 104px;
}
.button.create a.normal{
    background-position: 0 -152px;
}
.button.create a.hovered{
    background-position: 0 -38px; 
}
.button.final{
    width: 94px; 
    height: 82px; 
    margin: 102px 0 0 0;
}
.button.final a{
    width: 94px; 
    height: 82px;
}
.button.final a.normal{
    background-position: 0 -822px;
}
.button.final a.hovered{
    background-position: 0 -730px; 
}
.button.support{
    width: 80px; 
    height: 92px;
    margin: 122px 0 0 0;
}
.button.support a{
    width: 80px;
    height: 92px;
}
.button.support a.normal{
    background-position: 0 -1252px;
}
.button.support a.hovered{
    background-position: 0 -1150px; 
}


.how-we-work .button {
    display: inline-block;
}
.brand-icon, .button {
    overflow: hidden;
    position: relative;
}
.hww-part h1 {
    bottom: 0;
    color: #636363;
    font-size: 21px;
    line-height:26px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px white;
}


.brand-icon a, .button a {
    left: 0;
    position: absolute;
    top: 0;
}

.image-set-about {
    background: url("http://innovationbox.com/images/image-set-about.png") no-repeat scroll left top transparent;
}

.info-box {
    -moz-transition: opacity 0.4s ease 0s, top 0.6s ease 0s;
    background: none repeat scroll 0 0 #313131;
    border: 1px solid #020202;
    border-radius: 7px 7px 7px 7px;
    color: #C7C7C7;
    font-size: 13px;
    opacity: 0;
    padding: 20px 15px;
    position: absolute;
    text-align: center;
    top: 900px;
    width: 200px;
    z-index: 2;
}
.info-box h1 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 2px;
    text-align: center;
    text-shadow: 0 -1px #000000;
}
.info-box span {
    text-shadow: 0 -1px #000000;
}
.info-box .arrow {
    background-position: 0 -1354px;
    height: 11px;
    left: 50%;
    margin: 0 0 0 -11px;
    position: absolute;
    top: -10px;
    width: 22px;
}

.container-references {
	width:750px !important;
}

.main-header {
	color:black;
	text-align:center;
	margin-top:4px;
}