@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin,latin-ext);


html, body, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; list-style-type: none; }
html, body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #1a1a18; padding: 0px; margin: 0px; font-weight: normal; font-style: normal; }
body { background-image: url("images/bg.jpg"); background-repeat: no-repeat; background-position: top center; position: relative; background-color: #fff }
*:focus { outline: none; border-color: inherit; -webkit-box-shadow: none; box-shadow: none; }
.clear { clear: both; }
a { color: #0b7be9; text-decoration: none; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; outline: none }
a:hover { color: #0b64a0 }
img { border: 0px }
.sticky-wrapper { z-index: 10; /*position: relative;*/ }
.linkbtn { background-color: #f2c916; color: #000000; display: block; padding: 10px 30px 10px 30px; width: 150px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 700; text-align: center; text-decoration: none; cursor: pointer; }
#top { height: 80px; width: 100%; background-color: #ffffff; z-index: 1; -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); }
#top .topcontent { width: 1200px; margin: auto; height: 80px; }
#top .topcontent .logo { float: left; width: 200px; margin-top: 25px; }
#top .topcontent .logo img { width: 100%; height: auto; }
#top .topcontent .lang { float: right; width: 50px; margin-top: 10px; margin-right: 10px; }
#top .topcontent .lang ul li { list-style: none; width: 19px; height: 14px; margin-left: 5px; float: right; }
#top .topcontent .tel { float: right; margin-top: 9px; font-size: 17px; font-family: 'Reddit Sans Condensed', Arial, Helvetica, sans-serif; font-weight: bold; background-image: url("images/tel.png"); background-repeat: no-repeat; background-position: left; padding-left: 25px; margin-right: 10px; letter-spacing: -0.5px }
#top .topcontent .whatsapp { height: 20px; float: right; padding-top: 8px; margin-top: 3px; font-size: 16px; font-weight: bold; font-family: 'Reddit Sans Condensed', Arial, Helvetica, sans-serif; background-image: url("images/whatsapp.png"); background-repeat: no-repeat; background-position: left; padding-left: 30px; margin-right: 20px; position: relative; }
#top .topcontent .whatsapp span { position: absolute; top: -1px; left: 45px; font-size: 10px; color: #999 }
#top .topcontent .menu { margin-top: 17px; float: right; }
#menu, #menu ul { list-style: none; margin: 0; padding: 0; float: left; }
#menu li { float: left; white-space: nowrap; line-height: 30px; height: 30px; text-align: center; box-sizing: border-box; }
#menu li a { display: block; margin: 0px 15px 0px 15px; text-decoration: none; text-align: center; color: #231f20; font-size: 17px; font-weight: 400; letter-spacing: -0.3px; text-transform: uppercase; font-family: 'Reddit Sans Condensed', Arial, Helvetica, sans-serif; }
#menu li a:hover { color: #0054a6; }
#menu li ul { display: none; width: 180px; position: absolute; z-index: 11000 !important; background: #fff; margin-top: 2px; -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); }
#menu li ul li { background: #fff; border-right: 0px; width: 100%; float: left; line-height: 36px !important; height: 36px !important; z-index: 11000 !important; }
#menu li ul li a { color: 231f20; text-align: left; margin: 0px 5px 0px 20px; z-index: 11000 !important; }
#menu li ul li a:hover { color: #0054a6; }
#top .topcontent .facebookcontainer { float: right; margin-right: 5px; margin-top: 14px; height: 29px; }
#top .topcontent .facebookcontainer a.facebook { background: url("images/facebook1.png") 0 0 no-repeat; width: 34px; height: 29px; display: block; text-indent: -9999px; }
#top .topcontent .facebookcontainer a.facebook:hover { background-position: 0px -29px; }
#footer { width: 100%; border-top: 1px solid #b2b2b2; }
#footer .content { width: 1200px; margin: auto; padding-top: 20px; }
#footer .content .address { width: 24%; float: left; background-image: url("images/address.png"); background-repeat: no-repeat; background-position: left; }
#footer .content .address span { display: inline-block; margin-left: 50px; font-family: 'Reddit Sans Condensed', Arial, Helvetica, sans-serif; font-size: 14px; color: #666; line-height: 17px; text-align: left; }
#footer .content .phone { width: 15%; margin-left: 20px; float: left; background-image: url("images/phone.png"); background-repeat: no-repeat; background-position: left; height: 30px }
#footer .content .phone span { display: inline-block; margin-left: 40px; font-family: 'Reddit Sans Condensed', Arial, Helvetica, sans-serif; font-size: 14px; color: #666; line-height: 30px; text-align: left; }
#footer .content .whatsapp { width: 15%; height: 20px; margin-left: 20px; padding-top: 12px; float: left; font-size: 16px; font-weight: bold; font-family: 'Reddit Sans Condensed', Arial, Helvetica, sans-serif; background-image: url("images/whatsapp.png"); background-repeat: no-repeat; background-position: left; padding-left: 30px; position: relative; }
#footer .content .whatsapp span { position: absolute; top: 0px; left: 40px; font-size: 11px; color: #999 }
#footer .content .email { width: 15%; float: left; background-image: url("images/email.png"); background-repeat: no-repeat; background-position: left; }
#footer .content .email span { display: inline-block; margin-left: 40px; font-family: 'Reddit Sans Condensed', Arial, Helvetica, sans-serif; font-size: 14px; color: #666; line-height: 14px; text-align: left; }
#footer .followus { float: right; margin-left: 20px; }
#footer .followus ul { margin: 0px; padding: 0px; list-style: none; float: left; margin-right: 10px; }
#footer .followus ul li { float: left; }
#footer .followus ul li a { display: block; padding: 0px 5px 0px 0px; text-indent: -9999px; }
#footer .followus ul li a.facebook { background: url("images/footer_facebook.png") 0 0 no-repeat; width: 34px; height: 34px; }
#footer .followus ul li a.facebook:hover { background-position: 0px -34px; }
#footer .followus ul li a.twitter { background: url("images/footer_twitter.png") 0 0 no-repeat; width: 34px; height: 34px; }
#footer .followus ul li a.twitter:hover { background-position: 0px -34px; }
#footer .followus ul li a.youtube { background: url("images/footer_youtube.png") 0 0 no-repeat; width: 34px; height: 34px; }
#footer .followus ul li a.youtube:hover { background-position: 0px -34px; }
#footer .followus ul li a.linkedin { background: url("images/footer_linkedin.png") 0 0 no-repeat; width: 34px; height: 34px; }
#footer .followus ul li a.linkedin:hover { background-position: 0px -34px; }
#footer .telif { font-size: 13px; text-align: center; color: #666; padding-top: 10px; padding-bottom: 15px; font-family: 'Reddit Sans Condensed', Arial, Helvetica, sans-serif; }
#banner { width: 100%; max-height: 520px; overflow: hidden; }
#main { width: 100%; background-color: #ffffff; }
#main .maincontent { width: 1200px; margin: auto; padding-top: 30px; }
#main .maincontent .anasayfaurunlerheader { font-weight: 700; font-family: 'Open Sans'; font-size: 20px; background-color: #1d3868; padding: 5px 0px 5px 20px; box-sizing: border-box; width: 98.4%; color: #fff }
#main .maincontent .anasayfaurunler { margin-top: 20px; margin-bottom: 20px }
#main .maincontent .anasayfaurunler li { margin-right: 20px }
#main .maincontent .anasayfaurunler li:hover { opacity: 0.9 }
#main .maincontent .anasayfaurunler li .imagecontainer { width: 100%; box-sizing: border-box; }
#main .maincontent .anasayfaurunler li .imagecontainer img { width: 100%; height: auto }
#main .maincontent .anasayfaurunler li .informationcontainer { width: 100%; box-sizing: border-box; padding-top: 5px; }
#main .maincontent .anasayfaurunler li .informationcontainer .ad { font-size: 20px; font-weight: 700; font-family: 'Open Sans', Arial, Helvetica, sans-serif; margin-top: 10px; color: #306095; letter-spacing: -1px; }
#main .maincontent .anasayfaurunler li .informationcontainer .kisa_slogan { font-size: 16px; font-weight: 700; font-family: 'Open Sans', Arial, Helvetica, sans-serif; margin-top: 10px; color: #111; letter-spacing: -0.5px }
#main .maincontent .anasayfaurunler li .informationcontainer .kisa_aciklama { font-size: 13px; font-weight: 400; font-family: 'Open Sans', Arial, Helvetica, sans-serif; margin-top: 10px; color: #111; letter-spacing: -0.1px; line-height: 22px; height: 115px; overflow: hidden; text-overflow: eclipse; }
.innerpageheader { background: url("images/innerpageheader.jpg") no-repeat top center; width: 100%; height: 60px; z-index: 1 }
.innerpageheader span { font-weight: 700; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 22px; color: #FFFFFF; line-height: 60px; width: 1200px; margin: auto; display: block; }
.innerpagecontent { width: 1200px; margin: auto; padding: 20px 10px; box-sizing: border-box; font-family: 'Reddit Sans Condensed', Arial; font-size: 16px; line-height: 22px; font-weight: 400 }
.innerpagecontent .categorycontainer { margin-top: 50px; margin-bottom: 50px; }
.innerpagecontent .categorycontainer li { float: left; margin-left: 50px; position: relative; margin-bottom: 50px; }
.innerpagecontent .categorycontainer li .img { float: left; width: 500; height: 200px; }
.innerpagecontent .categorycontainer li .title { left: 20px; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); position: absolute; padding: 10px 40px 10px 10px; background-color: rgba(0, 0, 0, 0.8); }
.innerpagecontent .categorycontainer li .title  a { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 26px; font-weight: 700; color: #ffffff; display: block; }
.innerpagecontent .categorycontainer li .title a:hover { color: #fff6c1; }
.kategorinav { background-color: #CCCCCC; width: 100%; height: 20px; z-index: 1 }
.kategorinav .navcontent { width: 1200px; margin: auto; line-height: 20px; }
.kategorinav .navcontent a { color: #666666; }
.kategorinav .navcontent a:hover { color: #000000; }
.innerpagecontent .left { width: 200px; float: left; margin-top: 30px; background-color: #FFFFFF; }
.innerpagecontent .left .leftheader { background-color: #777a7b; height: 35px; line-height: 35px; padding-left: 15px; color: #FFFFFF; font-size: 15px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 700 }
.innerpagecontent .left ul { margin: 0px; padding: 0px; padding-top: 2px; }
.innerpagecontent .left ul li { margin: 0px; padding: 0px; margin-left: 17px; }
.innerpagecontent .left ul li a { background-image: url("images/left_li.jpg"); background-repeat: no-repeat; height: 32px; line-height: 32px; padding-left: 10px; display: block; font-size: 16px; color: #6d6d6d; font-weight: normal; font-family: 'Reddit Sans Condensed', Arial, sans-serif; overflow: hidden; }
.innerpagecontent .left ul li a.cur, .kategoricontent .left ul li a.selected, .kategoricontent .left ul li a:hover { color: #0071a7; }
.innerpagecontent .right { width: 950px; float: left; margin-left: 30px; margin-top: 30px; margin-bottom: 50px; }
.innerpagecontent .right .subcategorycontainer { margin-top: 10px; }
.innerpagecontent .right .subcategorycontainer li { float: left; margin-left: 10px; margin-bottom: 10px; position: relative; background-color: #ccc; }
.innerpagecontent .right .subcategorycontainer li .img { float: left; width: 300px; height: 200px; overflow: hidden }
.innerpagecontent .right .subcategorycontainer li .img img { width: 100%; height: auto }
.innerpagecontent .right .subcategorycontainer li .title { left: 0px; top: 0px; position: absolute; padding: 10px 40px 10px 10px; background-color: rgba(0, 113, 167, 0.8); }
.innerpagecontent .right .subcategorycontainer li .title  a { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; color: #ffffff; display: block; }
.innerpagecontent .right .subcategorycontainer li .title a:hover { color: #fff6c1; }
.innerpagecontent .right .productcontainer { margin-top: 10px; }
.innerpagecontent .right .productcontainer li { float: left; margin-left: 50px; margin-bottom: 50px; position: relative; background-color: #ccc; }
.innerpagecontent .right .productcontainer li:hover { opacity: 0.9 }
.innerpagecontent .right .productcontainer li .img { float: left; width: 400px; height: 266px; overflow: hidden }
.innerpagecontent .right .productcontainer li .img img { width: 100%; height: auto }
.innerpagecontent .right .productcontainer li .title { left: 0px; top: 0px; position: absolute; padding: 10px 40px 10px 10px; background-color: rgba(0, 113, 167, 0.8); }
.innerpagecontent .right .productcontainer li .title  a { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 700; color: #ffffff; display: block; }
.innerpagecontent .right .productcontainer li .title a:hover { color: #fff6c1; }
.innerpagecontent .kurumsalimg { padding: 3px; }
.innerpagecontent .contactleft {width: 40%;float: left;padding: 20px 5%;background: #fff;margin: 20px 5%;}
.innerpagecontent .contactleft .contactsend { color: #c4151c; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 14px; }
.innerpagecontent .contactleft .contactform  input, .innerpagecontent .contactleft .contactform  textarea {margin-bottom: 10px;border: 1px solid #cdcccd;width: 100%;height: 40px;color: #666666;line-height: 30px;font-size: 13px;font-family: 'Open Sans', sans-serif;}
.innerpagecontent .contactleft .contactform  textarea { height: 100px; text-indent: 10px; }
.innerpagecontent .contactleft .contactform  input:hover, .innerpagecontent .contactleft .contactform  textarea:hover, .innerpagecontent .contactleft .contactform  input:focus, .innerpagecontent .contactleft .contactform  textarea:focus { border: 1px solid #999999; }
.innerpagecontent .contactleft .contactform  label {color: #0054a6;font-family: 'Open Sans', sans-serif;font-weight: bold;font-size: 14px;line-height: 20px;margin-bottom: 0;}
.innerpagecontent .contactleft .contactform  label.error { color: #FF0000; font-size: 18px; }
.innerpagecontent .contactleft .contactform  input { text-indent: 10px; }
.innerpagecontent .contactleft .contactform #isim { background: url("images/isim.png") 16px 12px no-repeat #fff; background-position: right; text-indent: 10px; }
.innerpagecontent .contactleft .contactform #email { background: url("images/mail.png") 16px 12px no-repeat #fff; background-position: right; text-indent: 10px; }
.innerpagecontent .contactleft .contactform #konu { background: url("images/konu.png") 16px 12px no-repeat #fff; background-position: right; text-indent: 10px; }
.innerpagecontent .contactleft .contactform p input { cursor: pointer; border: none; background-color: #0054a6; width: 125px; height: 33px; line-height: 33px; text-align: center; color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 14px; }
.innerpagecontent .contactleft .contactform p input:hover { background-color: #0071a6; border: none; }
.innerpagecontent .contactright {

width: 40%;

float: left;

padding: 20px 5%;

background: #fff;

margin: 20px 5%;

}
.innerpagecontent .contactright .map { width: 640px; }
.innerpagecontent .contactright .map .header { color: #666666; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 14px; padding-top: 30px; padding-bottom: 10px; }
.innerpagecontent .contactright .contactdetails { padding-top: 25px; }
.innerpagecontent .contactright .contactdetails .contactinfo { font-size: 16px; color: #666666; font-family: 'Reddit Sans Condensed', Arial, sans-serif; }
.innerpagecontent .contactright .contactdetails .contactinfo h3 { font-size: 16px; font-family: 'Open Sans', Arial, sans-serif; }
.innerpagecontent .dosyalar { margin-left: 20px; }
.innerpagecontent .dosyalar li { list-style-type: circle; line-height: 25px; }
.innerpagecontent .dosyalar li a { font-size: 16px; font-family: 'Reddit Sans Condensed', Arial, sans-serif; }
.innerpagecontent .haberler li { clear: both; padding-top: 30px; }
.innerpagecontent .haberler li .img { width: 200px; float: left; }
.innerpagecontent .haberler li .titletarihdesc { width: 960px; padding-left: 20px; float: left; }
.innerpagecontent .haberler li .titletarihdesc .title { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; }
.innerpagecontent .haberler li .titletarihdesc .title a { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; }
.innerpagecontent .haberler li .titletarihdesc .title a:hover { color: #000000; }
.innerpagecontent .haberler li .titletarihdesc .desc { font-family: 'Reddit Sans Condensed', Arial, Helvetica, sans-serif; font-size: 15px; color: #333333; text-align: justify; line-height: 20px; }
.innerpagecontent .haberler li .titletarihdesc .tarih { font-family: 'Reddit Sans Condensed', Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; text-align: left; font-style: italic; }
.innerpagecontent .contentimages { margin-top: 10px }
.innerpagecontent .contentimages ul { display: table; margin: auto; }
.innerpagecontent .contentimages ul li { float: left; margin: 10px; }
.innerpagecontent .contentimages ul li .img { width: 200px; height: 150px; overflow: hidden; float: left; webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); padding: 3px; }
.innerpagecontent .fotokategori { display: table; margin: auto; margin-top: 40px; }
.innerpagecontent .fotokategori li { float: left; margin: 10px; opacity: 0.8 }
.innerpagecontent .fotokategori li.cur { opacity: 1 }
.innerpagecontent .fotokategori li .img { width: 200px; height: 150px; overflow: hidden; webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); padding: 3px; }
.innerpagecontent .fotokategori li .title { height: 40px; line-height: 40px; text-align: center; }
.innerpagecontent .fotokategori li .title a { color: #333333; font-size: 14px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.innerpagecontent .fotokategori li .title a:hover { color: #003399; }
.innerpagecontent .videolist { display: table; margin: auto; }
.innerpagecontent .videolist li { float: left; margin: 0px 14px 14px 14px; opacity: 0.8; width: 200px; }
.innerpagecontent .videolist li.cur { opacity: 1 }
.innerpagecontent .videolist li .img { width: 200px; height: 150px; overflow: hidden; webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); padding: 3px; }
.innerpagecontent .videolist li .title { margin-top: 5px; height: 40px; line-height: 20px; text-align: center; }
.innerpagecontent .videolist li .title a { color: #333333; font-size: 13px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
.innerpagecontent .videolist li .title a:hover { color: #003399; }
.innerpagecontent .productcontent { background-color: #fff; margin-top: -20px; padding-top: 20px }
.innerpagecontent .productcontent .imagewrapper { position: relative }
.innerpagecontent .productcontent .imagewrapper .titlewrapper { background-color: rgba(3, 83, 130, 0.7); padding: 20px; box-sizing: border-box; position: absolute; top: 50%; transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: block; max-width: 40%; }
.innerpagecontent .productcontent .imagewrapper .titlewrapper.flleft { float: left; left: 0%; }
.innerpagecontent .productcontent .imagewrapper .titlewrapper.flright { float: right; right: 0%; }
.innerpagecontent .productcontent .imagewrapper .titlewrapper h1 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 33px; font-weight: 700; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); line-height: 45px; }
.innerpagecontent .productcontent .imagewrapper .titlewrapper h2 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 25px; font-weight: 400; color: #fff; line-height: 45px }
.innerpagecontent .productcontent .imagewrapper .titlewrapper h3 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 300; color: #fff; line-height: 25px }
.innerpagecontent .productcontent .imagewrapper .titlewrapper h3 a { color: #fff; }
.innerpagecontent .productcontent .imagewrapper .titlewrapper h4 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 23px; font-weight: 700; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); line-height: 30px; }
.innerpagecontent .productcontent .imagewrapper .titlewrapper a.video, .innerpagecontent .productcontent .imagewrapper .titlewrapper a.katalog { color: #da0202; font-weight: 600; font-size: 15px; display: block; padding: 20px; background-color: rgba(255, 255, 255, 0.8); margin-left: -20px; margin-right: -20px; margin-top: -20px; margin-bottom: -20px; }
.innerpagecontent .productcontent .imagewrapper .titlewrapper a.video:hover, .innerpagecontent .productcontent .imagewrapper .titlewrapper a.katalog:hover { text-decoration: underline; }
.innerpagecontent .productcontent .poductslogan { text-align: center; font-size: 40px; font-weight: 300; font-family: 'Open Sans', Arial, Helvetica, sans-serif; line-height: 50px; }
.innerpagecontent .productcontent .poductslogan p { padding: 0; margin: 0 }
.innerpagecontent .productcontent .poductslogan strong { font-weight: 700; color: #306095 }
.innerpagecontent .productcontent table { width: 98%; margin: auto; font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding-bottom: 20px; padding-top: 20px }
.innerpagecontent .productcontent th { background-color: #306095; border-right: 1px solid #ffffff; line-height: 33px; text-align: left; color: #ffffff; font-size: 14px; font-weight: 700; padding: 6px 6px 7px 7px; }
.innerpagecontent .productcontent td { border-right: 1px solid #FFFFFF; vertical-align: middle; color: #444444; font-size: 13px; padding: 6px 6px 7px 7px; text-align: left; }
.innerpagecontent .productcontent tr:nth-child(even) { background-color: #f5f5f5; }
.innerpagecontent .productcontent tr:nth-child(odd) { background-color: #ebebeb; }
.innerpagecontent .productcontent .orderform { margin: auto; width: 80%; margin-top: 30px; padding-bottom: 30px; }
.innerpagecontent .productcontent .orderform  input, .innerpagecontent .productcontent .orderform textarea { margin-bottom: 10px; border: 1px solid #cdcccd; width: 98%; height: 30px; color: #666666; line-height: 30px; font-size: 14px; font-family: 'Open Sans', sans-serif; }
.innerpagecontent .productcontent .orderform select { margin-bottom: 10px; border: 1px solid #cdcccd; width: 98%; height: 30px; color: #666666; line-height: 30px; font-size: 12px; font-family: 'Open Sans', sans-serif; }
.innerpagecontent .productcontent .orderform  textarea { height: 100px; text-indent: 10px; width: 97.5%; }
.innerpagecontent .productcontent .orderform  input:hover, textarea:hover, input:focus, textarea:focus { border: 1px solid #999999; }
.innerpagecontent .productcontent .orderform  input:disabled, select:disabled { border: 1px solid #f2f2f2; color: #dddddd }
.innerpagecontent .productcontent .orderform input.error, textarea.error, select.error { background-color: #ffe9d5 }
.innerpagecontent .productcontent .orderform  label { color: #0054a6; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 14px; line-height: 30px; }
.innerpagecontent .productcontent .orderform  label.error { color: #FF0000; font-size: 18px; }
.innerpagecontent .productcontent .orderform  input { text-indent: 10px; }
.innerpagecontent .productcontent .orderform  label { color: #0054a6; font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 14px; line-height: 30px; }
.innerpagecontent .productcontent .orderform p input { margin-bottom: 0px; cursor: pointer; border: none; display: inline-block; background-color: #0054a6; width: 150px; height: 33px; line-height: 33px; text-align: center; color: #ffffff; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 14px; }
.innerpagecontent .productcontent .orderform p input.flleft { float: left; }
.innerpagecontent .productcontent .orderform p input:hover { background-color: #0071a6; border: none; }
.innerpagecontent .ordersend { color: #c4151c; font-family: 'Open Sans', sans-serif; font-weight: normal; display: inline-table; font-size: 19px; text-align: center; background-color: #fff6c1; width: 100%; line-height: 40px; padding: 0px; clear: both; }
.mobilemenu { display: none; }


.yeniadres {
    width: 40%;
    float: left;
    padding: 20px 135px;
    border: 1px solid #ededed;
    margin: 0 5%;
    background: #fff;
    text-align: center;
}



@media screen and (max-width:768px) {
    .mobilemenu { display: block; z-index: 99; position: relative; }
    #menu { display: none; }
    #top .topcontent { width: 95%; }
    #top .topcontent .lang { width: auto; margin-top: 8px; }
    #top .topcontent .lang ul li { margin-left: 3px; }
    #top .topcontent .logo { width: 150px; clear: both; margin-top: 11px; float: left; z-index: 100; position: relative; }
    #top .topcontent .tel { float: left; margin-top: 4px; }
    #top .topcontent .whatsapp { display: none; }
    #top .topcontent .facebookcontainer { display: none; }
    #main .maincontent { width: 95%; }
    #main .maincontent .anasayfaurunlerheader { width: 100%; }
    #main .maincontent .anasayfaurunler li { margin-right: 0; }
    .slick-prev, .slick-next { display: none !important; }
    #footer .content { width: 95%; }
    #footer .content .address { width: 100%; float: none; background-size: 25px 30px; }
    #footer .content .address span { margin-left: 30px; }
    #footer .content .phone { width: 50%; margin-left: 0; margin-top: 15px; background-size: 25px 43px; }
    #footer .content .phone span { margin-left: 30px; }
    #footer .content .whatsapp { width: 50%; box-sizing: border-box; margin: 0; margin-top: 15px; height: 30px; }
    #footer .content .whatsapp span { }
    #footer .content .email { width: 50%; margin-top: 15px; background-size: 25px 35px; }
    #footer .content .email span { margin-left: 30px; }
    #footer .content .followus { width: 50%; margin-left: 0; margin-top: 15px; }
    #footer .followus ul { margin: 0; }
    #footer .followus ul li a { padding: 0px 1px; }
    #footer .telif { width: 100%; padding: 8px 0px }
    .kategorinav .navcontent { width: 95%; }
    .innerpageheader span { width: 95%; }
    .innerpagecontent { width: 95%; }
    .innerpagecontent .kurumsalimg { width: 100% !important; height: auto !important; margin: 0 !important }
    .innerpagecontent .left { margin-top: 10px; width: 100%; }
    .innerpagecontent .right { width: 100%; margin-left: 0px }
    .innerpagecontent .haberler li { padding-top: 10px; border-bottom: 1px solid #ccc; }
    .innerpagecontent .haberler li .img { width: 100%; height: auto !important; }
    .innerpagecontent .haberler li .titletarihdesc { width: 100%; padding-left: 0px; }
    .innerpagecontent .contentimages ul li .img { width: 100% !important; height: auto !important }
    .innerpagecontent .contentimages ul li .img img { width: 100% !important; height: auto !important }
    .innerpagecontent .fotokategori { margin-top: 0px }
    .innerpagecontent .fotokategori li { margin: 0; width: 48.8%; margin: 0.6%; }
    .innerpagecontent .fotokategori li .img { width: 100% !important; height: auto !important; box-sizing: border-box; display: block; }
    .innerpagecontent .fotokategori li .img img { width: 100% !important; height: auto !important }
    .innerpagecontent .fotokategori li .title { line-height: 18px; height: 36px; box-sizing: border-box; padding: 3px 5px; }
    .innerpagecontent .videolist li { width: 100%; margin: 0; margin-bottom: 10px; }
    .innerpagecontent .videolist li .img { width: 100% !important; height: auto !important; }
    .innerpagecontent .videolist li .img img { width: 100% !important; height: auto !important; }
    .innerpagecontent .contactleft {width: 100%;margin: 0;}
    .innerpagecontent .contactleft .contactform  input, .innerpagecontent .contactleft .contactform  textarea { width: 100%; }
    .innerpagecontent .contactright {width: 100% !important;padding-left: 0px;margin: 0;}
    .innerpagecontent .contactright .map { width: 100%; }
    .innerpagecontent .contactright .map iframe { width: 100% !important; min-height: 300px !important; height: auto !important; }
    .innerpagecontent .categorycontainer { margin-top: 0px; margin-bottom: 20px; }
    .innerpagecontent .categorycontainer li { margin: 0; margin-bottom: 10px; }
    .innerpagecontent .categorycontainer li .img { width: 100%; height: auto; }
    .innerpagecontent .categorycontainer li .img img { width: 100% !important; height: auto !important; }
    .innerpagecontent .right .subcategorycontainer li { margin-left: 0px; }
    .innerpagecontent .right .subcategorycontainer li .img { width: 100%; height: auto }
    .innerpagecontent .right .subcategorycontainer li .img img { width: 100% !important; height: auto !important }
    .innerpagecontent .right .productcontainer li { margin-left: 0px; }
    .innerpagecontent .right .productcontainer li .img { width: 100%; height: auto }
    .innerpagecontent .right .productcontainer li .img img { width: 100% !important; height: auto !important }
    .innerpagecontent .productcontent { padding-top: 0px; }
    .verificationimg { width: 50px !important; }
    .innerpagecontent .productcontent p img { display: block; width: 100% !important; height: auto !important; }
    .innerpagecontent .productcontent .imagewrapper img { display: block; width: 100% !important; height: auto !important; }
    .innerpagecontent .productcontent .imagewrapper p { padding: 0; margin: 0; }
    .innerpagecontent .productcontent .imagewrapper .titlewrapper { position: relative; max-width: 100%; width: 100%; top: auto; -ms-transform: none; transform: none; padding: 8px 16px; }
    .innerpagecontent .productcontent .imagewrapper .titlewrapper h1 { font-size: 23px; }
    .innerpagecontent .productcontent .imagewrapper .titlewrapper h2 { font-size: 17px; }
    .innerpagecontent .productcontent .imagewrapper .titlewrapper a.video, .innerpagecontent .productcontent .imagewrapper .titlewrapper a.katalog { color: #da0202; font-weight: 600; font-size: 15px; display: block; text-align: center; padding: 9px; background-color: rgba(255, 255, 255, 0.8); margin-left: -16px; margin-right: -16px; margin-top: -20px; margin-bottom: -3px; }
    .innerpagecontent .productcontent .poductslogan { width: 100%; clear: both; padding: 10px 0px; font-size: 25px; line-height: 30px }

    .yeniadres {
        width: 100%;
        float: none;
        padding: 10px 15px;
        margin: 20px 0;
        
    }

}