@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body{
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  background-color: #fff;
  font-weight: 400;
  color:#1D1D1B;
}
a{
	text-decoration:none;
}
span{
	color:#BE1622;
	font-size:12px;
}
header {
  width: 100%;
  position: fixed;
  top: 0;
  padding: 20px 0;
  z-index: 999;
  transition: 1s;
  background-color: #BE1622;
}
.header.sticky {
    background-color: #1D1D1B;
}
.header.sticky .menu li a:hover{
	margin: 0 10px;
	color:#BE1622;
	font-weight:bold;

}
.header.sticky .logo{
   margin-top:0;
        max-width: 90px;
}
.header.sticky .menu{
	margin-top:10px;
}
.sabit .logo{
	margin-top:0;
	max-width:90px;
}
.sabit .menu{
	margin-top:10px;
}

.logo {
		margin-top:10px;
        max-width: 200px;
        margin-right: 15px;		
		transition:0.6s;
}
.menu{
	float:right;
	margin-top:30px;
	margin-bottom:0;
	transition:0.6s;
}

.menu li{
	list-style:none;
	display:inline;
}
.menu li.active a{
	position:relative;
}
.menu li.active a .linkalt{
	position:absolute;
	left:0;
	bottom:-5px;
	width: 60%;
    height: 3px;
    background-color: #fff;
}
.menu li a{
	margin: 0 10px;
	color:#fff;
	transition:0.4s;

}
.menu li a:hover{
	margin: 0 10px;
	color:#1D1D1B;
	font-weight:bold;

}
.icon{
	display:none;
}

.anaSayfa{
	background-color:#BE1622;
	width:100%;
	min-height:100vh;
	height:100%;
	color:#fff;
}
.anaBaslik{
	padding-top:270px;
	font-size:40px;
	font-weight:bold;
}
.anaSayfa img{
	padding-top:150px;
	width:80%;
	float:right;
}

.btn-sbm{  
  color: #fff;
  text-align: center;
  text-decoration: none;
  border: 2px solid #BE1622;
  padding: 0.375rem 1.25rem;
  font-size: 1rem;
  transition:0.6s;
  font-weight:bold;
  background-color:#BE1622;
}
.btn-sbm:hover{  
  background-color:#fff;
  color:#BE1622;
}
.anaSayfa .btn-sbm{  
	background-color:#fff;
	border: 2px solid #fff;
	color:#BE1622;
}
.anaSayfa .btn-sbm:hover{  
	background-color:#BE1622;
	color:#fff;
}
.slogan{
	background-color:#1D1D1B;
    padding: 80px 0 80px 0;
	color:#fff;
	text-align:center;
}
.slogan h4{
	font-weight:bold;
	font-size:32px;
}
.sektorler{
	margin-top:50px;
	text-align:center;
}
.sektorler p{padding:0 150px;}
.sektorler .col-md-3{
	padding-left:0;
	padding-right:0;
}

h3 {font-weight:bold;}
h4 {font-weight:bold;}


.isler img{
	width:100%;
}
.isler{
	margin-top:25px;
	color:#fff;
	position:relative;
	text-align:center;
}

.hizmetlerimiz{
	margin-top:50px;
	text-align:center;
}
.hizmetlerimiz p{padding:0 150px;}
.hizmetlerimiz .col-md-4{
	padding-left:0;
	padding-right:0;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:rgba(190, 22, 34, 0.4);
  padding:105px 45px 45px 45px;
}
.isler:hover .overlay {
  opacity: 1;
}
.hizmetlerimiz .isler:hover .text {
  opacity: 0;
}

.text{
  position: absolute;
  top: 48%;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  transition: .5s ease;
  font-size:24px;
  font-weight:bold;
  padding:0 45px 45px 45px;
}

.iletisim{
	margin-top:50px;
	text-align:center;
}
.iletisim img{width:20%;}

.iletform{
	padding:60px 40px;
}
.iletforms{
	border: none;
	border: 2px solid #1D1D1B;
	width:100%;
	padding:.375rem .75rem;
	margin-bottom:20px;
}
.iletform .btn-sbm{
	width:100%;
}
.backx{
	background-color:#fff;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.footer{
	margin-top:50px;
	text-align:center;
	color:#fff;
	border-top:5px solid #BE1622;
	background-color:#1D1D1B;
	padding: 30px 0;
	font-size:16px;
}
.sayfa{
	margin-top:130px;
}
.altsayfa{
	margin-top:130px;
	text-align:center;
}
.altsayfa img{
	width:100%;
	max-height:300px;
	margin-bottom:30px;
}
.altsayfa .col-md-3{
	padding-left:0;
	padding-right:0;
}
.altsayfa .col-md-3 img{
	max-height:100%;
	margin-bottom:0px;
}
.birles .col-md-4{
	padding-left:0;
	padding-right:0;
}

.admen img{
	width:100%;
}
.admen{
	color:#fff;
	position:relative;
	text-align:center;
}
.aoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:rgba(190, 22, 34, 0.4);
  padding:50px;
}
.admen:hover .aoverlay {
  opacity: 1;
}

@media (min-height: 849px) {
.anaSayfa{
	padding-top:100px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.logo{margin-top:20px;
        max-width: 90px;}
}


@media (max-width: 767.98px) {
	#menu{
	display:none;
}
.header a.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 15px;
}
.header a.icon img{
  width:70%;
}
.menu{
	float:none;
	background-color:#BE1622;
	padding-top:5px;
	
}

.menu li{
	list-style:none;
	display:block;
	margin-top:13px;
	font-size:18px;
	padding-bottom:13px;
	border-bottom:1px solid #1D1D1B;
}
.menu li.active a{
	position:relative;
}
.menu li.active a .linkalt{
	position:absolute;
	left:0;
	bottom:-5px;
	width: 60%;
    height: 3px;
    background-color: #fff;
}
.menu li a{
	margin: 0 15px;
	color:#fff;
	transition:0.4s;

}
.menu li a:hover{
	margin: 0 15px;
	color:#1D1D1B;
	font-weight:bold;

}
ul{
	padding-left:0;
}
.logo{
   margin-top:0;
        max-width: 90px;
}
.anaSayfa img{
	padding-top:50px;
	padding-bottom:50px;
	width:100%;
}
.anaBaslik{
	padding-top:130px;
	font-size:40px;
	font-weight:bold;
}
.hizmetlerimiz p{padding:0 20px;}
.sektorler p{padding:0 20px;}
}