/*==========  Mobile First Method  ==========*/
@import url("normalize.css");

@font-face {
    font-family: 'titillium_web_light';
    src: url('fontlar/titilliumweb-light-webfont.eot');
    src: url('fontlar/titilliumweb-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontlar/titilliumweb-light-webfont.woff2') format('woff2'),
         url('fontlar/titilliumweb-light-webfont.woff') format('woff'),
         url('fontlar/titilliumweb-light-webfont.ttf') format('truetype'),
         url('fontlar/titilliumweb-light-webfont.svg#titillium_weblight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src: url('fontlar/lato-regular-webfont.eot');
    src: url('fontlar/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontlar/lato-regular-webfont.woff2') format('woff2'),
         url('fontlar/lato-regular-webfont.woff') format('woff'),
         url('fontlar/lato-regular-webfont.ttf') format('truetype'),
         url('fontlar/lato-regular-webfont.svg#latoregular') format('svg');
}
@font-face {
    font-family: 'ubuntubold';
    src: url('fontlar/ubuntu-b-webfont.eot');
    src: url('fontlar/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontlar/ubuntu-b-webfont.woff2') format('woff2'),
         url('fontlar/ubuntu-b-webfont.woff') format('woff'),
         url('fontlar/ubuntu-b-webfont.ttf') format('truetype'),
         url('fontlar/ubuntu-b-webfont.svg#ubuntubold') format('svg');
}
@font-face {
    font-family: 'product_sans';
    src: url('fontlar/product_sans_regular-webfont.eot');
    src: url('fontlar/product_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontlar/product_sans_regular-webfont.woff2') format('woff2'),
         url('fontlar/product_sans_regular-webfont.woff') format('woff'),
         url('fontlar/product_sans_regular-webfont.ttf') format('truetype'),
         url('fontlar/product_sans_regular-webfont.svg#product_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
 font-family: 'titilliumbold';
 src: url('fontlar/titillium-semibold-webfont.eot');
 src: url('fontlar/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),  url('fontlar/titillium-semibold-webfont.woff2') format('woff2'),  url('fontlar/titillium-semibold-webfont.woff') format('woff'),  url('fontlar/titillium-semibold-webfont.ttf') format('truetype'),  url('fontlar/titillium-semibold-webfont.svg#titilliumbold') format('svg');
}
@font-face {
    font-family: 'dinbek_lightregular';
    src: url('fontlar/dinbek_light-webfont.eot');
    src: url('fontlar/dinbek_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontlar/dinbek_light-webfont.woff2') format('woff2'),
         url('fontlar/dinbek_light-webfont.woff') format('woff'),
         url('fontlar/dinbek_light-webfont.ttf') format('truetype'),
         url('fontlar/dinbek_light-webfont.svg#dinbek_lightregular') format('svg');
}
@font-face {
 font-family: '00279regular';
 src: url('fontlar/z028armoni-webfont.eot');
 src: url('fontlar/z028armoni-webfont.eot?#iefix') format('embedded-opentype'),  url('fontlar/z028armoni-webfont.woff') format('woff'),  url('fontlar/z028armoni-webfont.ttf') format('truetype'),  url('fontlar/z028armoni-webfont.svg#00279regular') format('svg');
}
@font-face {
	font-family: 'Conv_tahoma';
	src: url('fontlar/tahoma.eot');
	src: url('fontlar/tahoma.woff') format('woff'), 
	url('fontlar/tahoma.ttf') format('truetype'), 
	url('fontlar/tahoma.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'neuropol_x';
    src: url('fontlar/neuropol_x_rg-webfont.eot');
    src: url('fontlar/neuropol_x_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontlar/neuropol_x_rg-webfont.woff2') format('woff2'),
         url('fontlar/neuropol_x_rg-webfont.woff') format('woff'),
         url('fontlar/neuropol_x_rg-webfont.ttf') format('truetype'),
         url('fontlar/neuropol_x_rg-webfont.svg#neuropol_xregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
 font-family: 'ubunturegular';
 src: url('fontlar/ubuntu-r_0-webfont.eot');
 src: url('fontlar/ubuntu-r_0-webfont.eot?#iefix') format('embedded-opentype'),  url('fontlar/ubuntu-r_0-webfont.woff') format('woff'),  url('fontlar/ubuntu-r_0-webfont.ttf') format('truetype'),  url('fontlar/ubuntu-r_0-webfont.svg#ubunturegular') format('svg');
}
@font-face {
    font-family: 'LatoWebHeavy';
    src: url('fontlar/Lato-Heavy.eot'); /* IE9 Compat Modes */
    src: url('fontlar/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fontlar/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */
         url('fontlar/Lato-Heavy.woff') format('woff'), /* Modern Browsers */
         url('fontlar/Lato-Heavy.ttf') format('truetype');
}
@font-face {
    font-family: 'lato_light';
    src: url('fontlar/lato-light-webfont.eot');
    src: url('fontlar/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontlar/lato-light-webfont.woff2') format('woff2'),
         url('fontlar/lato-light-webfont.woff') format('woff'),
         url('fontlar/lato-light-webfont.ttf') format('truetype'),
         url('fontlar/lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoblack';
    src: url('fontlar/lato-black-webfont.eot');
    src: url('fontlar/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontlar/lato-black-webfont.woff2') format('woff2'),
         url('fontlar/lato-black-webfont.woff') format('woff'),
         url('fontlar/lato-black-webfont.ttf') format('truetype'),
         url('fontlar/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'lato_medium';
    src: url('fontlar/lato-medium-webfont.eot');
    src: url('fontlar/lato-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontlar/lato-medium-webfont.woff2') format('woff2'),
         url('fontlar/lato-medium-webfont.woff') format('woff'),
         url('fontlar/lato-medium-webfont.ttf') format('truetype'),
         url('fontlar/lato-medium-webfont.svg#latomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
 font-family: 'ubuntulight';
 src: url('fontlar/ubuntu-l_0-webfont.eot');
 src: url('fontlar/ubuntu-l_0-webfont.eot?#iefix') format('embedded-opentype'),  url('fontlar/ubuntu-l_0-webfont.woff') format('woff'),  url('fontlar/ubuntu-l_0-webfont.ttf') format('truetype'),  url('fontlar/ubuntu-l_0-webfont.svg#ubuntulight') format('svg');
}
@font-face {
 font-family: 'ralewayregular';
 src: url('fontlar/raleway-regular-webfont.eot');
 src: url('fontlar/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('fontlar/raleway-regular-webfont.woff') format('woff'),  url('fontlar/raleway-regular-webfont.ttf') format('truetype'),  url('fontlar/raleway-regular-webfont.svg#ralewayregular') format('svg');
}
.font1
{
	font-family: 'ubunturegular';
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	line-height:20px;
}
.font2
{
	font-family: 'lato_medium';
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	line-height:20px;
}
.font3
{
	font-family: 'lato_medium';
	font-size:34px;
	font-style:normal;
	font-weight:normal;
	color:#7b231e;
	text-decoration:none;
	line-height:44px;
}
.font4
{
	font-family: 'latoblack';
	font-size:23px;
	font-style:normal;
	font-weight:normal;
	color:#d76c0e;
	text-decoration:none;
	line-height:35px;
}
.font5
{
	font-family: 'LatoWebHeavy';
	font-size:25px;
	font-style:normal;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
	line-height:35px;
}
.font6
{
	font-family: 'lato_medium';
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	color:#7b231e;
	text-decoration:none;
	line-height:24px;
}

.font6:hover
{
	font-family: 'lato_medium';
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	color: #fff;
	text-decoration:none;
	line-height:24px;
}
.font7
{
	font-family: 'neuropol_x';
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
	line-height:24px;
}
.font8
{
	font-family: 'latoregular';
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	color:#6d6d6d;
	text-decoration:none;
	line-height:20px;
}
.font9
{
	font-family: 'ubuntulight';
	font-size:29px;
	font-style:normal;
	font-weight:normal;
	color:#000;
	text-decoration:none;
	line-height:35px;
}
.font10
{
	font-family: 'latoregular';
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	line-height:20px;
}
.font11
{
	font-family: 'ubuntubold';
	font-size:13px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	line-height:13px;
	color:#fff;
}
.font12
{
	font-family: 'ubunturegular';
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	line-height:20px;
	color:#5d5d5d;
}
.font13
{
	font-family: 'latoregular';
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	color: #727272;
	text-decoration:none;
	line-height:23px;
}
.font14
{
	font-family: 'latoblack';
	font-size:17px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	line-height:25px;
}
.font15
{
	font-family: 'latoblack';
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	line-height:35px;
}
.font16
{
	font-family: 'latoregular';
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	color:#000;
	text-decoration:none;
	line-height:23px;
}
.font17 {
    font-family: 'ralewayregular';
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    color: #363636;
    text-decoration: none;
    line-height: 25px;
}
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px)
{

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) 
{
	 
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) 
{
	.sayfa_baslik{width: 88%;text-align: left;}
	.antet_ici
	{
		padding: 0px 20px;
		justify-content: space-between;
	}

	/*.geri{width:10%;justify-content: space-between;}*/
	.geri>img{margin-right:10px;}
	.yeni_ref_col{ /* width: 48%; justify-content: space-between; */ width: 50%;}
	.ref_adi{ /* width:47%; */ width: 100%; }
.ik_girdi_alani_flex{
	width:48%;
}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) 
{
	.hizmet_container{	justify-content: space-between;}
	.hizmet_col	{width:25%; margin-bottom:30px; padding-left: 5px; padding-right: 5px;}
	.hizmet_buton{	width:47%;}
	.orta_yazi_alan_container
	{
		width:91%;
		min-height:340px;
	}
	.kurumsal_col
	{
		width: 30%;
		padding: 20px 10px 10px 10px;
		margin:10px;
	}
	.hakkimizda_col
	{
		width:65%;
		padding-left:30px;
		padding-top:30px;
	}
	.hak_hizli
	{
		position: relative;
		top: 1%;
	}
	.iletisime_gec_genel{justify-content: space-between;}
	.as_referans{width:60%;}
	.f_col
	{
		width:50%;
	}
	.a{justify-content: space-between;}
	.inc_hizli
	{
		width:22%; order:1;
	}
	.sayfa_orta_alan
	{
		width:75%; order:2;
	}
	.hizli_menu {width:90%;}
	.kalite_col{justify-content: space-between;}
	.kalite_col div:nth-child(1)
	{
		width:59%;
	}
	.kalite_col div:nth-child(2)
	{
		width:36%;
		text-align: right;
	}
	.makine_parkuru_col
	{
		width:85%;
		justify-content: space-between;
	}
	.bilgi_kutusu{width: 44%;}
	.resim_bg
	{
		width:35%;
		min-height:178px;
	}
	/*.resim_bg>img {margin: 20px;}*/
	.makine_parkuru_col_red
	{
		width:96%;
		justify-content: space-between;
	}
	.resim_bg_red
	{
		width: 43%;
		min-height:178px;
	}
	.bilgi_kutusu_red
	{
		width: 35.7%;
		/*min-height:125px;*/
	}
	.diger_resimler{width:46%;}
	.uye_container{width: 45%;}
	.iletisim_yarim{width: 48%;min-height: 104px;}
	.hizmet_resim_col{float:left;padding-right: 15px;}
	.ik_col {
		padding: 10px 0;
	}
	.ik_girdi_alani{
		width:48%;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) 
{
	 .urun_isim_kutusu
	{
		position: absolute;
		top: 74%;
		right: 63%;
	}
}


    /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) 
{
	 
	
}




    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px)
{
	
 

}
@media only screen and (max-width : 1024px) 
{
	.logo {
		width: 100%;
		/*text-align: center;*/
		margin-left:10px;
	}

	 .urun_isim_kutusu {
		position: relative;
	}

	.slogan_banner {
    	text-align: center !important;
	}
}

    /* Medium Devices, Desktops */
@media only screen and (max-width : 992px) 
{
	.cursor{cursor:pointer;}
	.hizmet_container, .a
	{
		justify-content: center;
	}
	.a{padding: 20px;}
	.hizmet_col
	{
		width:100%;
		text-align: center;
		margin-bottom: 40px;
		
	}
	.hizmet_buton{	width:100%;}
	.orta_yazi_alan_container
	{
		width:100%;
	}
	.kurumsal_col
	{
		background-size: cover;
		padding: 20px;
		width: 100%;
	}
	.hakkimizda_col
	{
		width: 100%;
		padding: 20px;
	}
	.iletisime_gec_genel{justify-content: center;padding: 20px;}
	.ref_yazi
	{
		width: 100%;
		text-align: center;
	}
	.as_referans{width:100%;}
	.f_col
	{
		width:100%;
		/*text-align: center;*/
	}
	.f_col>p{width:100%!important;text-align: center;}
	.hizalama{ width: 100%; text-align: center;}
	.inc_hizli{	width:100%;text-align: center; order:2; }
	.sayfa_orta_alan{width:100%;padding: 10px; order:1;}
	.hizli_menu {width:100%;}
	#acilacakdiv1{display:none;}
	.h_acilir_ic{justify-content: center;}
	.kalite_col{justify-content: center;}
	.kalite_col div:nth-child(1){width:100%;margin-bottom:20px;}
	.kalite_col div:nth-child(2){width:100%;text-align: center;}
	.makine_parkuru_col, .makine_parkuru_col_red
	{
		justify-content: center;
		margin-bottom: 20px;
		width:100%;
	}
	.resim_bg, .resim_bg_red
	{
		width: 100%;
		display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
		align-items: center;
		justify-content: center;
		background-position: center center;
		margin-bottom: 20px;
	}
	.resim_bg > img, .resim_bg_red > img 
	{
		/*margin-right: 50px;
		margin-bottom: 9px;*/
		margin-bottom: 30px!important;
	}
	.cubuk{display:none;}
	.bilgi_kutusu {width: 100%;}
	.bilgi_kutusu>img{display:none;}
	.bilgi_kutusu_red{width: 100%;order: 2;}
	.bilgi_kutusu_red>img{display:none;}
	.bilgi_kutusu > div, .bilgi_kutusu_red > div {text-align: center;}
	.diger_resimler{width:100%;}
	.uye_container{	width: 48%;}
	.iletisim_yarim	{width: 100%;text-align: center;}
	.adres_bilgi{justify-content: center;}
	.hizmet_resim_col{text-align:center;padding-bottom:25px;}
	.ik_col {
		padding: 0;
	}
	.ik_girdi_alani{
		width:100%;
		margin-bottom:15px;
	}	
}

@media (min-width: 991px) and (max-width: 1007px) 
{
  #header { height: 265px; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) 
{
	.sayfa_baslik{width: 100%;text-align: center;}
	.antet_ici{padding: 20px;}
	.geri{width:100%;justify-content: center;margin-top: 15px;}
	.geri>img {margin-right: 10px;}
	.antet_baslik{min-height: 110px;}
	.yeni_ref_col{width:100%;text-align: center;justify-content: center;}
	.ref_adi{width:100%;padding-top: 10px;}
.ik_girdi_alani_flex{
	width:100%;
}
	.logo_margin { margin-top:20px; } 
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) 
{

	.hak_hizli_alan {width:100%;}
	.uye_container{width: 100%;}
	.genel_kenar_pad { padding:0 10px; } 
}


/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) 
{

}

/* genel olan kullanimlar */
*{	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box; }
.top_row{width:100%;height:3px;background:#3852a4}
#inc_menu
{
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	justify-content: flex-end;
	padding-top: 10px;
}
.yeni_menu
{
	width:100%;
	display: flex;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	justify-content: space-between;
	position:relative;
	max-width: 1024px;
	margin: 0 auto;
	align-items: center;
	
}
.header_container
{
	position: relative;
	
}
.manset_bg
{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	background-color:#282832;
}
.urun_resim_col
{
	width:100%;
	max-width:1920px;
	position: relative;
}
.urun_isim_kutusu
{
	background-color: #000;
	opacity: 0.6;
	border-radius: 10px;
	padding: 20px;
}
.as_hizmet_col
{
	width:100%;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	justify-content: space-between;
	max-width: 1024px;
	margin: 0 auto;
	padding:20px 0px 30px 0px;
}
.hizmet_border
{
	height:50px;
	border-left: 8px solid #ffae67;
}
.as_hizmet_baslik
{
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	align-items: center;
	width: 100%;
	padding-bottom:18px;
}
.hizmet_container
{
	width:100%;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
}

/*.hizmet_col img
{
	border: 1px solid #000000;
}*/
.hizmet_buton
{
	padding:15px;
	background-color: #e6340d;
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease-in;
}
.hizmet_buton:hover
{
	background-color: #222222;
}
.hizmet_buton>p {padding-right:10px;}
.orta_yazi_alani
{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	background-image:url(../_img/orta_alt_bg.jpg);
	background-repeat:no-repeat;
	min-height:423px;
	background-position: right;
	background-size: cover;
}
.orta_yazi_alani_ic_col
{
	width:100%;
	max-width:1024px;
	margin:0 auto;
	min-height:423px;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	align-items: flex-end;
	justify-content: flex-end;
}
.orta_yazi_alan_container
{
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	display: flex; 
	justify-content: space-between;
}
.kurumsal_col
{
	background-image:url(../_img/orta.png);
	background-repeat:repeat-y;
	background-position: left;
	align-content: center;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
}

.hak_hizli
{
	width:100%;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	justify-content: space-around;
}
.hak_hizli_alan
{
	border: 1px solid transparent;
	padding: 25px 20px;
	text-align: center;
	margin-top: 10px;
}
.hak_hizli_alan>img {opacity:0;}
.hak_hizli_alan:hover {border: 1px solid #7b231e;}
.hak_hizli_alan:hover>img {opacity:1;}
.iletisime_gec
{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	margin-top:-1px;
	background-color: #fff;
	min-height:171px;
}
.iletisime_gec_genel, .footer, .footer_alt_ic
{
	width:100%;
	max-width:1024px;
	margin:0 auto;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	align-items: center;
}
.iletisim_butonu
{
	padding:10px 60px;
	background-color: #ffffff;
	color: #e77817;
}
.as_referans
{
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
}
.as_referans>div
{
	text-align:center;
}
.footer_container
{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	background-image:url(../_img/footer_bg.jpg);
	background-repeat:no-repeat;
	min-height:430px;
	background-position: right;
	background-size: cover;
}

.footer_alt_container
{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	background-color: #171819;
	min-height:83px;
}
.antet
{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	
	background-image:url(../_img/antet.jpg);
	background-repeat:no-repeat;
	min-height:150px;
	background-position: center;
	background-size: cover;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	text-align:center;
}

.antet_baslik
{
	width:100%;
	max-width:1064px;
	margin:0 auto;
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	align-items: center;
}
.antet_baslik>h1 {width:100%;}
.antet_ici
{
	width:100%;
	max-width:1064px;
	margin:0 auto;
	background-color:#fff;
	border-top:3px solid #cfb577;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	align-items: center;
}
.geri
{	
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	align-items: center;
	cursor:pointer;
}
.genel_orta
{
	width:100%;
	max-width:1024px;
	margin:0 auto;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	margin-top:20px;
	justify-content: space-between;
	padding-bottom: 100px;
}
.inc_hizli{border-right:1px solid #d2d2d2;}
.h_menu
{
	padding:6px;
	margin-bottom:13px;
}
.h_menu a {color:#000;}
.h_menu:hover { background-color: #d1721f; }
#ozelrenk:hover{ background-color: #d1721f; }
.h_menu:hover a {color:#fff;}
.h_acilir{margin-bottom:5px;padding: 6px;}
.arti_btn{background-color:#5d5d5d;width:14px;height:15px;text-align:center;margin-right: 10px;}
.submenu{cursor:pointer;}
.h_acilir_ic
{
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	align-items: center;
	margin-bottom:8px;
}
.h_acilir_ic:hover .font12{ color: #36b44c; }
.h_acilir_ic:hover .arti_btn{background-color: #36b44c;}
.kalite_col
{
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	margin-top:20px;
}
.makine_parkuru_container
{
	width:100%;
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	justify-content: center;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
}

.makine_parkuru_col
{
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
	align-items: center;
}
.resim_bg
{
	background-image:url(../_img/mavi_bg.png);
	background-repeat: no-repeat;
	min-height: 178px;
	cursor:pointer;
}
.resim_bg>img { border-radius:50%; margin-top: 18px; margin-left:20px; }
.cubuk{width:6.5%;}
.bilgi_kutusu
{
	border-radius:20px;
	border:5px solid #603e2b;
	position:relative;
}
.bilgi_kutusu>img
{
	position: absolute;
	top: 35%;
	left: -12%;
}
.bilgi_kutusu>div
{
	padding:15px;
}
.makine_parkuru_col_red
{
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
	align-items: center;
}

.resim_bg_red
{
	background-image:url(../_img/red_bg.png);
	background-repeat: no-repeat;
	min-height: 178px;
	cursor:pointer;
}
.resim_bg_red>img {border-radius:50%; margin-top: 18px; margin-left:68px;}
.bilgi_kutusu_red
{
	border-radius:20px;
	border:5px solid #3f9536;
	position:relative;
}
.bilgi_kutusu_red>img
{
	position: absolute;
	top: 35%;
	right: -13%;
}
.bilgi_kutusu_red>div
{
	padding:15px;
}
.makine_detay_aciklama
{
	background-repeat:no-repeat;
	width:100%;
	min-height:193px;
	padding:20px;
	background-size: cover;
}
.diger_resimler_container
{
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
	width:100%;
	justify-content: space-between;
	margin-top:50px;
	
}
.diger_resimler
{
	display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;
	justify-content:center;
	margin-bottom:50px
}
.diger_resim_col_bg
{
	position:relative;
	z-index:-10;
	width:100%;
}
.diger_resim_col
{
	position:absolute;
	z-index:1;
	top: 0;
	right: 1px;
}
.diger_resim_col>img
{
	z-index: 100;
	padding: 5px 3px 5px 5px;
}
.diger_resim_col a>img {padding: 5px 3px 5px 5px;z-index: 100;}

/**********  referanlar(s) ***********/
.uyeler_tutucu
{
	display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	flex-flow: row wrap;-webkit-flex-flow: row wrap;
	align-items: center;
	justify-content: space-around;
	width: 100%;
}
.uye_container
{
	/*-webkit-box-shadow: inset 0px 3px 110px -32px rgba(107,107,107,0.64);
	-moz-box-shadow: inset 0px 3px 110px -32px rgba(107,107,107,0.64);
	box-shadow: inset 0px 3px 110px -32px rgba(107,107,107,0.64);
	padding: 20px;*/
	text-align: center;
	/**/border: 1px solid #a8a8a8;
	border-radius: 15px;
	padding: 10px;
	-webkit-box-shadow: 6px 7px 4px -1px rgba(158,158,158,0.73);
	-moz-box-shadow: 6px 7px 4px -1px rgba(158,158,158,0.73);
	box-shadow: 6px 7px 4px -1px rgba(158,158,158,0.73);
}
/**********  referanlar(f) ***********/

/**********  iletisim(s) ***********/
.adres_bilgi_col
{
	display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	flex-flow: row wrap;-webkit-flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.iletisim_yarim
{
	/* margin-bottom: 30px; */
}
.cubuklar
{
	display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	width: 100%;
	align-items: center;
}
.turuncu
{
	background-color: #000000;
	width:10%;
	height: 3px;
}
.gri
{
	background-color: #c9c9c9;
	width:85%;
	height: 1px;
}
.adres_bilgi
{
	display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	align-items: center;
	margin-top: 10px;
	width: 100%;
}
.form_alani
{
	display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	flex-flow: row wrap;-webkit-flex-flow: row wrap;
	align-items: center;
	margin-top: 30px;
	width: 100%;
	justify-content: space-between;
}
/**********  iletisim(f) ***********/

.yeni_ref_col
{
	display:flex;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
	flex-flow: row wrap;-webkit-flex-flow: row wrap;
	align-items: center;
	margin-bottom: 20px;
}

.ik_col {
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    justify-content: space-between;
}
.yukseklik_class {
    height: 33px;
}
.kutu_class {
    border: 1px #b9b9b9 solid;
}
.pb-15{
	padding-bottom:15px;
}
.mb-5{
	margin-bottom:5px;
}
.mb-25{
	margin-bottom:25px;
}
.mt-10{
	margin-top:10px;
}
.mt-25{
	margin-top:25px;
}
.ik_girdi_alani_flex{
	display:flex; display: -webkit-flex; display: -ms-flexbox;
	/*flex-flow: row wrap;-webkit-flex-flow: row wrap;*/
	margin-bottom:15px;
}
.ik_girdi_alani_flex_alti_col1{
	width:-webkit-fill-available;
	width:fill-available;
	width:-moz-available;
}
.ik_girdi_alani_flex_alti_col2{
	width:95px;
	min-width:95px;
	margin-left:15px;
}
.ik_calisma_grubu{
	position:relative;
	padding:15px 10px;
	border:1px solid #696969;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.ik_calisma_grubu_baslik{
	position:absolute;
	top:-18px;
	left:5px;
	padding:3px 5px;
	background-color:#fff;
	font-weight: bold;
}

.cols_available_wrap2 { -webkit-flex-flow: nowrap; flex-flow: nowrap; }
.cols_available2 { width: -moz-available; width: -webkit-fill-available;  } 
.cols_available { width: -moz-available; width: -webkit-fill-available;  } 
.cols_available_wrap { -webkit-flex-flow: nowrap; flex-flow: nowrap;} 
@media only screen and (max-width : 480px) { 
.cols_available_wrap { -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.cols_available { width:100%;  } 
}

.footer_icons_div i {  color:#39b54a; font-size:18px; line-height:30px; text-align:center; margin-left: 7px; }
.footer_icons_div .i {  color:#39b54a; font-size:18px; line-height:30px; text-align:center; margin-left: 9px; }

.footer_icons_div { border:2px solid #ffffff; height:35px; width:35px;  border-radius:50%; background:#000000; } 
@media only screen and (max-width : 480px) { 
.footer_icons_div i {  color:#39b54a; font-size:15px; line-height:30px; text-align:center; margin-left: 7px; }
.footer_icons_div .i {  color:#39b54a; font-size:18px; line-height:30px; text-align:center; margin-left: 8px; }

.footer_icons_div { border:2px solid #ffffff; height:35px; width:35px;  border-radius:50%; background: transparent; } 
}

.index_ref { background:url(../_img/index_ref_bg.jpg) center top;  }
@media only screen and (max-width : 480px) { 
.index_ref { background:none;  }
} 


.index_hak { display: -webkit-flex;  -webkit-flex-flow: row  wrap;  display: -webkit-box; display: -ms-flexbox; display: flex;  flex-wrap: wrap; flex-flow: row wrap;  width:100%; align-items: center; justify-content: space-between; max-width:1024px; margin:0 auto; } 
.index_hakk_1 { width:30%; padding:30px 30px; background: transparent; opacity: 0.8;}
.index_hakk_2 { width:60%; padding:20px 0; }
@media only screen and (max-width :768px) { 
.index_hakk_1 { width:100%; padding:20px; }
.index_hakk_2 { width:100%; padding:20px; }
}

.flex_genel_1 { display: -webkit-flex;  -webkit-flex-flow: row  wrap;  display: -webkit-box; display: -ms-flexbox; display: flex;  flex-wrap: wrap; flex-flow: row wrap;  width:100%; justify-content: space-between; align-items: center;  }
.cols_available_wrap2 { -webkit-flex-flow: nowrap; flex-flow: nowrap; }
.cols_available2 { width: -moz-available; width: -webkit-fill-available;  } 
.cols_available { width: -moz-available; width: -webkit-fill-available;  } 
.cols_available_wrap { -webkit-flex-flow: nowrap; flex-flow: nowrap;} 

.slogan_banner { font-family: 'Dancing Script', cursive; color:#009900; font-size:40px; line-height:40px; margin-bottom:15px;  text-align:right; }
@media only screen and (max-width :768px) { 
.slogan_banner {  font-family: 'Dancing Script', cursive; color:#009900; font-size:40px; line-height:40px; margin-bottom:10px;  text-align:center; }
.cols_available_wrap { -webkit-flex-flow: row wrap; flex-flow: row wrap; }
.cols_available { width:100%;  }

}

.diller{
    margin-right:15px;
    color:#575757;
}

.diller:hover{
    color:#007328;
    text-decoration: underline;
}