@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic,300&subset=latin,latin-ext);
.box {background:#fff; max-width:1020px; margin-left:auto; margin-right:auto; box-shadow: 0px 10px  10px rgba(0,0,0,0.6); }
/*
.box .topbar .container  {padding-right:-1px !important;   }
.box .mainmenu  .container {padding-left:0px !important; }
.box .mainmenu   ul li {text-align:center; }
*/
.box .mainmenu  .container {padding-right:40px !important; }

.fa-mobile {font-size:20px !important; }
body		
{
	background-color: #ffffff !important;
	margin: 0;
	color: #333333;
	font-family:Open Sans !important;
	font-size: 13px !important;
}

img			{border:0; }
a:link 		{color:#333 !important; text-decoration:none !important;}      
a:visited 	{color:#333 !important; text-decoration:none !important;}  
a:hover 	{color:#071831 !important; text-decoration:none !important;} 
a:active 	{color:#333 !important; text-decoration:none !important;}  

.container {max-width:1020px;}

h1 {font-size:30px;  font-weight:600;  padding:0; margin:0;  letter-spacing:-1px;}
h2 {font-size:24px;  font-weight:600; letter-spacing:-1px; }
h3 {font-size:18px;  font-weight:600;  }
h4 {font-size:14px;  font-weight:600; }
h5 {font-size:12px;  font-weight:600;  }
h6 {font-size:11px;  font-weight:600; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, {color:#071831 !important; text-decoration:none; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {color:#071831 !important; text-decoration:none;}
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {color:#071831 !important; text-decoration:none;}


/* Containers*/

/* Grid >> Global*/
.sep-top-1x 	{  padding-top: 1.5em;}
.sep-top-2x 	{  padding-top: 2.5em;}
.sep-top-3x 	{  padding-top: 3.5em;}
.sep-top-4x 	{  padding-top: 4.5em;}
.sep-top-5x 	{  padding-top: 6em;}
.sep-top-6x 	{  padding-top: 9em;}
.sep-bottom-1x 	{  padding-bottom: 1.5em;}
.sep-bottom-2x 	{  padding-bottom: 2.2em;}
.sep-bottom-3x 	{  padding-bottom: 3.5em;}
.sep-bottom-4x	{  padding-bottom: 4.5em;}
.sep-bottom-5x	{  padding-bottom: 6em;}
.sep-bottom-6x	{  padding-bottom: 9em;}
.sep-padding	{  padding: 1em;}
.no-padding 	{  padding: 0;}
.no-margin 		{  margin: 0;}

/* `Clear Floated Elements*/
.clear {  clear: both;  display: block;  overflow: hidden;  visibility: hidden;  width: 0;  height: 0;}
.clearfix:before,.clearfix:after {  content: '\0020';  display: block;  overflow: hidden;  visibility: hidden;  width: 0;  height: 0;}
.clearfix:after {  clear: both;}
.clearfix {  zoom: 1;}

.mlr {margin-left:auto !important; margin-right:auto !important;}
.mlr10 {margin:0 10px 0 10px;}
.margin10 {margin:10px;}

/* Text Elements*/
.text_right 		{text-align:right;}
.text_left 			{text-align:left;}
.text_center		{text-align:center;}
.font_weight-100	{font-weight:100}
.font_weight-200 	{font-weight:200}
.font_weight-300 	{font-weight:300}
.font_weight-400 	{font-weight:400}
.font_weight-500 	{font-weight:500}
.font_weight-600 	{font-weight:600}
.letter-spacing-05 {letter-spacing:-0.5px}
.letter-spacing-1 {letter-spacing:-1px}
.letter-spacing-2 {letter-spacing:-2px}
.hesaplamalar label {line-height:40px !important; font-size:13px; font-weight:600; letter-spacing:-0.5px;}*/

.o1 {font-size:11px;}
.o2 {font-size:12px;}
.o3 {font-size:13px;}
.o4 {font-size:14px;}
.o5 {font-size:15px;}
.o6 {font-size:16px;}
.o8 {font-size:18px;}
.y2 {font-size:22px;}
.y4 {font-size:24px;}
.y5 {font-size:25px;}
.y6 {font-size:26px;}

.btn {border-radius:0;}

#katalog {background:#eeeeee !important;}
#katalog a {background:#004ca1 !important; padding:10px; color:#fff !important; text-align:center; float:right;}
#katalog a:hover	{background:#071831 !important; color:#ffffff !important;}
/* Text Elements*/

/* PRELOADER */
#preloader {		background: #ffffff;		bottom: 0;		left: 0;		position: fixed;		right: 0;		top: 0;		z-index: 99999999;	}
#pre-status,.preload-placeholder {		background-image: url(../images/preloader.gif);		background-position: center;		background-repeat: no-repeat;		height: 40px;		left: 50%;		margin: -20px 0 0 -20px;		position: absolute;		top: 50%;		width: 40px;	}
.preload-placeholder {		background: none;		left: 0;		margin: 0;		text-align: center;		top: 65%;	}
.border{		width: 34px;		height: 1px;		display: block;		background-color: #000;}
/* PRELOADER */


/* SCROLL */
	.scroll-up { position: fixed;		display: none;		z-index: 999;		bottom: 1.8em;		right: 1.8em;	}
	.scroll-up ul{ margin: 0;		padding: 0;	}
	.scroll-up li{ listyle: none;		margin: 0;		padding: 0;	}
	.scroll-up a { background-color: #ffffff; display: block; width: 40px; height: 40px; text-align: center; color: #000; font-size: 20px; line-height: 38px; box-shadow: 0px 0px 6px #aaaaaa;	}
	.scroll-up a:hover,	.scroll-up a:active { background-color: #f5f5f5;		color: #000000;	}
/* SCROLL */	





/* top bar contact */
.contact li 			{padding:15px 6px;  border-left: 1px solid #fff; border-right: 1px solid #eee;}
.contact li:first-child { border-left: 0px solid #000; border-right: 1px solid #eee;}
.contact li:last-child 	{ border-left: 1px solid #fff; border-right: 0px solid #eee;}
/* top bar contact */

/* footer */
.footer {  font-size:12px; clear:both; min-height:50px; line-height:50px;}
.footer a:hover {background:transparent !important;}

/* footer */


.bg_color_light .section-header .section-title:before {
  content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #dddddd;
}


.bg_color_light .section-header .section-title:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #eee;
  border-radius: 20px;
  background: #004ca1;
}


.section-header {
  margin-bottom: 50px;
}
.section-header .section-title {
  font-size: 24px;
  color: #272727;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
}
.section-header .section-title:before {
  content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #ebebeb;
}
.section-header .section-title:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #fff;
  border-radius: 20px;
  background: #004ca1;
}



.referans_icon { background:#FFF !important; border-bottom:solid 1px #ddd; -webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;   display:block; margin:10px 0 10px 0;  }
.referans_icon:hover {border-bottom:solid 1px #004ca1;}



/* galleries */
.galleries 			{margin-bottom:15px; }
.videogalleries 	{margin-bottom:30px; }
.thumbnail	h4 		{font-size:15px !important;}
.thumbnail			{background:#ffffff !important; border-radius:0px !important ;}
/* galleries */



/* input & textarea*/
.form-control {width:100%; border-radius:0 !important; height:30px;  border:1px solid #aaa !important; min-height:40px; min-width:100%; max-width:100%; max-height:40px; border-radius:1px; -webkit-box-shadow:none;box-shadow:none; font-size:13px !important; padding:10px 5px;}
.form-control:focus{border-color:#00529c !important; outline:0 !important; box-shadow:inset 0 0px 0px rgba(0,0,0,.0),0 0 0px rgba(102,175,233,.6)!important; }
.form-group {padding:0px 5px !important;}
.text-control {width:100%; border-radius:0 !important;  max-height:150px; border:1px solid #aaa !important;  min-width:100%; max-width:100%;  border-radius:1px; -webkit-box-shadow:none;box-shadow:none; font-size:13px !important; padding:10px;}
.text-control:focus{border-color:#00529c !important; outline:0 !important; box-shadow:inset 0 0px 0px rgba(0,0,0,.0),0 0 0px rgba(102,175,233,.6)!important; }
/* input & textarea*/



/* THEME STYLE */
.about .image	{ float:left; margin-right:30px;}

.navbar li a:hover {background:#004ca1 !important; color:#fff !important;}

	
/* Core Owl Carousel CSS File*/

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}







/* 9. ABOUT US */
	
	#about-us p {line-height:24px;}
	#about-us{
		background-color: #f5f5f5;
	}

	#about-us .about-us{
		padding-left: 15%;
		padding-right: 15%;
		padding-top: 15%;
	}

	#about-us .about-us h4{
		margin-top: 0;
		margin-bottom: 30px;
	}

	#about-us .about-us .btn-send{
		margin-top: 30px;
	}

	#about-us .our-office{
		padding-right: 0px;
	}

	.office-carousel-left, 
	.office-carousel-right {	
		background-color: #f0f0f0;
		color:#000;
		font-size: 32px;
		height: 40px;
		line-height: 40px;
		margin-top: -20px;
		position: absolute;
		text-align: center;
		top: 50%;
		width: 32px;
		z-index: 999;
		-webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		-ms-transition: 300ms;
		transition: 300ms;
	}

	.office-carousel-left {
		left:-32px;
	}

	.office-carousel-right {
		right:-32px;
	}

	#office-carousel:hover .office-carousel-left {
		left:0;
	}

	#office-carousel:hover .office-carousel-right {
		right:0;
	}

	#office-carousel .item img{
		width: 100%;
	}
	
	#about-us img {max-height:400px;}