/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
















body{
	/*font-family:Roboto, Arial, Helvetica, sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	
	line-height:1.5;
	padding:0;
	margin:0;
	background-color: #f4f4f4;
	color:#686868;


}
.container{
	width:80%;
	
	margin:auto;
	overflow:hidden;

}


.container-services{
	width:90%;
	
	margin:auto;
	overflow:hidden;
	position:relative;

}
.menu{
	float:right;
	width:60%;
	
}
/*display*/
.flex{
display: flex;

}
.flex-f-rwrap{
	flex-flow: row wrap;
}
.flex-f-rnowrap{
	flex-flow: row nowrap;
}
.flex-jus-cont-even{
	justify-content: space-evenly;
}
.flex-jus-cont-betw{
	justify-content: space-between;
}
.flex-jus-cont-ar{
	justify-content: space-around;
}
.pos-relative{
	position: relative;
}
.pos-absolute{
	position: absolute;
}
/*width*/
.w40{
	width:40%;
}
.w50{
	width:50%;
}
.w60{
	width:60%;

}
.w70{
	width:70;
}
.w80{
	width:80%;
}
.w90{
	width:90%;
}
.w100{
	width:100%;
}
.mwid800{
	min-width: 800px;
}
/*align*/
.align-center{
	text-align: center;
}
.align-left{
	text-align: left;
}
.flex-align-center{
	align-items:center;
}
/*background color*/
.backcolor-white{
	background-color: white;
}
/*border*/
.border-black{
	border:1px solid black;
}
.border-gray{
	border:1px solid #7D9A9D;
}
/*gap*/
.gap5{
	gap:5px;
}
.gap10{
	gap:10px;
}
.gap15{
	gap:15px;
}
.gap20{
	gap:20px;
}
/*Contact Form*/

div.elem-group {
  margin: 20px 0;
}

label {
  display: block;
  font-family: Roboto;
  padding-bottom: 4px;
  font-size: 1.25em;
  color:#7D9A9D;
}

input, select, textarea {
  border-radius: 2px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 20px;
  /*font-family: 'Aleo';*/
  width: 40%;
  padding: 8px;
  color:#686868;
}

textarea {
  height: 250px;
}

button {
  height: 50px;
  background: green;
  color: white;
  border: 2px solid darkgreen;
  font-size: 1.25em;
  font-family: 'Aleo';
  border-radius: 4px;
  cursor: pointer;
}

button:hover {
  border: 2px solid black;
}


	




header ul{
	margin:0;
	padding:0;
	list-style-type:circle;
	list-style-position: inside;
	overflow:hidden;
	
}
footer ul{
	list-style-type:none;
	overflow:hidden;
	padding:3px;
	margin:0;
}
.button_1{
	height:38px;
	background:#FFAD1F;
	border:0;
	padding-left:20px;
	padding-right:20px;
	color:#fff;
}

header{
	background:#fff;
	color:#ffffff;
	padding-top:30px;
	min-height:70px;
	border-bottom:#FFAD1F 3px solid;
	
}
header a{
	color:#7D9A9D;
	text-decoration:none;
	text-transform:uppercase;
	font-size:20px;
}
footer a{
	color:white;
	text-decoration:none;
	
	/*font-size:16px;*/
}
footer li{
	/*float:left;*/
	text-align: left;
	padding:0;



}
.contact_form{
	display: flex;
	flex-flow: row wrap;
}
header li{
	/*float:left;*/
	display:inline;
	padding:0 10px 0 10px;



}
header #branding{
	/*float:left;*/
	width:30%;
	
}


#branding img{
	
	margin:auto;
	display:block;
	object-fit: contain;
	
}
header #branding h1{
	margin:0;
	
}
header nav{
	float:right;
	/*margin-top:10px;*/
	
}
/*Top Menu*/
.topmenu img{
	object-fit: contain;
	width:100%;
}
.topnav a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
  }
  
  .topnav a:hover {
	background-color: #ddd;
	color: black;
  }
  
  .topnav a.active {
	background-color: #04AA6D;
	color: white;
  }
  
  .topmenu .icon {
	display: none;
  }
/*Top Menu*/
.current #ad{
	color:#FFAD1F;
	font-weight:bold;
	border-bottom:solid 2px;
	
}

.dropbtn{
	cursor: pointer;
	
}
li.dropdown{
	
	display:inline-block;
}

header a:hover {
	color:#FFAD1F;
	/*border-bottom:solid 2px #FFAD1F;*/
	transition: all 500ms ease ;
	/*font-weight:bold;*/
	
	
}
#nav_c{
	position: relative;
}
.dropdown_content{
	display:none;
	position:absolute;
	background-color: #fff;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	
}
.dropdown_content a {
	color: #7D9A9D;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
   
  }
/*.show {display: block;}*/












#showcase{
	min-height:400px;
	/*background:url("img/INFATECH LOGO.jpg") no-repeat 0 100px;*/
	text-align:center;
	color:#cccccc;
	
}

#showcase h1{
		margin-top:100px;
		font-size:55px;
		margin-bottom:10px;
	
}
#newsletter{
	padding:2px;
	color:black;
	background:#7D9A9D;
	
}
#newsletter h1{
	float:left;
	
	
}

.index_contact h2{
	
	color:black;
	
	/*width:70%;*/
	font-family:Roboto;
	border-bottom:solid 2px #FFAD1F;
	margin:10px 0 0 0;
	display: inline-block;
	/*margin:20px auto 20px auto;*/
}
.index_contact{
	/*width:25%;*/
	height:80%;
	margin: 10px auto 80px auto;
	/*border-bottom:solid 2px #FFAD1F;*/
	float: left;
	text-align: left;
	
}
.index_contact_alt{
	

	border-bottom: 2px solid #FFAD1F;
	/*width:70%;*/
	margin:0 auto;

	
}


#boxes{
	margin-top:20px;
}	
#boxes .box{
	/*float:left;*/
	text-align:center;
	width:50%;
	height:400px;
	/*padding:5px;*/
	
	

}
#boxes .box img{
	width:90px;
	/*margin:15px auto 15px auto;*/
	display:block;
	/*border:solid 2px #7D9A9D;*/
	
}
#boxes .box a{
	display:inline-block;
	text-decoration:none;
	color:#7D9A9D;
	font-size:22px;
	font-family:Roboto;
}

#boxes .box-underline {
	width:80%;
	border-bottom:solid 2px #FFAD1F;
	margin:auto;
	display:inline;
	text-align:center;
}


/*Services*/
/*Services Box*/

.box-services{
	width:100%;
	/*height:400px;*/
	margin:0px auto;
	
	
}

/*.box-services img{
	width:100%;
	height:250px;
	margin:15px auto 15px auto;
	display:block;
	border:solid 2px #7D9A9D;
	/*object-fit:cover;/
	object-fit:none;
	object-position:-50px -50px;
	opacity:0.8;
	
}*/
.sheetfollower-box{
	width:80%;
	margin:auto;
}
.sac-sekil-box img{
	width:100%;
	height:350px;
	margin:15px auto 15px auto;
	display:block;
	border:solid 2px #7D9A9D;
	object-fit:cover;
	
	opacity:0.8;
	
}
.montaj-box img{
	width:100%;
	/*height:350px;*/
	margin:15px auto 15px auto;
	display:block;
	border:solid 2px #7D9A9D;
	object-fit:cover;
	
	opacity:0.8;
	
}
.kaynak-box img{
	width:100%;
	height:350px;
	margin:15px auto 15px auto;
	display:block;
	border:solid 2px #7D9A9D;
	object-fit:cover;
	position:relative;
	object-position:0px bottom;
	opacity:0.8;
	
}
.punch-box img{
	width:100%;
	height:450px;
	margin:15px auto 15px auto;
	display:block;
	border:solid 2px #7D9A9D;
	object-fit:cover;
	position:relative;
	object-position:0px bottom;
	opacity:0.8;
	
}
.belge-box img{
	width:50%;
	/*height:450px;*/
	padding:25px;
	/*display:block;*/
	/*border:solid 2px #7D9A9D;*/
	object-fit:cover;
	/*position:relative;
	object-position:0px bottom;*/
	opacity:0.8;
	
}
.taslama-box img{
	/*width:100%;*/
	height:450px;
	margin:15px auto 15px auto;
	display:block;
	border:solid 2px #7D9A9D;
	object-fit:cover;
	position:relative;
	object-position:0px bottom;
	opacity:0.8;
	
}
.adres{
	margin-top: 20px;
}

.services h1{
	color:#7D9A9D;
	/*margin:0 auto;*/
	width:35%;
	
}
.services h2{
	color:#7D9A9D;
	margin:0 auto;
	width:50%;
	
}
.services{
	width:100%;
	
	
	margin:auto;
	overflow:hidden;

	
}
#services_1{
	background-image:url("img/services_header.webp");
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	border-bottom:4px solid #FFAD1F; 
	padding:50px;
}

.parent-box-services{
	width:100%;
	text-align:center;
	margin:0 auto;
	
	
	
	
	
}
.box-services-collapsible{
	
	
	text-align:left;
	
}
.box-services a{
	display:inline-block;
	text-decoration:none;
	color:#7D9A9D;
	font-size:22px;
	font-family:Roboto;
	
	
}
.content-services{
	
	/*display:inline-block;*/
	width:33%;
	float:left;
	
}
.content-services-kaynak{
	
	/*display:inline-block;*/
	width:50%;
	float:left;
	/*min-width: 600px;*/
	
}
.content-services-montaj{
	
	/*display:inline-block;*/
	width:100%;
	float:left;
	
}
.content-services-abkant{
	
	/*display:inline-block;*/
	width:80%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	/*float:left;*/
	
}
.content-services-sheetfollower{
	
	/*display:inline-block;*/
	width:100%;
	margin: auto;
	/*text-align: left;*/
	display: flex;
	flex-flow: nowrap;
	justify-content: space-evenly;
	align-items: center;
	/*font-size: 16px;*/
	/*float:left;*/
	
}
.content-services-sheetfollower p{
	
	/*display:inline-block;*/
	width:80%;
	margin: auto;
	text-align: left;
	
	align-items: center;
	
	
}
.content-services-sheetfollower-sub{
	
	/*display:inline-block;*/
	width:80%;
	margin: auto;
	text-align: left;
	display: flex;
	flex-flow: nowrap;
	justify-content: center;
	align-items: center;
	/*font-size: 16px;*/
	/*float:left;*/
	
}
.content-services-sheetfollower-sub1{
	
	/*display:inline-block;*/
	width:80%;
	margin: auto;
	text-align: left;
	display: flex;
	flex-flow: nowrap;
	justify-content: space-evenly;
	align-items: center;
	/*font-size: 16px;*/
	/*float:left;*/
	
}

.content-services-tozboya{
	
	/*display:inline-block;*/
	width:80%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	/*float:left;*/
	
}
.content-services-misyon{
	
	/*display:inline-block;*/
	width:60%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	gap:5px;
	
	
}
.content-services-misyon h2{
	
	
	width:70%;
	margin: 0;
	text-align: left;
	
	
	
	
}
.content-services-misyon-alt{
	
	
	width:60%;
	margin: auto 10px;
	text-align: left;
	/*font-size: 16px;*/
	
	
	
}
.content-services-musteri{
	
	/*display:inline-block;*/
	width:60%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	gap:5px;
	/*overflow: hidden;
	position: relative;
	/*float:left;*/
	
}
.content-services-belge{
	
	/*display:inline-block;*/
	width:60%;
	margin: auto;
	
	/*font-size: 16px;*/
	/*display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	gap:5px;*/
	/*overflow: hidden;
	position: relative;
	/*float:left;*/
	
}
.content-services-hakkımızda{
	
	/*display:inline-block;*/
	width:70%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	/*position: relative;
	/*float:left;*/
	
}

.content-services-hakkımızda h2{
	
	
	width:70%;
	margin: 0;
	text-align: left;
	
	overflow: hidden;
	position: relative;
	
	
}
.content-services-musteri-alt{
	
	
	width:60%;
	margin: auto 10px;
	text-align: left;
	/*font-size: 16px;*/
	
	
}
.content-services-belge-alt{
	
	
	width:100%;
	margin: auto;
	
	/*font-size: 16px;*/
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	
	
}
.content-services-hakkımızda-alt{
	
	/*display:inline-block;*/
	width:60%;
	margin: auto 20px;
	text-align: left;
	/*font-size: 16px;*/
	padding:20px;
	
	
}
.content-services-punch{
	
	/*display:inline-block;*/
	width:80%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	/*float:left;*/
	
}
.content-services-punch1{
	
	
	width:80%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	
	
}
.content-services-punch1-alt{
	
	
	width:50%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	
	
	
}
.content-services-punch1-alt1{
	
	
	width:50%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	min-width: 400px;
	
	
	
}

.content-services-taslama{
	
	/*display:inline-block;*/
	width:80%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	/*float:left;*/
	overflow: hidden;
	
}
.content-services-taslama-makina{
	
	/*display:inline-block;*/
	width:60%;
	margin:15px auto;
	text-align: left;
	/*font-size: 16px;*/
	/*float:left;*/
	
	
}
.content-services-taslama-makina-alt0{
	
	
	width:100%;
	/*margin: auto;*/
	text-align: left;
	/*font-size: 16px;*/
	display: flex;
	flex-flow: row wrap;

	justify-content: space-evenly;
	gap:5px;
	
	
	
}
.content-services-taslama-makina-alt0 img{

	
	width: auto;
	height: 400px;
	
	border:none;
	border-radius:5px;

}
.content-services-taslama-makina-alt1{
	
	/*display:inline-block;*/
	width:40%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	float:left;
	overflow: hidden;
	
	
}
.content-services-taslama-makina-alt1 img{

	
	width: auto;
	height: 400px;
	
	border:none;
	border-radius:5px;

}
.content-services-taslama-makina-alt2{
	
	/*display:inline-block;*/
	width:60%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	float:left;
	overflow: hidden;
	
}
.content-services-taslama-makina-alt3{
	
	
	width:80%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	display: flex;
	flex-flow: row wrap;
	overflow: hidden;
	justify-content: space-evenly;
	gap:5px;
	
	
}
.content-services-taslama-makina-alt4{
	
	
	width:80%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	display: flex;
	flex-flow: row wrap;
	overflow: hidden;
	justify-content: space-evenly;
	gap:5px;
	
	
}
.content-services-taslama-makina-alt5{
	
	/*display:inline-block;*/
	width:80%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	display: flex;
	flex-flow: row wrap;
	overflow: hidden;
	justify-content: center;
	gap:5px;
	
}
.content-services-taslama-makina-alt4 img{

	
	width: auto;
	height: 350px;
	object-fit: cover;
	border:none;
	border-radius:5px;
	margin:0 auto;


}
.content-services-taslama-makina-alt3 img{

	float:left;
	width: auto;
	height: 350px;
	object-fit: cover;
	border:none;
	border-radius:5px;


}
.content-services-taslama-makina-alt5 img{

	
	width: auto;
	height: 300px;
	object-fit: cover;
	border:none;
	border-radius:5px;


}

.content-services-taslama-makina h2{
	
	/*display:inline-block;*/
	width:90%;
	margin: 0;
	text-align: left;
	
	/*float:left;*/
	overflow: hidden;
	
}
.content-services-musteri-alt h2{
	
	/*display:inline-block;*/
	width:90%;
	margin: 0;
	text-align: left;
	
	/*float:left;*/
	overflow: hidden;
	
}
.content-services-ankraj{
	
	/*display:inline-block;*/
	width:60%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	/*float:left;*/
	overflow: hidden;
	
}
.content-services-ankraj-alt{
	
	/*display:inline-block;*/
	width:100%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	/*float:left;*/
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	gap:5px;

	
}
.content-services-ankraj-alt img{
	
	border: 2px solid gray;
	
}
#rbg-img
{
	background-color: lightgray;

}
.content-services-ankraj h2{
	
	/*display:inline-block;*/
	width:60%;
	margin: 0;
	text-align: left;
	
	/*float:left;*/
	overflow: hidden;
	
}
.content-services-punch-form{
	
	/*display:inline-block;*/
	width:80%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	overflow: hidden;
	
	
	
	/*float:left;*/
	
}
.content-services-punch-form1{
	
	/*display:inline-block;*/
	width:100%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	overflow: hidden;
	
	display:flex;
	flex-flow:row wrap;
	
	/*float:left;*/
	
}
.content-services-punch-form img{

	/*float: left;*/
	
	width: auto;
	height: 350px;
	margin: 15px;
	border:none;


}
.content-services-ankraj img{

	float: left;
	width: auto;
	height: 300px;
	margin: 5px;
	/*border:none;*/
	


}
.content-services-misyon img{

	object-fit: contain;
	width:35%;
	border:none;
	height: auto;
}
.content-services-musteri img{

	object-fit: contain;
	width:35%;
	border:none;
	height: auto;
}
.content-services-hakkımızda img{

	
	width:35%;
	border:none;
	height: auto;
	object-fit: contain;
}
.content-services-abkant2{
	
	/*display:inline-block;*/
	width:80%;
	margin: auto;
	text-align: left;
	/*font-size: 16px;*/
	overflow: hidden;
	/*float:left;*/
	
}

.content-services-abkant ul{
	
	/*display:inline-block;*/
	text-align: left;
	width:80%;
	margin: auto;
	/*float:left;*/
	
}

.content-services img{
	width:70%;
		
}

.content-services-kaynak img{
	
	width:60%;
	
	
}
.content-services-abkant img{
	
	width: 60%;
	

	
	
}
.content-services-sheetfollower img{
	
	width: 80%;
    /*height: 1410px;*/
    margin: 15px ;
    display: block;
    border: solid 2px #7D9A9D;
    object-fit: cover;
    position: relative;
    object-position: 0px bottom;
    opacity: 0.8
	

	
	
}
.content-services-sheetfollower-sub img{
	
	width: 100%;
    height: 450px;
    margin: 15px ;
    display: block;
    border: solid 2px #7D9A9D;
    object-fit: cover;
    position: relative;
    object-position: 0px bottom;
    opacity: 0.8
	

	
	
}
.content-services-sheetfollower-sub1 img{
	
	width: 100%;
    /*height: 450px;*/
    margin: 15px ;
    display: block;
    border: solid 2px #7D9A9D;
    object-fit: cover;
    position: relative;
    object-position: 0px bottom;
    opacity: 0.8
	

	
	
}


.content-services-tozboya img{
	
	width: 80%;
	height : 450px;
	

	
	
}
.content-services-abkant2 img{
	
	width: 50%;
	float:left;
	object-fit: cover;
	object-position: center;

	
	
}


.content-services-montaj img{
	
	width:30%;
	
}
.content-services-kaynak p{
	
	width:80%;
	margin:auto;
}
.content-services-abkant p{
	
	width:80%;
	/*font-size: 16px;*/
	margin:auto;
}
.content-services-montaj p{
	margin:auto;
	width:80%;
}
.content-services-abkant h2{
	
	text-align: center;
}
.content-services-punch h2{
	width:80%;
	text-align: center;
	margin:10px auto;
}
.content-services-taslama h2{
	width:80%;
	text-align: center;
	margin:10px auto;
}

.content-services-abkant table {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 80%;
	margin:auto;
  }
  
.content-services-abkant  td, th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
  }
  
.content-services-abkant  tr:nth-child(even) {
	background-color: #dddddd;
  }

.punch-kesim-form{
	width:100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;

}




.punch-kesim-form1 {
	
	
	font-size: 18px;
	height:80px;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap:2px;
	min-width: 270px;
}
.punch-kesim-form2 {
	
	
	font-size: 18px;
	

	height:100px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap:2px;
	min-width: 270px;
}
.punch-kesim-form3 {
	
	overflow:hidden;
	width:100%;
	font-size: 18px;
	
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	gap:2px;
	
}
.punch-kesim-form3 textarea{

	resize: none;
	width:40%;
	height:40px;
	padding:0;
	


}

.punch-kesim-form4 {
	
	
	width:80%;
	font-size: 18px;
	margin:5px;
	display: flex;
	justify-content: center;
	/*height:50px;*/
}
.punch-kesim-form1 label{
	
	
	width:50%;
	
	line-height: 40px;
	padding: 0px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.punch-kesim-form2 label{
	
	
	
	padding: 5px 0;
}
.punch-kesim-form2 input[type="radio"]{
	/*float:left;*/
	overflow:hidden;
	width:30px;
	font-size: 18px;
	padding:0;
}

.punch-kesim-form1 input[type="number"]{
	/*float:left;*/
	
	width:40%;
	font-size: 18px;
	
	padding:0;
	height: 40%;
	text-align: center;
	
}

/*
.sac-sekil{
	/*position: relative;
    background: #5C97FF;
    overflow: hidden;
	width:100%;
	
	padding:400px 0 0 0;//
	 position: relative;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #f1f1f1;
	width: 100%;
	height:400px;
	padding: 20px;
	
}
*/

.sac-sekil{
  width:100%; 
  
    position:relative;
    display:inline-block;
    margin:0px;
}
.sac-sekil-box{
	
	position:relative;
}
.baslık{
	position:absolute;
	bottom:0px;
	left:50%;
	transform: translate(-50%, 0);
	background-color:rgba(0, 0, 0, 0.5);
	width:100%;
	height:100px;
	border-bottom:4px solid #FFAD1F;
}
.baslık h1{
	width:100%;
	/*margin:auto;*/
}
/*
.sac-sekil:after{
	background-image:url(img/img1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	/*background-color: rgba(220, 220, 220, 0.9) !important;*/
	/*height:300px;*/
	/*background-blend-mode: color;
	opacity:0.6;
	
	content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
	background-position:50% 0;
	
	
}*/
.vid{
	display:inline-block;
	position:relative;
	width:100%;
	height:600px;
	overflow:hidden;
	
}
.vid img{
	
	
	
	display:block;
	object-fit:cover;
	position:relative;
	object-position:0px 0px;
	
	
	
}
#Video-sac-sekil {
  	
	position: absolute; 
    /*top: -1100px;*/
	/*top:-40px;*/
	left:0; 
	height:100%;
    
    z-index: -1;
	width:100%;
	background-size:cover;
	object-fit:cover;
	
	filter:grayscale(100%);
}
#Video-kaynak {
  	
	position: absolute; 
    /*top: -1100px;*/
	/*top:-1100px;*/
	left:0;
	height:100%;	
    
    z-index: -1;
	width:100%;
	background-size:cover;
	object-fit:cover;
	
	filter:grayscale(100%);
}

.box-services h1{
	font-family:Roboto;
	color:white;
	
	font-size:35px;
	display:inline-block;
	position:relative;
	z-index: 2;
	/*border-bottom:4px solid #FFAD1F;*/
	
}


.collapsible-service {
 
  color: white;
  cursor: pointer;
  
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  /*font-size: 15px;*/
  border:solid 2px grey;
}


 .collapsible-service:hover {
  /*background-color: rgb(255, 173, 31,0.5);*/
  background-color:rgb(217, 217, 217,0.7);
}
.collapsible-service:after {
  content: '\002B';
  
  color: white;
  font-weight: bold;
  float: right;
  margin-right: 25px;
  font-size:25px;
}















/*End Services*/




.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  
  /*background-color: #f1f1f1;*/
  transition: max-height 0.2s ease-out;
}

.collapsible {
 
  color: white;
  cursor: pointer;
  padding: 5px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
}


 .collapsible:hover {
  /*background-color: rgb(255, 173, 31,0.5);*/
  background-color:rgb(217, 217, 217,0.7);
}
.collapsible:after {
  content: '\002B';
  
  color: #7D9A9D;
  font-weight: bold;
  float: right;
  margin-right: 25px;
  font-size:20px;
}

.active:after {
  content: "\2212";
}







.main-footer{
		
	
	
	width:60%;
	overflow: hidden;
	position: relative;
	margin:auto;
	display: flex;
	flex-flow: row wrap;
	overflow: hidden;
	justify-content: space-evenly;
	gap:5px;
	

}

footer{
	padding:5px;
	margin-top:50px;
	color:#fff;
	background-color:#919191;
	/*text-align: center;*/
	display:block;
	font-size: 14px;

}

/*Slideshow*/
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
  
}
.slideshow2{
	min-width: 400px;
}
/* Hide the images by default */
.homepageSlides {
  display: none;
}
.hizmetlerSlides{
  display: none;
}
.mySlides{
	display: none;
  }
.mySlides1{
	display: none;
  }

.mySlides2{
	display: none;
  }


/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}
.prev2, .next2 {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
  }

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* Position the "next button" to the left */
.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}
.next2 {
	right: 0;
	border-radius: 3px 0 0 3px;
  }
  /* Position the "next button" to the left */
.prev2 {
	left: 0;
	border-radius: 3px 0 0 3px;
  }


/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

.prev2:hover, .next2:hover {
	background-color: rgba(0,0,0,0.8);
  }

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}


/*loading icon*/





 .no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	
	background: url(./gif/131.gif) center no-repeat #fff;
}





/*.active, .dot:hover {
  background-color: #717171;
}*/

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@media screen and (max-width: 600px) {
	.w100-600{
		width: 100%;
	}
	.w80-600{
		width: 80%;
	}
	#boxes .box{
		width:100%;
	}
	.main-footer{
		width:100%;
	}
	.index_contact{
		width: 100%;
	}
	.index_contact_alt{
		/*width:50%;*/
		margin:0 20px;
		display:inline-block;
	}
	.content-services-kaynak img{
		width:80%;
	}
	.content-services-kaynak{
	
		min-width: 400px;
		
	}
	.index_contact{
		margin:10px auto;
	}
	.content-services-abkant2 img{
		width:100%;
	}
	.content-services-abkant img{
		width:100%;
	}
	.content-services-hakkımızda-alt{
		width:100%;
	}
	.content-services-hakkımızda{
		width: 90%;
	}
	.content-services-misyon {
		width: 100%;
 	}
	.content-services-misyon img{
		 width:100%;
	}
	.content-services-musteri{
		width:100%;
	}
	.content-services-musteri img{
		width:80%;
	}
	.content-services-musteri-alt{
		width:80%;
	}
	.content-services-belge{
		width:80%;
	}
	.content-services-belge-alt{
		width:80%;
	}
	.content-services-belge-alt img{
		width:80%;
	}
	.content-services-punch1-alt{
		width:100%;
	}
	.content-services-abkant p{
		width: 100%;
	}
	.content-services-kaynak p{
		width:100%;
	}
	.services h2{
		width:100%;
	}
	.contact-form{
		order:2;
	}
	.adres{
		order:1;
		margin: 0;
	}
	/*.topmenu li:not(:first-child) {display: none;}*/
	/*.topmenu li {display: none;}*/
	.topmenu ul:not(.dropdown_content) {
	display: none;
	position:absolute;
	background-color: #fff;
	width: 100%;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	flex-flow: column;
		top:100%;
		left:0;
		overflow:visible;
		
	}
  	.topmenu div.icon {
    
    display: block;
  	}
	.topmenu>div>a{
		display: flex;
		align-items: center;
		height:30px;
	}
	.topmenu.responsive {position: relative;}
  	.topmenu.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  	}
  	.topmenu.responsive div {
  	  float: none;
    display: block;
    text-align: left;
  	}
	.show ul:not(.dropdown_content){
		display:flex !important;
	}
	

	.dropdown_content{
		display: flex;
		position: static;
		box-shadow: none;
		flex-flow: column nowrap;

	}
	.dropdown_content a{
		padding:0 5px;
	}

	.topmenu{
		display: flex;
		flex-flow: row nowrap;
		gap:20px;
		width:70%;
		justify-content: space-between;
		
	}
	.contact_form{
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
	}
	.contact-header{
		text-align: center;
	}
		
	
}
  @media screen and (min-width:600px) and (max-width: 1000px){
	.w100-1000{
		width: 100%;
	}
	.w80-1000{
		width: 80%;
	}
	#boxes .box{
		width:100%;
	}
	.content-services-kaynak img{
		width:80%;
	}
	.content-services-kaynak{
	
		min-width: 600px;
		
	}
	.index_contact{
		margin:10px auto;
	}
	.content-services-abkant2 img{
		width:100%;
	}
	.content-services-abkant img{
		width:100%;
	}
	.content-services-hakkımızda-alt{
		width:100%;
	}
	.content-services-hakkımızda{
		width: 90%;
	}
	.content-services-misyon {
		width: 100%;
 	}
	 .content-services-misyon img{
		width:60%;
	}
	.content-services-musteri{
		width:100%;
	}
	.content-services-musteri img{
		width:60%;
	}
	.content-services-musteri-alt{
		width:80%;
	}
	.content-services-belge{
		width:80%;
	}
	.content-services-belge-alt{
		width:100%;
	}
	.content-services-belge-alt img{
		width:50%;
	}
	.content-services-punch1-alt{
		width:100%;
	}
	.content-services-abkant p{
		width: 100%;
	}
	.content-services-kaynak p{
		width:100%;
	}
	.services h2{
		width:100%;
	}
	.contact-form{
		order:2;
	}
	.adres{
		order:1;
		margin:0;
	}
	.topmenu ul:not(.dropdown_content) {
		display: none;
		position:absolute;
		background-color: #fff;
		width: 100%;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
		flex-flow: column;
			top:100%;
			left:0;
			overflow:visible;
			
		}
		  .topmenu div.icon {
		
		display: block;
		  }
		.topmenu>div>a{
			display: flex;
			align-items: center;
			height:30px;
		}
		.topmenu.responsive {position: relative;}
		  .topmenu.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
		  }
		  .topmenu.responsive div {
			float: none;
		display: block;
		text-align: left;
		  }
		.show ul:not(.dropdown_content){
			display:flex !important;
		}
		
	
		.dropdown_content{
			display: flex;
			position: static;
			box-shadow: none;
			flex-flow: column nowrap;
	
		}
		.dropdown_content a{
			padding:0 5px;
		}
	
		.topmenu{
			display: flex;
			flex-flow: row nowrap;
			gap:20px;
			width:70%;
			justify-content: space-between;
			
		}
		.contact_form{
			display: flex;
			flex-flow: column nowrap;
			align-items: center;
		}
		.contact-header{
			text-align: center;
		}
}
@media (min-width: 1000px){
    .dropdown:hover .dropdown_content{
	
		display:flex;
		flex-flow: column nowrap;
		
	}  
	
}