 @charset "utf-8";
/* CSS Document */
/*Sıfırlama Başlangıç*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color:inherit;
	text-decoration: none;
	margin:0;
	list-style: none;
}
ul{
	margin: 0;
	padding: 0
}
/************************Sıfırlama Bitiş************************/
body{
	background-color:#f2f2f2;
	background:url(../img/bg.png);
	font-family: arial, tahoma;
}
.har_ulas_nav{
	color:#e4e4e4;
	font-size:11px;
}
.clear{
	clear:left;
}
/*Header Başlangıç*/
#logo_menu_mer_kap{
	position: relative;
	height:195px;
	background-color:#e4e4e4;
	z-index: 4;	
}
#ust_cizik_kap{
	width:100%;
	height:20px;
	background-color:#2e333c;
}
#ust_cizik_menu_kap{
	width:1000px;
	height:50px;
	margin:auto;
	background:url(../img/ust_cizik_backround.jpg);
}
#ust_cizik_nav_kap{
	width:285px;
	height:35px;
	float:right;
}
#site_har_kap{
	width:110px;
	height:35px;
	margin-top:20px;
	float:left;
}
#sit_har_icon{
	width:9px;
	height:7px;
	float:left;
	margin:3px 10px 0px 0px;
	background:url(../img/sit_icon.png)
}
#sit_har_text{
	width:74px;
	margin-right:15px;
	float:left;
	border-right:1px solid #8db7d4;
}
#sit_har_text:hover{
	color:#2e323b;
}
#biz_ulas_kap{
	widows:110px;
	height:35px;
	margin-top:20px;
	float:left;
}
#biz_ulas_icon{
	width:8px;
	height:9px;
	float:left;
	margin:2px 10px 0px 0px;
	background:url(../img/biz_ulas_icon.png)
}
#biz_ulas_text{
	width:70px;
	margin-right:15px;
	float:left;
}
#biz_ulas_text:hover{
	color:#2d333c;
}
#site_dil_kap{
	widows:110px;
	height:35px;
	margin:14px 10px 0px 0px;
	float:left;
}
#lang_select{
	width: 42px;
	height: 24px;
	color:#e4e4e4;
	font-size:11px;
	border:none;
    -webkit-appearance:none;
    -moz-appearance:none;
     appearance:none;
    cursor:pointer;
    padding:0px 0px 0px 7px;
    margin: 0;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
	background:url(../img/dil_bg.jpg);
}

#logo_menu_kap{
	width:1020px;
	height:150px;
	margin:auto;
}
#logo_kap{
	width:167px;
	height:164px;
	float:left;
	margin:10px 0px 0px 17px;
	background:url(../img/bry_logo.png);
}
#menu_kap{
	position: relative;
	width:742px;
	height:66px;
	float:left;
	margin:70px 0px 0px 90px;
	background-color:#f2f2f2;
	border-radius:32px;
}

#menu_kap ul{
	padding-left: 16px;
}
.home .red:first-child{
	margin:0
}
#menu_kap ul li{
	margin:22px 22px 0px 24px;
	font-size:12px;
	display: inline-block;
	color:#2e333c;
	list-style-type:none;
	transition: color 0.4s ease;
}
#menu_kap ul li:hover{
	color:#1c79b8;
}
.an_say_icon{
	font-size: 20px!important;
}
.an_say_sepet{
	position: absolute;
	top:-24px;
	right:-19px;
	width:66px;
	height:66px;
	font-size: 20px!important;
	border:1px solid #8791a1;
	border-radius: 100%
}
.an_say_sepet i{
	margin:22px;
}

#menu_ok_text_kap{
	width:115px;
	height:30px;
	float:right;
	margin-right:57px;
	margin-top:-100px;
}
#isaret_ok_text{
	margin-top:-8px;
	float:left;
	font-size: 12px;
	color:#2e333c;
}
#isaret_ok_text:hover{
	color:#1c79b8
}
#menu_ok_icon{
	width:42px;
	height:30px;
	float:right;
	background:url(../img/menu_ok_icon.png)
}
/************************Header Bitiş************************/
/************************Section Başlangıç************************/
#banner_mer_kap{
	width:1025px;
	height:490px;
	margin:auto;
}
#bn1{
	width:741px;
	height:420px;
	float:left;
	z-index:2;
	position:relative;
	background:url(../img/bn1_backround.png)
}
#bn1_res{
	width:450px;
	height:253px;
	margin:30px 0px 0px 140px;
	overflow: hidden;
}
#bn1_bas_text{
	width:50px;
	height:15px;
	color:#5a7c8e;
	font-size:12px;
	font-weight:bold;
	margin:80px 0px 0px 360px;
	overflow: hidden;
}
#bn1_bas_text:hover{
	color:#2e333c;
}
#bn1_bas_text ul li{
	padding-bottom: 30px
}

#bn1_text{
	color:#949494;
	font-size:13px;
	margin:10px 0px 0px 290px;
}
#bn1_text:hover{
	color:#1c79b8;
}
#bn2{
	position: relative;
	width:426px;
	height:345px;
	float:left;
	margin-left:-142px;
	background:url(../img/bn2_backround.png)
}
#bn2_text{
	position: relative;
	width: 210px;
	height: 28px;
	margin:0px 0px 0px 140px;
	color:#f2f2f2;
	font-size:12px;
	z-index: 2;
	background: url(../img/bn2_text_fon.png);
	background-position: top right;
	padding: 16px 0px 0px 20px;
	opacity: 0.9;
	overflow: hidden;
}
#bn2_text ul li{
	padding-bottom: 14px
}
.bn2_img{
	position: relative;
	z-index: 2
}
#bn2_slide_kap{
	position: absolute;
	width: 364px;
	height: 364px;
	top:-46px;
	left:31px;
	border-radius: 100%;
	z-index: 1;
	overflow: hidden;
}

#bn_nav{
	width:170px;
	height:12px;
	margin:0px 0px 0px 290px;
	float:left;
}
#bn_nav ul li{
	width:10px;
	height:10px;
	float:left;
	background-color:#d7d7d7;
	margin-left:19px;
	border-radius:100%;
	list-style-type:none;
	cursor: pointer;
}
#bn_nav ul li.aktif_bn_btn{
	background-color:#1c79b8;
}
#bn_nav ul li:hover{
	border: 1px solid #1c79b8;
	margin-left:17px;
}
#mail_mer_ana_kap{
	width:375px;
	height:140px;
	float:left;
	margin:-60px 0px 0px 170px;
}
#mail_mer_kap{
	position: relative;
	z-index: 3;
	width:375px;
	height:56px;
	border-radius:4px;
	background-color:#2e333c;
}
.type_text_style{
	width:192px; 
	height:30px; 
	margin:10px 0px 0px 15px; 
	border-radius:4px;
	text-align:center;
	color:#1c79b8;
	float:left;
}
#mail_ekle_ok{
	width:12px;
	height:14px;
	float:left;
	margin:20px 0px 0px 20px;
	background:url(../img/mail_ekle_ok.png)
}
#mail_ekle_ok_text{
	color:#f2f2f2;
	font-size:13px;
	float:left;
	margin:20px 0px 0px 6px;
}
#mail_ekle_ok_text:hover{
	color:#1c79b8;
}
#mail_ekle_mek_kap{
	width:84px;
	height:84px;
	float:right;
	margin:-16px -14px 0px 0px;
	background-color:#f2f2f2;
	border-radius:100%;
	border:solid 1px #8a94a4;
}
#mail_ekle_mek_icon{
	width:45px;
	height:19px;
	margin:34px 0px 0px 15px;
	background:url(../img/mail_ekle_mek_icon.png)
}
#mail_mer_text_kap{
	color:#2e333c;
	margin-top:17px;
	padding:0px 5px 0px 5px;
	font-size:11px;
}
#bilgiler_mer_kap{
	width:919px;
	height:222px;
	border-radius:4px;
	margin:auto;
	margin-top:20px;
}
.bil_sol_sag_kap{
	width:247px;
	height:222px;
	float:left;
}
.bilgiler_class_kap{
	width:247px;
	height:111px;
}
#bil_hak_kap{
	background-color:#1c79b8;
	transition-duration:0.5s;
	color:#82aecc;
}
#bil_hak_kap:hover{
	background-color:#4d88b0;
	color:#e4e4e4;
}

#bil_hak_kap:hover > .icon_kap_anime, #bil_kat_kap:hover > .icon_kap_anime, #bil_iletisim_kap:hover > .icon_kap_anime, #bil_arge_kap:hover > .icon_kap_anime{
	position: relative;
    /* Chrome, Safari, Opera */
    -webkit-animation-name: bil_icon_anime;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;

    /* Standard syntax */
    animation-name: bil_icon_anime;
    animation-duration: 0.4s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

#bil_hak_icon_kap{
	float:left;
	padding:31px 0px 0px 25px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes bil_icon_anime {
	0%   {left:0px; top:0px;}
	50%   {left:-7px; top:0px;}
	100%   {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes bil_icon_anime {
    0%   {left:0px; top:0px;}
	50%   {left:-7px; top:0px;}
	100%   {left:0px; top:0px;}
}


#bil_hak_text_kap{
	padding:38px 0px 0px 85px;
}
#bil_hak_bas_kap{
	font-weight:bold;
	color:#e4e4e4;
	margin-bottom:5px;	
}

#bil_hak_aciklama_kap{
	font-size:13px;
}

#bil_kat_kap{
	background-color:#2e333c;
	transition-duration:0.5s;
	color:#7b7b7b;
}
#bil_kat_kap:hover{
	background-color:#4f5d76;
	color:#e4e4e4;
}

#bil_kat_icon_kap{
	float:left;
	padding:35px 0px 0px 25px;

}
#bil_kat_text_kap{
	padding:35px 0px 0px 90px;
}
#bil_kat_bas_kap{
	font-weight:bold;
	color:#dbdbdc;
	margin-bottom:5px;
}
#bil_kat_aciklama_kap{
	font-size:13px;
}
#bil_iletisim_kap{
	background-color:#7c859c;
	transition-duration:0.5s;
	color:#bfc1c6;
}
#bil_iletisim_kap:hover{
	background-color:#a7aec1;
	color:#e4e4e4;
}
#bil_iletisim_icon_kap{
	float:left;
	padding:28px 0px 0px 15px;
}
#bil_ilet_text_kap{
	padding:30px 0px 0px 95px;
}
#bil_ilet_bas_kap{
	font-weight:bold;
	color:#e4e4e4;
	margin-bottom:5px;	
}
#bil_ilet_aciklama_kap{
	font-size:13px;
}
#bil_ilet_aciklama_kap:hover{
	color:#e4e4e4;
}
#bil_arge_kap{
	background-color:#2c3959;
	transition-duration:0.5s;
	color:#757e96;
}
#bil_arge_kap:hover{
	background-color:#57658b;
	color:#e4e4e4;
}
#bil_arge_icon_kap{
	float:left;
	padding:27px 0px 0px 28px;
}
#bil_arge_text_kap{
	padding:30px 0px 0px 95px;
}
#bil_arge_bas_kap{
	font-weight:bold;
	color:#e4e4e4;
	margin-bottom:5px;
}
#bil_arge_aciklama_kap{
	font-size:13px;
	padding: 0px 5px 0px 0px;
}

/*--- Bilgiler Orta ---*/
#bil_orta_kap{
	width:425px;
	height:222px;
	float:left;
	background-color:#f3b501;
}
#bil_nav_kap{
	width:115px;
	height:207px;
	float:left;
	padding:10px 0px 0px 15px;	
}

#bil_nav_ust:hover > .bil_nav_kucuk_daire_kap{
	background-color: #181a1f;
}
#bil_nav_ust:hover >  #bil_nav_ust_ok, #bil_nav_ust:hover > #bil_nav_alt_ok{
	position: relative;
    /* Chrome, Safari, Opera */
    -webkit-animation-name: bil_orta_icon_anime;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;

    /* Standard syntax */
    animation-name: bil_orta_icon_anime;
    animation-duration: 0.4s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes bil_orta_icon_anime {
	0%   {left:0px; top:0px;}
	50%   {left:0px; top:-7px;}
	100%   {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes bil_orta_icon_anime {
    0%   {left:0px; top:0px;}
	50%   {left:0px; top:-7px;}
	100%   {left:0px; top:0px;}
}

.bil_nav_alt_ust_kap{
	width:90px;
	height:50px;
}
.bil_nav_kucuk_daire_kap{
	width:49px;
	height:49px;
	background-color:#e4e4e4;
	border-radius:100%;
	border:solid 1px #82630c;
	float:left;
	transition-duration:0.5s;
	overflow: hidden;
}
#bil_nav_ust_ok{
	width:22px;
	height:11px;
	float:left;
	margin:19px 0px 0px 16px;
	background:url(../img/bil_nav_ust_ok.png)
}
#bil_nav_alt_ok{
	width:22px;
	height:11px;
	float:left;
	margin:24px 0px 0px 16px;
	background:url(../img/bil_nav_alt_ok.png);
	display: none;
}
.kucuk_daire_style{
	margin:15px 0px 0px 15px;
}
#bil_nav_orta_kap{
	width:92px;
	height:95px;
	margin:5px 0px 5px 10px;
}
#bil_nav_buyuk_daire_kap{
	width:93px;
	height:93px;
	background-color:#e4e4e4;
	border-radius:100%;
	border:solid 1px #82630c;
	transition-duration:0.5s;
	overflow: hidden;
}
#bil_nav_buyuk_daire_kap:hover{
	background-color: #181a1f
}

#bil_nav_buyuk_daire_slide{

}

.bil_nav_text{
	height: 180px;
	margin-bottom: 30px;
}

#buyuk_daire_style{
	margin:35px 0px 0px 19px;
}
#bil_nav_text_kap{
	height: 180px;
	padding:20px 15px 15px 15px;
	overflow: hidden;
}

#bil_nav_text_kap_slide{
	
}

#bil_nav_bas_text{
	color:#4b3801;
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
}
#bil_nav_aciklama_text{
	color:#6c5105;
	font-size:13px;
}
#referanslar_mer_kap{
	height:105px;
	background-color:#e4e4e4;
}
#referanslar_mer_kap_mer{
	position: relative;
	padding-top: 30px;
	height:105px;
	margin: auto;
}

#referanslar_mer_kap_mer{ 
	width: 880px;
	padding-left: 70px;
}

#referanslar_mer_kap_mer ul li img { 
	position: relative;
	width: 96px;
	height: 55px;
}

.sliderref ul li span {
display: inline-block;
vertical-align: middle;
width:190px;
height:195px;

}

#referanslar_mer_kap_mer ul li img { filter: grayscale(100%); }

#referanslar_mer_kap_mer ul li img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

#ref_ok_text_kap{
	position: absolute;
	width:90px;
	height:80px;
	top:60px;
	left:-70px
}
#ref_ok_icon{
	width:30px;
	height:42px;
	margin:0px 0px 20px 40px;
	background:url(../img/ref_ok_icon.png)
}

#markalarımız_mer_kap{
	width:940px;
	margin:auto;
	margin-bottom:30px;
	padding:60px 0px 0px 60px;
}
#markalar_kap{
	width:913px;
	height:135px;
}
.sirketler_kap{
	width:112px;
	height:112px;
	padding:20px 0px 0px 20px;
	float:left;
	background-color: #f2f2f2;
	margin-left:60px;
	border:solid 1px #9da8ba;
	border-radius: 100%;
	transition-duration:0.5s;
}
.sirketler_kap:hover{
	background-color: #e4e4e4;
	border:dashed 1px #1c79b8;
}

#markalar_ok_text_kap{
	height:80px;
	float:left;
	margin:20px 0px 0px 30px;
}
#mar_ok{
	width:30px;
	height:42px;
	margin:10px 0px 0px 25px;
	background:url(../img/diger_mark_ok.png)
}
#markalar_text{
	margin:30px 0px 0px 0px;
}
#markalar_text_bas{
	color:#2e333c;
	margin:10px 0px 8px 350px;
	font-size:15px;
}
#markalar_text_aciklama{
	color:#2e333c;
	font-size:12px;
}
/************************Section Bitiş************************/
/************************Footer Başlangıç************************/
#footer_menu_mer_kap{
	height:50px;
	background:#2e333c;
	margin-top:110px;	
}
#footer_menu_kap_mer{
	position: relative;
	width: 1000px;
	margin: auto;
}
#footer_menu_kap{
	position: absolute;
	width:1000px;
	height:130px;
	top:-80px;
	background:#1c79b8;
}
#footer_sol_kap{
	width:500px;
	height:100px;
	float:left;
}
#footer_menu{
	width:400px;
	height:40px;
}
#footer_menu ul li{
	font-size:12px;
	float:left;
	color:#e4e4e4;
	list-style-type:none;
	margin:30px 0px 0px 15px;
}
#footer_menu ul li:hover{
	color:#17181b
}
#footer_menu_text{
	color:#e4e4e4;
	font-size:12px;
	margin:20px 0px 0px 15px;
}
#footer_sosyal_icon_kap{
	width:163px;
	height:20px;
	margin:10px 0px 0px 5px;
	
}
#footer_gplus_icon{
	width:20px;
	height:20px;
	float:left;
	margin-left:7px;
	background:url(../img/footer_icon.png);
	background-position:0px 0px;
}
#footer_youtube_icon{
	width:20px;
	height:20px;
	float:left;
	margin-left:7px;
	background:url(../img/footer_icon.png); 
	background-position:-27px 0px;
}
#footer_vimeo_icon{
	width:20px;
	height:20px;
	float:left;
	margin-left:7px;
	background:url(../img/footer_icon.png);
	background-position:-55px 0px;
}
#footer_in_icon{
	width:20px;
	height:20px;
	float:left;
	margin-left:7px;
	background:url(../img/footer_icon.png);
	background-position:-85px 0px; 
}
#footer_face_icon{
	width:20px;
	height:20px;
	float:left;
	margin-left:7px;
	background:url(../img/footer_icon.png);
	background-position:-113px 0px;
}
#footer_twit_icon{
	width:20px;
	height:20px;
	float:left;
	margin-left:7px;
	background:url(../img/footer_icon.png);
	background-position:-143px 0px;
}
#footer_sag_kap{
	width:500px;
	height:100px;
	float:left;
}
#footer_hit_kap{
	width:270px;
	margin:50px 0px 0px 240px;
}
#hit_imza_text{
	font-size:11px;
	color:#e4e4e4;
	float:left;
}
#hit_imza_logo{
	width:17px;
	height:12px;
	float:left;
	margin:2px 0px 0px 10px;
	background:url(../img/hit_logo.png)
}
/************************Footer Bitiş************************/
/*Hakkımızda Başlangıç*/
#sy_mer_kap{
	width:1000px;
	margin:auto;
	background-color: #f2f2f2;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4
}
#kurumsal_text_kap{
	width:549px;
	padding:60px 30px 30px 30px;
	float:left;
}
.kurumsal_baslik_style{
	color:#2e333c;
	font-size:16px;
	margin-bottom:20px;
}
.kurumsal_alt_baslik_style{
	color:#74809b;
	font-size:14px;
	margin-bottom:20px;
}
.kurumsal_text_style{
	color:#585f6a;
	font-size:12px;
	margin-bottom:30px;
}

#kurumsal_ban_nav_kap{
	width:391px;
	float:left;
}
#kurumsal_banner_kap{
	width:391px;
	height:319px;
	/*background:url(../img/banner2.png)*/
}
#kurumsal_nav_kap{
	width:300px;
	height:345px;
	margin:45px 0px 0px 70px;
}

#kurumsal_nav_kap ul li a{
	width: 240px;
	height: 28px;
	padding: 18px 0px 0px 30px ;
	display: inline-block;
}
#kurumsal_nav_kap ul li{
	width:270px;
	height:46px;
	border-bottom:1px solid #585d67;
	background-color:#2e333c;
	list-style-type:none;
	color:#f2f2f2;
	font-size:12px;
	display: block;
}

#kurumsal_nav_kap ul li:first-child{
	border-top-left-radius:6px;
}
#kurumsal_nav_kap ul li:last-child{
	border-bottom:none;
	border-bottom-left-radius:6px;
}
#kurumsal_nav_kap ul li:hover{
	background-color:#191f2a;
}
#kurumsal_nav_kap ul li a:hover > .ic_say_nav_ok{
	position: relative;
    /* Chrome, Safari, Opera */
    -webkit-animation-name: ic_say_nav_ok;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;

    /* Standard syntax */
    animation-name: ic_say_nav_ok;
    animation-duration: 0.4s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes ic_say_nav_ok {
	0%   {left:0px; top:0px;}
	50%   {left:10px; top:0px;}
	100%   {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes ic_say_nav_ok {
    0%   {left:0px; top:0px;}
	50%   {left:10px; top:0px;}
	100%   {left:0px; top:0px;}
}

.ic_say_nav_ok{
	font-size: 12px !important;
	color: #1c79b8 !important;
	margin-right: 20px
}
/*Hakkımızda Bitiş*/

/*Ürün Detay Başlangıç

#ic_sayf_model{
	width:980px;
	margin:auto;
	padding:0px 10px 10px 10px;
	border:solid 1px #dddcdc;
}

Ürün Detay Bitiş*/

/*Ürün List*/
.ur_list_kap{

}
.list_tekst_ciz{
	font-size: 13px;
	padding: 20px 0px 10px 0px;
	border-bottom: 1px solid #2e333c;
}
.ur_list ul li{
	position: relative;
	width: 106px;
	height: 106px;
	display: inline-block;
	margin: 30px 48px 10px 10px;
	border: 1px solid #1f7ab9;
	border-radius: 100%;
	padding: 14px 0px 0px 14px;
}
.ur_list ul li:nth-child(3n+3){
	margin-right: 0px
}

.urun_li_text{
	width: 60px;
	position: absolute;
	text-align: center;
	bottom: -1px;
	left:30px;
	font-size: 13px;
	background-color: #f2f2f2
}

/*Ürün list*/
#ur_det_kap{
	width: 550px;
	height: 450px;
}
#urun_res_slide_kap{
	width: 530px;
	height: 330px;
	border-radius: 6px;
	padding: 10px;
	border: solid 1px #CCC;
	overflow: hidden;
}

#urun_kres_kap{
	width: 550px;
	height: 90px;
	padding-left: 6px;
	margin-top: 10px;
}
#urun_kres_kap ul li{
	width: 124px;
	height: 84px;
	padding: 2px;
	border-radius: 6px;
	margin-right: 2px;
	display: inline-block;
	border: solid 1px #CCC;
	cursor: pointer;
}
#urun_kres_kap ul li:last{
	margin-right: 0px;
}
#urun_kres_kap ul li:hover{
	opacity: 0.5
}
#urun_detay_kulalan_kap{
	position: relative;
}

#urun_detay_kulalan_kap ul li{
	margin-left: 10px;
	
}
#urun_detay_kulalan_kap ul li{
	margin-left: 10px;
	
}

#urun_detay_kulalan_kap ul li:nth-last-child(1n+4) {
	margin-bottom: 200px;
}

.detkul_icon_kap{
	width:49px;
	height:49px;
	border-radius:100%;
	border:solid 1px #1d79b8;
	float:left;
	transition-duration:0.5s;
}

.kul_pas{
	background-color:#e4e4e4
}
.kul_active{
	background-color:#618fb3;
	border:solid 1px #2e333c;
}

#kul_nav_ackap{
	position: absolute;
	top: 50px;
	left:10px;
	width: 330px;
	height: 160px;
	font-size: 12px;
	color: #44484f;
	padding: 20px 0px 20px 10px;
	clear: left
}
#kul_nav_ackap span{
	display: none;
}
.kul_nav_baslik{
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #3a4b76
}
#urdetay_ozellik_kap{
	padding: 20px;
}

#urdetay_ozellik_kap ul li{
	color: #2e333c;
	font-size: 13px;
	list-style: inside;
}
.tek_ozellik {
	padding-top:30px;
}
#tek_res{
	width: 920px;
	height: 310px;
	padding: 20px;
}


/*referanslar*/
#referanslar_kap{
	width:602px;
	margin:auto
}
.refeans_kap{
	width:160px;
	height:135px;
	padding:40px 0px 0px 20px;
	float:left
}
.yancizik:nth-child(3n+2){
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}
.altcizik:nth-child(6n+6), .altcizik:nth-child(6n+5), .altcizik:nth-child(6n+4){
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}


/*kullanım alanları*/
#kullanimalanlari_kap{
	width:602px;
	margin:auto
}
.kulalanlari_bol{
	width: 501px;
	font-size: 12px;
	color: #1c78b6;
	padding: 20px;
	border: 1px solid #7f89a2;
}

/*İletişim formu*/
.formclass{
	font-size: 12px;
	color: #74809b
}
input{
	width: 200px;
	height: 25px;
	border-radius: 4px;
	border: 1px solid #CCC;
}
textarea{
	width: 300px;
	border-radius: 4px;
	border: 1px solid #CCC
}
.btnform{
	background-color: #9aabb7;
	height: 35px;
	margin-left: 196px;
	transition-duration:0.5s;
}
.btnform:hover{
	background-color: #1c79b8;
	color: #CCC
}

.ilet_kap{
	border-radius:10px;
	margin-bottom:10px;
	font-size: 12px;
	color: #74809b;
}

.ad_icons{
	width:25px;
	height:22px;
	background:url(../img/iletisim_icons.png) no-repeat
}

#tel_icon{
	background-position:-25px 0px
}
#fax_icon{
	background-position:-50px 0px
}
#mail_icon{
	background-position:-75px 0px
}
.form_kont{
	display: inline-block;
}

#formgoncvp{
	padding: 20px;
	font-size: 13px;
	color:#247c22;
	border: 1px solid #247c22
}

/*Anasayfa Email ekle*/

#email_ekle_btn{
	width: 50px;
	height: 20px;
	color: #CCC;
	font-size: 13px;
	border: transparent;
	background-color: transparent;
	cursor: pointer;
	transition-duration:0.2s;
}
#email_ekle_btn:hover{
	color: #1c79b8;
}


/*Yazı döndürme*/

#warped {position: absolute; display: block; width:100px; height:100px; top:-262px; left:-155px;}

 #warped>span[class^=w]:nth-of-type(n+0){display:block; position:absolute;
 -moz-transform-origin:50% 100%; -webkit-transform-origin:50% 100%; -o-transform-origin:50%
 100%; -ms-transform-origin:50% 100%; transform-origin:50% 100%; }

 #warped span{font-family:'ABeeZee';font-size:12px;font-weight:regular;font-style:normal;
 line-height:0.65; white-space:pre; overflow:visible; padding:0px;}

 #warped .w0 {-moz-transform: rotate(6.49rad);-webkit-transform: rotate(6.49rad);-o-transform:
 rotate(6.49rad);-ms-transform: rotate(6.49rad); transform: rotate(6.49rad);
 width: 7px; height: 7px; left: 451.16px; top: 646.09px;}

 #warped .w1 {-moz-transform: rotate(6.47rad);-webkit-transform: rotate(6.47rad);-o-transform:
 rotate(6.47rad);-ms-transform: rotate(6.47rad); transform: rotate(6.47rad);
 width: 4px; height: 7px; left: 459.03px; top: 647.36px;}

 #warped .w2 {-moz-transform: rotate(6.45rad);-webkit-transform: rotate(6.45rad);-o-transform:
 rotate(6.45rad);-ms-transform: rotate(6.45rad); transform: rotate(6.45rad);
 width: 7px; height: 7px; left: 463.93px; top: 648.51px;}

 #warped .w3 {-moz-transform: rotate(6.42rad);-webkit-transform: rotate(6.42rad);-o-transform:
 rotate(6.42rad);-ms-transform: rotate(6.42rad); transform: rotate(6.42rad);
 width: 6px; height: 7px; left: 471.84px; top: 649.67px;}

 #warped .w4 {-moz-transform: rotate(6.4rad);-webkit-transform: rotate(6.4rad);-o-transform:
 rotate(6.4rad);-ms-transform: rotate(6.4rad); transform: rotate(6.4rad);
 width: 5px; height: 7px; left: 478.78px; top: 650.54px;}

 #warped .w5 {-moz-transform: rotate(6.39rad);-webkit-transform: rotate(6.39rad);-o-transform:
 rotate(6.39rad);-ms-transform: rotate(6.39rad); transform: rotate(6.39rad);
 width: 3px; height: 7px; left: 484.75px; top: 651.11px;}

 #warped .w6 {-moz-transform: rotate(6.37rad);-webkit-transform: rotate(6.37rad);-o-transform:
 rotate(6.37rad);-ms-transform: rotate(6.37rad); transform: rotate(6.37rad);
 width: 6px; height: 7px; left: 488.72px; top: 651.66px;}

 #warped .w7 {-moz-transform: rotate(6.35rad);-webkit-transform: rotate(6.35rad);-o-transform:
 rotate(6.35rad);-ms-transform: rotate(6.35rad); transform: rotate(6.35rad);
 width: 4px; height: 7px; left: 495.7px; top: 652.15px;}

 #warped .w8 {-moz-transform: rotate(6.33rad);-webkit-transform: rotate(6.33rad);-o-transform:
 rotate(6.33rad);-ms-transform: rotate(6.33rad); transform: rotate(6.33rad);
 width: 8px; height: 7px; left: 500.69px; top: 652.58px;}

 #warped .w9 {-moz-transform: rotate(6.3rad);-webkit-transform: rotate(6.3rad);-o-transform:
 rotate(6.3rad);-ms-transform: rotate(6.3rad); transform: rotate(6.3rad);
 width: 7px; height: 7px; left: 509.68px; top: 652.9px;}

 #warped .w10 {-moz-transform: rotate(6.28rad);-webkit-transform: rotate(6.28rad);-o-transform:
 rotate(6.28rad);-ms-transform: rotate(6.28rad); transform: rotate(6.28rad);
 width: 6px; height: 7px; left: 517.68px; top: 652.99px;}

 #warped .w11 {-moz-transform: rotate(6.26rad);-webkit-transform: rotate(6.26rad);-o-transform:
 rotate(6.26rad);-ms-transform: rotate(6.26rad); transform: rotate(6.26rad);
 width: 7px; height: 7px; left: 524.68px; top: 652.91px;}

 #warped .w12 {-moz-transform: rotate(6.23rad);-webkit-transform: rotate(6.23rad);-o-transform:
 rotate(6.23rad);-ms-transform: rotate(6.23rad); transform: rotate(6.23rad);
 width: 7px; height: 7px; left: 532.68px; top: 652.64px;}

 #warped .w13 {-moz-transform: rotate(6.21rad);-webkit-transform: rotate(6.21rad);-o-transform:
 rotate(6.21rad);-ms-transform: rotate(6.21rad); transform: rotate(6.21rad);
 width: 4px; height: 7px; left: 540.67px; top: 652.26px;}

 #warped .w14 {-moz-transform: rotate(6.2rad);-webkit-transform: rotate(6.2rad);-o-transform:
 rotate(6.2rad);-ms-transform: rotate(6.2rad); transform: rotate(6.2rad);
 width: 3px; height: 7px; left: 545.65px; top: 651.93px;}

 #warped .w15 {-moz-transform: rotate(6.18rad);-webkit-transform: rotate(6.18rad);-o-transform:
 rotate(6.18rad);-ms-transform: rotate(6.18rad); transform: rotate(6.18rad);
 width: 6px; height: 7px; left: 549.63px; top: 651.44px;}

 #warped .w16 {-moz-transform: rotate(6.16rad);-webkit-transform: rotate(6.16rad);-o-transform:
 rotate(6.16rad);-ms-transform: rotate(6.16rad); transform: rotate(6.16rad);
 width: 4px; height: 7px; left: 556.6px; top: 650.79px;}

 #warped .w17 {-moz-transform: rotate(6.14rad);-webkit-transform: rotate(6.14rad);-o-transform:
 rotate(6.14rad);-ms-transform: rotate(6.14rad); transform: rotate(6.14rad);
 width: 10px; height: 7px; left: 561.53px; top: 649.76px;}

 #warped .w18 {-moz-transform: rotate(6.11rad);-webkit-transform: rotate(6.11rad);-o-transform:
 rotate(6.11rad);-ms-transform: rotate(6.11rad); transform: rotate(6.11rad);
 width: 7px; height: 7px; left: 572.41px; top: 648.28px;}

 #warped .w19 {-moz-transform: rotate(6.08rad);-webkit-transform: rotate(6.08rad);-o-transform:
 rotate(6.08rad);-ms-transform: rotate(6.08rad); transform: rotate(6.08rad);
 width: 7px; height: 7px; left: 580.28px; top: 646.82px;}

 #warped .w20 {-moz-transform: rotate(6.06rad);-webkit-transform: rotate(6.06rad);-o-transform:
 rotate(6.06rad);-ms-transform: rotate(6.06rad); transform: rotate(6.06rad);
 width: 7px; height: 7px; left: 588.1px; top: 645.16px;}

 #warped .w21 {-moz-transform: rotate(6.04rad);-webkit-transform: rotate(6.04rad);-o-transform:
 rotate(6.04rad);-ms-transform: rotate(6.04rad); transform: rotate(6.04rad);
 width: 5px; height: 7px; left: 595.92px; top: 643.55px;}

 #warped .w22 {-moz-transform: rotate(6.02rad);-webkit-transform: rotate(6.02rad);-o-transform:
 rotate(6.02rad);-ms-transform: rotate(6.02rad); transform: rotate(6.02rad);
 width: 4px; height: 7px; left: 601.74px; top: 642.18px;}

 #warped .w23 {-moz-transform: rotate(6rad);-webkit-transform: rotate(6rad);-o-transform:
 rotate(6rad);-ms-transform: rotate(6rad); transform: rotate(6rad); width:
 7px; height: 7px; left: 606.51px; top: 640.45px;}

 #warped .w24 {-moz-transform: rotate(5.98rad);-webkit-transform: rotate(5.98rad);-o-transform:
 rotate(5.98rad);-ms-transform: rotate(5.98rad); transform: rotate(5.98rad);
 width: 5px; height: 7px; left: 614.21px; top: 638.44px;}

 #warped .w25 {-moz-transform: rotate(5.96rad);-webkit-transform: rotate(5.96rad);-o-transform:
 rotate(5.96rad);-ms-transform: rotate(5.96rad); transform: rotate(5.96rad);
 width: 3px; height: 7px; left: 619.97px; top: 636.92px;}

 #warped .w26 {-moz-transform: rotate(-5.82rad);-webkit-transform: rotate(-5.82rad);-o-transform:
 rotate(-5.82rad);-ms-transform: rotate(-5.82rad); transform: rotate(-5.82rad);
 width: 13px; height: 24px; left: 360.45px; top: 333.21px;}

 #warped .w27 {-moz-transform: rotate(-5.96rad);-webkit-transform: rotate(-5.96rad);-o-transform:
 rotate(-5.96rad);-ms-transform: rotate(-5.96rad); transform: rotate(-5.96rad);
 width: 10px; height: 24px; left: 376.94px; top: 339.51px;}

 #warped .w28 {-moz-transform: rotate(-6.12rad);-webkit-transform: rotate(-6.12rad);-o-transform:
 rotate(-6.12rad);-ms-transform: rotate(-6.12rad); transform: rotate(-6.12rad);
 width: 18px; height: 24px; left: 391.5px; top: 344.25px;}

 #warped .w29 {-moz-transform: rotate(-6.31rad);-webkit-transform: rotate(-6.31rad);-o-transform:
 rotate(-6.31rad);-ms-transform: rotate(-6.31rad); transform: rotate(-6.31rad);
 width: 19px; height: 24px; left: 414.54px; top: 345.96px;}

 #warped .w30 {-moz-transform: rotate(-6.48rad);-webkit-transform: rotate(-6.48rad);-o-transform:
 rotate(-6.48rad);-ms-transform: rotate(-6.48rad); transform: rotate(-6.48rad);
 width: 11px; height: 24px; left: 438.25px; top: 343.84px;}

 #warped .w31 {-moz-transform: rotate(-6.61rad);-webkit-transform: rotate(-6.61rad);-o-transform:
 rotate(-6.61rad);-ms-transform: rotate(-6.61rad); transform: rotate(-6.61rad);
 width: 11px; height: 24px; left: 453.82px; top: 339.75px;}

 #warped .w32 {-moz-transform: rotate(-6.85rad);-webkit-transform: rotate(-6.85rad);-o-transform:
 rotate(-6.85rad);-ms-transform: rotate(-6.85rad); transform: rotate(-6.85rad);
 width: 36px; height: 24px; left: 467.28px; top: 327.41px;}

 #warped .w33 {-moz-transform: rotate(-7.13rad);-webkit-transform: rotate(-7.13rad);-o-transform:
 rotate(-7.13rad);-ms-transform: rotate(-7.13rad); transform: rotate(-7.13rad);
 width: 23px; height: 24px; left: 499.63px; top: 305.43px;}

 #warped .w34 {-moz-transform: rotate(-7.32rad);-webkit-transform: rotate(-7.32rad);-o-transform:
 rotate(-7.32rad);-ms-transform: rotate(-7.32rad); transform: rotate(-7.32rad);
 width: 15px; height: 24px; left: 517.86px; top: 286.08px;}

 #warped .w35 {-moz-transform: rotate(-7.48rad);-webkit-transform: rotate(-7.48rad);-o-transform:
 rotate(-7.48rad);-ms-transform: rotate(-7.48rad); transform: rotate(-7.48rad);
 width: 23px; height: 24px; left: 524.39px; top: 264.74px;}

 #warped .w36 {-moz-transform: rotate(-7.62rad);-webkit-transform: rotate(-7.62rad);-o-transform:
 rotate(-7.62rad);-ms-transform: rotate(-7.62rad); transform: rotate(-7.62rad);
 width: 11px; height: 24px; left: 537.18px; top: 243.16px;}

 #warped .w37 {-moz-transform: rotate(-7.71rad);-webkit-transform: rotate(-7.71rad);-o-transform:
 rotate(-7.71rad);-ms-transform: rotate(-7.71rad); transform: rotate(-7.71rad);
 width: 10px; height: 24px; left: 540.69px; top: 227.71px;}

 #warped .w38 {-moz-transform: rotate(-7.79rad);-webkit-transform: rotate(-7.79rad);-o-transform:
 rotate(-7.79rad);-ms-transform: rotate(-7.79rad); transform: rotate(-7.79rad);
 width: 15px; height: 24px; left: 539.99px; top: 211.19px;}