@import url('https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,500,600,700&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500&display=swap&subset=latin-ext');

body {
	
	margin:0px;
	background-color:#fff;
}
body.p1 a.p1, body.p2 a.p2, body.p3 a.p3, body.p4 a.p4, body.p5 a.p5, body.p6 a.p6, body.p7 a.p7 {

color:#000;

}

a {
    text-decoration: none;
    color: #333;
}

    a:hover {
        text-decoration: none;
		color:#56ADDA;
    }

.text-direction-left
{text-align:left;
}
.text-direction-right
{text-align:right;
}
.text-direction-center
{text-align:center !important;
}
.text-red { color:#EE1B2E}
.t-center {text-align:center}
.footer-caption{
font-family: 'Roboto Condensed', sans-serif;
font-weight:700;
font-size:14px; 
color:#000;
font-style: normal;
text-transform: normal;
	letter-spacing:.05em!important;
line-height:3em;


}
.footer-text{
font-family: 'Roboto Condensed', sans-serif;
font-weight:400;
	font-size:13px;
    text-sesaation: none;
	text-decoration:none;
	color:#333;
	line-height:1.5em;
}
.footer-text a{
    
	color:#333 !important;
}
.footer-text a:hover{
    
	color:#EC1D2D !important;
}
.index-caption{
font-family: 'Raleway', sans-serif;;
		font-weight:500;
	font-size:19px;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
}
.content-caption{
font-family: 'Raleway', sans-serif;;
		font-weight:400;
	font-size:25px;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
	color:#000;
}
.tablo-caption{
font-family: 'Raleway', sans-serif;;
		font-weight:400;
	font-size:19px;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
}
.index-caption-2{
font-family: 'Raleway', sans-serif;
		font-weight:500!important;
	font-size:32px;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
	color:#000;

}
.index-text{
font-family: 'Roboto Condensed', sans-serif;
		font-weight:400;
	font-size:18px;
	color:#666;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;

}
.content-text{
font-family: 'Roboto Condensed', sans-serif;
		font-weight:300;
	font-size:15px;
	color:#28364B;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
}
.content-top-caption{
font-family: 'Raleway', sans-serif;;
		font-weight:200;
	font-size:37px;
	color:#FFF;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
	letter-spacing:.14em!important;
}
.content-top-caption-s{
font-family: 'Raleway', sans-serif;;
		font-weight:200;
	font-size:25px;
	color:#FFF;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
	letter-spacing:.14em!important;
}
.content-top-more {
font-family: 'Roboto Condensed', sans-serif;
		font-weight:300;
	font-size:13px;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
		color:#fff;
	letter-spacing:.11em!important;

}
.content-top-more a {
	color:#fff;

}
.content-top-more a:hover {
	color:#000;
}
.sticky {
  position: -webkit-sticky;

  position:sticky;
  width:100%;
  height:80px;
  top: 0;
  margin:0px !important;

  padding:0px !important;
    z-index:999;
	background:#fff;
	border-bottom:solid 1px #f8f8f8;
  
}
.icon-bar {
	float:left;
  position: fixed;
  width:60px;
  height:60px;
  top: 85%;
    z-index:999;

	left:10px;

}
#clear-fix {
	clear: both;
}
#header-nav {

		z-index:1000;
		  position: fixed;
  display: block;
  transition: top 0.3s;
  width:100%;
  background:#fff;
  margin:0;
  padding:0;
  top:0;
	

}
#navbar1 {
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  display: block;
  transition: top 0.3s;
  z-index:10000;
}

.footer {
	width: 100%;
	margin-top:0px;
	border-top:solid 0px #e8e8e8;
	text-align:center;
	background:#A2A3A7;
}
.index-link
{
		color:#2b2e31;  !important;
}
.index-link:hover
{
	color:#EC1D2D !important ;
}
.image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
}
.image-box img {
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.image-box:hover img {
    transform: scale(1.1);

}

#div-footer-all {
	width:1140px;
	margin-left:auto;
	margin-right:auto;
	
}
#div-footer-box
{
	width:25%;
	padding:30px 10px 30px 10px;
	float:left;
	text-align:left;
	
	
}
#footer-footer {
	width: 100%;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
border-top:solid 1px #c8c8c8;
background:#e8e8e8;
}
#index-full {
width:100%;
background:#e8e8e8;
margin-top:80px;
padding-bottom:50px;
padding-top:80px;
}
#index-full1 {
width:100%;
background:#fff;
padding-bottom:50px;
background-image:url(img/shape-2.png);
background-attachment: fixed;
width:100%;min-height:100%;top:0;left:0;background-size:cover;background-position:center;overflow:hidden;will-change:transform,opacity,filter;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-repeat:no-repeat
}
#index-container {
	width:1200px;
	padding:5px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
}
#index-text-container {
	width:auto;
	padding-top:100px;
		padding-bottom:100px;

	position:relative;
	margin-left:auto;
	margin-right:auto;
	
}
#animasyon {
	width:100%;
	margin-top:80px;
	
}
#index-services
{
	width:33.3%;
	padding:0px;
	float:left;
	}
#index-services-box-text
{
	margin-top:-42px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	z-index:5;
	background-color: #e8e8e8;
	padding:30px;
		position:relative;
		margin-bottom:0px;
		


	}
	#index-services1
{
	width:50%;
	padding:25px;
	float:left;
	}

		#index-services-box1
{
	width:100%;
	padding:50px;
	background:#e8e8e8;
	text-align:center;
	height:306px;
	}
		#index-services-box
{
	width:100%;
	padding:0px;
	}

	#index-services-box-text1
{
	margin-top:0px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	z-index:5;
	padding-top:30px;
		position:relative;
		margin-bottom:0px;
		


	}

#social-icon{
		float:left;
		margin-right:10px;
		margin-top:10px;
	}
	
#div-line
{
	height:1px;
	background:#fff;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
}
#content-title {
	width: 100%;
	background:#EC1D2D;
	position:relative;
	padding-top:100px;

}
#content-full 
{
	width:100%;
	background:#F1F0E8;
	padding:30px 0 30px 0;
}
#content-title-caption {
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding:50px 0 50px 0;
}

#content-product {
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	padding:50px;
	position:relative;
	background:#fff;
    }
#content-img {
	float:right;  
	margin-left:10px;
	width:500px;
	}
	
#content-div{
	width:58%;
	z-index:10;
	float:right;
	position:relative;
	margin-top:50px;
	padding:30px;
	margin-right:-8%;
	background:#fff;
}

#content-div-img{
	margin-left:0;
	width:50%;
	float:right;
	position:relative;
	background:#fff;
	height:700px;
}
#content-service-div
{
	width:50%;
	float:left;
	padding:30px;	
}
#content-service-div-picture
{
	width:20%;
	float:left;
}
#content-service-div-text
{
		width:80%;
	float:left;

}

.col-container {
  display: flex;
  width: 100%;
}
.col {
	float:left;
  flex: 1;
  padding: 5px;
  width:33.3%;
}
  .carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.cd-auto-hide-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  transition: transform .5s;
  z-index:11000;
  background:#fff;
    box-shadow: 0 1px 25px rgba(0,0,0, .1);

}
.cd-auto-hide-header.is-hidden {
  transform: translateY(-100%);
}
#div-cert{
	float:none;
	width:580px;
	margin-right:auto;
	margin-left:auto;
}
#div-certificate{
	float:left;
	width:250px;
	padding:10px;
	border:solid 1px #e8e8e8;
	margin:20px;
}
#div-iletisim
{
	width:50%;
	float:left;
}
@media screen and (min-width : 1280px) {
	
	.index-text-w{
	margin-left:auto;
	margin-right:auto;
font-family: 'Roboto Condensed', sans-serif;	
font-size:20px;
		font-weight:400;
	color:#fff;
    text-sesaation: none;
	text-decoration:none;
	line-height:2em;
}
.slide-text{
font-family: 'Roboto Condensed', sans-serif;
		font-weight:400;
	font-size:22px;
	   opacity:0.8;
    filter:alpha(opacity=10);
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
	margin-top:100px;

}
	.section {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: hidden;

}
#header-nav-top{
	height: 80px;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
		z-index:1000;
		position:relative;
}	

}
@media screen and (min-width : 960px)  and (max-width : 1279px){
.slide-text{
font-family: 'Roboto Condensed', sans-serif;
		font-weight:400;
	font-size:22px;
	   opacity:0.8;
    filter:alpha(opacity=10);
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
	margin-top:100px;

}
#header-nav-top{
	height: 80px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
		z-index:1000;
		position:relative;
}	
#div-footer-all {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:30px;
	padding-top:30px;
	
}
#index-full-service{
	padding-top:0px;
	padding-bottom:0px;
	float:none;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}

	#index-content-index{
	float:none;
	width:860px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}

#slide-content-index{
	float:none;
	width:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	visibility:hidden;
	}
#index-services
{
	width:33.3%;
	padding:0px;
	float:left;
	}
	#index-services-box
{
	width:100%;
	padding:0px;
	padding-bottom:0px;
	}
	
				#index-services-box-text
{
	margin-top:-30px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	z-index:5;
	background-color: #E8E8E8;
	padding:30px;
		position:relative;


	}


#content-title-caption {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding:50px 0 50px 0;
}

#content-product {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding:30px;
	position:relative;
    }

#content-img {
	float:right;  
	margin-left:10px;
	width:300px;
	}
#index-container {
	width:960px;
	padding:5px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
}
	#index-services1
{
	width:50%;
	padding:25px;
	float:left;
	}

		#index-services-box1
{
	width:100%;
	padding:50px;
	background:#e8e8e8;
	text-align:center;
	height:306px;
	}
		#index-services-box
{
	width:100%;
	padding:0px;
	}

	#index-services-box-text1
{
	margin-top:0px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	z-index:5;
	padding-top:30px;
		position:relative;
		margin-bottom:0px;
		


	}
	#index-text-container {
	width:auto;
	padding-top:80px;
		padding-bottom:80px;

	position:relative;
	margin-left:auto;
	margin-right:auto;
	
}
}
@media screen and (min-width : 576px)  and (max-width : 959px){
.slide-text{
font-family: 'Roboto Condensed', sans-serif;
		font-weight:400;
	font-size:22px;
	   opacity:0.8;
    filter:alpha(opacity=10);
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
	margin-top:100px;

}

#header-nav-top{

	height:80px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
		z-index:1000;
		position:relative;
}
#div-footer-all {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:30px;
	padding-top:30px;
	
}
#div-footer-box
{
	width:50%;
padding:20px;
	float:left;
	text-align:left;
	
	
}
#index-content-index{
	float:none;
	width:96%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	#index-full-service{
	padding-top:0px;
	padding-bottom:0px;
	float:none;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	#index-full {
	width:100%;
	padding:0px;
	background-color: #e8e8e8;

}
#index-content-index{
	float:none;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	#slide-content-index{
	float:none;
	width:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	visibility:hidden;
	}
		#index-services
{
	width:50%;
	padding:0px;
	float:left;
	}

#content-title-caption {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding:50px 0 50px 0;
}

#content-product {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding:20px;
    }
#content-service-div
{
	width:100%;
	float:left;
	padding:20px;	
}
#content-img {
	float:right;  
	margin-left:10px;
	width:250px;
	}
			#iletisim-services
{
	width:100%;
	padding-top:10px;
	float:left;
	}
#index-container {
	width:100%;
	padding:5px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
}
	#index-services1
{
	width:50%;
	padding:25px;
	float:left;
	}

		#index-services-box1
{
	width:100%;
	padding:50px;
	background:#e8e8e8;
	text-align:center;
	height:306px;
	}
		#index-services-box
{
	width:100%;
	padding:0px;
	}

	#index-services-box-text1
{
	margin-top:0px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	z-index:5;
	padding-top:30px;
		position:relative;
		margin-bottom:0px;
		


	}
	#index-text-container {
	width:auto;
	padding-top:60px;
		padding-bottom:60px;

	position:relative;
	margin-left:auto;
	margin-right:auto;
	
}	

#div-cert{
	float:none;
	width:570px;
	margin-right:auto;
	margin-left:auto;
}
#div-certificate{
	float:left;
	width:250px;
	padding:10px;
	border:solid 1px #e8e8e8;
	margin:15px;
}
#div-iletisim
{
	width:100%;
	float:left;
}
}
@media screen and (min-width : 120px)  and (max-width : 575px){

#header-nav-top{
	height: 80px;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
		z-index:1000;
		position:relative;
}
#div-footer-all {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	
}
#div-footer-box
{
	width:50%;
padding:20px;
	float:left;
	text-align:left;
	
	
}
#index-content-index{
	float:none;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	#index-full-service{
		padding:0px;
	float:none;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	#index-services
{
	width:100%;
	padding:0px;
	float:left;
	}
	#index-full {
	width:100%;
	padding:0px;
	background-color: #e8e8e8;
	margin-top:80px;

}
#slide-content-index{
	float:none;
	width:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	visibility:hidden;
	}

#content-title-caption {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding:30px 0 30px 0;
}

#content-product {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding:30px;
	position:relative;
    }
#content-service-div
{
	width:100%;
	float:left;
	padding:10px;	
}
#content-img {
	float:right;  
	margin-left:0px;
	width:100%;
	padding-bottom:20px;
	}
		#icerik-services
{
	width:100%;
	padding:0px;
	float:left;
	}
		#iletisim-services
{
	width:100%;
	padding-top:10px;
	float:left;
	}
#index-full-3 {
	width:100%;
	background-color: #d8d8d8;
	padding:20px;
}
#index-container {
	width:100%;
	padding:5px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	
}
	#index-services1
{
	width:100%;
	padding:25px;
	float:left;
	}

		#index-services-box1
{
	width:100%;
	padding:50px;
	background:#e8e8e8;
	text-align:center;
	height:306px;
	}
		#index-services-box
{
	width:100%;
	padding:0px;
	}

	#index-services-box-text1
{
	margin-top:0px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	z-index:5;
	padding-top:30px;
		position:relative;
		margin-bottom:0px;
	}
	
	#index-text-container {
	width:auto;
	padding-top:50px;
		padding-bottom:50px;

	position:relative;
	margin-left:auto;
	margin-right:auto;
	
}
#content-full 
{
	width:100%;
	background:#F1F0E8;
	padding:0px;
}
#div-cert{
	float:none;
	width:250px;
	margin-right:auto;
	margin-left:auto;
}
#div-certificate{
	float:none;
	width:250px;
	padding:20px;
	border:solid 1px #e8e8e8;
	margin:0px;
	margin-top:20px;
}
.content-top-caption{
font-family: 'Raleway', sans-serif;;
		font-weight:200;
	font-size:25px;
	color:#FFF;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
	letter-spacing:.14em!important;
}
.content-caption{
font-family: 'Raleway', sans-serif;;
		font-weight:400;
	font-size:20px;
    text-sesaation: none;
	text-decoration:none;
	line-height:1.5em;
	color:#000;
}	
#div-iletisim
{
	width:100%;
	float:left;
}
	}