body {
  height: 100%;
  background: url('../images/header_ust.jpg') rgb(255, 255, 255);
  background-repeat: repeat-x;
  background-size: auto;
  background-position: center top;
  font: 400 1em/1.38 Roboto;
}

.maillink a:link { color:rgb(165, 165, 165);text-decoration:none}
.maillink a:hover {color:rgb(130, 130, 130);text-decoration:none}


.galeri {
    position: relative;
    float: center;
    width: 960px;
    margin: auto;
}

.picture_cebri {
background-image: url('../images/projects/referanslar_CEBRI_BORU.jpg');
}
.picture_surgulu_kpk {
background-image: url('../images/projects/referanslar_surgulu_kpk.jpg');
}
.picture_kaldirma_trt {
background-image: url('../images/projects/referanslar_kaldirma_trt.jpg');
}
.picture_surgulu_vana {
background-image: url('../images/projects/referanslar_surgulu_vana.jpg');
}
.picture_kelebek_vana {
background-image: url('../images/projects/referanslar_kelebek_vana.jpg');
}
.picture_konik_vana {
background-image: url('../images/projects/referanslar_konik_vana.jpg');
}
.picture_mak_omak {
background-image: url('../images/projects/referanslar_mak_omak.jpg');
}
.picture_radyal_kapak {
background-image: url('../images/projects/referanslar_radyal_kapak.jpg');
}
.picture_golet_cebri {
background-image: url('../images/projects/referanslar_golet_cebri.jpg');
}
.picture_pantolon {
background-image: url('../images/projects/referanslar_pantolon.jpg');
}
.picture_yatay_sondaj {
background-image: url('../images/projects/referanslar_yatay_sondaj.jpg');
}
.picture_konya {
background-image: url('../images/projects/referanslar_konya.jpg');
}
.picture_celik_yapilar {
background-image: url('../images/projects/referanslar_celik_yapilar.jpg');
}
.picture_uretimler {
background-image: url('../images/projects/referanslar_uretimler.jpg');
}

.picture_group {
  position: relative;
  float: left;
  width: 230px;
  height: 230px;
  margin:5px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.picture_frame {
  position: relative;
  float: left;
  width: 230px;
  height: 230px;
  margin:5px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.accordion-container {
	width: 100%;
	clear: inherit ;
}

.accordion-toggle {
	position: relative;
	display: block;
    font-size: 1.5em;
	font-weight: 300;
    background: #fff 0.5;
	color: #fff;
	text-decoration: none;
}

.accordion-toggle.open {
	background: #fff 0.5;
	color: #fff;
}
.accordion-toggle:hover {
background: #fff 0.5;

}
.accordion-toggle span.toggle-icon {
	position: absolute;
	font-size: 1.5em;
}
.accordion-content {
	display: none;
/*  overflow: auto; */	
}
.accordion-content img {
	display: block;
	float: left;
	max-width: 100%;
	height: auto;
}


 
/* media query for mobile */
@media (max-width: 767px) {
	.accordion-content {
		padding: 10px 0;
		overflow: inherit;
	}
}
.page-hakkimizda {
  color: rgb(44, 161, 173);
}

.page-iletisim,
.page-index,
.page-referanslar,
.page-sertifikalar,
.page-yetki_belgeleri {
  color: rgb(34, 182, 197);
}

.faaliyet_yazi-1 p {
  margin-bottom: 1em;
}

.slider-11 p {
  margin-bottom: 0.5em;
}

.alt_photos {
  width: 960px;
  margin: 0 auto;
}

.bottom {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 18;
  width: 960px;
  height: 37px;
  margin: 0 auto;
}

.bottom .column_1 {
  width: 100px;
}

.bottom .column_2,
.bottom .column_3 {
  width: 100px;
  margin-left: 34px;
}

.bottom .hakkimizda,
.bottom .iletisim,
.bottom .yetki_belge {
  margin-top: 5px;
  font-size: 0.75em;
  color: rgb(128, 128, 128);
}

.bottom .anasayfa,
.bottom .sertifikalar {
  font-size: 0.75em;
  color: rgb(128, 128, 128);
}

.bottoms {
  position: relative;
  float: left;
  z-index: 19;
  width: 100%;
  height: 37px;
  margin-top: 20px;
}

.column_1 {
  float: left;
}

.column_2,
.column_3 {
  float: left;
}

.column_4 {
  float: left;
  width: 163px;
  margin-left: 33px;
}

.column_5 {
  float: left;
  width: 163px;
  margin-left: 34px;
}

.column_6 {
  float: left;
  width: 163px;
  margin: 11px 0 0 34px;
}

.container .container {
  float: left;
  width: 25.0855188141%;
}

.element {
  width: 960px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: contain;
}

.fa_baslik {
  font-size: 1.5em;
  font-weight: 900;
  text-align: center;
}

.fa_column_1 {
  position: relative;
  float: left;
  clear: both;
  width: 171px;
  margin-top: 10px;
}

.fa_column_2 {
  position: relative;
  float: left;
  width: 142px;
  margin: 10px 0 0 4.68262%;
}

.fa_column_3 {
  position: relative;
  float: left;
  width: 146px;
  margin: 10px 0 0 4.68262%;
}

.fa_column_4 {
  position: relative;
  float: left;
  width: 116px;
  margin: 10px 0 0 4.68262%;
}

.fa_column_5 {
  position: relative;
  float: left;
  width: 205px;
  margin: 10px 0 0 4.6696%;
}

.faaliyet {
  float: left;
  width: 100%;
  min-width: 1020px;
}

.faaliyet_yazi {
  margin: 0 auto;
}

.faaliyet_yazi .fa_baslik {
  margin: 0 auto;
  border-bottom: 1px solid rgb(0, 114, 128);
  color: rgb(34, 182, 197);
}

.faaliyet_yazi .text {
  width: 600px;
  min-height: 230px;
  margin: 0 auto;
  color: rgb(44, 161, 173);
}

.adres_2,
.faks {
  float: left;
  clear: both;
  margin-top: 5px;
  font-size: 0.75em;
  color: rgb(128, 128, 128);
}

.header_menu {
  float: left;
  width: 470px;
  height: 52px;
  margin: 45px 0 0 2.0752%;
}

.header_menu .column_1 {
  width: 30.6382978723%;
  height: 52px;
}

.header_menu .column_2 {
  width: 30.4255319148%;
  height: 52px;
  margin-left: 20px;
}

.header_menu .column_3 {
  width: 28.5106382978%;
  height: 52px;
  margin-left: 20px;
}

.header_menu .hakkimizda,
.header_menu .iletisim,
.header_menu .yetki_belge {
  margin-top: 8px;
  font-size: 1em;
  color: rgb(0, 114, 128);
}

.header_menu .iletisim:hover,
.header_menu .sertifikalar:hover {
  font-weight: 700;
}

.header_menu .anasayfa,
.header_menu .sertifikalar {
  font-size: 1em;
  color: rgb(0, 114, 128);
}

.headers {
  width: 960px;
  height: 119px;
  margin: 20px auto 0;
}

.hakkimizda,
.iletisim,
.yetki_belge {
  float: left;
  clear: both;
}

.image {
  display: block;
  position: absolute;
  top: 180px;
  width: 64px;
  height: auto;
  opacity: 0.8;
  overflow: hidden;
}

.c_kopru,
.c_tank,
.cebri,
.izgara,
.kaldirma,
.kelebek,
.konveyor,
.portal,
.surgu,
.surgu_kpk {
  float: left;
  clear: both;
  margin-top: 5px;
  font-size: 1em;
  font-weight: 300;
  color: rgb(34, 182, 197);
}

.c_bina,
.gezer,
.konik,
.ozel_vinc,
.radyal {
  float: left;
  font-size: 1em;
  font-weight: 300;
  color: rgb(34, 182, 197);
}

.logo {
  float: left;
}

.logo .logo {
  display: block;
  width: 318px;
  height: auto;
  margin-left: 30px;
  overflow: hidden;
}

.adres_1,
.mail,
.referanslar,
.telefon {
  float: left;
  font-size: 0.75em;
  color: rgb(128, 128, 128);
}

.main_slider {
  width: 100%;
  min-width: 1020px;
  max-width: 3000px;
}

.mesaj_kutusu {
  float: right;
  width: 620px;
  margin: 56px 2px 0 0;
}

.mesaj_kutusu .text {
  float: left;
  width: 100.0009475806%;
  height: 40px;
  margin-top: -57px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: rgb(0, 114, 128);
  text-align: center;
  text-indent: 1px;
  color: rgb(192, 239, 242);
}

.photo_group {
  width: 100%;
  min-width: 1020px;
  height: 230px;
  padding-right: 20px;
  padding-left: 20px;
}

.photo_group .alt_photos {
  height: 230px;
}

.photo_cebri,
.photo_celik_yapi,
.photo_golet,
.photo_kaldirma,
.photo_kelebek,
.photo_konik,
.photo_konya,
.photo_mak_omak,
.photo_pantolon,
.photo_radyal,
.photo_surgulu_kapak,
.photo_surgulu_vana,
.photo_uretim,
.photo_yatay_sondaj {
  width: 100%;
  min-width: 1020px;
  margin: 10px auto 0;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(34, 182, 197);
}

.photo_celik_yapi .picture_frame,
.photo_golet .picture_frame,
.photo_konya .picture_frame,
.photo_radyal .picture_frame,
.photo_surgulu_kapak .picture_frame,
.photo_uretim .picture_frame {
  position: relative;
}



.proje_slogan {
  position: absolute;
  top: 140px;
  left: 58.4993489583%;
  z-index: 52;
  font-size: 1.5em;
  font-weight: 500;
  color: rgb(255, 255, 255);
}

.projects {
  width: 100%;
      min-width: 1020px;

  background-color: #47464a;
}

.referans {
  float: left;
  margin-left: 0.7430099999%;
  font-size: 1em;
  color: rgb(0, 114, 128);
}

.header_menu .anasayfa:hover,
.header_menu .hakkimizda:hover,
.header_menu .yetki_belge:hover,
.referans:hover {
  font-weight: 700;
  color: rgb(0, 114, 128);
}

.header_menu .anasayfa:active,
.header_menu .hakkimizda:active,
.header_menu .iletisim:active,
.header_menu .sertifikalar:active,
.header_menu .yetki_belge:active,
.referans:active {
  font-weight: 700;
  color: rgb(255, 255, 255);
}

.anasayfa,
.sertifikalar {
  float: left;
}

.slider .fa_baslik {
  width: 420px;
  color: rgb(71, 70, 74);
}

.text {
  font-size: 1em;
}

.wrapper {
  width: 960px;
  height: 400px;
  margin: 0 auto;
  overflow: hidden;
}

.zemin {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-width: 980px;
  height: 80px;
  margin: 0 auto;
  border-top: 5px solid rgb(34, 182, 197);
  background-color: rgb(71, 70, 74);
}

._button {
  display: block;
  position: relative;
  float: right;
  clear: both;
  z-index: 72;
  width: 48.3870967741%;
  height: 36px;
  margin-top: -36px;
  border-radius: 3px;
  background-color: rgb(34, 182, 197);
  font-size: 1em;
  font-weight: 700;
  text-align: center;
  color: rgb(0, 0, 0);
}

._input {
  display: block;
  position: relative;
  width: 300px;
  height: 36px;
  padding: 0 10px;
  background-color: rgb(192, 239, 242);
  font-size: 0.875em;
  color: rgb(0, 0, 0);
}

._textarea {
  display: block;
  position: relative;
  float: left;
  clear: both;
  z-index: 71;
  width: 300px;
  height: 82px;
  margin-top: 10px;
  padding: 5px 5px 5px 10px;
  background-color: rgb(192, 239, 242);
  font-size: 0.875em;
  color: rgb(0, 0, 0);
  resize: none;
}

.container-1 {
  width: 900px;
  margin: 40px auto 0;
}

.element-1 {
  height: 600px;
  background-image: url('../images/belgeler_1.png');
  background-position: center center;
}

.element-2 {
  height: 549px;
  background-image: url('../images/belgeler_2.png');
  background-position: left top;
}

.fa_baslik-1 {
  margin: 0 auto;
}

.fa_baslik-2 {
  position: relative;
  float: left;
  clear: both;
  z-index: 74;
}

.fa_baslik-3 {
  position: relative;
  float: right;
  z-index: 75;
}

.fa_column_1-1,
.fa_column_1-2,
.fa_column_1-3,
.fa_column_1-4,
.fa_column_1-5 {
  z-index: 46;
}

.fa_column_1-6 {
  z-index: 67;
}

.fa_column_2-1,
.fa_column_2-2,
.fa_column_2-3,
.fa_column_2-4,
.fa_column_2-5 {
  z-index: 42;
}

.fa_column_2-6 {
  z-index: 63;
}

.fa_column_3-1,
.fa_column_3-2,
.fa_column_3-3,
.fa_column_3-4,
.fa_column_3-5 {
  z-index: 38;
}

.fa_column_3-6 {
  z-index: 59;
}

.fa_column_4-1,
.fa_column_4-2,
.fa_column_4-3,
.fa_column_4-4,
.fa_column_4-5 {
  z-index: 34;
}

.fa_column_4-6 {
  z-index: 55;
}

.fa_column_5-1,
.fa_column_5-2,
.fa_column_5-3,
.fa_column_5-4,
.fa_column_5-5 {
  z-index: 30;
}

.fa_column_5-6 {
  z-index: 51;
}

.faaliyet-1 {
  margin-top: 50px;
}

.faaliyet-2,
.faaliyet-3,
.faaliyet-4,
.faaliyet-5,
.faaliyet-6,
.faaliyet-7 {
  margin-top: 15px;
}

.faaliyet_yazi-1 {
  width: 958px;
  padding-top: 1px;
  border-top: 1px solid rgb(34, 182, 197);
  border-bottom: 1px solid rgb(34, 182, 197);
}

.faaliyet_yazi-2,
.faaliyet_yazi-3,
.faaliyet_yazi-4,
.faaliyet_yazi-5,
.faaliyet_yazi-6,
.faaliyet_yazi-7 {
  width: 960px;
}

.image-1 {
  left: 0;
  z-index: 54;
}

.image-2 {
  left: 93.3317057291%;
  z-index: 53;
}

.logo-1,
.logo-10,
.logo-3,
.logo-5,
.logo-7,
.logo-9 {
  width: 470px;
  height: 119px;
}

.main_slider-4,
.main_slider-6 {
  margin: 30px auto 0;
}

.main_slider-5,
.main_slider-7 {
  float: left;
  clear: both;
  height: 400px;
  margin-top: 25px;
}

.main_slider-1,
.main_slider-2,
.main_slider-3,
.main_slider-8 {
  height: 400px;
  margin: 25px auto 0;
}

.photo_group-2,
.photo_group-4 {
  margin: 20px auto 0;
}

.photo_group-1,
.photo_group-3,
.photo_group-5 {
  float: left;
  clear: both;
  margin-top: 30px;
}

.photo_group-6 {
  float: left;
  clear: both;
  margin-top: 32px;
}

.projects-1 {
  float: left;
  clear: both;
  height: 415px;
}

.projects-2 {
  height: 150px;
  margin: 40px auto 0;
}

.projects-3 {
  float: left;
  clear: both;
  height: 150px;
  margin-top: 40px;
}

.projects-4 {
  height: 150px;
  margin: 20px auto 0;
}

.projects-5 {
  float: left;
  clear: both;
  height: 150px;
  margin-top: 30px;
}

.projects-6 {
  float: left;
  clear: both;
  height: 150px;
}

.projects-7 {
  float: left;
  clear: both;
  height: 159px;
  margin-top: 30px;
}

.slider-10 {
  float: left;
  width: 960px;
  height: 400px;
  background: url('../images/slide_hakkimizda.jpg'), url('../images/slide_1.jpg') rgb(222, 222, 222);
  background-repeat: repeat, no-repeat;
  background-size: contain, contain;
  background-position: center center, center center;
  background-attachment: scroll, scroll;
}

.slider-12 {
  position: relative;
  float: left;
  z-index: 72;
  width: 480px;
  height: 600px;
  background-image: url('../images/iso_14001.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.slider-1,
.slider-11,
.slider-13,
.slider-3,
.slider-4,
.slider-8 {
  position: relative;
  width: 960px;
  max-width: 3000px;
  height: 400px;
  margin: 0 auto;
}

.slider-14 {
  position: relative;
  float: left;
  z-index: 51;
  width: 960px;
  height: 400px;
  background: url('../images/slide_1.jpg') rgb(222, 222, 222);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.slider-15 {
  position: relative;
  float: left;
  z-index: 73;
  width: 480px;
  height: 600px;
  background-image: url('../images/iso_18001.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.slider-16 {
  float: left;
  width: 960px;
  height: 400px;
  background: url('../images/slide_belgeler.jpg') rgb(222, 222, 222);
  background-size: contain;
  background-position: center center;
}

.slider-2 {
  width: 960px;
  height: 400px;
  margin: 0 auto;
  background: url('../images/slide_referanslar.jpg') rgb(222, 222, 222);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.slider-5 {
  float: left;
  width: 960px;
  height: 400px;
  background: url('../images/slide_sertifikalar.jpg') rgb(222, 222, 222);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.slider-7 {
  width: 480px;
  height: 600px;
  margin: 0 auto;
  background-image: url('../images/iso_9001.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.slider-6,
.slider-9 {
  position: relative;
  width: 960px;
  max-width: 3000px;
  margin: 0 auto;
}

.text-1 {
  float: left;
  margin-left: -0.38065%;
  font-weight: 700;
  color: rgb(0, 114, 128);
}

.text-2,
.text-3 {
  float: left;
  clear: both;
  margin: 10px 0 0 -0.38065%;
  color: rgb(34, 182, 197);
}

.text-4 {
  float: left;
  clear: both;
  margin: 10px 0 0 -0.38065%;
  font-weight: 700;
  color: rgb(34, 182, 197);
}

._container-1 {
  position: relative;
  width: 100%;
  min-width: 1020px;
  max-width: 3000px;
  margin: 0 auto;
}
._adress {
  width: 960px;
  margin: 0 auto;
}

._container-11,
._container-9 {
  position: relative;
  width: 100%;
  height: 80px;
  margin: 20px auto 0;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  overflow: visible;
}

._container-10,
._container-12 {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  min-width: 1020px;
  height: 80px;
  margin-top: 30px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  overflow: visible;
}

._container-13 {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  height: 80px;
  margin-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  overflow: visible;
}

._container-14 {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  height: 80px;
  margin-top: 60px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  overflow: visible;
}

._container-2,
._container-3,
._container-4,
._container-5,
._container-6 {
  position: relative;
  width: 960px;
  min-width: 1020px;
  max-width: 3000px;
  margin: 0 auto;
}

.mesaj_kutusu ._input-1 {
  float: left;
  z-index: 68;
}

.mesaj_kutusu ._input-2 {
  float: right;
  z-index: 69;
}

.mesaj_kutusu ._input-3 {
  float: right;
  z-index: 70;
  margin-top: 7px;
}

@media only screen and (min-device-width : 1020px) and (max-device-width : 1200px) {
  body {
    width: 100%;
  }
}

@media screen and (max-width: 980px) {


}