@charset "utf-8";
/* Bootstrap Custom Css Dosyasi */


/* GENERAL SETTINGS */
.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}


/* linklerdeki mavi renk cozumu */
#footer a:link{	
   color:#FFF;
   text-decoration: none;      
}

#footer a:visited{
   color:#FFF;
   text-decoration: none;	
}

#footer a:hover{
   color: #FFF;
}

.mar_left{
   margin-left:2%;	
}

.mar_top{
   margin-top:2%;	
}



/* section ust */
#ust{

}


.diller{
	text-align:right;
		
}


.logo_menu{
	margin-top:10px;
	
}


.logo{
	padding-left:1%;
	
}


a.nav-link{
   font-size: 15px;
   color: #95C7F4 !important;	
   transition: color 0.9s ease;
   -webkit-transition: color 0.9s ease;
   -moz-transition: color 0.9s ease;
   -o-transition: color 0.9s ease;
   	
}


a.nav-link:hover{
   	color:#FFF !important;
	font-style:italic;
	font-weight:500;
	
}


.menu_top{
	padding-top:1%;
	
}

.menu_left{
	padding-left:7%;
	
}


.sloganlar_telefon{
	
	
}



.is_guvenligi_slogan {
   padding-left:1&;
   padding-top:1%;
	
}


.is_guvenligi_slogan h1{
	font-size: 15px;
	color:#ed1c24;
	
}


.kendi_imalatimiz h2{
	padding-top:2%;
	font-size: 16px;
	
}


.telephone h3{
	font-size: 17px;
	font-weight:700;
	color:#ed1c24;
	
}


.pad_left{
   padding-left:1%;

	
}


.marka_logolari{
	margin-top:5%;
	margin-bottom:5%;
	padding-top:5%;
	padding-bottom:2%;
	background-color:#f2f2f2;
}


.gorunmez{
	background-color:transparent;
	border:none;

}



/* section carousel */
#carousel{
   margin-bottom: 5%;
	
}

.carousel-item h1{
	font-size: 20px;
	padding:10px;
	
}


.carousel-item mark{
	padding-left:20px;
	padding-right:20px;
	
}



/* section bayi markalari */
#bayi_markalari{

	
}


.yetkili_satici{
	background-color:#fdee99;
	padding-top:5%;
	padding-bottom:5%;
	
}


.yetkili_baslik h2{
	font-size: 20px;
	font-weight:700;
	line-height:30px;
	text-align:center;
	padding-bottom:3%;
	color:#ed1c24;
	
}


.bayisi_oldugumuz_markalar{
	padding:5% 0;
	background-color:#f2f2f2;
	
}


.bayisi_baslik h1{
	font-size: 20px;
	line-height:30px;
    padding-bottom:5%;
	text-align:center;
	
}

.katalog{
	padding-bottom:2%;
	
}



/* section kurumsal */
#kurumsal{
	margin-top:5%;
    padding:5% 0;
    background-color:#f2f2f2;
	
}


.kurumsal_icon{
    font-size: 80px;
	color:#F00;
}


.kurumsal_icon h2{
    font-size: 22px;
	color:#F00;
	padding-bottom:5%;
}


.kurumsal_yazi h1{
	font-size: 18px;
	line-height:30px;
	
}



/* section belgeler */
#belgeler{
	margin-top:5%;
    padding:5% 0;
    background-color:#f2f2f2;
	
}



/* section iletisim */
#iletisim{
    padding:5% 0;
	margin-top:5%;
    background-color:#f2f2f2;
      
}

.adres{
	padding: 20px;
	
}


.adres h2{
	font-size: 20px;
	
}


.adres h3{
	font-size: 20px;
	
}


.adres p{
	font-size: 18px;
	
}


.harita{
	padding: 20px;


}


.mesaj{
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.4) /* White background with 30% opacity */
	
}



/* section ürünlerimiz */
#urunlerimiz{
   padding: 5% 0;

}


.urun_baslik{
	min-height:10px;
	
}


.urun_baslik h3{
	font-size:24px;
	
}


.cizgi{
  height:1px;
  margin-bottom:5%;
  background-color:#CCC;	
	
}


.card-title{
	min-height:80px;
	padding-top:25px;
	color:#FFF;
	background-color:#333333;
	
}



.card-deck{
	margin-bottom:30px;
	
}


.gorunmez{
	background-color:transparent;
	border:none;
	
}

.beyaz_transparent{
	background: rgba(255, 255, 255, 0.5) /* Green background with 30% opacity */
	
	
}



/* urunun_sayfasi */
.border_bottom{
	border-bottom:dashed; border-bottom-width:1px; border-color:#a3a3a3;	
}


	
.urun_kodu{
	padding-left:3%;
    background-color:#be000e;
	color:#fff;
	
}


.urun_kodu h3{
   font-size:25px;
	
}


.urun_ismi{
	padding-left:3%;
    background-color:#666666;
	color:#fff;
	
}


.urun_ismi h4{
   font-size:23px;
	
}


.gorunmez{
	background-color:transparent;
	border:none;

}


.urun_aciklamasi{    
   font-weight:400;
   color: #747474;
    
}

.bg_coklu_foto{    
    background-color: #f5f5f5;
}


/* yukarı çık */
.wrapper {
    background-color:#CCC;
    height:1000px;
}
.yukarikaydir {
    display:none;
    background-color:#CCFF00;
    padding:10px;
    position:fixed;
    bottom:10px;
    right:10px;
    text-decoration:none;
    color:#000;
}



/* section galeri */	
#galeri{
   margin-top:5%;
   padding: 10% 5%;
   background-color:#f2f2f2;

}	


.galeri_icon{
    font-size: 70px;
	color:#F00;
	padding-bottom:1%;
}

	
.galeri_foto{
	padding:2%;

}


.galeri_baslik h2{
	font-size:23px;
	color:#F00;
	padding-bottom:5%;	
	
}
	
	
.golge{
	-webkit-box-shadow: 0 8px 6px -6px grey;
	-moz-box-shadow: 0 8px 6px -6px grey;
	box-shadow: 0 8px 6px -6px grey;
	
}

			

/* section foother */
#footer{	
    background-color:#666666;
	position: absolute;
	margin-bottom: 0;
	width: 100%;
	min-height: 250px; 
	color:#FFF;
	padding-top:40px;	
		  
}



/* Dropdown Menu Basla */
.menu-area{background: #666666}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-size:15px;text-transform:capitalize;padding:10px 15px;font-family:'Roboto',sans-serif;display: block !important;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;background: #FF0000;outline: 0;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #da251c;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #323232;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #121413;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#121413;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#505050}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#1290b3}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}
/* Dropdown Menu Son */



/* MEDIA QUERIES (kucuk ekranlarda goruntu) */
@media (max-width: 1200px) { 


}

@media (max-width: 992px) {
	

	
}

@media (max-width: 768px) {     
    
    
    
.mar_left{
   margin-left:0%;	
}

.mar_top{
   margin-top:0%;	
}
    
     

}

@media (max-width: 576px) { 


}

@media (max-width: 575.98px) {     


	
}