@import url('/font/font.css');

@charset "utf-8";


body {background:#fff; margin:0; padding:0; font-family:'robotoregular'; font-size:16px; color:#1f4d23;}

* {margin:0; padding:0;}
a {color:#74ad23; text-decoration:none; } a:hover {color:#b85b19;}
p, h1, h2, h3, h4, h5, h6, ul, li, img, iframe, form {line-height:100%; margin:0; padding:0; border:none;}
#temizle {clear:both;}	
#temizle.mobil {display:none;}
b {font-family:'robotobold';}





#toTop {width:60px; height:60px; background:url(/img/okbtt.png) no-repeat center #74ad23; text-align:left; text-indent:-9999px; padding:5px; position:fixed; bottom:20px; right:20px; cursor:pointer; display:none;}


#alan1000 {width:1000px; margin:0 auto;}
#tasiyici {width:100%;}

#tasiyici.ustalan {height:auto;}
    
	a#logo {display:block; float:left; width:205px; height:109px; background:url(/img/logo.png) no-repeat left; text-indent:-9999px; text-align:left;
	        transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
	a#logo:hover {background:url(/img/logo2.png) no-repeat left;}
	  
	  a#logo.mini {height:79px;}
	  
	
	#anamenu {float:right; height:49px; margin:30px 0 0 0;}
	  #anamenu.mini {margin:15px 0 0 0;}
  
	#toggle, .toggle {display:none;}
	.menu > li {list-style:none; float:left;}
	.clearfix:before, .clearfix:after {display:table; content:"";} .clearfix:after {clear:both;}

	.menu, .menu > li, .menu > li > a {height: 100%;}

	.menu > li > a {display:block; font-size:16px; line-height:49px; color:#1f4d23; padding:0 16px; border-right:1px solid #bbc9bd;
	  	            transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
	.menu > li > a:hover, .menu > li > a:focus {background:#1f4d23; color:#74ad23; border-right:1px solid #1f4d23;}
	 .menu > li:last-child > a {padding:0 0 0 16px; border-right:none;}
     .menu > li:last-child > a:hover {padding:0 16px;}
      .menu > li > a.secili {background:#1f4d23; color:#74ad23; border-right:1px solid #1f4d23;}
	    .menu > li:last-child > a.secili {padding:0 16px;}
	  
	.toggle {z-index:2;}
	
	body.ru .menu > li > a {font-family:Arial;}
	
	

#tasiyici.cizgi {height:5px; background:url(/img/c.png) repeat-y center;}
 

#tasiyici.spot {height:440px;}

#tasiyici.baslik {height:300px;}
  #tasiyici.baslik.urunhakkinda {background:url(/img/sayfa/urunhakkinda.jpg) no-repeat center;}
  #tasiyici.baslik.kurumsal {background:url(/img/sayfa/kurumsal.jpg) no-repeat center;}
  #tasiyici.baslik.referanslar {background:url(/img/sayfa/referanslar.jpg) no-repeat center;}
  #tasiyici.baslik.iletisim {background:url(/img/sayfa/iletisim.jpg) no-repeat center;}


#tasiyici.hosbes {background:url(/img/c2.png) repeat-y center; color:#fff; font-size:15px;}
  
  #neden {float:left; width:50%; padding:40px 40px 40px 0; background:url(/img/ap1.png) no-repeat center right;
          -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    #neden h1 {font-weight:normal; font-size:28px; line-height:20px; color:#aafa38; font-family:'robotobold'; margin-bottom:30px;}
    #neden a {float:right; display:block; width:100px; height:30px; line-height:30px; background:#aafa38; color:#1f4d23; font-size:14px; text-align:center;
	          transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;
			  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
    #neden a:hover {background:#fff;}
	
  #nedir {float:left; width:50%; padding:40px 0 40px 40px; background:url(/img/ap2.png) no-repeat center left;
          -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    #nedir h1 {font-weight:normal; font-size:28px; line-height:20px; color:#1f4d23; font-family:'robotobold'; margin-bottom:30px;}
    #nedir a {float:right; display:block; width:100px; height:30px; line-height:30px; background:#1f4d23; color:#aafa38; font-size:14px; text-align:center;
	          transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;
			  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
    #nedir a:hover {background:#fff; color:#1f4d23;}
	
	#neden p, #nedir p {text-align:justify; margin-bottom:8px;}
	

#tasiyici.asurunler {padding:40px 0; background:#f0d6c3;}
  #tasiyici.asurunler h1 {font-weight:normal; font-size:26px; line-height:20px; color:#1b0702; font-family:'robotobold'; margin-bottom:20px;}
    
	a#asuk {float:left; width:306px; height:100px; padding:20px; border:1px solid #bda495; margin:0 41px 0 0; line-height:60px; font-size:20px; font-family: 'robotolight'; color:#1b0702; text-align:right;
	       -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
		   transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;
		   -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	  a#asuk.bir {background:url(/img/urunler/cocoblock.png) no-repeat center left 20px;}
	  a#asuk.iki {background:url(/img/urunler/briquette.png) no-repeat center left 20px;}
	  a#asuk.ucc {background:url(/img/urunler/cocodisk.png) no-repeat center left 20px; margin:0;}
	    a#asuk.bir:hover, a#asuk.iki:hover, a#asuk.ucc:hover {background-color:#bda495; color:#fff;}


#tasiyici.icerik {min-height:200px; padding:40px 0; background:url(/img/c2.png) no-repeat center bottom;}

  #tasiyici.icerik p {line-height:140%; padding:0 0 20px 0;}
  #tasiyici.icerik p:last-child {padding:0;}

  #tasiyici.icerik h2 {font-weight:normal; font-size:26px; color:#81b62e; font-family:'robotobold'; margin-bottom:20px;}
  #tasiyici.icerik h3 {font-weight:normal; font-size:22px; color:#2b6b35; font-family:'robotobold'; margin-bottom:20px;}

	img.fotosol {float:right; width:40%; margin:0 0 40px 40px;} 
	  
	  iframe.harita {width:1000px; height:440px; margin:0 0 40px 0;}

#tasiyici.icerik table {width:100%; border-collapse:collapse; border:1px solid #CCC;}
#tasiyici.icerik table td {border-collapse:collapse; padding:5px;}



  #uruncesit {padding:30px 30px 10px 30px; background:#f0d6c3; margin-bottom:20px;
              -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
			  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
    #uruncesit h4 {font-weight:normal; font-size:18px; color:#fff; text-indent:20px; line-height:40px; font-family:'robotobold'; margin-bottom:20px; background:#651a0c;
	               -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	  
	  #uct {float:left; width:50%; margin:0 0 20px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	    #uct img {margin:0 auto 10px auto;}
		#uct span {width:30%; float:left; font-weight:bold; font-size:14px;}
		#uct span.uctb {width:70%; float:left; font-weight:normal; font-size:14px;}

	  #iletisim-bilgileri {float:left; width:48%;}
	  
	  #iletisim-form {float:right; width:48%;}
	  
	      #iletisim-bilgileri h1, #iletisim-form h1 {font-weight:normal; font-size:20px; line-height:20px; color:#1f4d23; font-family:'robotobold'; padding:0 0 20px 0; margin-bottom:20px; border-bottom:1px solid #bbc9bd;}
	  
	    #iletisim-form span {width:100%; line-height:40px;}
				
	    #iletisim-form input {display:block; width:100%; height:40px; padding:10px; border:1px solid #c8cdd3; background:#fff; margin:0 0 6px 0;
			              -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
				          transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;
						  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	    #iletisim-form input:hover, #iletisim-form input:focus {background:#e8e8e8;}
				
	    #iletisim-form textarea {display:block; width:100%; height:90px; padding:10px; border:1px solid #c8cdd3; background:#fff; margin:0 0 6px 0;
			                 -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
				             transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;
							 -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	    #iletisim-form textarea:hover, #iletisim-form textarea:focus {background:#e8e8e8;}
			  
	    #iletisim-form input.gonder {float:right; width:100%; height:50px; background:#1f4d23; font-family:'robotoblack'; font-size:20px; color:#fff; border:none; padding:0; margin:0; cursor:pointer;}
	    #iletisim-form input.gonder:hover {background:#74ad23;}


#tasiyici.altalan {padding:40px 0 30px 0;}
    
	a.serasan {float:right; display:block; width:121px; height:46px; margin:0 20px 0 0; text-align:left; text-indent:-9999px; background:url(/img/serasan.png) no-repeat center;}

    a#logo.alt {float:right; width:146px; height:46px; background:url(/img/logoalt.png) no-repeat center;}
	
	p.adres {float:left; color:#1f4d23; font-size:12px; line-height:15px;}
      p.adres a {color:#1f4d23;} p.adres a:hover {color:#bcd73f;}
    
	.aracizgi {display:block; height:1px; background:#82b539; margin:30px 0;}

	ul#altmenu {float:left;}
	ul#altmenu li {display:inline;}
	ul#altmenu li a {display:block; float:left; font-size:12px; color:#1f4d23; margin:0 24px 0 0;}
	ul#altmenu li a:hover {color:#a86735;}
	
	p.imza {float:right; color:#74ad23; font-size:10px; line-height:12px;}
	p.imza a {color:#74ad23;} p.imza a:hover {color:#1f4d23;}
	  

	
	
		
		
 


@media only screen and (max-width: 860px) {

#alan1000 {width:97%;}

	.menu > li > a {font-size:15px; padding:0 10px;}
	 .menu > li:last-child > a {padding:0 0 0 10px;}
     .menu > li:last-child > a:hover {padding:0 10px;}
	    .menu > li:last-child > a.secili {padding:0 10px;}

#tasiyici.spot {height:360px;}

#tasiyici.baslik {height:240px;}
  #tasiyici.baslik.urunhakkinda, #tasiyici.baslik.kurumsal, #tasiyici.baslik.referanslar, #tasiyici.baslik.iletisim {background-size:auto 240px;}

#tasiyici.hosbes {font-size:14px;}
  
  #neden {padding:30px 30px 30px 0;}
    #neden h1, #nedir h1 {font-size:24px; margin-bottom:10px;}
  #nedir {padding:30px 0 44px 30px;}

#tasiyici.asurunler {padding:30px 0;}
  #tasiyici.asurunler h1 {font-size:24px; margin-bottom:10px;}
    
	a#asuk {width:31%; margin:0 3.5% 0 0; padding:20px 10px;}
	  a#asuk.ucc {background-size:120px auto;}
 
	  iframe.harita {width:100%; height:400px;}

  	
    }
	

@media only screen and (max-width: 640px) {

  
  
	.menu {display:none; opacity:0; width:100%; position:absolute; right:0; z-index:1000;}
	.menu > li {display:block; width:100%; margin:0;}
	.menu > li > a {display:block; width:100%; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.toggle {display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;}
	#toggle:checked + div .menu {display:block; opacity:1;}
	
	
	.menu {background:#74ad23; color:#fff; margin:10px 0 0 0;}
	.menu, .menu > li, .menu > li > a {height:auto; color:#fff; }
	
	.menu > li > a {padding:0 10px; color:#fff; line-height:30px; text-align:left; border-bottom:1px solid #2b6b35;  border-right:none;}
	
	.menu > li > a:hover, .menu > li > a:focus {background:#2b6b35;  border-right:none; color:#fff;}
	.menu > li:first-child > a, .menu > li:first-child > a:hover {padding:0 10px;}
	
	.toggle:after {content:attr(data-open); display:block; height:40px; width:40px; margin:0; padding:0;
	               background:url(/img/menu.png) no-repeat center; text-align:left; text-indent:-9999px;
		           -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;
		           -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.toggle:hover:after {background:url(/img/menu2.png) no-repeat center #2b6b35;}
	#toggle:checked + div .toggle:after {content:attr(data-close);}

      .menu > li > a.secili {padding:0 10px;}

  	

#tasiyici.spot {height:300px;}


#tasiyici.hosbes {background-image:none;}
  #tasiyici.hosbes #alan1000 {width:100%;}
  
  #neden {float:none; width:100%; padding:30px; background:url(/img/ap1.png) no-repeat center right #1f4d23;}
	
  #nedir {float:none; width:100%; padding:30px; background:url(/img/ap2.png) no-repeat center left #74ad23;}

	a#asuk {float:none; display:block; width:100%; margin:0 0 10px 0;}


	img.fotosol {width:50%; margin:0 0 20px 20px;} 
	

	  #iletisim-bilgileri {float:none; width:100%; margin-bottom:40px;}
	  
	  #iletisim-form {float:none; width:100%;}


#tasiyici.altalan {padding:30px 0;}
    
	a.serasan {float:left;}
	
  #temizle.mobil {display:block;}  
  	
	p.adres {float:none; display:block; text-align:center; margin-top:20px;}

  
	.aracizgi {margin:20px 0;}

	ul#altmenu {float:none;}
	ul#altmenu li a {float:none; margin:0; text-align:center; line-height:20px; border-bottom:1px dotted #bbc9bd;}
	
	p.imza {float:none; text-align:center; margin-top:20px;}
	
  	   	
	}


@media only screen and (max-width: 480px) {

#tasiyici.spot {display:none;}

#tasiyici.baslik {height:160px;}
  #tasiyici.baslik.urunhakkinda, #tasiyici.baslik.kurumsal, #tasiyici.baslik.referanslar, #tasiyici.baslik.iletisim {background-size:auto 160px;}


  #tasiyici.icerik {min-height:100px; padding:20px 0;}

  #tasiyici.icerik p {font-size:14px;}

  #tasiyici.icerik h2 {font-size:20px;}
  #tasiyici.icerik h3 {font-size:18px;}


	img.fotosol {float:none; width:100%; margin:20px 0;} 

  #uruncesit {padding:20px; margin-bottom:10px;}
    #uruncesit h4 {font-size:16px; line-height:30px; margin-bottom:10px;}
	  
	  #uct {float:none; width:100%; margin:0 0 10px 0;}

  
	}