@charset "utf-8";
/* CSS Document */



strong,b { font-weight:bold}
.header { height:64px; background:#fff; position:absolute; left:0; right:0; z-index:3; top:66px;}
.header .logo { width:153px; height:100px; margin:-20px 0 0 14px;  background:url(../img/cleanlife.png) no-repeat center center; float:left;}
.header .headertel { width:953px; height:30px; text-align:center; margin:-45px 0 0 14px; float:right; color:#fff; text-shadow:1px 1px 4px #000; }
.header .logo2 {width:153px; height:100px; margin:-17px 0 0 40px;  background:url(../img/bayer_logo.png) no-repeat center center; float:left}
.header .linkframe { float:left; margin:0 0 0 116px}
.linkframe li { float:left; }
.linkframe li a {font-size:16px; color:#333333; line-height:16px; padding:24px 20px; float:left; background:#fff;}
.linkframe li a:hover,.linkframe li.active a { background:#049fd8; color:#fff;}

.slider { height:635px; position:relative; z-index:1}


.content { position:relative; z-index:10;}
.bgtrigon { background:url(../img/bg_trigon.png) no-repeat center top; min-height:132px; margin:-132px 0 0 0; text-align:center}

.content .circle { width:270px; height:270px; border-radius:50%; float:left; text-align:center; box-sizing:border-box; border:5px solid #f5f5f5; margin:-45px 10px 0 10px; position:relative; overflow:hidden; background:#000;-webkit-box-shadow: 6px 6px 15px 0px rgba(50, 50, 50, 0.25);moz-box-shadow:6px 6px 15px 0px rgba(50, 50, 50, 0.25);box-shadow:6px 6px 15px 0px rgba(50, 50, 50, 0.25);}
.content .circle .title {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;height: 48px;font-size:24px; line-height:24px;color:#fff;text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.3);}
.content .circle .imgframe { position:absolute; top:0; width:100%; height:100%; opacity:.8}
.content .circle:first-child { margin-left:0px;}

.row.bg2 { background:#f9f9f9; padding:40px 0;}
.bordertitle { text-align:center}
.bordertitle .border { background:#cecece; height:1px; width:50%; margin:10px auto 20px;}
.bordertitle .border span{ width:7px; height:7px; margin:-3px 49%; float:left; background:#cecece; border-radius:50%;}
.bordertitle p { font:12px Arial, Helvetica, sans-serif; color:#5f5f5f; width:40%; margin:0 auto}
.bordertitle p a{ color:#008abd;}

.belgeframe { margin:40px 0 0 0}
.belgeframe .w3 { background:#fff; text-align:center; margin:0 30px 0 0}
.belgeframe .w3:last-child { margin:0 0 0 0}
.belgeframe .w3 img { max-width:100%; max-height:100%;}
.detailbelge img{  position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; }
.detailbelge .w3{ position:relative; height:200px;}

.borderlefttitle { border-left:10px solid #d7d7d7;color:#1b1b1b; font-size:20px; padding:5px 0 5px 10px; margin:0 0 20px 0}
.info p ,.login p { font:14px Arial, Helvetica, sans-serif; color:#1b1b1b}
.login p{ font-size:12px}
.login input { width:100%; float:left; box-sizing:border-box; padding:10px; height:50px; border:1px solid #d6d6d6; margin:0 0 10px 0}
.login input.button { width:30%; float:right; background:#049fd8; color:#fff; font:300 20px 'Roboto Condensed'; border:0; cursor:pointer;}
.logged span { float:left; margin:0 0 20px 0;}
.logged a{ width:100%; margin:0 0 1px 0; float:left; box-sizing: border-box; padding:10px 10px 10px 20px; background:#f7f7f7}

.footer { background:url(../img/bg_footer.png) repeat-x #008abd;}
.footer .borderlefttitle { color:#fff; border-left:10px solid #fff; cursor:default}
.footer .w4 { opacity:.7;}
.footer .w4:hover { opacity:1;}
.footer .social {}
.footer .social a{ opacity:.4}
.footer .social a:hover{ opacity:.8}
.footer .linkframe ,.footer .adresframe{ padding:0 0 0 20px;}
.footer .linkframe a,.footer .adresframe a { float:left; width:100%; font:300 14px 'Roboto Condensed'; color:#fff; margin:0 0 5px 0; opacity:.7}
.footer .adresframe a { font-size:18px; float:left; margin:0 0 10px 0; opacity:.7}
.footer .adresframe a:hover ,.footer .linkframe a:hover { opacity:1;}
.footer .adresframe img { float:left}
.footer .adresframe span { float:left; margin:10px 0 0 10px; max-width:85%;}
.footer .logo { width:100%; height:69px; margin:0 0 20px 0;  background:url(../img/logo_footer.png) no-repeat; float:left;}



.detailbigtitle { width:100%; float:left; box-sizing:border-box; color:#020202; background:#f3f3f3; margin:0 0 40px 0; height:56px}
.detailbigtitle .tag ,.detailbigtitle .name {padding:20px 40px; float:left}
.detailbigtitle .tag { background:#fff; color:#010000; padding:0}
.detailbigtitle .tag img { margin:-25px -25px 0 0 }
.detailbigtitle .name { color:#838383}
.tablink{}
.tablink .borderlefttitle { margin:0 20px 0 0; cursor:pointer; border:0; padding:10px 20px; background:#f3f3f3; font-weight:300}
.tablink .borderlefttitle.active { background:#049FD8; color:#fff;}
.tabcontent { display:none;}
.tabcontent h3 { margin:0 0 20px 0; float:left; width:100%;}
.tabcontent .line { width:100%; float:left; margin:0 0 10px 0; border:1px solid #f3f3f3; box-sizing:border-box;}
.tabcontent .tag ,.tabcontent .name { float:left; padding:20px; color:#515151; font-size:14px}
.tabcontent .tag { background:#F7F7F7; min-width:230px}
/*Detail*/
.bgtrigon.detail { text-align:left}
.headerbg { height:440px; margin:-64px 0 0 0;}
.detail {}
.detail li{ list-style-position:inside; list-style-type:disc;}
.detail p { font:14px Arial, Helvetica, sans-serif; color:#1b1b1b}
.categories .linkframe a{ width:100%; float:left; clear:both; border-bottom:1px dotted #c9c9c9; padding:20px 0; font:300 18px 'Roboto Condensed'; color:#2d2d2d; background:#fff;}
.categories .linkframe a:hover,.categories .linkframe a.active { background:#F4F4F4; color:#000; text-indent:20px}

.w9 .w3{ width:202px; margin:0 20px 20px 0; border:1px solid #f2f2f2; box-sizing:border-box; padding:10px; cursor:pointer;}
.w9 .w3:nth-child(4n){ margin:0 0 20px 0;}


.contactform {}
.contactform input ,.contactform textarea{ box-sizing:border-box; padding:10px; margin:5px 10px 5px 0 ; float:left; color:#303030; border:1px solid #DBDBDB; outline:none; width:100%; clear:both; font:inherit;}
.contactform textarea { resize:vertical; min-height:120px;}
.contactform input.button {}
.contactform  input:focus,.contactform textarea:focus { border:1px solid #049FD8;}
.contactform .button { border:0; background:#f1f1f1;cursor:pointer; border:none !important;width: 20%;height: 50px;}
.contactform .button:hover,.contactform .button:focus{ background:#049FD8; color:#fff;}

.maps { width:100%; height:600px;}
.contactinfo .line { float:left; width:100%; display:table; margin:0 0 10px 0}
.circle2 { width:80px; height:80px; border-radius:50%; background:#049fd8; position:relative; float:left;}
.contactinfo h4 { margin:0 0 0 10px ; width:280px; display:table-cell; vertical-align:middle;}
.circle2 img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}

.hasere { position:relative;}
.hasere .w3 { margin:0 30px 30px 0; float:left; position:relative;box-sizing: border-box;border: 1px solid #F4F4F4;}
.hasere .w3:nth-child(4n+1){ margin:0 0 30px 0}
.hasere .imgframe { width:100%; height:150px; overflow:hidden; position:relative;}

.hasere .imgframe:before {content:'Detaylar';visibility:hidden;position:absolute;width:100px;height:24px;border-radius:50%;top:0; left:0; right:0; bottom:0;margin:auto;background:#fff;opacity:0; z-index:6; padding:38px 0; text-align:center; line-height:24px;}
.hasere .w3:hover .imgframe:before {visibility:visible;opacity:1; width:64px; height:24px;padding:20px 0;}
.hasere .imgframe:after { content:''; width:0px; height:0; background:rgba(255,255,255,.8); opacity:0;position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; border-radius:50%}
.hasere .w3:hover .imgframe:after { width:300px; height:300px;  z-index:3; opacity:1; transform:scale(1.3); -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3);}

.hasere h4 {padding:15px 0; text-align: center;background: #F4F4F4;color: #252525;}
.hasere .w3:hover h4{ color:#fff; background:#049FD8;}
.fbpopup { display:none; padding:20px; float:left}
.fbpopup .imgframe { height:150px; width:100%}
.fbpopup h3 { font:400 16px 'Roboto Condensed'; margin:0 0 10px 0}
.fbpopup p { font:400 12px Arial, Helvetica, sans-serif; margin:0 0 20px 0}



.bocekilaclama .imgframe { height:250px; overflow:hidden}
.bocekilaclama .line { padding:20px; box-sizing:border-box; background:#f9f9f9; border:1px solid #f3f3f3}
.bocekilaclama h4 { font:600 16px Arial, Helvetica, sans-serif; margin:0 0 10px 0}
.bocekilaclama sub { font:300 12px Arial, Helvetica, sans-serif; color:#2C2C2C}
.bocekilaclama p { margin:0 0 15px 0}
.bocekilaclama sub {}
/*.hasere .imgframe img { max-width:100%; max-height:100%; margin:0 auto}*/
.tableframe { border:1px solid #f7f7f7; box-sizing:border-box;}
.tableframe .tabline.head { border:0;}
.tableframe .tabline.head .col { background:#f7f7f7;}
.tableframe .tabline .col { float:left; box-sizing:border-box; padding:15px; font-size:16px; line-height:16px; border-bottom:1px solid #f7f7f7}
.tableframe .tabline .hname { width:350px; margin:0 1px 0 0;}
.tableframe .tabline .htarih { width:175px; margin:0 1px 0 0;}
.tableframe .tabline .hbelge { width:241px; position:relative; cursor:pointer;}
.tableframe .tabline .hbelge .icon { padding:0 40px 0 0; background:url(../images/downloadicon.png) no-repeat center right;}

.tableframe .tabline .hbelge ul { position:absolute; left:0; top:35px; display:none; width:100%; padding:10px; box-sizing:border-box; border:1px solid #f7f7f7; background:#fff; z-index:10}
.tableframe .tabline .hbelge:hover ul { display:block;}
.tableframe .tabline .hbelge ul li { padding:5px 0 5px 0; border-bottom:1px solid #f7f7f7;}
.tableframe .tabline .hbelge ul li a {padding:0 20px 0 0; background:url(../img/downloadicon.png) no-repeat center right 5px; width:100%; box-sizing:border-box; display:block;}
.tableframe .tabline .hbelge ul li:last-child{ border:0;}
.tableframe .tabline { width:100%; border:1px solid #f7f7f7;}

#hata_listesi { position:absolute; top:0; bottom:0; left:0; right:0; width:50%; height:200px; background:#fff; margin:auto; padding:20px; box-sizing:border-box;-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.3);box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.3);}
#hata_listesi .closebutton { width:16px; height:16px;cursor:pointer; position:absolute; top:20px; right:20px;background:url(../img/closebutton.png) no-repeat center right;}
#hata_listesi ul li{ list-style-type:disc; list-style-position:inside; margin:5px 0;}
.alert-success { width:100%; height:58px; background:#093; padding:20px; box-sizing:border-box; color:#fff; font-size:18px; line-height:18px; border-radius:3px; text-align:center; margin:60px 0;}
.contact #hata_listesi { top:80px !important; margin:0 auto; z-index:9999}

/**/
.quickform { padding:20px; font-size:14px; float:left;}
.quickform .button {background:#049FD8; color:#fff;}
.quickform .contactform { margin:0;}
.quickform h2{ font:600 18px 'Roboto Condensed'; position:relative; padding:0 0 10px 0; margin:0 0 10px 0;}
.quickform h2:before { content:""; width:30%; position:absolute; top:0; height:100%; border-bottom:1px solid #666;}
.quickform label{ margin:10px 0 0 0; float:left; width:100%; font:400 16px 'Roboto Condensed'}
.quickform select{padding: 10px;width: 100%;box-sizing: border-box;height: 41px; margin:5px 10px 5px 0; cursor:pointer;}
/**/

/*Detail End*/

a::-moz-selection {background: #049FD8;color: #FFFFFF;}
a::selection {background: #049FD8;color: #FFFFFF;}
::-moz-selection {background: #049FD8;color: #FFFFFF;}
::selection {background: #049FD8;color: #FFF;}