@import url(https://fonts.googleapis.com/css?family=Dosis:400,600,500,300&subset=latin,latin-ext);

::-moz-selection {
    background: #071831; color:#fff;
}

::selection {
    background: #071831; color:#fff;
}

::-moz-selection {
    background: #071831; color:#fff;
}

a {
    color: #071831 !important; text-decoration:none;
}

a:hover {
    color: #FFC501 !important; text-decoration:none;
}

a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#FFC501}
p {
    color: #071831 !important; text-decoration:none;
}



.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{

	font-weight: 500;
	line-height: 1.1;
	color: #071831
}

html {
  font-size: 100%;scroll-behavior: smooth;
}

body {
  font-family: 'Dosis', sans-serif;
  font-size: 15px;
  color: #071831;
  font-weight: normal;
  overflow-x: hidden !important;
}



/* 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: 6em;}
.sep-bottom-5x	{  padding-bottom: 9em;}
.sep-bottom-6x	{  padding-bottom: 12em;}
.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;}


#urunler {background:#f5f5f5;}
.intro {margin-top:93px;}



/*---------------------------------------
  4. PRELOADER 
-----------------------------------------*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 9999;
}

.status {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../images/pl.gif);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  margin: -20px 0 0 -20px;
}






/*---------------------------------------
   5.1 NAVIGATION
-----------------------------------------*/
.navbar-default {
  padding: 10px;
  background-color: #071831;
  border-color: transparent;
  -webkit-transition: all .5s ease .25s;
  transition: all .5s ease .25s; border-bottom: 1px solid #eee;
}
.navbar ul li {margin:0 5px;}
.navbar ul li a {color:#fff !important; }
.navbar ul li a:hover {background:#FFC501 !important;  color:#fff !important;}
.navbar .active {background:#FFC501 !important;  color:#fff !important;}
.affix {padding-top:0px;  padding-bottom:0px;}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #FFC501;}

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







.contact-icon {padding:5px; font-size:24px;  text-align:center; margin-bottom:10px; color:#FFC501;}
/* 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*/



.btn {font-family:Dosis; font-size:14px;}

.btn-primary {background:#071831; border-color:#071831; color:#fff; }
.btn-primary:hover {background:#0b182c; border-color:#071831; color:#fff; }

.btn-default {background:transparent; border-color:#071831; color:#071831 !important;}
.btn-default:hover {background:transparent; border-color:#071831; color:#ef2840;}


.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.section-title h2::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #dedede;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-title h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #FFC501;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-title p {
  margin-bottom: 0;
}

.tab-content h3 {color: #FFC501;}
.tab-content > .active { background:#fff;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
  border-color: #fff;
        
}

.nav-tabs {
    border-bottom: 0; font-size:16px;
}
.nav-tabs > li.active a{
 color:#FFC501 !important;}

.nav-tabs > li > a:hover {
background:#FFC501; color:#fff !important;
    border-color: #FFC501 #FFC501 #FFC501;
}

.nav-tabs > li.active > a:hover {
background:#FFC501; color:#fff !important;
    border-color: #FFC501 #FFC501 #FFC501;
}



.office-carousel-left, 
	.office-carousel-right {	
		background-color: transparent;
		color:#071831;
		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%;
	}