@charset "utf-8";

* {	margin: 0; padding: 0;	border: 0; outline: 0;	font-size: 100%; vertical-align: baseline;	background: transparent;}
ul {list-style: none;}
ol{padding:10px 20px;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}

:focus {outline: 0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}

table {	border-collapse: collapse;  border-spacing: 0;}

html {height: 100%;} /* güçlü scrollbar */

/* sıfırlama bitişi */


body { background:url(resimler/back.jpg) no-repeat #aedede center top; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:13px; }  
.container {
	max-width:1700px;
	width: 76%;
	margin: 0px auto;
}

.temizle{ clear:both;}
.ortala{text-align:center;}
.sagadaya{float:right;}
.soladaya{float:left;}
.kalin{font-weight:bold;}
.font600{font-weight:600;}
.gizle{display:none;}
.gricizgi{border-bottom:1px #E8E8E8 solid; margin:3px 0;}
.mavicizgi{border-bottom:2px #3D3185 solid; margin:3px 0;}
.altustPadding{padding:10px;}

a{text-decoration:none;}
h2{font-size:13px; color:#014f01;}
.yazdir{ position:absolute; z-index:10; top:5px; right:13px;}
.yazdir a{display:inline-block; width:15px; height:20px; margin-right:10px;}

#arama{ width:240px; height:30px; float:right; margin:10px 105px 0 0;  }
#arama_alt{ width:240px; height:30px;}
#arama_input{ width:195px; height:25px; line-height:25px; float:left; padding:0 5px; color:#014f01; background:#c0e48b; border-bottom: 1px solid #A7C77A; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#arama_buton{ cursor:pointer; width:33px; height:27px; float:left; display:inline-block; background:url(resimler/ara.png) no-repeat #014f01 6px; border-bottom: 1px solid #A7C77A;  -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}

#arama_sonuc_div{position:absolute; height:0; overflow:hidden; color:#FFF; top:97px; right:0px; height:0; width:420px; z-index:1000; background:#001000; opacity:0.9;filter:alpha(opacity=90); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
#arama_sonuc_kapat{ width:100%; text-align:right;margin-bottom:10px; cursor:pointer; color:#999;}
#arama_sonuc_kapat p{text-align:right;width:98%; font-weight:bold; color:#fff; }
#arama_sonuc_kapat:hover{color:#FFF;}
#arama_sonuc_icerik{color:#FFF; height:auto; max-height:600px; overflow:auto; font-size:14px; padding:5px;}
#arama_sonuc_icerik a{color:#FFF; display:block; font-style:italic;}
#arama_sonuc_icerik span{padding:5px 0;}

#ust{position:absolute;width:100%;margin:0 auto;background: #ffffff;z-index: 999;border-bottom: 2px solid #3f3a87;}
#logo{width:195px;position: absolute;top: -10px;}
#menu{line-height:36px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.menu_alt_sayfa{ width:100% !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important; }

.header-menu{
	background:#8bc0be;
	position:relative;
	width:100%;
	display:inline-block;
}
.hm-list{margin-right:20px;float:right;display:inline-block;}
.languages{}
.languages li:not(:last-child) a{border-right:1px dotted #dedede}

.header-menu li{float:left;}
.header-menu li a{color: #46418B;padding: 0 10px;font-size: 14px;line-height: 23px;font-weight: bold;}
#menu_liste{margin: 20px 0 0 auto;float: right;font-weight: bold;color:#eefee4;font-size: 14px;word-spacing:normal;font-family: Open Sans, sans-serif;}
#menu_liste li.ust_menu{list-style:none;float:left;line-height:38px;position:relative;text-align: center;}
#menu_liste li:last-child{background:none;}
.menu_liste_chrome{}
.padding10{ padding-left:10px !important; padding-right:10px !important;}
#menu_liste li a{color: #3f3a87;display:inline-block;padding:0 10px;transition:all 500ms;-ms-transition:all 500ms;-webkit-transition:all 500ms;-moz-transition:all 500ms;border-bottom:2px solid transparent;}
#menu_liste li a:hover,#menu_liste li a.active{color: #3D9693;font-weight:bold;border-bottom:2px solid #3D9693;}

.dogal_logo { width:194px; height:183px; position:absolute; right:15%; z-index:5; top:80px; }
.dogal_logo img { width:100%; height:auto; }

.logo_sag { width:375px; float:right; }
#diller{ width:265px; height:36px; float:right; margin:20px 90px 0 0;text-align:center; }
#diller a{ margin:0 1px; width:31px; height:31px; display:inline-block; 
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

#diller a:hover{    -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;

 }

.tr { background:url(resimler/b_tr.png) no-repeat; }
.en { background:url(resimler/b_en.png) no-repeat; }
.fr { background:url(resimler/b_fr.png) no-repeat; }
.ru { background:url(resimler/b_ru.png) no-repeat; }
.ar { background:url(resimler/b_ar.png) no-repeat; }
.pt { background:url(resimler/b_pt.png) no-repeat; }
.es { background:url(resimler/b_es.png) no-repeat; }

.tr:hover { background:url(resimler/b_tr_aktif.png) no-repeat; }
.en:hover { background:url(resimler/b_en_aktif.png) no-repeat; }
.fr:hover { background:url(resimler/b_fr_aktif.png) no-repeat; }
.ru:hover { background:url(resimler/b_ru_aktif.png) no-repeat; }
.ar:hover { background:url(resimler/b_ar_aktif.png) no-repeat; }
.pt:hover { background:url(resimler/b_pt_aktif.png) no-repeat; }
.es:hover { background:url(resimler/b_es_aktif.png) no-repeat; }

.slogan { width:260px; height:45px; line-height:45px; font-size:25px; color:#014f01; text-align:center; margin:0 auto; font-weight:bold; font-family: 'Covered By Your Grace', Arial; }

.siniflar { width:1000px; height:147px; padding:0; margin:10px auto 0px auto; background:url(resimler/siniflar.jpg) no-repeat center center; font-family: 'Boogaloo', Arial; }
.sinif_sol { width:277px; height:147px; float:left; padding:0 0 0 100px; }
.sinif_sag { width:277px; height:147px; float:right; padding:0 100px 0 0; }
.siniflar a { width:97px; height:147px; padding:0px; margin:0 20px; font-size:18px; text-align:center; display:inline-block; }
.siniflar a img { width:90px; height:auto; margin:17px 0 5px 0; }
.siniflar .sinif_tum { width:238px; height:70px; padding: 77px 0 0 0; margin:0 0 0 4px; color: #E5F7E7; background:url(resimler/sinif_tum.png) no-repeat 0 100px; }
.siniflar .sinif_tum:hover { color: #362a12; }
.sinif_buyukbas, .sinif_kucukbas { color:#455a21; float:right; }
.sinif_kanatli, .sinif_at { color:#362a12; float:left; }

 
.efect_yukari {  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
  
.efect_yukari:hover{    -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;

}
 
.butonlar {background:url(resimler/butonlar_back.png) right repeat-y;width:150px;height:620px;position:fixed;right:20px;z-index:5;
	-moz-transform:    translateY(-50%);
	-o-transform:      translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform:         translateY(-50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
   
   /* IE6 and 7 */ 
   filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=1,
            M12=0,
            M21=0,
            M22=1,
            SizingMethod='auto expand');
	top:50%;
	top:100px\9;

	top: calc(50% + 1px);
	
   /*
    * To make the transform-origin be the middle of
    * the object.    Note: These numbers
    * are approximations.  For more accurate results,
    * use Internet Explorer with this tool.
    */
}
.butonlar a {transition:background 500ms;width:150px;/* height:150px; */display:inline-block;background-repeat:no-repeat;padding-top: 110px;text-align: center;}  
.butonlar a span {transition:color 500ms;float:left;color:#653B1E;font-size:26px;font-size:19px\9;width: 100%;font-weight:bold;line-height:20px;text-align: center;font-family: 'CompleteinHim', sans;}
.butonlar.ru-buttons a span{font-size:15px;}
.butonlar a:hover span,.butonlar a.active span {color:#3F3A87;}

.butonlar.stick{
	width: 150px;
	position: absolute;
	position: fixed\9;
	top:auto;
	top:0px\9;
	bottom: 0px;
}

.btn_bir{ background:url(resimler/btn_bir.png) no-repeat right;}
.btn_bir.active,.btn_bir:hover{ background:url(resimler/btn_bir_aktif.png) no-repeat right;}
.btn_iki{ background:url(resimler/btn_iki.png) no-repeat right;}
.btn_iki.active,.btn_iki:hover{ background:url(resimler/btn_iki_aktif.png) no-repeat right;}
.btn_uc{ background:url(resimler/btn_uc.png) no-repeat right;}
.btn_uc.active,.btn_uc:hover{ background:url(resimler/btn_uc_aktif.png) no-repeat right;}
.btn_dort{ background:url(resimler/btn_dort.png) no-repeat right;}
.btn_dort.active,.btn_dort:hover{ background:url(resimler/btn_dort_aktif.png) no-repeat right;}

.v-scroll{padding-top:150px;}
.slide {width:100%;display:inline-block;text-align:right;height:100vh; margin-top:-150px; min-height: 785px;background:url(resimler/slide_back.png) no-repeat center bottom;background-size: 1920px 585px;display:inline-block; position: relative;}
.slide > img{ max-width:100%; }
.slide .slides{left:30%;width:70%;left:calc(50% - 265px);width:calc(50% + 265px);bottom:200px; position: absolute;z-index:2;}

.uretim { width:100%; background:#f8f8f8; }

.uretim1, .uretim2, .uretim3 { width:1000px; margin:0 auto;padding-top:370px;text-align:center;}
.uretim1 img, .uretim2 img, .uretim3 img{ visibility:hidden;display:none;max-width:100%;}
.uretim1 h3, .uretim2 h3, .uretim3 h3{font-size:18px;color:#3f3a87;}
.uretim1 p, .uretim2 p, .uretim3 p{font-size:13px;color:#353535;}
.uretim2 h3,.uretim2 p{margin-left:150px;}
.uretim3 h3,.uretim3 p{margin-left:100px;;}
.uretim1 h3,.uretim1 p,
.uretim2 h3,.uretim2 p, 
.uretim3 h3,.uretim3 p{max-width:800px;}
.uretim1 .information,.uretim2 .information,.uretim3 .information{cursor:pointer;position:absolute;width: 30px;line-height: 30px;content:" ";background:url(resimler/information.png) no-repeat center center lightblue;background-size:60%;font-weight:bold;color:navy;border-radius:100%;right: 5%;bottom: 20%;display:none;}
.uretim1 { background:url(resimler/uretim1.jpg) no-repeat bottom center; }
.uretim2 { background:url(resimler/uretim2.jpg) no-repeat top center; }
.uretim3.tr { background:url(resimler/uretim3_tr.jpg) no-repeat center center; }
.uretim3.en { background:url(resimler/uretim3_en.jpg) no-repeat center center; }
.uretim3.ar { background:url(resimler/uretim3_ar.jpg) no-repeat center center; }
.uretim3.ru { background:url(resimler/uretim3_ru.jpg) no-repeat center center; }
.tarihce {background: url(resimler/tarihce_back.jpg) no-repeat top center;padding-top: 100px;}
.tarihce_ust { width:100%; height:149px; background:url(resimler/tarihce_ust.jpg) no-repeat center center; }
.tarihce_alt { width:100%; height:149px;  background:url(resimler/tarihce_alt.jpg) no-repeat center center; }
.kurumsal_tr{background:url(resimler/kurumsal.jpg) #dcf4f4 no-repeat center center; background-size:100%;}
.kurumsal_en{background:url(resimler/kurumsal_en.jpg) #dcf4f4 no-repeat center center; background-size:100%;}
.kurumsal_ar{background:url(resimler/kurumsal_ar.jpg) #dcf4f4 no-repeat center center; background-size:100%;}
.kurumsal_ru{background:url(resimler/kurumsal_ru.jpg) #dcf4f4 no-repeat center center; background-size:100%;}
.kurumsal_tr img, .kurumsal_en img, .kurumsal_ar img, .kurumsal_ru img{max-width:100%;}
#burger-menu{display:block;}
#tarihce{min-height:420px;}

.hayvanlar_bitis { width:100%; height:34px; margin:0 auto; background:url(resimler/hayvanlar_bitis.jpg) no-repeat center center; }
.urun_kategorileri { width:1000px; height:50px; margin:0 auto; }
.urun_kategorileri ul { width:950px; margin:5px auto 0px auto; text-align: center; }
.urun_kategorileri ul li { height:35px; line-height:35px; padding:0 8px; display:inline-block; margin:0 auto; list-style:none; }
.urun_kategorileri ul li a { color:#362a12; font-size:12px; font-weight:bold; padding:0 2px; height:35px; line-height:35px; display:inline-block; }
.urun_kategorileri ul li a:hover { color:#014f01; }

.urun_kategorileri ul li a:before{ width:12px; height:33px; display:inline-block; content: " "; background:url(resimler/kategori_icon.png) no-repeat left; float:left; margin-right:3px;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
 }
.urun_kategorileri ul li a:hover:before { background:url(resimler/kategori_icon_aktif.png) no-repeat left;
  -webkit-animation-name: hvr-icon-float-away;
  animation-name: hvr-icon-float-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
 }

.kategoriler_bitis { width:100%; height:1px; margin:0 auto; }
.kategoriler_bitis p { width:452px; height:1px; margin:0 auto; background:#362a12; }

.katalog { width:435px; height:54px; margin:20px auto 0 auto; background:url(resimler/katalog_back.png) no-repeat bottom center; }
.katalog a { height:38px; padding-top:5px; display:inline-block; font-size:14px; font-weight:bold; }
.pdf_kat { width:120px; background:url(resimler/pdf_kat.png) no-repeat top left; padding-left:66px; color:#014f01; float:left; }
.online_kat { width:140px; background:url(resimler/online_kat.png) no-repeat right top; padding-right:61px; color:#362a12; float:right; text-align:right; }

.footer{width:100%;height:auto;text-align: center;background:#fff;color: #353535;border-top: 3px solid #3F3A87;/*border-bottom: 20px solid #3F3A87;*/padding-bottom: 30px;font-weight: bold;}
.footer #logo{position:relative;margin-top: -70px;float:left;}
.footer #menu_liste{border-bottom:1px solid #c8e4e4;float: none;margin: 0 auto;display: inline-block;}
.footer_ort{ width:75%; height:auto; margin:0 auto; position:relative; }
.footer .footer-catalog{width: 200px;right: 90px;position: relative;}

.f_hakkimizda { width:28%; padding:0 1%; height:auto; float:left; }
.f_logo { height:54px; width:100%; margin:10px 0 10px 0;  }
.f_logo a, .f_logo img { height:54px; width:120px; display:inline-block; }
.f_hakkimizda p { font-weight:bold; line-height:18px; margin:21px 0; }
.f_hakkimizda p.bir { margin-top:0; }

.f_iletisim { width:26%; padding:0 1%; height:auto; float:left; }
.f_iletisim .iletsim_bilgi { margin-bottom:15px; line-height:17px; }
.f_iletisim img { width:14px; height:14px; float:left; margin-right:10px; vertical-align:middle; }

.copy {line-height:32px;display:block;margin-top:-60px;}
.scrollTop { width:45px; height:40px; display:inline-block; position: fixed; right:160px; bottom:0px; z-index: 1000; background:url(resimler/yukari.png) no-repeat;display:none;}
.resmi_duzenle { vertical-align: middle; margin-top:-2px; margin-left:5px; }


#govde1 {height:auto;min-height: calc(100vh - 420px);width: 75%;padding: 180px 0 100px 0;margin: 0 auto;position:relative;color: #3d3d3d;}

#icerik{width:74%;height:auto;position:relative;padding:0;background:#fff;-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;}
#icerik .baslik, .iletisim_div .baslik {width:100%;height:60px;overflow:hidden;line-height:60px;color: #FFF;text-indent:25px;font-size:18px;padding:0px;background: #61A7A4;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
#sayfa_metin{padding: 20px 15px 50px 15px;color:#333333;}

#sol_menu{width:24%;margin: 0px 0 0 0;height:auto;position:relative;background: #8BC0BE;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
#sol_menu .baslik{width:100%;height:60px;line-height:60px;color: #FFF;overflow:hidden;text-indent:30px;font-size:18px;padding:0px;background: #61A7A4;border-bottom: 2px solid #5A9C99;-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
#sol_menu .baslik span { float:right; width:12px; height:60px; position:absolute; right:25px; top:0; display:inline-block; background:url(resimler/sol_menu_baslik_icon.png) no-repeat center center;  }
#sol_menu_liste{margin:0px 0 0 0; font-size:15px;  }
#sol_menu_liste li{list-style:none;line-height:50px;display:block;border-bottom: 1px solid #81B7B5;overflow: hidden;}
#sol_menu_liste li:last-child { border:none; }
#sol_menu_liste li a{color: #FFFFFF;padding:0 30px;width: calc( 100% - 60px );display: inline-block;}
#sol_menu_liste li ul li a{background:url(resimler/altmenu.png) left no-repeat;padding-left:50px;background-position:25px;}
#sol_menu_liste li ul li.sol_menu_liste_aktif a{background:url(resimler/altmenu.png) #72B3B0 left no-repeat;background-position:25px;}
#sol_menu_liste li.sol_menu_liste_aktif{color:#014f01;}
#sol_menu_liste li.sol_menu_liste_aktif>a{color: #FFFFFF;background: #72B3B0;}

.sol_blok{ width:250px;background:url(resimler/solblok_bg.png) no-repeat top; background-position:0 -31px; height:auto;}
.sol_blok_icerik{width:250px; margin-bottom:20px; display:block;}

.buton{width:auto; height:32px; font-size:14px; font-weight:bold; background:#0a405f; padding:5px; color:#FFF; border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px; -moz-border-radius:5px; }

svg, #svg2 { width: 100%; }
path , text{ cursor:pointer;transition:opacity 500ms;}
path:hover,path.hover { opacity:0.5;  }
text { font-size: 12px; font-family: Arial; font-weight: bold; }

#galeriListe li{ float:left; list-style:none; width:120px; height:110px; margin:6px; }
#galeriListe li img{width:120px; height:100px; border:1px solid #fff; display:block ;}

#galeriListe li img:hover{ box-shadow: 0px 0px 5px #A88E69;
	 -moz-box-shadow: 0px 0px 5px #A88E69;
-webkit-box-shadow: 0px 0px 5px #A88E69;}


.dashed_hr{border-bottom:dashed 1px #666; margin-bottom:15px;}

.responsive{ 
display:block !important; 
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
#urun_aciklama table tr td  { height:25px; line-height:25px; border:1px solid #E4E4E4; padding:0 2px; }
#urun{margin-top:0;}
#urun_bilgi{ width:48%; height:auto; padding-left:%1; font-weight:bold;}
#urun_bilgi p{padding:10px 0;color: #3F3A87;font-size: 13px;}
#urun_bilgi span{ font-weight:normal; color:#333333;}
#urun_resim{ width:50%; height:auto; background:#d4e1c0;}
#urun_resim img{ width:100%; height:auto;}
#urun_detay{ margin-top:20px;}
#urun_detay_tab{background: #8BC0BE;height:32px;line-height:32px;width:100%;}
#urun_detay_tab li{list-style:none;border-right: 1px solid #fff;display:inline-block;padding:0 15px;color: #fff;font-size:13px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;cursor:pointer;}
#urun_detay_tab li.urun_detay_tab_aktif{color: #fff;background: #599997;}
#urun_detay_icerik{ padding-top:10px;}
#urun_detay_icerik p{}
#urun_fotolar{ list-style:none;}
#urun_fotolar li{float:left; text-align:center; border:#f1f1f1 1px solid; padding:3px; margin-right:2px;}
#urun_fotolar li img{width:55px; height:55px;}

#urun_dosyalar{}
#urun_dosyalar li{list-style:none; padding:3px; border-bottom:#F3F3F3 1px solid; vertical-align:text-bottom; height:26px; line-height:26px;}
#urun_dosyalar li img.urun_dosya_ikon {margin-right: 15px; width:16px; height:16px; float:none !important;}
#urun_dosyalar li a{color:#333333;}
#urun_dosyalar li a:hover{color:#3F3AA1;}

#urun_detay_icerik > div{display:none;}
.urun_detay_aktif{display:block !important;}



/* sayfalama  */
.sayfala {margin:10px 0; float:right; display:block !important;}
.sayfala a {border:#D5D5D5 1px solid; padding:3px; margin-right:5px; text-decoration:none; color:#0a415f;}
.sayfala a:hover{background:#0a415f; color:#FFF !important; text-decoration:none !important;}
.sayfalama_baslik {border:#CCF 1px solid; padding:3px; margin-right:5px;}
.aktif_sayfa {border:#D5D5D5 1px solid; padding:3px; margin-right:5px; color:#414141;}
/* sayfalama  */



#urunslayt { height: 1%; overflow:hidden; padding: 0 0 10px;   }
#urunslayt .viewport { float: left; width: 320px; height: 172px; overflow: hidden; position: relative; }
#urunslayt .buttons { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 30px 10px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position: relative; }
#urunslayt .next { background-position: 0 0; margin: 30px 0 0 10px;  }
#urunslayt .disable { visibility: hidden; }
#urunslayt .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 320px; left: 0 top: 0; }
#urunslayt .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 168px; border: 1px solid #dcdcdc; width: 316px;}

#urunslayt .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 45px; }
#urunslayt .pager li { float: left; }
#urunslayt .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
#urunslayt .active { color: #fff; background-color:  #555555; }


.duyuru_b_baslik { font-size:12px; color:#fff; text-align:center; font-weight:bold; width:229px; height:28px; line-height:28px; }
.duyuru_resim { width:232px; height:90px; margin:5px 0 0 0; }
#duyuru_slayt_kapsa{position:relative; width:265px; height:130px; overflow:hidden !important;}
#duyuru_slayt { height: 1%;  overflow:hidden; position: relative; z-index:15; margin:0 auto; }
#duyuru_slayt .viewport { width:232px; height:225px; overflow:hidden; position:relative; margin:0 auto; }
#duyuru_slayt .disable { visibility: hidden;}
#duyuru_slayt .overview { list-style:none; position:absolute; width:232px; left:0; top:0; }
#duyuru_slayt .overview li{ width:232px; height:225px; line-height:25px; margin-bottom:4px; }
#duyuru_slayt .overview li .baslik { color:#fff; font-size:12px; width:212px; padding:5px 10px; height:25px; display:inline-block; font-weight:bold; }
#duyuru_slayt .overview li .devami { width:77px; height:26px; margin-top:10px; display:inline-block; text-align:center; text-decoration: none; float: right; font-size: 12px; color:#fff; background:url(resimler/duyuru_buton.png) no-repeat;}
#duyuru_slayt .overview li p { color:#fff; font-size:12px; width:212px; padding:0px 10px; line-height:15px !important; font-weight:bold; }


#filtre{ width:100%; margin:8px 0 5px 0;}
#filtre .filtre_input{width:25%;margin:0 3px;border: #8bc0be 1px solid;padding:3px;background: #DFEFEF;height:18px;line-height:18px;float: left;display: inline-block;}
#filtre .selectF{ width:calc(25% + 8px);height:25px; line-height:25px; }
.mavi_gonder {float: left;min-width: calc( 13% - 15px );margin:0px 3px;display:inline-block;padding:4px 5px;color: #efefef;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position:relative;cursor:pointer;font-size:13px;font-weight:bold;background: #61A7A4;}
.arama_kriteri { padding:10px 15px; color:#333; font-size:13px; font-weight:bold; }

#kategori_liste{
    width: 100%;
    display: inline-block;
}
#kategori_liste li{list-style:none;background:#F7F7F7;margin:3px;display: inline-block;text-align:center;position:relative;float:left;height:auto;width:calc(23% - 14px);padding:3px;border: 1px solid #E6E6E6;}
#kategori_liste li img.katresim{ height:auto; width:100%;}
#kategori_liste li span{display:block;height: 47px;overflow: hidden;margin: 5px 0 5px 0;}
#kategori_liste li a{color:#333;font-weight:bold;font-size:13px;display: inline-block;}
#kategori_liste li a:hover{color: #3F3A87;}

.siyah_gonder {
 margin: 0px 3px;
 display: inline-block;
 padding: 7px;
 color: #efefef;
 text-decoration: none;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 position: relative;
 cursor: pointer;
 font-size: 13px;
 font-weight: bold;
 background: #61A7A4;
 float: right;
 transition:background 300ms;
 }

.siyah_gonder:hover {background-color:#3D9693; text-decoration:none;}
.siyah_gonder:active{top:1px;}
.guvenlikDiv{float:left;}
.guvenlikDiv span{display:inline-block;}
#referanslar{width:100%; padding-bottom:50px; padding-top:35px; height:auto; text-align:left;}


.neredeyiz { width:100%; height:auto; margin:0 auto; }
.iletisim_div {width:30%;margin:5px 1%;min-height:560px;color:#333333;float:left;display: inline-block;background:#fff;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.iletisim_ic {padding:10px 10px 20px 10px;color:#333333;text-align: center;}

.ilt_blg { width:100%; height: 45px; float: left; display: inline-block; }
#iletisim{ min-height:400px;  }
#iletisim p{padding:5px 0;}
#iletisim img.ikon{width: 24px;height: 24px;margin-right:5px;vertical-align: text-bottom;}
.iletisim_span{font-weight:bold;display:block;line-height: 25px;color:#333333;}
#iletisim .genelinput{
    width: calc(100% - 10px);
}
.harita {width:33%;margin: 5px 1%;float:left;}

.diger_ilet {display: inline-block;margin: 20px 10px;}
.diger_ilet p { line-height:10px; text-align:center; }
.diger_ilet .departman { font-weight:bold; color:#0080C8; }
.diger_ilet a {cursor:pointer;line-height:12px;color:#333333;font-weight:bold;display: block;width: 100%;text-align: center;}

#insan_kaynaklari{margin:0 auto; padding-bottom:50px; padding-top:20px; padding-right:10px;}
#ik_cevre{padding:0 10px 0 10px;margin:0 auto;min-height:200px;}
#ik_cevre h2{line-height:32px;}
.ik_label_1{color: #353535;height:32px;font-weight: bold;width:200px !important;font-size: 12px;display:inline-block;margin-right:10px;line-height:32px;padding-right:5px;float: left;}
.ik_input{border: #8BC0BE 1px solid;width: calc(100% - 230px);/* line-height:30px; */margin: 5px 0;padding: 6px;border-radius: 1px;}
.ik_label_2{border-right: 1px #1D1D1B dotted;color: #1D1D1B; display:inline-block; line-height:32px; padding-right:5px;}
.ik_label_3{ height:32px; display:inline-block; line-height:32px; color:#C2C2C2; padding-right:5px; width:200px;}
.ik_label_4{position:relative; height:32px; line-height:32px; color:#C2C2C2; display:inline-block;}
.ik_ekle{position:absolute; display:inline-block; color:#C2C2C2; right:-16px; top:8px; height:16px; width:16px; background:url(resimler/ik_ekle.png) no-repeat top;}
.ik_sil{position:absolute; display:inline-block; color:#C2C2C2; right:-35px; top:8px; height:16px; width:16px; background:url(resimler/ik_sil.png) no-repeat top;}
.ik_select{border:#505050 1px solid;height:32px; background:#2C2C2C; color:#C2C2C2; line-height:32px; padding:5px;}
#insan_kaynaklari form p{font-size:12px;font-weight:bold;}
#insan_kaynaklari form .kalin:before{clear:both;}
#insan_kaynaklari form .kalin:after{clear:both;}
#insan_kaynaklari form .kalin{margin:0 0 10px 0;border-bottom: 1px dashed #CDEAE8;color: #3F3AA5;}



.basvurutextarea{border:#DADADA 1px solid; color:#3d3d3d; margin:5px 0; height:100px; width:445px; }
.basvuru_label_1{border-right:1px #DADADA solid;  float: left; height:100px; width:200px !important; margin-right:10px; line-height:100px; padding-right:5px; border-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topright:5px; color:#3d3d3d;}
.basvuru_label_2{border-right:1px #DADADA solid;  float: left; height:55px; width:200px !important; margin-right:10px; line-height:55px; padding-right:5px; border-radius:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topright:5px; color:#3d3d3d;}
.radio { margin:5px 10px; float:left; width:128px; }


.genellabel{  color:#362a12; margin-bottom:5px; text-align:left; font-weight:bold; width: 150px; float:left; line-height: 25px; text-indent: 10px; display:inline-block; }
.genelinput{
    border: #8BC0BE 1px solid;
    /* line-height: 30px; */
    margin: 5px 0;
    padding: 6px;
    border-radius: 1px;
}
.geneltextarea{
    border: #8BC0BE 1px solid;
    margin: 5px 0;
    padding: 6px;
    border-radius: 1px;
    max-width: calc(100% - 10px);
    min-height: 80px;
}
.genelfieldset{border:#D4E1C0 1px solid; color:#362a12; padding:20px;  margin:10px 0; text-align:left;background: #F6FFF0;}
.genellegend{ font-size:15px; font-weight:bold; color:#362a12; border:#D4E1C0 1px solid; padding:3px 10px;background: #F6FFF0;}
.genelselect {
   color:#362a12;
   background: #F6FFF0;
   width: 200px;
   padding-top:3px;
   border: 1px solid #D4E1C0;
   height: 25px;
   margin:5px 0;
}


.hatamesaji, .uyarimesaji, .basarimesaji {
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
	 display:block;
}


.hatamesaji {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.hatamesaji a {color: #8A1F11;}

.uyarimesaji {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.uyarimesaji a {color: #514721;}

.basarimesaji {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.basarimesaji a {color: #264409;}

.hataDizi{background: #FBE3E4; color:#8A1F11; font-size:12px; border:1px #FBC2C4 dotted; padding:5px 15px; margin-bottom:10px; display:block;}
.hataDizi li {margin-bottom:3px;}
.hata{color:#C00; font-size:12px; padding:0 15px; display:block;}


/*
.overview{position:absolute;}
.viewport{width: 100%;
    min-height: 125px;
    float: left;
    overflow: hidden;
    position: relative;}
.viewport li{float:left;}*/

@media screen and (min-width:200px) and (max-width:860px) {
	#govde1,.container{width:95%;}
	#govde1{padding:220px 0 100px 0;}
	#sol_menu,#icerik{width:100%;margin-top:5px;}
	.ik_input{width:100%;}
	.uretim1,.uretim2,.uretim3.tr,.uretim3.en,.uretim3.ru,.uretim3.ar{max-width:100%;background-size:100%;padding-top:0;position:relative;}
	.uretim1 .information,.uretim2 .information,.uretim3 .information{display:block;}
	.uretim1 img,.uretim2 img,.uretim3 img{display:block;}
	.uretim1 p,.uretim1 h3,
	.uretim2 p,.uretim2 h3,
	.uretim3 p,.uretim3 h3{display:none;}
	
	.butonlar{display:none;}
	.header-menu{text-align:center;z-index: 999;}
	.hm-list{float:none;margin:0 auto;}
	#logo{position: absolute;top: 35px;float:left;}
	
	#filtre .filtre_input{ display:block;width:calc(100% - 8px);margin:5px 0;}
	#filtre .selectF{ width:100%}
	
	.slide{background:url(resimler/slide_back_mobil.png) no-repeat center bottom;background-size:1920px 312px;min-height:auto; margin-top:0;}
	.slide .slides{right:0;left: 0;width:auto;margin: 0 auto;text-align: center;}
	.slide .slides .owl-item img{max-width:96vw;}
	.dogal_logo { left:20px; bottom:130px; width: 140px; top:auto; }

	/*Menu*/
	#menu{clear:both;padding:50px 0 0 0;max-height:0;transition:max-height 0.15s ease-out;overflow:hidden; }
	#menu.open{max-height:999px;transition:max-height 0.25s ease-in;}
	#menu_liste {float:none;border-top:1px dashed #C1BDF1;padding:20px 0 0 0;margin:0;}
	#menu_liste li.ust_menu{float:none;}
	#menu_liste li a{display:block;border:2px solid transparent;}
	#menu_liste li a:hover{border:2px solid #3D9693}
	#burger-menu {float: right;width: 45px;height: 35px;position: relative;right: 5px;z-index: 15;margin: 70px 0 -20px auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
	#burger-menu span{display: block;position: absolute;height: 5px;width: 100%;background: #3F3A87;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
	#burger-menu span:nth-child(1) { top: 0px; }
	#burger-menu span:nth-child(2),#burger-menu span:nth-child(3) { top: 12px; }
	#burger-menu span:nth-child(4) { top: 24px; }
	#burger-menu.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
	#burger-menu.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	#burger-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	#burger-menu.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
	#burger-menu:after{clear:both;}
	
	/*Timelnr*/
	#timeline{width:100% !important;height:auto !important;}
	#timeline #issues{height:auto;}
	#timeline #issues li{max-width:100vw;height:auto;text-align:center;}
	#timeline #issues li p{margin-right:0;padding:0 5%;}
	#timeline #issues li h1{margin:0;}
	#issues li img,#issues li.selected img{float:none}
	
	/*Footer*/ 
	.footer #logo{position:relative;margin:0px 0 0 auto;top:0;width:100%;text-align:center;}
	.footer #menu_liste{border:none;}
	.footer_ort{
		width:auto;
	}
	.copy{margin-top:0px;}
	/*#filtre .filtre_input{width:50%;margin:0 3px;border: #8bc0be 1px solid;padding:3px;background: #DFEFEF;height:18px;line-height:18px;float: left;display: inline-block;}
	#filtre .selectF{ width:calc(50% + 8px);height:25px; line-height:25px; }*/
	.mavi_gonder{width:50%;float:right;}
	
	/*Iletisim*/
	.iletisim_div{width:100%;}
	
	.kurumsal img{width:auto;}
	
	#kategori_liste li{width:44%;}
}
@media only screen 
  and (min-device-width: 861px) 
  and (max-device-width: 1023px) 
  and (orientation:portrait)
  {
	  #menu_liste{font-size:13px;}
	  .copy{margin-top:0px;}
  }
@media only screen 
  and (min-width: 861px) 
  and (max-width: 1023px) 
  {

	.container{width:100%;}
	#govde1{width:95%;}
	.slide{min-height:745px;/*auto*/}
	.slide .slides{right:0;}
	.uretim1,.uretim2,.uretim3{max-width:100%;background-size:100%;padding-top:0;position:relative;}
	.uretim1 .information,.uretim2 .information,.uretim3 .information{display:block;}
	.uretim1 p,.uretim1 h3,
	.uretim2 p,.uretim2 h3,
	.uretim3 p,.uretim3 h3{display:none;}
	.uretim1 img,.uretim2 img,.uretim3 img{display:block;}
	#menu_liste li a{padding:0 5px;}
	#menu_liste{font-size:13px;}
	.butonlar{display:none;}
	.copy{margin-top:0px;}
	/*Timelnr*/
	#timeline{width:100% !important;height:auto !important;}
	/*#timeline #issues{height:auto;}
	#timeline #issues li{max-width:100vw;height:auto;}
	#timeline #issues li p{margin-right:0;padding:0 5%;}
	#timeline #issues li h1{margin:0;}
	#issues li img,#issues li.selected img{float:none}
	*/
	/*Footer*/ 
	.footer #logo{position:relative;margin:0px 0 0 auto;top:0;width:100%;text-align:center;}
	.footer_ort{
		width:auto;
	}
	
	.iletisim_div{width:48%;}
	.harita{width:100%;}

}
@media only screen 
  and (min-width: 1024px) 
  and (max-width: 1223px) 
  {
		.container,#govde1{width:100%;}
		.footer_ort{width:100%;}
		.ru-foot .copy{margin-top:0px;}
  }
@media only screen 
  and (min-width: 1223px) 
  and (max-width: 1920px) 
  {
	  .ar-foot .footer_ort{width:1000px;}
	  .container,#govde1{width:85%;}
  }