/*
https://www.facebook.com/pg/Ssyiğilca-Damperli-Kasali-Motorlu-Taşiyicilar-Kooperatifi-200063750010452/
*/


#seffaf-siyah {
	left: 0;
	z-index: 2001;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	display: none;
	background-color: rgba(0,0,0,0.45);
	cursor: pointer
}
.menu-acik #seffaf-siyah {
	display: block !important
}



.alt_bolum_alt_parca{
	display:none;
}
.ackapa-buton {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10300;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.fiyat-teklif-formu,
.mobil-bizi-ara {
  overflow:hidden;
  line-height:25px;
  padding:10px 10px;
  font-size:18px;
  display:block;
  width:auto;
  color: #999;
  position: absolute;
  right: 15px;
  transition: all 0.4s ease-in-out 0s;
  z-index: 100;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.fiyat-teklif-formu .fa,
.mobil-bizi-ara .fa{
	line-height:18px;
	padding:10px 0 0 0;
}

.fiyat-teklif-formu{
	top: 9px;
}

.mobil-bizi-ara .tel{
	
}
.mobil-bizi-ara:focus, mobil-bizi-ara:hover {
  color: #fff !important;
}

.menu-acik .ackapa-buton {
  left: 230px;
}
.ackapa-buton {
  cursor: pointer;
  padding: 13px 35px 16px 0px;
  margin: 10px 0 0 15px;
}


.ackapa-buton span, .ackapa-buton span:before, .ackapa-buton span:after {
  cursor: pointer;
  height: 3px;
  width: 23px;
  background: #c9c9c9;
  position: absolute;
  display: block;
  content: '';
}

.menu-acik .ackapa-buton span, .menu-acik .ackapa-buton span:before, .menu-acik .ackapa-buton span:after {
  background: #fff;
}


.ackapa-buton span:before {
  top: -7px;
}
.ackapa-buton span:after {
  bottom: -7px;
}
.ackapa-buton span, .ackapa-buton span:before, .ackapa-buton span:after {
  transition: all 500ms ease-in-out;
}
.menu-acik .ackapa-buton span {
  background:transparent;
}
.menu-acik .ackapa-buton span:before, .ackapa-buton.active span:after {
  top: 7px;
}
.menu-acik .ackapa-buton span:before {
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  bottom: 0px;
}
.menu-acik .ackapa-buton span:after {
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}







.header {
  width: 100%;
  display: block;
  padding: 0px;
  z-index: 20;
}


.logo {
  width:60%;padding: 0px 0px;/*background-color:#f90;*/
}
.logo img{
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.logo-buyuk{
	margin:25px 0;
}
.logo a{
	color:#fff;display:block;
}





nav{
	z-index:50;position:relative;
}
.container.menu{
	position:relative;height:30px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.menu ul{
	position:absolute;
	list-style:none;margin:0;padding:0;
	display:table;
	width:calc(100% - 30px);
	text-align:center;
}
.menu li{
	display:table-cell;
}
.menu li a{
	display:block;color:#fff;font-size:14px;text-align:center;padding:18px 10px;
}


.referans-ana p{
	padding:5px 0
}


.sabit {
  position: fixed;
  top: 0;
  width: 100%;
  background-color:#c00;
}
.sabit ul {
	box-shadow:none;border-radius:0;
}
.ustpad {
  padding-top:56px;
}


.iletisim iframe {
    margin:0 0 40px 0;
	height:400px;
	border:none;
	padding:0;
    width: 100%!important;
}


.ustpad50{
	margin-top:30px;
}

.iletisim-tablo td{
	padding:10px 0;
}

.minyuk{
	min-height:680px;
}


.metin-foto img{
	width:100%;
}


.rfr{
	background-color:#f8f8f8;height:100%;border:#eee solid 1px;padding:10px;margin-bottom:30px;box-sizing:border-box;font-size:16px;text-align:center;
}

.arac{
	height:100%;border:#eee solid 1px;overflow:hidden;position:relative;margin-bottom:30px; background-color:#f8f8f8;text-align:center;font-size:16px;padding:10px;
}
.arac img{
	max-width:100%;
}

/*.tasimacilik{
	
}*/
.tic {
    height: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 20px 0;
    font-size: 22px;
    text-align: center;
}
.tic img{
	display:inline-block;
	max-width:80%;
	margin-bottom:10px;
}


/* slide */
@media only screen and (min-width: 991px){
    #slaytust{
		height:560px;
	}
}
@media only screen and (min-width: 768px) AND (max-width: 990px) {
    #slaytust {
		height:435px;
	}
}
@media only screen and (max-width: 767px) {
    #slaytust {
		height:295px;
	}
}
/* slide bitti */


@media only screen and (max-width: 640px) {
    .tic{
		margin-bottom:10px;padding:10px 0;font-size:18px;
	}
}


.arac-ikonlar{
	margin-top:30px;margin-bottom:40px;overflow:hidden;padding:20px 0 0 0;margin-bottom:60px;
}
.arac-ikonlar:before,
.arac-ikonlar:after{
  content: " ";
  display: table;
}

.arac-ikon{
	float:left;
	width: 16.66666667%;
	position: relative;
    min-height: 1px;
}

@media only screen and (max-width: 1023px) {
	.rfr{
		margin-bottom:10px;
	}
}

@media only screen and (min-width: 768px) {
	.ackapa-buton,
	img.logo-kucuk{
		display:none;
	}
	.mobil-bizi-ara{
		top: 49px;
	}
	.menu ul{
		background-color:#c00;
		/*box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.2);*/
		border-radius: 6px;
	}
}

@media only screen and (max-width: 767px) {
	body{font-size:12px;}
	.header {
		position:fixed;top:0; background-color:#fff;border-bottom:#ddd solid 1px;height:54px;box-shadow: none !important;
	}
	
	.menu-acik .menu ul{
		background-color:transparent;
	}
	.mobil-bizi-ara{
		top:0;
	}
	.fiyat-teklif-formu,
	.mobil-bizi-ara{
		display:none;
	}
	/*.mobil-bizi-ara {
        display:block;;
    }*/
	#menu-alan{
		position:fixed;
		top:0;
		left:-240px;
		width:230px;
		height:100%;
		background-color:#000;
		z-index:20000;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	.menu-acik #menu-alan{
		left:0;
	}
	
	.menu li{
		display:block;
    }
	.menu li a{
		font-size:12px;padding:10px 0;text-align:left;border-bottom:#333 solid 1px;
    }
	.menu-acik .menu{
		left:0;
	}
	
	#slaytust{
		margin-top:56px!important;
	}
	.logo{
		margin:0 50px;position:fixed;
	}
	.logo a{
		width:100%;text-align:center;
	}
	.logo .logo-buyuk{
		height:50px;margin:5px  0 0 0;
	}
	.arac-ikon{
		width: 33.33333333%;
	}
	.tic {
		padding: 10px 0;
		font-size: 14px;
		margin-bottom: 5px;
	}
}


@media only screen and (max-width: 498px) {
	.logo-buyuk{
		height:30px!important;
		margin-top:10px!important;
	}
	.referans-ana p{
		padding:0 0
	}
	.arac-ikon{
		width: 50%;
	}
}



















.alt_bolum {
	display: block;
	background: #3e454c;
	border-top: 1px solid #f60;
	color: #3e454c;
}

.alt_bolum .alt_bolum_ust_parca {
	background: #efeff0;
	color: #999;
	padding-bottom: 35px;
}



  

.alt_bolum .alt {
	padding-top: 15px;
}

.alt_bolum .logo {
	margin-bottom: 20px;
	text-align: left;
	display: block;
}
  
.alt_bolum .fa {
	color: #c00;
	padding: 6px 0;
}
.alt_bolum p {
	padding: 4px 0;
}
.alt_bolum .alt_bolum_alt_parca {
	padding: 24px 0 22px;
	color: #fff;
	background-color: #000;
}
.alt_bolum .alt_bolum_alt_parca p {
	float: left;
}
.alt_bolum .alt_bolum_alt_parca .alt_menu {
	float: right;
}
.alt_bolum .alt_bolum_alt_parca .alt_menu nav ul{
	margin:0;padding:0;list-style:none;display:table;
}
.alt_bolum .alt_bolum_alt_parca .alt_menu nav ul li{
	float:left;display:table-cell;
}
.alt_bolum .alt_bolum_alt_parca .alt_menu nav ul li a {
	display:block;
	padding:0 10px;
	font-size: 14px;
	font-weight: 300;
	color: #999;
}

.alt.alt_metin img{
	width:100%;
}

.alt_bolum table td{ vertical-align:top;}


@media (max-width: 768px) {
	.alt.alt_metin{
		display:none!important;
	}
}

.row-esitle {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.row.row-esitle > [class*='col-'] {
  display: flex;
  flex-direction:column;
}


.ana-metin-zemin{background-color:#039;padding:40px 0 20px 0; color:#fff;font-size:16px;}
.ana-metin-zemin h1{font-size:32px;margin-top:0;margin-bottom:20px;}
.ana-metin-zemin p{padding:10px 0}

.ana-metin-foto{display:flex;width:100%;height:100%;overflow:hidden!important;justify-content:center;}
.ana-metin-foto img{width:100%;height:100%;flex:none;}




/* SOSYAL PAYLAS */
.paylas{float:right;list-style:none;margin:0;padding:0;display:inline-block;text-align:right;}
.paylas li{display:inline-block;margin:1px;}
.paylas li a{
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	font-size:18px;
	margin:0;padding-left:0;padding-right:0;
	border:#999 solid 1px;
	box-sizing:border-box;
	
	text-align:center;
}
.paylas li a .fa{
	color:#999!important;
}
.paylas a:hover{color:#fff;border-color:transparent;}
.paylas .pay-btn-facebook:hover {background: #3b5998;}
.paylas .pay-btn-twitter:hover {background: #00aced;}
.paylas .pay-btn-google-plus:hover {background: #c32f10;}
.paylas .pay-btn-pinterest:hover {background: #cc2127;}
.paylas .pay-btn-yahoo:hover {background: #400191;}
.paylas .pay-btn-vk:hover {background: #45668e;}
.paylas .pay-btn-linkedin:hover {background: #0976b4;}
.paylas .pay-btn-tumblr:hover {background: #35465c;}

/* SOSYAL PAYLAS */


.ikon-menu a{
	display:block;
	width:120px;
	height:120px;
	border-radius:50%;
	margin:40px auto;
	padding:20px;
	border:#999 solid 2px;
	box-sizing:border-box;
	color:#999;
}
.ikon-menu a:hover{
	border:#c00 solid 2px;
	color:#c00;
}
.ikon-menu a p{
	font-size:18px;padding:10px 0;
}



.parallax { 
    background-image: url("/fotolar/zemin1.jpg");
	/*border-top:#c00 solid 1px;
	border-bottom:#c00 solid 1px;*/
    height: auto; 

    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.has-warning .form-control{
	border-color:#f90!important;
}
.has-warning label{
	color:#f90;
}
.has-error .form-control {
    border-color: #f00;
}
.has-error label{
	color:#c00;
}




/*.bilgi{
	position:absolute;top:calc(100% - 60px); background-color:rgba(0,68,125,.55);;color:#fff;padding:15px 30px;left:0;right:0;transition: all .2s;
}
.bilgi .isim{
	display:block;font-size:24px;height:70px;line-height:150%;text-align:center;text-transform: uppercase;
}
.bilgi .diger{
	display:block;position:absolute;top:50%;right:20px;width:40px;margin-top:-10px;text-align:right;color:#888;font-size:18px;;
}*/
/*.arac:hover .bilgi{
	top:0;
	height:100%;
}*/





.d-block {
    display: block!important;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.ref-logo{
	text-align:center;
}
.ref-logo img{
	max-width:80%;
}