@charset "utf-8";
body{font-family:'Open Sans',sans-serif;font-size:14px;line-height:normal;margin:0;padding:0;overflow-x:hidden;background: #e9efee;}
#wrapper{width:1074px;margin-left:auto;margin-right:auto}
#wrappervideo{width:1000px;margin-left:auto;margin-right:auto}
a{text-decoration:none;color: #000;}
input,select,textarea{font-family:'Source Sans Pro',sans-serif;outline:0;width:96%;padding:5px;color:#333}
img{}
table tr td{padding:5px}
.notice{color:orange;font-weight:700}
.error{color:red;font-weight:700}
.complete{color:green;font-weight:700}
.clear{clear:both}h1,h2,h3,h4,h5,h6{font-family:raleway;padding:0;margin:0;font-weight:400}h1{font-size:32px}h2{font-size:24px}h3{font-size:26px}h4{font-size:18px}h5{font-size:18px}
.menu{float:right}
.menu ul{padding:0;margin:0}
.menu li{float:left;position:relative;list-style-type:none}
.menu li a{font-family:raleway;float:right;color:#fff;padding-left:20px;padding-right:20px;text-decoration:none;line-height:65px;font-weight:700;font-size:16px}
.menu ul li ul li:hover a{background:rgba(0,0,0,0.8)}
.menu li:hover a{background:#828282;margin:1px}
.menu ul li ul{width:200px;float:left;position:absolute;top:65px;left:0;z-index:1;display:none;margin:0;padding:0}
.menu ul li ul li{float:none;margin:0;padding:0}
.menu ul li ul li a{background:0;font-size:14px;float:none;text-align:left;display:block;line-height:40px;margin:0;padding:0 0 0 10px}
.menu li:hover>ul{display:block}
.menu ul li ul li ul{width:200px;height:auto;float:left;position:absolute;top:0;left:200px;z-index:1;display:none}
.menu ul li ul li ul li a:hover{background-color:#3a3a3a}
.menuAc{padding:5px;color:#0cb1fe;font-weight:700;cursor:pointer;display:none;font-size:24px;width:100%;float:left}
.sayfalama{width:100%;text-align:center;font-family:raleway;margin:17px auto}
.sayfalama span a{text-decoration:none;color:#666;font-size:15px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;border:1px solid #CCC;padding:5px 10px}
.sayfalama span a:hover{background-color:#e5e5e5}
.sayfalama .sayfalama-active a{background-color:#e5e5e5}
.iletisimtable{float:left;width:49%}
.iletisiminfo{text-align:center;margin-top:15px;margin-bottom:15px}
.iletisimtable h4{color:#a93030}
.gonderbtn{color:#202930;border:1px solid #1f282f;float:left;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:7px 25px}
.gonderbtn:hover{color:#FFF;text-decoration:none;background-color:#202930}
.iletisimbilgileri iframe{box-shadow:0 0 15px #ccc}
#slider{background-color:#000}
.head{background: #fff;opacity: 0.95;float:left;height:58px;width:100%;box-shadow:0 0 15px #000;z-index:25;position:relative}
.headsosyal a{float:left;font-size:18px;line-height:50px;color:#fff;padding-right:15px;margin-top: 10px;}
.headsosyal a:hover{)}
.languages{float:left;margin-left:30px;width:165px}
.languages select{background:rgb(9, 174, 251);font-family:Raleway;color:#FFF;margin-top:4px;border:0;outline:0;height:50px;font-size:16px}
.languages option{background:rgba(0,0,0,0.7);border:0;outline:0}
.headinfo{float:right;color:#000}
.headinfo h3{font-size:15px;line-height:50px;float:right;margin-left:30px}
.headinfo h3 strong{font-weight:800}
.logomenu{margin-top:10px;position:relative;z-index:755}
.logo{display:inline}
.logo1{display:none}
.clearmob{display:none}
.bloktitle{text-align:center;margin-top:25px;margin-bottom:25px;padding:10px}
.bloktitle h1{font-weight:800;color:#00aeff}
.tatinim{margin-top:3px;text-align:center;#00aeff;}
.video1{margin-top:20px;margin-bottom:1px;#00aeff;}
.line{height:1px;width:90px;margin:auto;margin-top:15px;margin-bottom:15px}
.btn{text-align:center;border:1px solid #00aeff;border-radius:10px;font-size:16px;cursor:pointer;padding:12px 50px}
.btn1{color: #888;padding-right: 30px;padding-left: 30px;border-radius: 1px 10px 1px 1px;text-align: center;border-bottom: 1px solid #cdd0d2;border-right: 1px solid #cdd0d2;font-size: 16px;float: right;max-height: 44px;margin: 3px;}
.btn1:hover{color:#fff;background:#888}
.bloktitle h4{margin-bottom:40px}
.btn:hover{color:#fff;background:#d1cfce;}
.bloktitle h4{margin-bottom:40px}
.hbveblog{float:left;width:100%;margin-top:3px;}
.hbveblog-container{background: #fff;opacity: 0.95;width:100%;float:left;color:#000;margin-top: -12px;}
.foovekaciklama{float:left;width:50%;word-wrap:break-word}
.hbveblog h4{font-weight: 800;color: #00aeff;font-size: 24px;float: left;background: rgb(255, 255, 255);padding: 10px;}
.foovekaciklama p{margin-left:10px}
.foovekaciklama p a{color:#000}
.hbblogbasliklar{float:right;width:50%}
.hbblogbasliklar h5{font-size:16px;text-align:right;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;padding:17px 5px 17px 15px}
.hbblogbasliklar h5:hover{background:rgba(0,0,0,0.1)}
.hbblogbasliklar_active{background:rgba(0,0,0,0.1)}
.active{background-color:#888;color:#FFF}
.hbblogline{float:left;height:1px;width:100%;}
.hbveblog h6{float:right;}
.hbveblog h6 a{font-weight: 800;color: #00aeff;margin-bottom: 15px;font-size: 24px;float: left;background: rgba(0, 0, 0, 0.9);padding: 10px;}
.hbveblog h6 a:hover{margin-right:5px}#homeblog h6 a{color:#00aeff}
.hbveblog h4 i{margin-right:10px}
.foovekaciklama img{width:100%;margin-top:3px;}
#homeblog{float:right}
#homeblog .hbveblog-container{background-color:#00aeff}#homeblog h4{color:#00aeff}
.homeurunler{float:left;width:100%;margin-top:3px;padding-bottom:14px;background: #fff;opacity: 0.95;}
.homeurun{text-align:center;overflow:hidden;position:relative}
.homeurun .btn{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-bottom:10px;float:left;width:50%;padding-top:8px;padding-bottom:8px}
.homeurun h5{margin-top:10px;min-height:48px;font-weight:600;font-size:16px;color:#fff;}
.homeurun img{border:5px solid #FFF;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.homeurun:hover img{border:5px solid #fff}
.homeurun img:hover{border:5px solid #fff}
#prevnextbtn{padding:5px;padding-left:10px;padding-right:10px;border:1px solid #00aeff;color:#00aeff;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
#prevnextbtn:hover{color:#fff;background:#00aeff}
.prevnextbtn{padding:5px;padding-left:10px;padding-right:10px;border:1px solid #00aeff;color:#00aeff;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.prevnextbtn:hover{color:#fff;background:#00aeff}
.nextprevbtns{text-align:center;float:left;width:100%;margin-bottom:30px}
.urunfiyat{color:#00aeff;top:172px;background-color:#fff;text-align:center;width:110px;padding-top:7px;padding-bottom:7px;position:absolute;left:25%;font-size:16px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;box-shadow:0 0 5px #ccc}
.slide:hover .urunfiyat{top:80px;opacity:.9;filter:alpha(opacity=90)}
.yorumlar{float:left;width:100%;background: #fff;opacity: 0.95;margin-top: 3px;}
.yorumlar .list_carousel{width:100%;margin:auto}
.yorumlar .bloktitle{color:#000}
.myorum-cpntainer{border:2px solid #00aeff;padding:8px;text-align:center;min-height:268px;color:#000;border-radius:10px}
.mlogo{background:#fff;border:2px solid #00aeff;border-radius:100%;margin-top:-52px}
.list_carousel{width:100%}
.list_carousel ul{padding:0;list-style:none;display:block}
.list_carousel li{width:320px;height:auto;padding:0;margin:18px;display:block;float:left;margin-top:55px}
.list_carousel.responsive{width:auto;margin-left:0}
.clearfix{float:none;clear:both}
.prev{float:left;margin-left:10px}
.next{float:right;margin-right:10px}
.myorum-cpntainer h5{font-size:14px}
.yorumlar .bloktitle h4{margin:0}
.hizmet{float:left;width:330px;margin:12px;margin-bottom:20px}
.hizmeticon{float:left;height:75px;width:75px;border:2px solid #00aeff;color:#00aeff;margin-right:2%;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;margin-bottom:20px;text-align:center;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.hizmet:hover .hizmeticon{color:#fff;background:#00aeff}
.hizmetinfo h4 a{color:#292d35;font-weight:800}
.hizmetinfo p{font-size:13px}
.hizmetinfo a{color:#00aeff}.hizmeticon i{font-size:30px;text-align:center;line-height:250%}
.hizmetinfo{float:right;width:70%}
.rakamlar{background: #fff;opacity: 0.95;float:left;width:100%;padding-top:34px;padding-bottom:16px;color:#000;margin-top:3px;text-align:center}
.istatistikler i{font-size:180px;float:left;margin-right:50px}
.istatistikler h3{font-size:34px;font-weight:800;margin-bottom:25px}
.istatistikler h1{margin-top:20px}
.istatistikler h1 strong{font-size:55px}
.istatistikler h1 span{font-size:25px}
.istatistik{float:left;margin:20px;text-align:center;border:1px solid #00aeff;border-radius:4%;width:21%;}
.markalar{float: left;margin-top: 3px;background: #fff;opacity: 0.95;height: 150px;width: 100%;}
.markaslogan{float:left;height:148px;width:200px;margin:1px;color:#FFF;background-color:#00aeff;padding-left:20px}
.markaslogan h1{margin-top:40px;font-weight:800}
.marka{float:right}
.footer{background: #fff;opacity: 0.95;width:100%;padding-top:16px;padding-bottom:16px;color:#000;height:auto;float:left;margin-top:3px;}
.footblok{float:left;width:33%;margin:15px}
.footblok p{font-size:13px}
.footblok h4{padding-top:5px;padding-bottom:5px}
.footblok h3{margin-bottom:25px;font-size:20px;font-weight:700}#footlinks a{font-size:15px;color:#000;float:left;width:100%;padding:8px 5px}#footlinks a:hover{padding-left:10px;color:#00aeff}
.footblok h4 span{width:80px;float:left}.footblok h5 span{width:80px;float:left;margin-bottom:40px}#footlinks{width:26%}#footebulten{width:30%}#footebulten 
.btn{float:left;width:59%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-family:raleway;font-size:18px}
.altfooter{background: #fff;width:100%;margin-top:3px;float:left}
.altfooter h5{font-size:14px;color:#000;float:left;line-height:80px;opacity:.4;}
.altfooter .headsosyal{float:right}
.altfooter .headsosyal a{line-height:80px}#footebulten input{background-color:#333;float:left;width:80%;padding:15px;margin-bottom:5px;font-family:raleway;font-size:15px;color:#999;font-weight:700}input[type=text],textarea,select{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:0;border:1px solid #444}input[type=text]:focus,textarea:focus,select:focus{box-shadow:0 0 5px #00aeff;border:1px solid #00aeff}
.hidden{opacity:0}
.headerbg{float:left;height:400px;width:100%;background-image:url(../images/slide1.jpg);background-repeat:repeat;background-position:center center;color:#FFF}
.content{width:100%;min-height:350px;float:left;position:relative;background:#fff;margin-bottom:40px;border: 1px solid #ddd;}
.headtitle{float:left;margin-top:210px;width:100%;text-shadow:0 0 2px #555;word-wrap:break-word}
.headtitle h1{font-size:40px;font-weight:800}
.sayfayolu{font-size:18px;font-family:raleway}
.sayfayolu a{color:#FFF}.sayfayolu span{color:#00aeff}
.sayfayolu a:hover{color:#00aeff}
.icerik{float:left;margin-top:25px;width:71%;}
.icerik1{float:left;margin-top:25px;width:100%;border:1px solid #ddd}
.icerik2{float:left;margin-top:3px;width:100%;background: #fff;opacity: 0.95;}
.icerik p{line-height:20px;font-size:13px;margin-left:10px;margin-right:10px;text-align:justify;font-weight:500}
.sidebar{float:right;width:28%;margin-top:40px}
.sidelinks a{color:#292d35;float:left;width:100%;padding-top:7px;padding-bottom:7px;font-weight:600}
.sidelinks a:hover{color:#00aeff;padding-left:5px}#accordion a{color:#292d35;float:left;width:100%;padding-top:7px;padding-bottom:7px;font-weight:600}
#accordion a:hover{color:#00aeff;padding-left:5px}
.sidelinks i{margin-right:10px}#accordion i{margin-right:10px}
.sidebar h2{font-size:16px;margin-bottom:20px;font-weight:600;color:#fff;width:87%;background:#00aeff;padding:10px;border-radius:4px;text-align:center;border:1px solid #ddd}
#accordion div{font-family:open sans;font-size:13px;font-family:open sans;padding:12px;line-height:25px;background:#fff;font-weight:500}
#accordion h3{font-weight:600;background:#00aeff;color:#fff;outline:0}
.sidekategori{float:left;margin-bottom:25px;width:95%}
.sidebar .btn{float:left;margin-top:20px;padding-left:38px;padding-right:38px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.sidebar .btn i{margin-right:10px}
#accordion1 a{color:#292d35;float:left;width:100%;padding-top:7px;padding-bottom:7px;font-weight:600}
#accordion1 a:hover{color:#00aeff;padding-left:5px}
#accordion1 i{margin-right:10px}
#accordion1 div{font-family:open sans;font-size:12px;font-family:open sans;padding:12px;line-height:25px;background:#fff}
#accordion1 h3{font-weight:600;background:#00aeff;color:#fff;outline:0}
.listeleme{float:left;padding:20px}
.listefoto{float:left;width:200px;overflow:hidden;text-align:center;height:140px;border:5px solid #f2f2f2;margin-right:10px;margin-left:10px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.detaylink{color:#00aeff}.detaylink:hover{margin-left:7px}
.listeicerik1 h3 a{color:#00aeff;font-weight:600;padding:20px}
.listeicerik1 h3 a:hover{text-decoration:underline}
.listeicerik2 h3 a{color:#00aeff;font-weight:600;padding:20px}
.listeicerik2 h3 a:hover{text-decoration:underline}
.listeicerik h3 a{color:#00aeff;font-weight:600;padding:6px}
.listeicerik h3 a:hover{text-decoration:underline}
.listeleme:hover .listefoto{border:5px solid #00aeff}
.urunlistesi .homeurun{float:left;width:28%;margin:20px}
.urunlistesi .homeurun:hover .urunfiyat{top:80px;opacity:.9;filter:alpha(opacity=90)}
.tumuruntitle{margin-top:10px;margin-bottom:15px}
.urundetayfoto1{float:right;margin:14px;}
.collapsible{color:#000;padding:6px;width:100%;border:0;text-align:left;outline:0;font-size:13px;margin-top:4px;}
.active1,.collapsible:hover{background-color:#555;width:100%}
.content4{display:none;color: #fff;background: #1a1818;width: 94%;padding: 6px;margin: 10px;}
.urundetayfoto1 img{height:250px;width:300px;}
.urundetayfoto1 img:hover{background: #fff;}
.urunkisainfo{float:left;margin-bottom:20px;width:54%;line-height:24px}
.siparisbtns{text-align:center;float:left;width:100%;height:50px;margin-top:30px}
.urungiderfotolar a img{float:left;height:100px;width:147px;border:1px solid #ddd;margin:1px}
.urungiderfotolar a img:hover{border:3px solid #ccc}
.urungiderfotolar{float:left;width:100%;margin-bottom:15px}
.siparisbilgileri{float:left;width:100%;margin-top:25px;margin-bottom:30px}
#iptalbtn{color:#999;border:1px solid #999}
#iptalbtn:hover{color:#fff;background:#999}
.siparisbilgileri input,select,textarea{padding:10px;font-family:raleway;font-size:16px;background-color:#f3f3f3;color:#8c8c9c;font-weight:700;border:1px solid #f3f3f3}
.sidelinks{margin-bottom:25px;float:left}
#bigcontent{width:100%;margin-top:25px}
.referanslar .homeurun{width:22%}
.referanslar img{border:0;-ms-interpolation-mode:bicubic;margin-bottom:-1px;vertical-align:middle;page-break-inside:avoid;max-width:100%!important;width:220px;height:145px}
.referanslar1 img{border:0;-ms-interpolation-mode:bicubic;margin-bottom:-1px;vertical-align:middle;page-break-inside:avoid;max-width:100%!important;width:100%;height:400px}
.refurl{font-size: 20px;background-color: #000;position: absolute;text-align: center;height: 60px;width: 60px;color: #777;z-index: 1;border-radius: 100%;line-height: 200%;margin-left: 40%;margin-top: 0;opacity: 0;}
.portfolio:hover .refurl:hover{opacity:1.7;filter:alpha(opacity=100)}
.portfolio:hover .refurl{margin-left:14%;margin-top:10%;opacity:.7;filter:alpha(opacity=70)}
#refdetay{margin-left:50%}
#refdetay1{margin-left:50%}
.portfolio:hover #galeriicon{margin-top:28%}
.belge{float:left;margin:32px;text-align:center;width:203px;min-height:345px;margin-bottom:0}
.belge img{margin-bottom:10px;box-shadow:0 0 10px #ccc}
.belge img:hover{box-shadow:0 0 10px #666}
#accordionsss a{color:#292d35;float:left;width:100%;padding-top:7px;padding-bottom:7px;font-weight:600}
#accordionsss a:hover{color:#00aeff;padding-left:5px}
#accordionsss i{margin-right:10px}
#accordionsss div{font-family:open sans;font-size:12px;font-family:open sans;padding:12px;line-height:25px;background:#fff}
#accordionsss h3{font-weight:600;background:#00aeff;color:#fff;outline:0}
.listeleme{float:left;padding:20px}
.listefoto{float:left;width:200px;overflow:hidden;text-align:center;height:140px;border:5px solid #f2f2f2;margin-right:10px;margin-left:10px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.detaylink{color:#00aeff}
.detaylink:hover{margin-left:7px}
.listeicerik1 h3 a{color:#00aeff;font-weight:600;padding:20px}
.listeicerik1 h3 a:hover{text-decoration:underline}
.listeicerik h3 a{color:#00aeff;font-weight:600;padding:6px}
.listeicerik h3 a:hover{text-decoration:underline}
.listeleme:hover .listefoto{border:5px solid #00aeff}
.urunlistesi .homeurun{float:left;width:28%;margin:20px}
.urunlistesi .homeurun:hover .urunfiyat{top:80px;opacity:.9;filter:alpha(opacity=90)}
.tumuruntitle{margin-top:10px;margin-bottom:15px}
.urundetayfoto{float:left;margin:14px}
.urundetayfoto img{height:300px;width:300px;border:5px solid #fff;}
.urundetayfoto img:hover{border:5px solid #fff}
.urunkisainfo{float:left;margin-bottom:20px;width:54%;line-height:24px}
.urundetayinfo{float:left}
.urundetayinfo p img{margin:10px}
.urundetayinfo1{float:left}
.urundetayinfo1 p img{margin:10px}
.urunkisainfo h5{font-size:16px;margin-bottom:20px}
.urunkisainfo h4 span{width:120px;float:left}
.urunkisainfo h4{padding-top:5px;padding-bottom:5px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC}
.urunkisainfo1 h5{font-size:16px;margin-bottom:20px}
.urunkisainfo1 h4 span{width:120px;float:left}
.urunkisainfo1 h4{padding-top:5px;padding-bottom:5px;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC}
.siparisbtns{text-align:center;float:left;width:100%;height:50px;margin-top:30px}
.urunlistesi{float:left;width:100%;}
.urungiderfotolar a img{float:left;height:100px;width:147px;border:1px solid #ddd;margin:1px}
.urungiderfotolar a img:hover{border:3px solid #ccc}
.urungiderfotolar{float:left;width:100%;margin-bottom:15px}
#iptalbtn{color:#999;border:1px solid #999}
#iptalbtn:hover{color:#fff;background:#999}
.sidelinks{margin-bottom:25px;float:left}
#bigcontent{width:100%;margin-top:25px}
.iletisimdetay{float:left;width:49%}
.iletisimform{float:right;width:100%;float:left;width:49%}
.iletisim table{font-family:Raleway;font-size:16px}
.iletisim table tr td{padding:10px;border-bottom-width:1px;border-bottom-style:solid;font-weight:700;border-bottom-color:#f0f0f0}
.iletisim h3{color:#4b7678;font-size:16px;font-weight:700}
.iletisim{margin-top:25px}
.iletisimform table tr td input,textarea{background-color:#f3f3f3;padding:13px;font-family:Raleway;font-size:18px;font-weight:500;border-style:none}
.iletisimform table tr td input[type=text],textarea{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:0;font-size:16px;font-weight:700;color:#333;border:1px solid #f3f3f3}
.iletisimform table tr td input[type=text]:focus,textarea:focus{box-shadow:0 0 5px #00aeff;border:1px solid #00aeff}
.iletisimform::-webkit-input-placeholder{color:#666}
.iletisimform:-moz-placeholder{color:#666}
.iletisimform:-ms-input-placeholder{color:#666}
.iletisimform table tr td .btn{float:left;margin-right:10px}
.iletisimdetay1{float:left;width:49%}
.iletisimform1{float:right;width:100%;float:left;width:100%}
.iletisim1 table{font-family:Raleway;font-size:16px}
.iletisim1 table tr td{padding:10px;border-bottom-width:1px;border-bottom-style:solid;font-weight:700;border-bottom-color:#f0f0f0}
.iletisim1 h3{color:#4b7678;font-size:16px;font-weight:700}
.iletisimform1 table tr td input,textarea{background-color:#f3f3f3;padding:13px;font-family:Raleway;font-size:18px;font-weight:500;border-style:none}
.iletisimform1 table tr td input[type=text],textarea{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:0;font-size:16px;font-weight:700;color:#333;border:1px solid #f3f3f3}
.iletisimform1 table tr td input[type=text]:focus,textarea:focus{box-shadow:0 0 5px #00aeff;border:1px solid #00aeff}
.iletisimform1::-webkit-input-placeholder{color:#666}
.iletisimform1:-moz-placeholder{color:#666}
.iletisimform1:-ms-input-placeholder{color:#666}
.iletisimform1 table tr td .btn{float:left;margin-right:10px}
.subebayibtn{height:150px;width:21%;border:1px solid #00aeff;float:left;font-size:28px;text-align:center;color:#00aeff;font-family:raleway;margin:15px}
.subebayibtn i{margin-top:15%;font-size:50px;margin-bottom:10px}
.subebayibtn:hover{color:#fff;background:#d1cfce;}
.subebayibtns{margin:auto;width:76%;}
.subebayibtns1{margin:auto;width:38%;margin-top:35px}
.paypasbutonlar{float:left;padding:10px;margin-top:-70px;margin-bottom:-30px;text-align:center;color:#666;background:#fff;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:13px;border-top-right-radius:13px}
.paypasbutonlar h5{font-size:15px;font-weight:600}
.paypasbutonlar a{color:#666;margin:5px;float:left;height:40px;width:40px;font-size:16px;text-align:center;line-height:250%}
.paypasbutonlar a:hover{color:#fff;background:#666}
#facepaylas:hover{background:#365899;border:1px solid #365899}
#twitpaylas:hover{background:#1da1f2;border:1px solid #1da1f2}
#googlepaylas:hover{background:#d73d32;border:1px solid #d73d32}
#linkedpaylas:hover{background:#008cc9;border:1px solid #008cc9}
.headoverlay{background-image:url(../images/headeroverlay.png);background-repeat:repeat-x;background-position:center top;width:100%;height:100px;position:absolute;margin-top: -10px;}
.boxedcontainer{max-width:1170px;margin:auto;padding:0 30px}
.tanitimMavi{background: #fff;opacity: 0.95;float: left;width: 49.9%;min-height: 350px;}
.tanitimsoru{background: #fff;opacity: 0.95;float: left;width: 49.9%;min-height: 305px;}
.videotanitim {background: #fff;opacity: 0.95;float: right;width: 49.9%;min-height: 305px;text-align: center;margin-top: 3px;}
.tanitimTuruncu {background: #fff;opacity: 0.95;float: right;width: 49.9%;min-height: 350px;}
.bloktitle p{color:#000}
.w3-modal{z-index:40;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;opacity: 0.98;background-color: rgb(45, 47, 46);}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:360px}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-xlarge{font-size:23px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important;padding: 10px;text-align: center;}

#myVideo {position: fixed;right: 0;bottom: 0;min-width: 100%;min-height: 100%;}
.content11 {position: fixed;bottom: 0;width: 12%;padding: 10px;text-align: left;background: #fff;opacity: 0.95;border-radius: 1px 20px 1px 1px;}
#myBtn {width: 188px;font-size: 16px;padding: 10px;border: none;cursor: pointer;border-radius: 1px 10px 1px 1px;background:#d4d2d1;color:#000;text-align: left;}
#myBtn:hover {background: #ddd;color: black;}
#myBtn1 {width: 93%;font-size: 18px;padding: 10px;background:#d4d2d1;color: #000;cursor: pointer;border-radius: 1px 10px 1px 1px;margin: 13px;margin: 3px 3px 19px 13px;}
#myBtn1:hover {background: #00aeff;color: black;}
#video-background {position: fixed;right: 0;bottom: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;}

@media only screen and (min-width:320px) and (max-width:1024px){
.head{height:auto}
.markaslogan{float:none;height:auto;width:200px;color:#FFF;background-color:#00aeff;padding-left:0;margin:auto;text-align:center;padding-bottom:15px;padding-top:15px}#wrapper{width:97%}
.rakamlar{display:none}
.urunfiyat{top:125px;left:17%}
.headoverlay{display:none}
.menuAc{display:block;width:100%;background:0;text-align:center;padding:0;margin-top:-10px;margin-bottom:15px}
.menu ul{display:none;position:relative}
.menu ul li{float:none}
.menu{float:none;margin:7%;margin-top:20px}
.menu li{float:left;width:100%}
.menu li a{float:left;width:86%;font-size:20px;background:rgba(0,0,0,0.5);line-height:50px}
.menu ul li ul{width:100%;float:left;position:relative;top:0;left:0;z-index:1;display:none;margin:0;padding:0;font-size:16px}
.menu li:hover a{background:rgba(0,0,0,0.6)}
.menu ul li ul li a{width:90%;font-size:16px;padding-left:25px}
.head{height:auto}
.clearmob{clear:both}
.headinfo{float:left;margin-top:30px;width:100%}
.headinfo h3{font-size:18px;line-height:normal;float:none;margin-left:0;text-align:center;margin-top:10px}
.logo{width:100%;text-align:center;display:block}
.logo1{width:100%;text-align:center;display:block}
.logomenu{margin-top:25px}
.hbveblog{width:100%}
.foovekaciklama{width:100%}
.foovekaciklama img{width:100%;height:auto;display:none}
.hbblogbasliklar{width:92%;float: left;}
.list_carousel{float:none;margin-left:auto;margin-right:auto;width:340px;overflow:hidden}
.list_carousel li{width:300px}.hizmet{width:90%}
.istatistikler{text-align:center}
.istatistikler i{float:none}
.homeurun{display:none}
.nextprevbtns{display:none}
.urundetayfoto1{display:none}
.istatistik{margin:10px;float:none;display:inline-block}
.marka{float:none}
.markalar{height:auto;display:none}
.markaslogan{float:none;height:auto;width:200px;color:#FFF;background-color:#00aeff;padding-left:0;margin:auto;text-align:center;padding-bottom:15px;padding-top:15px}
.markaslogan h1{margin-top:0}
.footblok{width:93%;margin-left:5%}#footlinks{width:93%}#footebulten{width:93%}
.altfooter{height:auto;text-align:center}
.altfooter .headsosyal{float:none;text-align:center;margin-bottom:40px}
.altfooter .headsosyal a{line-height:normal;float:none}
.altfooter h5{float:none;line-height:normal;width:90%;margin:20px auto}
.sidebar{width:95%;margin-left:15px}
.icerik{float:left;width:95%;margin-left:15px}
.headtitle{width:95%;margin-left:15px;margin-top:160px}
.urunlistesi .homeurun{width:50%;margin:0;margin-bottom:20px}
.homeurun img{width:150px;height:150px;margin:auto}
.iletisimdetay{width:100%;margin-top:15px}
.subebayibtns{width:172px}
.urundetayfoto {display:none}
.urunkisainfo{width:100%}
.urunlistesi{width:100%}
.subebayibtns{display:none}
.tanitimMavi{width: 100%;}
.videotanitim {display:none}
.tanitimTuruncu {width: 100%;}
.tanitimsoru {width: 100%;}
.content11{display:none}
.logofouter{display:none}
.hbveblog h4{font-size:16px}
.hbveblog h6{font-size:16px}
#jssor_1{display:none}
#video-background{display:none}
#iptalbtn{float:right;padding:10px 0;width:100%}
.siparisbilgileri .btn{float:left;padding:10px 0;width:95%}
.homeurun .btn{width:95%;padding:5px 0;display:block}#footebulten input{width:80%}
.yorumlar .list_carousel{width:330px;margin:auto}}@media screen and (max-width:400px){
.urungiderfotolar a img{float:left;height:100px;width:100%;border:1px solid #ddd;margin:1px}
.btn{color:#00aeff;text-align:center;border:1px solid #00aeff;padding:12px}
.tp-banner{width:100%;position:relative;display:none}
.sayfalama span a{font-size:7px}
.iletisimform{float:left;width:96%}
.languages{display:none}
.headsosyal{display:none}
#myVideo{display:none}
.contenttttt{display:none}
#myBtn{display:none}
#myBtn:hover{display:none}
.menu li a{float:left;width:40%;font-size:14px;background:rgba(0,0,0,0.5);line-height:40px}
.menu ul li ul li a{width:90%;font-size:14px;padding-left:25px}.headtitle h1{font-size:26px;font-weight:900}h3{font-size:20px}}


@media only screen and (min-width:480px) and (max-width:767px){
.tp-simpleresponsive .button{padding:4px 8px 3px;line-height:25px!important;font-size:11px!important;font-weight:400}
#myVideo{display:none}.contenttttt{display:none}#myBtn{display:none}#myBtn:hover{display:none}
.tp-simpleresponsive a.button{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none}}

@media screen and (max-width:600px){
.urungiderfotolar a img{float:left;height:100px;width:47%;border:1px solid #ddd;margin:1px}
.tp-banner{width:100%;position:relative;display:none}
.languages{display:none}
.sayfalama span a{font-size:9px}
.headsosyal{display:none}
#myVideo{display:none}
.contenttttt{display:none}#myBtn{display:none}
#myBtn:hover{display:none}
.iletisimform{float:left;width:96%}
.menu li a{float:left;width:40%;font-size:14px;background:rgba(0,0,0,0.5);line-height:40px}h3{font-size:20px}
.headtitle h1{font-size:26px;font-weight:900}
.menu ul li ul li a{width:90%;font-size:14px;padding-left:25px}}
#myVideo{position:fixed;right:0;bottom:0;min-width:50%;min-height:50%}
.contenttttt{position:fixed;bottom:0;background:rgba(0,0,0,0.5);color:#f1f1f1;width:50%;padding:20px}




@media only screen and (min-width:1024px) and (max-width:1500px){
.content11{display:none}}

@media only screen and (min-width:1500px) and (max-width:1800px){
	.btn {
    color: #00aeff;
    text-align: center;
    border: 1px solid #00aeff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-size: 12px;
    cursor: pointer;
    padding: 9px 34px;
}
.content11{
  position: fixed;
  bottom: 0;
  width: 14%;
  padding: 10px;
  text-align: left;
  background: #fff;
  opacity: 0.95;
  border-radius: 1px 20px 1px 1px;
	
	
}
}